@stripe/stripe-js 1.20.2 → 1.21.2

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

@@ -1,132 +1,135 @@
-///<reference path='./base.d.ts' />
-
-declare module '@stripe/stripe-js' {
-  type StripeIbanElement = StripeElementBase & {
-    /**
-     * The change event is triggered when the `Element`'s value changes.
-     */
-    on(
-      eventType: 'change',
-      handler: (event: StripeIbanElementChangeEvent) => any
-    ): StripeIbanElement;
-    once(
-      eventType: 'change',
-      handler: (event: StripeIbanElementChangeEvent) => any
-    ): StripeIbanElement;
-    off(
-      eventType: 'change',
-      handler?: (event: StripeIbanElementChangeEvent) => any
-    ): StripeIbanElement;
-
-    /**
-     * Triggered when the element is fully rendered and can accept `element.focus` calls.
-     */
-    on(
-      eventType: 'ready',
-      handler: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-    once(
-      eventType: 'ready',
-      handler: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-    off(
-      eventType: 'ready',
-      handler?: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-
-    /**
-     * Triggered when the element gains focus.
-     */
-    on(
-      eventType: 'focus',
-      handler: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-    once(
-      eventType: 'focus',
-      handler: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-    off(
-      eventType: 'focus',
-      handler?: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-
-    /**
-     * Triggered when the element loses focus.
-     */
-    on(
-      eventType: 'blur',
-      handler: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-    once(
-      eventType: 'blur',
-      handler: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-    off(
-      eventType: 'blur',
-      handler?: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-
-    /**
-     * Triggered when the escape key is pressed within the element.
-     */
-    on(
-      eventType: 'escape',
-      handler: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-    once(
-      eventType: 'escape',
-      handler: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-    off(
-      eventType: 'escape',
-      handler?: (event: {elementType: 'iban'}) => any
-    ): StripeIbanElement;
-
-    /**
-     * Updates the options the `IbanElement` was initialized with.
-     * Updates are merged into the existing configuration.
-     *
-     * The styles of an `IbanElement` 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<StripeIbanElementOptions>): void;
-  };
-
-  interface StripeIbanElementOptions {
-    classes?: StripeElementClasses;
-
-    style?: StripeElementStyle;
-
-    supportedCountries?: string[];
-
-    placeholderCountry?: string;
-
-    /**
-     * Appearance of the icon in the Element.
-     */
-    iconStyle?: 'default' | 'solid';
-
-    /**
-     * Hides the icon in the Element.
-     * Default is `false`.
-     */
-    hideIcon?: boolean;
-
-    /**
-     * Applies a disabled state to the Element such that user input is not accepted.
-     * Default is false.
-     */
-    disabled?: boolean;
-  }
-
-  interface StripeIbanElementChangeEvent extends StripeElementChangeEvent {
-    /**
-     * The type of element that emitted this event.
-     */
-    elementType: 'iban';
-
-    country: string;
-
-    bankName: string;
-  }
+import {
+  StripeElementBase,
+  StripeElementStyle,
+  StripeElementClasses,
+  StripeElementChangeEvent,
+} from './base';
+
+export type StripeIbanElement = StripeElementBase & {
+  /**
+   * The change event is triggered when the `Element`'s value changes.
+   */
+  on(
+    eventType: 'change',
+    handler: (event: StripeIbanElementChangeEvent) => any
+  ): StripeIbanElement;
+  once(
+    eventType: 'change',
+    handler: (event: StripeIbanElementChangeEvent) => any
+  ): StripeIbanElement;
+  off(
+    eventType: 'change',
+    handler?: (event: StripeIbanElementChangeEvent) => any
+  ): StripeIbanElement;
+
+  /**
+   * Triggered when the element is fully rendered and can accept `element.focus` calls.
+   */
+  on(
+    eventType: 'ready',
+    handler: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+  once(
+    eventType: 'ready',
+    handler: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+  off(
+    eventType: 'ready',
+    handler?: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+
+  /**
+   * Triggered when the element gains focus.
+   */
+  on(
+    eventType: 'focus',
+    handler: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+  once(
+    eventType: 'focus',
+    handler: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+  off(
+    eventType: 'focus',
+    handler?: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+
+  /**
+   * Triggered when the element loses focus.
+   */
+  on(
+    eventType: 'blur',
+    handler: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+  once(
+    eventType: 'blur',
+    handler: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+  off(
+    eventType: 'blur',
+    handler?: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+
+  /**
+   * Triggered when the escape key is pressed within the element.
+   */
+  on(
+    eventType: 'escape',
+    handler: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+  once(
+    eventType: 'escape',
+    handler: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+  off(
+    eventType: 'escape',
+    handler?: (event: {elementType: 'iban'}) => any
+  ): StripeIbanElement;
+
+  /**
+   * Updates the options the `IbanElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   *
+   * The styles of an `IbanElement` 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<StripeIbanElementOptions>): void;
+};
+
+export interface StripeIbanElementOptions {
+  classes?: StripeElementClasses;
+
+  style?: StripeElementStyle;
+
+  supportedCountries?: string[];
+
+  placeholderCountry?: string;
+
+  /**
+   * Appearance of the icon in the Element.
+   */
+  iconStyle?: 'default' | 'solid';
+
+  /**
+   * Hides the icon in the Element.
+   * Default is `false`.
+   */
+  hideIcon?: boolean;
+
+  /**
+   * Applies a disabled state to the Element such that user input is not accepted.
+   * Default is false.
+   */
+  disabled?: boolean;
+}
+
+export interface StripeIbanElementChangeEvent extends StripeElementChangeEvent {
+  /**
+   * The type of element that emitted this event.
+   */
+  elementType: 'iban';
+
+  country: string;
+
+  bankName: string;
 }

package/types/stripe-js/elements/ideal-bank.d.ts

@@ -1,136 +1,140 @@
-///<reference path='./base.d.ts' />
+import {
+  StripeElementBase,
+  StripeElementStyle,
+  StripeElementClasses,
+  StripeElementChangeEvent,
+} from './base';
 
-declare module '@stripe/stripe-js' {
-  type StripeIdealBankElement = StripeElementBase & {
-    /**
-     * The change event is triggered when the `Element`'s value changes.
-     */
-    on(
-      eventType: 'change',
-      handler: (event: StripeIdealBankElementChangeEvent) => any
-    ): StripeIdealBankElement;
-    once(
-      eventType: 'change',
-      handler: (event: StripeIdealBankElementChangeEvent) => any
-    ): StripeIdealBankElement;
-    off(
-      eventType: 'change',
-      handler?: (event: StripeIdealBankElementChangeEvent) => any
-    ): StripeIdealBankElement;
+export type StripeIdealBankElement = StripeElementBase & {
+  /**
+   * The change event is triggered when the `Element`'s value changes.
+   */
+  on(
+    eventType: 'change',
+    handler: (event: StripeIdealBankElementChangeEvent) => any
+  ): StripeIdealBankElement;
+  once(
+    eventType: 'change',
+    handler: (event: StripeIdealBankElementChangeEvent) => any
+  ): StripeIdealBankElement;
+  off(
+    eventType: 'change',
+    handler?: (event: StripeIdealBankElementChangeEvent) => any
+  ): StripeIdealBankElement;
 
-    /**
-     * Triggered when the element is fully rendered and can accept `element.focus` calls.
-     */
-    on(
-      eventType: 'ready',
-      handler: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
-    once(
-      eventType: 'ready',
-      handler: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
-    off(
-      eventType: 'ready',
-      handler?: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
+  /**
+   * Triggered when the element is fully rendered and can accept `element.focus` calls.
+   */
+  on(
+    eventType: 'ready',
+    handler: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
+  once(
+    eventType: 'ready',
+    handler: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
+  off(
+    eventType: 'ready',
+    handler?: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
 
-    /**
-     * Triggered when the element gains focus.
-     */
-    on(
-      eventType: 'focus',
-      handler: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
-    once(
-      eventType: 'focus',
-      handler: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
-    off(
-      eventType: 'focus',
-      handler?: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
+  /**
+   * Triggered when the element gains focus.
+   */
+  on(
+    eventType: 'focus',
+    handler: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
+  once(
+    eventType: 'focus',
+    handler: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
+  off(
+    eventType: 'focus',
+    handler?: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
 
-    /**
-     * Triggered when the element loses focus.
-     */
-    on(
-      eventType: 'blur',
-      handler: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
-    once(
-      eventType: 'blur',
-      handler: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
-    off(
-      eventType: 'blur',
-      handler?: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
+  /**
+   * Triggered when the element loses focus.
+   */
+  on(
+    eventType: 'blur',
+    handler: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
+  once(
+    eventType: 'blur',
+    handler: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
+  off(
+    eventType: 'blur',
+    handler?: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
 
-    /**
-     * Triggered when the escape key is pressed within the element.
-     */
-    on(
-      eventType: 'escape',
-      handler: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
-    once(
-      eventType: 'escape',
-      handler: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
-    off(
-      eventType: 'escape',
-      handler?: (event: {elementType: 'idealBank'}) => any
-    ): StripeIdealBankElement;
+  /**
+   * Triggered when the escape key is pressed within the element.
+   */
+  on(
+    eventType: 'escape',
+    handler: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
+  once(
+    eventType: 'escape',
+    handler: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
+  off(
+    eventType: 'escape',
+    handler?: (event: {elementType: 'idealBank'}) => any
+  ): StripeIdealBankElement;
 
-    /**
-     * Updates the options the `IdealBankElement` was initialized with.
-     * Updates are merged into the existing configuration.
-     *
-     * The styles of an `IdealBankElement` 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<StripeIdealBankElementOptions>): void;
-  };
+  /**
+   * Updates the options the `IdealBankElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   *
+   * The styles of an `IdealBankElement` 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<StripeIdealBankElementOptions>): void;
+};
 
-  interface StripeIdealBankElementOptions {
-    classes?: StripeElementClasses;
+export interface StripeIdealBankElementOptions {
+  classes?: StripeElementClasses;
 
-    style?: StripeElementStyle;
+  style?: StripeElementStyle;
 
-    /**
-     * Appearance of the icon in the Element.
-     */
-    iconStyle?: 'default' | 'solid';
+  /**
+   * Appearance of the icon in the Element.
+   */
+  iconStyle?: 'default' | 'solid';
 
-    /**
-     * A pre-filled value for the Element.
-     * Can be one of the banks listed in the [iDEAL guide](https://stripe.com/docs/sources/ideal#specifying-customer-bank) (e.g., `abn_amro`).
-     */
-    value?: string;
+  /**
+   * A pre-filled value for the Element.
+   * Can be one of the banks listed in the [iDEAL guide](https://stripe.com/docs/sources/ideal#specifying-customer-bank) (e.g., `abn_amro`).
+   */
+  value?: string;
 
-    /**
-     * Hides the icon in the Element.
-     * Default is `false`.
-     */
-    hideIcon?: boolean;
+  /**
+   * Hides the icon in the Element.
+   * Default is `false`.
+   */
+  hideIcon?: boolean;
 
-    /**
-     * Applies a disabled state to the Element such that user input is not accepted.
-     * Default is false.
-     */
-    disabled?: boolean;
-  }
+  /**
+   * Applies a disabled state to the Element such that user input is not accepted.
+   * Default is false.
+   */
+  disabled?: boolean;
+}
 
-  interface StripeIdealBankElementChangeEvent extends StripeElementChangeEvent {
-    /**
-     * The type of element that emitted this event.
-     */
-    elementType: 'idealBank';
+export interface StripeIdealBankElementChangeEvent
+  extends StripeElementChangeEvent {
+  /**
+   * The type of element that emitted this event.
+   */
+  elementType: 'idealBank';
 
-    /**
-     * The selected bank.
-     * Can be one of the banks listed in the [iDEAL guide](https://stripe.com/docs/sources/ideal#specifying-customer-bank).
-     */
-    value: string;
-  }
+  /**
+   * The selected bank.
+   * Can be one of the banks listed in the [iDEAL guide](https://stripe.com/docs/sources/ideal#specifying-customer-bank).
+   */
+  value: string;
 }

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

@@ -0,0 +1,17 @@
+export * from './affirm-message';
+export * from './afterpay-clearpay-message';
+export * from './au-bank-account';
+export * from './base';
+export * from './card-cvc';
+export * from './card-expiry';
+export * from './card-number';
+export * from './card';
+export * from './eps-bank';
+export * from './fpx-bank';
+export * from './iban';
+export * from './ideal-bank';
+export * from './link-authentication';
+export * from './p24-bank';
+export * from './payment-request-button';
+export * from './payment';
+export * from './shipping-address';