@stripe/stripe-js 1.33.0 → 1.36.0

package/dist/pure.esm.js

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

package/dist/pure.js

@@ -58,7 +58,7 @@ var registerWrapper = function registerWrapper(stripe, startTime) {
 
   stripe._registerWrapper({
     name: 'stripe-js',
-    version: "1.33.0",
+    version: "1.36.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.33.0",
+    version: "1.36.0",
     startTime: startTime
   });
 };

package/dist/stripe.js

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

package/package.json

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

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

@@ -0,0 +1,86 @@
+/**
+ * The Financial Connections Session object
+ */
+export interface FinancialConnectionsSession {
+  /**
+   * Unique identifier for the object.
+   */
+  id: string;
+
+  /**
+   * List of accounts collected by the Session
+   */
+  accounts: FinancialConnectionsSession.Account[];
+
+  /**
+   * Filters applied to the Session
+   */
+  filters?: FinancialConnectionsSession.Filters;
+
+  /**
+   * List of data permissions requested in the Session
+   */
+  permissions?: FinancialConnectionsSession.Permission[];
+
+  /**
+   * For webview integrations only. The user will be redirected to this URL to return to your app.
+   */
+  return_url?: string;
+}
+
+export namespace FinancialConnectionsSession {
+  /**
+   * The Financial Connections Account object
+   */
+  export interface Account {
+    /**
+     * Unique identifier for the object.
+     */
+    id: string;
+
+    /**
+     * String representing the object's type. `'linked_account'` is present for backwards-compatibility.
+     */
+    object: 'linked_account' | 'financial_connections.account';
+
+    /**
+     * The type of the account.
+     */
+    category: string;
+
+    /**
+     * A human-readable name that has been assigned to this account, either by the account holder or by the institution.
+     */
+    display_name: string;
+
+    /**
+     * The name of the institution that holds this account.
+     */
+    institution_name: string;
+
+    /**
+     * The last 4 digits of the account number. If present, this will be 4 numeric characters.
+     */
+    last4: string | null;
+  }
+
+  /**
+   * Filters to restrict the kinds of accounts to collect.
+   */
+  export interface Filters {
+    /**
+     * List of countries from which to collect accounts.
+     */
+    countries?: string[];
+  }
+
+  /**
+   * Data features to which access can be requested
+   */
+  export type Permission =
+    | 'payment_method'
+    | 'balances'
+    | 'transactions'
+    | 'ownership'
+    | 'account_numbers';
+}

package/types/api/index.d.ts

@@ -8,3 +8,4 @@ export * from './tokens';
 export * from './bank-accounts';
 export * from './cards';
 export * from './verification-sessions';
+export * from './financial-connections';

package/types/api/tokens.d.ts

@@ -1,3 +1,4 @@
+import {Omit} from '../utils';
 import {Card} from './cards';
 import {BankAccount} from './bank-accounts';
 import {JapanAddressParam, MetadataParam} from './shared';
@@ -46,6 +47,10 @@ export interface Token {
   used: boolean;
 }
 
+export type BankAccountToken = Omit<Token, 'card'> & {
+  bank_account: BankAccount;
+};
+
 export namespace TokenCreateParams {
   export interface Account {
     /**

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

@@ -86,6 +86,22 @@ export type StripeCardNumberElement = StripeElementBase & {
     handler?: (event: {elementType: 'cardNumber'}) => any
   ): StripeCardNumberElement;
 
+  /**
+   * Triggered when there is a change to the available networks the provided card can run on.
+   */
+  on(
+    eventType: 'networkschange',
+    handler: (event: {elementType: 'cardNumber'}) => any
+  ): StripeCardNumberElement;
+  once(
+    eventType: 'networkschange',
+    handler: (event: {elementType: 'cardNumber'}) => any
+  ): StripeCardNumberElement;
+  off(
+    eventType: 'networkschange',
+    handler?: (event: {elementType: 'cardNumber'}) => any
+  ): StripeCardNumberElement;
+
   /**
    * Updates the options the `CardNumberElement` was initialized with.
    * Updates are merged into the existing configuration.

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

@@ -86,6 +86,22 @@ export type StripeCardElement = StripeElementBase & {
     handler?: (event: {elementType: 'card'}) => any
   ): StripeCardElement;
 
+  /**
+   * Triggered when there is a change to the available networks the provided card can run on.
+   */
+  on(
+    eventType: 'networkschange',
+    handler: (event: {elementType: 'card'}) => any
+  ): StripeCardElement;
+  once(
+    eventType: 'networkschange',
+    handler: (event: {elementType: 'card'}) => any
+  ): StripeCardElement;
+  off(
+    eventType: 'networkschange',
+    handler?: (event: {elementType: 'card'}) => any
+  ): StripeCardElement;
+
   /**
    * Updates the options the `CardElement` was initialized with.
    * Updates are merged into the existing configuration.

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

@@ -122,6 +122,14 @@ export type StripeShippingAddressElement = StripeElementBase & {
     eventType: 'loaderstart',
     handler?: (event: {elementType: 'shippingAddress'}) => any
   ): StripeShippingAddressElement;
+
+  /**
+   * Updates the options the `ShippingAddressElement` was initialized with.
+   * Updates are merged into the existing configuration.
+   */
+  update(
+    options: Partial<StripeShippingAddressElementOptions>
+  ): StripeShippingAddressElement;
 };
 
 export interface StripeShippingAddressElementOptions {
@@ -148,12 +156,24 @@ export interface StripeShippingAddressElementOptions {
       postal_code?: string | null;
       country: string;
     };
+    phone?: string | null;
+  };
+
+  /**
+   * Control which additional fields to display in the shippingAddress Element.
+   */
+  fields?: {
+    phone?: 'always' | 'never' | 'auto';
   };
 
   /**
-   * Whether or not ShippingAddressElement provides autocomplete suggestions
+   * Specify validation rules for the above additional fields.
    */
-  disableAutocomplete?: boolean;
+  validation?: {
+    phone?: {
+      required: 'always' | 'never' | 'auto';
+    };
+  };
 }
 
 export interface StripeShippingAddressElementChangeEvent
