@stripe/stripe-js 1.38.1 → 1.40.0

package/dist/pure.esm.js

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

package/dist/pure.js

@@ -58,7 +58,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "1.38.1",
+    version: "1.40.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.38.1",
+    version: "1.40.0",
     startTime: startTime
   });
 };

package/dist/stripe.js

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

package/package.json

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

package/types/api/financial-connections.d.ts

@@ -1,3 +1,93 @@
+type SupportedPaymentMethodType = 'us_bank_account' | 'link';
+
+interface CommonBalance {
+  /**
+   * The time that the external institution calculated this balance. Measured
+   * in seconds since the Unix epoch.
+   */
+  as_of: number;
+
+  /**
+   * The balances owed to (or by) the account holder.
+   *
+   * Each key is a three-letter ISO currency code, in lowercase.
+   *
+   * Each value is a integer amount. A positive amount indicates money owed to
+   * the account holder. A negative amount indicates money owed by the account
+   * holder.
+   */
+  current: {
+    [key: string]: number | undefined;
+  };
+}
+
+interface CashBalance {
+  /**
+   * Information on a `cash` balance. Only set if `balance.type` is `cash`.
+   */
+  cash: {
+    /**
+     * The funds available to the account holder. Typically this is the
+     * current balance less any holds.
+     *
+     * Each key is a three-letter ISO currency code, in lowercase.
+     *
+     * Each value is a integer amount. A positive amount indicates money owed
+     * to the account holder. A negative amount indicates money owed by the
+     * account holder.
+     */
+    available: {[key: string]: number | undefined};
+  };
+
+  type: 'cash';
+}
+
+interface CreditBalance {
+  /**
+   * Information on a `credit` balance. Only set if `balance.type` is `credit`.
+   */
+  credit: {
+    /**
+     * The credit that has been used by the account holder.
+     *
+     * Each key is a three-letter ISO currency code, in lowercase
+     *
+     * Each value is a integer amount. A positive amount indicates money owed
+     * to the account holder. A negative amount indicates money owed by the
+     * account holder.
+     */
+    used: {[key: string]: number | undefined};
+  };
+
+  type: 'credit';
+}
+
+type Balance = (CommonBalance & CashBalance) | (CommonBalance & CreditBalance);
+
+interface BalanceRefresh {
+  /**
+   * The status of the Balance Refresh
+   */
+  status: 'pending' | 'succeeded' | 'failed';
+
+  /**
+   * Time at which the Balance Refresh was attempted. Measured in seconds since the Unix epoch.
+   */
+  last_attempted_at: number;
+}
+
+interface OwnershipRefresh {
+  /**
+   * The status of the Ownership Refresh
+   */
+  status: 'pending' | 'succeeded' | 'failed';
+
+  /**
+   * Time at which the Ownersip Refresh was attempted. Measured in seconds since the Unix epoch.
+   */
+  last_attempted_at: number;
+}
+
 /**
  * The Financial Connections Session object
  */
@@ -43,10 +133,25 @@ export namespace FinancialConnectionsSession {
      */
     object: 'linked_account' | 'financial_connections.account';
 
+    /**
+     * The balance for this Account
+     */
+    balance: null | Balance;
+
+    /**
+     * The most recent Balance Refresh for this Account
+     */
+    balance_refresh: null | BalanceRefresh;
+
     /**
      * The type of the account.
      */
-    category: string;
+    category: 'cash' | 'credit' | 'investment' | 'other';
+
+    /**
+     * Time at which the object was created. Measured in seconds since the Unix epoch.
+     */
+    created: number;
 
     /**
      * A human-readable name that has been assigned to this account, either by the account holder or by the institution.
@@ -62,6 +167,47 @@ export namespace FinancialConnectionsSession {
      * The last 4 digits of the account number. If present, this will be 4 numeric characters.
      */
     last4: string | null;
+
+    /**
+     * Has the value `true` if the object exists in live mode or the value `false` if the object exists in test mode.
+     */
+    livemode: boolean;
+
+    /**
+     * The ID of this account's Ownership resource.
+     */
+    ownership: string | null;
+
+    /**
+     * The most recent Ownership Refresh for this Account
+     */
+    ownership_refresh: null | OwnershipRefresh;
+
+    /**
+     * Permissions granted on this Account
+     */
+    permissions: Permission[];
+
+    /**
+     * The status of the Account
+     */
+    status: 'active' | 'inactive' | 'disconnected';
+
+    /**
+     * The sub-category of the Account
+     */
+    subcategory:
+      | 'checking'
+      | 'savings'
+      | 'mortgage'
+      | 'line_of_credit'
+      | 'credit_card'
+      | 'other';
+
+    /**
+     * The types of Payment Methods which can be set up by this Account
+     */
+    supported_payment_method_types: SupportedPaymentMethodType[];
   }
 
   /**

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

@@ -1,4 +1,4 @@
-import {StripeElementBase, StripeElementChangeEvent} from './base';
+import {StripeElementBase} from './base';
 import {StripeError} from '../stripe';
 
 export type StripeAddressElement = StripeElementBase & {
@@ -208,8 +208,7 @@ export interface StripeAddressElementOptions {
   };
 }
 
-export interface StripeAddressElementChangeEvent
-  extends StripeElementChangeEvent {
+export interface StripeAddressElementChangeEvent {
   /**
    * The type of element that emitted this event.
    */

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

@@ -0,0 +1,157 @@
+import {StripeElementBase} from './base';
+import {StripeError} from '../stripe';
+
+export type StripeCartElement = StripeElementBase & {
+  /**
+   * The change event is triggered when the `Element`'s value changes.
+   */
+  on(
+    eventType: 'change',
+    handler: (event: StripeCartElementPayloadEvent) => any
+  ): StripeCartElement;
+  once(
+    eventType: 'change',
+    handler: (event: StripeCartElementPayloadEvent) => any
+  ): StripeCartElement;
+  off(
+    eventType: 'change',
+    handler?: (event: StripeCartElementPayloadEvent) => any
+  ): StripeCartElement;
+
+  /**
+   * Triggered when the element is fully rendered and can accept `element.focus` calls.
+   */
+  on(
+    eventType: 'ready',
+    handler: (event: StripeCartElementPayloadEvent) => any
+  ): StripeCartElement;
+  once(
+    eventType: 'ready',
+    handler: (event: StripeCartElementPayloadEvent) => any
+  ): StripeCartElement;
+  off(
+    eventType: 'ready',
+    handler?: (event: StripeCartElementPayloadEvent) => any
+  ): StripeCartElement;
+
+  /**
+   * Triggered when the element fails to load.
+   */
+  on(
+    eventType: 'loaderror',
+    handler: (event: {elementType: 'cart'; error: StripeError}) => any
+  ): StripeCartElement;
+  once(
+    eventType: 'loaderror',
+    handler: (event: {elementType: 'cart'; error: StripeError}) => any
+  ): StripeCartElement;
+  off(
+    eventType: 'loaderror',
+    handler?: (event: {elementType: 'cart'; error: StripeError}) => any
+  ): StripeCartElement;
+
+  /**
+   * Triggered when the 'checkout' button in the element is clicked
+   */
+  on(
+    eventType: 'checkout',
+    handler: (event: StripeCartElementPayloadEvent) => any
+  ): StripeCartElement;
+  once(
+    eventType: 'checkout',
+    handler: (event: StripeCartElementPayloadEvent) => any
+  ): StripeCartElement;
+  off(
+    eventType: 'checkout',
+    handler?: (event: StripeCartElementPayloadEvent) => any
+  ): StripeCartElement;
+
+  /**
+   * Triggered when a line item in the element is clicked
+   */
+  on(
+    eventType: 'lineitemclick',
+    handler: (event: StripeCartElementLineItemClickEvent) => any
+  ): StripeCartElement;
+  once(
+    eventType: 'lineitemclick',
+    handler: (event: StripeCartElementLineItemClickEvent) => any
+  ): StripeCartElement;
+  off(
+    eventType: 'lineitemclick',
+    handler?: (event: StripeCartElementLineItemClickEvent) => any
+  ): StripeCartElement;
+
+  /**
+   * Updates the options the `CartElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   */
+  update(options: Partial<StripeCartElementOptions>): StripeCartElement;
+};
+
+export type CartDescriptor = 'cart' | 'bag' | 'basket';
+
+export type CartShowOnAdd = 'never' | 'auto';
+
+export interface StripeCartElementOptions {
+  /**
+   * Identifies the CartSession the Element will display and modify.
+   */
+  clientSecret: string;
+
+  /**
+   * Override the verbiage used within the Element to refer to itself.
+   * By default the Cart Element will use the term 'cart'.
+   */
+  descriptor?: CartDescriptor | null;
+
+  /**
+   * Override the text used in the title of the Element.
+   * By default the Cart Element will use the title 'Your [descriptor]'.
+   */
+  header?: {
+    text?: string;
+  };
+
+  /**
+   * Control whether the Element automatically appears when items are added to the cart.
+   * By default, the Cart Element will use 'auto'.
+   */
+  showOnAdd?: CartShowOnAdd | null;
+}
+
+export interface StripeCartElementPayloadEvent {
+  /**
+   * The type of element that emitted this event.
+   */
+  elementType: 'cart';
+
+  /**
+   * The ID of the CartSession associated with the Element.
+   */
+  id: string;
+
+  /**
+   * The number of line items currently in the cart.
+   */
+  lineItems: {
+    count: number;
+  };
+}
+
+export interface StripeCartElementLineItemClickEvent {
+  /**
+   * The type of element that emitted this event.
+   */
+  elementType: 'cart';
+
+  /**
+   * The ID of the CartSession associated with the Element.
+   */
+  preventDefault: () => void;
+
+  /**
+   * The type of element that emitted this event.
+   */
+  url: string;
+}

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

@@ -8,6 +8,7 @@ export * from './card-cvc';
 export * from './card-expiry';
 export * from './card-number';
 export * from './card';
+export * from './cart';
 export * from './eps-bank';
 export * from './fpx-bank';
 export * from './iban';
@@ -17,3 +18,4 @@ export * from './p24-bank';
 export * from './payment-request-button';
 export * from './payment';
 export * from './shipping-address';
+export * from './issuing';

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

@@ -0,0 +1,5 @@
+export * from './issuing-card-number-display';
+export * from './issuing-card-cvc-display';
+export * from './issuing-card-expiry-display';
+export * from './issuing-card-pin-display';
+export * from './issuing-card-copy-button';

package/types/stripe-js/elements/issuing/issuing-card-copy-button.d.ts

@@ -0,0 +1,37 @@
+import {StripeElementBase, StripeElementStyle} from '../base';
+
+export type StripeIssuingCardCopyButtonElement = StripeElementBase & {
+  /**
+   * Triggered when the element is clicked.
+   */
+  on(
+    eventType: 'click',
+    handler: (event: {elementType: 'issuingCardCopyButton'}) => any
+  ): StripeIssuingCardCopyButtonElement;
+  once(
+    eventType: 'click',
+    handler: (event: {elementType: 'issuingCardCopyButton'}) => any
+  ): StripeIssuingCardCopyButtonElement;
+  off(
+    eventType: 'click',
+    handler?: (event: {elementType: 'issuingCardCopyButton'}) => any
+  ): StripeIssuingCardCopyButtonElement;
+
+  /**
+   * Updates the options the `IssuingCardCopyButtonElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   *
+   * The styles of an `IssuingCardCopyButtonElement` can be dynamically changed using `element.update`.
+   * This method can be used to simulate CSS media queries that automatically adjust the size of elements when viewed on different devices.
+   */
+  update(options: Partial<StripeIssuingCardCopyButtonElementOptions>): void;
+};
+
+export interface StripeIssuingCardCopyButtonElementOptions {
+  /**
+   * The issued card data element to copy to the user's clipboard
+   */
+  toCopy: 'expiry' | 'cvc' | 'number' | 'pin';
+
+  style?: StripeElementStyle;
+}

package/types/stripe-js/elements/issuing/issuing-card-cvc-display.d.ts

@@ -0,0 +1,32 @@
+import {StripeElementBase, StripeElementStyle} from '../base';
+
+export type StripeIssuingCardCvcDisplayElement = StripeElementBase & {
+  /**
+   * Updates the options the `IssuingCardCvcDisplayElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   *
+   * The styles of an `IssuingCardCvcDisplayElement` can be dynamically changed using `element.update`.
+   * This method can be used to simulate CSS media queries that automatically adjust the size of elements when viewed on different devices.
+   */
+  update(options: Partial<StripeIssuingCardCvcDisplayElementOptions>): void;
+};
+
+export interface StripeIssuingCardCvcDisplayElementOptions {
+  /**
+   * The token (e.g. `ic_abc123`) of the issued card to display in this Element
+   */
+  issuingCard: string;
+
+  /**
+   * The secret component of the ephemeral key with which to authenticate this sensitive
+   * card details request
+   */
+  ephemeralKeySecret?: string;
+
+  /**
+   * The nonce used to mint the ephemeral key provided in `ephemeralKeySecret`
+   */
+  nonce?: string;
+
+  style?: StripeElementStyle;
+}

package/types/stripe-js/elements/issuing/issuing-card-expiry-display.d.ts

@@ -0,0 +1,32 @@
+import {StripeElementBase, StripeElementStyle} from '../base';
+
+export type StripeIssuingCardExpiryDisplayElement = StripeElementBase & {
+  /**
+   * Updates the options the `IssuingCardExpiryDisplayElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   *
+   * The styles of an `IssuingCardExpiryDisplayElement` can be dynamically changed using `element.update`.
+   * This method can be used to simulate CSS media queries that automatically adjust the size of elements when viewed on different devices.
+   */
+  update(options: Partial<StripeIssuingCardExpiryDisplayElementOptions>): void;
+};
+
+export interface StripeIssuingCardExpiryDisplayElementOptions {
+  /**
+   * The token (e.g. `ic_abc123`) of the issued card to display in this Element
+   */
+  issuingCard: string;
+
+  /**
+   * The secret component of the ephemeral key with which to authenticate this sensitive
+   * card details request
+   */
+  ephemeralKeySecret?: string;
+
+  /**
+   * The nonce used to mint the ephemeral key provided in `ephemeralKeySecret`
+   */
+  nonce?: string;
+
+  style?: StripeElementStyle;
+}

package/types/stripe-js/elements/issuing/issuing-card-number-display.d.ts

@@ -0,0 +1,32 @@
+import {StripeElementBase, StripeElementStyle} from '../base';
+
+export type StripeIssuingCardNumberDisplayElement = StripeElementBase & {
+  /**
+   * Updates the options the `IssuingCardNumberDisplayElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   *
+   * The styles of an `IssuingCardNumberDisplayElement` can be dynamically changed using `element.update`.
+   * This method can be used to simulate CSS media queries that automatically adjust the size of elements when viewed on different devices.
+   */
+  update(options: Partial<StripeIssuingCardNumberDisplayElementOptions>): void;
+};
+
+export interface StripeIssuingCardNumberDisplayElementOptions {
+  /**
+   * The token (e.g. `ic_abc123`) of the issued card to display in this Element
+   */
+  issuingCard: string;
+
+  /**
+   * The secret component of the ephemeral key with which to authenticate this sensitive
+   * card details request
+   */
+  ephemeralKeySecret?: string;
+
+  /**
+   * The nonce used to mint the ephemeral key provided in `ephemeralKeySecret`
+   */
+  nonce?: string;
+
+  style?: StripeElementStyle;
+}

package/types/stripe-js/elements/issuing/issuing-card-pin-display.d.ts

@@ -0,0 +1,32 @@
+import {StripeElementBase, StripeElementStyle} from '../base';
+
+export type StripeIssuingCardPinDisplayElement = StripeElementBase & {
+  /**
+   * Updates the options the `IssuingCardPinDisplayElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   *
+   * The styles of an `IssuingCardPinDisplayElement` can be dynamically changed using `element.update`.
+   * This method can be used to simulate CSS media queries that automatically adjust the size of elements when viewed on different devices.
+   */
+  update(options: Partial<StripeIssuingCardPinDisplayElementOptions>): void;
+};
+
+export interface StripeIssuingCardPinDisplayElementOptions {
+  /**
+   * The token (e.g. `ic_abc123`) of the issued card to display in this Element
+   */
+  issuingCard: string;
+
+  /**
+   * The secret component of the ephemeral key with which to authenticate this sensitive
+   * card details request
+   */
+  ephemeralKeySecret?: string;
+
+  /**
+   * The nonce used to mint the ephemeral key provided in `ephemeralKeySecret`
+   */
+  nonce?: string;
+
+  style?: StripeElementStyle;
+}

package/types/stripe-js/elements/link-authentication.d.ts

