@stripe/stripe-react-native 0.8.0 → 0.9.0

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;
+export declare type CreateParams = CardParams | IdealParams | OxxoParams | P24Params | AlipayParams | GiropayParams | SepaParams | EpsParams | AuBecsDebitParams | SofortParams | GrabPayParams | FPXParams | AfterpayClearpayParams | KlarnaParams | BancontactParams | USBankAccountParams | PayPalParams;
 export declare type ConfirmParams = CreateParams;
 export declare type CreateOptions = {
     setupFutureUsage?: FutureUsage;
@@ -149,6 +149,12 @@ export declare type USBankAccountParams = {
         accountType?: BankAcccountType;
     };
 };
+export declare type PayPalParams = {
+    paymentMethodType: 'PayPal';
+    paymentMethodData?: {
+        billingDetails?: BillingDetails;
+    };
+};
 export interface AuBecsDebitResult {
     fingerprint?: string;
     last4?: string;
@@ -198,7 +204,7 @@ export declare type USBankAccountResult = {
     preferredNetwork?: string;
     supportedNetworks?: string[];
 };
-export declare type Type = 'AfterpayClearpay' | 'Card' | 'Alipay' | 'GrabPay' | 'Ideal' | 'Fpx' | 'CardPresent' | 'SepaDebit' | 'AuBecsDebit' | 'BacsDebit' | 'Giropay' | 'P24' | 'Eps' | 'Bancontact' | 'Oxxo' | 'Sofort' | 'Upi' | 'USBankAccount' | 'Unknown';
+export declare type Type = 'AfterpayClearpay' | 'Card' | 'Alipay' | 'GrabPay' | 'Ideal' | 'Fpx' | 'CardPresent' | 'SepaDebit' | 'AuBecsDebit' | 'BacsDebit' | 'Giropay' | 'P24' | 'Eps' | 'Bancontact' | 'Oxxo' | 'Sofort' | 'Upi' | 'USBankAccount' | 'PayPal' | 'Unknown';
 export declare type CollectBankAccountParams = {
     paymentMethodType: 'USBankAccount';
     paymentMethodData: {

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

@@ -15,7 +15,7 @@ export interface Result {
     description: string | null;
     nextAction: NextAction | null;
 }
-export declare type ConfirmParams = PaymentMethod.CreateParams;
+export declare type ConfirmParams = PaymentMethod.CardParams | PaymentMethod.IdealParams | PaymentMethod.OxxoParams | PaymentMethod.P24Params | PaymentMethod.AlipayParams | PaymentMethod.GiropayParams | PaymentMethod.SepaParams | PaymentMethod.EpsParams | PaymentMethod.AuBecsDebitParams | PaymentMethod.SofortParams | PaymentMethod.GrabPayParams | PaymentMethod.FPXParams | PaymentMethod.AfterpayClearpayParams | PaymentMethod.KlarnaParams | PaymentMethod.BancontactParams | PaymentMethod.USBankAccountParams;
 export declare type ConfirmOptions = {};
 export declare type FutureUsage = 'Unknown' | 'None' | 'OnSession' | 'OffSession' | 'OneTime';
 export declare enum Status {

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

@@ -25,6 +25,7 @@ export interface Details {
      * See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance
      */
     number?: string;
+    cvc?: string;
 }
 export interface Styles {
     borderWidth?: number;

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

@@ -17,6 +17,7 @@ export interface Details {
      * See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance
      */
     number?: string;
+    cvc?: string;
 }
 export interface Styles {
     backgroundColor?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stripe/stripe-react-native",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "author": "Stripe",
   "description": "Stripe SDK for React Native",
   "main": "lib/commonjs/index",
@@ -154,6 +154,6 @@
     ]
   },
   "dependencies": {
-    "@expo/config-plugins": "^3.0.5"
+    "@expo/config-plugins": "^4.1.4"
   }
 }

package/src/components/AddToWalletButton.tsx

@@ -29,14 +29,19 @@ export interface Props extends AccessibilityProps {
   testID?: string;
   /** Only set to `false` when shipping through TestFlight || App Store */
   testEnv?: boolean;
-  /** Sets the card holder name (used only on iOS) */
-  cardHolderName: string;
-  /** Last 4 digits of the card. Required on Android. */
-  cardLastFour: string;
-  /** Sets the card holder name (used only on iOS) */
-  cardDescription?: string;
-  /** Optional, only used on iOS */
-  cardBrand?: Token.CardBrand;
+  /** Details of the Issued Card you'd like added to the device's wallet */
+  cardDetails: {
+    /** The `primary_account_identifier` value from the issued card. */
+    primaryAccountIdentifier: string | null;
+    /** The card holder name (used only on iOS) */
+    name: string;
+    /** A user-facing description of the card. Required on Android.*/
+    description: string;
+    /** Last 4 digits of the card, only used on iOS */
+    lastFour?: string;
+    /** Optional, only used on iOS */
+    brand?: Token.CardBrand;
+  };
   // Optional, only for Android and only for cards that are in the "yellow path" (as defined by Google- https://developers.google.com/pay/issuers/apis/push-provisioning/android/wallet-operations#resolving_yellow_path). Obtain this value via the `isCardInWallet` method.
   token?: GooglePayCardToken | null;
   /** Used by stripe to securely obtain card info of the card being provisioned. */
@@ -54,9 +59,11 @@ export interface Props extends AccessibilityProps {
  *    testEnv={true}
  *    style={styles.myButtonStyle}
  *    iOSButtonStyle="onLightBackground"
- *    cardHolderName="David Wallace"
- *    cardLastFour="4242"
- *    cardBrand="Visa"
+ *    cardDetails={{
+ *      primaryAccountIdentifier: "V-123",
+ *      name: "David Wallace",
+ *      lastFour: "4242",
+ *    }}
  *    ephemeralKey={myEphemeralKey} // This object is retrieved from your server. See https://stripe.com/docs/issuing/cards/digital-wallets?platform=react-native#update-your-backend
  *    onComplete={(error) => {
  *      Alert.alert(

package/src/components/CardField.tsx

@@ -98,8 +98,9 @@ export const CardField = forwardRef<CardFieldInput.Methods, Props>(
         if (card.hasOwnProperty('postalCode')) {
           data.postalCode = card.postalCode || '';
         }
-        if (card.hasOwnProperty('number')) {
+        if (card.hasOwnProperty('number') || card.hasOwnProperty('cvc')) {
           data.number = card.number || '';
+          data.cvc = card.cvc || '';
           if (__DEV__ && onCardChange && card.complete) {
             console.warn(
               `[stripe-react-native] ⚠️ WARNING: You've enabled \`dangerouslyGetFullCardDetails\`, meaning full card details are being returned. Only do this if you're certain that you fulfill the necessary PCI compliance requirements. Make sure that you're not mistakenly logging or storing full card details! See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance`

package/src/components/CardForm.tsx

@@ -101,8 +101,9 @@ export const CardForm = forwardRef<CardFormView.Methods, Props>(
           postalCode: card.postalCode,
         };
 
-        if (card.hasOwnProperty('number')) {
+        if (card.hasOwnProperty('number') || card.hasOwnProperty('cvc')) {
           data.number = card.number || '';
+          data.cvc = card.cvc || '';
           if (__DEV__ && onFormComplete && card.complete) {
             console.warn(
               `[stripe-react-native] ⚠️ WARNING: You've enabled \`dangerouslyGetFullCardDetails\`, meaning full card details are being returned. Only do this if you're certain that you fulfill the necessary PCI compliance requirements. Make sure that you're not mistakenly logging or storing full card details! See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance`

package/src/types/PaymentMethod.ts

@@ -41,7 +41,8 @@ export type CreateParams =
   | KlarnaParams
   // | WeChatPayParams
   | BancontactParams
-  | USBankAccountParams;
+  | USBankAccountParams
+  | PayPalParams;
 
 export type ConfirmParams = CreateParams;
 
@@ -191,6 +192,13 @@ export type USBankAccountParams = {
   };
 };
 
+export type PayPalParams = {
+  paymentMethodType: 'PayPal';
+  paymentMethodData?: {
+    billingDetails?: BillingDetails;
+  };
+};
+
 export interface AuBecsDebitResult {
   fingerprint?: string;
   last4?: string;
@@ -268,6 +276,7 @@ export type Type =
   | 'Sofort'
   | 'Upi'
   | 'USBankAccount'
+  | 'PayPal'
   | 'Unknown';
 
 export type CollectBankAccountParams = {

package/src/types/SetupIntent.ts

@@ -16,7 +16,24 @@ export interface Result {
   nextAction: NextAction | null;
 }
 
-export type ConfirmParams = PaymentMethod.CreateParams;
+export type ConfirmParams =
+  | PaymentMethod.CardParams
+  | PaymentMethod.IdealParams
+  | PaymentMethod.OxxoParams
+  | PaymentMethod.P24Params
+  | PaymentMethod.AlipayParams
+  | PaymentMethod.GiropayParams
+  | PaymentMethod.SepaParams
+  | PaymentMethod.EpsParams
+  | PaymentMethod.AuBecsDebitParams
+  | PaymentMethod.SofortParams
+  | PaymentMethod.GrabPayParams
+  | PaymentMethod.FPXParams
+  | PaymentMethod.AfterpayClearpayParams
+  | PaymentMethod.KlarnaParams
+  | PaymentMethod.BancontactParams
+  | PaymentMethod.USBankAccountParams;
+// TODO: Change the above back to PaymentMethod.CreateParams when PayPal is supported through SetupIntents
 
 export type ConfirmOptions = {};
 

package/src/types/components/CardFieldInput.ts

@@ -28,6 +28,7 @@ export interface Details {
    * See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance
    */
   number?: string;
+  cvc?: string;
 }
 
 export interface Styles {

package/src/types/components/CardFormView.ts

@@ -19,6 +19,7 @@ export interface Details {
    * See the docs for details: https://stripe.com/docs/security/guide#validating-pci-compliance
    */
   number?: string;
+  cvc?: string;
 }
 
 export interface Styles {

package/stripe-react-native.podspec

@@ -1,6 +1,7 @@
 require 'json'
 
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
+stripe_version = '~> 22.3.0'
 
 Pod::Spec.new do |s|
   s.name         = 'stripe-react-native'
@@ -16,6 +17,6 @@ Pod::Spec.new do |s|
   s.source_files = 'ios/**/*.{h,m,mm,swift}'
 
   s.dependency 'React-Core'
-  s.dependency 'Stripe', '~> 22.0.0'
-  s.dependency 'StripeConnections', '~> 22.0.0'
+  s.dependency 'Stripe', stripe_version
+  s.dependency 'StripeFinancialConnections', stripe_version
 end