dhre-ui-kit 0.0.279 → 0.0.280

package/lib/index.mjs

@@ -1,12 +1,14 @@
 import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
 import { useSelector } from 'react-redux';
-import { Dimensions, StyleSheet, Text, Pressable, View, Modal, KeyboardAvoidingView, Platform, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Alert, Linking, PanResponder } from 'react-native';
-import { PanGestureHandler, GestureHandlerRootView, Swipeable } from 'react-native-gesture-handler';
+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';
 import * as Progress from 'react-native-progress';
+import { GestureHandlerRootView, Swipeable } from 'react-native-gesture-handler';
 import DeviceInfo from 'react-native-device-info';
 import { Calendar } from 'react-native-calendars';
 import CountryPicker from 'react-native-country-picker-modal';
@@ -656,24 +658,18 @@ const BottomDrawer = ({
   titleStyle,
   titleVariant = "B2_REGULAR",
   showHeader = true,
-  blurType = "light",
+  blurType,
   showSeparator = true
 }) => {
-  const onSwipDown = (event) => {
-    const { translationY } = event.nativeEvent;
-    if (translationY > 50) {
-      toggleModal();
-    }
-  };
   return /* @__PURE__ */ React.createElement(
     Modal,
     {
-      animationType: "slide",
-      transparent: true,
-      visible: isModalVisible,
-      onRequestClose: toggleModal
+      isVisible: isModalVisible,
+      swipeDirection: "down",
+      onSwipeComplete: toggleModal,
+      style: { margin: 0 }
     },
-    /* @__PURE__ */ React.createElement(PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(
       KeyboardAvoidingView,
       {
         behavior: Platform.OS === "ios" ? "padding" : "height",
@@ -687,8 +683,8 @@ const BottomDrawer = ({
           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),
+        width: moderateScale$1(24),
+        height: moderateScale$1(24),
         style: styles$z.leftIconStyle,
         onPress: onLeftIconPress
       }) : null, /* @__PURE__ */ React.createElement(
@@ -699,12 +695,12 @@ const BottomDrawer = ({
           style: { ...styles$z.title, ...titleStyle }
         }
       ), showRightIcon && rightIcon ? React.cloneElement(rightIcon, {
-        width: moderateScale(24),
-        height: moderateScale(24),
+        width: moderateScale$1(24),
+        height: moderateScale$1(24),
         style: styles$z.rightIconStyle,
         onPress: toggleModal
       }) : null)), children))
-    ))
+    )
   );
 };
 
@@ -2724,7 +2720,7 @@ const ContactModal = ({
     }
   )));
   return /* @__PURE__ */ React.createElement(View, { style: styles$e.container }, /* @__PURE__ */ React.createElement(
-    Modal,
+    Modal$1,
     {
       animationType: "slide",
       transparent: true,