@hhgtech/hhg-components 1.29.511-beta-4 → 1.29.511-beta-6

package/build/esm/{index-8ac7479b.js → index-8a0bde01.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-7fc2a46d.js';
-import { H as Heading } from './index-ebc412ff.js';
-import { T as Text } from './index-97f62156.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-169720fe.js';
+import { B as Button } from './index-73095d19.js';
+import { H as Heading } from './index-fc62f9a6.js';
+import { T as Text } from './index-57abf279.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-ca8fa8f0.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-1a33ddc4.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-e5694348.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-32ebdc02.js';
-import { I as Input } from './index-97181361.js';
-import { u as useTranslations } from './index-042dcb4e.js';
-import { e as formatComment } from './dataTransform-caa9a4ef.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-f9fbfc24.js';
+import { a as __awaiter } from './tslib.es6-c559b3e8.js';
+import { I as Input } from './index-add30e03.js';
+import { u as useTranslations } from './index-f7b5888c.js';
+import { e as formatComment } from './dataTransform-aef34b23.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-aeed9500.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-59b7d54e.js';
-import { C as CardLink } from './index-3b913bde.js';
-import { L as Loading } from './index-e29764c9.js';
-import { U as UserAvatar } from './index-6c8ef0be.js';
-import { R as RichTextEditor } from './editor-6f455bd5.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-7f845b43.js';
+import { C as CardLink } from './index-8ca53c41.js';
+import { L as Loading } from './index-fac94ca8.js';
+import { U as UserAvatar } from './index-c62e78eb.js';
+import { R as RichTextEditor } from './editor-99ae4e82.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-0b3bbf31.js';
-import { C as CloseIcon } from './index-6ce04c72.js';
+import { P as Popup } from './index-3a14a43b.js';
+import { C as CloseIcon } from './index-2afb6577.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-3b913bde.js → index-8ca53c41.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-32ebdc02.js';
+import { a as __awaiter } from './tslib.es6-c559b3e8.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-ebc412ff.js';
-import { T as Text } from './index-97f62156.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-1a33ddc4.js';
+import { H as Heading } from './index-fc62f9a6.js';
+import { T as Text } from './index-57abf279.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-e5694348.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-f9fbfc24.js';
+import { D as DEFAULT_IMG } from './constants-aeed9500.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-ed097fd9.js → index-9527b0f5.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-2bccca1f.js';
-import { u as useTranslations } from './index-042dcb4e.js';
-import { C as CommonGAssets } from './index-601a7bc7.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-f9fbfc24.js';
-import { G as GenderOptionControl } from './index-ce974ee8.js';
-import { I as Input, S as Select } from './index-943fda9f.js';
-import { D as DatePicker } from './index-6dad05f5.js';
-import { T as Text } from './index-97f62156.js';
-import './index-8666cf5d.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4cb99bce.js';
+import { u as useTranslations } from './index-f7b5888c.js';
+import { C as CommonGAssets } from './index-1e8995e3.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-aeed9500.js';
+import { G as GenderOptionControl } from './index-c590550d.js';
+import { I as Input, S as Select } from './index-cbec5583.js';
+import { D as DatePicker } from './index-a56b2051.js';
+import { T as Text } from './index-57abf279.js';
+import './index-97f227e0.js';
 import '@mantine/core';
-import './index-20d472d4.js';
-import './index.styles-1b9b3005.js';
+import './index-303c14f2.js';
+import './index.styles-a443f621.js';
 import '@mantine/hooks';
-import './index-e508b476.js';
-import './utils-169720fe.js';
-import './index-08366c25.js';
-import './index-7207998c.js';
-import { C as CardWrapperContext } from './context-1b4e33cf.js';
-import { H as HealthToolFormWrapper } from './index-3304aff2.js';
+import './index-9f688bbf.js';
+import './utils-ca8fa8f0.js';
+import './index-45af635c.js';
+import './index-afcf458c.js';
+import { C as CardWrapperContext } from './context-e79613e8.js';
+import { H as HealthToolFormWrapper } from './index-4f507378.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-0b0b1f72.js → index-97370344.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-97f62156.js';
-import { u as useTranslations } from './index-042dcb4e.js';
+import { T as Text } from './index-57abf279.js';
+import { u as useTranslations } from './index-f7b5888c.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-8666cf5d.js → index-97f227e0.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, getStylesRef, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-a85946d0.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-20d472d4.js';
+import { A as ANIMATION_DURATION } from './shared-99e9e4d4.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-303c14f2.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-a377670c.js → index-9ec7b8e8.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-601a7bc7.js';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-1a33ddc4.js';
-import { G as GA_TOKEN_COOKIE } from './index-7207998c.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-f2c90b2d.js';
+import { C as CommonGAssets } from './index-1e8995e3.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-e5694348.js';
+import { G as GA_TOKEN_COOKIE } from './index-afcf458c.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-e48323bb.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-32ebdc02.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-a9cc7615.js';
-import { I as ImageWrap } from './index-8eec8241.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-fd09ee9c.js';
-import { u as useTranslations } from './index-042dcb4e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c559b3e8.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-46720cb9.js';
+import { I as ImageWrap } from './index-d9f19dc8.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-21fc53fe.js';
+import { u as useTranslations } from './index-f7b5888c.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, g as ChipButton, I as Input, c as AspectRatio$1 } from './index-943fda9f.js';
+import { d as Checkbox, g as ChipButton, I as Input, c as AspectRatio$1 } from './index-cbec5583.js';
 import '@mantine/dates';
-import './index-1d49f721.js';
-import { t as themeColors } from './index-e508b476.js';
-import { T as Text } from './index-97f62156.js';
-import { B as Button } from './index-8666cf5d.js';
-import './index-20d472d4.js';
-import './index.styles-1b9b3005.js';
+import './index-dcce19a7.js';
+import { t as themeColors } from './index-9f688bbf.js';
+import { T as Text } from './index-57abf279.js';
+import { B as Button } from './index-97f227e0.js';
+import './index-303c14f2.js';
+import './index.styles-a443f621.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-169720fe.js';
-import './index-08366c25.js';
+import './utils-ca8fa8f0.js';
+import './index-45af635c.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-caa64751.js';
-import { H as Heading } from './index-ebc412ff.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-2bccca1f.js';
-import { I as Icon } from './index-1ca3c412.js';
+import './translationsContext-603cbb79.js';
+import { H as Heading } from './index-fc62f9a6.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4cb99bce.js';
+import { I as Icon } from './index-38e1feba.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-3841a830.js';
-import { M as Modal } from './index-642d3c07.js';
+import { i as isVideo } from './index-fe633429.js';
+import { M as Modal } from './index-d7aafea4.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-016dce17.js';
+import { L as LOCALE } from './Locale-83d710f0.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-e508b476.js → index-9f688bbf.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-32ebdc02.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-1d49f721.js';
-import { L as LOCALE } from './Locale-016dce17.js';
+import './index-dcce19a7.js';
+import { L as LOCALE } from './Locale-83d710f0.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-7207998c.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-afcf458c.js';
 import { em, rem } from '@mantine/core';
-import { C as CommonGAssets } from './index-601a7bc7.js';
+import { C as CommonGAssets } from './index-1e8995e3.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-169720fe.js';
-import { C as CustomStylesType, F as FontWeight } from './index-20d472d4.js';
-import { A as ANIMATION_DURATION } from './shared-a85946d0.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-ca8fa8f0.js';
+import { C as CustomStylesType, F as FontWeight } from './index-303c14f2.js';
+import { A as ANIMATION_DURATION } from './shared-99e9e4d4.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-7323d813.js → index-a555c377.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-32ebdc02.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c559b3e8.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-08366c25.js';
-import { L as Loading } from './index-26cbf04c.js';
-import './index-1d49f721.js';
-import { g as formatArticle } from './dataTransform-caa9a4ef.js';
+import { T as Tabs } from './index-45af635c.js';
+import { L as Loading } from './index-b47bc7de.js';
+import './index-dcce19a7.js';
+import { g as formatArticle } from './dataTransform-aef34b23.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-1a33ddc4.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-e5694348.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-42ced94a.js';
-import { L as LOCALE } from './Locale-016dce17.js';
+import { C as CardAuthor } from './index-4c4143c5.js';
+import { L as LOCALE } from './Locale-83d710f0.js';
 import '@hhgtech/icons/other';
-import './index-8666cf5d.js';
-import './shared-a85946d0.js';
-import './index-20d472d4.js';
-import './index-97f62156.js';
-import './index-042dcb4e.js';
-import './translationsContext-caa64751.js';
-import './index-7fc2a46d.js';
-import './index-b12e29be.js';
+import './index-97f227e0.js';
+import './shared-99e9e4d4.js';
+import './index-303c14f2.js';
+import './index-57abf279.js';
+import './index-f7b5888c.js';
+import './translationsContext-603cbb79.js';
+import './index-73095d19.js';
+import './index-7bba7d42.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-f9fbfc24.js';
+import './constants-aeed9500.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-169720fe.js';
-import './index-6b76b46c.js';
-import './paths-42349c42.js';
-import './constants-943dbe86.js';
-import './index-7207998c.js';
+import './utils-ca8fa8f0.js';
+import './index-6172dbce.js';
+import './paths-75d99d3a.js';
+import './constants-35914805.js';
+import './index-afcf458c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-1ca3c412.js';
+import './index-38e1feba.js';
 import './miscTheme.js';
-import './WhatsApp-e9ef657e.js';
-import './Spinner-732333ad.js';
-import './index-6c8ef0be.js';
+import './WhatsApp-b386bb61.js';
+import './Spinner-699b0058.js';
+import './index-c62e78eb.js';
 import '@emotion/styled';
-import './index-8eec8241.js';
-import './index-601a7bc7.js';
-import './index-e29764c9.js';
+import './index-d9f19dc8.js';
+import './index-1e8995e3.js';
+import './index-fac94ca8.js';
 import '@emotion/react';
-import './index-ebc412ff.js';
-import './index-642d3c07.js';
-import './index.styles-1b9b3005.js';
+import './index-fc62f9a6.js';
+import './index-d7aafea4.js';
+import './index.styles-a443f621.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-6dad05f5.js → index-a56b2051.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-7207998c.js';
-import './index-1d49f721.js';
-import { C as CommonGAssets } from './index-601a7bc7.js';
-import { M as MAPPED_LOCALE } from './index-e508b476.js';
-import { L as LOCALE } from './Locale-016dce17.js';
+import { I as ISO_FORMAT } from './index-afcf458c.js';
+import './index-dcce19a7.js';
+import { C as CommonGAssets } from './index-1e8995e3.js';
+import { M as MAPPED_LOCALE } from './index-9f688bbf.js';
+import { L as LOCALE } from './Locale-83d710f0.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-97181361.js → index-add30e03.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-169720fe.js';
+import { M as MediaQueries } from './utils-ca8fa8f0.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-618a209a.js → index-afaccaa0.js}

@@ -2,13 +2,23 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-8eec8241.js';
-import { T as Text } from './index-97f62156.js';
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { I as ImageWrap } from './index-d9f19dc8.js';
+import { T as Text } from './index-57abf279.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-8fbaa270.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-03c7d3d6.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-7207998c.js';
+import { Z as ZINDEX_SSO } from './index-afcf458c.js';
+
+/* eslint-disable prettier/prettier */
+const Pin3 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),
+    React.createElement("g", { clipPath: "url(#clip0_5371_10640)" },
+        React.createElement("path", { d: "M6.6665 4.3335L8.1665 5.8335L6.6665 7.3335", stroke: "#8C8C8C", strokeWidth: 0.72, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M8.16667 5.8335H5.83333C5.09667 5.8335 4.5 6.43016 4.5 7.16683V7.50016", stroke: "#8C8C8C", strokeWidth: 0.72, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M6.94331 10.3902L10.3907 6.94281C10.9114 6.42211 10.9114 5.57789 10.3907 5.05719L6.94331 1.60981C6.42261 1.08911 5.57839 1.08911 5.05769 1.60981L1.61031 5.05719C1.08961 5.57789 1.08961 6.42211 1.61031 6.94281L5.05769 10.3902C5.57839 10.9109 6.42261 10.9109 6.94331 10.3902Z", stroke: "#8C8C8C", strokeWidth: 0.72, strokeLinecap: "round", strokeLinejoin: "round" })),
+    React.createElement("defs", null,
+        React.createElement("clipPath", { id: "clip0_5371_10640" },
+            React.createElement("rect", { width: 12, height: 12, fill: "white" })))));
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),
@@ -103,16 +113,6 @@ const Avatar = ({ type = 'square', size, avatarImg, avatarUrl, firstLetter, back
         shouldRenderLetter && firstLetter));
 };
 
-/* eslint-disable prettier/prettier */
-const Pin3 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),
-    React.createElement("g", { clipPath: "url(#clip0_5371_10640)" },
-        React.createElement("path", { d: "M6.6665 4.3335L8.1665 5.8335L6.6665 7.3335", stroke: "#8C8C8C", strokeWidth: 0.72, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "M8.16667 5.8335H5.83333C5.09667 5.8335 4.5 6.43016 4.5 7.16683V7.50016", stroke: "#8C8C8C", strokeWidth: 0.72, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "M6.94331 10.3902L10.3907 6.94281C10.9114 6.42211 10.9114 5.57789 10.3907 5.05719L6.94331 1.60981C6.42261 1.08911 5.57839 1.08911 5.05769 1.60981L1.61031 5.05719C1.08961 5.57789 1.08961 6.42211 1.61031 6.94281L5.05769 10.3902C5.57839 10.9109 6.42261 10.9109 6.94331 10.3902Z", stroke: "#8C8C8C", strokeWidth: 0.72, strokeLinecap: "round", strokeLinejoin: "round" })),
-    React.createElement("defs", null,
-        React.createElement("clipPath", { id: "clip0_5371_10640" },
-            React.createElement("rect", { width: 12, height: 12, fill: "white" })))));
-
 const DistanceTagStyled = styled.div `
   display: inline-flex;
   align-items: center;
@@ -273,4 +273,4 @@ function DrawerBottom(_a) {
         } }), children));
 }
 
-export { Avatar as A, DistanceTag as D, IconWrapper as I, ShapedArrowDown as S, DrawerBottom as a };
+export { Avatar as A, DistanceTag as D, IconWrapper as I, Pin3 as P, ShapedArrowDown as S, DrawerBottom as a };

package/build/esm/{index-7207998c.js → index-afcf458c.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-1d49f721.js';
+import './index-dcce19a7.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-016dce17.js';
+import { L as LOCALE } from './Locale-83d710f0.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -408,6 +408,7 @@ const HAS_CLINITY_DOWNLOAD_SITE = [
     // LOCALE.Myanmar,
     // LOCALE.Taiwan,
 ];
+const LOCALE_HAS_CART_CARE_SITE = [LOCALE.Vietnam];
 const ECOM_LOCALES = ['vi-VN'];
 const DATA_PRIVACY_LOCALES = ['id-ID'];
 const CARE_LOCALES = [
@@ -802,6 +803,7 @@ const DATE_FNS_DATE_FORMAT = 'dd-MM-yyyy';
 const ZINDEX_SSO = 9999999;
 const ZINDEX_HEADER = 305;
 const VIDEO_DETAIL_TEMP_STORAGE = 'video_item_detail';
+const HHG_CART_CARE_STORE_KEY = 'hhg_cart_care_store_key';
 var EMERGENCY_STATUS;
 (function (EMERGENCY_STATUS) {
     EMERGENCY_STATUS[EMERGENCY_STATUS["UNAVAILABLE"] = 0] = "UNAVAILABLE";
@@ -832,6 +834,7 @@ var index = /*#__PURE__*/Object.freeze({
   UP_BASEPATH: UP_BASEPATH,
   LOCALE_HAS_COMMUNITY_SITE: LOCALE_HAS_COMMUNITY_SITE,
   HAS_CLINITY_DOWNLOAD_SITE: HAS_CLINITY_DOWNLOAD_SITE,
+  LOCALE_HAS_CART_CARE_SITE: LOCALE_HAS_CART_CARE_SITE,
   ECOM_LOCALES: ECOM_LOCALES,
   DATA_PRIVACY_LOCALES: DATA_PRIVACY_LOCALES,
   CARE_LOCALES: CARE_LOCALES,
@@ -850,6 +853,7 @@ var index = /*#__PURE__*/Object.freeze({
   ZINDEX_SSO: ZINDEX_SSO,
   ZINDEX_HEADER: ZINDEX_HEADER,
   VIDEO_DETAIL_TEMP_STORAGE: VIDEO_DETAIL_TEMP_STORAGE,
+  HHG_CART_CARE_STORE_KEY: HHG_CART_CARE_STORE_KEY,
   get EMERGENCY_STATUS () { return EMERGENCY_STATUS; },
   get ServicePrice () { return ServicePrice; },
   get SERVICE_TYPE () { return SERVICE_TYPE; },
@@ -863,4 +867,4 @@ var index = /*#__PURE__*/Object.freeze({
   isProduction: isProduction
 });
 
-export { API_DATE_FORMAT as A, BEARER_TOKEN_COOKIE as B, CARE_LOCALES as C, DATA_PRIVACY_LOCALES as D, ECOM_LOCALES as E, FAVICONS as F, GA_TOKEN_COOKIE as G, HAS_CLINITY_DOWNLOAD_SITE as H, ISO_FORMAT as I, LOCALE_SPECS as L, QUERY_HEALTH_TOOL as Q, STATIC_PAGES as S, USER_GEOLOCATION_COORDINATES_COOKIE as U, VIDEO_LOCALES as V, ZINDEX_SSO as Z, ZINDEX_HEADER as a, basePath as b, LOCALE_HAS_COMMUNITY_SITE as c, CARE_BOOKING_LOCALES as d, VIDEO_DETAIL_TEMP_STORAGE as e, CDN_ADDRESS as f, DATE_FNS_LOCALE as g, BEARER_REFRESH_TOKEN_COOKIE as h, index as i, SSO_URL as j, COUNTRY_LIST as k, UP_BASEPATH as l, DATE_FNS_DATE_FORMAT as m, EMERGENCY_STATUS as n, ServicePrice as o, SERVICE_TYPE as p };
+export { API_DATE_FORMAT as A, BEARER_TOKEN_COOKIE as B, CARE_LOCALES as C, DATA_PRIVACY_LOCALES as D, ECOM_LOCALES as E, FAVICONS as F, GA_TOKEN_COOKIE as G, HAS_CLINITY_DOWNLOAD_SITE as H, ISO_FORMAT as I, LOCALE_SPECS as L, QUERY_HEALTH_TOOL as Q, STATIC_PAGES as S, USER_GEOLOCATION_COORDINATES_COOKIE as U, VIDEO_LOCALES as V, ZINDEX_SSO as Z, ZINDEX_HEADER as a, basePath as b, LOCALE_HAS_COMMUNITY_SITE as c, CARE_BOOKING_LOCALES as d, LOCALE_HAS_CART_CARE_SITE as e, VIDEO_DETAIL_TEMP_STORAGE as f, CDN_ADDRESS as g, HHG_CART_CARE_STORE_KEY as h, index as i, DATE_FNS_LOCALE as j, BEARER_REFRESH_TOKEN_COOKIE as k, SSO_URL as l, COUNTRY_LIST as m, UP_BASEPATH as n, DATE_FNS_DATE_FORMAT as o, EMERGENCY_STATUS as p, ServicePrice as q, SERVICE_TYPE as r };

package/build/esm/index-b2ddce97.js

@@ -0,0 +1,97 @@
+import * as React from 'react';
+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-ca8fa8f0.js';
+import { theme } from './miscTheme.js';
+import { u as useTranslations } from './index-f7b5888c.js';
+import { T as Text } from './index-57abf279.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),
+    React.createElement("path", { d: "M1.94434 1.94434L3.44545 2.31989C3.88211 2.42878 4.20989 2.791 4.27545 3.23656L5.55656 11.9454", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M16.9444 14.7218H4.99997C4.23331 14.7218 3.61108 14.0996 3.61108 13.3329C3.61108 12.5662 4.23331 11.944 4.99997 11.944H14.4766C14.9544 11.944 15.38 11.6385 15.5311 11.184L17.0122 6.73957C17.2522 6.01957 16.7166 5.27734 15.9578 5.27734H4.57553", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M4.16648 18.8891C4.93354 18.8891 5.55537 18.2673 5.55537 17.5002C5.55537 16.7332 4.93354 16.1113 4.16648 16.1113C3.39941 16.1113 2.77759 16.7332 2.77759 17.5002C2.77759 18.2673 3.39941 18.8891 4.16648 18.8891Z", fill: "currentColor" }),
+    React.createElement("path", { d: "M15.8332 18.8891C16.6003 18.8891 17.2221 18.2673 17.2221 17.5002C17.2221 16.7332 16.6003 16.1113 15.8332 16.1113C15.0662 16.1113 14.4443 16.7332 14.4443 17.5002C14.4443 18.2673 15.0662 18.8891 15.8332 18.8891Z", fill: "currentColor" })));
+
+const StyledCartCareBox = styled(Box) `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border: 1px solid #ffffff33;
+  position: relative;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  /* Desktop: Square layout */
+  border-radius: 28px;
+  max-height: 40px;
+  padding: 9px 1rem;
+  background-color: inherit;
+  white-space: nowrap;
+
+  .cart-care-icon {
+    width: 20px;
+    height: 20px;
+    color: ${theme.colors.white};
+    flex-shrink: 0;
+  }
+
+  .cart-care-button-text {
+    display: block;
+    font-size: 13px;
+  }
+
+  /* Mobile: Circle layout */
+  ${MediaQueries.mbDown} {
+    border-radius: 100%;
+    aspect-ratio: 1/1;
+    width: 32px;
+    height: 32px;
+    padding: auto;
+    background-color: ${theme.colors.white};
+    max-height: none;
+    padding: 0;
+
+    .cart-care-icon {
+      width: 20px;
+      height: 20px;
+      color: ${theme.colors.blue900};
+      flex-shrink: 0;
+    }
+
+    .cart-care-button-text {
+      display: none;
+    }
+  }
+`;
+const StyledCartCareButtonCount = styled(Box) `
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  min-width: 20px;
+  min-height: 20px;
+  aspect-ratio: 1/1;
+  border-radius: 100%;
+  background-color: ${theme.colors.red500};
+  color: ${theme.colors.white};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+`;
+
+const CartCareButton = (props) => {
+    const { count = 0, href, classes, boxProps, anchorProps, tracking } = props;
+    const { t } = useTranslations();
+    return (React__default.createElement("a", Object.assign({ className: classNames('cart-care-button'), href: href, "data-testid": "cart-care-button", "data-event-category": "Hamburger Navigation", "data-event-action": "Cart Click", "data-event-label": href }, tracking, anchorProps),
+        React__default.createElement(StyledCartCareBox, Object.assign({ className: classNames('cart-care-button-box', classes === null || classes === void 0 ? void 0 : classes.box) }, boxProps),
+            React__default.createElement(ShoppingCartCare, { className: "cart-care-icon" }),
+            React__default.createElement(Text, { size: "label1", color: theme.colors.white, fw: 500, className: "cart-care-button-text" }, t('navigation.button.cartCareService')),
+            count > 0 && (React__default.createElement(StyledCartCareButtonCount, { className: classNames('cart-care-button-count-box', classes === null || classes === void 0 ? void 0 : classes.count) },
+                React__default.createElement(Text, { size: count > 99 ? 'label2' : 'c1', color: theme.colors.white, fw: 600, className: "cart-care-button-count-text" }, count > 99 ? '99+' : count))))));
+};
+
+export { CartCareButton as C, ShoppingCartCare as S };

package/build/esm/{index-9a1ebbd4.js → index-b476f29f.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-32ebdc02.js';
+import { _ as __rest } from './tslib.es6-c559b3e8.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-2bccca1f.js';
-import { u as useTranslations } from './index-042dcb4e.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-f9fbfc24.js';
-import { I as Input } from './index-943fda9f.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-4cb99bce.js';
+import { u as useTranslations } from './index-f7b5888c.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-aeed9500.js';
+import { I as Input } from './index-cbec5583.js';
 import '@mantine/dates';
-import './index-7207998c.js';
-import './index-1d49f721.js';
-import './index-601a7bc7.js';
-import './index-e508b476.js';
-import { T as Text } from './index-97f62156.js';
-import './index-8666cf5d.js';
-import './index-20d472d4.js';
-import './index.styles-1b9b3005.js';
+import './index-afcf458c.js';
+import './index-dcce19a7.js';
+import './index-1e8995e3.js';
+import './index-9f688bbf.js';
+import { T as Text } from './index-57abf279.js';
+import './index-97f227e0.js';
+import './index-303c14f2.js';
+import './index.styles-a443f621.js';
 import '@mantine/hooks';
-import './utils-169720fe.js';
-import './index-08366c25.js';
-import { C as CardWrapperContext } from './context-1b4e33cf.js';
-import { H as HealthToolFormWrapper } from './index-3304aff2.js';
-import { I as INPUT_RANGE } from './constants-811445eb.js';
+import './utils-ca8fa8f0.js';
+import './index-45af635c.js';
+import { C as CardWrapperContext } from './context-e79613e8.js';
+import { H as HealthToolFormWrapper } from './index-4f507378.js';
+import { I as INPUT_RANGE } from './constants-d9e52a91.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-26cbf04c.js → index-b47bc7de.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-042dcb4e.js';
-import { B as Button } from './index-7fc2a46d.js';
+import { u as useTranslations } from './index-f7b5888c.js';
+import { B as Button } from './index-73095d19.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-e4798b7b.js → index-b5d658cc.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-1ca3c412.js';
-import { u as useTranslations } from './index-042dcb4e.js';
+import { I as Icon } from './index-38e1feba.js';
+import { u as useTranslations } from './index-f7b5888c.js';
 
 var styles = {"loading":"tliWyii"};