dhre-ui-kit 0.0.128 → 0.0.130

package/lib/index.d.ts

@@ -17,7 +17,7 @@ interface CustomTextProps extends TextProps {
     style?: StyleProp<TextStyle>;
     textColor?: string;
 }
-declare const _default$e: (props: CustomTextProps) => React$1.JSX.Element;
+declare const _default$d: (props: CustomTextProps) => React$1.JSX.Element;
 
 interface BadgeProps {
     text?: string;
@@ -27,7 +27,7 @@ interface BadgeProps {
     iconStyle?: ViewStyle;
     handleIconPress: () => void;
 }
-declare const _default$d: (props: BadgeProps) => React$1.JSX.Element;
+declare const _default$c: (props: BadgeProps) => React$1.JSX.Element;
 
 interface BottomDrawerProps {
     isModalVisible: boolean;
@@ -70,7 +70,7 @@ interface CustomButtonProps {
     disableButtonTitleColor?: string;
 }
 
-declare const _default$c: (props: CustomButtonProps) => React$1.JSX.Element;
+declare const _default$b: (props: CustomButtonProps) => React$1.JSX.Element;
 
 interface CardsProps {
     topLeftTitle?: string;
@@ -317,7 +317,7 @@ interface Props {
     onSelectionChange?: (selected: string[]) => void;
     style?: ViewStyle;
 }
-declare const _default$b: (props: Props) => React$1.JSX.Element;
+declare const _default$a: (props: Props) => React$1.JSX.Element;
 
 interface TagsProps {
     tags: string[];
@@ -479,18 +479,20 @@ interface CustomLoaderProps {
 
 declare const CustomLoader: ({ loading }: CustomLoaderProps) => React$1.JSX.Element | null;
 
-declare const _default$a: (props: {
+declare const _default$9: (props: {
     style?: ViewStyle;
 }) => React$1.JSX.Element;
 
 interface OurOfficesButtonProps$1 {
     rightIcon?: ReactElement<SvgProps>;
     onPress: () => void;
+    statusImage?: ReactElement<SvgProps>;
     title: string;
     subTitle?: string;
     containterStyle?: ViewStyle;
+    time?: string;
 }
-declare const _default$9: (props: OurOfficesButtonProps$1) => React$1.JSX.Element;
+declare const Topic: ({ rightIcon, statusImage, time, onPress, title, subTitle, containterStyle, }: OurOfficesButtonProps$1) => React$1.JSX.Element;
 
 interface ContactModalProps {
     phoneNumber: string;
@@ -1025,7 +1027,7 @@ interface AppointmentCardProps {
     title: string;
     headerTitle: string;
     headerSubtitle: string;
-    appointmentId: string;
+    appointmentId: number;
     requestId: string;
     location: string;
     onPress: () => void;
@@ -1047,4 +1049,4 @@ interface PropertyDetailsProps {
 
 declare const _default: (props: PropertyDetailsProps) => React$1.JSX.Element;
 
-export { Accordion, _default$1 as AppointmentCard, _default$d as Badge, BottomDrawer, _default$c as Button, Cards, _default$6 as Category, Checkbox as CheckBox, _default$8 as ContactModel, CountryDropDown as CountryPicker, _default$5 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader, type CustomHeaderProps, CustomIcon, CustomLoader, CustomProgressBar, CustomSearchBar, _default$2 as CustomSlideButton, CustomSwitchBtn, _default$e 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, _default$a as Line, NotificationBandge, _default$4 as OTPInput, _default$7 as OurOfficesButton, PdfView, PopUp, _default as PropertyDetails, ShapeType, TagsComponent as SingleSelectionTags, Star as StarRating, _default$3 as Stepper, SwipableList, _default$b as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, type ToastRef, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, _default$9 as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
+export { Accordion, _default$1 as AppointmentCard, _default$c as Badge, BottomDrawer, _default$b as Button, Cards, _default$6 as Category, Checkbox as CheckBox, _default$8 as ContactModel, CountryDropDown as CountryPicker, _default$5 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, CustomHeader, type CustomHeaderProps, CustomIcon, CustomLoader, CustomProgressBar, CustomSearchBar, _default$2 as CustomSlideButton, CustomSwitchBtn, _default$d 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, _default$9 as Line, NotificationBandge, _default$4 as OTPInput, _default$7 as OurOfficesButton, PdfView, PopUp, _default as PropertyDetails, ShapeType, TagsComponent as SingleSelectionTags, Star as StarRating, _default$3 as Stepper, SwipableList, _default$a as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, type ToastRef, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };

package/lib/index.js

@@ -2451,6 +2451,8 @@ var Line = withThemeProvider(HorizontalLine);
 
 const Topic = ({
   rightIcon,
+  statusImage,
+  time,
   onPress,
   title,
   subTitle,
@@ -2462,25 +2464,27 @@ const Topic = ({
     {
       style: [
         styles$h.button,
-        { backgroundColor: theme["SURFACE_SECONDARY"] },
+        { backgroundColor: theme[Theme.SURFACE_SECONDARY] },
         containterStyle
       ],
       onPress
     },
     rightIcon && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.rightIconContainer }, React__default["default"].cloneElement(rightIcon)),
-    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.textContainer }, subTitle && /* @__PURE__ */ React__default["default"].createElement(
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.timeContainer }, time && /* @__PURE__ */ React__default["default"].createElement(CustomText$1, { text: time, variant: FontStyle.L2_REGULAR })),
+    /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.textContainer }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$h.paymentView }, statusImage && /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, React__default["default"].cloneElement(statusImage)), subTitle && /* @__PURE__ */ React__default["default"].createElement(
       CustomText$1,
       {
+        style: styles$h.subTitle,
         text: subTitle,
-        variant: "L3_REGULAR",
-        textColor: "CONTENT_PRIMARY"
+        variant: FontStyle.L2_REGULAR,
+        textColor: Theme.CONTENT_PRIMARY
       }
-    ), /* @__PURE__ */ React__default["default"].createElement(
+    )), /* @__PURE__ */ React__default["default"].createElement(
       CustomText$1,
       {
         text: title,
-        variant: "L1_REGULAR",
-        textColor: "CONTENT_PRIMARY"
+        variant: FontStyle.B3_REGULAR,
+        textColor: Theme.CONTENT_PRIMARY
       }
     ))
   );
@@ -2493,7 +2497,8 @@ const styles$h = reactNative.StyleSheet.create({
     width: 158,
     borderRadius: 10,
     marginLeft: 12,
-    marginVertical: 14
+    marginVertical: 14,
+    position: "relative"
   },
   iconContainer: {
     marginHorizontal: 16
@@ -2506,16 +2511,27 @@ const styles$h = reactNative.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,
@@ -4228,7 +4244,7 @@ const AppointmentCard = ({
       ), /* @__PURE__ */ React__default["default"].createElement(
         CustomTypography,
         {
-          text: appointmentId,
+          text: appointmentId?.toString(),
           variant: FontStyle.L1_REGULAR,
           style: { color: theme.CONTENT_PRIMARY }
         }
@@ -4421,7 +4437,7 @@ exports.Toast = Toast;
 exports.ToggleButton = CustomSwitch;
 exports.ToggleButtonType = ToggleButtonType;
 exports.ToggleTextType = ToggleTextType;
-exports.Topic = Topic$1;
+exports.Topic = Topic;
 exports.copyToClipboard = copyToClipboard;
 exports["default"] = theme;
 exports.height = height;