@hhgtech/hhg-components 1.28.70 → 1.28.71

package/build/esm/hooks.js

@@ -1,21 +1,21 @@
-export { u as useTranslations } from './useTranslations-d53557b4.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-ee04fb14.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-e00a99e3.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-3ab5f2b6.js';
-export { u as useIsInit } from './useIsInit-18a571ff.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-8a0c90ee.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-fc42d583.js';
+export { u as useTranslations } from './useTranslations-11ca11e5.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-57007490.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-49600258.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-5c00869c.js';
+export { u as useIsInit } from './useIsInit-a9d16a40.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-c5d0b46a.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-a109f6f2.js';
 import 'react';
-import './translationsContext-62ed87ff.js';
+import './translationsContext-5b434e73.js';
 import 'string-format';
 import 'lodash/debounce';
-import './tslib.es6-f79929c2.js';
-import './cookieHelper-8ee29f1a.js';
-import './Subot-73dd692f.js';
-import './getDynamicHealthTool-a43e5baa.js';
-import './normalizeLink-139f9dfd.js';
-import './routing-b5780749.js';
-import './index-852bb5ca.js';
+import './tslib.es6-d2860203.js';
+import './cookieHelper-1fa8c992.js';
+import './Subot-13765fc1.js';
+import './getDynamicHealthTool-d0e275bf.js';
+import './normalizeLink-99fa3579.js';
+import './routing-c36e74f5.js';
+import './index-6ce90a3d.js';
 import 'date-fns/locale';
-import './isProduction-9081cff7.js';
-import './core-23d12cc0.js';
+import './isProduction-0081544f.js';
+import './core-179185b6.js';

package/build/esm/i18n.js

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

package/build/esm/{index-70eeb14d.js → index-05d21c9b.js}

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

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

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

