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

package/dist/types/config.d.ts

@@ -10,14 +10,38 @@ export type CollectionOptions = {
     fields: "currently_due" | "eventually_due";
     futureRequirements?: "omit" | "include";
 };
+export type Status = "blocked" | "canceled" | "disputed" | "early_fraud_warning" | "failed" | "incomplete" | "partially_refunded" | "pending" | "refund_pending" | "refunded" | "successful" | "uncaptured";
+export type PaymentMethod = "ach_credit_transfer" | "ach_debit" | "acss_debit" | "affirm" | "afterpay_clearpay" | "alipay" | "alma" | "amazon_pay" | "amex_express_checkout" | "android_pay" | "apple_pay" | "au_becs_debit" | "nz_bank_account" | "bancontact" | "bacs_debit" | "bitcoin_source" | "bitcoin" | "blik" | "boleto" | "boleto_pilot" | "card_present" | "card" | "cashapp" | "crypto" | "customer_balance" | "demo_pay" | "dummy_passthrough_card" | "gbp_credit_transfer" | "google_pay" | "eps" | "fpx" | "giropay" | "grabpay" | "ideal" | "id_bank_transfer" | "id_credit_transfer" | "jp_credit_transfer" | "interac_present" | "kakao_pay" | "klarna" | "konbini" | "kr_card" | "kr_market" | "link" | "masterpass" | "mb_way" | "meta_pay" | "multibanco" | "mobilepay" | "naver_pay" | "netbanking" | "ng_bank" | "ng_bank_transfer" | "ng_card" | "ng_market" | "ng_ussd" | "vipps" | "oxxo" | "p24" | "payto" | "pay_by_bank" | "paper_check" | "payco" | "paynow" | "paypal" | "pix" | "promptpay" | "revolut_pay" | "samsung_pay" | "sepa_credit_transfer" | "sepa_debit" | "sofort" | "south_korea_market" | "swish" | "three_d_secure" | "three_d_secure_2" | "three_d_secure_2_eap" | "twint" | "upi" | "us_bank_account" | "visa_checkout" | "wechat" | "wechat_pay" | "zip";
+export type PaymentsListDefaultFilters = {
+    amount?: {
+        equals: number;
+    } | {
+        greaterThan: number;
+    } | {
+        lessThan: number;
+    } | {
+        between: {
+            lowerBound: number;
+            upperBound: number;
+        };
+    };
+    date?: {
+        before: Date;
+    } | {
+        after: Date;
+    } | {
+        between: {
+            start: Date;
+            end: Date;
+        };
+    };
+    status?: Array<Status>;
+    paymentMethod?: PaymentMethod;
+};
 export type NotificationCount = {
     total: number;
     actionRequired: number;
 };
-export type InstallState = {
-    appId: string;
-    state: "INSTALLED" | "UNINSTALLED";
-};
 export type LoaderStart = {
     elementTagName: string;
 };
@@ -32,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.
@@ -69,10 +86,6 @@ export declare const ConnectElementCommonMethodConfig: {
     setOnLoaderStart: (_listener: (({ elementTagName }: LoaderStart) => void) | undefined) => void;
 };
 export declare const ConnectElementCustomMethodConfig: {
-    "payment-details": {
-        setPayment: (_payment: string | undefined) => void;
-        setOnClose: (_listener: (() => void) | undefined) => void;
-    };
     "account-onboarding": {
         setFullTermsOfServiceUrl: (_termOfServiceUrl: string | undefined) => void;
         setRecipientTermsOfServiceUrl: (_recipientTermsOfServiceUrl: string | undefined) => void;
@@ -106,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;
+    payments: {
+        setDefaultFilters: (_filters: PaymentsListDefaultFilters | 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;
-    };
-    "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-1",
+  "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;