@stripe/connect-js 3.3.22-preview-2 → 3.3.22

package/README.md

@@ -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

@@ -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 => {},
@@ -45,46 +38,12 @@ 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 => {}
-  },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "reporting-chart": {
-    setReportName: _reportName => {},
-    setIntervalStart: _intervalStart => {},
-    setIntervalEnd: _intervalEnd => {},
-    setIntervalType: _intervalType => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
   "tax-settings": {
     setHideProductTaxCodeSelector: _hidden => {},
@@ -98,37 +57,27 @@ const ConnectElementCustomMethodConfig = {
 };
 
 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",
-  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",
   "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",
-  "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");
@@ -140,13 +89,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;
@@ -181,7 +130,7 @@ const loadScript = () => {
       reject(error);
     }
   });
-  return stripePromise;
+  return stripePromise$1;
 };
 const hasCustomMethod = tagName => {
   return tagName in ConnectElementCustomMethodConfig;
@@ -265,7 +214,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.22-preview-2"
+            sdkVersion: "3.3.22"
           }
         })
       }));
@@ -277,16 +226,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,13 +9,6 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: _filters => {}
-  },
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
@@ -49,46 +42,12 @@ 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 => {}
-  },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "reporting-chart": {
-    setReportName: _reportName => {},
-    setIntervalStart: _intervalStart => {},
-    setIntervalEnd: _intervalEnd => {},
-    setIntervalType: _intervalType => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
   "tax-settings": {
     setHideProductTaxCodeSelector: _hidden => {},
@@ -102,37 +61,27 @@ const ConnectElementCustomMethodConfig = {
 };
 
 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",
-  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",
   "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",
-  "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");
@@ -144,13 +93,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;
@@ -185,7 +134,7 @@ const loadScript = () => {
       reject(error);
     }
   });
-  return stripePromise;
+  return stripePromise$1;
 };
 const hasCustomMethod = tagName => {
   return tagName in ConnectElementCustomMethodConfig;
@@ -269,7 +218,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.22-preview-2"
+            sdkVersion: "3.3.22"
           }
         })
       }));
@@ -281,16 +230,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,13 +5,6 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: _filters => {}
-  },
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
@@ -45,46 +38,12 @@ 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 => {}
-  },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "reporting-chart": {
-    setReportName: _reportName => {},
-    setIntervalStart: _intervalStart => {},
-    setIntervalEnd: _intervalEnd => {},
-    setIntervalType: _intervalType => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
   "tax-settings": {
     setHideProductTaxCodeSelector: _hidden => {},
@@ -98,37 +57,27 @@ const ConnectElementCustomMethodConfig = {
 };
 
 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",
-  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",
   "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",
-  "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");
@@ -265,7 +214,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.22-preview-2"
+            sdkVersion: "3.3.22"
           }
         })
       }));

package/dist/pure.js

@@ -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 => {},
@@ -49,46 +42,12 @@ 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 => {}
-  },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "reporting-chart": {
-    setReportName: _reportName => {},
-    setIntervalStart: _intervalStart => {},
-    setIntervalEnd: _intervalEnd => {},
-    setIntervalType: _intervalType => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
   "tax-settings": {
     setHideProductTaxCodeSelector: _hidden => {},
@@ -102,37 +61,27 @@ const ConnectElementCustomMethodConfig = {
 };
 
 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",
-  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",
   "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",
-  "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");
@@ -269,7 +218,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.22-preview-2"
+            sdkVersion: "3.3.22"
           }
         })
       }));

package/dist/src/index.d.ts

@@ -1,2 +1,2 @@
-import { LoadConnectAndInitialize } from "./shared";
+import type { LoadConnectAndInitialize } from "./shared";
 export declare const loadConnectAndInitialize: LoadConnectAndInitialize;

package/dist/src/pure.d.ts

@@ -1,2 +1,2 @@
-import { LoadConnectAndInitialize } from "./shared";
+import type { LoadConnectAndInitialize } from "./shared";
 export declare const loadConnectAndInitialize: LoadConnectAndInitialize;

package/dist/src/shared.d.ts

