@stripe/stripe-js 5.9.2 → 5.10.0

package/dist/index.js

@@ -2,8 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var RELEASE_TRAIN = 'v3';
+
+var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion(version) {
+  return version === 3 ? 'v3' : version;
+};
+
 var ORIGIN = 'https://js.stripe.com';
-var STRIPE_JS_URL = "".concat(ORIGIN, "/v3");
+var STRIPE_JS_URL = "".concat(ORIGIN, "/v3") ;
 var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
 var STRIPE_JS_URL_REGEX = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
 var EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
@@ -49,7 +55,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "5.9.2",
+    version: "5.10.0",
     startTime: startTime
   });
 };
@@ -138,6 +144,16 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
     return null;
   }
 
+  var pk = args[0];
+  var isTestKey = pk.match(/^pk_test/); // @ts-expect-error this is not publicly typed
+
+  var version = runtimeVersionToUrlVersion(maybeStripe.version);
+  var expectedVersion = RELEASE_TRAIN;
+
+  if (isTestKey && version !== expectedVersion) {
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("5.10.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+  }
+
   var stripe = maybeStripe.apply(undefined, args);
   registerWrapper(stripe, startTime);
   return stripe;

package/dist/index.mjs

@@ -1,5 +1,11 @@
+var RELEASE_TRAIN = 'v3';
+
+var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion(version) {
+  return version === 3 ? 'v3' : version;
+};
+
 var ORIGIN = 'https://js.stripe.com';
-var STRIPE_JS_URL = "".concat(ORIGIN, "/v3");
+var STRIPE_JS_URL = "".concat(ORIGIN, "/v3") ;
 var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
 var STRIPE_JS_URL_REGEX = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
 var EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
@@ -45,7 +51,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "5.9.2",
+    version: "5.10.0",
     startTime: startTime
   });
 };
@@ -134,6 +140,16 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
     return null;
   }
 
+  var pk = args[0];
+  var isTestKey = pk.match(/^pk_test/); // @ts-expect-error this is not publicly typed
+
+  var version = runtimeVersionToUrlVersion(maybeStripe.version);
+  var expectedVersion = RELEASE_TRAIN;
+
+  if (isTestKey && version !== expectedVersion) {
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("5.10.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+  }
+
   var stripe = maybeStripe.apply(undefined, args);
   registerWrapper(stripe, startTime);
   return stripe;

package/dist/pure.js

@@ -18,8 +18,14 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
+var RELEASE_TRAIN = 'v3';
+
+var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion(version) {
+  return version === 3 ? 'v3' : version;
+};
+
 var ORIGIN = 'https://js.stripe.com';
-var STRIPE_JS_URL = "".concat(ORIGIN, "/v3");
+var STRIPE_JS_URL = "".concat(ORIGIN, "/v3") ;
 var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
 var STRIPE_JS_URL_REGEX = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
 var EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
@@ -65,7 +71,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "5.9.2",
+    version: "5.10.0",
     startTime: startTime
   });
 };
@@ -154,6 +160,16 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
     return null;
   }
 
+  var pk = args[0];
+  var isTestKey = pk.match(/^pk_test/); // @ts-expect-error this is not publicly typed
+
+  var version = runtimeVersionToUrlVersion(maybeStripe.version);
+  var expectedVersion = RELEASE_TRAIN;
+
+  if (isTestKey && version !== expectedVersion) {
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("5.10.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+  }
+
   var stripe = maybeStripe.apply(undefined, args);
   registerWrapper(stripe, startTime);
   return stripe;

package/dist/pure.mjs

@@ -14,8 +14,14 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
+var RELEASE_TRAIN = 'v3';
+
+var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion(version) {
+  return version === 3 ? 'v3' : version;
+};
+
 var ORIGIN = 'https://js.stripe.com';
-var STRIPE_JS_URL = "".concat(ORIGIN, "/v3");
+var STRIPE_JS_URL = "".concat(ORIGIN, "/v3") ;
 var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
 var STRIPE_JS_URL_REGEX = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
 var EXISTING_SCRIPT_MESSAGE = 'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
@@ -61,7 +67,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "5.9.2",
+    version: "5.10.0",
     startTime: startTime
   });
 };
@@ -150,6 +156,16 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
     return null;
   }
 
