@hhgtech/hhg-components 1.29.87 → 1.29.89

package/build/{index-8a509409.js → index-cc4ce0c4.js}

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

package/build/{index-e6f93e28.js → index-cd0db938.js}

@@ -1,31 +1,34 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
-var index$5 = require('./index-418220e9.js');
-var index$2 = require('./index-ffc38f11.js');
-var useTranslations = require('./useTranslations-6363932f.js');
+var index$5 = require('./index-aad249ab.js');
+var index$2 = require('./index-9151d357.js');
+var useTranslations = require('./useTranslations-8a9fa84d.js');
 var innertext = require('innertext');
-var index = require('./index-05199dd8.js');
-var index$1 = require('./index-ddd1ae54.js');
-var constants = require('./constants-ef1d9e50.js');
+var index = require('./index-becfec7a.js');
+var index$1 = require('./index-1a6a94cd.js');
+var constants = require('./constants-81b95117.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-87deb74b.js');
+var togetherComponentGlobalContext = require('./utils-251b2841.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var treePopoverMenu = require('./treePopoverMenu-3f7e6767.js');
+var treePopoverMenu = require('./treePopoverMenu-61ebd05c.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-03c7b063.js');
+var utils = require('./utils-ae9740c0.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-567bc0c2.js');
-var index$7 = require('./index-38d090ba.js');
-var index$6 = require('./index-31ba7c80.js');
-require('./index-169bae02.js');
+var dataTransform = require('./dataTransform-9ec385e3.js');
+var index$7 = require('./index-1b06e81f.js');
+var togetherMoleculesCardAuthor = require('./index-922020ed.js');
+var togetherMoleculesProfileDetail = require('./index-bf3796aa.js');
+var togetherMoleculesPostImagePreview = require('./index-27e50de1.js');
+var index$6 = require('./index-e3e72aed.js');
+require('./index-648aac83.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$4 = require('./index-a91bff81.js');
-var index$3 = require('./index-743255db.js');
-var routing = require('./routing-90dba95d.js');
+var index$4 = require('./index-0afde39e.js');
+var index$3 = require('./index-6b95442c.js');
+var routing = require('./routing-7a9c8608.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -626,16 +629,16 @@ 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("div", null,
-            React__default["default"].createElement(index.CardAuthor, { avatar: getDetail === null || getDetail === void 0 ? void 0 : getDetail.avatar, avatarProps: {
+            React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor, { avatar: getDetail === null || getDetail === void 0 ? void 0 : getDetail.avatar, avatarProps: {
                     size: 32,
                 }, name: getDetail === null || getDetail === void 0 ? void 0 : getDetail.name, role: getDetail === null || getDetail === void 0 ? void 0 : getDetail.role, hideBackground: true },
-                React__default["default"].createElement(index.CardAuthor.SubTextRow, null,
-                    React__default["default"].createElement(index.CardAuthor.SubText, null, getDetail === null || getDetail === void 0 ? void 0 :
+                React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor.SubTextRow, null,
+                    React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor.SubText, null, getDetail === null || getDetail === void 0 ? void 0 :
                         getDetail.title,
                         ' ',
                         React__default["default"].createElement("span", { style: { color: miscTheme.theme.colors.gray800 } }, getDetail === null || getDetail === void 0 ? void 0 : getDetail.name)),
-                    React__default["default"].createElement(index.CardAuthor.SubDivider, null),
-                    React__default["default"].createElement(index.CardAuthor.SubText, null, modifiedTime))))));
+                    React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor.SubDivider, null),
+                    React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor.SubText, null, modifiedTime))))));
 };
 
 var styles$1 = {"accordion":"CnNZq8D","header":"F4mmgSy","heading":"_8jLruY3","headingIcon":"FE8w-fe","panel":"Yd2a9Nj","chevron":"A7QrQ7A"};
@@ -720,7 +723,7 @@ const SourceList = (_a) => {
             React__default["default"].createElement(index$3.Text, { size: "s3", as: "span", dangerouslySetInnerHTML: {
                     __html: t('cardReply.disclaimer'),
                 } }))),
-        !hideSourceList ? (loading ? (React__default["default"].createElement(index.Loading, null)) : data.length > 0 || editMode ? (React__default["default"].createElement(StyledContainer$1, null,
+        !hideSourceList ? (loading ? (React__default["default"].createElement(togetherMoleculesCardAuthor.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',
@@ -996,8 +999,8 @@ const VerifiedTag = ({ userId, avatar, name, role, title, className, }) => {
                 t('cardReply.verifyBy', {
                     name: `${name || ''}`,
                 }))),
-        React__default["default"].createElement(index.ProfileDetailModal, { open: openPopup, onClose: () => setOpenPopup(false), profileModalProps: { zIndex: 1000 } },
-            React__default["default"].createElement(index.ProfileDetail, { authorProps: {
+        React__default["default"].createElement(togetherMoleculesCardAuthor.ProfileDetailModal, { open: openPopup, onClose: () => setOpenPopup(false), profileModalProps: { zIndex: 1000 } },
+            React__default["default"].createElement(togetherMoleculesProfileDetail.ProfileDetail, { authorProps: {
                     userId,
                     avatar: avatar,
                     name,
@@ -1122,18 +1125,18 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
         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" }),
             React__default["default"].createElement("div", { style: { padding: '16px 16px 0' } },
-                React__default["default"].createElement(index.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, 
+                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"
                     // authorLabelType={getAuthorLabelFromRoles(author?.role || [])}
                     className: `post-author ${hasPopover ? 'with-popover' : ''}`, type: type, userId: author === null || author === void 0 ? void 0 : author.id, role: authorRole, expertId: author === null || author === void 0 ? void 0 : author.partnerId, title: author === null || author === void 0 ? void 0 : author.title, doctorId: author === null || author === void 0 ? void 0 : author.doctorId, hospitalId: author === null || author === void 0 ? void 0 : author.hospitalId, hasQuickBooking: hasQuickBooking, handleMakeAppointment: handleMakeAppointment, isAnonymous: (comment === null || comment === void 0 ? void 0 : comment.isAnonymous) ||
                         (Boolean(post === null || post === void 0 ? void 0 : post.isAnonymous) &&
                             ((_g = post === null || post === void 0 ? void 0 : post.author) === null || _g === void 0 ? void 0 : _g.username) === (author === null || author === void 0 ? void 0 : author.username)), hideBackground: isChatbotAuthor, userType: author === null || author === void 0 ? void 0 : author.type }, cardAuthorProps)),
                 Boolean(comment === null || comment === void 0 ? void 0 : comment.isVerify) && !Boolean(comment === null || comment === void 0 ? void 0 : comment.isOppose) && (React__default["default"].createElement(VerifiedTag, { title: (_h = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _h === void 0 ? void 0 : _h.title, name: (_j = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _j === void 0 ? void 0 : _j.name, userId: (_k = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _k === void 0 ? void 0 : _k.id, role: (_l = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _l === void 0 ? void 0 : _l.role, avatar: (_m = comment === null || comment === void 0 ? void 0 : comment.userVerify) === null || _m === void 0 ? void 0 : _m.avatar, className: "verify-tag" }))),
-            React__default["default"].createElement(index.PostContent, { className: "post-content-wrapper", replyingTo: replyingTo, mentionedUser: mentionedUser, description: text, mentions: listMentions, maxChars: maxChars, disableShortenContent: disableShortenContent }),
+            React__default["default"].createElement(togetherMoleculesProfileDetail.PostContent, { className: "post-content-wrapper", replyingTo: replyingTo, mentionedUser: mentionedUser, description: text, mentions: listMentions, maxChars: maxChars, disableShortenContent: disableShortenContent }),
             React__default["default"].createElement("span", null),
             React__default["default"].createElement("span", null),
             images && images.length > 0 ? (React__default["default"].createElement("div", { key: "image-preview", className: "image-preview-wrapper", "data-is-reply": true },
-                React__default["default"].createElement(index.PostImagePreview, { images: images, authorName: author === null || author === void 0 ? void 0 : author.username }))) : null,
+                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,
             type !== 'most-engaging' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -1290,19 +1293,19 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
         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' } },
-                React__default["default"].createElement(index.CardAuthor, Object.assign({ avatar: avatar, name: name, username: username, url: disableCardLink ? undefined : postRelativeHref, community: community, 
+                React__default["default"].createElement(togetherMoleculesCardAuthor.CardAuthor, Object.assign({ avatar: avatar, name: name, username: username, url: disableCardLink ? undefined : postRelativeHref, community: community, 
                     // 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))),
-                React__default["default"].createElement(index.PostContent, { className: "post-content-wrapper", description: description, disableShortenContent: disableShortenContent, mentions: mentions, "data-testid": "Content of the Post" })),
+                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("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(index.PostImagePreview, { images: photos, authorName: author === null || author === void 0 ? void 0 : author.name }))) : null),
+                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(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(() => {

package/build/{index-e2ca51d6.js → index-d0610b0f.js}

@@ -1,22 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-0450bf33.js');
+var index$1 = require('./index-4bf6b5da.js');
 require('@mantine/dates');
-var index = require('./index-169bae02.js');
-require('./index-538200cd.js');
-require('./index-ddd1ae54.js');
-require('./useMantineLocale-8df90961.js');
-require('./index-743255db.js');
-require('./index-b64c981f.js');
-var useTranslations = require('./useTranslations-6363932f.js');
+var index = require('./index-648aac83.js');
+require('./index-d471ff2d.js');
+require('./index-1a6a94cd.js');
+require('./useMantineLocale-cc272195.js');
+require('./index-6b95442c.js');
+require('./index-549b9e8c.js');
+require('./index.styles-9031f6d6.js');
+var useTranslations = require('./useTranslations-8a9fa84d.js');
 require('@mantine/hooks');
-require('./utils-03c7b063.js');
-require('./other-fcf0cbba.js');
-var utils = require('./utils-4058dee5.js');
-var Locale = require('./Locale-126bf6bd.js');
+require('./utils-ae9740c0.js');
+require('./other-eedaf6ca.js');
+var utils = require('./utils-c29214c6.js');
+var Locale = require('./Locale-07aceee9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-28f47f15.js → index-d393d57e.js}

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

package/build/{index-538200cd.js → index-d471ff2d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-126bf6bd.js');
+var Locale = require('./Locale-07aceee9.js');
 
 exports.Gender = void 0;
 (function (Gender) {

package/build/{index-4e5179a2.js → index-d5d9ceb9.js}

@@ -1,23 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-0450bf33.js');
-var index$2 = require('./index-82a0b931.js');
-require('./index-743255db.js');
-require('./index-b64c981f.js');
-var useTranslations = require('./useTranslations-6363932f.js');
+require('./index-4bf6b5da.js');
+var index$2 = require('./index-36723718.js');
+require('./index-6b95442c.js');
+require('./index-549b9e8c.js');
+require('./index.styles-9031f6d6.js');
+var useTranslations = require('./useTranslations-8a9fa84d.js');
 require('@mantine/hooks');
-require('./index-538200cd.js');
-require('./index-ddd1ae54.js');
-require('./utils-03c7b063.js');
-require('./useMantineLocale-8df90961.js');
-require('./index-169bae02.js');
-require('./other-fcf0cbba.js');
-var index = require('./index-8e183dab.js');
-var index$1 = require('./index-cd94cd77.js');
+require('./index-d471ff2d.js');
+require('./index-1a6a94cd.js');
+require('./utils-ae9740c0.js');
+require('./useMantineLocale-cc272195.js');
+require('./index-648aac83.js');
+require('./other-eedaf6ca.js');
+var index = require('./index-f91ed3be.js');
+var index$1 = require('./index-de26b5d1.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-cd94cd77.js → index-de26b5d1.js}

@@ -1,21 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$1 = require('./index-0450bf33.js');
+var index$1 = require('./index-4bf6b5da.js');
 require('@mantine/dates');
-require('./index-169bae02.js');
-require('./index-538200cd.js');
-var index = require('./index-ddd1ae54.js');
-require('./useMantineLocale-8df90961.js');
-var index$2 = require('./index-743255db.js');
-require('./index-b64c981f.js');
-var useTranslations = require('./useTranslations-6363932f.js');
+require('./index-648aac83.js');
+require('./index-d471ff2d.js');
+var index = require('./index-1a6a94cd.js');
+require('./useMantineLocale-cc272195.js');
+var index$2 = require('./index-6b95442c.js');
+require('./index-549b9e8c.js');
+require('./index.styles-9031f6d6.js');
+var useTranslations = require('./useTranslations-8a9fa84d.js');
 require('@mantine/hooks');
-require('./utils-03c7b063.js');
-require('./other-fcf0cbba.js');
+require('./utils-ae9740c0.js');
+require('./other-eedaf6ca.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3efdbdaf.js → index-dec3abcf.js}

@@ -1,25 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
-var LastPeriod = require('./LastPeriod-671d5143.js');
+var LastPeriod = require('./LastPeriod-c8c46da3.js');
 var dateFns = require('date-fns');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$3 = require('./index-0450bf33.js');
-var index = require('./index-82a0b931.js');
-require('./index-743255db.js');
-require('./index-b64c981f.js');
-var useTranslations = require('./useTranslations-6363932f.js');
+var index$3 = require('./index-4bf6b5da.js');
+var index = require('./index-36723718.js');
+require('./index-6b95442c.js');
+require('./index-549b9e8c.js');
+require('./index.styles-9031f6d6.js');
+var useTranslations = require('./useTranslations-8a9fa84d.js');
 require('@mantine/hooks');
-require('./index-538200cd.js');
-require('./index-ddd1ae54.js');
-require('./utils-03c7b063.js');
-require('./useMantineLocale-8df90961.js');
-var index$2 = require('./index-169bae02.js');
-require('./other-fcf0cbba.js');
-var index$1 = require('./index-8e183dab.js');
+require('./index-d471ff2d.js');
+require('./index-1a6a94cd.js');
+require('./utils-ae9740c0.js');
+require('./useMantineLocale-cc272195.js');
+var index$2 = require('./index-648aac83.js');
+require('./other-eedaf6ca.js');
+var index$1 = require('./index-f91ed3be.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b2757afe.js → index-e018af91.js}

@@ -2,37 +2,39 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-ddd1ae54.js');
-var togetherComponentGlobalContext = require('./utils-87deb74b.js');
-var index$7 = require('./index-169bae02.js');
+var index = require('./index-1a6a94cd.js');
+var togetherComponentGlobalContext = require('./utils-251b2841.js');
+var index$8 = require('./index-648aac83.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
-var index$1 = require('./index-0450bf33.js');
-var routing = require('./routing-90dba95d.js');
-var useTranslations = require('./useTranslations-6363932f.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
+var index$1 = require('./index-e8dc7fdb.js');
+var routing = require('./routing-7a9c8608.js');
+var useTranslations = require('./useTranslations-8a9fa84d.js');
 var form = require('@mantine/form');
+var index$5 = require('./index-4bf6b5da.js');
 require('@mantine/dates');
-require('./index-538200cd.js');
-require('./useMantineLocale-8df90961.js');
-var index$3 = require('./index-743255db.js');
-var index$4 = require('./index-b64c981f.js');
+require('./index-d471ff2d.js');
+require('./useMantineLocale-cc272195.js');
+var index$3 = require('./index-6b95442c.js');
+var index$4 = require('./index-549b9e8c.js');
+require('./index.styles-9031f6d6.js');
 var hooks = require('@mantine/hooks');
-require('./utils-03c7b063.js');
-require('./other-fcf0cbba.js');
+require('./utils-ae9740c0.js');
+require('./other-eedaf6ca.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-require('./translationsContext-1fe0412c.js');
+require('./translationsContext-cd046df4.js');
 require('string-format');
-var index$2 = require('./index-ffc38f11.js');
-var useHealthToolCache = require('./useHealthToolCache-42222cc2.js');
-var index$5 = require('./index-e256aef8.js');
+var index$2 = require('./index-9151d357.js');
+var useHealthToolCache = require('./useHealthToolCache-4b5bfb11.js');
+var index$6 = require('./index-767f9ac6.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$6 = require('./index-0485f54b.js');
+var index$7 = require('./index-a839c6ca.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var Locale = require('./Locale-126bf6bd.js');
+var Locale = require('./Locale-07aceee9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -533,13 +535,13 @@ const BannerWithOptions = (props) => {
                     paddingLeft: core.rem(16),
                 },
             }) },
-            React__default["default"].createElement(index$1.Checkbox.Group, Object.assign({}, form$1.getInputProps('bannerOptions', { type: 'checkbox' })),
-                React__default["default"].createElement(core.Flex, { gap: core.rem(16) }, items.map((i, idx) => (React__default["default"].createElement(index$1.Checkbox, { key: String(idx), value: i.value, label: i.label, styles: {
+            React__default["default"].createElement(index$5.Checkbox.Group, Object.assign({}, form$1.getInputProps('bannerOptions', { type: 'checkbox' })),
+                React__default["default"].createElement(core.Flex, { gap: core.rem(16) }, items.map((i, idx) => (React__default["default"].createElement(index$5.Checkbox, { key: String(idx), value: i.value, label: i.label, styles: {
                         label: {
                             cursor: 'pointer',
                         },
                     } }))))),
-            React__default["default"].createElement(index$4.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$5.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
+            React__default["default"].createElement(index$4.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$6.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
                     const curValues = form$1.getInputProps('bannerOptions').value;
                     saveStep(curValues.join('|'));
                     handleClickOption(curValues.join('|'));
@@ -638,7 +640,7 @@ const SideBannerModal = (_a) => {
     const curBannerHeight = (viewportWidth * mobileBannerRatio.height) / mobileBannerRatio.width;
     const minHeightNha = (viewportHeight <= 667 ? 190 : 265) + curBannerHeight + 74;
     const [isFullScreen, setIsFullScreen] = React.useState(false);
-    return (React__default["default"].createElement(index$6.Modal, Object.assign({ styles: (theme) => ({
+    return (React__default["default"].createElement(index$7.Modal, Object.assign({ styles: (theme) => ({
             header: {
                 display: 'none',
             },
@@ -764,7 +766,7 @@ const PremiumNewsletterModalContext = React.createContext({});
 
 const _NormalTopic = (_a) => {
     var { value, name } = _a, rest = tslib_es6.__rest(_a, ["value", "name"]);
-    return (React__default["default"].createElement(index$1.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
+    return (React__default["default"].createElement(index$5.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
             styles: () => ({
                 leftIcon: {
                     marginRight: core.rem(6),
@@ -933,7 +935,7 @@ const MainForm = () => {
         React__default["default"].createElement(Layout, { heading: t('healthToolPNModal.heading'), stickyActions: React__default["default"].createElement(React__default["default"].Fragment, null,
                 React__default["default"].createElement(index$4.Button, { fullWidth: true, type: "submit", dataEventCategory: "Newsletter", dataEventAction: "Register Click", dataEventLabel: currentUrl, loading: submitLoading, sx: { maxWidth: core.rem(240) } }, t('healthToolPNModal.register'))) },
             React__default["default"].createElement(core.Stack, { spacing: core.rem(16) },
-                React__default["default"].createElement(index$1.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
+                React__default["default"].createElement(index$5.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
                 React__default["default"].createElement(TopicSection, { topicsGroup: [
                         ...(pnSuggestCategory.length === 0 &&
                             interestedTopics.length === 0
@@ -1009,7 +1011,7 @@ const HistorySection = ({ history, onDelete }) => {
                 height: 32,
                 background: '#ffffff',
                 padding: '5px 12px',
-                border: `1px solid ${index$1.themeColors.neutral[4]}`,
+                border: `1px solid ${index$5.themeColors.neutral[4]}`,
                 borderRadius: 32,
                 textTransform: 'unset',
             },
@@ -1081,7 +1083,7 @@ const _TopicSlide = (_a) => {
                 React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z", fill: "#2D87F3" }),
                 React__default["default"].createElement("path", { d: "M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z", fill: "white" })))),
         React__default["default"].createElement(core.Box, { sx: { borderRadius: '8px' } },
-            React__default["default"].createElement(index$1.AspectRatio, { ratio: 3 / 2, mb: 10, sx: (theme) => ({
+            React__default["default"].createElement(index$5.AspectRatio, { ratio: 3 / 2, mb: 10, sx: (theme) => ({
                     background: theme.colors.neutral[0],
                 }) },
                 React__default["default"].createElement(core.Box, null,
@@ -1281,7 +1283,7 @@ const PremiumTopicSelect = (_a) => {
                         fontSize: 12,
                         lineHeight: '18px',
                         textTransform: 'uppercase',
-                        color: index$1.themeColors.gray[4],
+                        color: index$5.themeColors.gray[4],
                         '&::after': { display: 'none' },
                     },
                     searchInput: {
@@ -1402,7 +1404,7 @@ const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [],
                 },
                 method: 'POST',
                 data: {
-                    ga_client_id: Cookies__default["default"].get(index$7.GA_TOKEN_COOKIE),
+                    ga_client_id: Cookies__default["default"].get(index$8.GA_TOKEN_COOKIE),
                     client_ip: window.clientIP || '',
                     user_info: Object.assign(Object.assign({}, acquisitionInfo.userInfo), { name: name || formValues.name, type_subscription: 1 }),
                     domain: constantsDomainLocales.domainLocales[locale || Locale.LOCALE.Vietnam],

package/build/index-e8dc7fdb.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
+var React = require('react');
+var styled = require('@emotion/styled');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const ImageWrap = (_a) => {
+    var { alt, backupSrc, src, placeholderSrc, style, ref } = _a, props = tslib_es6.__rest(_a, ["alt", "backupSrc", "src", "placeholderSrc", "style", "ref"]);
+    const [hasError, setHasError] = React.useState(false);
+    return (React__default["default"].createElement(StyledImage, Object.assign({ loading: "lazy", alt: alt, onError: () => !hasError && setHasError(true), src: hasError ? backupSrc || src : src || backupSrc, style: Object.assign(Object.assign({}, (placeholderSrc
+            ? {
+                backgroundImage: `url(${placeholderSrc})`,
+            }
+            : {})), style), "data-has-placeholder": !!placeholderSrc, ref: ref }, props)));
+};
+const StyledImage = styled__default["default"].img `
+  &[data-has-placeholder='true'] {
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+`;
+
+exports.ImageWrap = ImageWrap;

package/build/{index-a0ee5e9f.js → index-f30e56f1.js}

@@ -1,20 +1,21 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-0450bf33.js');
+var index = require('./index-4bf6b5da.js');
 require('@mantine/dates');
-require('./index-169bae02.js');
-require('./index-538200cd.js');
-require('./index-ddd1ae54.js');
-require('./useMantineLocale-8df90961.js');
-var index$1 = require('./index-743255db.js');
-require('./index-b64c981f.js');
-var useTranslations = require('./useTranslations-6363932f.js');
+require('./index-648aac83.js');
+require('./index-d471ff2d.js');
+require('./index-1a6a94cd.js');
+require('./useMantineLocale-cc272195.js');
+var index$1 = require('./index-6b95442c.js');
+require('./index-549b9e8c.js');
+require('./index.styles-9031f6d6.js');
+var useTranslations = require('./useTranslations-8a9fa84d.js');
 require('@mantine/hooks');
-var utils = require('./utils-03c7b063.js');
-require('./other-fcf0cbba.js');
+var utils = require('./utils-ae9740c0.js');
+require('./other-eedaf6ca.js');
 var styled = require('@emotion/styled');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-b7e7f5d7.js → index-f6b32484.js}

@@ -1,21 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
-require('./index-0450bf33.js');
+require('./index-4bf6b5da.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-169bae02.js');
-require('./index-538200cd.js');
-require('./index-ddd1ae54.js');
-require('./useMantineLocale-8df90961.js');
-var index = require('./index-743255db.js');
-require('./index-b64c981f.js');
-require('./translationsContext-1fe0412c.js');
+require('./index-648aac83.js');
+require('./index-d471ff2d.js');
+require('./index-1a6a94cd.js');
+require('./useMantineLocale-cc272195.js');
+var index = require('./index-6b95442c.js');
+require('./index-549b9e8c.js');
+require('./index.styles-9031f6d6.js');
+require('./translationsContext-cd046df4.js');
 require('string-format');
 require('@mantine/hooks');
-require('./utils-03c7b063.js');
-require('./other-fcf0cbba.js');
+require('./utils-ae9740c0.js');
+require('./other-eedaf6ca.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-8e183dab.js → index-f91ed3be.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-743255db.js');
-var index$1 = require('./index-b64c981f.js');
-var useTranslations = require('./useTranslations-6363932f.js');
+var index = require('./index-6b95442c.js');
+var index$1 = require('./index-549b9e8c.js');
+var useTranslations = require('./useTranslations-8a9fa84d.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');