@stripe/stripe-js 2.2.0 → 2.2.2

package/dist/pure.esm.js

@@ -54,12 +54,31 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "2.2.0",
+    version: "2.2.2",
     startTime: startTime
   });
 };
 
 var stripePromise = null;
+var onErrorListener = null;
+var onLoadListener = null;
+
+var onError = function onError(reject) {
+  return function () {
+    reject(new Error('Failed to load Stripe.js'));
+  };
+};
+
+var onLoad = function onLoad(resolve, reject) {
+  return function () {
+    if (window.Stripe) {
+      resolve(window.Stripe);
+    } else {
+      reject(new Error('Stripe.js not available'));
+    }
+  };
+};
+
 var loadScript = function loadScript(params) {
   // Ensure that we only attempt to load Stripe.js at most once
   if (stripePromise !== null) {
@@ -90,24 +109,32 @@ var loadScript = function loadScript(params) {
         console.warn(EXISTING_SCRIPT_MESSAGE);
       } else if (!script) {
         script = injectScript(params);
+      } else if (script && onLoadListener !== null && onErrorListener !== null) {
+        var _script$parentNode;
+
+        // remove event listeners
+        script.removeEventListener('load', onLoadListener);
+        script.removeEventListener('error', onErrorListener); // if script exists, but we are reloading due to an error,
+        // reload script to trigger 'load' event
+
+        (_script$parentNode = script.parentNode) === null || _script$parentNode === void 0 ? void 0 : _script$parentNode.removeChild(script);
+        script = injectScript(params);
       }
 
-      script.addEventListener('load', function () {
-        if (window.Stripe) {
-          resolve(window.Stripe);
-        } else {
-          reject(new Error('Stripe.js not available'));
-        }
-      });
-      script.addEventListener('error', function () {
-        reject(new Error('Failed to load Stripe.js'));
-      });
+      onLoadListener = onLoad(resolve, reject);
+      onErrorListener = onError(reject);
+      script.addEventListener('load', onLoadListener);
+      script.addEventListener('error', onErrorListener);
     } catch (error) {
       reject(error);
       return;
     }
+  }); // Resets stripePromise on error
+
+  return stripePromise["catch"](function (error) {
+    stripePromise = null;
+    return Promise.reject(error);
   });
-  return stripePromise;
 };
 var initStripe = function initStripe(maybeStripe, args, startTime) {
   if (maybeStripe === null) {

package/dist/pure.js

@@ -58,12 +58,31 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "2.2.0",
+    version: "2.2.2",
     startTime: startTime
   });
 };
 
 var stripePromise = null;
+var onErrorListener = null;
+var onLoadListener = null;
+
+var onError = function onError(reject) {
+  return function () {
+    reject(new Error('Failed to load Stripe.js'));
+  };
+};
+
+var onLoad = function onLoad(resolve, reject) {
+  return function () {
+    if (window.Stripe) {
+      resolve(window.Stripe);
+    } else {
+      reject(new Error('Stripe.js not available'));
+    }
+  };
+};
+
 var loadScript = function loadScript(params) {
   // Ensure that we only attempt to load Stripe.js at most once
   if (stripePromise !== null) {
@@ -94,24 +113,32 @@ var loadScript = function loadScript(params) {
         console.warn(EXISTING_SCRIPT_MESSAGE);
       } else if (!script) {
         script = injectScript(params);
+      } else if (script && onLoadListener !== null && onErrorListener !== null) {
+        var _script$parentNode;
+
+        // remove event listeners
+        script.removeEventListener('load', onLoadListener);
+        script.removeEventListener('error', onErrorListener); // if script exists, but we are reloading due to an error,
+        // reload script to trigger 'load' event
+
+        (_script$parentNode = script.parentNode) === null || _script$parentNode === void 0 ? void 0 : _script$parentNode.removeChild(script);
+        script = injectScript(params);
       }
 
-      script.addEventListener('load', function () {
-        if (window.Stripe) {
-          resolve(window.Stripe);
-        } else {
-          reject(new Error('Stripe.js not available'));
-        }
-      });
-      script.addEventListener('error', function () {
-        reject(new Error('Failed to load Stripe.js'));
-      });
+      onLoadListener = onLoad(resolve, reject);
+      onErrorListener = onError(reject);
+      script.addEventListener('load', onLoadListener);
+      script.addEventListener('error', onErrorListener);
     } catch (error) {
       reject(error);
       return;
     }
+  }); // Resets stripePromise on error
+
+  return stripePromise["catch"](function (error) {
+    stripePromise = null;
+    return Promise.reject(error);
   });
