@stripe/connect-js 3.3.55-preview-1 → 3.4.1

package/dist/{types/config.d.ts → components/componentsAndSetters.d.ts}

@@ -1,3 +1,4 @@
+export declare const connectElementTagNames: readonly ["account-onboarding", "disputes-list", "payments", "payment-details", "payment-disputes", "payouts", "payouts-list", "payout-details", "balances", "account-management", "notification-banner", "instant-payouts-promotion", "issuing-card", "issuing-cards-list", "financial-account", "financial-account-transactions", "documents", "tax-registrations", "tax-settings", "balance-report", "payout-reconciliation-report"];
 export type FetchEphemeralKeyFunction = (fetchParams: {
     issuingCard: string;
     nonce: string;
@@ -47,10 +48,6 @@ export type NotificationCount = {
     total: number;
     actionRequired: number;
 };
-export type InstallState = {
-    appId: string;
-    state: "INSTALLED" | "UNINSTALLED";
-};
 export type LoaderStart = {
     elementTagName: string;
 };
@@ -65,14 +62,6 @@ export type EmbeddedError = {
     type: EmbeddedErrorType;
     message?: string;
 };
-export type FinancingProductType = {
-    productType: "standard" | "refill" | "none";
-    activeFinancingCount: number;
-};
-export type FinancingPromotionLayoutType = "full" | "banner";
-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.
@@ -107,19 +96,6 @@ export declare const ConnectElementCommonMethodConfig: {
     setOnLoaderStart: (_listener: (({ elementTagName }: LoaderStart) => void) | undefined) => void;
 };
 export declare const ConnectElementCustomMethodConfig: {
-    payments: {
-        setDefaultFilters: (_filters: PaymentsListDefaultFilters | undefined) => void;
-    };
-    "payment-details": {
-        setPayment: (_payment: string | undefined) => void;
-        setOnClose: (_listener: (() => void) | undefined) => void;
-    };
-    "payment-disputes": {
-        setPayment: (_payment: string | undefined) => void;
-        setOnDisputesLoaded: (_listener: (({ total }: {
-            total: number;
-        }) => void) | undefined) => void;
-    };
     "account-onboarding": {
         setFullTermsOfServiceUrl: (_termOfServiceUrl: string | undefined) => void;
         setRecipientTermsOfServiceUrl: (_recipientTermsOfServiceUrl: string | undefined) => void;
@@ -161,52 +137,19 @@ export declare const ConnectElementCustomMethodConfig: {
     "financial-account-transactions": {
         setFinancialAccount: (_financialAccount: string) => void;
     };
-    recipients: {
-        setDataSource: (_dataSource: RecipientDataSource) => void;
-    };
-    "app-install": {
-        setApp: (_app: string | undefined) => void;
-        setOnAppInstallStateFetched: (_listener: (({ appId, state }: InstallState) => void) | undefined) => void;
-        setOnAppInstallStateChanged: (_listener: (({ appId, state }: InstallState) => void) | undefined) => void;
-    };
-    "app-viewport": {
-        setApp: (_app: string | undefined) => void;
-        setAppData: (_appData: Record<string, string> | undefined) => void;
+    payments: {
+        setDefaultFilters: (_filters: PaymentsListDefaultFilters | undefined) => void;
     };
-    "payment-method-settings": {
-        setPaymentMethodConfiguration: (_paymentMethodConfiguration: string | undefined) => void;
+    "payment-details": {
+        setPayment: (_payment: string | undefined) => void;
+        setOnClose: (_listener: (() => void) | undefined) => void;
     };
-    "capital-financing": {
-        setDefaultFinancingOffer: (_defaultFinancingOffer: string | undefined) => void;
-        setShowFinancingSelector: (_showFinancingSelector: boolean | undefined) => void;
-        setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined) => void;
-        setSupportUrl: (_supportUrl: string | undefined) => void;
-        setOnFinancingsLoaded: (_listener: (({ total }: {
+    "payment-disputes": {
+        setPayment: (_payment: string | undefined) => void;
+        setOnDisputesLoaded: (_listener: (({ total }: {
             total: number;
         }) => void) | undefined) => void;
     };
-    "capital-financing-application": {
-        setOnApplicationSubmitted: (_listener: (() => void) | undefined) => void;
-        setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined) => void;
-        setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined) => void;
-        setOnApplicationStepChange: (_listener: (({ step }: StepChange) => void) | undefined) => void;
-        setDefaultFinancingOffer: (_defaultFinancingOffer: string | undefined) => void;
-    };
-    "capital-financing-promotion": {
-        setLayout: (_layout: FinancingPromotionLayoutType | undefined) => void;
-        setOnApplicationSubmitted: (_listener: (() => void) | undefined) => void;
-        setOnEligibleFinancingOfferLoaded: (_listener: (({ productType, activeFinancingCount, }: FinancingProductType) => void) | undefined) => void;
-        setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined) => void;
-        setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined) => void;
-        setEligibilityCriteriaUrl: (_eligibilityCriteriaUrl: string | undefined) => void;
-        setOnApplicationStepChange: (_listener: (({ step }: StepChange) => void) | undefined) => void;
-    };
-    "reporting-chart": {
-        setReportName: (_reportName: ReportName) => void;
-        setIntervalStart: (_intervalStart: Date | undefined) => void;
-        setIntervalEnd: (_intervalEnd: Date | undefined) => void;
-        setIntervalType: (_intervalType: IntervalType | undefined) => void;
-    };
     "tax-settings": {
         setHideProductTaxCodeSelector: (_hidden: boolean | undefined) => void;
         setDisplayHeadOfficeCountries: (_countries: string[] | undefined) => void;
@@ -223,35 +166,10 @@ export declare const ConnectElementCustomMethodConfig: {
             id: string;
         }) => void) | undefined) => void;
     };
-    "tax-threshold-monitoring": {
-        setDisplayCountries: (_countries: string[] | undefined) => void;
-    };
-    "product-tax-code-selector": {
-        setOnTaxCodeSelect: (_listener: ((taxCode: string | null, _: {
-            analyticsName: string;
-        } | null) => void) | undefined) => void;
-        setHideDescription: (_hideDescription: boolean | undefined) => void;
-        setDisabled: (_disabled: boolean | undefined) => void;
-        setInitialTaxCode: (_initialTaxCode: string | undefined) => void;
-    };
-    "export-tax-transactions": {};
     "payout-details": {
         setPayout: (_payout: string | undefined) => void;
         setOnClose: (_listener: (() => void) | undefined) => void;
     };
-    "check-scanning": {
-        setHandleCheckScanSubmitted: (_handleCheckScanSubmitted: ({ checkScanToken, }: {
-            checkScanToken: string;
-        }) => Promise<void>) => void;
-    };
-    "agentic-commerce-settings": {
-        setOnAgreementUpdated: (_listener: (({ agreementId }: {
-            agreementId: string;
-        }) => void) | undefined) => void;
-    };
-    "terminal-hardware-shop": {
-        setOnCheckoutFinished: (_listener: (() => void) | undefined) => void;
-    };
     "payout-reconciliation-report": {
         setOnReportAvailabilityLoaded: (_listener: (({ isReportAvailable }: {
             isReportAvailable: boolean;

package/dist/components/componentsAndSettersChecks.d.ts

@@ -0,0 +1,4 @@
+import type { ConnectElementTagName } from "../exportedTypes";
+import type { ConnectElementCustomMethodConfig } from "./componentsAndSetters";
+export type HasType<T, Q extends T> = Q;
+export type CustomMethodConfigValidation = HasType<ConnectElementTagName, keyof typeof ConnectElementCustomMethodConfig>;

package/dist/connect.esm.js

@@ -1,21 +1,11 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
+// Source of truth for the entire list of components. When you add a new component, it should be added here.
+const connectElementTagNames = ["account-onboarding", "disputes-list", "payments", "payment-details", "payment-disputes", "payouts", "payouts-list", "payout-details", "balances", "account-management", "notification-banner", "instant-payouts-promotion", "issuing-card", "issuing-cards-list", "financial-account", "financial-account-transactions", "documents", "tax-registrations", "tax-settings", "balance-report", "payout-reconciliation-report"];
 const ConnectElementCommonMethodConfig = {
   setOnLoadError: _listener => {},
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: _filters => {}
-  },
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
-  "payment-disputes": {
-    setPayment: _payment => {},
-    setOnDisputesLoaded: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
@@ -53,49 +43,16 @@ const ConnectElementCustomMethodConfig = {
   "financial-account-transactions": {
     setFinancialAccount: _financialAccount => {}
   },
-  recipients: {
-    setDataSource: _dataSource => {}
-  },
-  "app-install": {
-    setApp: _app => {},
-    setOnAppInstallStateFetched: _listener => {},
-    setOnAppInstallStateChanged: _listener => {}
-  },
-  "app-viewport": {
-    setApp: _app => {},
-    setAppData: _appData => {}
-  },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: _paymentMethodConfiguration => {}
-  },
-  "capital-financing": {
-    setDefaultFinancingOffer: _defaultFinancingOffer => {},
-    setShowFinancingSelector: _showFinancingSelector => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setSupportUrl: _supportUrl => {},
-    setOnFinancingsLoaded: _listener => {}
-  },
-  "capital-financing-application": {
-    setOnApplicationSubmitted: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setOnApplicationStepChange: _listener => {},
-    setDefaultFinancingOffer: _defaultFinancingOffer => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {},
-    setOnApplicationStepChange: _listener => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
-  "reporting-chart": {
-    setReportName: _reportName => {},
-    setIntervalStart: _intervalStart => {},
-    setIntervalEnd: _intervalEnd => {},
-    setIntervalType: _intervalType => {}
+  "payment-disputes": {
+    setPayment: _payment => {},
+    setOnDisputesLoaded: _listener => {}
   },
   "tax-settings": {
     setHideProductTaxCodeSelector: _hidden => {},
@@ -107,83 +64,20 @@ const ConnectElementCustomMethodConfig = {
     setDisplayCountries: _countries => {},
     setOnAfterTaxRegistrationExpired: _listener => {}
   },
-  "tax-threshold-monitoring": {
-    setDisplayCountries: _countries => {}
-  },
-  "product-tax-code-selector": {
-    setOnTaxCodeSelect: _listener => {},
-    setHideDescription: _hideDescription => {},
-    setDisabled: _disabled => {},
-    setInitialTaxCode: _initialTaxCode => {}
-  },
-  "export-tax-transactions": {},
   "payout-details": {
     setPayout: _payout => {},
     setOnClose: _listener => {}
   },
-  "check-scanning": {
-    setHandleCheckScanSubmitted: _handleCheckScanSubmitted => {}
-  },
-  "agentic-commerce-settings": {
-    setOnAgreementUpdated: _listener => {}
-  },
-  "terminal-hardware-shop": {
-    setOnCheckoutFinished: _listener => {}
-  },
   "payout-reconciliation-report": {
     setOnReportAvailabilityLoaded: _listener => {}
   }
 };
 
-const componentNameMapping = {
-  payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
-  "payment-details": "stripe-connect-payment-details",
-  "payment-disputes": "stripe-connect-payment-disputes",
-  "disputes-list": "stripe-connect-disputes-list",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
-  "account-management": "stripe-connect-account-management",
-  "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "instant-payouts-promotion": "stripe-connect-instant-payouts-promotion",
-  "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",
-  "capital-financing-application": "stripe-connect-capital-financing-application",
-  "capital-financing-promotion": "stripe-connect-capital-financing-promotion",
-  "capital-overview": "stripe-connect-capital-overview",
-  documents: "stripe-connect-documents",
-  "product-tax-code-selector": "stripe-connect-product-tax-code-selector",
-  "export-tax-transactions": "stripe-connect-export-tax-transactions",
-  "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  "tax-threshold-monitoring": "stripe-connect-tax-threshold-monitoring",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "payout-details": "stripe-connect-payout-details",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart",
-  "check-scanning": "stripe-connect-check-scanning",
-  "agentic-commerce-settings": "stripe-connect-agentic-commerce-settings",
-  "terminal-hardware-orders": "stripe-connect-terminal-hardware-orders",
-  "terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
-  "network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report",
-  "balance-report": "stripe-connect-balance-report",
-  "payout-reconciliation-report": "stripe-connect-payout-reconciliation-report",
-  "recipients-list": "stripe-connect-recipients-list",
-  "financial-accounts": "stripe-connect-financial-accounts",
-  "financial-accounts-transactions": "stripe-connect-financial-accounts-transactions"
-};
 const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
 const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
 const V1_URL = "https://connect-js.stripe.com/v1.0/connect.js";
 const findScript = () => {
-  return document.querySelectorAll(`script[src="${V0_URL}"]`)[0] || document.querySelectorAll(`script[src="${V1_URL}"]`)[0] || null;
+  return document.querySelectorAll(`script[src="${V1_URL}"]`)[0] || document.querySelectorAll(`script[src="${V0_URL}"]`)[0] || null;
 };
 const injectScript = () => {
   const script = document.createElement("script");
@@ -195,7 +89,12 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
-let stripePromise = null;
+
+const componentNameMapping = connectElementTagNames.reduce((acc, name) => {
+  acc[name] = `stripe-connect-${name}`;
+  return acc;
+}, {});
+let stripePromise$1 = null;
 const isWindowStripeConnectDefined = stripeConnect => {
   // We only consider `StripeConnect` defined if `init` is a function
   // Why? HTML markup like:
@@ -205,10 +104,10 @@ const isWindowStripeConnectDefined = stripeConnect => {
 };
 const loadScript = () => {
   // Ensure that we only attempt to load Connect.js at most once
-  if (stripePromise !== null) {
-    return stripePromise;
+  if (stripePromise$1 !== null) {
+    return stripePromise$1;
   }
-  stripePromise = new Promise((resolve, reject) => {
+  stripePromise$1 = new Promise((resolve, reject) => {
     if (typeof window === "undefined") {
       reject("ConnectJS won't load when rendering code in the server - it can only be loaded on a browser. This error is expected when loading ConnectJS in SSR environments, like NextJS. It will have no impact in the UI, however if you wish to avoid it, you can switch to the `pure` version of the connect.js loader: https://github.com/stripe/connect-js#importing-loadconnect-without-side-effects.");
       return;
@@ -241,7 +140,7 @@ const loadScript = () => {
       reject(error);
     }
   });
-  return stripePromise;
+  return stripePromise$1;
 };
 const hasCustomMethod = tagName => {
   return tagName in ConnectElementCustomMethodConfig;
@@ -274,7 +173,7 @@ const initStripeConnect = (stripePromise, initParams) => {
         element[method] = function (value) {
           stripeConnectInstance.then(() => {
             if (!this[`${method}InternalOnly`]) {
-              throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.55-preview-1`);
+              throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.4.1`);
             }
             this[`${method}InternalOnly`](value);
           });
@@ -328,7 +227,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.55-preview-1"
+            sdkVersion: "3.4.1"
           }
         })
       }));
@@ -340,16 +239,16 @@ const createWrapper = stripeConnect => {
 
 // Execute our own script injection after a tick to give users time to do their
 // own script injection.
-const stripePromise$1 = Promise.resolve().then(() => loadScript());
+const stripePromise = Promise.resolve().then(() => loadScript());
 let loadCalled = false;
-stripePromise$1.catch(err => {
+stripePromise.catch(err => {
   if (!loadCalled) {
     console.warn(err);
   }
 });
 const loadConnectAndInitialize = initParams => {
   loadCalled = true;
-  return initStripeConnect(stripePromise$1, initParams);
+  return initStripeConnect(stripePromise, initParams);
 };
 
-export { loadConnectAndInitialize };
+export { ConnectElementCommonMethodConfig, ConnectElementCustomMethodConfig, connectElementTagNames, loadConnectAndInitialize };

package/dist/connect.js

@@ -2,24 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
+// Source of truth for the entire list of components. When you add a new component, it should be added here.
+const connectElementTagNames = ["account-onboarding", "disputes-list", "payments", "payment-details", "payment-disputes", "payouts", "payouts-list", "payout-details", "balances", "account-management", "notification-banner", "instant-payouts-promotion", "issuing-card", "issuing-cards-list", "financial-account", "financial-account-transactions", "documents", "tax-registrations", "tax-settings", "balance-report", "payout-reconciliation-report"];
 const ConnectElementCommonMethodConfig = {
   setOnLoadError: _listener => {},
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: _filters => {}
-  },
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
-  "payment-disputes": {
-    setPayment: _payment => {},
-    setOnDisputesLoaded: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
@@ -57,49 +47,16 @@ const ConnectElementCustomMethodConfig = {
   "financial-account-transactions": {
     setFinancialAccount: _financialAccount => {}
   },
-  recipients: {
-    setDataSource: _dataSource => {}
-  },
-  "app-install": {
-    setApp: _app => {},
-    setOnAppInstallStateFetched: _listener => {},
-    setOnAppInstallStateChanged: _listener => {}
-  },
-  "app-viewport": {
-    setApp: _app => {},
-    setAppData: _appData => {}
-  },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: _paymentMethodConfiguration => {}
-  },
-  "capital-financing": {
-    setDefaultFinancingOffer: _defaultFinancingOffer => {},
-    setShowFinancingSelector: _showFinancingSelector => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setSupportUrl: _supportUrl => {},
-    setOnFinancingsLoaded: _listener => {}
-  },
-  "capital-financing-application": {
-    setOnApplicationSubmitted: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setOnApplicationStepChange: _listener => {},
-    setDefaultFinancingOffer: _defaultFinancingOffer => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {},
-    setOnApplicationStepChange: _listener => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
-  "reporting-chart": {
-    setReportName: _reportName => {},
-    setIntervalStart: _intervalStart => {},
-    setIntervalEnd: _intervalEnd => {},
-    setIntervalType: _intervalType => {}
+  "payment-disputes": {
+    setPayment: _payment => {},
+    setOnDisputesLoaded: _listener => {}
   },
   "tax-settings": {
     setHideProductTaxCodeSelector: _hidden => {},
@@ -111,83 +68,20 @@ const ConnectElementCustomMethodConfig = {
     setDisplayCountries: _countries => {},
     setOnAfterTaxRegistrationExpired: _listener => {}
   },
-  "tax-threshold-monitoring": {
-    setDisplayCountries: _countries => {}
-  },
-  "product-tax-code-selector": {
-    setOnTaxCodeSelect: _listener => {},
-    setHideDescription: _hideDescription => {},
-    setDisabled: _disabled => {},
-    setInitialTaxCode: _initialTaxCode => {}
-  },
-  "export-tax-transactions": {},
   "payout-details": {
     setPayout: _payout => {},
     setOnClose: _listener => {}
   },
-  "check-scanning": {
-    setHandleCheckScanSubmitted: _handleCheckScanSubmitted => {}
-  },
-  "agentic-commerce-settings": {
-    setOnAgreementUpdated: _listener => {}
-  },
-  "terminal-hardware-shop": {
-    setOnCheckoutFinished: _listener => {}
-  },
   "payout-reconciliation-report": {
     setOnReportAvailabilityLoaded: _listener => {}
   }
 };
 
-const componentNameMapping = {
-  payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
-  "payment-details": "stripe-connect-payment-details",
-  "payment-disputes": "stripe-connect-payment-disputes",
-  "disputes-list": "stripe-connect-disputes-list",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
-  "account-management": "stripe-connect-account-management",
-  "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "instant-payouts-promotion": "stripe-connect-instant-payouts-promotion",
-  "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",
-  "capital-financing-application": "stripe-connect-capital-financing-application",
-  "capital-financing-promotion": "stripe-connect-capital-financing-promotion",
-  "capital-overview": "stripe-connect-capital-overview",
-  documents: "stripe-connect-documents",
-  "product-tax-code-selector": "stripe-connect-product-tax-code-selector",
-  "export-tax-transactions": "stripe-connect-export-tax-transactions",
-  "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  "tax-threshold-monitoring": "stripe-connect-tax-threshold-monitoring",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "payout-details": "stripe-connect-payout-details",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart",
-  "check-scanning": "stripe-connect-check-scanning",
-  "agentic-commerce-settings": "stripe-connect-agentic-commerce-settings",
-  "terminal-hardware-orders": "stripe-connect-terminal-hardware-orders",
-  "terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
-  "network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report",
-  "balance-report": "stripe-connect-balance-report",
-  "payout-reconciliation-report": "stripe-connect-payout-reconciliation-report",
-  "recipients-list": "stripe-connect-recipients-list",
-  "financial-accounts": "stripe-connect-financial-accounts",
-  "financial-accounts-transactions": "stripe-connect-financial-accounts-transactions"
-};
 const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
 const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
 const V1_URL = "https://connect-js.stripe.com/v1.0/connect.js";
 const findScript = () => {
-  return document.querySelectorAll(`script[src="${V0_URL}"]`)[0] || document.querySelectorAll(`script[src="${V1_URL}"]`)[0] || null;
+  return document.querySelectorAll(`script[src="${V1_URL}"]`)[0] || document.querySelectorAll(`script[src="${V0_URL}"]`)[0] || null;
 };
 const injectScript = () => {
   const script = document.createElement("script");
@@ -199,7 +93,12 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
-let stripePromise = null;
+
+const componentNameMapping = connectElementTagNames.reduce((acc, name) => {
+  acc[name] = `stripe-connect-${name}`;
+  return acc;
+}, {});
+let stripePromise$1 = null;
 const isWindowStripeConnectDefined = stripeConnect => {
   // We only consider `StripeConnect` defined if `init` is a function
   // Why? HTML markup like:
@@ -209,10 +108,10 @@ const isWindowStripeConnectDefined = stripeConnect => {
 };
 const loadScript = () => {
   // Ensure that we only attempt to load Connect.js at most once
-  if (stripePromise !== null) {
-    return stripePromise;
+  if (stripePromise$1 !== null) {
+    return stripePromise$1;
   }
-  stripePromise = new Promise((resolve, reject) => {
+  stripePromise$1 = new Promise((resolve, reject) => {
     if (typeof window === "undefined") {
       reject("ConnectJS won't load when rendering code in the server - it can only be loaded on a browser. This error is expected when loading ConnectJS in SSR environments, like NextJS. It will have no impact in the UI, however if you wish to avoid it, you can switch to the `pure` version of the connect.js loader: https://github.com/stripe/connect-js#importing-loadconnect-without-side-effects.");
       return;
@@ -245,7 +144,7 @@ const loadScript = () => {
       reject(error);
     }
   });
-  return stripePromise;
+  return stripePromise$1;
 };
 const hasCustomMethod = tagName => {
   return tagName in ConnectElementCustomMethodConfig;
@@ -278,7 +177,7 @@ const initStripeConnect = (stripePromise, initParams) => {
         element[method] = function (value) {
           stripeConnectInstance.then(() => {
             if (!this[`${method}InternalOnly`]) {
-              throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.55-preview-1`);
+              throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.4.1`);
             }
             this[`${method}InternalOnly`](value);
           });
@@ -332,7 +231,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.55-preview-1"
+            sdkVersion: "3.4.1"
           }
         })
       }));
@@ -344,16 +243,19 @@ const createWrapper = stripeConnect => {
 
 // Execute our own script injection after a tick to give users time to do their
 // own script injection.
-const stripePromise$1 = Promise.resolve().then(() => loadScript());
+const stripePromise = Promise.resolve().then(() => loadScript());
 let loadCalled = false;
-stripePromise$1.catch(err => {
+stripePromise.catch(err => {
   if (!loadCalled) {
     console.warn(err);
   }
 });
 const loadConnectAndInitialize = initParams => {
   loadCalled = true;
-  return initStripeConnect(stripePromise$1, initParams);
+  return initStripeConnect(stripePromise, initParams);
 };
 
+exports.ConnectElementCommonMethodConfig = ConnectElementCommonMethodConfig;
+exports.ConnectElementCustomMethodConfig = ConnectElementCustomMethodConfig;
+exports.connectElementTagNames = connectElementTagNames;
 exports.loadConnectAndInitialize = loadConnectAndInitialize;

package/dist/exportedTypes/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./shared";
+export * from "../components/componentsAndSetters";