@stripe/stripe-react-native 0.28.0 → 0.29.0

package/src/components/ApplePayButton.tsx

@@ -1,108 +0,0 @@
-import React, { useMemo } from 'react';
-import ApplePayButtonNative from './ApplePayButtonNative';
-import type { AccessibilityProps, StyleProp, ViewStyle } from 'react-native';
-import type { ApplePayButtonComponent } from '../types';
-
-/**
- *  Apple Pay Button Component Props
- */
-export interface Props extends AccessibilityProps {
-  style?: StyleProp<ViewStyle>;
-  type?: ApplePayButtonComponent.Type;
-  buttonStyle?: ApplePayButtonComponent.Style;
-  borderRadius?: number;
-  onPress(): void;
-  testID?: string;
-}
-
-/**
- *  Apple Pay Button Component
- *
- * @example
- * ```ts
- *  <ApplePayButton
- *    onPress={pay}
- *    type="plain"
- *    buttonStyle="black"
- *    borderRadius={4}
- *    style={styles.payButton}
- *  />
- * ```
- * @param __namedParameters Props
- * @returns JSX.Element
- * @category ReactComponents
- */
-export function ApplePayButton({
-  onPress,
-  buttonStyle = 'black',
-  type = 'plain',
-  borderRadius = 4,
-  ...props
-}: Props) {
-  const buttonType = useMemo(() => mapButtonType(type), [type]);
-  const style = useMemo(() => mapButtonStyle(buttonStyle), [buttonStyle]);
-
-  return (
-    <ApplePayButtonNative
-      type={buttonType}
-      buttonStyle={style}
-      borderRadius={borderRadius}
-      onPressAction={onPress}
-      {...props}
-    />
-  );
-}
-
-function mapButtonType(type: ApplePayButtonComponent.Type) {
-  switch (type) {
-    case 'plain':
-      return 0;
-    case 'buy':
-      return 1;
-    case 'setUp':
-      return 2;
-    case 'inStore':
-      return 3;
-    case 'donate':
-      return 4;
-    case 'checkout':
-      return 5;
-    case 'book':
-      return 6;
-    case 'subscribe':
-      return 7;
-    case 'reload':
-      return 8;
-    case 'addMoney':
-      return 9;
-    case 'topUp':
-      return 10;
-    case 'order':
-      return 11;
-    case 'rent':
-      return 12;
-    case 'support':
-      return 13;
-    case 'contribute':
-      return 14;
-    case 'tip':
-      return 15;
-    default:
-      return 0;
-  }
-}
-
-function mapButtonStyle(type: ApplePayButtonComponent.Style) {
-  switch (type) {
-    case 'white':
-      return 0;
-    case 'whiteOutline':
-      return 1;
-    case 'black':
-      return 2;
-    case 'automatic':
-      return 3;
-    default:
-      return 2;
-  }
-}

package/src/components/GooglePayButton.tsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import {
-  AccessibilityProps,
-  StyleProp,
-  ViewStyle,
-  TouchableOpacity,
-  StyleSheet,
-} from 'react-native';
-import GooglePayButtonNative from './GooglePayButtonNative';
-
-/**
- *  Google Pay Button Component Props
- */
-export interface Props extends AccessibilityProps {
-  style?: StyleProp<ViewStyle>;
-  type?: 'pay' | 'standard';
-  onPress(): void;
-  disabled?: boolean;
-  testID?: string;
-}
-
-/**
- *  Google Pay Button Component
- *
- * @example
- * ```ts
- *  <GooglePayButton
- *    onPress={pay}
- *    style={styles.payButton}
- *  />
- * ```
- * @param __namedParameters Props
- * @returns JSX.Element
- * @category ReactComponents
- */
-export function GooglePayButton({
-  type = 'pay',
-  onPress,
-  disabled,
-  ...props
-}: Props) {
-  return (
-    <TouchableOpacity
-      disabled={disabled}
-      activeOpacity={1}
-      onPress={onPress}
-      style={disabled ? styles.disabled : {}}
-    >
-      <GooglePayButtonNative buttonType={type} {...props} />
-    </TouchableOpacity>
-  );
-}
-
-const styles = StyleSheet.create({
-  disabled: {
-    opacity: 0.3,
-  },
-});

package/src/hooks/useApplePay.tsx

