@stripe/connect-js 3.3.30-preview-1 → 3.3.31-preview-1

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

@@ -283,7 +283,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.30-preview-1"
+            sdkVersion: "3.3.31-preview-1"
           }
         })
       }));

package/dist/connect.js

@@ -287,7 +287,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.30-preview-1"
+            sdkVersion: "3.3.31-preview-1"
           }
         })
       }));

package/dist/pure.esm.js

@@ -283,7 +283,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.30-preview-1"
+            sdkVersion: "3.3.31-preview-1"
           }
         })
       }));

package/dist/pure.js

@@ -287,7 +287,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.30-preview-1"
+            sdkVersion: "3.3.31-preview-1"
           }
         })
       }));

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,4 +1,4 @@
-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-payment-disputes" | "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-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-app-install" | "stripe-connect-app-viewport" | "stripe-connect-reporting-chart";
 export declare const componentNameMapping: Record<ConnectElementTagName, ConnectElementHTMLName>;

package/dist/types/config.d.ts

@@ -176,7 +176,7 @@ export declare const ConnectElementCustomMethodConfig: {
     "capital-financing-promotion": {
         setLayout: (_layout: FinancingPromotionLayoutType | undefined) => void;
         setOnApplicationSubmitted: (_listener: (() => void) | undefined) => void;
-        setOnEligibleFinancingOfferLoaded: (_listener: (({ productType, activeFinancingCount }: FinancingProductType) => 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;
@@ -204,9 +204,7 @@ export declare const ConnectElementCustomMethodConfig: {
         setDisplayCountries: (_countries: string[] | undefined) => void;
     };
     "product-tax-code-selector": {
-        setOnTaxCodeSelect: (_listener: (({ taxCode }: {
-            taxCode: string;
-        }) => void) | undefined) => void;
+        setOnTaxCodeSelect: (_listener: ((taxCode: string) => void) | undefined) => void;
         setHideDescription: (_hideDescription: boolean | undefined) => void;
         setDisabled: (_disabled: boolean | undefined) => void;
         setInitialTaxCode: (_initialTaxCode: string | undefined) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/connect-js",
-  "version": "3.3.30-preview-1",
+  "version": "3.3.31-preview-1",
   "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,19 +46,22 @@
     "@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-plugin-babel": "^4.4.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,12 +1,12 @@
-import {
+import type {
   IStripeConnectInitParams,
   StripeConnectInstance,
   ConnectElementTagName,
-  ConnectHTMLElementRecord
+  ConnectHTMLElementRecord,
 } from "../types";
 import {
   ConnectElementCommonMethodConfig,
-  ConnectElementCustomMethodConfig
+  ConnectElementCustomMethodConfig,
 } from "../types/config";
 
 export type LoadConnectAndInitialize = (
@@ -78,7 +78,7 @@ export const componentNameMapping: Record<
   "payouts-list": "stripe-connect-payouts-list",
   "app-install": "stripe-connect-app-install",
   "app-viewport": "stripe-connect-app-viewport",
-  "reporting-chart": "stripe-connect-reporting-chart"
+  "reporting-chart": "stripe-connect-reporting-chart",
 };
 
 type StripeConnectInstanceExtended = StripeConnectInstance & {
@@ -196,18 +196,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);
 
@@ -216,14 +216,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
@@ -251,8 +251,8 @@ export const initStripeConnect = (
 
       return element as ConnectHTMLElementRecord[typeof tagName];
     },
-    update: updateOptions => {
-      stripeConnectInstance.then(instance => {
+    update: (updateOptions) => {
+      stripeConnectInstance.then((instance) => {
         instance.update(updateOptions);
       });
     },
@@ -260,10 +260,10 @@ export const initStripeConnect = (
       return stripeConnectInstance;
     },
     logout: () => {
-      return stripeConnectInstance.then(instance => {
+      return stripeConnectInstance.then((instance) => {
         return instance.logout();
       });
-    }
+    },
   };
 };
 
@@ -280,12 +280,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

@@ -202,24 +202,24 @@ export const ConnectElementCommonMethodConfig = {
   ): void => {},
   setOnLoaderStart: (
     _listener: (({ elementTagName }: LoaderStart) => void) | undefined
-  ): void => {}
+  ): void => {},
 };
 
 export const ConnectElementCustomMethodConfig = {
   payments: {
     setDefaultFilters: (
       _filters: PaymentsListDefaultFilters | undefined
-    ): void => {}
+    ): void => {},
   },
   "payment-details": {
     setPayment: (_payment: string | undefined): void => {},
-    setOnClose: (_listener: (() => void) | undefined): void => {}
+    setOnClose: (_listener: (() => void) | undefined): void => {},
   },
   "payment-disputes": {
     setPayment: (_payment: string | undefined): void => {},
     setOnDisputesLoaded: (
       _listener: (({ total }: { total: number }) => void) | undefined
-    ): void => {}
+    ): void => {},
   },
   "account-onboarding": {
     setFullTermsOfServiceUrl: (
@@ -238,12 +238,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: (
@@ -253,7 +253,7 @@ export const ConnectElementCustomMethodConfig = {
       _listener:
         | (({ total, actionRequired }: NotificationCount) => void)
         | undefined
-    ): void => {}
+    ): void => {},
   },
   "issuing-card": {
     setDefaultCard: (_defaultCard: string | undefined): void => {},
@@ -261,23 +261,23 @@ 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 => {}
+    setFinancialAccount: (_financialAccount: string): void => {},
   },
   recipients: {
-    setDataSource: (_dataSource: RecipientDataSource): void => {}
+    setDataSource: (_dataSource: RecipientDataSource): void => {},
   },
   "app-install": {
     setApp: (_app: string | undefined): void => {},
@@ -286,16 +286,16 @@ export const ConnectElementCustomMethodConfig = {
     ): void => {},
     setOnAppInstallStateChanged: (
       _listener: (({ appId, state }: InstallState) => void) | undefined
-    ): void => {}
+    ): void => {},
   },
   "app-viewport": {
     setApp: (_app: string | undefined): void => {},
-    setAppData: (_appData: Record<string, string> | undefined): void => {}
+    setAppData: (_appData: Record<string, string> | undefined): void => {},
   },
   "payment-method-settings": {
     setPaymentMethodConfiguration: (
       _paymentMethodConfiguration: string | undefined
-    ): void => {}
+    ): void => {},
   },
   "capital-financing": {
     setDefaultFinancingOffer: (
@@ -310,14 +310,16 @@ export const ConnectElementCustomMethodConfig = {
     setSupportUrl: (_supportUrl: string | undefined): void => {},
     setOnFinancingsLoaded: (
       _listener: (({ total }: { total: number }) => void) | undefined
-    ): void => {}
+    ): void => {},
   },
   "capital-financing-application": {
     setOnApplicationSubmitted: (
       _listener: (() => void) | undefined
     ): void => {},
     setPrivacyPolicyUrl: (_privacyPolicyUrl: string | undefined): void => {},
-    setHowCapitalWorksUrl: (_howCapitalWorksUrl: string | undefined): void => {}
+    setHowCapitalWorksUrl: (
+      _howCapitalWorksUrl: string | undefined
+    ): void => {},
   },
   "capital-financing-promotion": {
     setLayout: (_layout: FinancingPromotionLayoutType | undefined): void => {},
@@ -328,7 +330,7 @@ export const ConnectElementCustomMethodConfig = {
       _listener:
         | (({
             productType,
-            activeFinancingCount
+            activeFinancingCount,
           }: FinancingProductType) => void)
         | undefined
     ): void => {},
@@ -338,13 +340,13 @@ export const ConnectElementCustomMethodConfig = {
     ): void => {},
     setEligibilityCriteriaUrl: (
       _eligibilityCriteriaUrl: string | undefined
-    ): void => {}
+    ): void => {},
   },
   "reporting-chart": {
     setReportName: (_reportName: ReportName): void => {},
     setIntervalStart: (_intervalStart: Date | undefined): void => {},
     setIntervalEnd: (_intervalEnd: Date | undefined): void => {},
-    setIntervalType: (_intervalType: IntervalType | undefined): void => {}
+    setIntervalType: (_intervalType: IntervalType | undefined): void => {},
   },
   "tax-settings": {
     setHideProductTaxCodeSelector: (_hidden: boolean | undefined): void => {},
@@ -353,24 +355,24 @@ 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 => {},
   },
   "tax-threshold-monitoring": {
-    setDisplayCountries: (_countries: string[] | undefined): void => {}
+    setDisplayCountries: (_countries: string[] | undefined): void => {},
   },
   "product-tax-code-selector": {
     setOnTaxCodeSelect: (
-      _listener: (({ taxCode }: { taxCode: string }) => void) | undefined
+      _listener: ((taxCode: string) => void) | undefined
     ): void => {},
     setHideDescription: (_hideDescription: boolean | undefined): void => {},
     setDisabled: (_disabled: boolean | undefined): void => {},
-    setInitialTaxCode: (_initialTaxCode: string | undefined): void => {}
+    setInitialTaxCode: (_initialTaxCode: string | undefined): void => {},
   },
-  "export-tax-transactions": {}
+  "export-tax-transactions": {},
 };

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,6 +1,6 @@
-import {
+import type {
   ConnectElementCustomMethodConfig,
-  ConnectElementCommonMethodConfig
+  ConnectElementCommonMethodConfig,
 } from "./config";
 export declare type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams