@stripe/connect-js 3.3.15-beta-1 → 3.3.15

package/README.md

@@ -7,7 +7,7 @@ Calling `loadConnectAndInitialize` always loads the latest version of Connect.js
 
 The embedded onboarding component is generally available now. Please refer to our [documentation](https://stripe.com/docs/connect/supported-embedded-components#account-onboarding) for more information.
 
-Note: Majority of Connect embedded components are currently still in beta. Please [contact us](https://stripe.com/docs/connect/get-started-connect-embedded-components#access) to request beta access.
+Note: Some Connect embedded components are currently still in preview. These can be [viewed on our doc site](https://docs.stripe.com/connect/supported-embedded-components), where you can also request preview access.
 
 ## Installation
 
@@ -20,8 +20,7 @@ npm install @stripe/connect-js
 ## Documentation
 
 - [Connect embedded components](https://stripe.com/docs/connect/get-started-connect-embedded-components)
-- [Quickstart guide for GA](https://stripe.com/docs/connect/connect-embedded-components/quickstart)
-- [Quickstart guide for beta](https://stripe.com/docs/connect/connect-embedded-components/beta-quickstart)
+- [Quickstart guide](https://stripe.com/docs/connect/connect-embedded-components/quickstart)
 
 ## Usage
 

package/dist/connect.esm.js

@@ -5,17 +5,14 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
     setPrivacyPolicyUrl: _privacyPolicyUrl => {},
     setSkipTermsOfServiceCollection: _skipTermsOfServiceCollection => {},
     setCollectionOptions: _collectionOptions => {},
-    setOnExit: _listener => {}
+    setOnExit: _listener => {},
+    setOnStepChange: _listener => {}
   },
   "account-management": {
     setCollectionOptions: _collectionOptions => {}
@@ -24,63 +21,39 @@ const ConnectElementCustomMethodConfig = {
     setCollectionOptions: _collectionOptions => {},
     setOnNotificationsChange: _listener => {}
   },
-  "issuing-card": {
-    setDefaultCard: _defaultCard => {},
-    setCardArtFileLink: _cardArtFileLink => {},
-    setCardSwitching: _cardSwitching => {},
-    setFetchEphemeralKey: _fetchEphemeralKey => {}
-  },
-  "issuing-cards-list": {
-    setCardArtFileLink: _cardArtFileLink => {},
-    setFetchEphemeralKey: _fetchEphemeralKey => {}
-  },
-  "financial-account": {
-    setFinancialAccount: _financialAccount => {}
-  },
-  "financial-account-transactions": {
-    setFinancialAccount: _financialAccount => {}
-  },
-  "app-install": {
-    setApp: _app => {},
-    setOnAppInstallStateFetched: _listener => {},
-    setOnAppInstallStateChanged: _listener => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
-  "app-viewport": {
-    setApp: _app => {},
-    setAppData: _appData => {}
+  "tax-settings": {
+    setHideProductTaxCodeSelector: _hidden => {},
+    setDisplayHeadOfficeCountries: _countries => {},
+    setOnTaxSettingsUpdated: _listener => {}
   },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: _paymentMethodConfiguration => {}
+  "tax-registrations": {
+    setOnAfterTaxRegistrationAdded: _listener => {},
+    setDisplayCountries: _countries => {}
   }
 };
 
 const componentNameMapping = {
+  "account-onboarding": "stripe-connect-account-onboarding",
   payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
+  payouts: "stripe-connect-payouts",
+  "payouts-list": "stripe-connect-payouts-list",
+  balances: "stripe-connect-balances",
   "account-management": "stripe-connect-account-management",
   "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "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",
-  "capital-overview": "stripe-connect-capital-overview",
   documents: "stripe-connect-documents",
   "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport"
+  "tax-settings": "stripe-connect-tax-settings"
 };
 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");
@@ -92,13 +65,13 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
-let stripePromise = null;
+let stripePromise$1 = null;
 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;
@@ -133,7 +106,7 @@ const loadScript = () => {
       reject(error);
     }
   });
-  return stripePromise;
+  return stripePromise$1;
 };
 const hasCustomMethod = tagName => {
   return tagName in ConnectElementCustomMethodConfig;
@@ -217,7 +190,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.14-beta-1"
+            sdkVersion: "3.3.15"
           }
         })
       }));
