@hhgtech/hhg-components 1.28.71 → 1.28.73

package/build/esm/getSocialList-06cf3ea3.js

@@ -0,0 +1,60 @@
+import React__default from 'react';
+import { L as LOCALE } from './Subot-dfd0302f.js';
+import { C as CommonGAssets } from './index-01304e8a.js';
+
+const getSocialList = (shareUrl) => [
+    {
+        icon: (React__default.createElement("svg", { width: "33", height: "32", viewBox: "0 0 33 32", fill: "none" },
+            React__default.createElement("path", { d: "M27.5 0h-22a5 5 0 0 0-5 5v22a5 5 0 0 0 5 5h22a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5", fill: "#1778F2" }),
+            React__default.createElement("path", { d: "M20.814 32V19.499h3.255l.431-4.309h-3.686l.006-2.156c0-1.123.1-1.725 1.623-1.725h2.034V7h-3.255c-3.91 0-5.285 2.09-5.285 5.604v2.587H13.5v4.308h2.437V32z", fill: "#fff" }))),
+        name: 'Facebook',
+        href: `https://www.facebook.com/sharer/sharer.php?u=${shareUrl}`,
+    },
+    {
+        icon: (React__default.createElement("img", { src: CommonGAssets.getAssetPath('zalo-mini.png'), alt: "Zalo", style: {
+                width: 32,
+                height: 32,
+            }, loading: "lazy" })),
+        name: 'Zalo',
+        href: `https://sp.zalo.me/share?href=${shareUrl}`,
+        allowedLocales: [LOCALE.Vietnam],
+    },
+    {
+        icon: (React__default.createElement("svg", { width: "33", height: "32", viewBox: "0 0 33 32", fill: "none" },
+            React__default.createElement("rect", { x: ".5", width: "32", height: "32", rx: "4", fill: "#1FA1F3" }),
+            React__default.createElement("path", { d: "m16.23 13.235.04.634-.674-.077c-2.454-.298-4.599-1.308-6.42-3.004l-.89-.842-.23.622c-.485 1.385-.175 2.848.837 3.832.54.544.418.621-.512.298-.324-.104-.607-.181-.634-.143-.095.091.229 1.27.485 1.735.35.648 1.066 1.282 1.848 1.657l.66.298-.781.013c-.756 0-.783.013-.702.285.27.841 1.335 1.735 2.522 2.123l.837.272-.729.414a7.9 7.9 0 0 1-3.614.958c-.607.013-1.106.065-1.106.104 0 .13 1.645.854 2.603 1.14 2.873.84 6.285.478 8.848-.959 1.82-1.023 3.641-3.055 4.491-5.023.459-1.049.917-2.965.917-3.884 0-.596.04-.673.796-1.385.445-.415.863-.868.944-.997.135-.246.122-.246-.566-.026-1.147.388-1.309.337-.742-.246.418-.414.917-1.165.917-1.385 0-.04-.202.026-.432.142-.242.13-.782.324-1.187.44l-.728.22-.66-.427c-.365-.233-.877-.492-1.147-.57-.688-.18-1.74-.155-2.36.052-1.687.583-2.752 2.085-2.63 3.729", fill: "#fff" }))),
+        name: 'Twitter',
+        href: `https://twitter.com/intent/tweet?url=${shareUrl}`,
+    },
+    {
+        icon: (React__default.createElement("svg", { width: "33", height: "32", viewBox: "0 0 33 32", fill: "none" },
+            React__default.createElement("path", { d: "M29.53 0H3.47A2.97 2.97 0 0 0 .5 2.97v26.06A2.97 2.97 0 0 0 3.47 32h26.06a2.97 2.97 0 0 0 2.97-2.97V2.97A2.97 2.97 0 0 0 29.53 0", fill: "url(#paint0_linear_687_88944)" }),
+            React__default.createElement("path", { d: "M23.555 8.945A9.922 9.922 0 0 0 7.66 20.424l-1.053 5.11a.38.38 0 0 0 .06.297.38.38 0 0 0 .408.158l5.009-1.187a9.92 9.92 0 0 0 11.47-15.857m-1.562 12.466a7.77 7.77 0 0 1-8.95 1.454l-.698-.345-3.07.727.009-.038.636-3.09-.342-.675a7.767 7.767 0 1 1 12.415 1.967", fill: "#fff" }),
+            React__default.createElement("path", { d: "M21.72 19.144c-.376.592-.971 1.318-1.718 1.498-1.31.316-3.318.01-5.818-2.32l-.031-.027c-2.199-2.039-2.77-3.735-2.631-5.08.076-.764.713-1.455 1.249-1.906a.715.715 0 0 1 1.118.257l.81 1.818a.71.71 0 0 1-.09.727l-.41.53a.7.7 0 0 0-.063.786c.23.402.779.993 1.388 1.54.683.619 1.441 1.184 1.921 1.377a.69.69 0 0 0 .762-.16l.475-.479a.73.73 0 0 1 .709-.181l1.922.545a.727.727 0 0 1 .407 1.075", fill: "#fff" }),
+            React__default.createElement("defs", null,
+                React__default.createElement("linearGradient", { id: "paint0_linear_687_88944", x1: "16.5", y1: ".131", x2: "16.5", y2: "30.451", gradientUnits: "userSpaceOnUse" },
+                    React__default.createElement("stop", null),
+                    React__default.createElement("stop", { offset: "1" }))))),
+        name: 'WhatsApp',
+        href: `https://wa.me/?text=${shareUrl}`,
+    },
+    {
+        icon: (React__default.createElement("svg", { width: "33", height: "32", viewBox: "0 0 33 32", fill: "none" },
+            React__default.createElement("rect", { x: ".5", width: "32", height: "32", rx: "4", fill: "#0077B5" }),
+            React__default.createElement("path", { d: "M11.357 9.07c-.022-1.094-.744-1.927-1.917-1.927S7.5 7.976 7.5 9.07c0 1.073.744 1.93 1.895 1.93h.022c1.196 0 1.94-.857 1.94-1.93m0 3.216H7.5v11.571h3.857zm9.294 0c2.771 0 4.849 1.616 4.849 5.089v6.482h-4.212V17.81c0-1.52-.609-2.556-2.134-2.556-1.163 0-1.856.698-2.16 1.374-.112.242-.14.579-.14.917v6.313h-4.211s.055-10.244 0-11.305h4.212v1.601c.559-.77 1.56-1.867 3.796-1.867", fill: "#fff" }))),
+        name: 'LinkedIn',
+        href: `https://www.linkedin.com/sharing/share-offsite/?url=${shareUrl}`,
+    },
+    {
+        icon: (React__default.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32" },
+            React__default.createElement("g", { id: "surface1" },
+                React__default.createElement("path", { fill: "#00cf2e", d: "M26.398 32H5.602A5.6 5.6 0 0 1 0 26.398V5.602A5.6 5.6 0 0 1 5.602 0h20.796A5.6 5.6 0 0 1 32 5.602v20.796A5.6 5.6 0 0 1 26.398 32m0 0" }),
+                React__default.createElement("path", { fill: "#fff", d: "M28.2 14.2c0-4.4-5.2-9.2-12-9.2-6.626 0-12 3.898-12 9.2 0 4.89 4.19 8.929 10.085 9.527.363.027.695.222.895.527.14.223.218.48.218.746a9.3 9.3 0 0 1-.18 1.613.41.41 0 0 0 .137.399.4.4 0 0 0 .415.058c2.824-1.25 12.43-6.39 12.43-12.87m0 0" }),
+                React__default.createElement("path", { fill: "#00cf2e", d: "M11.8 16.398H10V12.2a.6.6 0 0 0-.602-.597.6.6 0 0 0-.597.597V17c0 .332.27.602.597.602h2.403c.332 0 .597-.27.597-.602a.6.6 0 0 0-.597-.602m1.597-4.796a.6.6 0 0 0-.597.597V17c0 .332.27.602.597.602.332 0 .602-.27.602-.602v-4.8a.6.6 0 0 0-.602-.598m5.602 0a.6.6 0 0 0-.602.597v3l-2.5-3.36a.6.6 0 0 0-.668-.21.6.6 0 0 0-.41.57V17A.6.6 0 0 0 16 17v-3l2.5 3.36a.61.61 0 0 0 .5.242.606.606 0 0 0 .602-.602v-4.8a.6.6 0 0 0-.602-.598m4.398 3.598c.332 0 .602-.27.602-.598a.6.6 0 0 0-.602-.602h-1.796v-1.2h1.796a.598.598 0 1 0 0-1.2L21 11.604a.6.6 0 0 0-.602.597V17c0 .332.27.602.602.602h2.398a.602.602 0 0 0 0-1.204h-1.796V15.2Zm0 0" })))),
+        name: 'Line',
+        href: `http://line.me/R/msg/text/?${shareUrl}`,
+        allowedLocales: [LOCALE.Taiwan],
+    },
+];
+
+export { getSocialList as g };

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-11ca11e5.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-57007490.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-49600258.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-5c00869c.js';
-export { u as useIsInit } from './useIsInit-a9d16a40.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-c5d0b46a.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-a109f6f2.js';
+export { u as useTranslations } from './useTranslations-5ece805d.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-0599406d.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-437a936c.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-7b2ae981.js';
+export { u as useIsInit } from './useIsInit-1ec88872.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-33a7ff69.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-80297ef6.js';
 import 'react';