-  return stripePromise;
 };
 var initStripe = function initStripe(maybeStripe, args, startTime) {
   if (maybeStripe === null) {

package/dist/stripe.esm.js

@@ -38,12 +38,31 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "2.2.0",
+    version: "2.2.2",
     startTime: startTime
   });
 };
 
 var stripePromise = null;
+var onErrorListener = null;
+var onLoadListener = null;
+
+var onError = function onError(reject) {
+  return function () {
+    reject(new Error('Failed to load Stripe.js'));
+  };
+};
+
+var onLoad = function onLoad(resolve, reject) {
+  return function () {
+    if (window.Stripe) {
+      resolve(window.Stripe);
+    } else {
+      reject(new Error('Stripe.js not available'));
+    }
+  };
+};
+
 var loadScript = function loadScript(params) {
   // Ensure that we only attempt to load Stripe.js at most once
   if (stripePromise !== null) {
@@ -74,24 +93,32 @@ var loadScript = function loadScript(params) {
         console.warn(EXISTING_SCRIPT_MESSAGE);
       } else if (!script) {
         script = injectScript(params);
+      } else if (script && onLoadListener !== null && onErrorListener !== null) {
+        var _script$parentNode;
+
+        // remove event listeners
+        script.removeEventListener('load', onLoadListener);
+        script.removeEventListener('error', onErrorListener); // if script exists, but we are reloading due to an error,
+        // reload script to trigger 'load' event
+
+        (_script$parentNode = script.parentNode) === null || _script$parentNode === void 0 ? void 0 : _script$parentNode.removeChild(script);
+        script = injectScript(params);
       }
 
-      script.addEventListener('load', function () {
-        if (window.Stripe) {
-          resolve(window.Stripe);
-        } else {
-          reject(new Error('Stripe.js not available'));
-        }
-      });
-      script.addEventListener('error', function () {
-        reject(new Error('Failed to load Stripe.js'));
-      });
+      onLoadListener = onLoad(resolve, reject);
+      onErrorListener = onError(reject);
+      script.addEventListener('load', onLoadListener);
+      script.addEventListener('error', onErrorListener);
     } catch (error) {
       reject(error);
       return;
     }
+  }); // Resets stripePromise on error
+
+  return stripePromise["catch"](function (error) {
+    stripePromise = null;
+    return Promise.reject(error);
   });
-  return stripePromise;
 };
 var initStripe = function initStripe(maybeStripe, args, startTime) {
   if (maybeStripe === null) {

package/dist/stripe.js

@@ -42,12 +42,31 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "2.2.0",
+    version: "2.2.2",
     startTime: startTime
   });
 };
 
 var stripePromise = null;
+var onErrorListener = null;
+var onLoadListener = null;
+
+var onError = function onError(reject) {
+  return function () {
+    reject(new Error('Failed to load Stripe.js'));
+  };
+};
+
+var onLoad = function onLoad(resolve, reject) {
+  return function () {
+    if (window.Stripe) {
+      resolve(window.Stripe);
+    } else {
+      reject(new Error('Stripe.js not available'));
+    }
+  };
+};
+
 var loadScript = function loadScript(params) {
   // Ensure that we only attempt to load Stripe.js at most once
   if (stripePromise !== null) {
@@ -78,24 +97,32 @@ var loadScript = function loadScript(params) {
         console.warn(EXISTING_SCRIPT_MESSAGE);
       } else if (!script) {
         script = injectScript(params);
+      } else if (script && onLoadListener !== null && onErrorListener !== null) {
+        var _script$parentNode;
+
+        // remove event listeners
+        script.removeEventListener('load', onLoadListener);
+        script.removeEventListener('error', onErrorListener); // if script exists, but we are reloading due to an error,
+        // reload script to trigger 'load' event
+
+        (_script$parentNode = script.parentNode) === null || _script$parentNode === void 0 ? void 0 : _script$parentNode.removeChild(script);
+        script = injectScript(params);
       }
 
-      script.addEventListener('load', function () {
-        if (window.Stripe) {
-          resolve(window.Stripe);
-        } else {
-          reject(new Error('Stripe.js not available'));
-        }
-      });
-      script.addEventListener('error', function () {
-        reject(new Error('Failed to load Stripe.js'));
-      });
+      onLoadListener = onLoad(resolve, reject);
+      onErrorListener = onError(reject);
+      script.addEventListener('load', onLoadListener);
+      script.addEventListener('error', onErrorListener);
     } catch (error) {
       reject(error);
       return;
     }
+  }); // Resets stripePromise on error
+
+  return stripePromise["catch"](function (error) {
+    stripePromise = null;
+    return Promise.reject(error);
   });
