@hhgtech/hhg-components 1.29.134 → 1.29.136

package/build/{index-793a6f76.js → index-c65945e2.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-cc3378e5.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
-var index$4 = require('./index-e6bdfb93.js');
-var constants = require('./constants-63a0dc23.js');
-var index$1 = require('./index-2744c22d.js');
-var index$3 = require('./index-3e801e33.js');
-var index$2 = require('./index-d919834a.js');
+var useHealthToolCache = require('./useHealthToolCache-6a08baa0.js');
+var index = require('./index-1358bae0.js');
+var index$5 = require('./index-a4cdd0ad.js');
+var constants = require('./constants-ba48bace.js');
+var index$2 = require('./index-bb4fcdf4.js');
+var index$4 = require('./index-53b1d680.js');
+var index$3 = require('./index-bdadc7a8.js');
 require('@mantine/core');
-require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
+require('./index-f301a143.js');
+require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
 require('@mantine/hooks');
-require('./useMantineLocale-d59fa63b.js');
-require('./index-291e6f28.js');
-require('./utils-54857ab8.js');
-require('./index-920ebbb7.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var index = require('./index-d5a32dfb.js');
+require('./useMantineLocale-ceb23b28.js');
+require('./index-c9911c65.js');
+require('./utils-ee304330.js');
+require('./index-58ef4c66.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
+var index$1 = require('./index-7c762587.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -33,21 +33,21 @@ const ThrFormContext = React.createContext({});
 const DefaultForm = (_a) => {
     var _b;
     var props = tslib_es6.__rest(_a, []);
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const { isAdult, activeValueNote, linkTool, form, submitProps } = React.useContext(ThrFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({}, form.getInputProps('gender'))),
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
+        React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({}, form.getInputProps('gender'))),
+        React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                 withinPortal: true,
             }, label: t('targetHeartRate.ageInput'), maxDate: new Date() })),
-        React__default["default"].createElement(index$3.Input.Number, Object.assign({ label: t('targetHeartRate.heartRateInput'), placeholder: t('tools.inputPlaceholder', {
+        React__default["default"].createElement(index$4.Input.Number, Object.assign({ label: t('targetHeartRate.heartRateInput'), placeholder: t('tools.inputPlaceholder', {
                 content: '60',
             }) }, form.getInputProps('heartRate'), { min: 40, max: 200, styles: () => ({
                 rightSection: {
                     width: 'auto',
                 },
             }) })),
-        isAdult && (React__default["default"].createElement(index$3.Select, Object.assign({ label: t('targetHeartRate.selectActive'), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
+        isAdult && (React__default["default"].createElement(index$4.Select, Object.assign({ label: t('targetHeartRate.selectActive'), defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
                 value: option.value,
                 label: option.label,
             })), styles: {
@@ -57,37 +57,37 @@ const DefaultForm = (_a) => {
                     fontSize: '14px',
                 },
             }, withinPortal: true }, form.getInputProps('activeValue')))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
 };
 
 const InlineForm = (_a) => {
     var _b;
     var props = tslib_es6.__rest(_a, []);
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const { isAdult, activeValueNote, linkTool, form, submitProps } = React.useContext(ThrFormContext);
-    return (React__default["default"].createElement(index.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none' },
-                React__default["default"].createElement(index$1.GenderOptionControl, Object.assign({ type: "radio", hideLabel: true, error: null }, form.getInputProps('gender')))),
-            form.errors.gender && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.gender))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.ageInput') },
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none' },
+                React__default["default"].createElement(index$2.GenderOptionControl, Object.assign({ type: "radio", hideLabel: true, error: null }, form.getInputProps('gender')))),
+            form.errors.gender && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.gender))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.ageInput') },
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('age'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                         withinPortal: true,
                     }, error: null, maxDate: new Date() }))),
-            form.errors.age && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.age))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.heartRateInput') },
-                React__default["default"].createElement(index$3.Input.Number, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+            form.errors.age && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.age))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.heartRateInput') },
+                React__default["default"].createElement(index$4.Input.Number, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: '60',
-                    }) }, form.getInputProps('heartRate'), { error: null, min: 40, max: 200, rightSection: React__default["default"].createElement(index.HealthToolFormWrapper.Unit, null, "bmp"), styles: () => ({
+                    }) }, form.getInputProps('heartRate'), { error: null, min: 40, max: 200, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, "bmp"), styles: () => ({
                         rightSection: {
                             width: 'auto',
                         },
                     }) }))),