-import './translationsContext-5b434e73.js';
+import './translationsContext-1c63b00f.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-d2860203.js';
-import './cookieHelper-1fa8c992.js';
-import './Subot-13765fc1.js';
-import './getDynamicHealthTool-d0e275bf.js';
-import './normalizeLink-99fa3579.js';
-import './routing-c36e74f5.js';
-import './index-6ce90a3d.js';
+import './tslib.es6-a52d221a.js';
+import './cookieHelper-6dcc7cdd.js';
+import './Subot-dfd0302f.js';
+import './getDynamicHealthTool-bf2f187f.js';
+import './normalizeLink-a8ca9bd6.js';
+import './routing-c2c9312f.js';
+import './index-7a5197cf.js';
 import 'date-fns/locale';
-import './isProduction-0081544f.js';
-import './core-179185b6.js';
+import './isProduction-7715e95d.js';
+import './core-e000983d.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-5b434e73.js';
-export { T as TranslationsContext } from './translationsContext-5b434e73.js';
+import { T as TranslationsContext } from './translationsContext-1c63b00f.js';
+export { T as TranslationsContext } from './translationsContext-1c63b00f.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-5b434e73.js';
-export { T as TranslationsContext } from './translationsContext-5b434e73.js';
+import { T as TranslationsContext } from './translationsContext-1c63b00f.js';
+export { T as TranslationsContext } from './translationsContext-1c63b00f.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-ae18afd1.js → index-01304e8a.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-6ce90a3d.js';
-import { i as isProduction } from './isProduction-0081544f.js';
+import { d as domainLocales } from './index-7a5197cf.js';
+import { i as isProduction } from './isProduction-7715e95d.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-2c5a78bb.js → index-016ac477.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default from 'react';
-import { S as StyledHeading, a as StyledText } from './index.styled-0b6172e7.js';
+import { S as StyledHeading, a as StyledText } from './index.styled-8cd080b8.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-b0f3eb90.js → index-09f793de.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-b17571f3.js';
-import { u as useTranslations } from './useTranslations-11ca11e5.js';
+import { I as Icon } from './index-466540ee.js';
+import { u as useTranslations } from './useTranslations-5ece805d.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from 'styled-components';
-import { t as theme } from './theme-ce10a226.js';
+import { t as theme } from './theme-30149b9e.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-8c7406e3.js → index-375a2ade.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d2860203.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a52d221a.js';
 import * as React from 'react';
 import React__default, { useState, forwardRef, useEffect, Component, useCallback, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown, ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, useMantineTheme, Button as Button$1, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, em, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, rem, Tabs as Tabs$1, ScrollArea, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-ae18afd1.js';
+import { C as CommonGAssets } from './index-01304e8a.js';
 import dayjs from 'dayjs';
-import { L as LOCALE } from './Subot-13765fc1.js';
-import { B as Breakpoints, M as MediaQueries } from './utils-308636b8.js';
+import { L as LOCALE } from './Subot-dfd0302f.js';
+import { B as Breakpoints, M as MediaQueries } from './utils-1d893137.js';
 import styled from 'styled-components';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text, O as OTHER_THEME_CONFIG } from './index-f1903142.js';