-  return stripePromise;
 };
 var initStripe = function initStripe(maybeStripe, args, startTime) {
   if (maybeStripe === null) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/stripe-js",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "Stripe.js loading utility",
   "repository": "github:stripe/stripe-js",
   "main": "dist/stripe.js",

package/src/shared.ts

@@ -64,6 +64,26 @@ const registerWrapper = (stripe: any, startTime: number): void => {
 
 let stripePromise: Promise<StripeConstructor | null> | null = null;
 
+let onErrorListener: (() => void) | null = null;
+let onLoadListener: (() => void) | null = null;
+
+const onError = (reject: (reason?: any) => void) => () => {
+  reject(new Error('Failed to load Stripe.js'));
+};
+
+const onLoad = (
+  resolve: (
+    value: StripeConstructor | PromiseLike<StripeConstructor | null> | null
+  ) => void,
+  reject: (reason?: any) => void
+) => () => {
+  if (window.Stripe) {
+    resolve(window.Stripe);
+  } else {
+    reject(new Error('Stripe.js not available'));
+  }
+};
+
 export const loadScript = (
   params: null | LoadParams
 ): Promise<StripeConstructor | null> => {
@@ -96,26 +116,36 @@ export const loadScript = (
         console.warn(EXISTING_SCRIPT_MESSAGE);
       } else if (!script) {
         script = injectScript(params);
+      } else if (
+        script &&
+        onLoadListener !== null &&
+        onErrorListener !== null
+      ) {
+        // remove event listeners
+        script.removeEventListener('load', onLoadListener);
+        script.removeEventListener('error', onErrorListener);
+
+        // if script exists, but we are reloading due to an error,
+        // reload script to trigger 'load' event
+        script.parentNode?.removeChild(script);
+        script = injectScript(params);
       }
 
-      script.addEventListener('load', () => {
-        if (window.Stripe) {
-          resolve(window.Stripe);
-        } else {
-          reject(new Error('Stripe.js not available'));
-        }
-      });
-
-      script.addEventListener('error', () => {
-        reject(new Error('Failed to load Stripe.js'));
-      });
+      onLoadListener = onLoad(resolve, reject);
+      onErrorListener = onError(reject);
+      script.addEventListener('load', onLoadListener);
+
+      script.addEventListener('error', onErrorListener);
     } catch (error) {
       reject(error);
       return;
     }
   });