-            form.errors.heartRate && (React__default["default"].createElement(index.HealthToolFormWrapper.Error, null, form.errors.heartRate))),
-        isAdult && (React__default["default"].createElement(index.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.selectActive') },
-            React__default["default"].createElement(index$3.Select, Object.assign({ defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
+            form.errors.heartRate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.heartRate))),
+        isAdult && (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('targetHeartRate.selectActive') },
+            React__default["default"].createElement(index$4.Select, Object.assign({ defaultValue: (_b = activeValueNote === null || activeValueNote === void 0 ? void 0 : activeValueNote[0]) === null || _b === void 0 ? void 0 : _b.value, data: activeValueNote.map((option) => ({
                     value: option.value,
                     label: option.label,
                 })), styles: {
@@ -97,12 +97,12 @@ const InlineForm = (_a) => {
                         fontSize: '14px',
                     },
                 }, withinPortal: true }, form.getInputProps('activeValue'))))),
-        React__default["default"].createElement(index.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "THR", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}` }, submitProps), t('bmi.submit'))));
 };
 
 const ThrForm = (_a) => {
     var { formLayout, onSubmit, onError, submitProps } = _a, rest = tslib_es6.__rest(_a, ["formLayout", "onSubmit", "onError", "submitProps"]);
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index.useTranslations();
     const minRange = React.useRef(40);
     const { getHealthToolLink } = useHealthToolCache.useHealthToolsCache(locale);
     const form$1 = form.useForm({
@@ -180,36 +180,36 @@ const ThrForm = (_a) => {
         {
             value: 'low_intensity',
             label: t('targetHeartRate.lowIntensity.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/low.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/low-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/low.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/low-active.svg`),
             content: t('targetHeartRate.lowIntensity.note'),
         },
         {
             value: 'moderate_intensity',
             label: t('targetHeartRate.moderateIntensity.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/moderate.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/moderate-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/moderate.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/moderate-active.svg`),
             content: t('targetHeartRate.moderateIntensity.note'),
         },
         {
             value: 'aerobic_zone',
             label: t('targetHeartRate.aerobicZone.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/aerobic.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/aerobic-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/aerobic.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/aerobic-active.svg`),
             content: t('targetHeartRate.aerobicZone.note'),
         },
         {
             value: 'vigorous_intensity',
             label: t('targetHeartRate.vigorousIntensity.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/vigorous.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/vigorous-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/vigorous.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/vigorous-active.svg`),
             content: t('targetHeartRate.vigorousIntensity.note'),
         },
         {
             value: 'maximum_intensity',
             label: t('targetHeartRate.maximumIntensity.title'),
-            image: index$4.CommonGAssets.getAssetPath(`/maximum.svg`),
-            imageActive: index$4.CommonGAssets.getAssetPath(`/maximum-active.svg`),
+            image: index$5.CommonGAssets.getAssetPath(`/maximum.svg`),
+            imageActive: index$5.CommonGAssets.getAssetPath(`/maximum-active.svg`),
             content: t('targetHeartRate.maximumIntensity.note'),
         },
     ];

package/build/{index-291e6f28.js → index-c9911c65.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-409f6e0e.js');
+var Locale = require('./Locale-4d114b4b.js');
 
 exports.Gender = void 0;
 (function (Gender) {

package/build/{index-7a6d47a3.js → index-d40069cf.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-418c000b.js');
-var utils = require('./utils-54857ab8.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var index$2 = require('./index-84798e33.js');
+var utils = require('./utils-ee304330.js');
+var index = require('./index-1358bae0.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
 var core = require('@mantine/core');
-var index = require('./index-7f563129.js');
+var index$1 = require('./index-f301a143.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 
@@ -218,7 +218,7 @@ var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width=
 var IconArrowLeft = img$1;
 
 const ImagePreviewPopup = ({ className, style, authorName, images, onClose, onOpenSingleView, alt, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [isOpen, setIsOpen] = React.useState(false);
     React.useEffect(() => {
         setTimeout(() => {
@@ -229,7 +229,7 @@ const ImagePreviewPopup = ({ className, style, authorName, images, onClose, onOp
         React__default["default"].createElement(StyledImagePreviewPopup, { className: className, style: style, "data-open": isOpen },
             React__default["default"].createElement("div", { className: "top-bar" },
                 React__default["default"].createElement("img", { className: "icon-arrow-left", src: IconArrowLeft, onClick: onClose, alt: "go back", loading: "lazy" }),
-                React__default["default"].createElement(index.Text, { size: "p2", weight: "bold", style: {
+                React__default["default"].createElement(index$1.Text, { size: "p2", weight: "bold", style: {
                         textAlign: 'center',
                     } }, t('previewPhotos.title', {
                     name: authorName,
@@ -425,7 +425,7 @@ const SensitiveMask = ({ image, showIcon = true }) => {
 
 const PostImagePreview = ({ className, images = [], style, authorName, isSensitive = false, alt, }) => {
     const { data: { env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const moreImageCount = `+ ${(images.length || 0) - 4}`;
     const [isOpenImagePreview, setIsOpenImagePreview] = React.useState(false);
     const [singleImageViewIndex, setSingleImageViewIndex] = React.useState(-1);
@@ -466,7 +466,7 @@ const PostImagePreview = ({ className, images = [], style, authorName, isSensiti
                 !isMarryBaby && (React__default["default"].createElement("img", { loading: "lazy", className: "img-preview-blur", src: image, alt: alt })),
                 React__default["default"].createElement("img", { loading: "lazy", className: "img-preview", src: image, alt: alt }),
                 isMore && (React__default["default"].createElement("div", { className: "img-more-overlay" },
-                    React__default["default"].createElement(index$1.Heading, { tag: "h1", as: "h2", color: "white" }, moreImageCount)))));
+                    React__default["default"].createElement(index$2.Heading, { tag: "h1", as: "h2", color: "white" }, moreImageCount)))));
         })),
         isOpenImagePreview && (React__default["default"].createElement(ImagePreviewPopup, { authorName: authorName || '', images: images, onClose: () => setIsOpenImagePreview(false), onOpenSingleView: setSingleImageViewIndex, alt: alt })),
         singleImageViewIndex >= 0 && (React__default["default"].createElement(PostSingleImageViewPopup, { images: images, initialViewIndex: singleImageViewIndex, onClose: () => setSingleImageViewIndex(-1), alt: alt }))));

package/build/{index-47e50510.js → index-e104fca4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-a0a2321b.js');
+var index = require('./index-91f5fadb.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-11dbeef6.js → index-e591f457.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
-var index$1 = require('./index-41f6c400.js');
-var index = require('./index-b71e306e.js');
-var dataTransform = require('./dataTransform-8b9a8639.js');
+var index$1 = require('./index-3fa5e9f1.js');
+var index = require('./index-45584d7c.js');
+var dataTransform = require('./dataTransform-c72e6854.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
 var core = require('@hhgtech/icons/core');
 var core$1 = require('@mantine/core');
-var togetherMoleculesCardAuthor = require('./index-f19cb739.js');
+var togetherMoleculesCardAuthor = require('./index-91ed48b9.js');
 require('@hhgtech/icons/other');
-require('./index-a0a2321b.js');
-require('./index-7f563129.js');
-require('./other-427e38dc.js');
-require('./useTranslations-928d4ace.js');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
-require('./index-cf20aefa.js');
-require('./index-a61876b7.js');
+require('./index-91f5fadb.js');
+require('./index-f301a143.js');
+require('./other-2ce2695a.js');
+require('./index-1358bae0.js');
+require('./translationsContext-014418fe.js');
+require('./index-ad3f7091.js');
+require('./index-4f4ef771.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./constantsIsProduction.js');
-require('./constants-63a0dc23.js');
+require('string-format');
+require('./constants-ba48bace.js');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('./utils-54857ab8.js');
-require('./index-63bb20ab.js');
-require('./paths-82017d6b.js');
-require('./constants-1cb3909f.js');
-require('./index-920ebbb7.js');
+require('./utils-ee304330.js');
+require('./index-01e12fdb.js');
+require('./paths-ef79d71f.js');
+require('./constants-349c3de2.js');
+require('./index-58ef4c66.js');
 require('date-fns/locale');
-require('./index-291e6f28.js');
-require('./Locale-409f6e0e.js');
+require('./index-c9911c65.js');
+require('./Locale-4d114b4b.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
-require('./index-7ec5ee94.js');
+require('./index-c49dfb5c.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./index.styles-b57afab1.js');
-require('./index-e6bdfb93.js');
-require('./index-8244f19c.js');
+require('./index.styles-d4cfe368.js');
+require('./index-a4cdd0ad.js');
+require('./index-4391671f.js');
 require('@emotion/react');
-require('./index-418c000b.js');
-require('./index-e8251765.js');
+require('./index-84798e33.js');
+require('./index-447aa18b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-73957c46.js → index-e89287ed.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
-require('./index-291e6f28.js');
+require('./index-c9911c65.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-e6bdfb93.js');
+var index$1 = require('./index-a4cdd0ad.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-8244f19c.js');
-var index$2 = require('./index-cf8df3df.js');
-var Locale = require('./Locale-409f6e0e.js');
-var index$3 = require('./index-3e801e33.js');
+var index = require('./index-4391671f.js');
+var index$2 = require('./index-614b8e9d.js');
+var Locale = require('./Locale-4d114b4b.js');
+var index$3 = require('./index-53b1d680.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6a505002.js → index-eb931c50.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-5a811540.js');
-var index$1 = require('./index-3e801e33.js');
-var index = require('./index-a0a2321b.js');
-var index$3 = require('./index-7f563129.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
-require('./index-291e6f28.js');
-var index$2 = require('./index-e6bdfb93.js');
+var Spinner = require('./Spinner-ee0a5f95.js');
+var index$2 = require('./index-53b1d680.js');
+var index$1 = require('./index-91f5fadb.js');
+var index$4 = require('./index-f301a143.js');
+var index = require('./index-1358bae0.js');
+require('./index-c9911c65.js');
+var index$3 = require('./index-a4cdd0ad.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-ee304330.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var Locale = require('./Locale-409f6e0e.js');
+var Locale = require('./Locale-4d114b4b.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;