-import { t as theme } from './theme-ce10a226.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-6ce90a3d.js';
+import { T as Text, O as OTHER_THEME_CONFIG } from './index-bbbaa2bb.js';
+import { t as theme } from './theme-30149b9e.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-7a5197cf.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-a109f6f2.js';
+import { a as useUniqueId } from './useUniqueId-80297ef6.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const ImageWrap = (_a) => {

package/build/esm/{index-86bc13f8.js → index-3a386904.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-f1903142.js';
+import { T as Text } from './index-bbbaa2bb.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-c137f7b7.js → index-3f9aa24b.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-13765fc1.js';
-import { C as CommonGAssets } from './index-ae18afd1.js';
-import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-3afc496b.js';
-import { I as ImageWrap } from './index-8c7406e3.js';
+import { L as LOCALE } from './Subot-dfd0302f.js';
+import { C as CommonGAssets } from './index-01304e8a.js';
+import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-41e82981.js';
+import { I as ImageWrap } from './index-375a2ade.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-b17571f3.js → index-466540ee.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default from 'react';
-import { t as theme } from './theme-ce10a226.js';
-import { S as Share, E as Eye, W as WhatsApp, w as Spinner } from './utils-60b326f3.js';
+import { t as theme } from './theme-30149b9e.js';
+import { S as Share, E as Eye, W as WhatsApp, w as Spinner } from './utils-bbc39340.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/{index-ee0cc7f4.js → index-4f50db60.js}

@@ -1,17 +1,17 @@
 import React__default, { useRef, useEffect, useState } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-308636b8.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem, g as getDefaultClassWrapper } from './index.styles-2bae49e5.js';
-import { T as Text } from './index-f1903142.js';
-import { u as useScrollbarSize } from './useScrollbarSize-57007490.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-1d893137.js';
+import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem, g as getDefaultClassWrapper } from './index.styles-b0cc1de4.js';
+import { T as Text } from './index-bbbaa2bb.js';
+import { u as useScrollbarSize } from './useScrollbarSize-0599406d.js';
 import { createPortal } from 'react-dom';
 import styled from 'styled-components';
-import { t as theme } from './theme-ce10a226.js';
+import { t as theme } from './theme-30149b9e.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-11ca11e5.js';
-import { G as Gender } from './Subot-13765fc1.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-2c5a78bb.js';
-import { T as Text$1 } from './index-5650110b.js';
+import { u as useTranslations } from './useTranslations-5ece805d.js';
+import { G as Gender } from './Subot-dfd0302f.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-016ac477.js';
+import { T as Text$1 } from './index-5dea5da5.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));

