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

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

@@ -1,3 +1,4 @@
+export declare const connectElementTagNames: readonly ["payments", "payouts", "payment-details", "payment-disputes", "disputes-list", "account-onboarding", "payment-method-settings", "account-management", "notification-banner", "instant-payouts", "instant-payouts-promotion", "issuing-card", "issuing-cards-list", "financial-account", "financial-account-transactions", "recipients", "capital-financing", "capital-financing-application", "capital-financing-promotion", "capital-overview", "documents", "product-tax-code-selector", "export-tax-transactions", "tax-registrations", "tax-settings", "tax-threshold-monitoring", "balances", "payouts-list", "payout-details", "app-install", "app-viewport", "reporting-chart", "check-scanning", "agentic-commerce-settings", "terminal-hardware-orders", "terminal-hardware-shop", "network-cost-passthrough-report", "balance-report", "payout-reconciliation-report", "recipients-list", "financial-accounts", "financial-accounts-transactions"];
 export type FetchEphemeralKeyFunction = (fetchParams: {
     issuingCard: string;
     nonce: string;

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,5 +1,6 @@
-/* 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 = ["payments", "payouts", "payment-details", "payment-disputes", "disputes-list", "account-onboarding", "payment-method-settings", "account-management", "notification-banner", "instant-payouts", "instant-payouts-promotion", "issuing-card", "issuing-cards-list", "financial-account", "financial-account-transactions", "recipients", "capital-financing", "capital-financing-application", "capital-financing-promotion", "capital-overview", "documents", "product-tax-code-selector", "export-tax-transactions", "tax-registrations", "tax-settings", "tax-threshold-monitoring", "balances", "payouts-list", "payout-details", "app-install", "app-viewport", "reporting-chart", "check-scanning", "agentic-commerce-settings", "terminal-hardware-orders", "terminal-hardware-shop", "network-cost-passthrough-report", "balance-report", "payout-reconciliation-report", "recipients-list", "financial-accounts", "financial-accounts-transactions"];
 const ConnectElementCommonMethodConfig = {
   setOnLoadError: _listener => {},
   setOnLoaderStart: _listener => {}
@@ -135,55 +136,11 @@ const ConnectElementCustomMethodConfig = {
   }
 };
 
-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,6 +152,11 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
+
+const componentNameMapping = connectElementTagNames.reduce((acc, name) => {
+  acc[name] = `stripe-connect-${name}`;
+  return acc;
+}, {});
 let stripePromise = null;
 const isWindowStripeConnectDefined = stripeConnect => {
   // We only consider `StripeConnect` defined if `init` is a function
@@ -274,7 +236,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-preview-1`);
             }
             this[`${method}InternalOnly`](value);
           });
@@ -328,7 +290,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-preview-1"
           }
         })
       }));
@@ -352,4 +314,4 @@ const loadConnectAndInitialize = initParams => {
   return initStripeConnect(stripePromise$1, initParams);
 };
 
-export { loadConnectAndInitialize };
+export { ConnectElementCommonMethodConfig, ConnectElementCustomMethodConfig, connectElementTagNames, loadConnectAndInitialize };

package/dist/connect.js

@@ -2,8 +2,9 @@
 
 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 = ["payments", "payouts", "payment-details", "payment-disputes", "disputes-list", "account-onboarding", "payment-method-settings", "account-management", "notification-banner", "instant-payouts", "instant-payouts-promotion", "issuing-card", "issuing-cards-list", "financial-account", "financial-account-transactions", "recipients", "capital-financing", "capital-financing-application", "capital-financing-promotion", "capital-overview", "documents", "product-tax-code-selector", "export-tax-transactions", "tax-registrations", "tax-settings", "tax-threshold-monitoring", "balances", "payouts-list", "payout-details", "app-install", "app-viewport", "reporting-chart", "check-scanning", "agentic-commerce-settings", "terminal-hardware-orders", "terminal-hardware-shop", "network-cost-passthrough-report", "balance-report", "payout-reconciliation-report", "recipients-list", "financial-accounts", "financial-accounts-transactions"];
 const ConnectElementCommonMethodConfig = {
   setOnLoadError: _listener => {},
   setOnLoaderStart: _listener => {}
@@ -139,55 +140,11 @@ const ConnectElementCustomMethodConfig = {
   }
 };
 
-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,6 +156,11 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
+
+const componentNameMapping = connectElementTagNames.reduce((acc, name) => {
+  acc[name] = `stripe-connect-${name}`;
+  return acc;
+}, {});
 let stripePromise = null;
 const isWindowStripeConnectDefined = stripeConnect => {
   // We only consider `StripeConnect` defined if `init` is a function
@@ -278,7 +240,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-preview-1`);
             }
             this[`${method}InternalOnly`](value);
           });
@@ -332,7 +294,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-preview-1"
           }
         })
       }));
@@ -356,4 +318,7 @@ const loadConnectAndInitialize = initParams => {
   return initStripeConnect(stripePromise$1, 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";