@@ -1,4 +1,4 @@
-import {StripeElementBase, StripeElementChangeEvent} from './base';
+import {StripeElementBase} from './base';
 import {StripeError} from '../stripe';
 
 export type StripeLinkAuthenticationElement = StripeElementBase & {
@@ -133,8 +133,7 @@ export interface StripeLinkAuthenticationElementOptions {
   };
 }
 
-export interface StripeLinkAuthenticationElementChangeEvent
-  extends StripeElementChangeEvent {
+export interface StripeLinkAuthenticationElementChangeEvent {
   /**
    * The type of element that emitted this event.
    */

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

@@ -1,4 +1,4 @@
-import {StripeElementBase, StripeElementChangeEvent} from './base';
+import {StripeElementBase} from './base';
 import {StripeError} from '../stripe';
 
 export type StripeShippingAddressElement = StripeElementBase & {
@@ -176,8 +176,7 @@ export interface StripeShippingAddressElementOptions {
   };
 }
 
-export interface StripeShippingAddressElementChangeEvent
-  extends StripeElementChangeEvent {
+export interface StripeShippingAddressElementChangeEvent {
   /**
    * The type of element that emitted this event.
    */

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

@@ -27,6 +27,8 @@ import {
   StripeCardNumberElementOptions,
   StripeCardElement,
   StripeCardElementOptions,
+  StripeCartElement,
+  StripeCartElementOptions,
   StripeAuBankAccountElement,
   StripeAfterpayClearpayMessageElementOptions,
   StripeAffirmMessageElement,
@@ -35,6 +37,16 @@ import {
   StripePaymentMethodMessagingElement,
   StripeAfterpayClearpayMessageElement,
   StripeAuBankAccountElementOptions,
+  StripeIssuingCardNumberDisplayElement,
+  StripeIssuingCardNumberDisplayElementOptions,
+  StripeIssuingCardCvcDisplayElement,
+  StripeIssuingCardCvcDisplayElementOptions,
+  StripeIssuingCardExpiryDisplayElement,
+  StripeIssuingCardExpiryDisplayElementOptions,
+  StripeIssuingCardPinDisplayElement,
+  StripeIssuingCardPinDisplayElementOptions,
+  StripeIssuingCardCopyButtonElement,
+  StripeIssuingCardCopyButtonElementOptions,
 } from './elements';
 
 export interface StripeElements {
@@ -219,6 +231,29 @@ export interface StripeElements {
    */
   getElement(elementType: 'cardCvc'): StripeCardCvcElement | null;
 
+  /////////////////////////////
+  /// cart
+  /////////////////////////////
+
+  /**
+   * Requires beta access:
+   * Contact [Stripe support](https://support.stripe.com/) for more information.
+   *
+   * Creates a `CartElement`.
+   */
+  create(
+    elementType: 'cart',
+    options: StripeCartElementOptions
+  ): StripeCartElement;
+
+  /**
+   * Requires beta access:
+   * Contact [Stripe support](https://support.stripe.com/) for more information.
+   *
+   * Looks up a previously created `Element` by its type.
+   */
+  getElement(elementType: 'cart'): StripeCartElement | null;
+
   /////////////////////////////
   /// fpxBank
   /////////////////////////////
@@ -399,6 +434,60 @@ export interface StripeElements {
   getElement(
     elementType: 'shippingAddress'
   ): StripeShippingAddressElement | null;
+
+  /////////////////////////////
+  /// issuing
+  /////////////////////////////
+
+  /**
+   * Creates an `issuingCardNumberDisplay` Element
+   *
+   * @docs https://stripe.com/docs/js/issuing_elements/create?type=issuingCardNumberDisplay
+   */
+  create(
+    elementType: 'issuingCardNumberDisplay',
+    options: StripeIssuingCardNumberDisplayElementOptions
+  ): StripeIssuingCardNumberDisplayElement;
+
+  /**
+   * Creates an `issuingCardCvcDisplay` Element
+   *
+   * @docs https://stripe.com/docs/js/issuing_elements/create?type=issuingCardCvcDisplay
+   */
+  create(
+    elementType: 'issuingCardCvcDisplay',
+    options: StripeIssuingCardCvcDisplayElementOptions
+  ): StripeIssuingCardCvcDisplayElement;
+
+  /**
+   * Creates an `issuingCardExpiryDisplay` Element
+   *
+   * @docs https://stripe.com/docs/js/issuing_elements/create?type=issuingCardExpiryDisplay
+   */
+  create(
+    elementType: 'issuingCardExpiryDisplay',
+    options: StripeIssuingCardExpiryDisplayElementOptions
+  ): StripeIssuingCardExpiryDisplayElement;
+
+  /**
+   * Creates an `issuingCardPinDisplay` Element
+   *
+   * @docs https://stripe.com/docs/js/issuing_elements/create?type=issuingCardPinDisplay
+   */
+  create(
+    elementType: 'issuingCardPinDisplay',
+    options: StripeIssuingCardPinDisplayElementOptions
+  ): StripeIssuingCardPinDisplayElement;
+
+  /**
+   * Creates an `issuingCardCopyButton` Element
+   *
+   * @docs https://stripe.com/docs/js/issuing_elements/create?type=issuingCardCopyButton
+   */
+  create(
+    elementType: 'issuingCardCopyButton',
+    options: StripeIssuingCardCopyButtonElementOptions
+  ): StripeIssuingCardCopyButtonElement;
 }
 
 export type StripeElementType =
@@ -410,6 +499,7 @@ export type StripeElementType =
   | 'cardNumber'
   | 'cardExpiry'
   | 'cardCvc'
+  | 'cart'
   | 'epsBank'
   | 'fpxBank'
   | 'iban'
@@ -419,9 +509,15 @@ export type StripeElementType =
   | 'paymentMethodMessaging'
   | 'paymentRequestButton'
   | 'linkAuthentication'
-  | 'shippingAddress';
+  | 'shippingAddress'
+  | 'issuingCardNumberDisplay'
+  | 'issuingCardCvcDisplay'
+  | 'issuingCardExpiryDisplay'
+  | 'issuingCardPinDisplay'
+  | 'issuingCardCopyButton';
 
 export type StripeElement =
+  | StripeAddressElement
   | StripeAffirmMessageElement
   | StripeAfterpayClearpayMessageElement
   | StripeAuBankAccountElement
@@ -429,6 +525,7 @@ export type StripeElement =
   | StripeCardNumberElement
   | StripeCardExpiryElement
   | StripeCardCvcElement
+  | StripeCartElement
   | StripeEpsBankElement
   | StripeFpxBankElement
   | StripeIbanElement
@@ -436,7 +533,14 @@ export type StripeElement =
   | StripeP24BankElement
   | StripePaymentElement
   | StripePaymentMethodMessagingElement
-  | StripePaymentRequestButtonElement;
+  | StripePaymentRequestButtonElement
+  | StripeIssuingCardNumberDisplayElement
+  | StripeIssuingCardCvcDisplayElement
+  | StripeIssuingCardExpiryDisplayElement
+  | StripeIssuingCardPinDisplayElement
+  | StripeIssuingCardCopyButtonElement
+  | StripeLinkAuthenticationElement
+  | StripeShippingAddressElement;
 
 export type StripeElementLocale =
   | 'auto'

package/types/stripe-js/ephemeral-keys.d.ts

@@ -0,0 +1,3 @@
+export interface EphemeralKeyNonceOptions {
+  issuingCard: string;
+}

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

@@ -32,6 +32,7 @@ export type CreatePaymentMethodData =
   | CreatePaymentMethodP24Data
   | CreatePaymentMethodPayPalData
   | CreatePaymentMethodPayNowData
+  | CreatePaymentMethodPixData
   | CreatePaymentMethodPromptPayData
   | CreatePaymentMethodFpxData
   | CreatePaymentMethodUsBankAccountData
@@ -289,6 +290,10 @@ export interface CreatePaymentMethodPayPalData
   type: 'paypal';
 }
 
+export interface CreatePaymentMethodPixData extends PaymentMethodCreateParams {
+  type: 'pix';
+}
+
 export interface CreatePaymentMethodPromptPayData
   extends PaymentMethodCreateParams {
   type: 'promptpay';
@@ -1057,6 +1062,31 @@ export interface ConfirmP24PaymentOptions {
   handleActions?: boolean;
 }
 
+/**
+ * Data to be sent with a `stripe.confirmPixPayment` request.
+ * Refer to the [Payment Intents API](https://stripe.com/docs/api/payment_intents/confirm) for a full list of parameters.
+ */
+export interface ConfirmPixPaymentData extends PaymentIntentConfirmParams {
+  /**
+   * The `id` of an existing [PaymentMethod](https://stripe.com/docs/api/payment_methods).
+   * This field is optional if a `PaymentMethod` has already been attached to this `PaymentIntent` or a new `PaymentMethod` will be created.
+   *
+   * @recommended
+   */
+  payment_method?: string | Omit<CreatePaymentMethodPixData, 'type'>;
+}
+
+/**
+ * An options object to control the behavior of `stripe.confirmPayNowPayment`.
+ */
+export interface ConfirmPixPaymentOptions {
+  /**
+   * Set this to `false` if you want to [manually handle the authorization redirect](https://stripe.com/docs/payments/p24#handle-redirect).
+   * Default is `true`.
+   */
+  handleActions?: boolean;
+}
+
 /**
  * Data to be sent with a `stripe.confirmPayNowPayment` request.
  * Refer to the [Payment Intents API](https://stripe.com/docs/api/payment_intents/confirm) for a full list of parameters.

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

@@ -5,6 +5,7 @@ import * as orders from './orders';
 import * as tokens from './token-and-sources';
 import * as elements from './elements';
 import * as financialConnections from './financial-connections';
+import * as ephemeralKeys from './ephemeral-keys';
 
 import {StripeElements, StripeElementsOptions} from './elements-group';
 import {CheckoutLocale, RedirectToCheckoutOptions} from './checkout';
@@ -408,6 +409,24 @@ export interface Stripe {
     data?: paymentIntents.ConfirmPayPalPaymentData
   ): Promise<PaymentIntentResult>;
 
+  /**
+
+   * Use `stripe.confirmPixPayment` in the [Pix Payments](https://stripe.com/docs/payments/pix) with Payment Methods flow when the customer submits your payment form.
+   * When called, it will confirm the [PaymentIntent](https://stripe.com/docs/api/payment_intents) with `data` you provide.
+   * Refer to our [integration guide](https://stripe.com/docs/payments/pix) for more details.
+   *
+   * When you confirm a `PaymentIntent`, it needs to have an attached [PaymentMethod](https://stripe.com/docs/api/payment_methods).
+   * In addition to confirming the `PaymentIntent`, this method can automatically create and attach a new PaymentMethod for you.
+   * If you have already attached a `PaymentMethod` you can call this method without needing to provide any additional data.
+   *
+   * @docs https://stripe.com/docs/js/payment_intents/confirm_pix_payment
+   */
+  confirmPixPayment(
+    clientSecret: string,
+    data?: paymentIntents.ConfirmPixPaymentData,
+    options?: paymentIntents.ConfirmPixPaymentOptions
+  ): Promise<PaymentIntentResult>;
+
   /**
    * Requires beta access:
    * Contact [Stripe support](https://support.stripe.com/) for more information.
@@ -1006,6 +1025,15 @@ export interface Stripe {
   collectBankAccountToken(
     options: financialConnections.CollectBankAccountTokenOptions
   ): Promise<CollectBankAccountTokenResult>;
+
+  /**
+   * Use `stripe.createEphemeralKeyNonce` to create an ephemeral key nonce that lets you securely create ephemeral keys
+   *
+   * * @docs https://stripe.com/docs/js/issuing/create_ephemeral_key_nonce
+   */
+  createEphemeralKeyNonce(
+    options: ephemeralKeys.EphemeralKeyNonceOptions
+  ): Promise<EphemeralKeyNonceResult>;
 }
 
 export type PaymentIntentResult =
@@ -1060,6 +1088,10 @@ export type CollectBankAccountTokenResult =
       error: StripeError;
     };
 
+export type EphemeralKeyNonceResult =
+  | {nonce: string; error?: undefined}
+  | {nonce?: undefined; error: StripeError};
+
 /* A Radar Session is a snapshot of the browser metadata and device details that helps Radar make more accurate predictions on your payments. 
   This metadata includes information like IP address, browser, screen or device information, and other device characteristics. 
   You can find more details about how Radar uses this data by reading about how Radar performs [advanced fraud detection](https://stripe.com/docs/disputes/prevention/advanced-fraud-detection).