package/build/esm/{index-9802b924.js → index-5aaf2edc.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-13765fc1.js';
-import { C as CommonGAssets } from './index-ae18afd1.js';
-import { t as theme } from './theme-ce10a226.js';
+import { L as LOCALE } from './Subot-dfd0302f.js';
+import { C as CommonGAssets } from './index-01304e8a.js';
+import { t as theme } from './theme-30149b9e.js';
 import styled from 'styled-components';
-import { I as ImageWrap, f as CentralCarousel } from './index-8c7406e3.js';
-import { T as Text } from './index-5650110b.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-375a2ade.js';
+import { T as Text } from './index-5dea5da5.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-5650110b.js → index-5dea5da5.js}

@@ -1,17 +1,17 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default from 'react';
-import './index-8c7406e3.js';
+import './index-375a2ade.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-6ce90a3d.js';
-import './Subot-13765fc1.js';
-import './index-ae18afd1.js';
-import { T as Text$1 } from './index-f1903142.js';
-import './theme-ce10a226.js';
-import './translationsContext-5b434e73.js';
+import './index-7a5197cf.js';
+import './Subot-dfd0302f.js';
+import './index-01304e8a.js';
+import { T as Text$1 } from './index-bbbaa2bb.js';
+import './theme-30149b9e.js';
+import './translationsContext-1c63b00f.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-308636b8.js';
+import './utils-1d893137.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-7e581d0c.js → index-6a1771c5.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { t as theme } from './theme-ce10a226.js';
+import { t as theme } from './theme-30149b9e.js';
 import styled from 'styled-components';
 
 const StyledDropdown = styled.div `

package/build/esm/{index-6ce90a3d.js → index-7a5197cf.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './Subot-13765fc1.js';
-import { i as isProduction } from './isProduction-0081544f.js';
+import { L as LOCALE } from './Subot-dfd0302f.js';
+import { i as isProduction } from './isProduction-7715e95d.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-932fb619.js → index-8f9e89a0.js}

@@ -1,43 +1,43 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d2860203.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a52d221a.js';
 import React__default, { useState, useMemo, useRef, Fragment, useEffect, useContext, useCallback } from 'react';
-import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-8c7406e3.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-375a2ade.js';
 import styled, { css } from 'styled-components';
-import { t as theme } from './theme-ce10a226.js';
-import { T as Text } from './index-f1903142.js';
-import { C as CommonGAssets } from './index-ae18afd1.js';
-import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-6ce90a3d.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-99fa3579.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-c36e74f5.js';
-import { P as Popup, U as UserAvatar, c as formatCommunity, a as formatPost } from './index-5c245d70.js';
-import { L as Logo } from './index-c137f7b7.js';
-import { u as useTranslations } from './useTranslations-11ca11e5.js';
+import { t as theme } from './theme-30149b9e.js';
+import { T as Text } from './index-bbbaa2bb.js';
+import { C as CommonGAssets } from './index-01304e8a.js';
+import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-7a5197cf.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-a8ca9bd6.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-c2c9312f.js';
+import { P as Popup, U as UserAvatar, c as formatCommunity, a as formatPost } from './index-d1ebb067.js';
+import { L as Logo } from './index-3f9aa24b.js';
+import { u as useTranslations } from './useTranslations-5ece805d.js';
 import throttle from 'lodash/throttle';
 import { createStyles, rem, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './Subot-13765fc1.js';
-import './translationsContext-5b434e73.js';
+import { L as LOCALE } from './Subot-dfd0302f.js';
+import './translationsContext-1c63b00f.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-308636b8.js';
-import { L as LOCALISED_SLUGS } from './constants-440febbd.js';
-import { I as Icon } from './index-b17571f3.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1d893137.js';
+import { L as LOCALISED_SLUGS } from './constants-2b1a7a03.js';
+import { I as Icon } from './index-466540ee.js';
 import { User } from '@hhgtech/icons/core';
-import { g as getDefaultClassWrapper } from './index.styles-2bae49e5.js';
-import { C as ChevronDown } from './ChevronDown-1155e49b.js';
-import { B as Button } from './index-289fe068.js';
-import { x as domainLocalesMarryBaby } from './utils-60b326f3.js';
-import { a as LOCALIZED_SLUGS } from './constants-c807cd46.js';
-import { H as Heading } from './index-86bc13f8.js';
-import { I as Indicator$1 } from './index-07b00914.js';
-import { u as useIsInit } from './useIsInit-a9d16a40.js';
-import './utils-3afc496b.js';
-import './index.styled-0b6172e7.js';
-import './index-fc67d190.js';
+import { g as getDefaultClassWrapper } from './index.styles-b0cc1de4.js';
+import { C as ChevronDown } from './ChevronDown-d0b71bc8.js';
+import { B as Button } from './index-f7dc2c86.js';
+import { x as domainLocalesMarryBaby } from './utils-bbc39340.js';
+import { a as LOCALIZED_SLUGS } from './constants-a0e2312a.js';
+import { H as Heading } from './index-3a386904.js';
+import { I as Indicator$1 } from './index-a3e45c36.js';
+import { u as useIsInit } from './useIsInit-1ec88872.js';
+import './utils-41e82981.js';
+import './index.styled-8cd080b8.js';
+import './index-89e7ed28.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-47348a81.js';
+import { C as Container } from './index-1d08a9a2.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-179185b6.js';
+import { g as getDataWithCache } from './core-e000983d.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -418,27 +418,27 @@ const StyledLoggedOutAnchor = styled.a `
 
 const NavBookingIcon = (props) => (React__default.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
     React__default.createElement("path", { d: "M2.5 6.5a3.2 3.2 0 0 1 3.2-3.2h7.9a3.2 3.2 0 0 1 3.19 3.2v4.72a3.2 3.2 0 0 1-3.2 3.2H5.7a3.2 3.2 0 0 1-3.19-3.2V6.49Z", fill: "#E3F2FF" }),
-    React__default.createElement("path", { d: "M2.5 5.68A2.38 2.38 0 0 1 4.88 3.3h9.52a2.38 2.38 0 0 1 2.39 2.38H2.5Z", fill: "#2D87F3" }),
-    React__default.createElement("path", { d: "M13.6 2.5h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65ZM5.27 4.86h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65Z", fill: "#2743AD" }),
-    React__default.createElement("path", { d: "M5.56 8.17h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm2.87 0h-.49a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.49a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm-8.3 2.52h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.7 0h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.7 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.87 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Z", fill: "#2D87F3" }),
+    React__default.createElement("path", { d: "M2.5 5.68A2.38 2.38 0 0 1 4.88 3.3h9.52a2.38 2.38 0 0 1 2.39 2.38z", fill: "#2D87F3" }),
+    React__default.createElement("path", { d: "M13.6 2.5h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65M5.27 4.86h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65Z", fill: "#2743AD" }),
+    React__default.createElement("path", { d: "M5.56 8.17h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m2.87 0h-.49a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.49a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41m-8.3 2.52h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4m2.7 0h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4m2.7 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.87 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Z", fill: "#2D87F3" }),
     React__default.createElement("path", { d: "M16 16.8a3.17 3.17 0 1 0 0-6.36 3.17 3.17 0 0 0 0 6.35Z", fill: "#FE921D" }),
-    React__default.createElement("path", { d: "M15.78 13.62v-1.36a.21.21 0 0 1 .42 0v1.26l.48.4a.21.21 0 0 1-.01.33.21.21 0 0 1-.26-.01l-.55-.46-.02-.01a.21.21 0 0 1-.06-.15Z", fill: "#fff" })));
+    React__default.createElement("path", { d: "M15.78 13.62v-1.36a.21.21 0 0 1 .42 0v1.26l.48.4a.21.21 0 0 1-.01.33.21.21 0 0 1-.26-.01l-.55-.46-.02-.01a.2.2 0 0 1-.06-.15", fill: "#fff" })));
 
 const NavCommunityIcon = (props) => (React__default.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
-    React__default.createElement("path", { d: "M7.06 4.97h-2.3a3.12 3.12 0 0 0-3.1 3.1v.43a3.12 3.12 0 0 0 3.1 3.1h1.39s1.47 1.11 1.5.97c.03-.22-.23-.99-.23-.99a3.13 3.13 0 0 0 2.72-3.09v-.41a3.12 3.12 0 0 0-3.08-3.11Zm-2.7 3.55a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46Zm1.35.4a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .65Zm1.57-.05Z", fill: "#2D87F3" }),
-    React__default.createElement("path", { d: "M12.88 9.52a3.53 3.53 0 0 0-1.35 6.8s-.23 1.03-.2 1.25c.03.14 1.55-.99 1.55-.99a3.53 3.53 0 0 0 0-7.06Zm-1.33 4.24a.48.48 0 1 1 0-.97.48.48 0 0 1 0 .97Zm1.58.04a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .66Zm1.34-.39a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46Z", fill: "#FFB521" }),
-    React__default.createElement("path", { d: "M16.45 1.67h-3.87a1.88 1.88 0 0 0-1.88 2.06l.22 2.29a1.88 1.88 0 0 0 1.73 1.7s-.17.94-.14 1.16c.02.14 1.66-1.13 1.66-1.13l1.92-.03a1.88 1.88 0 0 0 1.86-1.59l.36-2.29a1.88 1.88 0 0 0-1.86-2.17ZM13.1 5.23a.48.48 0 1 1 .34-.14c-.1.1-.22.14-.34.14Zm1.57.05a.33.33 0 1 1 .23-.1.33.33 0 0 1-.23.1Zm1.34-.4a.23.23 0 1 1 .1-.01.23.23 0 0 1-.1.02Z", fill: "#91CAFF" })));
+    React__default.createElement("path", { d: "M7.06 4.97h-2.3a3.12 3.12 0 0 0-3.1 3.1v.43a3.12 3.12 0 0 0 3.1 3.1h1.39s1.47 1.11 1.5.97c.03-.22-.23-.99-.23-.99a3.13 3.13 0 0 0 2.72-3.09v-.41a3.12 3.12 0 0 0-3.08-3.11m-2.7 3.55a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46m1.35.4a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .65Zm1.57-.05", fill: "#2D87F3" }),
+    React__default.createElement("path", { d: "M12.88 9.52a3.53 3.53 0 0 0-1.35 6.8s-.23 1.03-.2 1.25c.03.14 1.55-.99 1.55-.99a3.53 3.53 0 0 0 0-7.06m-1.33 4.24a.48.48 0 1 1 0-.97.48.48 0 0 1 0 .97m1.58.04a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .66m1.34-.39a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46", fill: "#FFB521" }),
+    React__default.createElement("path", { d: "M16.45 1.67h-3.87a1.88 1.88 0 0 0-1.88 2.06l.22 2.29a1.88 1.88 0 0 0 1.73 1.7s-.17.94-.14 1.16c.02.14 1.66-1.13 1.66-1.13l1.92-.03a1.88 1.88 0 0 0 1.86-1.59l.36-2.29a1.88 1.88 0 0 0-1.86-2.17M13.1 5.23a.48.48 0 1 1 .34-.14c-.1.1-.22.14-.34.14m1.57.05a.33.33 0 1 1 .23-.1.33.33 0 0 1-.23.1m1.34-.4a.23.23 0 1 1 .1-.01.2.2 0 0 1-.1.02Z", fill: "#91CAFF" })));
 
 const NavDotIcon = (props) => (React__default.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
-    React__default.createElement("rect", { x: "8.33337", y: "8.33325", width: "3.33333", height: "3.33333", rx: "1.66667", fill: "#2D87F3" })));
+    React__default.createElement("rect", { x: "8.333", y: "8.333", width: "3.333", height: "3.333", rx: "1.667", fill: "#2D87F3" })));
 
 const NavEshopIcon = (props) => (React__default.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
-    React__default.createElement("path", { d: "m3.18 7.06 1.6 1.6 4.33-4.69a.72.72 0 0 0-.03-.99l-.22-.22a.72.72 0 0 0-.99-.02L3.18 7.06Zm13.64 0-1.6 1.6-4.33-4.69a.72.72 0 0 1 .02-.99l.23-.22a.72.72 0 0 1 .99-.02l4.69 4.32Z", fill: "#2743AD" }),
-    React__default.createElement("path", { d: "M15.04 16.7H4.9a.78.78 0 0 1-.77-.7l-.7-6.67h13.09l-.7 6.67a.78.78 0 0 1-.78.7Z", fill: "#2D87F3" }),
-    React__default.createElement("path", { d: "M6.23 15.7a.23.23 0 0 1-.23-.22l-.3-4.46a.23.23 0 1 1 .47-.04l.3 4.47a.23.23 0 0 1-.22.25h-.02Zm2.39 0a.23.23 0 0 1-.23-.23L8.3 11a.23.23 0 1 1 .47 0l.07 4.46a.23.23 0 0 1-.22.24h-.01Zm5.15 0h-.02a.23.23 0 0 1-.2-.16.23.23 0 0 1-.02-.09l.3-4.47a.24.24 0 0 1 .25-.22.23.23 0 0 1 .22.26l-.3 4.46a.23.23 0 0 1-.23.22Zm-2.39 0a.23.23 0 0 1-.23-.23l.07-4.47a.24.24 0 0 1 .24-.23.23.23 0 0 1 .23.23l-.08 4.47a.23.23 0 0 1-.23.23Z", fill: "#2743AD" }),
-    React__default.createElement("path", { d: "M16.04 18.12a2.01 2.01 0 1 0 0-4.03 2.01 2.01 0 0 0 0 4.03Z", fill: "#FE921D" }),
-    React__default.createElement("path", { d: "M16.97 15.87h-.7v-.7a.23.23 0 0 0-.46 0v.7h-.7a.23.23 0 1 0 0 .47h.7v.69a.23.23 0 1 0 .47 0v-.7h.69a.23.23 0 1 0 0-.46Z", fill: "#fff" }),
-    React__default.createElement("path", { d: "M16.58 9.48H3.42a.8.8 0 0 1-.78-.7l-.13-1.1a.8.8 0 0 1 .78-.88h13.42a.8.8 0 0 1 .78.88l-.13 1.1a.8.8 0 0 1-.78.7Z", fill: "#BCDEFF" })));
+    React__default.createElement("path", { d: "m3.18 7.06 1.6 1.6 4.33-4.69a.72.72 0 0 0-.03-.99l-.22-.22a.72.72 0 0 0-.99-.02zm13.64 0-1.6 1.6-4.33-4.69a.72.72 0 0 1 .02-.99l.23-.22a.72.72 0 0 1 .99-.02z", fill: "#2743AD" }),
+    React__default.createElement("path", { d: "M15.04 16.7H4.9a.78.78 0 0 1-.77-.7l-.7-6.67h13.09l-.7 6.67a.78.78 0 0 1-.78.7", fill: "#2D87F3" }),
+    React__default.createElement("path", { d: "M6.23 15.7a.23.23 0 0 1-.23-.22l-.3-4.46a.23.23 0 1 1 .47-.04l.3 4.47a.23.23 0 0 1-.22.25zm2.39 0a.23.23 0 0 1-.23-.23L8.3 11a.23.23 0 1 1 .47 0l.07 4.46a.23.23 0 0 1-.22.24h-.01Zm5.15 0h-.02a.23.23 0 0 1-.2-.16.2.2 0 0 1-.02-.09l.3-4.47a.24.24 0 0 1 .25-.22.23.23 0 0 1 .22.26l-.3 4.46a.23.23 0 0 1-.23.22m-2.39 0a.23.23 0 0 1-.23-.23l.07-4.47a.24.24 0 0 1 .24-.23.23.23 0 0 1 .23.23l-.08 4.47a.23.23 0 0 1-.23.23", fill: "#2743AD" }),
+    React__default.createElement("path", { d: "M16.04 18.12a2.01 2.01 0 1 0 0-4.03 2.01 2.01 0 0 0 0 4.03", fill: "#FE921D" }),
+    React__default.createElement("path", { d: "M16.97 15.87h-.7v-.7a.23.23 0 0 0-.46 0v.7h-.7a.23.23 0 1 0 0 .47h.7v.69a.23.23 0 1 0 .47 0v-.7h.69a.23.23 0 1 0 0-.46", fill: "#fff" }),
+    React__default.createElement("path", { d: "M16.58 9.48H3.42a.8.8 0 0 1-.78-.7l-.13-1.1a.8.8 0 0 1 .78-.88h13.42a.8.8 0 0 1 .78.88l-.13 1.1a.8.8 0 0 1-.78.7", fill: "#BCDEFF" })));
 
 const NavHelpIcon = (props) => (React__default.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, props),
     React__default.createElement("path", { d: "M10 1.667c-4.595 0-8.333 3.738-8.333 8.333 0 4.595 3.738 8.333 8.333 8.333 4.595 0 8.333-3.738 8.333-8.333 0-4.595-3.738-8.333-8.333-8.333Zm0 13.194a.695.695 0 1 1 0-1.39.695.695 0 0 1 0 1.39Zm1.1-4.415a.698.698 0 0 0-.405.631v.312a.694.694 0 1 1-1.39 0v-.312c0-.81.477-1.553 1.213-1.893.707-.326 1.218-1.19 1.218-1.615 0-.956-.778-1.736-1.736-1.736s-1.736.78-1.736 1.736a.694.694 0 1 1-1.389 0A3.129 3.129 0 0 1 10 4.444a3.129 3.129 0 0 1 3.125 3.125c0 .939-.814 2.318-2.026 2.877Z", fill: "#FF6F4D" })));
