related-ui-components 2.6.2 → 2.6.4

package/lib/module/components/Input/PhoneInput.js

@@ -9,6 +9,7 @@ import { useBottomSheetStack } from "../../contexts/index.js";
 import { allCountries } from "country-telephone-data";
 import { iso2ToFlagEmoji } from "../../utils/flags.js";
 import { CountryPickerView } from "./CountryPickerView.js";
+import { BottomSheetTextInput } from "@gorhom/bottom-sheet";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_COUNTRIES = allCountries.map(c => ({
   code: `+${c.dialCode}`,
@@ -34,6 +35,7 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
   listTitleStyle,
   countryCodeStyle,
   countryNameStyle,
+  isBottomSheet,
   ...rest
 }, ref) => {
   const {
@@ -58,6 +60,7 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
         countryNameStyle: countryNameStyle,
         countryCodeStyle: countryCodeStyle
       }),
+      isModal: isBottomSheet,
       snapPoints: ["80%"]
     });
   }, [push, countries, handleCountryPress, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle]);
@@ -93,7 +96,10 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
       }
     })]
   }), [theme, sel, openCountryPicker]);
-  return /*#__PURE__*/_jsx(CustomInput, {
+  const Input = isBottomSheet ? BottomSheetTextInput : CustomInput;
+  return /*#__PURE__*/_jsx(Input
+  //@ts-ignore
+  , {
     ref: ref,
     label: label,
     value: value,

package/lib/module/components/Input/PhoneInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","allCountries","iso2ToFlagEmoji","CountryPickerView","jsx","_jsx","jsxs","_jsxs","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","PhoneInput","value","onChangeText","selectedCountry","onSelectCountry","countries","containerStyle","inputContainerStyle","inputStyle","label","labelStyle","error","errorStyle","helper","helperStyle","listTitle","listTitleStyle","countryCodeStyle","countryNameStyle","rest","ref","theme","push","clear","sel","find","handleCountryPress","openCountryPicker","component","snapPoints","leftIcon","style","styles","selector","backgroundColor","inputBackground","borderRightColor","border","hitSlop","left","top","right","bottom","onPress","activeOpacity","children","flag","color","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","paddingHorizontal","fontSize","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","allCountries","iso2ToFlagEmoji","CountryPickerView","BottomSheetTextInput","jsx","_jsx","jsxs","_jsxs","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","PhoneInput","value","onChangeText","selectedCountry","onSelectCountry","countries","containerStyle","inputContainerStyle","inputStyle","label","labelStyle","error","errorStyle","helper","helperStyle","listTitle","listTitleStyle","countryCodeStyle","countryNameStyle","isBottomSheet","rest","ref","theme","push","clear","sel","find","handleCountryPress","openCountryPicker","component","isModal","snapPoints","leftIcon","style","styles","selector","backgroundColor","inputBackground","borderRightColor","border","hitSlop","left","top","right","bottom","onPress","activeOpacity","children","flag","color","inputText","size","marginHorizontal","Input","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","paddingHorizontal","fontSize","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/contexts/BottomSheetStackProvider.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import BottomSheet, { BottomSheetBackdrop } from "@gorhom/bottom-sheet";
+import BottomSheet, { BottomSheetBackdrop, BottomSheetModal, BottomSheetModalProvider } from "@gorhom/bottom-sheet";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { BackHandler, StyleSheet } from "react-native";
+import { BackHandler, StyleSheet, View } from "react-native";
 import Animated, { FadeIn, FadeOut } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { BottomSheetStackContext } from "./BottomSheetStackContext.js";
@@ -12,6 +12,7 @@ export const BottomSheetStackProvider = ({
 }) => {
   const [stack, setStack] = useState([]);
   const sheetRef = useRef(null);
+  const modalRef = useRef(null);
   const {
     top
   } = useSafeAreaInsets();
@@ -20,6 +21,7 @@ export const BottomSheetStackProvider = ({
   }, []);
   const clear = useCallback(() => {
     sheetRef.current?.close();
+    modalRef.current?.dismiss();
     setStack([]);
   }, []);
   const pop = useCallback(() => {
@@ -30,80 +32,89 @@ export const BottomSheetStackProvider = ({
     setStack(prev => prev.slice(0, -1));
   }, [stack.length, clear]);
   const replace = useCallback(item => {
-    setStack(prev => [...prev.slice(0, -1), item]);
+    setStack([item]);
   }, []);
   const currentItem = useMemo(() => stack[stack.length - 1], [stack]);
   const canGoBack = stack.length > 1;
   const isOpen = stack.length > 0;
   useEffect(() => {
     if (isOpen && currentItem) {
-      sheetRef.current?.snapToIndex(currentItem.initialSnapIndex ?? 0);
+      if (currentItem.isModal) {
+        sheetRef.current?.close();
+        modalRef.current?.present();
+      } else {
+        modalRef.current?.dismiss();
+        sheetRef.current?.snapToIndex(currentItem.initialSnapIndex ?? 0);
+      }
     }
     const backHandlerSubscription = BackHandler.addEventListener("hardwareBackPress", () => {
+      if (!isOpen) return false;
       if (canGoBack) {
         pop();
-        return true;
-      }
-      if (!canGoBack && stack.length === 1) {
-        sheetRef.current?.close();
-        return true;
+      } else {
+        clear();
       }
-      return false;
+      return true;
     });
     return () => backHandlerSubscription.remove();
-  }, [isOpen, canGoBack, currentItem, pop, stack]);
+  }, [isOpen, canGoBack, currentItem, pop, clear]);
   const AnimatedView = Animated.View;
   const enteringAnimation = FadeIn.duration(200);
   const exitingAnimation = FadeOut.duration(200);
   const renderBackdrop = useCallback(props => /*#__PURE__*/_jsx(BottomSheetBackdrop, {
     ...props,
     disappearsOnIndex: -1,
-    style: [props.style, {
-      backgroundColor: "rgba(0,0,0,0,1)"
-    }],
     appearsOnIndex: 0,
     pressBehavior: "close"
   }), []);
-  return /*#__PURE__*/_jsxs(BottomSheetStackContext.Provider, {
-    value: {
-      push,
-      pop,
-      replace,
-      clear,
-      canGoBack
-    },
-    children: [children, /*#__PURE__*/_jsx(BottomSheet, {
-      ...currentItem?.bottomSheetProps,
-      ref: sheetRef,
-      index: -1,
-      snapPoints: currentItem?.snapPoints || ["100%"],
-      enableDynamicSizing: currentItem?.dynamicSizing ?? false,
-      enablePanDownToClose: true,
-      android_keyboardInputMode: "adjustResize",
-      enableBlurKeyboardOnGesture: true,
-      keyboardBlurBehavior: "restore",
-      keyboardBehavior: "fillParent",
-      onClose: clear,
-      backdropComponent: renderBackdrop,
-      topInset: top,
-      handleIndicatorStyle: {
-        backgroundColor: "#CCCCCC"
+  const currentSheetContent = currentItem ? /*#__PURE__*/_jsx(AnimatedView, {
+    entering: enteringAnimation,
+    exiting: exitingAnimation,
+    style: styles.animatedView,
+    children: currentItem.component
+  }, stack.length) : null;
+  return /*#__PURE__*/_jsx(BottomSheetModalProvider, {
+    children: /*#__PURE__*/_jsxs(BottomSheetStackContext.Provider, {
+      value: {
+        push,
+        pop,
+        replace,
+        clear,
+        canGoBack
       },
-      style: styles.sheetContainer,
-      children: currentItem && /*#__PURE__*/_jsx(AnimatedView, {
-        entering: enteringAnimation,
-        exiting: exitingAnimation,
-        style: styles.animatedView,
-        children: currentItem.component
-      }, stack.length)
-    })]
+      children: [children, /*#__PURE__*/_jsx(BottomSheet, {
+        ...currentItem?.bottomSheetProps,
+        ref: sheetRef,
+        index: -1,
+        snapPoints: currentItem?.isModal ? ["1%"] : currentItem?.snapPoints || ["100%"],
+        enablePanDownToClose: true,
+        onClose: clear,
+        backdropComponent: renderBackdrop,
+        topInset: top,
+        handleIndicatorStyle: {
+          backgroundColor: "#CCCCCC"
+        },
+        style: styles.sheetContainer,
+        children: !currentItem?.isModal ? currentSheetContent : /*#__PURE__*/_jsx(View, {})
+      }), /*#__PURE__*/_jsx(BottomSheetModal, {
+        ...currentItem?.bottomSheetProps,
+        ref: modalRef,
+        index: 0,
+        snapPoints: currentItem?.isModal ? currentItem?.snapPoints || ["100%"] : ["1%"],
+        onDismiss: clear,
+        topInset: top,
+        handleIndicatorStyle: {
+          backgroundColor: "#CCCCCC"
+        },
+        style: styles.sheetContainer,
+        children: currentItem?.isModal ? currentSheetContent : /*#__PURE__*/_jsx(View, {})
+      })]
+    })
   });
 };
 const styles = StyleSheet.create({
   sheetContainer: {
-    // backgroundColor: "#FFFFFF",
-    // borderTopLeftRadius: 20,
-    // borderTopRightRadius: 20,
+    // Styles for the sheet container can be added here
   },
   animatedView: {
     flex: 1

package/lib/module/contexts/BottomSheetStackProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["BottomSheet","BottomSheetBackdrop","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","top","push","item","prev","clear","current","close","pop","length","slice","replace","currentItem","canGoBack","isOpen","snapToIndex","initialSnapIndex","backHandlerSubscription","addEventListener","remove","AnimatedView","View","enteringAnimation","duration","exitingAnimation","renderBackdrop","props","disappearsOnIndex","style","backgroundColor","appearsOnIndex","pressBehavior","Provider","value","bottomSheetProps","ref","index","snapPoints","enableDynamicSizing","dynamicSizing","enablePanDownToClose","android_keyboardInputMode","enableBlurKeyboardOnGesture","keyboardBlurBehavior","keyboardBehavior","onClose","backdropComponent","topInset","handleIndicatorStyle","styles","sheetContainer","entering","exiting","animatedView","component","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackProvider.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BottomSheet","BottomSheetBackdrop","BottomSheetModal","BottomSheetModalProvider","React","useCallback","useEffect","useMemo","useRef","useState","BackHandler","StyleSheet","View","Animated","FadeIn","FadeOut","useSafeAreaInsets","BottomSheetStackContext","jsx","_jsx","jsxs","_jsxs","BottomSheetStackProvider","children","stack","setStack","sheetRef","modalRef","top","push","item","prev","clear","current","close","dismiss","pop","length","slice","replace","currentItem","canGoBack","isOpen","isModal","present","snapToIndex","initialSnapIndex","backHandlerSubscription","addEventListener","remove","AnimatedView","enteringAnimation","duration","exitingAnimation","renderBackdrop","props","disappearsOnIndex","appearsOnIndex","pressBehavior","currentSheetContent","entering","exiting","style","styles","animatedView","component","Provider","value","bottomSheetProps","ref","index","snapPoints","enablePanDownToClose","onClose","backdropComponent","topInset","handleIndicatorStyle","backgroundColor","sheetContainer","onDismiss","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/BottomSheetStackProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/Input/PhoneInput.d.ts

@@ -16,6 +16,7 @@ export interface PhoneInputProps extends Omit<CustomInputProps, "leftIcon" | "ri
     countryCodeStyle?: StyleProp<TextStyle>;
     listTitleStyle?: StyleProp<TextStyle>;
     listTitle?: string;
+    isBottomSheet?: boolean;
 }
 declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<TextInput>>;
 export default PhoneInput;

package/lib/typescript/src/components/Input/PhoneInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAMT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,QAAA,MAAM,UAAU,mFAuHf,CAAC;AAkBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAMT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AASxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,QAAA,MAAM,UAAU,mFA4Hf,CAAC;AAkBF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/contexts/BottomSheetStackContext.d.ts

@@ -5,6 +5,7 @@ export interface BottomSheetStackItem {
     snapPoints?: string[] | number[];
     initialSnapIndex?: number;
     dynamicSizing?: boolean;
+    isModal?: boolean;
     bottomSheetProps?: Partial<Omit<BottomSheetProps, "children">>;
 }
 export interface BottomSheetStackContextType {

package/lib/typescript/src/contexts/BottomSheetStackContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetStackContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,gBAAgB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;CAChE;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3C,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,mDAC2B,CAAC;AAEhE,eAAO,MAAM,mBAAmB,mCAU/B,CAAC"}
+{"version":3,"file":"BottomSheetStackContext.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;CAChE;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC3C,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,mDAC2B,CAAC;AAEhE,eAAO,MAAM,mBAAmB,mCAU/B,CAAC"}

package/lib/typescript/src/contexts/BottomSheetStackProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CA2GtE,CAAC"}
+{"version":3,"file":"BottomSheetStackProvider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/BottomSheetStackProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EACZ,SAAS,EAMV,MAAM,OAAO,CAAC;AASf,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CA+HtE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "related-ui-components",
-  "version": "2.6.2",
+  "version": "2.6.4",
   "main": "./src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/components/Input/PhoneInput.tsx

@@ -16,6 +16,7 @@ import { useBottomSheetStack } from "../../contexts";
 import { allCountries } from "country-telephone-data";
 import { iso2ToFlagEmoji } from "../../utils/flags";
 import { CountryPickerView } from "./CountryPickerView";
+import { BottomSheetTextInput } from "@gorhom/bottom-sheet";
 
 export type Country = {
   code: string;
@@ -45,6 +46,7 @@ export interface PhoneInputProps
   listTitleStyle?: StyleProp<TextStyle>;
 
   listTitle?: string;
+  isBottomSheet?: boolean;
 }
 
 const DEFAULT_COUNTRIES: Country[] = allCountries.map((c) => ({
@@ -74,6 +76,7 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
       listTitleStyle,
       countryCodeStyle,
       countryNameStyle,
+      isBottomSheet,
       ...rest
     },
     ref
@@ -109,6 +112,7 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
             countryCodeStyle={countryCodeStyle}
           />
         ),
+        isModal: isBottomSheet,
         snapPoints: ["80%"],
       });
     }, [
@@ -128,7 +132,7 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
             styles.selector,
             {
               backgroundColor: theme.inputBackground,
-              borderRightColor: theme.border, 
+              borderRightColor: theme.border,
             },
           ]}
           hitSlop={{ left: 30, top: 30, right: 30, bottom: 30 }}
@@ -148,11 +152,14 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
           />
         </TouchableOpacity>
       ),
-      [theme, sel, openCountryPicker] 
+      [theme, sel, openCountryPicker]
     );
 
+    const Input = isBottomSheet ? BottomSheetTextInput : CustomInput;
+
     return (
-      <CustomInput
+      <Input
+        //@ts-ignore
         ref={ref}
         label={label}
         value={value}

package/src/contexts/BottomSheetStackContext.tsx

@@ -6,7 +6,7 @@ export interface BottomSheetStackItem {
   snapPoints?: string[] | number[];
   initialSnapIndex?: number;
   dynamicSizing?: boolean;
-
+  isModal?: boolean;
   bottomSheetProps?: Partial<Omit<BottomSheetProps, "children">>;
 }
 

package/src/contexts/BottomSheetStackProvider.tsx

@@ -1,6 +1,8 @@
 import BottomSheet, {
   BottomSheetBackdrop,
   BottomSheetBackdropProps,
+  BottomSheetModal,
+  BottomSheetModalProvider,
 } from "@gorhom/bottom-sheet";
 import React, {
   ReactNode,
@@ -10,7 +12,7 @@ import React, {
   useRef,
   useState,
 } from "react";
-import { BackHandler, StyleSheet } from "react-native";
+import { BackHandler, StyleSheet, View } from "react-native";
 import Animated, { FadeIn, FadeOut } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import {
@@ -22,7 +24,10 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
   children,
 }) => {
   const [stack, setStack] = useState<BottomSheetStackItem[]>([]);
+
   const sheetRef = useRef<BottomSheet>(null);
+  const modalRef = useRef<BottomSheetModal>(null);
+
   const { top } = useSafeAreaInsets();
 
   const push = useCallback((item: BottomSheetStackItem) => {
@@ -31,6 +36,7 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
 
   const clear = useCallback(() => {
     sheetRef.current?.close();
+    modalRef.current?.dismiss();
     setStack([]);
   }, []);
 
@@ -43,7 +49,7 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
   }, [stack.length, clear]);
 
   const replace = useCallback((item: BottomSheetStackItem) => {
-    setStack((prev) => [...prev.slice(0, -1), item]);
+    setStack([item]);
   }, []);
 
   const currentItem = useMemo(() => stack[stack.length - 1], [stack]);
@@ -52,26 +58,30 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
 
   useEffect(() => {
     if (isOpen && currentItem) {
-      sheetRef.current?.snapToIndex(currentItem.initialSnapIndex ?? 0);
+      if (currentItem.isModal) {
+        sheetRef.current?.close();
+        modalRef.current?.present();
+      } else {
+        modalRef.current?.dismiss();
+        sheetRef.current?.snapToIndex(currentItem.initialSnapIndex ?? 0);
+      }
     }
 
     const backHandlerSubscription = BackHandler.addEventListener(
       "hardwareBackPress",
       () => {
+        if (!isOpen) return false;
         if (canGoBack) {
           pop();
-          return true;
+        } else {
+          clear();
         }
-        if (!canGoBack && stack.length === 1) {
-          sheetRef.current?.close();
-          return true;
-        }
-        return false;
+        return true;
       }
     );
 
     return () => backHandlerSubscription.remove();
-  }, [isOpen, canGoBack, currentItem, pop, stack]);
+  }, [isOpen, canGoBack, currentItem, pop, clear]);
 
   const AnimatedView = Animated.View;
   const enteringAnimation = FadeIn.duration(200);
@@ -82,7 +92,6 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
       <BottomSheetBackdrop
         {...props}
         disappearsOnIndex={-1}
-        style={[props.style, { backgroundColor: "rgba(0,0,0,0,1)" }]}
         appearsOnIndex={0}
         pressBehavior={"close"}
       />
@@ -90,50 +99,61 @@ export const BottomSheetStackProvider: React.FC<{ children: ReactNode }> = ({
     []
   );
 
-  return (
-    <BottomSheetStackContext.Provider
-      value={{ push, pop, replace, clear, canGoBack }}
+  const currentSheetContent = currentItem ? (
+    <AnimatedView
+      key={stack.length}
+      entering={enteringAnimation}
+      exiting={exitingAnimation}
+      style={styles.animatedView}
     >
-      {children}
-      <BottomSheet
-        {...currentItem?.bottomSheetProps}
-        ref={sheetRef}
-        index={-1}
-        snapPoints={currentItem?.snapPoints || ["100%"]}
-        enableDynamicSizing={currentItem?.dynamicSizing ?? false}
-        enablePanDownToClose
-        android_keyboardInputMode="adjustResize"
-        enableBlurKeyboardOnGesture
-        keyboardBlurBehavior="restore"
-        keyboardBehavior="fillParent"
-        onClose={clear}
-        backdropComponent={renderBackdrop}
-        topInset={top}
-        handleIndicatorStyle={{ backgroundColor: "#CCCCCC" }}
-        style={styles.sheetContainer}
+      {currentItem.component}
+    </AnimatedView>
+  ) : null;
+
+  return (
+    <BottomSheetModalProvider>
+      <BottomSheetStackContext.Provider
+        value={{ push, pop, replace, clear, canGoBack }}
       >
-        {currentItem && (
-          <AnimatedView
-            key={stack.length}
-            entering={enteringAnimation}
-            exiting={exitingAnimation}
-            style={styles.animatedView}
-          >
-            {currentItem.component}
-          </AnimatedView>
-        )}
-      </BottomSheet>
-    </BottomSheetStackContext.Provider>
+        {children}
+
+        <BottomSheet
+          {...currentItem?.bottomSheetProps}
+          ref={sheetRef}
+          index={-1}
+          snapPoints={currentItem?.isModal ? ["1%"] : (currentItem?.snapPoints || ["100%"])}
+          enablePanDownToClose
+          onClose={clear}
+          backdropComponent={renderBackdrop}
+          topInset={top}
+          handleIndicatorStyle={{ backgroundColor: "#CCCCCC" }}
+          style={styles.sheetContainer}
+        >
+          {!currentItem?.isModal ? currentSheetContent : <View />}
+        </BottomSheet>
+
+        <BottomSheetModal
+          {...currentItem?.bottomSheetProps}
+          ref={modalRef}
+          index={0}
+          snapPoints={currentItem?.isModal ? (currentItem?.snapPoints || ["100%"]) : ["1%"]}
+          onDismiss={clear}
+          topInset={top}
+          handleIndicatorStyle={{ backgroundColor: "#CCCCCC" }}
+          style={styles.sheetContainer}
+        >
+          {currentItem?.isModal ? currentSheetContent : <View />}
+        </BottomSheetModal>
+      </BottomSheetStackContext.Provider>
+    </BottomSheetModalProvider>
   );
 };
 
 const styles = StyleSheet.create({
   sheetContainer: {
-    // backgroundColor: "#FFFFFF",
-    // borderTopLeftRadius: 20,
-    // borderTopRightRadius: 20,
+    // Styles for the sheet container can be added here
   },
   animatedView: {
     flex: 1,
   },
-});
+});