@stripe/connect-js 3.3.13-beta-1 → 3.3.14-beta-1

package/dist/connect.esm.js

@@ -1,5 +1,9 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
+const ConnectElementCommonMethodConfig = {
+  setOnLoadError: _listener => {},
+  setOnLoaderStart: _listener => {}
+};
 const ConnectElementCustomMethodConfig = {
   "payment-details": {
     setPayment: _payment => {},
@@ -153,15 +157,14 @@ const initStripeConnect = (stripePromise, initParams) => {
         htmlName = tagName;
       }
       const element = document.createElement(htmlName);
-      if (hasCustomMethod(tagName)) {
-        const methods = ConnectElementCustomMethodConfig[tagName];
-        for (const method in methods) {
-          element[method] = function (value) {
-            stripeConnectInstance.then(() => {
-              this[`${method}InternalOnly`](value);
-            });
-          };
-        }
+      const customMethods = hasCustomMethod(tagName) ? ConnectElementCustomMethodConfig[tagName] : {};
+      const methods = Object.assign(Object.assign({}, customMethods), ConnectElementCommonMethodConfig);
+      for (const method in methods) {
+        element[method] = function (value) {
+          stripeConnectInstance.then(() => {
+            this[`${method}InternalOnly`](value);
+          });
+        };
       }
       stripeConnectInstance.then(instance => {
         if (!element.isConnected && !element.setConnector) {
@@ -211,7 +214,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.13-beta-1"
+            sdkVersion: "3.3.14-beta-1"
           }
         })
       }));

package/dist/connect.js