@@ -1313,6 +1313,10 @@ const StyledViewMore$1 = styled.a `
 
 var styles$1 = {"menuIconWrapper":"wnUb-dV","menuButton":"cjbOxWe","careIconContainer":"gB4rp89","scale":"EDlp5Zf"};
 
+const CareIcon = () => {
+    return (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+        React__default.createElement("path", { d: "M13.475 21.5q-2.5 0-4.25-1.75t-1.75-4.25v-.55q-2.025-.25-3.387-1.8T2.725 9.5V4.65a.87.87 0 0 1 .262-.638.87.87 0 0 1 .638-.262h2.1V3.5a.73.73 0 0 1 .75-.75q.325 0 .538.212a.73.73 0 0 1 .212.538v2a.73.73 0 0 1-.75.75.726.726 0 0 1-.75-.75v-.25h-1.5V9.5q0 1.65 1.175 2.825T8.225 13.5t2.825-1.175T12.225 9.5V5.25h-1.5v.25a.73.73 0 0 1-.75.75.726.726 0 0 1-.75-.75v-2a.73.73 0 0 1 .75-.75q.325 0 .538.212a.73.73 0 0 1 .212.538v.25h2.1a.87.87 0 0 1 .638.262.87.87 0 0 1 .262.638V9.5q0 2.1-1.362 3.65t-3.388 1.8v.55q0 1.875 1.313 3.188Q11.6 20 13.475 20t3.188-1.312q1.312-1.313 1.312-3.188v-1.625a2.6 2.6 0 0 1-1.287-.913 2.4 2.4 0 0 1-.513-1.512q0-1.075.75-1.825t1.8-.75q1.075 0 1.825.75t.75 1.825q0 .85-.512 1.512-.513.663-1.313.913V15.5q0 2.5-1.75 4.25t-4.25 1.75", fill: "#2D87F3", strokeWidth: 0 })));
+};
 const ItemMenu = ({ item, menu }) => {
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper({
         allowBgScroll: true,
@@ -1323,16 +1327,14 @@ const ItemMenu = ({ item, menu }) => {
             React__default.createElement("a", { className: `hhgcomp-navigation-itemnav-headeritem ${!isInit ? `menu-handler-${item.id}` : ''} ${item.id === 'care' ? 'force-focus' : ''}`, tabIndex: 0, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link },
                 React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$1.menuButton },
                     item.id === 'care' && (React__default.createElement("div", { className: styles$1.careIconContainer },
-                        React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
-                            React__default.createElement("path", { d: "M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z", fill: "#2D87F3", strokeWidth: 0 })))),
+                        React__default.createElement(CareIcon, null))),
                     item.name))));
     }
     return (React__default.createElement(NewWrapper, { isNew: item.isNew },
         React__default.createElement("div", { ref: containerRef, className: `hhgcomp-navigation-itemnav-headeritem ${!isInit ? `menu-handler-${item.id}` : ''} ${item.id === 'care' ? 'force-focus' : ''}`, tabIndex: 0, key: item.id, onBlur: onContainerBlur, onFocus: onContainerFocus, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link },
             React__default.createElement("div", { "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, onMouseDown: onButtonMouseDown, className: styles$1.menuButton },
                 item.id === 'care' && (React__default.createElement("a", { className: styles$1.careIconContainer, href: normalizeLinkSlash(item.link + '/') },
-                    React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
-                        React__default.createElement("path", { d: "M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z", fill: "#2D87F3", strokeWidth: 0 })))),
+                    React__default.createElement(CareIcon, null))),
                 item.name,
                 item.popupType && (React__default.createElement("div", { className: styles$1.menuIconWrapper },
                     React__default.createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },

package/build/esm/{index-a1435280.js → index-953f1b40.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default, { useState, useEffect } from 'react';
 import { useDebouncedValue } from '@mantine/hooks';
-import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-8c7406e3.js';
+import { D as DEBOUNCED_TIME, g as StyledSliderWrapper, B as Button, h as StyledSlider } from './index-375a2ade.js';
 
 const Slider = (_a) => {
     var { color, withControl, onChange, value, min, max, isStatic, containerClassName, containerStyle } = _a, props = __rest(_a, ["color", "withControl", "onChange", "value", "min", "max", "isStatic", "containerClassName", "containerStyle"]);

package/build/esm/{index-70d9509b.js → index-99bc345a.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default from 'react';
 import { Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-6ce90a3d.js';
-import { L as LOCALE } from './Subot-13765fc1.js';
-import { C as CommonGAssets } from './index-ae18afd1.js';
-import { M as MAPPED_LOCALE } from './index-8c7406e3.js';
+import { I as ISO_FORMAT } from './index-7a5197cf.js';
+import { L as LOCALE } from './Subot-dfd0302f.js';
+import { C as CommonGAssets } from './index-01304e8a.js';
+import { M as MAPPED_LOCALE } from './index-375a2ade.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-cb8ab238.js → index-9d367be1.js}

@@ -1,13 +1,13 @@
 import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { v as StyledDivider, w as useStyles } from './index.styles-2bae49e5.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-d2860203.js';
-import { u as useTranslations } from './useTranslations-11ca11e5.js';
-import { B as Button } from './index-8c7406e3.js';
-import { P as PATHS } from './paths-667fbe4b.js';
-import { a as LOCALIZED_SLUGS } from './constants-c807cd46.js';
-import { d as domainLocales } from './index-6ce90a3d.js';
-import { b as callApi, h as getCarePath } from './utils-60b326f3.js';
-import { i as isProduction } from './isProduction-0081544f.js';
+import { v as StyledDivider, w as useStyles } from './index.styles-b0cc1de4.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a52d221a.js';
+import { u as useTranslations } from './useTranslations-5ece805d.js';
+import { B as Button } from './index-375a2ade.js';
+import { P as PATHS } from './paths-34475d4f.js';
+import { a as LOCALIZED_SLUGS } from './constants-a0e2312a.js';
+import { d as domainLocales } from './index-7a5197cf.js';
+import { b as callApi, h as getCarePath } from './utils-bbc39340.js';
+import { i as isProduction } from './isProduction-7715e95d.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-05d21c9b.js → index-9dae13bd.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default from 'react';
 import { Modal as Modal$1, CloseButton } from '@mantine/core';
-import { C as CommonGAssets } from './index-ae18afd1.js';
-import { i as useStyles } from './index-8c7406e3.js';
-import { T as Text } from './index-f1903142.js';
+import { C as CommonGAssets } from './index-01304e8a.js';
+import { i as useStyles } from './index-375a2ade.js';
+import { T as Text } from './index-bbbaa2bb.js';
 
 const Modal = (_a) => {
     var { title, styles } = _a, rest = __rest(_a, ["title", "styles"]);

package/build/esm/{index-07b00914.js → index-a3e45c36.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-ce10a226.js';
+import { t as theme } from './theme-30149b9e.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-f1903142.js → index-bbbaa2bb.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-d2860203.js';
+import { _ as __rest } from './tslib.es6-a52d221a.js';
 import React__default from 'react';
 import { rem, createStyles, Text as Text$1 } from '@mantine/core';