@hhgtech/hhg-components 1.29.412 → 1.29.413

package/build/{index-43c6976f.js → index-5d29a18f.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-df636688.js');
+var index$1 = require('./index-38505499.js');
 var dayjs = require('dayjs');
-require('./index-43f29f18.js');
-require('./index-fb442ba6.js');
+require('./index-31ba4f00.js');
+require('./index-e5636945.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-e276d20f.js');
-require('./index-77d9f57e.js');
-require('./useMantineLocale-afc855ad.js');
-var index$1 = require('./index-dfd15d6f.js');
-require('./index-f47a61da.js');
-require('./index.styles-2331b34a.js');
-require('./translationsContext-841d7536.js');
+require('./index-e14e7423.js');
+require('./index-559721ac.js');
+require('./index-1fbe06f4.js');
+var index$2 = require('./index-3f1d3420.js');
+require('./index-97e86501.js');
+require('./index.styles-90d0628e.js');
+require('./translationsContext-ffa516bd.js');
 require('@mantine/hooks');
-var utils = require('./utils-4c467f5f.js');
-require('./other-90dc0ef3.js');
-require('./index-6d7ef25c.js');
-var useScreenSize = require('./useScreenSize-ef9730fc.js');
+require('./text-3e6acf61.js');
+var utils = require('./utils-28ea2538.js');
+require('./index-86c18fb9.js');
+var index = require('./index-4bd2782e.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$3 = require('./index-7e29c07c.js');
-var index$2 = require('./index-4f2ecce1.js');
+var index$4 = require('./index-d9af315e.js');
+var index$3 = require('./index-f645df94.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -239,34 +239,34 @@ const StyledFlag = styled__default["default"].img `
 const Flag = ({ url, dataEventCategory, dataEventAction, dataEventLabel, }) => {
     return (React__default["default"].createElement(StyledFlag, { loading: "lazy", className: "country-flag", src: url, alt: "Country Flag", "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-content-label": dataEventLabel }));
 };
-const FooterMenuColumn = ({ title, items, locale, index, }) => {
-    const { isMobile } = useScreenSize.useScreenSize();
+const FooterMenuColumn = ({ title, items, locale, index: index$1, }) => {
+    const { isMobile } = index.useScreenSize();
     return (React__default["default"].createElement("div", { className: "footer-menu-column" },
-        title ? (React__default["default"].createElement(index$1.Text, { size: isMobile ? 's4' : 's3', className: "footer-menu-title", weight: isMobile ? 'regular' : 'semiBold', color: "neutral.6" }, title)) : null,
-        React__default["default"].createElement("div", { className: "footer-menu-link-wrapper" }, items === null || items === void 0 ? void 0 : items.map((informationLink, idx) => (React__default["default"].createElement(index$1.Text, { size: isMobile ? 'p3' : 'p4', as: "a", "data-event-category": "Footer", "data-event-action": informationLink.title, "data-event-label": `https://${constantsDomainLocales.domainLocales[locale]}${informationLink.url}`, className: "footer-menu-link", 
+        title ? (React__default["default"].createElement(index$2.Text, { size: isMobile ? 's4' : 's3', className: "footer-menu-title", weight: isMobile ? 'regular' : 'semiBold', color: "neutral.6" }, title)) : null,
+        React__default["default"].createElement("div", { className: "footer-menu-link-wrapper" }, items === null || items === void 0 ? void 0 : items.map((informationLink, idx) => (React__default["default"].createElement(index$2.Text, { size: isMobile ? 'p3' : 'p4', as: "a", "data-event-category": "Footer", "data-event-action": informationLink.title, "data-event-label": `https://${constantsDomainLocales.domainLocales[locale]}${informationLink.url}`, className: "footer-menu-link", 
             // @ts-ignore
-            href: informationLink.url, key: idx, color: "#fff", weight: isMobile && index === 0 ? 'semiBold' : 'regular' }, informationLink.title))))));
+            href: informationLink.url, key: idx, color: "#fff", weight: isMobile && index$1 === 0 ? 'semiBold' : 'regular' }, informationLink.title))))));
 };
 const DiscoverFooter = ({ className, footerInfo, locale }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    const { isMobile } = useScreenSize.useScreenSize();
+    const { isMobile } = index.useScreenSize();
     const footerMenu = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu;
     const verifiedIcons = ((_b = (_a = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _a === void 0 ? void 0 : _a.verified) === null || _b === void 0 ? void 0 : _b.filter(Boolean)) || [];
     return (React__default["default"].createElement(StyledFooter$1, { className: className },
-        React__default["default"].createElement(index.Container, null,
+        React__default["default"].createElement(index$1.Container, null,
             React__default["default"].createElement("div", { className: "inner" },
                 React__default["default"].createElement("a", { href: "/" },
                     React__default["default"].createElement("img", { loading: "lazy", className: "footer-logo", src: (_c = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _c === void 0 ? void 0 : _c.logo, alt: "Logo", "data-is-sehat": locale === 'id-ID' })),
                 React__default["default"].createElement("div", { className: "columns" },
                     React__default["default"].createElement("div", { className: "newsletter" },
-                        React__default["default"].createElement(index$1.Text, { size: isMobile ? 's3' : 's4', weight: "semiBold", color: "neutral.0" }, (_d = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _d === void 0 ? void 0 : _d.content),
+                        React__default["default"].createElement(index$2.Text, { size: isMobile ? 's3' : 's4', weight: "semiBold", color: "neutral.0" }, (_d = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _d === void 0 ? void 0 : _d.content),
                         React__default["default"].createElement("div", { className: "social" },
-                            React__default["default"].createElement(index$1.Text, { size: "p4", color: "neutral.6" }, (_e = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _e === void 0 ? void 0 : _e.title),
+                            React__default["default"].createElement(index$2.Text, { size: "p4", color: "neutral.6" }, (_e = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _e === void 0 ? void 0 : _e.title),
                             React__default["default"].createElement("div", { className: "icons" }, (_g = (_f = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _f === void 0 ? void 0 : _f.socials) === null || _g === void 0 ? void 0 : _g.map((social, idx) => (React__default["default"].createElement("a", { key: idx, "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, href: social.url },
                                 React__default["default"].createElement("img", { loading: "lazy", "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, src: social.icon, alt: "Logo Social", className: "social-icon", width: "24", height: "24" }))))))),
                     React__default["default"].createElement("div", { className: "footer-menu" }, footerMenu && (React__default["default"].createElement(React__default["default"].Fragment, null, footerMenu === null || footerMenu === void 0 ? void 0 : footerMenu.map((menu, idx) => (React__default["default"].createElement(FooterMenuColumn, { title: menu.menu_title, items: menu.items, locale: locale, key: idx, index: idx }))))))),
                 React__default["default"].createElement("div", { className: "otherSites" },
-                    React__default["default"].createElement(index$1.Text, { size: "p4", className: "linkTitle", color: "neutral.6", weight: "regular" }, (_h = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _h === void 0 ? void 0 : _h.title),
+                    React__default["default"].createElement(index$2.Text, { size: "p4", className: "linkTitle", color: "neutral.6", weight: "regular" }, (_h = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _h === void 0 ? void 0 : _h.title),
                     React__default["default"].createElement("div", { className: "flags" }, (_k = (_j = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _j === void 0 ? void 0 : _j.branch) === null || _k === void 0 ? void 0 : _k.map((flagLink, idx) => (React__default["default"].createElement("a", { href: flagLink.url, key: idx, "data-event-category": "Footer", "data-event-action": flagLink.name, "data-event-label": flagLink.url },
                         React__default["default"].createElement(Flag, { url: flagLink.flag, dataEventCategory: "Footer", dataEventAction: flagLink.name, dataEventLabel: flagLink.url })))))),
                 React__default["default"].createElement("div", { className: "copyright" },
@@ -274,7 +274,7 @@ const DiscoverFooter = ({ className, footerInfo, locale }) => {
                         ? verifiedIcons.map((verify, index) => (React__default["default"].createElement("a", { href: verify.url, key: index, className: "copyright-image" },
                             React__default["default"].createElement("img", { loading: "lazy", src: verify.image, alt: "DMCA Icon" }))))
                         : null),
-                    React__default["default"].createElement(index$1.Text, { size: 'n1', className: "copyright-content", as: "div", color: "neutral.6", weight: "regular" },
+                    React__default["default"].createElement(index$2.Text, { size: 'n1', className: "copyright-content", as: "div", color: "neutral.6", weight: "regular" },
                         React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
                                 __html: (_l = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _l === void 0 ? void 0 : _l.copyright.replace(/{currentYear}/gi, dayjs__default["default"]().get('year').toString()),
                             } })))))));
@@ -391,13 +391,13 @@ const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) =>
     return (React__default["default"].createElement(StyledFooter, { style: {
             backgroundColor: background ? background : 'none',
         } },
-        React__default["default"].createElement(index.Container, null,
+        React__default["default"].createElement(index$1.Container, null,
             React__default["default"].createElement(StyledMenuContainer, null, menu === null || menu === void 0 ? void 0 : menu.map(({ menu_title, items }, idx) => (React__default["default"].createElement(StyledWrapMenuItem, { key: `mbf${idx}` },
-                React__default["default"].createElement(index$2.MarryBabyText, { className: "title", type: "subtitle-1", color: miscTheme.theme.mbColors.pink }, menu_title), items === null || items === void 0 ? void 0 :
+                React__default["default"].createElement(index$3.MarryBabyText, { className: "title", type: "subtitle-1", color: miscTheme.theme.mbColors.pink }, menu_title), items === null || items === void 0 ? void 0 :
                 items.map(({ title, url }, id) => (React__default["default"].createElement("a", { "data-event-category": "Footer", "data-event-action": "Click", "data-event-label": `${url}`, className: "link", href: url, key: `footer-links-${id}` },
                     React__default["default"].createElement(StyledWrapItems, { key: `mbitem${id}` },
-                        React__default["default"].createElement(index$2.MarryBabyText, { type: "bodytext-2", color: miscTheme.theme.mbColors.gray }, title)))))))))),
-        React__default["default"].createElement(index.Container, null,
+                        React__default["default"].createElement(index$3.MarryBabyText, { type: "bodytext-2", color: miscTheme.theme.mbColors.gray }, title)))))))))),
+        React__default["default"].createElement(index$1.Container, null,
             React__default["default"].createElement(StyledWrapInfo, null,
                 React__default["default"].createElement(core.Flex, { gap: '24px', sx: (theme) => ({
                         [theme.fn.largerThan('sm')]: {
@@ -411,22 +411,22 @@ const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) =>
                         },
                     }) },
                     React__default["default"].createElement(core.Stack, { spacing: '24px', className: "info-item" },
-                        React__default["default"].createElement(index$3.Logo, { className: "logo", type: logoType }),
-                        React__default["default"].createElement(index$1.Text, { size: "p4", as: "div" },
+                        React__default["default"].createElement(index$4.Logo, { className: "logo", type: logoType }),
+                        React__default["default"].createElement(index$2.Text, { size: "p4", as: "div" },
                             React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
                                     __html: general === null || general === void 0 ? void 0 : general.content,
                                 } })),
                         React__default["default"].createElement(StyledSocialLink, null, socials === null || socials === void 0 ? void 0 : socials.map(({ icon, name, url }, id) => (React__default["default"].createElement("a", { key: `social${id}`, target: "_blank", rel: "noreferrer", "data-event-category": "Footer", "data-event-action": `Follow us - ${name}`, "data-content-label": name, href: url },
                             React__default["default"].createElement("img", { className: "social-logo", loading: "lazy", src: icon, alt: name })))))),
                     React__default["default"].createElement(core.Box, { className: "info-item", sx: { paddingTop: '7px' } },
-                        React__default["default"].createElement(index$1.Text, { size: "p4", as: "div" },
+                        React__default["default"].createElement(index$2.Text, { size: "p4", as: "div" },
                             React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
                                     __html: general === null || general === void 0 ? void 0 : general.information,
                                 } })))))),
         React__default["default"].createElement(StyledWrapCopyRight, null,
-            React__default["default"].createElement(index.Container, null,
+            React__default["default"].createElement(index$1.Container, null,
                 React__default["default"].createElement("div", { className: "content" },
-                    React__default["default"].createElement(index$1.Text, { size: "p5", color: "#fff", as: "div" },
+                    React__default["default"].createElement(index$2.Text, { size: "p5", color: "#fff", as: "div" },
                         React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
                                 __html: general === null || general === void 0 ? void 0 : general.copyright.replace(/{currentYear}/gi, dayjs__default["default"]().get('year').toString()),
                             } })),

package/build/{index-374fadd8.js → index-60e67c05.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-af146ae2.js');
-var index = require('./index-dfd15d6f.js');
-var togetherComponentGlobalContext = require('./utils-34d35c0b.js');
+var index$1 = require('./index-4c81156b.js');
+var index = require('./index-3f1d3420.js');
+var togetherComponentGlobalContext = require('./utils-4fbe2e9b.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-ad2eb583.js');
+var constants = require('./constants-4a2f642d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3ed49193.js → index-6647ec83.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$8 = require('./index-6d7ef25c.js');
-var index$6 = require('./index-79354918.js');
-var dataTransform = require('./dataTransform-8735bb15.js');
+var index$9 = require('./index-86c18fb9.js');
+var index$7 = require('./index-b8b3fe36.js');
+var dataTransform = require('./dataTransform-d57d9dff.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-34d35c0b.js');
+var togetherComponentGlobalContext = require('./utils-4fbe2e9b.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$1 = require('./index-77d9f57e.js');
-var useScreenSize = require('./useScreenSize-ef9730fc.js');
-var togetherMoleculesCardAuthor = require('./index-17c04df4.js');
-var index$2 = require('./index-e276d20f.js');
-var index = require('./index-82b5a71c.js');
+var index$2 = require('./index-559721ac.js');
+var index$1 = require('./index-4bd2782e.js');
+var togetherMoleculesCardAuthor = require('./index-e53243c0.js');
+var index$3 = require('./index-e14e7423.js');
+var index = require('./index-8179f250.js');
 var miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
-var index$3 = require('./index-fb442ba6.js');
+var index$4 = require('./index-e5636945.js');
 require('@mantine/dates');
-require('./index-43f29f18.js');
-require('./useMantineLocale-afc855ad.js');
-var index$7 = require('./index-dfd15d6f.js');
-var index$4 = require('./index-f47a61da.js');
-require('./index.styles-2331b34a.js');
+require('./index-31ba4f00.js');
+require('./index-1fbe06f4.js');
+var index$8 = require('./index-3f1d3420.js');
+var index$5 = require('./index-97e86501.js');
+require('./index.styles-90d0628e.js');
 require('@mantine/hooks');
-require('./utils-4c467f5f.js');
-require('./other-90dc0ef3.js');
+require('./text-3e6acf61.js');
+require('./utils-28ea2538.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-32346ccc.js');
-var index$5 = require('./index-99162e0d.js');
-require('./translationsContext-841d7536.js');
+var post = require('./post-80893856.js');
+var index$6 = require('./index-82534326.js');
+require('./translationsContext-ffa516bd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -95,6 +95,26 @@ const StyledPostContent = styled__default["default"].div `
         text-decoration: underline;
       }
     }
+
+    .markdown {
+      white-space: normal;
+      p,
+      ul,
+      ol {
+        margin-top: 1em;
+
+        &:first-child {
+          margin-top: 0;
+        }
+      }
+      li {
+        margin-top: 0.5em;
+
+        &:first-child {
+          margin-top: 0;
+        }
+      }
+    }
   }
 `;
 const StyledPostContentLimitLine = styled__default["default"].span `
@@ -252,14 +272,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(useScreenSize.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 = '', }) => {
@@ -298,32 +318,32 @@ const About = ({ className = '' }) => {
     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',
         },
@@ -334,7 +354,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),
@@ -349,7 +369,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),
@@ -364,7 +384,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))))),
                 },
@@ -413,7 +433,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 && {
@@ -424,7 +444,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 },
@@ -445,7 +465,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), {
                                 _location: postHref,
@@ -464,7 +484,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), {
                         _location: postHref,
@@ -485,9 +505,9 @@ 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 }) => {
@@ -510,7 +530,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),
             }) }))))));
