@stripe/stripe-react-native 0.22.0 → 0.23.0

package/src/hooks/usePlatformPay.tsx

@@ -15,6 +15,7 @@ export function usePlatformPay() {
     confirmPlatformPaySetupIntent,
     confirmPlatformPayPayment,
     createPlatformPayPaymentMethod,
+    createPlatformPayToken,
     dismissPlatformPay,
     updatePlatformPaySheet,
     canAddCardToWallet,
@@ -70,6 +71,18 @@ export function usePlatformPay() {
     [createPlatformPayPaymentMethod]
   );
 
+  const _createPlatformPayToken = useCallback(
+    async (params: PlatformPay.PaymentMethodParams) => {
+      setLoading(true);
+
+      const result = await createPlatformPayToken(params);
+      setLoading(false);
+
+      return result;
+    },
+    [createPlatformPayToken]
+  );
+
   const _dismissPlatformPay = useCallback(async () => {
     setLoading(true);
 
@@ -143,6 +156,12 @@ export function usePlatformPay() {
      * @returns An object with an error field if something went wrong or the flow was cancelled, otherwise an object with both `paymentMethod` and `token` fields.
      */
     createPlatformPayPaymentMethod: _createPlatformPayPaymentMethod,
+    /**
+     * @deprecated The Tokens API is deprecated, you should use Payment Methods and `createPlatformPayPaymentMethod` instead.  Launches the relevant native wallet sheet (Apple Pay on iOS, Google Pay on Android) in order to create a Stripe [token](https://stripe.com/docs/api/tokens).
+     * @param params an object describing the Apple Pay and Google Pay configurations.
+     * @returns An object with an error field if something went wrong or the flow was cancelled, otherwise an object with a `token` field.
+     */
+    createPlatformPayToken: _createPlatformPayToken,
     /**
      * Dismiss the Apple Pay sheet if it is open. iOS only, this is a no-op on Android.
      * @returns A boolean indicating whether or not the sheet was successfully closed. Will return false if the Apple Pay sheet was not open.

package/src/hooks/useStripe.tsx

@@ -72,6 +72,7 @@ import {
   confirmPlatformPayPayment,
   dismissPlatformPay,
   createPlatformPayPaymentMethod,
+  createPlatformPayToken,
   updatePlatformPaySheet,
   openPlatformPaySetup,
 } from '../functions';
@@ -367,6 +368,15 @@ export function useStripe() {
     []
   );
 
+  const _createPlatformPayToken = useCallback(
+    async (
+      params: PlatformPay.PaymentMethodParams
+    ): Promise<PlatformPay.TokenResult> => {
+      return createPlatformPayToken(params);
+    },
+    []
+  );
+
   const _updatePlatformPaySheet = useCallback(
     async (params: {
       applePay: {
@@ -426,6 +436,7 @@ export function useStripe() {
     confirmPlatformPayPayment: _confirmPlatformPayPayment,
     dismissPlatformPay: _dismissPlatformPay,
     createPlatformPayPaymentMethod: _createPlatformPayPaymentMethod,
+    createPlatformPayToken: _createPlatformPayToken,
     updatePlatformPaySheet: _updatePlatformPaySheet,
     openPlatformPaySetup: _openPlatformPaySetup,
   };

package/src/index.tsx

@@ -3,47 +3,33 @@ export { useConfirmPayment } from './hooks/useConfirmPayment';
 export { useConfirmSetupIntent } from './hooks/useConfirmSetupIntent';
 export { useStripe } from './hooks/useStripe';
 export { usePlatformPay } from './hooks/usePlatformPay';
-export { useApplePay, Props as UseApplePayProps } from './hooks/useApplePay';
+export { useApplePay } from './hooks/useApplePay';
+export type { Props as UseApplePayProps } from './hooks/useApplePay';
 export { usePaymentSheet } from './hooks/usePaymentSheet';
 export { useGooglePay } from './hooks/useGooglePay';
 export { useFinancialConnectionsSheet } from './hooks/useFinancialConnectionsSheet';
 
 //components
-export {
-  initStripe,
-  StripeProvider,
-  Props as StripeProviderProps,
-} from './components/StripeProvider';
-export { CardField, Props as CardFieldProps } from './components/CardField';
-export { CardForm, Props as CardFormProps } from './components/CardForm';
-export {
-  ApplePayButton,
-  Props as ApplePayButtonProps,
-} from './components/ApplePayButton';
-export {
-  AuBECSDebitForm,
-  Props as AuBECSDebitFormProps,
-} from './components/AuBECSDebitForm';
-export {
-  StripeContainer,
-  Props as StripeContainerProps,
-} from './components/StripeContainer';
-export {
-  GooglePayButton,
-  Props as GooglePayButtonProps,
-} from './components/GooglePayButton';
-export {
-  AddToWalletButton,
-  Props as AddToWalletButtonProps,
-} from './components/AddToWalletButton';
-export {
-  AddressSheet,
-  Props as AddressSheetProps,
-} from './components/AddressSheet';
-export {
-  PlatformPayButton,
-  Props as PlatformPayButtonProps,
-} from './components/PlatformPayButton';
+export { initStripe, StripeProvider } from './components/StripeProvider';
+export type { Props as StripeProviderProps } from './components/StripeProvider';
+export { CardField } from './components/CardField';
+export type { Props as CardFieldProps } from './components/CardField';
+export { CardForm } from './components/CardForm';
+export type { Props as CardFormProps } from './components/CardForm';
+export { ApplePayButton } from './components/ApplePayButton';
+export type { Props as ApplePayButtonProps } from './components/ApplePayButton';
+export { AuBECSDebitForm } from './components/AuBECSDebitForm';
+export type { Props as AuBECSDebitFormProps } from './components/AuBECSDebitForm';
+export { StripeContainer } from './components/StripeContainer';
+export type { Props as StripeContainerProps } from './components/StripeContainer';
+export { GooglePayButton } from './components/GooglePayButton';
+export type { Props as GooglePayButtonProps } from './components/GooglePayButton';
+export { AddToWalletButton } from './components/AddToWalletButton';
+export type { Props as AddToWalletButtonProps } from './components/AddToWalletButton';
+export { AddressSheet } from './components/AddressSheet';
+export type { Props as AddressSheetProps } from './components/AddressSheet';
+export { PlatformPayButton } from './components/PlatformPayButton';
+export type { Props as PlatformPayButtonProps } from './components/PlatformPayButton';
 
 export * from './functions';
 

package/src/types/PaymentSheet.ts

@@ -19,7 +19,7 @@ export type SetupParams = ClientSecretParams & {
   style?: 'alwaysLight' | 'alwaysDark' | 'automatic';
   /** A URL that redirects back to your app that PaymentSheet can use to auto-dismiss web views used for additional authentication, e.g. 3DS2 */
   returnURL?: string;
-  /** PaymentSheet pre-populates the billing fields with the values provided. */
+  /** PaymentSheet pre-populates the billing fields that are displayed in the Payment Sheet (only country and postal code, as of this version) with the values provided. */
   defaultBillingDetails?: BillingDetails;
   /**
    * The shipping information for the customer. If set, PaymentSheet will pre-populate the form fields with the values provided.

package/src/types/PlatformPay.ts

@@ -296,11 +296,19 @@ export type IsGooglePaySupportedParams = IsSupportedParams;
 export type PaymentMethodResult =
   | {
       paymentMethod: PaymentMethod;
-      token: Token;
       error?: undefined;
     }
   | {
       paymentMethod?: undefined;
+      error: StripeError<PlatformPayError>;
+    };
+
+export type TokenResult =
+  | {
+      token: Token;
+      error?: undefined;
+    }
+  | {
       token?: undefined;
       error: StripeError<PlatformPayError>;
     };

package/src/types/PushProvisioning.ts

@@ -41,7 +41,7 @@ export type CanAddCardToWalletParams = {
   primaryAccountIdentifier: string | null;
   /** Last 4 digits of the card number. */
   cardLastFour: string;
-  /** iOS only. Set this to `true` until shipping through TestFlight || App Store. If true, you must be using live cards, and have the proper iOS entitlement set up. See https://stripe.com/docs/issuing/cards/digital-wallets?platform=react-native#requesting-access-for-ios */
+  /** iOS only. Set this to `true` until shipping through TestFlight || App Store. If false, you must be using live cards, and have the proper iOS entitlement set up. See https://stripe.com/docs/issuing/cards/digital-wallets?platform=react-native#requesting-access-for-ios */
   testEnv?: boolean;
   /** iOS only. Set this to `true` if: your user has an Apple Watch device currently paired, and you want to check that device for the presence of the specified card. */
   hasPairedAppleWatch?: boolean;

package/src/types/Token.ts

@@ -56,6 +56,7 @@ export type BankAccountStatus =
   | 'Verified';
 
 export interface Card {
+  id: string;
   country: string;
   brand: CardBrand;
   currency?: string;

package/src/types/components/ApplePayButtonComponent.ts

@@ -1,11 +1,27 @@
-import type { StyleProp, ViewStyle } from 'react-native';
-
+import type { StyleProp, ViewStyle, NativeSyntheticEvent } from 'react-native';
+import type { ShippingMethod, ShippingContact } from '../PlatformPay';
 export interface NativeProps {
   style?: StyleProp<ViewStyle>;
+  disabled?: boolean;
   type?: number;
   buttonStyle?: number;
   borderRadius?: number;
   onPressAction?(): void;
+  onShippingMethodSelectedAction?: (
+    value: NativeSyntheticEvent<{
+      shippingMethod: ShippingMethod;
+    }>
+  ) => void;
+  onShippingContactSelectedAction?: (
+    value: NativeSyntheticEvent<{
+      shippingContact: ShippingContact;
+    }>
+  ) => void;
+  onCouponCodeEnteredAction?: (
+    value: NativeSyntheticEvent<{
+      couponCode: string;
+    }>
+  ) => void;
 }
 
 export type Type =

package/src/types/components/GooglePayButtonComponent.ts

@@ -0,0 +1,6 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface NativeProps {
+  style?: StyleProp<ViewStyle>;
+  type?: number;
+  buttonType?: string;
+}

package/src/types/index.ts

@@ -21,6 +21,7 @@ import * as SetupIntent from './SetupIntent';
 import * as ThreeDSecure from './ThreeDSecure';
 import * as GooglePay from './GooglePay';
 import * as ApplePayButtonComponent from './components/ApplePayButtonComponent';
+import * as GooglePayButtonComponent from './components/GooglePayButtonComponent';
 import * as AuBECSDebitFormComponent from './components/AuBECSDebitFormComponent';
 import * as CardFieldInput from './components/CardFieldInput';
 import * as CardFormView from './components/CardFormView';
@@ -37,6 +38,7 @@ export {
   ThreeDSecure,
   GooglePay,
   ApplePayButtonComponent,
+  GooglePayButtonComponent,
   AuBECSDebitFormComponent,
   CardFieldInput,
   CardFormView,
@@ -47,7 +49,7 @@ export {
 
 export * from './PushProvisioning';
 export * from './Errors';
-export { Address, BillingDetails, AddressDetails } from './Common';
+export type { Address, BillingDetails, AddressDetails } from './Common';
 
 /**
  * @ignore

package/stripe-react-native.podspec

@@ -1,7 +1,7 @@
 require 'json'
 
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
-stripe_version = '~> 23.2.0'
+stripe_version = '~> 23.3.0'
 
 Pod::Spec.new do |s|
   s.name         = 'stripe-react-native'