dhre-ui-kit 0.0.175 → 0.0.176

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/index.js +1 -19
  2. package/lib/index.js.map +1 -1
  3. package/lib/index.mjs +201 -219
  4. package/lib/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/lib/index.mjs CHANGED
@@ -1,5 +1,4 @@
1
- import * as React from 'react';
2
- import React__default, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
1
+ import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
3
2
  import { useSelector } from 'react-redux';
4
3
  import { Dimensions, StyleSheet, Text, Pressable, View, Modal, KeyboardAvoidingView, Platform, ActivityIndicator, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Alert, Linking, PanResponder } from 'react-native';
5
4
  import { PanGestureHandler, GestureHandlerRootView, Swipeable } from 'react-native-gesture-handler';
@@ -255,7 +254,7 @@ const ThemeProvider = ({ children }) => {
255
254
  acc[key] = theme[key][mode];
256
255
  return acc;
257
256
  }, {});
258
- return /* @__PURE__ */ React__default.createElement(ThemeContext.Provider, { value: { theme: filteredTheme, mode } }, children);
257
+ return /* @__PURE__ */ React.createElement(ThemeContext.Provider, { value: { theme: filteredTheme, mode } }, children);
259
258
  };
260
259
  const useTheme = () => {
261
260
  const context = useContext(ThemeContext);
@@ -266,7 +265,7 @@ const useTheme = () => {
266
265
  };
267
266
 
268
267
  const withThemeProvider = (Component) => {
269
- return (props) => /* @__PURE__ */ React__default.createElement(ThemeProvider, null, /* @__PURE__ */ React__default.createElement(Component, { ...props }));
268
+ return (props) => /* @__PURE__ */ React.createElement(ThemeProvider, null, /* @__PURE__ */ React.createElement(Component, { ...props }));
270
269
  };
271
270
 
272
271
  const { width, height } = Dimensions.get("window");
@@ -330,7 +329,7 @@ const CustomTypography = ({
330
329
  ...props
331
330
  }) => {
332
331
  const textStyle = FONT_STYLES[variant];
333
- return /* @__PURE__ */ React__default.createElement(
332
+ return /* @__PURE__ */ React.createElement(
334
333
  Text,
335
334
  {
336
335
  testID,
@@ -352,7 +351,7 @@ const CustomText = ({
352
351
  ...props
353
352
  }) => {
354
353
  const { theme } = useTheme();
355
- return /* @__PURE__ */ React__default.createElement(
354
+ return /* @__PURE__ */ React.createElement(
356
355
  CustomTypography,
357
356
  {
358
357
  variant,
@@ -575,15 +574,15 @@ const Badge = ({
575
574
  iconStyle,
576
575
  handleIconPress
577
576
  }) => {
578
- return /* @__PURE__ */ React__default.createElement(
577
+ return /* @__PURE__ */ React.createElement(
579
578
  Pressable,
580
579
  {
581
580
  style: [styles$A.badge, commonStyles.centerRow, style],
582
581
  testID: "BADGE",
583
582
  onPress: handleIconPress
584
583
  },
585
- iconName && /* @__PURE__ */ React__default.createElement(View, { style: [styles$A.icon, iconStyle] }, React__default.cloneElement(iconName)),
586
- text && /* @__PURE__ */ React__default.createElement(
584
+ iconName && /* @__PURE__ */ React.createElement(View, { style: [styles$A.icon, iconStyle] }, React.cloneElement(iconName)),
585
+ text && /* @__PURE__ */ React.createElement(
587
586
  CustomTypography,
588
587
  {
589
588
  variant: "B3semiBold",
@@ -661,7 +660,7 @@ const BottomDrawer = ({
661
660
  toggleModal();
662
661
  }
663
662
  };
664
- return /* @__PURE__ */ React__default.createElement(
663
+ return /* @__PURE__ */ React.createElement(
665
664
  Modal,
666
665
  {
667
666
  animationType: "slide",
@@ -669,32 +668,32 @@ const BottomDrawer = ({
669
668
  visible: isModalVisible,
670
669
  onRequestClose: toggleModal
671
670
  },
672
- /* @__PURE__ */ React__default.createElement(PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React__default.createElement(
671
+ /* @__PURE__ */ React.createElement(PanGestureHandler, { onGestureEvent: onSwipDown }, /* @__PURE__ */ React.createElement(
673
672
  KeyboardAvoidingView,
674
673
  {
675
674
  behavior: Platform.OS === "ios" ? "padding" : "height",
676
675
  style: { flex: 1 }
677
676
  },
678
- /* @__PURE__ */ React__default.createElement(View, { style: [styles$z.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React__default.createElement(
677
+ /* @__PURE__ */ React.createElement(View, { style: [styles$z.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React.createElement(
679
678
  BlurView,
680
679
  {
681
680
  style: [styles$z.blurView, blurViewStyle],
682
681
  blurType,
683
682
  blurAmount
684
683
  }
685
- ) : null, /* @__PURE__ */ React__default.createElement(View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(View, { style: styles$z.separator }), /* @__PURE__ */ React__default.createElement(View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React__default.cloneElement(leftIcon, {
684
+ ) : null, /* @__PURE__ */ React.createElement(View, { style: [styles$z.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, { style: styles$z.separator }), /* @__PURE__ */ React.createElement(View, { style: styles$z.headerContainer }, showLeftIcon && leftIcon ? React.cloneElement(leftIcon, {
686
685
  width: moderateScale(24),
687
686
  height: moderateScale(24),
688
687
  style: styles$z.leftIconStyle,
689
688
  onPress: onLeftIconPress
690
- }) : null, /* @__PURE__ */ React__default.createElement(
689
+ }) : null, /* @__PURE__ */ React.createElement(
691
690
  CustomTypography,
692
691
  {
693
692
  variant: titleVariant,
694
693
  text: title,
695
694
  style: { ...styles$z.title, ...titleStyle }
696
695
  }
697
- ), showRightIcon && rightIcon ? React__default.cloneElement(rightIcon, {
696
+ ), showRightIcon && rightIcon ? React.cloneElement(rightIcon, {
698
697
  width: moderateScale(24),
699
698
  height: moderateScale(24),
700
699
  style: styles$z.rightIconStyle,
@@ -719,7 +718,7 @@ const styles$y = StyleSheet.create({
719
718
 
720
719
  const CustomLoader = ({ loading }) => {
721
720
  if (!loading) return null;
722
- return /* @__PURE__ */ React__default.createElement(View, { style: styles$y.container }, /* @__PURE__ */ React__default.createElement(ActivityIndicator, { size: "large", color: "#686868" }));
721
+ return /* @__PURE__ */ React.createElement(View, { style: styles$y.container }, /* @__PURE__ */ React.createElement(ActivityIndicator, { size: "large", color: "#686868" }));
723
722
  };
724
723
 
725
724
  const CustomButton = ({
@@ -740,7 +739,7 @@ const CustomButton = ({
740
739
  isLoading = false
741
740
  }) => {
742
741
  const { theme } = useTheme();
743
- return /* @__PURE__ */ React__default.createElement(
742
+ return /* @__PURE__ */ React.createElement(
744
743
  Pressable,
745
744
  {
746
745
  testID,
@@ -757,8 +756,8 @@ const CustomButton = ({
757
756
  onPress,
758
757
  disabled
759
758
  },
760
- imagePosition === "left" && leftIcon && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(leftIcon, { width: 20, height: 20 })),
761
- isLoading ? /* @__PURE__ */ React__default.createElement(CustomLoader, { loading: isLoading }) : /* @__PURE__ */ React__default.createElement(
759
+ imagePosition === "left" && leftIcon && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(leftIcon, { width: 20, height: 20 })),
760
+ isLoading ? /* @__PURE__ */ React.createElement(CustomLoader, { loading: isLoading }) : /* @__PURE__ */ React.createElement(
762
761
  CustomText$1,
763
762
  {
764
763
  text: title,
@@ -772,7 +771,7 @@ const CustomButton = ({
772
771
  textColor: titleColor
773
772
  }
774
773
  ),
775
- imagePosition === "right" && rightIcon && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(rightIcon, { width: 20, height: 20 }))
774
+ imagePosition === "right" && rightIcon && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(rightIcon, { width: 20, height: 20 }))
776
775
  );
777
776
  };
778
777
  const styles$x = StyleSheet.create({
@@ -852,42 +851,42 @@ const Cards = ({
852
851
  testID,
853
852
  onButtonPress
854
853
  }) => {
855
- return /* @__PURE__ */ React__default.createElement(View, { testID, style: styles$w.container }, topLeftTitle ? /* @__PURE__ */ React__default.createElement(View, { style: styles$w.topLeft }, /* @__PURE__ */ React__default.createElement(
854
+ return /* @__PURE__ */ React.createElement(View, { testID, style: styles$w.container }, topLeftTitle ? /* @__PURE__ */ React.createElement(View, { style: styles$w.topLeft }, /* @__PURE__ */ React.createElement(
856
855
  CustomTypography,
857
856
  {
858
857
  variant: "P2regular",
859
858
  style: styles$w.title,
860
859
  text: topLeftTitle
861
860
  }
862
- )) : null, title ? /* @__PURE__ */ React__default.createElement(
861
+ )) : null, title ? /* @__PURE__ */ React.createElement(
863
862
  CustomTypography,
864
863
  {
865
864
  variant: "H6bold",
866
865
  style: styles$w.subTitleBelow,
867
866
  text: title
868
867
  }
869
- ) : null, subtitle ? /* @__PURE__ */ React__default.createElement(
868
+ ) : null, subtitle ? /* @__PURE__ */ React.createElement(
870
869
  CustomTypography,
871
870
  {
872
871
  variant: "P3regular",
873
872
  style: styles$w.subtitle,
874
873
  text: subtitle
875
874
  }
876
- ) : null, /* @__PURE__ */ React__default.createElement(View, { style: styles$w.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React__default.createElement(
875
+ ) : null, /* @__PURE__ */ React.createElement(View, { style: styles$w.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React.createElement(
877
876
  CustomTypography,
878
877
  {
879
878
  variant: "P3regular",
880
879
  style: styles$w.subTitleLeftBelow,
881
880
  text: iconTitle
882
881
  }
883
- ) : null), buttonShown ? /* @__PURE__ */ React__default.createElement(
882
+ ) : null), buttonShown ? /* @__PURE__ */ React.createElement(
884
883
  Pressable,
885
884
  {
886
885
  testID: "Button-Press",
887
886
  style: styles$w.button,
888
887
  onPress: onButtonPress
889
888
  },
890
- /* @__PURE__ */ React__default.createElement(
889
+ /* @__PURE__ */ React.createElement(
891
890
  CustomTypography,
892
891
  {
893
892
  variant: "B2semiBold",
@@ -948,7 +947,7 @@ const Checkbox = ({
948
947
  setChecked(!checked);
949
948
  onCheck && onCheck(!checked);
950
949
  };
951
- return /* @__PURE__ */ React__default.createElement(View, { testID, style: containerStyle }, /* @__PURE__ */ React__default.createElement(
950
+ return /* @__PURE__ */ React.createElement(View, { testID, style: containerStyle }, /* @__PURE__ */ React.createElement(
952
951
  Pressable,
953
952
  {
954
953
  testID: "Checkbox-Press",
@@ -956,8 +955,8 @@ const Checkbox = ({
956
955
  disabled: disable,
957
956
  style: styles$v.directionStyle
958
957
  },
959
- /* @__PURE__ */ React__default.createElement(View, { style: styles$v.checkboxContainer }, React__default.cloneElement(checked ? checkedIcon : uncheckedIcon)),
960
- /* @__PURE__ */ React__default.createElement(
958
+ /* @__PURE__ */ React.createElement(View, { style: styles$v.checkboxContainer }, React.cloneElement(checked ? checkedIcon : uncheckedIcon)),
959
+ /* @__PURE__ */ React.createElement(
961
960
  CustomTypography,
962
961
  {
963
962
  variant: titleVariant,
@@ -1018,26 +1017,26 @@ const CustomDropdown$1 = ({
1018
1017
  downArrowIcon
1019
1018
  }) => {
1020
1019
  const [showOptions, setShowOptions] = useState(false);
1021
- return /* @__PURE__ */ React__default.createElement(View, { testID: testId }, /* @__PURE__ */ React__default.createElement(
1020
+ return /* @__PURE__ */ React.createElement(View, { testID: testId }, /* @__PURE__ */ React.createElement(
1022
1021
  CustomTypography,
1023
1022
  {
1024
1023
  variant: "P3regular",
1025
1024
  style: styles$u.labelStyle,
1026
1025
  text: label
1027
1026
  }
1028
- ), /* @__PURE__ */ React__default.createElement(
1027
+ ), /* @__PURE__ */ React.createElement(
1029
1028
  Pressable,
1030
1029
  {
1031
1030
  testID: `${testId}-BTN`,
1032
1031
  style: styles$u.dropDownStyle,
1033
1032
  onPress: () => setShowOptions(!showOptions)
1034
1033
  },
1035
- iconName && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(iconName, {
1034
+ iconName && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(iconName, {
1036
1035
  width: moderateScale(24),
1037
1036
  height: moderateScale(24),
1038
1037
  style: styles$u.iconStyle
1039
1038
  })),
1040
- /* @__PURE__ */ React__default.createElement(
1039
+ /* @__PURE__ */ React.createElement(
1041
1040
  CustomTypography,
1042
1041
  {
1043
1042
  variant: "P3regular",
@@ -1045,14 +1044,14 @@ const CustomDropdown$1 = ({
1045
1044
  text: selectedValue ? selectedValue.label : placeholder
1046
1045
  }
1047
1046
  ),
1048
- /* @__PURE__ */ React__default.createElement(View, null, showOptions ? React__default.cloneElement(upArrowIcon, {
1047
+ /* @__PURE__ */ React.createElement(View, null, showOptions ? React.cloneElement(upArrowIcon, {
1049
1048
  width: moderateScale(24),
1050
1049
  height: moderateScale(24)
1051
- }) : React__default.cloneElement(downArrowIcon, {
1050
+ }) : React.cloneElement(downArrowIcon, {
1052
1051
  width: moderateScale(24),
1053
1052
  height: moderateScale(24)
1054
1053
  }))
1055
- ), showOptions && /* @__PURE__ */ React__default.createElement(View, { style: styles$u.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React__default.createElement(
1054
+ ), showOptions && /* @__PURE__ */ React.createElement(View, { style: styles$u.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React.createElement(
1056
1055
  Pressable,
1057
1056
  {
1058
1057
  key: id,
@@ -1068,12 +1067,12 @@ const CustomDropdown$1 = ({
1068
1067
  }
1069
1068
  ]
1070
1069
  },
1071
- iconName && /* @__PURE__ */ React__default.createElement(View, { style: iconStyle }, React__default.cloneElement(iconName, {
1070
+ iconName && /* @__PURE__ */ React.createElement(View, { style: iconStyle }, React.cloneElement(iconName, {
1072
1071
  width: moderateScale(24),
1073
1072
  height: moderateScale(24),
1074
1073
  style: styles$u.iconStyle
1075
1074
  })),
1076
- /* @__PURE__ */ React__default.createElement(
1075
+ /* @__PURE__ */ React.createElement(
1077
1076
  CustomTypography,
1078
1077
  {
1079
1078
  variant: "P3regular",
@@ -1164,14 +1163,14 @@ const CustomTextInput = ({
1164
1163
  };
1165
1164
  const handleIconPress1 = () => setValue("");
1166
1165
  const handleIconPress2 = () => setIsSecureTextEntry(!isSecureTextEntry);
1167
- return /* @__PURE__ */ React__default.createElement(View, { testID }, /* @__PURE__ */ React__default.createElement(
1166
+ return /* @__PURE__ */ React.createElement(View, { testID }, /* @__PURE__ */ React.createElement(
1168
1167
  CustomTypography,
1169
1168
  {
1170
1169
  variant: "P3medium",
1171
1170
  style: [styles$t.labelStyle, disabled && styles$t.disableTextStyle],
1172
1171
  text: label
1173
1172
  }
1174
- ), /* @__PURE__ */ React__default.createElement(
1173
+ ), /* @__PURE__ */ React.createElement(
1175
1174
  View,
1176
1175
  {
1177
1176
  style: [
@@ -1186,12 +1185,12 @@ const CustomTextInput = ({
1186
1185
  }
1187
1186
  ]
1188
1187
  },
1189
- isSearchBar && searchIcon && React__default.cloneElement(searchIcon, {
1188
+ isSearchBar && searchIcon && React.cloneElement(searchIcon, {
1190
1189
  width: moderateScale(24),
1191
1190
  height: moderateScale(24),
1192
1191
  style: styles$t.searchIconStyle
1193
1192
  }),
1194
- /* @__PURE__ */ React__default.createElement(
1193
+ /* @__PURE__ */ React.createElement(
1195
1194
  TextInput,
1196
1195
  {
1197
1196
  ...props,
@@ -1208,15 +1207,15 @@ const CustomTextInput = ({
1208
1207
  secureTextEntry: isSecureTextEntry
1209
1208
  }
1210
1209
  ),
1211
- value && !multiline && rightIcon1 && React__default.cloneElement(rightIcon1, {
1210
+ value && !multiline && rightIcon1 && React.cloneElement(rightIcon1, {
1212
1211
  onPress: handleIconPress1,
1213
1212
  testID: "icon1"
1214
1213
  }),
1215
- secureTextEntry && rightIcon2 && React__default.cloneElement(rightIcon2, {
1214
+ secureTextEntry && rightIcon2 && React.cloneElement(rightIcon2, {
1216
1215
  onPress: handleIconPress2,
1217
1216
  testID: "icon2"
1218
1217
  })
1219
- ), (error || successMessage) && /* @__PURE__ */ React__default.createElement(
1218
+ ), (error || successMessage) && /* @__PURE__ */ React.createElement(
1220
1219
  CustomTypography,
1221
1220
  {
1222
1221
  numberOfLines: 2,
@@ -1239,7 +1238,7 @@ const CustomTooltip = ({
1239
1238
  backgroundColor,
1240
1239
  triggerElement
1241
1240
  }) => {
1242
- return /* @__PURE__ */ React__default.createElement(
1241
+ return /* @__PURE__ */ React.createElement(
1243
1242
  Tooltip,
1244
1243
  {
1245
1244
  isVisible,
@@ -1300,27 +1299,27 @@ const FileUpload = ({
1300
1299
  icon,
1301
1300
  iconStyle
1302
1301
  }) => {
1303
- return /* @__PURE__ */ React__default.createElement(
1302
+ return /* @__PURE__ */ React.createElement(
1304
1303
  View,
1305
1304
  {
1306
1305
  style: [styles$s.container, containerStyle],
1307
1306
  testID: "file-upload-container"
1308
1307
  },
1309
- /* @__PURE__ */ React__default.createElement(View, { style: styles$s.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$s.title, text: title }), /* @__PURE__ */ React__default.createElement(
1308
+ /* @__PURE__ */ React.createElement(View, { style: styles$s.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$s.title, text: title }), /* @__PURE__ */ React.createElement(
1310
1309
  CustomTypography,
1311
1310
  {
1312
1311
  variant: "P4regular",
1313
1312
  style: styles$s.description,
1314
1313
  text: `Drop files directly here or `
1315
1314
  }
1316
- ), /* @__PURE__ */ React__default.createElement(
1315
+ ), /* @__PURE__ */ React.createElement(
1317
1316
  CustomTypography,
1318
1317
  {
1319
1318
  variant: "P4regular",
1320
1319
  style: styles$s.browse,
1321
1320
  text: btnText
1322
1321
  }
1323
- ), /* @__PURE__ */ React__default.createElement(
1322
+ ), /* @__PURE__ */ React.createElement(
1324
1323
  CustomTypography,
1325
1324
  {
1326
1325
  testID: "file-upload-description",
@@ -1329,14 +1328,14 @@ const FileUpload = ({
1329
1328
  text: ` from your device`
1330
1329
  }
1331
1330
  )),
1332
- /* @__PURE__ */ React__default.createElement(
1331
+ /* @__PURE__ */ React.createElement(
1333
1332
  Pressable,
1334
1333
  {
1335
1334
  style: styles$s.button,
1336
1335
  onPress: onUpload,
1337
1336
  testID: "file-upload-button"
1338
1337
  },
1339
- /* @__PURE__ */ React__default.createElement(
1338
+ /* @__PURE__ */ React.createElement(
1340
1339
  CustomTypography,
1341
1340
  {
1342
1341
  variant: "B2semiBold",
@@ -1349,7 +1348,7 @@ const FileUpload = ({
1349
1348
  };
1350
1349
 
1351
1350
  const PdfView = (props) => {
1352
- return /* @__PURE__ */ React__default.createElement(Pdf, { ...props });
1351
+ return /* @__PURE__ */ React.createElement(Pdf, { ...props });
1353
1352
  };
1354
1353
 
1355
1354
  const styles$r = StyleSheet.create({
@@ -1408,28 +1407,28 @@ const PopUp = ({
1408
1407
  leftButtonShown = false,
1409
1408
  rightButtonShown = false
1410
1409
  }) => {
1411
- return /* @__PURE__ */ React__default.createElement(View, { testID, style: styles$r.container }, title ? /* @__PURE__ */ React__default.createElement(
1410
+ return /* @__PURE__ */ React.createElement(View, { testID, style: styles$r.container }, title ? /* @__PURE__ */ React.createElement(
1412
1411
  CustomTypography,
1413
1412
  {
1414
1413
  style: styles$r.subTitleBelow,
1415
1414
  variant: "H6semiBold",
1416
1415
  text: title
1417
1416
  }
1418
- ) : null, subtitle ? /* @__PURE__ */ React__default.createElement(
1417
+ ) : null, subtitle ? /* @__PURE__ */ React.createElement(
1419
1418
  CustomTypography,
1420
1419
  {
1421
1420
  style: styles$r.subtitle,
1422
1421
  variant: "P3regular",
1423
1422
  text: subtitle
1424
1423
  }
1425
- ) : null, /* @__PURE__ */ React__default.createElement(View, { style: styles$r.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React__default.createElement(
1424
+ ) : null, /* @__PURE__ */ React.createElement(View, { style: styles$r.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React.createElement(
1426
1425
  Pressable,
1427
1426
  {
1428
1427
  testID: "Left-Button-Press",
1429
1428
  style: styles$r.buttonLeft,
1430
1429
  onPress: onButtonPress
1431
1430
  },
1432
- /* @__PURE__ */ React__default.createElement(
1431
+ /* @__PURE__ */ React.createElement(
1433
1432
  CustomTypography,
1434
1433
  {
1435
1434
  style: styles$r.buttonLeftText,
@@ -1437,7 +1436,7 @@ const PopUp = ({
1437
1436
  text: buttonText
1438
1437
  }
1439
1438
  )
1440
- ) : null, rightButtonShown ? /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$r.button, onPress: onButtonPress }, /* @__PURE__ */ React__default.createElement(
1439
+ ) : null, rightButtonShown ? /* @__PURE__ */ React.createElement(Pressable, { style: styles$r.button, onPress: onButtonPress }, /* @__PURE__ */ React.createElement(
1441
1440
  CustomTypography,
1442
1441
  {
1443
1442
  style: styles$r.buttonText,
@@ -1478,7 +1477,7 @@ const CustomProgressBar = ({
1478
1477
  return () => clearInterval(progressInterval);
1479
1478
  }, [progress, value, increment, interval]);
1480
1479
  const showPercentage = () => {
1481
- return /* @__PURE__ */ React__default.createElement(View, { style: styles$q.flexDirection }, /* @__PURE__ */ React__default.createElement(
1480
+ return /* @__PURE__ */ React.createElement(View, { style: styles$q.flexDirection }, /* @__PURE__ */ React.createElement(
1482
1481
  CustomText$1,
1483
1482
  {
1484
1483
  text: `${value}%`,
@@ -1486,7 +1485,7 @@ const CustomProgressBar = ({
1486
1485
  textColor: "CONTENT_PRIMARY",
1487
1486
  style: valueTextStyle
1488
1487
  }
1489
- ), percentageText ? /* @__PURE__ */ React__default.createElement(
1488
+ ), percentageText ? /* @__PURE__ */ React.createElement(
1490
1489
  CustomText$1,
1491
1490
  {
1492
1491
  text: percentageText,
@@ -1498,7 +1497,7 @@ const CustomProgressBar = ({
1498
1497
  const renderProgressBar = () => {
1499
1498
  switch (type) {
1500
1499
  case ShapeType.LINE:
1501
- return /* @__PURE__ */ React__default.createElement(
1500
+ return /* @__PURE__ */ React.createElement(
1502
1501
  Progress.Bar,
1503
1502
  {
1504
1503
  progress: progress / 100,
@@ -1512,7 +1511,7 @@ const CustomProgressBar = ({
1512
1511
  }
1513
1512
  );
1514
1513
  case ShapeType.CIRCLE:
1515
- return /* @__PURE__ */ React__default.createElement(
1514
+ return /* @__PURE__ */ React.createElement(
1516
1515
  Progress.Circle,
1517
1516
  {
1518
1517
  progress: progress / 100,
@@ -1530,7 +1529,7 @@ const CustomProgressBar = ({
1530
1529
  return null;
1531
1530
  }
1532
1531
  };
1533
- return /* @__PURE__ */ React__default.createElement(View, { testID: "custom-progress-bar" }, renderProgressBar());
1532
+ return /* @__PURE__ */ React.createElement(View, { testID: "custom-progress-bar" }, renderProgressBar());
1534
1533
  };
1535
1534
  const styles$q = StyleSheet.create({
1536
1535
  flexDirection: {
@@ -1563,19 +1562,19 @@ const splitRating = (rating) => {
1563
1562
  const drawStar = (starIndex, ratingArray, size, fullStarIcon, halfStarIcon, fullStarColor, emptyStarColor) => {
1564
1563
  const [fullStars, decimalPart] = ratingArray;
1565
1564
  if (starIndex <= fullStars) {
1566
- return React__default.cloneElement(fullStarIcon, {
1565
+ return React.cloneElement(fullStarIcon, {
1567
1566
  style: { height: size, width: size },
1568
1567
  fill: fullStarColor,
1569
1568
  testID: `star-${starIndex}`
1570
1569
  });
1571
1570
  } else if (starIndex === fullStars + 1 && decimalPart >= 0.5) {
1572
- return React__default.cloneElement(halfStarIcon, {
1571
+ return React.cloneElement(halfStarIcon, {
1573
1572
  style: { height: size, width: size },
1574
1573
  fill: fullStarColor,
1575
1574
  testID: `star-${starIndex}`
1576
1575
  });
1577
1576
  } else {
1578
- return React__default.cloneElement(fullStarIcon, {
1577
+ return React.cloneElement(fullStarIcon, {
1579
1578
  style: { height: size, width: size },
1580
1579
  fill: emptyStarColor,
1581
1580
  testID: `star-${starIndex}`
@@ -1606,10 +1605,10 @@ const Star = ({
1606
1605
  emptyStarColor
1607
1606
  );
1608
1607
  stars.push(
1609
- /* @__PURE__ */ React__default.createElement(View, { key: i, style: [styles$p.star, starStyle] }, starType)
1608
+ /* @__PURE__ */ React.createElement(View, { key: i, style: [styles$p.star, starStyle] }, starType)
1610
1609
  );
1611
1610
  }
1612
- return /* @__PURE__ */ React__default.createElement(View, { style: styles$p.container, testID: "star" }, stars);
1611
+ return /* @__PURE__ */ React.createElement(View, { style: styles$p.container, testID: "star" }, stars);
1613
1612
  };
1614
1613
 
1615
1614
  var styles$o = StyleSheet.create({
@@ -1654,7 +1653,7 @@ const Tabs = ({
1654
1653
  onSelectionChange(selectedTabs);
1655
1654
  }
1656
1655
  };
1657
- return /* @__PURE__ */ React__default.createElement(View, { style: [styles$o.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React__default.createElement(
1656
+ return /* @__PURE__ */ React.createElement(View, { style: [styles$o.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React.createElement(
1658
1657
  Pressable,
1659
1658
  {
1660
1659
  key: id,
@@ -1665,7 +1664,7 @@ const Tabs = ({
1665
1664
  },
1666
1665
  onPress: () => handlePress(id)
1667
1666
  },
1668
- /* @__PURE__ */ React__default.createElement(
1667
+ /* @__PURE__ */ React.createElement(
1669
1668
  CustomText$1,
1670
1669
  {
1671
1670
  variant: FontStyle.L2_REGULAR,
@@ -1734,7 +1733,7 @@ const Tags = ({
1734
1733
  );
1735
1734
  handleTagsChange(tag);
1736
1735
  };
1737
- return /* @__PURE__ */ React__default.createElement(
1736
+ return /* @__PURE__ */ React.createElement(
1738
1737
  ScrollView,
1739
1738
  {
1740
1739
  testID,
@@ -1742,7 +1741,7 @@ const Tags = ({
1742
1741
  contentContainerStyle: styles$n.contentContainer,
1743
1742
  horizontal: false
1744
1743
  },
1745
- tags?.map((tag) => /* @__PURE__ */ React__default.createElement(
1744
+ tags?.map((tag) => /* @__PURE__ */ React.createElement(
1746
1745
  Pressable,
1747
1746
  {
1748
1747
  testID: `${testID}-${tag}-BTN`,
@@ -1754,7 +1753,7 @@ const Tags = ({
1754
1753
  selectedTags.includes(tag) ? styles$n.selectedTag : styles$n.tagUnSelected
1755
1754
  ]
1756
1755
  },
1757
- /* @__PURE__ */ React__default.createElement(
1756
+ /* @__PURE__ */ React.createElement(
1758
1757
  CustomTypography,
1759
1758
  {
1760
1759
  variant: selectedTags.includes(tag) ? "H9semiBold" : "P4regular",
@@ -1762,13 +1761,13 @@ const Tags = ({
1762
1761
  text: tag
1763
1762
  }
1764
1763
  ),
1765
- selectedTags.includes(tag) && icon && /* @__PURE__ */ React__default.createElement(
1764
+ selectedTags.includes(tag) && icon && /* @__PURE__ */ React.createElement(
1766
1765
  Pressable,
1767
1766
  {
1768
1767
  testID: `${testID}-${tag}-PRESS`,
1769
1768
  onPress: () => removeTag(tag)
1770
1769
  },
1771
- React__default.cloneElement(icon, { style: [icon.props.style, iconStyle] })
1770
+ React.cloneElement(icon, { style: [icon.props.style, iconStyle] })
1772
1771
  )
1773
1772
  ))
1774
1773
  );
@@ -1835,14 +1834,14 @@ const CustomSwitch = ({
1835
1834
  const animatedStyle = {
1836
1835
  transform: [{ translateX: animatedValue }]
1837
1836
  };
1838
- return /* @__PURE__ */ React__default.createElement(
1837
+ return /* @__PURE__ */ React.createElement(
1839
1838
  Pressable,
1840
1839
  {
1841
1840
  onPress: toggleSwitch,
1842
1841
  style: [styles$m.container, { width }],
1843
1842
  testID: "custom-switch"
1844
1843
  },
1845
- /* @__PURE__ */ React__default.createElement(
1844
+ /* @__PURE__ */ React.createElement(
1846
1845
  View,
1847
1846
  {
1848
1847
  style: [
@@ -1852,8 +1851,8 @@ const CustomSwitch = ({
1852
1851
  }
1853
1852
  ]
1854
1853
  },
1855
- /* @__PURE__ */ React__default.createElement(Animated.View, { style: [styles$m.thumb, animatedStyle] }),
1856
- type !== ToggleButtonType.SMALL && /* @__PURE__ */ React__default.createElement(
1854
+ /* @__PURE__ */ React.createElement(Animated.View, { style: [styles$m.thumb, animatedStyle] }),
1855
+ type !== ToggleButtonType.SMALL && /* @__PURE__ */ React.createElement(
1857
1856
  CustomTypography,
1858
1857
  {
1859
1858
  variant: "B3semiBold",
@@ -1925,7 +1924,7 @@ const Accordion = ({
1925
1924
  inputRange: [0, 1],
1926
1925
  outputRange: [0, contentHeight]
1927
1926
  });
1928
- return /* @__PURE__ */ React__default.createElement(
1927
+ return /* @__PURE__ */ React.createElement(
1929
1928
  View,
1930
1929
  {
1931
1930
  style: {
@@ -1935,13 +1934,13 @@ const Accordion = ({
1935
1934
  },
1936
1935
  testID: testId
1937
1936
  },
1938
- /* @__PURE__ */ React__default.createElement(
1937
+ /* @__PURE__ */ React.createElement(
1939
1938
  Pressable,
1940
1939
  {
1941
1940
  style: [styles$l.header, headerStyle, disabled && { opacity: 0.5 }],
1942
1941
  onPress: !disabled ? onToggle : void 0
1943
1942
  },
1944
- headerComponent ? headerComponent() : /* @__PURE__ */ React__default.createElement(
1943
+ headerComponent ? headerComponent() : /* @__PURE__ */ React.createElement(
1945
1944
  CustomTypography,
1946
1945
  {
1947
1946
  variant: titleVariant,
@@ -1953,14 +1952,14 @@ const Accordion = ({
1953
1952
  }
1954
1953
  }
1955
1954
  ),
1956
- React__default.cloneElement(icon, {
1955
+ React.cloneElement(icon, {
1957
1956
  width: moderateScale(20),
1958
1957
  height: moderateScale(20),
1959
1958
  style: styles$l.iconStyle
1960
1959
  })
1961
1960
  ),
1962
1961
  optionalElement ? optionalElement() : null,
1963
- isOpen && /* @__PURE__ */ React__default.createElement(Animated.View, { style: [styles$l.content, { height: cardHeight }] }, /* @__PURE__ */ React__default.createElement(
1962
+ isOpen && /* @__PURE__ */ React.createElement(Animated.View, { style: [styles$l.content, { height: cardHeight }] }, /* @__PURE__ */ React.createElement(
1964
1963
  View,
1965
1964
  {
1966
1965
  ref: contentRef,
@@ -2006,7 +2005,7 @@ const styles$k = StyleSheet.create({
2006
2005
  }
2007
2006
  });
2008
2007
 
2009
- const Toast = React__default.forwardRef(({ sucessIcon, errorIcon }, ref) => {
2008
+ const Toast = React.forwardRef(({ sucessIcon, errorIcon }, ref) => {
2010
2009
  const [visible, setVisible] = useState(false);
2011
2010
  const [message, setMessage] = useState("");
2012
2011
  const [isSuccess, setIsSuccess] = useState(true);
@@ -2049,10 +2048,10 @@ const Toast = React__default.forwardRef(({ sucessIcon, errorIcon }, ref) => {
2049
2048
  return () => clearInterval(interval);
2050
2049
  }
2051
2050
  }, [visible]);
2052
- React__default.useImperativeHandle(ref, () => ({
2051
+ React.useImperativeHandle(ref, () => ({
2053
2052
  showToast
2054
2053
  }));
2055
- return visible ? /* @__PURE__ */ React__default.createElement(
2054
+ return visible ? /* @__PURE__ */ React.createElement(
2056
2055
  Animated.View,
2057
2056
  {
2058
2057
  style: [
@@ -2062,21 +2061,21 @@ const Toast = React__default.forwardRef(({ sucessIcon, errorIcon }, ref) => {
2062
2061
  ],
2063
2062
  testID: "TOAST"
2064
2063
  },
2065
- /* @__PURE__ */ React__default.createElement(View, { style: styles$k.toastContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$k.innerContainer }, isSuccess ? sucessIcon : errorIcon, /* @__PURE__ */ React__default.createElement(
2064
+ /* @__PURE__ */ React.createElement(View, { style: styles$k.toastContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$k.innerContainer }, isSuccess ? sucessIcon : errorIcon, /* @__PURE__ */ React.createElement(
2066
2065
  CustomTypography,
2067
2066
  {
2068
2067
  variant: "L2_REGULAR",
2069
2068
  text: message,
2070
2069
  style: styles$k.messageText
2071
2070
  }
2072
- ), btnText && /* @__PURE__ */ React__default.createElement(
2071
+ ), btnText && /* @__PURE__ */ React.createElement(
2073
2072
  Pressable,
2074
2073
  {
2075
2074
  style: styles$k.button,
2076
2075
  onPress: onBtnPress || void 0,
2077
2076
  testID: "TOAST-BTN"
2078
2077
  },
2079
- /* @__PURE__ */ React__default.createElement(
2078
+ /* @__PURE__ */ React.createElement(
2080
2079
  CustomTypography,
2081
2080
  {
2082
2081
  variant: "L2_BOLD",
@@ -2085,7 +2084,7 @@ const Toast = React__default.forwardRef(({ sucessIcon, errorIcon }, ref) => {
2085
2084
  }
2086
2085
  )
2087
2086
  ))),
2088
- /* @__PURE__ */ React__default.createElement(
2087
+ /* @__PURE__ */ React.createElement(
2089
2088
  Progress.Bar,
2090
2089
  {
2091
2090
  progress,
@@ -2140,7 +2139,7 @@ const CustomSearchBar = ({
2140
2139
  pointerEvents,
2141
2140
  ...props
2142
2141
  }) => {
2143
- return /* @__PURE__ */ React__default.createElement(
2142
+ return /* @__PURE__ */ React.createElement(
2144
2143
  Pressable,
2145
2144
  {
2146
2145
  testID,
@@ -2154,7 +2153,7 @@ const CustomSearchBar = ({
2154
2153
  ],
2155
2154
  onPress: handlePress
2156
2155
  },
2157
- /* @__PURE__ */ React__default.createElement(
2156
+ /* @__PURE__ */ React.createElement(
2158
2157
  Pressable,
2159
2158
  {
2160
2159
  onPress: () => {
@@ -2163,13 +2162,13 @@ const CustomSearchBar = ({
2163
2162
  },
2164
2163
  style: searchIconStyle
2165
2164
  },
2166
- React__default.cloneElement(searchIcon, {
2165
+ React.cloneElement(searchIcon, {
2167
2166
  width: moderateScale(24),
2168
2167
  height: moderateScale(24),
2169
2168
  style: [styles$j.searchIconStyle, searchIconStyle]
2170
2169
  })
2171
2170
  ),
2172
- /* @__PURE__ */ React__default.createElement(
2171
+ /* @__PURE__ */ React.createElement(
2173
2172
  TextInput,
2174
2173
  {
2175
2174
  ...props,
@@ -2185,7 +2184,7 @@ const CustomSearchBar = ({
2185
2184
  pointerEvents
2186
2185
  }
2187
2186
  ),
2188
- value && /* @__PURE__ */ React__default.createElement(
2187
+ value && /* @__PURE__ */ React.createElement(
2189
2188
  Pressable,
2190
2189
  {
2191
2190
  onPress: () => {
@@ -2194,7 +2193,7 @@ const CustomSearchBar = ({
2194
2193
  },
2195
2194
  style: crossIconStyle
2196
2195
  },
2197
- React__default.cloneElement(rightIcon, {
2196
+ React.cloneElement(rightIcon, {
2198
2197
  // width: moderateScale(24),
2199
2198
  // height: moderateScale(24),
2200
2199
  style: [styles$j.crossIconStyle, crossIconStyle]
@@ -2231,7 +2230,7 @@ const CustomHeader = ({
2231
2230
  onRightPress
2232
2231
  }) => {
2233
2232
  const { theme } = useTheme();
2234
- return /* @__PURE__ */ React__default.createElement(
2233
+ return /* @__PURE__ */ React.createElement(
2235
2234
  View,
2236
2235
  {
2237
2236
  style: {
@@ -2241,12 +2240,12 @@ const CustomHeader = ({
2241
2240
  },
2242
2241
  testID: testId
2243
2242
  },
2244
- /* @__PURE__ */ React__default.createElement(View, { style: styles$i.headderContainer }, showLeftIcon && leftIcon ? React__default.cloneElement(leftIcon, {
2243
+ /* @__PURE__ */ React.createElement(View, { style: styles$i.headderContainer }, showLeftIcon && leftIcon ? React.cloneElement(leftIcon, {
2245
2244
  width: moderateScale(24),
2246
2245
  height: moderateScale(24),
2247
2246
  onPress: onLeftPress,
2248
2247
  style: styles$i.leftIconStyle
2249
- }) : null, /* @__PURE__ */ React__default.createElement(
2248
+ }) : null, /* @__PURE__ */ React.createElement(
2250
2249
  CustomTypography,
2251
2250
  {
2252
2251
  variant: "B2_REGULAR",
@@ -2254,7 +2253,7 @@ const CustomHeader = ({
2254
2253
  style: { color: theme.CONTENT_PRIMARY }
2255
2254
  }
2256
2255
  )),
2257
- showRightIcon && rightIcon ? React__default.cloneElement(rightIcon, {
2256
+ showRightIcon && rightIcon ? React.cloneElement(rightIcon, {
2258
2257
  width: moderateScale(24),
2259
2258
  height: moderateScale(24),
2260
2259
  onPress: onRightPress,
@@ -2311,7 +2310,7 @@ const SwipableList = (props) => {
2311
2310
  onPress,
2312
2311
  style,
2313
2312
  testID
2314
- }) => /* @__PURE__ */ React__default.createElement(
2313
+ }) => /* @__PURE__ */ React.createElement(
2315
2314
  Pressable,
2316
2315
  {
2317
2316
  testID,
@@ -2319,7 +2318,7 @@ const SwipableList = (props) => {
2319
2318
  style: [styles$h.actionButton, style]
2320
2319
  },
2321
2320
  icon,
2322
- /* @__PURE__ */ React__default.createElement(
2321
+ /* @__PURE__ */ React.createElement(
2323
2322
  CustomTypography,
2324
2323
  {
2325
2324
  variant: "L1_REGULAR",
@@ -2328,7 +2327,7 @@ const SwipableList = (props) => {
2328
2327
  }
2329
2328
  )
2330
2329
  );
2331
- const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default.createElement(View, { style: styles$h.actionBtn }, leftPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
2330
+ const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React.createElement(View, { style: styles$h.actionBtn }, leftPrimaryActionIcon && /* @__PURE__ */ React.createElement(
2332
2331
  ActionButton,
2333
2332
  {
2334
2333
  icon: leftPrimaryActionIcon,
@@ -2337,7 +2336,7 @@ const SwipableList = (props) => {
2337
2336
  style: leftPrimaryActionStyle,
2338
2337
  testID: `${testId}-LEFT-PRIMARY-${item.id}`
2339
2338
  }
2340
- ), leftSecondaryActionIcon && /* @__PURE__ */ React__default.createElement(
2339
+ ), leftSecondaryActionIcon && /* @__PURE__ */ React.createElement(
2341
2340
  ActionButton,
2342
2341
  {
2343
2342
  icon: leftSecondaryActionIcon,
@@ -2347,7 +2346,7 @@ const SwipableList = (props) => {
2347
2346
  testID: `${testId}-LEFT-SECONDARY-${item.id}`
2348
2347
  }
2349
2348
  ));
2350
- const rightActionHandle = (item) => /* @__PURE__ */ React__default.createElement(View, { style: [styles$h.actionBtn, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default.createElement(
2349
+ const rightActionHandle = (item) => /* @__PURE__ */ React.createElement(View, { style: [styles$h.actionBtn, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React.createElement(
2351
2350
  ActionButton,
2352
2351
  {
2353
2352
  icon: rightPrimaryActionIcon,
@@ -2357,7 +2356,7 @@ const SwipableList = (props) => {
2357
2356
  testID: `${testId}-RIGHT-PRIMARY-${item.id}`
2358
2357
  }
2359
2358
  ));
2360
- const renderItem = ({ item }) => /* @__PURE__ */ React__default.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$h.container }, /* @__PURE__ */ React__default.createElement(
2359
+ const renderItem = ({ item }) => /* @__PURE__ */ React.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$h.container }, /* @__PURE__ */ React.createElement(
2361
2360
  Swipeable,
2362
2361
  {
2363
2362
  renderLeftActions: () => leftActionHandle(
@@ -2371,13 +2370,13 @@ const SwipableList = (props) => {
2371
2370
  },
2372
2371
  props?.renderItem(item)
2373
2372
  ));
2374
- return /* @__PURE__ */ React__default.createElement(View, { testID: testId }, /* @__PURE__ */ React__default.createElement(
2373
+ return /* @__PURE__ */ React.createElement(View, { testID: testId }, /* @__PURE__ */ React.createElement(
2375
2374
  FlatList,
2376
2375
  {
2377
2376
  data,
2378
2377
  renderItem,
2379
2378
  keyExtractor: (item) => item.id,
2380
- ItemSeparatorComponent: () => /* @__PURE__ */ React__default.createElement(
2379
+ ItemSeparatorComponent: () => /* @__PURE__ */ React.createElement(
2381
2380
  View,
2382
2381
  {
2383
2382
  style: {
@@ -2410,7 +2409,7 @@ const CustomIcon = ({
2410
2409
  containerStyle,
2411
2410
  titleStyle
2412
2411
  }) => {
2413
- return /* @__PURE__ */ React__default.createElement(
2412
+ return /* @__PURE__ */ React.createElement(
2414
2413
  Pressable,
2415
2414
  {
2416
2415
  style: [styles$g.container, containerStyle],
@@ -2418,7 +2417,7 @@ const CustomIcon = ({
2418
2417
  testID: testId
2419
2418
  },
2420
2419
  icon,
2421
- title && /* @__PURE__ */ React__default.createElement(
2420
+ title && /* @__PURE__ */ React.createElement(
2422
2421
  CustomTypography,
2423
2422
  {
2424
2423
  variant: titleVariant,
@@ -2431,7 +2430,7 @@ const CustomIcon = ({
2431
2430
 
2432
2431
  const HorizontalLine = ({ backgroundColor = "SURFACE_SECONDARY", style }) => {
2433
2432
  const { theme } = useTheme();
2434
- return /* @__PURE__ */ React__default.createElement(
2433
+ return /* @__PURE__ */ React.createElement(
2435
2434
  View,
2436
2435
  {
2437
2436
  style: [
@@ -2461,7 +2460,7 @@ const Topic = ({
2461
2460
  subTitleStyle
2462
2461
  }) => {
2463
2462
  const { theme } = useTheme();
2464
- return /* @__PURE__ */ React__default.createElement(
2463
+ return /* @__PURE__ */ React.createElement(
2465
2464
  TouchableOpacity,
2466
2465
  {
2467
2466
  style: [
@@ -2471,9 +2470,9 @@ const Topic = ({
2471
2470
  ],
2472
2471
  onPress
2473
2472
  },
2474
- rightIcon && /* @__PURE__ */ React__default.createElement(View, { style: styles$e.rightIconContainer }, React__default.cloneElement(rightIcon)),
2475
- /* @__PURE__ */ React__default.createElement(View, { style: styles$e.timeContainer }, time && /* @__PURE__ */ React__default.createElement(CustomText$1, { text: time, variant: FontStyle.L2_REGULAR })),
2476
- /* @__PURE__ */ React__default.createElement(View, { style: styles$e.textContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$e.paymentView }, statusImage && /* @__PURE__ */ React__default.createElement(View, null, React__default.cloneElement(statusImage)), subTitle && /* @__PURE__ */ React__default.createElement(
2473
+ rightIcon && /* @__PURE__ */ React.createElement(View, { style: styles$e.rightIconContainer }, React.cloneElement(rightIcon)),
2474
+ /* @__PURE__ */ React.createElement(View, { style: styles$e.timeContainer }, time && /* @__PURE__ */ React.createElement(CustomText$1, { text: time, variant: FontStyle.L2_REGULAR })),
2475
+ /* @__PURE__ */ React.createElement(View, { style: styles$e.textContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$e.paymentView }, statusImage && /* @__PURE__ */ React.createElement(View, null, React.cloneElement(statusImage)), subTitle && /* @__PURE__ */ React.createElement(
2477
2476
  CustomText$1,
2478
2477
  {
2479
2478
  style: [styles$e.subTitle, subTitleStyle],
@@ -2481,7 +2480,7 @@ const Topic = ({
2481
2480
  variant: FontStyle.L2_REGULAR,
2482
2481
  textColor: Theme.CONTENT_PRIMARY
2483
2482
  }
2484
- )), /* @__PURE__ */ React__default.createElement(
2483
+ )), /* @__PURE__ */ React.createElement(
2485
2484
  CustomText$1,
2486
2485
  {
2487
2486
  text: title,
@@ -2582,27 +2581,27 @@ const ContactModal = ({
2582
2581
  onClose();
2583
2582
  };
2584
2583
  const emailOptions = ["Mail", "Gmail", "Outlook"];
2585
- const renderEmailOptions = () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
2584
+ const renderEmailOptions = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
2586
2585
  CustomText$1,
2587
2586
  {
2588
2587
  style: styles$d.title,
2589
2588
  text: "Open email app",
2590
2589
  variant: "L2_REGULAR"
2591
2590
  }
2592
- ), /* @__PURE__ */ React__default.createElement(
2591
+ ), /* @__PURE__ */ React.createElement(
2593
2592
  CustomText$1,
2594
2593
  {
2595
2594
  style: styles$d.subtitle,
2596
2595
  text: "Which app would you like to open?",
2597
2596
  variant: "L2_REGULAR"
2598
2597
  }
2599
- ), emailOptions.map((option) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: option }, /* @__PURE__ */ React__default.createElement(Line, null), /* @__PURE__ */ React__default.createElement(
2598
+ ), emailOptions.map((option) => /* @__PURE__ */ React.createElement(React.Fragment, { key: option }, /* @__PURE__ */ React.createElement(Line, null), /* @__PURE__ */ React.createElement(
2600
2599
  Pressable,
2601
2600
  {
2602
2601
  onPress: () => handleOptionPress(),
2603
2602
  style: styles$d.optionButton
2604
2603
  },
2605
- /* @__PURE__ */ React__default.createElement(
2604
+ /* @__PURE__ */ React.createElement(
2606
2605
  CustomText$1,
2607
2606
  {
2608
2607
  style: styles$d.optionText,
@@ -2611,14 +2610,14 @@ const ContactModal = ({
2611
2610
  }
2612
2611
  )
2613
2612
  ))));
2614
- const renderContent = () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(View, { style: styles$d.viewContainer }, isMailOpen ? renderEmailOptions() : /* @__PURE__ */ React__default.createElement(Pressable, { onPress: handleCall, style: styles$d.optionButton }, /* @__PURE__ */ React__default.createElement(
2613
+ const renderContent = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, { style: styles$d.viewContainer }, isMailOpen ? renderEmailOptions() : /* @__PURE__ */ React.createElement(Pressable, { onPress: handleCall, style: styles$d.optionButton }, /* @__PURE__ */ React.createElement(
2615
2614
  CustomText$1,
2616
2615
  {
2617
2616
  style: styles$d.optionText,
2618
2617
  text: `Call ${phoneNumber}`,
2619
2618
  variant: "B3_BOLD"
2620
2619
  }
2621
- ))), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: onClose, style: styles$d.cancelButton }, /* @__PURE__ */ React__default.createElement(
2620
+ ))), /* @__PURE__ */ React.createElement(Pressable, { onPress: onClose, style: styles$d.cancelButton }, /* @__PURE__ */ React.createElement(
2622
2621
  CustomText$1,
2623
2622
  {
2624
2623
  style: styles$d.cancelText,
@@ -2626,7 +2625,7 @@ const ContactModal = ({
2626
2625
  variant: "B2_REGULAR"
2627
2626
  }
2628
2627
  )));
2629
- return /* @__PURE__ */ React__default.createElement(View, { style: styles$d.container }, /* @__PURE__ */ React__default.createElement(
2628
+ return /* @__PURE__ */ React.createElement(View, { style: styles$d.container }, /* @__PURE__ */ React.createElement(
2630
2629
  Modal,
2631
2630
  {
2632
2631
  animationType: "slide",
@@ -2634,7 +2633,7 @@ const ContactModal = ({
2634
2633
  visible,
2635
2634
  onRequestClose: onClose
2636
2635
  },
2637
- /* @__PURE__ */ React__default.createElement(View, { style: styles$d.modalContainer }, /* @__PURE__ */ React__default.createElement(View, { style: styles$d.modalContent }, renderContent()))
2636
+ /* @__PURE__ */ React.createElement(View, { style: styles$d.modalContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$d.modalContent }, renderContent()))
2638
2637
  ));
2639
2638
  };
2640
2639
  const styles$d = StyleSheet.create({
@@ -2771,7 +2770,7 @@ const DateRangePicker = (props) => {
2771
2770
  return markedDates;
2772
2771
  };
2773
2772
  const isButtonDisabled = !selectedRange.startDate || !selectedRange.endDate;
2774
- return /* @__PURE__ */ React__default.createElement(View, null, /* @__PURE__ */ React__default.createElement(
2773
+ return /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
2775
2774
  Calendar,
2776
2775
  {
2777
2776
  markedDates: getMarkedDates(),
@@ -2794,7 +2793,7 @@ const DateRangePicker = (props) => {
2794
2793
  firstDay: 1,
2795
2794
  ...props
2796
2795
  }
2797
- ), /* @__PURE__ */ React__default.createElement(
2796
+ ), /* @__PURE__ */ React.createElement(
2798
2797
  CustomButton$1,
2799
2798
  {
2800
2799
  title: btnTitle,
@@ -2825,7 +2824,7 @@ const OurOfficesButton = ({
2825
2824
  descriptionColor = "CONTENT_SECONDARY"
2826
2825
  }) => {
2827
2826
  const { theme } = useTheme();
2828
- return /* @__PURE__ */ React__default.createElement(
2827
+ return /* @__PURE__ */ React.createElement(
2829
2828
  TouchableOpacity,
2830
2829
  {
2831
2830
  style: [
@@ -2835,8 +2834,8 @@ const OurOfficesButton = ({
2835
2834
  ],
2836
2835
  onPress
2837
2836
  },
2838
- leftIcon && /* @__PURE__ */ React__default.createElement(View, { style: styles$b.iconContainer }, React__default.cloneElement(leftIcon)),
2839
- /* @__PURE__ */ React__default.createElement(View, { style: styles$b.textContainer }, /* @__PURE__ */ React__default.createElement(
2837
+ leftIcon && /* @__PURE__ */ React.createElement(View, { style: styles$b.iconContainer }, React.cloneElement(leftIcon)),
2838
+ /* @__PURE__ */ React.createElement(View, { style: styles$b.textContainer }, /* @__PURE__ */ React.createElement(
2840
2839
  CustomText$1,
2841
2840
  {
2842
2841
  text: title,
@@ -2844,7 +2843,7 @@ const OurOfficesButton = ({
2844
2843
  textColor: titleColor,
2845
2844
  style: styles$b.textView
2846
2845
  }
2847
- ), /* @__PURE__ */ React__default.createElement(
2846
+ ), /* @__PURE__ */ React.createElement(
2848
2847
  CustomText$1,
2849
2848
  {
2850
2849
  text: description,
@@ -2853,7 +2852,7 @@ const OurOfficesButton = ({
2853
2852
  style: styles$b.flexWrap
2854
2853
  }
2855
2854
  )),
2856
- rightIcon && /* @__PURE__ */ React__default.createElement(View, { style: styles$b.rightIconContainer }, React__default.cloneElement(rightIcon))
2855
+ rightIcon && /* @__PURE__ */ React.createElement(View, { style: styles$b.rightIconContainer }, React.cloneElement(rightIcon))
2857
2856
  );
2858
2857
  };
2859
2858
  const styles$b = StyleSheet.create({
@@ -2909,7 +2908,7 @@ const NotificationBandge = ({
2909
2908
  if (notificationCount <= 0) {
2910
2909
  return icon;
2911
2910
  }
2912
- return /* @__PURE__ */ React__default.createElement(View, { style: styles$a.iconContainer }, icon, /* @__PURE__ */ React__default.createElement(View, { style: styles$a.badge }, /* @__PURE__ */ React__default.createElement(Text, { style: [styles$a.badgeText] }, notificationCount > 99 ? "99+" : notificationCount)));
2911
+ return /* @__PURE__ */ React.createElement(View, { style: styles$a.iconContainer }, icon, /* @__PURE__ */ React.createElement(View, { style: styles$a.badge }, /* @__PURE__ */ React.createElement(Text, { style: [styles$a.badgeText] }, notificationCount > 99 ? "99+" : notificationCount)));
2913
2912
  };
2914
2913
 
2915
2914
  const ScrollableList = ({
@@ -2928,7 +2927,7 @@ const ScrollableList = ({
2928
2927
  );
2929
2928
  const { theme } = useTheme();
2930
2929
  const styles = createStyles$2({ theme });
2931
- return /* @__PURE__ */ React__default.createElement(View, { style: [styles.container, containerStyle] }, /* @__PURE__ */ React__default.createElement(
2930
+ return /* @__PURE__ */ React.createElement(View, { style: [styles.container, containerStyle] }, /* @__PURE__ */ React.createElement(
2932
2931
  ScrollView,
2933
2932
  {
2934
2933
  horizontal: true,
@@ -2938,7 +2937,7 @@ const ScrollableList = ({
2938
2937
  scrollViewContentStyle
2939
2938
  ]
2940
2939
  },
2941
- data?.map((item) => /* @__PURE__ */ React__default.createElement(
2940
+ data?.map((item) => /* @__PURE__ */ React.createElement(
2942
2941
  Pressable,
2943
2942
  {
2944
2943
  key: item.value,
@@ -2955,7 +2954,7 @@ const ScrollableList = ({
2955
2954
  handleSelectCategory(item.name, item.value);
2956
2955
  }
2957
2956
  },
2958
- /* @__PURE__ */ React__default.createElement(
2957
+ /* @__PURE__ */ React.createElement(
2959
2958
  CustomText$1,
2960
2959
  {
2961
2960
  text: item.name,
@@ -2963,7 +2962,7 @@ const ScrollableList = ({
2963
2962
  textColor: (activeTab ?? selectedItem) === item.name ? selectedItemTextColor : defaultItemTextColor
2964
2963
  }
2965
2964
  ),
2966
- item?.isError && /* @__PURE__ */ React__default.createElement(View, { style: [styles.errorViewStyle] })
2965
+ item?.isError && /* @__PURE__ */ React.createElement(View, { style: [styles.errorViewStyle] })
2967
2966
  ))
2968
2967
  ));
2969
2968
  };
@@ -3057,7 +3056,7 @@ const FeedbackForm = ({
3057
3056
  const maxChars = 200;
3058
3057
  const { theme } = useTheme();
3059
3058
  const styles = createStyles$1(theme);
3060
- return /* @__PURE__ */ React__default.createElement(View, { style: styles.container }, /* @__PURE__ */ React__default.createElement(
3059
+ return /* @__PURE__ */ React.createElement(View, { style: styles.container }, /* @__PURE__ */ React.createElement(
3061
3060
  CustomText$1,
3062
3061
  {
3063
3062
  text: title,
@@ -3065,7 +3064,7 @@ const FeedbackForm = ({
3065
3064
  textColor: Theme.CONTENT_SECONDRY,
3066
3065
  style: styles.headerText
3067
3066
  }
3068
- ), /* @__PURE__ */ React__default.createElement(
3067
+ ), /* @__PURE__ */ React.createElement(
3069
3068
  TextInput,
3070
3069
  {
3071
3070
  style: [styles.textInput, { height: Math.max(100) }],
@@ -3076,7 +3075,7 @@ const FeedbackForm = ({
3076
3075
  value: feedback,
3077
3076
  onChangeText: (text) => setFeedback(text)
3078
3077
  }
3079
- ), /* @__PURE__ */ React__default.createElement(
3078
+ ), /* @__PURE__ */ React.createElement(
3080
3079
  CustomText$1,
3081
3080
  {
3082
3081
  text: `${feedback.length}/${maxChars} characters`,
@@ -3084,14 +3083,14 @@ const FeedbackForm = ({
3084
3083
  textColor: Theme.CONTENT_SECONDRY,
3085
3084
  style: styles.charCounter
3086
3085
  }
3087
- ), /* @__PURE__ */ React__default.createElement(View, { style: styles.buttonContainer }, /* @__PURE__ */ React__default.createElement(Pressable, { style: styles.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React__default.createElement(
3086
+ ), /* @__PURE__ */ React.createElement(View, { style: styles.buttonContainer }, /* @__PURE__ */ React.createElement(Pressable, { style: styles.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React.createElement(
3088
3087
  CustomText$1,
3089
3088
  {
3090
3089
  text: leftBtnTxt,
3091
3090
  variant: FontStyle.L1_REGULAR,
3092
3091
  textColor: Theme.CONTENT_PRIMARY
3093
3092
  }
3094
- )), /* @__PURE__ */ React__default.createElement(Pressable, { style: styles.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React__default.createElement(
3093
+ )), /* @__PURE__ */ React.createElement(Pressable, { style: styles.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React.createElement(
3095
3094
  CustomText$1,
3096
3095
  {
3097
3096
  text: rightBtnTxt,
@@ -3129,7 +3128,7 @@ const CountryDropDown = ({
3129
3128
  setCallingCode(`+${country.callingCode[0]}`);
3130
3129
  getCountryCode(`+${country.callingCode[0]}`);
3131
3130
  };
3132
- return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(View, { style: [styles$9.container, containerStyle] }, /* @__PURE__ */ React__default.createElement(View, { style: [styles$9.countryPickerContainer, countryPickerStyle] }, /* @__PURE__ */ React__default.createElement(
3131
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, { style: [styles$9.container, containerStyle] }, /* @__PURE__ */ React.createElement(View, { style: [styles$9.countryPickerContainer, countryPickerStyle] }, /* @__PURE__ */ React.createElement(
3133
3132
  CountryPicker,
3134
3133
  {
3135
3134
  withFilter: true,
@@ -3139,21 +3138,21 @@ const CountryDropDown = ({
3139
3138
  onSelect: handleSelect,
3140
3139
  visible: pickerVisible
3141
3140
  }
3142
- ), /* @__PURE__ */ React__default.createElement(
3141
+ ), /* @__PURE__ */ React.createElement(
3143
3142
  Text,
3144
3143
  {
3145
3144
  onPress: () => setPickerVisible(true),
3146
3145
  style: [styles$9.callingCode, callingCodeStyle]
3147
3146
  },
3148
3147
  callingCode
3149
- )), /* @__PURE__ */ React__default.createElement(View, { style: styles$9.flex }, (isFocused || value) && /* @__PURE__ */ React__default.createElement(
3148
+ )), /* @__PURE__ */ React.createElement(View, { style: styles$9.flex }, (isFocused || value) && /* @__PURE__ */ React.createElement(
3150
3149
  CustomTypography,
3151
3150
  {
3152
3151
  variant: "L2_REGULAR",
3153
3152
  text: label ?? "",
3154
3153
  style: styles$9.floatingLabel
3155
3154
  }
3156
- ), /* @__PURE__ */ React__default.createElement(
3155
+ ), /* @__PURE__ */ React.createElement(
3157
3156
  TextInput,
3158
3157
  {
3159
3158
  style: [styles$9.input, inputStyle],
@@ -3166,7 +3165,7 @@ const CountryDropDown = ({
3166
3165
  maxLength,
3167
3166
  placeholderTextColor: theme.CONTENT_SECONDRY["light"]
3168
3167
  }
3169
- ))), errorMessage ? /* @__PURE__ */ React__default.createElement(
3168
+ ))), errorMessage ? /* @__PURE__ */ React.createElement(
3170
3169
  CustomTypography,
3171
3170
  {
3172
3171
  variant: "L2_REGULAR",
@@ -3247,7 +3246,7 @@ const CommonTextInput = (props) => {
3247
3246
  rightIcon,
3248
3247
  onRightIconPress
3249
3248
  } = props;
3250
- return /* @__PURE__ */ React__default.createElement(Pressable, { onPress: handlePress, style: styles$8.container }, /* @__PURE__ */ React__default.createElement(
3249
+ return /* @__PURE__ */ React.createElement(Pressable, { onPress: handlePress, style: styles$8.container }, /* @__PURE__ */ React.createElement(
3251
3250
  TextInput$1,
3252
3251
  {
3253
3252
  mode: "outlined",
@@ -3279,7 +3278,7 @@ const CommonTextInput = (props) => {
3279
3278
  error: errorMessage?.length ? true : false,
3280
3279
  multiline,
3281
3280
  numberOfLines: multiline ? 4 : 1,
3282
- right: rightIcon ? /* @__PURE__ */ React__default.createElement(
3281
+ right: rightIcon ? /* @__PURE__ */ React.createElement(
3283
3282
  TextInput$1.Icon,
3284
3283
  {
3285
3284
  icon: rightIcon,
@@ -3291,7 +3290,7 @@ const CommonTextInput = (props) => {
3291
3290
  ) : null,
3292
3291
  ...props
3293
3292
  }
3294
- ), errorMessage ? /* @__PURE__ */ React__default.createElement(
3293
+ ), errorMessage ? /* @__PURE__ */ React.createElement(
3295
3294
  CustomTypography,
3296
3295
  {
3297
3296
  variant: "L2_REGULAR",
@@ -3336,22 +3335,6 @@ const styles$8 = StyleSheet.create({
3336
3335
  }
3337
3336
  });
3338
3337
 
3339
- var _path;
3340
- 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); }
3341
- var SvgDropDownArrow = function SvgDropDownArrow(props) {
3342
- return /*#__PURE__*/React.createElement("svg", _extends({
3343
- xmlns: "http://www.w3.org/2000/svg",
3344
- width: 24,
3345
- height: 24,
3346
- fill: "none"
3347
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
3348
- stroke: "#000",
3349
- strokeLinecap: "round",
3350
- strokeLinejoin: "round",
3351
- d: "M19.5 9 12 16.5 4.5 9"
3352
- })));
3353
- };
3354
-
3355
3338
  const CustomDropdown = ({
3356
3339
  data,
3357
3340
  labelField = "label",
@@ -3378,7 +3361,7 @@ const CustomDropdown = ({
3378
3361
  const [isFocus, setIsFocus] = useState(false);
3379
3362
  const renderLabel = () => {
3380
3363
  if (value || isFocus) {
3381
- return /* @__PURE__ */ React__default.createElement(
3364
+ return /* @__PURE__ */ React.createElement(
3382
3365
  Text,
3383
3366
  {
3384
3367
  style: [
@@ -3400,7 +3383,7 @@ const CustomDropdown = ({
3400
3383
  onValueChange(newValue);
3401
3384
  }
3402
3385
  };
3403
- return /* @__PURE__ */ React__default.createElement(View, { style: [styles$7.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React__default.createElement(
3386
+ return /* @__PURE__ */ React.createElement(View, { style: [styles$7.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React.createElement(
3404
3387
  Dropdown,
3405
3388
  {
3406
3389
  style: [
@@ -3424,8 +3407,7 @@ const CustomDropdown = ({
3424
3407
  itemTextStyle,
3425
3408
  containerStyle: menuContainerStyle,
3426
3409
  activeColor,
3427
- itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle],
3428
- renderRightIcon: () => /* @__PURE__ */ React__default.createElement(SvgDropDownArrow, null)
3410
+ itemContainerStyle: [styles$7.itemListStyle, itemContainerStyle]
3429
3411
  }
3430
3412
  ));
3431
3413
  };
@@ -3521,20 +3503,20 @@ const CustomSwitchBtn = ({
3521
3503
  const toggleSwitch = () => {
3522
3504
  onValueChange(!value);
3523
3505
  };
3524
- return /* @__PURE__ */ React__default.createElement(
3506
+ return /* @__PURE__ */ React.createElement(
3525
3507
  Pressable,
3526
3508
  {
3527
3509
  disabled,
3528
3510
  onPress: toggleSwitch,
3529
3511
  style: { ...styles$6.mainContainer, ...containerStyle }
3530
3512
  },
3531
- /* @__PURE__ */ React__default.createElement(
3513
+ /* @__PURE__ */ React.createElement(
3532
3514
  Animated.View,
3533
3515
  {
3534
3516
  style: [styles$6.circle, { transform: [{ translateX }], ...circleStyle }]
3535
3517
  }
3536
3518
  ),
3537
- /* @__PURE__ */ React__default.createElement(
3519
+ /* @__PURE__ */ React.createElement(
3538
3520
  CustomTypography,
3539
3521
  {
3540
3522
  style: [styles$6.activeText, value ? inActiveTextStyle : activeTextStyle],
@@ -3542,7 +3524,7 @@ const CustomSwitchBtn = ({
3542
3524
  variant: activeTextVariant
3543
3525
  }
3544
3526
  ),
3545
- /* @__PURE__ */ React__default.createElement(
3527
+ /* @__PURE__ */ React.createElement(
3546
3528
  CustomTypography,
3547
3529
  {
3548
3530
  style: [
@@ -3598,7 +3580,7 @@ const TagsComponent = ({
3598
3580
  }
3599
3581
  return tagList;
3600
3582
  };
3601
- const renderTagItem = ({ item }) => /* @__PURE__ */ React__default.createElement(
3583
+ const renderTagItem = ({ item }) => /* @__PURE__ */ React.createElement(
3602
3584
  Pressable,
3603
3585
  {
3604
3586
  onPress: () => handleTagPress?.(item.name),
@@ -3607,7 +3589,7 @@ const TagsComponent = ({
3607
3589
  selectedTag === item?.name ? [styles.selectedTagButton, selectedTagButton] : [styles.unselectedTagButton, unselectedTagButton]
3608
3590
  ]
3609
3591
  },
3610
- /* @__PURE__ */ React__default.createElement(
3592
+ /* @__PURE__ */ React.createElement(
3611
3593
  CustomText$1,
3612
3594
  {
3613
3595
  textColor: selectedTag === item?.name ? Theme.CONTENT_INVERTED : Theme.CONTENT_SECONDRY,
@@ -3616,9 +3598,9 @@ const TagsComponent = ({
3616
3598
  },
3617
3599
  item?.name
3618
3600
  ),
3619
- selectedTag === item?.name && /* @__PURE__ */ React__default.createElement(Text, { style: styles.closeButton }, "\u2715")
3601
+ selectedTag === item?.name && /* @__PURE__ */ React.createElement(Text, { style: styles.closeButton }, "\u2715")
3620
3602
  );
3621
- return /* @__PURE__ */ React__default.createElement(View, null, /* @__PURE__ */ React__default.createElement(
3603
+ return /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
3622
3604
  FlatList,
3623
3605
  {
3624
3606
  data: reorderedTags(),
@@ -3732,7 +3714,7 @@ const CustomDocumentPicker = ({
3732
3714
  const removeDocument = useCallback(() => {
3733
3715
  setDocDetails(void 0);
3734
3716
  }, []);
3735
- return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
3717
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
3736
3718
  View,
3737
3719
  {
3738
3720
  style: [
@@ -3742,14 +3724,14 @@ const CustomDocumentPicker = ({
3742
3724
  containerStyle
3743
3725
  ]
3744
3726
  },
3745
- /* @__PURE__ */ React__default.createElement(Pressable, { style: styles$5.innerContainer, onPress: pickDocument }, docDetails ? fileIcon : uploadIcon, /* @__PURE__ */ React__default.createElement(View, { style: styles$5.titleContainer }, /* @__PURE__ */ React__default.createElement(
3727
+ /* @__PURE__ */ React.createElement(Pressable, { style: styles$5.innerContainer, onPress: pickDocument }, docDetails ? fileIcon : uploadIcon, /* @__PURE__ */ React.createElement(View, { style: styles$5.titleContainer }, /* @__PURE__ */ React.createElement(
3746
3728
  CustomTypography,
3747
3729
  {
3748
3730
  variant: FontStyle.L2_REGULAR,
3749
3731
  text: docDetails?.name ?? title,
3750
3732
  style: [{ color: theme.CONTENT_PRIMARY }, titleStyle]
3751
3733
  }
3752
- ), !docDetails && /* @__PURE__ */ React__default.createElement(
3734
+ ), !docDetails && /* @__PURE__ */ React.createElement(
3753
3735
  CustomTypography,
3754
3736
  {
3755
3737
  variant: FontStyle.L3_REGULAR,
@@ -3757,10 +3739,10 @@ const CustomDocumentPicker = ({
3757
3739
  style: [{ color: theme.CONTENT_SECONDRY }, hintStyle]
3758
3740
  }
3759
3741
  ))),
3760
- docDetails && React__default.cloneElement(deleteIcon, {
3742
+ docDetails && React.cloneElement(deleteIcon, {
3761
3743
  onPress: removeDocument
3762
3744
  })
3763
- ), error && /* @__PURE__ */ React__default.createElement(
3745
+ ), error && /* @__PURE__ */ React.createElement(
3764
3746
  CustomTypography,
3765
3747
  {
3766
3748
  variant: FontStyle.L2_REGULAR,
@@ -3800,7 +3782,7 @@ const styles$4 = StyleSheet.create({
3800
3782
  }
3801
3783
  });
3802
3784
 
3803
- const OTPInput = React__default.forwardRef(
3785
+ const OTPInput = React.forwardRef(
3804
3786
  ({
3805
3787
  length = 4,
3806
3788
  onComplete,
@@ -3843,7 +3825,7 @@ const OTPInput = React__default.forwardRef(
3843
3825
  setIsResendOtpEnable(true);
3844
3826
  }, 5e3);
3845
3827
  };
3846
- React__default.useImperativeHandle(ref, () => ({
3828
+ React.useImperativeHandle(ref, () => ({
3847
3829
  reset() {
3848
3830
  setOTP("");
3849
3831
  }
@@ -3874,7 +3856,7 @@ const OTPInput = React__default.forwardRef(
3874
3856
  onComplete?.(otp);
3875
3857
  }
3876
3858
  }, [otp]);
3877
- return /* @__PURE__ */ React__default.createElement(View, { style: { ...otpContainerStyle }, "data-testid": testId }, /* @__PURE__ */ React__default.createElement(
3859
+ return /* @__PURE__ */ React.createElement(View, { style: { ...otpContainerStyle }, "data-testid": testId }, /* @__PURE__ */ React.createElement(
3878
3860
  CustomTypography,
3879
3861
  {
3880
3862
  text: label,
@@ -3885,7 +3867,7 @@ const OTPInput = React__default.forwardRef(
3885
3867
  ...otpHeaderTextStyle
3886
3868
  }
3887
3869
  }
3888
- ), /* @__PURE__ */ React__default.createElement(View, { style: { ...styles$4.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React__default.createElement(
3870
+ ), /* @__PURE__ */ React.createElement(View, { style: { ...styles$4.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React.createElement(
3889
3871
  TextInput,
3890
3872
  {
3891
3873
  key: index?.toString(),
@@ -3906,14 +3888,14 @@ const OTPInput = React__default.forwardRef(
3906
3888
  returnKeyType: otp.length === length ? "done" : "next",
3907
3889
  selectionColor: theme$1.CONTENT_PRIMARY
3908
3890
  }
3909
- ))), /* @__PURE__ */ React__default.createElement(
3891
+ ))), /* @__PURE__ */ React.createElement(
3910
3892
  Pressable,
3911
3893
  {
3912
3894
  onPress: onClickResendOTP,
3913
3895
  style: styles$4.resendOTPStyle,
3914
3896
  disabled: !isResendOtpEnable
3915
3897
  },
3916
- /* @__PURE__ */ React__default.createElement(
3898
+ /* @__PURE__ */ React.createElement(
3917
3899
  CustomTypography,
3918
3900
  {
3919
3901
  text: resendText,
@@ -3925,7 +3907,7 @@ const OTPInput = React__default.forwardRef(
3925
3907
  }
3926
3908
  }
3927
3909
  )
3928
- ), /* @__PURE__ */ React__default.createElement(View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default.createElement(
3910
+ ), /* @__PURE__ */ React.createElement(View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React.createElement(
3929
3911
  CustomTypography,
3930
3912
  {
3931
3913
  text: errorMessage,
@@ -3935,7 +3917,7 @@ const OTPInput = React__default.forwardRef(
3935
3917
  color: theme$1.ERROR
3936
3918
  }
3937
3919
  }
3938
- ) : /* @__PURE__ */ React__default.createElement(View, null)));
3920
+ ) : /* @__PURE__ */ React.createElement(View, null)));
3939
3921
  }
3940
3922
  );
3941
3923
  var index$4 = withThemeProvider(OTPInput);
@@ -4068,18 +4050,18 @@ const Stepper = ({
4068
4050
  return { borderColor: theme.CONTENT_SECONDRY };
4069
4051
  }
4070
4052
  };
4071
- return /* @__PURE__ */ React__default.createElement(View, { style: { ...styles$3.stepperContainer, ...containerStyle } }, data?.map((item, index) => {
4053
+ return /* @__PURE__ */ React.createElement(View, { style: { ...styles$3.stepperContainer, ...containerStyle } }, data?.map((item, index) => {
4072
4054
  const stepCircleStyle = renderCircleStyle(item?.status);
4073
4055
  const dividerStyle = renderDividerStyle(item?.status);
4074
4056
  const labelStyle = renderLableStyle(item?.status);
4075
4057
  const lastViewStyle = index === data?.length - 1 ? styles$3.lastStepWrapper : null;
4076
- return /* @__PURE__ */ React__default.createElement(
4058
+ return /* @__PURE__ */ React.createElement(
4077
4059
  View,
4078
4060
  {
4079
4061
  key: index?.toString(),
4080
4062
  style: { ...styles$3.stepperWrapper, ...lastViewStyle }
4081
4063
  },
4082
- /* @__PURE__ */ React__default.createElement(View, { style: styles$3.stepperSeparatorContainer }, /* @__PURE__ */ React__default.createElement(View, { style: { ...stepCircleStyle } }, showStepCount && /* @__PURE__ */ React__default.createElement(
4064
+ /* @__PURE__ */ React.createElement(View, { style: styles$3.stepperSeparatorContainer }, /* @__PURE__ */ React.createElement(View, { style: { ...stepCircleStyle } }, showStepCount && /* @__PURE__ */ React.createElement(
4083
4065
  CustomTypography,
4084
4066
  {
4085
4067
  text: item?.step,
@@ -4088,8 +4070,8 @@ const Stepper = ({
4088
4070
  color: theme.CONTENT_PRIMARY
4089
4071
  }
4090
4072
  }
4091
- ), showStatus && item?.status === Status.Completed && completedStatusIcon), index != data?.length - 1 && /* @__PURE__ */ React__default.createElement(View, { style: { ...styles$3.separator, ...dividerStyle } })),
4092
- /* @__PURE__ */ React__default.createElement(View, { style: styles$3.lableContainer }, /* @__PURE__ */ React__default.createElement(
4073
+ ), showStatus && item?.status === Status.Completed && completedStatusIcon), index != data?.length - 1 && /* @__PURE__ */ React.createElement(View, { style: { ...styles$3.separator, ...dividerStyle } })),
4074
+ /* @__PURE__ */ React.createElement(View, { style: styles$3.lableContainer }, /* @__PURE__ */ React.createElement(
4093
4075
  CustomTypography,
4094
4076
  {
4095
4077
  text: item?.label,
@@ -4190,11 +4172,11 @@ const CustomSlideButton = ({
4190
4172
  })
4191
4173
  ).current;
4192
4174
  const { theme } = useTheme();
4193
- return /* @__PURE__ */ React__default.createElement(View, { style: {
4175
+ return /* @__PURE__ */ React.createElement(View, { style: {
4194
4176
  ...styles$2.sliderContainer,
4195
4177
  backgroundColor: theme.SURFACE_INVERTED,
4196
4178
  ...containerStyle
4197
- }, onLayout: handleLayout, ref: cardRef }, /* @__PURE__ */ React__default.createElement(View, { style: styles$2.buttonTextContainer }, /* @__PURE__ */ React__default.createElement(
4179
+ }, onLayout: handleLayout, ref: cardRef }, /* @__PURE__ */ React.createElement(View, { style: styles$2.buttonTextContainer }, /* @__PURE__ */ React.createElement(
4198
4180
  CustomTypography,
4199
4181
  {
4200
4182
  text: label,
@@ -4205,13 +4187,13 @@ const CustomSlideButton = ({
4205
4187
  ...textStyle
4206
4188
  }
4207
4189
  }
4208
- )), /* @__PURE__ */ React__default.createElement(
4190
+ )), /* @__PURE__ */ React.createElement(
4209
4191
  Animated.View,
4210
4192
  {
4211
4193
  style: [styles$2.slider, { transform: [{ translateX: pan }] }],
4212
4194
  ...panResponder.panHandlers
4213
4195
  },
4214
- /* @__PURE__ */ React__default.createElement(
4196
+ /* @__PURE__ */ React.createElement(
4215
4197
  View,
4216
4198
  {
4217
4199
  style: {
@@ -4331,7 +4313,7 @@ const AppointmentCard = ({
4331
4313
  directionText
4332
4314
  }) => {
4333
4315
  const { theme } = useTheme();
4334
- return /* @__PURE__ */ React__default.createElement(
4316
+ return /* @__PURE__ */ React.createElement(
4335
4317
  Accordion$1,
4336
4318
  {
4337
4319
  title,
@@ -4344,14 +4326,14 @@ const AppointmentCard = ({
4344
4326
  borderBottomColor: theme.BORDER_SEPERATOR_HEADER
4345
4327
  },
4346
4328
  headerStyle: styles$1.accordionHeader,
4347
- headerComponent: () => /* @__PURE__ */ React__default.createElement(View, { style: styles$1.accordionHeaderContent }, headerIcon, /* @__PURE__ */ React__default.createElement(View, { style: styles$1.accordionText }, /* @__PURE__ */ React__default.createElement(
4329
+ headerComponent: () => /* @__PURE__ */ React.createElement(View, { style: styles$1.accordionHeaderContent }, headerIcon, /* @__PURE__ */ React.createElement(View, { style: styles$1.accordionText }, /* @__PURE__ */ React.createElement(
4348
4330
  CustomTypography,
4349
4331
  {
4350
4332
  text: headerTitle,
4351
4333
  variant: FontStyle.L2_REGULAR,
4352
4334
  style: { color: theme.CONTENT_SECONDRY }
4353
4335
  }
4354
- ), /* @__PURE__ */ React__default.createElement(
4336
+ ), /* @__PURE__ */ React.createElement(
4355
4337
  CustomTypography,
4356
4338
  {
4357
4339
  text: headerSubtitle,
@@ -4361,7 +4343,7 @@ const AppointmentCard = ({
4361
4343
  ))),
4362
4344
  icon
4363
4345
  },
4364
- /* @__PURE__ */ React__default.createElement(
4346
+ /* @__PURE__ */ React.createElement(
4365
4347
  View,
4366
4348
  {
4367
4349
  style: [
@@ -4369,14 +4351,14 @@ const AppointmentCard = ({
4369
4351
  { borderTopColor: theme.BORDER_SEPERATOR_HEADER }
4370
4352
  ]
4371
4353
  },
4372
- /* @__PURE__ */ React__default.createElement(View, { style: styles$1.appointmentInfo }, data.map(({ title: title2, value, isLocation, isStatus }) => /* @__PURE__ */ React__default.createElement(View, { style: styles$1.infoColumn, key: title2 }, /* @__PURE__ */ React__default.createElement(
4354
+ /* @__PURE__ */ React.createElement(View, { style: styles$1.appointmentInfo }, data.map(({ title: title2, value, isLocation, isStatus }) => /* @__PURE__ */ React.createElement(View, { style: styles$1.infoColumn, key: title2 }, /* @__PURE__ */ React.createElement(
4373
4355
  CustomTypography,
4374
4356
  {
4375
4357
  text: title2,
4376
4358
  variant: FontStyle.L3_REGULAR,
4377
4359
  style: { color: theme.CONTENT_SECONDRY }
4378
4360
  }
4379
- ), /* @__PURE__ */ React__default.createElement(View, { style: styles$1.infoRow }, isStatus && statusIcon, /* @__PURE__ */ React__default.createElement(
4361
+ ), /* @__PURE__ */ React.createElement(View, { style: styles$1.infoRow }, isStatus && statusIcon, /* @__PURE__ */ React.createElement(
4380
4362
  CustomTypography,
4381
4363
  {
4382
4364
  text: value,
@@ -4385,7 +4367,7 @@ const AppointmentCard = ({
4385
4367
  color: isStatus ? theme.WARNING : theme.CONTENT_PRIMARY
4386
4368
  }
4387
4369
  }
4388
- )), isLocation && /* @__PURE__ */ React__default.createElement(
4370
+ )), isLocation && /* @__PURE__ */ React.createElement(
4389
4371
  CustomTypography,
4390
4372
  {
4391
4373
  text: directionText,
@@ -4397,7 +4379,7 @@ const AppointmentCard = ({
4397
4379
  onPress: onDirectionPress
4398
4380
  }
4399
4381
  )))),
4400
- /* @__PURE__ */ React__default.createElement(
4382
+ /* @__PURE__ */ React.createElement(
4401
4383
  View,
4402
4384
  {
4403
4385
  style: [
@@ -4408,7 +4390,7 @@ const AppointmentCard = ({
4408
4390
  ]
4409
4391
  },
4410
4392
  infoIcon,
4411
- /* @__PURE__ */ React__default.createElement(
4393
+ /* @__PURE__ */ React.createElement(
4412
4394
  CustomTypography,
4413
4395
  {
4414
4396
  text: info,
@@ -4417,7 +4399,7 @@ const AppointmentCard = ({
4417
4399
  }
4418
4400
  )
4419
4401
  ),
4420
- /* @__PURE__ */ React__default.createElement(
4402
+ /* @__PURE__ */ React.createElement(
4421
4403
  View,
4422
4404
  {
4423
4405
  style: [
@@ -4427,7 +4409,7 @@ const AppointmentCard = ({
4427
4409
  }
4428
4410
  ]
4429
4411
  },
4430
- /* @__PURE__ */ React__default.createElement(
4412
+ /* @__PURE__ */ React.createElement(
4431
4413
  CustomTypography,
4432
4414
  {
4433
4415
  text: viewText,
@@ -4441,7 +4423,7 @@ const AppointmentCard = ({
4441
4423
  onPress: onViewDetailsPress
4442
4424
  }
4443
4425
  ),
4444
- /* @__PURE__ */ React__default.createElement(View, { style: styles$1.actionIcons }, /* @__PURE__ */ React__default.createElement(
4426
+ /* @__PURE__ */ React.createElement(View, { style: styles$1.actionIcons }, /* @__PURE__ */ React.createElement(
4445
4427
  CustomIcon,
4446
4428
  {
4447
4429
  icon: deleteIcon,
@@ -4451,7 +4433,7 @@ const AppointmentCard = ({
4451
4433
  },
4452
4434
  onPress: onDeletePress
4453
4435
  }
4454
- ), /* @__PURE__ */ React__default.createElement(
4436
+ ), /* @__PURE__ */ React.createElement(
4455
4437
  CustomIcon,
4456
4438
  {
4457
4439
  icon: editIcon,
@@ -4504,7 +4486,7 @@ const PropertyDetails = ({
4504
4486
  onRightIconPress
4505
4487
  }) => {
4506
4488
  const { theme } = useTheme();
4507
- return /* @__PURE__ */ React__default.createElement(
4489
+ return /* @__PURE__ */ React.createElement(
4508
4490
  View,
4509
4491
  {
4510
4492
  style: {
@@ -4513,25 +4495,25 @@ const PropertyDetails = ({
4513
4495
  borderColor: theme.BORDER_SEPERATOR_HEADER
4514
4496
  }
4515
4497
  },
4516
- React__default.cloneElement(icon, {
4498
+ React.cloneElement(icon, {
4517
4499
  width: moderateScale(87),
4518
4500
  height: moderateScale(87)
4519
4501
  }),
4520
- /* @__PURE__ */ React__default.createElement(View, { style: styles.propertyInfo }, brandIcon, /* @__PURE__ */ React__default.createElement(
4502
+ /* @__PURE__ */ React.createElement(View, { style: styles.propertyInfo }, brandIcon, /* @__PURE__ */ React.createElement(
4521
4503
  CustomTypography,
4522
4504
  {
4523
4505
  text: title,
4524
4506
  variant: FontStyle.L2_REGULAR,
4525
4507
  style: { color: theme.CONTENT_PRIMARY }
4526
4508
  }
4527
- ), /* @__PURE__ */ React__default.createElement(
4509
+ ), /* @__PURE__ */ React.createElement(
4528
4510
  CustomTypography,
4529
4511
  {
4530
4512
  text: subTitle,
4531
4513
  variant: FontStyle.L1_REGULAR,
4532
4514
  style: { color: theme.CONTENT_PRIMARY }
4533
4515
  }
4534
- ), /* @__PURE__ */ React__default.createElement(View, { style: styles.propertyNumber }, /* @__PURE__ */ React__default.createElement(
4516
+ ), /* @__PURE__ */ React.createElement(View, { style: styles.propertyNumber }, /* @__PURE__ */ React.createElement(
4535
4517
  CustomTypography,
4536
4518
  {
4537
4519
  text: propertyNumber,
@@ -4541,7 +4523,7 @@ const PropertyDetails = ({
4541
4523
  }
4542
4524
  }
4543
4525
  ), hintIcon)),
4544
- /* @__PURE__ */ React__default.createElement(
4526
+ /* @__PURE__ */ React.createElement(
4545
4527
  CustomIcon,
4546
4528
  {
4547
4529
  icon: btnIcon,