@@ -1,6 +1,6 @@
-import { IStripeConnectInitParams, StripeConnectInstance, ConnectElementTagName } from "../types";
+import type { 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-recipients" | "stripe-connect-capital-financing" | "stripe-connect-capital-financing-application" | "stripe-connect-capital-financing-promotion" | "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" | "stripe-connect-reporting-chart";
+type ConnectElementHTMLName = "stripe-connect-account-onboarding" | "stripe-connect-payments" | "stripe-connect-payment-details" | "stripe-connect-account-management" | "stripe-connect-notification-banner" | "stripe-connect-issuing-card" | "stripe-connect-issuing-cards-list" | "stripe-connect-financial-account" | "stripe-connect-financial-account-transactions" | "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

@@ -42,10 +42,6 @@ export type NotificationCount = {
     total: number;
     actionRequired: number;
 };
-export type InstallState = {
-    appId: string;
-    state: "INSTALLED" | "UNINSTALLED";
-};
 export type LoaderStart = {
     elementTagName: string;
 };
@@ -60,13 +56,6 @@ export type EmbeddedError = {
     type: EmbeddedErrorType;
     message?: string;
 };
-export type FinancingProductType = {
-    productType: "standard" | "refill" | "none";
-};
-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.
@@ -97,13 +86,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;
-    };
     "account-onboarding": {
         setFullTermsOfServiceUrl: (_termOfServiceUrl: string | undefined) => void;
         setRecipientTermsOfServiceUrl: (_recipientTermsOfServiceUrl: string | undefined) => void;
@@ -137,48 +119,12 @@ 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;
-    };
-    "payment-method-settings": {
-        setPaymentMethodConfiguration: (_paymentMethodConfiguration: string | 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 }: {
-            total: number;
-        }) => void) | undefined) => void;
-    };
-    "capital-financing-application": {
-        setOnApplicationSubmitted: (_listener: (() => void) | undefined) => void;
-        setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined) => void;
-        setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined) => void;
-    };
-    "capital-financing-promotion": {
-        setLayout: (_layout: FinancingPromotionLayoutType | undefined) => void;
-        setOnApplicationSubmitted: (_listener: (() => void) | undefined) => void;
-        setOnEligibleFinancingOfferLoaded: (_listener: (({ productType }: FinancingProductType) => void) | undefined) => void;
-        setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined) => void;
-        setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined) => void;
-        setEligibilityCriteriaUrl: (_eligibilityCriteriaUrl: string | undefined) => void;
+    payments: {
+        setDefaultFilters: (_filters: PaymentsListDefaultFilters | undefined) => void;
     };