@@ -527,7 +547,7 @@ 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"};
@@ -575,7 +595,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]}`,
@@ -612,7 +632,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"};
@@ -642,7 +662,7 @@ 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"};
@@ -668,7 +688,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: () => {
@@ -885,7 +905,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,
@@ -902,7 +922,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-74928530.js → index-6d47098b.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-4c467f5f.js');
+var utils = require('./utils-28ea2538.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-59a02633.js');
+var index = require('./index-f01cffd3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-cf458655.js → index-7c941941.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$8 = require('./index-4a433f26.js');
-var index = require('./index-82b5a71c.js');
+var index$8 = require('./index-4e9754a8.js');
+var index = require('./index-8179f250.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-fb442ba6.js');
+var index$5 = require('./index-e5636945.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-43f29f18.js');
-require('./index-e276d20f.js');
-require('./index-77d9f57e.js');
-require('./useMantineLocale-afc855ad.js');
-var index$2 = require('./index-dfd15d6f.js');
-var index$1 = require('./index-f47a61da.js');
-require('./index.styles-2331b34a.js');
+require('./index-31ba4f00.js');
+require('./index-e14e7423.js');
+require('./index-559721ac.js');
+require('./index-1fbe06f4.js');
+var index$2 = require('./index-3f1d3420.js');
+var index$1 = require('./index-97e86501.js');
+require('./index.styles-90d0628e.js');
 require('@mantine/hooks');
-var utils = require('./utils-4c467f5f.js');
-require('./other-90dc0ef3.js');
-require('./index-6d7ef25c.js');
-var index$3 = require('./index-e602b33e.js');
-var togetherComponentGlobalContext = require('./utils-34d35c0b.js');
+require('./text-3e6acf61.js');
+var utils = require('./utils-28ea2538.js');
+require('./index-86c18fb9.js');
+var index$3 = require('./index-fc5c3e3e.js');
+var togetherComponentGlobalContext = require('./utils-4fbe2e9b.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-8735bb15.js');
-var constants = require('./constants-ad2eb583.js');
-var post = require('./post-32346ccc.js');
-var togetherMoleculesCardAuthor = require('./index-17c04df4.js');
-var togetherRichTextEditor = require('./editor-6a69db83.js');
-var index$4 = require('./index-59a02633.js');
+var dataTransform = require('./dataTransform-d57d9dff.js');
+var constants = require('./constants-4a2f642d.js');
+var post = require('./post-80893856.js');
+var togetherMoleculesCardAuthor = require('./index-e53243c0.js');
+var togetherRichTextEditor = require('./editor-858847e6.js');
+var index$4 = require('./index-f01cffd3.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-ffaea179.js');
-var index$7 = require('./index-374fadd8.js');
-var index$9 = require('./index-df8918f3.js');
-var Locale = require('./Locale-f9b950d8.js');
+var index$6 = require('./index-bedaf7bf.js');
+var index$7 = require('./index-60e67c05.js');
+var index$9 = require('./index-25274e37.js');
+var Locale = require('./Locale-0cf4ef33.js');
 var ReactDOM = require('react-dom');
-var index$a = require('./index-81c4c9ee.js');
-var togetherMoleculesPostImagePreview = require('./index-482bf0a1.js');
-var index$d = require('./index-99162e0d.js');
+var index$a = require('./index-df2966a1.js');
+var togetherMoleculesPostImagePreview = require('./index-0d566362.js');
+var index$d = require('./index-82534326.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-227c39ec.js');
-var index$b = require('./index-84f06111.js');
-var index$c = require('./index-49bb2821.js');
+var useUniqueId = require('./useUniqueId-4f37ba5e.js');
+var index$b = require('./index-e46e6749.js');
+var index$c = require('./index-d913e14f.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-82b5a71c.js → index-8179f250.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-841d7536.js');
+var translationsContext = require('./translationsContext-ffa516bd.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-99162e0d.js → index-82534326.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
-var index = require('./index-f47a61da.js');
+var index = require('./index-97e86501.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }