@stripe/connect-js 1.0.7 → 1.0.9

package/dist/connect.esm.js

@@ -0,0 +1,111 @@
+var version = "1.0.9";
+
+const componentNameMapping = {
+  payments: "stripe-connect-payments",
+  payouts: "stripe-connect-payouts",
+  "payment-details": "stripe-connect-payment-details",
+  "account-onboarding": "stripe-connect-account-onboarding"
+};
+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 findScript = () => {
+  return document.querySelectorAll(`script[src="${V0_URL}"]`)[0];
+};
+const injectScript = () => {
+  const script = document.createElement("script");
+  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
+  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 = null;
+const loadScript = () => {
+  // Ensure that we only attempt to load Connect.js at most once
+  if (stripePromise !== null) {
+    return stripePromise;
+  }
+  stripePromise = new Promise((resolve, reject) => {
+    if (window.StripeConnect) {
+      console.warn(EXISTING_SCRIPT_MESSAGE);
+    }
+    if (window.StripeConnect) {
+      const wrapper = createWrapper(window.StripeConnect);
+      resolve(wrapper);
+      return;
+    }
+    try {
+      let script = findScript();
+      if (script) {
+        console.warn(EXISTING_SCRIPT_MESSAGE);
+      } else if (!script) {
+        script = injectScript();
+      }
+      script.addEventListener("load", () => {
+        if (window.StripeConnect) {
+          const wrapper = createWrapper(window.StripeConnect);
+          resolve(wrapper);
+        } else {
+          reject(new Error("Connect.js did not load the necessary objects"));
+        }
+      });
+      script.addEventListener("error", () => {
+        reject(new Error("Failed to load Connect.js"));
+      });
+    } catch (error) {
+      reject(error);
+    }
+  });
+  return stripePromise;
+};
+const initStripeConnect = stripeConnectPromise => {
+  if (stripeConnectPromise === null) {
+    return null;
+  }
+  return stripeConnectPromise;
+};
+const createWrapper = stripeConnect => {
+  const wrapper = {
+    initialize: params => {
+      var _a;
+      const metaOptions = (_a = params.metaOptions) !== null && _a !== void 0 ? _a : {};
+      const stripeConnectInstance = stripeConnect.init(Object.assign(Object.assign({}, params), {
+        metaOptions: Object.assign(Object.assign({}, metaOptions), {
+          sdk: true,
+          sdkOptions: {
+            sdkVersion: version
+          }
+        })
+      }));
+      // We wrap create so we can map its different strings to supported components
+      const oldCreate = stripeConnectInstance.create.bind(stripeConnectInstance);
+      stripeConnectInstance.create = tagName => {
+        let htmlName = componentNameMapping[tagName];
+        if (!htmlName) {
+          htmlName = tagName;
+        }
+        return oldCreate(htmlName);
+      };
+      return stripeConnectInstance;
+    }
+  };
+  return wrapper;
+};
+
+// Execute our own script injection after a tick to give users time to do their
+// own script injection.
+const stripePromise$1 = Promise.resolve().then(() => loadScript());
+let loadCalled = false;
+stripePromise$1.catch(err => {
+  if (!loadCalled) {
+    console.warn(err);
+  }
+});
+const loadConnect = () => {
+  loadCalled = true;
+  return stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
+};
+
+export { loadConnect };

package/dist/connect.js

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var version = "1.0.9";
+
+const componentNameMapping = {
+  payments: "stripe-connect-payments",
+  payouts: "stripe-connect-payouts",
+  "payment-details": "stripe-connect-payment-details",
+  "account-onboarding": "stripe-connect-account-onboarding"
+};
+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 findScript = () => {
+  return document.querySelectorAll(`script[src="${V0_URL}"]`)[0];
+};
+const injectScript = () => {
+  const script = document.createElement("script");
+  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
+  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 = null;
+const loadScript = () => {
+  // Ensure that we only attempt to load Connect.js at most once
+  if (stripePromise !== null) {
+    return stripePromise;
+  }
+  stripePromise = new Promise((resolve, reject) => {
+    if (window.StripeConnect) {
+      console.warn(EXISTING_SCRIPT_MESSAGE);
+    }
+    if (window.StripeConnect) {
+      const wrapper = createWrapper(window.StripeConnect);
+      resolve(wrapper);
+      return;
+    }
+    try {
+      let script = findScript();
+      if (script) {
+        console.warn(EXISTING_SCRIPT_MESSAGE);
+      } else if (!script) {
+        script = injectScript();
+      }
+      script.addEventListener("load", () => {
+        if (window.StripeConnect) {
+          const wrapper = createWrapper(window.StripeConnect);
+          resolve(wrapper);
+        } else {
+          reject(new Error("Connect.js did not load the necessary objects"));
+        }
+      });
+      script.addEventListener("error", () => {
+        reject(new Error("Failed to load Connect.js"));
+      });
+    } catch (error) {
+      reject(error);
+    }
+  });
+  return stripePromise;
+};
+const initStripeConnect = stripeConnectPromise => {
+  if (stripeConnectPromise === null) {
+    return null;
+  }
+  return stripeConnectPromise;
+};
+const createWrapper = stripeConnect => {
+  const wrapper = {
+    initialize: params => {
+      var _a;
+      const metaOptions = (_a = params.metaOptions) !== null && _a !== void 0 ? _a : {};
+      const stripeConnectInstance = stripeConnect.init(Object.assign(Object.assign({}, params), {
+        metaOptions: Object.assign(Object.assign({}, metaOptions), {
+          sdk: true,
+          sdkOptions: {
+            sdkVersion: version
+          }
+        })
+      }));
+      // We wrap create so we can map its different strings to supported components
+      const oldCreate = stripeConnectInstance.create.bind(stripeConnectInstance);
+      stripeConnectInstance.create = tagName => {
+        let htmlName = componentNameMapping[tagName];
+        if (!htmlName) {
+          htmlName = tagName;
+        }
+        return oldCreate(htmlName);
+      };
+      return stripeConnectInstance;
+    }
+  };
+  return wrapper;
+};
+
+// Execute our own script injection after a tick to give users time to do their
+// own script injection.
+const stripePromise$1 = Promise.resolve().then(() => loadScript());
+let loadCalled = false;
+stripePromise$1.catch(err => {
+  if (!loadCalled) {
+    console.warn(err);
+  }
+});
+const loadConnect = () => {
+  loadCalled = true;
+  return stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
+};
+
+exports.loadConnect = loadConnect;

package/dist/pure.esm.js

@@ -0,0 +1,101 @@
+var version = "1.0.9";
+
+const componentNameMapping = {
+  payments: "stripe-connect-payments",
+  payouts: "stripe-connect-payouts",
+  "payment-details": "stripe-connect-payment-details",
+  "account-onboarding": "stripe-connect-account-onboarding"
+};
+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 findScript = () => {
+  return document.querySelectorAll(`script[src="${V0_URL}"]`)[0];
+};
+const injectScript = () => {
+  const script = document.createElement("script");
+  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
+  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 = null;
+const loadScript = () => {
+  // Ensure that we only attempt to load Connect.js at most once
+  if (stripePromise !== null) {
+    return stripePromise;
+  }
+  stripePromise = new Promise((resolve, reject) => {
+    if (window.StripeConnect) {
+      console.warn(EXISTING_SCRIPT_MESSAGE);
+    }
+    if (window.StripeConnect) {
+      const wrapper = createWrapper(window.StripeConnect);
+      resolve(wrapper);
+      return;
+    }
+    try {
+      let script = findScript();
+      if (script) {
+        console.warn(EXISTING_SCRIPT_MESSAGE);
+      } else if (!script) {
+        script = injectScript();
+      }
+      script.addEventListener("load", () => {
+        if (window.StripeConnect) {
+          const wrapper = createWrapper(window.StripeConnect);
+          resolve(wrapper);
+        } else {
+          reject(new Error("Connect.js did not load the necessary objects"));
+        }
+      });
+      script.addEventListener("error", () => {
+        reject(new Error("Failed to load Connect.js"));
+      });
+    } catch (error) {
+      reject(error);
+    }
+  });
+  return stripePromise;
+};
+const initStripeConnect = stripeConnectPromise => {
+  if (stripeConnectPromise === null) {
+    return null;
+  }
+  return stripeConnectPromise;
+};
+const createWrapper = stripeConnect => {
+  const wrapper = {
+    initialize: params => {
+      var _a;
+      const metaOptions = (_a = params.metaOptions) !== null && _a !== void 0 ? _a : {};
+      const stripeConnectInstance = stripeConnect.init(Object.assign(Object.assign({}, params), {
+        metaOptions: Object.assign(Object.assign({}, metaOptions), {
+          sdk: true,
+          sdkOptions: {
+            sdkVersion: version
+          }
+        })
+      }));
+      // We wrap create so we can map its different strings to supported components
+      const oldCreate = stripeConnectInstance.create.bind(stripeConnectInstance);
+      stripeConnectInstance.create = tagName => {
+        let htmlName = componentNameMapping[tagName];
+        if (!htmlName) {
+          htmlName = tagName;
+        }
+        return oldCreate(htmlName);
+      };
+      return stripeConnectInstance;
+    }
+  };
+  return wrapper;
+};
+
+const loadConnect = () => {
+  return loadScript().then(maybeStripe => initStripeConnect(maybeStripe));
+};
+
+export { loadConnect };

package/dist/pure.js

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var version = "1.0.9";
+
+const componentNameMapping = {
+  payments: "stripe-connect-payments",
+  payouts: "stripe-connect-payouts",
+  "payment-details": "stripe-connect-payment-details",
+  "account-onboarding": "stripe-connect-account-onboarding"
+};
+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 findScript = () => {
+  return document.querySelectorAll(`script[src="${V0_URL}"]`)[0];
+};
+const injectScript = () => {
+  const script = document.createElement("script");
+  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
+  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 = null;
+const loadScript = () => {
+  // Ensure that we only attempt to load Connect.js at most once
+  if (stripePromise !== null) {
+    return stripePromise;
+  }
+  stripePromise = new Promise((resolve, reject) => {
+    if (window.StripeConnect) {
+      console.warn(EXISTING_SCRIPT_MESSAGE);
+    }
+    if (window.StripeConnect) {
+      const wrapper = createWrapper(window.StripeConnect);
+      resolve(wrapper);
+      return;
+    }
+    try {
+      let script = findScript();
+      if (script) {
+        console.warn(EXISTING_SCRIPT_MESSAGE);
+      } else if (!script) {
+        script = injectScript();
+      }
+      script.addEventListener("load", () => {
+        if (window.StripeConnect) {
+          const wrapper = createWrapper(window.StripeConnect);
+          resolve(wrapper);
+        } else {
+          reject(new Error("Connect.js did not load the necessary objects"));
+        }
+      });
+      script.addEventListener("error", () => {
+        reject(new Error("Failed to load Connect.js"));
+      });
+    } catch (error) {
+      reject(error);
+    }
+  });
+  return stripePromise;
+};
+const initStripeConnect = stripeConnectPromise => {
+  if (stripeConnectPromise === null) {
+    return null;
+  }
+  return stripeConnectPromise;
+};
+const createWrapper = stripeConnect => {
+  const wrapper = {
+    initialize: params => {
+      var _a;
+      const metaOptions = (_a = params.metaOptions) !== null && _a !== void 0 ? _a : {};
+      const stripeConnectInstance = stripeConnect.init(Object.assign(Object.assign({}, params), {
+        metaOptions: Object.assign(Object.assign({}, metaOptions), {
+          sdk: true,
+          sdkOptions: {
+            sdkVersion: version
+          }
+        })
+      }));
+      // We wrap create so we can map its different strings to supported components
+      const oldCreate = stripeConnectInstance.create.bind(stripeConnectInstance);
+      stripeConnectInstance.create = tagName => {
+        let htmlName = componentNameMapping[tagName];
+        if (!htmlName) {
+          htmlName = tagName;
+        }
+        return oldCreate(htmlName);
+      };
+      return stripeConnectInstance;
+    }
+  };
+  return wrapper;
+};
+
+const loadConnect = () => {
+  return loadScript().then(maybeStripe => initStripeConnect(maybeStripe));
+};
+
+exports.loadConnect = loadConnect;

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+import { LoadConnect } from "./shared";
+export declare const loadConnect: LoadConnect;
+export {};

package/dist/src/pure.d.ts

@@ -0,0 +1,2 @@
+import { LoadConnect } from "./shared";
+export declare const loadConnect: LoadConnect;

package/dist/src/shared.d.ts

@@ -0,0 +1,5 @@
+import { StripeConnectWrapper } from "../types";
+export type LoadConnect = () => Promise<StripeConnectWrapper>;
+export declare const findScript: () => HTMLScriptElement | null;
+export declare const loadScript: () => Promise<StripeConnectWrapper | null>;
+export declare const initStripeConnect: (stripeConnectPromise: StripeConnectWrapper | null) => any | null;

package/dist/src/utils/jestHelpers.d.ts

@@ -0,0 +1,2 @@
+export declare const SCRIPT_SELECTOR = "script[src^=\"https://connect-js.stripe.com/v0.1/connect.js\"]";
+export {};

package/dist/src/utils/jestSetup.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/connect-js",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "Connect.js loading utility package",
   "main": "dist/connect.js",
   "module": "dist/connect.esm.js",
@@ -65,5 +65,8 @@
     "typescript": "^4.1.2",
     "yalc": "^1.0.0-pre.53",
     "zx": "^4.2.0"
+  },
+  "dependencies": {
+    "@rollup/plugin-json": "^6.0.0"
   }
 }

package/src/shared.ts

@@ -1,8 +1,28 @@
 import { version } from ".././package.json";
-import { StripeConnectWrapper, IStripeConnectInitParams } from "../types";
+import {
+  StripeConnectWrapper,
+  IStripeConnectInitParams,
+  ConnectElementTagName
+} from "../types";
 
 export type LoadConnect = () => Promise<StripeConnectWrapper>;
 
+type ConnectElementHTMLName =
+  | "stripe-connect-payments"
+  | "stripe-connect-payouts"
+  | "stripe-connect-payment-details"
+  | "stripe-connect-account-onboarding";
+
+const componentNameMapping: Record<
+  ConnectElementTagName,
+  ConnectElementHTMLName
+> = {
+  payments: "stripe-connect-payments",
+  payouts: "stripe-connect-payouts",
+  "payment-details": "stripe-connect-payment-details",
+  "account-onboarding": "stripe-connect-account-onboarding"
+};
+
 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";
@@ -92,7 +112,7 @@ const createWrapper = (stripeConnect: any) => {
   const wrapper: StripeConnectWrapper = {
     initialize: (params: IStripeConnectInitParams) => {
       const metaOptions = (params as any).metaOptions ?? {};
-      return stripeConnect.init({
+      const stripeConnectInstance = stripeConnect.init({
         ...params,
         metaOptions: {
           ...metaOptions,
@@ -102,9 +122,19 @@ const createWrapper = (stripeConnect: any) => {
           }
         }
       });
-    },
-    logout: async () => {
-      await stripeConnect.logout();
+
+      // We wrap create so we can map its different strings to supported components
+      const oldCreate = stripeConnectInstance.create.bind(
+        stripeConnectInstance
+      );
+      stripeConnectInstance.create = (tagName: ConnectElementTagName) => {
+        let htmlName = componentNameMapping[tagName];
+        if (!htmlName) {
+          htmlName = tagName as ConnectElementHTMLName;
+        }
+        return oldCreate(htmlName);
+      };
+      return stripeConnectInstance;
     }
   };
   return wrapper;

package/types/shared.d.ts

@@ -122,12 +122,6 @@ export interface StripeConnectWrapper {
    * @returns A Connect JS instance.
    */
   initialize: (params: IStripeConnectInitParams) => StripeConnectInstance;
-
-  /**
-   * Logs the user out of Connect JS sessions
-   * @returns A promise that resolves when the user is logged out.
-   */
-  logout: () => Promise<void>;
 }
 
 export interface StripeConnectInstance {
@@ -143,14 +137,19 @@ export interface StripeConnectInstance {
    * @options New parameters to update the Connect instance with.
    */
   update: (options: IStripeConnectUpdateParams) => void;
-}
 
-export type ConnectElementHTMLName =
-  | "stripe-connect-payments"
-  | "stripe-connect-payouts"
-  | "stripe-connect-payment-details";
+  /**
+   * Logs the user out of Connect JS sessions
+   * @returns A promise that resolves when the user is logged out.
+   */
+  logout: () => Promise<void>;
+}
 
-export type ConnectElementTagName = "payments" | "payouts" | "payment-details";
+export type ConnectElementTagName =
+  | "payments"
+  | "payouts"
+  | "payment-details"
+  | "account-onboarding";
 
 export declare const findScript: () => HTMLScriptElement | null;