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

package/dist/pure.js

@@ -9,17 +9,6 @@ const ConnectElementCommonMethodConfig = {
   setOnLoaderStart: _listener => {}
 };
 const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: _filters => {}
-  },
-  "payment-details": {
-    setPayment: _payment => {},
-    setOnClose: _listener => {}
-  },
-  "payment-disputes": {
-    setPayment: _payment => {},
-    setOnDisputesLoaded: _listener => {}
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: _termOfServiceUrl => {},
     setRecipientTermsOfServiceUrl: _recipientTermsOfServiceUrl => {},
@@ -57,48 +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 => {},
-    setOnApplicationStepChange: _listener => {}
+  payments: {
+    setDefaultFilters: _filters => {}
   },
-  "capital-financing-promotion": {
-    setLayout: _layout => {},
-    setOnApplicationSubmitted: _listener => {},
-    setOnEligibleFinancingOfferLoaded: _listener => {},
-    setPrivacyPolicyUrl: _privacyPolicyUrl => {},
-    setHowCapitalWorksUrl: _howCapitalWorksUrl => {},
-    setEligibilityCriteriaUrl: _eligibilityCriteriaUrl => {},
-    setOnApplicationStepChange: _listener => {}
+  "payment-details": {
+    setPayment: _payment => {},
+    setOnClose: _listener => {}
   },
-  "reporting-chart": {
-    setReportName: _reportName => {},
-    setIntervalStart: _intervalStart => {},
-    setIntervalEnd: _intervalEnd => {},
-    setIntervalType: _intervalType => {}
+  "payment-disputes": {
+    setPayment: _payment => {},
+    setOnDisputesLoaded: _listener => {}
   },
   "tax-settings": {
     setHideProductTaxCodeSelector: _hidden => {},
@@ -107,63 +64,46 @@ const ConnectElementCustomMethodConfig = {
   },
   "tax-registrations": {
     setOnAfterTaxRegistrationAdded: _listener => {},
-    setDisplayCountries: _countries => {}
+    setDisplayCountries: _countries => {},
+    setOnAfterTaxRegistrationExpired: _listener => {}
   },
-  "tax-threshold-monitoring": {
-    setDisplayCountries: _countries => {}
-  },
-  "product-tax-code-selector": {
-    setOnTaxCodeSelect: _listener => {},
-    setHideDescription: _hideDescription => {},
-    setDisabled: _disabled => {},
-    setInitialTaxCode: _initialTaxCode => {}
-  },
-  "export-tax-transactions": {},
   "payout-details": {
     setPayout: _payout => {},
     setOnClose: _listener => {}
+  },
+  "payout-reconciliation-report": {
+    setOnReportAvailabilityLoaded: _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",
   "payment-disputes": "stripe-connect-payment-disputes",
-  "disputes-list": "stripe-connect-disputes-list",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
+  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",
-  "payout-details": "stripe-connect-payout-details",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart"
+  "balance-report": "stripe-connect-balance-report",
+  "payout-reconciliation-report": "stripe-connect-payout-reconciliation-report"
 };
 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");
@@ -253,6 +193,9 @@ const initStripeConnect = (stripePromise, initParams) => {
       for (const method in methods) {
         element[method] = function (value) {
           stripeConnectInstance.then(() => {
+            if (!this[`${method}InternalOnly`]) {
+              throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.39`);
+            }
             this[`${method}InternalOnly`](value);
           });
         };
@@ -305,7 +248,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.39-preview-1"
+            sdkVersion: "3.3.39"
           }
         })
       }));

package/dist/src/shared.d.ts

@@ -1,6 +1,6 @@
 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-payment-disputes" | "stripe-connect-disputes-list" | "stripe-connect-account-onboarding" | "stripe-connect-payment-method-settings" | "stripe-connect-account-management" | "stripe-connect-notification-banner" | "stripe-connect-instant-payouts" | "stripe-connect-instant-payouts-promotion" | "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-product-tax-code-selector" | "stripe-connect-export-tax-transactions" | "stripe-connect-tax-registrations" | "stripe-connect-tax-settings" | "stripe-connect-tax-threshold-monitoring" | "stripe-connect-balances" | "stripe-connect-payouts-list" | "stripe-connect-payout-details" | "stripe-connect-app-install" | "stripe-connect-app-viewport" | "stripe-connect-reporting-chart";
+type ConnectElementHTMLName = "stripe-connect-account-onboarding" | "stripe-connect-disputes-list" | "stripe-connect-payments" | "stripe-connect-payment-details" | "stripe-connect-payment-disputes" | "stripe-connect-account-management" | "stripe-connect-notification-banner" | "stripe-connect-instant-payouts-promotion" | "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-payout-details" | "stripe-connect-balances" | "stripe-connect-documents" | "stripe-connect-tax-registrations" | "stripe-connect-tax-settings" | "stripe-connect-balance-report" | "stripe-connect-payout-reconciliation-report";
 export declare const componentNameMapping: Record<ConnectElementTagName, ConnectElementHTMLName>;
 type StripeConnectInstanceExtended = StripeConnectInstance & {
     debugInstance: () => Promise<StripeConnectInstance>;

package/dist/types/config.d.ts

@@ -47,10 +47,6 @@ export type NotificationCount = {
     total: number;
     actionRequired: number;
 };
-export type InstallState = {
-    appId: string;
-    state: "INSTALLED" | "UNINSTALLED";
-};
 export type LoaderStart = {
     elementTagName: string;
 };
@@ -65,14 +61,6 @@ export type EmbeddedError = {
     type: EmbeddedErrorType;
     message?: string;
 };
-export type FinancingProductType = {
-    productType: "standard" | "refill" | "none";
-    activeFinancingCount: number;
-};
-export type FinancingPromotionLayoutType = "full" | "banner";
-export type IntervalType = "day" | "week" | "month" | "quarter" | "year";
-export type ReportName = "gross_volume" | "net_volume";
-export type RecipientDataSource = "customers";
 export type EmbeddedErrorType = 
 /**
  * Failure to connect to Stripe's API.
@@ -94,6 +82,10 @@ export type EmbeddedErrorType =
  * Too many requests hit the API too quickly.
  */
  | "rate_limit_error"
+/**
+ * Failure to render the component, typically caused by browser extensions or network issues
+ */
+ | "render_error"
 /**
  * API errors covering any other type of problem (e.g., a temporary problem with Stripe's servers), and are extremely uncommon.
  */
@@ -103,19 +95,6 @@ export declare const ConnectElementCommonMethodConfig: {
     setOnLoaderStart: (_listener: (({ elementTagName }: LoaderStart) => void) | undefined) => void;
 };
 export declare const ConnectElementCustomMethodConfig: {
-    payments: {
-        setDefaultFilters: (_filters: PaymentsListDefaultFilters | undefined) => void;
-    };
-    "payment-details": {
-        setPayment: (_payment: string | undefined) => void;
-        setOnClose: (_listener: (() => void) | undefined) => void;
-    };
-    "payment-disputes": {
-        setPayment: (_payment: string | undefined) => void;
-        setOnDisputesLoaded: (_listener: (({ total }: {
-            total: number;
-        }) => void) | undefined) => void;
-    };
     "account-onboarding": {
         setFullTermsOfServiceUrl: (_termOfServiceUrl: string | undefined) => void;
         setRecipientTermsOfServiceUrl: (_recipientTermsOfServiceUrl: string | undefined) => void;
@@ -157,51 +136,19 @@ export declare const ConnectElementCustomMethodConfig: {
     "financial-account-transactions": {
         setFinancialAccount: (_financialAccount: string) => void;
     };
-    recipients: {
-        setDataSource: (_dataSource: RecipientDataSource) => void;
-    };
-    "app-install": {
-        setApp: (_app: string | undefined) => void;
-        setOnAppInstallStateFetched: (_listener: (({ appId, state }: InstallState) => void) | undefined) => void;
-        setOnAppInstallStateChanged: (_listener: (({ appId, state }: InstallState) => void) | undefined) => void;
-    };
-    "app-viewport": {
-        setApp: (_app: string | undefined) => void;
-        setAppData: (_appData: Record<string, string> | undefined) => void;
+    payments: {
+        setDefaultFilters: (_filters: PaymentsListDefaultFilters | undefined) => void;
     };
-    "payment-method-settings": {
-        setPaymentMethodConfiguration: (_paymentMethodConfiguration: string | undefined) => void;
+    "payment-details": {
+        setPayment: (_payment: string | undefined) => void;
+        setOnClose: (_listener: (() => void) | undefined) => void;
     };
-    "capital-financing": {
-        setDefaultFinancingOffer: (_defaultFinancingOffer: string | undefined) => void;
-        setShowFinancingSelector: (_showFinancingSelector: boolean | undefined) => void;
-        setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined) => void;
-        setSupportUrl: (_supportUrl: string | undefined) => void;
-        setOnFinancingsLoaded: (_listener: (({ total }: {
+    "payment-disputes": {
+        setPayment: (_payment: string | undefined) => void;
+        setOnDisputesLoaded: (_listener: (({ total }: {
             total: number;
         }) => void) | undefined) => void;
     };
-    "capital-financing-application": {
-        setOnApplicationSubmitted: (_listener: (() => void) | undefined) => void;
-        setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined) => void;
-        setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined) => void;
-        setOnApplicationStepChange: (_listener: (({ step }: StepChange) => void) | undefined) => void;
-    };
-    "capital-financing-promotion": {
-        setLayout: (_layout: FinancingPromotionLayoutType | undefined) => void;
-        setOnApplicationSubmitted: (_listener: (() => void) | undefined) => void;
-        setOnEligibleFinancingOfferLoaded: (_listener: (({ productType, activeFinancingCount, }: FinancingProductType) => void) | undefined) => void;
-        setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined) => void;
-        setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined) => void;
-        setEligibilityCriteriaUrl: (_eligibilityCriteriaUrl: string | undefined) => void;
-        setOnApplicationStepChange: (_listener: (({ step }: StepChange) => void) | undefined) => void;
-    };
-    "reporting-chart": {
-        setReportName: (_reportName: ReportName) => void;
-        setIntervalStart: (_intervalStart: Date | undefined) => void;
-        setIntervalEnd: (_intervalEnd: Date | undefined) => void;
-        setIntervalType: (_intervalType: IntervalType | undefined) => void;
-    };
     "tax-settings": {
         setHideProductTaxCodeSelector: (_hidden: boolean | undefined) => void;
         setDisplayHeadOfficeCountries: (_countries: string[] | undefined) => void;
@@ -214,21 +161,17 @@ export declare const ConnectElementCustomMethodConfig: {
             id: string;
         }) => void) | undefined) => void;
         setDisplayCountries: (_countries: string[] | undefined) => void;
-    };
-    "tax-threshold-monitoring": {
-        setDisplayCountries: (_countries: string[] | undefined) => void;
-    };
-    "product-tax-code-selector": {
-        setOnTaxCodeSelect: (_listener: ((taxCode: string, { analyticsName }: {
-            analyticsName: string;
+        setOnAfterTaxRegistrationExpired: (_listener: (({ id }: {
+            id: string;
         }) => void) | undefined) => void;
-        setHideDescription: (_hideDescription: boolean | undefined) => void;
-        setDisabled: (_disabled: boolean | undefined) => void;
-        setInitialTaxCode: (_initialTaxCode: string | undefined) => void;
     };
-    "export-tax-transactions": {};
     "payout-details": {
         setPayout: (_payout: string | undefined) => void;
         setOnClose: (_listener: (() => void) | undefined) => void;
     };
+    "payout-reconciliation-report": {
+        setOnReportAvailabilityLoaded: (_listener: (({ isReportAvailable }: {
+            isReportAvailable: boolean;
+        }) => void) | undefined) => void;
+    };
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stripe/connect-js",
-  "version": "3.3.39-preview-1",
-  "description": "Connect.js loading utility package",
+  "version": "3.3.39",
+  "description": "Connect.js loading utility package (preview version)",
   "main": "dist/connect.js",
   "module": "dist/connect.esm.js",
   "types": "types/index.d.ts",
@@ -63,13 +63,13 @@
     "jest-environment-jsdom": "^29.5.0",
     "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",
     "typescript": "^4.1.2",
     "yalc": "^1.0.0-pre.53",
-    "zx": "^4.2.0"
+    "zx": "^8.8.5"
   },
   "dependencies": {}
 }

package/src/shared.ts

@@ -13,78 +13,55 @@ export type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
 ) => StripeConnectInstance;
 
-export type ConnectElementHTMLName =
+type ConnectElementHTMLName =
+  | "stripe-connect-account-onboarding"
+  | "stripe-connect-disputes-list"
   | "stripe-connect-payments"
-  | "stripe-connect-payouts"
   | "stripe-connect-payment-details"
   | "stripe-connect-payment-disputes"
-  | "stripe-connect-disputes-list"
-  | "stripe-connect-account-onboarding"
-  | "stripe-connect-payment-method-settings"
   | "stripe-connect-account-management"
   | "stripe-connect-notification-banner"
-  | "stripe-connect-instant-payouts"
   | "stripe-connect-instant-payouts-promotion"
   | "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-payout-details"
+  | "stripe-connect-balances"
   | "stripe-connect-documents"
-  | "stripe-connect-product-tax-code-selector"
-  | "stripe-connect-export-tax-transactions"
   | "stripe-connect-tax-registrations"
   | "stripe-connect-tax-settings"
-  | "stripe-connect-tax-threshold-monitoring"
-  | "stripe-connect-balances"
-  | "stripe-connect-payouts-list"
-  | "stripe-connect-payout-details"
-  | "stripe-connect-app-install"
-  | "stripe-connect-app-viewport"
-  | "stripe-connect-reporting-chart";
+  | "stripe-connect-balance-report"
+  | "stripe-connect-payout-reconciliation-report";
 
 export const componentNameMapping: Record<
   ConnectElementTagName,
   ConnectElementHTMLName
 > = {
+  "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",
   "payment-disputes": "stripe-connect-payment-disputes",
-  "disputes-list": "stripe-connect-disputes-list",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
+  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",
-  "payout-details": "stripe-connect-payout-details",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart",
+  "balance-report": "stripe-connect-balance-report",
+  "payout-reconciliation-report": "stripe-connect-payout-reconciliation-report",
 };
 
 type StripeConnectInstanceExtended = StripeConnectInstance & {
@@ -103,10 +80,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
   );
@@ -235,6 +212,12 @@ export const initStripeConnect = (
       for (const method in methods) {
         (element as any)[method] = function (value: any) {
           stripeConnectInstance.then(() => {
+            if (!this[`${method}InternalOnly`]) {
+              throw new Error(
+                `Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: _NPM_PACKAGE_VERSION_`
+              );
+            }
+
             this[`${method}InternalOnly`](value);
           });
         };

package/types/config.ts

@@ -141,11 +141,6 @@ export type NotificationCount = {
   actionRequired: number;
 };
 
-export type InstallState = {
-  appId: string;
-  state: "INSTALLED" | "UNINSTALLED";
-};
-
 export type LoaderStart = {
   elementTagName: string;
 };
@@ -164,19 +159,6 @@ export type EmbeddedError = {
   message?: string;
 };
 
-export type FinancingProductType = {
-  productType: "standard" | "refill" | "none";
-  activeFinancingCount: number;
-};
-
-export type FinancingPromotionLayoutType = "full" | "banner";
-
-export type IntervalType = "day" | "week" | "month" | "quarter" | "year";
-
-export type ReportName = "gross_volume" | "net_volume";
-
-export type RecipientDataSource = "customers";
-
 export type EmbeddedErrorType =
   /**
    * Failure to connect to Stripe's API.
@@ -198,6 +180,10 @@ export type EmbeddedErrorType =
    * Too many requests hit the API too quickly.
    */
   | "rate_limit_error"
+  /**
+   * Failure to render the component, typically caused by browser extensions or network issues
+   */
+  | "render_error"
   /**
    * API errors covering any other type of problem (e.g., a temporary problem with Stripe's servers), and are extremely uncommon.
    */
@@ -213,21 +199,6 @@ export const ConnectElementCommonMethodConfig = {
 };
 
 export const ConnectElementCustomMethodConfig = {
-  payments: {
-    setDefaultFilters: (
-      _filters: PaymentsListDefaultFilters | undefined
-    ): void => {},
-  },
-  "payment-details": {
-    setPayment: (_payment: string | undefined): void => {},
-    setOnClose: (_listener: (() => void) | undefined): void => {},
-  },
-  "payment-disputes": {
-    setPayment: (_payment: string | undefined): void => {},
-    setOnDisputesLoaded: (
-      _listener: (({ total }: { total: number }) => void) | undefined
-    ): void => {},
-  },
   "account-onboarding": {
     setFullTermsOfServiceUrl: (
       _termOfServiceUrl: string | undefined
@@ -293,84 +264,21 @@ export 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
+  payments: {
+    setDefaultFilters: (
+      _filters: PaymentsListDefaultFilters | undefined
     ): void => {},
   },
-  "app-viewport": {
-    setApp: (_app: string | undefined): void => {},
-    setAppData: (_appData: Record<string, string> | undefined): void => {},
-  },
-  "payment-method-settings": {
-    setPaymentMethodConfiguration: (
-      _paymentMethodConfiguration: string | undefined
-    ): void => {},
+  "payment-details": {
+    setPayment: (_payment: string | undefined): void => {},
+    setOnClose: (_listener: (() => void) | undefined): void => {},
   },
-  "capital-financing": {
-    setDefaultFinancingOffer: (
-      _defaultFinancingOffer: string | undefined
-    ): void => {},
-    setShowFinancingSelector: (
-      _showFinancingSelector: boolean | undefined
-    ): void => {},
-    setHowCapitalWorksUrl: (
-      _howCapitalWorksUrl: string | undefined
-    ): void => {},
-    setSupportUrl: (_supportUrl: string | undefined): void => {},
-    setOnFinancingsLoaded: (
+  "payment-disputes": {
+    setPayment: (_payment: string | undefined): void => {},
+    setOnDisputesLoaded: (
       _listener: (({ total }: { total: number }) => void) | undefined
     ): void => {},
   },
-  "capital-financing-application": {
-    setOnApplicationSubmitted: (
-      _listener: (() => void) | undefined
-    ): void => {},
-    setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined): void => {},
-    setHowCapitalWorksUrl: (
-      _howCapitalWorksUrl: string | undefined
-    ): void => {},
-    setOnApplicationStepChange: (
-      _listener: (({ step }: StepChange) => void) | undefined
-    ): void => {},
-  },
-  "capital-financing-promotion": {
-    setLayout: (_layout: FinancingPromotionLayoutType | undefined): void => {},
-    setOnApplicationSubmitted: (
-      _listener: (() => void) | undefined
-    ): void => {},
-    setOnEligibleFinancingOfferLoaded: (
-      _listener:
-        | (({
-            productType,
-            activeFinancingCount,
-          }: FinancingProductType) => void)
-        | undefined
-    ): void => {},
-    setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined): void => {},
-    setHowCapitalWorksUrl: (
-      _howCapitalWorksUrl: string | undefined
-    ): void => {},
-    setEligibilityCriteriaUrl: (
-      _eligibilityCriteriaUrl: string | undefined
-    ): void => {},
-    setOnApplicationStepChange: (
-      _listener: (({ step }: StepChange) => void) | undefined
-    ): void => {},
-  },
-  "reporting-chart": {
-    setReportName: (_reportName: ReportName): void => {},
-    setIntervalStart: (_intervalStart: Date | undefined): void => {},
-    setIntervalEnd: (_intervalEnd: Date | undefined): void => {},
-    setIntervalType: (_intervalType: IntervalType | undefined): void => {},
-  },
   "tax-settings": {
     setHideProductTaxCodeSelector: (_hidden: boolean | undefined): void => {},
     setDisplayHeadOfficeCountries: (
@@ -385,26 +293,19 @@ export const ConnectElementCustomMethodConfig = {
       _listener: (({ id }: { id: string }) => void) | undefined
     ): void => {},
     setDisplayCountries: (_countries: string[] | undefined): void => {},
-  },
-  "tax-threshold-monitoring": {
-    setDisplayCountries: (_countries: string[] | undefined): void => {},
-  },
-  "product-tax-code-selector": {
-    setOnTaxCodeSelect: (
-      _listener:
-        | ((
-            taxCode: string,
-            { analyticsName }: { analyticsName: string }
-          ) => void)
-        | undefined
+    setOnAfterTaxRegistrationExpired: (
+      _listener: (({ id }: { id: string }) => void) | undefined
     ): void => {},
-    setHideDescription: (_hideDescription: boolean | undefined): void => {},
-    setDisabled: (_disabled: boolean | undefined): void => {},
-    setInitialTaxCode: (_initialTaxCode: string | undefined): void => {},
   },
-  "export-tax-transactions": {},
   "payout-details": {
     setPayout: (_payout: string | undefined): void => {},
     setOnClose: (_listener: (() => void) | undefined): void => {},
   },
+  "payout-reconciliation-report": {
+    setOnReportAvailabilityLoaded: (
+      _listener:
+        | (({ isReportAvailable }: { isReportAvailable: boolean }) => void)
+        | undefined
+    ): void => {},
+  },
 };