@stripe/stripe-react-native 0.2.0 → 0.2.4

package/lib/typescript/e2e/helpers.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="webdriverio/sync" />
 export declare function getElementByText(text: string): WebdriverIO.Element;
+export declare function getElementByTextContaining(text: string): WebdriverIO.Element;
 export declare function getTextInputByPlaceholder(placeholder: string): WebdriverIO.Element;

package/lib/typescript/example/src/App.d.ts

@@ -1,2 +1,40 @@
-import 'react-native-gesture-handler';
+export declare type RootStackParamList = {
+    WebhookPaymentScreen: undefined;
+    HomeScreen: undefined;
+    NoWebhookPaymentScreen: undefined;
+    ApplePayScreen: undefined;
+    SetupFuturePaymentScreen: undefined;
+    PaymentsUICompleteScreen: undefined;
+    PaymentsUICustomScreen: undefined;
+    CVCReCollectionScreen: undefined;
+    IdealPaymentScreen: undefined;
+    IdealSetupFuturePaymentScreen: undefined;
+    AlipayPaymentScreen: undefined;
+    PaymentResultScreen: {
+        url: string;
+    };
+    SofortPaymentScreen: undefined;
+    SofortSetupFuturePaymentScreen: undefined;
+    FPXPaymentScreen: undefined;
+    BancontactPaymentScreen: undefined;
+    BancontactSetupFuturePaymentScreen: undefined;
+    SepaPaymentScreen: undefined;
+    SepaSetupFuturePaymentScreen: undefined;
+    OxxoPaymentScreen: undefined;
+    GiropayPaymentScreen: undefined;
+    EPSPaymentScreen: undefined;
+    GrabPayPaymentScreen: undefined;
+    P24PaymentScreen: undefined;
+    AuBECSDebitPaymentScreen: undefined;
+    AfterpayClearpayPaymentScreen: undefined;
+    AuBECSDebitSetupPaymentScreen: undefined;
+    MultilineWebhookPaymentScreen: undefined;
+    GooglePayScreen: undefined;
+};
+declare global {
+    namespace ReactNavigation {
+        interface RootParamList extends RootStackParamList {
+        }
+    }
+}
 export default function App(): JSX.Element;

package/lib/typescript/example/src/screens/HomeScreen.d.ts

@@ -1,6 +1 @@
-export declare type RootStackParamList = {
-    PaymentResultScreen: {
-        url: string;
-    };
-};
 export default function HomeScreen(): JSX.Element;

package/lib/typescript/example/src/screens/PaymentResultScreen.d.ts

@@ -1,5 +1,5 @@
 import type { RouteProp } from '@react-navigation/native';
-import type { RootStackParamList } from './HomeScreen';
+import type { RootStackParamList } from '../App';
 declare type ScreenRouteProp = RouteProp<RootStackParamList, 'PaymentResultScreen'>;
 declare type Props = {
     route: ScreenRouteProp;

package/lib/typescript/src/NativeStripeSdk.d.ts

@@ -1,4 +1,4 @@
-import type { PaymentMethodCreateParams, ApplePay, PaymentSheet, ConfirmSetupIntent, InitialiseParams, CreatePaymentMethodResult, RetrievePaymentIntentResult, RetrieveSetupIntentResult, ConfirmPaymentResult, HandleCardActionResult, ConfirmSetupIntentResult, CreateTokenForCVCUpdateResult, InitPaymentSheetResult, PresentPaymentSheetResult, ConfirmPaymentSheetPaymentResult, Card, ApplePayResult, CreateTokenResult, GooglePayInitResult, PayWithGooglePayResult, CreateGooglePayPaymentMethodResult, GooglePay } from './types';
+import type { PaymentMethodCreateParams, ApplePay, PaymentSheet, ConfirmSetupIntent, InitialiseParams, CreatePaymentMethodResult, RetrievePaymentIntentResult, RetrieveSetupIntentResult, ConfirmPaymentResult, HandleCardActionResult, ConfirmSetupIntentResult, CreateTokenForCVCUpdateResult, InitPaymentSheetResult, PresentPaymentSheetResult, ConfirmPaymentSheetPaymentResult, ApplePayResult, CreateTokenResult, GooglePayInitResult, PayWithGooglePayResult, CreateGooglePayPaymentMethodResult, GooglePay, OpenApplePaySetupResult, CreateTokenParams } from './types';
 declare type NativeStripeSdkType = {
     initialise(params: InitialiseParams): Promise<void>;
     createPaymentMethod(data: PaymentMethodCreateParams.Params, options: PaymentMethodCreateParams.Options): Promise<CreatePaymentMethodResult>;
@@ -15,14 +15,15 @@ declare type NativeStripeSdkType = {
     retrievePaymentIntent(clientSecret: string): Promise<RetrievePaymentIntentResult>;
     retrieveSetupIntent(clientSecret: string): Promise<RetrieveSetupIntentResult>;
     initPaymentSheet(params: PaymentSheet.SetupParams): Promise<InitPaymentSheetResult>;
-    presentPaymentSheet(params?: PaymentSheet.PresentParams): Promise<PresentPaymentSheetResult>;
+    presentPaymentSheet(): Promise<PresentPaymentSheetResult>;
     confirmPaymentSheetPayment(): Promise<ConfirmPaymentSheetPaymentResult>;
     createTokenForCVCUpdate(cvc: string): Promise<CreateTokenForCVCUpdateResult>;
     handleURLCallback(url: string): Promise<boolean>;
-    createToken(params: Card.CreateTokenParams): Promise<CreateTokenResult>;
+    createToken(params: CreateTokenParams): Promise<CreateTokenResult>;
     initGooglePay(params: GooglePay.InitParams): Promise<GooglePayInitResult>;
     presentGooglePay(params: GooglePay.PresentGooglePayParams): Promise<PayWithGooglePayResult>;
     createGooglePayPaymentMethod(params: GooglePay.CreatePaymentMethodParams): Promise<CreateGooglePayPaymentMethodResult>;
+    openApplePaySetup(): Promise<OpenApplePaySetupResult>;
 };
 declare const _default: NativeStripeSdkType;
 export default _default;

package/lib/typescript/src/functions.d.ts

@@ -1,7 +1,6 @@
-import { ApplePay, ApplePayError, ApplePayResult, ConfirmPaymentResult, ConfirmPaymentSheetPaymentResult, ConfirmSetupIntent, ConfirmSetupIntentResult, CreatePaymentMethodResult, CreateTokenForCVCUpdateResult, CreateTokenResult, GooglePayInitResult, HandleCardActionResult, InitPaymentSheetResult, PaymentMethodCreateParams, PaymentSheet, PayWithGooglePayResult, PresentPaymentSheetResult, RetrievePaymentIntentResult, RetrieveSetupIntentResult, StripeError, GooglePay, CreateGooglePayPaymentMethodResult } from './types';
-import type { Card } from './types/Card';
+import { ApplePay, ApplePayError, ApplePayResult, ConfirmPaymentResult, ConfirmPaymentSheetPaymentResult, ConfirmSetupIntent, ConfirmSetupIntentResult, CreatePaymentMethodResult, CreateTokenForCVCUpdateResult, CreateTokenResult, GooglePayInitResult, HandleCardActionResult, InitPaymentSheetResult, PaymentMethodCreateParams, PaymentSheet, PayWithGooglePayResult, PresentPaymentSheetResult, RetrievePaymentIntentResult, RetrieveSetupIntentResult, StripeError, GooglePay, CreateGooglePayPaymentMethodResult, OpenApplePaySetupResult, CreateTokenParams } from './types';
 export declare const createPaymentMethod: (data: PaymentMethodCreateParams.Params, options?: PaymentMethodCreateParams.Options) => Promise<CreatePaymentMethodResult>;
-export declare const createToken: (params: Card.CreateTokenParams) => Promise<CreateTokenResult>;
+export declare const createToken: (params: CreateTokenParams) => Promise<CreateTokenResult>;
 export declare const retrievePaymentIntent: (clientSecret: string) => Promise<RetrievePaymentIntentResult>;
 export declare const retrieveSetupIntent: (clientSecret: string) => Promise<RetrieveSetupIntentResult>;
 export declare const confirmPayment: (paymentIntentClientSecret: string, data: PaymentMethodCreateParams.Params, options?: PaymentMethodCreateParams.Options) => Promise<ConfirmPaymentResult>;
@@ -21,8 +20,9 @@ export declare const confirmSetupIntent: (paymentIntentClientSecret: string, dat
 export declare const createTokenForCVCUpdate: (cvc: string) => Promise<CreateTokenForCVCUpdateResult>;
 export declare const handleURLCallback: (url: string) => Promise<boolean>;
 export declare const initPaymentSheet: (params: PaymentSheet.SetupParams) => Promise<InitPaymentSheetResult>;
-export declare const presentPaymentSheet: (params?: PaymentSheet.PresentParams | undefined) => Promise<PresentPaymentSheetResult>;
+export declare const presentPaymentSheet: () => Promise<PresentPaymentSheetResult>;
 export declare const confirmPaymentSheetPayment: () => Promise<ConfirmPaymentSheetPaymentResult>;
 export declare const initGooglePay: (params: GooglePay.InitParams) => Promise<GooglePayInitResult>;
 export declare const presentGooglePay: (params: GooglePay.SetupIntentParams) => Promise<PayWithGooglePayResult>;
 export declare const createGooglePayPaymentMethod: (params: GooglePay.CreatePaymentMethodParams) => Promise<CreateGooglePayPaymentMethodResult>;
+export declare const openApplePaySetup: () => Promise<OpenApplePaySetupResult>;

package/lib/typescript/src/helpers.d.ts

@@ -15,3 +15,8 @@ export declare function createError<T>(error: StripeError<T>): {
     stripeErrorCode: string | undefined;
     type: import("./types").ErrorType | undefined;
 };
+export declare const unsupportedMethodMessage: (field: string) => string;
+export declare const focusInput: (ref: React.MutableRefObject<any>) => void;
+export declare const registerInput: (ref: React.MutableRefObject<any>) => void;
+export declare const unregisterInput: (ref: React.MutableRefObject<any>) => void;
+export declare const currentlyFocusedInput: () => any;

package/lib/typescript/src/hooks/useApplePay.d.ts

@@ -49,5 +49,6 @@ export declare function useApplePay({ onShippingMethodSelected, onShippingContac
     confirmApplePayPayment: (clientSecret: string) => Promise<{
         error?: StripeError<ApplePayError> | undefined;
     }>;
-    isApplePaySupported: boolean;
+    isApplePaySupported: boolean | null;
+    openApplePaySetup: () => Promise<import("../types").OpenApplePaySetupResult>;
 };

package/lib/typescript/src/hooks/useGooglePay.d.ts

@@ -1,10 +1,10 @@
-import type { GooglePay } from 'src/types';
+import type { GooglePay } from '../types';
 /**
  * useGooglePay hook
  */
 export declare function useGooglePay(): {
     loading: boolean;
-    initGooglePay: (params: GooglePay.InitParams) => Promise<import("src/types").GooglePayInitResult>;
-    presentGooglePay: (params: GooglePay.PresentGooglePayParams) => Promise<import("src/types").PayWithGooglePayResult>;
-    createGooglePayPaymentMethod: (params: GooglePay.CreatePaymentMethodParams) => Promise<import("src/types").CreateGooglePayPaymentMethodResult>;
+    initGooglePay: (params: GooglePay.InitParams) => Promise<import("../types").GooglePayInitResult>;
+    presentGooglePay: (params: GooglePay.PresentGooglePayParams) => Promise<import("../types").PayWithGooglePayResult>;
+    createGooglePayPaymentMethod: (params: GooglePay.CreatePaymentMethodParams) => Promise<import("../types").CreateGooglePayPaymentMethodResult>;
 };

package/lib/typescript/src/hooks/usePaymentSheet.d.ts

@@ -5,6 +5,6 @@ import type { PaymentSheet } from '../types';
 export declare function usePaymentSheet(): {
     loading: boolean;
     initPaymentSheet: (params: PaymentSheet.SetupParams) => Promise<import("../types").InitPaymentSheetResult>;
-    presentPaymentSheet: (params: PaymentSheet.PresentParams) => Promise<import("../types").PresentPaymentSheetResult>;
+    presentPaymentSheet: () => Promise<import("../types").PresentPaymentSheetResult>;
     confirmPaymentSheetPayment: () => Promise<import("../types").ConfirmPaymentSheetPaymentResult>;
 };

package/lib/typescript/src/hooks/useStripe.d.ts

@@ -1,4 +1,4 @@
-import type { PaymentMethodCreateParams, ApplePay, PaymentSheet, CreatePaymentMethodResult, RetrievePaymentIntentResult, RetrieveSetupIntentResult, ConfirmPaymentResult, HandleCardActionResult, ConfirmSetupIntentResult, CreateTokenForCVCUpdateResult, ApplePayResult, ApplePayError, StripeError, InitPaymentSheetResult, PresentPaymentSheetResult, ConfirmPaymentSheetPaymentResult, ConfirmSetupIntent, CreateTokenResult, Card, PayWithGooglePayResult, GooglePayInitResult, GooglePay, CreateGooglePayPaymentMethodResult } from '../types';
+import type { PaymentMethodCreateParams, ApplePay, PaymentSheet, CreatePaymentMethodResult, RetrievePaymentIntentResult, RetrieveSetupIntentResult, ConfirmPaymentResult, HandleCardActionResult, ConfirmSetupIntentResult, CreateTokenForCVCUpdateResult, ApplePayResult, ApplePayError, StripeError, InitPaymentSheetResult, PresentPaymentSheetResult, ConfirmPaymentSheetPaymentResult, ConfirmSetupIntent, CreateTokenResult, PayWithGooglePayResult, GooglePayInitResult, GooglePay, CreateGooglePayPaymentMethodResult, OpenApplePaySetupResult, CreateTokenParams } from '../types';
 /**
  * useStripe hook
  */
@@ -8,7 +8,7 @@ export declare function useStripe(): {
     confirmPayment: (paymentIntentClientSecret: string, data: PaymentMethodCreateParams.Params, options?: PaymentMethodCreateParams.Options) => Promise<ConfirmPaymentResult>;
     createPaymentMethod: (data: PaymentMethodCreateParams.Params, options?: PaymentMethodCreateParams.Options) => Promise<CreatePaymentMethodResult>;
     handleCardAction: (paymentIntentClientSecret: string) => Promise<HandleCardActionResult>;
-    isApplePaySupported: boolean;
+    isApplePaySupported: boolean | null;
     presentApplePay: (params: ApplePay.PresentParams) => Promise<ApplePayResult>;
     confirmApplePayPayment: (clientSecret: string) => Promise<{
         error?: StripeError<ApplePayError>;
@@ -23,10 +23,11 @@ export declare function useStripe(): {
     }>;
     handleURLCallback: (url: string) => Promise<boolean>;
     confirmPaymentSheetPayment: () => Promise<ConfirmPaymentSheetPaymentResult>;
-    presentPaymentSheet: (params?: PaymentSheet.PresentParams | undefined) => Promise<PresentPaymentSheetResult>;
+    presentPaymentSheet: () => Promise<PresentPaymentSheetResult>;
     initPaymentSheet: (params: PaymentSheet.SetupParams) => Promise<InitPaymentSheetResult>;
-    createToken: (params: Card.CreateTokenParams) => Promise<CreateTokenResult>;
+    createToken: (params: CreateTokenParams) => Promise<CreateTokenResult>;
     initGooglePay: (params: GooglePay.InitParams) => Promise<GooglePayInitResult>;
     presentGooglePay: (params: GooglePay.PresentGooglePayParams) => Promise<PayWithGooglePayResult>;
     createGooglePayPaymentMethod: (params: GooglePay.CreatePaymentMethodParams) => Promise<CreateGooglePayPaymentMethodResult>;
+    openApplePaySetup: () => Promise<OpenApplePaySetupResult>;
 };

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

@@ -38,9 +38,4 @@ export declare namespace Card {
         postalCode?: string;
         state?: string;
     }
-    interface CreateTokenParams {
-        type: 'Account' | 'BankAccount' | 'Card' | 'CvcUpdate' | 'Person' | 'Pii';
-        address?: Address;
-        name?: string;
-    }
 }

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

@@ -29,7 +29,7 @@ export declare namespace GooglePay {
          * If `true`, Google Pay is considered ready if the customer's Google Pay wallet
          * has existing payment methods.
          *
-         * Default to `true`.
+         * Default to `false`.
          */
         existingPaymentMethodRequired?: boolean;
     }

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

@@ -17,7 +17,7 @@ export interface PaymentMethod {
     Upi: PaymentMethods.Upi;
 }
 export declare namespace PaymentMethodCreateParams {
-    type Params = CardParams | IdealParams | OxxoParams | P24Params | AlipayParams | GiropayParams | SepaParams | EpsParams | AuBecsDebitParams | SofortParams | GrabPayParams | FPXParams | AfterpayClearpayParams | WeChatPayParams | BancontactParams;
+    type Params = CardParams | IdealParams | OxxoParams | P24Params | AlipayParams | GiropayParams | SepaParams | EpsParams | AuBecsDebitParams | SofortParams | GrabPayParams | FPXParams | AfterpayClearpayParams | BancontactParams;
     type BillingDetails = {
         email?: string;
         name?: string;

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

@@ -5,10 +5,10 @@ export declare namespace PaymentSheet {
         customFlow?: boolean;
         merchantDisplayName?: string;
         style?: 'alwaysLight' | 'alwaysDark' | 'automatic';
-    };
-    type PresentParams = {
-        confirmPayment?: boolean;
-        clientSecret?: string;
+        returnURL?: string;
+        primaryButtonColor?: string;
+        defaultBillingDetails?: BillingDetails;
+        allowsDelayedPaymentMethods?: boolean;
     };
     type ClientSecretParams = {
         paymentIntentClientSecret: string;
@@ -27,12 +27,28 @@ export declare namespace PaymentSheet {
     type GooglePayParams = {
         googlePay?: true;
         merchantCountryCode: string;
+        currencyCode?: string;
         testEnv?: boolean;
     } | {
         googlePay?: false;
         merchantCountryCode?: string;
+        currencyCode?: string;
         testEnv?: boolean;
     };
+    interface Address {
+        city?: string;
+        country?: string;
+        line1?: string;
+        line2?: string;
+        postalCode?: string;
+        state?: string;
+    }
+    interface BillingDetails {
+        address: Address;
+        name?: string;
+        email?: string;
+        phone?: string;
+    }
     interface PaymentOption {
         label: string;
         image: string;

package/lib/typescript/src/types/components/AuBECSDebitForm.d.ts

@@ -1,5 +1,8 @@
 import type { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
 export declare namespace AuBECSDebitFormComponent {
+    /**
+     * @ignore
+     */
     interface NativeProps {
         companyName: string;
         style?: StyleProp<ViewStyle>;

package/lib/typescript/src/types/components/CardFieldInput.d.ts

@@ -3,6 +3,12 @@ import type { Nullable } from '../';
 import type { Card } from '../Card';
 export declare namespace CardFieldInput {
     type Names = 'CardNumber' | 'Cvc' | 'ExpiryDate' | 'PostalCode';
+    enum ValidationState {
+        Valid = "Valid",
+        Invalid = "Invalid",
+        Incomplete = "Incomplete",
+        Unknown = "Unknown"
+    }
     interface Details {
         last4: string;
         expiryMonth: number;
@@ -10,6 +16,9 @@ export declare namespace CardFieldInput {
         postalCode?: string;
         brand: Card.Brand;
         complete: boolean;
+        validExpiryDate: ValidationState;
+        validCVC: ValidationState;
+        validNumber: ValidationState;
         /**
          * WARNING: Full card details are only returned when the `dangerouslyGetFullCardDetails` prop
          * on the `CardField` component is set to `true`.
@@ -37,6 +46,9 @@ export declare namespace CardFieldInput {
         cvc?: string;
         postalCode?: string;
     }
+    /**
+     * @ignore
+     */
     interface NativeProps {
         style?: StyleProp<ViewStyle>;
         value?: Partial<Details>;

package/lib/typescript/src/types/components/CardFormView.d.ts

@@ -29,6 +29,9 @@ export declare namespace CardFormView {
         cvc?: string;
         postalCode?: string;
     }
+    /**
+     * @ignore
+     */
     interface NativeProps {
         style?: StyleProp<ViewStyle>;
         autofocus?: boolean;

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

@@ -145,3 +145,24 @@ export declare type CreateGooglePayPaymentMethodResult = {
     paymentMethod?: undefined;
     error: StripeError<GooglePayError>;
 };
+export declare type OpenApplePaySetupResult = {
+    error?: undefined;
+} | {
+    error: StripeError<ApplePayError>;
+};
+export declare type CreateTokenParams = CreateTokenCardParams | CreateTokenBankAccountParams;
+export declare type CreateTokenCardParams = {
+    type: 'Card';
+    address?: Card.Address;
+    name?: string;
+};
+export declare type BankAcccountHolderType = 'Company' | 'Individual';
+export declare type CreateTokenBankAccountParams = {
+    type: 'BankAccount';
+    accountHolderName?: string;
+    accountHolderType?: BankAcccountHolderType;
+    accountNumber: string;
+    country: string;
+    currency: string;
+    routingNumber?: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/stripe-react-native",
-  "version": "0.2.0",
+  "version": "0.2.4",
   "author": "Stripe",
   "description": "Stripe SDK for React Native",
   "main": "lib/commonjs/index",
@@ -15,7 +15,8 @@
     "ios",
     "cpp",
     "app.plugin.js",
-    "stripe-react-native.podspec"
+    "stripe-react-native.podspec",
+    "jest"
   ],
   "scripts": {
     "test": "jest",
@@ -59,24 +60,25 @@
     "@wdio/mocha-framework": "^7.5.3",
     "@wdio/spec-reporter": "^7.5.7",
     "@wdio/sync": "^7.5.7",
-    "appium": "^1.21.0",
+    "appium": "^1.22.1",
     "appium-chromedriver": "4.26.2",
     "appium-doctor": "^1.16.0",
     "commitlint": "^8.3.5",
-    "eslint": "^7.2.0",
+    "eslint": "^7.14.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-prettier": "^3.1.3",
     "expect-webdriverio": "^2.0.1",
     "husky": "^4.2.5",
-    "jest": "^26.0.1",
+    "jest": "^26.6.3",
+    "metro-react-native-babel-preset": "^0.67.0",
     "mocha": "^8.3.2",
     "pod-install": "^0.1.0",
     "prettier": "^2.0.5",
-    "react": "16.11.0",
-    "react-native": "0.62.3",
+    "react": "17.0.2",
+    "react-native": "0.66.4",
     "release-it": "^13.5.8",
     "ts-node": "^9.1.1",
-    "typedoc": "^0.20.28",
+    "typedoc": "^0.21.5",
     "typescript": "^4.2.3",
     "wdio-chromedriver-service": "^7.0.0",
     "wdio-native-app-compare-service": "^1.2.0",

package/src/NativeStripeSdk.tsx

@@ -15,13 +15,14 @@ import type {
   InitPaymentSheetResult,
   PresentPaymentSheetResult,
   ConfirmPaymentSheetPaymentResult,
-  Card,
   ApplePayResult,
   CreateTokenResult,
   GooglePayInitResult,
   PayWithGooglePayResult,
   CreateGooglePayPaymentMethodResult,
   GooglePay,
+  OpenApplePaySetupResult,
+  CreateTokenParams,
 } from './types';
 
 type NativeStripeSdkType = {
@@ -60,13 +61,11 @@ type NativeStripeSdkType = {
   initPaymentSheet(
     params: PaymentSheet.SetupParams
   ): Promise<InitPaymentSheetResult>;
-  presentPaymentSheet(
-    params?: PaymentSheet.PresentParams
-  ): Promise<PresentPaymentSheetResult>;
+  presentPaymentSheet(): Promise<PresentPaymentSheetResult>;
   confirmPaymentSheetPayment(): Promise<ConfirmPaymentSheetPaymentResult>;
   createTokenForCVCUpdate(cvc: string): Promise<CreateTokenForCVCUpdateResult>;
   handleURLCallback(url: string): Promise<boolean>;
-  createToken(params: Card.CreateTokenParams): Promise<CreateTokenResult>;
+  createToken(params: CreateTokenParams): Promise<CreateTokenResult>;
   initGooglePay(params: GooglePay.InitParams): Promise<GooglePayInitResult>;
   presentGooglePay(
     params: GooglePay.PresentGooglePayParams
@@ -74,6 +73,7 @@ type NativeStripeSdkType = {
   createGooglePayPaymentMethod(
     params: GooglePay.CreatePaymentMethodParams
   ): Promise<CreateGooglePayPaymentMethodResult>;
+  openApplePaySetup(): Promise<OpenApplePaySetupResult>;
 };
 
 const { StripeSdk } = NativeModules;

package/src/components/CardField.tsx

@@ -15,54 +15,16 @@ import {
   findNodeHandle,
   ViewStyle,
 } from 'react-native';
-const TextInputState = require('react-native/Libraries/Components/TextInput/TextInputState');
+import {
+  currentlyFocusedInput,
+  focusInput,
+  registerInput,
+  unregisterInput,
+} from '../helpers';
 
 const CardFieldNative =
   requireNativeComponent<CardFieldInput.NativeProps>('CardField');
 
-const unsupportedMethodMessage = (field: string) =>
-  `${field} method is not supported. Consider to upgrade react-native version to 0.63.x or higher`;
-
-const focusInput = (ref: React.MutableRefObject<any>) => {
-  if ('focusInput' in TextInputState) {
-    TextInputState.focusInput(ref);
-  } else {
-    if (__DEV__) {
-      console.log(unsupportedMethodMessage('focusInput'));
-    }
-  }
-};
-
-const registerInput = (ref: React.MutableRefObject<any>) => {
-  if ('registerInput' in TextInputState) {
-    TextInputState.registerInput(ref);
-  } else {
-    if (__DEV__) {
-      console.log(unsupportedMethodMessage('registerInput'));
-    }
-  }
-};
-
-const unregisterInput = (ref: React.MutableRefObject<any>) => {
-  if ('unregisterInput' in TextInputState) {
-    TextInputState.unregisterInput(ref);
-  } else {
-    if (__DEV__) {
-      console.log(unsupportedMethodMessage('unregisterInput'));
-    }
-  }
-};
-
-const currentlyFocusedInput = () => {
-  if ('currentlyFocusedInput' in TextInputState) {
-    return TextInputState.currentlyFocusedInput();
-  } else {
-    if (__DEV__) {
-      console.log(unsupportedMethodMessage('currentlyFocusedInput'));
-    }
-  }
-};
-
 /**
  *  Card Field Component Props
  */
@@ -128,6 +90,9 @@ export const CardField = forwardRef<CardFieldInput.Methods, Props>(
           expiryYear: card.expiryYear,
           complete: card.complete,
           brand: card.brand,
+          validExpiryDate: card.validExpiryDate,
+          validNumber: card.validNumber,
+          validCVC: card.validCVC,
         };
 
         if (card.hasOwnProperty('postalCode')) {

package/src/components/CardForm.tsx

@@ -15,7 +15,12 @@ import {
   findNodeHandle,
   ViewStyle,
 } from 'react-native';
-const TextInputState = require('react-native/Libraries/Components/TextInput/TextInputState');
+import {
+  currentlyFocusedInput,
+  focusInput,
+  registerInput,
+  unregisterInput,
+} from '../helpers';
 
 const CardFormNative =
   requireNativeComponent<CardFormView.NativeProps>('CardForm');
@@ -133,7 +138,7 @@ export const CardForm = forwardRef<CardFormView.Methods, Props>(
     const onFocusHandler = useCallback((event) => {
       const { focusedField } = event.nativeEvent;
       if (focusedField) {
-        TextInputState.focusInput(inputRef.current);
+        focusInput(inputRef.current);
         // onFocus?.(focusedField);
       } else {
         // onBlur?.();
@@ -143,10 +148,10 @@ export const CardForm = forwardRef<CardFormView.Methods, Props>(
     useLayoutEffect(() => {
       const inputRefValue = inputRef.current;
       if (inputRefValue !== null) {
-        TextInputState.registerInput(inputRefValue);
+        registerInput(inputRefValue);
         return () => {
-          TextInputState.unregisterInput(inputRefValue);
-          if (TextInputState.currentlyFocusedInput() === inputRefValue) {
+          unregisterInput(inputRefValue);
+          if (currentlyFocusedInput() === inputRefValue) {
             inputRefValue.blur();
           }
         };

package/src/components/StripeProvider.tsx

@@ -103,5 +103,5 @@ export function StripeProvider({
     setUrlSchemeOnAndroid,
   ]);
 
-  return <>{publishableKey ? children : null}</>;
+  return <>{children}</>;
 }

package/src/functions.ts

@@ -23,8 +23,9 @@ import {
   StripeError,
   GooglePay,
   CreateGooglePayPaymentMethodResult,
+  OpenApplePaySetupResult,
+  CreateTokenParams,
 } from './types';
-import type { Card } from './types/Card';
 
 const APPLE_PAY_NOT_SUPPORTED_MESSAGE =
   'Apple pay is not supported on this device';
@@ -54,7 +55,7 @@ export const createPaymentMethod = async (
 };
 
 export const createToken = async (
-  params: Card.CreateTokenParams
+  params: CreateTokenParams
 ): Promise<CreateTokenResult> => {
   try {
     const { token, error } = await NativeStripeSdk.createToken(params);
@@ -324,27 +325,25 @@ export const initPaymentSheet = async (
   }
 };
 
-export const presentPaymentSheet = async (
-  params?: PaymentSheet.PresentParams
-): Promise<PresentPaymentSheetResult> => {
-  try {
-    const { paymentOption, error } = await NativeStripeSdk.presentPaymentSheet(
-      params
-    );
-    if (error) {
+export const presentPaymentSheet =
+  async (): Promise<PresentPaymentSheetResult> => {
+    try {
+      const { paymentOption, error } =
+        await NativeStripeSdk.presentPaymentSheet();
+      if (error) {
+        return {
+          error,
+        };
+      }
       return {
-        error,
+        paymentOption: paymentOption,
+      };
+    } catch (error) {
+      return {
+        error: createError(error),
       };
     }
-    return {
-      paymentOption: paymentOption,
-    };
-  } catch (error) {
-    return {
-      error: createError(error),
-    };
-  }
-};
+  };
 
 export const confirmPaymentSheetPayment =
   async (): Promise<ConfirmPaymentSheetPaymentResult> => {
@@ -419,3 +418,19 @@ export const createGooglePayPaymentMethod = async (
     };
   }
 };
+
+export const openApplePaySetup = async (): Promise<OpenApplePaySetupResult> => {
+  try {
+    const { error } = await NativeStripeSdk.openApplePaySetup();
+    if (error) {
+      return {
+        error,
+      };
+    }
+    return {};
+  } catch (error) {
+    return {
+      error: createError(error),
+    };
+  }
+};