@hhgtech/hhg-components 1.29.134 → 1.29.136

package/build/{index-b04b464e.js → index-f10a2764.js}

@@ -1,38 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$8 = require('./index-41f6c400.js');
-var index$6 = require('./index-b71e306e.js');
-var dataTransform = require('./dataTransform-8b9a8639.js');
+var index$9 = require('./index-3fa5e9f1.js');
+var index$7 = require('./index-45584d7c.js');
+var dataTransform = require('./dataTransform-c72e6854.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$1 = require('./index-e6bdfb93.js');
-var index = require('./index-8244f19c.js');
-var togetherMoleculesCardAuthor = require('./index-f19cb739.js');
-var index$2 = require('./index-291e6f28.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$2 = require('./index-a4cdd0ad.js');
+var index$1 = require('./index-4391671f.js');
+var togetherMoleculesCardAuthor = require('./index-91ed48b9.js');
+var index$3 = require('./index-c9911c65.js');
+var index = require('./index-1358bae0.js');
 var miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
-var index$3 = require('./index-3e801e33.js');
+var index$4 = require('./index-53b1d680.js');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./useMantineLocale-d59fa63b.js');
-var index$7 = require('./index-7f563129.js');
-var index$4 = require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
+require('./index-58ef4c66.js');
+require('./useMantineLocale-ceb23b28.js');
+var index$8 = require('./index-f301a143.js');
+var index$5 = require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
+require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-d7cfcb99.js');
-var index$5 = require('./index-cf20aefa.js');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
+var post = require('./post-4e895dbe.js');
+var index$6 = require('./index-ad3f7091.js');
+require('./translationsContext-014418fe.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -125,7 +124,7 @@ const PostContent = (_a) => {
     // Second argument is responsible for styles api integration
     { name: 'PostContent', styles });
     const [showAll, setShowAll] = React.useState(false);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { authActionWrapper } = useTogetherAuthRequiredAction.useTogetherAuthRequiredAction();
     const [openPopupExpert, setOpenPopupExpert] = React.useState(false);
     const description = post.decodeMention(post.decodePostUrl(rawDescription || '', 'display'), mentions);
@@ -210,14 +209,14 @@ var styles$a = {"container":"eaR8ATZ","info":"xM-7K0a"};
 
 var styles$9 = {"inner":"DZmf3s7"};
 
-const Thumbnail = ({ src, defaultSrc = index$1.CommonGAssets.getAssetPath('logo/logomark.png'), ratio = 1, size = 80, radius = 8, alt, className = '', }) => {
+const Thumbnail = ({ src, defaultSrc = index$2.CommonGAssets.getAssetPath('logo/logomark.png'), ratio = 1, size = 80, radius = 8, alt, className = '', }) => {
     return (React__default["default"].createElement("div", { className: className },
         React__default["default"].createElement("div", { className: styles$9.inner, style: {
                 width: `${size}px`,
                 height: `${size * ratio}px`,
                 borderRadius: `${radius}px`,
             } },
-            React__default["default"].createElement(index.ImageWrap, { src: src, backupSrc: defaultSrc, alt: alt }))));
+            React__default["default"].createElement(index$1.ImageWrap, { src: src, backupSrc: defaultSrc, alt: alt }))));
 };
 
 const CardArticle = ({ category, title, src, children, className = '', }) => {
@@ -251,37 +250,37 @@ const ProfileDetailContext = React.createContext({});
 
 const About = ({ className = '' }) => {
     var _a, _b, _c, _d, _e;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { info, isMarryBaby, currentPageUrl } = React.useContext(ProfileDetailContext);
     const authorProps = info === null || info === void 0 ? void 0 : info.data;
     const social = [
         {
-            type: index$2.SocialType.LinkedIn,
-            icon: index$1.CommonGAssets.getAssetPath('linkedin.svg'),
+            type: index$3.SocialType.LinkedIn,
+            icon: index$2.CommonGAssets.getAssetPath('linkedin.svg'),
             url: (_a = info === null || info === void 0 ? void 0 : info.contact) === null || _a === void 0 ? void 0 : _a.linkedin,
             eventAction: 'Doctor Profile - Linkedin',
         },
         {
-            type: index$2.SocialType.Instagram,
-            icon: index$1.CommonGAssets.getAssetPath('instagram.svg'),
+            type: index$3.SocialType.Instagram,
+            icon: index$2.CommonGAssets.getAssetPath('instagram.svg'),
             url: (_b = info === null || info === void 0 ? void 0 : info.contact) === null || _b === void 0 ? void 0 : _b.instagram,
             eventAction: 'Doctor Profile - Instagram',
         },
         {
-            type: index$2.SocialType.Facebook,
-            icon: index$1.CommonGAssets.getAssetPath('facebook.svg'),
+            type: index$3.SocialType.Facebook,
+            icon: index$2.CommonGAssets.getAssetPath('facebook.svg'),
             url: (_c = info === null || info === void 0 ? void 0 : info.contact) === null || _c === void 0 ? void 0 : _c.facebook,
             eventAction: 'Doctor Profile  - Facebook',
         },
         {
-            type: index$2.SocialType.Youtube,
-            icon: index$1.CommonGAssets.getAssetPath('youtube.svg'),
+            type: index$3.SocialType.Youtube,
+            icon: index$2.CommonGAssets.getAssetPath('youtube.svg'),
             url: (_d = info === null || info === void 0 ? void 0 : info.contact) === null || _d === void 0 ? void 0 : _d.youtube,
             eventAction: 'Doctor Profile  - Youtube',
         },
         {
-            type: index$2.SocialType.Tiktok,
-            icon: index$1.CommonGAssets.getAssetPath('tiktok.svg'),
+            type: index$3.SocialType.Tiktok,
+            icon: index$2.CommonGAssets.getAssetPath('tiktok.svg'),
             url: (_e = info === null || info === void 0 ? void 0 : info.contact) === null || _e === void 0 ? void 0 : _e.tiktok,
             eventAction: 'Doctor Profile  - TikTok',
         },
@@ -292,7 +291,7 @@ const About = ({ className = '' }) => {
                 {
                     key: 'experience',
                     heading: t('profilePanel.experience'),
-                    iconSrc: index$1.CommonGAssets.getAssetPath(isMarryBaby ? 'award-doc-mb.svg' : 'award-doc.svg'),
+                    iconSrc: index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'award-doc-mb.svg' : 'award-doc.svg'),
                     eventAction: 'Doctor Experience Click',
                     panel: (React__default["default"].createElement("div", { className: styles$8.accBodyGroup }, info === null || info === void 0 ? void 0 : info.experiences.map((i, idx) => (React__default["default"].createElement("div", { className: styles$8.accBodyGroupItem, key: String(idx) },
                         React__default["default"].createElement("div", { className: styles$8.accBodyGroupTitle }, i.title),
@@ -307,7 +306,7 @@ const About = ({ className = '' }) => {
                 {
                     key: 'education',
                     heading: t('profilePanel.education'),
-                    iconSrc: index$1.CommonGAssets.getAssetPath(isMarryBaby ? 'book-mb.svg' : 'book.svg'),
+                    iconSrc: index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'book-mb.svg' : 'book.svg'),
                     eventAction: 'Doctor Degree Click',
                     panel: (React__default["default"].createElement("div", { className: styles$8.accBodyGroup }, info === null || info === void 0 ? void 0 : info.educations.map((i, idx) => (React__default["default"].createElement("div", { className: styles$8.accBodyGroupItem, key: String(idx) },
                         React__default["default"].createElement("div", { className: styles$8.accBodyGroupTitle }, i.schoolName),
@@ -322,7 +321,7 @@ const About = ({ className = '' }) => {
                 {
                     key: 'awards',
                     heading: t('profilePanel.awards'),
-                    iconSrc: index$1.CommonGAssets.getAssetPath(isMarryBaby ? 'award-mb.svg' : 'award.svg'),
+                    iconSrc: index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'award-mb.svg' : 'award.svg'),
                     eventAction: 'Doctor Award Click',
                     panel: (React__default["default"].createElement("div", { className: styles$8.accBodyGroup }, info === null || info === void 0 ? void 0 : info.awards.map((i, idx) => (React__default["default"].createElement("div", { className: styles$8.accBodyGroupTitle, key: idx }, i.title))))),
                 },
@@ -371,7 +370,7 @@ const About = ({ className = '' }) => {
             React__default["default"].createElement(core.Accordion.Panel, null, i.panel)))))),
         relatedPost.length > 0 && (React__default["default"].createElement("div", { className: styles$8.group },
             React__default["default"].createElement("div", { className: styles$8.subTitle },
-                React__default["default"].createElement("img", { className: styles$8.subIcon, src: index$1.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : 'logo/circle-solid.svg'), loading: "lazy" }),
+                React__default["default"].createElement("img", { className: styles$8.subIcon, src: index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : 'logo/circle-solid.svg'), loading: "lazy" }),
                 t('profilePanel.publishedArticles')),
             React__default["default"].createElement("div", { className: `${styles$8.relatedList}` }, info === null || info === void 0 ? void 0 : info.relatedPosts.map((i) => (React__default["default"].createElement("a", { key: String(i.id), href: `${window.location.origin}${i === null || i === void 0 ? void 0 : i.permalink}`, className: styles$8.articleCardLink },
                 React__default["default"].createElement(ArticleCard, Object.assign({ className: 'article-card' }, Object.assign(Object.assign({}, i), (!i.author && {
@@ -382,7 +381,7 @@ const About = ({ className = '' }) => {
                 })), { isReview: true })))))))),
         socialList.length > 0 && (React__default["default"].createElement("div", { className: styles$8.group },
             React__default["default"].createElement("div", { className: styles$8.subTitle },
-                React__default["default"].createElement("img", { className: styles$8.subIcon, src: index$1.CommonGAssets.getAssetPath(isMarryBaby ? 'social-mb.svg' : 'social.svg'), loading: "lazy" }),
+                React__default["default"].createElement("img", { className: styles$8.subIcon, src: index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'social-mb.svg' : 'social.svg'), loading: "lazy" }),
                 t('profilePanel.socialLinks')),
             React__default["default"].createElement("div", { className: styles$8.groupBody },
                 React__default["default"].createElement(core.Flex, null, social.map((i, idx) => i.url && (React__default["default"].createElement("div", { className: styles$8.socialItem, key: idx },
@@ -394,7 +393,7 @@ var styles$7 = {"container":"GYUElSy","question":"_3C6QpT1","questionTitle":"_9M
 
 const PostCard$1 = ({ post, className = '' }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { authActionWrapper, authorProps, currentPageUrl } = React.useContext(ProfileDetailContext);
     const postHref = `${window.location.origin}${togetherBasePath}/${(_a = post === null || post === void 0 ? void 0 : post.community) === null || _a === void 0 ? void 0 : _a.slug}/${post === null || post === void 0 ? void 0 : post.slug}/`;
@@ -403,7 +402,7 @@ const PostCard$1 = ({ post, className = '' }) => {
             React__default["default"].createElement("div", { className: styles$7.question },
                 t('profilePanel.question'),
                 ' ',
-                React__default["default"].createElement(index$3.Anchor, { className: styles$7.questionTitle, href: "#", onClick: () => {
+                React__default["default"].createElement(index$4.Anchor, { className: styles$7.questionTitle, href: "#", onClick: () => {
                         if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id)) {
                             authActionWrapper === null || authActionWrapper === void 0 ? void 0 : authActionWrapper(() => (window.location.href = postHref));
                         }
@@ -420,7 +419,7 @@ const PostCard$1 = ({ post, className = '' }) => {
             React__default["default"].createElement(PostContent, { className: "post-content-wrapper", description: ((_h = (_g = (_f = post === null || post === void 0 ? void 0 : post.expertAnswer) === null || _f === void 0 ? void 0 : _f.answer) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.content) || '', 
                 // disableShortenContent={disableShortenContent}
                 mentions: post === null || post === void 0 ? void 0 : post.mentions, "data-testid": "Content of the Post" })),
-        React__default["default"].createElement(index$4.Button, { variant: "secondary", "data-event-category": "Together", "data-event-action": "Doctor Reply Click", "data-event-label": currentPageUrl, size: "md", onClick: () => {
+        React__default["default"].createElement(index$5.Button, { variant: "secondary", "data-event-category": "Together", "data-event-action": "Doctor Reply Click", "data-event-label": currentPageUrl, size: "md", onClick: () => {
                 if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id)) {
                     authActionWrapper === null || authActionWrapper === void 0 ? void 0 : authActionWrapper(() => (window.location.href = postHref));
                 }
@@ -439,13 +438,13 @@ const EmptyMessage = ({ message, buttonTxt, imgSrc, onBtnClick }) => {
     return (React__default["default"].createElement("div", { className: styles$5.container },
         React__default["default"].createElement("div", { className: styles$5.thumb },
             React__default["default"].createElement("img", { src: imgSrc ||
-                    index$1.CommonGAssets.getAssetPath(isMarryBaby ? 'comments-mb.svg' : 'comments.svg'), loading: "lazy" })),
+                    index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'comments-mb.svg' : 'comments.svg'), loading: "lazy" })),
         message && React__default["default"].createElement("div", { className: styles$5.content }, message),
-        buttonTxt && (React__default["default"].createElement(index$5.Button, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
+        buttonTxt && (React__default["default"].createElement(index$6.Button, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
 };
 
 const Answering = ({ id }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { data: { locale }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { authorProps } = React.useContext(ProfileDetailContext);
     const [posts, setPosts] = React.useState(null);
@@ -464,7 +463,7 @@ const Answering = ({ id }) => {
                 setLoading(false);
             }))();
     }, []);
-    return (React__default["default"].createElement("div", { className: styles$6.container }, loading ? (React__default["default"].createElement(index$6.Loading, null)) : (posts !== null &&
+    return (React__default["default"].createElement("div", { className: styles$6.container }, loading ? (React__default["default"].createElement(index$7.Loading, null)) : (posts !== null &&
         (posts.length > 0 ? (posts.map((i) => (React__default["default"].createElement(PostCard$1, { className: "post-card", key: i.id, post: i })))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
                 name: (authorProps === null || authorProps === void 0 ? void 0 : authorProps.name) || (authorProps === null || authorProps === void 0 ? void 0 : authorProps.username),
             }) }))))));
@@ -481,14 +480,14 @@ const QuestionCard = (_a) => {
         React__default["default"].createElement("div", Object.assign({}, rest, { className: `${styles$4.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` }),
             React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor, { className: "card-author", avatar: (_b = post === null || post === void 0 ? void 0 : post.author) === null || _b === void 0 ? void 0 : _b.avatar, name: ((_c = post === null || post === void 0 ? void 0 : post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post === null || post === void 0 ? void 0 : post.author) === null || _d === void 0 ? void 0 : _d.username), isAnonymous: Boolean(post === null || post === void 0 ? void 0 : post.isAnonymous), subLine: React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor.SubTextRow, null,
                     React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor.SubText, null, post === null || post === void 0 ? void 0 : post.createdTime)) }),
-            React__default["default"].createElement(index$3.Anchor, { href: `${window.location.origin}${togetherBasePath}/${(_e = post === null || post === void 0 ? void 0 : post.community) === null || _e === void 0 ? void 0 : _e.slug}/${post === null || post === void 0 ? void 0 : post.slug}/`, className: styles$4.title, rel: "noreferrer" }, post === null || post === void 0 ? void 0 : post.title))));
+            React__default["default"].createElement(index$4.Anchor, { href: `${window.location.origin}${togetherBasePath}/${(_e = post === null || post === void 0 ? void 0 : post.community) === null || _e === void 0 ? void 0 : _e.slug}/${post === null || post === void 0 ? void 0 : post.slug}/`, className: styles$4.title, rel: "noreferrer" }, post === null || post === void 0 ? void 0 : post.title))));
 };
 
 var styles$3 = {"accordion":"I-uIJ6E","header":"_41WRsj2","heading":"AcOGL93","headingIcon":"JD3dWJN","panel":"dKAgnS8","chevron":"L2Q9T6m","container":"h-pSmhX"};
 
 const Care = () => {
     var _a, _b;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { data: { locale, userInfo }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { onSkipQuestion, countValues, setCountValues } = React.useContext(ProfileDetailContext);
     const [questions, setQuestions] = React.useState();
@@ -529,7 +528,7 @@ const Care = () => {
             onSkipQuestion === null || onSkipQuestion === void 0 ? void 0 : onSkipQuestion(countLists);
         }
     };
-    return (React__default["default"].createElement("div", { className: styles$3.container }, fetchLoading ? (React__default["default"].createElement(index$6.Loading, null)) : (countValues === null || countValues === void 0 ? void 0 : countValues.total_question) > 0 ? (communities.length > 0 && (React__default["default"].createElement(core.Accordion, { className: styles$3.accordion, defaultValue: String(((_b = communities[(_a = Object.keys(communities)) === null || _a === void 0 ? void 0 : _a[0]]) === null || _b === void 0 ? void 0 : _b.id) || ''), styles: (_theme) => ({
+    return (React__default["default"].createElement("div", { className: styles$3.container }, fetchLoading ? (React__default["default"].createElement(index$7.Loading, null)) : (countValues === null || countValues === void 0 ? void 0 : countValues.total_question) > 0 ? (communities.length > 0 && (React__default["default"].createElement(core.Accordion, { className: styles$3.accordion, defaultValue: String(((_b = communities[(_a = Object.keys(communities)) === null || _a === void 0 ? void 0 : _a[0]]) === null || _b === void 0 ? void 0 : _b.id) || ''), styles: (_theme) => ({
             control: {
                 padding: '16px',
                 border: `1px solid ${_theme.colors.neutral[1]}`,
@@ -566,7 +565,7 @@ const Care = () => {
                     React__default["default"].createElement("div", { className: styles$3.heading }, i.name))),
             React__default["default"].createElement(core.Accordion.Panel, null,
                 React__default["default"].createElement("div", { className: styles$3.body }, listing.map((post) => (React__default["default"].createElement(QuestionCard, { className: "question-card", key: post.id, post: post, onSkip: handleSkipQuestion }))))))));
-    })))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyCareMess.content'), imgSrc: index$1.CommonGAssets.getAssetPath('questions.svg') }))));
+    })))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyCareMess.content'), imgSrc: index$2.CommonGAssets.getAssetPath('questions.svg') }))));
 };
 
 var styles$2 = {"container":"GA-zc-O","mainTxt":"A18McWD","question":"yzr0H0N","questionTitle":"_6gVRc3i","community":"xOzLGrD","questionCard":"IB049vj","linkWrapper":"_8I--vEV"};
@@ -574,7 +573,7 @@ var styles$2 = {"container":"GA-zc-O","mainTxt":"A18McWD","question":"yzr0H0N","
 const PostCard = ({ post, className = '' }) => {
     var _a;
     const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const theme = core.useMantineTheme();
     const { authActionWrapper, authorProps } = React.useContext(ProfileDetailContext);
     const postHref = `${window.location.origin}${togetherBasePath}/${(_a = post === null || post === void 0 ? void 0 : post.community) === null || _a === void 0 ? void 0 : _a.slug}/${post === null || post === void 0 ? void 0 : post.slug}/`;
@@ -596,13 +595,13 @@ const PostCard = ({ post, className = '' }) => {
                 React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor.SubTextRow, null,
                     React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor.SubText, null, post === null || post === void 0 ? void 0 : post.createdTime))),
             React__default["default"].createElement(PostContent, { className: "post-content-wrapper", description: post === null || post === void 0 ? void 0 : post.description, mentions: post === null || post === void 0 ? void 0 : post.mentions, maxChars: 200, "data-testid": "Content of the Post", hideShowAllBtn: true }),
-            React__default["default"].createElement(index$7.Text, { size: "p3", color: theme.fn.primaryColor() }, t('post.seeMore')))));
+            React__default["default"].createElement(index$8.Text, { size: "p3", color: theme.fn.primaryColor() }, t('post.seeMore')))));
 };
 
 var styles$1 = {"container":"TSMHoEM"};
 
 const Posts = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { data: { locale }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { authorId: id, authorProps, isAuthorLogin, onCloseFromPost, } = React.useContext(ProfileDetailContext);
     const [posts, setPosts] = React.useState(null);
@@ -622,7 +621,7 @@ const Posts = () => {
                 setLoading(false);
             }))();
     }, [id]);
-    return (React__default["default"].createElement("div", { className: styles$1.container }, loading ? (React__default["default"].createElement(index$6.Loading, null)) : (posts !== null &&
+    return (React__default["default"].createElement("div", { className: styles$1.container }, loading ? (React__default["default"].createElement(index$7.Loading, null)) : (posts !== null &&
         (posts.length > 0 ? (posts.map((i) => (React__default["default"].createElement(PostCard, { className: "post-card", key: i.id, post: i })))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
                 name: (authorProps === null || authorProps === void 0 ? void 0 : authorProps.name) || (authorProps === null || authorProps === void 0 ? void 0 : authorProps.username) || '',
             }), buttonTxt: isAuthorLogin && t('profilePanel.createPost'), onBtnClick: () => {
@@ -675,7 +674,7 @@ const ProfileDetail = (_a) => {
     var _b;
     var { authorProps, selectedTab, authActionWrapper, onSkipQuestion, onCloseFromPost, hideQuestionTab, hideAnswerTab, showSkipQuestionTag, rolesToShowQuestionsTab = ['expert'], currentPageUrl } = _a, rest = tslib_es6.__rest(_a, ["authorProps", "selectedTab", "authActionWrapper", "onSkipQuestion", "onCloseFromPost", "hideQuestionTab", "hideAnswerTab", "showSkipQuestionTag", "rolesToShowQuestionsTab", "currentPageUrl"]);
     const { data: { locale, userInfo, env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const role = authorProps === null || authorProps === void 0 ? void 0 : authorProps.role;
     const loginRole = userInfo === null || userInfo === void 0 ? void 0 : userInfo.role;
     const id = String(authorProps === null || authorProps === void 0 ? void 0 : authorProps.userId);
@@ -839,7 +838,7 @@ const ProfileDetail = (_a) => {
             showSkipQuestionTag,
             currentPageUrl,
         } },
-        React__default["default"].createElement("div", Object.assign({}, rest, { className: `${styles.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`, "data-is-marrybaby": isMarryBaby }), loading ? (React__default["default"].createElement(index$6.Loading, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("div", Object.assign({}, rest, { className: `${styles.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`, "data-is-marrybaby": isMarryBaby }), loading ? (React__default["default"].createElement(index$7.Loading, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor, Object.assign({}, authorProps, { className: "card-author", showDetailPopup: false, subLine: (authorProps === null || authorProps === void 0 ? void 0 : authorProps.role) === 'expert'
                     ? (userData === null || userData === void 0 ? void 0 : userData.specialty) &&
                         (userData === null || userData === void 0 ? void 0 : userData.organisation) && (React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor.SubTextRow, null,
@@ -856,7 +855,7 @@ const ProfileDetail = (_a) => {
             finalTabContent !== null &&
                 activeTab !== null &&
                 (finalTabContent.length > 0 ? (React__default["default"].createElement("div", { className: styles.body },
-                    React__default["default"].createElement(index$8.Tabs, Object.assign({}, tabsProps)))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
+                    React__default["default"].createElement(index$9.Tabs, Object.assign({}, tabsProps)))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
                         text: (authorProps === null || authorProps === void 0 ? void 0 : authorProps.name) || (authorProps === null || authorProps === void 0 ? void 0 : authorProps.username) || '',
                     }) }))))))));
 };

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

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

package/build/{index-2f13c964.js → index-f8fa8b58.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index = require('./index-1358bae0.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$1 = require('./index-e6bdfb93.js');
-var normalizeLink = require('./normalizeLink-32afb65d.js');
+var index$2 = require('./index-a4cdd0ad.js');
+var normalizeLink = require('./normalizeLink-ddf52fdd.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-5e627a6e.js');
-var index$2 = require('./index-cc5b3f80.js');
-var index$3 = require('./index-cf20aefa.js');
+var index$1 = require('./index-8af16bd1.js');
+var index$3 = require('./index-4b9950f1.js');
+var index$4 = require('./index-ad3f7091.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -27,7 +27,7 @@ const INTERNAL_CARD_URLS = {
 var styles$4 = {"navHeader":"uJQBNNg","navAvatar":"TfG3dM5","navHeaderUserInfos":"aMtjFNf","navHeaderUserName":"cSz2RR-","navHeaderMyProfileButton":"GyFm00F"};
 
 function NavHeader({ userInfo, onClickMyProfileButton, themeName = 'helloSites', }) {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const nameFirstLetter = React.useMemo(() => {
         const name = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username);
         if (name && name.length) {
@@ -41,14 +41,14 @@ function NavHeader({ userInfo, onClickMyProfileButton, themeName = 'helloSites',
         }
     };
     return (React__default["default"].createElement("div", { className: styles$4.navHeader, onClick: handleClickMyProfileButton },
-        React__default["default"].createElement(index.Avatar, { className: styles$4.navAvatar, type: "rounded", size: "xl", avatarUrl: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, firstLetter: nameFirstLetter, backgroundColor: themeName === 'marryBaby'
+        React__default["default"].createElement(index$1.Avatar, { className: styles$4.navAvatar, type: "rounded", size: "xl", avatarUrl: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, firstLetter: nameFirstLetter, backgroundColor: themeName === 'marryBaby'
                 ? miscTheme.theme.mbColors.pink
                 : miscTheme.theme.colors.secondaryBase }),
         React__default["default"].createElement("div", { className: styles$4.navHeaderUserInfos },
             React__default["default"].createElement("div", { className: styles$4.navHeaderUserName }, (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username)),
             React__default["default"].createElement("div", { className: styles$4.navHeaderMyProfileButton, style: {
-                    '--bg-hellosites': `url(${index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-chevronRight.svg')})`,
-                    '--bg-marrybaby': `url(${index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-arrowRight.svg')})`,
+                    '--bg-hellosites': `url(${index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-chevronRight.svg')})`,
+                    '--bg-marrybaby': `url(${index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-arrowRight.svg')})`,
                 } }, t('userProfile.nav.header.viewProfile')))));
 }
 
@@ -62,21 +62,21 @@ const iconBgColorMap = {
 // type CardIconUrlMap = IconUrlMap<UserProfileMenuCard>
 const cardIconUrlMap = {
     helloSites: {
-        myBooking: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-myBooking.svg'),
-        myCommunity: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-myCommunity.svg'),
-        myFamily: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-myFamily.svg'),
-        myHealth: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-myHealth.svg'),
-        mySaved: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-mySaved.svg'),
-        eCom: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-eCom.svg'),
+        myBooking: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-myBooking.svg'),
+        myCommunity: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-myCommunity.svg'),
+        myFamily: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-myFamily.svg'),
+        myHealth: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-myHealth.svg'),
+        mySaved: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-mySaved.svg'),
+        eCom: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-eCom.svg'),
     },
     marryBaby: {
-        mySaved: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-mySaved.svg'),
-        myCommunity: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-myCommunity.svg'),
-        myHealth: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-myHealth.svg'),
+        mySaved: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-mySaved.svg'),
+        myCommunity: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-myCommunity.svg'),
+        myHealth: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-myHealth.svg'),
     },
 };
 const NavigationCard = ({ type, themeName, className, onClick = () => undefined, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const iconUrl = React.useMemo(() => {
         var _a, _b;
         return ((_b = (_a = cardIconUrlMap[themeName]) === null || _a === void 0 ? void 0 : _a[type]) === null || _b === void 0 ? void 0 : _b.call(_a)) || '';
@@ -101,7 +101,7 @@ const NavigationCard = ({ type, themeName, className, onClick = () => undefined,
 const navMenuItemsHelloSites = () => [
     {
         key: 'userProfile.nav.menu.accountSettings',
-        icon: index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-settingsWheel.svg'),
+        icon: index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-settingsWheel.svg'),
         subMenu: [
             // {
             //   key: 'common.profileNavigator.newsletterSubscription',
@@ -131,19 +131,19 @@ const navMenuItemsHelloSites = () => [
     },
     {
         key: 'userProfile.nav.menu.help',
-        icon: index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-helpCircle.svg'),
+        icon: index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-helpCircle.svg'),
         link: 'help',
     },
 ];
 const navMenuItemsMarryBaby = () => [
     {
         key: 'userProfile.nav.menu.password',
-        icon: index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-lock.svg'),
+        icon: index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-lock.svg'),
         link: 'password',
     },
     {
         key: 'userProfile.nav.menu.logout',
-        icon: index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-logOut.svg'),
+        icon: index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-logOut.svg'),
         link: 'logout',
     },
 ];
@@ -172,7 +172,7 @@ const NavMenu = ({ themeName, locale, onClickItem }) => {
 };
 const NavMenuItem = ({ item, openKey, onClickItem, locale, }) => {
     var _a;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     if ((_a = item.disableLocale) === null || _a === void 0 ? void 0 : _a.includes(locale)) {
         return null;
     }
@@ -181,7 +181,7 @@ const NavMenuItem = ({ item, openKey, onClickItem, locale, }) => {
             item.icon && (React__default["default"].createElement("div", { className: styles$2.navMenuItemIcon, style: { backgroundImage: `url("${item.icon}")` } })),
             t(item.key),
             item.subMenu && (React__default["default"].createElement("div", { className: styles$2.navMenuItemDropdown, style: {
-                    '--after-bg': `url(${index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-chevronDown.svg')})`,
+                    '--after-bg': `url(${index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-chevronDown.svg')})`,
                 } }))),
         item.subMenu && (React__default["default"].createElement("div", { className: styles$2.navFooterSubMenu }, item.subMenu.map((subItem) => (React__default["default"].createElement(NavMenuItem, { key: subItem.key, item: subItem, openKey: openKey, onClickItem: onClickItem, locale: locale })))))));
 };
@@ -192,22 +192,22 @@ var styles = {"userStats":"_4y-O0w3","wrapper":"kO8iNgD","header":"a1d4E10","hea
 
 const rankIconUrlMap = {
     helloSites: {
-        member: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-member.svg'),
-        ambassador: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-ambassador.svg'),
-        doctor: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-doctor.svg'),
-        expert: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-expert.svg'),
-        influencer: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-influencer.svg'),
+        member: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-member.svg'),
+        ambassador: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-ambassador.svg'),
+        doctor: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-doctor.svg'),
+        expert: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-expert.svg'),
+        influencer: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-influencer.svg'),
     },
     marryBaby: {
-        member: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-member.svg'),
-        ambassador: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-ambassador.svg'),
-        doctor: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-doctor.svg'),
-        expert: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-expert.svg'),
-        influencer: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-influencer.svg'),
+        member: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-member.svg'),
+        ambassador: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-ambassador.svg'),
+        doctor: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-doctor.svg'),
+        expert: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-expert.svg'),
+        influencer: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-influencer.svg'),
     },
 };
 const UserStats = ({ themeName, rank = 'member', numberOfPosts = 0, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const iconUrl = React.useMemo(() => {
         var _a, _b;
         return ((_b = (_a = rankIconUrlMap[themeName]) === null || _a === void 0 ? void 0 : _a[rank]) === null || _b === void 0 ? void 0 : _b.call(_a)) || '';
@@ -224,14 +224,14 @@ const UserStats = ({ themeName, rank = 'member', numberOfPosts = 0, }) => {
 };
 
 const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'helloSites', cardUrls = INTERNAL_CARD_URLS, enableCare, enableTogether, enableEcom, enableMySaved, userInfo, togetherApiDomain, userPostsNumber, onClickNavigationCard, onClickMyProfileButton, onClickMenuItem, onClickLogout, isUserProfileNavigatorMenuHidden = false, isMyHealthEnabled = false, locale, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [numberOfPosts, setNumberOfPosts] = React.useState(userPostsNumber || 0);
     const isMarryBaby = themeName === 'marryBaby';
     React.useEffect(() => {
         if (userInfo && typeof userPostsNumber === 'undefined') {
             const token = miscCookieHelper.getCookie('hhg_user_token');
             if (!!token) {
-                fetch(normalizeLink.normalizeLinkSlash(index$2.getTogetherUserPostsApiPath(locale, isMarryBaby, togetherApiDomain)), {
+                fetch(normalizeLink.normalizeLinkSlash(index$3.getTogetherUserPostsApiPath(locale, isMarryBaby, togetherApiDomain)), {
                     headers: {
                         Authorization: `Bearer ${token}`,
                     },
@@ -284,7 +284,7 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
         if (themeName === 'marryBaby') {
             return null;
         }
-        return (React__default["default"].createElement(index$3.Button, { color: "tertiary", icon: React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-logOut.svg'), width: 15, height: 15, loading: "lazy" }), size: "md", onClick: onClickLogout, className: styles$1.logoutButton }, t('userProfile.nav.menu.logout')));
+        return (React__default["default"].createElement(index$4.Button, { color: "tertiary", icon: React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-logOut.svg'), width: 15, height: 15, loading: "lazy" }), size: "md", onClick: onClickLogout, className: styles$1.logoutButton }, t('userProfile.nav.menu.logout')));
     }, [themeName]);
     const push = (link) => {
         if (link.startsWith('http') || link.startsWith('/')) {

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

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-3e801e33.js');
+var index = require('./index-53b1d680.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-58ef4c66.js');
+require('./index-c9911c65.js');
+require('./index-a4cdd0ad.js');
+require('./useMantineLocale-ceb23b28.js');
+var index$2 = require('./index-f301a143.js');
+require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
+var index$1 = require('./index-1358bae0.js');
 require('@mantine/hooks');
-var utils = require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
+var utils = require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.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),