@@ -229,16 +202,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 };

package/dist/connect.js

@@ -9,17 +9,14 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
     setPrivacyPolicyUrl: _privacyPolicyUrl => {},
     setSkipTermsOfServiceCollection: _skipTermsOfServiceCollection => {},
     setCollectionOptions: _collectionOptions => {},
-    setOnExit: _listener => {}
+    setOnExit: _listener => {},
+    setOnStepChange: _listener => {}
   },
   "account-management": {
     setCollectionOptions: _collectionOptions => {}
@@ -28,63 +25,39 @@ const ConnectElementCustomMethodConfig = {
     setCollectionOptions: _collectionOptions => {},
     setOnNotificationsChange: _listener => {}
   },
-  "issuing-card": {
-    setDefaultCard: _defaultCard => {},
-    setCardArtFileLink: _cardArtFileLink => {},
-    setCardSwitching: _cardSwitching => {},
-    setFetchEphemeralKey: _fetchEphemeralKey => {}
-  },
-  "issuing-cards-list": {
-    setCardArtFileLink: _cardArtFileLink => {},
-    setFetchEphemeralKey: _fetchEphemeralKey => {}
-  },
-  "financial-account": {
-    setFinancialAccount: _financialAccount => {}
-  },
-  "financial-account-transactions": {
-    setFinancialAccount: _financialAccount => {}
-  },
-  "app-install": {
-    setApp: _app => {},
-    setOnAppInstallStateFetched: _listener => {},
-    setOnAppInstallStateChanged: _listener => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
-  "app-viewport": {
-    setApp: _app => {},
-    setAppData: _appData => {}
+  "tax-settings": {
+    setHideProductTaxCodeSelector: _hidden => {},
+    setDisplayHeadOfficeCountries: _countries => {},
+    setOnTaxSettingsUpdated: _listener => {}
   },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: _paymentMethodConfiguration => {}
+  "tax-registrations": {
+    setOnAfterTaxRegistrationAdded: _listener => {},
+    setDisplayCountries: _countries => {}
   }
 };
 
 const componentNameMapping = {
+  "account-onboarding": "stripe-connect-account-onboarding",
   payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
+  payouts: "stripe-connect-payouts",
+  "payouts-list": "stripe-connect-payouts-list",
+  balances: "stripe-connect-balances",
   "account-management": "stripe-connect-account-management",
   "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "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",
-  "capital-overview": "stripe-connect-capital-overview",
   documents: "stripe-connect-documents",
   "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport"
+  "tax-settings": "stripe-connect-tax-settings"
 };
 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");
@@ -96,13 +69,13 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
-let stripePromise = null;
+let stripePromise$1 = null;
 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;
@@ -137,7 +110,7 @@ const loadScript = () => {
       reject(error);
     }
   });
-  return stripePromise;
+  return stripePromise$1;
 };
 const hasCustomMethod = tagName => {
   return tagName in ConnectElementCustomMethodConfig;
@@ -221,7 +194,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.14-beta-1"
+            sdkVersion: "3.3.15"
           }
         })
       }));
@@ -233,16 +206,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);
 };
 
 exports.loadConnectAndInitialize = loadConnectAndInitialize;

package/dist/pure.esm.js

@@ -5,17 +5,14 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
     setPrivacyPolicyUrl: _privacyPolicyUrl => {},
     setSkipTermsOfServiceCollection: _skipTermsOfServiceCollection => {},
     setCollectionOptions: _collectionOptions => {},
