Referenca viewportov

import { useExtensionContext } from "@stripe/ui-extension-sdk/context";
import { Box, Heading, Button } from "@stripe/ui-extension-sdk/ui";

const CustomerBrevoView = () => {
  const { environment } = useExtensionContext();
  const customer = environment.objectContext;

  return (
    <Box>
      <Heading>Brevo Sync Status</Heading>
      <Box>Customer ID: {customer.id}</Box>
      <Button
        onPress={() => syncToBrevo(customer.id)}
      >
        Sync to Brevo
      </Button>
    </Box>
  );
};

export default CustomerBrevoView;

"ui_extension": {
  "views": [
    {
      "viewport": "stripe.dashboard.customer.detail",
      "component": "CustomerBrevoView"
    }
  ]
}