-
-  return stripePromise;
+  // Resets stripePromise on error
+  return stripePromise.catch((error) => {
+    stripePromise = null;
+    return Promise.reject(error);
+  });
 };
 
 export const initStripe = (

package/types/stripe-js/elements/apple-pay.d.ts

@@ -0,0 +1,156 @@
+export type ApplePayRecurringPaymentRequestIntervalUnit =
+  | 'year'
+  | 'month'
+  | 'day'
+  | 'hour'
+  | 'minute';
+
+export interface ApplePayLineItem {
+  /**
+   * A short, localized description of the line item.
+   */
+  label: string;
+
+  /**
+   * The amount in the currency's subunit (e.g. cents, yen, etc.)
+   */
+  amount: number;
+}
+
+export type ApplePayRegularBilling = ApplePayLineItem & {
+  /**
+   * The date of the first payment.
+   */
+  recurringPaymentStartDate?: Date;
+
+  /**
+   * The date of the final payment.
+   */
+  recurringPaymentEndDate?: Date;
+
+  /**
+   * The amount of time — in calendar units, such as day, month, or year — that represents a fraction of the total payment interval.
+   */
+  recurringPaymentIntervalUnit?: ApplePayRecurringPaymentRequestIntervalUnit;
+
+  /**
+   * The number of interval units that make up the total payment interval.
+   */
+  recurringPaymentIntervalCount?: number;
+};
+
+export interface ApplePayRecurringPaymentRequest {
+  /**
+   * The description of the payment that the customer will see in their Apple Pay wallet.
+   */
+  paymentDescription: string;
+
+  /**
+   * The URL to manage items related to the recurring payment on your website.
+   */
+  managementURL: string;
+  regularBilling: ApplePayRegularBilling;
+
+  /**
+   * The billing agreement label that is displayed to the customer in the Apple Pay payment interface.
+   */
+  billingAgreement?: string;
+}
+
+export type ApplePayAutomaticReloadBilling = ApplePayLineItem & {
+  /**
+   * The balance an account reaches before the merchant applies the automatic reload amount.
+   */
+  automaticReloadPaymentThresholdAmount: number;
+};
+
+export interface ApplePayAutomaticReloadPaymentRequest {
+  /**
+   * The description of the payment that the customer will see in their Apple Pay wallet.
+   */
+  paymentDescription: string;
+
+  /**
+   * The URL to manage items related to the automatic reload payment on your website.
+   */
+  managementURL: string;
+  automaticReloadBilling: ApplePayAutomaticReloadBilling;
+
+  /**
+   * The billing agreement label that is displayed to the customer in the Apple Pay payment interface.
+   */
+  billingAgreement?: string;
+}
+
+export type ApplePayDeferredBilling = ApplePayLineItem & {
+  /**
+   * The date, in the future, of the payment.
+   */
+  deferredPaymentDate: Date;
+};
+
+export interface ApplePayDeferredPaymentRequest {
+  /**
+   * The description of the payment that the customer will see in their Apple Pay wallet.
+   */
+  paymentDescription: string;
+
+  /**
+   * The URL to manage items related to the deferred payment on your website.
+   */
+  managementURL: string;
+  deferredBilling: ApplePayDeferredBilling;
+
+  /**
+   * The billing agreement label that is displayed to the customer in the Apple Pay payment interface.
+   */
+  billingAgreement?: string;
+
+  /**
+   * The future date before which the customer can cancel the deferred payment for free.
+   */
+  freeCancellationDate?: Date;
+
+  /**
+   * The time zone of the free cancellation date.
+   *
+   * These are [tz](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones) timezones such as `America/Los_Angeles`, `Europe/Dublin`, and `Asia/Singapore`.
+   */
+  freeCancellationDateTimeZone?: string;
+}
+
+export type ApplePayOption =
+  | {
+      recurringPaymentRequest: ApplePayRecurringPaymentRequest;
+      deferredPaymentRequest?: null;
+      automaticReloadPaymentRequest?: null;
+    }
+  | {
+      recurringPaymentRequest?: null;
+      deferredPaymentRequest: ApplePayDeferredPaymentRequest;
+      automaticReloadPaymentRequest?: null;
+    }
+  | {
+      recurringPaymentRequest?: null;
+      deferredPaymentRequest?: null;
+      automaticReloadPaymentRequest: ApplePayAutomaticReloadPaymentRequest;
+    }
+  | {
+      recurringPaymentRequest?: null;
+      deferredPaymentRequest?: null;
+      automaticReloadPaymentRequest?: null;
+    };
+
+export type ApplePayUpdateOption =
+  | {
+      recurringPaymentRequest: ApplePayRecurringPaymentRequest;
+      automaticReloadPaymentRequest?: null;
+    }
+  | {
+      recurringPaymentRequest?: null;
+      automaticReloadPaymentRequest: ApplePayAutomaticReloadPaymentRequest;
+    }
+  | {
+      recurringPaymentRequest?: null;
+      automaticReloadPaymentRequest?: null;
+    };

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

@@ -1,5 +1,6 @@
 import {StripeElementBase} from './base';
 import {StripeError} from '../stripe';
+import {ApplePayOption, ApplePayUpdateOption} from './apple-pay';
 
 export type StripeExpressCheckoutElement = StripeElementBase & {
   /**
@@ -362,29 +363,6 @@ export interface StripeExpressCheckoutElementReadyEvent {
   availablePaymentMethods: undefined | AvailablePaymentMethods;
 }
 
-export type RecurringPaymentIntervalUnit =
-  | 'year'
-  | 'month'
-  | 'day'
-  | 'hour'
-  | 'minute';
-
-export type ApplePayOption = {
-  recurringPaymentRequest?: {
-    paymentDescription: string;
-    managementURL: string;
-    regularBilling: {
-      amount: number;
-      label: string;
-      recurringPaymentStartDate?: Date;
-      recurringPaymentEndDate?: Date;
-      recurringPaymentIntervalUnit?: RecurringPaymentIntervalUnit;
-      recurringPaymentIntervalCount?: number;
-    };
-    billingAgreement?: string;
-  };
-};
-
 export type ClickResolveDetails = {
   /**
    * An array of two-letter ISO country codes representing which countries
@@ -451,6 +429,7 @@ export interface StripeExpressCheckoutElementConfirmEvent {
 export type ChangeResolveDetails = {
   lineItems?: Array<LineItem>;
   shippingRates?: Array<ShippingRate>;
+  applePay?: ApplePayUpdateOption;
 };
 
 export interface StripeExpressCheckoutElementShippingAddressChangeEvent {

package/types/stripe-js/elements/payment.d.ts

@@ -1,5 +1,6 @@
 import {StripeElementBase} from './base';
 import {StripeError} from '../stripe';
+import {ApplePayOption} from './apple-pay';
 
 export type StripePaymentElement = StripeElementBase & {
   /**
@@ -239,6 +240,11 @@ export interface StripePaymentElementOptions {
    * Specify a layout to use when rendering a Payment Element.
    */
   layout?: Layout | LayoutObject;
+
+  /**
+   * Specify the options to be used when the Apple Pay payment interface opens.
+   */
+  applePay?: ApplePayOption;
 }
 
 export interface StripePaymentElementChangeEvent {

package/types/stripe-js/elements-group.d.ts

@@ -778,11 +778,6 @@ export interface StripeElementsOptionsMode extends BaseStripeElementsOptions {
    */
   paymentMethodCreation?: 'manual';
 
-  /**
-   * Allows PaymentMethods to be created from the Elements instance.
-   */
-  payment_method_creation?: 'manual';
-
   /**
    * Additional payment-method-specific options for configuring Payment Element behavior.
    *

package/types/stripe-js/payment-request.d.ts

@@ -1,4 +1,5 @@
 import {Token, PaymentMethod, Source} from '../api';
+import {ApplePayOption, ApplePayUpdateOption} from './elements/apple-pay';
 
 export interface PaymentRequest {
   /**
@@ -154,6 +155,11 @@ export interface PaymentRequestUpdateOptions {
    */
 
   shippingOptions?: PaymentRequestShippingOption[];
+
+  /**
+   * Specify the options to be used when the Apple Pay payment interface opens.
+   */
+  applePay?: ApplePayOption;
 }
 
 /**
@@ -226,6 +232,11 @@ export interface PaymentRequestOptions {
    */
   disableWallets?: PaymentRequestWallet[];
 
+  /**
+   * Specify the options to be used when the Apple Pay payment interface opens.
+   */
+  applePay?: ApplePayOption;
+
   /**
    * @deprecated
    * Use disableWallets instead.
@@ -497,6 +508,11 @@ export interface PaymentRequestUpdateDetails {
    * The first shipping option listed appears in the browser payment interface as the default option.
    */
   shippingOptions?: PaymentRequestShippingOption[];
+
+  /**
+   * Specify new options to refresh the Apple Pay payment interface.
+   */
+  applePay?: ApplePayUpdateOption;
 }
 
 export interface PaymentRequestShippingOptionEvent {