Embedded Stripe Apps

import { loadConnectAndInitialize } from "@stripe/connect-js";

const stripeConnect = await loadConnectAndInitialize({
  publishableKey: "pk_live_...",
  fetchClientSecret: async () => {
    const response = await fetch("/api/stripe/session");
    const { clientSecret } = await response.json();
    return clientSecret;
  },
});

import { ConnectComponentsProvider, ConnectAppViewport } from "@stripe/react-connect-js";

function CustomerDashboard({ customerId }) {
  return (
    <ConnectComponentsProvider connectInstance={stripeConnect}>
      <ConnectAppViewport
        app="com.tajo.brevo-integration"
        viewport="stripe.dashboard.customer.detail"
        objectContext={{ id: customerId, object: "customer" }}
      />
    </ConnectComponentsProvider>
  );
}