dhre-ui-kit 0.0.128 → 0.0.130

package/lib/index.mjs

@@ -2418,6 +2418,8 @@ var Line = withThemeProvider(HorizontalLine);
 
 const Topic = ({
   rightIcon,
+  statusImage,
+  time,
   onPress,
   title,
   subTitle,
@@ -2429,25 +2431,27 @@ const Topic = ({
     {
       style: [
         styles$h.button,
-        { backgroundColor: theme["SURFACE_SECONDARY"] },
+        { backgroundColor: theme[Theme.SURFACE_SECONDARY] },
         containterStyle
       ],
       onPress
     },
     rightIcon && /* @__PURE__ */ React.createElement(View, { style: styles$h.rightIconContainer }, React.cloneElement(rightIcon)),
-    /* @__PURE__ */ React.createElement(View, { style: styles$h.textContainer }, subTitle && /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(View, { style: styles$h.timeContainer }, time && /* @__PURE__ */ React.createElement(CustomText$1, { text: time, variant: FontStyle.L2_REGULAR })),
+    /* @__PURE__ */ React.createElement(View, { style: styles$h.textContainer }, /* @__PURE__ */ React.createElement(View, { style: styles$h.paymentView }, statusImage && /* @__PURE__ */ React.createElement(View, null, React.cloneElement(statusImage)), subTitle && /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
+        style: styles$h.subTitle,
         text: subTitle,
-        variant: "L3_REGULAR",
-        textColor: "CONTENT_PRIMARY"
+        variant: FontStyle.L2_REGULAR,
+        textColor: Theme.CONTENT_PRIMARY
       }
-    ), /* @__PURE__ */ React.createElement(
+    )), /* @__PURE__ */ React.createElement(
       CustomText$1,
       {
         text: title,
-        variant: "L1_REGULAR",
-        textColor: "CONTENT_PRIMARY"
+        variant: FontStyle.B3_REGULAR,
+        textColor: Theme.CONTENT_PRIMARY
       }
     ))
   );
@@ -2460,7 +2464,8 @@ const styles$h = StyleSheet.create({
     width: 158,
     borderRadius: 10,
     marginLeft: 12,
-    marginVertical: 14
+    marginVertical: 14,
+    position: "relative"
   },
   iconContainer: {
     marginHorizontal: 16
@@ -2473,16 +2478,27 @@ const styles$h = StyleSheet.create({
     marginHorizontal: 8,
     marginTop: 20
   },
+  timeContainer: {
+    position: "absolute",
+    right: 16,
+    top: 16
+  },
   titleText: {
     marginBottom: 4
   },
   rightIconContainer: {
     position: "absolute",
-    left: 16,
+    left: 10,
     top: 10
+  },
+  subTitle: {
+    marginLeft: 8
+  },
+  paymentView: {
+    flexDirection: "row",
+    alignItems: "center"
   }
 });
-var Topic$1 = withThemeProvider(Topic);
 
 const ContactModal = ({
   phoneNumber,
@@ -4195,7 +4211,7 @@ const AppointmentCard = ({
       ), /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
-          text: appointmentId,
+          text: appointmentId?.toString(),
           variant: FontStyle.L1_REGULAR,
           style: { color: theme.CONTENT_PRIMARY }
         }
@@ -4332,5 +4348,5 @@ const PropertyDetails = ({
 };
 var index = withThemeProvider(PropertyDetails);
 
-export { Accordion, index$1 as AppointmentCard, Badge$1 as Badge, BottomDrawer, CustomButton$1 as Button, Cards, category as Category, Checkbox as CheckBox, ContactModel, CountryDropDown as CountryPicker, CustomDocumentPicker$1 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader, CustomIcon, CustomLoader, CustomProgressBar, CustomSearchBar, index$2 as CustomSlideButton, CustomSwitchBtn, CustomText$1 as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, FeedbackForm, FileUpload, FontStyle, Line, NotificationBandge, index$4 as OTPInput, OurOffices as OurOfficesButton, PdfView, PopUp, index as PropertyDetails, ShapeType, TagsComponent as SingleSelectionTags, Star as StarRating, index$3 as Stepper, SwipableList, Tabs$1 as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, Topic$1 as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
+export { Accordion, index$1 as AppointmentCard, Badge$1 as Badge, BottomDrawer, CustomButton$1 as Button, Cards, category as Category, Checkbox as CheckBox, ContactModel, CountryDropDown as CountryPicker, CustomDocumentPicker$1 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader, CustomIcon, CustomLoader, CustomProgressBar, CustomSearchBar, index$2 as CustomSlideButton, CustomSwitchBtn, CustomText$1 as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, FeedbackForm, FileUpload, FontStyle, Line, NotificationBandge, index$4 as OTPInput, OurOffices as OurOfficesButton, PdfView, PopUp, index as PropertyDetails, ShapeType, TagsComponent as SingleSelectionTags, Star as StarRating, index$3 as Stepper, SwipableList, Tabs$1 as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
 //# sourceMappingURL=index.mjs.map