@stripe/stripe-js 5.6.0 → 5.7.0

package/dist/index.js

@@ -2,16 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var V3_URL = 'https://js.stripe.com/v3';
+var ORIGIN = 'https://js.stripe.com';
+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';
+
+var isStripeJSURL = function isStripeJSURL(url) {
+  return V3_URL_REGEX.test(url) || STRIPE_JS_URL_REGEX.test(url);
+};
+
 var findScript = function findScript() {
-  var scripts = document.querySelectorAll("script[src^=\"".concat(V3_URL, "\"]"));
+  var scripts = document.querySelectorAll("script[src^=\"".concat(ORIGIN, "\"]"));
 
   for (var i = 0; i < scripts.length; i++) {
     var script = scripts[i];
 
-    if (!V3_URL_REGEX.test(script.src)) {
+    if (!isStripeJSURL(script.src)) {
       continue;
     }
 
@@ -24,7 +31,7 @@ var findScript = function findScript() {
 var injectScript = function injectScript(params) {
   var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
   var script = document.createElement('script');
-  script.src = "".concat(V3_URL).concat(queryString);
+  script.src = "".concat(STRIPE_JS_URL).concat(queryString);
   var headOrBody = document.head || document.body;
 
   if (!headOrBody) {
@@ -42,7 +49,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "5.6.0",
+    version: "5.7.0",
     startTime: startTime
   });
 };

package/dist/index.mjs

@@ -1,13 +1,20 @@
-var V3_URL = 'https://js.stripe.com/v3';
+var ORIGIN = 'https://js.stripe.com';
+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';
+
+var isStripeJSURL = function isStripeJSURL(url) {
+  return V3_URL_REGEX.test(url) || STRIPE_JS_URL_REGEX.test(url);
+};
+
 var findScript = function findScript() {
-  var scripts = document.querySelectorAll("script[src^=\"".concat(V3_URL, "\"]"));
+  var scripts = document.querySelectorAll("script[src^=\"".concat(ORIGIN, "\"]"));
 
   for (var i = 0; i < scripts.length; i++) {
     var script = scripts[i];
 
-    if (!V3_URL_REGEX.test(script.src)) {
+    if (!isStripeJSURL(script.src)) {
       continue;
     }
 
@@ -20,7 +27,7 @@ var findScript = function findScript() {
 var injectScript = function injectScript(params) {
   var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
   var script = document.createElement('script');
-  script.src = "".concat(V3_URL).concat(queryString);
+  script.src = "".concat(STRIPE_JS_URL).concat(queryString);
   var headOrBody = document.head || document.body;
 
   if (!headOrBody) {
@@ -38,7 +45,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "5.6.0",
+    version: "5.7.0",
     startTime: startTime
   });
 };

package/dist/pure.js

@@ -18,16 +18,23 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-var V3_URL = 'https://js.stripe.com/v3';
+var ORIGIN = 'https://js.stripe.com';
+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';
+
+var isStripeJSURL = function isStripeJSURL(url) {
+  return V3_URL_REGEX.test(url) || STRIPE_JS_URL_REGEX.test(url);
+};
+
 var findScript = function findScript() {
-  var scripts = document.querySelectorAll("script[src^=\"".concat(V3_URL, "\"]"));
+  var scripts = document.querySelectorAll("script[src^=\"".concat(ORIGIN, "\"]"));
 
   for (var i = 0; i < scripts.length; i++) {
     var script = scripts[i];
 
-    if (!V3_URL_REGEX.test(script.src)) {
+    if (!isStripeJSURL(script.src)) {
       continue;
     }
 
@@ -40,7 +47,7 @@ var findScript = function findScript() {
 var injectScript = function injectScript(params) {
   var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
   var script = document.createElement('script');
-  script.src = "".concat(V3_URL).concat(queryString);
+  script.src = "".concat(STRIPE_JS_URL).concat(queryString);
   var headOrBody = document.head || document.body;
 
   if (!headOrBody) {
@@ -58,7 +65,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "5.6.0",
+    version: "5.7.0",
     startTime: startTime
   });
 };

package/dist/pure.mjs

@@ -14,16 +14,23 @@ function _typeof(obj) {
   return _typeof(obj);
 }
 
-var V3_URL = 'https://js.stripe.com/v3';
+var ORIGIN = 'https://js.stripe.com';
+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';
+
+var isStripeJSURL = function isStripeJSURL(url) {
+  return V3_URL_REGEX.test(url) || STRIPE_JS_URL_REGEX.test(url);
+};
+
 var findScript = function findScript() {
-  var scripts = document.querySelectorAll("script[src^=\"".concat(V3_URL, "\"]"));
+  var scripts = document.querySelectorAll("script[src^=\"".concat(ORIGIN, "\"]"));
 
   for (var i = 0; i < scripts.length; i++) {
     var script = scripts[i];
 
-    if (!V3_URL_REGEX.test(script.src)) {
+    if (!isStripeJSURL(script.src)) {
       continue;
     }
 
@@ -36,7 +43,7 @@ var findScript = function findScript() {
 var injectScript = function injectScript(params) {
   var queryString = params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
   var script = document.createElement('script');
-  script.src = "".concat(V3_URL).concat(queryString);
+  script.src = "".concat(STRIPE_JS_URL).concat(queryString);
   var headOrBody = document.head || document.body;
 
   if (!headOrBody) {
@@ -54,7 +61,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "5.6.0",
+    version: "5.7.0",
     startTime: startTime
   });
 };

package/dist/stripe-js/elements/express-checkout.d.mts

@@ -315,6 +315,25 @@ export type ButtonTypeOption = {
 };
 
 export interface StripeExpressCheckoutElementOptions {
+  /**
+   * An array of two-letter ISO country codes representing which countries
+   * are eligible shipping locations.
+   */
+  allowedShippingCountries?: string[];
+
+  applePay?: ApplePayOption;
+
+  /**
+   * Whether the billing address should be collected in the payment interface.
+   */
+  billingAddressRequired?: boolean;
+
+  /**
+   * Provide information about your business that will be displayed in the payment interface.
+   * This information will be retrieved from your Stripe account if not provided.
+   */
+  business?: {name: string};
+
   /**
    * Manually sets the height of the buttons shown.
    */
@@ -330,11 +349,18 @@ export interface StripeExpressCheckoutElementOptions {
    */
   buttonType?: ButtonTypeOption;
 
+  /**
+   * Whether the email address should be collected in the payment interface.
+   */
+  emailRequired?: boolean;
+
   /**
    * Specifies how buttons should be laid out in relation to each other.
    */
   layout?: LayoutOption;
 
+  lineItems?: Array<LineItem>;
+
   /**
    * Override the order in which payment methods are displayed in the Express Checkout Element.
    * By default, the Express Checkout Element will use a dynamic ordering that optimizes payment method display for each user.
@@ -346,6 +372,18 @@ export interface StripeExpressCheckoutElementOptions {
    */
   paymentMethods?: ExpressCheckoutPaymentMethodsOption;
 
+  /**
+   * Whether the phone number should be collected in the payment interface.
+   */
+  phoneNumberRequired?: boolean;
+
+  /**
+   * Whether the shipping address should be collected in the payment interface.
+   */
+  shippingAddressRequired?: boolean;
+
+  shippingRates?: Array<ShippingRate>;
+
   /**
    * @deprecated
    * Use `paymentMethods` instead.
@@ -359,11 +397,27 @@ export interface StripeExpressCheckoutElementOptions {
  * Updatable options for an `Elements` instance
  */
 export interface StripeExpressCheckoutElementUpdateOptions {
+  /**
+   * An array of two-letter ISO country codes representing which countries
+   * are eligible shipping locations.
+   */
+  allowedShippingCountries?: string[];
+
+  /**
+   * Whether the billing address should be collected in the payment interface.
+   */
+  billingAddressRequired?: boolean;
+
   /**
    * Manually sets the height of the buttons shown.
    */
   buttonHeight?: number;
 
+  /**
+   * Whether the email address should be collected in the payment interface.
+   */
+  emailRequired?: boolean;
+
   /**
    * Specifies how buttons should be laid out in relation to each other.
    */
@@ -374,6 +428,16 @@ export interface StripeExpressCheckoutElementUpdateOptions {
    * By default, the Express Checkout Element will use a dynamic ordering that optimizes payment method display for each user.
    */
   paymentMethodOrder?: string[];
+
+  /**
+   * Whether the phone number should be collected in the payment interface.
+   */
+  phoneNumberRequired?: boolean;
+
+  /**
+   * Whether the shipping address should be collected in the payment interface.
+   */
+  shippingAddressRequired?: boolean;
 }
 
 export type AvailablePaymentMethods = {
@@ -398,25 +462,43 @@ export interface StripeExpressCheckoutElementReadyEvent {
 
 export type ClickResolveDetails = {
   /**
+   * @deprecated
    * An array of two-letter ISO country codes representing which countries
    * are eligible shipping locations.
    */
   allowedShippingCountries?: string[];
 
+  /**
+   * @deprecated
+   * Whether the billing address should be collected in the payment interface.
+   */
   billingAddressRequired?: boolean;
 
   /**
+   * @deprecated
    * Provide information about your business that will be displayed in the payment interface.
    * This information will be retrieved from your Stripe account if not provided.
    */
   business?: {name: string};
 
+  /**
+   * @deprecated
+   * Whether the email address should be collected in the payment interface.
+   */
   emailRequired?: boolean;
 
   lineItems?: Array<LineItem>;
 
+  /**
+   * @deprecated
+   * Whether the phone number should be collected in the payment interface.
+   */
   phoneNumberRequired?: boolean;
 
+  /**
+   * @deprecated
+   * Whether the shipping address should be collected in the payment interface.
+   */
   shippingAddressRequired?: boolean;
 
   shippingRates?: Array<ShippingRate>;

package/dist/stripe-js/elements/express-checkout.d.ts

@@ -315,6 +315,25 @@ export type ButtonTypeOption = {
 };
 
 export interface StripeExpressCheckoutElementOptions {
+  /**
+   * An array of two-letter ISO country codes representing which countries
+   * are eligible shipping locations.
+   */
+  allowedShippingCountries?: string[];
+
+  applePay?: ApplePayOption;
+
+  /**
+   * Whether the billing address should be collected in the payment interface.
+   */
+  billingAddressRequired?: boolean;
+
+  /**
+   * Provide information about your business that will be displayed in the payment interface.
+   * This information will be retrieved from your Stripe account if not provided.
+   */
+  business?: {name: string};
+
   /**
    * Manually sets the height of the buttons shown.
    */
@@ -330,11 +349,18 @@ export interface StripeExpressCheckoutElementOptions {
    */
   buttonType?: ButtonTypeOption;
 
+  /**
+   * Whether the email address should be collected in the payment interface.
+   */
+  emailRequired?: boolean;
+
   /**
    * Specifies how buttons should be laid out in relation to each other.
    */
   layout?: LayoutOption;
 
+  lineItems?: Array<LineItem>;
+
   /**
    * Override the order in which payment methods are displayed in the Express Checkout Element.
    * By default, the Express Checkout Element will use a dynamic ordering that optimizes payment method display for each user.
@@ -346,6 +372,18 @@ export interface StripeExpressCheckoutElementOptions {
    */
   paymentMethods?: ExpressCheckoutPaymentMethodsOption;
 
+  /**
+   * Whether the phone number should be collected in the payment interface.
+   */
+  phoneNumberRequired?: boolean;
+
+  /**
+   * Whether the shipping address should be collected in the payment interface.
+   */
+  shippingAddressRequired?: boolean;
+
+  shippingRates?: Array<ShippingRate>;
+
   /**
    * @deprecated
    * Use `paymentMethods` instead.
@@ -359,11 +397,27 @@ export interface StripeExpressCheckoutElementOptions {
  * Updatable options for an `Elements` instance
  */
 export interface StripeExpressCheckoutElementUpdateOptions {
+  /**
+   * An array of two-letter ISO country codes representing which countries
+   * are eligible shipping locations.
+   */
+  allowedShippingCountries?: string[];
+
+  /**
+   * Whether the billing address should be collected in the payment interface.
+   */
+  billingAddressRequired?: boolean;
+
   /**
    * Manually sets the height of the buttons shown.
    */
   buttonHeight?: number;
 
+  /**
+   * Whether the email address should be collected in the payment interface.
+   */
+  emailRequired?: boolean;
+
   /**
    * Specifies how buttons should be laid out in relation to each other.
    */
@@ -374,6 +428,16 @@ export interface StripeExpressCheckoutElementUpdateOptions {
    * By default, the Express Checkout Element will use a dynamic ordering that optimizes payment method display for each user.
    */
   paymentMethodOrder?: string[];
+
+  /**
+   * Whether the phone number should be collected in the payment interface.
+   */
+  phoneNumberRequired?: boolean;
+
+  /**
+   * Whether the shipping address should be collected in the payment interface.
+   */
+  shippingAddressRequired?: boolean;
 }
 
 export type AvailablePaymentMethods = {
@@ -398,25 +462,43 @@ export interface StripeExpressCheckoutElementReadyEvent {
 
 export type ClickResolveDetails = {
   /**
+   * @deprecated
    * An array of two-letter ISO country codes representing which countries
    * are eligible shipping locations.
    */
   allowedShippingCountries?: string[];
 
+  /**
+   * @deprecated
+   * Whether the billing address should be collected in the payment interface.
+   */
   billingAddressRequired?: boolean;
 
   /**
+   * @deprecated
    * Provide information about your business that will be displayed in the payment interface.
    * This information will be retrieved from your Stripe account if not provided.
    */
   business?: {name: string};
 
+  /**
+   * @deprecated
+   * Whether the email address should be collected in the payment interface.
+   */
   emailRequired?: boolean;
 
   lineItems?: Array<LineItem>;
 
+  /**
+   * @deprecated
+   * Whether the phone number should be collected in the payment interface.
+   */
   phoneNumberRequired?: boolean;
 
+  /**
+   * @deprecated
+   * Whether the shipping address should be collected in the payment interface.
+   */
   shippingAddressRequired?: boolean;
 
   shippingRates?: Array<ShippingRate>;

package/package.json

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

package/src/shared.test.ts

@@ -33,11 +33,20 @@ describe('findScript', () => {
     ['https://js.stripe.com/v3?advancedFraudSignals=true', true],
     ['https://js.stripe.com/v3', true],
     ['https://js.stripe.com/v3/', true],
+    ['https://js.stripe.com/v3/stripe.js', true],
+    ['https://js.stripe.com/v2/stripe.js', false],
+    ['https://js.stripe.com/versionname/stripe.js', true],
+    ['https://js.stripe.com/versionname/stripe.js', true],
+    ['https://js.stripe.com/versionname/', false],
+    ['https://js.stripe.com/versionname', false],
+    ['https://js.stripe.com/v2/', false],
+    ['https://js.stripe.com/v2', false],
     ['https://js.stripe.com/v3?advancedFraudSignals=false', true],
     ['https://js.stripe.com/v3?ab=cd', true],
     ['https://js.stripe.com/v3/something.js', false],
     ['https://js.stripe.com/v3/something.js?advancedFraudSignals=false', false],
     ['https://js.stripe.com/v3/something.js?ab=cd', false],
+    ['https://js.stripe.com/versionname/stripe.js?ab=cd', true],
   ];
 
   afterEach(() => {

package/src/shared.ts

@@ -12,20 +12,25 @@ export interface LoadParams {
 // containing the package.json version
 declare const _VERSION: string;
 
-const V3_URL = 'https://js.stripe.com/v3';
+const ORIGIN = 'https://js.stripe.com';
+const STRIPE_JS_URL = `${ORIGIN}/v3`;
 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 =
   'loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used';
 
+const isStripeJSURL = (url: string): boolean =>
+  V3_URL_REGEX.test(url) || STRIPE_JS_URL_REGEX.test(url);
+
 export const findScript = (): HTMLScriptElement | null => {
   const scripts = document.querySelectorAll<HTMLScriptElement>(
-    `script[src^="${V3_URL}"]`
+    `script[src^="${ORIGIN}"]`
   );
 
   for (let i = 0; i < scripts.length; i++) {
     const script = scripts[i];
 
-    if (!V3_URL_REGEX.test(script.src)) {
+    if (!isStripeJSURL(script.src)) {
       continue;
     }
 
@@ -39,7 +44,7 @@ const injectScript = (params: null | LoadParams): HTMLScriptElement => {
   const queryString =
     params && !params.advancedFraudSignals ? '?advancedFraudSignals=false' : '';
   const script = document.createElement('script');
-  script.src = `${V3_URL}${queryString}`;
+  script.src = `${STRIPE_JS_URL}${queryString}`;
 
   const headOrBody = document.head || document.body;