@stripe/stripe-react-native 0.7.0 → 0.8.0

package/src/components/CardForm.tsx

@@ -33,15 +33,15 @@ export interface Props extends AccessibilityProps {
   autofocus?: boolean;
   testID?: string;
 
-  // props iOS only
+  /** All styles except backgroundColor are Android only */
   cardStyle?: CardFormView.Styles;
   // isUserInteractionEnabled?: boolean;
 
   // TODO: will make it public when android-sdk allows for this
   // postalCodeEnabled?: boolean;
 
-  // TODO: will make it public when ios-sdk allows for this
-  // placeholder: CardFormView.Placeholders;
+  /** Android only */
+  placeholders?: CardFormView.Placeholders;
   // onBlur?(): void;
   // onFocus?(focusedField: CardFormView.FieldNames | null): void;
   onFormComplete?(card: CardFormView.Details): void;
@@ -80,7 +80,7 @@ export const CardForm = forwardRef<CardFormView.Methods, Props>(
       // postalCodeEnabled = true,
       // onFocus,
       // onBlur,
-      // placeholder,
+      placeholders,
       ...props
     },
     ref
@@ -165,16 +165,25 @@ export const CardForm = forwardRef<CardFormView.Methods, Props>(
         onFormComplete={onFormCompleteHandler}
         cardStyle={{
           backgroundColor: cardStyle?.backgroundColor,
+          borderColor: cardStyle?.borderColor,
+          borderWidth: cardStyle?.borderWidth,
+          borderRadius: cardStyle?.borderRadius,
+          cursorColor: cardStyle?.cursorColor,
+          fontSize: cardStyle?.fontSize,
+          placeholderColor: cardStyle?.placeholderColor,
+          textColor: cardStyle?.textColor,
+          textErrorColor: cardStyle?.textErrorColor,
+          fontFamily: cardStyle?.fontFamily,
           // disabledBackgroundColor: cardStyle?.disabledBackgroundColor,
           // type: cardStyle?.type,
         }}
         // isUserInteractionEnabledValue={isUserInteractionEnabled}
-        // placeholder={{
-        //   number: placeholder?.number,
-        //   expiration: placeholder?.expiration,
-        //   cvc: placeholder?.cvc,
-        //   postalCode: placeholder?.postalCode,
-        // }}
+        placeholders={{
+          number: placeholders?.number,
+          expiration: placeholders?.expiration,
+          cvc: placeholders?.cvc,
+          postalCode: placeholders?.postalCode,
+        }}
         onFocusChange={onFocusHandler}
         // postalCodeEnabled={postalCodeEnabled}
         {...props}

package/src/functions.ts

@@ -32,6 +32,7 @@ import {
   VerifyMicrodepositsForSetupResult,
   CollectBankAccountForPaymentResult,
   CollectBankAccountForSetupResult,
+  IsCardInWalletResult,
 } from './types';
 
 const APPLE_PAY_NOT_SUPPORTED_MESSAGE =
@@ -563,3 +564,29 @@ export const collectBankAccountForSetup = async (
     };
   }
 };
+
+export const isCardInWallet = async (params: {
+  cardLastFour: string;
+}): Promise<IsCardInWalletResult> => {
+  try {
+    const { isInWallet, token, error } = await NativeStripeSdk.isCardInWallet(
+      params
+    );
+
+    if (error) {
+      return {
+        error,
+      };
+    }
+    return {
+      isInWallet: isInWallet as boolean,
+      token: token,
+    };
+  } catch (error: any) {
+    return {
+      error: createError(error),
+    };
+  }
+};
+
+export const Constants = NativeStripeSdk.getConstants();

package/src/index.tsx

@@ -30,6 +30,10 @@ export {
   GooglePayButton,
   Props as GooglePayButtonProps,
 } from './components/GooglePayButton';
+export {
+  AddToWalletButton,
+  Props as AddToWalletButtonProps,
+} from './components/AddToWalletButton';
 
 export * from './functions';
 

package/src/types/PaymentMethod.ts

