Vdelane Stripe Apps

Vaša platforma        Stripe Connect Embedded
┌──────────────┐      ┌─────────────────────┐
│  Vaš UI      │ ──── │  Stripe App UI       │
│  (wrapper)   │      │  (iframe/komponenta) │
└──────────────┘      └─────────────────────┘

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

const stripeConnect = await loadConnectAndInitialize({
  publishableKey: "pk_live_...",
  fetchClientSecret: async () => {
    // Pridobite skrivnost seje iz vašega zaledja
    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>
  );
}