@hhgtech/hhg-components 1.29.73 → 1.29.75

package/build/esm/{index-e3922507.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-48aa11fa.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-24632d00.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-e5a41857.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-aec52984.js';
-import { T as Text$1 } from './index-c803014f.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-45871bbc.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-69f55d11.js';
-import { H as Heading } from './index-46b1d834.js';
-import { t as theme } from './theme-cafb1b7e.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-c675bc81.js';
-import { L as LOCALE } from './index-d4ab26e1.js';
-import './useMantineLocale-d5a490a7.js';
-import './translationsContext-5a7e49ea.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-745a699e.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-f222dc31.js';
-import { B as Button } from './index-2b27c88d.js';
-import { I as Input } from './index-ef13f9d7.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-5adfd290.js';
-import { u as useTranslations } from './useTranslations-e1ff30a8.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-d4511b01.js';
-import { H as HealthToolFormWrapper, G as GenderOptionControl, B as BabyGrowthForm, I as INPUT_RANGE, D as Drawer } from './index-936f64cd.js';
-import { f as formatUserProfileUrl } from './index-2b0241b5.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-8bb6324d.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-9508cee2.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-175ce529.js';
-import './utils-a0db2bff.js';
-import './WhatsApp-23f1608f.js';
-import './index.styled-686c3f9e.js';
-import './index-a73cfedb.js';
-import { a as useOutsideClick } from './useOutsideClick-9fb70faa.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-f543f46b.js';
-import { g as getSocialList } from './getSocialList-d58152a1.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-66547ea3.js';
-import { I as Icon } from './index-8ecb0fe1.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-fbb41471.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-9f2a561d.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-2aba1307.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-c803014f.js → index-49fdd4e0.js}

@@ -1,18 +1,18 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
-import './index-aec52984.js';
+import './index-0244dac6.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-c675bc81.js';
-import './index-d4ab26e1.js';
-import './index-69f55d11.js';
-import './useMantineLocale-d5a490a7.js';
-import { T as Text$1 } from './index-48aa11fa.js';
-import './theme-cafb1b7e.js';
-import './translationsContext-5a7e49ea.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-e5a41857.js';
+import './utils-39607580.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-1924dc8f.js → index-4aec85b9.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-d4ab26e1.js';
+import { L as LOCALE } from './index-463c98c4.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-69f55d11.js';
-import { t as theme } from './theme-cafb1b7e.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-aec52984.js';
-import { T as Text } from './index-c803014f.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-2b27c88d.js → index-4cccc095.js}

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

package/build/esm/{index-46b1d834.js → index-53a6fd2c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-48aa11fa.js';
+import { T as Text } from './index-cff6fa8a.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-c3893474.js → index-57c6e8c2.js}

@@ -1,13 +1,13 @@
 import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { t as StyledDivider, u as useStyles, v as StyledContainer } from './index.styles-24632d00.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-45871bbc.js';
-import { u as useTranslations } from './useTranslations-e1ff30a8.js';
-import { B as Button } from './index-aec52984.js';
-import { P as PATHS } from './paths-640f0519.js';
-import { a as LOCALIZED_SLUGS } from './constants-175ce529.js';
-import { d as domainLocales } from './index-c675bc81.js';
-import { h as callApi, i as getCarePath } from './utils-9508cee2.js';
-import { i as isProduction } from './isProduction-5adfd290.js';
+import { t as StyledDivider, u as useStyles, v as StyledContainer } from './index.styles-744229d2.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-07864d1c.js';
+import { u as useTranslations } from './useTranslations-a239c5f4.js';
+import { B as Button } from './index-0244dac6.js';
+import { P as PATHS } from './paths-240fd65a.js';
+import { a as LOCALIZED_SLUGS } from './constants-70c9eef4.js';
+import { d as domainLocales } from './index-1e87ffee.js';
+import { h as callApi, i as getCarePath } from './utils-1679a39c.js';
+import { i as isProduction } from './isProduction-3d314487.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-8ecb0fe1.js → index-96077739.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
-import { t as theme } from './theme-cafb1b7e.js';
-import { E as Eye, S as Spinner } from './utils-9508cee2.js';
-import { I as Instagram } from './Instagram-e371b349.js';
-import { W as WhatsApp } from './WhatsApp-23f1608f.js';
+import { t as theme } from './theme-60650a33.js';
+import { E as Eye, S as Spinner } from './utils-1679a39c.js';
+import { I as Instagram } from './Instagram-7eebb0ad.js';
+import { W as WhatsApp } from './WhatsApp-dd2041da.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-69f55d11.js → index-a1e67e5b.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-c675bc81.js';
-import { i as isProduction } from './isProduction-5adfd290.js';
+import { d as domainLocales } from './index-1e87ffee.js';
+import { i as isProduction } from './isProduction-3d314487.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-2b0241b5.js → index-a9e1b3fc.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-e5a41857.js';
-import { t as theme } from './theme-cafb1b7e.js';
-import { _ as __rest } from './tslib.es6-45871bbc.js';
-import { T as TogetherComponentGlobalContext } from './utils-9508cee2.js';
+import { M as MediaQueries } from './utils-39607580.js';
+import { t as theme } from './theme-60650a33.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
+import { T as TogetherComponentGlobalContext } from './utils-1679a39c.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-936f64cd.js → index-b4084117.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-e5a41857.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-24632d00.js';
-import { T as Text } from './index-48aa11fa.js';
-import { t as theme } from './theme-cafb1b7e.js';
-import { M as MarryBabyText } from './index-286446de.js';
-import { T as Text$1 } from './index-c803014f.js';
-import { u as useScrollbarSize } from './useScrollbarSize-988455e0.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-39607580.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-744229d2.js';
+import { T as Text } from './index-cff6fa8a.js';
+import { t as theme } from './theme-60650a33.js';
+import { M as MarryBabyText } from './index-2251cbd7.js';
+import { T as Text$1 } from './index-49fdd4e0.js';
+import { u as useScrollbarSize } from './useScrollbarSize-aa67a4c7.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-9508cee2.js';
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { s as setDefaultClass } from './utils-1679a39c.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { R as Radio, B as Button, c as Input$1 } from './index-aec52984.js';
-import { C as CommonGAssets } from './index-69f55d11.js';
-import './constants-175ce529.js';
-import './index-d4ab26e1.js';
-import './utils-a0db2bff.js';
-import { D as DatePicker } from './index-d4511b01.js';
-import { u as useTranslations } from './useTranslations-e1ff30a8.js';
+import { R as Radio, B as Button, c as Input$1 } from './index-0244dac6.js';
+import { C as CommonGAssets } from './index-a1e67e5b.js';
+import './constants-70c9eef4.js';
+import './index-463c98c4.js';
+import './utils-c4e01467.js';
+import { D as DatePicker } from './index-e165db13.js';
+import { u as useTranslations } from './useTranslations-a239c5f4.js';
 import '@mantine/hooks';
-import './useMantineLocale-d5a490a7.js';
-import './index-c675bc81.js';
-import './WhatsApp-23f1608f.js';
-import './index.styled-686c3f9e.js';
-import './index-a73cfedb.js';
+import './useMantineLocale-93212fdc.js';
+import './index-1e87ffee.js';
+import './WhatsApp-dd2041da.js';
+import './index.styled-ce08a9e0.js';
+import './index-94d6a1dd.js';
 import { BabyBoyMB, BabyGirlMB, CalendarMB } from '@hhgtech/icons/other';
 import '@mantine/dates';
 import flattenChildren from 'react-keyed-flatten-children';

package/build/esm/{index-f222dc31.js → index-bc08b3bb.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-d4ab26e1.js';
-import { C as CommonGAssets } from './index-69f55d11.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-a0db2bff.js';
-import { I as ImageWrap } from './index-aec52984.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import { C as CommonGAssets } from './index-a1e67e5b.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-c4e01467.js';
+import { I as ImageWrap } from './index-0244dac6.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({

package/build/esm/{index-48aa11fa.js → index-cff6fa8a.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-e5a41857.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-39607580.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-d4511b01.js → index-e165db13.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-c675bc81.js';
-import { L as LOCALE } from './index-d4ab26e1.js';
-import { C as CommonGAssets } from './index-69f55d11.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-d5a490a7.js';
+import { I as ISO_FORMAT } from './index-1e87ffee.js';
+import { L as LOCALE } from './index-463c98c4.js';
+import { C as CommonGAssets } from './index-a1e67e5b.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-93212fdc.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-2d608170.js → index-ec01f492.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-45871bbc.js';
+import { _ as __rest } from './tslib.es6-07864d1c.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-cafb1b7e.js';
+import { t as theme } from './theme-60650a33.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-080ac418.js → index-f077e925.js}

@@ -1,24 +1,24 @@
 import React__default from 'react';
-import { C as Container } from './index-481dab4d.js';
+import { C as Container } from './index-0e8a6537.js';
 import dayjs from 'dayjs';
-import { d as domainLocales } from './index-c675bc81.js';
-import { u as useScreenSize } from './index-aec52984.js';
+import { d as domainLocales } from './index-1e87ffee.js';
+import { u as useScreenSize } from './index-0244dac6.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-d4ab26e1.js';
-import './index-69f55d11.js';
-import './useMantineLocale-d5a490a7.js';
-import { T as Text } from './index-48aa11fa.js';
-import { t as theme } from './theme-cafb1b7e.js';
-import './translationsContext-5a7e49ea.js';
+import './index-463c98c4.js';
+import './index-a1e67e5b.js';
+import './useMantineLocale-93212fdc.js';
+import { T as Text } from './index-cff6fa8a.js';
+import { t as theme } from './theme-60650a33.js';
+import './translationsContext-4a1a2e74.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-e5a41857.js';
+import { M as MediaQueries } from './utils-39607580.js';
 import styled from '@emotion/styled';
-import { L as Logo } from './index-f222dc31.js';
-import { M as MarryBabyText } from './index-286446de.js';
+import { L as Logo } from './index-bc08b3bb.js';
+import { M as MarryBabyText } from './index-2251cbd7.js';
 
-const StyledFooter = styled.footer `
+const StyledFooter$1 = styled.footer `
   background-color: #1b3250;
 
   .inner {
@@ -239,7 +239,7 @@ const DiscoverFooter = ({ className, footerInfo, locale }) => {
     const { isMobile } = useScreenSize();
     const footerMenu = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu;
     const verifiedIcons = ((_b = (_a = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _a === void 0 ? void 0 : _a.verified) === null || _b === void 0 ? void 0 : _b.filter(Boolean)) || [];
-    return (React__default.createElement(StyledFooter, { className: className },
+    return (React__default.createElement(StyledFooter$1, { className: className },
         React__default.createElement(Container, null,
             React__default.createElement("div", { className: "inner" },
                 React__default.createElement("a", { href: "/" },
@@ -267,24 +267,125 @@ const DiscoverFooter = ({ className, footerInfo, locale }) => {
                             } })))))));
 };
 
-var styles = {"footerContainer":"B6-KmWK","menuContainer":"GS-7mbG","wrapMenuItem":"qc5bEb3","wrapItems":"CQGVeuT","wrapCopyRight":"_8eUT8Jr","wrapInfo":"_6JMoel-","socialLink":"pFG7UH3"};
+const StyledFooter = styled.footer `
+  position: relative;
+  overflow: hidden;
+  .icons {
+    margin-top: 12px;
+    margin-bottom: 20px;
+    > a:not(:last-child) {
+      margin-right: 16px;
+    }
+  }
+
+  a {
+    text-decoration: none;
+  }
+`;
+const StyledMenuContainer = styled.div `
+  position: relative;
+  padding: 80px 0 40px;
+  margin: auto 68px;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+
+  border-bottom: 1px solid ${theme.colors.neutral200};
+
+  ${MediaQueries.tdDown} {
+    margin: auto 16px;
+    flex-wrap: wrap;
+    row-gap: 32px;
+    column-gap: 16px;
+  }
+
+  ${MediaQueries.mbDown} {
+    margin: auto 0;
+  }
+`;
+const StyledWrapMenuItem = styled.div `
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  flex-direction: column;
+
+  ${MediaQueries.mbDown} {
+    flex: 1 1 160px;
+  }
+  .title {
+    padding-bottom: 4px;
+  }
+`;
+const StyledWrapItems = styled.div `
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  flex-direction: column;
+`;
+const StyledWrapCopyRight = styled.div `
+  background-color: #{map-get($mbColors, 'dark')};
+  padding: 16px 0;
+  position: relative;
+
+  img {
+    width: 89px;
+    height: 32px;
+  }
+  .content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 174px;
+    margin: auto 68px;
+
+    ${MediaQueries.tdDown} {
+      margin: auto 16px;
+    }
+
+    ${MediaQueries.mbDown} {
+      flex-direction: column-reverse;
+      gap: 16px;
+      align-items: flex-start;
+      margin: auto 0;
+    }
+  }
+
+  .verify {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+  }
+`;
+const StyledWrapInfo = styled.div `
+  padding: 40px 0;
+  ${MediaQueries.mbUp} {
+    margin: auto 68px;
+  }
+`;
+const StyledSocialLink = styled.div `
+  display: flex;
+  gap: 16px;
+  .social-logo {
+    width: 28px;
+  }
+`;
 
 const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) => {
     var _a;
     if (!footerMenu)
         return null;
     const { general, menu, socials } = footerMenu;
-    return (React__default.createElement("footer", { className: styles.footerContainer , style: {
+    return (React__default.createElement(StyledFooter, { style: {
             backgroundColor: background ? background : 'none',
         } },
         React__default.createElement(Container, null,
-            React__default.createElement("div", { className: styles.menuContainer }, menu === null || menu === void 0 ? void 0 : menu.map(({ menu_title, items }, idx) => (React__default.createElement("div", { className: styles.wrapMenuItem, key: `mbf${idx}` },
+            React__default.createElement(StyledMenuContainer, null, menu === null || menu === void 0 ? void 0 : menu.map(({ menu_title, items }, idx) => (React__default.createElement(StyledWrapMenuItem, { key: `mbf${idx}` },
                 React__default.createElement(MarryBabyText, { className: "title", type: "subtitle-1", color: theme.mbColors.pink }, menu_title), items === null || items === void 0 ? void 0 :
                 items.map(({ title, url }, id) => (React__default.createElement("a", { "data-event-category": "Footer", "data-event-action": "Click", "data-event-label": `${url}`, className: "link", href: url, key: `footer-links-${id}` },
-                    React__default.createElement("div", { className: styles.wrapItems, key: `mbitem${id}` },
+                    React__default.createElement(StyledWrapItems, { key: `mbitem${id}` },
                         React__default.createElement(MarryBabyText, { type: "bodytext-2", color: theme.mbColors.gray }, title)))))))))),
         React__default.createElement(Container, null,
-            React__default.createElement("div", { className: styles.wrapInfo },
+            React__default.createElement(StyledWrapInfo, null,
                 React__default.createElement(Flex, { gap: '24px', sx: (theme) => ({
                         [theme.fn.largerThan('sm')]: {
                             '.info-item': {
@@ -302,14 +403,14 @@ const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) =>
                             React__default.createElement("div", { dangerouslySetInnerHTML: {
                                     __html: general === null || general === void 0 ? void 0 : general.content,
                                 } })),
-                        React__default.createElement("div", { className: styles.socialLink }, socials === null || socials === void 0 ? void 0 : socials.map(({ icon, name, url }, id) => (React__default.createElement("a", { key: `social${id}`, target: "_blank", rel: "noreferrer", "data-event-category": "Footer", "data-event-action": `Follow us - ${name}`, "data-content-label": name, href: url },
+                        React__default.createElement(StyledSocialLink, null, socials === null || socials === void 0 ? void 0 : socials.map(({ icon, name, url }, id) => (React__default.createElement("a", { key: `social${id}`, target: "_blank", rel: "noreferrer", "data-event-category": "Footer", "data-event-action": `Follow us - ${name}`, "data-content-label": name, href: url },
                             React__default.createElement("img", { className: "social-logo", loading: "lazy", src: icon, alt: name })))))),
                     React__default.createElement(Box, { className: "info-item", sx: { paddingTop: '7px' } },
                         React__default.createElement(Text, { size: "p4", as: "div" },
                             React__default.createElement("div", { dangerouslySetInnerHTML: {
                                     __html: general === null || general === void 0 ? void 0 : general.information,
                                 } })))))),
-        React__default.createElement("div", { className: styles.wrapCopyRight },
+        React__default.createElement(StyledWrapCopyRight, null,
             React__default.createElement(Container, null,
                 React__default.createElement("div", { className: "content" },
                     React__default.createElement(Text, { size: "p5", color: "#fff", as: "div" },