dhre-ui-kit 0.0.193 → 0.0.195

package/lib/index.js

@@ -366,13 +366,13 @@ const CustomTypography = ({
     reactNative.Text,
     {
       testID,
-      style: [textStyle, styles$B.container, style],
+      style: [textStyle, styles$C.container, style],
       ...props
     },
     text
   );
 };
-const styles$B = reactNative.StyleSheet.create({
+const styles$C = reactNative.StyleSheet.create({
   container: { writingDirection: "auto", alignSelf: "flex-start" }
 });
 
@@ -583,7 +583,7 @@ const DHRE_COLORS_TEXT = {
   DH_LIGHTGREEN: "#00B578"
 };
 
-const styles$A = reactNative.StyleSheet.create({
+const styles$B = reactNative.StyleSheet.create({
   badge: {
     backgroundColor: DHRE_COLORS_ALERT.DH_SUCCESS_GREEN,
     borderRadius: 15,
@@ -610,16 +610,16 @@ const Badge = ({
   return /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Pressable,
     {
-      style: [styles$A.badge, commonStyles.centerRow, style],
+      style: [styles$B.badge, commonStyles.centerRow, style],
       testID: "BADGE",
       onPress: handleIconPress
     },
-    iconName && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$A.icon, iconStyle] }, React__default["default"].cloneElement(iconName)),
+    iconName && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$B.icon, iconStyle] }, React__default["default"].cloneElement(iconName)),
     text && /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         variant: "B3semiBold",
-        style: [styles$A.text, textStyle],
+        style: [styles$B.text, textStyle],
         text
       }
     )
@@ -627,7 +627,7 @@ const Badge = ({
 };
 var Badge$1 = withThemeProvider(Badge);
 
-const styles$z = reactNative.StyleSheet.create({
+const styles$A = reactNative.StyleSheet.create({
   mainContainer: {
     flex: 1,
     justifyContent: "flex-end"
@@ -707,36 +707,36 @@ const BottomDrawer = ({
         behavior: reactNative.Platform.OS === "ios" ? "padding" : "height",
         style: { flex: 1 }
       },
-      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React__default["default"].createElement(
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$A.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React__default["default"].createElement(
         blur.BlurView,
         {
-          style: [styles$z.blurView, blurViewStyle],
+          style: [styles$A.blurView, blurViewStyle],
           blurType,
           blurAmount
         }
-      ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
+      ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$A.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$A.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$A.headerContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
         width: moderateScale(24),
         height: moderateScale(24),
-        style: styles$z.leftIconStyle,
+        style: styles$A.leftIconStyle,
         onPress: onLeftIconPress
       }) : null, /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           variant: titleVariant,
           text: title,
-          style: { ...styles$z.title, ...titleStyle }
+          style: { ...styles$A.title, ...titleStyle }
         }
       ), showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
         width: moderateScale(24),
         height: moderateScale(24),
-        style: styles$z.rightIconStyle,
+        style: styles$A.rightIconStyle,
         onPress: toggleModal
       }) : null)), children))
     ))
   );
 };
 
-const styles$y = reactNative.StyleSheet.create({
+const styles$z = reactNative.StyleSheet.create({
   container: {
     flex: 1,
     justifyContent: "center",
@@ -751,7 +751,7 @@ const styles$y = reactNative.StyleSheet.create({
 
 const CustomLoader = ({ loading }) => {
   if (!loading) return null;
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$y.container }, /* @__PURE__ */ React__default["default"].createElement(reactNative.ActivityIndicator, { size: "large", color: "#686868" }));
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.container }, /* @__PURE__ */ React__default["default"].createElement(reactNative.ActivityIndicator, { size: "large", color: "#686868" }));
 };
 
 const CustomButton = ({
@@ -777,7 +777,7 @@ const CustomButton = ({
     {
       testID,
       style: [
-        styles$x.buttonContainer,
+        styles$y.buttonContainer,
         containerStyle,
         isLoading && {
           paddingVertical: verticalScale(22)
@@ -807,7 +807,7 @@ const CustomButton = ({
     imagePosition === "right" && rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: iconStyle }, React__default["default"].cloneElement(rightIcon, { width: 20, height: 20 }))
   );
 };
-const styles$x = reactNative.StyleSheet.create({
+const styles$y = reactNative.StyleSheet.create({
   buttonContainer: {
     flexDirection: "row",
     alignItems: "center",
@@ -819,7 +819,7 @@ const styles$x = reactNative.StyleSheet.create({
 });
 var CustomButton$1 = withThemeProvider(CustomButton);
 
-const styles$w = reactNative.StyleSheet.create({
+const styles$x = reactNative.StyleSheet.create({
   container: {
     padding: horizontalScale(20),
     marginHorizontal: horizontalScale(16),
@@ -884,53 +884,53 @@ const Cards = ({
   testID,
   onButtonPress
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID, style: styles$w.container }, topLeftTitle ? /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$w.topLeft }, /* @__PURE__ */ React__default["default"].createElement(
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID, style: styles$x.container }, topLeftTitle ? /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$x.topLeft }, /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       variant: "P2regular",
-      style: styles$w.title,
+      style: styles$x.title,
       text: topLeftTitle
     }
   )) : null, title ? /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       variant: "H6bold",
-      style: styles$w.subTitleBelow,
+      style: styles$x.subTitleBelow,
       text: title
     }
   ) : null, subtitle ? /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       variant: "P3regular",
-      style: styles$w.subtitle,
+      style: styles$x.subtitle,
       text: subtitle
     }
-  ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$w.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React__default["default"].createElement(
+  ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$x.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       variant: "P3regular",
-      style: styles$w.subTitleLeftBelow,
+      style: styles$x.subTitleLeftBelow,
       text: iconTitle
     }
   ) : null), buttonShown ? /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Pressable,
     {
       testID: "Button-Press",
-      style: styles$w.button,
+      style: styles$x.button,
       onPress: onButtonPress
     },
     /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         variant: "B2semiBold",
-        style: styles$w.buttonText,
+        style: styles$x.buttonText,
         text: buttonText
       }
     )
   ) : null);
 };
 
-const styles$v = reactNative.StyleSheet.create({
+const styles$w = reactNative.StyleSheet.create({
   checkboxContainer: {
     alignItems: "center",
     justifyContent: "center"
@@ -986,9 +986,9 @@ const Checkbox = ({
       testID: "Checkbox-Press",
       onPress: handlePress,
       disabled: disable,
-      style: styles$v.directionStyle
+      style: styles$w.directionStyle
     },
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$v.checkboxContainer }, React__default["default"].cloneElement(checked ? checkedIcon : uncheckedIcon)),
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$w.checkboxContainer }, React__default["default"].cloneElement(checked ? checkedIcon : uncheckedIcon)),
     /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
@@ -1000,7 +1000,7 @@ const Checkbox = ({
   ));
 };
 
-const styles$u = reactNative.StyleSheet.create({
+const styles$v = reactNative.StyleSheet.create({
   labelStyle: {
     color: DHRE_COLORS_TEXT.DH_TEXTLIGHT
   },
@@ -1054,26 +1054,26 @@ const CustomDropdown$1 = ({
     CustomTypography,
     {
       variant: "P3regular",
-      style: styles$u.labelStyle,
+      style: styles$v.labelStyle,
       text: label
     }
   ), /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Pressable,
     {
       testID: `${testId}-BTN`,
-      style: styles$u.dropDownStyle,
+      style: styles$v.dropDownStyle,
       onPress: () => setShowOptions(!showOptions)
     },
     iconName && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: iconStyle }, React__default["default"].cloneElement(iconName, {
       width: moderateScale(24),
       height: moderateScale(24),
-      style: styles$u.iconStyle
+      style: styles$v.iconStyle
     })),
     /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         variant: "P3regular",
-        style: styles$u.selectedValueStyle,
+        style: styles$v.selectedValueStyle,
         text: selectedValue ? selectedValue.label : placeholder
       }
     ),
@@ -1084,7 +1084,7 @@ const CustomDropdown$1 = ({
       width: moderateScale(24),
       height: moderateScale(24)
     }))
-  ), showOptions && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$u.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React__default["default"].createElement(
+  ), showOptions && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$v.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Pressable,
     {
       key: id,
@@ -1094,7 +1094,7 @@ const CustomDropdown$1 = ({
         oneSelect({ id, value, label: label2 });
       },
       style: [
-        styles$u.item,
+        styles$v.item,
         {
           backgroundColor: id === selectedValue?.id ? DHRE_COLORS_BG.DH_GREY1 : DHRE_COLORS_TEXT.DH_WHITE
         }
@@ -1103,7 +1103,7 @@ const CustomDropdown$1 = ({
     iconName && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: iconStyle }, React__default["default"].cloneElement(iconName, {
       width: moderateScale(24),
       height: moderateScale(24),
-      style: styles$u.iconStyle
+      style: styles$v.iconStyle
     })),
     /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
@@ -1118,7 +1118,7 @@ const CustomDropdown$1 = ({
   ))));
 };
 
-const styles$t = reactNative.StyleSheet.create({
+const styles$u = reactNative.StyleSheet.create({
   labelStyle: {
     color: DHRE_COLORS_TEXT.DH_TEXTDARK
   },
@@ -1200,18 +1200,18 @@ const CustomTextInput = ({
     CustomTypography,
     {
       variant: "P3medium",
-      style: [styles$t.labelStyle, disabled && styles$t.disableTextStyle],
+      style: [styles$u.labelStyle, disabled && styles$u.disableTextStyle],
       text: label
     }
   ), /* @__PURE__ */ React__default["default"].createElement(
     reactNative.View,
     {
       style: [
-        styles$t.inputContainer,
-        isFocused && styles$t.inputFocused,
-        error && styles$t.inputError,
-        disabled && styles$t.disableInputStyle,
-        successMessage ? styles$t.inputSucess : {},
+        styles$u.inputContainer,
+        isFocused && styles$u.inputFocused,
+        error && styles$u.inputError,
+        disabled && styles$u.disableInputStyle,
+        successMessage ? styles$u.inputSucess : {},
         {
           height: multiline ? 120 : 48,
           alignItems: multiline ? "flex-start" : "center"
@@ -1221,7 +1221,7 @@ const CustomTextInput = ({
     isSearchBar && searchIcon && React__default["default"].cloneElement(searchIcon, {
       width: moderateScale(24),
       height: moderateScale(24),
-      style: styles$t.searchIconStyle
+      style: styles$u.searchIconStyle
     }),
     /* @__PURE__ */ React__default["default"].createElement(
       reactNative.TextInput,
@@ -1229,7 +1229,7 @@ const CustomTextInput = ({
         ...props,
         onFocus,
         onBlur,
-        style: styles$t.input,
+        style: styles$u.input,
         placeholderTextColor: DHRE_COLORS_TEXT.DH_TEXTLIGHTEST,
         editable: !disabled,
         value,
@@ -1285,7 +1285,7 @@ const CustomTooltip = ({
   );
 };
 
-const styles$s = reactNative.StyleSheet.create({
+const styles$t = reactNative.StyleSheet.create({
   container: {
     backgroundColor: DHRE_COLORS_TEXT.DH_BLACK,
     paddingHorizontal: horizontalScale(16),
@@ -1335,21 +1335,21 @@ const FileUpload = ({
   return /* @__PURE__ */ React__default["default"].createElement(
     reactNative.View,
     {
-      style: [styles$s.container, containerStyle],
+      style: [styles$t.container, containerStyle],
       testID: "file-upload-container"
     },
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$s.content }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [uploadImageStyling], testID: "file-upload-image" }, icon && React__default["default"].cloneElement(icon, { style: [iconStyle] })), /* @__PURE__ */ React__default["default"].createElement(CustomTypography, { variant: "H8bold", style: styles$s.title, text: title }), /* @__PURE__ */ React__default["default"].createElement(
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$t.content }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [uploadImageStyling], testID: "file-upload-image" }, icon && React__default["default"].cloneElement(icon, { style: [iconStyle] })), /* @__PURE__ */ React__default["default"].createElement(CustomTypography, { variant: "H8bold", style: styles$t.title, text: title }), /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         variant: "P4regular",
-        style: styles$s.description,
+        style: styles$t.description,
         text: `Drop files directly here or `
       }
     ), /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         variant: "P4regular",
-        style: styles$s.browse,
+        style: styles$t.browse,
         text: btnText
       }
     ), /* @__PURE__ */ React__default["default"].createElement(
@@ -1357,14 +1357,14 @@ const FileUpload = ({
       {
         testID: "file-upload-description",
         variant: "P4regular",
-        style: styles$s.description,
+        style: styles$t.description,
         text: ` from your device`
       }
     )),
     /* @__PURE__ */ React__default["default"].createElement(
       reactNative.Pressable,
       {
-        style: styles$s.button,
+        style: styles$t.button,
         onPress: onUpload,
         testID: "file-upload-button"
       },
@@ -1372,7 +1372,7 @@ const FileUpload = ({
         CustomTypography,
         {
           variant: "B2semiBold",
-          style: styles$s.buttonText,
+          style: styles$t.buttonText,
           text: btnText
         }
       )
@@ -1384,7 +1384,7 @@ const PdfView = (props) => {
   return /* @__PURE__ */ React__default["default"].createElement(Pdf__default["default"], { ...props });
 };
 
-const styles$r = reactNative.StyleSheet.create({
+const styles$s = reactNative.StyleSheet.create({
   container: {
     padding: horizontalScale(20),
     marginHorizontal: horizontalScale(16),
@@ -1440,39 +1440,39 @@ const PopUp = ({
   leftButtonShown = false,
   rightButtonShown = false
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID, style: styles$r.container }, title ? /* @__PURE__ */ React__default["default"].createElement(
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID, style: styles$s.container }, title ? /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
-      style: styles$r.subTitleBelow,
+      style: styles$s.subTitleBelow,
       variant: "H6semiBold",
       text: title
     }
   ) : null, subtitle ? /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
-      style: styles$r.subtitle,
+      style: styles$s.subtitle,
       variant: "P3regular",
       text: subtitle
     }
-  ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$r.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React__default["default"].createElement(
+  ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$s.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Pressable,
     {
       testID: "Left-Button-Press",
-      style: styles$r.buttonLeft,
+      style: styles$s.buttonLeft,
       onPress: onButtonPress
     },
     /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
-        style: styles$r.buttonLeftText,
+        style: styles$s.buttonLeftText,
         variant: "B2semiBold",
         text: buttonText
       }
     )
-  ) : null, rightButtonShown ? /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$r.button, onPress: onButtonPress }, /* @__PURE__ */ React__default["default"].createElement(
+  ) : null, rightButtonShown ? /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$s.button, onPress: onButtonPress }, /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
-      style: styles$r.buttonText,
+      style: styles$s.buttonText,
       variant: "B2semiBold",
       text: buttonText
     }
@@ -1510,7 +1510,7 @@ const CustomProgressBar = ({
     return () => clearInterval(progressInterval);
   }, [progress, value, increment, interval]);
   const showPercentage = () => {
-    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$q.flexDirection }, /* @__PURE__ */ React__default["default"].createElement(
+    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$r.flexDirection }, /* @__PURE__ */ React__default["default"].createElement(
       CustomText$1,
       {
         text: `${value}%`,
@@ -1564,7 +1564,7 @@ const CustomProgressBar = ({
   };
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID: "custom-progress-bar" }, renderProgressBar());
 };
-const styles$q = reactNative.StyleSheet.create({
+const styles$r = reactNative.StyleSheet.create({
   flexDirection: {
     flexDirection: "column",
     justifyContent: "center",
@@ -1572,7 +1572,7 @@ const styles$q = reactNative.StyleSheet.create({
   }
 });
 
-const styles$p = reactNative.StyleSheet.create({
+const styles$q = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center"
@@ -1638,13 +1638,13 @@ const Star = ({
       emptyStarColor
     );
     stars.push(
-      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { key: i, style: [styles$p.star, starStyle] }, starType)
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { key: i, style: [styles$q.star, starStyle] }, starType)
     );
   }
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$p.container, testID: "star" }, stars);
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$q.container, testID: "star" }, stars);
 };
 
-var styles$o = reactNative.StyleSheet.create({
+var styles$p = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     gap: horizontalScale(5),
@@ -1686,12 +1686,12 @@ const Tabs = ({
       onSelectionChange(selectedTabs);
     }
   };
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$o.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React__default["default"].createElement(
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$p.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Pressable,
     {
       key: id,
       style: {
-        ...styles$o.button,
+        ...styles$p.button,
         backgroundColor: isSelected ? theme.CONTENT_PRIMARY : theme.CONTENT_INVERTED,
         borderColor: isSelected ? theme.CONTENT_INVERTED : theme.CONTENT_SECONDRY
       },
@@ -1711,7 +1711,7 @@ const Tabs = ({
 };
 var Tabs$1 = withThemeProvider(Tabs);
 
-const styles$n = reactNative.StyleSheet.create({
+const styles$o = reactNative.StyleSheet.create({
   container: {
     width: "100%"
   },
@@ -1770,8 +1770,8 @@ const Tags = ({
     reactNative.ScrollView,
     {
       testID,
-      style: styles$n.container,
-      contentContainerStyle: styles$n.contentContainer,
+      style: styles$o.container,
+      contentContainerStyle: styles$o.contentContainer,
       horizontal: false
     },
     tags?.map((tag) => /* @__PURE__ */ React__default["default"].createElement(
@@ -1781,16 +1781,16 @@ const Tags = ({
         key: tag,
         onPress: () => toggleTag(tag),
         style: [
-          styles$n.tag,
+          styles$o.tag,
           tagStyles,
-          selectedTags.includes(tag) ? styles$n.selectedTag : styles$n.tagUnSelected
+          selectedTags.includes(tag) ? styles$o.selectedTag : styles$o.tagUnSelected
         ]
       },
       /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           variant: selectedTags.includes(tag) ? "H9semiBold" : "P4regular",
-          style: selectedTags.includes(tag) ? styles$n.tagText : styles$n.tagUnselectedText,
+          style: selectedTags.includes(tag) ? styles$o.tagText : styles$o.tagUnselectedText,
           text: tag
         }
       ),
@@ -1806,7 +1806,7 @@ const Tags = ({
   );
 };
 
-const styles$m = reactNative.StyleSheet.create({
+const styles$n = reactNative.StyleSheet.create({
   container: {
     width: horizontalScale(70),
     height: verticalScale(25),
@@ -1871,26 +1871,26 @@ const CustomSwitch = ({
     reactNative.Pressable,
     {
       onPress: toggleSwitch,
-      style: [styles$m.container, { width }],
+      style: [styles$n.container, { width }],
       testID: "custom-switch"
     },
     /* @__PURE__ */ React__default["default"].createElement(
       reactNative.View,
       {
         style: [
-          styles$m.track,
+          styles$n.track,
           {
             backgroundColor: isOn ? DHRE_COLORS_ALERT.DH_SUCCESS_GREEN_ACCENT : DHRE_COLORS_TEXT.DH_TEXTDISABLED
           }
         ]
       },
-      /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, { style: [styles$m.thumb, animatedStyle] }),
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, { style: [styles$n.thumb, animatedStyle] }),
       type !== ToggleButtonType.SMALL && /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           variant: "B3semiBold",
           style: [
-            styles$m.text,
+            styles$n.text,
             { textAlign: isOn ? TextDirectType.left : TextDirectType.right }
           ],
           text: isOn ? ToggleTextType.ON : ToggleTextType.OFF
@@ -1900,7 +1900,7 @@ const CustomSwitch = ({
   );
 };
 
-const styles$l = reactNative.StyleSheet.create({
+const styles$m = reactNative.StyleSheet.create({
   container: {
     paddingVertical: verticalScale(24),
     borderBottomWidth: moderateScale(1)
@@ -1961,7 +1961,7 @@ const Accordion = ({
     reactNative.View,
     {
       style: {
-        ...styles$l.container,
+        ...styles$m.container,
         borderBottomColor: theme.BORDER_SEPRATOR,
         ...containerStyle
       },
@@ -1970,7 +1970,7 @@ const Accordion = ({
     /* @__PURE__ */ React__default["default"].createElement(
       reactNative.Pressable,
       {
-        style: [styles$l.header, headerStyle, disabled && { opacity: 0.5 }],
+        style: [styles$m.header, headerStyle, disabled && { opacity: 0.5 }],
         onPress: !disabled ? onToggle : void 0
       },
       headerComponent ? headerComponent() : /* @__PURE__ */ React__default["default"].createElement(
@@ -1979,7 +1979,7 @@ const Accordion = ({
           variant: titleVariant,
           text: title,
           style: {
-            ...styles$l.title,
+            ...styles$m.title,
             color: theme.CONTENT_PRIMARY,
             ...titleStyle
           }
@@ -1988,11 +1988,11 @@ const Accordion = ({
       React__default["default"].cloneElement(icon, {
         width: moderateScale(20),
         height: moderateScale(20),
-        style: styles$l.iconStyle
+        style: styles$m.iconStyle
       })
     ),
     optionalElement ? optionalElement() : null,
-    isOpen && /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, { style: [styles$l.content, { height: cardHeight }] }, /* @__PURE__ */ React__default["default"].createElement(
+    isOpen && /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, { style: [styles$m.content, { height: cardHeight }] }, /* @__PURE__ */ React__default["default"].createElement(
       reactNative.View,
       {
         ref: contentRef,
@@ -2006,7 +2006,7 @@ const Accordion = ({
 };
 var Accordion$1 = withThemeProvider(Accordion);
 
-const styles$k = reactNative.StyleSheet.create({
+const styles$l = reactNative.StyleSheet.create({
   container: {
     position: "absolute",
     alignSelf: "center",
@@ -2090,23 +2090,23 @@ const Toast = React__default["default"].forwardRef(({ sucessIcon, errorIcon }, r
     reactNative.Animated.View,
     {
       style: [
-        styles$k.container,
+        styles$l.container,
         { bottom },
         { backgroundColor: isSuccess ? "#00B578" : "#EB0542" }
       ],
       testID: "TOAST"
     },
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.toastContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.innerContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: hideToast }, isSuccess ? sucessIcon : errorIcon), /* @__PURE__ */ React__default["default"].createElement(
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$l.toastContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$l.innerContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: hideToast }, isSuccess ? sucessIcon : errorIcon), /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         variant: "L2_REGULAR",
         text: message,
-        style: styles$k.messageText
+        style: styles$l.messageText
       }
     ), btnText && /* @__PURE__ */ React__default["default"].createElement(
       reactNative.Pressable,
       {
-        style: styles$k.button,
+        style: styles$l.button,
         onPress: onBtnPress || void 0,
         testID: "TOAST-BTN"
       },
@@ -2115,7 +2115,7 @@ const Toast = React__default["default"].forwardRef(({ sucessIcon, errorIcon }, r
         {
           variant: "L2_BOLD",
           text: btnText,
-          style: styles$k.buttonText
+          style: styles$l.buttonText
         }
       )
     ))),
@@ -2133,7 +2133,7 @@ const Toast = React__default["default"].forwardRef(({ sucessIcon, errorIcon }, r
 });
 Toast.displayName = "Toast";
 
-const styles$j = reactNative.StyleSheet.create({
+const styles$k = reactNative.StyleSheet.create({
   inputContainer: {
     flexDirection: "row",
     justifyContent: "center",
@@ -2182,7 +2182,7 @@ const CustomSearchBar = ({
     {
       testID,
       style: [
-        styles$j.inputContainer,
+        styles$k.inputContainer,
         {
           height: verticalScale(height),
           borderColor: disabled ? disableBorderColor : value ? borderColor : "#686868"
@@ -2203,7 +2203,7 @@ const CustomSearchBar = ({
       React__default["default"].cloneElement(searchIcon, {
         width: moderateScale(24),
         height: moderateScale(24),
-        style: [styles$j.searchIconStyle, searchIconStyle]
+        style: [styles$k.searchIconStyle, searchIconStyle]
       })
     ),
     /* @__PURE__ */ React__default["default"].createElement(
@@ -2211,7 +2211,7 @@ const CustomSearchBar = ({
       {
         ...props,
         testID: `${testID}-INPUT`,
-        style: [styles$j.input, inputStyle],
+        style: [styles$k.input, inputStyle],
         editable: !disabled,
         value,
         placeholderTextColor: disabled ? disablePlaceHolderStyle : enablePlaceHolderStyle,
@@ -2234,13 +2234,13 @@ const CustomSearchBar = ({
       React__default["default"].cloneElement(rightIcon, {
         // width: moderateScale(24),
         // height: moderateScale(24),
-        style: [styles$j.crossIconStyle, crossIconStyle]
+        style: [styles$k.crossIconStyle, crossIconStyle]
       })
     )
   );
 };
 
-const styles$i = reactNative.StyleSheet.create({
+const styles$j = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -2272,17 +2272,17 @@ const CustomHeader = ({
     reactNative.View,
     {
       style: {
-        ...styles$i.container,
+        ...styles$j.container,
         backgroundColor: theme.SURFACE_SECONDARY,
         borderBottomColor: theme.BORDER_SEPERATOR_HEADER
       },
       testID: testId
     },
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$i.headderContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$j.headderContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
       width: moderateScale(24),
       height: moderateScale(24),
       onPress: onLeftPress,
-      style: styles$i.leftIconStyle
+      style: styles$j.leftIconStyle
     }) : null, /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
@@ -2295,13 +2295,13 @@ const CustomHeader = ({
       width: moderateScale(24),
       height: moderateScale(24),
       onPress: onRightPress,
-      style: styles$i.rightIconStyle
+      style: styles$j.rightIconStyle
     }) : null
   );
 };
 var CustomHeader$1 = withThemeProvider(CustomHeader);
 
-const styles$h = reactNative.StyleSheet.create({
+const styles$i = reactNative.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -2364,19 +2364,19 @@ const SwipableList = (props) => {
     {
       testID,
       onPress,
-      style: [styles$h.actionButton, style]
+      style: [styles$i.actionButton, style]
     },
     icon,
     /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         variant: "L1_REGULAR",
-        style: [styles$h.titleStyle, titleStyle],
+        style: [styles$i.titleStyle, titleStyle],
         text: title
       }
     )
   );
-  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.actionBtn }, leftPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
+  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$i.actionBtn }, leftPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
     ActionButton,
     {
       icon: leftPrimaryActionIcon,
@@ -2401,7 +2401,7 @@ const SwipableList = (props) => {
       testID: `${testId}-LEFT-SECONDARY-${item.id}`
     }
   ));
-  const rightActionHandle = (item) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$h.actionBtn, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
+  const rightActionHandle = (item) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$i.actionBtn, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
     ActionButton,
     {
       icon: rightPrimaryActionIcon,
@@ -2414,7 +2414,7 @@ const SwipableList = (props) => {
       testID: `${testId}-RIGHT-PRIMARY-${item.id}`
     }
   ));
-  const renderItem = ({ item }) => /* @__PURE__ */ React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$h.container }, /* @__PURE__ */ React__default["default"].createElement(
+  const renderItem = ({ item }) => /* @__PURE__ */ React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$i.container }, /* @__PURE__ */ React__default["default"].createElement(
     reactNativeGestureHandler.Swipeable,
     {
       ref: (ref) => swipeableRefs.current[item.id] = ref,
@@ -2440,7 +2440,7 @@ const SwipableList = (props) => {
         reactNative.View,
         {
           style: {
-            ...styles$h.seperator,
+            ...styles$i.seperator,
             backgroundColor: theme.BORDER_SEPRATOR
           }
         }
@@ -2450,7 +2450,7 @@ const SwipableList = (props) => {
 };
 var SwipableList$1 = withThemeProvider(SwipableList);
 
-const styles$g = reactNative.StyleSheet.create({
+const styles$h = reactNative.StyleSheet.create({
   container: {
     justifyContent: "center",
     alignItems: "center"
@@ -2472,7 +2472,7 @@ const CustomIcon = ({
   return /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Pressable,
     {
-      style: [styles$g.container, containerStyle],
+      style: [styles$h.container, containerStyle],
       onPress,
       testID: testId
     },
@@ -2482,7 +2482,7 @@ const CustomIcon = ({
       {
         variant: titleVariant,
         text: title,
-        style: [styles$g.title, titleStyle]
+        style: [styles$h.title, titleStyle]
       }
     )
   );
@@ -2494,14 +2494,14 @@ const HorizontalLine = ({ backgroundColor = "SURFACE_SECONDARY", style }) => {
     reactNative.View,
     {
       style: [
-        styles$f.line,
+        styles$g.line,
         { backgroundColor: theme[backgroundColor] },
         style
       ]
     }
   );
 };
-const styles$f = reactNative.StyleSheet.create({
+const styles$g = reactNative.StyleSheet.create({
   line: {
     height: 1,
     width: "100%"
@@ -2524,18 +2524,18 @@ const Topic = ({
     reactNative.TouchableOpacity,
     {
       style: [
-        styles$e.button,
+        styles$f.button,
         { backgroundColor: theme[Theme.SURFACE_SECONDARY] },
         containterStyle
       ],
       onPress
     },
-    rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.rightIconContainer }, React__default["default"].cloneElement(rightIcon)),
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.timeContainer }, time && /* @__PURE__ */ React__default["default"].createElement(CustomText$1, { text: time, variant: FontStyle.L2_REGULAR })),
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.textContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.paymentView }, statusImage && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, React__default["default"].cloneElement(statusImage)), subTitle && /* @__PURE__ */ React__default["default"].createElement(
+    rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$f.rightIconContainer }, React__default["default"].cloneElement(rightIcon)),
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$f.timeContainer }, time && /* @__PURE__ */ React__default["default"].createElement(CustomText$1, { text: time, variant: FontStyle.L2_REGULAR })),
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$f.textContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$f.paymentView }, statusImage && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, React__default["default"].cloneElement(statusImage)), subTitle && /* @__PURE__ */ React__default["default"].createElement(
       CustomText$1,
       {
-        style: [styles$e.subTitle, subTitleStyle],
+        style: [styles$f.subTitle, subTitleStyle],
         text: subTitle,
         variant: FontStyle.L2_REGULAR,
         textColor: Theme.CONTENT_PRIMARY
@@ -2550,7 +2550,7 @@ const Topic = ({
     ))
   );
 };
-const styles$e = reactNative.StyleSheet.create({
+const styles$f = reactNative.StyleSheet.create({
   button: {
     flexDirection: "row",
     alignItems: "center",
@@ -2600,7 +2600,8 @@ const ContactModal = ({
   visible,
   onClose,
   isMailOpen,
-  data
+  data,
+  emailSubject
 }) => {
   const handleCall = () => {
     if (reactNative.Platform.OS === "ios") {
@@ -2612,11 +2613,11 @@ const ContactModal = ({
   };
   const openEmail = (recipient) => {
     const mailtoUrl = `mailto:${recipient}?subject=${encodeURIComponent(
-      ""
+      emailSubject
     )}&body=${encodeURIComponent("")}`;
     if (reactNative.Platform.OS === "android") {
       const gmailUrl = `intent://#Intent;scheme=mailto;package=com.google.android.gm;S.to=${recipient};S.subject=${encodeURIComponent(
-        ""
+        emailSubject
       )};S.body=${encodeURIComponent("")};end`;
       reactNative.Linking.canOpenURL(gmailUrl).then((supported) => {
         if (supported) {
@@ -2644,14 +2645,14 @@ const ContactModal = ({
   const renderEmailOptions = () => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(
     CustomText$1,
     {
-      style: styles$d.title,
+      style: styles$e.title,
       text: "Open email app",
       variant: "L2_REGULAR"
     }
   ), /* @__PURE__ */ React__default["default"].createElement(
     CustomText$1,
     {
-      style: styles$d.subtitle,
+      style: styles$e.subtitle,
       text: "Which app would you like to open?",
       variant: "L2_REGULAR"
     }
@@ -2659,33 +2660,33 @@ const ContactModal = ({
     reactNative.Pressable,
     {
       onPress: () => handleOptionPress(),
-      style: styles$d.optionButton
+      style: styles$e.optionButton
     },
     /* @__PURE__ */ React__default["default"].createElement(
       CustomText$1,
       {
-        style: styles$d.optionText,
+        style: styles$e.optionText,
         text: option,
         variant: "B3_BOLD"
       }
     )
   ))));
-  const renderContent = () => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$d.viewContainer }, isMailOpen ? renderEmailOptions() : /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handleCall, style: styles$d.optionButton }, /* @__PURE__ */ React__default["default"].createElement(
+  const renderContent = () => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.viewContainer }, isMailOpen ? renderEmailOptions() : /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handleCall, style: styles$e.optionButton }, /* @__PURE__ */ React__default["default"].createElement(
     CustomText$1,
     {
-      style: styles$d.optionText,
+      style: styles$e.optionText,
       text: `Call ${phoneNumber}`,
       variant: "B3_BOLD"
     }
-  ))), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: onClose, style: styles$d.cancelButton }, /* @__PURE__ */ React__default["default"].createElement(
+  ))), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: onClose, style: styles$e.cancelButton }, /* @__PURE__ */ React__default["default"].createElement(
     CustomText$1,
     {
-      style: styles$d.cancelText,
+      style: styles$e.cancelText,
       text: "Cancel",
       variant: "B2_REGULAR"
     }
   )));
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$d.container }, /* @__PURE__ */ React__default["default"].createElement(
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.container }, /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Modal,
     {
       animationType: "slide",
@@ -2693,10 +2694,10 @@ const ContactModal = ({
       visible,
       onRequestClose: onClose
     },
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$d.modalContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$d.modalContent }, renderContent()))
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.modalContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.modalContent }, renderContent()))
   ));
 };
-const styles$d = reactNative.StyleSheet.create({
+const styles$e = reactNative.StyleSheet.create({
   container: {
     flex: 1,
     justifyContent: "center",
@@ -2758,7 +2759,7 @@ const styles$d = reactNative.StyleSheet.create({
 });
 var ContactModel = withThemeProvider(ContactModal);
 
-const styles$c = reactNative.StyleSheet.create({
+const styles$d = reactNative.StyleSheet.create({
   applyButton: {
     marginTop: verticalScale(50),
     paddingVertical: verticalScale(14),
@@ -2861,7 +2862,7 @@ const DateRangePicker = (props) => {
         onButtonPress(selectedRange?.startDate, selectedRange?.endDate);
       },
       containerStyle: {
-        ...styles$c.applyButton,
+        ...styles$d.applyButton,
         backgroundColor: theme.SURFACE_INVERTED
       },
       textStyle: { color: theme.CONTENT_INVERTED },
@@ -2888,20 +2889,20 @@ const OurOfficesButton = ({
     reactNative.TouchableOpacity,
     {
       style: [
-        styles$b.button,
+        styles$c.button,
         { backgroundColor: theme["SURFACE_SECONDARY"] },
         containerStyle
       ],
       onPress
     },
-    leftIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$b.iconContainer }, React__default["default"].cloneElement(leftIcon)),
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$b.textContainer }, /* @__PURE__ */ React__default["default"].createElement(
+    leftIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$c.iconContainer }, React__default["default"].cloneElement(leftIcon)),
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$c.textContainer }, /* @__PURE__ */ React__default["default"].createElement(
       CustomText$1,
       {
         text: title,
         variant: titleVariant,
         textColor: titleColor,
-        style: styles$b.textView
+        style: styles$c.textView
       }
     ), /* @__PURE__ */ React__default["default"].createElement(
       CustomText$1,
@@ -2909,13 +2910,13 @@ const OurOfficesButton = ({
         text: description,
         variant: descriptionVariant,
         textColor: descriptionColor,
-        style: styles$b.flexWrap
+        style: styles$c.flexWrap
       }
     )),
-    rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$b.rightIconContainer }, React__default["default"].cloneElement(rightIcon))
+    rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$c.rightIconContainer }, React__default["default"].cloneElement(rightIcon))
   );
 };
-const styles$b = reactNative.StyleSheet.create({
+const styles$c = reactNative.StyleSheet.create({
   button: {
     flexDirection: "row",
     alignItems: "center",
@@ -2939,7 +2940,7 @@ const styles$b = reactNative.StyleSheet.create({
 });
 var OurOffices = withThemeProvider(OurOfficesButton);
 
-const styles$a = reactNative.StyleSheet.create({
+const styles$b = reactNative.StyleSheet.create({
   iconContainer: {
     position: "relative",
     alignItems: "center"
@@ -2968,7 +2969,7 @@ const NotificationBandge = ({
   if (notificationCount <= 0) {
     return icon;
   }
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$a.iconContainer }, icon, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$a.badge }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: [styles$a.badgeText] }, notificationCount > 99 ? "99+" : notificationCount)));
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$b.iconContainer }, icon, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$b.badge }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: [styles$b.badgeText] }, notificationCount > 99 ? "99+" : notificationCount)));
 };
 
 const ScrollableList = ({
@@ -3188,7 +3189,7 @@ const CountryDropDown = ({
     setCallingCode(`+${country.callingCode[0]}`);
     getCountryCode(`+${country.callingCode[0]}`);
   };
-  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$9.container, containerStyle] }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$9.countryPickerContainer, countryPickerStyle] }, /* @__PURE__ */ React__default["default"].createElement(
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$a.container, containerStyle] }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$a.countryPickerContainer, countryPickerStyle] }, /* @__PURE__ */ React__default["default"].createElement(
     CountryPicker__default["default"],
     {
       withFilter: true,
@@ -3202,20 +3203,20 @@ const CountryDropDown = ({
     reactNative.Text,
     {
       onPress: () => setPickerVisible(true),
-      style: [styles$9.callingCode, callingCodeStyle]
+      style: [styles$a.callingCode, callingCodeStyle]
     },
     callingCode
-  )), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$9.flex }, (isFocused || value) && /* @__PURE__ */ React__default["default"].createElement(
+  )), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$a.flex }, (isFocused || value) && /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       variant: "L2_REGULAR",
       text: label ?? "",
-      style: styles$9.floatingLabel
+      style: styles$a.floatingLabel
     }
   ), /* @__PURE__ */ React__default["default"].createElement(
     reactNative.TextInput,
     {
-      style: [styles$9.input, inputStyle],
+      style: [styles$a.input, inputStyle],
       placeholder: !isFocused ? placeholder : "",
       keyboardType: "phone-pad",
       value,
@@ -3231,13 +3232,13 @@ const CountryDropDown = ({
       variant: "L2_REGULAR",
       text: errorMessage ?? "",
       style: {
-        ...styles$9.errorStyle,
+        ...styles$a.errorStyle,
         color: DHRE_DEFAULT.DH_SEMENTIC_ERROR
       }
     }
   ) : null);
 };
-const styles$9 = reactNative.StyleSheet.create({
+const styles$a = reactNative.StyleSheet.create({
   flex: {
     flex: 1
   },
@@ -3306,12 +3307,12 @@ const CommonTextInput = (props) => {
     rightIcon,
     onRightIconPress
   } = props;
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handlePress, style: styles$8.container }, /* @__PURE__ */ React__default["default"].createElement(
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handlePress, style: styles$9.container }, /* @__PURE__ */ React__default["default"].createElement(
     reactNativePaper.TextInput,
     {
       mode: "outlined",
       outlineStyle: {
-        ...styles$8.outlineStyle,
+        ...styles$9.outlineStyle,
         borderColor: errorMessage?.length ? DHRE_DEFAULT.DH_SEMENTIC_ERROR : value?.length ? activeBorderColor : inactiveBorderColor
       },
       label,
@@ -3327,9 +3328,9 @@ const CommonTextInput = (props) => {
         }
       },
       style: [
-        errorMessage ? styles$8.errorInput : styles$8.input,
+        errorMessage ? styles$9.errorInput : styles$9.input,
         inputStyle,
-        multiline && styles$8.multilineInput
+        multiline && styles$9.multilineInput
         // Apply multiline style if true
       ],
       maxLength,
@@ -3358,13 +3359,13 @@ const CommonTextInput = (props) => {
       variant: "L2_REGULAR",
       text: errorMessage ?? "",
       style: {
-        ...styles$8.errorStyle,
+        ...styles$9.errorStyle,
         color: DHRE_DEFAULT.DH_SEMENTIC_ERROR
       }
     }
   ) : null);
 };
-const styles$8 = reactNative.StyleSheet.create({
+const styles$9 = reactNative.StyleSheet.create({
   container: {
     justifyContent: "center"
   },
@@ -3430,7 +3431,7 @@ const CustomDropdown = (props) => {
         reactNative.Text,
         {
           style: [
-            styles$7.label,
+            styles$8.label,
             labelStyle,
             isFocus && (labelFocusStyle ?? { color: theme.BORDER_INVERTED["light"] })
           ]
@@ -3450,11 +3451,11 @@ const CustomDropdown = (props) => {
   };
   const renderItem = (item) => {
     const isSelected = item[valueField] === value;
-    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$7.itemContainer, itemContainerStyle] }, /* @__PURE__ */ React__default["default"].createElement(
+    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$8.itemContainer, itemContainerStyle] }, /* @__PURE__ */ React__default["default"].createElement(
       reactNative.Text,
       {
         style: [
-          styles$7.itemText,
+          styles$8.itemText,
           itemTextStyle,
           // Apply itemTextStyle to all items
           isSelected && selectedItemTextStyle
@@ -3464,18 +3465,18 @@ const CustomDropdown = (props) => {
       item[labelField]
     ));
   };
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$7.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React__default["default"].createElement(
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$8.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React__default["default"].createElement(
     reactNativeElementDropdown.Dropdown,
     {
       ...props,
       style: [
-        styles$7.dropdown,
+        styles$8.dropdown,
         dropdownStyle,
         isFocus && (dropdownFocusStyle ?? { borderColor: theme.BORDER_INVERTED["light"] })
       ],
-      placeholderStyle: [styles$7.placeholderStyle, placeholderStyle],
-      selectedTextStyle: [styles$7.selectedTextStyle, selectedTextStyle],
-      iconStyle: [styles$7.iconStyle, iconStyle],
+      placeholderStyle: [styles$8.placeholderStyle, placeholderStyle],
+      selectedTextStyle: [styles$8.selectedTextStyle, selectedTextStyle],
+      iconStyle: [styles$8.iconStyle, iconStyle],
       data: data ?? [],
       labelField,
       valueField,
@@ -3490,11 +3491,11 @@ const CustomDropdown = (props) => {
       itemTextStyle,
       containerStyle: menuContainerStyle,
       activeColor,
-      itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle]
+      itemContainerStyle: [styles$8.itemListStyle, itemContainerStyle]
     }
   ));
 };
-const styles$7 = reactNative.StyleSheet.create({
+const styles$8 = reactNative.StyleSheet.create({
   container: {
     backgroundColor: theme.SURFACE_STATIC["light"],
     marginVertical: verticalScale(4)
@@ -3539,7 +3540,7 @@ const styles$7 = reactNative.StyleSheet.create({
   }
 });
 
-const styles$6 = reactNative.StyleSheet.create({
+const styles$7 = reactNative.StyleSheet.create({
   mainContainer: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -3598,18 +3599,18 @@ const CustomSwitchBtn = ({
     {
       disabled,
       onPress: toggleSwitch,
-      style: { ...styles$6.mainContainer, ...containerStyle }
+      style: { ...styles$7.mainContainer, ...containerStyle }
     },
     /* @__PURE__ */ React__default["default"].createElement(
       reactNative.Animated.View,
       {
-        style: [styles$6.circle, { transform: [{ translateX }], ...circleStyle }]
+        style: [styles$7.circle, { transform: [{ translateX }], ...circleStyle }]
       }
     ),
     /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
-        style: [styles$6.activeText, value ? inActiveTextStyle : activeTextStyle],
+        style: [styles$7.activeText, value ? inActiveTextStyle : activeTextStyle],
         text: activeText,
         variant: activeTextVariant
       }
@@ -3618,7 +3619,7 @@ const CustomSwitchBtn = ({
       CustomTypography,
       {
         style: [
-          styles$6.inActiveText,
+          styles$7.inActiveText,
           value ? activeTextStyle : inActiveTextStyle
         ],
         text: inActiveText,
@@ -3735,7 +3736,7 @@ const createStyles = (theme) => {
 };
 var TagSingleSelection = withThemeProvider(TagsComponent);
 
-const styles$5 = reactNative.StyleSheet.create({
+const styles$6 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -3808,13 +3809,13 @@ const CustomDocumentPicker = ({
     reactNative.View,
     {
       style: [
-        docDetails ? styles$5.fileUploadContainerStyle : styles$5.container,
+        docDetails ? styles$6.fileUploadContainerStyle : styles$6.container,
         { borderColor: error ? theme.ERROR : theme.BORDER_SECONDRY },
         docDetails ? { backgroundColor: theme.SURFACE_SECONDARY } : {},
         containerStyle
       ]
     },
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$5.innerContainer, onPress: pickDocument }, docDetails ? fileIcon : uploadIcon, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$5.titleContainer }, /* @__PURE__ */ React__default["default"].createElement(
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$6.innerContainer, onPress: pickDocument }, docDetails ? fileIcon : uploadIcon, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$6.titleContainer }, /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         variant: FontStyle.L2_REGULAR,
@@ -3843,7 +3844,7 @@ const CustomDocumentPicker = ({
 };
 var CustomDocumentPicker$1 = withThemeProvider(React.memo(CustomDocumentPicker));
 
-const styles$4 = reactNative.StyleSheet.create({
+const styles$5 = reactNative.StyleSheet.create({
   textInputContainer: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -3965,12 +3966,12 @@ const OTPInput = React__default["default"].forwardRef(
           ...otpHeaderTextStyle
         }
       }
-    ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$4.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React__default["default"].createElement(
+    ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$5.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React__default["default"].createElement(
       reactNative.TextInput,
       {
         key: index?.toString(),
         style: {
-          ...styles$4.textInputStyle,
+          ...styles$5.textInputStyle,
           color: theme$1.CONTENT_PRIMARY,
           borderColor: errorMessage ? theme$1.ERROR : otp.length === length ? theme$1.SUCCESS : activeInput === index ? theme$1.BORDER_INVERTED : theme$1.BORDER_PRIMARY,
           ...textInputStyle
@@ -3993,7 +3994,7 @@ const OTPInput = React__default["default"].forwardRef(
       reactNative.Pressable,
       {
         onPress: onClickResendOTP,
-        style: styles$4.resendOTPStyle,
+        style: styles$5.resendOTPStyle,
         disabled: !isResendOtpEnable
       },
       /* @__PURE__ */ React__default["default"].createElement(
@@ -4008,7 +4009,7 @@ const OTPInput = React__default["default"].forwardRef(
           }
         }
       )
-    ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
+    ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$5.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         text: errorMessage,
@@ -4024,7 +4025,7 @@ const OTPInput = React__default["default"].forwardRef(
 var index$4 = withThemeProvider(OTPInput);
 OTPInput.displayName = "OTPInput";
 
-const styles$3 = reactNative.StyleSheet.create({
+const styles$4 = reactNative.StyleSheet.create({
   stepperContainer: {
     flexDirection: "row",
     marginBottom: 24,
@@ -4114,27 +4115,27 @@ const Stepper = ({
   const { theme } = useTheme();
   const renderCircleStyle = (status) => {
     if (status === Status.Active) {
-      return { ...styles$3.activeStepCircle, borderColor: theme.CONTENT_PRIMARY };
+      return { ...styles$4.activeStepCircle, borderColor: theme.CONTENT_PRIMARY };
     } else if (status === Status.Inactive) {
       return {
-        ...styles$3.inactiveStepCircle,
+        ...styles$4.inactiveStepCircle,
         borderColor: theme.CONTENT_SECONDRY
       };
     } else if (status === Status.Completed) {
-      return { ...styles$3.completeStepCircle, backgroundColor: theme.SUCCESS };
+      return { ...styles$4.completeStepCircle, backgroundColor: theme.SUCCESS };
     } else {
-      return { ...styles$3.stepCountCircle, borderColor: theme.BORDER_PRIMARY };
+      return { ...styles$4.stepCountCircle, borderColor: theme.BORDER_PRIMARY };
     }
   };
   const renderLableStyle = (status) => {
     if (status === Status.Active) {
-      return { ...styles$3.activeStepLabel, color: theme.CONTENT_PRIMARY };
+      return { ...styles$4.activeStepLabel, color: theme.CONTENT_PRIMARY };
     } else if (status === Status.Inactive) {
-      return { ...styles$3.inactiveStepLabel, color: theme.CONTENT_SECONDRY };
+      return { ...styles$4.inactiveStepLabel, color: theme.CONTENT_SECONDRY };
     } else if (status === Status.Completed) {
-      return { ...styles$3.completeStepLabel, color: theme.CONTENT_PRIMARY };
+      return { ...styles$4.completeStepLabel, color: theme.CONTENT_PRIMARY };
     } else {
-      return { ...styles$3.countStepLabel, color: theme.CONTENT_PRIMARY };
+      return { ...styles$4.countStepLabel, color: theme.CONTENT_PRIMARY };
     }
   };
   const renderDividerStyle = (status) => {
@@ -4144,25 +4145,25 @@ const Stepper = ({
       return { borderColor: theme.BORDER_PRIMARY };
     } else if (status === Status.Completed) {
       return {
-        ...styles$3.completeStepDivider,
+        ...styles$4.completeStepDivider,
         borderColor: theme.CONTENT_PRIMARY
       };
     } else {
       return { borderColor: theme.CONTENT_SECONDRY };
     }
   };
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$3.stepperContainer, ...containerStyle } }, data?.map((item, index) => {
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$4.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$3.lastStepWrapper : null;
+    const lastViewStyle = index === data?.length - 1 ? styles$4.lastStepWrapper : null;
     return /* @__PURE__ */ React__default["default"].createElement(
       reactNative.View,
       {
         key: index?.toString(),
-        style: { ...styles$3.stepperWrapper, ...lastViewStyle }
+        style: { ...styles$4.stepperWrapper, ...lastViewStyle }
       },
-      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$3.stepperSeparatorContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...stepCircleStyle } }, showStepCount && /* @__PURE__ */ React__default["default"].createElement(
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$4.stepperSeparatorContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...stepCircleStyle } }, showStepCount && /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           text: item?.step,
@@ -4171,8 +4172,8 @@ const Stepper = ({
             color: theme.CONTENT_PRIMARY
           }
         }
-      ), showStatus && item?.status === Status.Completed && completedStatusIcon), index != data?.length - 1 && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$3.separator, ...dividerStyle } })),
-      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$3.lableContainer }, /* @__PURE__ */ React__default["default"].createElement(
+      ), showStatus && item?.status === Status.Completed && completedStatusIcon), index != data?.length - 1 && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$4.separator, ...dividerStyle } })),
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$4.lableContainer }, /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           text: item?.label,
@@ -4185,7 +4186,7 @@ const Stepper = ({
 };
 var index$3 = withThemeProvider(Stepper);
 
-const styles$2 = reactNative.StyleSheet.create({
+const styles$3 = reactNative.StyleSheet.create({
   container: {
     flex: 1,
     justifyContent: "center",
@@ -4290,7 +4291,7 @@ const CustomSlideButton = ({
   ).current;
   const { theme } = useTheme();
   return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: {
-    ...styles$2.sliderContainer,
+    ...styles$3.sliderContainer,
     backgroundColor: theme.SURFACE_INVERTED,
     ...containerStyle
   }, onLayout: handleLayout, ref: cardRef }, slideButtonTail && /* @__PURE__ */ React__default["default"].createElement(
@@ -4299,7 +4300,7 @@ const CustomSlideButton = ({
       ref: slideTailCardRef,
       style: [{ height: "100%", backgroundColor: slideButtonTailColor }]
     }
-  ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.buttonTextContainer }, /* @__PURE__ */ React__default["default"].createElement(
+  ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$3.buttonTextContainer }, /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       text: label,
@@ -4313,14 +4314,14 @@ const CustomSlideButton = ({
   )), /* @__PURE__ */ React__default["default"].createElement(
     reactNative.Animated.View,
     {
-      style: [styles$2.slider, { transform: [{ translateX: pan }] }],
+      style: [styles$3.slider, { transform: [{ translateX: pan }] }],
       ...panResponder.panHandlers
     },
     /* @__PURE__ */ React__default["default"].createElement(
       reactNative.View,
       {
         style: {
-          ...styles$2.button,
+          ...styles$3.button,
           backgroundColor: theme.SURFACE_PRIMARY,
           width: verticalScale(size),
           height: verticalScale(size),
@@ -4338,7 +4339,7 @@ const copyToClipboard = (textToCopy) => {
   Clipboard__default["default"].setString(textToCopy);
 };
 
-const styles$1 = reactNative.StyleSheet.create({
+const styles$2 = reactNative.StyleSheet.create({
   accordionContainer: {
     gap: verticalScale(8),
     marginHorizontal: horizontalScale(24),
@@ -4443,13 +4444,13 @@ const AppointmentCard = ({
       isOpen,
       onToggle,
       containerStyle: {
-        ...styles$1.accordionStyle,
+        ...styles$2.accordionStyle,
         backgroundColor: theme.SURFACE_SECONDARY,
         borderColor: theme.BORDER_SEPERATOR_HEADER,
         borderBottomColor: theme.BORDER_SEPERATOR_HEADER
       },
-      headerStyle: styles$1.accordionHeader,
-      headerComponent: () => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.accordionHeaderContent }, headerIcon, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.accordionText }, /* @__PURE__ */ React__default["default"].createElement(
+      headerStyle: styles$2.accordionHeader,
+      headerComponent: () => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.accordionHeaderContent }, headerIcon, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.accordionText }, /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           text: headerTitle,
@@ -4470,18 +4471,18 @@ const AppointmentCard = ({
       reactNative.View,
       {
         style: [
-          styles$1.accordionDetails,
+          styles$2.accordionDetails,
           { borderTopColor: theme.BORDER_SEPERATOR_HEADER }
         ]
       },
-      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.appointmentInfo }, data.map(({ title: title2, value, isLocation, isStatus }) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.infoColumn, key: title2 }, /* @__PURE__ */ React__default["default"].createElement(
+      /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.appointmentInfo }, data.map(({ title: title2, value, isLocation, isStatus }) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.infoColumn, key: title2 }, /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           text: title2,
           variant: FontStyle.L3_REGULAR,
           style: { color: theme.CONTENT_SECONDRY }
         }
-      ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.infoRow }, isStatus && statusIcon, /* @__PURE__ */ React__default["default"].createElement(
+      ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.infoRow }, isStatus && statusIcon, /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
           text: value,
@@ -4496,7 +4497,7 @@ const AppointmentCard = ({
           text: directionText,
           variant: FontStyle.L2_REGULAR,
           style: [
-            styles$1.getDirectionsText,
+            styles$2.getDirectionsText,
             { color: theme.CONTENT_PRIMARY }
           ],
           onPress: onDirectionPress
@@ -4506,7 +4507,7 @@ const AppointmentCard = ({
         reactNative.View,
         {
           style: [
-            styles$1.infoContainer,
+            styles$2.infoContainer,
             {
               backgroundColor: theme.SURFACE_TERTIARY
             }
@@ -4526,7 +4527,7 @@ const AppointmentCard = ({
         reactNative.View,
         {
           style: [
-            styles$1.actionsContainer,
+            styles$2.actionsContainer,
             {
               borderTopColor: theme.BORDER_SEPERATOR_HEADER
             }
@@ -4538,7 +4539,7 @@ const AppointmentCard = ({
             text: viewText,
             variant: FontStyle.L2_REGULAR,
             style: [
-              styles$1.viewText,
+              styles$2.viewText,
               {
                 color: theme.CONTENT_PRIMARY
               }
@@ -4546,12 +4547,12 @@ const AppointmentCard = ({
             onPress: onViewDetailsPress
           }
         ),
-        /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.actionIcons }, /* @__PURE__ */ React__default["default"].createElement(
+        /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.actionIcons }, /* @__PURE__ */ React__default["default"].createElement(
           CustomIcon,
           {
             icon: deleteIcon,
             containerStyle: {
-              ...styles$1.iconContainer,
+              ...styles$2.iconContainer,
               backgroundColor: theme.SURFACE_INVERTED
             },
             onPress: onDeletePress
@@ -4561,7 +4562,7 @@ const AppointmentCard = ({
           {
             icon: editIcon,
             containerStyle: {
-              ...styles$1.iconContainer,
+              ...styles$2.iconContainer,
               backgroundColor: theme.SURFACE_INVERTED
             },
             onPress: onEditPress
@@ -4573,7 +4574,7 @@ const AppointmentCard = ({
 };
 var index$1 = withThemeProvider(AppointmentCard);
 
-const styles = reactNative.StyleSheet.create({
+const styles$1 = reactNative.StyleSheet.create({
   container: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -4614,7 +4615,7 @@ const PropertyDetails = ({
     reactNative.View,
     {
       style: {
-        ...styles.container,
+        ...styles$1.container,
         ...containerStyle,
         backgroundColor: theme.SURFACE_SECONDARY,
         borderColor: theme.BORDER_SEPERATOR_HEADER
@@ -4624,7 +4625,7 @@ const PropertyDetails = ({
       width: moderateScale(87),
       height: moderateScale(87)
     }),
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.propertyInfo }, brandIcon, /* @__PURE__ */ React__default["default"].createElement(
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.propertyInfo }, brandIcon, /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         text: title,
@@ -4638,7 +4639,7 @@ const PropertyDetails = ({
         variant: FontStyle.L1_REGULAR,
         style: { color: theme.CONTENT_PRIMARY }
       }
-    ), propertyNumber && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.propertyNumber }, /* @__PURE__ */ React__default["default"].createElement(
+    ), propertyNumber && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.propertyNumber }, /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         text: propertyNumber,
@@ -4653,7 +4654,7 @@ const PropertyDetails = ({
       {
         icon: btnIcon,
         containerStyle: {
-          ...styles.arrowIconContainer,
+          ...styles$1.arrowIconContainer,
           backgroundColor: theme.SURFACE_INVERTED
         },
         onPress: onRightIconPress
@@ -4663,6 +4664,63 @@ const PropertyDetails = ({
 };
 var index = withThemeProvider(PropertyDetails);
 
+const styles = reactNative.StyleSheet.create({
+  container: {
+    rowGap: verticalScale(12)
+  },
+  optionContainer: {
+    flexDirection: "row",
+    columnGap: horizontalScale(8),
+    alignItems: "center"
+  },
+  radioButton: {
+    width: moderateScale(16),
+    height: moderateScale(16),
+    borderRadius: moderateScale(10),
+    borderWidth: moderateScale(1.5),
+    borderColor: "#000"
+  },
+  radioButtonSelected: {
+    backgroundColor: "#000"
+  },
+  label: {
+    color: "#000"
+  }
+});
+
+const RadioButtonGroup = ({ data, onSelect, containerStyle, labelStyle }) => {
+  const [selectedOption, setSelectedOption] = React.useState(null);
+  const handleSelect = (item) => {
+    setSelectedOption(item.value);
+    onSelect(item);
+  };
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles.container, containerStyle] }, data?.map((item) => /* @__PURE__ */ React__default["default"].createElement(
+    reactNative.TouchableOpacity,
+    {
+      key: item.value,
+      style: styles.optionContainer,
+      onPress: () => handleSelect(item)
+    },
+    /* @__PURE__ */ React__default["default"].createElement(
+      reactNative.View,
+      {
+        style: [
+          styles.radioButton,
+          selectedOption === item.value && styles.radioButtonSelected
+        ]
+      }
+    ),
+    /* @__PURE__ */ React__default["default"].createElement(
+      CustomTypography,
+      {
+        variant: FontStyle.L1_REGULAR,
+        text: item.label,
+        style: [styles.label, labelStyle]
+      }
+    )
+  )));
+};
+
 exports.Accordion = Accordion$1;
 exports.AppointmentCard = index$1;
 exports.Badge = Badge$1;
@@ -4705,6 +4763,7 @@ exports.OurOfficesButton = OurOffices;
 exports.PdfView = PdfView;
 exports.PopUp = PopUp;
 exports.PropertyDetails = index;
+exports.RadioButtonGroup = RadioButtonGroup;
 exports.ShapeType = ShapeType;
 exports.SingleSelectionTags = TagSingleSelection;
 exports.StarRating = Star;