+  var pk = args[0];
+  var isTestKey = pk.match(/^pk_test/); // @ts-expect-error this is not publicly typed
+
+  var version = runtimeVersionToUrlVersion(maybeStripe.version);
+  var expectedVersion = RELEASE_TRAIN;
+
+  if (isTestKey && version !== expectedVersion) {
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("5.10.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+  }
+
   var stripe = maybeStripe.apply(undefined, args);
   registerWrapper(stripe, startTime);
   return stripe;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/stripe-js",
-  "version": "5.9.2",
+  "version": "5.10.0",
   "description": "Stripe.js loading utility",
   "repository": "github:stripe/stripe-js",
   "main": "lib/index.js",

package/src/index.test.ts

@@ -1,9 +1,9 @@
+import {SCRIPT_SRC} from './testUtils';
+import {RELEASE_TRAIN} from './shared';
 /* eslint-disable @typescript-eslint/no-var-requires */
 
 const dispatchScriptEvent = (eventType: string): void => {
-  const injectedScript = document.querySelector(
-    'script[src="https://js.stripe.com/v3"]'
-  );
+  const injectedScript = document.querySelector(`script[src="${SCRIPT_SRC}"]`);
 
   if (!injectedScript) {
     throw new Error('could not find Stripe.js script element');
@@ -15,11 +15,12 @@ const dispatchScriptEvent = (eventType: string): void => {
 describe('Stripe module loader', () => {
   afterEach(() => {
     const script = document.querySelector(
-      'script[src="https://js.stripe.com/v3"], script[src="https://js.stripe.com/v3/"]'
+      'script[src^="https://js.stripe.com/"]'
     );
     if (script && script.parentElement) {
       script.parentElement.removeChild(script);
     }
+
     delete window.Stripe;
     jest.resetModules();
   });
@@ -27,14 +28,12 @@ describe('Stripe module loader', () => {
   it('injects the Stripe script as a side effect after a tick', () => {
     require('./index');
 
-    expect(
-      document.querySelector('script[src="https://js.stripe.com/v3"]')
-    ).toBe(null);
+    expect(document.querySelector(`script[src="${SCRIPT_SRC}"]`)).toBe(null);
 
     return Promise.resolve().then(() => {
-      expect(
-        document.querySelector('script[src="https://js.stripe.com/v3"]')
-      ).not.toBe(null);
+      expect(document.querySelector(`script[src="${SCRIPT_SRC}"]`)).not.toBe(
+        null
+      );
     });
   });
 
@@ -44,41 +43,37 @@ describe('Stripe module loader', () => {
     window.Stripe = jest.fn((key) => ({key})) as any;
 
     return new Promise((resolve) => setTimeout(resolve)).then(() => {
-      expect(
-        document.querySelector('script[src="https://js.stripe.com/v3"]')
-      ).toBe(null);
+      expect(document.querySelector(`script[src="${SCRIPT_SRC}"]`)).toBe(null);
     });
   });
 
   describe('does not inject a duplicate script when one is already present', () => {
-    test('when the script does not have a trailing slash', () => {
-      require('./index');
-
-      const script = document.createElement('script');
-      script.src = 'https://js.stripe.com/v3';
-      document.body.appendChild(script);
-
-      return Promise.resolve().then(() => {
-        expect(
-          document.querySelectorAll(
-            'script[src="https://js.stripe.com/v3"], script[src="https://js.stripe.com/v3/"]'
-          )
-        ).toHaveLength(1);
+    if (RELEASE_TRAIN === 'v3') {
+      test('when the script does not have a trailing slash', () => {
+        require('./index');
+
+        const script = document.createElement('script');
+        script.src = 'https://js.stripe.com/v3';
+        document.body.appendChild(script);
+
+        return Promise.resolve().then(() => {
+          expect(
+            document.querySelectorAll(`script[src="${SCRIPT_SRC}"]`)
+          ).toHaveLength(1);
+        });
       });
-    });
+    }
 
     test('when the script has a trailing slash', () => {
       require('./index');
 
       const script = document.createElement('script');
-      script.src = 'https://js.stripe.com/v3/';
+      script.src = SCRIPT_SRC;
       document.body.appendChild(script);
 
       return Promise.resolve().then(() => {
         expect(
-          document.querySelectorAll(
-            'script[src="https://js.stripe.com/v3"], script[src="https://js.stripe.com/v3/"]'
-          )
+          document.querySelectorAll(`script[src="${SCRIPT_SRC}"]`)
         ).toHaveLength(1);
       });
     });
@@ -93,7 +88,7 @@ describe('Stripe module loader', () => {
       await Promise.resolve();
 
       expect(
-        document.querySelectorAll('script[src^="https://js.stripe.com/v3"]')
+        document.querySelectorAll('script[src^="https://js.stripe.com"]')
       ).toHaveLength(2);
 
       expect(
@@ -102,9 +97,9 @@ describe('Stripe module loader', () => {
         )
       ).not.toBe(null);
 
-      expect(
-        document.querySelector('script[src="https://js.stripe.com/v3"]')
-      ).not.toBe(null);
+      expect(document.querySelector(`script[src="${SCRIPT_SRC}"]`)).not.toBe(
+        null
+      );
     });
   });
 

package/src/pure.test.ts

@@ -1,6 +1,11 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
+import {RELEASE_TRAIN} from './shared';
 
-const SCRIPT_SELECTOR = 'script[src^="https://js.stripe.com/v3"]';
+const SCRIPT_SRC =
+  RELEASE_TRAIN === 'v3'
+    ? `https://js.stripe.com/v3`
+    : `https://js.stripe.com/acacia/stripe.js`;
+const SCRIPT_SELECTOR = `script[src^="${SCRIPT_SRC}"]`;
 
 describe('pure module', () => {
   beforeEach(() => {
@@ -43,7 +48,7 @@ describe('pure module', () => {
 
     expect(
       document.querySelector(
-        'script[src^="https://js.stripe.com/v3?advancedFraudSignals=false"]'
+        `script[src^="${SCRIPT_SRC}?advancedFraudSignals=false"]`
       )
     ).not.toBe(null);
   });
@@ -58,7 +63,7 @@ describe('pure module', () => {
 
   test('it should warn when calling loadStripe if a script already exists when parameters are set', () => {
     const script = document.createElement('script');
-    script.src = 'https://js.stripe.com/v3';
+    script.src = SCRIPT_SRC;
     document.body.appendChild(script);
 
     const {loadStripe} = require('./pure');
@@ -76,7 +81,7 @@ describe('pure module', () => {
     loadStripe.setLoadParameters({advancedFraudSignals: true});
 
     const script = document.createElement('script');
-    script.src = 'https://js.stripe.com/v3';
+    script.src = SCRIPT_SRC;
     document.body.appendChild(script);
 
     loadStripe('pk_test_123');
@@ -102,7 +107,7 @@ describe('pure module', () => {
 
   test('it should not warn when a script already exists if parameters are not set', () => {
     const script = document.createElement('script');
-    script.src = 'https://js.stripe.com/v3';
+    script.src = SCRIPT_SRC;
     document.body.appendChild(script);
 
     const {loadStripe} = require('./pure');

package/src/shared.ts

@@ -12,8 +12,17 @@ export interface LoadParams {
 // containing the package.json version
 declare const _VERSION: string;
 
+export const RELEASE_TRAIN = 'v3';
+
+const runtimeVersionToUrlVersion = (version: string | number) =>
+  version === 3 ? 'v3' : version;
+
 const ORIGIN = 'https://js.stripe.com';
-const STRIPE_JS_URL = `${ORIGIN}/v3`;
+const STRIPE_JS_URL =
+  RELEASE_TRAIN === 'v3'
+    ? `${ORIGIN}/v3`
+    : `${ORIGIN}/${RELEASE_TRAIN}/stripe.js`;
+
 const V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
 const STRIPE_JS_URL_REGEX = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
 const EXISTING_SCRIPT_MESSAGE =
@@ -162,6 +171,18 @@ export const initStripe = (
     return null;
   }
 
+  const pk = args[0];
+  const isTestKey = pk.match(/^pk_test/);
+
+  // @ts-expect-error this is not publicly typed
+  const version = runtimeVersionToUrlVersion(maybeStripe.version);
+  const expectedVersion = RELEASE_TRAIN;
+  if (isTestKey && version !== expectedVersion) {
+    console.warn(
+      `Stripe.js@${version} was loaded on the page, but @stripe/stripe-js@${_VERSION} expected Stripe.js@${expectedVersion}. This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning`
+    );
+  }
+
   const stripe = maybeStripe.apply(undefined, args);
   registerWrapper(stripe, startTime);
   return stripe;

package/src/testUtils.ts

@@ -0,0 +1,6 @@
+import {RELEASE_TRAIN} from './shared';
+
+export const SCRIPT_SRC =
+  RELEASE_TRAIN === 'v3'
+    ? `https://js.stripe.com/v3`
+    : `https://js.stripe.com/${RELEASE_TRAIN}/stripe.js`;