@stripe/connect-js 2.0.1-beta.3 → 2.0.1-beta.5

package/dist/connect.esm.js

@@ -1,4 +1,30 @@
-var version = "2.0.1-beta.3";
+import { useQuery } from 'react-query';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+var version = "2.0.1-beta.1";
 
 const componentNameMapping = {
   payments: "stripe-connect-payments",
@@ -13,7 +39,7 @@ const findScript = () => {
 };
 const injectScript = () => {
   const script = document.createElement("script");
-  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
+  script.src = "http://localhost:3001/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.");
@@ -111,5 +137,19 @@ const loadConnect = () => {
   loadCalled = true;
   return stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
 };
+const loadConnectAndInitialize = initParams => {
+  loadCalled = true;
+  console.log("loading connect and initializing");
+  const {
+    data
+  } = useQuery([initParams], () => __awaiter(void 0, void 0, void 0, function* () {
+    const stripeConnectWrapper = yield stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
+    if (stripeConnectWrapper === null) {
+      throw new Error("Stripe Connect has not loaded correctly");
+    }
+    return stripeConnectWrapper.initialize(initParams);
+  }));
+  return data;
+};
 
-export { loadConnect };
+export { loadConnect, loadConnectAndInitialize };

package/dist/connect.js

@@ -2,7 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.0.1-beta.3";
+var reactQuery = require('react-query');
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+var version = "2.0.1-beta.1";
 
 const componentNameMapping = {
   payments: "stripe-connect-payments",
@@ -17,7 +43,7 @@ const findScript = () => {
 };
 const injectScript = () => {
   const script = document.createElement("script");
-  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
+  script.src = "http://localhost:3001/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.");
@@ -115,5 +141,20 @@ const loadConnect = () => {
   loadCalled = true;
   return stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
 };
+const loadConnectAndInitialize = initParams => {
+  loadCalled = true;
+  console.log("loading connect and initializing");
+  const {
+    data
+  } = reactQuery.useQuery([initParams], () => __awaiter(void 0, void 0, void 0, function* () {
+    const stripeConnectWrapper = yield stripePromise$1.then(maybeConnect => initStripeConnect(maybeConnect));
+    if (stripeConnectWrapper === null) {
+      throw new Error("Stripe Connect has not loaded correctly");
+    }
+    return stripeConnectWrapper.initialize(initParams);
+  }));
+  return data;
+};
 
 exports.loadConnect = loadConnect;
+exports.loadConnectAndInitialize = loadConnectAndInitialize;

package/dist/pure.esm.js

@@ -1,4 +1,4 @@
-var version = "2.0.1-beta.3";
+var version = "2.0.1-beta.1";
 
 const componentNameMapping = {
   payments: "stripe-connect-payments",
@@ -13,7 +13,7 @@ const findScript = () => {
 };
 const injectScript = () => {
   const script = document.createElement("script");
-  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
+  script.src = "http://localhost:3001/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.");

package/dist/pure.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.0.1-beta.3";
+var version = "2.0.1-beta.1";
 
 const componentNameMapping = {
   payments: "stripe-connect-payments",
@@ -17,7 +17,7 @@ const findScript = () => {
 };
 const injectScript = () => {
   const script = document.createElement("script");
-  script.src = "https://connect-js.stripe.com/v0.1/connect.js";
+  script.src = "http://localhost:3001/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.");

package/dist/src/index.d.ts

@@ -1,3 +1,5 @@
+import { IStripeConnectInitParams, StripeConnectInstance } from "../types";
 import { LoadConnect } from "./shared";
 export declare const loadConnect: LoadConnect;
+export declare const loadConnectAndInitialize: (initParams: IStripeConnectInitParams) => StripeConnectInstance;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/connect-js",
-  "version": "2.0.1-beta.3",
+  "version": "2.0.1-beta.5",
   "description": "Connect.js loading utility package",
   "main": "dist/connect.js",
   "module": "dist/connect.esm.js",
@@ -13,7 +13,7 @@
     "lint": "eslint '{src,types}/**/*.{ts,js}' && yarn prettier-check",
     "typecheck": "tsc --noEmit",
     "build": "yarn clean && rollup -c",
-    "validate-change": "yarn run typescript && yarn run lint && yarn run test",
+    "validate-change": "yarn run test",
     "clean": "rimraf dist",
     "prettier": "prettier './**/*.{js,ts,md,html,css}' --write",
     "prettier-check": "prettier './**/*.{js,ts,md,html,css}' --check"

package/src/shared.ts

@@ -1,4 +1,3 @@
-import { version } from ".././package.json";
 import {
   StripeConnectWrapper,
   IStripeConnectInitParams,
@@ -11,7 +10,8 @@ type ConnectElementHTMLName =
   | "stripe-connect-payments"
   | "stripe-connect-payouts"
   | "stripe-connect-payment-details"
-  | "stripe-connect-account-onboarding";
+  | "stripe-connect-account-onboarding"
+  | "stripe-connect-payment-method-settings";
 
 const componentNameMapping: Record<
   ConnectElementTagName,
@@ -20,7 +20,8 @@ const componentNameMapping: Record<
   payments: "stripe-connect-payments",
   payouts: "stripe-connect-payouts",
   "payment-details": "stripe-connect-payment-details",
-  "account-onboarding": "stripe-connect-account-onboarding"
+  "account-onboarding": "stripe-connect-account-onboarding",
+  "payment-method-settings": "stripe-connect-payment-method-settings"
 };
 
 const EXISTING_SCRIPT_MESSAGE =
@@ -125,7 +126,8 @@ const createWrapper = (stripeConnect: any) => {
           ...metaOptions,
           sdk: true,
           sdkOptions: {
-            sdkVersion: version
+            // This will be replaced by the npm package version when bundling
+            sdkVersion: "_NPM_PACKAGE_VERSION_"
           }
         }
       });

package/types/shared.d.ts

@@ -185,7 +185,8 @@ export type ConnectElementTagName =
   | "payments"
   | "payouts"
   | "payment-details"
-  | "account-onboarding";
+  | "account-onboarding"
+  | "payment-method-settings";
 
 export declare const findScript: () => HTMLScriptElement | null;