@stripe/connect-js 3.0.0 → 3.0.1

package/dist/connect.esm.js

@@ -1,3 +1,15 @@
+/* eslint-disable @typescript-eslint/no-empty-function */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+const ConnectElementCustomMethodConfig = {
+  "account-onboarding": {
+    setFullTermsOfServiceUrl: termOfServiceUrl => {},
+    setRecipientTermsOfServiceUrl: recipientTermsOfServiceUrl => {},
+    setPrivacyPolicyUrl: privacyPolicyUrl => {},
+    setSkipTermsOfServiceCollection: skipTermsOfServiceCollection => {},
+    setOnExit: listener => {}
+  }
+};
+
 const componentNameMapping = {
   "account-onboarding": "stripe-connect-account-onboarding"
 };
@@ -59,6 +71,9 @@ const loadScript = () => {
   });
   return stripePromise;
 };
+const hasCustomMethod = tagName => {
+  return tagName in ConnectElementCustomMethodConfig;
+};
 const initStripeConnect = (stripePromise, initParams) => {
   const stripeConnectInstance = stripePromise.then(wrapper => wrapper.initialize(initParams));
   return {
@@ -68,6 +83,16 @@ 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);
+            });
+          };
+        }
+      }
       stripeConnectInstance.then(instance => {
         element.setConnector(instance.connect);
       });
@@ -100,7 +125,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.0.0"
+            sdkVersion: "3.0.1"
           }
         })
       }));

package/dist/connect.js

@@ -2,6 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/* eslint-disable @typescript-eslint/no-empty-function */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+const ConnectElementCustomMethodConfig = {
+  "account-onboarding": {
+    setFullTermsOfServiceUrl: termOfServiceUrl => {},
+    setRecipientTermsOfServiceUrl: recipientTermsOfServiceUrl => {},
+    setPrivacyPolicyUrl: privacyPolicyUrl => {},
+    setSkipTermsOfServiceCollection: skipTermsOfServiceCollection => {},
+    setOnExit: listener => {}
+  }
+};
+
 const componentNameMapping = {
   "account-onboarding": "stripe-connect-account-onboarding"
 };
@@ -63,6 +75,9 @@ const loadScript = () => {
   });
   return stripePromise;
 };
+const hasCustomMethod = tagName => {
+  return tagName in ConnectElementCustomMethodConfig;
+};
 const initStripeConnect = (stripePromise, initParams) => {
   const stripeConnectInstance = stripePromise.then(wrapper => wrapper.initialize(initParams));
   return {
@@ -72,6 +87,16 @@ 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);
+            });
+          };
+        }
+      }
       stripeConnectInstance.then(instance => {
         element.setConnector(instance.connect);
       });
@@ -104,7 +129,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.0.0"
+            sdkVersion: "3.0.1"
           }
         })
       }));

package/dist/pure.esm.js

@@ -1,3 +1,15 @@
+/* eslint-disable @typescript-eslint/no-empty-function */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+const ConnectElementCustomMethodConfig = {
+  "account-onboarding": {
+    setFullTermsOfServiceUrl: termOfServiceUrl => {},
+    setRecipientTermsOfServiceUrl: recipientTermsOfServiceUrl => {},
+    setPrivacyPolicyUrl: privacyPolicyUrl => {},
+    setSkipTermsOfServiceCollection: skipTermsOfServiceCollection => {},
+    setOnExit: listener => {}
+  }
+};
+
 const componentNameMapping = {
   "account-onboarding": "stripe-connect-account-onboarding"
 };
@@ -59,6 +71,9 @@ const loadScript = () => {
   });
   return stripePromise;
 };
+const hasCustomMethod = tagName => {
+  return tagName in ConnectElementCustomMethodConfig;
+};
 const initStripeConnect = (stripePromise, initParams) => {
   const stripeConnectInstance = stripePromise.then(wrapper => wrapper.initialize(initParams));
   return {
@@ -68,6 +83,16 @@ 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);
+            });
+          };
+        }
+      }
       stripeConnectInstance.then(instance => {
         element.setConnector(instance.connect);
       });
@@ -100,7 +125,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.0.0"
+            sdkVersion: "3.0.1"
           }
         })
       }));

package/dist/pure.js

@@ -2,6 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/* eslint-disable @typescript-eslint/no-empty-function */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+const ConnectElementCustomMethodConfig = {
+  "account-onboarding": {
+    setFullTermsOfServiceUrl: termOfServiceUrl => {},
+    setRecipientTermsOfServiceUrl: recipientTermsOfServiceUrl => {},
+    setPrivacyPolicyUrl: privacyPolicyUrl => {},
+    setSkipTermsOfServiceCollection: skipTermsOfServiceCollection => {},
+    setOnExit: listener => {}
+  }
+};
+
 const componentNameMapping = {
   "account-onboarding": "stripe-connect-account-onboarding"
 };
@@ -63,6 +75,9 @@ const loadScript = () => {
   });
   return stripePromise;
 };
