dhre-ui-kit 0.0.278 → 0.0.280

package/lib/index.mjs

@@ -1,8 +1,9 @@
-import React, { createContext, useContext, useRef, useCallback, useState, useEffect, memo } from 'react';
+import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
 import { useSelector } from 'react-redux';
-import { Dimensions, StyleSheet, Text, Pressable, View, TextInput, ScrollView, Animated, Platform, FlatList, TouchableOpacity, Modal, Alert, Linking, PanResponder } from 'react-native';
-import BottomSheet, { BottomSheetView } from '@gorhom/bottom-sheet';
+import { Dimensions, StyleSheet, Text, Pressable, View, KeyboardAvoidingView, Platform, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Modal as Modal$1, Alert, Linking, PanResponder } from 'react-native';
 import { BlurView } from '@react-native-community/blur';
+import Modal from 'react-native-modal';
+import { moderateScale as moderateScale$1 } from 'src/utils/stylehelper';
 import LottieView from 'lottie-react-native';
 import Tooltip from 'react-native-walkthrough-tooltip';
 import Pdf from 'react-native-pdf';
@@ -657,53 +658,49 @@ const BottomDrawer = ({
   titleStyle,
   titleVariant = "B2_REGULAR",
   showHeader = true,
-  blurType = "light",
+  blurType,
   showSeparator = true
 }) => {
-  const bottomSheetRef = useRef(null);
-  const handleSheetChanges = useCallback(
-    (index) => {
-      if (index === -1) {
-        toggleModal();
-      }
-    },
-    [toggleModal]
-  );
   return /* @__PURE__ */ React.createElement(
-    BottomSheet,
+    Modal,
     {
-      ref: bottomSheetRef,
-      index: isModalVisible ? 0 : -1,
-      snapPoints: ["50%", "100%"],
-      onChange: handleSheetChanges,
-      enablePanDownToClose: true,
-      style: [styles$z.mainContainer, style]
+      isVisible: isModalVisible,
+      swipeDirection: "down",
+      onSwipeComplete: toggleModal,
+      style: { margin: 0 }
     },
-    /* @__PURE__ */ React.createElement(BottomSheetView, { style: [styles$z.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React.createElement(
-      BlurView,
-      {
-        style: [styles$z.blurView, blurViewStyle],
-        blurType,
-        blurAmount
-      }
-    ) : null, /* @__PURE__ */ React.createElement(View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React.createElement(React.Fragment, null, showSeparator && /* @__PURE__ */ React.createElement(View, { style: styles$z.separator }), /* @__PURE__ */ React.createElement(View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React.cloneElement(leftIcon, {
-      width: moderateScale(24),
-      height: moderateScale(24),
-      style: styles$z.leftIconStyle,
-      onPress: onLeftIconPress
-    }) : null, /* @__PURE__ */ React.createElement(
-      CustomTypography,
+    /* @__PURE__ */ React.createElement(
+      KeyboardAvoidingView,
       {
-        variant: titleVariant,
-        text: title,
-        style: { ...styles$z.title, ...titleStyle }
-      }
-    ), showRightIcon && rightIcon ? React.cloneElement(rightIcon, {
-      width: moderateScale(24),
-      height: moderateScale(24),
-      style: styles$z.rightIconStyle,
-      onPress: toggleModal
-    }) : null)), children))
+        behavior: Platform.OS === "ios" ? "padding" : "height",
+        style: { flex: 1 }
+      },
+      /* @__PURE__ */ React.createElement(View, { style: [styles$z.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React.createElement(
+        BlurView,
+        {
+          style: [styles$z.blurView, blurViewStyle],
+          blurType,
+          blurAmount
+        }
+      ) : null, /* @__PURE__ */ React.createElement(View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React.createElement(React.Fragment, null, showSeparator && /* @__PURE__ */ React.createElement(View, { style: styles$z.separator }), /* @__PURE__ */ React.createElement(View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React.cloneElement(leftIcon, {
+        width: moderateScale$1(24),
+        height: moderateScale$1(24),
+        style: styles$z.leftIconStyle,
+        onPress: onLeftIconPress
+      }) : null, /* @__PURE__ */ React.createElement(
+        CustomTypography,
+        {
+          variant: titleVariant,
+          text: title,
+          style: { ...styles$z.title, ...titleStyle }
+        }
+      ), showRightIcon && rightIcon ? React.cloneElement(rightIcon, {
+        width: moderateScale$1(24),
+        height: moderateScale$1(24),
+        style: styles$z.rightIconStyle,
+        onPress: toggleModal
+      }) : null)), children))
+    )
   );
 };
 
@@ -2723,7 +2720,7 @@ const ContactModal = ({
     }
   )));
   return /* @__PURE__ */ React.createElement(View, { style: styles$e.container }, /* @__PURE__ */ React.createElement(
-    Modal,
+    Modal$1,
     {
       animationType: "slide",
       transparent: true,