@@ -191,5 +211,6 @@ export interface StripeShippingAddressElementChangeEvent
       postal_code: string;
       country: string;
     };
+    phone?: string;
   };
 }

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

@@ -0,0 +1,19 @@
+/**
+ * Data to be sent with a `stripe.collectFinancialConnectionsAccounts` request.
+ */
+export interface CollectFinancialConnectionsAccountsOptions {
+  /**
+   * The client secret of the [Financial Connections Session](https://stripe.com/docs/api/financial_connections/session).
+   */
+  clientSecret: string;
+}
+
+/**
+ * Data to be sent with a `stripe.collectBankAccountToken` request.
+ */
+export interface CollectBankAccountTokenOptions {
+  /**
+   * The client secret of the [Financial Connections Session](https://stripe.com/docs/api/financial_connections/session).
+   */
+  clientSecret: string;
+}

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

@@ -4,12 +4,12 @@ import * as setupIntents from './setup-intents';
 import * as orders from './orders';
 import * as tokens from './token-and-sources';
 import * as elements from './elements';
+import * as financialConnections from './financial-connections';
 
 import {StripeElements, StripeElementsOptions} from './elements-group';
-import {RedirectToCheckoutOptions} from './checkout';
+import {CheckoutLocale, RedirectToCheckoutOptions} from './checkout';
 import {PaymentRequestOptions, PaymentRequest} from './payment-request';
 import {StripeElement, StripeElementLocale} from './elements-group';
-import {CheckoutLocale} from './checkout';
 
 export interface Stripe {
   /////////////////////////////
@@ -507,6 +507,14 @@ export interface Stripe {
     data?: paymentIntents.VerifyMicrodepositsForPaymentData
   ): Promise<PaymentIntentResult>;
 
+  /**
+   * Use stripe.createRadarSession to create a [Radar Session](https://stripe.com/docs/radar/radar-session) in your checkout flow or when saving card details.
+   * 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.
+   * By using Radar Sessions, you can capture critical fraud information without tokenizing on Stripe.
+   */
+  createRadarSession(): Promise<RadarSessionPayload>;
+
   /**
    * Use `stripe.collectBankAccountForPayment` in the [Accept a payment flow](https://stripe.com/docs/payments/ach-debit/accept-a-payment) for the [ACH Direct Debit](https://stripe.com/docs/payments/ach-debit)
    * payment method to collect the customer’s bank account in your payment form.
@@ -975,6 +983,29 @@ export interface Stripe {
    * * @docs https://stripe.com/docs/js/identity/modal
    */
   verifyIdentity(clientSecret: string): Promise<VerificationSessionResult>;
+
+  /////////////////////////////
+  /// Financial Connections
+  ///
+  /////////////////////////////
+
+  /**
+   * Use `stripe.collectFinancialConnectionsAccounts` to display a [Financial Connections](https://stripe.com/docs/financial-connections) modal that lets you securely collect financial accounts.
+   *
+   * * @docs https://stripe.com/docs/js/financial_connections/collect_financial_connections_accounts
+   */
+  collectFinancialConnectionsAccounts(
+    options: financialConnections.CollectFinancialConnectionsAccountsOptions
+  ): Promise<FinancialConnectionsSessionResult>;
+
+  /**
+   * Use `stripe.collectBankAccountToken` to display a [Financial Connections](https://stripe.com/docs/financial-connections) modal that lets you securely collect a [Bank Account Token](https://stripe.com/docs/api/tokens/object).
+   *
+   * * @docs https://stripe.com/docs/js/financial_connections/collect_bank_account_token
+   */
+  collectBankAccountToken(
+    options: financialConnections.CollectBankAccountTokenOptions
+  ): Promise<CollectBankAccountTokenResult>;
 }
 
 export type PaymentIntentResult =
@@ -1010,6 +1041,33 @@ export type VerificationSessionResult =
   | {verificationSession: api.VerificationSession; error?: undefined}
   | {verificationSession?: undefined; error: StripeError};
 
+export type FinancialConnectionsSessionResult =
+  | {
+      financialConnectionsSession: api.FinancialConnectionsSession;
+      error?: undefined;
+    }
+  | {financialConnectionsSession: undefined; error: StripeError};
+
+export type CollectBankAccountTokenResult =
+  | {
+      financialConnectionsSession: api.FinancialConnectionsSession;
+      token: api.BankAccountToken;
+      error?: undefined;
+    }
+  | {
+      financialConnectionsSession: undefined;
+      token: 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).
+  */
+export type RadarSessionPayload =
+  | {radarSession: Record<any, any>; error?: undefined}
+  | {radarSession?: undefined; error: StripeError};
+
 export interface WrapperLibrary {
   /**
    * Your library’s name, maximum length is 30