@hhgtech/hhg-components 1.29.74 → 1.29.75

package/build/esm/{getDynamicHealthTool-6a1d5115.js → getDynamicHealthTool-99430b63.js}

@@ -1,7 +1,7 @@
-import { a as __awaiter } from './tslib.es6-8f144c22.js';
-import { n as normalizeLinkSlash } from './normalizeLink-8ab2c8da.js';
-import { c as getDiscoverApiDomain } from './routing-b0c69805.js';
-import { g as getDataWithCache } from './core-adbcbe2f.js';
+import { a as __awaiter } from './tslib.es6-07864d1c.js';
+import { n as normalizeLinkSlash } from './normalizeLink-dab0abfe.js';
+import { c as getDiscoverApiDomain } from './routing-8b2f38b4.js';
+import { g as getDataWithCache } from './core-b90cb5db.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-af63459f.js → getSocialList-61e35698.js}

@@ -1,9 +1,9 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-8f144c22.js';
-import { I as Instagram } from './Instagram-becdb106.js';
-import { W as WhatsApp } from './WhatsApp-ea79e6c6.js';
-import { S as SocialType, L as LOCALE } from './index-a1f5a5c0.js';
-import { C as CommonGAssets } from './index-c18af330.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
+import { I as Instagram } from './Instagram-7eebb0ad.js';
+import { W as WhatsApp } from './WhatsApp-dd2041da.js';
+import { S as SocialType, L as LOCALE } from './index-463c98c4.js';
+import { C as CommonGAssets } from './index-a1e67e5b.js';
 
 const Facebook = (_a) => {
     var { size } = _a, rest = __rest(_a, ["size"]);
@@ -51,9 +51,8 @@ const TikTok = (_a) => {
 
 const Twitter = (_a) => {
     var { size } = _a, rest = __rest(_a, ["size"]);
-    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
-        React__default.createElement("rect", { width: "32", height: "32", rx: "4", fill: "#1FA1F3" }),
-        React__default.createElement("path", { d: "m15.73 13.235.04.634-.674-.078c-2.454-.298-4.599-1.307-6.42-3.003l-.89-.842-.23.622c-.485 1.385-.175 2.848.837 3.832.54.543.418.621-.513.297-.323-.103-.607-.18-.634-.142-.094.09.23 1.269.486 1.735.35.647 1.066 1.282 1.848 1.657l.66.298-.782.013c-.755 0-.782.013-.7.285.269.841 1.334 1.734 2.521 2.123l.837.272-.729.414a7.9 7.9 0 0 1-3.615.958c-.606.013-1.106.065-1.106.104 0 .129 1.646.854 2.604 1.139 2.873.841 6.285.479 8.848-.958 1.82-1.023 3.641-3.055 4.49-5.023.46-1.05.918-2.965.918-3.884 0-.596.04-.674.796-1.386.445-.414.863-.867.944-.996.135-.246.121-.246-.566-.026-1.147.388-1.309.336-.742-.246.418-.415.917-1.166.917-1.386 0-.038-.203.026-.432.143-.242.13-.782.323-1.187.44l-.728.22-.66-.427c-.365-.233-.878-.492-1.147-.57-.688-.181-1.74-.155-2.36.052-1.687.583-2.752 2.084-2.63 3.729", fill: "#fff" })));
+    return (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default.createElement("path", { d: "M21.407 0H2.593A2.593 2.593 0 0 0 0 2.593v18.814A2.593 2.593 0 0 0 2.593 24h18.814A2.593 2.593 0 0 0 24 21.407V2.593A2.593 2.593 0 0 0 21.407 0m-6.099 20.353-4.46-6.491-5.584 6.49H3.821l6.386-7.422-6.386-9.295h4.871l4.223 6.147 5.288-6.147h1.443l-6.09 7.079 6.623 9.638z", fill: "#000" })));
 };
 Twitter.defaultProps = {
     size: 24,
@@ -126,12 +125,16 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
                             ? 'https://www.instagram.com/hellokrupetofficial/'
                             : locale === LOCALE.Vietnam
                                 ? 'https://www.instagram.com/hellobacsi/'
-                                : '',
+                                : locale === LOCALE.Indonesia
+                                    ? 'https://www.instagram.com/hellosehat/'
+                                    : '',
         allowedLocales: [
             LOCALE.Taiwan,
             LOCALE.Malaysia,
             LOCALE.Myanmar,
             LOCALE.Cambodia,
+            LOCALE.Vietnam,
+            LOCALE.Indonesia,
         ],
     },
     {
@@ -147,14 +150,18 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
                     : locale === LOCALE.Vietnam
                         ? 'https://www.tiktok.com/@hellobacsi'
                         : '',
-        allowedLocales: [LOCALE.Malaysia, LOCALE.Cambodia],
+        allowedLocales: [LOCALE.Malaysia, LOCALE.Cambodia, LOCALE.Vietnam],
     },
     {
         icon: React__default.createElement(Telegram, { size: size }),
         name: 'Telegram',
         type: SocialType.Telegram,
-        href: locale === LOCALE.Cambodia ? 'http://t.me/hellokrupetofficial' : '',
-        allowedLocales: [LOCALE.Cambodia],
+        href: locale === LOCALE.Cambodia
+            ? 'http://t.me/hellokrupetofficial'
+            : locale === LOCALE.Indonesia
+                ? 'https://www.instagram.com/hellosehat/'
+                : '',
+        allowedLocales: [LOCALE.Cambodia, LOCALE.Indonesia],
     },
     {
         icon: React__default.createElement(Viber, { size: size }),

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-d90d5386.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7162b71f.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-d9b70788.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-82047766.js';
-export { u as useIsInit } from './useIsInit-8490d361.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-43bfe834.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-472fb987.js';
+export { u as useTranslations } from './useTranslations-a239c5f4.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-aa67a4c7.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-36123c16.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-4d2faff2.js';
+export { u as useIsInit } from './useIsInit-f821f275.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-2403a1d8.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-39db3b54.js';
 import 'react';
-import './translationsContext-af680337.js';
+import './translationsContext-4a1a2e74.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-8f144c22.js';
-import './cookieHelper-dc30b23e.js';
-import './index-a1f5a5c0.js';
-import './getDynamicHealthTool-6a1d5115.js';
-import './normalizeLink-8ab2c8da.js';
-import './routing-b0c69805.js';
-import './index-038581a6.js';
+import './tslib.es6-07864d1c.js';
+import './cookieHelper-d22415fc.js';
+import './index-463c98c4.js';
+import './getDynamicHealthTool-99430b63.js';
+import './normalizeLink-dab0abfe.js';
+import './routing-8b2f38b4.js';
+import './index-1e87ffee.js';
 import 'date-fns/locale';
-import './isProduction-34384c12.js';
-import './core-adbcbe2f.js';
+import './isProduction-3d314487.js';
+import './core-b90cb5db.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-af680337.js';
-export { T as TranslationsContext } from './translationsContext-af680337.js';
+import { T as TranslationsContext } from './translationsContext-4a1a2e74.js';
+export { T as TranslationsContext } from './translationsContext-4a1a2e74.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-af680337.js';
-export { T as TranslationsContext } from './translationsContext-af680337.js';
+import { T as TranslationsContext } from './translationsContext-4a1a2e74.js';
+export { T as TranslationsContext } from './translationsContext-4a1a2e74.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-4d270f83.js → index-0244dac6.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8f144c22.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-07864d1c.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 { em, createStyles, useMantineTheme, Button as Button$1, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, 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-c18af330.js';
-import { B as Breakpoints } from './utils-1997593f.js';
+import { C as CommonGAssets } from './index-a1e67e5b.js';
+import { B as Breakpoints } from './utils-39607580.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-c6d9afaf.js';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import { t as theme } from './theme-f9fa9f7d.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-4a5da5bb.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-038581a6.js';
+import { T as Text } from './index-cff6fa8a.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import { t as theme } from './theme-60650a33.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-93212fdc.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-1e87ffee.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-472fb987.js';
+import { a as useUniqueId } from './useUniqueId-39db3b54.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {

package/build/esm/{index-91aefc57.js → index-0724f0af.js}

@@ -1,18 +1,18 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-8f144c22.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-4d270f83.js';
+import { c as Input, S as Select } from './index-0244dac6.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-038581a6.js';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import './index-c18af330.js';
-import './useMantineLocale-4a5da5bb.js';
-import './index-c6d9afaf.js';
-import './theme-f9fa9f7d.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { c as CDN_ADDRESS } from './index-1e87ffee.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import './index-a1e67e5b.js';
+import './useMantineLocale-93212fdc.js';
+import './index-cff6fa8a.js';
+import './theme-60650a33.js';
+import { u as useTranslations } from './useTranslations-a239c5f4.js';
 import '@mantine/hooks';
-import './utils-1997593f.js';
-import { M as MAPPED_LOCALE } from './utils-0a07daac.js';
+import './utils-39607580.js';
+import { M as MAPPED_LOCALE } from './utils-89f1cb27.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-bffe0e7b.js → index-113a64e8.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f9fa9f7d.js';
+import { t as theme } from './theme-60650a33.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-c8daeacf.js → index-1775f479.js}

@@ -1,10 +1,10 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import { I as Icon } from './index-f5a431cb.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { I as Icon } from './index-96077739.js';
+import { u as useTranslations } from './useTranslations-a239c5f4.js';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f9fa9f7d.js';
+import { t as theme } from './theme-60650a33.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-038581a6.js → index-1e87ffee.js}

@@ -1,6 +1,6 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import { i as isProduction } from './isProduction-34384c12.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import { i as isProduction } from './isProduction-3d314487.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-95029090.js → index-2251cbd7.js}

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

