@hhgtech/hhg-components 1.29.134 → 1.29.135

package/build/{index-7f563129.js → index-ce9a0d0b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var core = require('@mantine/core');
-var other = require('./other-427e38dc.js');
+var other = require('./other-06d775ca.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-cf8df3df.js → index-cf6516fa.js}

@@ -1,23 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
-require('./index-3e801e33.js');
+require('./index-1e469a64.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
+require('./index-f49e8023.js');
+require('./index-4a39b1e7.js');
+require('./index-76e88882.js');
+require('./useMantineLocale-b6730670.js');
+var index = require('./index-ce9a0d0b.js');
+require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
+require('./translationsContext-571827e1.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
+require('./utils-3e457c21.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c5402a91.js → index-d188e064.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-3e801e33.js');
+var index = require('./index-1e469a64.js');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index$1 = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+require('./index-f49e8023.js');
+require('./index-4a39b1e7.js');
+require('./index-76e88882.js');
+require('./useMantineLocale-b6730670.js');
+var index$2 = require('./index-ce9a0d0b.js');
+require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
+var index$1 = require('./index-53b9a5ed.js');
 require('@mantine/hooks');
-var utils = require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
+var utils = require('./utils-3e457c21.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
 var styled = require('@emotion/styled');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 
@@ -83,12 +83,12 @@ const ToolsBannerCard = ({ className, heading, bannerColor, medicalReview = {
     reviewer: '',
     date: '',
 }, icon, style, isPregTool, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const theme = core.useMantineTheme();
     const isMarryBaby = theme.other.template === 'mb';
     const siteType = isMarryBaby ? 'marryBaby' : 'helloSites';
     const headingAs = 'h2';
-    const medicalReviewEle = (medicalReview === null || medicalReview === void 0 ? void 0 : medicalReview.reviewer) ? (React__default["default"].createElement(index$1.Text, { size: "label2", as: "div", className: "embedded-review", sx: {
+    const medicalReviewEle = (medicalReview === null || medicalReview === void 0 ? void 0 : medicalReview.reviewer) ? (React__default["default"].createElement(index$2.Text, { size: "label2", as: "div", className: "embedded-review", sx: {
             a: {
                 textUnderlineOffset: '2px',
                 textDecoration: 'underline',
@@ -109,8 +109,8 @@ const ToolsBannerCard = ({ className, heading, bannerColor, medicalReview = {
         React__default["default"].createElement(StyledWrapper, null,
             React__default["default"].createElement(core.Flex, { gap: core.rem(24), align: 'center', justify: 'space-between', sx: { padding: core.rem(16), gap: core.rem(24), '.heading': {} } },
                 React__default["default"].createElement(core.Box, null,
-                    React__default["default"].createElement(index$1.Text, { size: isMarryBaby ? 'h4' : 'h3', as: headingAs, className: 'heading' }, heading),
-                    medicalReview && (React__default["default"].createElement(index$1.Text, { size: "n1", as: "div" }, medicalReviewEle))),
+                    React__default["default"].createElement(index$2.Text, { size: isMarryBaby ? 'h4' : 'h3', as: headingAs, className: 'heading' }, heading),
+                    medicalReview && (React__default["default"].createElement(index$2.Text, { size: "n1", as: "div" }, medicalReviewEle))),
                 React__default["default"].createElement(core.Flex, { justify: 'center', align: 'center', sx: (theme) => ({
                         width: core.rem(80),
                         height: core.rem(80),

package/build/{index-16ec88b8.js → index-dd7b92e2.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-bb097164.js');
+var index = require('./index-2869b1c0.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-47e50510.js → index-e5d43833.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-a0a2321b.js');
+var index = require('./index-f5b2b3bf.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-63bb20ab.js → index-e5fa02ff.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index = require('./index-53b9a5ed.js');
 var core = require('@mantine/core');
-var paths = require('./paths-82017d6b.js');
-var constants = require('./constants-1cb3909f.js');
-var index = require('./index-a0a2321b.js');
-require('./index-920ebbb7.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var paths = require('./paths-af9b373b.js');
+var constants = require('./constants-67e47468.js');
+var index$1 = require('./index-f5b2b3bf.js');
+require('./index-f49e8023.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 
@@ -95,7 +95,7 @@ const looselyMatchRole = (role) => {
 };
 const AuthorBadge = (_a) => {
     var { siteType, role, title, styles, className } = _a, rest = tslib_es6.__rest(_a, ["siteType", "role", "title", "styles", "className"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const matchedRole = role ? looselyMatchRole(role) : '';
     const { classes, cx } = useStyles(undefined, 
     // Second argument is responsible for styles api integration
@@ -107,7 +107,7 @@ const AuthorBadge = (_a) => {
 
 const BookingBtn = (_a) => {
     var { label, bookingId, bookingType = 'doctor', locale = 'vi-VN' } = _a, rest = tslib_es6.__rest(_a, ["label", "bookingId", "bookingType", "locale"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [loading, setLoading] = React.useState(false);
     const currentUrl = React.useMemo(() => {
         if (typeof window !== 'undefined') {
@@ -160,7 +160,7 @@ const BookingBtn = (_a) => {
             setLoading(false);
         }
     }), []);
-    return bookingId && bookingType ? (React__default["default"].createElement(index.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
+    return bookingId && bookingType ? (React__default["default"].createElement(index$1.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
 };
 
 exports.AuthorBadge = AuthorBadge;

package/build/{index-c25e95ab.js → index-e7fc843b.js}

@@ -1,31 +1,31 @@
 'use strict';
 
 var React = require('react');
-var index$3 = require('./index-cf20aefa.js');
-var index$1 = require('./index-418c000b.js');
-var index$2 = require('./index-7f563129.js');
-var utils = require('./utils-54857ab8.js');
+var index$3 = require('./index-ed1c09df.js');
+var index$1 = require('./index-ab0d64aa.js');
+var index$2 = require('./index-ce9a0d0b.js');
+var utils = require('./utils-3e457c21.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
-var index$5 = require('./index-bb097164.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
-var dataTransform = require('./dataTransform-8b9a8639.js');
-var constants = require('./constants-63a0dc23.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
+var index$6 = require('./index-2869b1c0.js');
+var index$4 = require('./index-53b9a5ed.js');
+var dataTransform = require('./dataTransform-f2ff157c.js');
+var constants = require('./constants-c7ece436.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-d7cfcb99.js');
-var index$6 = require('./index-d2b18842.js');
-var togetherMoleculesCardAuthor = require('./index-f19cb739.js');
-var index$4 = require('./index-7ec5ee94.js');
-var togetherRichTextEditor = require('./editor-bba948c7.js');
+var post = require('./post-d8663f4d.js');
+var index$7 = require('./index-c6c490b1.js');
+var togetherMoleculesCardAuthor = require('./index-e9000032.js');
+var index$5 = require('./index-89ce3cac.js');
+var togetherRichTextEditor = require('./editor-3d2c78d7.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-bc3336cd.js');
-var togetherMoleculesPostImagePreview = require('./index-7a6d47a3.js');
+var index = require('./index-07fc326f.js');
+var togetherMoleculesPostImagePreview = require('./index-774d9d96.js');
 var togetherShareBox = require('./togetherShareBox.js');
-var index$7 = require('./index-8244f19c.js');
+var index$8 = require('./index-45ec86f5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -802,7 +802,7 @@ const deleteComment = ({ id, locale, }) => {
 const InputCommentBar = ({ isReply, className, onClose, replyToName, style, replyingId, replyingUser, onPostSuccess, post, isMarryBaby: isMarryBabyProp, }) => {
     const { action: { pushNotifications, sanitizeFunction }, data: { userInfo, locale, env: { isMarryBaby: isMarryBabyContext }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const isMarryBaby = typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const { onSelectImages, onRemoveImage, imageSrcs, onRemoveAllImages, imageFiles, } = useImagePicker();
     const [text, setText] = React.useState('');
     const { trigger } = React.useContext(MainInputTriggerContext);
@@ -913,9 +913,9 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
                     } })),
             React__default["default"].createElement("img", { src: IconCloseCircleLine, className: "icon-close-comment", onClick: () => onClose && onClose(), loading: "lazy" }))),
         React__default["default"].createElement("div", { className: "input-container", ref: mainInput },
-            React__default["default"].createElement(index$4.UserAvatar, { className: `avatar-wrapper ${isReply ? 'avatar-wrapper-reply' : ''}`, avatar: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? userInfo.avatar : constants.DEFAULT_AVATAR_IMG, username: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username) }),
+            React__default["default"].createElement(index$5.UserAvatar, { className: `avatar-wrapper ${isReply ? 'avatar-wrapper-reply' : ''}`, avatar: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? userInfo.avatar : constants.DEFAULT_AVATAR_IMG, username: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username) }),
             React__default["default"].createElement("input", { ref: imagePicker, onChange: onSelectImages, type: "file", multiple: true, accept: "image/png,image/jpeg", name: "images", style: { display: 'none' } }),
-            React__default["default"].createElement(index$5.Input
+            React__default["default"].createElement(index$6.Input
             // actionIcon={
             //   !isPost ? (
             //     <label className="images-input-label">
@@ -963,7 +963,7 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
                 React__default["default"].createElement("img", { src: IconEnter, className: "icon-enter", loading: "lazy" }))),
         !!(invalidUrls === null || invalidUrls === void 0 ? void 0 : invalidUrls.length) ? (React__default["default"].createElement("div", { className: "error-text" }, t('notification.limitUrlDomain'))) : null,
         (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__default["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$6.CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
+            React__default["default"].createElement(index$7.CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
             React__default["default"].createElement("img", { src: IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
         imageSrcs && imageSrcs.length > 0 && (React__default["default"].createElement("div", { className: "preview-images-container" }, imageSrcs.map((src, index) => (React__default["default"].createElement("div", { key: index, className: "image-src-wrapper" },
             React__default["default"].createElement("img", { className: "preview-image", src: src, loading: "lazy" }),
@@ -972,7 +972,7 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
 
 const SharePopup = ({ trackingCategory, className, style, url, avatar, text, onClose, }) => {
     const { data: { env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const [isOpen, setIsOpen] = React.useState(false);
     React.useEffect(() => {
         utils.toggleNoScroll(true);
@@ -1117,7 +1117,7 @@ var IconAlertCircle = img;
 
 const SubmitReportForm = ({ className, style, reason, reasonText, onClose, postId, }) => {
     const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$4.useTranslations();
     const [loading, setLoading] = React.useState(false);
     return (React__default["default"].createElement(StyledSubmitReportForm, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
         React__default["default"].createElement("ul", { className: "report-list" },
@@ -1287,7 +1287,7 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
             width: responsiveWidth.current,
             transform: 'translate(-50%, -50%)',
         }, scrolling: "no", frameBorder: "0", allowFullScreen: true, allow: "autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share", loading: "lazy" })) : null)) : (React__default["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
-        React__default["default"].createElement("div", { className: `link-image-wrapper ${(previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? 'fetching' : ''}` }, (previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? (React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, { className: "loading-spinner" })) : (React__default["default"].createElement(index$7.ImageWrap, { className: "link-image", src: displayImage || constants.DEFAULT_IMG, backupSrc: constants.DEFAULT_IMG, alt: displayUrl })))))));
+        React__default["default"].createElement("div", { className: `link-image-wrapper ${(previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? 'fetching' : ''}` }, (previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? (React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, { className: "loading-spinner" })) : (React__default["default"].createElement(index$8.ImageWrap, { className: "link-image", src: displayImage || constants.DEFAULT_IMG, backupSrc: constants.DEFAULT_IMG, alt: displayUrl })))))));
 };
 
 exports.IconAlertCircle = IconAlertCircle;

package/build/{index-f19cb739.js → index-e9000032.js}

@@ -5,24 +5,24 @@ var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var useTranslations = require('./useTranslations-928d4ace.js');
-var utils = require('./utils-54857ab8.js');
-var index$1 = require('./index-63bb20ab.js');
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
-var index = require('./index-7ec5ee94.js');
-var index_styles = require('./index.styles-b57afab1.js');
-require('./index-920ebbb7.js');
-var index$5 = require('./index-e6bdfb93.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
-var index$2 = require('./index-cf20aefa.js');
-var index$4 = require('./index-7f563129.js');
+var index$2 = require('./index-53b9a5ed.js');
+var utils = require('./utils-3e457c21.js');
+var index$1 = require('./index-e5fa02ff.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
+var index = require('./index-89ce3cac.js');
+var index_styles = require('./index.styles-575a2293.js');
+require('./index-f49e8023.js');
+var index$6 = require('./index-76e88882.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
+var index$3 = require('./index-ed1c09df.js');
+var index$5 = require('./index-ce9a0d0b.js');
 var miscTheme = require('./miscTheme.js');
-var index$3 = require('./index-8244f19c.js');
+var index$4 = require('./index-45ec86f5.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
 var react = require('@emotion/react');
-var index$6 = require('./index-418c000b.js');
-var index$7 = require('./index-e8251765.js');
+var index$7 = require('./index-ab0d64aa.js');
+var index$8 = require('./index-0a9ae6cf.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -307,14 +307,14 @@ styled__default["default"].div `
 `;
 
 const Loading = ({ className, size = 'md' }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$2.useTranslations();
     return (React__default["default"].createElement(StyledLoading, { className: className },
-        React__default["default"].createElement(index$2.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
+        React__default["default"].createElement(index$3.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
 };
 
-const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback = index$5.CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
+const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId, locale, isMobile, overwriteProfileProps, avatarFallback = index$6.CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
     var _a, _b, _c;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$2.useTranslations();
     const [doctorInfo, setDoctorInfo] = React.useState(null);
     const [isLoading, setIsLoading] = React.useState(false);
     React.useEffect(() => {
@@ -369,13 +369,13 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
                     React__default["default"].createElement(StyledProfileImage$2, null,
                         React__default["default"].createElement("div", { className: "image-container" },
                             React__default["default"].createElement("div", { style: { position: 'relative' } },
-                                React__default["default"].createElement(index$3.ImageWrap, { src: doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.avatar, backupSrc: avatarFallback, className: "profile-image", alt: "avatar" }),
+                                React__default["default"].createElement(index$4.ImageWrap, { src: doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.avatar, backupSrc: avatarFallback, className: "profile-image", alt: "avatar" }),
                                 React__default["default"].createElement("img", { className: "badge-avatar", src: ReviewerMedical, alt: "badge", loading: "lazy" })))),
                     React__default["default"].createElement(StyledTitleContainer$2, null,
-                        React__default["default"].createElement(index$4.Text, { size: "s3", weight: "semiBold", className: "full-name" }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.name),
+                        React__default["default"].createElement(index$5.Text, { size: "s3", weight: "semiBold", className: "full-name" }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.name),
                         React__default["default"].createElement("div", { className: "specialty" },
                             specialtiesList && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                                React__default["default"].createElement(index$4.Text, { size: "p4", color: miscTheme.theme.colors.gray800 },
+                                React__default["default"].createElement(index$5.Text, { size: "p4", color: miscTheme.theme.colors.gray800 },
                                     specialtiesList,
                                     ' • '))),
                             React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareHospitalUrl({
@@ -384,31 +384,31 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
                                     slug: (_c = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _c === void 0 ? void 0 : _c.slug,
                                     locale,
                                 }), className: "organisation", target: "_blank", rel: "noreferrer" },
-                                React__default["default"].createElement(index$4.Text, { size: "p4", className: "organisation", color: miscTheme.theme.colors.gray800, style: { textDecoration: 'underline' } }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization.name))))),
+                                React__default["default"].createElement(index$5.Text, { size: "p4", className: "organisation", color: miscTheme.theme.colors.gray800, style: { textDecoration: 'underline' } }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization.name))))),
                 !isMobile && (React__default["default"].createElement("div", { className: "btn-wrapper" },
                     React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareDoctorUrl({
                             name: doctorInfo.name,
                             id: doctorInfo.id,
                             locale: locale,
                         }) },
-                        React__default["default"].createElement(index$2.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
+                        React__default["default"].createElement(index$3.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
             formattedExperiences && (React__default["default"].createElement(StyledTitleContainer$2, null,
                 React__default["default"].createElement("div", { className: "experience" },
-                    React__default["default"].createElement(index$4.Text, { weight: "bold", size: "s3", color: miscTheme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
+                    React__default["default"].createElement(index$5.Text, { weight: "bold", size: "s3", color: miscTheme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
                     React__default["default"].createElement(StyledExperienceList, null, formattedExperiences.map((experience, i) => (React__default["default"].createElement("li", { key: i },
-                        React__default["default"].createElement(index$4.Text, { size: "p2" }, renderExperienceText(experience)))))),
+                        React__default["default"].createElement(index$5.Text, { size: "p2" }, renderExperienceText(experience)))))),
                     isMobile ? (React__default["default"].createElement("div", { className: "btn-wrapper" },
                         React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareDoctorUrl({
                                 name: doctorInfo.name,
                                 id: doctorInfo.id,
                                 locale: locale,
                             }) },
-                            React__default["default"].createElement(index$2.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareDoctorUrl({
+                            React__default["default"].createElement(index$3.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareDoctorUrl({
                             name: doctorInfo.name,
                             id: doctorInfo.id,
                             locale: locale,
                         }) },
-                        React__default["default"].createElement(index$4.Text, { size: "s4", color: "#2D87F3", style: { paddingTop: 24 }, "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": togetherComponentGlobalContext.getCurrentBaseUrl(locale) +
+                        React__default["default"].createElement(index$5.Text, { size: "s4", color: "#2D87F3", style: { paddingTop: 24 }, "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": togetherComponentGlobalContext.getCurrentBaseUrl(locale) +
                                 togetherComponentGlobalContext.getCareDoctorUrl({
                                     name: doctorInfo.name,
                                     id: doctorInfo.id,
@@ -592,8 +592,8 @@ const ReviewerIconMap = {
     'fact-check': ReviewerFactCheck,
     medical: ReviewerMedical,
 };
-const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onClose, enableAnimation = true, expertId, overwriteProfileProps, avatarFallback = index$5.CommonGAssets.getAssetPath('avatar.jpg'), }) => {
-    const { t } = useTranslations.useTranslations();
+const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onClose, enableAnimation = true, expertId, overwriteProfileProps, avatarFallback = index$6.CommonGAssets.getAssetPath('avatar.jpg'), }) => {
+    const { t } = index$2.useTranslations();
     const [expertInfo, setExpertInfo] = React.useState(null);
     const [isLoading, setIsLoading] = React.useState(false);
     React.useEffect(() => {
@@ -625,19 +625,19 @@ const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onC
                     React__default["default"].createElement(StyledProfileImage$1, null,
                         React__default["default"].createElement("div", { className: "image-container" },
                             React__default["default"].createElement("div", { style: { position: 'relative' } },
-                                React__default["default"].createElement(index$3.ImageWrap, { src: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.avatar, className: "profile-image", alt: "avatar", backupSrc: avatarFallback }),
+                                React__default["default"].createElement(index$4.ImageWrap, { src: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.avatar, className: "profile-image", alt: "avatar", backupSrc: avatarFallback }),
                                 React__default["default"].createElement("img", { className: "badge-avatar", src: ReviewerIconMap[expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.role], alt: "badge", loading: "lazy" })))),
                     React__default["default"].createElement(StyledTitleContainer$1, null,
-                        React__default["default"].createElement(index$4.Text, { size: "s3", className: "full-name", weight: "semiBold" }, expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.display_name),
+                        React__default["default"].createElement(index$5.Text, { size: "s3", className: "full-name", weight: "semiBold" }, expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.display_name),
                         React__default["default"].createElement("div", null,
-                            React__default["default"].createElement(index$4.Text, { size: "p4", color: miscTheme.theme.colors.gray800 }, expertInfo === null || expertInfo === void 0 ? void 0 :
+                            React__default["default"].createElement(index$5.Text, { size: "p4", color: miscTheme.theme.colors.gray800 }, expertInfo === null || expertInfo === void 0 ? void 0 :
                                 expertInfo.specialty,
                                 ' • '),
                             React__default["default"].createElement("a", { href: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.organisation_url, className: "organisation", target: "_blank", rel: "noreferrer" },
-                                React__default["default"].createElement(index$4.Text, { size: "p4", className: "organisation", color: miscTheme.theme.colors.gray800, style: { textDecoration: 'underline' } }, expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.organisation)))))),
+                                React__default["default"].createElement(index$5.Text, { size: "p4", className: "organisation", color: miscTheme.theme.colors.gray800, style: { textDecoration: 'underline' } }, expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.organisation)))))),
             React__default["default"].createElement(StyledTitleContainer$1, null,
                 React__default["default"].createElement("div", { className: "experience" },
-                    React__default["default"].createElement(index$4.Text, { weight: "bold", size: "p4", color: miscTheme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
+                    React__default["default"].createElement(index$5.Text, { weight: "bold", size: "p4", color: miscTheme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('expert.content.description').toUpperCase()),
                     React__default["default"].createElement("div", { className: "list-items" }, (expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.experiences)
                         ? expertInfo.experiences
                             .filter((e) => !!(e && (e.title || e.organization)))
@@ -645,11 +645,11 @@ const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onC
                             .map((experience, index) => (React__default["default"].createElement(StyledItem, { key: index },
                             React__default["default"].createElement("img", { className: "bullet-point", src: BulletPoint, alt: "point", loading: "lazy" }),
                             React__default["default"].createElement("div", { className: "text-contain" },
-                                React__default["default"].createElement(index$6.Heading, { tag: "h6", color: miscTheme.theme.colors.gray800 }, experience === null || experience === void 0 ? void 0 : experience.title),
-                                React__default["default"].createElement(index$4.Text, { size: "p2", color: miscTheme.theme.colors.gray500 }, experience === null || experience === void 0 ? void 0 : experience.organization)))))
+                                React__default["default"].createElement(index$7.Heading, { tag: "h6", color: miscTheme.theme.colors.gray800 }, experience === null || experience === void 0 ? void 0 : experience.title),
+                                React__default["default"].createElement(index$5.Text, { size: "p2", color: miscTheme.theme.colors.gray500 }, experience === null || experience === void 0 ? void 0 : experience.organization)))))
                         : false),
                     React__default["default"].createElement("a", { href: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url, style: { display: 'inline-block', paddingTop: 24 } },
-                        React__default["default"].createElement(index$4.Text, { as: "span", size: "s4", color: "#2D87F3", "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": togetherComponentGlobalContext.getCurrentBaseUrl(locale) + (expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url) }, t('home.seeExpert')))))))),
+                        React__default["default"].createElement(index$5.Text, { as: "span", size: "s4", color: "#2D87F3", "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": togetherComponentGlobalContext.getCurrentBaseUrl(locale) + (expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url) }, t('home.seeExpert')))))))),
         React__default["default"].createElement(StyledPopupWrapper$1, { "data-open": isOpen, onClick: (e) => {
                 e.stopPropagation();
                 onClose();
@@ -798,8 +798,8 @@ const StyledTitleContainer = styled__default["default"].div `
   }
 `;
 
-const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospitalId, locale, isMobile, overwriteProfileProps, avatarFallback = index$5.CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
-    const { t } = useTranslations.useTranslations();
+const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospitalId, locale, isMobile, overwriteProfileProps, avatarFallback = index$6.CommonGAssets.getAssetPath('avatar.jpg'), trackingCategory = 'Together', }) => {
+    const { t } = index$2.useTranslations();
     const [hospitalInfo, setHospitalInfo] = React.useState(null);
     const [isLoading, setIsLoading] = React.useState(false);
     React.useEffect(() => {
@@ -834,12 +834,12 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
                     React__default["default"].createElement(StyledProfileImage, null,
                         React__default["default"].createElement("div", { className: "image-container" },
                             React__default["default"].createElement("div", { style: { position: 'relative' } },
-                                React__default["default"].createElement(index$3.ImageWrap, { src: hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.logo, className: "profile-image", alt: "avatar", backupSrc: avatarFallback }),
+                                React__default["default"].createElement(index$4.ImageWrap, { src: hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.logo, className: "profile-image", alt: "avatar", backupSrc: avatarFallback }),
                                 React__default["default"].createElement("img", { className: "badge-avatar", src: ReviewerMedical, alt: "badge", loading: "lazy" })))),
                     React__default["default"].createElement(StyledTitleContainer, null,
-                        React__default["default"].createElement(index$4.Text, { size: "s3", weight: "semiBold", className: "full-name" }, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.name),
+                        React__default["default"].createElement(index$5.Text, { size: "s3", weight: "semiBold", className: "full-name" }, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.name),
                         React__default["default"].createElement("div", { className: "specialty" },
-                            specialties && (React__default["default"].createElement(index$4.Text, { size: "p4", color: miscTheme.theme.colors.gray800 },
+                            specialties && (React__default["default"].createElement(index$5.Text, { size: "p4", color: miscTheme.theme.colors.gray800 },
                                 formatSpecialties.join(' • '),
                                 '•')),
                             React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareHospitalUrl({
@@ -848,7 +848,7 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
                                     slug: hospitalInfo.slug,
                                     locale,
                                 }), className: "organisation", target: "_blank", rel: "noreferrer" },
-                                React__default["default"].createElement(index$4.Text, { size: "p4", className: "organisation", color: miscTheme.theme.colors.gray800, style: { textDecoration: 'underline' } }, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.name))))),
+                                React__default["default"].createElement(index$5.Text, { size: "p4", className: "organisation", color: miscTheme.theme.colors.gray800, style: { textDecoration: 'underline' } }, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.name))))),
                 !isMobile && (React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareHospitalUrl({
                         id: hospitalInfo.id,
                         name: hospitalInfo.name,
@@ -856,11 +856,11 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
                         locale,
                     }) },
                     React__default["default"].createElement("div", { className: "btn-wrapper" },
-                        React__default["default"].createElement(index$2.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
+                        React__default["default"].createElement(index$3.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment')))))),
             React__default["default"].createElement(StyledTitleContainer, null,
                 React__default["default"].createElement("div", { className: "experience" },
-                    React__default["default"].createElement(index$4.Text, { weight: "bold", size: "s3", color: miscTheme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('hospital.content.description').toUpperCase()),
-                    React__default["default"].createElement(index$4.Text, { size: "p2", color: miscTheme.theme.colors.gray500 }, hospitalInfo.about),
+                    React__default["default"].createElement(index$5.Text, { weight: "bold", size: "s3", color: miscTheme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('hospital.content.description').toUpperCase()),
+                    React__default["default"].createElement(index$5.Text, { size: "p2", color: miscTheme.theme.colors.gray500 }, hospitalInfo.about),
                     isMobile ? (React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareHospitalUrl({
                             id: hospitalInfo.id,
                             name: hospitalInfo.name,
@@ -868,13 +868,13 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
                             locale,
                         }) },
                         React__default["default"].createElement("div", { className: "btn-wrapper" },
-                            React__default["default"].createElement(index$2.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareHospitalUrl({
+                            React__default["default"].createElement(index$3.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: togetherComponentGlobalContext.getCareHospitalUrl({
                             id: hospitalInfo.id,
                             name: hospitalInfo.name,
                             slug: hospitalInfo.slug,
                             locale,
                         }) },
-                        React__default["default"].createElement(index$4.Text, { size: "s4", color: "#2D87F3", as: "span", "data-event-category": trackingCategory, "data-event-action": "See Full Hospital Profile", "data-event-label": togetherComponentGlobalContext.getCurrentBaseUrl(locale) +
+                        React__default["default"].createElement(index$5.Text, { size: "s4", color: "#2D87F3", as: "span", "data-event-category": trackingCategory, "data-event-action": "See Full Hospital Profile", "data-event-label": togetherComponentGlobalContext.getCurrentBaseUrl(locale) +
                                 togetherComponentGlobalContext.getCareHospitalUrl({
                                     id: hospitalInfo.id,
                                     name: hospitalInfo.name,
@@ -890,8 +890,8 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
 var styles = {"modal":"_2UKyiK1","header":"E5ga-tI","heading":"_8Y2nWXX","close":"d0T7kSP"};
 
 const ProfileDetailModal = ({ open, onClose, children, profileModalProps, }) => {
-    const { t } = useTranslations.useTranslations();
-    return (React__default["default"].createElement(index$7.Modal, Object.assign({ title: t('profilePanel.modal.heading'), titleProps: true, className: styles.modal, opened: open, onClose: onClose, overlayOpacity: 0.2, overflow: "inside", transitionProps: {
+    const { t } = index$2.useTranslations();
+    return (React__default["default"].createElement(index$8.Modal, Object.assign({ title: t('profilePanel.modal.heading'), titleProps: true, className: styles.modal, opened: open, onClose: onClose, overlayOpacity: 0.2, overflow: "inside", transitionProps: {
             transition: 'slide-left',
         }, styles: {
             header: {
@@ -921,7 +921,7 @@ const _CardAuthor = (props) => {
     const { className = '', community, name, username, url, avatar: avatarProp, role: roleProp, title, userType = 'user', expertId, specialty, organisation, isMarryBaby: isMarryBabyProp, doctorId, hospitalId, hasQuickBooking, handleMakeAppointment, communityTrackingAttr, isAnonymous, showDetailPopup, subLine, authActionWrapper, profileProps, profileModalProps, extendEle, avatarProps, hideInfo, timeText, onCloseFromPost, avatarIcon, badgeIconSize, hideBackground, children, styles, dataEventCategory, dataEventAction, dataEventLabel, } = props;
     const { data: { locale, router, env: { isMarryBaby: isMarryBabyContext, togetherBasePath }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { isMobile } = index_styles.useScreenSize();
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$2.useTranslations();
     const { classes } = useStyles(undefined, 
     // Second argument is responsible for styles api integration
     { name: 'CardAuthor', styles });
@@ -931,7 +931,7 @@ const _CardAuthor = (props) => {
         ? t('cardPost.anonymous')
         : name || username || '';
     const avatar = isAnonymous
-        ? index$5.CommonGAssets.getAssetPath('avatar.jpg')
+        ? index$6.CommonGAssets.getAssetPath('avatar.jpg')
         : avatarProp;
     const role = isAnonymous ? undefined : roleProp;
     const [openPopupExpert, setOpenPopupExpert] = React.useState(false);
@@ -966,7 +966,7 @@ const _CardAuthor = (props) => {
     React.useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                Promise.resolve().then(function () { return require('./index-11dbeef6.js'); }).then((module) => {
+                Promise.resolve().then(function () { return require('./index-c1d8ef1c.js'); }).then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }
@@ -998,7 +998,7 @@ const _CardAuthor = (props) => {
         role === 'expert' && hospitalId ? (React__default["default"].createElement(PopupHospital, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), hospitalId: hospitalId, locale: locale })) : null,
         React__default["default"].createElement("div", { className: `hhg-card-author ${classes.root} ${className} ${isExpert ? 'expert-author' : ''}`, "data-background": !hideBackground && isExpert, "data-is-marrybaby": isMarryBaby },
             React__default["default"].createElement(CardAuthor$1, { dataEventCategory: dataEventCategory, dataEventAction: dataEventAction, dataEventLabel: dataEventLabel, onAvatarClick: onAuthorClick, avatarProps: Object.assign(Object.assign({ avatar: isAnonymous
-                        ? index$5.CommonGAssets.getAssetPath(isMarryBaby ? 'anomyous-avatar-1.svg' : 'anomyous-avatar.svg')
+                        ? index$6.CommonGAssets.getAssetPath(isMarryBaby ? 'anomyous-avatar-1.svg' : 'anomyous-avatar.svg')
                         : avatar, username: displayName }, avatarProps), { style: {
                         cursor: !isAnonymous && (url || showDetailPopup)
                             ? 'pointer'

package/build/{index-cf20aefa.js → index-ed1c09df.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
-var index = require('./index-a0a2321b.js');
+var index = require('./index-f5b2b3bf.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }