On this page

Ενσωματωμένες Stripe Apps

Οι Ενσωματωμένες Stripe Apps επιτρέπουν σε πλατφόρμες χτισμένες στο Stripe Connect να παρουσιάζουν λειτουργικότητα εφαρμογών τρίτων απευθείας στα δικά τους dashboards.

Επισκόπηση

Οι ενσωματωμένες apps χρησιμοποιούν δύο βασικά Connect ενσωματωμένα στοιχεία:

app-install: Αποδίδει κουμπί εγκατάστασης για Stripe App
app-viewport: Αποδίδει συγκεκριμένο viewport app

Ρύθμιση με Account Sessions API

const accountSession = await stripe.accountSessions.create({
  account: 'acct_connected_account_id',
  components: {
    app_install: {
      enabled: true,
      features: {
        allowed_apps: ['com.tajo.brevo-integration'],
      },
    },
    app_viewport: {
      enabled: true,
      features: {
        allowed_apps: ['com.tajo.brevo-integration'],
      },
    },
  },
});

Στοιχείο App Install

import { ConnectAppInstall, ConnectComponentsProvider } from '@stripe/react-connect-js';

const AppInstallButton = () => (
  <ConnectComponentsProvider connectInstance={stripeConnect}>
    <ConnectAppInstall
      app="com.tajo.brevo-integration"
      onAppInstalled={(event) => console.log('Installed:', event.app_id)}
    />
  </ConnectComponentsProvider>
);

Στοιχείο App Viewport

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

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

Caution

Τα ενσωματωμένα στοιχεία app απαιτούν ενοποίηση Connect με πρόσβαση Account Sessions API.