Add the Issuing and Treasury embedded components (#194)

stripe · Jan 3, 2025 · 512fa90 · 512fa90
1 parent f1cae44
commit 512fa90
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 0 deletions.
diff --git a/src/shared.ts b/src/shared.ts
@@ -19,6 +19,10 @@ type ConnectElementHTMLName =
   | "stripe-connect-payment-details"
   | "stripe-connect-account-management"
   | "stripe-connect-notification-banner"
+  | "stripe-connect-issuing-card"
+  | "stripe-connect-issuing-cards-list"
+  | "stripe-connect-financial-account"
+  | "stripe-connect-financial-account-transactions"
   | "stripe-connect-payouts"
   | "stripe-connect-payouts-list"
   | "stripe-connect-balances"
@@ -38,6 +42,11 @@ export const componentNameMapping: Record<
   balances: "stripe-connect-balances",
   "account-management": "stripe-connect-account-management",
   "notification-banner": "stripe-connect-notification-banner",
+  "issuing-card": "stripe-connect-issuing-card",
+  "issuing-cards-list": "stripe-connect-issuing-cards-list",
+  "financial-account": "stripe-connect-financial-account",
+  "financial-account-transactions":
+    "stripe-connect-financial-account-transactions",
   documents: "stripe-connect-documents",
   "tax-registrations": "stripe-connect-tax-registrations",
   "tax-settings": "stripe-connect-tax-settings"

diff --git a/types/config.ts b/types/config.ts
@@ -1,6 +1,15 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
+export type FetchEphemeralKeyFunction = (fetchParams: {
+  issuingCard: string;
+  nonce: string;
+}) => Promise<{
+  issuingCard: string;
+  nonce: string;
+  ephemeralKeySecret: string;
+}>;
+
 export type CollectionOptions = {
   fields: "currently_due" | "eventually_due";
   futureRequirements?: "omit" | "include";
@@ -213,6 +222,27 @@ export const ConnectElementCustomMethodConfig = {
         | undefined
     ): void => {}
   },
+  "issuing-card": {
+    setDefaultCard: (_defaultCard: string | undefined): void => {},
+    setCardSwitching: (_cardSwitching: boolean | undefined): void => {},
+    setFetchEphemeralKey: (
+      _fetchEphemeralKey: FetchEphemeralKeyFunction | undefined
+    ): void => {},
+    setShowSpendControls: (_showSpendControls: boolean | undefined): void => {}
+  },
+  "issuing-cards-list": {
+    setFetchEphemeralKey: (
+      _fetchEphemeralKey: FetchEphemeralKeyFunction | undefined
+    ): void => {},
+    setShowSpendControls: (_showSpendControls: boolean | undefined): void => {},
+    setIssuingProgram: (_issuingProgram: string | undefined): void => {}
+  },
+  "financial-account": {
+    setFinancialAccount: (_financialAccount: string): void => {}
+  },
+  "financial-account-transactions": {
+    setFinancialAccount: (_financialAccount: string): void => {}
+  },
   payments: {
     setDefaultFilters: (
       _filters: PaymentsListDefaultFilters | undefined

diff --git a/types/shared.d.ts b/types/shared.d.ts
@@ -493,6 +493,10 @@ export type ConnectElementTagName =
   | "payment-details"
   | "account-management"
   | "notification-banner"
+  | "issuing-card"
+  | "issuing-cards-list"
+  | "financial-account"
+  | "financial-account-transactions"
   | "payouts"
   | "payouts-list"
   | "balances"