@stripe/stripe-react-native 0.2.3 → 0.2.4

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, OpenApplePaySetupResult } 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>;
@@ -19,7 +19,7 @@ declare type NativeStripeSdkType = {
     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>;

package/lib/typescript/src/components/StripeProvider.d.ts

@@ -33,4 +33,4 @@ export declare const initStripe: (params: InitStripeParams) => Promise<void>;
  * @returns JSX.Element
  * @category ReactComponents
  */
-export declare function StripeProvider({ children, publishableKey, merchantIdentifier, threeDSecureParams, stripeAccountId, urlScheme, setUrlSchemeOnAndroid, }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+export declare function StripeProvider({ children, publishableKey, merchantIdentifier, threeDSecureParams, stripeAccountId, urlScheme, setUrlSchemeOnAndroid, }: Props): JSX.Element;

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, OpenApplePaySetupResult } 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>;

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, OpenApplePaySetupResult } 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
  */
@@ -25,7 +25,7 @@ export declare function useStripe(): {
     confirmPaymentSheetPayment: () => Promise<ConfirmPaymentSheetPaymentResult>;
     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>;

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/PaymentSheet.d.ts

@@ -27,10 +27,12 @@ export declare namespace PaymentSheet {
     type GooglePayParams = {
         googlePay?: true;
         merchantCountryCode: string;
+        currencyCode?: string;
         testEnv?: boolean;
     } | {
         googlePay?: false;
         merchantCountryCode?: string;
+        currencyCode?: string;
         testEnv?: boolean;
     };
     interface Address {

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`.

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

@@ -150,3 +150,19 @@ export declare type OpenApplePaySetupResult = {
 } | {
     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.3",
+  "version": "0.2.4",
   "author": "Stripe",
   "description": "Stripe SDK for React Native",
   "main": "lib/commonjs/index",
@@ -60,21 +60,22 @@
     "@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.21.5",

package/src/NativeStripeSdk.tsx

@@ -15,7 +15,6 @@ import type {
   InitPaymentSheetResult,
   PresentPaymentSheetResult,
   ConfirmPaymentSheetPaymentResult,
-  Card,
   ApplePayResult,
   CreateTokenResult,
   GooglePayInitResult,
@@ -23,6 +22,7 @@ import type {
   CreateGooglePayPaymentMethodResult,
   GooglePay,
   OpenApplePaySetupResult,
+  CreateTokenParams,
 } from './types';
 
 type NativeStripeSdkType = {
@@ -65,7 +65,7 @@ type NativeStripeSdkType = {
   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

package/src/components/CardField.tsx

@@ -90,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/StripeProvider.tsx

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

package/src/functions.ts

@@ -24,8 +24,8 @@ import {
   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';
@@ -55,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);

package/src/hooks/useApplePay.tsx

@@ -105,24 +105,18 @@ export function useApplePay({
   );
 
   useEffect(() => {
-    eventEmitter.addListener(
+    const didSetShippingMethodListener = eventEmitter.addListener(
       SET_SHIPPING_METHOD_CALLBACK_NAME,
       onDidSetShippingMethod
     );
-    eventEmitter.addListener(
+    const didSetShippingContactListener = eventEmitter.addListener(
       SET_SHIPPING_CONTACT_CALLBACK_NAME,
       onDidSetShippingContact
     );
 
     return () => {
-      eventEmitter.removeListener(
-        SET_SHIPPING_METHOD_CALLBACK_NAME,
-        onDidSetShippingMethod
-      );
-      eventEmitter.removeListener(
-        SET_SHIPPING_CONTACT_CALLBACK_NAME,
-        onDidSetShippingContact
-      );
+      didSetShippingMethodListener.remove();
+      didSetShippingContactListener.remove();
     };
   }, [onDidSetShippingContact, onDidSetShippingMethod]);
 

package/src/hooks/useStripe.tsx

@@ -17,12 +17,12 @@ import type {
   ConfirmPaymentSheetPaymentResult,
   ConfirmSetupIntent,
   CreateTokenResult,
-  Card,
   PayWithGooglePayResult,
   GooglePayInitResult,
   GooglePay,
   CreateGooglePayPaymentMethodResult,
   OpenApplePaySetupResult,
+  CreateTokenParams,
 } from '../types';
 import { useCallback, useEffect, useState } from 'react';
 import { isiOS } from '../helpers';
@@ -78,7 +78,7 @@ export function useStripe() {
   );
 
   const _createToken = useCallback(
-    async (params: Card.CreateTokenParams): Promise<CreateTokenResult> => {
+    async (params: CreateTokenParams): Promise<CreateTokenResult> => {
       return createToken(params);
     },
     []

package/src/types/Card.ts

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

package/src/types/GooglePay.ts

@@ -46,7 +46,7 @@ export 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/src/types/PaymentSheet.ts

@@ -37,11 +37,13 @@ export declare namespace PaymentSheet {
     | {
         googlePay?: true;
         merchantCountryCode: string;
+        currencyCode?: string;
         testEnv?: boolean;
       }
     | {
         googlePay?: false;
         merchantCountryCode?: string;
+        currencyCode?: string;
         testEnv?: boolean;
       };
   export interface Address {

package/src/types/components/CardFieldInput.ts

@@ -4,6 +4,12 @@ import type { Card } from '../Card';
 
 export namespace CardFieldInput {
   export type Names = 'CardNumber' | 'Cvc' | 'ExpiryDate' | 'PostalCode';
+  export enum ValidationState {
+    Valid = 'Valid',
+    Invalid = 'Invalid',
+    Incomplete = 'Incomplete',
+    Unknown = 'Unknown',
+  }
 
   export interface Details {
     last4: string;
@@ -12,6 +18,9 @@ export 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`.

package/src/types/index.ts

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

package/stripe-react-native.podspec

@@ -1,22 +1,20 @@
-require "json"
+require 'json'
 
-package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 
 Pod::Spec.new do |s|
-  s.name         = "stripe-react-native"
-  s.version      = package["version"]
-  s.summary      = package["description"]
-  s.homepage     = package["homepage"]
-  s.license      = package["license"]
-  s.authors      = package["author"]
+  s.name         = 'stripe-react-native'
+  s.version      = package['version']
+  s.summary      = package['description']
+  s.homepage     = package['homepage']
+  s.license      = package['license']
+  s.authors      = package['author']
 
-  s.platforms    = { :ios => "11.0" }
-  s.source       = { :git => "https://github.com/stripe/stripe-react-native.git", :tag => "#{s.version}" }
+  s.platforms    = { ios: '11.0' }
+  s.source       = { git: 'https://github.com/stripe/stripe-react-native.git', tag: s.version.to_s }
 
+  s.source_files = 'ios/**/*.{h,m,mm,swift}'
 
-  s.source_files = "ios/**/*.{h,m,mm,swift}"
-
-
-  s.dependency "React-Core"
-  s.dependency 'Stripe', '~> 21.9.0'
+  s.dependency 'React-Core'
+  s.dependency 'Stripe', '~> 21.11.1'
 end