+const hasCustomMethod = tagName => {
+  return tagName in ConnectElementCustomMethodConfig;
+};
 const initStripeConnect = (stripePromise, initParams) => {
   const stripeConnectInstance = stripePromise.then(wrapper => wrapper.initialize(initParams));
   return {
@@ -72,6 +87,16 @@ 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);
+            });
+          };
+        }
+      }
       stripeConnectInstance.then(instance => {
         element.setConnector(instance.connect);
       });
@@ -104,7 +129,7 @@ const createWrapper = stripeConnect => {
           sdk: true,
           sdkOptions: {
             // This will be replaced by the npm package version when bundling
-            sdkVersion: "3.0.0"
+            sdkVersion: "3.0.1"
           }
         })
       }));

package/dist/types/config.d.ts

@@ -0,0 +1,9 @@
+export declare const ConnectElementCustomMethodConfig: {
+    "account-onboarding": {
+        setFullTermsOfServiceUrl: (termOfServiceUrl: string | undefined) => void;
+        setRecipientTermsOfServiceUrl: (recipientTermsOfServiceUrl: string | undefined) => void;
+        setPrivacyPolicyUrl: (privacyPolicyUrl: string | undefined) => void;
+        setSkipTermsOfServiceCollection: (skipTermsOfServiceCollection: boolean | undefined) => void;
+        setOnExit: (listener: (() => void) | undefined) => void;
+    };
+};

package/package.json

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

package/src/shared.ts

@@ -4,6 +4,7 @@ import {
   ConnectElementTagName,
   ConnectHTMLElementRecord
 } from "../types";
+import { ConnectElementCustomMethodConfig } from "../types/config";
 
 export type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
@@ -108,6 +109,12 @@ export const loadScript = (): Promise<StripeConnectWrapper> => {
   return stripePromise;
 };
 
+const hasCustomMethod = (
+  tagName: ConnectElementTagName
+): tagName is keyof typeof ConnectElementCustomMethodConfig => {
+  return tagName in ConnectElementCustomMethodConfig;
+};
+
 export const initStripeConnect = (
   stripePromise: Promise<StripeConnectWrapper>,
   initParams: IStripeConnectInitParams
@@ -123,6 +130,18 @@ export const initStripeConnect = (
         htmlName = (tagName as unknown) as ConnectElementHTMLName;
       }
       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);
+            });
+          };
+        }
+      }
+
       stripeConnectInstance.then(instance => {
         (element as any).setConnector((instance as any).connect);
       });

package/types/config.ts

@@ -0,0 +1,27 @@
+import { ConnectElementTagName } from "./shared.d";
+
+/* eslint-disable @typescript-eslint/no-empty-function */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+export const ConnectElementCustomMethodConfig = {
+  "account-onboarding": {
+    setFullTermsOfServiceUrl: (
+      termOfServiceUrl: string | undefined
+    ): void => {},
+    setRecipientTermsOfServiceUrl: (
+      recipientTermsOfServiceUrl: string | undefined
+    ): void => {},
+    setPrivacyPolicyUrl: (privacyPolicyUrl: string | undefined): void => {},
+    setSkipTermsOfServiceCollection: (
+      skipTermsOfServiceCollection: boolean | undefined
+    ): void => {},
+    setOnExit: (listener: (() => void) | undefined): void => {}
+  }
+};
+
+// ensure that keys of ConnectElementCustomMethodConfig are from ConnectElementTagName
+type HasType<T, Q extends T> = Q;
+type CustomMethodConfigValidation = HasType<
+  ConnectElementTagName,
+  keyof typeof ConnectElementCustomMethodConfig
+>;

package/types/shared.d.ts

@@ -1,3 +1,5 @@
+import { ConnectElementCustomMethodConfig } from "./config";
+
 export declare type LoadConnectAndInitialize = (
   initParams: IStripeConnectInitParams
 ) => StripeConnectInstance;
@@ -354,28 +356,14 @@ export interface IStripeConnectInitParams {
   locale?: string;
 }
 
-type ConnectHTMLElementRecordFallback = {
-  [key in string]: HTMLElement | null;
-};
-type ConnectHTMLElementRecordBase = {
-  [tagName in ConnectElementTagName]: HTMLElement;
-};
+type ConnectElementCustomMethods = typeof ConnectElementCustomMethodConfig;
 
-interface ConnectHTMLElementRecord
-  extends ConnectHTMLElementRecordBase,
-    ConnectHTMLElementRecordFallback {
-  "account-onboarding": HTMLElement & {
-    setFullTermsOfServiceUrl: (termOfServiceUrl: string | undefined) => void;
-    setRecipientTermsOfServiceUrl: (
-      recipientTermsOfServiceUrl: string | undefined
-    ) => void;
-    setPrivacyPolicyUrl: (privacyPolicyUrl: string | undefined) => void;
-    setSkipTermsOfServiceCollection: (
-      skipTermsOfServiceCollection: boolean | undefined
-    ) => void;
-    setOnExit: (listener: () => void) => void;
-  };
-}
+type ConnectHTMLElementRecord = {
+  [K in keyof ConnectElementCustomMethods]: HTMLElement &
+    ConnectElementCustomMethods[K];
+} & {
+  [key: string]: HTMLElement;
+};
 
 export interface StripeConnectInstance {
   /**