@@ -1,161 +0,0 @@
-import type { ApplePay, ApplePayError, StripeError } from '../types';
-import { useCallback, useEffect, useState } from 'react';
-import { useStripe } from './useStripe';
-import { NativeEventEmitter, NativeModules } from 'react-native';
-
-export interface Props {
-  /**
-   *
-   * @example
-   * ```ts
-   * const { presentApplePay } = useApplePay({
-   *  onShippingMethodSelected: (shippingMethod, handler) => {
-   *    handler([
-   *      { label: 'Example item name 1', amount: '11.00' },
-   *      { label: 'Example item name 2', amount: '25.00' },
-   *   ]);
-   *  }
-   * })
-   * ```
-   */
-  onShippingMethodSelected?: (
-    shippingMethod: ApplePay.ShippingMethod,
-    handler: (summaryItems: ApplePay.CartSummaryItem[]) => Promise<{
-      error?: StripeError<ApplePayError>;
-    }>
-  ) => void;
-  /**
-   *
-   * @example
-   * ```ts
-   * const { presentApplePay } = useApplePay({
-   *  onShippingContactSelected: (shippingContact, handler) => {
-   *    handler([
-   *      { label: 'Example item name 1', amount: '11.00' },
-   *      { label: 'Example item name 2', amount: '25.00' },
-   *    ], [
-   *      { field: 'city', message: 'city error' },
-   *    ]);
-   *  }
-   * })
-   * ```
-   */
-  onShippingContactSelected?: (
-    shippingContact: ApplePay.ShippingContact,
-    handler: (
-      summaryItems: ApplePay.CartSummaryItem[],
-      errorAddressFields?: Array<{
-        field: ApplePay.AddressFields;
-        message?: string;
-      }>
-    ) => Promise<{
-      error?: StripeError<ApplePayError>;
-    }>
-  ) => void;
-}
-
-const SET_SHIPPING_METHOD_CALLBACK_NAME = 'onDidSetShippingMethod';
-const SET_SHIPPING_CONTACT_CALLBACK_NAME = 'onDidSetShippingContact';
-
-/**
- * useApplePay hook
- */
-export function useApplePay({
-  onShippingMethodSelected,
-  onShippingContactSelected,
-}: Props = {}) {
-  const {
-    isApplePaySupported,
-    presentApplePay: _presentApplePay,
-    confirmApplePayPayment: _confirmApplePayPayment,
-    updateApplePaySummaryItems,
-    openApplePaySetup: _openApplePaySetup,
-  } = useStripe();
-  const [items, setItems] = useState<ApplePay.CartSummaryItem[] | null>(null);
-  const [loading, setLoading] = useState(false);
-
-  const onDidSetShippingMethod = useCallback(
-    (result: { shippingMethod: ApplePay.ShippingMethod }) => {
-      if (onShippingMethodSelected) {
-        onShippingMethodSelected(
-          result.shippingMethod,
-          updateApplePaySummaryItems
-        );
-      } else {
-        updateApplePaySummaryItems(items as ApplePay.CartSummaryItem[]);
-      }
-    },
-    [items, onShippingMethodSelected, updateApplePaySummaryItems]
-  );
-
-  const onDidSetShippingContact = useCallback(
-    (result: { shippingContact: ApplePay.ShippingContact }) => {
-      if (onShippingContactSelected) {
-        onShippingContactSelected(
-          result.shippingContact,
-          updateApplePaySummaryItems
-        );
-      } else {
-        updateApplePaySummaryItems(items as ApplePay.CartSummaryItem[]);
-      }
-    },
-    [items, onShippingContactSelected, updateApplePaySummaryItems]
-  );
-
-  useEffect(() => {
-    const eventEmitter = new NativeEventEmitter(NativeModules.StripeSdk);
-    const didSetShippingMethodListener = eventEmitter.addListener(
-      SET_SHIPPING_METHOD_CALLBACK_NAME,
-      onDidSetShippingMethod
-    );
-    const didSetShippingContactListener = eventEmitter.addListener(
-      SET_SHIPPING_CONTACT_CALLBACK_NAME,
-      onDidSetShippingContact
-    );
-
-    return () => {
-      didSetShippingMethodListener.remove();
-      didSetShippingContactListener.remove();
-    };
-  }, [onDidSetShippingContact, onDidSetShippingMethod]);
-
-  const presentApplePay = useCallback(
-    async (params: ApplePay.PresentParams) => {
-      setLoading(true);
-      setItems(params.cartItems);
-      const result = await _presentApplePay(params);
-      if (result.error) {
-        setItems(null);
-      }
-      setLoading(false);
-      return result;
-    },
-    [_presentApplePay]
-  );
-
-  const openApplePaySetup = useCallback(async () => {
-    setLoading(true);
-    const result = await _openApplePaySetup();
-    setLoading(false);
-    return result;
-  }, [_openApplePaySetup]);
-
-  const confirmApplePayPayment = useCallback(
-    async (clientSecret: string) => {
-      setLoading(true);
-      const result = await _confirmApplePayPayment(clientSecret);
-      setItems(null);
-      setLoading(false);
-      return result;
-    },
-    [_confirmApplePayPayment]
-  );
-
-  return {
-    loading,
-    presentApplePay,
-    confirmApplePayPayment,
-    isApplePaySupported,
-    openApplePaySetup,
-  };
-}