@@ -4,6 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 /* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
+const ConnectElementCommonMethodConfig = {
+  setOnLoadError: _listener => {},
+  setOnLoaderStart: _listener => {}
+};
 const ConnectElementCustomMethodConfig = {
   "payment-details": {
     setPayment: _payment => {},
@@ -157,15 +161,14 @@ const initStripeConnect = (stripePromise, initParams) => {
         htmlName = tagName;
       }
       const element = document.createElement(htmlName);
-      if (hasCustomMethod(tagName)) {
-        const methods = ConnectElementCustomMethodConfig[tagName];
-        for (const method in methods) {
-          element[method] = function (value) {
-            stripeConnectInstance.then(() => {
-              this[`${method}InternalOnly`](value);
-            });
-          };
-        }
+      const customMethods = hasCustomMethod(tagName) ? ConnectElementCustomMethodConfig[tagName] : {};
+      const methods = Object.assign(Object.assign({}, customMethods), ConnectElementCommonMethodConfig);
+      for (const method in methods) {
+        element[method] = function (value) {
+          stripeConnectInstance.then(() => {
+            this[`${method}InternalOnly`](value);
+          });
+        };
       }
       stripeConnectInstance.then(instance => {
         if (!element.isConnected && !element.setConnector) {
@@ -215,7 +218,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.13-beta-1"
+            sdkVersion: "3.3.14-beta-1"
           }
         })
       }));

package/dist/pure.esm.js

@@ -1,5 +1,9 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
+const ConnectElementCommonMethodConfig = {
+  setOnLoadError: _listener => {},
+  setOnLoaderStart: _listener => {}
+};
 const ConnectElementCustomMethodConfig = {
   "payment-details": {
     setPayment: _payment => {},
@@ -153,15 +157,14 @@ const initStripeConnect = (stripePromise, initParams) => {
         htmlName = tagName;
       }
       const element = document.createElement(htmlName);
-      if (hasCustomMethod(tagName)) {
-        const methods = ConnectElementCustomMethodConfig[tagName];
-        for (const method in methods) {
-          element[method] = function (value) {
-            stripeConnectInstance.then(() => {
-              this[`${method}InternalOnly`](value);
-            });
-          };
-        }
+      const customMethods = hasCustomMethod(tagName) ? ConnectElementCustomMethodConfig[tagName] : {};
+      const methods = Object.assign(Object.assign({}, customMethods), ConnectElementCommonMethodConfig);
+      for (const method in methods) {
+        element[method] = function (value) {
+          stripeConnectInstance.then(() => {
+            this[`${method}InternalOnly`](value);
+          });
+        };
       }
       stripeConnectInstance.then(instance => {
         if (!element.isConnected && !element.setConnector) {
@@ -211,7 +214,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.13-beta-1"
+            sdkVersion: "3.3.14-beta-1"
           }
         })
       }));

package/dist/pure.js

@@ -4,6 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 /* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
+const ConnectElementCommonMethodConfig = {
+  setOnLoadError: _listener => {},
+  setOnLoaderStart: _listener => {}
+};
 const ConnectElementCustomMethodConfig = {
   "payment-details": {
     setPayment: _payment => {},
@@ -157,15 +161,14 @@ const initStripeConnect = (stripePromise, initParams) => {
         htmlName = tagName;
       }
       const element = document.createElement(htmlName);
-      if (hasCustomMethod(tagName)) {
-        const methods = ConnectElementCustomMethodConfig[tagName];
-        for (const method in methods) {
-          element[method] = function (value) {
-            stripeConnectInstance.then(() => {
-              this[`${method}InternalOnly`](value);
-            });
-          };
-        }
+      const customMethods = hasCustomMethod(tagName) ? ConnectElementCustomMethodConfig[tagName] : {};
+      const methods = Object.assign(Object.assign({}, customMethods), ConnectElementCommonMethodConfig);
+      for (const method in methods) {
+        element[method] = function (value) {
+          stripeConnectInstance.then(() => {
+            this[`${method}InternalOnly`](value);
+          });
+        };
       }
       stripeConnectInstance.then(instance => {
         if (!element.isConnected && !element.setConnector) {
@@ -215,7 +218,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.3.13-beta-1"
+            sdkVersion: "3.3.14-beta-1"
           }
         })
       }));

package/dist/types/config.d.ts

@@ -18,6 +18,46 @@ export type InstallState = {
     appId: string;
     state: "INSTALLED" | "UNINSTALLED";
 };
+export type LoaderStart = {
+    elementTagName: string;
+};
+export type LoadError = {
+    elementTagName: string;
+    error: EmbeddedError;
+};
+export type EmbeddedError = {
+    type: EmbeddedErrorType;
+    message?: string;
+};
+export type EmbeddedErrorType = 
+/**
+ * Failure to connect to Stripe's API.
+ */
+"api_connection_error"
+/**
+ * Failure to perform the authentication flow within Connect Embedded Components
+ */
+ | "authentication_error"
+/**
+ * Account session create failed
+ */
+ | "account_session_create_error"
+/**
+ * Request failed with an 4xx status code, typically caused by platform configuration issues
+ */
+ | "invalid_request_error"
+/**
+ * Too many requests hit the API too quickly.
+ */
+ | "rate_limit_error"
+/**
+ * API errors covering any other type of problem (e.g., a temporary problem with Stripe's servers), and are extremely uncommon.
+ */
+ | "api_error";
+export declare const ConnectElementCommonMethodConfig: {
+    setOnLoadError: (_listener: (({ error, elementTagName }: LoadError) => void) | undefined) => void;
+    setOnLoaderStart: (_listener: (({ elementTagName }: LoaderStart) => void) | undefined) => void;
+};
 export declare const ConnectElementCustomMethodConfig: {
     "payment-details": {
         setPayment: (_payment: string | undefined) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/connect-js",
-  "version": "3.3.13-beta-1",
+  "version": "3.3.14-beta-1",
   "description": "Connect.js loading utility package",
   "main": "dist/connect.js",
   "module": "dist/connect.esm.js",

package/src/shared.ts

@@ -4,7 +4,10 @@ import {
   ConnectElementTagName,
   ConnectHTMLElementRecord
 } from "../types";
-import { ConnectElementCustomMethodConfig } from "../types/config";
+import {
+  ConnectElementCommonMethodConfig,
+  ConnectElementCustomMethodConfig
+} from "../types/config";
 
 export type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
@@ -189,15 +192,16 @@ export const initStripeConnect = (
       }
       const element = document.createElement(htmlName);
 
-      if (hasCustomMethod(tagName)) {
-        const methods = ConnectElementCustomMethodConfig[tagName];
-        for (const method in methods) {
-          (element as any)[method] = function(value: any) {
-            stripeConnectInstance.then(() => {
-              this[`${method}InternalOnly`](value);
-            });
-          };
-        }
+      const customMethods = hasCustomMethod(tagName)
+        ? ConnectElementCustomMethodConfig[tagName]
+        : {};
+      const methods = { ...customMethods, ...ConnectElementCommonMethodConfig };
+      for (const method in methods) {
+        (element as any)[method] = function(value: any) {
+          stripeConnectInstance.then(() => {
+            this[`${method}InternalOnly`](value);
+          });
+        };
       }
 
       stripeConnectInstance.then(instance => {

package/types/config.ts

@@ -25,6 +25,55 @@ export type InstallState = {
   state: "INSTALLED" | "UNINSTALLED";
 };
 
+export type LoaderStart = {
+  elementTagName: string;
+};
+
+export type LoadError = {
+  elementTagName: string;
+  error: EmbeddedError;
+};
+
+export type EmbeddedError = {
+  type: EmbeddedErrorType;
+  message?: string;
+};
+
+export type EmbeddedErrorType =
+  /**
+   * Failure to connect to Stripe's API.
+   */
+  | "api_connection_error"
+  /**
+   * Failure to perform the authentication flow within Connect Embedded Components
+   */
+  | "authentication_error"
+  /**
+   * Account session create failed
+   */
+  | "account_session_create_error"
+  /**
+   * Request failed with an 4xx status code, typically caused by platform configuration issues
+   */
+  | "invalid_request_error"
+  /**
+   * Too many requests hit the API too quickly.
+   */
+  | "rate_limit_error"
+  /**
+   * API errors covering any other type of problem (e.g., a temporary problem with Stripe's servers), and are extremely uncommon.
+   */
+  | "api_error";
+
+export const ConnectElementCommonMethodConfig = {
+  setOnLoadError: (
+    _listener: (({ error, elementTagName }: LoadError) => void) | undefined
+  ): void => {},
+  setOnLoaderStart: (
+    _listener: (({ elementTagName }: LoaderStart) => void) | undefined
+  ): void => {}
+};
+
 export const ConnectElementCustomMethodConfig = {
   "payment-details": {
     setPayment: (_payment: string | undefined): void => {},

package/types/shared.d.ts

@@ -1,5 +1,7 @@
-import { ConnectElementCustomMethodConfig } from "./config";
-
+import {
+  ConnectElementCustomMethodConfig,
+  ConnectElementCommonMethodConfig
+} from "./config";
 export declare type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
 ) => StripeConnectInstance;
@@ -412,12 +414,14 @@ export interface IStripeConnectInitParams {
 }
 
 type ConnectElementCustomMethods = typeof ConnectElementCustomMethodConfig;
+type ConnectElementCommonMethods = typeof ConnectElementCommonMethodConfig;
 
 export type ConnectHTMLElementRecord = {
   [K in keyof ConnectElementCustomMethods]: HTMLElement &
-    ConnectElementCustomMethods[K];
+    ConnectElementCustomMethods[K] &
+    ConnectElementCommonMethods;
 } & {
-  [key: string]: HTMLElement;
+  [key: string]: HTMLElement & ConnectElementCommonMethods;
 };
 
 export interface StripeConnectInstance {