@stripe/stripe-js 9.0.1 → 9.2.0

package/dist/index.js

@@ -71,7 +71,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "9.0.1",
+    version: "9.2.0",
     startTime: startTime
   });
 };
@@ -172,7 +172,7 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
   var expectedVersion = RELEASE_TRAIN;
 
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.0.1", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.2.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);

package/dist/index.mjs

@@ -67,7 +67,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "9.0.1",
+    version: "9.2.0",
     startTime: startTime
   });
 };
@@ -168,7 +168,7 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
   var expectedVersion = RELEASE_TRAIN;
 
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.0.1", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.2.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);

package/dist/pure.js

@@ -71,7 +71,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "9.0.1",
+    version: "9.2.0",
     startTime: startTime
   });
 };
@@ -172,7 +172,7 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
   var expectedVersion = RELEASE_TRAIN;
 
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.0.1", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.2.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);

package/dist/pure.mjs

@@ -67,7 +67,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "9.0.1",
+    version: "9.2.0",
     startTime: startTime
   });
 };
@@ -168,7 +168,7 @@ var initStripe = function initStripe(maybeStripe, args, startTime) {
   var expectedVersion = RELEASE_TRAIN;
 
   if (isTestKey && version !== expectedVersion) {
-    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.0.1", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+    console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.2.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);

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

@@ -21,6 +21,7 @@ import {
   PaymentWalletsOption,
   StripeCheckoutFormConfirmEvent,
   ExpressCheckoutPaymentMethodsOption,
+  StripeContactDetailsElement,
 } from './elements';
 
 type SavedPaymentMethodOption = {
@@ -148,6 +149,7 @@ export type StripeCheckoutSavedPaymentMethod = {
 export type StripeCheckoutTaxAmount = StripeCheckoutAmount & {
   inclusive: boolean;
   displayName: string;
+  percentage?: number;
 };
 
 export type StripeCheckoutLineItem = {
@@ -159,6 +161,7 @@ export type StripeCheckoutLineItem = {
   taxExclusive: StripeCheckoutAmount;
   taxInclusive: StripeCheckoutAmount;
   unitAmount: StripeCheckoutAmount;
+  unitAmountDecimal: StripeCheckoutAmount | null;
   description: string | null;
   quantity: number;
   discountAmounts: Array<StripeCheckoutDiscountAmount> | null;
@@ -382,6 +385,8 @@ export type StripeCheckoutAddressElementOptions = {
   };
 };
 
+export type StripeCheckoutContactDetailsElementOptions = Record<string, never>;
+
 /**
  * Wallet button theme options for CheckoutForm.
  */
@@ -700,6 +705,9 @@ export interface StripeCheckoutElementsSdk {
   createCurrencySelectorElement(): StripeCurrencySelectorElement;
   /* Requires beta header when initializing Stripe: @docs https://docs.stripe.com/tax/advanced/tax-ids?payment-ui=embedded-components#render-tax-id-element */
   createTaxIdElement(options?: StripeTaxIdElementOptions): StripeTaxIdElement;
+  createContactDetailsElement(
+    options?: StripeCheckoutContactDetailsElementOptions
+  ): StripeContactDetailsElement;
 }
 
 /* Requires beta access: Contact [Stripe support](https://support.stripe.com/) for more information. */

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

@@ -21,6 +21,7 @@ import {
   PaymentWalletsOption,
   StripeCheckoutFormConfirmEvent,
   ExpressCheckoutPaymentMethodsOption,
+  StripeContactDetailsElement,
 } from './elements';
 
 type SavedPaymentMethodOption = {
@@ -148,6 +149,7 @@ export type StripeCheckoutSavedPaymentMethod = {
 export type StripeCheckoutTaxAmount = StripeCheckoutAmount & {
   inclusive: boolean;
   displayName: string;
+  percentage?: number;
 };
 
 export type StripeCheckoutLineItem = {
@@ -159,6 +161,7 @@ export type StripeCheckoutLineItem = {
   taxExclusive: StripeCheckoutAmount;
   taxInclusive: StripeCheckoutAmount;
   unitAmount: StripeCheckoutAmount;
+  unitAmountDecimal: StripeCheckoutAmount | null;
   description: string | null;
   quantity: number;
   discountAmounts: Array<StripeCheckoutDiscountAmount> | null;
@@ -382,6 +385,8 @@ export type StripeCheckoutAddressElementOptions = {
   };
 };
 
+export type StripeCheckoutContactDetailsElementOptions = Record<string, never>;
+
 /**
  * Wallet button theme options for CheckoutForm.
  */
@@ -700,6 +705,9 @@ export interface StripeCheckoutElementsSdk {
   createCurrencySelectorElement(): StripeCurrencySelectorElement;
   /* Requires beta header when initializing Stripe: @docs https://docs.stripe.com/tax/advanced/tax-ids?payment-ui=embedded-components#render-tax-id-element */
   createTaxIdElement(options?: StripeTaxIdElementOptions): StripeTaxIdElement;
+  createContactDetailsElement(
+    options?: StripeCheckoutContactDetailsElementOptions
+  ): StripeContactDetailsElement;
 }
 
 /* Requires beta access: Contact [Stripe support](https://support.stripe.com/) for more information. */

package/dist/stripe-js/elements/contact-details.d.mts

@@ -0,0 +1,152 @@
+import {StripeElementBase} from './base';
+import {StripeError} from '../stripe';
+
+export type StripeContactDetailsElement = StripeElementBase & {
+  /**
+   * The change event is triggered when the `Element`'s value changes.
+   */
+  on(
+    eventType: 'change',
+    handler: (event: StripeContactDetailsElementChangeEvent) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'change',
+    handler: (event: StripeContactDetailsElementChangeEvent) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'change',
+    handler?: (event: StripeContactDetailsElementChangeEvent) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the element is fully rendered and can accept `element.focus` calls.
+   */
+  on(
+    eventType: 'ready',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'ready',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'ready',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the element gains focus.
+   */
+  on(
+    eventType: 'focus',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'focus',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'focus',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the element loses focus.
+   */
+  on(
+    eventType: 'blur',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'blur',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'blur',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the escape key is pressed within the element.
+   */
+  on(
+    eventType: 'escape',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'escape',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'escape',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the element fails to load.
+   */
+  on(
+    eventType: 'loaderror',
+    handler: (event: {elementType: 'contactDetails'; error: StripeError}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'loaderror',
+    handler: (event: {elementType: 'contactDetails'; error: StripeError}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'loaderror',
+    handler?: (event: {
+      elementType: 'contactDetails';
+      error: StripeError;
+    }) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the loader UI is mounted to the DOM and ready to be displayed.
+   */
+  on(
+    eventType: 'loaderstart',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'loaderstart',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'loaderstart',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+};
+
+export interface StripeContactDetailsElementOptions {
+  /**
+   * Default values for ContactDetailsElement fields
+   */
+  defaultValues?: {
+    email: string;
+  };
+}
+
+export interface StripeContactDetailsElementChangeEvent {
+  /**
+   * The type of element that emitted this event.
+   */
+  elementType: 'contactDetails';
+
+  /**
+   * Whether or not the ContactDetails Element is currently empty.
+   */
+  empty: boolean;
+
+  /**
+   * Whether or not the ContactDetails Element is complete.
+   */
+  complete: boolean;
+
+  /**
+   * An object containing the current email.
+   */
+  value: {
+    email: string;
+  };
+}

package/dist/stripe-js/elements/contact-details.d.ts

@@ -0,0 +1,152 @@
+import {StripeElementBase} from './base';
+import {StripeError} from '../stripe';
+
+export type StripeContactDetailsElement = StripeElementBase & {
+  /**
+   * The change event is triggered when the `Element`'s value changes.
+   */
+  on(
+    eventType: 'change',
+    handler: (event: StripeContactDetailsElementChangeEvent) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'change',
+    handler: (event: StripeContactDetailsElementChangeEvent) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'change',
+    handler?: (event: StripeContactDetailsElementChangeEvent) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the element is fully rendered and can accept `element.focus` calls.
+   */
+  on(
+    eventType: 'ready',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'ready',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'ready',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the element gains focus.
+   */
+  on(
+    eventType: 'focus',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'focus',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'focus',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the element loses focus.
+   */
+  on(
+    eventType: 'blur',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'blur',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'blur',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the escape key is pressed within the element.
+   */
+  on(
+    eventType: 'escape',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'escape',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'escape',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the element fails to load.
+   */
+  on(
+    eventType: 'loaderror',
+    handler: (event: {elementType: 'contactDetails'; error: StripeError}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'loaderror',
+    handler: (event: {elementType: 'contactDetails'; error: StripeError}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'loaderror',
+    handler?: (event: {
+      elementType: 'contactDetails';
+      error: StripeError;
+    }) => any
+  ): StripeContactDetailsElement;
+
+  /**
+   * Triggered when the loader UI is mounted to the DOM and ready to be displayed.
+   */
+  on(
+    eventType: 'loaderstart',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  once(
+    eventType: 'loaderstart',
+    handler: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+  off(
+    eventType: 'loaderstart',
+    handler?: (event: {elementType: 'contactDetails'}) => any
+  ): StripeContactDetailsElement;
+};
+
+export interface StripeContactDetailsElementOptions {
+  /**
+   * Default values for ContactDetailsElement fields
+   */
+  defaultValues?: {
+    email: string;
+  };
+}
+
+export interface StripeContactDetailsElementChangeEvent {
+  /**
+   * The type of element that emitted this event.
+   */
+  elementType: 'contactDetails';
+
+  /**
+   * Whether or not the ContactDetails Element is currently empty.
+   */
+  empty: boolean;
+
+  /**
+   * Whether or not the ContactDetails Element is complete.
+   */
+  complete: boolean;
+
+  /**
+   * An object containing the current email.
+   */
+  value: {
+    email: string;
+  };
+}

package/dist/stripe-js/elements/index.d.mts

@@ -7,6 +7,7 @@ export * from './card-cvc';
 export * from './card-expiry';
 export * from './card-number';
 export * from './card';
+export * from './contact-details';
 export * from './currency-selector';
 export * from './express-checkout';
 export * from './iban';

package/dist/stripe-js/elements/index.d.ts

@@ -7,6 +7,7 @@ export * from './card-cvc';
 export * from './card-expiry';
 export * from './card-number';
 export * from './card';
+export * from './contact-details';
 export * from './currency-selector';
 export * from './express-checkout';
 export * from './iban';

package/dist/stripe-js/elements-group.d.mts

@@ -10,6 +10,8 @@ import {
   StripePaymentElementOptions,
   StripeLinkAuthenticationElement,
   StripeLinkAuthenticationElementOptions,
+  StripeContactDetailsElement,
+  StripeContactDetailsElementOptions,
   StripeIbanElement,
   StripeIbanElementOptions,
   StripeCardCvcElement,
@@ -240,6 +242,23 @@ export interface StripeElements {
     elementType: 'linkAuthentication'
   ): StripeLinkAuthenticationElement | null;
 
+  /////////////////////////////
+  /// contactDetails
+  /////////////////////////////
+
+  /**
+   * Creates a `ContactDetailsElement`.
+   */
+  create(
+    elementType: 'contactDetails',
+    options?: StripeContactDetailsElementOptions
+  ): StripeContactDetailsElement;
+
+  /**
+   * Looks up a previously created `Element` by its type.
+   */
+  getElement(elementType: 'contactDetails'): StripeContactDetailsElement | null;
+
   /////////////////////////////
   /// expressCheckout
   /////////////////////////////
@@ -409,6 +428,7 @@ export type StripeElementType =
   | 'cardNumber'
   | 'cardExpiry'
   | 'cardCvc'
+  | 'contactDetails'
   | 'currencySelector'
   | 'expressCheckout'
   | 'iban'
@@ -434,6 +454,7 @@ export type StripeElement =
   | StripeCardExpiryElement
   | StripeCardCvcElement
   | StripeIbanElement
+  | StripeContactDetailsElement
   | StripeCurrencySelectorElement
   | StripeExpressCheckoutElement
   | StripePaymentElement
@@ -685,7 +706,7 @@ interface BaseStripeElementsOptions {
 
   /**
    * Display skeleton loader UI while waiting for Elements to be fully loaded, after they are mounted.
-   * Supported for the `payment`, `shippingAddress`, and `linkAuthentication` Elements.
+   * Supported for the `payment`, `shippingAddress`, `linkAuthentication`, and `contactDetails` Elements.
    * Default is `'auto'` (Stripe determines if a loader UI should be shown).
    */
   loader?: 'auto' | 'always' | 'never';
@@ -695,7 +716,7 @@ interface BaseStripeElementsOptions {
    * Contact [Stripe support](https://support.stripe.com/) for more information.
    *
    * Display saved PaymentMethods and Customer information.
-   * Supported for the `payment`, `shippingAddress`, and `linkAuthentication` Elements.
+   * Supported for the `payment`, `shippingAddress`, `linkAuthentication`, and `contactDetails` Elements.
    */
   customerOptions?: CustomerOptions;
 

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

@@ -10,6 +10,8 @@ import {
   StripePaymentElementOptions,
   StripeLinkAuthenticationElement,
   StripeLinkAuthenticationElementOptions,
+  StripeContactDetailsElement,
+  StripeContactDetailsElementOptions,
   StripeIbanElement,
   StripeIbanElementOptions,
   StripeCardCvcElement,
@@ -240,6 +242,23 @@ export interface StripeElements {
     elementType: 'linkAuthentication'
   ): StripeLinkAuthenticationElement | null;
 
+  /////////////////////////////
+  /// contactDetails
+  /////////////////////////////
+
+  /**
+   * Creates a `ContactDetailsElement`.
+   */
+  create(
+    elementType: 'contactDetails',
+    options?: StripeContactDetailsElementOptions
+  ): StripeContactDetailsElement;
+
+  /**
+   * Looks up a previously created `Element` by its type.
+   */
+  getElement(elementType: 'contactDetails'): StripeContactDetailsElement | null;
+
   /////////////////////////////
   /// expressCheckout
   /////////////////////////////
@@ -409,6 +428,7 @@ export type StripeElementType =
   | 'cardNumber'
   | 'cardExpiry'
   | 'cardCvc'
+  | 'contactDetails'
   | 'currencySelector'
   | 'expressCheckout'
   | 'iban'
@@ -434,6 +454,7 @@ export type StripeElement =
   | StripeCardExpiryElement
   | StripeCardCvcElement
   | StripeIbanElement
+  | StripeContactDetailsElement
   | StripeCurrencySelectorElement
   | StripeExpressCheckoutElement
   | StripePaymentElement
@@ -685,7 +706,7 @@ interface BaseStripeElementsOptions {
 
   /**
    * Display skeleton loader UI while waiting for Elements to be fully loaded, after they are mounted.
-   * Supported for the `payment`, `shippingAddress`, and `linkAuthentication` Elements.
+   * Supported for the `payment`, `shippingAddress`, `linkAuthentication`, and `contactDetails` Elements.
    * Default is `'auto'` (Stripe determines if a loader UI should be shown).
    */
   loader?: 'auto' | 'always' | 'never';
@@ -695,7 +716,7 @@ interface BaseStripeElementsOptions {
    * Contact [Stripe support](https://support.stripe.com/) for more information.
    *
    * Display saved PaymentMethods and Customer information.
-   * Supported for the `payment`, `shippingAddress`, and `linkAuthentication` Elements.
+   * Supported for the `payment`, `shippingAddress`, `linkAuthentication`, and `contactDetails` Elements.
    */
   customerOptions?: CustomerOptions;
 

package/package.json

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