dhre-ui-kit 0.0.110 → 0.0.111

package/lib/index.mjs

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import React__default, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
+import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
 import { useSelector } from 'react-redux';
 import { Dimensions, Text, StyleSheet, Pressable, View, Modal, KeyboardAvoidingView, Platform, TextInput, ScrollView, Animated, FlatList, ActivityIndicator, TouchableOpacity, Alert, Linking, PanResponder } from 'react-native';
 import { PanGestureHandler, GestureHandlerRootView, Swipeable } from 'react-native-gesture-handler';
@@ -250,7 +249,7 @@ const ThemeProvider = ({ children }) => {
     acc[key] = theme[key][mode];
     return acc;
   }, {});
-  return /* @__PURE__ */ React__default.createElement(ThemeContext.Provider, { value: { theme: filteredTheme } }, children);
+  return /* @__PURE__ */ React.createElement(ThemeContext.Provider, { value: { theme: filteredTheme } }, children);
 };
 const useTheme = () => {
   const context = useContext(ThemeContext);
@@ -261,7 +260,7 @@ const useTheme = () => {
 };
 
 const withThemeProvider = (Component) => {
-  return (props) => /* @__PURE__ */ React__default.createElement(ThemeProvider, null, /* @__PURE__ */ React__default.createElement(Component, { ...props }));
+  return (props) => /* @__PURE__ */ React.createElement(ThemeProvider, null, /* @__PURE__ */ React.createElement(Component, { ...props }));
 };
 
 const { width: width$1, height } = Dimensions.get("window");
@@ -325,7 +324,7 @@ const CustomTypography = ({
   ...props
 }) => {
   const textStyle = FONT_STYLES[variant];
-  return /* @__PURE__ */ React__default.createElement(Text, { testID, style: [textStyle, style], ...props }, text);
+  return /* @__PURE__ */ React.createElement(Text, { testID, style: [textStyle, style], ...props }, text);
 };
 
 const CustomText = ({
@@ -336,7 +335,7 @@ const CustomText = ({
   ...props
 }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant,
@@ -559,15 +558,15 @@ const Badge = ({
   iconStyle,
   handleIconPress
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Pressable,
     {
       style: [styles$C.badge, commonStyles.centerRow, style],
       testID: "BADGE",
       onPress: handleIconPress
     },
-    iconName && /* @__PURE__ */ React__default.createElement(View, { style: [styles$C.icon, iconStyle] }, React__default.cloneElement(iconName)),
-    text && /* @__PURE__ */ React__default.createElement(
+    iconName && /* @__PURE__ */ React.createElement(View, { style: [styles$C.icon, iconStyle] }, React.cloneElement(iconName)),
+    text && /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: "B3semiBold",
@@ -618,71 +617,71 @@ const styles$B = StyleSheet.create({
   rightIconStyle: { marginLeft: 8 }
 });
 
-var _path$3;
 function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
-var SvgCrossIcon = function SvgCrossIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 25,
-    fill: "none"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M17.657 8.032a.686.686 0 0 0-.97-.97L12 11.749 7.313 7.062a.686.686 0 1 0-.97.97l4.687 4.687-4.687 4.687a.686.686 0 1 0 .97.97L12 13.688l4.687 4.688a.686.686 0 1 0 .97-.97l-4.687-4.687z"
-  })));
-};
+var CrossIcon = ({
+  styles = {},
+  ...props
+}) => /*#__PURE__*/React.createElement("svg", _extends$3({
+  width: "24",
+  height: "25",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M17.657 8.032a.686.686 0 00-.97-.97L12 11.749 7.313 7.062a.686.686 0 10-.97.97l4.687 4.687-4.687 4.687a.686.686 0 10.97.97L12 13.688l4.687 4.688a.686.686 0 10.97-.97l-4.687-4.687 4.687-4.687z",
+  fill: "#fff"
+}));
 
-var _path$2;
 function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
-var SvgCaretLeft = function SvgCaretLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
-    stroke: "#fff",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 1.5,
-    d: "M15 19.5 7.5 12 15 4.5"
-  })));
-};
+var CaretLeft = ({
+  styles = {},
+  ...props
+}) => /*#__PURE__*/React.createElement("svg", _extends$2({
+  width: "24",
+  height: "24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M15 19.5L7.5 12 15 4.5",
+  stroke: "#fff",
+  strokeWidth: "1.5",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}));
 
-var _path$1, _path2;
 function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
-var SvgDotsThreeVertical = function SvgDotsThreeVertical(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    stroke: "#fff",
-    strokeWidth: 0.125,
-    d: "M13.438 6a1.438 1.438 0 1 1-2.876 0 1.438 1.438 0 0 1 2.876 0ZM13.438 12a1.438 1.438 0 1 1-2.876 0 1.438 1.438 0 0 1 2.876 0Z"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    d: "M12 19.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3"
-  })));
-};
+var HeaderIcon = ({
+  styles = {},
+  ...props
+}) => /*#__PURE__*/React.createElement("svg", _extends$1({
+  width: "24",
+  height: "24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M13.438 6a1.438 1.438 0 11-2.876 0 1.438 1.438 0 012.876 0zM13.438 12a1.438 1.438 0 11-2.876 0 1.438 1.438 0 012.876 0z",
+  fill: "#fff",
+  stroke: "#fff",
+  strokeWidth: ".125"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12 19.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z",
+  fill: "#fff"
+}));
 
-var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgArrowLeft = function SvgArrowLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fill: "#fff",
-    fillRule: "evenodd",
-    d: "M15.6 4.186a.774.774 0 0 1 .085 1.092L9.923 12l5.762 6.722a.774.774 0 0 1-1.176 1.008l-6.194-7.226a.774.774 0 0 1 0-1.008L14.51 4.27a.774.774 0 0 1 1.092-.084",
-    clipRule: "evenodd"
-  })));
-};
+var ArrowLeft = ({
+  styles = {},
+  ...props
+}) => /*#__PURE__*/React.createElement("svg", _extends({
+  width: "24",
+  height: "24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), /*#__PURE__*/React.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M15.6 4.186a.774.774 0 01.085 1.092L9.923 12l5.762 6.722a.774.774 0 01-1.176 1.008l-6.194-7.226a.774.774 0 010-1.008L14.51 4.27a.774.774 0 011.092-.084z",
+  fill: "#fff"
+}));
 
 const BottomDrawer = ({
   isModalVisible,
@@ -697,8 +696,8 @@ const BottomDrawer = ({
   showBlurView = true,
   showLeftIcon = false,
   showRightIcon = true,
-  leftIcon = /* @__PURE__ */ React__default.createElement(SvgArrowLeft, null),
-  rightIcon = /* @__PURE__ */ React__default.createElement(SvgCrossIcon, null),
+  leftIcon = /* @__PURE__ */ React.createElement(ArrowLeft, null),
+  rightIcon = /* @__PURE__ */ React.createElement(CrossIcon, null),
   onLeftIconPress,
   titleStyle,
   titleVariant = "B2_REGULAR",
@@ -710,7 +709,7 @@ const BottomDrawer = ({
       toggleModal();
     }
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Modal,
     {
       animationType: "slide",
@@ -718,20 +717,20 @@ const BottomDrawer = ({
       visible: isModalVisible,
       onRequestClose: toggleModal
     },
-    /* @__PURE__ */ React__default.createElement(PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React.createElement(
       KeyboardAvoidingView,
       {
         behavior: Platform.OS === "ios" ? "padding" : "height",
         style: { flex: 1 }
       },
-      /* @__PURE__ */ React__default.createElement(View, { style: [styles$B.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(View, { style: [styles$B.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React.createElement(
         BlurView,
         {
           style: [styles$B.blurView, blurViewStyle],
           blurType: "light",
           blurAmount
         }
-      ) : null, /* @__PURE__ */ React__default.createElement(View, { style: [styles$B.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(View, { style: styles$B.separator }), /* @__PURE__ */ React__default.createElement(View, { style: styles$B.headerContainer }, /* @__PURE__ */ React__default.createElement(
+      ) : null, /* @__PURE__ */ React.createElement(View, { style: [styles$B.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, { style: styles$B.separator }), /* @__PURE__ */ React.createElement(View, { style: styles$B.headerContainer }, /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
           variant: titleVariant,
@@ -760,7 +759,7 @@ const CustomButton = ({
   disableButtonTitleColor
 }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Pressable,
     {
       testID,
@@ -774,8 +773,8 @@ const CustomButton = ({
       onPress,
       disabled
     },
-    imagePosition === "left" && leftIcon && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(leftIcon, { width: 20, height: 20 })),
-    /* @__PURE__ */ React__default.createElement(
+    imagePosition === "left" && leftIcon && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(leftIcon, { width: 20, height: 20 })),
+    /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         text: title,
@@ -789,7 +788,7 @@ const CustomButton = ({
         textColor: titleColor
       }
     ),
-    imagePosition === "right" && rightIcon && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(rightIcon, { width: 20, height: 20 }))
+    imagePosition === "right" && rightIcon && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(rightIcon, { width: 20, height: 20 }))
   );
 };
 const styles$A = StyleSheet.create({
@@ -869,42 +868,42 @@ const Cards = ({
   testID,
   onButtonPress
 }) => {
-  return /* @__PURE__ */ React__default.createElement(View, { testID, style: styles$z.container }, topLeftTitle ? /* @__PURE__ */ React__default.createElement(View, { style: styles$z.topLeft }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { testID, style: styles$z.container }, topLeftTitle ? /* @__PURE__ */ React.createElement(View, { style: styles$z.topLeft }, /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "P2regular",
       style: styles$z.title,
       text: topLeftTitle
     }
-  )) : null, title ? /* @__PURE__ */ React__default.createElement(
+  )) : null, title ? /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "H6bold",
       style: styles$z.subTitleBelow,
       text: title
     }
-  ) : null, subtitle ? /* @__PURE__ */ React__default.createElement(
+  ) : null, subtitle ? /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "P3regular",
       style: styles$z.subtitle,
       text: subtitle
     }
-  ) : null, /* @__PURE__ */ React__default.createElement(View, { style: styles$z.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React__default.createElement(
+  ) : null, /* @__PURE__ */ React.createElement(View, { style: styles$z.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "P3regular",
       style: styles$z.subTitleLeftBelow,
       text: iconTitle
     }
-  ) : null), buttonShown ? /* @__PURE__ */ React__default.createElement(
+  ) : null), buttonShown ? /* @__PURE__ */ React.createElement(
     Pressable,
     {
       testID: "Button-Press",
       style: styles$z.button,
       onPress: onButtonPress
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: "B2semiBold",
@@ -965,7 +964,7 @@ const Checkbox = ({
     setChecked(!checked);
     onCheck && onCheck(!checked);
   };
-  return /* @__PURE__ */ React__default.createElement(View, { testID, style: containerStyle }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { testID, style: containerStyle }, /* @__PURE__ */ React.createElement(
     Pressable,
     {
       testID: "Checkbox-Press",
@@ -973,8 +972,8 @@ const Checkbox = ({
       disabled: disable,
       style: styles$y.directionStyle
     },
-    /* @__PURE__ */ React__default.createElement(View, { style: styles$y.checkboxContainer }, React__default.cloneElement(checked ? checkedIcon : uncheckedIcon)),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(View, { style: styles$y.checkboxContainer }, React.cloneElement(checked ? checkedIcon : uncheckedIcon)),
+    /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: titleVariant,
@@ -1035,26 +1034,26 @@ const CustomDropdown$1 = ({
   downArrowIcon
 }) => {
   const [showOptions, setShowOptions] = useState(false);
-  return /* @__PURE__ */ React__default.createElement(View, { testID: testId }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { testID: testId }, /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "P3regular",
       style: styles$x.labelStyle,
       text: label
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     Pressable,
     {
       testID: `${testId}-BTN`,
       style: styles$x.dropDownStyle,
       onPress: () => setShowOptions(!showOptions)
     },
-    iconName && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(iconName, {
+    iconName && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(iconName, {
       width: moderateScale(24),
       height: moderateScale(24),
       style: styles$x.iconStyle
     })),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: "P3regular",
@@ -1062,14 +1061,14 @@ const CustomDropdown$1 = ({
         text: selectedValue ? selectedValue.label : placeholder
       }
     ),
-    /* @__PURE__ */ React__default.createElement(View, null, showOptions ? React__default.cloneElement(upArrowIcon, {
+    /* @__PURE__ */ React.createElement(View, null, showOptions ? React.cloneElement(upArrowIcon, {
       width: moderateScale(24),
       height: moderateScale(24)
-    }) : React__default.cloneElement(downArrowIcon, {
+    }) : React.cloneElement(downArrowIcon, {
       width: moderateScale(24),
       height: moderateScale(24)
     }))
-  ), showOptions && /* @__PURE__ */ React__default.createElement(View, { style: styles$x.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React__default.createElement(
+  ), showOptions && /* @__PURE__ */ React.createElement(View, { style: styles$x.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React.createElement(
     Pressable,
     {
       key: id,
@@ -1085,12 +1084,12 @@ const CustomDropdown$1 = ({
         }
       ]
     },
-    iconName && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(iconName, {
+    iconName && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(iconName, {
       width: moderateScale(24),
       height: moderateScale(24),
       style: styles$x.iconStyle
     })),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: "P3regular",
@@ -1181,14 +1180,14 @@ const CustomTextInput = ({
   };
   const handleIconPress1 = () => setValue("");
   const handleIconPress2 = () => setIsSecureTextEntry(!isSecureTextEntry);
-  return /* @__PURE__ */ React__default.createElement(View, { testID }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { testID }, /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "P3medium",
       style: [styles$w.labelStyle, disabled && styles$w.disableTextStyle],
       text: label
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     View,
     {
       style: [
@@ -1203,12 +1202,12 @@ const CustomTextInput = ({
         }
       ]
     },
-    isSearchBar && searchIcon && React__default.cloneElement(searchIcon, {
+    isSearchBar && searchIcon && React.cloneElement(searchIcon, {
       width: moderateScale(24),
       height: moderateScale(24),
       style: styles$w.searchIconStyle
     }),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       TextInput,
       {
         ...props,
@@ -1225,15 +1224,15 @@ const CustomTextInput = ({
         secureTextEntry: isSecureTextEntry
       }
     ),
-    value && !multiline && rightIcon1 && React__default.cloneElement(rightIcon1, {
+    value && !multiline && rightIcon1 && React.cloneElement(rightIcon1, {
       onPress: handleIconPress1,
       testID: "icon1"
     }),
-    secureTextEntry && rightIcon2 && React__default.cloneElement(rightIcon2, {
+    secureTextEntry && rightIcon2 && React.cloneElement(rightIcon2, {
       onPress: handleIconPress2,
       testID: "icon2"
     })
-  ), (error || successMessage) && /* @__PURE__ */ React__default.createElement(
+  ), (error || successMessage) && /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       numberOfLines: 2,
@@ -1276,15 +1275,15 @@ const CustomTooltip = ({
   iconStyle,
   iconColor = DHRE_COLORS_TEXT.DH_BLACK
 }) => {
-  const defaultPopoverContent = /* @__PURE__ */ React__default.createElement(View, { style: styles$v.mesageContainer, testID: testId }, /* @__PURE__ */ React__default.createElement(
+  const defaultPopoverContent = /* @__PURE__ */ React.createElement(View, { style: styles$v.mesageContainer, testID: testId }, /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "P4regular",
       style: styles$v.messageStyle,
       text: message
     }
-  ), icon && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(icon, { fill: iconColor })));
-  return /* @__PURE__ */ React__default.createElement(
+  ), icon && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(icon, { fill: iconColor })));
+  return /* @__PURE__ */ React.createElement(
     Tooltip,
     {
       containerStyle: styles$v.tooltipContainerStyle,
@@ -1343,27 +1342,27 @@ const FileUpload = ({
   icon,
   iconStyle
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     View,
     {
       style: [styles$u.container, containerStyle],
       testID: "file-upload-container"
     },
-    /* @__PURE__ */ React__default.createElement(View, { style: styles$u.content }, /* @__PURE__ */ React__default.createElement(View, { style: [uploadImageStyling], testID: "file-upload-image" }, icon && React__default.cloneElement(icon, { style: [iconStyle] })), /* @__PURE__ */ React__default.createElement(CustomTypography, { variant: "H8bold", style: styles$u.title, text: title }), /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(View, { style: styles$u.content }, /* @__PURE__ */ React.createElement(View, { style: [uploadImageStyling], testID: "file-upload-image" }, icon && React.cloneElement(icon, { style: [iconStyle] })), /* @__PURE__ */ React.createElement(CustomTypography, { variant: "H8bold", style: styles$u.title, text: title }), /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: "P4regular",
         style: styles$u.description,
         text: `Drop files directly here or `
       }
-    ), /* @__PURE__ */ React__default.createElement(
+    ), /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: "P4regular",
         style: styles$u.browse,
         text: btnText
       }
-    ), /* @__PURE__ */ React__default.createElement(
+    ), /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         testID: "file-upload-description",
@@ -1372,14 +1371,14 @@ const FileUpload = ({
         text: ` from your device`
       }
     )),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       Pressable,
       {
         style: styles$u.button,
         onPress: onUpload,
         testID: "file-upload-button"
       },
-      /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
           variant: "B2semiBold",
@@ -1392,7 +1391,7 @@ const FileUpload = ({
 };
 
 const PdfView = (props) => {
-  return /* @__PURE__ */ React__default.createElement(Pdf, { ...props });
+  return /* @__PURE__ */ React.createElement(Pdf, { ...props });
 };
 
 const styles$t = StyleSheet.create({
@@ -1451,28 +1450,28 @@ const PopUp = ({
   leftButtonShown = false,
   rightButtonShown = false
 }) => {
-  return /* @__PURE__ */ React__default.createElement(View, { testID, style: styles$t.container }, title ? /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { testID, style: styles$t.container }, title ? /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       style: styles$t.subTitleBelow,
       variant: "H6semiBold",
       text: title
     }
-  ) : null, subtitle ? /* @__PURE__ */ React__default.createElement(
+  ) : null, subtitle ? /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       style: styles$t.subtitle,
       variant: "P3regular",
       text: subtitle
     }
-  ) : null, /* @__PURE__ */ React__default.createElement(View, { style: styles$t.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React__default.createElement(
+  ) : null, /* @__PURE__ */ React.createElement(View, { style: styles$t.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React.createElement(
     Pressable,
     {
       testID: "Left-Button-Press",
       style: styles$t.buttonLeft,
       onPress: onButtonPress
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         style: styles$t.buttonLeftText,
@@ -1480,7 +1479,7 @@ const PopUp = ({
         text: buttonText
       }
     )
-  ) : null, rightButtonShown ? /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$t.button, onPress: onButtonPress }, /* @__PURE__ */ React__default.createElement(
+  ) : null, rightButtonShown ? /* @__PURE__ */ React.createElement(Pressable, { style: styles$t.button, onPress: onButtonPress }, /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       style: styles$t.buttonText,
@@ -1521,7 +1520,7 @@ const CustomProgressBar = ({
     return () => clearInterval(progressInterval);
   }, [progress, value, increment, interval]);
   const showPercentage = () => {
-    return /* @__PURE__ */ React__default.createElement(View, { style: styles$s.flexDirection }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(View, { style: styles$s.flexDirection }, /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         text: `${value}%`,
@@ -1529,7 +1528,7 @@ const CustomProgressBar = ({
         textColor: "CONTENT_PRIMARY",
         style: valueTextStyle
       }
-    ), percentageText ? /* @__PURE__ */ React__default.createElement(
+    ), percentageText ? /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         text: percentageText,
@@ -1541,7 +1540,7 @@ const CustomProgressBar = ({
   const renderProgressBar = () => {
     switch (type) {
       case ShapeType.LINE:
-        return /* @__PURE__ */ React__default.createElement(
+        return /* @__PURE__ */ React.createElement(
           Progress.Bar,
           {
             progress: progress / 100,
@@ -1555,7 +1554,7 @@ const CustomProgressBar = ({
           }
         );
       case ShapeType.CIRCLE:
-        return /* @__PURE__ */ React__default.createElement(
+        return /* @__PURE__ */ React.createElement(
           Progress.Circle,
           {
             progress: progress / 100,
@@ -1573,7 +1572,7 @@ const CustomProgressBar = ({
         return null;
     }
   };
-  return /* @__PURE__ */ React__default.createElement(View, { testID: "custom-progress-bar" }, renderProgressBar());
+  return /* @__PURE__ */ React.createElement(View, { testID: "custom-progress-bar" }, renderProgressBar());
 };
 const styles$s = StyleSheet.create({
   flexDirection: {
@@ -1606,19 +1605,19 @@ const splitRating = (rating) => {
 const drawStar = (starIndex, ratingArray, size, fullStarIcon, halfStarIcon, fullStarColor, emptyStarColor) => {
   const [fullStars, decimalPart] = ratingArray;
   if (starIndex <= fullStars) {
-    return React__default.cloneElement(fullStarIcon, {
+    return React.cloneElement(fullStarIcon, {
       style: { height: size, width: size },
       fill: fullStarColor,
       testID: `star-${starIndex}`
     });
   } else if (starIndex === fullStars + 1 && decimalPart >= 0.5) {
-    return React__default.cloneElement(halfStarIcon, {
+    return React.cloneElement(halfStarIcon, {
       style: { height: size, width: size },
       fill: fullStarColor,
       testID: `star-${starIndex}`
     });
   } else {
-    return React__default.cloneElement(fullStarIcon, {
+    return React.cloneElement(fullStarIcon, {
       style: { height: size, width: size },
       fill: emptyStarColor,
       testID: `star-${starIndex}`
@@ -1649,10 +1648,10 @@ const Star = ({
       emptyStarColor
     );
     stars.push(
-      /* @__PURE__ */ React__default.createElement(View, { key: i, style: [styles$r.star, starStyle] }, starType)
+      /* @__PURE__ */ React.createElement(View, { key: i, style: [styles$r.star, starStyle] }, starType)
     );
   }
-  return /* @__PURE__ */ React__default.createElement(View, { style: styles$r.container, testID: "star" }, stars);
+  return /* @__PURE__ */ React.createElement(View, { style: styles$r.container, testID: "star" }, stars);
 };
 
 var styles$q = StyleSheet.create({
@@ -1697,7 +1696,7 @@ const Tabs = ({
       onSelectionChange(selectedTabs);
     }
   };
-  return /* @__PURE__ */ React__default.createElement(View, { style: [styles$q.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { style: [styles$q.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React.createElement(
     Pressable,
     {
       key: id,
@@ -1708,7 +1707,7 @@ const Tabs = ({
       },
       onPress: () => handlePress(id)
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         variant: FontStyle.L2_REGULAR,
@@ -1777,7 +1776,7 @@ const Tags = ({
     );
     handleTagsChange(tag);
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     ScrollView,
     {
       testID,
@@ -1785,7 +1784,7 @@ const Tags = ({
       contentContainerStyle: styles$p.contentContainer,
       horizontal: false
     },
-    tags?.map((tag) => /* @__PURE__ */ React__default.createElement(
+    tags?.map((tag) => /* @__PURE__ */ React.createElement(
       Pressable,
       {
         testID: `${testID}-${tag}-BTN`,
@@ -1797,7 +1796,7 @@ const Tags = ({
           selectedTags.includes(tag) ? styles$p.selectedTag : styles$p.tagUnSelected
         ]
       },
-      /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
           variant: selectedTags.includes(tag) ? "H9semiBold" : "P4regular",
@@ -1805,13 +1804,13 @@ const Tags = ({
           text: tag
         }
       ),
-      selectedTags.includes(tag) && icon && /* @__PURE__ */ React__default.createElement(
+      selectedTags.includes(tag) && icon && /* @__PURE__ */ React.createElement(
         Pressable,
         {
           testID: `${testID}-${tag}-PRESS`,
           onPress: () => removeTag(tag)
         },
-        React__default.cloneElement(icon, { style: [icon.props.style, iconStyle] })
+        React.cloneElement(icon, { style: [icon.props.style, iconStyle] })
       )
     ))
   );
@@ -1878,14 +1877,14 @@ const CustomSwitch = ({
   const animatedStyle = {
     transform: [{ translateX: animatedValue }]
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Pressable,
     {
       onPress: toggleSwitch,
       style: [styles$o.container, { width }],
       testID: "custom-switch"
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       View,
       {
         style: [
@@ -1895,8 +1894,8 @@ const CustomSwitch = ({
           }
         ]
       },
-      /* @__PURE__ */ React__default.createElement(Animated.View, { style: [styles$o.thumb, animatedStyle] }),
-      type !== ToggleButtonType.SMALL && /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(Animated.View, { style: [styles$o.thumb, animatedStyle] }),
+      type !== ToggleButtonType.SMALL && /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
           variant: "B3semiBold",
@@ -1966,13 +1965,13 @@ const Accordion = ({
     inputRange: [0, 1],
     outputRange: [0, contentHeight]
   });
-  return /* @__PURE__ */ React__default.createElement(View, { style: [styles$n.container, containerStyle], testID: testId }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { style: [styles$n.container, containerStyle], testID: testId }, /* @__PURE__ */ React.createElement(
     Pressable,
     {
       style: [styles$n.header, headerStyle, disabled && { opacity: 0.5 }],
       onPress: !disabled ? onToggle : void 0
     },
-    headerComponent ? headerComponent() : /* @__PURE__ */ React__default.createElement(
+    headerComponent ? headerComponent() : /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: "B4_REGULAR",
@@ -1980,7 +1979,7 @@ const Accordion = ({
         style: [styles$n.title, titleStyle]
       }
     )
-  ), optionalElement ? optionalElement() : null, isOpen && /* @__PURE__ */ React__default.createElement(Animated.View, { style: [styles$n.content, { height: cardHeight }] }, /* @__PURE__ */ React__default.createElement(
+  ), optionalElement ? optionalElement() : null, isOpen && /* @__PURE__ */ React.createElement(Animated.View, { style: [styles$n.content, { height: cardHeight }] }, /* @__PURE__ */ React.createElement(
     View,
     {
       ref: contentRef,
@@ -2024,7 +2023,7 @@ const styles$m = StyleSheet.create({
   }
 });
 
-const Toast = React__default.forwardRef((_props, ref) => {
+const Toast = React.forwardRef((_props, ref) => {
   const [visible, setVisible] = useState(false);
   const [message, setMessage] = useState("");
   const [isSuccess, setIsSuccess] = useState(true);
@@ -2067,10 +2066,10 @@ const Toast = React__default.forwardRef((_props, ref) => {
       return () => clearInterval(interval);
     }
   }, [visible]);
-  React__default.useImperativeHandle(ref, () => ({
+  React.useImperativeHandle(ref, () => ({
     showToast
   }));
-  return visible ? /* @__PURE__ */ React__default.createElement(
+  return visible ? /* @__PURE__ */ React.createElement(
     Animated.View,
     {
       style: [
@@ -2080,21 +2079,21 @@ const Toast = React__default.forwardRef((_props, ref) => {
       ],
       testID: "TOAST"
     },
-    /* @__PURE__ */ React__default.createElement(View, { style: styles$m.toastContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$m.innerContainer }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(View, { style: styles$m.toastContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$m.innerContainer }, /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: "L2_REGULAR",
         text: message,
         style: styles$m.messageText
       }
-    ), btnText && /* @__PURE__ */ React__default.createElement(
+    ), btnText && /* @__PURE__ */ React.createElement(
       Pressable,
       {
         style: styles$m.button,
         onPress: onBtnPress || void 0,
         testID: "TOAST-BTN"
       },
-      /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
           variant: "L2_BOLD",
@@ -2103,7 +2102,7 @@ const Toast = React__default.forwardRef((_props, ref) => {
         }
       )
     ))),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       Progress.Bar,
       {
         progress,
@@ -2148,14 +2147,14 @@ const CustomSearchBar = ({
   onCrossIconPress,
   handleOnChangeText,
   setValue,
-  rightIcon = /* @__PURE__ */ React__default.createElement(SvgCrossIcon, null),
+  rightIcon = /* @__PURE__ */ React.createElement(CrossIcon, null),
   disableBorderColor = "#4F4F4F",
   borderColor = "#FFFFFF",
   disablePlaceHolderStyle = "#686868",
   enablePlaceHolderStyle = "#A7A7A7",
   ...props
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     View,
     {
       testID,
@@ -2168,7 +2167,7 @@ const CustomSearchBar = ({
         inputContainerStyle
       ]
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       Pressable,
       {
         onPress: () => {
@@ -2178,7 +2177,7 @@ const CustomSearchBar = ({
         style: searchIconStyle
       }
     ),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       TextInput,
       {
         ...props,
@@ -2193,7 +2192,7 @@ const CustomSearchBar = ({
         }
       }
     ),
-    value && /* @__PURE__ */ React__default.createElement(
+    value && /* @__PURE__ */ React.createElement(
       Pressable,
       {
         onPress: () => {
@@ -2202,7 +2201,7 @@ const CustomSearchBar = ({
         },
         style: crossIconStyle
       },
-      React__default.cloneElement(rightIcon, {
+      React.cloneElement(rightIcon, {
         // width: moderateScale(24),
         // height: moderateScale(24),
         style: [styles$l.crossIconStyle, crossIconStyle]
@@ -2236,21 +2235,21 @@ const styles$k = StyleSheet.create({
 const CustomHeader = ({
   title,
   testId = "CUSTOM-HEADER",
-  leftIcon = /* @__PURE__ */ React__default.createElement(SvgCaretLeft, null),
-  rightIcon = /* @__PURE__ */ React__default.createElement(SvgDotsThreeVertical, null),
+  leftIcon = /* @__PURE__ */ React.createElement(CaretLeft, null),
+  rightIcon = /* @__PURE__ */ React.createElement(HeaderIcon, null),
   showLeftIcon = true,
   showRightIcon = true,
   onLeftPress,
   onRightPress
 }) => {
-  return /* @__PURE__ */ React__default.createElement(View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default.createElement(View, { style: styles$k.headderContainer }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React.createElement(View, { style: styles$k.headderContainer }, /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "B2_REGULAR",
       text: title,
       style: styles$k.headerTitle
     }
-  )), /* @__PURE__ */ React__default.createElement(SvgCaretLeft, null), ",");
+  )), /* @__PURE__ */ React.createElement(CaretLeft, null), ",");
 };
 
 const styles$j = StyleSheet.create({
@@ -2309,7 +2308,7 @@ const SwipableList = (props) => {
     onPress,
     style,
     testID
-  }) => /* @__PURE__ */ React__default.createElement(
+  }) => /* @__PURE__ */ React.createElement(
     Pressable,
     {
       testID,
@@ -2317,7 +2316,7 @@ const SwipableList = (props) => {
       style: [styles$j.actionButton, style]
     },
     icon,
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: "L1_REGULAR",
@@ -2326,7 +2325,7 @@ const SwipableList = (props) => {
       }
     )
   );
-  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default.createElement(View, { style: [styles$j.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
+  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React.createElement(View, { style: [styles$j.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React.createElement(
     ActionButton,
     {
       icon: leftPrimaryActionIcon,
@@ -2335,7 +2334,7 @@ const SwipableList = (props) => {
       style: leftPrimaryActionStyle,
       testID: `${testId}-LEFT-PRIMARY-${item.id}`
     }
-  ), leftSecondaryActionIcon && /* @__PURE__ */ React__default.createElement(
+  ), leftSecondaryActionIcon && /* @__PURE__ */ React.createElement(
     ActionButton,
     {
       icon: leftSecondaryActionIcon,
@@ -2345,7 +2344,7 @@ const SwipableList = (props) => {
       testID: `${testId}-LEFT-SECONDARY-${item.id}`
     }
   ));
-  const rightActionHandle = (item) => /* @__PURE__ */ React__default.createElement(View, { style: [styles$j.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
+  const rightActionHandle = (item) => /* @__PURE__ */ React.createElement(View, { style: [styles$j.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React.createElement(
     ActionButton,
     {
       icon: rightPrimaryActionIcon,
@@ -2355,7 +2354,7 @@ const SwipableList = (props) => {
       testID: `${testId}-RIGHT-PRIMARY-${item.id}`
     }
   ));
-  const renderItem = ({ item }) => /* @__PURE__ */ React__default.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$j.container }, /* @__PURE__ */ React__default.createElement(
+  const renderItem = ({ item }) => /* @__PURE__ */ React.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$j.container }, /* @__PURE__ */ React.createElement(
     Swipeable,
     {
       renderLeftActions: () => leftActionHandle(
@@ -2370,13 +2369,13 @@ const SwipableList = (props) => {
     },
     props?.renderItem(item)
   ));
-  return /* @__PURE__ */ React__default.createElement(View, { testID: testId }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { testID: testId }, /* @__PURE__ */ React.createElement(
     FlatList,
     {
       data,
       renderItem,
       keyExtractor: (item) => item.id,
-      ItemSeparatorComponent: () => /* @__PURE__ */ React__default.createElement(View, { style: styles$j.seprator })
+      ItemSeparatorComponent: () => /* @__PURE__ */ React.createElement(View, { style: styles$j.seprator })
     }
   ));
 };
@@ -2400,7 +2399,7 @@ const CustomIcon = ({
   containerStyle,
   titleStyle
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Pressable,
     {
       style: [styles$i.container, containerStyle],
@@ -2408,7 +2407,7 @@ const CustomIcon = ({
       testID: testId
     },
     icon,
-    title && /* @__PURE__ */ React__default.createElement(
+    title && /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: titleVariant,
@@ -2434,12 +2433,12 @@ const styles$h = StyleSheet.create({
 
 const CustomLoader = ({ loading }) => {
   if (!loading) return null;
-  return /* @__PURE__ */ React__default.createElement(View, { style: styles$h.container }, /* @__PURE__ */ React__default.createElement(ActivityIndicator, { size: "large", color: "#686868" }));
+  return /* @__PURE__ */ React.createElement(View, { style: styles$h.container }, /* @__PURE__ */ React.createElement(ActivityIndicator, { size: "large", color: "#686868" }));
 };
 
 const HorizontalLine = ({ style }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     View,
     {
       style: [
@@ -2466,7 +2465,7 @@ const Topic = ({
   containterStyle
 }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     TouchableOpacity,
     {
       style: [
@@ -2476,15 +2475,15 @@ const Topic = ({
       ],
       onPress
     },
-    rightIcon && /* @__PURE__ */ React__default.createElement(View, { style: styles$f.rightIconContainer }, React__default.cloneElement(rightIcon)),
-    /* @__PURE__ */ React__default.createElement(View, { style: styles$f.textContainer }, subTitle && /* @__PURE__ */ React__default.createElement(
+    rightIcon && /* @__PURE__ */ React.createElement(View, { style: styles$f.rightIconContainer }, React.cloneElement(rightIcon)),
+    /* @__PURE__ */ React.createElement(View, { style: styles$f.textContainer }, subTitle && /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         text: subTitle,
         variant: "L3_REGULAR",
         textColor: "CONTENT_PRIMARY"
       }
-    ), /* @__PURE__ */ React__default.createElement(
+    ), /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         text: title,
@@ -2572,27 +2571,27 @@ const ContactModal = ({
     onClose();
   };
   const emailOptions = ["Mail", "Gmail", "Outlook"];
-  const renderEmailOptions = () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  const renderEmailOptions = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       style: styles$e.title,
       text: "Open email app",
       variant: "L2_REGULAR"
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       style: styles$e.subtitle,
       text: "Which app would you like to open?",
       variant: "L2_REGULAR"
     }
-  ), emailOptions.map((option) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: option }, /* @__PURE__ */ React__default.createElement(Line, null), /* @__PURE__ */ React__default.createElement(
+  ), emailOptions.map((option) => /* @__PURE__ */ React.createElement(React.Fragment, { key: option }, /* @__PURE__ */ React.createElement(Line, null), /* @__PURE__ */ React.createElement(
     Pressable,
     {
       onPress: () => handleOptionPress(),
       style: styles$e.optionButton
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         style: styles$e.optionText,
@@ -2601,14 +2600,14 @@ const ContactModal = ({
       }
     )
   ))));
-  const renderContent = () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(View, { style: styles$e.viewContainer }, isMailOpen ? renderEmailOptions() : /* @__PURE__ */ React__default.createElement(Pressable, { onPress: handleCall, style: styles$e.optionButton }, /* @__PURE__ */ React__default.createElement(
+  const renderContent = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, { style: styles$e.viewContainer }, isMailOpen ? renderEmailOptions() : /* @__PURE__ */ React.createElement(Pressable, { onPress: handleCall, style: styles$e.optionButton }, /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       style: styles$e.optionText,
       text: `Call ${phoneNumber}`,
       variant: "B3_BOLD"
     }
-  ))), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: onClose, style: styles$e.cancelButton }, /* @__PURE__ */ React__default.createElement(
+  ))), /* @__PURE__ */ React.createElement(Pressable, { onPress: onClose, style: styles$e.cancelButton }, /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       style: styles$e.cancelText,
@@ -2616,7 +2615,7 @@ const ContactModal = ({
       variant: "B2_REGULAR"
     }
   )));
-  return /* @__PURE__ */ React__default.createElement(View, { style: styles$e.container }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { style: styles$e.container }, /* @__PURE__ */ React.createElement(
     Modal,
     {
       animationType: "slide",
@@ -2624,7 +2623,7 @@ const ContactModal = ({
       visible,
       onRequestClose: onClose
     },
-    /* @__PURE__ */ React__default.createElement(View, { style: styles$e.modalContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$e.modalContent }, renderContent()))
+    /* @__PURE__ */ React.createElement(View, { style: styles$e.modalContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$e.modalContent }, renderContent()))
   ));
 };
 const styles$e = StyleSheet.create({
@@ -2747,7 +2746,7 @@ const DateRangePicker = (props) => {
     return markedDates;
   };
   const isButtonDisabled = !selectedRange.startDate || !selectedRange.endDate;
-  return /* @__PURE__ */ React__default.createElement(View, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
     Calendar,
     {
       markedDates: getMarkedDates(),
@@ -2767,7 +2766,7 @@ const DateRangePicker = (props) => {
       onDayPress,
       ...props
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     CustomButton$1,
     {
       title: "Apply",
@@ -2794,7 +2793,7 @@ const OurOfficesButton = ({
   descriptionColor = "CONTENT_SECONDARY"
 }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     TouchableOpacity,
     {
       style: [
@@ -2804,8 +2803,8 @@ const OurOfficesButton = ({
       ],
       onPress
     },
-    leftIcon && /* @__PURE__ */ React__default.createElement(View, { style: styles$c.iconContainer }, React__default.cloneElement(leftIcon)),
-    /* @__PURE__ */ React__default.createElement(View, { style: styles$c.textContainer }, /* @__PURE__ */ React__default.createElement(
+    leftIcon && /* @__PURE__ */ React.createElement(View, { style: styles$c.iconContainer }, React.cloneElement(leftIcon)),
+    /* @__PURE__ */ React.createElement(View, { style: styles$c.textContainer }, /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         text: title,
@@ -2813,7 +2812,7 @@ const OurOfficesButton = ({
         textColor: titleColor,
         style: styles$c.textView
       }
-    ), /* @__PURE__ */ React__default.createElement(
+    ), /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         text: description,
@@ -2822,7 +2821,7 @@ const OurOfficesButton = ({
         style: styles$c.flexWrap
       }
     )),
-    rightIcon && /* @__PURE__ */ React__default.createElement(View, { style: styles$c.rightIconContainer }, React__default.cloneElement(rightIcon))
+    rightIcon && /* @__PURE__ */ React.createElement(View, { style: styles$c.rightIconContainer }, React.cloneElement(rightIcon))
   );
 };
 const styles$c = StyleSheet.create({
@@ -2877,7 +2876,7 @@ const NotificationBandge = ({
   if (notificationCount <= 0) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(View, { style: styles$b.iconContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$b.badge }, /* @__PURE__ */ React__default.createElement(Text, { style: [styles$b.badgeText] }, notificationCount > 99 ? "99+" : notificationCount)));
+  return /* @__PURE__ */ React.createElement(View, { style: styles$b.iconContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$b.badge }, /* @__PURE__ */ React.createElement(Text, { style: [styles$b.badgeText] }, notificationCount > 99 ? "99+" : notificationCount)));
 };
 
 const ScrollableList = ({
@@ -2895,7 +2894,7 @@ const ScrollableList = ({
     data && data.length > 0 ? data[0].name : null
   );
   const { theme } = useTheme();
-  return /* @__PURE__ */ React__default.createElement(View, { style: [styles$a.container, containerStyle] }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { style: [styles$a.container, containerStyle] }, /* @__PURE__ */ React.createElement(
     ScrollView,
     {
       horizontal: true,
@@ -2905,7 +2904,7 @@ const ScrollableList = ({
         scrollViewContentStyle
       ]
     },
-    data?.map((item) => /* @__PURE__ */ React__default.createElement(
+    data?.map((item) => /* @__PURE__ */ React.createElement(
       Pressable,
       {
         key: item.value,
@@ -2922,7 +2921,7 @@ const ScrollableList = ({
           handleSelectCategory(item.name, item.value);
         }
       },
-      /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(
         CustomText$1,
         {
           text: item.name,
@@ -2930,7 +2929,7 @@ const ScrollableList = ({
           textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor
         }
       ),
-      item?.isError && /* @__PURE__ */ React__default.createElement(
+      item?.isError && /* @__PURE__ */ React.createElement(
         View,
         {
           style: [
@@ -3024,7 +3023,7 @@ const FeedbackForm = ({
   setFeedback
 }) => {
   const maxChars = 200;
-  return /* @__PURE__ */ React__default.createElement(View, { style: styles$9.container }, /* @__PURE__ */ React__default.createElement(Text, { style: styles$9.headerText }, title), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { style: styles$9.container }, /* @__PURE__ */ React.createElement(Text, { style: styles$9.headerText }, title), /* @__PURE__ */ React.createElement(
     TextInput,
     {
       style: [styles$9.textInput, { height: Math.max(100) }],
@@ -3035,7 +3034,7 @@ const FeedbackForm = ({
       value: feedback,
       onChangeText: (text) => setFeedback(text)
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       text: `${feedback.length}/${maxChars} characters`,
@@ -3043,14 +3042,14 @@ const FeedbackForm = ({
       textColor: "CONTENT_SECONDRY",
       style: styles$9.charCounter
     }
-  ), /* @__PURE__ */ React__default.createElement(View, { style: styles$9.buttonContainer }, /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$9.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React.createElement(View, { style: styles$9.buttonContainer }, /* @__PURE__ */ React.createElement(Pressable, { style: styles$9.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       text: "Send feedback",
       variant: "L1_REGULAR",
       textColor: "CONTENT_PRIMARY"
     }
-  )), /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$9.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React.createElement(Pressable, { style: styles$9.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React.createElement(
     CustomText$1,
     {
       text: "Cancel",
@@ -3087,7 +3086,7 @@ const CountryDropDown = ({
     setCallingCode(`+${country.callingCode[0]}`);
     getCountryCode(`+${country.callingCode[0]}`);
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(View, { style: [styles$8.container, containerStyle] }, /* @__PURE__ */ React__default.createElement(View, { style: [styles$8.countryPickerContainer, countryPickerStyle] }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, { style: [styles$8.container, containerStyle] }, /* @__PURE__ */ React.createElement(View, { style: [styles$8.countryPickerContainer, countryPickerStyle] }, /* @__PURE__ */ React.createElement(
     CountryPicker,
     {
       withFilter: true,
@@ -3097,21 +3096,21 @@ const CountryDropDown = ({
       onSelect: handleSelect,
       visible: pickerVisible
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     Text,
     {
       onPress: () => setPickerVisible(true),
       style: [styles$8.callingCode, callingCodeStyle]
     },
     callingCode
-  )), /* @__PURE__ */ React__default.createElement(View, { style: styles$8.flex }, (isFocused || value) && /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React.createElement(View, { style: styles$8.flex }, (isFocused || value) && /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "L2_REGULAR",
       text: label ?? "",
       style: styles$8.floatingLabel
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React.createElement(
     TextInput,
     {
       style: [styles$8.input, inputStyle],
@@ -3124,7 +3123,7 @@ const CountryDropDown = ({
       maxLength,
       placeholderTextColor: theme.CONTENT_SECONDRY["light"]
     }
-  ))), errorMessage ? /* @__PURE__ */ React__default.createElement(
+  ))), errorMessage ? /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "L2_REGULAR",
@@ -3200,7 +3199,7 @@ const CommonTextInput = ({
   handlePress,
   pointerEvents
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Pressable, { onPress: handlePress, style: styles$7.container }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(Pressable, { onPress: handlePress, style: styles$7.container }, /* @__PURE__ */ React.createElement(
     TextInput$1,
     {
       mode: "outlined",
@@ -3225,7 +3224,7 @@ const CommonTextInput = ({
       editable,
       pointerEvents
     }
-  ), errorMessage ? /* @__PURE__ */ React__default.createElement(
+  ), errorMessage ? /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: "L2_REGULAR",
@@ -3290,7 +3289,7 @@ const CustomDropdown = ({
   const [isFocus, setIsFocus] = useState(false);
   const renderLabel = () => {
     if (value || isFocus) {
-      return /* @__PURE__ */ React__default.createElement(
+      return /* @__PURE__ */ React.createElement(
         Text,
         {
           style: [
@@ -3312,7 +3311,7 @@ const CustomDropdown = ({
       onValueChange(newValue);
     }
   };
-  return /* @__PURE__ */ React__default.createElement(View, { style: [styles$6.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, { style: [styles$6.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React.createElement(
     Dropdown,
     {
       style: [
@@ -3430,20 +3429,20 @@ const CustomSwitchBtn = ({
   const toggleSwitch = () => {
     onValueChange(!value);
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     Pressable,
     {
       disabled,
       onPress: toggleSwitch,
       style: { ...styles$5.mainContainer, ...containerStyle }
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       Animated.View,
       {
         style: [styles$5.circle, { transform: [{ translateX }], ...circleStyle }]
       }
     ),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         style: [styles$5.activeText, value ? inActiveTextStyle : activeTextStyle],
@@ -3451,7 +3450,7 @@ const CustomSwitchBtn = ({
         variant: activeTextVariant
       }
     ),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         style: [
@@ -3503,7 +3502,7 @@ const TagsComponent = ({
     }
     return tagList;
   };
-  const renderTagItem = ({ item }) => /* @__PURE__ */ React__default.createElement(
+  const renderTagItem = ({ item }) => /* @__PURE__ */ React.createElement(
     Pressable,
     {
       onPress: () => handleTagPress?.(item.name),
@@ -3512,7 +3511,7 @@ const TagsComponent = ({
         selectedTag === item?.name ? styles$4.selectedTagButton : styles$4.unselectedTagButton
       ]
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       Text,
       {
         style: [
@@ -3522,9 +3521,9 @@ const TagsComponent = ({
       },
       item?.name
     ),
-    selectedTag === item?.name && /* @__PURE__ */ React__default.createElement(Text, { style: styles$4.closeButton }, "\u2715")
+    selectedTag === item?.name && /* @__PURE__ */ React.createElement(Text, { style: styles$4.closeButton }, "\u2715")
   );
-  return /* @__PURE__ */ React__default.createElement(View, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
     FlatList,
     {
       data: reorderedTags(),
@@ -3640,7 +3639,7 @@ const CustomDocumentPicker = ({
   useCallback(() => {
     setDocDetails(void 0);
   }, []);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     View,
     {
       style: [
@@ -3650,14 +3649,14 @@ const CustomDocumentPicker = ({
         containerStyle
       ]
     },
-    /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$3.innerContainer, onPress: pickDocument }, /* @__PURE__ */ React__default.createElement(View, { style: styles$3.titleContainer }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(Pressable, { style: styles$3.innerContainer, onPress: pickDocument }, /* @__PURE__ */ React.createElement(View, { style: styles$3.titleContainer }, /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: FontStyle.L2_REGULAR,
         text: docDetails?.name ?? title,
         style: [{ color: theme.CONTENT_PRIMARY }, titleStyle]
       }
-    ), !docDetails && /* @__PURE__ */ React__default.createElement(
+    ), !docDetails && /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         variant: FontStyle.L3_REGULAR,
@@ -3665,7 +3664,7 @@ const CustomDocumentPicker = ({
         style: [{ color: theme.CONTENT_SECONDRY }, hintStyle]
       }
     )))
-  ), error && /* @__PURE__ */ React__default.createElement(
+  ), error && /* @__PURE__ */ React.createElement(
     CustomTypography,
     {
       variant: FontStyle.L2_REGULAR,
@@ -3701,7 +3700,7 @@ const styles$2 = StyleSheet.create({
   }
 });
 
-const OTPInput = React__default.forwardRef(
+const OTPInput = React.forwardRef(
   ({
     length = 4,
     onComplete,
@@ -3729,7 +3728,7 @@ const OTPInput = React__default.forwardRef(
         setIsResendOtpEnable(true);
       }, 5e3);
     };
-    React__default.useImperativeHandle(ref, () => ({
+    React.useImperativeHandle(ref, () => ({
       reset() {
         setOTP("");
       }
@@ -3760,7 +3759,7 @@ const OTPInput = React__default.forwardRef(
         onComplete?.(otp);
       }
     }, [otp]);
-    return /* @__PURE__ */ React__default.createElement(View, { style: { ...otpContainerStyle }, testID: testId }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(View, { style: { ...otpContainerStyle }, testID: testId }, /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         text: "OTP",
@@ -3770,7 +3769,7 @@ const OTPInput = React__default.forwardRef(
           textAlign: "left"
         }
       }
-    ), /* @__PURE__ */ React__default.createElement(View, { style: { ...styles$2.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React__default.createElement(
+    ), /* @__PURE__ */ React.createElement(View, { style: { ...styles$2.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React.createElement(
       TextInput,
       {
         key: index?.toString(),
@@ -3790,7 +3789,7 @@ const OTPInput = React__default.forwardRef(
         returnKeyType: otp.length === length ? "done" : "next",
         selectionColor: theme.CONTENT_PRIMARY
       }
-    ))), /* @__PURE__ */ React__default.createElement(View, { style: styles$2.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default.createElement(
+    ))), /* @__PURE__ */ React.createElement(View, { style: styles$2.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         text: errorMessage,
@@ -3799,7 +3798,7 @@ const OTPInput = React__default.forwardRef(
           color: theme.ERROR
         }
       }
-    ) : /* @__PURE__ */ React__default.createElement(View, null), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: onClickResendOTP, disabled: !isResendOtpEnable }, /* @__PURE__ */ React__default.createElement(
+    ) : /* @__PURE__ */ React.createElement(View, null), /* @__PURE__ */ React.createElement(Pressable, { onPress: onClickResendOTP, disabled: !isResendOtpEnable }, /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         text: "Resend OTP",
@@ -3941,18 +3940,18 @@ const Stepper = ({
       return { borderColor: theme.CONTENT_SECONDRY };
     }
   };
-  return /* @__PURE__ */ React__default.createElement(View, { style: { ...styles$1.stepperContainer, ...containerStyle } }, data?.map((item, index) => {
+  return /* @__PURE__ */ React.createElement(View, { style: { ...styles$1.stepperContainer, ...containerStyle } }, data?.map((item, index) => {
     const stepCircleStyle = renderCircleStyle(item?.status);
     const dividerStyle = renderDividerStyle(item?.status);
     const labelStyle = renderLableStyle(item?.status);
     const lastViewStyle = index === data?.length - 1 ? styles$1.lastStepWrapper : null;
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React.createElement(
       View,
       {
         key: index?.toString(),
         style: { ...styles$1.stepperWrapper, ...lastViewStyle }
       },
-      /* @__PURE__ */ React__default.createElement(View, { style: styles$1.stepperSeparatorContainer }, /* @__PURE__ */ React__default.createElement(View, { style: { ...stepCircleStyle } }, showStepCount && /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(View, { style: styles$1.stepperSeparatorContainer }, /* @__PURE__ */ React.createElement(View, { style: { ...stepCircleStyle } }, showStepCount && /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
           text: item?.step,
@@ -3961,8 +3960,8 @@ const Stepper = ({
             color: theme.CONTENT_PRIMARY
           }
         }
-      )), index != data?.length - 1 && /* @__PURE__ */ React__default.createElement(View, { style: { ...styles$1.separator, ...dividerStyle } })),
-      /* @__PURE__ */ React__default.createElement(View, { style: styles$1.lableContainer }, /* @__PURE__ */ React__default.createElement(
+      )), index != data?.length - 1 && /* @__PURE__ */ React.createElement(View, { style: { ...styles$1.separator, ...dividerStyle } })),
+      /* @__PURE__ */ React.createElement(View, { style: styles$1.lableContainer }, /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
           text: item?.label,
@@ -4043,7 +4042,7 @@ const CustomSlideButton = ({ label, onComplete }) => {
     })
   ).current;
   const { theme } = useTheme();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React.createElement(
     View,
     {
       style: {
@@ -4051,7 +4050,7 @@ const CustomSlideButton = ({ label, onComplete }) => {
         backgroundColor: theme.SURFACE_INVERTED
       }
     },
-    /* @__PURE__ */ React__default.createElement(View, { style: styles.buttonTextCOntainer }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(View, { style: styles.buttonTextCOntainer }, /* @__PURE__ */ React.createElement(
       CustomTypography,
       {
         text: label,
@@ -4061,13 +4060,13 @@ const CustomSlideButton = ({ label, onComplete }) => {
         }
       }
     )),
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React.createElement(
       Animated.View,
       {
         style: [styles.slider, { transform: [{ translateX: pan }] }],
         ...panResponder.panHandlers
       },
-      /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React.createElement(
         View,
         {
           style: {