package/build/esm/{index-0845d2d8.js → index-2dc21509.js}

@@ -1,46 +1,46 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8f144c22.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-07864d1c.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-4d270f83.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-0244dac6.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f9fa9f7d.js';
-import { T as Text } from './index-c6d9afaf.js';
-import { C as CommonGAssets } from './index-c18af330.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-038581a6.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-8ab2c8da.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-b0c69805.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-d4aca121.js';
-import { L as Logo } from './index-e4cd0652.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { t as theme } from './theme-60650a33.js';
+import { T as Text } from './index-cff6fa8a.js';
+import { C as CommonGAssets } from './index-a1e67e5b.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-1e87ffee.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-dab0abfe.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-8b2f38b4.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-a9e1b3fc.js';
+import { L as Logo } from './index-bc08b3bb.js';
+import { u as useTranslations } from './useTranslations-a239c5f4.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal, useMantineTheme } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import './useMantineLocale-4a5da5bb.js';
-import './translationsContext-af680337.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import './useMantineLocale-93212fdc.js';
+import './translationsContext-4a1a2e74.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1997593f.js';
-import { L as LOCALISED_SLUGS } from './constants-dd976a9b.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-39607580.js';
+import { L as LOCALISED_SLUGS } from './constants-13614975.js';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-73471653.js';
-import { C as ChevronDown } from './ChevronDown-c0329f44.js';
+import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-1679a39c.js';
+import { C as ChevronDown } from './ChevronDown-80f9a746.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-e8aceac7.js';
-import { a as LOCALIZED_SLUGS } from './constants-2eb60c45.js';
-import { H as Heading } from './index-8450b670.js';
-import { I as Indicator$1 } from './index-d62e3f04.js';
-import { u as useIsInit } from './useIsInit-8490d361.js';
-import './index.styles-5f08053e.js';
-import './utils-af53b08f.js';
-import './WhatsApp-ea79e6c6.js';
-import './index.styled-64a9c965.js';
-import './index-24b9c26b.js';
+import { B as Button } from './index-4cccc095.js';
+import { a as LOCALIZED_SLUGS } from './constants-70c9eef4.js';
+import { H as Heading } from './index-53a6fd2c.js';
+import { I as Indicator$1 } from './index-ec01f492.js';
+import { u as useIsInit } from './useIsInit-f821f275.js';
+import './index.styles-744229d2.js';
+import './utils-c4e01467.js';
+import './WhatsApp-dd2041da.js';
+import './index.styled-ce08a9e0.js';
+import './index-94d6a1dd.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-a3f9e8d3.js';
+import { C as Container } from './index-0e8a6537.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-adbcbe2f.js';
+import { g as getDataWithCache } from './core-b90cb5db.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -966,7 +966,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
                 yield onLogout();
             }) }))) : (React__default.createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, href: !init
             ? normalizeLinkSlash(`${SSO_URL}?returnUrl=${currentUrl}`)
-            : undefined, "data-site-type": siteType }, isMinifyLogin ? (React__default.createElement(StyledAvatar, { onClick: onLoginClick },
+            : undefined, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default.createElement(StyledAvatar, null,
         React__default.createElement("img", { src: CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
     // LOGIC:
     // - DEsktop: always show button
@@ -979,15 +979,15 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                }, onClick: onLoginClick })) : (React__default.createElement(Button$1, { className: "mobile-only", size: "sm", onClick: onLoginClick, leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } })) : (React__default.createElement(Button$1, { className: "mobile-only", size: "sm", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 } }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' && (React__default.createElement("div", { className: "mobile-only", onClick: onLoginClick, style: {
+        siteType === 'marryBaby' && (React__default.createElement("div", { className: "mobile-only", style: {
                 paddingLeft: 16,
             } },
             React__default.createElement(Text, { size: "p3", color: theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__default.createElement(Button$1, { className: "login-btn", size: "md", onClick: onLoginClick, leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button$1, { className: "login-btn", size: "md", onClick: onLoginClick, leftIcon: React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+        siteType === 'marryBaby' ? (React__default.createElement(Button$1, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button$1, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
 var styles$3 = {"bookingButton":"spdlGfq","bookingButtonAnchor":"vgS16jX"};
@@ -2974,13 +2974,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-407e7c56.js').then((data) => {
+                import('./doctor-58bf1504.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-24fe471a.js').then((data) => {
+                import('./cart-82fb335f.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-ae717003.js → index-327855b3.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-2eb60c45.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-70c9eef4.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-33bbefe1.js → index-35a36563.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { g as useStyles } from './index-4d270f83.js';
+import { g as useStyles } from './index-0244dac6.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-13c5cb37.js → index-372a7906.js}

@@ -1,64 +1,64 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
-import { T as Text } from './index-c6d9afaf.js';
-import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, T as TextArea, P as PureInput } from './index.styles-5f08053e.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-1997593f.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, t as themeColors, c as Input$1, B as Button$1, S as Select, d as Checkbox$1, e as ChipButton } from './index-4d270f83.js';
-import { T as Text$1 } from './index-2600b313.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-8f144c22.js';
+import { T as Text } from './index-cff6fa8a.js';
+import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, T as TextArea, P as PureInput } from './index.styles-744229d2.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-39607580.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, t as themeColors, c as Input$1, B as Button$1, S as Select, d as Checkbox$1, e as ChipButton } from './index-0244dac6.js';
+import { T as Text$1 } from './index-49fdd4e0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-07864d1c.js';
 import { Bookmark, CalendarMB } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-c18af330.js';
-import { H as Heading } from './index-8450b670.js';
-import { t as theme } from './theme-f9fa9f7d.js';
+import { C as CommonGAssets } from './index-a1e67e5b.js';
+import { H as Heading } from './index-53a6fd2c.js';
+import { t as theme } from './theme-60650a33.js';
 import { Card, Group, Box, Flex, createStyles, Stack, getStylesRef, useMantineTheme, rem, Container, AspectRatio as AspectRatio$1, ScrollArea, Chip, Badge as Badge$1, MultiSelect, Stepper } from '@mantine/core';
 import innertext from 'innertext';
 import '@mantine/dates';
-import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-038581a6.js';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import './useMantineLocale-4a5da5bb.js';
-import './translationsContext-af680337.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-1e87ffee.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import './useMantineLocale-93212fdc.js';
+import './translationsContext-4a1a2e74.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-0845d2d8.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-2dc21509.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-e4cd0652.js';
-import { B as Button } from './index-e8aceac7.js';
-import { I as Input } from './index-ae717003.js';
+import { L as Logo } from './index-bc08b3bb.js';
+import { B as Button } from './index-4cccc095.js';
+import { I as Input } from './index-327855b3.js';
 import { keyframes } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-34384c12.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { i as isProduction } from './isProduction-3d314487.js';
+import { u as useTranslations } from './useTranslations-a239c5f4.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { D as DatePicker } from './index-0ee5bd27.js';
-import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-2d985bff.js';
-import { f as formatUserProfileUrl } from './index-d4aca121.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-82047766.js';
-import { s as setDefaultClass, H as HEALTH_TOOL_TYPE$1, b as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, d as getPremiumApiPath, e as getWebsiteUrlApi, f as getSsoApiPath } from './utils-73471653.js';
+import { D as DatePicker } from './index-e165db13.js';
+import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-b4084117.js';
+import { f as formatUserProfileUrl } from './index-a9e1b3fc.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4d2faff2.js';
+import { s as setDefaultClass, H as HEALTH_TOOL_TYPE$1, b as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, d as getPremiumApiPath, e as getWebsiteUrlApi, f as getSsoApiPath } from './utils-1679a39c.js';
 import { Controller, useForm as useForm$1 } from 'react-hook-form';
-import './constants-2eb60c45.js';
-import './utils-af53b08f.js';
-import './WhatsApp-ea79e6c6.js';
-import './index.styled-64a9c965.js';
-import './index-24b9c26b.js';
-import { a as useOutsideClick } from './useOutsideClick-43bfe834.js';
+import './constants-70c9eef4.js';
+import './utils-c4e01467.js';
+import './WhatsApp-dd2041da.js';
+import './index.styled-ce08a9e0.js';
+import './index-94d6a1dd.js';
+import { a as useOutsideClick } from './useOutsideClick-2403a1d8.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { D as Dropdown } from './index-bffe0e7b.js';
-import { g as getSocialList } from './getSocialList-af63459f.js';
+import { D as Dropdown } from './index-113a64e8.js';
+import { g as getSocialList } from './getSocialList-61e35698.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-b0c69805.js';
-import { I as Icon } from './index-f5a431cb.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-8b2f38b4.js';
+import { I as Icon } from './index-96077739.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-33bbefe1.js';
+import { M as Modal } from './index-35a36563.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-dc30b23e.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-8ab2c8da.js';
+import { g as getCookie } from './cookieHelper-d22415fc.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-dab0abfe.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -3071,12 +3071,14 @@ const ConceptionDate = (_a) => {
     return isMarryBaby ? (React__default.createElement("svg", Object.assign({ viewBox: "0 0 33 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
         React__default.createElement("path", { d: "M16.5 27.133c1.298 0 2.596-.149 3.868-.447a9.15 9.15 0 0 0 6.818-6.818 16.94 16.94 0 0 0 0-7.736 9.15 9.15 0 0 0-6.818-6.818 16.94 16.94 0 0 0-7.736 0 9.15 9.15 0 0 0-6.818 6.818A17 17 0 0 0 5.367 16a.867.867 0 1 1-1.734 0c0-1.43.165-2.862.494-4.264a10.88 10.88 0 0 1 8.109-8.11 18.7 18.7 0 0 1 8.528 0 10.88 10.88 0 0 1 8.11 8.11 18.7 18.7 0 0 1 0 8.528 10.88 10.88 0 0 1-8.11 8.11 18.7 18.7 0 0 1-4.264.493.867.867 0 0 1 0-1.734", fill: "#3E3F58" }),
         React__default.createElement("path", { d: "M11.633 16a4.867 4.867 0 1 1 9.734 0 4.867 4.867 0 0 1-9.734 0m4.867-3.133a3.133 3.133 0 1 0 0 6.266 3.133 3.133 0 0 0 0-6.266", fill: "#E85388" }),
-        React__default.createElement("path", { d: "M9.834 25.333a2.667 2.667 0 1 0-2.298-1.312l-.084.084a3.25 3.25 0 0 0-.952 2.298c0 .726-.41 1.39-1.06 1.715l-1.238.619a.667.667 0 0 0 .596 1.193l1.24-.62a3.25 3.25 0 0 0 1.796-2.907c0-.508.202-.995.561-1.355l.084-.084c.397.235.86.37 1.355.37", fill: "#3E3F58" }))) : (React__default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React__default.createElement("path", { d: "M2.385 16.268a.327.327 0 0 1-.025-.653c.097-.008 2.392-.223 2.348-2.14-.018-.783.2-1.41.646-1.862.699-.707 1.698-.705 1.74-.704a.327.327 0 0 1-.003.654h-.003c-.014 0-.775.005-1.273.513-.315.321-.468.787-.454 1.384.024 1.057-.489 1.881-1.485 2.382a4.4 4.4 0 0 1-1.49.426m-1.385 7.431a.327.327 0 0 1 .3-.352c.097-.007 2.382-.215 2.332-2.123-.02-.782.195-1.406.64-1.857.695-.703 1.693-.698 1.734-.697a.327.327 0 0 1-.008.654c-.02 0-.773.005-1.265.507-.313.318-.463.781-.448 1.376.028 1.055-.482 1.876-1.475 2.373a4.4 4.4 0 0 1-1.459.419.327.327 0 0 1-.351-.3", fill: "#D2D6DC" }),
-        React__default.createElement("path", { d: "M11.545 6.714c-.749-.749-2.607-.105-3.598.886-.543.543-.847 1.213-.887 1.83v.166l1.527 1.547.242.056c.617-.04 1.287-.344 1.83-.887.99-.991 1.635-2.85.886-3.598", fill: "#E3F2FF" }),
-        React__default.createElement("path", { d: "m7.06 9.43-.389 1a.73.73 0 0 0 .166.786l.207.207a.73.73 0 0 0 .784.165l1-.389z", fill: "#91CAFF" }),
-        React__default.createElement("path", { d: "M10.798 15.144c-.035-.277-.133-.52-.312-.697-.748-.75-2.607-.105-3.597.885-.544.544-.847 1.213-.888 1.831v.166l1.528 1.547.241.055c.618-.04 1.288-.343 1.831-.887.754-.754 1.307-2.012 1.197-2.9", fill: "#E3F2FF" }),
-        React__default.createElement("path", { d: "m6.001 17.163-.389 1a.73.73 0 0 0 .165.785l.208.207a.73.73 0 0 0 .784.165l1-.389z", fill: "#91CAFF" })));
+        React__default.createElement("path", { d: "M9.834 25.333a2.667 2.667 0 1 0-2.298-1.312l-.084.084a3.25 3.25 0 0 0-.952 2.298c0 .726-.41 1.39-1.06 1.715l-1.238.619a.667.667 0 0 0 .596 1.193l1.24-.62a3.25 3.25 0 0 0 1.796-2.907c0-.508.202-.995.561-1.355l.084-.084c.397.235.86.37 1.355.37", fill: "#3E3F58" }))) : (React__default.createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React__default.createElement("circle", { cx: "9", cy: "6.75", fill: "#91CAFF", r: "6.75" }),
+        React__default.createElement("circle", { cx: "9", cy: "6.75", fill: "#2D87F3", r: "5.4" }),
+        React__default.createElement("path", { d: "M1.789 12.2a.245.245 0 0 1-.02-.489c.073-.006 1.795-.167 1.761-1.605-.013-.587.15-1.057.485-1.397.524-.53 1.273-.528 1.305-.527a.245.245 0 0 1-.002.49h-.002c-.011 0-.582.004-.955.385-.236.24-.351.59-.34 1.038.018.793-.367 1.41-1.114 1.787a3.3 3.3 0 0 1-1.118.319M.75 17.774a.245.245 0 0 1 .226-.263c.073-.006 1.786-.162 1.749-1.593-.016-.586.146-1.055.48-1.392.521-.528 1.27-.524 1.3-.523a.245.245 0 0 1-.006.49c-.015 0-.58.004-.949.38q-.352.362-.335 1.033c.02.791-.362 1.406-1.106 1.78a3.3 3.3 0 0 1-1.095.313.245.245 0 0 1-.263-.225", fill: "#D2D6DC" }),
+        React__default.createElement("path", { d: "M8.659 5.035c-.562-.561-1.956-.078-2.699.665-.407.407-.635.91-.665 1.373v.124l1.145 1.16.181.042c.464-.03.966-.258 1.373-.665.743-.743 1.226-2.137.665-2.699", fill: "#E3F2FF" }),
+        React__default.createElement("path", { d: "m5.295 7.073-.292.75a.55.55 0 0 0 .124.589l.155.155a.55.55 0 0 0 .589.124l.75-.292z", fill: "#91CAFF" }),
+        React__default.createElement("path", { d: "M8.098 11.358a.87.87 0 0 0-.233-.523c-.562-.562-1.956-.079-2.699.664-.407.408-.635.91-.665 1.373v.125l1.146 1.16.18.042c.464-.03.966-.258 1.374-.666.566-.566.98-1.51.897-2.175", fill: "#E3F2FF" }),
+        React__default.createElement("path", { d: "m4.5 12.872-.29.75a.55.55 0 0 0 .123.589l.156.155a.55.55 0 0 0 .588.124l.75-.292z", fill: "#91CAFF" })));
 };
 
 const IVF = (_a) => {
@@ -4086,10 +4088,10 @@ const OvulationFormContext = createContext({});
 const DefaultLayout$1 = (_a) => {
     var props = __rest(_a, []);
     const { t } = useTranslations();
-    const { currentUrl, submitProps, form, calculatingMethods } = useContext(OvulationFormContext);
+    const { currentUrl, submitProps, form, calculatingMethods, isMobile } = useContext(OvulationFormContext);
     return (React__default.createElement(HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default.createElement(HealthToolFormWrapper.Control, null,
-            React__default.createElement(HealthToolFormWrapper.ChipGroup, Object.assign({ data: calculatingMethods, label: t('dueDatePage.calculationMethod') }, form.getInputProps('calculatorType')))),
+            React__default.createElement(HealthToolFormWrapper.ChipGroup, Object.assign({ data: calculatingMethods, label: t('dueDatePage.calculationMethod'), isMobile: isMobile }, form.getInputProps('calculatorType')))),
         React__default.createElement(DatePicker, Object.assign({ placeholder: "DD/MM/YYYY", popoverProps: {
                 withinPortal: true,
             }, label: t('dueDatePage.lastPeriod.lastPeriodLabel'), maxDate: new Date() }, form.getInputProps('lastPeriodDate'))),

package/build/esm/{index-2600b313.js → index-49fdd4e0.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
-import './index-4d270f83.js';
+import './index-0244dac6.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-038581a6.js';
-import './index-a1f5a5c0.js';
-import './index-c18af330.js';
-import './useMantineLocale-4a5da5bb.js';
-import { T as Text$1 } from './index-c6d9afaf.js';
-import './theme-f9fa9f7d.js';
-import './translationsContext-af680337.js';
+import './index-1e87ffee.js';
+import './index-463c98c4.js';
+import './index-a1e67e5b.js';
+import './useMantineLocale-93212fdc.js';
+import { T as Text$1 } from './index-cff6fa8a.js';
+import './theme-60650a33.js';
+import './translationsContext-4a1a2e74.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-1997593f.js';
+import './utils-39607580.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-1a7b14c0.js → index-4aec85b9.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-a1f5a5c0.js';
+import { L as LOCALE } from './index-463c98c4.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-c18af330.js';
-import { t as theme } from './theme-f9fa9f7d.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-4d270f83.js';
-import { T as Text } from './index-2600b313.js';
+import { C as CommonGAssets } from './index-a1e67e5b.js';
+import { t as theme } from './theme-60650a33.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-0244dac6.js';
+import { T as Text } from './index-49fdd4e0.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-e8aceac7.js → index-4cccc095.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-4d270f83.js';
+import { B as Button$1 } from './index-0244dac6.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'