@hhgtech/hhg-components 1.29.133 → 1.29.135

package/build/{index-59fe1420.js → index-c2bc8cf1.js}

@@ -1,34 +1,34 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-df02c56c.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
-var index$5 = require('./index-4c87c3c3.js');
-var index$2 = require('./index-ecd4eeb8.js');
-var useTranslations = require('./useTranslations-9e0af18e.js');
+var index$6 = require('./index-ed1c09df.js');
+var index$3 = require('./index-ab0d64aa.js');
+var index = require('./index-53b9a5ed.js');
 var innertext = require('innertext');
-var index = require('./index-bd37bf5c.js');
-var index$1 = require('./index-aa02edde.js');
-var constants = require('./constants-596c022d.js');
+var index$1 = require('./index-e7fc843b.js');
+var index$2 = require('./index-76e88882.js');
+var constants = require('./constants-c7ece436.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-cb71a1c8.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var treePopoverMenu = require('./treePopoverMenu-a3ec4313.js');
+var treePopoverMenu = require('./treePopoverMenu-cc72de8d.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-e210bc6d.js');
+var utils = require('./utils-3e457c21.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-8a1dc08c.js');
-var index$7 = require('./index-bc93d3d3.js');
-var togetherMoleculesCardAuthor = require('./index-e1be0ad3.js');
-var togetherMoleculesProfileDetail = require('./index-85286e85.js');
-var togetherMoleculesPostImagePreview = require('./index-38e4e531.js');
-var index$6 = require('./index-a6a0d5dd.js');
-require('./index-d4c38659.js');
+var dataTransform = require('./dataTransform-f2ff157c.js');
+var index$8 = require('./index-c6c490b1.js');
+var togetherMoleculesCardAuthor = require('./index-e9000032.js');
+var togetherMoleculesProfileDetail = require('./index-a8c4091a.js');
+var togetherMoleculesPostImagePreview = require('./index-774d9d96.js');
+var index$7 = require('./index-88b501d0.js');
+require('./index-f49e8023.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$4 = require('./index-79c4bc9d.js');
-var index$3 = require('./index-1ab696a1.js');
-var routing = require('./routing-c737f8be.js');
+var index$5 = require('./index-2869b1c0.js');
+var index$4 = require('./index-ce9a0d0b.js');
+var routing = require('./routing-5872fa7b.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -62,7 +62,7 @@ var IconTrashBin = img$2;
 // import IconBellOn from '../../../assets/svg/icon-bell-on.svg'
 const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, className = '', popoverClassName = '', onBookmark, onRemoveBookmark, onEditPost, }) => {
     const { data: { locale, userInfo, togetherUserId, env: { isMarryBaby }, }, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     // const [localHasNoti, setLocalHasNoti] = useState(false)
     const [loading, setLoading] = React.useState(false);
     const [isOpenLeavePopup, setIsOpenLeavePopup] = React.useState(false);
@@ -73,13 +73,13 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
             e.preventDefault();
             e.stopPropagation();
         } },
-        isOpenSharePopup && (React__default["default"].createElement(index.SharePopup, { url: shareUrl, text: post === null || post === void 0 ? void 0 : post.title, onClose: () => setIsOpenSharePopup(false) })),
-        isOpenLeavePopup && (React__default["default"].createElement(index.PopupDanger, { thumbnail: index$1.CommonGAssets.getAssetPath('trash-bin.svg'), isThumbnailIcon: true, title: t('popup.deletePost.title'), description: t('popup.deletePost.description'), acceptText: t('popup.deletePost.accept'), cancelText: t('popup.deletePost.cancel'), onAccept: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        isOpenSharePopup && (React__default["default"].createElement(index$1.SharePopup, { url: shareUrl, text: post === null || post === void 0 ? void 0 : post.title, onClose: () => setIsOpenSharePopup(false) })),
+        isOpenLeavePopup && (React__default["default"].createElement(index$1.PopupDanger, { thumbnail: index$2.CommonGAssets.getAssetPath('trash-bin.svg'), isThumbnailIcon: true, title: t('popup.deletePost.title'), description: t('popup.deletePost.description'), acceptText: t('popup.deletePost.accept'), cancelText: t('popup.deletePost.cancel'), onAccept: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 if (!(post === null || post === void 0 ? void 0 : post.id) || loading)
                     return;
                 setLoading(true);
                 try {
-                    const res = yield index.deletePost({
+                    const res = yield index$1.deletePost({
                         id: post.id,
                         locale,
                     });
@@ -219,7 +219,7 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
                         // },
                         // },
                         {
-                            icon: index.IconAlertCircle,
+                            icon: index$1.IconAlertCircle,
                             label: t('morePopover.report'),
                             subTree: {
                                 title: t('morePopover.report.title'),
@@ -239,7 +239,7 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
                                         description: t('morePopover.reportSubmit.description'),
                                         isShowheader: true,
                                         type: 'jsx',
-                                        jsxRenderer: (setShow) => (React__default["default"].createElement(index.SubmitReportForm, { reason: item.reasonValue, reasonText: t(item.reason), postId: post === null || post === void 0 ? void 0 : post.id, onClose: () => setShow && setShow(false) })),
+                                        jsxRenderer: (setShow) => (React__default["default"].createElement(index$1.SubmitReportForm, { reason: item.reasonValue, reasonText: t(item.reason), postId: post === null || post === void 0 ? void 0 : post.id, onClose: () => setShow && setShow(false) })),
                                     },
                                 })),
                             },
@@ -430,18 +430,18 @@ var IconDelete = img$1;
 
 const CardReplyPopover = ({ onDeleteComment, commentId, className = '', popoverClassName = '', }) => {
     const { data: { env: { isMarryBaby }, locale, }, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [isOpenLeavePopup, setIsOpenLeavePopup] = React.useState(false);
     const { authActionWrapper } = useTogetherAuthRequiredAction.useTogetherAuthRequiredAction();
     return (React__default["default"].createElement("div", { className: className, onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
         } },
-        isOpenLeavePopup && (React__default["default"].createElement(index.PopupDanger, { thumbnail: IconDelete, isThumbnailIcon: true, title: t('popup.deleteComment.title'), description: t('popup.deleteComment.description'), acceptText: t('popup.deletePost.accept'), cancelText: t('popup.deletePost.cancel'), onAccept: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        isOpenLeavePopup && (React__default["default"].createElement(index$1.PopupDanger, { thumbnail: IconDelete, isThumbnailIcon: true, title: t('popup.deleteComment.title'), description: t('popup.deleteComment.description'), acceptText: t('popup.deletePost.accept'), cancelText: t('popup.deletePost.cancel'), onAccept: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _a;
                 if (!commentId)
                     return;
-                const res = yield index.deleteComment({ id: commentId, locale });
+                const res = yield index$1.deleteComment({ id: commentId, locale });
                 if ((res === null || res === void 0 ? void 0 : res.status) === 1) {
                     onDeleteComment && onDeleteComment();
                     pushNotifications({
@@ -566,18 +566,18 @@ const StyledThumb = styled__default["default"].div `
 `;
 
 const RecommentCategories = ({ categories }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const url = routing.getCurrentBaseUrl(locale, isMarryBaby);
     return (React__default["default"].createElement(StyledContainer, null,
         React__default["default"].createElement(StyledHeader, null,
-            React__default["default"].createElement(index$2.Heading, { tag: "h6", as: "h5" }, t('cardReply.recommentCategories.heading'))),
+            React__default["default"].createElement(index$3.Heading, { tag: "h6", as: "h5" }, t('cardReply.recommentCategories.heading'))),
         React__default["default"].createElement(StyledListItems, null, categories.map((i) => (React__default["default"].createElement(StyledItem$1, { href: url + i.permalink, key: String(i.termId), target: "_blank" },
             React__default["default"].createElement(StyledItemInfo, null,
                 React__default["default"].createElement(StyledThumb, null,
                     React__default["default"].createElement("img", { src: i.featureImage ||
-                            index$1.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : '/logo/logomark.png'), alt: i.displayName, loading: "lazy" })),
-                React__default["default"].createElement(index$3.Text, { size: "s3", weight: "bold" }, i.displayName)),
+                            index$2.CommonGAssets.getAssetPath(isMarryBaby ? 'mb-logo.svg' : '/logo/logomark.png'), alt: i.displayName, loading: "lazy" })),
+                React__default["default"].createElement(index$4.Text, { size: "s3", weight: "bold" }, i.displayName)),
             React__default["default"].createElement(other.ArrowRight, { size: 20, color: miscTheme.theme.colors.gray400 })))))));
 };
 
@@ -595,7 +595,7 @@ const StyledItem = styled__default["default"].a `
 `;
 
 const SourceItem = ({ postTitle, articleReviewed, modifiedTime, href, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const getDetail = (() => {
         const { expert, editor, is_author } = articleReviewed;
         if (expert) {
@@ -627,7 +627,7 @@ const SourceItem = ({ postTitle, articleReviewed, modifiedTime, href, }) => {
         }
     })();
     return (React__default["default"].createElement(StyledItem, { href: href, title: postTitle, target: "_blank" },
-        React__default["default"].createElement(index$3.Text, { size: "s3", as: "h5", weight: "bold" }, postTitle),
+        React__default["default"].createElement(index$4.Text, { size: "s3", as: "h5", weight: "bold" }, postTitle),
         React__default["default"].createElement("div", null,
             React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor, { avatar: getDetail === null || getDetail === void 0 ? void 0 : getDetail.avatar, avatarProps: {
                     size: 32,
@@ -645,7 +645,7 @@ var styles$1 = {"accordion":"CnNZq8D","header":"F4mmgSy","heading":"_8jLruY3","h
 
 const SourceList = (_a) => {
     var { listUrl: listUrlInit, hideSourceList, categorySlug, editMode, collapseSource, onListChange, isMarryBaby } = _a, rest = tslib_es6.__rest(_a, ["listUrl", "hideSourceList", "categorySlug", "editMode", "collapseSource", "onListChange", "isMarryBaby"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [listUrl, setListUrl] = React.useState(listUrlInit || []);
     const [data, setData] = React.useState([]);
     const [categories, setCategories] = React.useState([]);
@@ -719,8 +719,8 @@ const SourceList = (_a) => {
     }, [listUrl]);
     return (React__default["default"].createElement("div", Object.assign({}, rest),
         !editMode && (React__default["default"].createElement(StyledAlertTag, null,
-            React__default["default"].createElement("img", { className: "icon", src: index$1.CommonGAssets.getAssetPath('warning.svg'), alt: "warning", style: { marginBottom: '3px', width: '18px' }, loading: "lazy" }),
-            React__default["default"].createElement(index$3.Text, { size: "s3", as: "span", dangerouslySetInnerHTML: {
+            React__default["default"].createElement("img", { className: "icon", src: index$2.CommonGAssets.getAssetPath('warning.svg'), alt: "warning", style: { marginBottom: '3px', width: '18px' }, loading: "lazy" }),
+            React__default["default"].createElement(index$4.Text, { size: "s3", as: "span", dangerouslySetInnerHTML: {
                     __html: t('cardReply.disclaimer'),
                 } }))),
         !hideSourceList ? (loading ? (React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, null)) : data.length > 0 || editMode ? (React__default["default"].createElement(StyledContainer$1, null,
@@ -757,12 +757,12 @@ const SourceList = (_a) => {
                 React__default["default"].createElement(core.Accordion.Item, { value: "accordion" },
                     React__default["default"].createElement(core.Accordion.Control, null,
                         React__default["default"].createElement("div", { className: styles$1.header },
-                            React__default["default"].createElement(index$2.Heading, { as: "h4", tag: "h6" }, t('cardReply.source')))),
+                            React__default["default"].createElement(index$3.Heading, { as: "h4", tag: "h6" }, t('cardReply.source')))),
                     React__default["default"].createElement(core.Accordion.Panel, null,
                         React__default["default"].createElement(StyledListItems$1, null,
                             (data || []).map((i, idx) => (React__default["default"].createElement(StyledSourceItemWrapper, { key: String(idx) },
                                 typeof i === 'object' ? (React__default["default"].createElement(SourceItem, Object.assign({}, i))) : (React__default["default"].createElement(StyledInputWrapper, null,
-                                    React__default["default"].createElement(index$4.Input, { style: { width: '100%' }, name: "source-list", value: i || '', size: "sm", onChange: (v) => {
+                                    React__default["default"].createElement(index$5.Input, { style: { width: '100%' }, name: "source-list", value: i || '', size: "sm", onChange: (v) => {
                                             setListUrl((old) => {
                                                 const tmp = [...old];
                                                 tmp[idx] = v;
@@ -774,8 +774,8 @@ const SourceList = (_a) => {
                                                 return tmp;
                                             });
                                         } }))),
-                                editMode && (React__default["default"].createElement(index$5.Button, { size: "md", color: "transparent", icon: React__default["default"].createElement(other.Trash, null), onClick: () => handleRemoveItem(idx) }))))),
-                            editMode && (React__default["default"].createElement(index$5.Button, { className: "add-link", color: "transparent", size: "md", icon: React__default["default"].createElement(core$1.Plus, { color: miscTheme.theme.colors.primaryBase, size: 18 }), onClick: () => {
+                                editMode && (React__default["default"].createElement(index$6.Button, { size: "md", color: "transparent", icon: React__default["default"].createElement(other.Trash, null), onClick: () => handleRemoveItem(idx) }))))),
+                            editMode && (React__default["default"].createElement(index$6.Button, { className: "add-link", color: "transparent", size: "md", icon: React__default["default"].createElement(core$1.Plus, { color: miscTheme.theme.colors.primaryBase, size: 18 }), onClick: () => {
                                     setListUrl((old) => [...old, '']);
                                     setData((old) => [...old, '']);
                                 } }, "Add source")))))))) : (React__default["default"].createElement(RecommentCategories, { categories: categories }))) : null));
@@ -986,10 +986,10 @@ const StyledSourceList = styled__default["default"](SourceList) `
 var styles = {"button":"-dzIuHr"};
 
 const VerifiedTag = ({ userId, avatar, name, role, title, className, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [openPopup, setOpenPopup] = React.useState(false);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$5.Button, { className: `${styles.button} ${className}`, color: "success", size: "xs", onClick: () => setOpenPopup(true), style: {
+        React__default["default"].createElement(index$6.Button, { className: `${styles.button} ${className}`, color: "success", size: "xs", onClick: () => setOpenPopup(true), style: {
                 padding: '5px 8px',
                 marginBottom: '12px',
                 borderRadius: '4px',
@@ -1016,10 +1016,10 @@ const COMMENT_LIMIT = 4;
 const CardReply = ({ className, style, comment: CommentProps, type = 'comment', level = 0, replyingId, onPostCommentSuccess, post, onDeleteComment, refetchComment, hasQuickBookingEnable, handleMakeAppointment, cardAuthorProps, maxChars = 600, disableShortenContent, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const { data: { locale, userInfo, env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [comment, setComment] = React.useState(CommentProps || null);
     const { id, countLikes, content, replies = [], images = [], author, liked, link, mentionedUser, mentions, } = comment;
-    const { text, replyingTo } = index.decodeCommentBody(content);
+    const { text, replyingTo } = index$1.decodeCommentBody(content);
     const { authActionWrapper } = useTogetherAuthRequiredAction.useTogetherAuthRequiredAction({
         _joinCommunityIds: [(_a = post === null || post === void 0 ? void 0 : post.community) === null || _a === void 0 ? void 0 : _a.id],
         _joinTopicIds: (_b = post === null || post === void 0 ? void 0 : post.topics) === null || _b === void 0 ? void 0 : _b.map((t) => t.id),
@@ -1123,7 +1123,7 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
             _joinTopicIds: (_f = post === null || post === void 0 ? void 0 : post.topics) === null || _f === void 0 ? void 0 : _f.map((t) => t.id),
         } },
         React__default["default"].createElement(StyledCardPost, { className: className, style: style, "data-is-reply": !!level, "data-is-marrybaby": isMarryBaby, "data-has-booking": hasQuickBooking },
-            type === 'reply' && React__default["default"].createElement(index$6.Divider, { className: "top-divider", type: "solid" }),
+            type === 'reply' && React__default["default"].createElement(index$7.Divider, { className: "top-divider", type: "solid" }),
             React__default["default"].createElement("div", { style: { padding: '16px 16px 0' } },
                 React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor, Object.assign({ avatar: avatar, name: name, username: username, timeText: post === null || post === void 0 ? void 0 : post.createdTime, community: post === null || post === void 0 ? void 0 : post.community, 
                     // miniIcon="./svg/icon-tag.svg"
@@ -1138,14 +1138,14 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
             images && images.length > 0 ? (React__default["default"].createElement("div", { key: "image-preview", className: "image-preview-wrapper", "data-is-reply": true },
                 React__default["default"].createElement(togetherMoleculesPostImagePreview.PostImagePreview, { images: images, authorName: author === null || author === void 0 ? void 0 : author.username }))) : null,
             (!images || images.length === 0) && link ? (React__default["default"].createElement("div", { key: "link-preview", className: "link-preview-wrapper", "data-is-reply": true },
-                React__default["default"].createElement(index$7.CardLink, { url: link }))) : null,
+                React__default["default"].createElement(index$8.CardLink, { url: link }))) : null,
             type !== 'most-engaging' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
                 isChatbotAuthor && (React__default["default"].createElement(StyledSourceList, { listUrl: comment === null || comment === void 0 ? void 0 : comment.source, categorySlug: comment === null || comment === void 0 ? void 0 : comment.categorySlug })),
                 React__default["default"].createElement(treePopoverMenu.CardReactions, { type: treePopoverMenu.CardReactionType.reply, loveCount: countLikes, replyCount: mergeCountReplies, className: "post-reaction", liked: liked, isReplied: isCommented, hideCommentIcon: type === 'reply' || isChatbotAuthor, hasShare: false, onCommentClick: () => authActionWrapper(() => setShowInputComment((v) => !v)), onCommentCountClick: () => authActionWrapper(() => {
                         setShowInputComment(true);
                     }), onLikeClick: () => authActionWrapper(() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                         if (id) {
-                            const res = yield index.likeUnlikeComment({
+                            const res = yield index$1.likeUnlikeComment({
                                 commentId: id,
                                 setLike: !liked,
                                 locale,
@@ -1157,7 +1157,7 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
                             }
                         }
                     })) }),
-                showInputComment && (React__default["default"].createElement(index.InputCommentBar, { replyingId: replyingId || comment.id, replyToName: name, isReply: true, onClose: () => setShowInputComment(false), onPostSuccess: (comment) => {
+                showInputComment && (React__default["default"].createElement(index$1.InputCommentBar, { replyingId: replyingId || comment.id, replyToName: name, isReply: true, onClose: () => setShowInputComment(false), onPostSuccess: (comment) => {
                         if (type === 'reply') {
                             onPostCommentSuccess && onPostCommentSuccess(comment);
                         }
@@ -1172,8 +1172,8 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
                             });
                         }, handleMakeAppointment: handleMakeAppointment, hasQuickBookingEnable: hasQuickBookingEnable }))),
                     mergeCountReplies > maxRepliesShow && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                        React__default["default"].createElement(index$6.Divider, { className: "top-divider", type: "solid" }),
-                        React__default["default"].createElement(index$5.Button, { className: "more-cmt", size: "lg", color: "ghost", onClick: () => setMaxRepliesShow((m) => m + COMMENT_LIMIT) },
+                        React__default["default"].createElement(index$7.Divider, { className: "top-divider", type: "solid" }),
+                        React__default["default"].createElement(index$6.Button, { className: "more-cmt", size: "lg", color: "ghost", onClick: () => setMaxRepliesShow((m) => m + COMMENT_LIMIT) },
                             t('comment.seeMoreReplies', {
                                 count: mergeCountReplies - maxRepliesShow,
                             }),
@@ -1198,7 +1198,7 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
     const [mostEngagingComment, setMostEngagingComment] = React.useState(mostEngagingCommentProp);
     const { community, topics, author, slug, isPin, liked, photos, mentions, title, description, previewUrl, likesCount, commentsCount, id, commented, } = post;
     const { data: { locale, env: { isMarryBaby, togetherBasePath }, }, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [showInputComment, setShowInputComment] = React.useState(propsShowInputComment);
     const postRelativeHref = `${togetherBasePath}/${(community === null || community === void 0 ? void 0 : community.slug) || '_'}/${slug || ''}`;
     const postHref = `${togetherComponentGlobalContext.getCurrentBaseUrl(locale)}${postRelativeHref}`;
@@ -1289,7 +1289,7 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                 // _location: postHref,
             }
             : undefined },
-        isOpenSharePopup && (React__default["default"].createElement(index.SharePopup, { url: postHref, avatar: constants.DEFAULT_IMG, text: title, onClose: () => setIsOpenSharePopup(false) })),
+        isOpenSharePopup && (React__default["default"].createElement(index$1.SharePopup, { url: postHref, avatar: constants.DEFAULT_IMG, text: title, onClose: () => setIsOpenSharePopup(false) })),
         React__default["default"].createElement(StyledCardPost$1, { className: className, style: style, "data-is-marrybaby": isMarryBaby },
             isPin ? React__default["default"].createElement(treePopoverMenu.LabelPin, { className: "post-pin" }) : null,
             React__default["default"].createElement("div", { style: { position: 'relative', padding: '1rem 1rem 0' } },
@@ -1297,17 +1297,17 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                     // miniIcon="./svg/icon-tag.svg"
                     timeText: post === null || post === void 0 ? void 0 : post.createdTime, className: "post-author", role: authorRole, userId: author === null || author === void 0 ? void 0 : author.id, expertId: author === null || author === void 0 ? void 0 : author.partnerId, doctorId: author === null || author === void 0 ? void 0 : author.doctorId, hospitalId: author === null || author === void 0 ? void 0 : author.hospitalId, title: author === null || author === void 0 ? void 0 : author.title, hasQuickBooking: hasQuickBooking, handleMakeAppointment: handleMakeAppointment, "data-testid": "name", isAnonymous: !!(post === null || post === void 0 ? void 0 : post.isAnonymous), extendEle: React__default["default"].createElement(CardPostPopoverMore, { authorEmail: String(author === null || author === void 0 ? void 0 : author.email), onDeletePost: onDeletePost, shareUrl: postHref, post: post, className: "popover", onEditPost: onEditPost }) }, cardAuthorProps))),
             React__default["default"].createElement("a", { href: disableCardLink ? undefined : postRelativeHref, className: "post-content-link-wrapper" },
-                title && (React__default["default"].createElement(index$2.Heading, { className: "post-content-title", as: "h2", tag: "h5", fontWeight: "bold", "data-testid": "Title of the Post" }, innertext__default["default"](title))),
+                title && (React__default["default"].createElement(index$3.Heading, { className: "post-content-title", as: "h2", tag: "h5", fontWeight: "bold", "data-testid": "Title of the Post" }, innertext__default["default"](title))),
                 React__default["default"].createElement(togetherMoleculesProfileDetail.PostContent, { className: "post-content-wrapper", description: description, disableShortenContent: disableShortenContent, mentions: mentions, "data-testid": "Content of the Post" })),
             React__default["default"].createElement("span", null),
             React__default["default"].createElement("span", null),
             React__default["default"].createElement("div", { key: "tag-topic" }, topics && topics.length > 0 ? (React__default["default"].createElement(treePopoverMenu.TagTopic, { topics: topics, className: "post-topics" })) : null),
             React__default["default"].createElement("div", { key: "social-preview" }, (post === null || post === void 0 ? void 0 : post.introUrl) ? (React__default["default"].createElement("div", { className: `social-preview-wrapper ${!!(photos === null || photos === void 0 ? void 0 : photos.length) ? 'has-image' : ''}` },
-                React__default["default"].createElement(index.SocialLinkPreview, { url: post.introUrl, image: post.bannerImage }))) : null),
+                React__default["default"].createElement(index$1.SocialLinkPreview, { url: post.introUrl, image: post.bannerImage }))) : null),
             React__default["default"].createElement("div", { key: "image-preview" }, !!(photos === null || photos === void 0 ? void 0 : photos.length) ? (React__default["default"].createElement("div", { className: "image-preview-wrapper" },
                 React__default["default"].createElement(togetherMoleculesPostImagePreview.PostImagePreview, { images: photos, authorName: author === null || author === void 0 ? void 0 : author.name }))) : null),
             React__default["default"].createElement("div", { key: "link-preview" }, !(post === null || post === void 0 ? void 0 : post.introUrl) && !(photos === null || photos === void 0 ? void 0 : photos.length) && (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url) ? (React__default["default"].createElement("div", { className: "link-preview-wrapper" },
-                React__default["default"].createElement(index$7.CardLink, { title: previewUrl.title, url: previewUrl.url, image: previewUrl.image }))) : null),
+                React__default["default"].createElement(index$8.CardLink, { title: previewUrl.title, url: previewUrl.url, image: previewUrl.image }))) : null),
             React__default["default"].createElement(treePopoverMenu.CardReactions, { isMarryBaby: isMarryBaby, type: treePopoverMenu.CardReactionType.post, loveCount: likesCount, replyCount: commentsCount, className: `post-reaction ${(photos === null || photos === void 0 ? void 0 : photos.length) || (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url) ? 'hide-top-border' : ''}`, liked: isLikeLoading ? !liked : liked, isReplied: commented, onCommentClick: () => authActionWrapper(() => {
                     onCommentClick ? onCommentClick() : setShowInputComment((v) => !v);
                 }), onCommentCountClick: () => {
@@ -1325,23 +1325,23 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                         return;
                     setIsLikeLoading(true);
                     try {
-                        const res = yield index.likeUnlikePost({
+                        const res = yield index$1.likeUnlikePost({
                             id,
                             locale,
                         });
                         if ((res === null || res === void 0 ? void 0 : res.status) !== 1) {
-                            pushNotifications(index.getDefaultFailNoti(t));
+                            pushNotifications(index$1.getDefaultFailNoti(t));
                         }
                         else {
                             setPost((p) => (Object.assign(Object.assign({}, p), { likesCount: (p.likesCount || 0) + (!p.liked ? 1 : -1), liked: !p.liked })));
                         }
                     }
                     catch (_a) {
-                        pushNotifications(index.getDefaultFailNoti(t));
+                        pushNotifications(index$1.getDefaultFailNoti(t));
                     }
                     setIsLikeLoading(false);
                 }), showingMostEngaging: !!(showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id)) }),
-            showInputComment && (React__default["default"].createElement(index.InputCommentBar, { isMainCmt: !propsShowInputComment, onClose: () => setShowInputComment(false), onPostSuccess: onPostCommentSuccess, post: post })),
+            showInputComment && (React__default["default"].createElement(index$1.InputCommentBar, { isMainCmt: !propsShowInputComment, onClose: () => setShowInputComment(false), onPostSuccess: onPostCommentSuccess, post: post })),
             showMostEngaging && (mostEngagingComment === null || mostEngagingComment === void 0 ? void 0 : mostEngagingComment.id) ? (React__default["default"].createElement("div", { className: "most-engaging-wrapper", onClick: (e) => {
                     if (onMostEngagingCommentClick) {
                         e.stopPropagation();
@@ -1353,7 +1353,7 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                 React__default["default"].createElement(CardReply, { hasQuickBookingEnable: hasQuickBookingEnable, handleMakeAppointment: handleMakeAppointment, comment: mostEngagingComment, post: post, onDeleteComment: () => {
                         onDeleteComment && onDeleteComment(mostEngagingComment);
                     }, className: "most-engaging-comment", type: "most-engaging", key: mostEngagingComment.id, cardAuthorProps: cardAuthorProps }),
-                commentsCount > 1 && !hideViewMoreComment && (React__default["default"].createElement(index$5.Button, { className: "see-more-comments", color: "ghost", size: "md" }, t('comment.seeMoreComments', {
+                commentsCount > 1 && !hideViewMoreComment && (React__default["default"].createElement(index$6.Button, { className: "see-more-comments", color: "ghost", size: "md" }, t('comment.seeMoreComments', {
                     count: commentsCount - 1,
                 }))))) : null,
             InlineCommentsComponent)));

package/build/{index-a621e59b.js → index-c3945b0e.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-df02c56c.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-412e6117.js');
-var index$2 = require('./index-fdc49362.js');
-var index$1 = require('./index-bdb79662.js');
-var index$3 = require('./index-1ab696a1.js');
-require('./index-3f644168.js');
-require('./index.styles-22f2187e.js');
-var useTranslations = require('./useTranslations-9e0af18e.js');
+var LastPeriod = require('./LastPeriod-03679801.js');
+var index$3 = require('./index-1e469a64.js');
+var index$2 = require('./index-b60821c5.js');
+var index$4 = require('./index-ce9a0d0b.js');
+require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
+var index = require('./index-53b9a5ed.js');
 require('@mantine/hooks');
-require('./useMantineLocale-60b9eddd.js');
-require('./index-9cfee4c5.js');
-require('./index-aa02edde.js');
-require('./utils-e210bc6d.js');
-require('./index-d4c38659.js');
-require('./other-d0af0028.js');
-require('./index-151b9037.js');
-var index = require('./index-ab723e6b.js');
+require('./useMantineLocale-b6730670.js');
+require('./index-4a39b1e7.js');
+require('./index-76e88882.js');
+require('./utils-3e457c21.js');
+require('./index-f49e8023.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var index$1 = require('./index-81150842.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -79,60 +79,60 @@ const OvulationFormContext = React.createContext({});
 
 const DefaultLayout = (_a) => {
     var props = tslib_es6.__rest(_a, []);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { currentUrl, submitProps, form, calculatingMethods, isMobile } = React.useContext(OvulationFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Control, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.ChipGroup, Object.assign({ data: calculatingMethods, label: t('dueDatePage.calculationMethod'), isMobile: isMobile }, form.getInputProps('calculatorType')))),
-        React__default["default"].createElement(index$1.DatePicker, Object.assign({ placeholder: "DD/MM/YYYY", popoverProps: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.ChipGroup, Object.assign({ data: calculatingMethods, label: t('dueDatePage.calculationMethod'), isMobile: isMobile }, form.getInputProps('calculatorType')))),
+        React__default["default"].createElement(index$2.DatePicker, Object.assign({ placeholder: "DD/MM/YYYY", popoverProps: {
                 withinPortal: true,
             }, label: t('dueDatePage.lastPeriod.lastPeriodLabel'), maxDate: new Date() }, form.getInputProps('lastPeriodDate'))),
-        React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: `${t('ovulationPage.cycleLength')} (${t('ovulationPage.dayUnit')})`, min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength'))),
-        React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: `${t('ovulationPage.periodDuration')} (${t('ovulationPage.dayUnit')})`, min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength'))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Ovulation", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: `${t('ovulationPage.cycleLength')} (${t('ovulationPage.dayUnit')})`, min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength'))),
+        React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: `${t('ovulationPage.periodDuration')} (${t('ovulationPage.dayUnit')})`, min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength'))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Ovulation", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
 };
 
 const InlineLayout = (_a) => {
     var props = tslib_es6.__rest(_a, []);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { currentUrl, submitProps, form, calculatingMethods } = React.useContext(OvulationFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.calculationMethod'), direction: "column", width: '100%' },
-            React__default["default"].createElement(index.HealthToolFormWrapper.ChipGroup, Object.assign({ data: calculatingMethods }, form.getInputProps('calculatorType')))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel') },
-            React__default["default"].createElement(index$1.DatePicker, Object.assign({ placeholder: "DD/MM/YYYY", popoverProps: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.calculationMethod'), direction: "column", width: '100%' },
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.ChipGroup, Object.assign({ data: calculatingMethods }, form.getInputProps('calculatorType')))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel') },
+            React__default["default"].createElement(index$2.DatePicker, Object.assign({ placeholder: "DD/MM/YYYY", popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }, form.getInputProps('lastPeriodDate')))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('ovulationPage.cycleLength') + ' ' + t('ovulationPage.dayUnit') },
-                React__default["default"].createElement(index$2.Input.Number, Object.assign({ min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength'), { error: null }))),
-            form.errors.cycleLength && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.cycleLength))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('ovulationPage.periodDuration') + ' ' + t('ovulationPage.dayUnit') },
-                React__default["default"].createElement(index$2.Input.Number, Object.assign({ min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength'), { error: null }))),
-            form.errors.periodLength && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.periodLength))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Ovulation", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('ovulationPage.cycleLength') + ' ' + t('ovulationPage.dayUnit') },
+                React__default["default"].createElement(index$3.Input.Number, Object.assign({ min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength'), { error: null }))),
+            form.errors.cycleLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.cycleLength))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('ovulationPage.periodDuration') + ' ' + t('ovulationPage.dayUnit') },
+                React__default["default"].createElement(index$3.Input.Number, Object.assign({ min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength'), { error: null }))),
+            form.errors.periodLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.periodLength))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Ovulation", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
 };
 
 const MbLayout = (_a) => {
     var props = tslib_es6.__rest(_a, []);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { currentUrl, submitProps, form, calculatingMethods } = React.useContext(OvulationFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Control, null,
-            React__default["default"].createElement(index$2.Input.Wrapper, { label: React__default["default"].createElement(index$3.Text, { size: "p4", sx: { fontWeight: 'normal' } }, t('dueDatePage.calculationMethod')) },
-                React__default["default"].createElement(index.HealthToolFormWrapper.ChipGroup, Object.assign({ data: calculatingMethods }, form.getInputProps('calculatorType'))))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index$1.DatePicker, Object.assign({ placeholder: "DD/MM/YYYY", popoverProps: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
+            React__default["default"].createElement(index$3.Input.Wrapper, { label: React__default["default"].createElement(index$4.Text, { size: "p4", sx: { fontWeight: 'normal' } }, t('dueDatePage.calculationMethod')) },
+                React__default["default"].createElement(index$1.HealthToolFormWrapper.ChipGroup, Object.assign({ data: calculatingMethods }, form.getInputProps('calculatorType'))))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+            React__default["default"].createElement(index$2.DatePicker, Object.assign({ placeholder: "DD/MM/YYYY", popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date(), rightSection: null }, form.getInputProps('lastPeriodDate')))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('ovulationPage.cycleLength'), rightSection: t('ovulationPage.dayUnit') },
-            React__default["default"].createElement(index$2.Input.Number, Object.assign({ min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength')))),
-        form.errors.cycleLength && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.cycleLength)),
-        React__default["default"].createElement(index.HealthToolFormWrapper.BorderBoxControl, { label: t('ovulationPage.periodDuration'), rightSection: t('ovulationPage.dayUnit') },
-            React__default["default"].createElement(index$2.Input.Number, Object.assign({ min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength')))),
-        form.errors.periodLength && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.periodLength)),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Ovulation", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('ovulationPage.cycleLength'), rightSection: t('ovulationPage.dayUnit') },
+            React__default["default"].createElement(index$3.Input.Number, Object.assign({ min: 21, max: 45, defaultValue: 1 }, form.getInputProps('cycleLength')))),
+        form.errors.cycleLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.cycleLength)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('ovulationPage.periodDuration'), rightSection: t('ovulationPage.dayUnit') },
+            React__default["default"].createElement(index$3.Input.Number, Object.assign({ min: 1, max: 15, defaultValue: 1 }, form.getInputProps('periodLength')))),
+        form.errors.periodLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.periodLength)),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", className: "due-date-calculate-button", dataEventCategory: "Health Tool", dataEventAction: "Ovulation", dataEventLabel: currentUrl }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
 };
 
 var OvulationCalculatorType;
@@ -144,7 +144,7 @@ var OvulationCalculatorType;
 const OvulationForm = (_a) => {
     var { formLayout = 'default', submitProps, currentUrl, isMobile, onSubmit } = _a, props = tslib_es6.__rest(_a, ["formLayout", "submitProps", "currentUrl", "isMobile", "onSubmit"]);
     const theme = core.useMantineTheme();
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const isMarryBaby = theme.other.template === 'mb';
     const form$1 = form.useForm({
         initialValues: {