@stripe/stripe-js 1.37.0 → 1.38.0

package/dist/pure.esm.js

@@ -54,7 +54,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "1.37.0",
+    version: "1.38.0",
     startTime: startTime
   });
 };

package/dist/pure.js

@@ -58,7 +58,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "1.37.0",
+    version: "1.38.0",
     startTime: startTime
   });
 };

package/dist/stripe.esm.js

@@ -38,7 +38,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "1.37.0",
+    version: "1.38.0",
     startTime: startTime
   });
 };

package/dist/stripe.js

@@ -42,7 +42,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "1.37.0",
+    version: "1.38.0",
     startTime: startTime
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/stripe-js",
-  "version": "1.37.0",
+  "version": "1.38.0",
   "description": "Stripe.js loading utility",
   "main": "dist/stripe.js",
   "module": "dist/stripe.esm.js",

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

@@ -171,6 +171,8 @@ export interface StripeAddressElementOptions {
    */
   defaultValues?: {
     name?: string | null;
+    firstName?: string | null;
+    lastName?: string | null;
     address?: {
       line1?: string | null;
       line2?: string | null;
@@ -197,6 +199,13 @@ export interface StripeAddressElementOptions {
       required: 'always' | 'never' | 'auto';
     };
   };
+
+  /**
+   * Specify display options in the AddressElement
+   */
+  display?: {
+    name?: 'full' | 'split' | 'organization';
+  };
 }
 
 export interface StripeAddressElementChangeEvent
@@ -231,6 +240,8 @@ export interface StripeAddressElementChangeEvent
    */
   value: {
     name: string;
+    firstName?: string;
+    lastName?: string;
     address: {
       line1: string;
       line2: string | null;

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

@@ -1,4 +1,5 @@
 export * from './address';
+export * from './payment-method-messaging';
 export * from './affirm-message';
 export * from './afterpay-clearpay-message';
 export * from './au-bank-account';

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

@@ -0,0 +1,93 @@
+export type StripePaymentMethodMessagingElement = {
+  /**
+   * The `element.mount` method attaches your [Element](https://stripe.com/docs/js/element) to the DOM.
+   * `element.mount` accepts either a CSS Selector (e.g., `'#payment-method-messaging'`) or a DOM element.
+   */
+  mount(domElement: string | HTMLElement): void;
+
+  /**
+   * Removes the element from the DOM and destroys it.
+   * A destroyed element can not be re-activated or re-mounted to the DOM.
+   */
+  destroy(): void;
+
+  /**
+   * Unmounts the element from the DOM.
+   * Call `element.mount` to re-attach it to the DOM.
+   */
+  unmount(): void;
+
+  /**
+   * Updates the options the `PaymentMethodMessagingElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   */
+  update(options: Partial<StripePaymentMethodMessagingElementOptions>): void;
+
+  /**
+   * Triggered when the element is fully loaded and ready to perform method calls.
+   */
+  on(
+    eventType: 'ready',
+    handler: (event: {elementType: 'paymentMethodMessaging'}) => any
+  ): StripePaymentMethodMessagingElement;
+};
+
+export interface StripePaymentMethodMessagingElementOptions {
+  /**
+   * The total amount in the smallest currency unit.
+   */
+  amount: number;
+
+  /**
+   * The currency to display.
+   */
+  currency:
+    | 'USD'
+    | 'GBP'
+    | 'EUR'
+    | 'DKK'
+    | 'NOK'
+    | 'SEK'
+    | 'AUD'
+    | 'CAD'
+    | 'NZD';
+
+  /**
+   * Payment methods to show messaging for.
+   */
+  paymentMethods: Array<'afterpay_clearpay' | 'klarna'>;
+
+  /**
+   * The country the end-buyer is in.
+   */
+  countryCode:
+    | 'US'
+    | 'CA'
+    | 'AU'
+    | 'NZ'
+    | 'GB'
+    | 'IE'
+    | 'FR'
+    | 'ES'
+    | 'DE'
+    | 'AT'
+    | 'BE'
+    | 'DK'
+    | 'FI'
+    | 'IT'
+    | 'NL'
+    | 'NO'
+    | 'SE';
+
+  /**
+   * The font color of the promotional message.
+   */
+  darkMode?: boolean;
+
+  /**
+   * The font size of the promotional message.
+   */
+  metaData?: {
+    messagingClientReferenceId: string | null;
+  };
+}

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

@@ -31,6 +31,8 @@ import {
   StripeAfterpayClearpayMessageElementOptions,
   StripeAffirmMessageElement,
   StripeAffirmMessageElementOptions,
+  StripePaymentMethodMessagingElementOptions,
+  StripePaymentMethodMessagingElement,
   StripeAfterpayClearpayMessageElement,
   StripeAuBankAccountElementOptions,
 } from './elements';
@@ -71,6 +73,25 @@ export interface StripeElements {
    */
   getElement(elementType: 'address'): StripeAddressElement | null;
 
+  /////////////////////////////
+  /// paymentMethodMessaging
+  /////////////////////////////
+
+  /**
+   * Creates an `paymentMethodMessagingElement`.
+   */
+  create(
+    elementType: 'paymentMethodMessaging',
+    options: StripePaymentMethodMessagingElementOptions
+  ): StripePaymentMethodMessagingElement;
+
+  /**
+   * Looks up a previously created `Element` by its type.
+   */
+  getElement(
+    elementType: 'paymentMethodMessaging'
+  ): StripePaymentMethodMessagingElement | null;
+
   /////////////////////////////
   /// affirmMessage
   /////////////////////////////