npm - @stripe/connect-js - Versions diffs - 3.3.29-preview-1 → 3.3.29 - Mend

@stripe/connect-js 3.3.29-preview-1 → 3.3.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/README.md CHANGED Viewed

@@ -36,7 +36,7 @@ const fetchClientSecret = async () => {
 const instance = loadConnectAndInitialize({
   publishableKey: "{{pk test123}}",
-  fetchClientSecret: fetchClientSecret
+  fetchClientSecret: fetchClientSecret,
 });
 ```
@@ -47,7 +47,7 @@ test this code through your Connect account.
 If you have deployed a
 [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/Security/CSP),
 make sure to
-[include Connect.js in your directives](https://stripe.com/docs/security/guide#content-security-policy).
+[include Connect.js in your directives](https://stripe.com/docs/connect/get-started-connect-embedded-components?platform=web#csp-and-http-header-requirements).
 ### Import as a side effect
@@ -71,6 +71,6 @@ import { loadConnectAndInitialize } from "@stripe/connect-js/pure";
 // Connect.js will not be loaded until `loadConnect` is called
 const instance = loadConnectAndInitialize({
   publishableKey: "{{pk test123}}",
-  fetchClientSecret: fetchClientSecret
+  fetchClientSecret: fetchClientSecret,
 });
 ```

package/dist/connect.esm.js CHANGED Viewed

@@ -5,13 +5,6 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: _filters => {}
-  },
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
@@ -28,6 +21,10 @@ const ConnectElementCustomMethodConfig = {
     setCollectionOptions: _collectionOptions => {},
     setOnNotificationsChange: _listener => {}
   },
+  "instant-payouts-promotion": {
+    setOnInstantPayoutsPromotionLoaded: _listener => {},
+    setOnInstantPayoutCreated: _listener => {}
+  },
   "issuing-card": {
     setDefaultCard: _defaultCard => {},
     setCardSwitching: _cardSwitching => {},
@@ -45,46 +42,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 => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {}
+  "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 => {},
@@ -95,53 +62,38 @@ const ConnectElementCustomMethodConfig = {
     setOnAfterTaxRegistrationAdded: _listener => {},
     setDisplayCountries: _countries => {}
   },
-  "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 => {}
+  }
 };
 const componentNameMapping = {
+  "account-onboarding": "stripe-connect-account-onboarding",
+  "disputes-list": "stripe-connect-disputes-list",
   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",
+  "payment-disputes": "stripe-connect-payment-disputes",
+  payouts: "stripe-connect-payouts",
+  "payouts-list": "stripe-connect-payouts-list",
+  "payout-details": "stripe-connect-payout-details",
+  balances: "stripe-connect-balances",
   "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",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart"
+  "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");
@@ -153,21 +105,26 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
-let stripePromise = null;
+let stripePromise$1 = null;
+const isWindowStripeConnectDefined = stripeConnect => {
+  // We only consider `StripeConnect` defined if `init` is a function
+  // Why? HTML markup like:
+  // <a id="StripeConnect"><a id="StripeConnect" name="init" href="stripe"></a></a> in the <head> of the page
+  // can end up "contaminating" the window.StripeConnect object and cause issues in connect.js initialization
+  return !!(stripeConnect && typeof stripeConnect === "object" && "init" in stripeConnect && typeof stripeConnect.init === "function");
+};
 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;
     }
-    if (window.StripeConnect) {
+    if (isWindowStripeConnectDefined(window.StripeConnect)) {
       console.warn(EXISTING_SCRIPT_MESSAGE);
-    }
-    if (window.StripeConnect) {
       const wrapper = createWrapper(window.StripeConnect);
       resolve(wrapper);
       return;
@@ -180,7 +137,7 @@ const loadScript = () => {
         script = injectScript();
       }
       script.addEventListener("load", () => {
-        if (window.StripeConnect) {
+        if (isWindowStripeConnectDefined(window.StripeConnect)) {
           const wrapper = createWrapper(window.StripeConnect);
           resolve(wrapper);
         } else {
@@ -194,7 +151,7 @@ const loadScript = () => {
       reject(error);
     }
   });
-  return stripePromise;
+  return stripePromise$1;
 };
 const hasCustomMethod = tagName => {
   return tagName in ConnectElementCustomMethodConfig;
@@ -278,7 +235,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.29-preview-1"
+            sdkVersion: "3.3.29"
           }
         })
       }));
@@ -290,16 +247,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 CHANGED Viewed

@@ -9,13 +9,6 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: _filters => {}
-  },
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
@@ -32,6 +25,10 @@ const ConnectElementCustomMethodConfig = {
     setCollectionOptions: _collectionOptions => {},
     setOnNotificationsChange: _listener => {}
   },