-    setOnExit: _listener => {}
+    setOnExit: _listener => {},
+    setOnStepChange: _listener => {}
   },
   "account-management": {
     setCollectionOptions: _collectionOptions => {}
@@ -24,63 +21,39 @@ const ConnectElementCustomMethodConfig = {
     setCollectionOptions: _collectionOptions => {},
     setOnNotificationsChange: _listener => {}
   },
-  "issuing-card": {
-    setDefaultCard: _defaultCard => {},
-    setCardArtFileLink: _cardArtFileLink => {},
-    setCardSwitching: _cardSwitching => {},
-    setFetchEphemeralKey: _fetchEphemeralKey => {}
-  },
-  "issuing-cards-list": {
-    setCardArtFileLink: _cardArtFileLink => {},
-    setFetchEphemeralKey: _fetchEphemeralKey => {}
-  },
-  "financial-account": {
-    setFinancialAccount: _financialAccount => {}
-  },
-  "financial-account-transactions": {
-    setFinancialAccount: _financialAccount => {}
-  },
-  "app-install": {
-    setApp: _app => {},
-    setOnAppInstallStateFetched: _listener => {},
-    setOnAppInstallStateChanged: _listener => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
-  "app-viewport": {
-    setApp: _app => {},
-    setAppData: _appData => {}
+  "tax-settings": {
+    setHideProductTaxCodeSelector: _hidden => {},
+    setDisplayHeadOfficeCountries: _countries => {},
+    setOnTaxSettingsUpdated: _listener => {}
   },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: _paymentMethodConfiguration => {}
+  "tax-registrations": {
+    setOnAfterTaxRegistrationAdded: _listener => {},
+    setDisplayCountries: _countries => {}
   }
 };
 
 const componentNameMapping = {
+  "account-onboarding": "stripe-connect-account-onboarding",
   payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
+  payouts: "stripe-connect-payouts",
+  "payouts-list": "stripe-connect-payouts-list",
+  balances: "stripe-connect-balances",
   "account-management": "stripe-connect-account-management",
   "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "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",
-  "capital-overview": "stripe-connect-capital-overview",
   documents: "stripe-connect-documents",
   "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport"
+  "tax-settings": "stripe-connect-tax-settings"
 };
 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");
@@ -217,7 +190,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.14-beta-1"
+            sdkVersion: "3.3.15"
           }
         })
       }));

package/dist/pure.js

@@ -9,17 +9,14 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
     setPrivacyPolicyUrl: _privacyPolicyUrl => {},
     setSkipTermsOfServiceCollection: _skipTermsOfServiceCollection => {},
     setCollectionOptions: _collectionOptions => {},
-    setOnExit: _listener => {}
+    setOnExit: _listener => {},
+    setOnStepChange: _listener => {}
   },
   "account-management": {
     setCollectionOptions: _collectionOptions => {}
@@ -28,63 +25,39 @@ const ConnectElementCustomMethodConfig = {
     setCollectionOptions: _collectionOptions => {},
     setOnNotificationsChange: _listener => {}
   },
-  "issuing-card": {
-    setDefaultCard: _defaultCard => {},
-    setCardArtFileLink: _cardArtFileLink => {},
-    setCardSwitching: _cardSwitching => {},
-    setFetchEphemeralKey: _fetchEphemeralKey => {}
-  },
-  "issuing-cards-list": {
-    setCardArtFileLink: _cardArtFileLink => {},
-    setFetchEphemeralKey: _fetchEphemeralKey => {}
-  },
-  "financial-account": {
-    setFinancialAccount: _financialAccount => {}
-  },
-  "financial-account-transactions": {
-    setFinancialAccount: _financialAccount => {}
-  },
-  "app-install": {
-    setApp: _app => {},
-    setOnAppInstallStateFetched: _listener => {},
-    setOnAppInstallStateChanged: _listener => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
-  "app-viewport": {
-    setApp: _app => {},
-    setAppData: _appData => {}
+  "tax-settings": {
+    setHideProductTaxCodeSelector: _hidden => {},
+    setDisplayHeadOfficeCountries: _countries => {},
+    setOnTaxSettingsUpdated: _listener => {}
   },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: _paymentMethodConfiguration => {}
+  "tax-registrations": {
+    setOnAfterTaxRegistrationAdded: _listener => {},
+    setDisplayCountries: _countries => {}
   }
 };
 
 const componentNameMapping = {
+  "account-onboarding": "stripe-connect-account-onboarding",
   payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
+  payouts: "stripe-connect-payouts",
+  "payouts-list": "stripe-connect-payouts-list",
+  balances: "stripe-connect-balances",
   "account-management": "stripe-connect-account-management",
   "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "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",
-  "capital-overview": "stripe-connect-capital-overview",
   documents: "stripe-connect-documents",
   "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport"
+  "tax-settings": "stripe-connect-tax-settings"
 };
 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");
@@ -221,7 +194,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.14-beta-1"
+            sdkVersion: "3.3.15"
           }
         })
       }));

