@stripe/stripe-react-native 0.14.0 → 0.17.0

package/lib/typescript/src/types/ApplePay.d.ts

@@ -1,10 +1,9 @@
-export declare type CartSummaryItemType = 'final' | 'pending';
 export declare type ContactFieldsType = 'emailAddress' | 'name' | 'phoneNumber' | 'phoneticName' | 'postalAddress';
 export declare type AddressFields = 'street' | 'city' | 'subAdministrativeArea' | 'state' | 'postalCode' | 'country' | 'countryCode' | 'subLocality';
 export interface ShippingMethod {
     label: string;
     amount: string;
-    type?: CartSummaryItemType;
+    isPending?: boolean;
     identifier: string;
     detail?: string;
 }
@@ -32,11 +31,38 @@ export interface ShippingContact {
     phoneNumber?: number;
     postalAddress: PostalAddress;
 }
-export interface CartSummaryItem {
+export declare type CartSummaryItem = DeferredCartSummaryItem | ImmediateCartSummaryItem | RecurringCartSummaryItem;
+export declare type CartSummaryItemType = 'Deferred' | 'Immediate' | 'Recurring';
+/** Use this type for a payment that occurs in the future, such as a pre-order. Only available on iOS 15 and up, otherwise falls back to ImmediateCartSummaryItem. */
+export declare type DeferredCartSummaryItem = {
+    paymentType: 'Deferred';
+    /** The unix timestamp of the date, in the future, of the payment. Measured in seconds. */
+    deferredDate: number;
     label: string;
     amount: string;
-    type?: CartSummaryItemType;
-}
+};
+/** Use this type for payments that will occur immediately. */
+export declare type ImmediateCartSummaryItem = {
+    paymentType: 'Immediate';
+    /** When creating items for estimates or charges whose final value is not yet known, set this to true. */
+    isPending?: boolean;
+    label: string;
+    amount: string;
+};
+/** Use this type for payments that occur more than once, such as a subscription. Only available on iOS 15 and up, otherwise falls back to ImmediateCartSummaryItem.*/
+export declare type RecurringCartSummaryItem = {
+    paymentType: 'Recurring';
+    /** The amount of time – in calendar units such as day, month, or year – that represents a fraction of the total payment interval. For example, if you set the intervalUnit to 'month' and intervalCount to 3, then the payment interval is three months.*/
+    intervalUnit: 'minute' | 'hour' | 'day' | 'month' | 'year';
+    /** The number of interval units that make up the total payment interval. For example, if you set the intervalUnit to 'month' and intervalCount to 3, then the payment interval is three months.*/
+    intervalCount: number;
+    /** The unix timestamp of the start date. Measured in seconds. */
+    startDate?: number;
+    /** The unix timestamp of the end date. Measured in seconds. */
+    endDate?: number;
+    label: string;
+    amount: string;
+};
 export interface PresentParams {
     cartItems: CartSummaryItem[];
     country: string;

package/lib/typescript/src/types/FinancialConnections.d.ts

@@ -0,0 +1,100 @@
+import type { BankAccount } from './Token';
+import type { StripeError } from './Errors';
+export declare type SessionResult = {
+    /** The updated Financial Connections Session object. */
+    session: Session;
+    error?: undefined;
+} | {
+    session?: undefined;
+    error: StripeError<FinancialConnectionsSheetError>;
+};
+export declare type TokenResult = {
+    /** The updated Financial Connections Session object. */
+    session: Session;
+    /** The Stripe token object associated with the bank account. */
+    token: BankAccountToken;
+    error?: undefined;
+} | {
+    session?: undefined;
+    token?: undefined;
+    error: StripeError<FinancialConnectionsSheetError>;
+};
+export declare type Session = {
+    /** A unique ID for this session. */
+    id: string;
+    /** The client secret for this session. */
+    clientSecret: string;
+    /** 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 accounts that were collected as part of this Session. */
+    accounts: Array<Account>;
+};
+export declare type BankAccountToken = {
+    /** Bank account details. */
+    bankAccount: BankAccount | 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;
+    /** A unique ID for this token. */
+    id: string | null;
+    used: boolean;
+    type: 'BankAccount';
+    /** The UNIX timestamp (in milliseconds) of the date this token was created. */
+    created: number | null;
+};
+export declare type Account = {
+    /** A unique ID for this Financial Connections Account. */
+    id: string;
+    /** Has the value true if the object exists in live mode or the value false if the object exists in test mode. */
+    livemode: boolean;
+    displayName: string | null;
+    /** The current status of the account. Either active, inactive, or disconnected. */
+    status: AccountStatus;
+    institutionName: string;
+    last4: string | null;
+    /** The UNIX timestamp (in milliseconds) of the date this account was created. */
+    created: number;
+    /** The balance of this account. */
+    balance: Balance | null;
+    /** The last balance refresh. Includes the timestamp and the status. */
+    balanceRefresh: BalanceRefresh | null;
+    /** The category of this account, either cash, credit, investment, or other. */
+    category: Category;
+    /** The subcategory of this account, either checking, credit_card, line_of_credit, mortgage, savings, or other. */
+    subcategory: Subcategory;
+    /** Permissions requested for accounts collected during this session. */
+    permissions: Array<Permission> | null;
+    /** The supported payment method types for this account. */
+    supportedPaymentMethodTypes: Array<PaymentMethodType>;
+};
+export declare type AccountStatus = 'active' | 'inactive' | 'disconnected';
+export declare type Category = 'cash' | 'credit' | 'investment' | 'other';
+export declare type PaymentMethodType = 'us_bank_account' | 'link';
+export declare type Subcategory = 'checking' | 'credit_card' | 'line_of_credit' | 'mortgage' | 'other' | 'savings';
+export declare type Permission = 'balances' | 'ownership' | 'payment_method' | 'transactions' | 'account_numbers';
+export declare type Balance = {
+    /** The UNIX timestamp (in milliseconds) of time that the external institution calculated this balance. */
+    asOf: number;
+    /** The type of this balance, either cash or credit. */
+    type: BalanceType;
+    /** 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](https://www.iso.org/iso-4217-currency-codes.html), in lowercase.  Each value is an integer amount. A positive amount indicates money owed to the account holder. A negative amount indicates money owed by the account holder. */
+    cash: {
+        available: Map<String, number> | null;
+    };
+    /** The credit that has been used by the account holder.  Each key is a three-letter [ISO currency code](https://www.iso.org/iso-4217-currency-codes.html), 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. */
+    credit: {
+        used: Map<String, number> | null;
+    };
+    /** The balances owed to (or by) the account holder.  Each key is a three-letter [ISO currency code](https://www.iso.org/iso-4217-currency-codes.html), 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: Map<String, number>;
+};
+export declare type BalanceRefresh = {
+    status: BalanceRefreshStatus;
+    /** The UNIX timestamp (in milliseconds) of the time at which the last refresh attempt was initiated. */
+    lastAttemptedAt: number;
+};
+export declare type BalanceType = 'cash' | 'credit';
+export declare type BalanceRefreshStatus = 'failed' | 'pending' | 'succeeded';
+export declare enum FinancialConnectionsSheetError {
+    Failed = "Failed",
+    Canceled = "Canceled"
+}

package/lib/typescript/src/types/PaymentIntent.d.ts

@@ -6,6 +6,7 @@ import type * as PaymentMethod from './PaymentMethod';
 export interface Result {
     id: string;
     amount: number;
+    /** The UNIX timestamp (in milliseconds) of the date this PaymentIntent was created. */
     created: string;
     currency: string;
     status: Status;

package/lib/typescript/src/types/PaymentMethod.d.ts

@@ -18,7 +18,7 @@ export interface Result {
     Upi: UpiResult;
     USBankAccount: USBankAccountResult;
 }
-export declare type CreateParams = CardParams | IdealParams | OxxoParams | P24Params | AlipayParams | GiropayParams | SepaParams | EpsParams | AuBecsDebitParams | SofortParams | GrabPayParams | FPXParams | AfterpayClearpayParams | KlarnaParams | BancontactParams | USBankAccountParams | PayPalParams;
+export declare type CreateParams = CardParams | IdealParams | OxxoParams | P24Params | AlipayParams | GiropayParams | SepaParams | EpsParams | AuBecsDebitParams | SofortParams | GrabPayParams | FPXParams | AfterpayClearpayParams | KlarnaParams | BancontactParams | USBankAccountParams | PayPalParams | AffirmParams;
 export declare type ConfirmParams = CreateParams;
 export declare type CreateOptions = {
     setupFutureUsage?: FutureUsage;
@@ -133,6 +133,14 @@ export interface AuBecsDebitParams {
         formDetails: FormDetails;
     };
 }
+export declare type AffirmParams = {
+    paymentMethodType: 'Affirm';
+    paymentMethodData?: {
+        /** Affirm requires that shipping is present for the payment to succeed because it significantly helps with loan approval rates. Shipping details can either be provided here or via the Payment Intent- https://stripe.com/docs/api/payment_intents/create#create_payment_intent-shipping. */
+        shippingDetails?: ShippingDetails;
+        billingDetails?: BillingDetails;
+    };
+};
 /**
  * If paymentMethodData is null, it is assumed that the bank account details have already been attached
  * via `collectBankAccountForPayment` or `collectBankAccountForSetup`.

package/lib/typescript/src/types/PaymentSheet.d.ts

@@ -1,40 +1,42 @@
 import type { BillingDetails } from './Common';
-export declare type SetupParams = ClientSecretParams & GooglePayParams & ApplePayParams & {
+import type { CartSummaryItem } from './ApplePay';
+export declare type SetupParams = ClientSecretParams & {
     /** Your customer-facing business name. On Android, this is required and cannot be an empty string. */
     merchantDisplayName: string;
     customerId?: string;
     customerEphemeralKeySecret?: string;
     customFlow?: boolean;
+    /** iOS only. Enable Apple Pay in the Payment Sheet by passing an ApplePayParams object.  */
+    applePay?: ApplePayParams;
+    /** Android only. Enable Google Pay in the Payment Sheet by passing a GooglePayParams object.  */
+    googlePay?: GooglePayParams;
     style?: 'alwaysLight' | 'alwaysDark' | 'automatic';
     returnURL?: string;
     defaultBillingDetails?: BillingDetails;
     allowsDelayedPaymentMethods?: boolean;
-} & {
     appearance?: AppearanceParams;
 };
-declare type ClientSecretParams = {
+export declare type ClientSecretParams = {
     paymentIntentClientSecret: string;
     setupIntentClientSecret?: undefined;
 } | {
     setupIntentClientSecret: string;
     paymentIntentClientSecret?: undefined;
 };
-declare type ApplePayParams = {
-    applePay?: true;
+export declare type ApplePayParams = {
+    /** The two-letter ISO 3166 code of the country of your business, e.g. "US"  */
     merchantCountryCode: string;
-} | {
-    applePay?: false;
-    merchantCountryCode?: string;
+    /**
+     * An array of CartSummaryItem item objects that summarize the amount of the payment. If you're using a SetupIntent
+     * for a recurring payment, you should set this to display the amount you intend to charge. */
+    paymentSummaryItems?: CartSummaryItem[];
 };
-declare type GooglePayParams = {
-    googlePay?: true;
+export declare type GooglePayParams = {
+    /** The two-letter ISO 3166 code of the country of your business, e.g. "US"  */
     merchantCountryCode: string;
+    /** The three-letter ISO 4217 alphabetic currency code, e.g. "USD" or "EUR". Required in order to support Google Pay when processing a Setup Intent. */
     currencyCode?: string;
-    testEnv?: boolean;
-} | {
-    googlePay?: false;
-    merchantCountryCode?: string;
-    currencyCode?: string;
+    /** Whether or not to use the Google Pay test environment.  Set to `true` until you have applied for and been granted access to the Production environment. */
     testEnv?: boolean;
 };
 /**

package/lib/typescript/src/types/SetupIntent.d.ts

@@ -6,6 +6,7 @@ export interface Result {
     id: string;
     clientSecret: string;
     lastSetupError: LastPaymentError | null;
+    /** The UNIX timestamp (in milliseconds) of the date this Setup Intent was created. */
     created: string | null;
     livemode: boolean;
     paymentMethodId: string | null;

package/lib/typescript/src/types/Token.d.ts

@@ -3,6 +3,7 @@ export declare type CardBrand = 'AmericanExpress' | 'DinersClub' | 'Discover' |
 export declare type Type = 'Account' | 'BankAccount' | 'Card' | 'CvcUpdate' | 'Person' | 'Pii';
 export interface Result {
     id: string;
+    /** The UNIX timestamp (in milliseconds) of the date this token was created. */
     created: string;
     type: Type;
     used: boolean;
@@ -11,14 +12,24 @@ export interface Result {
     bankAccount?: BankAccount;
 }
 export interface BankAccount {
-    bankName: string;
-    accountHolderName: string;
-    accountHolderType: BankAcccountHolderType;
-    currency: string;
-    country: string;
-    routingNumber: string;
-    status: 'Errored' | 'New' | 'Validated' | 'VerificationFailed' | 'Verified';
+    /** A unique ID for this bank account. */
+    id: string;
+    /** The name of the associated bank. */
+    bankName: string | null;
+    /** The name of the person or business that owns the bank account. This field is required when attaching the bank account to a Customer object. */
+    accountHolderName: string | null;
+    /** The type of entity that holds the account. */
+    accountHolderType: BankAcccountHolderType | null;
+    /** The currency the bank account is in. This must be a country/currency pairing that Stripe supports. */
+    currency: string | null;
+    /** The country in which the bank account is located. */
+    country: string | null;
+    routingNumber: string | null;
+    status: BankAccountStatus | null;
+    fingerprint: string | null;
+    last4: string | null;
 }
+export declare type BankAccountStatus = 'Errored' | 'New' | 'Validated' | 'VerificationFailed' | 'Verified';
 export interface Card {
     country: string;
     brand: CardBrand;

package/lib/typescript/src/types/index.d.ts

@@ -11,7 +11,8 @@ import * as AuBECSDebitFormComponent from './components/AuBECSDebitFormComponent
 import * as CardFieldInput from './components/CardFieldInput';
 import * as CardFormView from './components/CardFormView';
 import * as Token from './Token';
-export { ApplePay, PaymentIntent, PaymentMethod, PaymentSheet, SetupIntent, ThreeDSecure, GooglePay, ApplePayButtonComponent, AuBECSDebitFormComponent, CardFieldInput, CardFormView, Token, };
+import * as FinancialConnections from './FinancialConnections';
+export { ApplePay, PaymentIntent, PaymentMethod, PaymentSheet, SetupIntent, ThreeDSecure, GooglePay, ApplePayButtonComponent, AuBECSDebitFormComponent, CardFieldInput, CardFormView, Token, FinancialConnections, };
 export * from './Errors';
 export { Address, BillingDetails } from './Common';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/stripe-react-native",
-  "version": "0.14.0",
+  "version": "0.17.0",
   "author": "Stripe",
   "description": "Stripe SDK for React Native",
   "main": "lib/commonjs/index",
@@ -8,16 +8,6 @@
   "types": "lib/typescript/src/index.d.ts",
   "react-native": "src/index",
   "source": "src/index",
-  "files": [
-    "src",
-    "lib",
-    "android",
-    "ios",
-    "cpp",
-    "app.plugin.js",
-    "stripe-react-native.podspec",
-    "jest"
-  ],
   "scripts": {
     "test": "jest",
     "typescript": "tsc --noEmit",
@@ -28,7 +18,7 @@
     "pods": "cd example && npx pod-install --quiet",
     "bootstrap": "yarn example && yarn && yarn pods",
     "bootstrap-no-pods": "yarn example && yarn",
-    "docs": "yarn typedoc ./src/index.tsx --out ./docs/api-reference --tsconfig ./tsconfig.json --readme none",
+    "docs": "yarn typedoc ./src/index.tsx --out ./docs/api-reference --tsconfig ./tsconfig.json --readme none --sort source-order",
     "run-example-ios": "cd example;ENVFILE=.env.ci react-native run-ios --configuration Release --simulator \"iPhone 13 (15.2)\"",
     "run-example-android": "cd example;ENVFILE=.env.ci react-native run-android --variant=release",
     "test:e2e:ios": "mkdir -p .tmp/screenshots && node ./run-appium-tests.js ios",
@@ -60,19 +50,19 @@
     "@wdio/mocha-framework": "^7.16.15",
     "@wdio/spec-reporter": "^7.16.14",
     "@wdio/sync": "^7.16.15",
-    "appium": "^1.22.2",
+    "appium": "^1.22.3",
     "appium-chromedriver": "4.26.2",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-prettier": "^3.1.3",
     "expect-webdriverio": "^2.0.1",
-    "husky": "^4.2.5",
+    "husky": "^8.0.0",
     "jest": "^26.6.3",
-    "metro-react-native-babel-preset": "^0.67.0",
+    "metro-react-native-babel-preset": "^0.70.3",
     "mocha": "^8.3.2",
     "prettier": "^2.0.5",
-    "react": "17.0.2",
-    "react-native": "0.68.1",
+    "react": "18.0.0",
+    "react-native": "0.69.2",
     "ts-node": "^9.1.1",
     "typedoc": "^0.22.12",
     "typescript": "~4.4.4",
@@ -91,11 +81,6 @@
       "<rootDir>/e2e"
     ]
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "yarn lint && yarn typescript"
-    }
-  },
   "eslintConfig": {
     "extends": [
       "@react-native-community",
@@ -155,6 +140,9 @@
     ]
   },
   "dependencies": {
-    "@expo/config-plugins": "^4.1.4"
+    "@expo/config-plugins": "^4.1.5"
+  },
+  "resolutions": {
+    "simple-plist": "1.3.1"
   }
 }

package/src/NativeStripeSdk.tsx

@@ -27,6 +27,7 @@ import type {
   IsCardInWalletResult,
   CanAddCardToWalletParams,
   CanAddCardToWalletResult,
+  FinancialConnections,
 } from './types';
 
 type NativeStripeSdkType = {
@@ -96,6 +97,12 @@ type NativeStripeSdkType = {
   isCardInWallet(params: {
     cardLastFour: string;
   }): Promise<IsCardInWalletResult>;
+  collectBankAccountToken(
+    clientSecret: string
+  ): Promise<FinancialConnections.TokenResult>;
+  collectFinancialConnectionsAccounts(
+    clientSecret: string
+  ): Promise<FinancialConnections.SessionResult>;
 };
 
 const { StripeSdk } = NativeModules;

package/src/components/CardForm.tsx

@@ -33,11 +33,11 @@ export interface Props extends AccessibilityProps {
   autofocus?: boolean;
   testID?: string;
 
-  /** All styles except backgroundColor are Android only */
+  /** All styles except backgroundColor, cursorColor, borderColor, and borderRadius are Android only */
   cardStyle?: CardFormView.Styles;
   // isUserInteractionEnabled?: boolean;
 
-  // TODO: will make it public when android-sdk allows for this
+  // TODO: will make it public when iOS SDK allows for this
   // postalCodeEnabled?: boolean;
 
   /** Android only */

package/src/components/GooglePayButton.tsx

@@ -11,11 +11,17 @@ import {
 const GooglePayButtonNative = requireNativeComponent<any>('GooglePayButton');
 
 /**
- *  Apple Pay Button Component Props
+ *  Google Pay Button Component Props
  */
 export interface Props extends AccessibilityProps {
   style?: StyleProp<ViewStyle>;
-  type?: 'pay' | 'pay_shadow' | 'standard' | 'standard_shadow';
+  type?:
+    | 'pay'
+    | 'pay_shadow'
+    | 'standard'
+    | 'standard_shadow'
+    | 'pay_dark'
+    | 'standard_dark';
   onPress(): void;
   disabled?: boolean;
   testID?: string;

package/src/functions.ts

@@ -35,6 +35,7 @@ import {
   IsCardInWalletResult,
   CanAddCardToWalletParams,
   CanAddCardToWalletResult,
+  FinancialConnections,
 } from './types';
 
 const APPLE_PAY_NOT_SUPPORTED_MESSAGE =
@@ -567,6 +568,63 @@ export const collectBankAccountForSetup = async (
   }
 };
 
+/**
+ * Use collectBankAccountToken in the [Add a Financial Connections Account to a US Custom Connect](https://stripe.com/docs/financial-connections/connect-payouts) account flow.
+ * When called, it will load the Authentication Flow, an on-page modal UI which allows your user to securely link their external financial account for payouts.
+ * @param clientSecret The client_secret of the [Financial Connections Session](https://stripe.com/docs/api/financial_connections/session).
+ * @returns A promise that resolves to an object containing either `session` and `token` fields, or an error field.
+ */
+export const collectBankAccountToken = async (
+  clientSecret: string
+): Promise<FinancialConnections.TokenResult> => {
+  try {
+    const { session, token, error } =
+      await NativeStripeSdk.collectBankAccountToken(clientSecret);
+
+    if (error) {
+      return {
+        error,
+      };
+    }
+    return {
+      session: session!,
+      token: token!,
+    };
+  } catch (error: any) {
+    return {
+      error: createError(error),
+    };
+  }
+};
+
+/**
+ * Use collectFinancialConnectionsAccounts in the [Collect an account to build data-powered products](https://stripe.com/docs/financial-connections/other-data-powered-products) flow.
+ * When called, it will load the Authentication Flow, an on-page modal UI which allows your user to securely link their external financial account.
+ * @param clientSecret The client_secret of the [Financial Connections Session](https://stripe.com/docs/api/financial_connections/session).
+ * @returns A promise that resolves to an object containing either a `session` field, or an error field.
+ */
+export const collectFinancialConnectionsAccounts = async (
+  clientSecret: string
+): Promise<FinancialConnections.SessionResult> => {
+  try {
+    const { session, error } =
+      await NativeStripeSdk.collectFinancialConnectionsAccounts(clientSecret);
+
+    if (error) {
+      return {
+        error,
+      };
+    }
+    return {
+      session: session!,
+    };
+  } catch (error: any) {
+    return {
+      error: createError(error),
+    };
+  }
+};
+
 export const canAddCardToWallet = async (
   params: CanAddCardToWalletParams
 ): Promise<CanAddCardToWalletResult> => {

package/src/hooks/useFinancialConnectionsSheet.tsx

@@ -0,0 +1,34 @@
+import { useState } from 'react';
+import { useStripe } from './useStripe';
+
+/**
+ * React hook for accessing functions on the Financial Connections sheet.
+ *
+ * Retuns the `collectBankAccountToken` and `collectFinancialConnectionsAccounts` functions, and a `loading` boolean that you can use
+ * to display loading state (like showing a spinner).
+ */
+export function useFinancialConnectionsSheet() {
+  const [loading, setLoading] = useState(false);
+  const { collectBankAccountToken, collectFinancialConnectionsAccounts } =
+    useStripe();
+
+  const _collectBankAccountToken = async (clientSecret: string) => {
+    setLoading(true);
+    const result = await collectBankAccountToken(clientSecret);
+    setLoading(false);
+    return result;
+  };
+
+  const _collectFinancialConnectionsAccounts = async (clientSecret: string) => {
+    setLoading(true);
+    const result = await collectFinancialConnectionsAccounts(clientSecret);
+    setLoading(false);
+    return result;
+  };
+
+  return {
+    collectBankAccountToken: _collectBankAccountToken,
+    collectFinancialConnectionsAccounts: _collectFinancialConnectionsAccounts,
+    loading,
+  };
+}

package/src/hooks/useStripe.tsx

@@ -30,6 +30,7 @@ import type {
   CollectBankAccountForPaymentResult,
   CanAddCardToWalletParams,
   CanAddCardToWalletResult,
+  FinancialConnections,
 } from '../types';
 import { useCallback, useEffect, useState } from 'react';
 import { isiOS } from '../helpers';
@@ -60,6 +61,8 @@ import {
   verifyMicrodepositsForPayment,
   verifyMicrodepositsForSetup,
   canAddCardToWallet,
+  collectBankAccountToken,
+  collectFinancialConnectionsAccounts,
 } from '../functions';
 
 /**
@@ -290,6 +293,22 @@ export function useStripe() {
     []
   );
 
+  const _collectBankAccountToken = useCallback(
+    async (clientSecret: string): Promise<FinancialConnections.TokenResult> => {
+      return collectBankAccountToken(clientSecret);
+    },
+    []
+  );
+
+  const _collectFinancialConnectionsAccounts = useCallback(
+    async (
+      clientSecret: string
+    ): Promise<FinancialConnections.SessionResult> => {
+      return collectFinancialConnectionsAccounts(clientSecret);
+    },
+    []
+  );
+
   return {
     retrievePaymentIntent: _retrievePaymentIntent,
     retrieveSetupIntent: _retrieveSetupIntent,
@@ -317,5 +336,7 @@ export function useStripe() {
     verifyMicrodepositsForPayment: _verifyMicrodepositsForPayment,
     verifyMicrodepositsForSetup: _verifyMicrodepositsForSetup,
     canAddCardToWallet: _canAddCardToWallet,
+    collectBankAccountToken: _collectBankAccountToken,
+    collectFinancialConnectionsAccounts: _collectFinancialConnectionsAccounts,
   };
 }

package/src/index.tsx

@@ -5,6 +5,7 @@ export { useStripe } from './hooks/useStripe';
 export { useApplePay, Props as UseApplePayProps } from './hooks/useApplePay';
 export { usePaymentSheet } from './hooks/usePaymentSheet';
 export { useGooglePay } from './hooks/useGooglePay';
+export { useFinancialConnectionsSheet } from './hooks/useFinancialConnectionsSheet';
 
 //components
 export {