react-native-unified-action-sheet 0.2.0 → 0.4.0

package/CHANGELOG.md

@@ -7,6 +7,90 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.4.0]
+
+### Changed (breaking)
+
+- **Results carry a reason.** `showActionSheetWithOptions()` resolves
+  `{ reason, buttonIndex }` instead of a bare index, and
+  `showPromptWithOptions()` resolves `{ reason, buttonIndex, text, password? }`
+  instead of `{ buttonIndex, text }` or `undefined`. `reason` is `'selected'`,
+  `'cancelled'` (the cancel button, a backdrop tap, back or a swipe down) or
+  `'dismissed'` (closed from code or by a JS reload). A dismissal used to
+  resolve `undefined`; it now resolves `{ reason: 'dismissed', buttonIndex:
+  undefined }`, and a dismissed prompt keeps the text that was in its field.
+  The result types are discriminated unions on `reason`.
+
+  ```ts
+  // before
+  const index = await showActionSheetWithOptions(options);
+  if (index === undefined) { /* dismissed */ }
+
+  // after
+  const { reason, buttonIndex } = await showActionSheetWithOptions(options);
+  if (reason === 'dismissed') { /* dismissed */ }
+  ```
+- **Prompt `onPress` receives an object.** It is called with
+  `{ text, password? }` instead of the text string:
+  `onPress: ({ text }) => rename(text)`.
+- The Jest mock resolves the same shapes, deriving `reason` as the real module
+  does; `setNextPromptResult` accepts an optional `password`.
+
+### Added
+
+- `preferred` on a button: the default action, emphasized. On iOS it is the
+  alert's `preferredAction`, drawn in UIKit's own style (a filled button from
+  iOS 26, bold text before), so the return key presses it in a prompt; in the
+  bottom sheet it is a semibold row; UIKit ignores it in the standard action
+  sheet. On Android the row is bold, and in a prompt the keyboard's done key
+  presses it.
+- `detents` for `presentationStyle: 'bottom'`: `'auto'`, `'medium'` and
+  `'large'`. The sheet opens at the first and can be dragged to the others.
+- Prompt `type`: `'plain-text'`, `'secure-text'` or `'login-password'`, as in
+  React Native's `Alert.prompt`. `'login-password'` adds a masked password
+  field (`passwordPlaceholder`), resolves `password`, and marks both fields
+  for iOS AutoFill and Android autofill. `secureTextEntry` still works, as
+  `type: 'secure-text'`.
+- `requiresText` on a prompt button keeps it disabled while a field is empty.
+- New exported types: `ActionSheetResultInterface`, `ActionSheetDetent`,
+  `CloseReason`, `CloseResultInterface` and `PromptValuesInterface`.
+
+### Fixed
+
+- iOS: alerts and prompts were never freed after closing. Each action's handler
+  held its presentation, which held the alert, which held the action.
+
+## [0.3.0]
+
+### Added
+
+- `presentationStyle: 'bottom'`: a native bottom sheet on both platforms, with
+  a drag handle and swipe to dismiss. A long list opens part-way and drags up
+  to expand. On iOS it is a `UISheetPresentationController` sheet with native
+  rows (on iPad, the action sheet's popover instead); on Android, a Material 3
+  bottom sheet. `anchor` is ignored for it.
+- Material is opt-in, so apps that don't use the bottom sheet stay free of the
+  dependency. Set `unifiedActionSheet.material=true` in
+  `android/gradle.properties`. Only then does the library add
+  `com.google.android.material` (1.12.0 by default; override it with
+  `ext.materialVersion` or `unifiedActionSheet.materialVersion`).
+- An Expo config plugin that writes those properties:
+  `plugins: [['react-native-unified-action-sheet', { material: true }]]`, with
+  an optional `materialVersion`. `@expo/config-plugins` is an optional peer
+  dependency.
+
+### Fixed
+
+- On iOS, a sheet, alert or prompt stayed on screen after a JS reload (pressing
+  `r` in Metro). It now closes on reload, as it already did on Android, and its
+  promise is left unresolved, since it belonged to the discarded runtime.
+
+### Notes
+
+- Without the Material opt-in, `'bottom'` on Android falls back to the centered
+  dialog, and warns once in development.
+- Prompts do not support `'bottom'`; they stay centered on both platforms.
+
 ## [0.2.0]
 
 ### Added
@@ -75,7 +159,9 @@ Initial release.
 - No `com.google.android.material` dependency, and no runtime dependencies —
   `react` and `react-native` are peers.
 
-[unreleased]: https://github.com/galikvalkin/react-native-unified-action-sheet/compare/v0.2.0...HEAD
+[unreleased]: https://github.com/galikvalkin/react-native-unified-action-sheet/compare/v0.4.0...HEAD
+[0.4.0]: https://github.com/galikvalkin/react-native-unified-action-sheet/compare/v0.3.0...v0.4.0
+[0.3.0]: https://github.com/galikvalkin/react-native-unified-action-sheet/compare/v0.2.0...v0.3.0
 [0.2.0]: https://github.com/galikvalkin/react-native-unified-action-sheet/compare/v0.1.1...v0.2.0
 [0.1.1]: https://github.com/galikvalkin/react-native-unified-action-sheet/compare/v0.1.0...v0.1.1
 [0.1.0]: https://github.com/galikvalkin/react-native-unified-action-sheet/releases/tag/v0.1.0

package/README.md

@@ -1,22 +1,16 @@
 # react-native-unified-action-sheet
 
-Unified action sheet API for React Native: a native `UIAlertController` on iOS, a native `AppCompatDialog` on Android.
+Unified native action sheet for React Native, one API on iOS and Android.
 
-| Android | Android (dark mode) | iOS |
+| | Light | Dark |
 | :---: | :---: | :---: |
-| <img src="https://raw.githubusercontent.com/galikvalkin/react-native-unified-action-sheet/HEAD/docs/android-demo.gif" width="280" alt="Android demo" /> | <img src="https://raw.githubusercontent.com/galikvalkin/react-native-unified-action-sheet/HEAD/docs/android-demo-dark-mode.gif" width="280" alt="Android dark-mode demo — following the system dark theme" /> | <img src="https://raw.githubusercontent.com/galikvalkin/react-native-unified-action-sheet/HEAD/docs/ios-demo.gif" width="280" alt="iOS demo" /> |
+| **Android** | <img src="https://raw.githubusercontent.com/galikvalkin/react-native-unified-action-sheet/HEAD/docs/images/android-demo-light-mode.gif" width="280" alt="Android demo in light mode" /> | <img src="https://raw.githubusercontent.com/galikvalkin/react-native-unified-action-sheet/HEAD/docs/images/android-demo-dark-mode.gif" width="280" alt="Android demo in dark mode" /> |
+| **iOS** | <img src="https://raw.githubusercontent.com/galikvalkin/react-native-unified-action-sheet/HEAD/docs/images/ios-demo-light-mode.gif" width="280" alt="iOS demo in light mode" /> | <img src="https://raw.githubusercontent.com/galikvalkin/react-native-unified-action-sheet/HEAD/docs/images/ios-demo-dark-mode.gif" width="280" alt="iOS demo in dark mode" /> |
 
-<p align="center">
-  <img src="https://raw.githubusercontent.com/galikvalkin/react-native-unified-action-sheet/HEAD/docs/ipad-demo.gif" width="420" alt="iPad demo — the sheet as a popover anchored to the button that opened it" />
-  <br />
-  <em>iPad: the same sheet presented as a popover, anchored to the view that opened it.</em>
-</p>
-
-- **Fully native, always on top.** The sheet gets its own platform window, so it renders above your whole view tree — including an already-open [`Modal`](https://reactnative.dev/docs/modal). JS-rendered sheets live *inside* the component tree, where `overflow`, `zIndex`, a transform or an open modal can clip or bury them.
-- **One API, native on both platforms**, so the same options behave the same way.
-- **Prompts included.** React Native's `Alert.prompt` is iOS-only and silently does nothing on Android; `showPromptWithOptions()` works on both.
-- Works on React Native **0.81 (old and new architecture)** through the **latest** release.
-- **No extra native dependencies** on either platform, and zero runtime dependencies (`react` / `react-native` peers only).
+- **Fully native, always on top.** The sheet gets its own platform window, so it renders above your whole view tree, including an open [`Modal`](https://reactnative.dev/docs/modal). JS-rendered sheets live inside the component tree, where `overflow`, `zIndex` or a modal can clip or bury them.
+- **One API on both platforms**: action sheets, anchored popovers, bottom sheets and text prompts.
+- **Prompts on Android too.** React Native's `Alert.prompt` is iOS-only; `showPromptWithOptions()` works on both.
+- **No dependencies.** `react` and `react-native` are peers; the Android bottom sheet's Material is opt-in.
 
 ## Installation
 
@@ -26,7 +20,9 @@ npm install react-native-unified-action-sheet
 yarn add react-native-unified-action-sheet
 ```
 
-Autolinking handles the rest on both platforms. In Expo apps, use a development build (`npx expo run:ios` / `npx expo run:android`) — custom native modules do not work in **Expo Go**.
+Autolinking handles the rest. In Expo, use a development build (`npx expo run:ios` / `npx expo run:android`); custom native modules do not work in Expo Go.
+
+**Optional:** for the Android bottom sheet, set `unifiedActionSheet.material=true` in `android/gradle.properties`, or add the Expo plugin. See [Bottom sheets](docs/bottom-sheet.md).
 
 ## Usage
 
@@ -45,41 +41,19 @@ await showActionSheetWithOptions({
 });
 ```
 
-`style` marks the two native roles, which are mutually exclusive; `disabled` is independent of it. `onPress` runs when that button resolves the sheet, and the call also resolves with the tapped index — the two never disagree:
-
-| | promise resolves with | `onPress` runs |
-| --- | --- | --- |
-| Tapping a button | its index | that button's |
-| Backdrop tap, back button, swipe down | the `'cancel'` button's index, or `-1` if there is none | the cancel button's, if there is one |
-| `dismissActionSheet()` | `undefined` | nothing |
-
-The promise never rejects on its own — only if one of your own `onPress` handlers throws.
-
-### Anchored sheets
-
-`presentationStyle: 'anchored'` attaches the sheet to a view. Pass the ref itself; the library measures it and sends only the resulting rectangle across:
-
-```tsx
-const anchorRef = useRef<View>(null);
+The call resolves `{ reason, buttonIndex }`, and the tapped button's `onPress` runs. `reason` is `'selected'`, `'cancelled'` (the cancel button, a backdrop tap, back or a swipe) or `'dismissed'` (closed from code). The promise never rejects. See [Behavior](docs/behavior.md).
 
-<Pressable
-  ref={anchorRef}
-  onPress={() =>
-    showActionSheetWithOptions({
-      options: [...],
-      presentationStyle: 'anchored',
-      anchor: anchorRef,
-    })
-  }
-/>;
-```
+### Presentation styles
 
-Anything with a `measureInWindow` method works, which is every React Native host component ref. On iOS the anchor only applies on iPad, where the sheet becomes a popover; iPhone always presents from the bottom.
+| `presentationStyle` | iOS | Android |
+| --- | --- | --- |
+| unset | Action sheet from the bottom | Centered dialog |
+| `'centered'` | Centered alert | Centered dialog |
+| `'anchored'` | Popover on iPad, pointing at `anchor` | Popup attached to `anchor` |
+| `'bottom'` | Sheet with a grabber (popover on iPad) | Material bottom sheet ([opt-in](docs/bottom-sheet.md)) |
 
 ### Prompts
 
-`showPromptWithOptions()` is the same dialog with a text field:
-
 ```ts
 import { showPromptWithOptions } from 'react-native-unified-action-sheet';
 
@@ -88,85 +62,43 @@ const result = await showPromptWithOptions({
   placeholder: 'New name',
   defaultValue: 'Untitled',
   options: [
-    { label: 'Save', onPress: (text) => rename(text) },
+    { label: 'Save', preferred: true, onPress: ({ text }) => rename(text) },
     { label: 'Cancel', style: 'cancel' },
   ],
 });
-// { buttonIndex, text }, or undefined after dismissActionSheet().
-```
-
-Buttons behave as they do for the sheet, except `onPress` receives the field's
-text. That text is whatever was in the field when the prompt closed, including
-on a dismissal, so a draft is recoverable. Extra options: `placeholder`,
-`defaultValue`, `secureTextEntry` and `keyboardType` (`'default' |
-'email-address' | 'numeric' | 'phone-pad' | 'url'`).
-
-A prompt is always centered — UIKit has no text field in an action sheet, so
-`presentationStyle` and `anchor` do not apply.
-
-### Dismissing from code
-
-`dismissActionSheet()` closes the most recently opened sheet, `dismissAllActionSheets()` closes every open one. Both are no-ops when nothing is open, and the dismissed sheets resolve with `undefined`.
-
-```ts
-import {
-  dismissActionSheet,
-  dismissAllActionSheets,
-} from 'react-native-unified-action-sheet';
+// { reason, buttonIndex, text }
 ```
 
-### Options
-
-| Option | Type | iOS | Android | Description |
-| --- | --- | :---: | :---: | --- |
-| `options` | `ActionSheetButtonInterface[]` | ✅ | ✅ | The buttons, in order: `{ label, style?, disabled?, onPress? }`. |
-| `style` (per button) | `'cancel' \| 'destructive'?` | ✅ | ✅ | `'cancel'` renders a separated row and resolves on backdrop tap / back; `'destructive'` uses the destructive color. Only the first `'cancel'` counts. |
-| `disabled` (per button) | `boolean?` | ✅ | ✅ | Renders the row dimmed and unresponsive to taps. |
-| `onPress` (per button) | `() => void?` | ✅ | ✅ | Runs when this button resolves the sheet. |
-| `title` | `string?` | ✅ | ✅ | Sheet title. |
-| `message` | `string?` | ✅ | ✅ | Secondary text under the title. |
-| `presentationStyle` | `'centered' \| 'anchored'` | ✅ | ✅ | `'centered'` is a centered dialog; `'anchored'` attaches to `anchor` (an iPad popover on iOS). **Defaults differ**: Android `'centered'`, iOS the standard action sheet. |
-| `anchor` | `ActionSheetAnchorInterface?` | ✅ | ✅ | A ref, or anything with `measureInWindow`. Without a measurable anchor an `'anchored'` sheet falls back to a centered dialog. |
-| `anchorAlignment` | `'start' \| 'center'` | — | ✅ | Alignment of an `'anchored'` popup relative to its anchor. `'start'` (default) aligns leading edges, flipping in RTL. |
-| `userInterfaceStyle` | `'light' \| 'dark'` | ✅ | ✅ | Forces the appearance; defaults to following the system setting. |
-| `tintColor` | `string?` | ✅ | ✅ | Text color of non-destructive buttons. |
-| `cancelButtonTintColor` | `string?` | ✅ | ✅ | Text color of the cancel button; overrides `tintColor` for that row. |
-| `destructiveColor` | `string?` | ✅ | ✅ | Overrides the destructive row color (Android's palette error color, iOS system red). |
-| `buttonTextAlignment` | `'start' \| 'center'` | — | ✅ | Alignment of button labels. Defaults to `'start'`, which follows layout direction. |
-
-Every options and button type is exported for typing your own wrappers —
-`ActionSheetOptionsInterface`, `PromptOptionsInterface`, `PromptResultInterface`
-and the interfaces they are composed from.
-
-### Platform notes
-
-- **Which gestures dismiss differs.** On iOS a sheet can only be tapped away if it has a `'cancel'` button, and a `'centered'` one never can — UIKit treats it as strictly modal. Android's centered dialog always cancels on a backdrop tap. Give a sheet a cancel button if you want that gesture everywhere.
-- **On iPad, a popover hides the cancel row**, since tapping outside already cancels. The index you receive is unaffected.
-- **Sheets stack.** Opening one over another puts it on top, and each resolves its own promise. Opening a sheet over a `Modal` does not dismiss the modal.
-- **Light or dark follows the system setting** unless `userInterfaceStyle` forces one, chosen when the sheet opens. It uses its own palette, so it looks the same in any host app.
-
-## Testing
-
-The package ships a Jest mock, so a screen that opens a sheet can be tested without the native module:
+`type: 'login-password'` adds a password field, and `requiresText: true` keeps a button disabled until the fields are filled:
 
 ```ts
-jest.mock('react-native-unified-action-sheet', () =>
-  require('react-native-unified-action-sheet/jest')
-);
+await showPromptWithOptions({
+  title: 'Sign in',
+  type: 'login-password',
+  placeholder: 'Email',
+  passwordPlaceholder: 'Password',
+  options: [
+    {
+      label: 'Sign in',
+      preferred: true,
+      requiresText: true,
+      onPress: ({ text, password }) => signIn(text, password),
+    },
+    { label: 'Cancel', style: 'cancel' },
+  ],
+});
 ```
 
-Every sheet then resolves with no selection. To simulate a tap, queue the index it should resolve with — the pressed button's `onPress` runs as it would for real:
+### Dismissing from code
 
-```ts
-import { setNextButtonIndex } from 'react-native-unified-action-sheet/jest';
+`dismissActionSheet()` closes the most recently opened sheet, and `dismissAllActionSheets()` closes every open one. They resolve with `reason: 'dismissed'`.
 
-setNextButtonIndex(0);
-await openTheSheet();
-```
+## Documentation
 
-`setNextPromptResult({ buttonIndex, text })` does the same for a prompt. Prefer
-these over `mockResolvedValueOnce`, which replaces the implementation and so
-skips `onPress`. `dismissActionSheet` and `dismissAllActionSheets` are spies.
+- [API reference](docs/api.md): every option, per platform
+- [Behavior](docs/behavior.md): what each gesture resolves with, and platform differences
+- [Bottom sheets](docs/bottom-sheet.md): both platforms, and enabling Material on Android
+- [Testing](docs/testing.md): the shipped Jest mock
 
 ## Compatibility
 

package/android/build.gradle

@@ -2,7 +2,8 @@ buildscript {
   ext.UnifiedActionSheet = [
     kotlinVersion: "2.0.21",
     minSdkVersion: 24,
-    compileSdkVersion: 36
+    compileSdkVersion: 36,
+    materialVersion: "1.12.0"
   ]
 
   ext.getExtOrDefault = { prop ->
@@ -31,6 +32,20 @@ apply plugin: "kotlin-android"
 
 apply plugin: "com.facebook.react"
 
+// Material is opt-in, so apps that don't use presentationStyle 'bottom' stay
+// free of the dependency. The app sets unifiedActionSheet.material=true in its
+// gradle.properties (the Expo config plugin writes it); only then is the
+// Material presenter compiled and the dependency added. src/main never
+// references a Material class: it goes through BottomSheetPresenterFactory,
+// which both variant source sets define.
+def materialEnabled = (findProperty("unifiedActionSheet.material") ?: "false").toString().toBoolean()
+
+// ext.materialVersion on the root project wins, then the gradle property, then
+// the version this library is tested against.
+def materialVersion = rootProject.ext.has("materialVersion")
+  ? rootProject.ext.get("materialVersion")
+  : (findProperty("unifiedActionSheet.materialVersion") ?: UnifiedActionSheet.materialVersion)
+
 android {
   namespace "com.unifiedactionsheet"
 
@@ -40,6 +55,15 @@ android {
     minSdkVersion getExtOrDefault("minSdkVersion")
   }
 
+  sourceSets {
+    main {
+      java.srcDirs += materialEnabled ? "src/material/java" : "src/noMaterial/java"
+      if (materialEnabled) {
+        res.srcDirs += "src/material/res"
+      }
+    }
+  }
+
   compileOptions {
     sourceCompatibility JavaVersion.VERSION_17
     targetCompatibility JavaVersion.VERSION_17
@@ -48,4 +72,7 @@ android {
 
 dependencies {
   implementation "com.facebook.react:react-android"
+  if (materialEnabled) {
+    implementation "com.google.android.material:material:${materialVersion}"
+  }
 }

package/android/src/main/java/com/unifiedactionsheet/ActionSheetOptions.kt

@@ -6,11 +6,15 @@ import com.facebook.react.bridge.ReadableMap
 internal enum class PresentationStyle {
   CENTERED,
   ANCHORED,
+  BOTTOM,
   ;
 
   companion object {
-    fun fromWire(value: String?): PresentationStyle =
-      if (value == "anchored") ANCHORED else CENTERED
+    fun fromWire(value: String?): PresentationStyle = when (value) {
+      "anchored" -> ANCHORED
+      "bottom" -> BOTTOM
+      else -> CENTERED
+    }
   }
 }
 
@@ -36,6 +40,24 @@ internal enum class AnchorAlignment {
   }
 }
 
+/// A bottom sheet's resting height: the content, half the screen, or the full
+/// height below the status bar.
+internal enum class Detent {
+  AUTO,
+  MEDIUM,
+  LARGE,
+  ;
+
+  companion object {
+    fun fromWire(value: String?): Detent? = when (value) {
+      "auto" -> AUTO
+      "medium" -> MEDIUM
+      "large" -> LARGE
+      else -> null
+    }
+  }
+}
+
 internal enum class ForcedAppearance {
   SYSTEM,
   LIGHT,
@@ -66,6 +88,10 @@ internal data class ActionSheetOptions(
   val presentationStyle: PresentationStyle,
   val anchorRect: Rect?,
   val anchorAlignment: AnchorAlignment,
+  /// Bold, as the default action. Only the first preferred button counts.
+  val preferredButtonIndex: Int? = null,
+  /// 'bottom' only, in the caller's order: the sheet opens at the first.
+  val detents: List<Detent> = emptyList(),
 ) {
   companion object {
     /// density converts the anchor rect: measureInWindow reports dp, while
@@ -107,9 +133,22 @@ internal data class ActionSheetOptions(
         presentationStyle = PresentationStyle.fromWire(optString(map, "presentationStyle")),
         anchorRect = optRect(map, "anchorRect", density),
         anchorAlignment = AnchorAlignment.fromWire(optString(map, "anchorAlignment")),
+        preferredButtonIndex = optInt(map, "preferredButtonIndex"),
+        detents = optDetents(map),
       )
     }
 
+    private fun optDetents(map: ReadableMap): List<Detent> {
+      val detents = mutableListOf<Detent>()
+      map.getArray("detents")?.let { array ->
+        for (index in 0 until array.size()) {
+          Detent.fromWire(array.getString(index))?.let(detents::add)
+        }
+      }
+
+      return detents.distinct()
+    }
+
     private fun optRect(map: ReadableMap, key: String, density: Float): Rect? {
       if (!map.hasKey(key) || map.isNull(key)) return null
       val rect = map.getMap(key) ?: return null

package/android/src/main/java/com/unifiedactionsheet/PromptOptions.kt

@@ -43,6 +43,23 @@ internal enum class PromptKeyboardType {
   }
 }
 
+/// As in React Native's Alert.prompt. LOGIN_PASSWORD adds a secure field below
+/// the first.
+internal enum class PromptType {
+  PLAIN_TEXT,
+  SECURE_TEXT,
+  LOGIN_PASSWORD,
+  ;
+
+  companion object {
+    fun fromWire(value: String?): PromptType = when (value) {
+      "secure-text" -> SECURE_TEXT
+      "login-password" -> LOGIN_PASSWORD
+      else -> PLAIN_TEXT
+    }
+  }
+}
+
 internal data class PromptOptions(
   val options: List<String>,
   val cancelButtonIndex: Int?,
@@ -50,10 +67,14 @@ internal data class PromptOptions(
   val disabledButtonIndices: Set<Int>,
   val title: String?,
   val message: String?,
+  val type: PromptType,
   val placeholder: String?,
+  val passwordPlaceholder: String?,
   val defaultValue: String?,
   val keyboardType: PromptKeyboardType,
-  val secureTextEntry: Boolean,
+  val preferredButtonIndex: Int?,
+  /// Buttons kept disabled while any field is empty.
+  val textRequiredButtonIndices: Set<Int>,
   val tintColor: String?,
   val cancelButtonTintColor: String?,
   val destructiveColor: String?,
@@ -79,6 +100,7 @@ internal data class PromptOptions(
     presentationStyle = PresentationStyle.CENTERED,
     anchorRect = null,
     anchorAlignment = AnchorAlignment.START,
+    preferredButtonIndex = preferredButtonIndex,
   )
 
   companion object {
@@ -97,10 +119,13 @@ internal data class PromptOptions(
         disabledButtonIndices = optIndices(map, "disabledButtonIndices"),
         title = optString(map, "title"),
         message = optString(map, "message"),
+        type = PromptType.fromWire(optString(map, "type")),
         placeholder = optString(map, "placeholder"),
+        passwordPlaceholder = optString(map, "passwordPlaceholder"),
         defaultValue = optString(map, "defaultValue"),
         keyboardType = PromptKeyboardType.fromWire(optString(map, "keyboardType")),
-        secureTextEntry = optBoolean(map, "secureTextEntry"),
+        preferredButtonIndex = optInt(map, "preferredButtonIndex"),
+        textRequiredButtonIndices = optIndices(map, "textRequiredButtonIndices"),
         tintColor = optString(map, "tintColor"),
         cancelButtonTintColor = optString(map, "cancelButtonTintColor"),
         destructiveColor = optString(map, "destructiveColor"),
@@ -123,9 +148,6 @@ internal data class PromptOptions(
     private fun optInt(map: ReadableMap, key: String): Int? =
       if (map.hasKey(key) && !map.isNull(key)) map.getInt(key) else null
 
-    private fun optBoolean(map: ReadableMap, key: String): Boolean =
-      map.hasKey(key) && !map.isNull(key) && map.getBoolean(key)
-
     private fun optString(map: ReadableMap, key: String): String? =
       if (map.hasKey(key) && !map.isNull(key)) map.getString(key) else null
   }