package/dist/src/shared.d.ts

@@ -1,6 +1,6 @@
 import { IStripeConnectInitParams, StripeConnectInstance, ConnectElementTagName } from "../types";
 export type LoadConnectAndInitialize = (initParams: IStripeConnectInitParams) => StripeConnectInstance;
-export type ConnectElementHTMLName = "stripe-connect-payments" | "stripe-connect-payouts" | "stripe-connect-payment-details" | "stripe-connect-account-onboarding" | "stripe-connect-payment-method-settings" | "stripe-connect-account-management" | "stripe-connect-notification-banner" | "stripe-connect-instant-payouts" | "stripe-connect-issuing-card" | "stripe-connect-issuing-cards-list" | "stripe-connect-financial-account" | "stripe-connect-financial-account-transactions" | "stripe-connect-capital-overview" | "stripe-connect-documents" | "stripe-connect-tax-registrations" | "stripe-connect-tax-settings" | "stripe-connect-balances" | "stripe-connect-payouts-list" | "stripe-connect-app-install" | "stripe-connect-app-viewport";
+type ConnectElementHTMLName = "stripe-connect-account-onboarding" | "stripe-connect-payments" | "stripe-connect-payment-details" | "stripe-connect-account-management" | "stripe-connect-notification-banner" | "stripe-connect-payouts" | "stripe-connect-payouts-list" | "stripe-connect-balances" | "stripe-connect-documents" | "stripe-connect-tax-registrations" | "stripe-connect-tax-settings";
 export declare const componentNameMapping: Record<ConnectElementTagName, ConnectElementHTMLName>;
 type StripeConnectInstanceExtended = StripeConnectInstance & {
     debugInstance: () => Promise<StripeConnectInstance>;

package/dist/types/config.d.ts

@@ -1,11 +1,3 @@
-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";
@@ -14,10 +6,6 @@ export type NotificationCount = {
     total: number;
     actionRequired: number;
 };
-export type InstallState = {
-    appId: string;
-    state: "INSTALLED" | "UNINSTALLED";
-};
 export type LoaderStart = {
     elementTagName: string;
 };
@@ -25,6 +13,9 @@ export type LoadError = {
     elementTagName: string;
     error: EmbeddedError;
 };
+export type StepChange = {
+    step: string;
+};
 export type EmbeddedError = {
     type: EmbeddedErrorType;
     message?: string;
@@ -59,10 +50,6 @@ export declare const ConnectElementCommonMethodConfig: {
     setOnLoaderStart: (_listener: (({ elementTagName }: LoaderStart) => void) | undefined) => void;
 };
 export declare const ConnectElementCustomMethodConfig: {
-    "payment-details": {
-        setPayment: (_payment: string | undefined) => void;
-        setOnClose: (_listener: (() => void) | undefined) => void;
-    };
     "account-onboarding": {
         setFullTermsOfServiceUrl: (_termOfServiceUrl: string | undefined) => void;
         setRecipientTermsOfServiceUrl: (_recipientTermsOfServiceUrl: string | undefined) => void;
@@ -70,6 +57,7 @@ export declare const ConnectElementCustomMethodConfig: {
         setSkipTermsOfServiceCollection: (_skipTermsOfServiceCollection: boolean | undefined) => void;
         setCollectionOptions: (_collectionOptions: CollectionOptions | undefined) => void;
         setOnExit: (_listener: (() => void) | undefined) => void;
+        setOnStepChange: (_listener: (({ step }: StepChange) => void) | undefined) => void;
     };
     "account-management": {
         setCollectionOptions: (_collectionOptions: CollectionOptions | undefined) => void;
@@ -78,32 +66,21 @@ export declare const ConnectElementCustomMethodConfig: {
         setCollectionOptions: (_collectionOptions: CollectionOptions | undefined) => void;
         setOnNotificationsChange: (_listener: (({ total, actionRequired }: NotificationCount) => void) | undefined) => void;
     };
-    "issuing-card": {
-        setDefaultCard: (_defaultCard: string | undefined) => void;
-        setCardArtFileLink: (_cardArtFileLink: string | undefined) => void;
-        setCardSwitching: (_cardSwitching: boolean | undefined) => void;
-        setFetchEphemeralKey: (_fetchEphemeralKey: FetchEphemeralKeyFunction | undefined) => void;
-    };
-    "issuing-cards-list": {
-        setCardArtFileLink: (_cardArtFileLink: string | undefined) => void;
-        setFetchEphemeralKey: (_fetchEphemeralKey: FetchEphemeralKeyFunction | undefined) => void;
-    };
-    "financial-account": {
-        setFinancialAccount: (_financialAccount: string) => void;
-    };
-    "financial-account-transactions": {
-        setFinancialAccount: (_financialAccount: string) => void;
-    };
-    "app-install": {
-        setApp: (_app: string | undefined) => void;
-        setOnAppInstallStateFetched: (_listener: (({ appId, state }: InstallState) => void) | undefined) => void;
-        setOnAppInstallStateChanged: (_listener: (({ appId, state }: InstallState) => void) | undefined) => void;
+    "payment-details": {
+        setPayment: (_payment: string | undefined) => void;
+        setOnClose: (_listener: (() => void) | undefined) => void;
     };
-    "app-viewport": {
-        setApp: (_app: string | undefined) => void;
-        setAppData: (_appData: Record<string, string> | undefined) => void;
+    "tax-settings": {
+        setHideProductTaxCodeSelector: (_hidden: boolean | undefined) => void;
+        setDisplayHeadOfficeCountries: (_countries: string[] | undefined) => void;
+        setOnTaxSettingsUpdated: (_listener: (({ id }: {
+            id: string;
+        }) => void) | undefined) => void;
     };
-    "payment-method-settings": {
-        setPaymentMethodConfiguration: (_paymentMethodConfiguration: string | undefined) => void;
+    "tax-registrations": {
+        setOnAfterTaxRegistrationAdded: (_listener: (({ id }: {
+            id: string;
+        }) => void) | undefined) => void;
+        setDisplayCountries: (_countries: string[] | undefined) => void;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/connect-js",
-  "version": "3.3.15-beta-1",
+  "version": "3.3.15",
   "description": "Connect.js loading utility package",
   "main": "dist/connect.js",
   "module": "dist/connect.esm.js",
@@ -59,7 +59,7 @@
     "jest-environment-jsdom": "^29.5.0",
     "prettier": "^1.19.1",
     "rimraf": "^2.6.2",
-    "rollup": "^1.29.0",
+    "rollup": "^2.79.2",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-typescript2": "^0.25.3",
     "ts-jest": "^29.1.0",

package/src/shared.ts

@@ -13,53 +13,34 @@ export type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
 ) => StripeConnectInstance;
 
-export type ConnectElementHTMLName =
+type ConnectElementHTMLName =
+  | "stripe-connect-account-onboarding"
   | "stripe-connect-payments"
-  | "stripe-connect-payouts"
   | "stripe-connect-payment-details"
-  | "stripe-connect-account-onboarding"
-  | "stripe-connect-payment-method-settings"
   | "stripe-connect-account-management"
   | "stripe-connect-notification-banner"
-  | "stripe-connect-instant-payouts"
-  | "stripe-connect-issuing-card"
-  | "stripe-connect-issuing-cards-list"
-  | "stripe-connect-financial-account"
-  | "stripe-connect-financial-account-transactions"
-  | "stripe-connect-capital-overview"
+  | "stripe-connect-payouts"
+  | "stripe-connect-payouts-list"
+  | "stripe-connect-balances"
   | "stripe-connect-documents"
   | "stripe-connect-tax-registrations"
-  | "stripe-connect-tax-settings"
-  | "stripe-connect-balances"
-  | "stripe-connect-payouts-list"
-  | "stripe-connect-app-install"
-  | "stripe-connect-app-viewport";
+  | "stripe-connect-tax-settings";
 
 export const componentNameMapping: Record<
   ConnectElementTagName,
   ConnectElementHTMLName
 > = {
+  "account-onboarding": "stripe-connect-account-onboarding",
   payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
+  payouts: "stripe-connect-payouts",
+  "payouts-list": "stripe-connect-payouts-list",
+  balances: "stripe-connect-balances",
   "account-management": "stripe-connect-account-management",
   "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "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",
-  "capital-overview": "stripe-connect-capital-overview",
   documents: "stripe-connect-documents",
   "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport"
+  "tax-settings": "stripe-connect-tax-settings"
 };
 
 type StripeConnectInstanceExtended = StripeConnectInstance & {
@@ -78,10 +59,10 @@ const V1_URL = "https://connect-js.stripe.com/v1.0/connect.js";
 export const findScript = (): HTMLScriptElement | null => {
   return (
     document.querySelectorAll<HTMLScriptElement>(
-      `script[src="${V0_URL}"]`
+      `script[src="${V1_URL}"]`
     )[0] ||
     document.querySelectorAll<HTMLScriptElement>(
-      `script[src="${V1_URL}"]`
+      `script[src="${V0_URL}"]`
     )[0] ||
     null
   );

package/types/config.ts

@@ -1,15 +1,6 @@
 /* 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";
@@ -20,11 +11,6 @@ export type NotificationCount = {
   actionRequired: number;
 };
 
-export type InstallState = {
-  appId: string;
-  state: "INSTALLED" | "UNINSTALLED";
-};
-
 export type LoaderStart = {
   elementTagName: string;
 };
@@ -34,6 +20,10 @@ export type LoadError = {
   error: EmbeddedError;
 };
 
+export type StepChange = {
+  step: string;
+};
+
 export type EmbeddedError = {
   type: EmbeddedErrorType;
   message?: string;
@@ -75,10 +65,6 @@ export const ConnectElementCommonMethodConfig = {
 };
 
 export const ConnectElementCustomMethodConfig = {
-  "payment-details": {
-    setPayment: (_payment: string | undefined): void => {},
-    setOnClose: (_listener: (() => void) | undefined): void => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: (
       _termOfServiceUrl: string | undefined
@@ -93,7 +79,10 @@ export const ConnectElementCustomMethodConfig = {
     setCollectionOptions: (
       _collectionOptions: CollectionOptions | undefined
     ): void => {},
-    setOnExit: (_listener: (() => void) | undefined): void => {}
+    setOnExit: (_listener: (() => void) | undefined): void => {},
+    setOnStepChange: (
+      _listener: (({ step }: StepChange) => void) | undefined
+    ): void => {}
   },
   "account-management": {
     setCollectionOptions: (
@@ -110,42 +99,23 @@ export const ConnectElementCustomMethodConfig = {
         | undefined
     ): void => {}
   },
-  "issuing-card": {
-    setDefaultCard: (_defaultCard: string | undefined): void => {},
-    setCardArtFileLink: (_cardArtFileLink: string | undefined): void => {},
-    setCardSwitching: (_cardSwitching: boolean | undefined): void => {},
-    setFetchEphemeralKey: (
-      _fetchEphemeralKey: FetchEphemeralKeyFunction | undefined
-    ): void => {}
-  },
-  "issuing-cards-list": {
-    setCardArtFileLink: (_cardArtFileLink: string | undefined): void => {},
-    setFetchEphemeralKey: (
-      _fetchEphemeralKey: FetchEphemeralKeyFunction | undefined
-    ): void => {}
-  },
-  "financial-account": {
-    setFinancialAccount: (_financialAccount: string): void => {}
-  },
-  "financial-account-transactions": {
-    setFinancialAccount: (_financialAccount: string): void => {}
+  "payment-details": {
+    setPayment: (_payment: string | undefined): void => {},
+    setOnClose: (_listener: (() => void) | undefined): void => {}
   },
-  "app-install": {
-    setApp: (_app: string | undefined): void => {},
-    setOnAppInstallStateFetched: (
-      _listener: (({ appId, state }: InstallState) => void) | undefined
+  "tax-settings": {
+    setHideProductTaxCodeSelector: (_hidden: boolean | undefined): void => {},
+    setDisplayHeadOfficeCountries: (
+      _countries: string[] | undefined
     ): void => {},
-    setOnAppInstallStateChanged: (
-      _listener: (({ appId, state }: InstallState) => void) | undefined
+    setOnTaxSettingsUpdated: (
+      _listener: (({ id }: { id: string }) => void) | undefined
     ): void => {}
   },
-  "app-viewport": {
-    setApp: (_app: string | undefined): void => {},
-    setAppData: (_appData: Record<string, string> | undefined): void => {}
-  },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: (
-      _paymentMethodConfiguration: string | undefined
-    ): void => {}
+  "tax-registrations": {
+    setOnAfterTaxRegistrationAdded: (
+      _listener: (({ id }: { id: string }) => void) | undefined
+    ): void => {},
+    setDisplayCountries: (_countries: string[] | undefined): void => {}
   }
 };

package/types/shared.d.ts

@@ -2,6 +2,7 @@ import {
   ConnectElementCustomMethodConfig,
   ConnectElementCommonMethodConfig
 } from "./config";
+
 export declare type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
 ) => StripeConnectInstance;
@@ -150,10 +151,42 @@ export declare type AppearanceVariables = {
    * The color used for primary actions and links. This accepts hex values or RGB/HSL strings.
    */
   actionPrimaryColorText?: string;
+  /**
+   * The line type used for text decoration of primary actions and links. This accepts a valid text decoration line value.
+   */
+  actionPrimaryTextDecorationLine?: string;
+  /**
+   * The color used for text decoration of primary actions and links. This accepts hex values or RGB/HSL strings.
+   */
+  actionPrimaryTextDecorationColor?: string;
+  /**
+   * The style of text decoration of primary actions and links. This accepts a valid text decoration style value.
+   */
+  actionPrimaryTextDecorationStyle?: string;
+  /**
+   * The thickness of text decoration of primary actions and links. This accepts a valid text decoration thickness value.
+   */
+  actionPrimaryTextDecorationThickness?: string;
   /**
    * The color used for secondary actions and links. This accepts hex values or RGB/HSL strings.
    */
   actionSecondaryColorText?: string;
+  /**
+   * The line type used for text decoration of secondary actions and links. This accepts a valid text decoration line value.
+   */
+  actionSecondaryTextDecorationLine?: string;
+  /**
+   * The color used for text decoration of secondary actions and links. This accepts hex values or RGB/HSL strings.
+   */
+  actionSecondaryTextDecorationColor?: string;
+  /**
+   * The style of text decoration of secondary actions and links. This accepts a valid text decoration style value.
+   */
+  actionSecondaryTextDecorationStyle?: string;
+  /**
+   * The thickness of text decoration of secondary actions and links. This accepts a valid text decoration thickness value.
+   */
+  actionSecondaryTextDecorationThickness?: string;
 
   // Neutral Badge Colors
   /**
@@ -261,6 +294,10 @@ export declare type AppearanceVariables = {
    * A z-index to use for the overlay throughout embedded components. Set this number to control the z-order of the overlay.
    */
   overlayZIndex?: number;
+  /**
+   * The backdrop color when an overlay is opened. This accepts hex values or RGB/RGBA/HSL strings.
+   */
+  overlayBackdropColor?: string;
 
   // Body Typography
   /**
@@ -451,23 +488,14 @@ export interface StripeConnectInstance {
  * Tagnames to be used with the `create` method of the Connect instance.
  */
 export type ConnectElementTagName =
+  | "account-onboarding"
   | "payments"
-  | "payouts"
   | "payment-details"
-  | "account-onboarding"
-  | "payment-method-settings"
   | "account-management"
   | "notification-banner"
-  | "instant-payouts"
-  | "issuing-card"
-  | "issuing-cards-list"
-  | "financial-account"
-  | "financial-account-transactions"
-  | "capital-overview"
+  | "payouts"
+  | "payouts-list"
+  | "balances"
   | "documents"
   | "tax-registrations"
-  | "tax-settings"
-  | "balances"
-  | "payouts-list"
-  | "app-install"
-  | "app-viewport";
+  | "tax-settings";