package/src/hooks/useGooglePay.tsx

@@ -1,72 +0,0 @@
-import { useCallback, useState } from 'react';
-import type { GooglePay } from '../types';
-import { useStripe } from './useStripe';
-
-/**
- * useGooglePay hook
- */
-export function useGooglePay() {
-  const {
-    isGooglePaySupported,
-    initGooglePay,
-    presentGooglePay,
-    createGooglePayPaymentMethod,
-  } = useStripe();
-  const [loading, setLoading] = useState(false);
-
-  const _isGooglePaySupported = useCallback(
-    async (params?: GooglePay.IsSupportedParams) => {
-      setLoading(true);
-
-      const result = await isGooglePaySupported(params);
-      setLoading(false);
-
-      return result;
-    },
-    [isGooglePaySupported]
-  );
-
-  const _initGooglePay = useCallback(
-    async (params: GooglePay.InitParams) => {
-      setLoading(true);
-
-      const result = await initGooglePay(params);
-      setLoading(false);
-
-      return result;
-    },
-    [initGooglePay]
-  );
-
-  const _presentGooglePay = useCallback(
-    async (params: GooglePay.PresentParams) => {
-      setLoading(true);
-
-      const result = await presentGooglePay(params);
-      setLoading(false);
-
-      return result;
-    },
-    [presentGooglePay]
-  );
-
-  const _createGooglePayPaymentMethod = useCallback(
-    async (params: GooglePay.CreatePaymentMethodParams) => {
-      setLoading(true);
-
-      const result = await createGooglePayPaymentMethod(params);
-      setLoading(false);
-
-      return result;
-    },
-    [createGooglePayPaymentMethod]
-  );
-
-  return {
-    loading,
-    isGooglePaySupported: _isGooglePaySupported,
-    initGooglePay: _initGooglePay,
-    presentGooglePay: _presentGooglePay,
-    createGooglePayPaymentMethod: _createGooglePayPaymentMethod,
-  };
-}

package/src/types/GooglePay.ts

@@ -1,74 +0,0 @@
-export type PresentParams = PresentType & {
-  clientSecret: string;
-};
-
-export type PresentType =
-  | {
-      /*
-       * Present Google Pay to collect customer payment details and use it to confirm the
-       * [SetupIntent] represented by [clientSecret].
-       */
-      forSetupIntent?: true;
-      /*
-       * The Google Pay API requires a [currencyCode](https://developers.google.com/pay/api/android/reference/request-objects#TransactionInfo).
-       * [currencyCode] is required even though the SetupIntent API does not require it.
-       */
-      currencyCode: string;
-    }
-  | {
-      /*
-       * Present Google Pay to collect customer payment details and use it to confirm the
-       * [PaymentIntent] represented by [clientSecret].
-       */
-      forSetupIntent?: false;
-    };
-
-export type InitParams = {
-  merchantName: string;
-  countryCode: string;
-  /**
-   * Billing address collection configuration.
-   */
-  billingAddressConfig?: BillingAddressConfig;
-  /**
-   * Flag to indicate whether Google Pay collect the customer's email address.
-   *
-   * Default to `false`.
-   */
-  isEmailRequired?: boolean;
-} & IsSupportedParams;
-
-export type IsSupportedParams = {
-  /** Set to true to run in a test environment with relaxed application / merchant requirements. This environment is suggested for early development and for easily testing SDK. Defaults to false. */
-  testEnv?: boolean;
-  /**
-   * If `true`, Google Pay is considered ready if the customer's Google Pay wallet
-   * has an existing payment method. Defaults to false.
-   */
-  existingPaymentMethodRequired?: boolean;
-};
-
-export interface BillingAddressConfig {
-  isRequired?: boolean;
-  /**
-   * Billing address format required to complete the transaction.
-   */
-  format?: 'FULL' | 'MIN';
-  /**
-   * Set to true if a phone number is required to process the transaction.
-   */
-  isPhoneNumberRequired?: boolean;
-}
-
-export interface CreatePaymentMethodParams {
-  /*
-   * ISO 4217 alphabetic currency code. (e.g. "USD", "EUR")
-   */
-  currencyCode: string;
-  /*
-   * Amount intended to be collected. A positive integer representing how much to
-   * charge in the smallest currency unit (e.g., 100 cents to charge $1.00 or 100 to charge ¥100,
-   * a zero-decimal currency).
-   */
-  amount: number;
-}