@stripe/stripe-react-native 0.39.0 → 0.40.0

package/src/components/CustomerSheet.tsx

@@ -257,7 +257,7 @@ export type Props = {
  * @returns JSX.Element
  * @category ReactComponents
  */
-function CustomerSheet({
+function Component({
   visible,
   presentationStyle,
   animationStyle,
@@ -319,8 +319,8 @@ function CustomerSheet({
 /**
  * The Customer Sheet is a prebuilt UI component that lets your customers manage their saved payment methods.
  */
-export const CustomerSheetBeta = {
-  CustomerSheet,
+export const CustomerSheet = {
+  Component,
   initialize,
   present,
   retrievePaymentOptionSelection,

package/src/types/PaymentSheet.ts

@@ -65,6 +65,11 @@ type SetupParamsBase = IntentParams & {
    *  If false, the customer can't delete if they only have one saved payment method remaining.
    */
   allowsRemovalOfLastSavedPaymentMethod?: boolean;
+  /**
+   * Defines the layout orientations available for displaying payment methods in PaymentSheet.
+   * - Note: Defaults to `Automatic` if not set
+   */
+  paymentMethodLayout?: PaymentMethodLayout;
 };
 
 export type SetupParams =
@@ -417,3 +422,22 @@ export type SetupMode = {
   Seealso: https://stripe.com/docs/api/payment_intents/create#create_payment_intent-setup_future_usage */
   setupFutureUsage: FutureUsage;
 };
+
+export enum PaymentMethodLayout {
+  /**
+   * Payment methods are arranged horizontally.
+   * Users can swipe left or right to navigate through different payment methods.
+   */
+  Horizontal = 'Horizontal',
+
+  /**
+   * Payment methods are arranged vertically.
+   * Users can scroll up or down to navigate through different payment methods.
+   */
+  Vertical = 'Vertical',
+
+  /**
+   * This lets Stripe choose the best layout for payment methods in the sheet.
+   */
+  Automatic = 'Automatic',
+}

package/src/types/index.ts

@@ -46,6 +46,7 @@ export * from './Errors';
 export * from './CustomerSheet';
 export type { Address, BillingDetails, AddressDetails } from './Common';
 export { CardBrand } from './Common';
+export { PaymentMethodLayout } from './PaymentSheet';
 
 /**
  * @ignore

package/stripe-react-native.podspec

@@ -2,7 +2,7 @@ require 'json'
 
 package = JSON.parse(File.read(File.join(__dir__, 'package.json')))
 # Keep stripe_version in sync with https://github.com/stripe/stripe-identity-react-native/blob/main/stripe-identity-react-native.podspec
-stripe_version = '~> 23.30.0'
+stripe_version = '~> 23.32.0'
 
 Pod::Spec.new do |s|
   s.name         = 'stripe-react-native'