dhre-ui-kit 0.0.124 → 0.0.126

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 (6) hide show
  1. package/lib/index.d.ts +46 -15
  2. package/lib/index.js +485 -242
  3. package/lib/index.js.map +1 -1
  4. package/lib/index.mjs +481 -240
  5. package/lib/index.mjs.map +1 -1
  6. package/package.json +1 -1
package/lib/index.js CHANGED
@@ -567,7 +567,7 @@ const DHRE_COLORS_TEXT = {
567
567
  DH_LIGHTGREEN: "#00B578"
568
568
  };
569
569
 
570
- const styles$C = reactNative.StyleSheet.create({
570
+ const styles$E = reactNative.StyleSheet.create({
571
571
  badge: {
572
572
  backgroundColor: DHRE_COLORS_ALERT.DH_SUCCESS_GREEN,
573
573
  borderRadius: 15,
@@ -594,16 +594,16 @@ const Badge = ({
594
594
  return /* @__PURE__ */ React__default["default"].createElement(
595
595
  reactNative.Pressable,
596
596
  {
597
- style: [styles$C.badge, commonStyles.centerRow, style],
597
+ style: [styles$E.badge, commonStyles.centerRow, style],
598
598
  testID: "BADGE",
599
599
  onPress: handleIconPress
600
600
  },
601
- iconName && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$C.icon, iconStyle] }, React__default["default"].cloneElement(iconName)),
601
+ iconName && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$E.icon, iconStyle] }, React__default["default"].cloneElement(iconName)),
602
602
  text && /* @__PURE__ */ React__default["default"].createElement(
603
603
  CustomTypography,
604
604
  {
605
605
  variant: "B3semiBold",
606
- style: [styles$C.text, textStyle],
606
+ style: [styles$E.text, textStyle],
607
607
  text
608
608
  }
609
609
  )
@@ -611,7 +611,7 @@ const Badge = ({
611
611
  };
612
612
  var Badge$1 = withThemeProvider(Badge);
613
613
 
614
- const styles$B = reactNative.StyleSheet.create({
614
+ const styles$D = reactNative.StyleSheet.create({
615
615
  mainContainer: {
616
616
  flex: 1,
617
617
  justifyContent: "flex-end"
@@ -690,29 +690,29 @@ const BottomDrawer = ({
690
690
  behavior: reactNative.Platform.OS === "ios" ? "padding" : "height",
691
691
  style: { flex: 1 }
692
692
  },
693
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$B.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React__default["default"].createElement(
693
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$D.mainContainer, style], testID }, showBlurView ? /* @__PURE__ */ React__default["default"].createElement(
694
694
  blur.BlurView,
695
695
  {
696
- style: [styles$B.blurView, blurViewStyle],
696
+ style: [styles$D.blurView, blurViewStyle],
697
697
  blurType: "light",
698
698
  blurAmount
699
699
  }
700
- ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$B.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$B.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$B.headerContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
700
+ ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$D.modalContainer, modalContainerStyle] }, showHeader && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$D.separator }), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$D.headerContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
701
701
  width: moderateScale(24),
702
702
  height: moderateScale(24),
703
- style: styles$B.leftIconStyle,
703
+ style: styles$D.leftIconStyle,
704
704
  onPress: onLeftIconPress
705
705
  }) : null, /* @__PURE__ */ React__default["default"].createElement(
706
706
  CustomTypography,
707
707
  {
708
708
  variant: titleVariant,
709
709
  text: title,
710
- style: { ...styles$B.title, ...titleStyle }
710
+ style: { ...styles$D.title, ...titleStyle }
711
711
  }
712
712
  ), showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
713
713
  width: moderateScale(24),
714
714
  height: moderateScale(24),
715
- style: styles$B.rightIconStyle,
715
+ style: styles$D.rightIconStyle,
716
716
  onPress: toggleModal
717
717
  }) : null)), children))
718
718
  ))
@@ -741,7 +741,7 @@ const CustomButton = ({
741
741
  {
742
742
  testID,
743
743
  style: [
744
- styles$A.buttonContainer,
744
+ styles$C.buttonContainer,
745
745
  containerStyle,
746
746
  disabled ? {
747
747
  backgroundColor: disabledColor ? disabledColor : theme.SURFACE_DISABLE
@@ -768,7 +768,7 @@ const CustomButton = ({
768
768
  imagePosition === "right" && rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: iconStyle }, React__default["default"].cloneElement(rightIcon, { width: 20, height: 20 }))
769
769
  );
770
770
  };
771
- const styles$A = reactNative.StyleSheet.create({
771
+ const styles$C = reactNative.StyleSheet.create({
772
772
  buttonContainer: {
773
773
  flexDirection: "row",
774
774
  alignItems: "center",
@@ -780,7 +780,7 @@ const styles$A = reactNative.StyleSheet.create({
780
780
  });
781
781
  var CustomButton$1 = withThemeProvider(CustomButton);
782
782
 
783
- const styles$z = reactNative.StyleSheet.create({
783
+ const styles$B = reactNative.StyleSheet.create({
784
784
  container: {
785
785
  padding: horizontalScale(20),
786
786
  marginHorizontal: horizontalScale(16),
@@ -845,53 +845,53 @@ const Cards = ({
845
845
  testID,
846
846
  onButtonPress
847
847
  }) => {
848
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID, style: styles$z.container }, topLeftTitle ? /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.topLeft }, /* @__PURE__ */ React__default["default"].createElement(
848
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID, style: styles$B.container }, topLeftTitle ? /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$B.topLeft }, /* @__PURE__ */ React__default["default"].createElement(
849
849
  CustomTypography,
850
850
  {
851
851
  variant: "P2regular",
852
- style: styles$z.title,
852
+ style: styles$B.title,
853
853
  text: topLeftTitle
854
854
  }
855
855
  )) : null, title ? /* @__PURE__ */ React__default["default"].createElement(
856
856
  CustomTypography,
857
857
  {
858
858
  variant: "H6bold",
859
- style: styles$z.subTitleBelow,
859
+ style: styles$B.subTitleBelow,
860
860
  text: title
861
861
  }
862
862
  ) : null, subtitle ? /* @__PURE__ */ React__default["default"].createElement(
863
863
  CustomTypography,
864
864
  {
865
865
  variant: "P3regular",
866
- style: styles$z.subtitle,
866
+ style: styles$B.subtitle,
867
867
  text: subtitle
868
868
  }
869
- ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React__default["default"].createElement(
869
+ ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$B.leftBottomView }, iconSource ? iconSource : null, iconTitle ? /* @__PURE__ */ React__default["default"].createElement(
870
870
  CustomTypography,
871
871
  {
872
872
  variant: "P3regular",
873
- style: styles$z.subTitleLeftBelow,
873
+ style: styles$B.subTitleLeftBelow,
874
874
  text: iconTitle
875
875
  }
876
876
  ) : null), buttonShown ? /* @__PURE__ */ React__default["default"].createElement(
877
877
  reactNative.Pressable,
878
878
  {
879
879
  testID: "Button-Press",
880
- style: styles$z.button,
880
+ style: styles$B.button,
881
881
  onPress: onButtonPress
882
882
  },
883
883
  /* @__PURE__ */ React__default["default"].createElement(
884
884
  CustomTypography,
885
885
  {
886
886
  variant: "B2semiBold",
887
- style: styles$z.buttonText,
887
+ style: styles$B.buttonText,
888
888
  text: buttonText
889
889
  }
890
890
  )
891
891
  ) : null);
892
892
  };
893
893
 
894
- const styles$y = reactNative.StyleSheet.create({
894
+ const styles$A = reactNative.StyleSheet.create({
895
895
  checkboxContainer: {
896
896
  alignItems: "center",
897
897
  justifyContent: "center"
@@ -947,9 +947,9 @@ const Checkbox = ({
947
947
  testID: "Checkbox-Press",
948
948
  onPress: handlePress,
949
949
  disabled: disable,
950
- style: styles$y.directionStyle
950
+ style: styles$A.directionStyle
951
951
  },
952
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$y.checkboxContainer }, React__default["default"].cloneElement(checked ? checkedIcon : uncheckedIcon)),
952
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$A.checkboxContainer }, React__default["default"].cloneElement(checked ? checkedIcon : uncheckedIcon)),
953
953
  /* @__PURE__ */ React__default["default"].createElement(
954
954
  CustomTypography,
955
955
  {
@@ -961,7 +961,7 @@ const Checkbox = ({
961
961
  ));
962
962
  };
963
963
 
964
- const styles$x = reactNative.StyleSheet.create({
964
+ const styles$z = reactNative.StyleSheet.create({
965
965
  labelStyle: {
966
966
  color: DHRE_COLORS_TEXT.DH_TEXTLIGHT
967
967
  },
@@ -1015,26 +1015,26 @@ const CustomDropdown$1 = ({
1015
1015
  CustomTypography,
1016
1016
  {
1017
1017
  variant: "P3regular",
1018
- style: styles$x.labelStyle,
1018
+ style: styles$z.labelStyle,
1019
1019
  text: label
1020
1020
  }
1021
1021
  ), /* @__PURE__ */ React__default["default"].createElement(
1022
1022
  reactNative.Pressable,
1023
1023
  {
1024
1024
  testID: `${testId}-BTN`,
1025
- style: styles$x.dropDownStyle,
1025
+ style: styles$z.dropDownStyle,
1026
1026
  onPress: () => setShowOptions(!showOptions)
1027
1027
  },
1028
1028
  iconName && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: iconStyle }, React__default["default"].cloneElement(iconName, {
1029
1029
  width: moderateScale(24),
1030
1030
  height: moderateScale(24),
1031
- style: styles$x.iconStyle
1031
+ style: styles$z.iconStyle
1032
1032
  })),
1033
1033
  /* @__PURE__ */ React__default["default"].createElement(
1034
1034
  CustomTypography,
1035
1035
  {
1036
1036
  variant: "P3regular",
1037
- style: styles$x.selectedValueStyle,
1037
+ style: styles$z.selectedValueStyle,
1038
1038
  text: selectedValue ? selectedValue.label : placeholder
1039
1039
  }
1040
1040
  ),
@@ -1045,7 +1045,7 @@ const CustomDropdown$1 = ({
1045
1045
  width: moderateScale(24),
1046
1046
  height: moderateScale(24)
1047
1047
  }))
1048
- ), showOptions && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$x.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React__default["default"].createElement(
1048
+ ), showOptions && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$z.optionContainer }, options?.map(({ id, value, label: label2 }) => /* @__PURE__ */ React__default["default"].createElement(
1049
1049
  reactNative.Pressable,
1050
1050
  {
1051
1051
  key: id,
@@ -1055,7 +1055,7 @@ const CustomDropdown$1 = ({
1055
1055
  oneSelect({ id, value, label: label2 });
1056
1056
  },
1057
1057
  style: [
1058
- styles$x.item,
1058
+ styles$z.item,
1059
1059
  {
1060
1060
  backgroundColor: id === selectedValue?.id ? DHRE_COLORS_BG.DH_GREY1 : DHRE_COLORS_TEXT.DH_WHITE
1061
1061
  }
@@ -1064,7 +1064,7 @@ const CustomDropdown$1 = ({
1064
1064
  iconName && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: iconStyle }, React__default["default"].cloneElement(iconName, {
1065
1065
  width: moderateScale(24),
1066
1066
  height: moderateScale(24),
1067
- style: styles$x.iconStyle
1067
+ style: styles$z.iconStyle
1068
1068
  })),
1069
1069
  /* @__PURE__ */ React__default["default"].createElement(
1070
1070
  CustomTypography,
@@ -1079,7 +1079,7 @@ const CustomDropdown$1 = ({
1079
1079
  ))));
1080
1080
  };
1081
1081
 
1082
- const styles$w = reactNative.StyleSheet.create({
1082
+ const styles$y = reactNative.StyleSheet.create({
1083
1083
  labelStyle: {
1084
1084
  color: DHRE_COLORS_TEXT.DH_TEXTDARK
1085
1085
  },
@@ -1161,18 +1161,18 @@ const CustomTextInput = ({
1161
1161
  CustomTypography,
1162
1162
  {
1163
1163
  variant: "P3medium",
1164
- style: [styles$w.labelStyle, disabled && styles$w.disableTextStyle],
1164
+ style: [styles$y.labelStyle, disabled && styles$y.disableTextStyle],
1165
1165
  text: label
1166
1166
  }
1167
1167
  ), /* @__PURE__ */ React__default["default"].createElement(
1168
1168
  reactNative.View,
1169
1169
  {
1170
1170
  style: [
1171
- styles$w.inputContainer,
1172
- isFocused && styles$w.inputFocused,
1173
- error && styles$w.inputError,
1174
- disabled && styles$w.disableInputStyle,
1175
- successMessage ? styles$w.inputSucess : {},
1171
+ styles$y.inputContainer,
1172
+ isFocused && styles$y.inputFocused,
1173
+ error && styles$y.inputError,
1174
+ disabled && styles$y.disableInputStyle,
1175
+ successMessage ? styles$y.inputSucess : {},
1176
1176
  {
1177
1177
  height: multiline ? 120 : 48,
1178
1178
  alignItems: multiline ? "flex-start" : "center"
@@ -1182,7 +1182,7 @@ const CustomTextInput = ({
1182
1182
  isSearchBar && searchIcon && React__default["default"].cloneElement(searchIcon, {
1183
1183
  width: moderateScale(24),
1184
1184
  height: moderateScale(24),
1185
- style: styles$w.searchIconStyle
1185
+ style: styles$y.searchIconStyle
1186
1186
  }),
1187
1187
  /* @__PURE__ */ React__default["default"].createElement(
1188
1188
  reactNative.TextInput,
@@ -1190,7 +1190,7 @@ const CustomTextInput = ({
1190
1190
  ...props,
1191
1191
  onFocus,
1192
1192
  onBlur,
1193
- style: styles$w.input,
1193
+ style: styles$y.input,
1194
1194
  placeholderTextColor: DHRE_COLORS_TEXT.DH_TEXTLIGHTEST,
1195
1195
  editable: !disabled,
1196
1196
  value,
@@ -1223,7 +1223,7 @@ const CustomTextInput = ({
1223
1223
  ));
1224
1224
  };
1225
1225
 
1226
- const styles$v = reactNative.StyleSheet.create({
1226
+ const styles$x = reactNative.StyleSheet.create({
1227
1227
  tooltipContainerStyle: {
1228
1228
  flex: 1,
1229
1229
  borderRadius: moderateScale(16),
@@ -1252,18 +1252,18 @@ const CustomTooltip = ({
1252
1252
  iconStyle,
1253
1253
  iconColor = DHRE_COLORS_TEXT.DH_BLACK
1254
1254
  }) => {
1255
- const defaultPopoverContent = /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$v.mesageContainer, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(
1255
+ const defaultPopoverContent = /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$x.mesageContainer, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(
1256
1256
  CustomTypography,
1257
1257
  {
1258
1258
  variant: "P4regular",
1259
- style: styles$v.messageStyle,
1259
+ style: styles$x.messageStyle,
1260
1260
  text: message
1261
1261
  }
1262
1262
  ), icon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: iconStyle }, React__default["default"].cloneElement(icon, { fill: iconColor })));
1263
1263
  return /* @__PURE__ */ React__default["default"].createElement(
1264
1264
  Tooltip__default["default"],
1265
1265
  {
1266
- containerStyle: styles$v.tooltipContainerStyle,
1266
+ containerStyle: styles$x.tooltipContainerStyle,
1267
1267
  backgroundColor,
1268
1268
  popover: popoverContent || defaultPopoverContent,
1269
1269
  actionType
@@ -1272,7 +1272,7 @@ const CustomTooltip = ({
1272
1272
  );
1273
1273
  };
1274
1274
 
1275
- const styles$u = reactNative.StyleSheet.create({
1275
+ const styles$w = reactNative.StyleSheet.create({
1276
1276
  container: {
1277
1277
  backgroundColor: DHRE_COLORS_TEXT.DH_BLACK,
1278
1278
  paddingHorizontal: horizontalScale(16),
@@ -1322,21 +1322,21 @@ const FileUpload = ({
1322
1322
  return /* @__PURE__ */ React__default["default"].createElement(
1323
1323
  reactNative.View,
1324
1324
  {
1325
- style: [styles$u.container, containerStyle],
1325
+ style: [styles$w.container, containerStyle],
1326
1326
  testID: "file-upload-container"
1327
1327
  },
1328
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$u.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$u.title, text: title }), /* @__PURE__ */ React__default["default"].createElement(
1328
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$w.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$w.title, text: title }), /* @__PURE__ */ React__default["default"].createElement(
1329
1329
  CustomTypography,
1330
1330
  {
1331
1331
  variant: "P4regular",
1332
- style: styles$u.description,
1332
+ style: styles$w.description,
1333
1333
  text: `Drop files directly here or `
1334
1334
  }
1335
1335
  ), /* @__PURE__ */ React__default["default"].createElement(
1336
1336
  CustomTypography,
1337
1337
  {
1338
1338
  variant: "P4regular",
1339
- style: styles$u.browse,
1339
+ style: styles$w.browse,
1340
1340
  text: btnText
1341
1341
  }
1342
1342
  ), /* @__PURE__ */ React__default["default"].createElement(
@@ -1344,14 +1344,14 @@ const FileUpload = ({
1344
1344
  {
1345
1345
  testID: "file-upload-description",
1346
1346
  variant: "P4regular",
1347
- style: styles$u.description,
1347
+ style: styles$w.description,
1348
1348
  text: ` from your device`
1349
1349
  }
1350
1350
  )),
1351
1351
  /* @__PURE__ */ React__default["default"].createElement(
1352
1352
  reactNative.Pressable,
1353
1353
  {
1354
- style: styles$u.button,
1354
+ style: styles$w.button,
1355
1355
  onPress: onUpload,
1356
1356
  testID: "file-upload-button"
1357
1357
  },
@@ -1359,7 +1359,7 @@ const FileUpload = ({
1359
1359
  CustomTypography,
1360
1360
  {
1361
1361
  variant: "B2semiBold",
1362
- style: styles$u.buttonText,
1362
+ style: styles$w.buttonText,
1363
1363
  text: btnText
1364
1364
  }
1365
1365
  )
@@ -1371,7 +1371,7 @@ const PdfView = (props) => {
1371
1371
  return /* @__PURE__ */ React__default["default"].createElement(Pdf__default["default"], { ...props });
1372
1372
  };
1373
1373
 
1374
- const styles$t = reactNative.StyleSheet.create({
1374
+ const styles$v = reactNative.StyleSheet.create({
1375
1375
  container: {
1376
1376
  padding: horizontalScale(20),
1377
1377
  marginHorizontal: horizontalScale(16),
@@ -1427,39 +1427,39 @@ const PopUp = ({
1427
1427
  leftButtonShown = false,
1428
1428
  rightButtonShown = false
1429
1429
  }) => {
1430
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID, style: styles$t.container }, title ? /* @__PURE__ */ React__default["default"].createElement(
1430
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID, style: styles$v.container }, title ? /* @__PURE__ */ React__default["default"].createElement(
1431
1431
  CustomTypography,
1432
1432
  {
1433
- style: styles$t.subTitleBelow,
1433
+ style: styles$v.subTitleBelow,
1434
1434
  variant: "H6semiBold",
1435
1435
  text: title
1436
1436
  }
1437
1437
  ) : null, subtitle ? /* @__PURE__ */ React__default["default"].createElement(
1438
1438
  CustomTypography,
1439
1439
  {
1440
- style: styles$t.subtitle,
1440
+ style: styles$v.subtitle,
1441
1441
  variant: "P3regular",
1442
1442
  text: subtitle
1443
1443
  }
1444
- ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$t.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React__default["default"].createElement(
1444
+ ) : null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$v.buttonContainer }, leftButtonShown ? /* @__PURE__ */ React__default["default"].createElement(
1445
1445
  reactNative.Pressable,
1446
1446
  {
1447
1447
  testID: "Left-Button-Press",
1448
- style: styles$t.buttonLeft,
1448
+ style: styles$v.buttonLeft,
1449
1449
  onPress: onButtonPress
1450
1450
  },
1451
1451
  /* @__PURE__ */ React__default["default"].createElement(
1452
1452
  CustomTypography,
1453
1453
  {
1454
- style: styles$t.buttonLeftText,
1454
+ style: styles$v.buttonLeftText,
1455
1455
  variant: "B2semiBold",
1456
1456
  text: buttonText
1457
1457
  }
1458
1458
  )
1459
- ) : null, rightButtonShown ? /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$t.button, onPress: onButtonPress }, /* @__PURE__ */ React__default["default"].createElement(
1459
+ ) : null, rightButtonShown ? /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$v.button, onPress: onButtonPress }, /* @__PURE__ */ React__default["default"].createElement(
1460
1460
  CustomTypography,
1461
1461
  {
1462
- style: styles$t.buttonText,
1462
+ style: styles$v.buttonText,
1463
1463
  variant: "B2semiBold",
1464
1464
  text: buttonText
1465
1465
  }
@@ -1497,7 +1497,7 @@ const CustomProgressBar = ({
1497
1497
  return () => clearInterval(progressInterval);
1498
1498
  }, [progress, value, increment, interval]);
1499
1499
  const showPercentage = () => {
1500
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$s.flexDirection }, /* @__PURE__ */ React__default["default"].createElement(
1500
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$u.flexDirection }, /* @__PURE__ */ React__default["default"].createElement(
1501
1501
  CustomText$1,
1502
1502
  {
1503
1503
  text: `${value}%`,
@@ -1551,7 +1551,7 @@ const CustomProgressBar = ({
1551
1551
  };
1552
1552
  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID: "custom-progress-bar" }, renderProgressBar());
1553
1553
  };
1554
- const styles$s = reactNative.StyleSheet.create({
1554
+ const styles$u = reactNative.StyleSheet.create({
1555
1555
  flexDirection: {
1556
1556
  flexDirection: "column",
1557
1557
  justifyContent: "center",
@@ -1559,7 +1559,7 @@ const styles$s = reactNative.StyleSheet.create({
1559
1559
  }
1560
1560
  });
1561
1561
 
1562
- const styles$r = reactNative.StyleSheet.create({
1562
+ const styles$t = reactNative.StyleSheet.create({
1563
1563
  container: {
1564
1564
  flexDirection: "row",
1565
1565
  alignItems: "center"
@@ -1625,13 +1625,13 @@ const Star = ({
1625
1625
  emptyStarColor
1626
1626
  );
1627
1627
  stars.push(
1628
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { key: i, style: [styles$r.star, starStyle] }, starType)
1628
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { key: i, style: [styles$t.star, starStyle] }, starType)
1629
1629
  );
1630
1630
  }
1631
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$r.container, testID: "star" }, stars);
1631
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$t.container, testID: "star" }, stars);
1632
1632
  };
1633
1633
 
1634
- var styles$q = reactNative.StyleSheet.create({
1634
+ var styles$s = reactNative.StyleSheet.create({
1635
1635
  container: {
1636
1636
  flexDirection: "row",
1637
1637
  gap: horizontalScale(5),
@@ -1673,12 +1673,12 @@ const Tabs = ({
1673
1673
  onSelectionChange(selectedTabs);
1674
1674
  }
1675
1675
  };
1676
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$q.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React__default["default"].createElement(
1676
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$s.container, style] }, data?.map(({ id, title, isSelected }) => /* @__PURE__ */ React__default["default"].createElement(
1677
1677
  reactNative.Pressable,
1678
1678
  {
1679
1679
  key: id,
1680
1680
  style: {
1681
- ...styles$q.button,
1681
+ ...styles$s.button,
1682
1682
  backgroundColor: isSelected ? theme.CONTENT_PRIMARY : theme.CONTENT_INVERTED,
1683
1683
  borderColor: isSelected ? theme.CONTENT_INVERTED : theme.CONTENT_SECONDRY
1684
1684
  },
@@ -1698,7 +1698,7 @@ const Tabs = ({
1698
1698
  };
1699
1699
  var Tabs$1 = withThemeProvider(Tabs);
1700
1700
 
1701
- const styles$p = reactNative.StyleSheet.create({
1701
+ const styles$r = reactNative.StyleSheet.create({
1702
1702
  container: {
1703
1703
  width: "100%"
1704
1704
  },
@@ -1757,8 +1757,8 @@ const Tags = ({
1757
1757
  reactNative.ScrollView,
1758
1758
  {
1759
1759
  testID,
1760
- style: styles$p.container,
1761
- contentContainerStyle: styles$p.contentContainer,
1760
+ style: styles$r.container,
1761
+ contentContainerStyle: styles$r.contentContainer,
1762
1762
  horizontal: false
1763
1763
  },
1764
1764
  tags?.map((tag) => /* @__PURE__ */ React__default["default"].createElement(
@@ -1768,16 +1768,16 @@ const Tags = ({
1768
1768
  key: tag,
1769
1769
  onPress: () => toggleTag(tag),
1770
1770
  style: [
1771
- styles$p.tag,
1771
+ styles$r.tag,
1772
1772
  tagStyles,
1773
- selectedTags.includes(tag) ? styles$p.selectedTag : styles$p.tagUnSelected
1773
+ selectedTags.includes(tag) ? styles$r.selectedTag : styles$r.tagUnSelected
1774
1774
  ]
1775
1775
  },
1776
1776
  /* @__PURE__ */ React__default["default"].createElement(
1777
1777
  CustomTypography,
1778
1778
  {
1779
1779
  variant: selectedTags.includes(tag) ? "H9semiBold" : "P4regular",
1780
- style: selectedTags.includes(tag) ? styles$p.tagText : styles$p.tagUnselectedText,
1780
+ style: selectedTags.includes(tag) ? styles$r.tagText : styles$r.tagUnselectedText,
1781
1781
  text: tag
1782
1782
  }
1783
1783
  ),
@@ -1793,7 +1793,7 @@ const Tags = ({
1793
1793
  );
1794
1794
  };
1795
1795
 
1796
- const styles$o = reactNative.StyleSheet.create({
1796
+ const styles$q = reactNative.StyleSheet.create({
1797
1797
  container: {
1798
1798
  width: horizontalScale(70),
1799
1799
  height: verticalScale(25),
@@ -1858,26 +1858,26 @@ const CustomSwitch = ({
1858
1858
  reactNative.Pressable,
1859
1859
  {
1860
1860
  onPress: toggleSwitch,
1861
- style: [styles$o.container, { width }],
1861
+ style: [styles$q.container, { width }],
1862
1862
  testID: "custom-switch"
1863
1863
  },
1864
1864
  /* @__PURE__ */ React__default["default"].createElement(
1865
1865
  reactNative.View,
1866
1866
  {
1867
1867
  style: [
1868
- styles$o.track,
1868
+ styles$q.track,
1869
1869
  {
1870
1870
  backgroundColor: isOn ? DHRE_COLORS_ALERT.DH_SUCCESS_GREEN_ACCENT : DHRE_COLORS_TEXT.DH_TEXTDISABLED
1871
1871
  }
1872
1872
  ]
1873
1873
  },
1874
- /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, { style: [styles$o.thumb, animatedStyle] }),
1874
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, { style: [styles$q.thumb, animatedStyle] }),
1875
1875
  type !== ToggleButtonType.SMALL && /* @__PURE__ */ React__default["default"].createElement(
1876
1876
  CustomTypography,
1877
1877
  {
1878
1878
  variant: "B3semiBold",
1879
1879
  style: [
1880
- styles$o.text,
1880
+ styles$q.text,
1881
1881
  { textAlign: isOn ? TextDirectType.left : TextDirectType.right }
1882
1882
  ],
1883
1883
  text: isOn ? ToggleTextType.ON : ToggleTextType.OFF
@@ -1887,7 +1887,7 @@ const CustomSwitch = ({
1887
1887
  );
1888
1888
  };
1889
1889
 
1890
- const styles$n = reactNative.StyleSheet.create({
1890
+ const styles$p = reactNative.StyleSheet.create({
1891
1891
  container: {
1892
1892
  paddingVertical: verticalScale(24),
1893
1893
  borderBottomWidth: moderateScale(1),
@@ -1920,7 +1920,8 @@ const Accordion = ({
1920
1920
  // Destructure the new prop,
1921
1921
  headerComponent,
1922
1922
  disabled = false,
1923
- icon
1923
+ icon,
1924
+ onHeaderPress
1924
1925
  }) => {
1925
1926
  const contentRef = React.useRef(null);
1926
1927
  const [animation] = React.useState(new reactNative.Animated.Value(0));
@@ -1943,26 +1944,18 @@ const Accordion = ({
1943
1944
  inputRange: [0, 1],
1944
1945
  outputRange: [0, contentHeight]
1945
1946
  });
1946
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$n.container, containerStyle], testID: testId }, /* @__PURE__ */ React__default["default"].createElement(
1947
- reactNative.Pressable,
1947
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$p.container, containerStyle], testID: testId }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$p.header, headerStyle, disabled && { opacity: 0.5 }] }, headerComponent ? headerComponent() : /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: onHeaderPress }, /* @__PURE__ */ React__default["default"].createElement(
1948
+ CustomTypography,
1948
1949
  {
1949
- style: [styles$n.header, headerStyle, disabled && { opacity: 0.5 }],
1950
- onPress: !disabled ? onToggle : void 0
1951
- },
1952
- headerComponent ? headerComponent() : /* @__PURE__ */ React__default["default"].createElement(
1953
- CustomTypography,
1954
- {
1955
- variant: "B4_REGULAR",
1956
- text: title,
1957
- style: [styles$n.title, titleStyle]
1958
- }
1959
- ),
1960
- React__default["default"].cloneElement(icon, {
1961
- width: moderateScale(20),
1962
- height: moderateScale(20),
1963
- style: styles$n.iconStyle
1964
- })
1965
- ), optionalElement ? optionalElement() : null, isOpen && /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, { style: [styles$n.content, { height: cardHeight }] }, /* @__PURE__ */ React__default["default"].createElement(
1950
+ variant: "B4_REGULAR",
1951
+ text: title,
1952
+ style: [styles$p.title, titleStyle]
1953
+ }
1954
+ )), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: !disabled ? onToggle : void 0 }, React__default["default"].cloneElement(icon, {
1955
+ width: moderateScale(20),
1956
+ height: moderateScale(20),
1957
+ style: styles$p.iconStyle
1958
+ }))), optionalElement ? optionalElement() : null, isOpen && /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, { style: [styles$p.content, { height: cardHeight }] }, /* @__PURE__ */ React__default["default"].createElement(
1966
1959
  reactNative.View,
1967
1960
  {
1968
1961
  ref: contentRef,
@@ -1974,7 +1967,7 @@ const Accordion = ({
1974
1967
  )));
1975
1968
  };
1976
1969
 
1977
- const styles$m = reactNative.StyleSheet.create({
1970
+ const styles$o = reactNative.StyleSheet.create({
1978
1971
  container: {
1979
1972
  position: "absolute",
1980
1973
  alignSelf: "center",
@@ -2056,23 +2049,23 @@ const Toast = React__default["default"].forwardRef(({ sucessIcon, errorIcon }, r
2056
2049
  reactNative.Animated.View,
2057
2050
  {
2058
2051
  style: [
2059
- styles$m.container,
2052
+ styles$o.container,
2060
2053
  { bottom },
2061
2054
  { backgroundColor: isSuccess ? "#04743F" : "#DB3056" }
2062
2055
  ],
2063
2056
  testID: "TOAST"
2064
2057
  },
2065
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$m.toastContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$m.innerContainer }, isSuccess ? sucessIcon : errorIcon, /* @__PURE__ */ React__default["default"].createElement(
2058
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$o.toastContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$o.innerContainer }, isSuccess ? sucessIcon : errorIcon, /* @__PURE__ */ React__default["default"].createElement(
2066
2059
  CustomTypography,
2067
2060
  {
2068
2061
  variant: "L2_REGULAR",
2069
2062
  text: message,
2070
- style: styles$m.messageText
2063
+ style: styles$o.messageText
2071
2064
  }
2072
2065
  ), btnText && /* @__PURE__ */ React__default["default"].createElement(
2073
2066
  reactNative.Pressable,
2074
2067
  {
2075
- style: styles$m.button,
2068
+ style: styles$o.button,
2076
2069
  onPress: onBtnPress || void 0,
2077
2070
  testID: "TOAST-BTN"
2078
2071
  },
@@ -2081,7 +2074,7 @@ const Toast = React__default["default"].forwardRef(({ sucessIcon, errorIcon }, r
2081
2074
  {
2082
2075
  variant: "L2_BOLD",
2083
2076
  text: btnText,
2084
- style: styles$m.buttonText
2077
+ style: styles$o.buttonText
2085
2078
  }
2086
2079
  )
2087
2080
  ))),
@@ -2099,7 +2092,7 @@ const Toast = React__default["default"].forwardRef(({ sucessIcon, errorIcon }, r
2099
2092
  });
2100
2093
  Toast.displayName = "Toast";
2101
2094
 
2102
- const styles$l = reactNative.StyleSheet.create({
2095
+ const styles$n = reactNative.StyleSheet.create({
2103
2096
  inputContainer: {
2104
2097
  flexDirection: "row",
2105
2098
  justifyContent: "center",
@@ -2143,7 +2136,7 @@ const CustomSearchBar = ({
2143
2136
  {
2144
2137
  testID,
2145
2138
  style: [
2146
- styles$l.inputContainer,
2139
+ styles$n.inputContainer,
2147
2140
  {
2148
2141
  height: verticalScale(height),
2149
2142
  borderColor: disabled ? disableBorderColor : value ? borderColor : "#A7A7A7"
@@ -2163,7 +2156,7 @@ const CustomSearchBar = ({
2163
2156
  React__default["default"].cloneElement(searchIcon, {
2164
2157
  width: moderateScale(24),
2165
2158
  height: moderateScale(24),
2166
- style: [styles$l.searchIconStyle, searchIconStyle]
2159
+ style: [styles$n.searchIconStyle, searchIconStyle]
2167
2160
  })
2168
2161
  ),
2169
2162
  /* @__PURE__ */ React__default["default"].createElement(
@@ -2171,7 +2164,7 @@ const CustomSearchBar = ({
2171
2164
  {
2172
2165
  ...props,
2173
2166
  testID: `${testID}-INPUT`,
2174
- style: [styles$l.input, inputStyle],
2167
+ style: [styles$n.input, inputStyle],
2175
2168
  editable: !disabled,
2176
2169
  value,
2177
2170
  placeholderTextColor: disabled ? disablePlaceHolderStyle : enablePlaceHolderStyle,
@@ -2193,13 +2186,13 @@ const CustomSearchBar = ({
2193
2186
  React__default["default"].cloneElement(rightIcon, {
2194
2187
  // width: moderateScale(24),
2195
2188
  // height: moderateScale(24),
2196
- style: [styles$l.crossIconStyle, crossIconStyle]
2189
+ style: [styles$n.crossIconStyle, crossIconStyle]
2197
2190
  })
2198
2191
  )
2199
2192
  );
2200
2193
  };
2201
2194
 
2202
- const styles$k = reactNative.StyleSheet.create({
2195
+ const styles$m = reactNative.StyleSheet.create({
2203
2196
  container: {
2204
2197
  flexDirection: "row",
2205
2198
  justifyContent: "space-between",
@@ -2231,27 +2224,27 @@ const CustomHeader = ({
2231
2224
  onLeftPress,
2232
2225
  onRightPress
2233
2226
  }) => {
2234
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.headderContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
2227
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$m.container, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$m.headderContainer }, showLeftIcon && leftIcon ? React__default["default"].cloneElement(leftIcon, {
2235
2228
  width: moderateScale(24),
2236
2229
  height: moderateScale(24),
2237
2230
  onPress: onLeftPress,
2238
- style: styles$k.leftIconStyle
2231
+ style: styles$m.leftIconStyle
2239
2232
  }) : null, /* @__PURE__ */ React__default["default"].createElement(
2240
2233
  CustomTypography,
2241
2234
  {
2242
2235
  variant: "B2_REGULAR",
2243
2236
  text: title,
2244
- style: styles$k.headerTitle
2237
+ style: styles$m.headerTitle
2245
2238
  }
2246
2239
  )), showRightIcon && rightIcon ? React__default["default"].cloneElement(rightIcon, {
2247
2240
  width: moderateScale(24),
2248
2241
  height: moderateScale(24),
2249
2242
  onPress: onRightPress,
2250
- style: styles$k.rightIconStyle
2243
+ style: styles$m.rightIconStyle
2251
2244
  }) : null);
2252
2245
  };
2253
2246
 
2254
- const styles$j = reactNative.StyleSheet.create({
2247
+ const styles$l = reactNative.StyleSheet.create({
2255
2248
  container: {
2256
2249
  flex: 1
2257
2250
  },
@@ -2312,19 +2305,19 @@ const SwipableList = (props) => {
2312
2305
  {
2313
2306
  testID,
2314
2307
  onPress,
2315
- style: [styles$j.actionButton, style]
2308
+ style: [styles$l.actionButton, style]
2316
2309
  },
2317
2310
  icon,
2318
2311
  /* @__PURE__ */ React__default["default"].createElement(
2319
2312
  CustomTypography,
2320
2313
  {
2321
2314
  variant: "L1_REGULAR",
2322
- style: [styles$j.titleStyle, titleStyle],
2315
+ style: [styles$l.titleStyle, titleStyle],
2323
2316
  text: title
2324
2317
  }
2325
2318
  )
2326
2319
  );
2327
- const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$j.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
2320
+ const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$l.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
2328
2321
  ActionButton,
2329
2322
  {
2330
2323
  icon: leftPrimaryActionIcon,
@@ -2343,7 +2336,7 @@ const SwipableList = (props) => {
2343
2336
  testID: `${testId}-LEFT-SECONDARY-${item.id}`
2344
2337
  }
2345
2338
  ));
2346
- const rightActionHandle = (item) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$j.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
2339
+ const rightActionHandle = (item) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$l.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
2347
2340
  ActionButton,
2348
2341
  {
2349
2342
  icon: rightPrimaryActionIcon,
@@ -2353,7 +2346,7 @@ const SwipableList = (props) => {
2353
2346
  testID: `${testId}-RIGHT-PRIMARY-${item.id}`
2354
2347
  }
2355
2348
  ));
2356
- const renderItem = ({ item }) => /* @__PURE__ */ React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$j.container }, /* @__PURE__ */ React__default["default"].createElement(
2349
+ const renderItem = ({ item }) => /* @__PURE__ */ React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$l.container }, /* @__PURE__ */ React__default["default"].createElement(
2357
2350
  reactNativeGestureHandler.Swipeable,
2358
2351
  {
2359
2352
  renderLeftActions: () => leftActionHandle(
@@ -2364,7 +2357,7 @@ const SwipableList = (props) => {
2364
2357
  item.isRead ? leftSecondaryActionInActiveTitle : leftSecondaryActionActiveTitle
2365
2358
  ),
2366
2359
  renderRightActions: () => rightActionHandle(item),
2367
- containerStyle: styles$j.swippableContainer
2360
+ containerStyle: styles$l.swippableContainer
2368
2361
  },
2369
2362
  props?.renderItem(item)
2370
2363
  ));
@@ -2374,12 +2367,12 @@ const SwipableList = (props) => {
2374
2367
  data,
2375
2368
  renderItem,
2376
2369
  keyExtractor: (item) => item.id,
2377
- ItemSeparatorComponent: () => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$j.seprator })
2370
+ ItemSeparatorComponent: () => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$l.seprator })
2378
2371
  }
2379
2372
  ));
2380
2373
  };
2381
2374
 
2382
- const styles$i = reactNative.StyleSheet.create({
2375
+ const styles$k = reactNative.StyleSheet.create({
2383
2376
  container: {
2384
2377
  justifyContent: "center",
2385
2378
  alignItems: "center"
@@ -2401,7 +2394,7 @@ const CustomIcon = ({
2401
2394
  return /* @__PURE__ */ React__default["default"].createElement(
2402
2395
  reactNative.Pressable,
2403
2396
  {
2404
- style: [styles$i.container, containerStyle],
2397
+ style: [styles$k.container, containerStyle],
2405
2398
  onPress,
2406
2399
  testID: testId
2407
2400
  },
@@ -2411,13 +2404,13 @@ const CustomIcon = ({
2411
2404
  {
2412
2405
  variant: titleVariant,
2413
2406
  text: title,
2414
- style: [styles$i.title, titleStyle]
2407
+ style: [styles$k.title, titleStyle]
2415
2408
  }
2416
2409
  )
2417
2410
  );
2418
2411
  };
2419
2412
 
2420
- const styles$h = reactNative.StyleSheet.create({
2413
+ const styles$j = reactNative.StyleSheet.create({
2421
2414
  container: {
2422
2415
  flex: 1,
2423
2416
  justifyContent: "center",
@@ -2432,7 +2425,7 @@ const styles$h = reactNative.StyleSheet.create({
2432
2425
 
2433
2426
  const CustomLoader = ({ loading }) => {
2434
2427
  if (!loading) return null;
2435
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.container }, /* @__PURE__ */ React__default["default"].createElement(reactNative.ActivityIndicator, { size: "large", color: "#686868" }));
2428
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$j.container }, /* @__PURE__ */ React__default["default"].createElement(reactNative.ActivityIndicator, { size: "large", color: "#686868" }));
2436
2429
  };
2437
2430
 
2438
2431
  const HorizontalLine = ({ style }) => {
@@ -2441,14 +2434,14 @@ const HorizontalLine = ({ style }) => {
2441
2434
  reactNative.View,
2442
2435
  {
2443
2436
  style: [
2444
- styles$g.line,
2437
+ styles$i.line,
2445
2438
  { backgroundColor: theme["SURFACE_SECONDARY"] },
2446
2439
  style
2447
2440
  ]
2448
2441
  }
2449
2442
  );
2450
2443
  };
2451
- const styles$g = reactNative.StyleSheet.create({
2444
+ const styles$i = reactNative.StyleSheet.create({
2452
2445
  line: {
2453
2446
  height: 1,
2454
2447
  width: "100%"
@@ -2468,14 +2461,14 @@ const Topic = ({
2468
2461
  reactNative.TouchableOpacity,
2469
2462
  {
2470
2463
  style: [
2471
- styles$f.button,
2464
+ styles$h.button,
2472
2465
  { backgroundColor: theme["SURFACE_SECONDARY"] },
2473
2466
  containterStyle
2474
2467
  ],
2475
2468
  onPress
2476
2469
  },
2477
- rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$f.rightIconContainer }, React__default["default"].cloneElement(rightIcon)),
2478
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$f.textContainer }, subTitle && /* @__PURE__ */ React__default["default"].createElement(
2470
+ rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.rightIconContainer }, React__default["default"].cloneElement(rightIcon)),
2471
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.textContainer }, subTitle && /* @__PURE__ */ React__default["default"].createElement(
2479
2472
  CustomText$1,
2480
2473
  {
2481
2474
  text: subTitle,
@@ -2492,7 +2485,7 @@ const Topic = ({
2492
2485
  ))
2493
2486
  );
2494
2487
  };
2495
- const styles$f = reactNative.StyleSheet.create({
2488
+ const styles$h = reactNative.StyleSheet.create({
2496
2489
  button: {
2497
2490
  flexDirection: "row",
2498
2491
  alignItems: "center",
@@ -2573,14 +2566,14 @@ const ContactModal = ({
2573
2566
  const renderEmailOptions = () => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(
2574
2567
  CustomText$1,
2575
2568
  {
2576
- style: styles$e.title,
2569
+ style: styles$g.title,
2577
2570
  text: "Open email app",
2578
2571
  variant: "L2_REGULAR"
2579
2572
  }
2580
2573
  ), /* @__PURE__ */ React__default["default"].createElement(
2581
2574
  CustomText$1,
2582
2575
  {
2583
- style: styles$e.subtitle,
2576
+ style: styles$g.subtitle,
2584
2577
  text: "Which app would you like to open?",
2585
2578
  variant: "L2_REGULAR"
2586
2579
  }
@@ -2588,33 +2581,33 @@ const ContactModal = ({
2588
2581
  reactNative.Pressable,
2589
2582
  {
2590
2583
  onPress: () => handleOptionPress(),
2591
- style: styles$e.optionButton
2584
+ style: styles$g.optionButton
2592
2585
  },
2593
2586
  /* @__PURE__ */ React__default["default"].createElement(
2594
2587
  CustomText$1,
2595
2588
  {
2596
- style: styles$e.optionText,
2589
+ style: styles$g.optionText,
2597
2590
  text: option,
2598
2591
  variant: "B3_BOLD"
2599
2592
  }
2600
2593
  )
2601
2594
  ))));
2602
- 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(
2595
+ const renderContent = () => /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$g.viewContainer }, isMailOpen ? renderEmailOptions() : /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handleCall, style: styles$g.optionButton }, /* @__PURE__ */ React__default["default"].createElement(
2603
2596
  CustomText$1,
2604
2597
  {
2605
- style: styles$e.optionText,
2598
+ style: styles$g.optionText,
2606
2599
  text: `Call ${phoneNumber}`,
2607
2600
  variant: "B3_BOLD"
2608
2601
  }
2609
- ))), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: onClose, style: styles$e.cancelButton }, /* @__PURE__ */ React__default["default"].createElement(
2602
+ ))), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: onClose, style: styles$g.cancelButton }, /* @__PURE__ */ React__default["default"].createElement(
2610
2603
  CustomText$1,
2611
2604
  {
2612
- style: styles$e.cancelText,
2605
+ style: styles$g.cancelText,
2613
2606
  text: "Cancel",
2614
2607
  variant: "B2_REGULAR"
2615
2608
  }
2616
2609
  )));
2617
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.container }, /* @__PURE__ */ React__default["default"].createElement(
2610
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$g.container }, /* @__PURE__ */ React__default["default"].createElement(
2618
2611
  reactNative.Modal,
2619
2612
  {
2620
2613
  animationType: "slide",
@@ -2622,10 +2615,10 @@ const ContactModal = ({
2622
2615
  visible,
2623
2616
  onRequestClose: onClose
2624
2617
  },
2625
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.modalContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.modalContent }, renderContent()))
2618
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$g.modalContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$g.modalContent }, renderContent()))
2626
2619
  ));
2627
2620
  };
2628
- const styles$e = reactNative.StyleSheet.create({
2621
+ const styles$g = reactNative.StyleSheet.create({
2629
2622
  container: {
2630
2623
  flex: 1,
2631
2624
  justifyContent: "center",
@@ -2681,7 +2674,7 @@ const styles$e = reactNative.StyleSheet.create({
2681
2674
  });
2682
2675
  var ContactModel = withThemeProvider(ContactModal);
2683
2676
 
2684
- const styles$d = reactNative.StyleSheet.create({
2677
+ const styles$f = reactNative.StyleSheet.create({
2685
2678
  applyButton: {
2686
2679
  marginTop: verticalScale(24),
2687
2680
  height: verticalScale(48),
@@ -2772,8 +2765,8 @@ const DateRangePicker = (props) => {
2772
2765
  onPress: () => {
2773
2766
  onButtonPress(selectedRange?.startDate, selectedRange?.endDate);
2774
2767
  },
2775
- containerStyle: styles$d.applyButton,
2776
- textStyle: styles$d.applyButtonText,
2768
+ containerStyle: styles$f.applyButton,
2769
+ textStyle: styles$f.applyButtonText,
2777
2770
  disabled: isButtonDisabled
2778
2771
  }
2779
2772
  ));
@@ -2796,20 +2789,20 @@ const OurOfficesButton = ({
2796
2789
  reactNative.TouchableOpacity,
2797
2790
  {
2798
2791
  style: [
2799
- styles$c.button,
2792
+ styles$e.button,
2800
2793
  { backgroundColor: theme["SURFACE_SECONDARY"] },
2801
2794
  containerStyle
2802
2795
  ],
2803
2796
  onPress
2804
2797
  },
2805
- leftIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$c.iconContainer }, React__default["default"].cloneElement(leftIcon)),
2806
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$c.textContainer }, /* @__PURE__ */ React__default["default"].createElement(
2798
+ leftIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.iconContainer }, React__default["default"].cloneElement(leftIcon)),
2799
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.textContainer }, /* @__PURE__ */ React__default["default"].createElement(
2807
2800
  CustomText$1,
2808
2801
  {
2809
2802
  text: title,
2810
2803
  variant: titleVariant,
2811
2804
  textColor: titleColor,
2812
- style: styles$c.textView
2805
+ style: styles$e.textView
2813
2806
  }
2814
2807
  ), /* @__PURE__ */ React__default["default"].createElement(
2815
2808
  CustomText$1,
@@ -2817,13 +2810,13 @@ const OurOfficesButton = ({
2817
2810
  text: description,
2818
2811
  variant: descriptionVariant,
2819
2812
  textColor: descriptionColor,
2820
- style: styles$c.flexWrap
2813
+ style: styles$e.flexWrap
2821
2814
  }
2822
2815
  )),
2823
- rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$c.rightIconContainer }, React__default["default"].cloneElement(rightIcon))
2816
+ rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$e.rightIconContainer }, React__default["default"].cloneElement(rightIcon))
2824
2817
  );
2825
2818
  };
2826
- const styles$c = reactNative.StyleSheet.create({
2819
+ const styles$e = reactNative.StyleSheet.create({
2827
2820
  button: {
2828
2821
  flexDirection: "row",
2829
2822
  alignItems: "center",
@@ -2847,7 +2840,7 @@ const styles$c = reactNative.StyleSheet.create({
2847
2840
  });
2848
2841
  var OurOffices = withThemeProvider(OurOfficesButton);
2849
2842
 
2850
- const styles$b = reactNative.StyleSheet.create({
2843
+ const styles$d = reactNative.StyleSheet.create({
2851
2844
  iconContainer: {
2852
2845
  position: "relative",
2853
2846
  alignItems: "center"
@@ -2876,7 +2869,7 @@ const NotificationBandge = ({
2876
2869
  if (notificationCount <= 0) {
2877
2870
  return icon;
2878
2871
  }
2879
- 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)));
2872
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$d.iconContainer }, icon, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$d.badge }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: [styles$d.badgeText] }, notificationCount > 99 ? "99+" : notificationCount)));
2880
2873
  };
2881
2874
 
2882
2875
  const ScrollableList = ({
@@ -2894,13 +2887,13 @@ const ScrollableList = ({
2894
2887
  data && data.length > 0 ? data[0].name : null
2895
2888
  );
2896
2889
  const { theme } = useTheme();
2897
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$a.container, containerStyle] }, /* @__PURE__ */ React__default["default"].createElement(
2890
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$c.container, containerStyle] }, /* @__PURE__ */ React__default["default"].createElement(
2898
2891
  reactNative.ScrollView,
2899
2892
  {
2900
2893
  horizontal: true,
2901
2894
  showsHorizontalScrollIndicator: false,
2902
2895
  contentContainerStyle: [
2903
- styles$a.scrollViewContent,
2896
+ styles$c.scrollViewContent,
2904
2897
  scrollViewContentStyle
2905
2898
  ]
2906
2899
  },
@@ -2909,10 +2902,10 @@ const ScrollableList = ({
2909
2902
  {
2910
2903
  key: item.value,
2911
2904
  style: [
2912
- styles$a.item,
2905
+ styles$c.item,
2913
2906
  itemStyle,
2914
2907
  (activeTab ?? selectedItem) === item.name && [
2915
- styles$a.selectedItem,
2908
+ styles$c.selectedItem,
2916
2909
  selectedItemStyle
2917
2910
  ]
2918
2911
  ],
@@ -2933,7 +2926,7 @@ const ScrollableList = ({
2933
2926
  reactNative.View,
2934
2927
  {
2935
2928
  style: [
2936
- styles$a.errorViewStyle,
2929
+ styles$c.errorViewStyle,
2937
2930
  {
2938
2931
  backgroundColor: theme.SURFACE_BRAND_STATIC
2939
2932
  }
@@ -2943,7 +2936,7 @@ const ScrollableList = ({
2943
2936
  ))
2944
2937
  ));
2945
2938
  };
2946
- const styles$a = reactNative.StyleSheet.create({
2939
+ const styles$c = reactNative.StyleSheet.create({
2947
2940
  container: {
2948
2941
  paddingVertical: 10
2949
2942
  },
@@ -2970,7 +2963,7 @@ const styles$a = reactNative.StyleSheet.create({
2970
2963
  });
2971
2964
  var category = withThemeProvider(ScrollableList);
2972
2965
 
2973
- const styles$9 = reactNative.StyleSheet.create({
2966
+ const styles$b = reactNative.StyleSheet.create({
2974
2967
  container: {
2975
2968
  flex: 1,
2976
2969
  backgroundColor: "black",
@@ -3023,10 +3016,10 @@ const FeedbackForm = ({
3023
3016
  setFeedback
3024
3017
  }) => {
3025
3018
  const maxChars = 200;
3026
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$9.container }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: styles$9.headerText }, title), /* @__PURE__ */ React__default["default"].createElement(
3019
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$b.container }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: styles$b.headerText }, title), /* @__PURE__ */ React__default["default"].createElement(
3027
3020
  reactNative.TextInput,
3028
3021
  {
3029
- style: [styles$9.textInput, { height: Math.max(100) }],
3022
+ style: [styles$b.textInput, { height: Math.max(100) }],
3030
3023
  placeholder: "Would you like to tell us more...",
3031
3024
  placeholderTextColor: "gray",
3032
3025
  multiline: true,
@@ -3040,16 +3033,16 @@ const FeedbackForm = ({
3040
3033
  text: `${feedback.length}/${maxChars} characters`,
3041
3034
  variant: "L2_REGULAR",
3042
3035
  textColor: "CONTENT_SECONDRY",
3043
- style: styles$9.charCounter
3036
+ style: styles$b.charCounter
3044
3037
  }
3045
- ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$9.buttonContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$9.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React__default["default"].createElement(
3038
+ ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$b.buttonContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$b.feedbackButton, onPress: handleSendFeedback }, /* @__PURE__ */ React__default["default"].createElement(
3046
3039
  CustomText$1,
3047
3040
  {
3048
3041
  text: "Send feedback",
3049
3042
  variant: "L1_REGULAR",
3050
3043
  textColor: "CONTENT_PRIMARY"
3051
3044
  }
3052
- )), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$9.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React__default["default"].createElement(
3045
+ )), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$b.cancelButton, onPress: clearAllData }, /* @__PURE__ */ React__default["default"].createElement(
3053
3046
  CustomText$1,
3054
3047
  {
3055
3048
  text: "Cancel",
@@ -3086,7 +3079,7 @@ const CountryDropDown = ({
3086
3079
  setCallingCode(`+${country.callingCode[0]}`);
3087
3080
  getCountryCode(`+${country.callingCode[0]}`);
3088
3081
  };
3089
- return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$8.container, containerStyle] }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$8.countryPickerContainer, countryPickerStyle] }, /* @__PURE__ */ React__default["default"].createElement(
3082
+ 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(
3090
3083
  CountryPicker__default["default"],
3091
3084
  {
3092
3085
  withFilter: true,
@@ -3100,20 +3093,20 @@ const CountryDropDown = ({
3100
3093
  reactNative.Text,
3101
3094
  {
3102
3095
  onPress: () => setPickerVisible(true),
3103
- style: [styles$8.callingCode, callingCodeStyle]
3096
+ style: [styles$a.callingCode, callingCodeStyle]
3104
3097
  },
3105
3098
  callingCode
3106
- )), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$8.flex }, (isFocused || value) && /* @__PURE__ */ React__default["default"].createElement(
3099
+ )), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$a.flex }, (isFocused || value) && /* @__PURE__ */ React__default["default"].createElement(
3107
3100
  CustomTypography,
3108
3101
  {
3109
3102
  variant: "L2_REGULAR",
3110
3103
  text: label ?? "",
3111
- style: styles$8.floatingLabel
3104
+ style: styles$a.floatingLabel
3112
3105
  }
3113
3106
  ), /* @__PURE__ */ React__default["default"].createElement(
3114
3107
  reactNative.TextInput,
3115
3108
  {
3116
- style: [styles$8.input, inputStyle],
3109
+ style: [styles$a.input, inputStyle],
3117
3110
  placeholder: !isFocused ? placeholder : "",
3118
3111
  keyboardType: "phone-pad",
3119
3112
  value,
@@ -3129,13 +3122,13 @@ const CountryDropDown = ({
3129
3122
  variant: "L2_REGULAR",
3130
3123
  text: errorMessage ?? "",
3131
3124
  style: {
3132
- ...styles$8.errorStyle,
3125
+ ...styles$a.errorStyle,
3133
3126
  color: DHRE_DEFAULT.DH_SEMENTIC_ERROR
3134
3127
  }
3135
3128
  }
3136
3129
  ) : null);
3137
3130
  };
3138
- const styles$8 = reactNative.StyleSheet.create({
3131
+ const styles$a = reactNative.StyleSheet.create({
3139
3132
  flex: {
3140
3133
  flex: 1
3141
3134
  },
@@ -3199,12 +3192,12 @@ const CommonTextInput = ({
3199
3192
  handlePress,
3200
3193
  pointerEvents
3201
3194
  }) => {
3202
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handlePress, style: styles$7.container }, /* @__PURE__ */ React__default["default"].createElement(
3195
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress: handlePress, style: styles$9.container }, /* @__PURE__ */ React__default["default"].createElement(
3203
3196
  reactNativePaper.TextInput,
3204
3197
  {
3205
3198
  mode: "outlined",
3206
3199
  outlineStyle: {
3207
- ...styles$7.outlineStyle,
3200
+ ...styles$9.outlineStyle,
3208
3201
  borderColor: value?.length ? activeBorderColor : inactiveBorderColor
3209
3202
  },
3210
3203
  label,
@@ -3217,7 +3210,7 @@ const CommonTextInput = ({
3217
3210
  primary: labelColor ? labelColor : DHRE_COLORS_TEXT.DH_BLACK
3218
3211
  }
3219
3212
  },
3220
- style: [errorMessage ? styles$7.errorInput : styles$7.input, inputStyle],
3213
+ style: [errorMessage ? styles$9.errorInput : styles$9.input, inputStyle],
3221
3214
  maxLength,
3222
3215
  textColor,
3223
3216
  placeholder: placeholderText,
@@ -3230,13 +3223,13 @@ const CommonTextInput = ({
3230
3223
  variant: "L2_REGULAR",
3231
3224
  text: errorMessage ?? "",
3232
3225
  style: {
3233
- ...styles$7.errorStyle,
3226
+ ...styles$9.errorStyle,
3234
3227
  color: DHRE_DEFAULT.DH_SEMENTIC_ERROR
3235
3228
  }
3236
3229
  }
3237
3230
  ) : null);
3238
3231
  };
3239
- const styles$7 = reactNative.StyleSheet.create({
3232
+ const styles$9 = reactNative.StyleSheet.create({
3240
3233
  container: {
3241
3234
  justifyContent: "center"
3242
3235
  },
@@ -3297,7 +3290,7 @@ const CustomDropdown = ({
3297
3290
  reactNative.Text,
3298
3291
  {
3299
3292
  style: [
3300
- styles$6.label,
3293
+ styles$8.label,
3301
3294
  labelStyle,
3302
3295
  isFocus && (labelFocusStyle ?? { color: theme.BORDER_INVERTED["light"] })
3303
3296
  ]
@@ -3315,17 +3308,17 @@ const CustomDropdown = ({
3315
3308
  onValueChange(newValue);
3316
3309
  }
3317
3310
  };
3318
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$6.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React__default["default"].createElement(
3311
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$8.container, containerStyle] }, label && renderLabel(), /* @__PURE__ */ React__default["default"].createElement(
3319
3312
  reactNativeElementDropdown.Dropdown,
3320
3313
  {
3321
3314
  style: [
3322
- styles$6.dropdown,
3315
+ styles$8.dropdown,
3323
3316
  dropdownStyle,
3324
3317
  isFocus && (dropdownFocusStyle ?? { borderColor: theme.BORDER_INVERTED["light"] })
3325
3318
  ],
3326
- placeholderStyle: [styles$6.placeholderStyle, placeholderStyle],
3327
- selectedTextStyle: [styles$6.selectedTextStyle, selectedTextStyle],
3328
- iconStyle: [styles$6.iconStyle, iconStyle],
3319
+ placeholderStyle: [styles$8.placeholderStyle, placeholderStyle],
3320
+ selectedTextStyle: [styles$8.selectedTextStyle, selectedTextStyle],
3321
+ iconStyle: [styles$8.iconStyle, iconStyle],
3329
3322
  data: data ?? [],
3330
3323
  labelField,
3331
3324
  valueField,
@@ -3339,11 +3332,11 @@ const CustomDropdown = ({
3339
3332
  itemTextStyle,
3340
3333
  containerStyle: menuContainerStyle,
3341
3334
  activeColor,
3342
- itemContainerStyle: [styles$6.itemListStyle, itemContainerStyle]
3335
+ itemContainerStyle: [styles$8.itemListStyle, itemContainerStyle]
3343
3336
  }
3344
3337
  ));
3345
3338
  };
3346
- const styles$6 = reactNative.StyleSheet.create({
3339
+ const styles$8 = reactNative.StyleSheet.create({
3347
3340
  container: {
3348
3341
  backgroundColor: theme.SURFACE_STATIC["light"],
3349
3342
  marginVertical: verticalScale(4)
@@ -3381,7 +3374,7 @@ const styles$6 = reactNative.StyleSheet.create({
3381
3374
  }
3382
3375
  });
3383
3376
 
3384
- const styles$5 = reactNative.StyleSheet.create({
3377
+ const styles$7 = reactNative.StyleSheet.create({
3385
3378
  mainContainer: {
3386
3379
  flexDirection: "row",
3387
3380
  justifyContent: "space-between",
@@ -3440,18 +3433,18 @@ const CustomSwitchBtn = ({
3440
3433
  {
3441
3434
  disabled,
3442
3435
  onPress: toggleSwitch,
3443
- style: { ...styles$5.mainContainer, ...containerStyle }
3436
+ style: { ...styles$7.mainContainer, ...containerStyle }
3444
3437
  },
3445
3438
  /* @__PURE__ */ React__default["default"].createElement(
3446
3439
  reactNative.Animated.View,
3447
3440
  {
3448
- style: [styles$5.circle, { transform: [{ translateX }], ...circleStyle }]
3441
+ style: [styles$7.circle, { transform: [{ translateX }], ...circleStyle }]
3449
3442
  }
3450
3443
  ),
3451
3444
  /* @__PURE__ */ React__default["default"].createElement(
3452
3445
  CustomTypography,
3453
3446
  {
3454
- style: [styles$5.activeText, value ? inActiveTextStyle : activeTextStyle],
3447
+ style: [styles$7.activeText, value ? inActiveTextStyle : activeTextStyle],
3455
3448
  text: activeText,
3456
3449
  variant: activeTextVariant
3457
3450
  }
@@ -3460,7 +3453,7 @@ const CustomSwitchBtn = ({
3460
3453
  CustomTypography,
3461
3454
  {
3462
3455
  style: [
3463
- styles$5.inActiveText,
3456
+ styles$7.inActiveText,
3464
3457
  value ? activeTextStyle : inActiveTextStyle
3465
3458
  ],
3466
3459
  text: inActiveText,
@@ -3513,21 +3506,21 @@ const TagsComponent = ({
3513
3506
  {
3514
3507
  onPress: () => handleTagPress?.(item.name),
3515
3508
  style: [
3516
- styles$4.tagButton,
3517
- selectedTag === item?.name ? styles$4.selectedTagButton : styles$4.unselectedTagButton
3509
+ styles$6.tagButton,
3510
+ selectedTag === item?.name ? styles$6.selectedTagButton : styles$6.unselectedTagButton
3518
3511
  ]
3519
3512
  },
3520
3513
  /* @__PURE__ */ React__default["default"].createElement(
3521
3514
  reactNative.Text,
3522
3515
  {
3523
3516
  style: [
3524
- styles$4.tagText,
3525
- selectedTag === item?.name ? styles$4.selectedTagText : styles$4.unselectedTagText
3517
+ styles$6.tagText,
3518
+ selectedTag === item?.name ? styles$6.selectedTagText : styles$6.unselectedTagText
3526
3519
  ]
3527
3520
  },
3528
3521
  item?.name
3529
3522
  ),
3530
- selectedTag === item?.name && /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: styles$4.closeButton }, "\u2715")
3523
+ selectedTag === item?.name && /* @__PURE__ */ React__default["default"].createElement(reactNative.Text, { style: styles$6.closeButton }, "\u2715")
3531
3524
  );
3532
3525
  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, /* @__PURE__ */ React__default["default"].createElement(
3533
3526
  reactNative.FlatList,
@@ -3537,11 +3530,11 @@ const TagsComponent = ({
3537
3530
  keyExtractor: (item) => item?.name,
3538
3531
  horizontal: true,
3539
3532
  showsHorizontalScrollIndicator: false,
3540
- contentContainerStyle: styles$4.listContainer
3533
+ contentContainerStyle: styles$6.listContainer
3541
3534
  }
3542
3535
  ));
3543
3536
  };
3544
- const styles$4 = reactNative.StyleSheet.create({
3537
+ const styles$6 = reactNative.StyleSheet.create({
3545
3538
  listContainer: {
3546
3539
  paddingHorizontal: 10,
3547
3540
  alignItems: "center"
@@ -3579,7 +3572,7 @@ const styles$4 = reactNative.StyleSheet.create({
3579
3572
  }
3580
3573
  });
3581
3574
 
3582
- const styles$3 = reactNative.StyleSheet.create({
3575
+ const styles$5 = reactNative.StyleSheet.create({
3583
3576
  container: {
3584
3577
  flexDirection: "row",
3585
3578
  alignItems: "center",
@@ -3652,13 +3645,13 @@ const CustomDocumentPicker = ({
3652
3645
  reactNative.View,
3653
3646
  {
3654
3647
  style: [
3655
- docDetails ? styles$3.fileUploadContainerStyle : styles$3.container,
3648
+ docDetails ? styles$5.fileUploadContainerStyle : styles$5.container,
3656
3649
  { borderColor: error ? theme.ERROR : theme.BORDER_SECONDRY },
3657
3650
  docDetails ? { backgroundColor: theme.SURFACE_SECONDARY } : {},
3658
3651
  containerStyle
3659
3652
  ]
3660
3653
  },
3661
- /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { style: styles$3.innerContainer, onPress: pickDocument }, docDetails ? fileIcon : uploadIcon, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$3.titleContainer }, /* @__PURE__ */ React__default["default"].createElement(
3654
+ /* @__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(
3662
3655
  CustomTypography,
3663
3656
  {
3664
3657
  variant: FontStyle.L2_REGULAR,
@@ -3687,7 +3680,7 @@ const CustomDocumentPicker = ({
3687
3680
  };
3688
3681
  var CustomDocumentPicker$1 = withThemeProvider(React.memo(CustomDocumentPicker));
3689
3682
 
3690
- const styles$2 = reactNative.StyleSheet.create({
3683
+ const styles$4 = reactNative.StyleSheet.create({
3691
3684
  textInputContainer: {
3692
3685
  flexDirection: "row",
3693
3686
  justifyContent: "space-between",
@@ -3787,12 +3780,12 @@ const OTPInput = React__default["default"].forwardRef(
3787
3780
  ...otpHeaderTextStyle
3788
3781
  }
3789
3782
  }
3790
- ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$2.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React__default["default"].createElement(
3783
+ ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$4.textInputContainer } }, Array.from({ length }).map((_, index) => /* @__PURE__ */ React__default["default"].createElement(
3791
3784
  reactNative.TextInput,
3792
3785
  {
3793
3786
  key: index?.toString(),
3794
3787
  style: {
3795
- ...styles$2.textInputStyle,
3788
+ ...styles$4.textInputStyle,
3796
3789
  color: theme.CONTENT_PRIMARY,
3797
3790
  borderColor: errorMessage ? theme.ERROR : otp.length === length ? theme.SUCCESS : activeInput === index ? theme.BORDER_INVERTED : theme.BORDER_PRIMARY,
3798
3791
  ...textInputStyle
@@ -3808,7 +3801,7 @@ const OTPInput = React__default["default"].forwardRef(
3808
3801
  returnKeyType: otp.length === length ? "done" : "next",
3809
3802
  selectionColor: theme.CONTENT_PRIMARY
3810
3803
  }
3811
- ))), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
3804
+ ))), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$4.resendOtpContainer }, errorMessage ? /* @__PURE__ */ React__default["default"].createElement(
3812
3805
  CustomTypography,
3813
3806
  {
3814
3807
  text: errorMessage,
@@ -3831,10 +3824,10 @@ const OTPInput = React__default["default"].forwardRef(
3831
3824
  ))));
3832
3825
  }
3833
3826
  );
3834
- var index$2 = withThemeProvider(OTPInput);
3827
+ var index$4 = withThemeProvider(OTPInput);
3835
3828
  OTPInput.displayName = "OTPInput";
3836
3829
 
3837
- const styles$1 = reactNative.StyleSheet.create({
3830
+ const styles$3 = reactNative.StyleSheet.create({
3838
3831
  stepperContainer: {
3839
3832
  flexDirection: "row",
3840
3833
  marginBottom: 24,
@@ -3924,27 +3917,27 @@ const Stepper = ({
3924
3917
  const { theme } = useTheme();
3925
3918
  const renderCircleStyle = (status) => {
3926
3919
  if (status === Status.Active) {
3927
- return { ...styles$1.activeStepCircle, borderColor: theme.CONTENT_PRIMARY };
3920
+ return { ...styles$3.activeStepCircle, borderColor: theme.CONTENT_PRIMARY };
3928
3921
  } else if (status === Status.Inactive) {
3929
3922
  return {
3930
- ...styles$1.inactiveStepCircle,
3923
+ ...styles$3.inactiveStepCircle,
3931
3924
  borderColor: theme.CONTENT_SECONDRY
3932
3925
  };
3933
3926
  } else if (status === Status.Completed) {
3934
- return { ...styles$1.completeStepCircle, backgroundColor: theme.SUCCESS };
3927
+ return { ...styles$3.completeStepCircle, backgroundColor: theme.SUCCESS };
3935
3928
  } else {
3936
- return { ...styles$1.stepCountCircle, borderColor: theme.BORDER_PRIMARY };
3929
+ return { ...styles$3.stepCountCircle, borderColor: theme.BORDER_PRIMARY };
3937
3930
  }
3938
3931
  };
3939
3932
  const renderLableStyle = (status) => {
3940
3933
  if (status === Status.Active) {
3941
- return { ...styles$1.activeStepLabel, color: theme.CONTENT_PRIMARY };
3934
+ return { ...styles$3.activeStepLabel, color: theme.CONTENT_PRIMARY };
3942
3935
  } else if (status === Status.Inactive) {
3943
- return { ...styles$1.inactiveStepLabel, color: theme.CONTENT_SECONDRY };
3936
+ return { ...styles$3.inactiveStepLabel, color: theme.CONTENT_SECONDRY };
3944
3937
  } else if (status === Status.Completed) {
3945
- return { ...styles$1.completeStepLabel, color: theme.CONTENT_PRIMARY };
3938
+ return { ...styles$3.completeStepLabel, color: theme.CONTENT_PRIMARY };
3946
3939
  } else {
3947
- return { ...styles$1.countStepLabel, color: theme.CONTENT_PRIMARY };
3940
+ return { ...styles$3.countStepLabel, color: theme.CONTENT_PRIMARY };
3948
3941
  }
3949
3942
  };
3950
3943
  const renderDividerStyle = (status) => {
@@ -3954,25 +3947,25 @@ const Stepper = ({
3954
3947
  return { borderColor: theme.BORDER_PRIMARY };
3955
3948
  } else if (status === Status.Completed) {
3956
3949
  return {
3957
- ...styles$1.completeStepDivider,
3950
+ ...styles$3.completeStepDivider,
3958
3951
  borderColor: theme.CONTENT_PRIMARY
3959
3952
  };
3960
3953
  } else {
3961
3954
  return { borderColor: theme.CONTENT_SECONDRY };
3962
3955
  }
3963
3956
  };
3964
- return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$1.stepperContainer, ...containerStyle } }, data?.map((item, index) => {
3957
+ return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$3.stepperContainer, ...containerStyle } }, data?.map((item, index) => {
3965
3958
  const stepCircleStyle = renderCircleStyle(item?.status);
3966
3959
  const dividerStyle = renderDividerStyle(item?.status);
3967
3960
  const labelStyle = renderLableStyle(item?.status);
3968
- const lastViewStyle = index === data?.length - 1 ? styles$1.lastStepWrapper : null;
3961
+ const lastViewStyle = index === data?.length - 1 ? styles$3.lastStepWrapper : null;
3969
3962
  return /* @__PURE__ */ React__default["default"].createElement(
3970
3963
  reactNative.View,
3971
3964
  {
3972
3965
  key: index?.toString(),
3973
- style: { ...styles$1.stepperWrapper, ...lastViewStyle }
3966
+ style: { ...styles$3.stepperWrapper, ...lastViewStyle }
3974
3967
  },
3975
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.stepperSeparatorContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...stepCircleStyle } }, showStepCount && /* @__PURE__ */ React__default["default"].createElement(
3968
+ /* @__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(
3976
3969
  CustomTypography,
3977
3970
  {
3978
3971
  text: item?.step,
@@ -3981,8 +3974,8 @@ const Stepper = ({
3981
3974
  color: theme.CONTENT_PRIMARY
3982
3975
  }
3983
3976
  }
3984
- ), showStatus && item?.status === Status.Completed && completedStatusIcon), index != data?.length - 1 && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$1.separator, ...dividerStyle } })),
3985
- /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.lableContainer }, /* @__PURE__ */ React__default["default"].createElement(
3977
+ ), showStatus && item?.status === Status.Completed && completedStatusIcon), index != data?.length - 1 && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: { ...styles$3.separator, ...dividerStyle } })),
3978
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$3.lableContainer }, /* @__PURE__ */ React__default["default"].createElement(
3986
3979
  CustomTypography,
3987
3980
  {
3988
3981
  text: item?.label,
@@ -3993,9 +3986,9 @@ const Stepper = ({
3993
3986
  );
3994
3987
  }));
3995
3988
  };
3996
- var index$1 = withThemeProvider(Stepper);
3989
+ var index$3 = withThemeProvider(Stepper);
3997
3990
 
3998
- const styles = reactNative.StyleSheet.create({
3991
+ const styles$2 = reactNative.StyleSheet.create({
3999
3992
  container: {
4000
3993
  flex: 1,
4001
3994
  justifyContent: "center",
@@ -4010,7 +4003,8 @@ const styles = reactNative.StyleSheet.create({
4010
4003
  slider: {
4011
4004
  height: "100%",
4012
4005
  width: "100%",
4013
- position: "absolute"
4006
+ position: "absolute",
4007
+ justifyContent: "center"
4014
4008
  },
4015
4009
  button: {
4016
4010
  height: verticalScale(40),
@@ -4034,7 +4028,8 @@ const BUTTON_WIDTH = 40;
4034
4028
  const CustomSlideButton = ({
4035
4029
  label,
4036
4030
  onComplete,
4037
- icon
4031
+ icon,
4032
+ size = BUTTON_WIDTH
4038
4033
  }) => {
4039
4034
  const value = React.useRef(0);
4040
4035
  const cardRef = React.useRef(null);
@@ -4079,9 +4074,9 @@ const CustomSlideButton = ({
4079
4074
  ).current;
4080
4075
  const { theme } = useTheme();
4081
4076
  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: {
4082
- ...styles.sliderContainer,
4077
+ ...styles$2.sliderContainer,
4083
4078
  backgroundColor: theme.SURFACE_INVERTED
4084
- }, onLayout: handleLayout, ref: cardRef }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.buttonTextCOntainer }, /* @__PURE__ */ React__default["default"].createElement(
4079
+ }, onLayout: handleLayout, ref: cardRef }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$2.buttonTextCOntainer }, /* @__PURE__ */ React__default["default"].createElement(
4085
4080
  CustomTypography,
4086
4081
  {
4087
4082
  text: label,
@@ -4093,29 +4088,276 @@ const CustomSlideButton = ({
4093
4088
  )), /* @__PURE__ */ React__default["default"].createElement(
4094
4089
  reactNative.Animated.View,
4095
4090
  {
4096
- style: [styles.slider, { transform: [{ translateX: pan }] }],
4091
+ style: [styles$2.slider, { transform: [{ translateX: pan }] }],
4097
4092
  ...panResponder.panHandlers
4098
4093
  },
4099
4094
  /* @__PURE__ */ React__default["default"].createElement(
4100
4095
  reactNative.View,
4101
4096
  {
4102
4097
  style: {
4103
- ...styles.button,
4098
+ ...styles$2.button,
4104
4099
  backgroundColor: theme.SURFACE_PRIMARY,
4105
- width: BUTTON_WIDTH
4100
+ width: verticalScale(size),
4101
+ height: verticalScale(size),
4102
+ borderRadius: verticalScale(size / 2)
4106
4103
  }
4107
4104
  },
4108
4105
  icon
4109
4106
  )
4110
4107
  ));
4111
4108
  };
4112
- var index = withThemeProvider(CustomSlideButton);
4109
+ var index$2 = withThemeProvider(CustomSlideButton);
4113
4110
 
4114
4111
  const copyToClipboard = (textToCopy) => {
4115
4112
  Clipboard__default["default"].setString(textToCopy);
4116
4113
  };
4117
4114
 
4115
+ const styles$1 = reactNative.StyleSheet.create({
4116
+ accordionContainer: {
4117
+ gap: verticalScale(8),
4118
+ marginHorizontal: horizontalScale(24),
4119
+ marginVertical: verticalScale(16)
4120
+ },
4121
+ accordionStyle: {
4122
+ paddingHorizontal: moderateScale(16),
4123
+ borderWidth: 1,
4124
+ borderRadius: moderateScale(8)
4125
+ },
4126
+ accordionHeader: {
4127
+ paddingHorizontal: 0
4128
+ },
4129
+ accordionHeaderContent: {
4130
+ flex: 1,
4131
+ flexDirection: "row",
4132
+ alignItems: "center",
4133
+ columnGap: horizontalScale(16)
4134
+ },
4135
+ accordionText: {
4136
+ rowGap: verticalScale(4)
4137
+ },
4138
+ accordionDetails: {
4139
+ paddingTop: verticalScale(16),
4140
+ borderTopWidth: 1,
4141
+ rowGap: verticalScale(16)
4142
+ },
4143
+ appointmentInfo: {
4144
+ flex: 1,
4145
+ flexDirection: "row",
4146
+ justifyContent: "space-between"
4147
+ },
4148
+ infoColumn: {
4149
+ flex: 1,
4150
+ rowGap: verticalScale(4)
4151
+ },
4152
+ locationInfo: {
4153
+ rowGap: verticalScale(4)
4154
+ },
4155
+ getDirectionsText: {
4156
+ textDecorationLine: "underline"
4157
+ }
4158
+ });
4159
+
4160
+ const AppointmentCard = ({
4161
+ isOpen,
4162
+ onToggle,
4163
+ icon,
4164
+ headerIcon,
4165
+ title,
4166
+ headerTitle,
4167
+ headerSubtitle,
4168
+ appointmentId,
4169
+ requestId,
4170
+ location,
4171
+ onPress
4172
+ }) => {
4173
+ const { theme } = useTheme();
4174
+ return /* @__PURE__ */ React__default["default"].createElement(
4175
+ Accordion,
4176
+ {
4177
+ title,
4178
+ isOpen,
4179
+ onToggle,
4180
+ containerStyle: {
4181
+ ...styles$1.accordionStyle,
4182
+ backgroundColor: theme.SURFACE_SECONDARY,
4183
+ borderColor: theme.BORDER_SEPERATOR_HEADER,
4184
+ borderBottomColor: theme.BORDER_SEPERATOR_HEADER
4185
+ },
4186
+ headerStyle: styles$1.accordionHeader,
4187
+ 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(
4188
+ CustomTypography,
4189
+ {
4190
+ text: headerTitle,
4191
+ variant: FontStyle.L2_REGULAR,
4192
+ style: { color: theme.CONTENT_SECONDRY }
4193
+ }
4194
+ ), /* @__PURE__ */ React__default["default"].createElement(
4195
+ CustomTypography,
4196
+ {
4197
+ text: headerSubtitle,
4198
+ variant: FontStyle.B3_REGULAR,
4199
+ style: { color: theme.CONTENT_PRIMARY }
4200
+ }
4201
+ ))),
4202
+ icon
4203
+ },
4204
+ /* @__PURE__ */ React__default["default"].createElement(
4205
+ reactNative.View,
4206
+ {
4207
+ style: {
4208
+ ...styles$1.accordionDetails,
4209
+ borderTopColor: theme.BORDER_SEPERATOR_HEADER
4210
+ }
4211
+ },
4212
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.appointmentInfo }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.infoColumn }, /* @__PURE__ */ React__default["default"].createElement(
4213
+ CustomTypography,
4214
+ {
4215
+ text: "APPOINTMENT ID",
4216
+ variant: FontStyle.L3_REGULAR,
4217
+ style: { color: theme.CONTENT_SECONDRY }
4218
+ }
4219
+ ), /* @__PURE__ */ React__default["default"].createElement(
4220
+ CustomTypography,
4221
+ {
4222
+ text: appointmentId,
4223
+ variant: FontStyle.L1_REGULAR,
4224
+ style: { color: theme.CONTENT_PRIMARY }
4225
+ }
4226
+ )), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.infoColumn }, /* @__PURE__ */ React__default["default"].createElement(
4227
+ CustomTypography,
4228
+ {
4229
+ text: "REQUEST ID",
4230
+ variant: FontStyle.L3_REGULAR,
4231
+ style: { color: theme.CONTENT_SECONDRY }
4232
+ }
4233
+ ), /* @__PURE__ */ React__default["default"].createElement(
4234
+ CustomTypography,
4235
+ {
4236
+ text: requestId,
4237
+ variant: FontStyle.L1_REGULAR,
4238
+ style: { color: theme.CONTENT_PRIMARY }
4239
+ }
4240
+ ))),
4241
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$1.locationInfo }, /* @__PURE__ */ React__default["default"].createElement(
4242
+ CustomTypography,
4243
+ {
4244
+ text: "LOCATION",
4245
+ variant: FontStyle.L3_REGULAR,
4246
+ style: { color: theme.CONTENT_SECONDRY }
4247
+ }
4248
+ ), /* @__PURE__ */ React__default["default"].createElement(
4249
+ CustomTypography,
4250
+ {
4251
+ text: location,
4252
+ variant: FontStyle.L1_REGULAR,
4253
+ style: { color: theme.CONTENT_PRIMARY }
4254
+ }
4255
+ ), /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, { onPress }, /* @__PURE__ */ React__default["default"].createElement(
4256
+ CustomTypography,
4257
+ {
4258
+ text: "Get directions",
4259
+ variant: FontStyle.L2_REGULAR,
4260
+ style: {
4261
+ ...styles$1.getDirectionsText,
4262
+ color: theme.CONTENT_PRIMARY
4263
+ }
4264
+ }
4265
+ )))
4266
+ )
4267
+ );
4268
+ };
4269
+ var index$1 = withThemeProvider(AppointmentCard);
4270
+
4271
+ const styles = reactNative.StyleSheet.create({
4272
+ container: {
4273
+ flexDirection: "row",
4274
+ justifyContent: "space-between",
4275
+ alignItems: "center",
4276
+ paddingHorizontal: horizontalScale(24),
4277
+ paddingVertical: verticalScale(16),
4278
+ borderTopWidth: 1,
4279
+ borderBottomWidth: 1
4280
+ },
4281
+ propertyInfo: {
4282
+ rowGap: verticalScale(4)
4283
+ },
4284
+ arrowIconContainer: {
4285
+ width: moderateScale(32),
4286
+ height: moderateScale(32),
4287
+ borderRadius: moderateScale(25)
4288
+ },
4289
+ propertyNumber: {
4290
+ flexDirection: "row",
4291
+ alignItems: "center",
4292
+ columnGap: horizontalScale(4)
4293
+ }
4294
+ });
4295
+
4296
+ const PropertyDetails = ({
4297
+ icon,
4298
+ brandIcon,
4299
+ title,
4300
+ subTitle,
4301
+ propertyNumber,
4302
+ hintIcon,
4303
+ btnIcon,
4304
+ onRightIconPress
4305
+ }) => {
4306
+ const { theme } = useTheme();
4307
+ return /* @__PURE__ */ React__default["default"].createElement(
4308
+ reactNative.View,
4309
+ {
4310
+ style: {
4311
+ ...styles.container,
4312
+ backgroundColor: theme.SURFACE_SECONDARY,
4313
+ borderColor: theme.BORDER_SEPERATOR_HEADER
4314
+ }
4315
+ },
4316
+ React__default["default"].cloneElement(icon, {
4317
+ width: moderateScale(87),
4318
+ height: moderateScale(87)
4319
+ }),
4320
+ /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.propertyInfo }, brandIcon, /* @__PURE__ */ React__default["default"].createElement(
4321
+ CustomTypography,
4322
+ {
4323
+ text: title,
4324
+ variant: FontStyle.L2_REGULAR,
4325
+ style: { color: theme.CONTENT_PRIMARY }
4326
+ }
4327
+ ), /* @__PURE__ */ React__default["default"].createElement(
4328
+ CustomTypography,
4329
+ {
4330
+ text: subTitle,
4331
+ variant: FontStyle.L1_REGULAR,
4332
+ style: { color: theme.CONTENT_PRIMARY }
4333
+ }
4334
+ ), /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles.propertyNumber }, /* @__PURE__ */ React__default["default"].createElement(
4335
+ CustomTypography,
4336
+ {
4337
+ text: propertyNumber,
4338
+ variant: FontStyle.L2_REGULAR,
4339
+ style: {
4340
+ color: theme.CONTENT_SECONDRY
4341
+ }
4342
+ }
4343
+ ), hintIcon)),
4344
+ /* @__PURE__ */ React__default["default"].createElement(
4345
+ CustomIcon,
4346
+ {
4347
+ icon: btnIcon,
4348
+ containerStyle: {
4349
+ ...styles.arrowIconContainer,
4350
+ backgroundColor: theme.SURFACE_INVERTED
4351
+ },
4352
+ onPress: onRightIconPress
4353
+ }
4354
+ )
4355
+ );
4356
+ };
4357
+ var index = withThemeProvider(PropertyDetails);
4358
+
4118
4359
  exports.Accordion = Accordion;
4360
+ exports.AppointmentCard = index$1;
4119
4361
  exports.Badge = Badge$1;
4120
4362
  exports.BottomDrawer = BottomDrawer;
4121
4363
  exports.Button = CustomButton$1;
@@ -4131,7 +4373,7 @@ exports.CustomIcon = CustomIcon;
4131
4373
  exports.CustomLoader = CustomLoader;
4132
4374
  exports.CustomProgressBar = CustomProgressBar;
4133
4375
  exports.CustomSearchBar = CustomSearchBar;
4134
- exports.CustomSlideButton = index;
4376
+ exports.CustomSlideButton = index$2;
4135
4377
  exports.CustomSwitchBtn = CustomSwitchBtn;
4136
4378
  exports.CustomText = CustomText$1;
4137
4379
  exports.CustomTextInput = CustomTextInput;
@@ -4151,14 +4393,15 @@ exports.FileUpload = FileUpload;
4151
4393
  exports.FontStyle = FontStyle;
4152
4394
  exports.Line = Line;
4153
4395
  exports.NotificationBandge = NotificationBandge;
4154
- exports.OTPInput = index$2;
4396
+ exports.OTPInput = index$4;
4155
4397
  exports.OurOfficesButton = OurOffices;
4156
4398
  exports.PdfView = PdfView;
4157
4399
  exports.PopUp = PopUp;
4400
+ exports.PropertyDetails = index;
4158
4401
  exports.ShapeType = ShapeType;
4159
4402
  exports.SingleSelectionTags = TagsComponent;
4160
4403
  exports.StarRating = Star;
4161
- exports.Stepper = index$1;
4404
+ exports.Stepper = index$3;
4162
4405
  exports.SwipableList = SwipableList;
4163
4406
  exports.Tabs = Tabs$1;
4164
4407
  exports.Tags = Tags;