dhre-ui-kit 0.0.280 → 0.0.282

package/lib/index.mjs

@@ -1,9 +1,8 @@
 import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
 import { useSelector } from 'react-redux';
-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 { Dimensions, StyleSheet, Text, Pressable, View, Platform, KeyboardAvoidingView, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Modal as Modal$1, Alert, Linking, PanResponder } from 'react-native';
 import Modal from 'react-native-modal';
-import { moderateScale as moderateScale$1 } from 'src/utils/stylehelper';
+import Clipboard from '@react-native-clipboard/clipboard';
 import LottieView from 'lottie-react-native';
 import Tooltip from 'react-native-walkthrough-tooltip';
 import Pdf from 'react-native-pdf';
@@ -17,7 +16,6 @@ import { Dropdown } from 'react-native-element-dropdown';
 import DocumentPicker from 'react-native-document-picker';
 import RNFS from 'react-native-fs';
 import OTPVerify, { removeListener, startOtpListener } from 'react-native-otp-verify';
-import Clipboard from '@react-native-clipboard/clipboard';
 
 var ShapeType = /* @__PURE__ */ ((ShapeType2) => {
   ShapeType2["LINE"] = "line";
@@ -639,6 +637,11 @@ const styles$z = StyleSheet.create({
   rightIconStyle: { marginLeft: 8 }
 });
 
+const isIos = () => Platform.OS === "ios" /* ios */;
+const copyToClipboard = (textToCopy) => {
+  Clipboard.setString(textToCopy);
+};
+
 const BottomDrawer = ({
   isModalVisible,
   toggleModal,
@@ -647,9 +650,6 @@ const BottomDrawer = ({
   testID = "BOTTOM-DRAWER",
   style,
   modalContainerStyle,
-  blurAmount = 10,
-  blurViewStyle,
-  showBlurView = true,
   showLeftIcon = false,
   showRightIcon = true,
   leftIcon,
@@ -658,33 +658,29 @@ const BottomDrawer = ({
   titleStyle,
   titleVariant = "B2_REGULAR",
   showHeader = true,
-  blurType,
-  showSeparator = true
+  showSeparator = true,
+  showBlurView
 }) => {
+  const { theme } = useTheme();
   return /* @__PURE__ */ React.createElement(
     Modal,
     {
       isVisible: isModalVisible,
       swipeDirection: "down",
       onSwipeComplete: toggleModal,
+      backdropColor: theme.SURFACE_PRIMARY,
+      hasBackdrop: showBlurView,
       style: { margin: 0 }
     },
     /* @__PURE__ */ React.createElement(
       KeyboardAvoidingView,
       {
-        behavior: Platform.OS === "ios" ? "padding" : "height",
+        behavior: isIos() ? "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),
+      /* @__PURE__ */ React.createElement(View, { style: [styles$z.mainContainer, style], testID }, /* @__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(
@@ -695,8 +691,8 @@ const BottomDrawer = ({
           style: { ...styles$z.title, ...titleStyle }
         }
       ), showRightIcon && rightIcon ? React.cloneElement(rightIcon, {
-        width: moderateScale$1(24),
-        height: moderateScale$1(24),
+        width: moderateScale(24),
+        height: moderateScale(24),
         style: styles$z.rightIconStyle,
         onPress: toggleModal
       }) : null)), children))
@@ -4540,10 +4536,6 @@ const CustomSlideButton = React.forwardRef(
 );
 var index$2 = withThemeProvider(CustomSlideButton);
 
-const copyToClipboard = (textToCopy) => {
-  Clipboard.setString(textToCopy);
-};
-
 const styles$2 = StyleSheet.create({
   accordionContainer: {
     gap: verticalScale(8),