@stripe/stripe-react-native 0.2.1 → 0.3.0

package/src/functions.ts

@@ -1,4 +1,5 @@
-import { createError, isiOS } from './helpers';
+import { createError, isAndroid, isiOS } from './helpers';
+import { MissingRoutingNumber } from './types/Errors';
 import NativeStripeSdk from './NativeStripeSdk';
 import {
   ApplePay,
@@ -24,8 +25,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,8 +56,18 @@ export const createPaymentMethod = async (
 };
 
 export const createToken = async (
-  params: Card.CreateTokenParams
+  params: CreateTokenParams
 ): Promise<CreateTokenResult> => {
+  if (
+    params.type === 'BankAccount' &&
+    params.country?.toLowerCase() === 'us' &&
+    !params.routingNumber
+  ) {
+    return {
+      error: MissingRoutingNumber,
+    };
+  }
+
   try {
     const { token, error } = await NativeStripeSdk.createToken(params);
 
@@ -362,6 +373,14 @@ export const confirmPaymentSheetPayment =
     }
   };
 
+export const isGooglePaySupported = async (
+  params?: GooglePay.IsGooglePaySupportedParams
+): Promise<boolean> => {
+  return (
+    isAndroid && (await NativeStripeSdk.isGooglePaySupported(params ?? {}))
+  );
+};
+
 export const initGooglePay = async (
   params: GooglePay.InitParams
 ): Promise<GooglePayInitResult> => {

package/src/helpers.ts

@@ -1,6 +1,8 @@
 import type { StripeError } from './types';
 import { Platform, NativeModules } from 'react-native';
 
+const TextInputState = require('react-native/Libraries/Components/TextInput/TextInputState');
+
 /**
  * Determines whether or not this library is being used inside of
  * an "Expo" project by identifying if Expo's native module
@@ -27,3 +29,46 @@ export function createError<T>(error: StripeError<T>) {
     type: error.type,
   };
 }
+
+export const unsupportedMethodMessage = (field: string) =>
+  `${field} method is not supported. Consider to upgrade react-native version to 0.63.x or higher`;
+
+export const focusInput = (ref: React.MutableRefObject<any>) => {
+  if ('focusInput' in TextInputState) {
+    TextInputState.focusInput(ref);
+  } else {
+    if (__DEV__) {
+      console.log(unsupportedMethodMessage('focusInput'));
+    }
+  }
+};
+
+export const registerInput = (ref: React.MutableRefObject<any>) => {
+  if ('registerInput' in TextInputState) {
+    TextInputState.registerInput(ref);
+  } else {
+    if (__DEV__) {
+      console.log(unsupportedMethodMessage('registerInput'));
+    }
+  }
+};
+
+export const unregisterInput = (ref: React.MutableRefObject<any>) => {
+  if ('unregisterInput' in TextInputState) {
+    TextInputState.unregisterInput(ref);
+  } else {
+    if (__DEV__) {
+      console.log(unsupportedMethodMessage('unregisterInput'));
+    }
+  }
+};
+
+export const currentlyFocusedInput = () => {
+  if ('currentlyFocusedInput' in TextInputState) {
+    return TextInputState.currentlyFocusedInput();
+  } else {
+    if (__DEV__) {
+      console.log(unsupportedMethodMessage('currentlyFocusedInput'));
+    }
+  }
+};

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/useConfirmSetupIntent.tsx

@@ -7,9 +7,9 @@ import { useStripe } from './useStripe';
  */
 export function useConfirmSetupIntent() {
   const [loading, setLoading] = useState(false);
-  const { confirmSetupIntent: confirmSetupIntentNative } = useStripe();
+  const { confirmSetupIntent: confirmSetupIntent } = useStripe();
 
-  const confirmSetupIntent = useCallback(
+  const _confirmSetupIntent = useCallback(
     async (
       paymentIntentClientSecret: string,
       data: ConfirmSetupIntent.Params,
@@ -17,7 +17,7 @@ export function useConfirmSetupIntent() {
     ) => {
       setLoading(true);
 
-      const result = await confirmSetupIntentNative(
+      const result = await confirmSetupIntent(
         paymentIntentClientSecret,
         data,
         options
@@ -27,11 +27,11 @@ export function useConfirmSetupIntent() {
 
       return result;
     },
-    [confirmSetupIntentNative]
+    [confirmSetupIntent]
   );
 
   return {
-    confirmSetupIntent,
+    confirmSetupIntent: _confirmSetupIntent,
     loading,
   };
 }

package/src/hooks/useGooglePay.tsx

@@ -6,10 +6,26 @@ import { useStripe } from './useStripe';
  * useGooglePay hook
  */
 export function useGooglePay() {
-  const { initGooglePay, presentGooglePay, createGooglePayPaymentMethod } =
-    useStripe();
+  const {
+    isGooglePaySupported,
+    initGooglePay,
+    presentGooglePay,
+    createGooglePayPaymentMethod,
+  } = useStripe();
   const [loading, setLoading] = useState(false);
 
+  const _isGooglePaySupported = useCallback(
+    async (params?: GooglePay.IsGooglePaySupportedParams) => {
+      setLoading(true);
+
+      const result = await isGooglePaySupported(params);
+      setLoading(false);
+
+      return result;
+    },
+    [isGooglePaySupported]
+  );
+
   const _initGooglePay = useCallback(
     async (params: GooglePay.InitParams) => {
       setLoading(true);
@@ -48,6 +64,7 @@ export function useGooglePay() {
 
   return {
     loading,
+    isGooglePaySupported: _isGooglePaySupported,
     initGooglePay: _initGooglePay,
     presentGooglePay: _presentGooglePay,
     createGooglePayPaymentMethod: _createGooglePayPaymentMethod,

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';
@@ -43,6 +43,7 @@ import {
   presentPaymentSheet,
   confirmPaymentSheetPayment,
   createToken,
+  isGooglePaySupported,
   initGooglePay,
   createGooglePayPaymentMethod,
   presentGooglePay,
@@ -78,7 +79,7 @@ export function useStripe() {
   );
 
   const _createToken = useCallback(
-    async (params: Card.CreateTokenParams): Promise<CreateTokenResult> => {
+    async (params: CreateTokenParams): Promise<CreateTokenResult> => {
       return createToken(params);
     },
     []
@@ -191,6 +192,13 @@ export function useStripe() {
     []
   );
 
+  const _isGooglePaySupported = useCallback(
+    async (params?: GooglePay.IsGooglePaySupportedParams): Promise<boolean> => {
+      return isGooglePaySupported(params);
+    },
+    []
+  );
+
   const _initGooglePay = useCallback(
     async (params: GooglePay.InitParams): Promise<GooglePayInitResult> => {
       return initGooglePay(params);
@@ -238,6 +246,7 @@ export function useStripe() {
     presentPaymentSheet: _presentPaymentSheet,
     initPaymentSheet: _initPaymentSheet,
     createToken: _createToken,
+    isGooglePaySupported: _isGooglePaySupported,
     initGooglePay: _initGooglePay,
     presentGooglePay: _presentGooglePay,
     createGooglePayPaymentMethod: _createGooglePayPaymentMethod,

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/Errors.ts

@@ -66,3 +66,9 @@ export enum GooglePayError {
   Canceled = 'Canceled',
   Unknown = 'Unknown',
 }
+
+export const MissingRoutingNumber = {
+  code: CreateTokenError.Failed,
+  message:
+    'You must provide a routing number for US bank accounts. This should be the ACH routing number.',
+};

package/src/types/GooglePay.ts

@@ -28,8 +28,7 @@ export namespace GooglePay {
     clientSecret: string;
   }
 
-  export interface InitParams {
-    testEnv: boolean;
+  export type InitParams = {
     merchantName: string;
     countryCode: string;
     /**
@@ -42,14 +41,16 @@ export namespace GooglePay {
      * Default to `false`.
      */
     isEmailRequired?: boolean;
+  } & IsGooglePaySupportedParams;
+
+  export type IsGooglePaySupportedParams = {
+    testEnv?: boolean;
     /**
      * If `true`, Google Pay is considered ready if the customer's Google Pay wallet
-     * has existing payment methods.
-     *
-     * Default to `true`.
+     * has an existing payment method.
      */
     existingPaymentMethodRequired?: boolean;
-  }
+  };
 
   export interface BillingAddressConfig {
     isRequired?: boolean;

package/src/types/PaymentSheet.ts

@@ -7,6 +7,10 @@ export declare namespace PaymentSheet {
       customFlow?: boolean;
       merchantDisplayName?: string;
       style?: 'alwaysLight' | 'alwaysDark' | 'automatic';
+      returnURL?: string;
+      primaryButtonColor?: string;
+      defaultBillingDetails?: BillingDetails;
+      allowsDelayedPaymentMethods?: boolean;
     };
 
   type ClientSecretParams =
@@ -33,14 +37,29 @@ export declare namespace PaymentSheet {
     | {
         googlePay?: true;
         merchantCountryCode: string;
+        currencyCode?: string;
         testEnv?: boolean;
       }
     | {
         googlePay?: false;
         merchantCountryCode?: string;
+        currencyCode?: string;
         testEnv?: boolean;
       };
-
+  export interface Address {
+    city?: string;
+    country?: string;
+    line1?: string;
+    line2?: string;
+    postalCode?: string;
+    state?: string;
+  }
+  export interface BillingDetails {
+    address: Address;
+    name?: string;
+    email?: string;
+    phone?: string;
+  }
   export interface PaymentOption {
     label: string;
     image: string;

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"
-  s.dependency 'Stripe', '~> 21.8.1'
+  s.dependency 'React-Core'
+  s.dependency 'Stripe', '~> 21.12.0'
 end

package/android/build/.transforms/f2382343f042fcbb63366bbba54ca828.bin

@@ -1 +0,0 @@
-o/classes