dhre-ui-kit 0.0.111 → 0.0.115

package/lib/index.mjs

@@ -1,4 +1,5 @@
-import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
+import * as React from 'react';
+import React__default, { 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';
@@ -249,7 +250,7 @@ const ThemeProvider = ({ children }) => {
     acc[key] = theme[key][mode];
     return acc;
   }, {});
-  return /* @__PURE__ */ React.createElement(ThemeContext.Provider, { value: { theme: filteredTheme } }, children);
+  return /* @__PURE__ */ React__default.createElement(ThemeContext.Provider, { value: { theme: filteredTheme } }, children);
 };
 const useTheme = () => {
   const context = useContext(ThemeContext);
@@ -260,7 +261,7 @@ const useTheme = () => {
 };
 
 const withThemeProvider = (Component) => {
-  return (props) => /* @__PURE__ */ React.createElement(ThemeProvider, null, /* @__PURE__ */ React.createElement(Component, { ...props }));
+  return (props) => /* @__PURE__ */ React__default.createElement(ThemeProvider, null, /* @__PURE__ */ React__default.createElement(Component, { ...props }));
 };
 
 const { width: width$1, height } = Dimensions.get("window");
@@ -324,7 +325,7 @@ const CustomTypography = ({
   ...props
 }) => {
   const textStyle = FONT_STYLES[variant];
-  return /* @__PURE__ */ React.createElement(Text, { testID, style: [textStyle, style], ...props }, text);
+  return /* @__PURE__ */ React__default.createElement(Text, { testID, style: [textStyle, style], ...props }, text);
 };
 
 const CustomText = ({
@@ -335,7 +336,7 @@ const CustomText = ({
   ...props
 }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant,
@@ -558,15 +559,15 @@ const Badge = ({
   iconStyle,
   handleIconPress
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       style: [styles$C.badge, commonStyles.centerRow, style],
       testID: "BADGE",
       onPress: handleIconPress
     },
-    iconName && /* @__PURE__ */ React.createElement(View, { style: [styles$C.icon, iconStyle] }, React.cloneElement(iconName)),
-    text && /* @__PURE__ */ React.createElement(
+    iconName && /* @__PURE__ */ React__default.createElement(View, { style: [styles$C.icon, iconStyle] }, React__default.cloneElement(iconName)),
+    text && /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "B3semiBold",
@@ -617,71 +618,65 @@ const styles$B = StyleSheet.create({
   rightIconStyle: { marginLeft: 8 }
 });
 
+var _path$2;
 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 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 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$2 || (_path$2 = /*#__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"
+  })));
+};
 
 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 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 SvgCaretLeft = function SvgCaretLeft(props) {
+  return /*#__PURE__*/React.createElement(Svg, _extends$2({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props));
+};
 
+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 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 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 _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 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"
-}));
+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"
+  })));
+};
 
 const BottomDrawer = ({
   isModalVisible,
@@ -696,8 +691,8 @@ const BottomDrawer = ({
   showBlurView = true,
   showLeftIcon = false,
   showRightIcon = true,
-  leftIcon = /* @__PURE__ */ React.createElement(ArrowLeft, null),
-  rightIcon = /* @__PURE__ */ React.createElement(CrossIcon, null),
+  leftIcon = /* @__PURE__ */ React__default.createElement(SvgArrowLeft, null),
+  rightIcon = /* @__PURE__ */ React__default.createElement(SvgCrossIcon, null),
   onLeftIconPress,
   titleStyle,
   titleVariant = "B2_REGULAR",
@@ -709,7 +704,7 @@ const BottomDrawer = ({
       toggleModal();
     }
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Modal,
     {
       animationType: "slide",
@@ -717,20 +712,20 @@ const BottomDrawer = ({
       visible: isModalVisible,
       onRequestClose: toggleModal
     },
-    /* @__PURE__ */ React.createElement(PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React__default.createElement(
       KeyboardAvoidingView,
       {
         behavior: Platform.OS === "ios" ? "padding" : "height",
         style: { flex: 1 }
       },
-      /* @__PURE__ */ React.createElement(View, { style: [styles$B.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(View, { style: [styles$B.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React__default.createElement(
         BlurView,
         {
           style: [styles$B.blurView, blurViewStyle],
           blurType: "light",
           blurAmount
         }
-      ) : 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(
+      ) : 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(
         CustomTypography,
         {
           variant: titleVariant,
@@ -759,7 +754,7 @@ const CustomButton = ({
   disableButtonTitleColor
 }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       testID,
@@ -773,8 +768,8 @@ const CustomButton = ({
       onPress,
       disabled
     },
-    imagePosition === "left" && leftIcon && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(leftIcon, { width: 20, height: 20 })),
-    /* @__PURE__ */ React.createElement(
+    imagePosition === "left" && leftIcon && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(leftIcon, { width: 20, height: 20 })),
+    /* @__PURE__ */ React__default.createElement(
       CustomText$1,
       {
         text: title,
@@ -788,7 +783,7 @@ const CustomButton = ({
         textColor: titleColor
       }
     ),
-    imagePosition === "right" && rightIcon && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(rightIcon, { width: 20, height: 20 }))
+    imagePosition === "right" && rightIcon && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(rightIcon, { width: 20, height: 20 }))
   );
 };
 const styles$A = StyleSheet.create({
@@ -868,42 +863,42 @@ const Cards = ({
   testID,
   onButtonPress
 }) => {
-  return /* @__PURE__ */ React.createElement(View, { testID, style: styles$z.container }, topLeftTitle ? /* @__PURE__ */ React.createElement(View, { style: styles$z.topLeft }, /* @__PURE__ */ React.createElement(
+  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(
     CustomTypography,
     {
       variant: "P2regular",
       style: styles$z.title,
       text: topLeftTitle
     }
-  )) : null, title ? /* @__PURE__ */ React.createElement(
+  )) : null, title ? /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "H6bold",
       style: styles$z.subTitleBelow,
       text: title
     }
-  ) : null, subtitle ? /* @__PURE__ */ React.createElement(
+  ) : null, subtitle ? /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "P3regular",
       style: styles$z.subtitle,
       text: subtitle
     }
-  ) : null, /* @__PURE__ */ React.createElement(View, { style: styles$z.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React.createElement(
+  ) : null, /* @__PURE__ */ React__default.createElement(View, { style: styles$z.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "P3regular",
       style: styles$z.subTitleLeftBelow,
       text: iconTitle
     }
-  ) : null), buttonShown ? /* @__PURE__ */ React.createElement(
+  ) : null), buttonShown ? /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       testID: "Button-Press",
       style: styles$z.button,
       onPress: onButtonPress
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "B2semiBold",
@@ -964,7 +959,7 @@ const Checkbox = ({
     setChecked(!checked);
     onCheck && onCheck(!checked);
   };
-  return /* @__PURE__ */ React.createElement(View, { testID, style: containerStyle }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { testID, style: containerStyle }, /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       testID: "Checkbox-Press",
@@ -972,8 +967,8 @@ const Checkbox = ({
       disabled: disable,
       style: styles$y.directionStyle
     },
-    /* @__PURE__ */ React.createElement(View, { style: styles$y.checkboxContainer }, React.cloneElement(checked ? checkedIcon : uncheckedIcon)),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(View, { style: styles$y.checkboxContainer }, React__default.cloneElement(checked ? checkedIcon : uncheckedIcon)),
+    /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: titleVariant,
@@ -1034,26 +1029,26 @@ const CustomDropdown$1 = ({
   downArrowIcon
 }) => {
   const [showOptions, setShowOptions] = useState(false);
-  return /* @__PURE__ */ React.createElement(View, { testID: testId }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { testID: testId }, /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "P3regular",
       style: styles$x.labelStyle,
       text: label
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       testID: `${testId}-BTN`,
       style: styles$x.dropDownStyle,
       onPress: () => setShowOptions(!showOptions)
     },
-    iconName && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(iconName, {
+    iconName && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(iconName, {
       width: moderateScale(24),
       height: moderateScale(24),
       style: styles$x.iconStyle
     })),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "P3regular",
@@ -1061,14 +1056,14 @@ const CustomDropdown$1 = ({
         text: selectedValue ? selectedValue.label : placeholder
       }
     ),
-    /* @__PURE__ */ React.createElement(View, null, showOptions ? React.cloneElement(upArrowIcon, {
+    /* @__PURE__ */ React__default.createElement(View, null, showOptions ? React__default.cloneElement(upArrowIcon, {
       width: moderateScale(24),
       height: moderateScale(24)
-    }) : React.cloneElement(downArrowIcon, {
+    }) : React__default.cloneElement(downArrowIcon, {
       width: moderateScale(24),
       height: moderateScale(24)
     }))
-  ), showOptions && /* @__PURE__ */ React.createElement(View, { style: styles$x.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React.createElement(
+  ), showOptions && /* @__PURE__ */ React__default.createElement(View, { style: styles$x.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       key: id,
@@ -1084,12 +1079,12 @@ const CustomDropdown$1 = ({
         }
       ]
     },
-    iconName && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(iconName, {
+    iconName && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(iconName, {
       width: moderateScale(24),
       height: moderateScale(24),
       style: styles$x.iconStyle
     })),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "P3regular",
@@ -1180,14 +1175,14 @@ const CustomTextInput = ({
   };
   const handleIconPress1 = () => setValue("");
   const handleIconPress2 = () => setIsSecureTextEntry(!isSecureTextEntry);
-  return /* @__PURE__ */ React.createElement(View, { testID }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { testID }, /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "P3medium",
       style: [styles$w.labelStyle, disabled && styles$w.disableTextStyle],
       text: label
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     View,
     {
       style: [
@@ -1202,12 +1197,12 @@ const CustomTextInput = ({
         }
       ]
     },
-    isSearchBar && searchIcon && React.cloneElement(searchIcon, {
+    isSearchBar && searchIcon && React__default.cloneElement(searchIcon, {
       width: moderateScale(24),
       height: moderateScale(24),
       style: styles$w.searchIconStyle
     }),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       TextInput,
       {
         ...props,
@@ -1224,15 +1219,15 @@ const CustomTextInput = ({
         secureTextEntry: isSecureTextEntry
       }
     ),
-    value && !multiline && rightIcon1 && React.cloneElement(rightIcon1, {
+    value && !multiline && rightIcon1 && React__default.cloneElement(rightIcon1, {
       onPress: handleIconPress1,
       testID: "icon1"
     }),
-    secureTextEntry && rightIcon2 && React.cloneElement(rightIcon2, {
+    secureTextEntry && rightIcon2 && React__default.cloneElement(rightIcon2, {
       onPress: handleIconPress2,
       testID: "icon2"
     })
-  ), (error || successMessage) && /* @__PURE__ */ React.createElement(
+  ), (error || successMessage) && /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       numberOfLines: 2,
@@ -1275,15 +1270,15 @@ const CustomTooltip = ({
   iconStyle,
   iconColor = DHRE_COLORS_TEXT.DH_BLACK
 }) => {
-  const defaultPopoverContent = /* @__PURE__ */ React.createElement(View, { style: styles$v.mesageContainer, testID: testId }, /* @__PURE__ */ React.createElement(
+  const defaultPopoverContent = /* @__PURE__ */ React__default.createElement(View, { style: styles$v.mesageContainer, testID: testId }, /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "P4regular",
       style: styles$v.messageStyle,
       text: message
     }
-  ), icon && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(icon, { fill: iconColor })));
-  return /* @__PURE__ */ React.createElement(
+  ), icon && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(icon, { fill: iconColor })));
+  return /* @__PURE__ */ React__default.createElement(
     Tooltip,
     {
       containerStyle: styles$v.tooltipContainerStyle,
@@ -1342,27 +1337,27 @@ const FileUpload = ({
   icon,
   iconStyle
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     View,
     {
       style: [styles$u.container, containerStyle],
       testID: "file-upload-container"
     },
-    /* @__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(
+    /* @__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(
       CustomTypography,
       {
         variant: "P4regular",
         style: styles$u.description,
         text: `Drop files directly here or `
       }
-    ), /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "P4regular",
         style: styles$u.browse,
         text: btnText
       }
-    ), /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         testID: "file-upload-description",
@@ -1371,14 +1366,14 @@ const FileUpload = ({
         text: ` from your device`
       }
     )),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Pressable,
       {
         style: styles$u.button,
         onPress: onUpload,
         testID: "file-upload-button"
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(
         CustomTypography,
         {
           variant: "B2semiBold",
@@ -1391,7 +1386,7 @@ const FileUpload = ({
 };
 
 const PdfView = (props) => {
-  return /* @__PURE__ */ React.createElement(Pdf, { ...props });
+  return /* @__PURE__ */ React__default.createElement(Pdf, { ...props });
 };
 
 const styles$t = StyleSheet.create({
@@ -1450,28 +1445,28 @@ const PopUp = ({
   leftButtonShown = false,
   rightButtonShown = false
 }) => {
-  return /* @__PURE__ */ React.createElement(View, { testID, style: styles$t.container }, title ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { testID, style: styles$t.container }, title ? /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       style: styles$t.subTitleBelow,
       variant: "H6semiBold",
       text: title
     }
-  ) : null, subtitle ? /* @__PURE__ */ React.createElement(
+  ) : null, subtitle ? /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       style: styles$t.subtitle,
       variant: "P3regular",
       text: subtitle
     }
-  ) : null, /* @__PURE__ */ React.createElement(View, { style: styles$t.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React.createElement(
+  ) : null, /* @__PURE__ */ React__default.createElement(View, { style: styles$t.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       testID: "Left-Button-Press",
       style: styles$t.buttonLeft,
       onPress: onButtonPress
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         style: styles$t.buttonLeftText,
@@ -1479,7 +1474,7 @@ const PopUp = ({
         text: buttonText
       }
     )
-  ) : null, rightButtonShown ? /* @__PURE__ */ React.createElement(Pressable, { style: styles$t.button, onPress: onButtonPress }, /* @__PURE__ */ React.createElement(
+  ) : null, rightButtonShown ? /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$t.button, onPress: onButtonPress }, /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       style: styles$t.buttonText,
@@ -1520,7 +1515,7 @@ const CustomProgressBar = ({
     return () => clearInterval(progressInterval);
   }, [progress, value, increment, interval]);
   const showPercentage = () => {
-    return /* @__PURE__ */ React.createElement(View, { style: styles$s.flexDirection }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(View, { style: styles$s.flexDirection }, /* @__PURE__ */ React__default.createElement(
       CustomText$1,
       {
         text: `${value}%`,
@@ -1528,7 +1523,7 @@ const CustomProgressBar = ({
         textColor: "CONTENT_PRIMARY",
         style: valueTextStyle
       }
-    ), percentageText ? /* @__PURE__ */ React.createElement(
+    ), percentageText ? /* @__PURE__ */ React__default.createElement(
       CustomText$1,
       {
         text: percentageText,
@@ -1540,7 +1535,7 @@ const CustomProgressBar = ({
   const renderProgressBar = () => {
     switch (type) {
       case ShapeType.LINE:
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ React__default.createElement(
           Progress.Bar,
           {
             progress: progress / 100,
@@ -1554,7 +1549,7 @@ const CustomProgressBar = ({
           }
         );
       case ShapeType.CIRCLE:
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ React__default.createElement(
           Progress.Circle,
           {
             progress: progress / 100,
@@ -1572,7 +1567,7 @@ const CustomProgressBar = ({
         return null;
     }
   };
-  return /* @__PURE__ */ React.createElement(View, { testID: "custom-progress-bar" }, renderProgressBar());
+  return /* @__PURE__ */ React__default.createElement(View, { testID: "custom-progress-bar" }, renderProgressBar());
 };
 const styles$s = StyleSheet.create({
   flexDirection: {
@@ -1605,19 +1600,19 @@ const splitRating = (rating) => {
 const drawStar = (starIndex, ratingArray, size, fullStarIcon, halfStarIcon, fullStarColor, emptyStarColor) => {
   const [fullStars, decimalPart] = ratingArray;
   if (starIndex <= fullStars) {
-    return React.cloneElement(fullStarIcon, {
+    return React__default.cloneElement(fullStarIcon, {
       style: { height: size, width: size },
       fill: fullStarColor,
       testID: `star-${starIndex}`
     });
   } else if (starIndex === fullStars + 1 && decimalPart >= 0.5) {
-    return React.cloneElement(halfStarIcon, {
+    return React__default.cloneElement(halfStarIcon, {
       style: { height: size, width: size },
       fill: fullStarColor,
       testID: `star-${starIndex}`
     });
   } else {
-    return React.cloneElement(fullStarIcon, {
+    return React__default.cloneElement(fullStarIcon, {
       style: { height: size, width: size },
       fill: emptyStarColor,
       testID: `star-${starIndex}`
@@ -1648,10 +1643,10 @@ const Star = ({
       emptyStarColor
     );
     stars.push(
-      /* @__PURE__ */ React.createElement(View, { key: i, style: [styles$r.star, starStyle] }, starType)
+      /* @__PURE__ */ React__default.createElement(View, { key: i, style: [styles$r.star, starStyle] }, starType)
     );
   }
-  return /* @__PURE__ */ React.createElement(View, { style: styles$r.container, testID: "star" }, stars);
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles$r.container, testID: "star" }, stars);
 };
 
 var styles$q = StyleSheet.create({
@@ -1696,7 +1691,7 @@ const Tabs = ({
       onSelectionChange(selectedTabs);
     }
   };
-  return /* @__PURE__ */ React.createElement(View, { style: [styles$q.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { style: [styles$q.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       key: id,
@@ -1707,7 +1702,7 @@ const Tabs = ({
       },
       onPress: () => handlePress(id)
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CustomText$1,
       {
         variant: FontStyle.L2_REGULAR,
@@ -1776,7 +1771,7 @@ const Tags = ({
     );
     handleTagsChange(tag);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     ScrollView,
     {
       testID,
@@ -1784,7 +1779,7 @@ const Tags = ({
       contentContainerStyle: styles$p.contentContainer,
       horizontal: false
     },
-    tags?.map((tag) => /* @__PURE__ */ React.createElement(
+    tags?.map((tag) => /* @__PURE__ */ React__default.createElement(
       Pressable,
       {
         testID: `${testID}-${tag}-BTN`,
@@ -1796,7 +1791,7 @@ const Tags = ({
           selectedTags.includes(tag) ? styles$p.selectedTag : styles$p.tagUnSelected
         ]
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(
         CustomTypography,
         {
           variant: selectedTags.includes(tag) ? "H9semiBold" : "P4regular",
@@ -1804,13 +1799,13 @@ const Tags = ({
           text: tag
         }
       ),
-      selectedTags.includes(tag) && icon && /* @__PURE__ */ React.createElement(
+      selectedTags.includes(tag) && icon && /* @__PURE__ */ React__default.createElement(
         Pressable,
         {
           testID: `${testID}-${tag}-PRESS`,
           onPress: () => removeTag(tag)
         },
-        React.cloneElement(icon, { style: [icon.props.style, iconStyle] })
+        React__default.cloneElement(icon, { style: [icon.props.style, iconStyle] })
       )
     ))
   );
@@ -1877,14 +1872,14 @@ const CustomSwitch = ({
   const animatedStyle = {
     transform: [{ translateX: animatedValue }]
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       onPress: toggleSwitch,
       style: [styles$o.container, { width }],
       testID: "custom-switch"
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       View,
       {
         style: [
@@ -1894,8 +1889,8 @@ const CustomSwitch = ({
           }
         ]
       },
-      /* @__PURE__ */ React.createElement(Animated.View, { style: [styles$o.thumb, animatedStyle] }),
-      type !== ToggleButtonType.SMALL && /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(Animated.View, { style: [styles$o.thumb, animatedStyle] }),
+      type !== ToggleButtonType.SMALL && /* @__PURE__ */ React__default.createElement(
         CustomTypography,
         {
           variant: "B3semiBold",
@@ -1965,13 +1960,13 @@ const Accordion = ({
     inputRange: [0, 1],
     outputRange: [0, contentHeight]
   });
-  return /* @__PURE__ */ React.createElement(View, { style: [styles$n.container, containerStyle], testID: testId }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { style: [styles$n.container, containerStyle], testID: testId }, /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       style: [styles$n.header, headerStyle, disabled && { opacity: 0.5 }],
       onPress: !disabled ? onToggle : void 0
     },
-    headerComponent ? headerComponent() : /* @__PURE__ */ React.createElement(
+    headerComponent ? headerComponent() : /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "B4_REGULAR",
@@ -1979,7 +1974,7 @@ const Accordion = ({
         style: [styles$n.title, titleStyle]
       }
     )
-  ), optionalElement ? optionalElement() : null, isOpen && /* @__PURE__ */ React.createElement(Animated.View, { style: [styles$n.content, { height: cardHeight }] }, /* @__PURE__ */ React.createElement(
+  ), optionalElement ? optionalElement() : null, isOpen && /* @__PURE__ */ React__default.createElement(Animated.View, { style: [styles$n.content, { height: cardHeight }] }, /* @__PURE__ */ React__default.createElement(
     View,
     {
       ref: contentRef,
@@ -2023,7 +2018,7 @@ const styles$m = StyleSheet.create({
   }
 });
 
-const Toast = React.forwardRef((_props, ref) => {
+const Toast = React__default.forwardRef((_props, ref) => {
   const [visible, setVisible] = useState(false);
   const [message, setMessage] = useState("");
   const [isSuccess, setIsSuccess] = useState(true);
@@ -2066,10 +2061,10 @@ const Toast = React.forwardRef((_props, ref) => {
       return () => clearInterval(interval);
     }
   }, [visible]);
-  React.useImperativeHandle(ref, () => ({
+  React__default.useImperativeHandle(ref, () => ({
     showToast
   }));
-  return visible ? /* @__PURE__ */ React.createElement(
+  return visible ? /* @__PURE__ */ React__default.createElement(
     Animated.View,
     {
       style: [
@@ -2079,21 +2074,21 @@ const Toast = React.forwardRef((_props, ref) => {
       ],
       testID: "TOAST"
     },
-    /* @__PURE__ */ React.createElement(View, { style: styles$m.toastContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$m.innerContainer }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(View, { style: styles$m.toastContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$m.innerContainer }, /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "L2_REGULAR",
         text: message,
         style: styles$m.messageText
       }
-    ), btnText && /* @__PURE__ */ React.createElement(
+    ), btnText && /* @__PURE__ */ React__default.createElement(
       Pressable,
       {
         style: styles$m.button,
         onPress: onBtnPress || void 0,
         testID: "TOAST-BTN"
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(
         CustomTypography,
         {
           variant: "L2_BOLD",
@@ -2102,7 +2097,7 @@ const Toast = React.forwardRef((_props, ref) => {
         }
       )
     ))),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Progress.Bar,
       {
         progress,
@@ -2147,14 +2142,14 @@ const CustomSearchBar = ({
   onCrossIconPress,
   handleOnChangeText,
   setValue,
-  rightIcon = /* @__PURE__ */ React.createElement(CrossIcon, null),
+  rightIcon = /* @__PURE__ */ React__default.createElement(SvgCrossIcon, null),
   disableBorderColor = "#4F4F4F",
   borderColor = "#FFFFFF",
   disablePlaceHolderStyle = "#686868",
   enablePlaceHolderStyle = "#A7A7A7",
   ...props
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     View,
     {
       testID,
@@ -2167,7 +2162,7 @@ const CustomSearchBar = ({
         inputContainerStyle
       ]
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Pressable,
       {
         onPress: () => {
@@ -2177,7 +2172,7 @@ const CustomSearchBar = ({
         style: searchIconStyle
       }
     ),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       TextInput,
       {
         ...props,
@@ -2192,7 +2187,7 @@ const CustomSearchBar = ({
         }
       }
     ),
-    value && /* @__PURE__ */ React.createElement(
+    value && /* @__PURE__ */ React__default.createElement(
       Pressable,
       {
         onPress: () => {
@@ -2201,7 +2196,7 @@ const CustomSearchBar = ({
         },
         style: crossIconStyle
       },
-      React.cloneElement(rightIcon, {
+      React__default.cloneElement(rightIcon, {
         // width: moderateScale(24),
         // height: moderateScale(24),
         style: [styles$l.crossIconStyle, crossIconStyle]
@@ -2235,21 +2230,31 @@ const styles$k = StyleSheet.create({
 const CustomHeader = ({
   title,
   testId = "CUSTOM-HEADER",
-  leftIcon = /* @__PURE__ */ React.createElement(CaretLeft, null),
-  rightIcon = /* @__PURE__ */ React.createElement(HeaderIcon, null),
+  leftIcon = /* @__PURE__ */ React__default.createElement(SvgCaretLeft, null),
+  rightIcon = /* @__PURE__ */ React__default.createElement(SvgDotsThreeVertical, null),
   showLeftIcon = true,
   showRightIcon = true,
   onLeftPress,
   onRightPress
 }) => {
-  return /* @__PURE__ */ React.createElement(View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React.createElement(View, { style: styles$k.headderContainer }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default.createElement(View, { style: styles$k.headderContainer }, showLeftIcon && React__default.cloneElement(leftIcon, {
+    width: moderateScale(24),
+    height: moderateScale(24),
+    onPress: onLeftPress,
+    style: styles$k.leftIconStyle
+  }), /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "B2_REGULAR",
       text: title,
       style: styles$k.headerTitle
     }
-  )), /* @__PURE__ */ React.createElement(CaretLeft, null), ",");
+  )), showRightIcon && React__default.cloneElement(rightIcon, {
+    width: moderateScale(24),
+    height: moderateScale(24),
+    onPress: onRightPress,
+    style: styles$k.rightIconStyle
+  }));
 };
 
 const styles$j = StyleSheet.create({
@@ -2308,7 +2313,7 @@ const SwipableList = (props) => {
     onPress,
     style,
     testID
-  }) => /* @__PURE__ */ React.createElement(
+  }) => /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       testID,
@@ -2316,7 +2321,7 @@ const SwipableList = (props) => {
       style: [styles$j.actionButton, style]
     },
     icon,
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: "L1_REGULAR",
@@ -2325,7 +2330,7 @@ const SwipableList = (props) => {
       }
     )
   );
-  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React.createElement(View, { style: [styles$j.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React.createElement(
+  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default.createElement(View, { style: [styles$j.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
     ActionButton,
     {
       icon: leftPrimaryActionIcon,
@@ -2334,7 +2339,7 @@ const SwipableList = (props) => {
       style: leftPrimaryActionStyle,
       testID: `${testId}-LEFT-PRIMARY-${item.id}`
     }
-  ), leftSecondaryActionIcon && /* @__PURE__ */ React.createElement(
+  ), leftSecondaryActionIcon && /* @__PURE__ */ React__default.createElement(
     ActionButton,
     {
       icon: leftSecondaryActionIcon,
@@ -2344,7 +2349,7 @@ const SwipableList = (props) => {
       testID: `${testId}-LEFT-SECONDARY-${item.id}`
     }
   ));
-  const rightActionHandle = (item) => /* @__PURE__ */ React.createElement(View, { style: [styles$j.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React.createElement(
+  const rightActionHandle = (item) => /* @__PURE__ */ React__default.createElement(View, { style: [styles$j.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
     ActionButton,
     {
       icon: rightPrimaryActionIcon,
@@ -2354,7 +2359,7 @@ const SwipableList = (props) => {
       testID: `${testId}-RIGHT-PRIMARY-${item.id}`
     }
   ));
-  const renderItem = ({ item }) => /* @__PURE__ */ React.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$j.container }, /* @__PURE__ */ React.createElement(
+  const renderItem = ({ item }) => /* @__PURE__ */ React__default.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$j.container }, /* @__PURE__ */ React__default.createElement(
     Swipeable,
     {
       renderLeftActions: () => leftActionHandle(
@@ -2369,13 +2374,13 @@ const SwipableList = (props) => {
     },
     props?.renderItem(item)
   ));
-  return /* @__PURE__ */ React.createElement(View, { testID: testId }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { testID: testId }, /* @__PURE__ */ React__default.createElement(
     FlatList,
     {
       data,
       renderItem,
       keyExtractor: (item) => item.id,
-      ItemSeparatorComponent: () => /* @__PURE__ */ React.createElement(View, { style: styles$j.seprator })
+      ItemSeparatorComponent: () => /* @__PURE__ */ React__default.createElement(View, { style: styles$j.seprator })
     }
   ));
 };
@@ -2399,7 +2404,7 @@ const CustomIcon = ({
   containerStyle,
   titleStyle
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       style: [styles$i.container, containerStyle],
@@ -2407,7 +2412,7 @@ const CustomIcon = ({
       testID: testId
     },
     icon,
-    title && /* @__PURE__ */ React.createElement(
+    title && /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: titleVariant,
@@ -2433,12 +2438,12 @@ const styles$h = StyleSheet.create({
 
 const CustomLoader = ({ loading }) => {
   if (!loading) return null;
-  return /* @__PURE__ */ React.createElement(View, { style: styles$h.container }, /* @__PURE__ */ React.createElement(ActivityIndicator, { size: "large", color: "#686868" }));
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles$h.container }, /* @__PURE__ */ React__default.createElement(ActivityIndicator, { size: "large", color: "#686868" }));
 };
 
 const HorizontalLine = ({ style }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     View,
     {
       style: [
@@ -2465,7 +2470,7 @@ const Topic = ({
   containterStyle
 }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     TouchableOpacity,
     {
       style: [
@@ -2475,15 +2480,15 @@ const Topic = ({
       ],
       onPress
     },
-    rightIcon && /* @__PURE__ */ React.createElement(View, { style: styles$f.rightIconContainer }, React.cloneElement(rightIcon)),
-    /* @__PURE__ */ React.createElement(View, { style: styles$f.textContainer }, subTitle && /* @__PURE__ */ React.createElement(
+    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(
       CustomText$1,
       {
         text: subTitle,
         variant: "L3_REGULAR",
         textColor: "CONTENT_PRIMARY"
       }
-    ), /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React__default.createElement(
       CustomText$1,
       {
         text: title,
@@ -2571,27 +2576,27 @@ const ContactModal = ({
     onClose();
   };
   const emailOptions = ["Mail", "Gmail", "Outlook"];
-  const renderEmailOptions = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  const renderEmailOptions = () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     CustomText$1,
     {
       style: styles$e.title,
       text: "Open email app",
       variant: "L2_REGULAR"
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     CustomText$1,
     {
       style: styles$e.subtitle,
       text: "Which app would you like to open?",
       variant: "L2_REGULAR"
     }
-  ), emailOptions.map((option) => /* @__PURE__ */ React.createElement(React.Fragment, { key: option }, /* @__PURE__ */ React.createElement(Line, null), /* @__PURE__ */ React.createElement(
+  ), emailOptions.map((option) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: option }, /* @__PURE__ */ React__default.createElement(Line, null), /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       onPress: () => handleOptionPress(),
       style: styles$e.optionButton
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CustomText$1,
       {
         style: styles$e.optionText,
@@ -2600,14 +2605,14 @@ const ContactModal = ({
       }
     )
   ))));
-  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(
+  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(
     CustomText$1,
     {
       style: styles$e.optionText,
       text: `Call ${phoneNumber}`,
       variant: "B3_BOLD"
     }
-  ))), /* @__PURE__ */ React.createElement(Pressable, { onPress: onClose, style: styles$e.cancelButton }, /* @__PURE__ */ React.createElement(
+  ))), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: onClose, style: styles$e.cancelButton }, /* @__PURE__ */ React__default.createElement(
     CustomText$1,
     {
       style: styles$e.cancelText,
@@ -2615,7 +2620,7 @@ const ContactModal = ({
       variant: "B2_REGULAR"
     }
   )));
-  return /* @__PURE__ */ React.createElement(View, { style: styles$e.container }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles$e.container }, /* @__PURE__ */ React__default.createElement(
     Modal,
     {
       animationType: "slide",
@@ -2623,7 +2628,7 @@ const ContactModal = ({
       visible,
       onRequestClose: onClose
     },
-    /* @__PURE__ */ React.createElement(View, { style: styles$e.modalContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$e.modalContent }, renderContent()))
+    /* @__PURE__ */ React__default.createElement(View, { style: styles$e.modalContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$e.modalContent }, renderContent()))
   ));
 };
 const styles$e = StyleSheet.create({
@@ -2746,7 +2751,7 @@ const DateRangePicker = (props) => {
     return markedDates;
   };
   const isButtonDisabled = !selectedRange.startDate || !selectedRange.endDate;
-  return /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, null, /* @__PURE__ */ React__default.createElement(
     Calendar,
     {
       markedDates: getMarkedDates(),
@@ -2766,7 +2771,7 @@ const DateRangePicker = (props) => {
       onDayPress,
       ...props
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     CustomButton$1,
     {
       title: "Apply",
@@ -2793,7 +2798,7 @@ const OurOfficesButton = ({
   descriptionColor = "CONTENT_SECONDARY"
 }) => {
   const { theme } = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     TouchableOpacity,
     {
       style: [
@@ -2803,8 +2808,8 @@ const OurOfficesButton = ({
       ],
       onPress
     },
-    leftIcon && /* @__PURE__ */ React.createElement(View, { style: styles$c.iconContainer }, React.cloneElement(leftIcon)),
-    /* @__PURE__ */ React.createElement(View, { style: styles$c.textContainer }, /* @__PURE__ */ React.createElement(
+    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(
       CustomText$1,
       {
         text: title,
@@ -2812,7 +2817,7 @@ const OurOfficesButton = ({
         textColor: titleColor,
         style: styles$c.textView
       }
-    ), /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React__default.createElement(
       CustomText$1,
       {
         text: description,
@@ -2821,7 +2826,7 @@ const OurOfficesButton = ({
         style: styles$c.flexWrap
       }
     )),
-    rightIcon && /* @__PURE__ */ React.createElement(View, { style: styles$c.rightIconContainer }, React.cloneElement(rightIcon))
+    rightIcon && /* @__PURE__ */ React__default.createElement(View, { style: styles$c.rightIconContainer }, React__default.cloneElement(rightIcon))
   );
 };
 const styles$c = StyleSheet.create({
@@ -2876,7 +2881,7 @@ const NotificationBandge = ({
   if (notificationCount <= 0) {
     return null;
   }
-  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)));
+  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)));
 };
 
 const ScrollableList = ({
@@ -2894,7 +2899,7 @@ const ScrollableList = ({
     data && data.length > 0 ? data[0].name : null
   );
   const { theme } = useTheme();
-  return /* @__PURE__ */ React.createElement(View, { style: [styles$a.container, containerStyle] }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { style: [styles$a.container, containerStyle] }, /* @__PURE__ */ React__default.createElement(
     ScrollView,
     {
       horizontal: true,
@@ -2904,7 +2909,7 @@ const ScrollableList = ({
         scrollViewContentStyle
       ]
     },
-    data?.map((item) => /* @__PURE__ */ React.createElement(
+    data?.map((item) => /* @__PURE__ */ React__default.createElement(
       Pressable,
       {
         key: item.value,
@@ -2921,7 +2926,7 @@ const ScrollableList = ({
           handleSelectCategory(item.name, item.value);
         }
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(
         CustomText$1,
         {
           text: item.name,
@@ -2929,7 +2934,7 @@ const ScrollableList = ({
           textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor
         }
       ),
-      item?.isError && /* @__PURE__ */ React.createElement(
+      item?.isError && /* @__PURE__ */ React__default.createElement(
         View,
         {
           style: [
@@ -3023,7 +3028,7 @@ const FeedbackForm = ({
   setFeedback
 }) => {
   const maxChars = 200;
-  return /* @__PURE__ */ React.createElement(View, { style: styles$9.container }, /* @__PURE__ */ React.createElement(Text, { style: styles$9.headerText }, title), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { style: styles$9.container }, /* @__PURE__ */ React__default.createElement(Text, { style: styles$9.headerText }, title), /* @__PURE__ */ React__default.createElement(
     TextInput,
     {
       style: [styles$9.textInput, { height: Math.max(100) }],
@@ -3034,7 +3039,7 @@ const FeedbackForm = ({
       value: feedback,
       onChangeText: (text) => setFeedback(text)
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     CustomText$1,
     {
       text: `${feedback.length}/${maxChars} characters`,
@@ -3042,14 +3047,14 @@ const FeedbackForm = ({
       textColor: "CONTENT_SECONDRY",
       style: styles$9.charCounter
     }
-  ), /* @__PURE__ */ React.createElement(View, { style: styles$9.buttonContainer }, /* @__PURE__ */ React.createElement(Pressable, { style: styles$9.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(View, { style: styles$9.buttonContainer }, /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$9.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React__default.createElement(
     CustomText$1,
     {
       text: "Send feedback",
       variant: "L1_REGULAR",
       textColor: "CONTENT_PRIMARY"
     }
-  )), /* @__PURE__ */ React.createElement(Pressable, { style: styles$9.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$9.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React__default.createElement(
     CustomText$1,
     {
       text: "Cancel",
@@ -3086,7 +3091,7 @@ const CountryDropDown = ({
     setCallingCode(`+${country.callingCode[0]}`);
     getCountryCode(`+${country.callingCode[0]}`);
   };
-  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(
+  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(
     CountryPicker,
     {
       withFilter: true,
@@ -3096,21 +3101,21 @@ const CountryDropDown = ({
       onSelect: handleSelect,
       visible: pickerVisible
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     Text,
     {
       onPress: () => setPickerVisible(true),
       style: [styles$8.callingCode, callingCodeStyle]
     },
     callingCode
-  )), /* @__PURE__ */ React.createElement(View, { style: styles$8.flex }, (isFocused || value) && /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React__default.createElement(View, { style: styles$8.flex }, (isFocused || value) && /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "L2_REGULAR",
       text: label ?? "",
       style: styles$8.floatingLabel
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     TextInput,
     {
       style: [styles$8.input, inputStyle],
@@ -3123,7 +3128,7 @@ const CountryDropDown = ({
       maxLength,
       placeholderTextColor: theme.CONTENT_SECONDRY["light"]
     }
-  ))), errorMessage ? /* @__PURE__ */ React.createElement(
+  ))), errorMessage ? /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "L2_REGULAR",
@@ -3199,7 +3204,7 @@ const CommonTextInput = ({
   handlePress,
   pointerEvents
 }) => {
-  return /* @__PURE__ */ React.createElement(Pressable, { onPress: handlePress, style: styles$7.container }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(Pressable, { onPress: handlePress, style: styles$7.container }, /* @__PURE__ */ React__default.createElement(
     TextInput$1,
     {
       mode: "outlined",
@@ -3224,7 +3229,7 @@ const CommonTextInput = ({
       editable,
       pointerEvents
     }
-  ), errorMessage ? /* @__PURE__ */ React.createElement(
+  ), errorMessage ? /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: "L2_REGULAR",
@@ -3289,7 +3294,7 @@ const CustomDropdown = ({
   const [isFocus, setIsFocus] = useState(false);
   const renderLabel = () => {
     if (value || isFocus) {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React__default.createElement(
         Text,
         {
           style: [
@@ -3311,7 +3316,7 @@ const CustomDropdown = ({
       onValueChange(newValue);
     }
   };
-  return /* @__PURE__ */ React.createElement(View, { style: [styles$6.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, { style: [styles$6.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React__default.createElement(
     Dropdown,
     {
       style: [
@@ -3429,20 +3434,20 @@ const CustomSwitchBtn = ({
   const toggleSwitch = () => {
     onValueChange(!value);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       disabled,
       onPress: toggleSwitch,
       style: { ...styles$5.mainContainer, ...containerStyle }
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Animated.View,
       {
         style: [styles$5.circle, { transform: [{ translateX }], ...circleStyle }]
       }
     ),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         style: [styles$5.activeText, value ? inActiveTextStyle : activeTextStyle],
@@ -3450,7 +3455,7 @@ const CustomSwitchBtn = ({
         variant: activeTextVariant
       }
     ),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         style: [
@@ -3502,7 +3507,7 @@ const TagsComponent = ({
     }
     return tagList;
   };
-  const renderTagItem = ({ item }) => /* @__PURE__ */ React.createElement(
+  const renderTagItem = ({ item }) => /* @__PURE__ */ React__default.createElement(
     Pressable,
     {
       onPress: () => handleTagPress?.(item.name),
@@ -3511,7 +3516,7 @@ const TagsComponent = ({
         selectedTag === item?.name ? styles$4.selectedTagButton : styles$4.unselectedTagButton
       ]
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Text,
       {
         style: [
@@ -3521,9 +3526,9 @@ const TagsComponent = ({
       },
       item?.name
     ),
-    selectedTag === item?.name && /* @__PURE__ */ React.createElement(Text, { style: styles$4.closeButton }, "\u2715")
+    selectedTag === item?.name && /* @__PURE__ */ React__default.createElement(Text, { style: styles$4.closeButton }, "\u2715")
   );
-  return /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(View, null, /* @__PURE__ */ React__default.createElement(
     FlatList,
     {
       data: reorderedTags(),
@@ -3639,7 +3644,7 @@ const CustomDocumentPicker = ({
   useCallback(() => {
     setDocDetails(void 0);
   }, []);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     View,
     {
       style: [
@@ -3649,14 +3654,14 @@ const CustomDocumentPicker = ({
         containerStyle
       ]
     },
-    /* @__PURE__ */ React.createElement(Pressable, { style: styles$3.innerContainer, onPress: pickDocument }, /* @__PURE__ */ React.createElement(View, { style: styles$3.titleContainer }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$3.innerContainer, onPress: pickDocument }, /* @__PURE__ */ React__default.createElement(View, { style: styles$3.titleContainer }, /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: FontStyle.L2_REGULAR,
         text: docDetails?.name ?? title,
         style: [{ color: theme.CONTENT_PRIMARY }, titleStyle]
       }
-    ), !docDetails && /* @__PURE__ */ React.createElement(
+    ), !docDetails && /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         variant: FontStyle.L3_REGULAR,
@@ -3664,7 +3669,7 @@ const CustomDocumentPicker = ({
         style: [{ color: theme.CONTENT_SECONDRY }, hintStyle]
       }
     )))
-  ), error && /* @__PURE__ */ React.createElement(
+  ), error && /* @__PURE__ */ React__default.createElement(
     CustomTypography,
     {
       variant: FontStyle.L2_REGULAR,
@@ -3700,7 +3705,7 @@ const styles$2 = StyleSheet.create({
   }
 });
 
-const OTPInput = React.forwardRef(
+const OTPInput = React__default.forwardRef(
   ({
     length = 4,
     onComplete,
@@ -3728,7 +3733,7 @@ const OTPInput = React.forwardRef(
         setIsResendOtpEnable(true);
       }, 5e3);
     };
-    React.useImperativeHandle(ref, () => ({
+    React__default.useImperativeHandle(ref, () => ({
       reset() {
         setOTP("");
       }
@@ -3759,7 +3764,7 @@ const OTPInput = React.forwardRef(
         onComplete?.(otp);
       }
     }, [otp]);
-    return /* @__PURE__ */ React.createElement(View, { style: { ...otpContainerStyle }, testID: testId }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(View, { style: { ...otpContainerStyle }, testID: testId }, /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         text: "OTP",
@@ -3769,7 +3774,7 @@ const OTPInput = React.forwardRef(
           textAlign: "left"
         }
       }
-    ), /* @__PURE__ */ React.createElement(View, { style: { ...styles$2.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React__default.createElement(View, { style: { ...styles$2.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React__default.createElement(
       TextInput,
       {
         key: index?.toString(),
@@ -3789,7 +3794,7 @@ const OTPInput = React.forwardRef(
         returnKeyType: otp.length === length ? "done" : "next",
         selectionColor: theme.CONTENT_PRIMARY
       }
-    ))), /* @__PURE__ */ React.createElement(View, { style: styles$2.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React.createElement(
+    ))), /* @__PURE__ */ React__default.createElement(View, { style: styles$2.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         text: errorMessage,
@@ -3798,7 +3803,7 @@ const OTPInput = React.forwardRef(
           color: theme.ERROR
         }
       }
-    ) : /* @__PURE__ */ React.createElement(View, null), /* @__PURE__ */ React.createElement(Pressable, { onPress: onClickResendOTP, disabled: !isResendOtpEnable }, /* @__PURE__ */ React.createElement(
+    ) : /* @__PURE__ */ React__default.createElement(View, null), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: onClickResendOTP, disabled: !isResendOtpEnable }, /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         text: "Resend OTP",
@@ -3940,18 +3945,18 @@ const Stepper = ({
       return { borderColor: theme.CONTENT_SECONDRY };
     }
   };
-  return /* @__PURE__ */ React.createElement(View, { style: { ...styles$1.stepperContainer, ...containerStyle } }, data?.map((item, index) => {
+  return /* @__PURE__ */ React__default.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.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       View,
       {
         key: index?.toString(),
         style: { ...styles$1.stepperWrapper, ...lastViewStyle }
       },
-      /* @__PURE__ */ React.createElement(View, { style: styles$1.stepperSeparatorContainer }, /* @__PURE__ */ React.createElement(View, { style: { ...stepCircleStyle } }, showStepCount && /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(View, { style: styles$1.stepperSeparatorContainer }, /* @__PURE__ */ React__default.createElement(View, { style: { ...stepCircleStyle } }, showStepCount && /* @__PURE__ */ React__default.createElement(
         CustomTypography,
         {
           text: item?.step,
@@ -3960,8 +3965,8 @@ const Stepper = ({
             color: theme.CONTENT_PRIMARY
           }
         }
-      )), index != data?.length - 1 && /* @__PURE__ */ React.createElement(View, { style: { ...styles$1.separator, ...dividerStyle } })),
-      /* @__PURE__ */ React.createElement(View, { style: styles$1.lableContainer }, /* @__PURE__ */ React.createElement(
+      )), 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(
         CustomTypography,
         {
           text: item?.label,
@@ -4042,7 +4047,7 @@ const CustomSlideButton = ({ label, onComplete }) => {
     })
   ).current;
   const { theme } = useTheme();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     View,
     {
       style: {
@@ -4050,7 +4055,7 @@ const CustomSlideButton = ({ label, onComplete }) => {
         backgroundColor: theme.SURFACE_INVERTED
       }
     },
-    /* @__PURE__ */ React.createElement(View, { style: styles.buttonTextCOntainer }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(View, { style: styles.buttonTextCOntainer }, /* @__PURE__ */ React__default.createElement(
       CustomTypography,
       {
         text: label,
@@ -4060,13 +4065,13 @@ const CustomSlideButton = ({ label, onComplete }) => {
         }
       }
     )),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Animated.View,
       {
         style: [styles.slider, { transform: [{ translateX: pan }] }],
         ...panResponder.panHandlers
       },
-      /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(
         View,
         {
           style: {