package/build/esm/{index-d1d2e96b.js → index-289fe068.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-f79929c2.js';
+import { _ as __rest } from './tslib.es6-d2860203.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-01e95463.js';
+import { B as Button$1 } from './index-8c7406e3.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-bd89745e.js → index-2a553b0d.js}

@@ -1,17 +1,17 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-f79929c2.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d2860203.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-01e95463.js';
+import { c as Input, S as Select } from './index-8c7406e3.js';
 import '@mantine/dates';
-import { c as CDN_ADDRESS } from './index-852bb5ca.js';
-import { L as LOCALE } from './Subot-73dd692f.js';
-import './index-ec1cc2ea.js';
-import './index-ebb8bd0e.js';
-import './theme-7522724d.js';
-import { u as useTranslations } from './useTranslations-d53557b4.js';
+import { c as CDN_ADDRESS } from './index-6ce90a3d.js';
+import { L as LOCALE } from './Subot-13765fc1.js';
+import './index-ae18afd1.js';
+import './index-f1903142.js';
+import './theme-ce10a226.js';
+import { u as useTranslations } from './useTranslations-11ca11e5.js';
 import '@mantine/hooks';
-import './utils-f7ab8c32.js';
-import { M as MAPPED_LOCALE } from './utils-5e5da593.js';
+import './utils-308636b8.js';
+import { M as MAPPED_LOCALE } from './utils-deda6ca6.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-9622b7d8.js → index-2c5a78bb.js}

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

package/build/esm/{index-2a68f8b2.js → index-5650110b.js}

@@ -1,17 +1,17 @@
-import { _ as __rest } from './tslib.es6-f79929c2.js';
+import { _ as __rest } from './tslib.es6-d2860203.js';
 import React__default from 'react';
-import './index-01e95463.js';
+import './index-8c7406e3.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-852bb5ca.js';
-import './Subot-73dd692f.js';
-import './index-ec1cc2ea.js';
-import { T as Text$1 } from './index-ebb8bd0e.js';
-import './theme-7522724d.js';
-import './translationsContext-62ed87ff.js';
+import './index-6ce90a3d.js';
+import './Subot-13765fc1.js';
+import './index-ae18afd1.js';
+import { T as Text$1 } from './index-f1903142.js';
+import './theme-ce10a226.js';
+import './translationsContext-5b434e73.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-f7ab8c32.js';
+import './utils-308636b8.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-cc7415a3.js → index-5c245d70.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext, useState } from 'react';
-import { M as MediaQueries } from './utils-f7ab8c32.js';
+import { M as MediaQueries } from './utils-308636b8.js';
 import styled from 'styled-components';
-import { t as theme } from './theme-7522724d.js';
-import { _ as __rest } from './tslib.es6-f79929c2.js';
-import { T as TogetherComponentGlobalContext } from './utils-72693be6.js';
+import { t as theme } from './theme-ce10a226.js';
+import { _ as __rest } from './tslib.es6-d2860203.js';
+import { T as TogetherComponentGlobalContext } from './utils-60b326f3.js';
 
 const StyledPopup = styled.div `
   position: fixed;

package/build/esm/{index-852bb5ca.js → index-6ce90a3d.js}

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

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

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-f79929c2.js';
+import { _ as __rest } from './tslib.es6-d2860203.js';
 import React__default from 'react';
 import { Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-852bb5ca.js';
-import { L as LOCALE } from './Subot-73dd692f.js';
-import { C as CommonGAssets } from './index-ec1cc2ea.js';
-import { M as MAPPED_LOCALE } from './index-01e95463.js';
+import { I as ISO_FORMAT } from './index-6ce90a3d.js';
+import { L as LOCALE } from './Subot-13765fc1.js';
+import { C as CommonGAssets } from './index-ae18afd1.js';
+import { M as MAPPED_LOCALE } from './index-8c7406e3.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

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

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

package/build/esm/{index-355c0d8a.js → index-86bc13f8.js}

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

package/build/esm/{index-01e95463.js → index-8c7406e3.js}

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

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

@@ -1,43 +1,43 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-f79929c2.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d2860203.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-01e95463.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-8c7406e3.js';
 import styled, { css } from 'styled-components';
-import { t as theme } from './theme-7522724d.js';
-import { T as Text } from './index-ebb8bd0e.js';
-import { C as CommonGAssets } from './index-ec1cc2ea.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-852bb5ca.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-139f9dfd.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-b5780749.js';
-import { P as Popup, U as UserAvatar, c as formatCommunity, a as formatPost } from './index-cc7415a3.js';
-import { L as Logo } from './index-e183dc84.js';
-import { u as useTranslations } from './useTranslations-d53557b4.js';
+import { t as theme } from './theme-ce10a226.js';
+import { T as Text } from './index-f1903142.js';
+import { C as CommonGAssets } from './index-ae18afd1.js';
+import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-6ce90a3d.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-99fa3579.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-c36e74f5.js';
+import { P as Popup, U as UserAvatar, c as formatCommunity, a as formatPost } from './index-5c245d70.js';
+import { L as Logo } from './index-c137f7b7.js';
+import { u as useTranslations } from './useTranslations-11ca11e5.js';
 import throttle from 'lodash/throttle';
 import { createStyles, rem, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './Subot-73dd692f.js';
-import './translationsContext-62ed87ff.js';
+import { L as LOCALE } from './Subot-13765fc1.js';
+import './translationsContext-5b434e73.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-f7ab8c32.js';
-import { L as LOCALISED_SLUGS } from './constants-da0dfbf1.js';
-import { I as Icon } from './index-a23ed47f.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-308636b8.js';
+import { L as LOCALISED_SLUGS } from './constants-440febbd.js';
+import { I as Icon } from './index-b17571f3.js';
 import { User } from '@hhgtech/icons/core';
-import { g as getDefaultClassWrapper } from './index.styles-31411b37.js';
-import { C as ChevronDown } from './ChevronDown-0ed72d46.js';
-import { B as Button } from './index-d1d2e96b.js';
-import { x as domainLocalesMarryBaby } from './utils-72693be6.js';
-import { a as LOCALIZED_SLUGS } from './constants-bf79fcda.js';
-import { H as Heading } from './index-355c0d8a.js';
-import { I as Indicator$1 } from './index-a3806b2a.js';
-import { u as useIsInit } from './useIsInit-18a571ff.js';
-import './utils-2af1561c.js';
-import './index.styled-385c2908.js';
-import './index-0b1da466.js';
+import { g as getDefaultClassWrapper } from './index.styles-2bae49e5.js';
+import { C as ChevronDown } from './ChevronDown-1155e49b.js';
+import { B as Button } from './index-289fe068.js';
+import { x as domainLocalesMarryBaby } from './utils-60b326f3.js';
+import { a as LOCALIZED_SLUGS } from './constants-c807cd46.js';
+import { H as Heading } from './index-86bc13f8.js';
+import { I as Indicator$1 } from './index-07b00914.js';
+import { u as useIsInit } from './useIsInit-a9d16a40.js';
+import './utils-3afc496b.js';
+import './index.styled-0b6172e7.js';
+import './index-fc67d190.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-fb17aef5.js';
+import { C as Container } from './index-47348a81.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-23d12cc0.js';
+import { g as getDataWithCache } from './core-179185b6.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -1111,7 +1111,7 @@ function HamburgerIcon({ siteType, enableSearch, className }) {
     }
     /** Marry Baby */
     return (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className },
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z", fill: "#3E3F58" })));
+        React__default.createElement("path", { d: "M3.35 15a.65.65 0 0 1 .65-.65h10a.65.65 0 1 1 0 1.3H4a.65.65 0 0 1-.65-.65m0-6A.65.65 0 0 1 4 8.35h16a.65.65 0 1 1 0 1.3H4A.65.65 0 0 1 3.35 9", fill: "#3E3F58" })));
 }
 
 // import { StyledMenuPopupWrapperClass } from '../../atoms/PopupWrapper/index.styled'

package/build/esm/{index-652f4b90.js → index-9802b924.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-f79929c2.js';
+import { _ as __rest } from './tslib.es6-d2860203.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-73dd692f.js';
-import { C as CommonGAssets } from './index-ec1cc2ea.js';
-import { t as theme } from './theme-7522724d.js';
+import { L as LOCALE } from './Subot-13765fc1.js';
+import { C as CommonGAssets } from './index-ae18afd1.js';
+import { t as theme } from './theme-ce10a226.js';
 import styled from 'styled-components';
-import { I as ImageWrap, f as CentralCarousel } from './index-01e95463.js';
-import { T as Text } from './index-2a68f8b2.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-8c7406e3.js';
+import { T as Text } from './index-5650110b.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-191e851e.js → index-98a2697a.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-f79929c2.js';
+import { _ as __rest } from './tslib.es6-d2860203.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-bf79fcda.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-c807cd46.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

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

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

package/build/esm/{index-552efa5f.js → index-a1c602ad.js}

@@ -1,67 +1,66 @@
 import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, forwardRef, createContext, useContext } from 'react';
-import { T as Text } from './index-ebb8bd0e.js';
-import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, h as StyledDropdownList, i as StyledDropdownOption, j as StyledIcon$1, k as StyledGrid, l as StyledPagination, m as StyledPageBlock, n as StyledPaginationBlock, o as StyledTag, p as StyledToggle, q as StyledToggleIcon, r as StyledToggleLabel, s as StyledCheckbox, t as StyledRateStars, u as useStyles$4, T as TextArea, g as getDefaultClassWrapper, P as PureInput } from './index.styles-31411b37.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-f7ab8c32.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-01e95463.js';
-import { T as Text$1 } from './index-2a68f8b2.js';
-import { a as useUniqueId } from './useUniqueId-fc42d583.js';
-import { C as CommonGAssets } from './index-ec1cc2ea.js';
-import { H as Heading } from './index-355c0d8a.js';
-import { t as theme } from './theme-7522724d.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-f79929c2.js';
+import { T as Text } from './index-f1903142.js';
+import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, h as StyledDropdownList, i as StyledDropdownOption, j as StyledIcon$1, k as StyledGrid, l as StyledPagination, m as StyledPageBlock, n as StyledPaginationBlock, o as StyledTag, p as StyledToggle, q as StyledToggleIcon, r as StyledToggleLabel, s as StyledCheckbox, t as StyledRateStars, u as useStyles$4, T as TextArea, g as getDefaultClassWrapper, P as PureInput } from './index.styles-2bae49e5.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-308636b8.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-8c7406e3.js';
+import { T as Text$1 } from './index-5650110b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d2860203.js';
+import { C as CommonGAssets } from './index-ae18afd1.js';
+import { H as Heading } from './index-86bc13f8.js';
+import { t as theme } from './theme-ce10a226.js';
 import { Box, Radio as Radio$2, Flex, rem, Card, Group, createStyles, Stack, getStylesRef, useMantineTheme, Container as Container$1, UnstyledButton, 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, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-852bb5ca.js';
-import { G as Gender, L as LOCALE } from './Subot-73dd692f.js';
-import './translationsContext-62ed87ff.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-6ce90a3d.js';
+import { G as Gender, L as LOCALE } from './Subot-13765fc1.js';
+import './translationsContext-5b434e73.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-c28b5670.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-932fb619.js';
 import styled, { keyframes, css } from 'styled-components';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-e183dc84.js';
-import { B as Button } from './index-d1d2e96b.js';
-import { I as Input } from './index-191e851e.js';
+import { L as Logo } from './index-c137f7b7.js';
+import { B as Button } from './index-289fe068.js';
+import { I as Input } from './index-98a2697a.js';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-9081cff7.js';
-import { u as useTranslations } from './useTranslations-d53557b4.js';
+import { i as isProduction } from './isProduction-0081544f.js';
+import { u as useTranslations } from './useTranslations-11ca11e5.js';
 import { CalendarMB, Calendar } from '@hhgtech/icons/other';
 import { format, addDays, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import dayjs from 'dayjs';
-import { D as DATE_FORMAT } from './types-d32df09b.js';
-import { Z as Z_INDEX, s as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, o as callApiWithAuth, d as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, t as getPremiumApiPath, u as getWebsiteUrlApi, v as getSsoApiPath } from './utils-72693be6.js';
-import { D as DatePicker } from './index-d57cd8e6.js';
-import { M as MarryBabyText } from './index-9622b7d8.js';
-import { S as Slider } from './index-a5ac9bab.js';
-import { D as Dropdown } from './index-bf14ddf1.js';
-import { C as Container } from './index-fb17aef5.js';
+import { D as DATE_FORMAT } from './types-fc52d24c.js';
+import { Z as Z_INDEX, s as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, o as callApiWithAuth, d as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, t as getPremiumApiPath, u as getWebsiteUrlApi, v as getSsoApiPath } from './utils-60b326f3.js';
+import { D as DatePicker } from './index-b0f3eb90.js';
+import { M as MarryBabyText } from './index-2c5a78bb.js';
+import { S as Slider } from './index-a1435280.js';
+import { D as Dropdown } from './index-7e581d0c.js';
+import { C as Container } from './index-47348a81.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-3ab5f2b6.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-5c00869c.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { B as BabyGrowthGender, D as Drawer } from './index-f1227130.js';
-import { L as Label } from './constants-bf79fcda.js';
-import { h as formatUserProfileUrl } from './index-cc7415a3.js';
-import './utils-2af1561c.js';
-import './index.styled-385c2908.js';
-import './index-0b1da466.js';
-import { a as useOutsideClick } from './useOutsideClick-8a0c90ee.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-ee0cc7f4.js';
+import { L as Label } from './constants-c807cd46.js';
+import { h as formatUserProfileUrl } from './index-5c245d70.js';
+import './utils-3afc496b.js';
+import './index.styled-0b6172e7.js';
+import './index-fc67d190.js';
+import { a as useOutsideClick } from './useOutsideClick-c5d0b46a.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 { g as getSocialList } from './getSocialList-961c0579.js';
+import { g as getSocialList } from './getSocialList-d332d243.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-b5780749.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-c36e74f5.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-a23ed47f.js';
+import { I as Icon } from './index-b17571f3.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-70eeb14d.js';
+import { M as Modal } from './index-05d21c9b.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-8ee29f1a.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-139f9dfd.js';
+import { g as getCookie } from './cookieHelper-1fa8c992.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-99fa3579.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -286,24 +285,16 @@ const Checkbox = ({ label, name, checked, className, isDisabled, onChange, value
         !isRectangle && React__default.createElement("label", { htmlFor: `${name}-${value}` }, label)));
 };
 
-const StarEmptyIcon = (props) => {
-    return (React__default.createElement("svg", Object.assign({}, props, { viewBox: "0 0 32 32", fill: "none" }),
-        React__default.createElement("path", { d: "M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z", fill: "#D2D6DC" })));
-};
-
-const StarFullIcon = (props) => {
-    return (React__default.createElement("svg", Object.assign({}, props, { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none" }),
-        React__default.createElement("path", { d: "M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z", fill: "#FFC326" })));
-};
-
 const StarHalfIcon = (props) => {
-    const id = useUniqueId();
     return (React__default.createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24", fill: "none" }),
-        React__default.createElement("path", { d: "M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z", fill: "#E4E8EC" }),
-        React__default.createElement("mask", { id: id, maskUnits: "userSpaceOnUse", x: "2", y: "0", width: "10", height: "24" },
-            React__default.createElement("rect", { x: "2", width: "10", height: "24", fill: "#C4C4C4" })),
-        React__default.createElement("g", { mask: `url(#${id})` },
-            React__default.createElement("path", { d: "M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z", fill: "#FFC326" }))));
+        React__default.createElement("path", { d: "m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#E4E8EC" }),
+        React__default.createElement("path", { d: "M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#FFC326" })));
+};
+
+const StarIcon = (_a) => {
+    var { isFull } = _a, props = __rest(_a, ["isFull"]);
+    return (React__default.createElement("svg", Object.assign({}, props, { viewBox: "0 0 32 32", fill: "none" }),
+        React__default.createElement("path", { d: "m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z", fill: isFull ? '#FFC326' : '#D2D6DC' })));
 };
 
 /**
@@ -324,7 +315,7 @@ const RateStars = ({ gap = 2, size = 24, star, totalStars = 5, onSelect, hideEmp
     }).map((_, index) => {
         const onMouseOver = () => !!onSelect && setTempStar(index + 1);
         const onMouseLeave = () => !!onSelect && setTempStar(null);
-        return index + 1 <= tempFullStars ? (React__default.createElement(StarFullIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave })) : index + 1 === tempFullStars + tempHalfStars ? (React__default.createElement(StarHalfIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave })) : (React__default.createElement(StarEmptyIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave }));
+        return index + 1 <= tempFullStars ? (React__default.createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, isFull: true })) : index + 1 === tempFullStars + tempHalfStars ? (React__default.createElement(StarHalfIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave })) : (React__default.createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave }));
     })));
 };
 

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-f79929c2.js';
+import { _ as __rest } from './tslib.es6-d2860203.js';
 import React__default from 'react';
-import { t as theme } from './theme-7522724d.js';
-import { S as Share, E as Eye, W as WhatsApp, w as Spinner } from './utils-72693be6.js';
+import { t as theme } from './theme-ce10a226.js';
+import { S as Share, E as Eye, W as WhatsApp, w as Spinner } from './utils-60b326f3.js';
 
 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-e183dc84.js → index-c137f7b7.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-73dd692f.js';
-import { C as CommonGAssets } from './index-ec1cc2ea.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-2af1561c.js';
-import { I as ImageWrap } from './index-01e95463.js';
+import { L as LOCALE } from './Subot-13765fc1.js';
+import { C as CommonGAssets } from './index-ae18afd1.js';
+import { i as isChristmas, a as LunarNewYearLocale, b as isLunarNewYear, c as isNewYear, d as isRamadan, e as isVNHungKing, f as isVN3004, g as isLabourDay, S as StyledLogo, L as LogoIcon, h as StyledProLogo } from './utils-3afc496b.js';
+import { I as ImageWrap } from './index-8c7406e3.js';
 
 const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
     const [seasonalChecks, setSeasonalChecks] = useState({