@hhgtech/hhg-components 1.29.134 → 1.29.136

package/build/{index-4fa1e76a.js → index-142a6616.js}

@@ -1,34 +1,34 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
-var index$5 = require('./index-cf20aefa.js');
-var index$2 = require('./index-418c000b.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$6 = require('./index-ad3f7091.js');
+var index$3 = require('./index-84798e33.js');
+var index = require('./index-1358bae0.js');
 var innertext = require('innertext');
-var index = require('./index-c25e95ab.js');
-var index$1 = require('./index-e6bdfb93.js');
-var constants = require('./constants-63a0dc23.js');
+var index$1 = require('./index-bd6190d3.js');
+var index$2 = require('./index-a4cdd0ad.js');
+var constants = require('./constants-ba48bace.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var treePopoverMenu = require('./treePopoverMenu-755b074e.js');
+var treePopoverMenu = require('./treePopoverMenu-f462a584.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-ee304330.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-8b9a8639.js');
-var index$7 = require('./index-d2b18842.js');
-var togetherMoleculesCardAuthor = require('./index-f19cb739.js');
-var togetherMoleculesProfileDetail = require('./index-b04b464e.js');
-var togetherMoleculesPostImagePreview = require('./index-7a6d47a3.js');
-var index$6 = require('./index-2c13e68a.js');
-require('./index-920ebbb7.js');
+var dataTransform = require('./dataTransform-c72e6854.js');
+var index$8 = require('./index-4ca0584b.js');
+var togetherMoleculesCardAuthor = require('./index-91ed48b9.js');
+var togetherMoleculesProfileDetail = require('./index-f10a2764.js');
+var togetherMoleculesPostImagePreview = require('./index-d40069cf.js');
+var index$7 = require('./index-a11b347a.js');
+require('./index-58ef4c66.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$4 = require('./index-bb097164.js');
-var index$3 = require('./index-7f563129.js');
-var routing = require('./routing-9b87917d.js');
+var index$5 = require('./index-a820ad7e.js');
+var index$4 = require('./index-f301a143.js');
+var routing = require('./routing-c06127ea.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-3f291c06.js → index-1582aab6.js}

@@ -1,29 +1,28 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-eed4d837.js');
+var index = require('./index-276d9308.js');
 var dayjs = require('dayjs');
-require('./index-920ebbb7.js');
-require('./index-3e801e33.js');
+require('./index-58ef4c66.js');
+require('./index-53b1d680.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index$1 = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-var index_styles = require('./index.styles-b57afab1.js');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
+require('./index-c9911c65.js');
+require('./index-a4cdd0ad.js');
+require('./useMantineLocale-ceb23b28.js');
+var index$1 = require('./index-f301a143.js');
+require('./index-91f5fadb.js');
+var index_styles = require('./index.styles-d4cfe368.js');
+require('./translationsContext-014418fe.js');
 require('@mantine/hooks');
-var utils = require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
+var utils = require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$3 = require('./index-870c8e40.js');
-var index$2 = require('./index-b3edb3e4.js');
+var index$3 = require('./index-24166649.js');
+var index$2 = require('./index-433cef6b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-34f5d98c.js → index-1851239e.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-3e801e33.js');
+var index$2 = require('./index-53b1d680.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-7f563129.js');
-var index$1 = require('./index-e6bdfb93.js');
+var index = require('./index-f301a143.js');
+var index$1 = require('./index-a4cdd0ad.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-247756c9.js → index-1b042834.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-3e801e33.js');
+require('./index-53b1d680.js');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index = require('./index-7f563129.js');
-var index$1 = require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+require('./index-58ef4c66.js');
+require('./index-c9911c65.js');
+require('./index-a4cdd0ad.js');
+require('./useMantineLocale-ceb23b28.js');
+var index$1 = require('./index-f301a143.js');
+var index$2 = require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
+var index = require('./index-1358bae0.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
+require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -55,14 +55,14 @@ var useStyles = core.createStyles((theme, { hasOnClickFn }) => {
 
 const BabyPoopForm = (_a) => {
     var { babyPoopPage, onClickFindOut, currentUrl, sponsorLogo, btnProps, styles, classNames } = _a, props = tslib_es6.__rest(_a, ["babyPoopPage", "onClickFindOut", "currentUrl", "sponsorLogo", "btnProps", "styles", "classNames"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { classes } = useStyles({ hasOnClickFn: Boolean(onClickFindOut) }, { name: 'BabyPoopForm', styles, classNames });
     return (React__default["default"].createElement(core.Box, Object.assign({ className: classes.root }, props),
         sponsorLogo && (React__default["default"].createElement(core.Box, { className: classes.sponsorBox },
-            React__default["default"].createElement(index.Text, { size: "p4" }, t('common.sponsoredBy')),
+            React__default["default"].createElement(index$1.Text, { size: "p4" }, t('common.sponsoredBy')),
             React__default["default"].createElement("img", { loading: "lazy", src: sponsorLogo, alt: "sponsor", className: classes.sponsorLogo }))),
-        React__default["default"].createElement(index.Text, { size: "p3", className: "description" }, babyPoopPage.description),
-        React__default["default"].createElement(index$1.Button, Object.assign({ className: classes.btn, onClick: onClickFindOut, dataEventCategory: "Health Tool", dataEventAction: "Baby Stool Inquiry", dataEventLabel: currentUrl }, btnProps), t('babyPoop.findOut'))));
+        React__default["default"].createElement(index$1.Text, { size: "p3", className: "description" }, babyPoopPage.description),
+        React__default["default"].createElement(index$2.Button, Object.assign({ className: classes.btn, onClick: onClickFindOut, dataEventCategory: "Health Tool", dataEventAction: "Baby Stool Inquiry", dataEventLabel: currentUrl }, btnProps), t('babyPoop.findOut'))));
 };
 
 exports.BabyPoopForm = BabyPoopForm;

package/build/{index-870c8e40.js → index-24166649.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-409f6e0e.js');
-var index$1 = require('./index-e6bdfb93.js');
+var Locale = require('./Locale-4d114b4b.js');
+var index$1 = require('./index-a4cdd0ad.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-54857ab8.js');
-var logoIcon = require('./logoIcon-dfa1ea13.js');
-require('./index-291e6f28.js');
-var index = require('./index-8244f19c.js');
+var utils = require('./utils-ee304330.js');
+var logoIcon = require('./logoIcon-ac286d9a.js');
+require('./index-c9911c65.js');
+var index = require('./index-4391671f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-45cce8ea.js → index-2a4c6049.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-ee304330.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-7f28c73e.js');
-var index = require('./index-7f563129.js');
+var animation = require('./animation-554ad246.js');
+var index = require('./index-f301a143.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7736953f.js → index-2aca850e.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-3e801e33.js');
+var index$2 = require('./index-53b1d680.js');
 require('@mantine/dates');
-var index = require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index = require('./index-58ef4c66.js');
+require('./index-c9911c65.js');
+require('./index-a4cdd0ad.js');
+require('./useMantineLocale-ceb23b28.js');
+require('./index-f301a143.js');
+require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
+var index$1 = require('./index-1358bae0.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var utils = require('./utils-cb95e189.js');
-var Locale = require('./Locale-409f6e0e.js');
+require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
+var utils = require('./utils-d82de9f1.js');
+var Locale = require('./Locale-4d114b4b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -134,7 +134,7 @@ const useAddress = ({ provinces: provincesInit }) => {
 
 const AddressInput = (_a) => {
     var { error, provinces: provincesInit, placeholder } = _a, props = tslib_es6.__rest(_a, ["error", "provinces", "placeholder"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const { provinces, districts, wards, selectedProvince, selectedDistrict, selectedWard, handleProvinceChange, handleDistrictChange, handleWardChange, } = useAddress({ provinces: provincesInit });
     const [extraInfo, setExtraInfo] = React.useState('');
     React.useEffect(() => {
@@ -150,12 +150,12 @@ const AddressInput = (_a) => {
             props.onChange(null);
         }
     }, [selectedProvince, selectedDistrict, selectedWard, extraInfo]);
-    return (React__default["default"].createElement(index$1.Input.Wrapper, Object.assign({ withAsterisk: true }, props),
+    return (React__default["default"].createElement(index$2.Input.Wrapper, Object.assign({ withAsterisk: true }, props),
         React__default["default"].createElement(core.Stack, null,
-            React__default["default"].createElement(index$1.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.province) || t('onboarding.similac.input.city'), data: provincesInit ? provinces : provinces.sort(), searchable: true, onChange: handleProvinceChange, value: selectedProvince }),
-            React__default["default"].createElement(index$1.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.district) || t('onboarding.similac.input.district'), data: districts.sort(), searchable: true, onChange: handleDistrictChange, value: selectedDistrict, disabled: !selectedProvince }),
-            React__default["default"].createElement(index$1.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.ward) || t('onboarding.similac.input.ward'), searchable: true, data: wards.sort(), value: selectedWard, onChange: handleWardChange, disabled: !selectedProvince || !selectedDistrict }),
-            React__default["default"].createElement(index$1.Input, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.address) || t('onboarding.similac.input.no'), disabled: !selectedProvince || !selectedDistrict || !selectedWard, value: extraInfo, onChange: setExtraInfo, style: { marginBottom: 0 } })),
+            React__default["default"].createElement(index$2.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.province) || t('onboarding.similac.input.city'), data: provincesInit ? provinces : provinces.sort(), searchable: true, onChange: handleProvinceChange, value: selectedProvince }),
+            React__default["default"].createElement(index$2.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.district) || t('onboarding.similac.input.district'), data: districts.sort(), searchable: true, onChange: handleDistrictChange, value: selectedDistrict, disabled: !selectedProvince }),
+            React__default["default"].createElement(index$2.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.ward) || t('onboarding.similac.input.ward'), searchable: true, data: wards.sort(), value: selectedWard, onChange: handleWardChange, disabled: !selectedProvince || !selectedDistrict }),
+            React__default["default"].createElement(index$2.Input, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.address) || t('onboarding.similac.input.no'), disabled: !selectedProvince || !selectedDistrict || !selectedWard, value: extraInfo, onChange: setExtraInfo, style: { marginBottom: 0 } })),
         React__default["default"].createElement(core.Input.Error, { size: "md" }, error)));
 };