@hhgtech/hhg-components 1.29.349 → 1.29.350

package/build/{index-c246a805.js → index-585064ac.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-4ff147e9.js');
+var useScrollbarSize = require('./useScrollbarSize-17773592.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-0b96a051.js');
+var utils = require('./utils-62602343.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-6dcbaf78.js → index-5c3e82a8.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-3540a6b9.js');
-var index$3 = require('./index-78c6c6cf.js');
-var index$2 = require('./index-2b8d5922.js');
-var index$4 = require('./index-5ffb9c80.js');
-require('./index-92c78315.js');
-require('./index.styles-f3cba150.js');
-var index = require('./index-2ec2e22f.js');
+var LastPeriod = require('./LastPeriod-fa62c38f.js');
+var index$3 = require('./index-4f002d8f.js');
+var index$2 = require('./index-4c7a785b.js');
+var index$4 = require('./index-e4b83bc5.js');
+require('./index-0bb69a29.js');
+require('./index.styles-7eb232b9.js');
+var index = require('./index-d68340ee.js');
 require('@mantine/hooks');
-require('./useMantineLocale-5e25dbd7.js');
-require('./index-e1a39c0f.js');
-require('./index-d49e78ee.js');
-require('./utils-0b96a051.js');
-require('./index-54096852.js');
-require('./other-55a9988c.js');
-require('./index-d1a1f50a.js');
-var index$1 = require('./index-239a44cd.js');
+require('./useMantineLocale-5e96023c.js');
+require('./index-44bf2ce1.js');
+require('./index-e89d6ea8.js');
+require('./utils-62602343.js');
+require('./index-a64f9470.js');
+require('./other-5db125e1.js');
+require('./index-bb0404b6.js');
+var index$1 = require('./index-4ea6199f.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-4d2dd5d2.js → index-5e555a2c.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-f3cba150.js');
+var index_styles = require('./index.styles-7eb232b9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6624dc27.js → index-5efb2208.js}

@@ -1,49 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$8 = require('./index-a9517b32.js');
-var index = require('./index-2ec2e22f.js');
+var index$8 = require('./index-2c357711.js');
+var index = require('./index-d68340ee.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-78c6c6cf.js');
+var index$5 = require('./index-4f002d8f.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-54096852.js');
-require('./index-e1a39c0f.js');
-require('./index-d49e78ee.js');
-require('./useMantineLocale-5e25dbd7.js');
-var index$2 = require('./index-5ffb9c80.js');
-var index$1 = require('./index-92c78315.js');
-require('./index.styles-f3cba150.js');
+require('./index-a64f9470.js');
+require('./index-44bf2ce1.js');
+require('./index-e89d6ea8.js');
+require('./useMantineLocale-5e96023c.js');
+var index$2 = require('./index-e4b83bc5.js');
+var index$1 = require('./index-0bb69a29.js');
+require('./index.styles-7eb232b9.js');
 require('@mantine/hooks');
-var utils = require('./utils-0b96a051.js');
-require('./other-55a9988c.js');
-require('./index-d1a1f50a.js');
-var index$3 = require('./index-d586f960.js');
-var togetherComponentGlobalContext = require('./utils-cfd7bb44.js');
+var utils = require('./utils-62602343.js');
+require('./other-5db125e1.js');
+require('./index-bb0404b6.js');
+var index$3 = require('./index-26e97252.js');
+var togetherComponentGlobalContext = require('./utils-da16f93d.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-e1b2da85.js');
-var constants = require('./constants-adcd504a.js');
-var post = require('./post-68372a5c.js');
-var togetherMoleculesCardAuthor = require('./index-de872eb4.js');
-var togetherRichTextEditor = require('./editor-40cb6590.js');
-var index$4 = require('./index-10563d2d.js');
+var dataTransform = require('./dataTransform-c05d6333.js');
+var constants = require('./constants-77bd9f3d.js');
+var post = require('./post-e81b3399.js');
+var togetherMoleculesCardAuthor = require('./index-cc632370.js');
+var togetherRichTextEditor = require('./editor-dbfb4abe.js');
+var index$4 = require('./index-4b2fa3e2.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-6c7afdca.js');
-var index$7 = require('./index-293892eb.js');
-var index$9 = require('./index-801f831e.js');
-var Locale = require('./Locale-fe94e6b7.js');
+var index$6 = require('./index-8b7337b6.js');
+var index$7 = require('./index-12c0405a.js');
+var index$9 = require('./index-0ae0683e.js');
+var Locale = require('./Locale-efeb4779.js');
 var ReactDOM = require('react-dom');
-var togetherMoleculesPostImagePreview = require('./index-4c3d9fab.js');
-var index$c = require('./index-69e5e1b3.js');
+var index$a = require('./index-8d6980aa.js');
+var togetherMoleculesPostImagePreview = require('./index-32f95d0a.js');
+var index$d = require('./index-9fba1db4.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-31a8ced9.js');
-var index$a = require('./index-684d0882.js');
-var index$b = require('./index-4d72db3c.js');
+var useUniqueId = require('./useUniqueId-17e9a8d5.js');
+var index$b = require('./index-2dd85aab.js');
+var index$c = require('./index-50880e9a.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -1567,7 +1568,7 @@ selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction,
                     }
                 }, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }));
         }),
-        (isLoading || isLoadingTopics) && React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, { className: "topic-spinner" })));
+        (isLoading || isLoadingTopics) && React__default["default"].createElement(index$a.Loading, { className: "topic-spinner" })));
 };
 const TopicItem$1 = (_a) => {
     var { topic, disabled, selected, onClick } = _a, rest = tslib_es6.__rest(_a, ["topic", "disabled", "selected", "onClick"]);
@@ -2744,7 +2745,7 @@ const RichTextEditor = ({ html, onChange, className, style, placeholder, onImage
             }, onMouseEnter: () => {
                 setSelectTagUserIndex(index);
             } },
-            React__default["default"].createElement(index$a.UserAvatar, { className: "search-avatar", username: foundUser.name, avatar: foundUser.avatar }),
+            React__default["default"].createElement(index$b.UserAvatar, { className: "search-avatar", username: foundUser.name, avatar: foundUser.avatar }),
             React__default["default"].createElement("div", null,
                 React__default["default"].createElement(index$2.Text, { size: "p2" }, foundUser.name),
                 React__default["default"].createElement(index$2.Text, { size: "p4", color: "#595959" },
@@ -2763,7 +2764,7 @@ const CustomToolbar = ({ onAddLink, id, }) => {
         React__default["default"].createElement("span", { className: "ql-formats" },
             React__default["default"].createElement("button", { className: "ql-list", value: "ordered", type: "button" }),
             React__default["default"].createElement("button", { className: "ql-list", value: "bullet", type: "button" })),
-        React__default["default"].createElement("span", { className: "ql-formats" }, onAddLink && (React__default["default"].createElement(index$b.PopoverMenu, { className: "link-tool-wrapper", toggleButtonContent: React__default["default"].createElement("img", { className: "link-icon", src: togetherRichTextEditor.IconLink, loading: "lazy" }), buttonProps: {
+        React__default["default"].createElement("span", { className: "ql-formats" }, onAddLink && (React__default["default"].createElement(index$c.PopoverMenu, { className: "link-tool-wrapper", toggleButtonContent: React__default["default"].createElement("img", { className: "link-icon", src: togetherRichTextEditor.IconLink, loading: "lazy" }), buttonProps: {
                 size: 'md',
                 color: 'transparent',
             }, align: "end" }, ({ setShow }) => (React__default["default"].createElement(LinkToolInputPopover, { onAddUrl: onAddLink, setShow: setShow })))))));
@@ -2807,7 +2808,7 @@ const LinkToolInputPopover = ({ onAddUrl, setShow }) => {
         urlWarnType >= 0 && (React__default["default"].createElement(index$2.Text, { size: "c2", className: "error-text" }, t(URL_WARN_MAP[urlWarnType]))),
         React__default["default"].createElement(index$4.Input, { name: "text", value: textValue, size: "md", label: t('createPost.urlText'), placeholder: t('placeholder.enterUrlTextHere'), type: "text", className: "link-input-text", onChange: (v) => setTextValue(v) }),
         React__default["default"].createElement("div", { "data-is-marrybaby": isMarryBaby, className: "link-input-button-wrapper" },
-            React__default["default"].createElement(index$c.Button, { theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "sm", color: "primary", className: "link-input-button", onClick: () => {
+            React__default["default"].createElement(index$d.Button, { theme: isMarryBaby ? 'marryBaby' : 'helloSites', size: "sm", color: "primary", className: "link-input-button", onClick: () => {
                     if (!isValid)
                         return;
                     onAddUrl(textValue.trim(), post.reformatUrl(urlValue.trim()));
@@ -4051,7 +4052,7 @@ const TopicSelectList = ({ className, style, topics: topicsProp, communityId, on
                     setSelectedTopics(_selected.slice());
                 }
             }, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }))),
-        (isLoading || isLoadingTopics) && React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, { className: "topic-spinner" })));
+        (isLoading || isLoadingTopics) && React__default["default"].createElement(index$a.Loading, { className: "topic-spinner" })));
 };
 const TopicItem = (_a) => {
     var { topic, disabled, selected, onClick } = _a, rest = tslib_es6.__rest(_a, ["topic", "disabled", "selected", "onClick"]);

package/build/{index-bacfdf72.js → index-620e269f.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-6c22500d.js');
-var constants = require('./constants-adcd504a.js');
-var index$2 = require('./index-d3eee893.js');
-var index$3 = require('./index-78c6c6cf.js');
+var useHealthToolCache = require('./useHealthToolCache-68c4213c.js');
+var constants = require('./constants-77bd9f3d.js');
+var index$2 = require('./index-4d6e6a6f.js');
+var index$3 = require('./index-4f002d8f.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-54096852.js');
-require('./index-e1a39c0f.js');
-require('./index-d49e78ee.js');
-require('./useMantineLocale-5e25dbd7.js');
-var index$4 = require('./index-5ffb9c80.js');
-require('./index-92c78315.js');
+require('./index-a64f9470.js');
+require('./index-44bf2ce1.js');
+require('./index-e89d6ea8.js');
+require('./useMantineLocale-5e96023c.js');
+var index$4 = require('./index-e4b83bc5.js');
+require('./index-0bb69a29.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-f3cba150.js');
-var index = require('./index-2ec2e22f.js');
+require('./index.styles-7eb232b9.js');
+var index = require('./index-d68340ee.js');
 require('@mantine/hooks');
-require('./utils-0b96a051.js');
-require('./other-55a9988c.js');
-require('./index-d1a1f50a.js');
-var index$1 = require('./index-239a44cd.js');
+require('./utils-62602343.js');
+require('./other-5db125e1.js');
+require('./index-bb0404b6.js');
+var index$1 = require('./index-4ea6199f.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');
 

package/build/{index-ede81ff3.js → index-6c1fbee0.js}

@@ -1,34 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
-var index$6 = require('./index-69e5e1b3.js');
-var index$3 = require('./index-ca0aaa30.js');
-var index = require('./index-2ec2e22f.js');
+var index$7 = require('./index-9fba1db4.js');
+var index$3 = require('./index-0e3a9ce5.js');
+var index = require('./index-d68340ee.js');
 var innertext = require('innertext');
-var index$1 = require('./index-d586f960.js');
-var index$2 = require('./index-d49e78ee.js');
-var constants = require('./constants-adcd504a.js');
+var index$1 = require('./index-26e97252.js');
+var index$2 = require('./index-e89d6ea8.js');
+var constants = require('./constants-77bd9f3d.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var togetherComponentGlobalContext = require('./utils-cfd7bb44.js');
-var treePopoverMenu = require('./treePopoverMenu-6493d54c.js');
+var togetherComponentGlobalContext = require('./utils-da16f93d.js');
+var treePopoverMenu = require('./treePopoverMenu-49b646ab.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-0b96a051.js');
+var utils = require('./utils-62602343.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-e1b2da85.js');
+var dataTransform = require('./dataTransform-c05d6333.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$8 = require('./index-293892eb.js');
-var togetherMoleculesCardAuthor = require('./index-de872eb4.js');
-var togetherMoleculesProfileDetail = require('./index-f0964133.js');
-var togetherMoleculesPostImagePreview = require('./index-4c3d9fab.js');
-var index$7 = require('./index-affa5696.js');
-require('./index-54096852.js');
+var index$9 = require('./index-12c0405a.js');
+var togetherMoleculesCardAuthor = require('./index-cc632370.js');
+var togetherMoleculesProfileDetail = require('./index-9642ac3c.js');
+var togetherMoleculesPostImagePreview = require('./index-32f95d0a.js');
+var index$a = require('./index-fcc65dbf.js');
+var index$8 = require('./index-232df9c6.js');
+require('./index-a64f9470.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$5 = require('./index-10563d2d.js');
-var index$4 = require('./index-5ffb9c80.js');
-var normalizeLink = require('./normalizeLink-7ccd3c22.js');
+var index$6 = require('./index-4b2fa3e2.js');
+var index$4 = require('./index-e4b83bc5.js');
+var index$5 = require('./index-8d6980aa.js');
+var normalizeLink = require('./normalizeLink-ed076d28.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -731,7 +733,7 @@ const SourceList = (_a) => {
             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,
+        !hideSourceList ? (loading ? (React__default["default"].createElement(index$5.Loading, null)) : data.length > 0 || editMode ? (React__default["default"].createElement(StyledContainer$1, null,
             React__default["default"].createElement(core.Accordion, { defaultValue: !collapseSource && 'accordion', styles: {
                     control: {
                         borderRadius: 'inherit',
@@ -770,7 +772,7 @@ const SourceList = (_a) => {
                         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$5.Input, { style: { width: '100%' }, name: "source-list", value: i || '', size: "sm", onChange: (v) => {
+                                    React__default["default"].createElement(index$6.Input, { style: { width: '100%' }, name: "source-list", value: i || '', size: "sm", onChange: (v) => {
                                             setListUrl((old) => {
                                                 const tmp = [...old];
                                                 tmp[idx] = v;
@@ -782,8 +784,8 @@ const SourceList = (_a) => {
                                                 return tmp;
                                             });
                                         } }))),
-                                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: () => {
+                                editMode && (React__default["default"].createElement(index$7.Button, { size: "md", color: "transparent", icon: React__default["default"].createElement(other.Trash, null), onClick: () => handleRemoveItem(idx) }))))),
+                            editMode && (React__default["default"].createElement(index$7.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));
@@ -997,7 +999,7 @@ const VerifiedTag = ({ userId, avatar, name, role, title, className, }) => {
     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$6.Button, { className: `${styles.button} ${className}`, color: "success", size: "xs", onClick: () => setOpenPopup(true), style: {
+        React__default["default"].createElement(index$7.Button, { className: `${styles.button} ${className}`, color: "success", size: "xs", onClick: () => setOpenPopup(true), style: {
                 padding: '5px 8px',
                 marginBottom: '12px',
                 borderRadius: '4px',
@@ -1131,7 +1133,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$7.Divider, { className: "top-divider", type: "solid" }),
+            type === 'reply' && React__default["default"].createElement(index$8.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"
@@ -1146,7 +1148,7 @@ 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$8.CardLink, { url: link }))) : null,
+                React__default["default"].createElement(index$9.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(() => {
@@ -1180,8 +1182,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$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) },
+                        React__default["default"].createElement(index$8.Divider, { className: "top-divider", type: "solid" }),
+                        React__default["default"].createElement(index$7.Button, { className: "more-cmt", size: "lg", color: "ghost", onClick: () => setMaxRepliesShow((m) => m + COMMENT_LIMIT) },
                             t('comment.seeMoreReplies', {
                                 count: mergeCountReplies - maxRepliesShow,
                             }),
@@ -1312,11 +1314,11 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
             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$1.SocialLinkPreview, { url: post.introUrl, image: post.bannerImage }))) : null),
+                React__default["default"].createElement(index$a.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, isSensitive: Boolean(post === null || post === void 0 ? void 0 : post.isSensitive) }))) : 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$8.CardLink, { title: previewUrl.title, url: previewUrl.url, image: previewUrl.image }))) : null),
+                React__default["default"].createElement(index$9.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, isSaved: (post === null || post === void 0 ? void 0 : post.bookmarked) || false, onCommentClick: () => authActionWrapper(() => {
                     onCommentClick ? onCommentClick() : setShowInputComment((v) => !v);
                 }), onCommentCountClick: () => {
@@ -1436,7 +1438,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$6.Button, { className: "see-more-comments", color: "ghost", size: "md" }, t('comment.seeMoreComments', {
+                commentsCount > 1 && !hideViewMoreComment && (React__default["default"].createElement(index$7.Button, { className: "see-more-comments", color: "ghost", size: "md" }, t('comment.seeMoreComments', {
                     count: commentsCount - 1,
                 }))))) : null,
             InlineCommentsComponent)));

package/build/{index-30e77221.js → index-80f1173f.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-78c6c6cf.js');
+var index = require('./index-4f002d8f.js');
 require('@mantine/dates');
-require('./index-54096852.js');
-require('./index-e1a39c0f.js');
-require('./index-d49e78ee.js');
-require('./useMantineLocale-5e25dbd7.js');
-var index$2 = require('./index-5ffb9c80.js');
-require('./index-92c78315.js');
-require('./index.styles-f3cba150.js');
-var index$1 = require('./index-2ec2e22f.js');
+require('./index-a64f9470.js');
+require('./index-44bf2ce1.js');
+require('./index-e89d6ea8.js');
+require('./useMantineLocale-5e96023c.js');
+var index$2 = require('./index-e4b83bc5.js');
+require('./index-0bb69a29.js');
+require('./index.styles-7eb232b9.js');
+var index$1 = require('./index-d68340ee.js');
 require('@mantine/hooks');
-var utils = require('./utils-0b96a051.js');
-require('./other-55a9988c.js');
-require('./index-d1a1f50a.js');
+var utils = require('./utils-62602343.js');
+require('./other-5db125e1.js');
+require('./index-bb0404b6.js');
 var styled = require('@emotion/styled');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-293b14b4.js → index-82a721a9.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
-require('./index-78c6c6cf.js');
+require('./index-4f002d8f.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-54096852.js');
-require('./index-e1a39c0f.js');
-require('./index-d49e78ee.js');
-require('./useMantineLocale-5e25dbd7.js');
-var index = require('./index-5ffb9c80.js');
-require('./index-92c78315.js');
-require('./index.styles-f3cba150.js');
-require('./translationsContext-f04b6541.js');
+require('./index-a64f9470.js');
+require('./index-44bf2ce1.js');
+require('./index-e89d6ea8.js');
+require('./useMantineLocale-5e96023c.js');
+var index = require('./index-e4b83bc5.js');
+require('./index-0bb69a29.js');
+require('./index.styles-7eb232b9.js');
+require('./translationsContext-58c99c1f.js');
 require('@mantine/hooks');
-require('./utils-0b96a051.js');
-require('./other-55a9988c.js');
-require('./index-d1a1f50a.js');
+require('./utils-62602343.js');
+require('./other-5db125e1.js');
+require('./index-bb0404b6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7d74a494.js → index-88bffee6.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-c2b6c6df.js');
-var index$1 = require('./index-293b14b4.js');
+var index = require('./index-9395f53e.js');
+var index$1 = require('./index-82a721a9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e785998a.js → index-89d3b1dd.js}

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

package/build/{index-6c7afdca.js → index-8b7337b6.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-86fb82cb.js');
-var index = require('./index-2ec2e22f.js');
+var index$1 = require('./index-26574e0f.js');
+var index = require('./index-d68340ee.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/index-8d6980aa.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var React = require('react');
+var index$1 = require('./index-9fba1db4.js');
+var index = require('./index-d68340ee.js');
+var react = require('@emotion/react');
+var styled = require('@emotion/styled');
+var miscTheme = require('./miscTheme.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledLoading = styled__default["default"].div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 1em;
+  button {
+    position: relative;
+  }
+`;
+const circle = react.keyframes `
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+styled__default["default"].div `
+  display: flex;
+  width: fit-content;
+  width: -moz-fit-content;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 1rem 2rem;
+  background: white;
+  border-radius: ${miscTheme.theme.borderRadius};
+  box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
+    -2px 2px 5px rgba(67, 86, 100, 0.123689);
+  .loading-spinner {
+    width: 24px;
+    height: 24px;
+    margin-bottom: 0.5rem;
+    animation: ${circle} 1.2s linear infinite;
+  }
+  &[data-is-marrybaby='true'] {
+    box-shadow: none;
+  }
+`;
+
+const Loading = ({ className, size = 'md' }) => {
+    const { t } = index.useTranslations();
+    return (React__default["default"].createElement(StyledLoading, { className: className },
+        React__default["default"].createElement(index$1.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
+};
+
+exports.Loading = Loading;

package/build/{index-2643e607.js → index-8ea58f0a.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-e5cda5ef.js');
+var index = require('./index-17123607.js');
 var dayjs = require('dayjs');
-require('./index-54096852.js');
-require('./index-78c6c6cf.js');
+require('./index-a64f9470.js');
+require('./index-4f002d8f.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-e1a39c0f.js');
-require('./index-d49e78ee.js');
-require('./useMantineLocale-5e25dbd7.js');
-var index$1 = require('./index-5ffb9c80.js');
-require('./index-92c78315.js');
-require('./index.styles-f3cba150.js');
-require('./translationsContext-f04b6541.js');
+require('./index-44bf2ce1.js');
+require('./index-e89d6ea8.js');
+require('./useMantineLocale-5e96023c.js');
+var index$1 = require('./index-e4b83bc5.js');
+require('./index-0bb69a29.js');
+require('./index.styles-7eb232b9.js');
+require('./translationsContext-58c99c1f.js');
 require('@mantine/hooks');
-var utils = require('./utils-0b96a051.js');
-require('./other-55a9988c.js');
-require('./index-d1a1f50a.js');
-var useScreenSize = require('./useScreenSize-23da1322.js');
+var utils = require('./utils-62602343.js');
+require('./other-5db125e1.js');
+require('./index-bb0404b6.js');
+var useScreenSize = require('./useScreenSize-58be1181.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$3 = require('./index-7c731bb3.js');
-var index$2 = require('./index-c2b6c6df.js');
+var index$3 = require('./index-2594073e.js');
+var index$2 = require('./index-9395f53e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }