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

package/dist/pure.esm.js

@@ -1,5 +1,6 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
+// Source of truth for the entire list of components. When you add a new component, it should be added here.
+const connectElementTagNames = ["payments", "payouts", "payment-details", "payment-disputes", "disputes-list", "account-onboarding", "payment-method-settings", "account-management", "notification-banner", "instant-payouts", "instant-payouts-promotion", "issuing-card", "issuing-cards-list", "financial-account", "financial-account-transactions", "recipients", "capital-financing", "capital-financing-application", "capital-financing-promotion", "capital-overview", "documents", "product-tax-code-selector", "export-tax-transactions", "tax-registrations", "tax-settings", "tax-threshold-monitoring", "balances", "payouts-list", "payout-details", "app-install", "app-viewport", "reporting-chart", "check-scanning", "agentic-commerce-settings", "terminal-hardware-orders", "terminal-hardware-shop", "network-cost-passthrough-report", "balance-report", "payout-reconciliation-report", "recipients-list", "financial-accounts", "financial-accounts-transactions"];
 const ConnectElementCommonMethodConfig = {
   setOnLoadError: _listener => {},
   setOnLoaderStart: _listener => {}
@@ -135,55 +136,11 @@ const ConnectElementCustomMethodConfig = {
   }
 };
 
-const componentNameMapping = {
-  payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
-  "payment-details": "stripe-connect-payment-details",
-  "payment-disputes": "stripe-connect-payment-disputes",
-  "disputes-list": "stripe-connect-disputes-list",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
-  "account-management": "stripe-connect-account-management",
-  "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "instant-payouts-promotion": "stripe-connect-instant-payouts-promotion",
-  "issuing-card": "stripe-connect-issuing-card",
-  "issuing-cards-list": "stripe-connect-issuing-cards-list",
-  "financial-account": "stripe-connect-financial-account",
-  recipients: "stripe-connect-recipients",
-  "financial-account-transactions": "stripe-connect-financial-account-transactions",
-  "capital-financing": "stripe-connect-capital-financing",
-  "capital-financing-application": "stripe-connect-capital-financing-application",
-  "capital-financing-promotion": "stripe-connect-capital-financing-promotion",
-  "capital-overview": "stripe-connect-capital-overview",
-  documents: "stripe-connect-documents",
-  "product-tax-code-selector": "stripe-connect-product-tax-code-selector",
-  "export-tax-transactions": "stripe-connect-export-tax-transactions",
-  "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  "tax-threshold-monitoring": "stripe-connect-tax-threshold-monitoring",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "payout-details": "stripe-connect-payout-details",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart",
-  "check-scanning": "stripe-connect-check-scanning",
-  "agentic-commerce-settings": "stripe-connect-agentic-commerce-settings",
-  "terminal-hardware-orders": "stripe-connect-terminal-hardware-orders",
-  "terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
-  "network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report",
-  "balance-report": "stripe-connect-balance-report",
-  "payout-reconciliation-report": "stripe-connect-payout-reconciliation-report",
-  "recipients-list": "stripe-connect-recipients-list",
-  "financial-accounts": "stripe-connect-financial-accounts",
-  "financial-accounts-transactions": "stripe-connect-financial-accounts-transactions"
-};
 const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
 const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
 const V1_URL = "https://connect-js.stripe.com/v1.0/connect.js";
 const findScript = () => {
-  return document.querySelectorAll(`script[src="${V0_URL}"]`)[0] || document.querySelectorAll(`script[src="${V1_URL}"]`)[0] || null;
+  return document.querySelectorAll(`script[src="${V1_URL}"]`)[0] || document.querySelectorAll(`script[src="${V0_URL}"]`)[0] || null;
 };
 const injectScript = () => {
   const script = document.createElement("script");
@@ -195,6 +152,11 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
+
+const componentNameMapping = connectElementTagNames.reduce((acc, name) => {
+  acc[name] = `stripe-connect-${name}`;
+  return acc;
+}, {});
 let stripePromise = null;
 const isWindowStripeConnectDefined = stripeConnect => {
   // We only consider `StripeConnect` defined if `init` is a function
@@ -274,7 +236,7 @@ const initStripeConnect = (stripePromise, initParams) => {
         element[method] = function (value) {
           stripeConnectInstance.then(() => {
             if (!this[`${method}InternalOnly`]) {
-              throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.55-preview-1`);
+              throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.4.1-preview-1`);
             }
             this[`${method}InternalOnly`](value);
           });
@@ -328,7 +290,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.55-preview-1"
+            sdkVersion: "3.4.1-preview-1"
           }
         })
       }));
@@ -346,4 +308,4 @@ const loadConnectAndInitialize = initParams => {
   return initStripeConnect(maybeConnect, initParams);
 };
 
-export { loadConnectAndInitialize };
+export { ConnectElementCommonMethodConfig, ConnectElementCustomMethodConfig, connectElementTagNames, loadConnectAndInitialize };

package/dist/pure.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
+// Source of truth for the entire list of components. When you add a new component, it should be added here.
+const connectElementTagNames = ["payments", "payouts", "payment-details", "payment-disputes", "disputes-list", "account-onboarding", "payment-method-settings", "account-management", "notification-banner", "instant-payouts", "instant-payouts-promotion", "issuing-card", "issuing-cards-list", "financial-account", "financial-account-transactions", "recipients", "capital-financing", "capital-financing-application", "capital-financing-promotion", "capital-overview", "documents", "product-tax-code-selector", "export-tax-transactions", "tax-registrations", "tax-settings", "tax-threshold-monitoring", "balances", "payouts-list", "payout-details", "app-install", "app-viewport", "reporting-chart", "check-scanning", "agentic-commerce-settings", "terminal-hardware-orders", "terminal-hardware-shop", "network-cost-passthrough-report", "balance-report", "payout-reconciliation-report", "recipients-list", "financial-accounts", "financial-accounts-transactions"];
 const ConnectElementCommonMethodConfig = {
   setOnLoadError: _listener => {},
   setOnLoaderStart: _listener => {}
@@ -139,55 +140,11 @@ const ConnectElementCustomMethodConfig = {
   }
 };
 
-const componentNameMapping = {
-  payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
-  "payment-details": "stripe-connect-payment-details",
-  "payment-disputes": "stripe-connect-payment-disputes",
-  "disputes-list": "stripe-connect-disputes-list",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
-  "account-management": "stripe-connect-account-management",
-  "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "instant-payouts-promotion": "stripe-connect-instant-payouts-promotion",
-  "issuing-card": "stripe-connect-issuing-card",
-  "issuing-cards-list": "stripe-connect-issuing-cards-list",
-  "financial-account": "stripe-connect-financial-account",
-  recipients: "stripe-connect-recipients",
-  "financial-account-transactions": "stripe-connect-financial-account-transactions",
-  "capital-financing": "stripe-connect-capital-financing",
-  "capital-financing-application": "stripe-connect-capital-financing-application",
-  "capital-financing-promotion": "stripe-connect-capital-financing-promotion",
-  "capital-overview": "stripe-connect-capital-overview",
-  documents: "stripe-connect-documents",
-  "product-tax-code-selector": "stripe-connect-product-tax-code-selector",
-  "export-tax-transactions": "stripe-connect-export-tax-transactions",
-  "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  "tax-threshold-monitoring": "stripe-connect-tax-threshold-monitoring",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "payout-details": "stripe-connect-payout-details",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart",
-  "check-scanning": "stripe-connect-check-scanning",
-  "agentic-commerce-settings": "stripe-connect-agentic-commerce-settings",
-  "terminal-hardware-orders": "stripe-connect-terminal-hardware-orders",
-  "terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
-  "network-cost-passthrough-report": "stripe-connect-network-cost-passthrough-report",
-  "balance-report": "stripe-connect-balance-report",
-  "payout-reconciliation-report": "stripe-connect-payout-reconciliation-report",
-  "recipients-list": "stripe-connect-recipients-list",
-  "financial-accounts": "stripe-connect-financial-accounts",
-  "financial-accounts-transactions": "stripe-connect-financial-accounts-transactions"
-};
 const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
 const V0_URL = "https://connect-js.stripe.com/v0.1/connect.js";
 const V1_URL = "https://connect-js.stripe.com/v1.0/connect.js";
 const findScript = () => {
-  return document.querySelectorAll(`script[src="${V0_URL}"]`)[0] || document.querySelectorAll(`script[src="${V1_URL}"]`)[0] || null;
+  return document.querySelectorAll(`script[src="${V1_URL}"]`)[0] || document.querySelectorAll(`script[src="${V0_URL}"]`)[0] || null;
 };
 const injectScript = () => {
   const script = document.createElement("script");
@@ -199,6 +156,11 @@ const injectScript = () => {
   document.head.appendChild(script);
   return script;
 };
+
+const componentNameMapping = connectElementTagNames.reduce((acc, name) => {
+  acc[name] = `stripe-connect-${name}`;
+  return acc;
+}, {});
 let stripePromise = null;
 const isWindowStripeConnectDefined = stripeConnect => {
   // We only consider `StripeConnect` defined if `init` is a function
@@ -278,7 +240,7 @@ const initStripeConnect = (stripePromise, initParams) => {
         element[method] = function (value) {
           stripeConnectInstance.then(() => {
             if (!this[`${method}InternalOnly`]) {
-              throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.3.55-preview-1`);
+              throw new Error(`Method ${method} is not available in the ${tagName} HTML element. Are you using a supported version of the "@stripe/connect-js" package? Using version: 3.4.1-preview-1`);
             }
             this[`${method}InternalOnly`](value);
           });
@@ -332,7 +294,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.55-preview-1"
+            sdkVersion: "3.4.1-preview-1"
           }
         })
       }));
@@ -350,4 +312,7 @@ const loadConnectAndInitialize = initParams => {
   return initStripeConnect(maybeConnect, initParams);
 };
 
+exports.ConnectElementCommonMethodConfig = ConnectElementCommonMethodConfig;
+exports.ConnectElementCustomMethodConfig = ConnectElementCustomMethodConfig;
+exports.connectElementTagNames = connectElementTagNames;
 exports.loadConnectAndInitialize = loadConnectAndInitialize;

package/dist/utils/scriptUtils.d.ts

@@ -0,0 +1,3 @@
+export declare const EXISTING_SCRIPT_MESSAGE = "loadConnect was called but an existing Connect.js script already exists in the document; existing script parameters will be used";
+export declare const findScript: () => HTMLScriptElement | null;
+export declare const injectScript: () => HTMLScriptElement;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@stripe/connect-js",
-  "version": "3.3.55-preview-1",
+  "version": "3.4.1-preview-1",
   "description": "Connect.js loading utility package (preview version)",
   "main": "dist/connect.js",
   "module": "dist/connect.esm.js",
-  "types": "types/index.d.ts",
-  "typings": "types/index.d.ts",
+  "types": "dist/index.d.ts",
+  "typings": "dist/index.d.ts",
   "scripts": {
     "test": "yarn lint && yarn test:unit --passWithNoTests && yarn typecheck && yarn build",
     "test:unit": "jest",

package/pure.d.ts

@@ -1,4 +1,2 @@
-import { LoadConnectAndInitialize } from "./src/shared";
-
-export declare const loadConnectAndInitialize: LoadConnectAndInitialize;
-export * from "./types/shared";
+// A simple "redirect" to the pure exports in src
+export * from "./src/pure";

package/{types/config.ts → src/components/componentsAndSetters.ts}

@@ -1,6 +1,53 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
+// Source of truth for the entire list of components. When you add a new component, it should be added here.
+export const connectElementTagNames = [
+  "payments",
+  "payouts",
+  "payment-details",
+  "payment-disputes",
+  "disputes-list",
+  "account-onboarding",
+  "payment-method-settings",
+  "account-management",
+  "notification-banner",
+  "instant-payouts",
+  "instant-payouts-promotion",
+  "issuing-card",
+  "issuing-cards-list",
+  "financial-account",
+  "financial-account-transactions",
+  "recipients",
+  "capital-financing",
+  "capital-financing-application",
+  "capital-financing-promotion",
+  "capital-overview",
+  "documents",
+  "product-tax-code-selector",
+  "export-tax-transactions",
+  "tax-registrations",
+  "tax-settings",
+  "tax-threshold-monitoring",
+  "balances",
+  "payouts-list",
+  "payout-details",
+  "app-install",
+  "app-viewport",
+  "reporting-chart",
+  "check-scanning",
+  "agentic-commerce-settings",
+  "terminal-hardware-orders",
+  "terminal-hardware-shop",
+  "network-cost-passthrough-report",
+  "balance-report",
+  "payout-reconciliation-report",
+  "recipients-list",
+  "financial-accounts",
+  "financial-accounts-transactions",
+] as const;
+
+// BEGIN: Setter definitions. All setters and their associated types are defined here. When adding a new component, if it has setters, they should be added here as well.
+
 export type FetchEphemeralKeyFunction = (fetchParams: {
   issuingCard: string;
   nonce: string;

package/{types/checks.ts → src/components/componentsAndSettersChecks.ts}

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

package/src/exportedTypes/index.ts

@@ -0,0 +1,4 @@
+// We export all types in this folder
+
+export * from "./shared";
+export * from "../components/componentsAndSetters";

package/{types/shared.d.ts → src/exportedTypes/shared.ts}

@@ -1,19 +1,25 @@
 import type {
-  ConnectElementCustomMethodConfig,
   ConnectElementCommonMethodConfig,
+  ConnectElementCustomMethodConfig,
+  connectElementTagNames,
   EmbeddedError,
   EmbeddedErrorType,
-} from "./config";
-export declare type LoadConnectAndInitialize = (
+} from "../components/componentsAndSetters";
+
+export type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
 ) => StripeConnectInstance;
 
-export declare type OverlayOption = "dialog" | "drawer";
+export interface StripeConnectWrapper {
+  initialize: (params: IStripeConnectInitParams) => StripeConnectInstance;
+}
+
+export type OverlayOption = "dialog" | "drawer";
 
 /*
  * Use a `CssFontSource` to pass custom fonts via a stylesheet URL when initializing a Connect instance.
  */
-export declare type CssFontSource = {
+export type CssFontSource = {
   /**
    * A relative or absolute URL pointing to a CSS file with [@font-face](https://developer.mozilla.org/en/docs/Web/CSS/@font-face) definitions, for example:
    *
@@ -27,7 +33,7 @@ export declare type CssFontSource = {
 /*
  * Use a `CustomFontSource` to pass custom fonts when initializing a Connect instance.
  */
-export declare type CustomFontSource = {
+export type CustomFontSource = {
   /**
    * The name to give the font
    */
@@ -63,7 +69,7 @@ export declare type CustomFontSource = {
 /**
  * Appearance options for the Connect instance.
  */
-export declare type AppearanceOptions = {
+export type AppearanceOptions = {
   /**
    * The type of overlay used throughout the Connect.js design system. Set this to be either a Dialog or Drawer.
    */
@@ -71,7 +77,7 @@ export declare type AppearanceOptions = {
   variables?: AppearanceVariables;
 };
 
-export declare type AppearanceVariables = {
+export type AppearanceVariables = {
   // Commonly used
 
   /**
@@ -510,7 +516,7 @@ export type IStripeConnectUpdateParams = {
 /**
  * Reasons why risk signals collection was skipped.
  */
-export declare type RiskSignalsCollectionSkippedReason =
+export type RiskSignalsCollectionSkippedReason =
   /**
    * Required component (account_onboarding) not enabled.
    */
@@ -527,7 +533,7 @@ export declare type RiskSignalsCollectionSkippedReason =
 /**
  * Error types that can occur during risk signals collection.
  */
-export declare type RiskSignalsCollectionErrorType = Extract<
+export type RiskSignalsCollectionErrorType = Extract<
   EmbeddedErrorType,
   | "api_connection_error"
   | "invalid_request_error"
@@ -538,7 +544,7 @@ export declare type RiskSignalsCollectionErrorType = Extract<
 /**
  * Errors that can occur during risk signals collection.
  */
-export declare type RiskSignalsCollectionError =
+export type RiskSignalsCollectionError =
   /**
    * Error occurred during general Connect.js loading.
    */
@@ -643,46 +649,4 @@ export interface StripeConnectInstance {
 /**
  * Tagnames to be used with the `create` method of the Connect instance.
  */
-export type ConnectElementTagName =
-  | "payments"
-  | "payouts"
-  | "payment-details"
-  | "payment-disputes"
-  | "disputes-list"
-  | "account-onboarding"
-  | "payment-method-settings"
-  | "account-management"
-  | "notification-banner"
-  | "instant-payouts"
-  | "instant-payouts-promotion"
-  | "issuing-card"
-  | "issuing-cards-list"
-  | "financial-account"
-  | "financial-account-transactions"
-  | "recipients"
-  | "capital-financing"
-  | "capital-financing-application"
-  | "capital-financing-promotion"
-  | "capital-overview"
-  | "documents"
-  | "product-tax-code-selector"
-  | "export-tax-transactions"
-  | "tax-registrations"
-  | "tax-settings"
-  | "tax-threshold-monitoring"
-  | "balances"
-  | "payouts-list"
-  | "payout-details"
-  | "app-install"
-  | "app-viewport"
-  | "reporting-chart"
-  | "check-scanning"
-  | "agentic-commerce-settings"
-  | "terminal-hardware-orders"
-  | "terminal-hardware-shop"
-  | "network-cost-passthrough-report"
-  | "balance-report"
-  | "payout-reconciliation-report"
-  | "recipients-list"
-  | "financial-accounts"
-  | "financial-accounts-transactions";
+export type ConnectElementTagName = (typeof connectElementTagNames)[number];

package/src/index.ts

@@ -1,6 +1,9 @@
-import type { IStripeConnectInitParams, StripeConnectInstance } from "../types";
-import type { LoadConnectAndInitialize } from "./shared";
-import { loadScript, initStripeConnect } from "./shared";
+import { initStripeConnect, loadScript } from "./init";
+import type {
+  IStripeConnectInitParams,
+  StripeConnectInstance,
+  LoadConnectAndInitialize,
+} from "./exportedTypes/shared";
 
 // Execute our own script injection after a tick to give users time to do their
 // own script injection.
@@ -20,3 +23,6 @@ export const loadConnectAndInitialize: LoadConnectAndInitialize = (
   loadCalled = true;
   return initStripeConnect(stripePromise, initParams);
 };
+
+// Export all types from the exportedTypes folder
+export * from "./exportedTypes";

package/src/{shared.ts → init.ts}

@@ -1,156 +1,35 @@
+import {
+  ConnectElementCommonMethodConfig,
+  ConnectElementCustomMethodConfig,
+  connectElementTagNames,
+} from "./components/componentsAndSetters";
+import type { ConnectHTMLElementRecord } from "./exportedTypes/shared";
 import type {
+  ConnectElementTagName,
   IStripeConnectInitParams,
   StripeConnectInstance,
-  ConnectElementTagName,
-  ConnectHTMLElementRecord,
-} from "../types";
+  StripeConnectWrapper,
+} from "./exportedTypes/shared";
 import {
-  ConnectElementCommonMethodConfig,
-  ConnectElementCustomMethodConfig,
-} from "../types/config";
-
-export type LoadConnectAndInitialize = (
-  initParams: IStripeConnectInitParams
-) => StripeConnectInstance;
+  EXISTING_SCRIPT_MESSAGE,
+  findScript,
+  injectScript,
+} from "./utils/scriptUtils";
 
-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"
-  | "stripe-connect-check-scanning"
-  | "stripe-connect-agentic-commerce-settings"
-  | "stripe-connect-terminal-hardware-orders"
-  | "stripe-connect-terminal-hardware-shop"
-  | "stripe-connect-network-cost-passthrough-report"
-  | "stripe-connect-balance-report"
-  | "stripe-connect-payout-reconciliation-report"
-  | "stripe-connect-recipients-list"
-  | "stripe-connect-financial-accounts"
-  | "stripe-connect-financial-accounts-transactions";
+export type ConnectElementHTMLName = `stripe-connect-${ConnectElementTagName}`;
 
-export const componentNameMapping: Record<
-  ConnectElementTagName,
-  ConnectElementHTMLName
-> = {
-  payments: "stripe-connect-payments",
-  payouts: "stripe-connect-payouts",
-  "payment-details": "stripe-connect-payment-details",
-  "payment-disputes": "stripe-connect-payment-disputes",
-  "disputes-list": "stripe-connect-disputes-list",
-  "account-onboarding": "stripe-connect-account-onboarding",
-  "payment-method-settings": "stripe-connect-payment-method-settings",
-  "account-management": "stripe-connect-account-management",
-  "notification-banner": "stripe-connect-notification-banner",
-  "instant-payouts": "stripe-connect-instant-payouts",
-  "instant-payouts-promotion": "stripe-connect-instant-payouts-promotion",
-  "issuing-card": "stripe-connect-issuing-card",
-  "issuing-cards-list": "stripe-connect-issuing-cards-list",
-  "financial-account": "stripe-connect-financial-account",
-  recipients: "stripe-connect-recipients",
-  "financial-account-transactions":
-    "stripe-connect-financial-account-transactions",
-  "capital-financing": "stripe-connect-capital-financing",
-  "capital-financing-application":
-    "stripe-connect-capital-financing-application",
-  "capital-financing-promotion": "stripe-connect-capital-financing-promotion",
-  "capital-overview": "stripe-connect-capital-overview",
-  documents: "stripe-connect-documents",
-  "product-tax-code-selector": "stripe-connect-product-tax-code-selector",
-  "export-tax-transactions": "stripe-connect-export-tax-transactions",
-  "tax-registrations": "stripe-connect-tax-registrations",
-  "tax-settings": "stripe-connect-tax-settings",
-  "tax-threshold-monitoring": "stripe-connect-tax-threshold-monitoring",
-  balances: "stripe-connect-balances",
-  "payouts-list": "stripe-connect-payouts-list",
-  "payout-details": "stripe-connect-payout-details",
-  "app-install": "stripe-connect-app-install",
-  "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart",
-  "check-scanning": "stripe-connect-check-scanning",
-  "agentic-commerce-settings": "stripe-connect-agentic-commerce-settings",
-  "terminal-hardware-orders": "stripe-connect-terminal-hardware-orders",
-  "terminal-hardware-shop": "stripe-connect-terminal-hardware-shop",
-  "network-cost-passthrough-report":
-    "stripe-connect-network-cost-passthrough-report",
-  "balance-report": "stripe-connect-balance-report",
-  "payout-reconciliation-report": "stripe-connect-payout-reconciliation-report",
-  "recipients-list": "stripe-connect-recipients-list",
-  "financial-accounts": "stripe-connect-financial-accounts",
-  "financial-accounts-transactions":
-    "stripe-connect-financial-accounts-transactions",
-};
+export const componentNameMapping = connectElementTagNames.reduce(
+  (acc, name) => {
+    acc[name] = `stripe-connect-${name}`;
+    return acc;
+  },
+  {} as Record<ConnectElementTagName, ConnectElementHTMLName>
+);
 
 type StripeConnectInstanceExtended = StripeConnectInstance & {
   debugInstance: () => Promise<StripeConnectInstance>;
 };
 
-interface StripeConnectWrapper {
-  initialize: (params: IStripeConnectInitParams) => StripeConnectInstance;
-}
-
-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";
-
-export const findScript = (): HTMLScriptElement | null => {
-  return (
-    document.querySelectorAll<HTMLScriptElement>(
-      `script[src="${V0_URL}"]`
-    )[0] ||
-    document.querySelectorAll<HTMLScriptElement>(
-      `script[src="${V1_URL}"]`
-    )[0] ||
-    null
-  );
-};
-
-const injectScript = (): HTMLScriptElement => {
-  const script = document.createElement("script");
-  script.src = V1_URL;
-
-  const head = document.head;
-
-  if (!head) {
-    throw new Error(
-      "Expected document.head not to be null. Connect.js requires a <head> element."
-    );
-  }
-
-  document.head.appendChild(script);
-
-  return script;
-};
-
 let stripePromise: Promise<StripeConnectWrapper> | null = null;
 
 export const isWindowStripeConnectDefined = (stripeConnect: unknown) => {

package/src/pure.test.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 
-import type { IStripeConnectInitParams } from "../types";
+import type { IStripeConnectInitParams } from "./exportedTypes/shared";
 import { SCRIPT_SELECTOR } from "./utils/jestHelpers";
 
 describe("pure module", () => {