@hhgtech/hhg-components 1.29.74 → 1.29.76

package/build/esm/{getDynamicHealthTool-6a1d5115.js → getDynamicHealthTool-10e36e9d.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-6d3de7c2.js';
+import { n as normalizeLinkSlash } from './normalizeLink-61ae52b5.js';
+import { c as getDiscoverApiDomain } from './routing-322eaa4c.js';
+import { g as getDataWithCache } from './core-f79180f8.js';
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/esm/{getSocialList-af63459f.js → getSocialList-a6c786db.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-6d3de7c2.js';
+import { I as Instagram } from './Instagram-de0e8d98.js';
+import { W as WhatsApp } from './WhatsApp-11fc8356.js';
+import { S as SocialType, L as LOCALE } from './index-352d0aa5.js';
+import { C as CommonGAssets } from './index-cd069a89.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-d26d2dd7.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-f874e0ac.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-948fb6a8.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-28a3c4c6.js';
+export { u as useIsInit } from './useIsInit-4ba52ee9.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-d1486166.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-a727e698.js';
 import 'react';
-import './translationsContext-af680337.js';
+import './translationsContext-a21c43b4.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-6d3de7c2.js';
+import './cookieHelper-8494dcf1.js';
+import './index-352d0aa5.js';
+import './getDynamicHealthTool-10e36e9d.js';
+import './normalizeLink-61ae52b5.js';
+import './routing-322eaa4c.js';
+import './index-413867da.js';
 import 'date-fns/locale';
-import './isProduction-34384c12.js';
-import './core-adbcbe2f.js';
+import './isProduction-a01c18e3.js';
+import './core-f79180f8.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-a21c43b4.js';
+export { T as TranslationsContext } from './translationsContext-a21c43b4.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-a21c43b4.js';
+export { T as TranslationsContext } from './translationsContext-a21c43b4.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-91aefc57.js → index-22423f24.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-6d3de7c2.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-d0a2f6ec.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-413867da.js';
+import { L as LOCALE } from './index-352d0aa5.js';
+import './index-cd069a89.js';
+import './useMantineLocale-9b58b685.js';
+import './index-c79781fb.js';
+import './theme-ac1a0e46.js';
+import { u as useTranslations } from './useTranslations-d26d2dd7.js';
 import '@mantine/hooks';
-import './utils-1997593f.js';
-import { M as MAPPED_LOCALE } from './utils-0a07daac.js';
+import './utils-3d823a9f.js';
+import { M as MAPPED_LOCALE } from './utils-4caabcaf.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-13c5cb37.js → index-2f4855a8.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-c79781fb.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-82c0faa1.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-3d823a9f.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-d0a2f6ec.js';
+import { T as Text$1 } from './index-9c23f470.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-6d3de7c2.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-cd069a89.js';
+import { H as Heading } from './index-88b710e3.js';
+import { t as theme } from './theme-ac1a0e46.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-413867da.js';
+import { L as LOCALE } from './index-352d0aa5.js';
+import './useMantineLocale-9b58b685.js';
+import './translationsContext-a21c43b4.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-aee34a48.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-a570b2ed.js';
+import { B as Button } from './index-5f3f2d6f.js';
+import { I as Input } from './index-7d30d2d2.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-a01c18e3.js';
+import { u as useTranslations } from './useTranslations-d26d2dd7.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-a3ca59d6.js';
+import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-707072a0.js';
+import { f as formatUserProfileUrl } from './index-d5092c27.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-28a3c4c6.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-296f6ce0.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-14a25a1f.js';
+import './utils-c74c31bf.js';
+import './WhatsApp-11fc8356.js';
+import './index.styled-ce027616.js';
+import './index-f1b4e4f6.js';
+import { a as useOutsideClick } from './useOutsideClick-d1486166.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-53d2876e.js';
+import { g as getSocialList } from './getSocialList-a6c786db.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-322eaa4c.js';
+import { I as Icon } from './index-caf6722b.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-33bbefe1.js';
+import { M as Modal } from './index-efc77575.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-8494dcf1.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-61ae52b5.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-038581a6.js → index-413867da.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-352d0aa5.js';
+import { i as isProduction } from './isProduction-a01c18e3.js';
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/esm/{index-920bd478.js → index-42b1983c.js}

@@ -1,22 +1,22 @@
 import React__default from 'react';
-import { C as Container } from './index-a3f9e8d3.js';
+import { C as Container } from './index-5f5297aa.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-038581a6.js';
-import { u as useScreenSize } from './index-4d270f83.js';
+import { d as domainLocales } from './index-413867da.js';
+import { u as useScreenSize } from './index-d0a2f6ec.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-a1f5a5c0.js';
-import './index-c18af330.js';
-import './useMantineLocale-4a5da5bb.js';
-import { T as Text } from './index-c6d9afaf.js';
-import { t as theme } from './theme-f9fa9f7d.js';
-import './translationsContext-af680337.js';
+import './index-352d0aa5.js';
+import './index-cd069a89.js';
+import './useMantineLocale-9b58b685.js';
+import { T as Text } from './index-c79781fb.js';
+import { t as theme } from './theme-ac1a0e46.js';
+import './translationsContext-a21c43b4.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1997593f.js';
+import { M as MediaQueries } from './utils-3d823a9f.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-e4cd0652.js';
-import { M as MarryBabyText } from './index-95029090.js';
+import { L as Logo } from './index-a570b2ed.js';
+import { M as MarryBabyText } from './index-450a7d58.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-95029090.js → index-450a7d58.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-6d3de7c2.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-ce027616.js';
 
 const MarryBabyHeading = (_a) => {
     var { type, color, style } = _a, props = __rest(_a, ["type", "color", "style"]);

package/build/esm/{index-bffe0e7b.js → index-53d2876e.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-ac1a0e46.js';
 
 const StyledDropdown = styled.div `
   --dropdown-padding: 12px 18px 12px 16px;

package/build/esm/{index-1a7b14c0.js → index-5d51ace9.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-6d3de7c2.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-a1f5a5c0.js';
+import { L as LOCALE } from './index-352d0aa5.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-cd069a89.js';
+import { t as theme } from './theme-ac1a0e46.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-d0a2f6ec.js';
+import { T as Text } from './index-9c23f470.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-e8aceac7.js → index-5f3f2d6f.js}

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

package/build/esm/{index-2d985bff.js → index-707072a0.js}

@@ -1,30 +1,30 @@
 import React__default, { useRef, useEffect, useState, useMemo, createContext, useContext } from 'react';
 import { Portal, Box, Flex, rem, createStyles, Input, Chip, useMantineTheme, Switch } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-1997593f.js';
-import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$b } from './index.styles-5f08053e.js';
-import { T as Text } from './index-c6d9afaf.js';
-import { t as theme } from './theme-f9fa9f7d.js';
-import { M as MarryBabyText } from './index-95029090.js';
-import { T as Text$1 } from './index-2600b313.js';
-import { u as useScrollbarSize } from './useScrollbarSize-7162b71f.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-3d823a9f.js';
+import { w as StyledBackdrop, x as StyledDrawer, y as StyledDrawerPanel, z as StyledDrawerContent, A as StyledRadioImageGroup, B as StyledRadioImageItem, C as useStyles$b } from './index.styles-82c0faa1.js';
+import { T as Text } from './index-c79781fb.js';
+import { t as theme } from './theme-ac1a0e46.js';
+import { M as MarryBabyText } from './index-450a7d58.js';
+import { T as Text$1 } from './index-9c23f470.js';
+import { u as useScrollbarSize } from './useScrollbarSize-f874e0ac.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-73471653.js';
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { s as setDefaultClass } from './utils-296f6ce0.js';
+import { _ as __rest } from './tslib.es6-6d3de7c2.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { R as Radio, B as Button, c as Input$1 } from './index-4d270f83.js';
-import { C as CommonGAssets } from './index-c18af330.js';
-import './constants-2eb60c45.js';
-import './index-a1f5a5c0.js';
-import './utils-af53b08f.js';
-import { D as DatePicker } from './index-0ee5bd27.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import { R as Radio, B as Button, c as Input$1 } from './index-d0a2f6ec.js';
+import { C as CommonGAssets } from './index-cd069a89.js';
+import './constants-14a25a1f.js';
+import './index-352d0aa5.js';
+import './utils-c74c31bf.js';
+import { D as DatePicker } from './index-a3ca59d6.js';
+import { u as useTranslations } from './useTranslations-d26d2dd7.js';
 import '@mantine/hooks';
-import './useMantineLocale-4a5da5bb.js';
-import './index-038581a6.js';
-import './WhatsApp-ea79e6c6.js';
-import './index.styled-64a9c965.js';
-import './index-24b9c26b.js';
+import './useMantineLocale-9b58b685.js';
+import './index-413867da.js';
+import './WhatsApp-11fc8356.js';
+import './index.styled-ce027616.js';
+import './index-f1b4e4f6.js';
 import { BabyBoyMB, BabyGirlMB, CalendarMB } from '@hhgtech/icons/other';
 import '@mantine/dates';
 import flattenChildren from 'react-keyed-flatten-children';

package/build/esm/{index-c8daeacf.js → index-75509fc3.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-caf6722b.js';
+import { u as useTranslations } from './useTranslations-d26d2dd7.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-ac1a0e46.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-ae717003.js → index-7d30d2d2.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-6d3de7c2.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-14a25a1f.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-8450b670.js → index-88b710e3.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-6d3de7c2.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-c6d9afaf.js';
+import { T as Text } from './index-c79781fb.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-2600b313.js → index-9c23f470.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-6d3de7c2.js';
 import React__default from 'react';
-import './index-4d270f83.js';
+import './index-d0a2f6ec.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-413867da.js';
+import './index-352d0aa5.js';
+import './index-cd069a89.js';
+import './useMantineLocale-9b58b685.js';
+import { T as Text$1 } from './index-c79781fb.js';
+import './theme-ac1a0e46.js';
+import './translationsContext-a21c43b4.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-1997593f.js';
+import './utils-3d823a9f.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-0ee5bd27.js → index-a3ca59d6.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-8f144c22.js';
+import { _ as __rest } from './tslib.es6-6d3de7c2.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-038581a6.js';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import { C as CommonGAssets } from './index-c18af330.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-4a5da5bb.js';
+import { I as ISO_FORMAT } from './index-413867da.js';
+import { L as LOCALE } from './index-352d0aa5.js';
+import { C as CommonGAssets } from './index-cd069a89.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-9b58b685.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-e4cd0652.js → index-a570b2ed.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-a1f5a5c0.js';
-import { C as CommonGAssets } from './index-c18af330.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-af53b08f.js';
-import { I as ImageWrap } from './index-4d270f83.js';
+import { L as LOCALE } from './index-352d0aa5.js';
+import { C as CommonGAssets } from './index-cd069a89.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-c74c31bf.js';
+import { I as ImageWrap } from './index-d0a2f6ec.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({