@hhgtech/hhg-components 1.29.540 → 1.29.541

package/build/esm/{index-0955c408.js → index-677d3a78.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-77cd9344.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-3681f8cf.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-506e6b52.js';
-import { I as Icon } from './index-f30844e7.js';
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
-import { U as UserAvatar } from './index-d36eab24.js';
-import { I as ImageWrap, u as useScreenSize } from './index-5375335f.js';
-import './index-cbf056b3.js';
-import { C as CommonGAssets } from './index-6875c1c8.js';
-import { c as callApi, b as getCarePath, m as domainLocales, n as getCareHospitalUrl, o as getCareDoctorUrl, l as getCurrentBaseUrl, g as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-dc026004.js';
-import { B as Button } from './index-3e660ef5.js';
-import { T as Text } from './index-3bbbc192.js';
+import { u as useTranslations } from './index-09d9e570.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-538169b3.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-daa074e7.js';
+import { I as Icon } from './index-a22d54f1.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
+import { U as UserAvatar } from './index-a6a9fbc0.js';
+import { I as ImageWrap, u as useScreenSize } from './index-50aea2c8.js';
+import './index-8c40504a.js';
+import { C as CommonGAssets } from './index-7adf994c.js';
+import { c as callApi, b as getCarePath, m as domainLocales, n as getCareHospitalUrl, o as getCareDoctorUrl, l as getCurrentBaseUrl, g as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-5e9c89a7.js';
+import { B as Button } from './index-67429eb2.js';
+import { T as Text } from './index-0b67696c.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-0f6f959b.js';
-import { H as Heading } from './index-d8976f97.js';
-import { M as Modal } from './index-7f547ed0.js';
+import { L as Loading } from './index-4144308c.js';
+import { H as Heading } from './index-e348d0b2.js';
+import { M as Modal } from './index-3b8592c9.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-333ac225.js').then((module) => {
+                import('./index-02dedee9.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-b00db157.js → index-6fc4331d.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-da233812.js';
+import { C as Container } from './index-f0dc4a09.js';
 import dayjs from 'dayjs';
-import './index-cbf056b3.js';
-import './index-22d966bf.js';
+import './index-8c40504a.js';
+import './index-bd44bcb2.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-3845ef4e.js';
-import './index-6875c1c8.js';
-import './index-de616e2c.js';
-import { T as Text } from './index-3bbbc192.js';
-import './index-491eaab0.js';
-import './index-143508c1.js';
-import './index.styles-384bc5ac.js';
-import './translationsContext-23e1a5fa.js';
+import './index-fe4471f4.js';
+import './index-7adf994c.js';
+import './index-3f09210d.js';
+import { T as Text } from './index-0b67696c.js';
+import './index-2d25b0f0.js';
+import './index-17c85f76.js';
+import './index.styles-3adef5f6.js';
+import './translationsContext-18f7b7e0.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-3681f8cf.js';
-import './index-a9c3aa26.js';
-import { u as useScreenSize } from './index-5375335f.js';
+import { M as MediaQueries } from './utils-538169b3.js';
+import './index-04505e35.js';
+import { u as useScreenSize } from './index-50aea2c8.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-be585408.js';
-import { M as MarryBabyText } from './index-9383743f.js';
+import { L as Logo } from './index-4ee3cd67.js';
+import { M as MarryBabyText } from './index-de3a12d3.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-e14d5661.js → index-71f98af8.js}

@@ -3,10 +3,10 @@ import React__default from 'react';
 import classNames from 'classnames';
 import styled from '@emotion/styled';
 import { Box } from '@mantine/core';
-import { M as MediaQueries } from './utils-3681f8cf.js';
+import { M as MediaQueries } from './utils-538169b3.js';
 import { theme } from './miscTheme.js';
-import { u as useTranslations } from './index-77cd9344.js';
-import { T as Text } from './index-3bbbc192.js';
+import { u as useTranslations } from './index-09d9e570.js';
+import { T as Text } from './index-0b67696c.js';
 
 /* eslint-disable prettier/prettier */
 const ShoppingCartCare = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),

package/build/esm/{index-2fd18898.js → index-72e8c8cf.js}

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-cbf056b3.js';
+import { Z as ZINDEX_SSO } from './index-8c40504a.js';
 
 /* eslint-disable prettier/prettier */
 const Close = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" }, props),

package/build/esm/{index-8b7b1b65.js → index-73053988.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-3845ef4e.js';
+import './index-fe4471f4.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-6875c1c8.js';
+import { C as CommonGAssets } from './index-7adf994c.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-5375335f.js';
-import { T as Text } from './index-e2737e63.js';
-import { L as LOCALE } from './Locale-319efad4.js';
-import { f as CentralCarousel } from './index-22d966bf.js';
+import { I as ImageWrap } from './index-50aea2c8.js';
+import { T as Text } from './index-546ca9b5.js';
+import { L as LOCALE } from './Locale-dc1237b9.js';
+import { f as CentralCarousel } from './index-bd44bcb2.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-15d7ec85.js → index-755575f0.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default from 'react';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-2fd18898.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-72e8c8cf.js';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { Z as ZINDEX_SSO } from './index-cbf056b3.js';
+import { Z as ZINDEX_SSO } from './index-8c40504a.js';
 
 styled(DrawerComponent) `
   /* max-height: 100vh;

package/build/esm/{index-99e3b4b3.js → index-761fee8c.js}

@@ -2,22 +2,22 @@ import React__default, { useMemo, useRef, useState, useCallback, forwardRef, use
 import { Search } from '@hhgtech/icons/core';
 import { Skeleton, clsx, Box, Input, rem, ScrollArea, useMantineTheme, Stack, Flex, Text as Text$1, Select, Divider, Tabs } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { P as PinIcon, i as checkMarkIconUrl, h as getApiPath, u as useGeolocation } from './utils-c2f5fcea.js';
-import { a as useOutsideClick } from './useOutsideClick-62f8df5e.js';
-import { u as useTranslations } from './index-77cd9344.js';
+import { P as PinIcon, i as checkMarkIconUrl, h as getApiPath, u as useGeolocation } from './utils-5d9a60df.js';
+import { a as useOutsideClick } from './useOutsideClick-5ac585f9.js';
+import { u as useTranslations } from './index-09d9e570.js';
 import debounce from 'lodash/debounce';
-import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-52571ab3.js';
+import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-ce67620e.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-3681f8cf.js';
-import { C as Container } from './index-da233812.js';
-import { T as Text } from './index-3bbbc192.js';
-import { C as ChevronDown } from './ChevronDown-0f1e53d7.js';
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { M as MediaQueries } from './utils-538169b3.js';
+import { C as Container } from './index-f0dc4a09.js';
+import { T as Text } from './index-0b67696c.js';
+import { C as ChevronDown } from './ChevronDown-0a2a63a3.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import { ArrowLeft } from '@hhgtech/icons/arrow';
-import { M as Modal } from './index-7f547ed0.js';
-import { P as PATHS } from './paths-92e7e9f3.js';
-import { B as Button } from './index-491eaab0.js';
+import { M as Modal } from './index-3b8592c9.js';
+import { P as PATHS } from './paths-4a2d3f94.js';
+import { B as Button } from './index-2d25b0f0.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyleWrapperContainer = styled.div `

package/build/esm/{index-bdffd2f7.js → index-76c27a99.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-22d966bf.js';
+import './index-bd44bcb2.js';
 import '@mantine/dates';
-import './index-cbf056b3.js';
-import './index-3845ef4e.js';
-import './index-6875c1c8.js';
-import './index-de616e2c.js';
-import { T as Text } from './index-3bbbc192.js';
-import './index-491eaab0.js';
-import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-143508c1.js';
-import './index.styles-384bc5ac.js';
-import { u as useTranslations } from './index-77cd9344.js';
+import './index-8c40504a.js';
+import './index-fe4471f4.js';
+import './index-7adf994c.js';
+import './index-3f09210d.js';
+import { T as Text } from './index-0b67696c.js';
+import './index-2d25b0f0.js';
+import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-17c85f76.js';
+import './index.styles-3adef5f6.js';
+import { u as useTranslations } from './index-09d9e570.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-3681f8cf.js';
-import './index-a9c3aa26.js';
-import { C as CardWrapperContext } from './context-639601f2.js';
+import { M as MediaQueries } from './utils-538169b3.js';
+import './index-04505e35.js';
+import { C as CardWrapperContext } from './context-41a96757.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-cbc6a854.js → index-8691cdfe.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d03f5deb.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-00ab44b2.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-a9c3aa26.js';
-import { L as Loading } from './index-5a222769.js';
-import { a as formatPost, f as formatCommunity, b as formatArticle } from './dataTransform-2efc1c43.js';
+import { T as Tabs } from './index-04505e35.js';
+import { L as Loading } from './index-072ae440.js';
+import { a as formatPost, f as formatCommunity, b as formatArticle } from './dataTransform-60f9d527.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, f as getApiPath, e as callApiWithAuth } from './utils-dc026004.js';
+import { T as TogetherComponentGlobalContext, c as callApi, f as getApiPath, e as callApiWithAuth } from './utils-5e9c89a7.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-6875c1c8.js';
-import { I as ImageWrap } from './index-5375335f.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-0955c408.js';
-import { S as SocialType } from './index-3845ef4e.js';
-import { u as useTranslations } from './index-77cd9344.js';
+import { C as CommonGAssets } from './index-7adf994c.js';
+import { I as ImageWrap } from './index-50aea2c8.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-677d3a78.js';
+import { S as SocialType } from './index-fe4471f4.js';
+import { u as useTranslations } from './index-09d9e570.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { b as Anchor$1 } from './index-22d966bf.js';
+import { b as Anchor$1 } from './index-bd44bcb2.js';
 import '@mantine/dates';
-import './index-cbf056b3.js';
-import './index-de616e2c.js';
-import { T as Text } from './index-3bbbc192.js';
-import { B as Button } from './index-491eaab0.js';
-import './index-143508c1.js';
-import './index.styles-384bc5ac.js';
+import './index-8c40504a.js';
+import './index-3f09210d.js';
+import { T as Text } from './index-0b67696c.js';
+import { B as Button } from './index-2d25b0f0.js';
+import './index-17c85f76.js';
+import './index.styles-3adef5f6.js';
 import '@mantine/hooks';
-import './utils-3681f8cf.js';
+import './utils-538169b3.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-3f73f2e9.js';
-import { B as Button$1 } from './index-3e660ef5.js';
-import './translationsContext-23e1a5fa.js';
+import { d as decodeMention, b as decodePostUrl } from './post-e5fb69aa.js';
+import { B as Button$1 } from './index-67429eb2.js';
+import './translationsContext-18f7b7e0.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-cbf056b3.js → index-8c40504a.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-3845ef4e.js';
+import './index-fe4471f4.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-319efad4.js';
+import { L as LOCALE } from './Locale-dc1237b9.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-6e6245bc.js → index-953963c1.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-3681f8cf.js';
+import { M as MediaQueries } from './utils-538169b3.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-3c9bdce9.js → index-a002ff96.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-22d966bf.js';
+import { R as Radio } from './index-bd44bcb2.js';
 import '@mantine/dates';
-import './index-cbf056b3.js';
-import './index-3845ef4e.js';
-import { C as CommonGAssets } from './index-6875c1c8.js';
-import './index-de616e2c.js';
-import { T as Text } from './index-3bbbc192.js';
-import './index-491eaab0.js';
-import './index-143508c1.js';
-import './index.styles-384bc5ac.js';
-import { u as useTranslations } from './index-77cd9344.js';
+import './index-8c40504a.js';
+import './index-fe4471f4.js';
+import { C as CommonGAssets } from './index-7adf994c.js';
+import './index-3f09210d.js';
+import { T as Text } from './index-0b67696c.js';
+import './index-2d25b0f0.js';
+import './index-17c85f76.js';
+import './index.styles-3adef5f6.js';
+import { u as useTranslations } from './index-09d9e570.js';
 import '@mantine/hooks';
-import './utils-3681f8cf.js';
-import './index-a9c3aa26.js';
+import './utils-538169b3.js';
+import './index-04505e35.js';
 
 const sizeMap = {
     lg: {

package/build/esm/{index-27a7b901.js → index-a19a47a8.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-5149f3fe.js';
-import { u as useTranslations } from './index-77cd9344.js';
-import { C as CommonGAssets } from './index-6875c1c8.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-fa7d38fe.js';
-import { G as GenderOptionControl } from './index-3c9bdce9.js';
-import { I as Input, S as Select } from './index-22d966bf.js';
-import { D as DatePicker } from './index-da211e96.js';
-import { T as Text } from './index-3bbbc192.js';
-import './index-491eaab0.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-795263ae.js';
+import { u as useTranslations } from './index-09d9e570.js';
+import { C as CommonGAssets } from './index-7adf994c.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-367949ba.js';
+import { G as GenderOptionControl } from './index-a002ff96.js';
+import { I as Input, S as Select } from './index-bd44bcb2.js';
+import { D as DatePicker } from './index-0861b084.js';
+import { T as Text } from './index-0b67696c.js';
+import './index-2d25b0f0.js';
 import '@mantine/core';
-import './index-143508c1.js';
-import './index.styles-384bc5ac.js';
+import './index-17c85f76.js';
+import './index.styles-3adef5f6.js';
 import '@mantine/hooks';
-import './index-de616e2c.js';
-import './utils-3681f8cf.js';
-import './index-a9c3aa26.js';
-import './index-cbf056b3.js';
-import { C as CardWrapperContext } from './context-639601f2.js';
-import { H as HealthToolFormWrapper } from './index-553ce604.js';
+import './index-3f09210d.js';
+import './utils-538169b3.js';
+import './index-04505e35.js';
+import './index-8c40504a.js';
+import { C as CardWrapperContext } from './context-41a96757.js';
+import { H as HealthToolFormWrapper } from './index-c6190f14.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-f30844e7.js → index-a22d54f1.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-aba2a437.js';
-import { S as Spinner } from './Spinner-3b5a13ca.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-6a0c0a12.js';
+import { S as Spinner } from './Spinner-589f30ad.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-d36eab24.js → index-a6a9fbc0.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-dc026004.js';
+import { T as TogetherComponentGlobalContext } from './utils-5e9c89a7.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-64b141ee.js → index-b0feae54.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-3681f8cf.js';
+import { t as toggleNoScroll } from './utils-538169b3.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-2f04f549.js';
-import { T as Text } from './index-3bbbc192.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-6f4b6cee.js';
+import { T as Text } from './index-0b67696c.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-70d35661.js → index-bc902d5e.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-5149f3fe.js';
-import { u as useTranslations } from './index-77cd9344.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-fa7d38fe.js';
-import { I as Input } from './index-22d966bf.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-795263ae.js';
+import { u as useTranslations } from './index-09d9e570.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-367949ba.js';
+import { I as Input } from './index-bd44bcb2.js';
 import '@mantine/dates';
-import './index-cbf056b3.js';
-import './index-3845ef4e.js';
-import './index-6875c1c8.js';
-import './index-de616e2c.js';
-import { T as Text } from './index-3bbbc192.js';
-import './index-491eaab0.js';
-import './index-143508c1.js';
-import './index.styles-384bc5ac.js';
+import './index-8c40504a.js';
+import './index-fe4471f4.js';
+import './index-7adf994c.js';
+import './index-3f09210d.js';
+import { T as Text } from './index-0b67696c.js';
+import './index-2d25b0f0.js';
+import './index-17c85f76.js';
+import './index.styles-3adef5f6.js';
 import '@mantine/hooks';
-import './utils-3681f8cf.js';
-import './index-a9c3aa26.js';
-import { C as CardWrapperContext } from './context-639601f2.js';
-import { H as HealthToolFormWrapper } from './index-553ce604.js';
-import { I as INPUT_RANGE } from './constants-731dae04.js';
+import './utils-538169b3.js';
+import './index-04505e35.js';
+import { C as CardWrapperContext } from './context-41a96757.js';
+import { H as HealthToolFormWrapper } from './index-c6190f14.js';
+import { I as INPUT_RANGE } from './constants-34703dc5.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-22d966bf.js → index-bd44bcb2.js}

@@ -1,25 +1,25 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d03f5deb.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-00ab44b2.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-6875c1c8.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-143508c1.js';
-import { u as useScreenSize, I as ImageWrap } from './index-5375335f.js';
+import { C as CommonGAssets } from './index-7adf994c.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-17c85f76.js';
+import { u as useScreenSize, I as ImageWrap } from './index-50aea2c8.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-3bbbc192.js';
-import { t as themeColors } from './index-de616e2c.js';
+import { T as Text } from './index-0b67696c.js';
+import { t as themeColors } from './index-3f09210d.js';
 import { theme } from './miscTheme.js';
-import { A as ANIMATION_DURATION } from './shared-b138264a.js';
+import { A as ANIMATION_DURATION } from './shared-b07d1eb2.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-1ef11bd9.js';
+import { a as useUniqueId } from './useUniqueId-38cdf062.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-491eaab0.js';
+import { B as Button } from './index-2d25b0f0.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-a3e5bcb1.js → index-c4cc6979.js}

@@ -1,25 +1,27 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-3681f8cf.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-538169b3.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-d03f5deb.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-f30c0076.js';
-import { I as Input } from './index-22d966bf.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-5e2dff13.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { u as useTranslations } from './index-09d9e570.js';
+import { I as Input } from './index-bd44bcb2.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-cbf056b3.js';
-import './index-3845ef4e.js';
-import './index-6875c1c8.js';
-import './index-de616e2c.js';
-import './index-3bbbc192.js';
-import './index-491eaab0.js';
-import './index-143508c1.js';
-import './index.styles-384bc5ac.js';
-import './translationsContext-23e1a5fa.js';
+import './index-8c40504a.js';
+import './index-fe4471f4.js';
+import './index-7adf994c.js';
+import './index-3f09210d.js';
+import './index-0b67696c.js';
+import './index-2d25b0f0.js';
+import './index-17c85f76.js';
+import './index.styles-3adef5f6.js';
+import './translationsContext-18f7b7e0.js';
 import '@mantine/hooks';
-import './index-a9c3aa26.js';
-import { C as Close } from './index-2fd18898.js';
+import './index-04505e35.js';
+import { C as Close } from './index-72e8c8cf.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),
@@ -417,11 +419,17 @@ PureInput.displayName = 'PureInput';
 const DEFAULT_DEVICE_SIZES = [
     320, 420, 640, 750, 828, 1080, 1200, 1440, 1920, 2048,
 ];
-const defaultLoader = ({ src, width, quality }) => {
+const defaultLoader = ({ src, width, quality, locale }) => {
     try {
-        const url = new URL(src, typeof window !== 'undefined'
+        const baseDomain = typeof window !== 'undefined'
             ? window.location.origin
-            : 'http://localhost');
+            : domainLocales[locale]
+                ? `https://${domainLocales[locale]}`
+                : '';
+        if (!baseDomain) {
+            return src;
+        }
+        const url = new URL(src, baseDomain);
         url.searchParams.set('w', String(width));
         url.searchParams.set('q', String(quality !== null && quality !== void 0 ? quality : 75));
         return url.toString();
@@ -443,12 +451,13 @@ function getWidths(opts) {
 const ImageWrapV2 = (_a) => {
     var { alt, backupSrc, src, placeholderSrc, style, ref, unoptimized = false, quality, sizes, width } = _a, props = __rest(_a, ["alt", "backupSrc", "src", "placeholderSrc", "style", "ref", "unoptimized", "quality", "sizes", "width"]);
     const [hasError, setHasError] = useState(false);
+    const { locale = 'vi-VN' } = useTranslations();
     const widths = useMemo(() => (unoptimized ? [] : getWidths({ sizes, width })), [sizes, width, unoptimized]);
     const srcSet = useMemo(() => {
         if (unoptimized)
             return undefined;
         return widths
-            .map((w) => `${defaultLoader({ src, width: w, quality })} ${w}w`)
+            .map((w) => `${defaultLoader({ src, width: w, quality, locale })} ${w}w`)
             .join(', ');
     }, [unoptimized, widths, src, quality]);
     const computedSrc = useMemo(() => {
@@ -456,7 +465,7 @@ const ImageWrapV2 = (_a) => {
             return src;
         // pick the largest width in the set for the base `src`
         const w = widths.length ? widths[widths.length - 1] : width !== null && width !== void 0 ? width : 1920;
-        return defaultLoader({ src, width: w, quality });
+        return defaultLoader({ src, width: w, quality, locale });
     }, [unoptimized, widths, src, quality, width]);
     return (React__default.createElement(StyledImage, Object.assign({ loading: "lazy", alt: alt, srcSet: srcSet, onError: () => !hasError && setHasError(true), src: hasError ? backupSrc || computedSrc : computedSrc || backupSrc, style: Object.assign(Object.assign({}, (placeholderSrc
             ? {