feat: add new presentationStyle options

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+**Features**
+
+- Added new `presentationStyle` options for CustomerSheet and AddressSheet. [#1515](https://github.com/stripe/stripe-react-native/pull/1515)
+
 ## 0.33.0 - 2023-09-22
 
 **Features**

ios/AddressSheet/AddressSheetView.swift

@@ -91,6 +91,14 @@ class AddressSheetView: UIView {
         switch (presentationStyle) {
         case "fullscreen":
             return .fullScreen
+        case "pageSheet":
+            return .pageSheet
+        case "formSheet":
+            return .formSheet
+        case "automatic":
+            return .automatic
+        case "overFullScreen":
+            return .overFullScreen
         case "popover":
             fallthrough
         default:

ios/CustomerSheet/CustomerSheetUtils.swift

@@ -113,6 +113,14 @@ class CustomerSheetUtils {
         switch (string) {
         case "fullscreen":
             return .fullScreen
+        case "pageSheet":
+            return .pageSheet
+        case "formSheet":
+            return .formSheet
+        case "automatic":
+            return .automatic
+        case "overFullScreen":
+            return .overFullScreen
         case "popover":
             fallthrough
         default:

src/components/AddressSheet.tsx

@@ -19,8 +19,14 @@ const AddressSheetNative = requireNativeComponent<any>('AddressSheetView');
 export interface Props extends AccessibilityProps {
   /** Whether the sheet is visible. Defaults to false. */
   visible: boolean;
-  /** Controls how the modal is presented (after animation). iOS only. Defaults to `popover`. */
-  presentationStyle?: 'fullscreen' | 'popover';
+  /** Controls how the modal is presented (after animation). iOS only. Defaults to `popover`. See https://developer.apple.com/documentation/uikit/uimodalpresentationstyle for more info. */
+  presentationStyle?:
+    | 'fullscreen'
+    | 'popover'
+    | 'pageSheet'
+    | 'formSheet'
+    | 'automatic'
+    | 'overFullScreen';
   /** Controls how the modal animates. iOS only. */
   animationStyle?: 'flip' | 'curl' | 'slide' | 'dissolve';
   /** Configuration for the look and feel of the UI. */

src/types/CustomerSheet.ts

@@ -41,8 +41,14 @@ export type CustomerSheetInitParams = {
 };
 
 export type CustomerSheetPresentParams = {
-  /** Controls how the modal is presented (after animation). iOS only. Defaults to `popover`. */
-  presentationStyle?: 'fullscreen' | 'popover';
+  /** Controls how the modal is presented (after animation). iOS only. Defaults to `popover`. See https://developer.apple.com/documentation/uikit/uimodalpresentationstyle for more info. */
+  presentationStyle?:
+    | 'fullscreen'
+    | 'popover'
+    | 'pageSheet'
+    | 'formSheet'
+    | 'automatic'
+    | 'overFullScreen';
   /** Controls how the modal animates. iOS only. */
   animationStyle?: 'flip' | 'curl' | 'slide' | 'dissolve';
   /** Time (in milliseconds) before the Customer Sheet will automatically dismiss. */