@hhgtech/hhg-components 1.29.120 → 1.29.122

package/build/{index-f64fb17e.js → index-1c5b1f66.js}

@@ -1,24 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-729332cd.js');
+var tslib_es6 = require('./tslib.es6-dc292f6e.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-5f764f5c.js');
-var index$2 = require('./index-dca60955.js');
-var index$1 = require('./index-3c4e33aa.js');
-var index$3 = require('./index-d888d4f7.js');
-require('./index-16c4b976.js');
-require('./index.styles-183dd02f.js');
-var useTranslations = require('./useTranslations-d236c234.js');
+var LastPeriod = require('./LastPeriod-756a7c57.js');
+var index$2 = require('./index-99fc2ee2.js');
+var index$1 = require('./index-8b969884.js');
+var index$3 = require('./index-f9bd97d5.js');
+require('./index-2bca08e1.js');
+require('./index.styles-fb0ccfda.js');
+var useTranslations = require('./useTranslations-5a297a62.js');
 require('@mantine/hooks');
-require('./useMantineLocale-9ca1643f.js');
-require('./index-d69fd6bb.js');
-require('./index-d984cc74.js');
-require('./utils-b5c52739.js');
-require('./index-3b96da71.js');
-require('./other-c3526b2c.js');
-var index = require('./index-1ad53b52.js');
+require('./useMantineLocale-4b43bdc6.js');
+require('./index-d5c505aa.js');
+require('./index-5552403e.js');
+require('./utils-632a8490.js');
+require('./index-c6b910fc.js');
+require('./other-a8b6b7f2.js');
+require('./index-9efa777c.js');
+var index = require('./index-3b9290f9.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-1fd8e2d8.js → index-216e06dd.js}

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

package/build/{index-c5fcf6e0.js → index-248bd191.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-729332cd.js');
+var tslib_es6 = require('./tslib.es6-dc292f6e.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-1caeaadc.js');
-var Spinner = require('./Spinner-c830acec.js');
+var WhatsApp = require('./WhatsApp-0f86b2fb.js');
+var Spinner = require('./Spinner-0d95b238.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-16c4b976.js → index-2bca08e1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-729332cd.js');
+var tslib_es6 = require('./tslib.es6-dc292f6e.js');
 var React = require('react');
 var core = require('@mantine/core');
 

package/build/{index-6b813bd0.js → index-36f29836.js}

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

package/build/{index-0b3f7a49.js → index-39cf97ae.js}

@@ -1,35 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-729332cd.js');
+var tslib_es6 = require('./tslib.es6-dc292f6e.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$4 = require('./index-dca60955.js');
-var useTranslations = require('./useTranslations-d236c234.js');
-var index = require('./index-185f0896.js');
-var dataTransform = require('./dataTransform-94fb9aa6.js');
+var index$8 = require('./index-9efa777c.js');
+var index$6 = require('./index-b20c5f17.js');
+var dataTransform = require('./dataTransform-b463ff94.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-4b562023.js');
+var togetherComponentGlobalContext = require('./utils-c0ef9054.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$2 = require('./index-d984cc74.js');
-var index$1 = require('./index-b337f54c.js');
-var togetherMoleculesCardAuthor = require('./index-268eb574.js');
-var index$3 = require('./index-d69fd6bb.js');
+var index$1 = require('./index-5552403e.js');
+var index = require('./index-88f1b8b2.js');
+var togetherMoleculesCardAuthor = require('./index-0cc9f0fe.js');
+var index$2 = require('./index-d5c505aa.js');
+var useTranslations = require('./useTranslations-5a297a62.js');
 var miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
+var index$3 = require('./index-99fc2ee2.js');
 require('@mantine/dates');
-require('./index-3b96da71.js');
-require('./useMantineLocale-9ca1643f.js');
-var index$6 = require('./index-d888d4f7.js');
-var index$5 = require('./index-16c4b976.js');
-require('./index.styles-183dd02f.js');
+require('./index-c6b910fc.js');
+require('./useMantineLocale-4b43bdc6.js');
+var index$7 = require('./index-f9bd97d5.js');
+var index$4 = require('./index-2bca08e1.js');
+require('./index.styles-fb0ccfda.js');
 require('@mantine/hooks');
-require('./utils-b5c52739.js');
-require('./other-c3526b2c.js');
+require('./utils-632a8490.js');
+require('./other-a8b6b7f2.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-c65aa293.js');
-require('./translationsContext-8eb8fea0.js');
+var post = require('./post-471ae475.js');
+var index$5 = require('./index-8d83e2df.js');
+require('./translationsContext-9caa6986.js');
 require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -195,14 +197,6 @@ const PostContent = (_a) => {
                     : {})), t('post.seeMore'))))))));
 };
 
-var styles$c = {"loading":"PD6nRZX"};
-
-const Loading = ({ className, size = 'md' }) => {
-    const { t } = useTranslations.useTranslations();
-    return (React__default["default"].createElement("div", { className: `${styles$c.loading} ${className}` },
-        React__default["default"].createElement(index.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
-};
-
 var styles$b = {"category":"l5fL1xL","title":"L-aGKo7"};
 
 const CategoryText = ({ children, className = '' }) => {
@@ -216,14 +210,14 @@ var styles$a = {"container":"eaR8ATZ","info":"xM-7K0a"};
 
 var styles$9 = {"inner":"DZmf3s7"};
 
-const Thumbnail = ({ src, defaultSrc = index$2.CommonGAssets.getAssetPath('logo/logomark.png'), ratio = 1, size = 80, radius = 8, alt, className = '', }) => {
+const Thumbnail = ({ src, defaultSrc = index$1.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$1.ImageWrap, { src: src, backupSrc: defaultSrc, alt: alt }))));
+            React__default["default"].createElement(index.ImageWrap, { src: src, backupSrc: defaultSrc, alt: alt }))));
 };
 
 const CardArticle = ({ category, title, src, children, className = '', }) => {
@@ -262,32 +256,32 @@ const About = ({ className = '' }) => {
     const authorProps = info === null || info === void 0 ? void 0 : info.data;
     const social = [
         {
-            type: index$3.SocialType.LinkedIn,
-            icon: index$2.CommonGAssets.getAssetPath('linkedin.svg'),
+            type: index$2.SocialType.LinkedIn,
+            icon: index$1.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$3.SocialType.Instagram,
-            icon: index$2.CommonGAssets.getAssetPath('instagram.svg'),
+            type: index$2.SocialType.Instagram,
+            icon: index$1.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$3.SocialType.Facebook,
-            icon: index$2.CommonGAssets.getAssetPath('facebook.svg'),
+            type: index$2.SocialType.Facebook,
+            icon: index$1.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$3.SocialType.Youtube,
-            icon: index$2.CommonGAssets.getAssetPath('youtube.svg'),
+            type: index$2.SocialType.Youtube,
+            icon: index$1.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$3.SocialType.Tiktok,
-            icon: index$2.CommonGAssets.getAssetPath('tiktok.svg'),
+            type: index$2.SocialType.Tiktok,
+            icon: index$1.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',
         },
@@ -298,7 +292,7 @@ const About = ({ className = '' }) => {
                 {
                     key: 'experience',
                     heading: t('profilePanel.experience'),
-                    iconSrc: index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'award-doc-mb.svg' : 'award-doc.svg'),
+                    iconSrc: index$1.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),
@@ -313,7 +307,7 @@ const About = ({ className = '' }) => {
                 {
                     key: 'education',
                     heading: t('profilePanel.education'),
-                    iconSrc: index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'book-mb.svg' : 'book.svg'),
+                    iconSrc: index$1.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),
@@ -328,7 +322,7 @@ const About = ({ className = '' }) => {
                 {
                     key: 'awards',
                     heading: t('profilePanel.awards'),
-                    iconSrc: index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'award-mb.svg' : 'award.svg'),
+                    iconSrc: index$1.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))))),
                 },
@@ -377,7 +371,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$2.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : 'logo/circle-solid.svg'), loading: "lazy" }),
+                React__default["default"].createElement("img", { className: styles$8.subIcon, src: index$1.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 && {
@@ -388,7 +382,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$2.CommonGAssets.getAssetPath(isMarryBaby ? 'social-mb.svg' : 'social.svg'), loading: "lazy" }),
+                React__default["default"].createElement("img", { className: styles$8.subIcon, src: index$1.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 },
@@ -409,7 +403,7 @@ const PostCard$1 = ({ post, className = '' }) => {
             React__default["default"].createElement("div", { className: styles$7.question },
                 t('profilePanel.question'),
                 ' ',
-                React__default["default"].createElement(index$4.Anchor, { className: styles$7.questionTitle, href: "#", onClick: () => {
+                React__default["default"].createElement(index$3.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));
                         }
@@ -426,7 +420,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$5.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$4.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));
                 }
@@ -445,9 +439,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$2.CommonGAssets.getAssetPath(isMarryBaby ? 'comments-mb.svg' : 'comments.svg'), loading: "lazy" })),
+                    index$1.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.Button, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
+        buttonTxt && (React__default["default"].createElement(index$5.Button, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
 };
 
 const Answering = ({ id }) => {
@@ -470,7 +464,7 @@ const Answering = ({ id }) => {
                 setLoading(false);
             }))();
     }, []);
-    return (React__default["default"].createElement("div", { className: styles$6.container }, loading ? (React__default["default"].createElement(Loading, null)) : (posts !== null &&
+    return (React__default["default"].createElement("div", { className: styles$6.container }, loading ? (React__default["default"].createElement(index$6.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),
             }) }))))));
@@ -487,7 +481,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$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))));
+            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))));
 };
 
 var styles$3 = {"accordion":"I-uIJ6E","header":"_41WRsj2","heading":"AcOGL93","headingIcon":"JD3dWJN","panel":"dKAgnS8","chevron":"L2Q9T6m","container":"h-pSmhX"};
@@ -535,7 +529,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(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$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) => ({
             control: {
                 padding: '16px',
                 border: `1px solid ${_theme.colors.neutral[1]}`,
@@ -572,7 +566,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$2.CommonGAssets.getAssetPath('questions.svg') }))));
+    })))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyCareMess.content'), imgSrc: index$1.CommonGAssets.getAssetPath('questions.svg') }))));
 };
 
 var styles$2 = {"container":"GA-zc-O","mainTxt":"A18McWD","question":"yzr0H0N","questionTitle":"_6gVRc3i","community":"xOzLGrD","questionCard":"IB049vj","linkWrapper":"_8I--vEV"};
@@ -602,7 +596,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$6.Text, { size: "p3", color: theme.fn.primaryColor() }, t('post.seeMore')))));
+            React__default["default"].createElement(index$7.Text, { size: "p3", color: theme.fn.primaryColor() }, t('post.seeMore')))));
 };
 
 var styles$1 = {"container":"TSMHoEM"};
@@ -628,7 +622,7 @@ const Posts = () => {
                 setLoading(false);
             }))();
     }, [id]);
-    return (React__default["default"].createElement("div", { className: styles$1.container }, loading ? (React__default["default"].createElement(Loading, null)) : (posts !== null &&
+    return (React__default["default"].createElement("div", { className: styles$1.container }, loading ? (React__default["default"].createElement(index$6.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: () => {
@@ -845,7 +839,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(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$6.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,
@@ -862,7 +856,7 @@ const ProfileDetail = (_a) => {
             finalTabContent !== null &&
                 activeTab !== null &&
                 (finalTabContent.length > 0 ? (React__default["default"].createElement("div", { className: styles.body },
-                    React__default["default"].createElement(index$4.Tabs, Object.assign({}, tabsProps)))) : (React__default["default"].createElement(EmptyMessage, { message: t('profilePanel.emptyPostMess.content', {
+                    React__default["default"].createElement(index$8.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-1ad53b52.js → index-3b9290f9.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-729332cd.js');
+var tslib_es6 = require('./tslib.es6-dc292f6e.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-d888d4f7.js');
-var index$1 = require('./index-16c4b976.js');
-var useTranslations = require('./useTranslations-d236c234.js');
+var index = require('./index-f9bd97d5.js');
+var index$1 = require('./index-2bca08e1.js');
+var useTranslations = require('./useTranslations-5a297a62.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 

package/build/index-472c7a96.js

@@ -0,0 +1,198 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-dc292f6e.js');
+var React = require('react');
+var index$1 = require('./index-9efa777c.js');
+var index = require('./index-b20c5f17.js');
+var dataTransform = require('./dataTransform-b463ff94.js');
+var togetherApiPaths = require('./togetherApiPaths.js');
+var togetherComponentGlobalContext = require('./utils-c0ef9054.js');
+var core = require('@hhgtech/icons/core');
+var core$1 = require('@mantine/core');
+var togetherMoleculesCardAuthor = require('./index-0cc9f0fe.js');
+require('@hhgtech/icons/other');
+require('./index-2bca08e1.js');
+require('./index-f9bd97d5.js');
+require('./other-a8b6b7f2.js');
+require('./useTranslations-5a297a62.js');
+require('./translationsContext-9caa6986.js');
+require('string-format');
+require('./index-8d83e2df.js');
+require('./index-679a6fdd.js');
+require('./miscCookieHelper.js');
+require('slugify');
+require('./constantsIsProduction.js');
+require('./constants-9aa135a2.js');
+require('dayjs');
+require('dayjs/plugin/relativeTime');
+require('./utils-632a8490.js');
+require('./index-94d981b5.js');
+require('./paths-bf663173.js');
+require('./constants-8640d1f6.js');
+require('./index-c6b910fc.js');
+require('date-fns/locale');
+require('./index-d5c505aa.js');
+require('./Locale-42c3d01b.js');
+require('./constantsSite.js');
+require('./constantsDomainLocales.js');
+require('./constantsRiskScreener.js');
+require('./index-e8f98308.js');
+require('@emotion/styled');
+require('./miscTheme.js');
+require('./index.styles-fb0ccfda.js');
+require('./index-5552403e.js');
+require('./index-88f1b8b2.js');
+require('@emotion/react');
+require('./index-ab358cdd.js');
+require('./index-fc1567b5.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const ProfileDetailContext = React.createContext({});
+
+var styles$1 = {"container":"_0NhMo6T","faq":"nrZtZ-u"};
+
+const Faqs = ({ faqs }) => {
+    const [collapseSelected, setCollapseSelected] = React.useState([]);
+    const handleClick = (index) => {
+        if (collapseSelected.includes(index)) {
+            const newCollapseSelected = collapseSelected.filter((item) => item !== index);
+            setCollapseSelected(newCollapseSelected);
+        }
+        else {
+            setCollapseSelected((pre) => {
+                return [...pre, index];
+            });
+        }
+    };
+    return (React__default["default"].createElement("div", { className: styles$1.container }, faqs.map((faq, index) => {
+        const collapsed = collapseSelected.includes(index);
+        return (React__default["default"].createElement("div", { className: styles$1.faq, key: index },
+            React__default["default"].createElement("div", { className: "faq-item", onClick: () => handleClick(index) },
+                React__default["default"].createElement("div", { className: "faq-question" }, faq.question),
+                collapsed ? React__default["default"].createElement(core.Minus, null) : React__default["default"].createElement(core.Plus, null)),
+            React__default["default"].createElement(core$1.Collapse, { in: collapsed, className: "faq-answer" },
+                React__default["default"].createElement(core$1.Text, null, faq.answer))));
+    })));
+};
+
+var styles = {"container":"_2ugC2Ll","info":"_8IDDHjn","body":"CCwRHCd","description":"RF63WXG"};
+
+const formatExperience = (data) => {
+    if (!data)
+        return {};
+    return {
+        title: data === null || data === void 0 ? void 0 : data.title,
+        organization: data === null || data === void 0 ? void 0 : data.organization,
+        duration: data.duration,
+    };
+};
+const formatEducation = (data) => {
+    if (!data)
+        return {};
+    return {
+        completedYear: data === null || data === void 0 ? void 0 : data.completed_year,
+        schoolName: data.school_name,
+        study: data.study,
+    };
+};
+
+exports.TabName = void 0;
+(function (TabName) {
+    TabName[TabName["About"] = 0] = "About";
+    TabName[TabName["Care"] = 1] = "Care";
+    TabName[TabName["Answer"] = 2] = "Answer";
+    TabName[TabName["Posts"] = 3] = "Posts";
+})(exports.TabName || (exports.TabName = {}));
+exports.UserType = void 0;
+(function (UserType) {
+    UserType[UserType["Expert"] = 0] = "Expert";
+    UserType[UserType["User"] = 1] = "User";
+})(exports.UserType || (exports.UserType = {}));
+const TabDataInit = {
+    experiences: [],
+    relatedPosts: [],
+    educations: [],
+    awards: [],
+    contact: {},
+    data: {},
+};
+const ProfileChatbot = (_a) => {
+    var { authorProps, authActionWrapper, onSkipQuestion, onCloseFromPost, showSkipQuestionTag, currentPageUrl } = _a, rest = tslib_es6.__rest(_a, ["authorProps", "authActionWrapper", "onSkipQuestion", "onCloseFromPost", "showSkipQuestionTag", "currentPageUrl"]);
+    const { data: { locale, userInfo, env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    const id = String(authorProps === null || authorProps === void 0 ? void 0 : authorProps.userId);
+    const [countValues, setCountValues] = React.useState();
+    const [loading, setLoading] = React.useState(false);
+    const [info, setInfo] = React.useState();
+    const [faqs, setFaqs] = React.useState([]);
+    const [description, setDescription] = React.useState('');
+    const isAuthorLogin = (userInfo === null || userInfo === void 0 ? void 0 : userInfo._togetherUserId) === (authorProps === null || authorProps === void 0 ? void 0 : authorProps.userId);
+    const [activeTab, setActiveTab] = React.useState(1);
+    const tabsProps = {
+        value: String(activeTab),
+        dataList: [
+            {
+                value: '1',
+                text: 'FAQs',
+                content: React__default["default"].createElement(Faqs, { faqs: faqs }),
+            },
+        ],
+        onTabChange: (n) => setActiveTab(Number(n)),
+    };
+    React.useEffect(() => {
+        (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            setLoading(true);
+            const res = yield Promise.all([
+                togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.USER.DETAIL, {
+                    _locale: locale,
+                    id,
+                }), 'GET'),
+                togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.CHATBOT.PROFILE, {
+                    _locale: locale,
+                }), 'GET'),
+                togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.CHATBOT.FAQS_LIST, {
+                    _locale: locale,
+                }), 'GET'),
+            ]);
+            const [restDetail, profileRes, faqsRes] = res;
+            const resInfo = {
+                data: restDetail === null || restDetail === void 0 ? void 0 : restDetail.data,
+                experiences: (((_b = (_a = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _a === void 0 ? void 0 : _a.fields) === null || _b === void 0 ? void 0 : _b.experiences) || []).map(formatExperience),
+                relatedPosts: (((_c = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _c === void 0 ? void 0 : _c.related_post) || []).map((i) => dataTransform.formatArticle(i.post)),
+                educations: (((_e = (_d = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _d === void 0 ? void 0 : _d.fields) === null || _e === void 0 ? void 0 : _e.educations) || []).map(formatEducation),
+                awards: ((_g = (_f = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _f === void 0 ? void 0 : _f.fields) === null || _g === void 0 ? void 0 : _g.awards_accreditations) || [],
+                contact: ((_j = (_h = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _h === void 0 ? void 0 : _h.fields) === null || _j === void 0 ? void 0 : _j.contact) || {},
+            };
+            (restDetail === null || restDetail === void 0 ? void 0 : restDetail.status) === 1 && setInfo(resInfo);
+            setFaqs(((_k = faqsRes === null || faqsRes === void 0 ? void 0 : faqsRes.data) === null || _k === void 0 ? void 0 : _k.faqs) || []);
+            setDescription(((_l = profileRes === null || profileRes === void 0 ? void 0 : profileRes.data) === null || _l === void 0 ? void 0 : _l.description) || '');
+            setLoading(false);
+        }))();
+    }, []);
+    return (React__default["default"].createElement(ProfileDetailContext.Provider, { value: {
+            isMarryBaby,
+            siteType: isMarryBaby ? 'marryBaby' : 'helloSites',
+            authorId: String((authorProps === null || authorProps === void 0 ? void 0 : authorProps.userId) || ''),
+            authActionWrapper,
+            onSkipQuestion,
+            info,
+            authorProps,
+            onCloseFromPost,
+            countValues,
+            setCountValues,
+            isAuthorLogin,
+            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.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 })),
+            React__default["default"].createElement("div", { className: styles.description, dangerouslySetInnerHTML: { __html: description } }),
+            React__default["default"].createElement("div", { className: styles.body },
+                React__default["default"].createElement(index$1.Tabs, Object.assign({}, tabsProps))))))));
+};
+
+exports.ProfileChatbot = ProfileChatbot;
+exports.TabDataInit = TabDataInit;

package/build/{index-b4d1d1f4.js → index-4921b587.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-dca60955.js');
+var index$2 = require('./index-99fc2ee2.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-d888d4f7.js');
-var index$1 = require('./index-d984cc74.js');
+var index = require('./index-f9bd97d5.js');
+var index$1 = require('./index-5552403e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }