@hhgtech/hhg-components 1.29.133 → 1.29.135

package/build/{index-c1566269.js → index-bc761a77.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-df02c56c.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$5 = require('./index-d18c8a59.js');
-var useTranslations = require('./useTranslations-9e0af18e.js');
+var index$6 = require('./index-5ecee82b.js');
+var index = require('./index-53b9a5ed.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-require('./index-fdc49362.js');
+require('./index-1e469a64.js');
 require('@mantine/dates');
-require('./index-d4c38659.js');
-require('./index-9cfee4c5.js');
-var index$6 = require('./index-aa02edde.js');
-require('./useMantineLocale-60b9eddd.js');
-var index$1 = require('./index-1ab696a1.js');
-var index$7 = require('./index-3f644168.js');
-require('./index.styles-22f2187e.js');
+require('./index-f49e8023.js');
+require('./index-4a39b1e7.js');
+var index$7 = require('./index-76e88882.js');
+require('./useMantineLocale-b6730670.js');
+var index$2 = require('./index-ce9a0d0b.js');
+var index$8 = require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
 require('@mantine/hooks');
-require('./utils-e210bc6d.js');
-require('./other-d0af0028.js');
-require('./index-151b9037.js');
-var togetherComponentGlobalContext = require('./utils-cb71a1c8.js');
-var index = require('./index-bd37bf5c.js');
+require('./utils-3e457c21.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
+var index$1 = require('./index-e7fc843b.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-e16be961.js');
-var dataTransform = require('./dataTransform-8a1dc08c.js');
-var constants = require('./constants-596c022d.js');
-var post = require('./post-9bd1eee2.js');
-var togetherRichTextEditor = require('./editor-b42a3616.js');
-var index$2 = require('./index-bc93d3d3.js');
-var togetherMoleculesCardAuthor = require('./index-e1be0ad3.js');
-var index$3 = require('./index-79c4bc9d.js');
+var index$5 = require('./index-e5d43833.js');
+var dataTransform = require('./dataTransform-f2ff157c.js');
+var constants = require('./constants-c7ece436.js');
+var post = require('./post-d8663f4d.js');
+var togetherRichTextEditor = require('./editor-3d2c78d7.js');
+var index$3 = require('./index-c6c490b1.js');
+var togetherMoleculesCardAuthor = require('./index-e9000032.js');
+var index$4 = require('./index-2869b1c0.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
@@ -190,12 +190,12 @@ var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1
 var IconAlertCircleWarning = img;
 
 const CreatePostDescription = ({ className, style, bannedWords = [], value, onChange, onPreviewUrlChange, onInvalidUrlsChange, onImageFilesChange, imageFiles: imageFilesProp, isReplying, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [previewUrl, setPreviewUrl] = React.useState(null);
     const imagePicker = React.useRef(null);
     const { onSelectImages, onRemoveImage, imageSrcs,
     // imageFiles,
-     } = index.useImagePicker(imageFilesProp, onImageFilesChange);
+     } = index$1.useImagePicker(imageFilesProp, onImageFilesChange);
     React.useEffect(() => {
         if (onPreviewUrlChange) {
             if (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url)
@@ -210,24 +210,24 @@ const CreatePostDescription = ({ className, style, bannedWords = [], value, onCh
         }
     }, [previewUrl]);
     return (React__default["default"].createElement(togetherRichTextEditor.StyledCreatePostDescription, { className: className, style: style },
-        React__default["default"].createElement(index$1.Text, { size: "p4", className: "description-label" }, t('createPost.popup.description')),
+        React__default["default"].createElement(index$2.Text, { size: "p4", className: "description-label" }, t('createPost.popup.description')),
         React__default["default"].createElement("div", { className: `textarea-control` },
             React__default["default"].createElement("div", { className: "textarea-wrapper" },
                 React__default["default"].createElement(togetherRichTextEditor.RichTextEditor, { html: value || '', onChange: onChange, bannedWords: bannedWords, onImagePickerClick: () => { var _a; return (_a = imagePicker.current) === null || _a === void 0 ? void 0 : _a.click(); }, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: onInvalidUrlsChange, isReplying: isReplying }))),
-        React__default["default"].createElement(index$1.Text, { size: "p4", className: "count-string" },
+        React__default["default"].createElement(index$2.Text, { size: "p4", className: "count-string" },
             t('character'),
             ": ",
             innertext__default["default"](value || '').length),
         (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__default["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$2.CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
-            React__default["default"].createElement("img", { src: index.IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
+            React__default["default"].createElement(index$3.CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
+            React__default["default"].createElement("img", { src: index$1.IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
         React__default["default"].createElement("input", { ref: imagePicker, type: "file", accept: "image/png, image/gif, image/jpeg", multiple: true, style: { display: 'none' }, onChange: onSelectImages }),
         imageSrcs.length > constants.MAX_IMAGE_UPLOADS ? (React__default["default"].createElement("div", { className: "input-notification" },
             React__default["default"].createElement("img", { src: IconAlertCircleWarning, loading: "lazy" }),
-            React__default["default"].createElement(index$1.Text, { size: "p4", color: miscTheme.theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
+            React__default["default"].createElement(index$2.Text, { size: "p4", color: miscTheme.theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
         imageSrcs.length > 0 && (React__default["default"].createElement("div", { className: "image-gallery" }, imageSrcs.map((src, i) => (React__default["default"].createElement("div", { key: i, className: "image-item" },
             React__default["default"].createElement("img", { src: src, loading: "lazy" }),
-            React__default["default"].createElement("img", { className: "close-btn", src: index.IconCloseCircle, onClick: () => onRemoveImage(i), loading: "lazy" }))))))));
+            React__default["default"].createElement("img", { className: "close-btn", src: index$1.IconCloseCircle, onClick: () => onRemoveImage(i), loading: "lazy" }))))))));
 };
 
 const StyledCreatePostTitle = styled__default["default"].div `
@@ -300,7 +300,7 @@ const inputModify = (value, opts) => {
 };
 const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange, }) => {
     var _a;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [titleValue, setTitleValue] = React.useState('');
     const titleRef = React.useRef(null);
     React.useEffect(() => {
@@ -349,7 +349,7 @@ const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange,
         }, 500);
     }, []);
     return (React__default["default"].createElement(StyledCreatePostTitle, { className: className, style: style },
-        React__default["default"].createElement(index$3.Input, { name: "title", value: value || titleValue, size: "md", label: t('createPost.title'), CustomInput: React__default["default"].createElement(ContentEditable__default["default"], { innerRef: titleRef, html: value || titleValue, onChange: () => {
+        React__default["default"].createElement(index$4.Input, { name: "title", value: value || titleValue, size: "md", label: t('createPost.title'), CustomInput: React__default["default"].createElement(ContentEditable__default["default"], { innerRef: titleRef, html: value || titleValue, onChange: () => {
                     if (titleRef.current &&
                         titleRef.current.innerText !== (value || titleValue)) {
                         const initialValue = inputModify(titleRef.current.innerText, {
@@ -360,7 +360,7 @@ const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange,
                         debounceInputModify();
                     }
                 }, className: "title-input" }) }),
-        React__default["default"].createElement(index$1.Text, { size: "p4", className: "count-string" }, t('createPost.popup.wordCount', {
+        React__default["default"].createElement(index$2.Text, { size: "p4", className: "count-string" }, t('createPost.popup.wordCount', {
             count: ((_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.innerText.length) || 0,
             max: TITLE_LIMIT,
         }))));
@@ -495,7 +495,7 @@ const TopicItem = (_a) => {
 const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose, communities = [], forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, noFetchTopic, hideTopicList, selectAskDoctor, showAskDoctorOptions, currentPageUrl, }) => {
     const isInEditMode = !!(editPostData === null || editPostData === void 0 ? void 0 : editPostData.id);
     const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications, sanitizeFunction }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [isAnonymous, setIsAnonymous] = React.useState(false);
     const [isAskDoctor, setIsAskDoctor] = React.useState(selectAskDoctor);
     const [showAskDoctorRequired, setShowAskDoctorRequired] = React.useState(false);
@@ -580,7 +580,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
             setShowAskDoctorRequired(true);
             return false;
         }
-        const bodyFormData = yield index.getPostFormData({
+        const bodyFormData = yield index$1.getPostFormData({
             title: titleValue,
             description: descriptionValue,
             communityId: String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) || ''),
@@ -600,7 +600,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
         let res;
         if (isInEditMode) {
             if (editPostData === null || editPostData === void 0 ? void 0 : editPostData.id) {
-                res = yield index.editPost({
+                res = yield index$1.editPost({
                     id: editPostData.id,
                     formData: bodyFormData,
                     locale,
@@ -608,7 +608,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
             }
         }
         else {
-            res = yield index.createPost({
+            res = yield index$1.createPost({
                 formData: bodyFormData,
                 locale,
                 isArticleComment: !(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) && !!(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.mappedCategoryId),
@@ -661,13 +661,13 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
             React__default["default"].createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, onChange: setTitleValue }),
             specialCharErr && (React__default["default"].createElement(StyledError, null,
                 React__default["default"].createElement(other.Info, { isSolid: true, color: miscTheme.theme.colors.red700, size: 14 }),
-                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
+                React__default["default"].createElement(index$2.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
             React__default["default"].createElement(CreatePostDescription, { className: "input-group", bannedWords: bannedWords, value: descriptionValue, onChange: setDescriptionValue, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, onImageFilesChange: setImageFiles, imageFiles: imageFiles }),
             showAskDoctorOptions && (React__default["default"].createElement(StyledIsQuestion, { "data-is-marry-baby": isMarryBaby },
                 React__default["default"].createElement("div", { className: "switch-label" },
                     React__default["default"].createElement(other.Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: miscTheme.theme.colors.primaryBase, className: "label-icon" }),
                     React__default["default"].createElement("span", { className: "label-txt" }, t('createPost.askDoctor'))),
-                React__default["default"].createElement(index$4.BtnChoice, { value: isAskDoctor, choices: [
+                React__default["default"].createElement(index$5.BtnChoice, { value: isAskDoctor, choices: [
                         {
                             label: t('createPost.askDoctorChoice.yes'),
                             value: true,
@@ -687,10 +687,10 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                     } }))),
             showAskDoctorRequired && (React__default["default"].createElement(StyledError, null,
                 React__default["default"].createElement(other.Info, { isSolid: true, color: miscTheme.theme.colors.red700, size: 14 }),
-                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
+                React__default["default"].createElement(index$2.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
             React__default["default"].createElement("div", { className: "input-group" },
-                React__default["default"].createElement(index$1.Text, { size: "p4", className: "input-group-label" }, t('admin.community')),
-                React__default["default"].createElement(index$5.Dropdown, { options: (communitiesList === null || communitiesList === void 0 ? void 0 : communitiesList.map((c) => ({
+                React__default["default"].createElement(index$2.Text, { size: "p4", className: "input-group-label" }, t('admin.community')),
+                React__default["default"].createElement(index$6.Dropdown, { options: (communitiesList === null || communitiesList === void 0 ? void 0 : communitiesList.map((c) => ({
                         label: c.name,
                         value: `${c.id || ''}-${c.mappedCategoryId || ''}`,
                     }))) || [], id: "community-picker", placeholder: t('community.choose'), value: communityValue, dropdownLabelTrackingAttributes: {
@@ -704,23 +704,23 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         });
                         setSelectedTopics([]);
                     }, disabled: !!forceSelectCommunity }),
-                React__default["default"].createElement(index$1.Text, { size: "sm", className: "warning", color: miscTheme.theme.colors.gray400 },
+                React__default["default"].createElement(index$2.Text, { size: "sm", className: "warning", color: miscTheme.theme.colors.gray400 },
                     "* ",
                     t('commentPopup.warning.newPost'))),
             !hideTopicList && (React__default["default"].createElement("div", { className: "input-group" },
-                React__default["default"].createElement(index$1.Text, { size: "p4", className: "input-group-label" }, t('tab.topic')),
+                React__default["default"].createElement(index$2.Text, { size: "p4", className: "input-group-label" }, t('tab.topic')),
                 React__default["default"].createElement("div", { className: "input-notification" },
                     React__default["default"].createElement("img", { src: currentCommunity
                             ? IconAlertCirclePrimary
                             : IconAlertCircleWarning, loading: "lazy" }),
-                    React__default["default"].createElement(index$1.Text, { size: "base", color: miscTheme.theme.colors.gray500 }, t(currentCommunity
+                    React__default["default"].createElement(index$2.Text, { size: "base", color: miscTheme.theme.colors.gray500 }, t(currentCommunity
                         ? 'createPost.popup.primary'
                         : 'createPost.popup.warning'))),
                 currentCommunity && (React__default["default"].createElement(TopicSelectList, { className: "tag-list", communityId: currentCommunity.id, forceTopics: forceSelectTopics, onChange: setSelectedTopics, selectedTopics: selectedTopics, noFetch: noFetchTopic, dataEventCategory: "Together", dataEventAction: "Write Post Click -  Choose Community/Topic", dataEventLabel: currentPageUrl }))))),
         React__default["default"].createElement("div", { className: "form-action" },
             React__default["default"].createElement("div", { className: "input-group" },
                 React__default["default"].createElement(core.Checkbox, { className: "swich-input-group", labelPosition: "left", name: "PostAnonymous", checked: isAnonymous, color: isMarryBaby ? 'pink' : undefined, "data-event-category": "Together", "data-event-action": "Write Post Click - Incognito", "data-event-label": currentPageUrl, label: React__default["default"].createElement("div", { className: "switch-label" },
-                        React__default["default"].createElement("img", { className: "label-icon", src: index$6.CommonGAssets.getAssetPath('anomyous-avatar.svg'), alt: "anomyous avatar", style: { marginRight: '10px', width: '24px' }, loading: "lazy" }),
+                        React__default["default"].createElement("img", { className: "label-icon", src: index$7.CommonGAssets.getAssetPath('anomyous-avatar.svg'), alt: "anomyous avatar", style: { marginRight: '10px', width: '24px' }, loading: "lazy" }),
                         React__default["default"].createElement("span", { className: "label-txt" }, t('createPost.postAnonymous'))), value: "Post Anonymous", onChange: (event) => setIsAnonymous(event.currentTarget.checked), styles: {
                         body: {
                             display: 'flex',
@@ -734,7 +734,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         },
                     } })),
             React__default["default"].createElement("div", { className: "input-group" },
-                React__default["default"].createElement(index$7.Button, { className: "submit-btn pointer-event-child-none", size: "lg", "data-event-category": "Ask Doctor", "data-event-action": "Submit Question", "data-event-label": window.location.href, onClick: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+                React__default["default"].createElement(index$8.Button, { className: "submit-btn pointer-event-child-none", size: "lg", "data-event-category": "Ask Doctor", "data-event-action": "Submit Question", "data-event-label": window.location.href, onClick: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                         if (isReadyToSubmit && !isSubmitting) {
                             setIsSubmitting(true);
                             try {
@@ -742,7 +742,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                             }
                             catch (e) {
                                 console.error(e);
-                                pushNotifications(index.getDefaultFailNoti(t));
+                                pushNotifications(index$1.getDefaultFailNoti(t));
                             }
                             setIsSubmitting(false);
                         }
@@ -753,7 +753,7 @@ var styles = {"skipBtn":"KsWg8i6","alertHeading":"_9tS0EUN","alertDesc":"kyyRKlb
 
 const SkipQuestionOfExpertBtn = (_a) => {
     var { post, onSkip, btnText, currentPageUrl } = _a, rest = tslib_es6.__rest(_a, ["post", "onSkip", "btnText", "currentPageUrl"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { data: { locale }, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const [showAlert, setShowAlert] = React.useState(false);
     const [loading, setLoading] = React.useState(false);
@@ -791,12 +791,12 @@ const SkipQuestionOfExpertBtn = (_a) => {
                 React__default["default"].createElement("div", { className: styles.alertHeading }, t('profilePanel.skipQuestion.heading')),
                 React__default["default"].createElement("div", { className: styles.alertDesc }, t('profilePanel.skipQuestion.content')),
                 React__default["default"].createElement("div", { className: styles.alertAction },
-                    React__default["default"].createElement(index$7.Button, { size: "md", variant: "secondary", leftIcon: React__default["default"].createElement(core$1.Close, { color: _theme.fn.primaryColor(), size: 24 }), onClick: () => setShowAlert(false), styles: () => ({
+                    React__default["default"].createElement(index$8.Button, { size: "md", variant: "secondary", leftIcon: React__default["default"].createElement(core$1.Close, { color: _theme.fn.primaryColor(), size: 24 }), onClick: () => setShowAlert(false), styles: () => ({
                             leftIcon: {
                                 marginRight: 0,
                             },
                         }) }),
-                    React__default["default"].createElement(index$7.Button, { variant: "primary", size: "md", leftIcon: React__default["default"].createElement(core$1.Check, { color: 'white', size: 24 }), onClick: handleSkip, loading: loading, "data-event-category": "Together", "data-event-action": "Unclear Question Click", "data-event-label": currentPageUrl, styles: () => ({
+                    React__default["default"].createElement(index$8.Button, { variant: "primary", size: "md", leftIcon: React__default["default"].createElement(core$1.Check, { color: 'white', size: 24 }), onClick: handleSkip, loading: loading, "data-event-category": "Together", "data-event-action": "Unclear Question Click", "data-event-label": currentPageUrl, styles: () => ({
                             leftIcon: {
                                 marginRight: 0,
                             },

package/build/{index-618dccde.js → index-bdb4fdfd.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-df02c56c.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-cabdc352.js');
-var index$1 = require('./index-fdc49362.js');
-var index = require('./index-3f644168.js');
-var index$3 = require('./index-1ab696a1.js');
-var useTranslations = require('./useTranslations-9e0af18e.js');
-require('./index-9cfee4c5.js');
-var index$2 = require('./index-aa02edde.js');
+var Spinner = require('./Spinner-ab7caad0.js');
+var index$2 = require('./index-1e469a64.js');
+var index$1 = require('./index-f5b2b3bf.js');
+var index$4 = require('./index-ce9a0d0b.js');
+var index = require('./index-53b9a5ed.js');
+require('./index-4a39b1e7.js');
+var index$3 = require('./index-76e88882.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-e210bc6d.js');
+var utils = require('./utils-3e457c21.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var Locale = require('./Locale-7a688288.js');
+var Locale = require('./Locale-a2291568.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -221,7 +221,7 @@ const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', d
 };
 
 const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, locale, enableAppIntroPage, isMobile, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [isLogoutConfirmOpen, setIsLogoutConfirmOpen] = React.useState(false);
     const name = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
@@ -232,7 +232,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
             locale === Locale.LOCALE.PhilippinesTagalog ||
             locale === Locale.LOCALE.PhilippinesEnglish), [isMobile]);
     if (isLoading)
-        return isLoginIcon ? (React__default["default"].createElement(Spinner.Spinner, null)) : (React__default["default"].createElement(index.Button, { size: 'sm', color: "transparent", loading: true }));
+        return isLoginIcon ? (React__default["default"].createElement(Spinner.Spinner, null)) : (React__default["default"].createElement(index$1.Button, { size: 'sm', color: "transparent", loading: true }));
     return (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(StyledImageWrapper, { ref: containerRef, style: style, tabIndex: 0, onBlur: onContainerBlur, onFocus: () => {
                 var _a;
@@ -248,7 +248,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
             React__default["default"].createElement("div", { onMouseDown: onButtonMouseDown },
                 React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: "user-close-icon" },
                     React__default["default"].createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" })),
-                React__default["default"].createElement(index$1.Avatar, { size: 36, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
+                React__default["default"].createElement(index$2.Avatar, { size: 36, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
                         ? miscTheme.theme.mbColors.pink
                         : miscTheme.theme.colors.secondaryBase, placeholderText: name && name.length ? name[0].toUpperCase() : 'A' })),
             React__default["default"].createElement(ProfilePopup, { dispatchLogout: () => {
@@ -263,25 +263,25 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 document.body.classList.toggle('noscroll', false);
                 yield onLogout();
             }) }))) : (React__default["default"].createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default["default"].createElement(StyledAvatar, null,
-        React__default["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
+        React__default["default"].createElement("img", { src: index$3.CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
     // LOGIC:
     // - DEsktop: always show button
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default["default"].createElement(React__default["default"].Fragment, null,
         siteType === 'helloSites' &&
-            (isLoginIcon ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$2.CommonGAssets.getAssetPath('login.svg'), style: {
+            (isLoginIcon ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$3.CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                } })) : (React__default["default"].createElement(index.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } })) : (React__default["default"].createElement(index$1.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 } }, t('navigation.loginJoin')))),
         siteType === 'marryBaby' && (React__default["default"].createElement("div", { className: "mobile-only", style: {
                 paddingLeft: 16,
             } },
-            React__default["default"].createElement(index$3.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__default["default"].createElement(index.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+            React__default["default"].createElement(index$4.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
+        siteType === 'marryBaby' ? (React__default["default"].createElement(index$1.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$1.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
 exports.NavigationProfileButton = NavigationProfileButton;

package/build/{index-62feba0e.js → index-c1d8ef1c.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-df02c56c.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
-var index$1 = require('./index-151b9037.js');
-var index = require('./index-7bdb8416.js');
-var dataTransform = require('./dataTransform-8a1dc08c.js');
+var index$1 = require('./index-f47b3df8.js');
+var index = require('./index-99c1d795.js');
+var dataTransform = require('./dataTransform-f2ff157c.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-cb71a1c8.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
 var core = require('@hhgtech/icons/core');
 var core$1 = require('@mantine/core');
-var togetherMoleculesCardAuthor = require('./index-e1be0ad3.js');
+var togetherMoleculesCardAuthor = require('./index-e9000032.js');
 require('@hhgtech/icons/other');
-require('./index-3f644168.js');
-require('./index-1ab696a1.js');
-require('./other-d0af0028.js');
-require('./useTranslations-9e0af18e.js');
-require('./translationsContext-1f28512a.js');
-require('string-format');
-require('./index-4c87c3c3.js');
-require('./index-997afcb6.js');
+require('./index-f5b2b3bf.js');
+require('./index-ce9a0d0b.js');
+require('./other-06d775ca.js');
+require('./index-53b9a5ed.js');
+require('./translationsContext-571827e1.js');
+require('./index-ed1c09df.js');
+require('./index-bca7b38a.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./constantsIsProduction.js');
-require('./constants-596c022d.js');
+require('string-format');
+require('./constants-c7ece436.js');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('./utils-e210bc6d.js');
-require('./index-38a16df5.js');
-require('./paths-2cae5c32.js');
-require('./constants-3b594aaa.js');
-require('./index-d4c38659.js');
+require('./utils-3e457c21.js');
+require('./index-e5fa02ff.js');
+require('./paths-af9b373b.js');
+require('./constants-67e47468.js');
+require('./index-f49e8023.js');
 require('date-fns/locale');
-require('./index-9cfee4c5.js');
-require('./Locale-7a688288.js');
+require('./index-4a39b1e7.js');
+require('./Locale-a2291568.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
-require('./index-21dc058b.js');
+require('./index-89ce3cac.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./index.styles-22f2187e.js');
-require('./index-aa02edde.js');
-require('./index-8c477dfe.js');
+require('./index.styles-575a2293.js');
+require('./index-76e88882.js');
+require('./index-45ec86f5.js');
 require('@emotion/react');
-require('./index-ecd4eeb8.js');
-require('./index-523a0fc8.js');
+require('./index-ab0d64aa.js');
+require('./index-0a9ae6cf.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -74,7 +74,7 @@ const Faqs = ({ faqs }) => {
                 React__default["default"].createElement("div", { className: "faq-question" }, faq.question),
                 collapsed ? React__default["default"].createElement(core.Minus, null) : React__default["default"].createElement(core.Plus, null)),
             React__default["default"].createElement(core$1.Collapse, { in: collapsed, className: "faq-answer" },
-                React__default["default"].createElement(core$1.Text, null, faq.answer))));
+                React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: faq.answer || '' } }))));
     })));
 };