@@ -12,7 +12,7 @@ export interface Result {
   liveMode: boolean;
   customerId: string;
   billingDetails: BillingDetails;
-  type: Type;
+  paymentMethodType: Type;
   AuBecsDebit: AuBecsDebitResult;
   BacsDebit: BacsDebitResult;
   Card: CardResult;
@@ -21,6 +21,7 @@ export interface Result {
   SepaDebit: SepaDebitResult;
   Sofort: SofortResult;
   Upi: UpiResult;
+  USBankAccount: USBankAccountResult;
 }
 
 export type CreateParams =
@@ -44,114 +45,150 @@ export type CreateParams =
 
 export type ConfirmParams = CreateParams;
 
-export type CreateOptions = {};
+export type CreateOptions = {
+  setupFutureUsage?: FutureUsage;
+};
 
 export type ConfirmOptions = CreateOptions;
 
 export type ShippingDetails = BillingDetails;
 
-interface BaseParams {
-  billingDetails?: BillingDetails;
-}
-
 export type CardParams =
-  | (BaseParams & {
-      type: 'Card';
-      token?: string;
-      setupFutureUsage?: FutureUsage;
-    })
-  | (BaseParams & {
-      type: 'Card';
-      paymentMethodId: string;
-      cvc?: string;
-    });
-
-export interface IdealParams extends BaseParams {
-  type: 'Ideal';
-  bankName?: string;
-  setupFutureUsage?: FutureUsage;
+  | {
+      paymentMethodType: 'Card';
+      paymentMethodData?: {
+        token?: string;
+        billingDetails?: BillingDetails;
+      };
+    }
+  | {
+      paymentMethodType: 'Card';
+      paymentMethodData: {
+        paymentMethodId: string;
+        cvc?: string;
+        billingDetails?: BillingDetails;
+      };
+    };
+
+export interface IdealParams {
+  paymentMethodType: 'Ideal';
+  paymentMethodData?: {
+    bankName?: string;
+    billingDetails?: BillingDetails;
+  };
 }
 
 export interface FPXParams {
-  type: 'Fpx';
-  testOfflineBank?: boolean;
+  paymentMethodType: 'Fpx';
+  paymentMethodData?: { testOfflineBank?: boolean };
 }
 
 export interface AlipayParams {
-  type: 'Alipay';
+  paymentMethodType: 'Alipay';
 }
 
-export interface OxxoParams extends Required<BaseParams> {
-  type: 'Oxxo';
+export interface OxxoParams {
+  paymentMethodType: 'Oxxo';
+  paymentMethodData: {
+    billingDetails: BillingDetails;
+  };
 }
 
-export interface SofortParams extends BaseParams {
-  type: 'Sofort';
-  country: string;
-  setupFutureUsage?: FutureUsage;
+export interface SofortParams {
+  paymentMethodType: 'Sofort';
+  paymentMethodData: {
+    country: string;
+    billingDetails: BillingDetails;
+  };
 }
-export interface GrabPayParams extends BaseParams {
-  type: 'GrabPay';
+export interface GrabPayParams {
+  paymentMethodType: 'GrabPay';
+  paymentMethodData?: {
+    billingDetails?: BillingDetails;
+  };
 }
 
-export interface BancontactParams extends Required<BaseParams> {
-  type: 'Bancontact';
-  setupFutureUsage?: FutureUsage;
+export interface BancontactParams {
+  paymentMethodType: 'Bancontact';
+  paymentMethodData: {
+    billingDetails: BillingDetails;
+  };
 }
 
-export interface SepaParams extends Required<BaseParams> {
-  type: 'SepaDebit';
-  iban: string;
-  setupFutureUsage?: FutureUsage;
+export interface SepaParams {
+  paymentMethodType: 'SepaDebit';
+  paymentMethodData: {
+    iban: string;
+    billingDetails: BillingDetails;
+  };
 }
 
-export interface GiropayParams extends Required<BaseParams> {
-  type: 'Giropay';
+export interface GiropayParams {
+  paymentMethodType: 'Giropay';
+  paymentMethodData: {
+    billingDetails: BillingDetails;
+  };
 }
 
-export interface AfterpayClearpayParams extends Required<BaseParams> {
-  type: 'AfterpayClearpay';
-  shippingDetails: ShippingDetails;
+export interface AfterpayClearpayParams {
+  paymentMethodType: 'AfterpayClearpay';
+  paymentMethodData: {
+    shippingDetails: ShippingDetails;
+    billingDetails: BillingDetails;
+  };
 }
 
 export type KlarnaParams = {
-  type: 'Klarna';
-  billingDetails: Pick<Required<BillingDetails>, 'email'> & {
-    address: Pick<Required<Address>, 'country'>;
-  } & BillingDetails;
+  paymentMethodType: 'Klarna';
+  paymentMethodData: {
+    billingDetails: Pick<Required<BillingDetails>, 'email'> & {
+      address: Pick<Required<Address>, 'country'>;
+    } & BillingDetails;
+  };
 };
 
-export interface EpsParams extends Required<BaseParams> {
-  type: 'Eps';
+export interface EpsParams {
+  paymentMethodType: 'Eps';
+  paymentMethodData: {
+    billingDetails: BillingDetails;
+  };
 }
 
-export interface P24Params extends Required<BaseParams> {
-  type: 'P24';
+export interface P24Params {
+  paymentMethodType: 'P24';
+  paymentMethodData: {
+    billingDetails: BillingDetails;
+  };
 }
 
-export interface WeChatPayParams extends BaseParams {
-  type: 'WeChatPay';
-  appId: string;
+export interface WeChatPayParams {
+  paymentMethodType: 'WeChatPay';
+  paymentMethodData: {
+    appId: string;
+    billingDetails?: BillingDetails;
+  };
 }
 
 export interface AuBecsDebitParams {
-  type: 'AuBecsDebit';
-  formDetails: FormDetails;
+  paymentMethodType: 'AuBecsDebit';
+  paymentMethodData: { formDetails: FormDetails };
 }
 
-/** Before using this payment method type, ensure you have already collected the bank information
- * for this intent with `collectBankAccountForPayment`. Otherwise, you will need to pass in the bank account
- * details manually.*/
+/**
+ * If paymentMethodData is null, it is assumed that the bank account details have already been attached
+ * via `collectBankAccountForPayment` or `collectBankAccountForSetup`.
+ */
 export type USBankAccountParams = {
-  type: 'USBankAccount';
-  billingDetails?: Pick<Required<BillingDetails>, 'name'> & BillingDetails;
-  accountNumber?: string;
-  routingNumber?: string;
-  /** Defaults to Individual */
-  accountHolderType?: BankAcccountHolderType;
-  /** Defaults to Checking */
-  accountType?: BankAcccountType;
-  setupFutureUsage?: FutureUsage;
+  paymentMethodType: 'USBankAccount';
+  paymentMethodData?: {
+    billingDetails: Pick<Required<BillingDetails>, 'name'> & BillingDetails;
+    accountNumber: string;
+    routingNumber: string;
+    /** Defaults to Individual */
+    accountHolderType?: BankAcccountHolderType;
+    /** Defaults to Checking */
+    accountType?: BankAcccountType;
+  };
 };
 
 export interface AuBecsDebitResult {
@@ -234,9 +271,11 @@ export type Type =
   | 'Unknown';
 
 export type CollectBankAccountParams = {
-  type: 'USBankAccount';
-  billingDetails: {
-    name: string;
-    email?: string;
+  paymentMethodType: 'USBankAccount';
+  paymentMethodData: {
+    billingDetails: {
+      name: string;
+      email?: string;
+    };
   };
 };

package/src/types/SetupIntent.ts

@@ -18,7 +18,7 @@ export interface Result {
 
 export type ConfirmParams = PaymentMethod.CreateParams;
 
-export type ConfirmOptions = PaymentMethod.ConfirmOptions;
+export type ConfirmOptions = {};
 
 export type FutureUsage =
   | 'Unknown'

package/src/types/components/CardFieldInput.ts

@@ -63,7 +63,7 @@ export interface NativeProps {
     event: NativeSyntheticEvent<{ focusedField: FieldName | null }>
   ): void;
   cardStyle?: Styles;
-  placeholder?: Placeholders;
+  placeholders?: Placeholders;
 }
 
 export interface Methods {

package/src/types/components/CardFormView.ts

@@ -25,6 +25,15 @@ export interface Styles {
   backgroundColor?: string;
   // disabledBackgroundColor?: string;
   // type?: 'borderless' | 'standard';
+  borderWidth?: number;
+  borderColor?: string;
+  borderRadius?: number;
+  textColor?: string;
+  fontSize?: number;
+  placeholderColor?: string;
+  cursorColor?: string;
+  textErrorColor?: string;
+  fontFamily?: string;
 }
 
 export interface Placeholders {
@@ -42,7 +51,8 @@ export interface NativeProps {
   autofocus?: boolean;
   // isUserInteractionEnabledValue?: boolean;
   cardStyle?: Styles;
-  // placeholder: Placeholders;
+  /** Android only */
+  placeholders?: Placeholders;
   // postalCodeEnabled: boolean;
   onFocusChange(
     event: NativeSyntheticEvent<{ focusedField: FieldName | null }>

package/src/types/index.ts

@@ -272,3 +272,30 @@ export type CollectBankAccountForSetupResult =
       setupIntent?: undefined;
       error: StripeError<CollectBankAccountError>;
     };
+
+export type GooglePayCardToken = {
+  id: string;
+  cardLastFour: string;
+  network: number;
+  serviceProvider: number;
+  issuer: string;
+  status:
+    | 'TOKEN_STATE_NEEDS_IDENTITY_VERIFICATION'
+    | 'TOKEN_STATE_PENDING'
+    | 'TOKEN_STATE_SUSPENDED'
+    | 'TOKEN_STATE_ACTIVE'
+    | 'TOKEN_STATE_FELICA_PENDING_PROVISIONING'
+    | 'TOKEN_STATE_UNTOKENIZED';
+};
+
+export type IsCardInWalletResult =
+  | {
+      isInWallet: boolean;
+      token?: GooglePayCardToken;
+      error?: undefined;
+    }
+  | {
+      isInWallet?: undefined;
+      token?: undefined;
+      error: StripeError<GooglePayError>;
+    };

package/android/build/.transforms/391dacf2d8747d5d964db20fd2dd8815/results.bin

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

package/android/build/.transforms/465a3f28c318295b6d1e745a1358f0e6/results.bin

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

package/android/build/.transforms/538f1369a832b015f982db8e9f3e63d4/results.bin

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

package/android/build/.transforms/5821b0d6d2e0908c8ed0cd6c2f4e6587/results.bin

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

package/android/build/.transforms/60446a8b59a82b3ae8bcd81aa8d01afc/results.bin

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

package/android/build/.transforms/87295b99343bf0db705fbc154493ffa4/results.bin

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

package/android/build/.transforms/ae18a466edb55818daf7c30291ff4843/results.bin

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

package/android/build/.transforms/d42db6dbe74ca8dbcb5922d32e8646c4/results.bin

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

package/android/build/.transforms/e9a96dae20bdea4f5ebd602fc83f5f77/results.bin

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

package/android/build/.transforms/f183966fd9230baa4d89c2c4e2fcb664/results.bin

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

package/android/build/generated/data_binding_base_class_source_out/debug/out/com/reactnativestripesdk/databinding/GooglepayButtonBinding.java

@@ -1,52 +0,0 @@
-// Generated by view binder compiler. Do not edit!
-package com.reactnativestripesdk.databinding;
-
-import android.view.LayoutInflater;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.RelativeLayout;
-import androidx.annotation.NonNull;
-import androidx.annotation.Nullable;
-import androidx.viewbinding.ViewBinding;
-import com.reactnativestripesdk.R;
-import java.lang.NullPointerException;
-import java.lang.Override;
-
-public final class GooglepayButtonBinding implements ViewBinding {
-  @NonNull
-  private final RelativeLayout rootView;
-
-  private GooglepayButtonBinding(@NonNull RelativeLayout rootView) {
-    this.rootView = rootView;
-  }
-
-  @Override
-  @NonNull
-  public RelativeLayout getRoot() {
-    return rootView;
-  }
-
-  @NonNull
-  public static GooglepayButtonBinding inflate(@NonNull LayoutInflater inflater) {
-    return inflate(inflater, null, false);
-  }
-
-  @NonNull
-  public static GooglepayButtonBinding inflate(@NonNull LayoutInflater inflater,
-      @Nullable ViewGroup parent, boolean attachToParent) {
-    View root = inflater.inflate(R.layout.googlepay_button, parent, false);
-    if (attachToParent) {
-      parent.addView(root);
-    }
-    return bind(root);
-  }
-
-  @NonNull
-  public static GooglepayButtonBinding bind(@NonNull View rootView) {
-    if (rootView == null) {
-      throw new NullPointerException("rootView");
-    }
-
-    return new GooglepayButtonBinding((RelativeLayout) rootView);
-  }
-}

package/android/build/generated/data_binding_base_class_source_out/debug/out/com/reactnativestripesdk/databinding/GooglepayButtonNoShadowBinding.java

@@ -1,52 +0,0 @@
-// Generated by view binder compiler. Do not edit!
-package com.reactnativestripesdk.databinding;
-
-import android.view.LayoutInflater;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.RelativeLayout;
-import androidx.annotation.NonNull;
-import androidx.annotation.Nullable;
-import androidx.viewbinding.ViewBinding;
-import com.reactnativestripesdk.R;
-import java.lang.NullPointerException;
-import java.lang.Override;
-
-public final class GooglepayButtonNoShadowBinding implements ViewBinding {
-  @NonNull
-  private final RelativeLayout rootView;
-
-  private GooglepayButtonNoShadowBinding(@NonNull RelativeLayout rootView) {
-    this.rootView = rootView;
-  }
-
-  @Override
-  @NonNull
-  public RelativeLayout getRoot() {
-    return rootView;
-  }
-
-  @NonNull
-  public static GooglepayButtonNoShadowBinding inflate(@NonNull LayoutInflater inflater) {
-    return inflate(inflater, null, false);
-  }
-
-  @NonNull
-  public static GooglepayButtonNoShadowBinding inflate(@NonNull LayoutInflater inflater,
-      @Nullable ViewGroup parent, boolean attachToParent) {
-    View root = inflater.inflate(R.layout.googlepay_button_no_shadow, parent, false);
-    if (attachToParent) {
-      parent.addView(root);
-    }
-    return bind(root);
-  }
-
-  @NonNull
-  public static GooglepayButtonNoShadowBinding bind(@NonNull View rootView) {
-    if (rootView == null) {
-      throw new NullPointerException("rootView");
-    }
-
-    return new GooglepayButtonNoShadowBinding((RelativeLayout) rootView);
-  }
-}

package/android/build/generated/data_binding_base_class_source_out/debug/out/com/reactnativestripesdk/databinding/PayWithGooglepayButtonBinding.java

@@ -1,52 +0,0 @@
-// Generated by view binder compiler. Do not edit!
-package com.reactnativestripesdk.databinding;
-
-import android.view.LayoutInflater;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.RelativeLayout;
-import androidx.annotation.NonNull;
-import androidx.annotation.Nullable;
-import androidx.viewbinding.ViewBinding;
-import com.reactnativestripesdk.R;
-import java.lang.NullPointerException;
-import java.lang.Override;
-
-public final class PayWithGooglepayButtonBinding implements ViewBinding {
-  @NonNull
-  private final RelativeLayout rootView;
-
-  private PayWithGooglepayButtonBinding(@NonNull RelativeLayout rootView) {
-    this.rootView = rootView;
-  }
-
-  @Override
-  @NonNull
-  public RelativeLayout getRoot() {
-    return rootView;
-  }
-
-  @NonNull
-  public static PayWithGooglepayButtonBinding inflate(@NonNull LayoutInflater inflater) {
-    return inflate(inflater, null, false);
-  }
-
-  @NonNull
-  public static PayWithGooglepayButtonBinding inflate(@NonNull LayoutInflater inflater,
-      @Nullable ViewGroup parent, boolean attachToParent) {
-    View root = inflater.inflate(R.layout.pay_with_googlepay_button, parent, false);
-    if (attachToParent) {
-      parent.addView(root);
-    }
-    return bind(root);
-  }
-
-  @NonNull
-  public static PayWithGooglepayButtonBinding bind(@NonNull View rootView) {
-    if (rootView == null) {
-      throw new NullPointerException("rootView");
-    }
-
-    return new PayWithGooglepayButtonBinding((RelativeLayout) rootView);
-  }
-}