+  "instant-payouts-promotion": {
+    setOnInstantPayoutsPromotionLoaded: _listener => {},
+    setOnInstantPayoutCreated: _listener => {}
+  },
   "issuing-card": {
     setDefaultCard: _defaultCard => {},
     setCardSwitching: _cardSwitching => {},
@@ -49,46 +46,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 => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {}
+  "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 => {},
@@ -99,53 +66,38 @@ const ConnectElementCustomMethodConfig = {
     setOnAfterTaxRegistrationAdded: _listener => {},
     setDisplayCountries: _countries => {}
   },
-  "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 => {}
+  }
 };
 const componentNameMapping = {
+  "account-onboarding": "stripe-connect-account-onboarding",
+  "disputes-list": "stripe-connect-disputes-list",
   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",
+  "payment-disputes": "stripe-connect-payment-disputes",
+  payouts: "stripe-connect-payouts",
+  "payouts-list": "stripe-connect-payouts-list",
+  "payout-details": "stripe-connect-payout-details",
+  balances: "stripe-connect-balances",
   "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",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart"
+  "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");
@@ -157,21 +109,26 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
-let stripePromise = null;
+let stripePromise$1 = null;
+const isWindowStripeConnectDefined = stripeConnect => {
+  // We only consider `StripeConnect` defined if `init` is a function
+  // Why? HTML markup like:
+  // <a id="StripeConnect"><a id="StripeConnect" name="init" href="stripe"></a></a> in the <head> of the page
+  // can end up "contaminating" the window.StripeConnect object and cause issues in connect.js initialization
+  return !!(stripeConnect && typeof stripeConnect === "object" && "init" in stripeConnect && typeof stripeConnect.init === "function");
+};
 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;
     }
-    if (window.StripeConnect) {
+    if (isWindowStripeConnectDefined(window.StripeConnect)) {
       console.warn(EXISTING_SCRIPT_MESSAGE);
-    }
-    if (window.StripeConnect) {
       const wrapper = createWrapper(window.StripeConnect);
       resolve(wrapper);
       return;
@@ -184,7 +141,7 @@ const loadScript = () => {
         script = injectScript();
       }
       script.addEventListener("load", () => {
-        if (window.StripeConnect) {
+        if (isWindowStripeConnectDefined(window.StripeConnect)) {
           const wrapper = createWrapper(window.StripeConnect);
           resolve(wrapper);
         } else {
@@ -198,7 +155,7 @@ const loadScript = () => {
       reject(error);
     }
   });
-  return stripePromise;
+  return stripePromise$1;
 };
 const hasCustomMethod = tagName => {
   return tagName in ConnectElementCustomMethodConfig;
@@ -282,7 +239,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.29-preview-1"
+            sdkVersion: "3.3.29"
           }
         })
       }));
@@ -294,16 +251,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 CHANGED Viewed

@@ -5,13 +5,6 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: _filters => {}
-  },
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
@@ -28,6 +21,10 @@ const ConnectElementCustomMethodConfig = {
     setCollectionOptions: _collectionOptions => {},
     setOnNotificationsChange: _listener => {}
   },
+  "instant-payouts-promotion": {
+    setOnInstantPayoutsPromotionLoaded: _listener => {},
+    setOnInstantPayoutCreated: _listener => {}
+  },
   "issuing-card": {
     setDefaultCard: _defaultCard => {},
     setCardSwitching: _cardSwitching => {},
@@ -45,46 +42,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 => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {}
+  "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 => {},
@@ -95,53 +62,38 @@ const ConnectElementCustomMethodConfig = {
     setOnAfterTaxRegistrationAdded: _listener => {},
     setDisplayCountries: _countries => {}
   },
-  "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 => {}
+  }
 };
 const componentNameMapping = {
+  "account-onboarding": "stripe-connect-account-onboarding",
+  "disputes-list": "stripe-connect-disputes-list",
   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",
+  "payment-disputes": "stripe-connect-payment-disputes",
+  payouts: "stripe-connect-payouts",
+  "payouts-list": "stripe-connect-payouts-list",
+  "payout-details": "stripe-connect-payout-details",
+  balances: "stripe-connect-balances",
   "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",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart"
+  "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");
@@ -154,6 +106,13 @@ const injectScript = () => {
   return script;
 };
 let stripePromise = null;
+const isWindowStripeConnectDefined = stripeConnect => {
+  // We only consider `StripeConnect` defined if `init` is a function
+  // Why? HTML markup like:
+  // <a id="StripeConnect"><a id="StripeConnect" name="init" href="stripe"></a></a> in the <head> of the page
+  // can end up "contaminating" the window.StripeConnect object and cause issues in connect.js initialization
+  return !!(stripeConnect && typeof stripeConnect === "object" && "init" in stripeConnect && typeof stripeConnect.init === "function");
+};
 const loadScript = () => {
   // Ensure that we only attempt to load Connect.js at most once
   if (stripePromise !== null) {
@@ -164,10 +123,8 @@ const loadScript = () => {
       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;
     }
-    if (window.StripeConnect) {
+    if (isWindowStripeConnectDefined(window.StripeConnect)) {
       console.warn(EXISTING_SCRIPT_MESSAGE);
-    }
-    if (window.StripeConnect) {
       const wrapper = createWrapper(window.StripeConnect);
       resolve(wrapper);
       return;
@@ -180,7 +137,7 @@ const loadScript = () => {
         script = injectScript();
       }
       script.addEventListener("load", () => {
-        if (window.StripeConnect) {
+        if (isWindowStripeConnectDefined(window.StripeConnect)) {
           const wrapper = createWrapper(window.StripeConnect);
           resolve(wrapper);
         } else {
@@ -278,7 +235,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.29-preview-1"
+            sdkVersion: "3.3.29"
           }
         })
       }));