add recipients component to connect-js (#179)

* changes * more * fix style issue * make strong type
stripe · Oct 8, 2024 · a960402 · a960402
1 parent 69b6e9f
commit a960402
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/src/shared.ts b/src/shared.ts
@@ -26,6 +26,7 @@ export type ConnectElementHTMLName =
   | "stripe-connect-issuing-cards-list"
   | "stripe-connect-financial-account"
   | "stripe-connect-financial-account-transactions"
+  | "stripe-connect-recipients"
   | "stripe-connect-capital-financing"
   | "stripe-connect-capital-financing-application"
   | "stripe-connect-capital-financing-promotion"
@@ -54,6 +55,7 @@ export const componentNameMapping: Record<
   "issuing-card": "stripe-connect-issuing-card",
   "issuing-cards-list": "stripe-connect-issuing-cards-list",
   "financial-account": "stripe-connect-financial-account",
+  recipients: "stripe-connect-recipients",
   "financial-account-transactions":
     "stripe-connect-financial-account-transactions",
   "capital-financing": "stripe-connect-capital-financing",

diff --git a/types/config.ts b/types/config.ts
@@ -53,6 +53,8 @@ export type IntervalType = "day" | "week" | "month" | "quarter" | "year";
 
 export type ReportName = "gross_volume" | "net_volume";
 
+export type RecipientDataSource = "customers";
+
 export type EmbeddedErrorType =
   /**
    * Failure to connect to Stripe's API.
@@ -147,6 +149,9 @@ export const ConnectElementCustomMethodConfig = {
   "financial-account-transactions": {
     setFinancialAccount: (_financialAccount: string): void => {}
   },
+  recipients: {
+    setDataSource: (_dataSource: RecipientDataSource): void => {}
+  },
   "app-install": {
     setApp: (_app: string | undefined): void => {},
     setOnAppInstallStateFetched: (

diff --git a/types/shared.d.ts b/types/shared.d.ts
@@ -463,6 +463,7 @@ export type ConnectElementTagName =
   | "issuing-cards-list"
   | "financial-account"
   | "financial-account-transactions"
+  | "recipients"
   | "capital-financing"
   | "capital-financing-application"
   | "capital-financing-promotion"