-    "reporting-chart": {
-        setReportName: (_reportName: ReportName) => void;
-        setIntervalStart: (_intervalStart: Date | undefined) => void;
-        setIntervalEnd: (_intervalEnd: Date | undefined) => void;
-        setIntervalType: (_intervalType: IntervalType | undefined) => void;
+    "payment-details": {
+        setPayment: (_payment: string | undefined) => void;
+        setOnClose: (_listener: (() => void) | undefined) => void;
     };
     "tax-settings": {
         setHideProductTaxCodeSelector: (_hidden: boolean | undefined) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/connect-js",
-  "version": "3.3.22-preview-2",
+  "version": "3.3.22",
   "description": "Connect.js loading utility package",
   "main": "dist/connect.js",
   "module": "dist/connect.esm.js",
@@ -11,6 +11,7 @@
     "test:unit": "jest",
     "test:types": "zx ./tests/types/scripts/test.mjs",
     "lint": "eslint '{src,types}/**/*.{ts,js}' && yarn prettier-check",
+    "lint-fix": "eslint '{src,types}/**/*.{ts,js}' --fix && yarn prettier-check",
     "typecheck": "tsc --noEmit",
     "build": "yarn clean && rollup -c",
     "validate-change": "yarn run test",
@@ -45,21 +46,24 @@
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-replace": "^2.3.1",
     "@types/jest": "^24.0.25",
-    "@typescript-eslint/eslint-plugin": "^4.15.2",
-    "@typescript-eslint/parser": "^4.15.2",
+    "@typescript-eslint/eslint-plugin": "^7",
+    "@typescript-eslint/parser": "^7",
+    "@typescript-eslint/rule-tester": "^7",
+    "@typescript-eslint/scope-manager": "^7",
+    "@typescript-eslint/utils": "^7",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^24.9.0",
     "conditional-type-checks": "^1.0.5",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.8.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-jest": "^22.6.3",
-    "eslint-plugin-prettier": "^3.1.1",
+    "eslint": "8.56.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-jest": "^26.6.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
-    "prettier": "^1.19.1",
+    "prettier": "2.8.8",
     "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/index.ts

@@ -1,9 +1,6 @@
-import { IStripeConnectInitParams, StripeConnectInstance } from "../types";
-import {
-  loadScript,
-  initStripeConnect,
-  LoadConnectAndInitialize
-} from "./shared";
+import type { IStripeConnectInitParams, StripeConnectInstance } from "../types";
+import type { LoadConnectAndInitialize } from "./shared";
+import { loadScript, initStripeConnect } from "./shared";
 
 // Execute our own script injection after a tick to give users time to do their
 // own script injection.

package/src/pure.test.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 
-import { IStripeConnectInitParams } from "../types";
+import type { IStripeConnectInitParams } from "../types";
 import { SCRIPT_SELECTOR } from "./utils/jestHelpers";
 
 describe("pure module", () => {
@@ -16,7 +16,7 @@ describe("pure module", () => {
       publishableKey: "pk_123",
       fetchClientSecret: async () => {
         return "secret_123";
-      }
+      },
     };
     loadConnectAndInitialize(mockInitParams);
 

package/src/pure.ts

@@ -1,9 +1,6 @@
-import { IStripeConnectInitParams, StripeConnectInstance } from "../types";
-import {
-  loadScript,
-  initStripeConnect,
-  LoadConnectAndInitialize
-} from "./shared";
+import type { IStripeConnectInitParams, StripeConnectInstance } from "../types";
+import type { LoadConnectAndInitialize } from "./shared";
+import { loadScript, initStripeConnect } from "./shared";
 
 export const loadConnectAndInitialize: LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams

package/src/shared.ts

@@ -1,76 +1,55 @@
-import {
+import type {
   IStripeConnectInitParams,
   StripeConnectInstance,
   ConnectElementTagName,
-  ConnectHTMLElementRecord
+  ConnectHTMLElementRecord,
 } from "../types";
 import {
   ConnectElementCommonMethodConfig,
-  ConnectElementCustomMethodConfig
+  ConnectElementCustomMethodConfig,
 } from "../types/config";
 
 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-recipients"
-  | "stripe-connect-capital-financing"
-  | "stripe-connect-capital-financing-application"
-  | "stripe-connect-capital-financing-promotion"
-  | "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-reporting-chart";
+  | "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",
-  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",
   "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",
-  "reporting-chart": "stripe-connect-reporting-chart"
 };
 
 type StripeConnectInstanceExtended = StripeConnectInstance & {
@@ -89,10 +68,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
   );
@@ -188,18 +167,18 @@ export const initStripeConnect = (
     }
   })();
   const metaOptions = (initParams as any).metaOptions ?? {};
-  const stripeConnectInstance = stripePromise.then(wrapper =>
+  const stripeConnectInstance = stripePromise.then((wrapper) =>
     wrapper.initialize({
       ...initParams,
-      metaOptions: { ...metaOptions, eagerClientSecretPromise }
+      metaOptions: { ...metaOptions, eagerClientSecretPromise },
     } as any)
   );
 
   return {
-    create: tagName => {
+    create: (tagName) => {
       let htmlName = componentNameMapping[tagName];
       if (!htmlName) {
-        htmlName = (tagName as unknown) as ConnectElementHTMLName;
+        htmlName = tagName as unknown as ConnectElementHTMLName;
       }
       const element = document.createElement(htmlName);
 
@@ -208,14 +187,14 @@ export const initStripeConnect = (
         : {};
       const methods = { ...customMethods, ...ConnectElementCommonMethodConfig };
       for (const method in methods) {
-        (element as any)[method] = function(value: any) {
+        (element as any)[method] = function (value: any) {
           stripeConnectInstance.then(() => {
             this[`${method}InternalOnly`](value);
           });
         };
       }
 
-      stripeConnectInstance.then(instance => {
+      stripeConnectInstance.then((instance) => {
         if (!element.isConnected && !(element as any).setConnector) {
           // If the element is not connected to the DOM and the `setConnector` method is not
           // defined, this indicates the element was created before connect.js was loaded, and has
@@ -243,8 +222,8 @@ export const initStripeConnect = (
 
       return element as ConnectHTMLElementRecord[typeof tagName];
     },
-    update: updateOptions => {
-      stripeConnectInstance.then(instance => {
+    update: (updateOptions) => {
+      stripeConnectInstance.then((instance) => {
         instance.update(updateOptions);
       });
     },
@@ -252,10 +231,10 @@ export const initStripeConnect = (
       return stripeConnectInstance;
     },
     logout: () => {
-      return stripeConnectInstance.then(instance => {
+      return stripeConnectInstance.then((instance) => {
         return instance.logout();
       });
-    }
+    },
   };
 };
 
@@ -272,12 +251,12 @@ const createWrapper = (stripeConnect: any) => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "_NPM_PACKAGE_VERSION_"
-          }
-        }
+            sdkVersion: "_NPM_PACKAGE_VERSION_",
+          },
+        },
       });
       return stripeConnectInstance;
-    }
+    },
   };
   return wrapper;
 };

package/types/checks.ts

@@ -1,5 +1,5 @@
-import { ConnectElementCustomMethodConfig } from "./config";
-import { ConnectElementTagName } from "./shared.d";
+import type { ConnectElementCustomMethodConfig } from "./config";
+import type { ConnectElementTagName } from "./shared.d";
 
 // ensure that keys of ConnectElementCustomMethodConfig are from ConnectElementTagName
 export type HasType<T, Q extends T> = Q;

package/types/config.ts

@@ -134,11 +134,6 @@ export type NotificationCount = {
   actionRequired: number;
 };
 
-export type InstallState = {
-  appId: string;
-  state: "INSTALLED" | "UNINSTALLED";
-};
-
 export type LoaderStart = {
   elementTagName: string;
 };
@@ -157,18 +152,6 @@ export type EmbeddedError = {
   message?: string;
 };
 
-export type FinancingProductType = {
-  productType: "standard" | "refill" | "none";
-};
-
-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.
@@ -201,19 +184,10 @@ export const ConnectElementCommonMethodConfig = {
   ): void => {},
   setOnLoaderStart: (
     _listener: (({ elementTagName }: LoaderStart) => void) | undefined
-  ): void => {}
+  ): void => {},
 };
 
 export const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: (
-      _filters: PaymentsListDefaultFilters | undefined
-    ): void => {}
-  },
-  "payment-details": {
-    setPayment: (_payment: string | undefined): void => {},
-    setOnClose: (_listener: (() => void) | undefined): void => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: (
       _termOfServiceUrl: string | undefined
@@ -231,12 +205,12 @@ export const ConnectElementCustomMethodConfig = {
     setOnExit: (_listener: (() => void) | undefined): void => {},
     setOnStepChange: (
       _listener: (({ step }: StepChange) => void) | undefined
-    ): void => {}
+    ): void => {},
   },
   "account-management": {
     setCollectionOptions: (
       _collectionOptions: CollectionOptions | undefined
-    ): void => {}
+    ): void => {},
   },
   "notification-banner": {
     setCollectionOptions: (
@@ -246,7 +220,7 @@ export const ConnectElementCustomMethodConfig = {
       _listener:
         | (({ total, actionRequired }: NotificationCount) => void)
         | undefined
-    ): void => {}
+    ): void => {},
   },
   "issuing-card": {
     setDefaultCard: (_defaultCard: string | undefined): void => {},
@@ -254,85 +228,29 @@ export const ConnectElementCustomMethodConfig = {
     setFetchEphemeralKey: (
       _fetchEphemeralKey: FetchEphemeralKeyFunction | undefined
     ): void => {},
-    setShowSpendControls: (_showSpendControls: boolean | undefined): void => {}
+    setShowSpendControls: (_showSpendControls: boolean | undefined): void => {},
   },
   "issuing-cards-list": {
     setFetchEphemeralKey: (
       _fetchEphemeralKey: FetchEphemeralKeyFunction | undefined
     ): void => {},
     setShowSpendControls: (_showSpendControls: boolean | undefined): void => {},
-    setIssuingProgram: (_issuingProgram: string | undefined): void => {}
+    setIssuingProgram: (_issuingProgram: string | undefined): void => {},
   },
   "financial-account": {
-    setFinancialAccount: (_financialAccount: string): void => {}
+    setFinancialAccount: (_financialAccount: string): void => {},
   },
   "financial-account-transactions": {
-    setFinancialAccount: (_financialAccount: string): void => {}
-  },
-  recipients: {
-    setDataSource: (_dataSource: RecipientDataSource): void => {}
+    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 => {}
-  },
-  "app-viewport": {
-    setApp: (_app: string | undefined): void => {},
-    setAppData: (_appData: Record<string, string> | undefined): void => {}
-  },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: (
-      _paymentMethodConfiguration: string | 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 }: { total: number }) => void) | undefined
-    ): void => {}
-  },
-  "capital-financing-application": {
-    setOnApplicationSubmitted: (
-      _listener: (() => void) | undefined
-    ): void => {},
-    setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined): void => {},
-    setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined): void => {}
-  },
-  "capital-financing-promotion": {
-    setLayout: (_layout: FinancingPromotionLayoutType | undefined): void => {},
-    setOnApplicationSubmitted: (
-      _listener: (() => void) | undefined
-    ): void => {},
-    setOnEligibleFinancingOfferLoaded: (
-      _listener: (({ productType }: FinancingProductType) => void) | undefined
-    ): void => {},
-    setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined): void => {},
-    setHowCapitalWorksUrl: (
-      _howCapitalWorksUrl: string | undefined
+  payments: {
+    setDefaultFilters: (
+      _filters: PaymentsListDefaultFilters | undefined
     ): void => {},
-    setEligibilityCriteriaUrl: (
-      _eligibilityCriteriaUrl: string | undefined
-    ): void => {}
   },
-  "reporting-chart": {
-    setReportName: (_reportName: ReportName): void => {},
-    setIntervalStart: (_intervalStart: Date | undefined): void => {},
-    setIntervalEnd: (_intervalEnd: Date | undefined): void => {},
-    setIntervalType: (_intervalType: IntervalType | undefined): void => {}
+  "payment-details": {
+    setPayment: (_payment: string | undefined): void => {},
+    setOnClose: (_listener: (() => void) | undefined): void => {},
   },
   "tax-settings": {
     setHideProductTaxCodeSelector: (_hidden: boolean | undefined): void => {},
@@ -341,12 +259,12 @@ export const ConnectElementCustomMethodConfig = {
     ): void => {},
     setOnTaxSettingsUpdated: (
       _listener: (({ id }: { id: string }) => void) | undefined
-    ): void => {}
+    ): void => {},
   },
   "tax-registrations": {
     setOnAfterTaxRegistrationAdded: (
       _listener: (({ id }: { id: string }) => void) | undefined
     ): void => {},
-    setDisplayCountries: (_countries: string[] | undefined): void => {}
-  }
+    setDisplayCountries: (_countries: string[] | undefined): void => {},
+  },
 };

package/types/index.d.ts

@@ -1,4 +1,4 @@
-import { IStripeConnectInitParams, StripeConnectInstance } from "../types";
+import type { IStripeConnectInitParams, StripeConnectInstance } from "../types";
 
 export declare const loadConnectAndInitialize: (
   initParams: IStripeConnectInitParams

package/types/shared.d.ts

@@ -1,7 +1,8 @@
-import {
+import type {
   ConnectElementCustomMethodConfig,
-  ConnectElementCommonMethodConfig
+  ConnectElementCommonMethodConfig,
 } from "./config";
+
 export declare type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
 ) => StripeConnectInstance;
@@ -487,28 +488,18 @@ 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"
-  | "recipients"
-  | "capital-financing"
-  | "capital-financing-application"
-  | "capital-financing-promotion"
-  | "capital-overview"
+  | "payouts"
+  | "payouts-list"
+  | "balances"
   | "documents"
   | "tax-registrations"
-  | "tax-settings"
-  | "balances"
-  | "payouts-list"
-  | "app-install"
-  | "app-viewport"
-  | "reporting-chart";
+  | "tax-settings";