@hhgtech/hhg-components 1.29.520-beta-1 → 1.29.520-beta-3

package/build/esm/{index-2d3f6f84.js → index-0bb663c3.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-cedbe749.js';
+import { a as __awaiter } from './tslib.es6-58e1b003.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-41e229d7.js';
-import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-b4ae36d6.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-46f5020c.js';
+import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-5159c31e.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-f571c291.js';
+import { L as LOCALE } from './Locale-1e36e29e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-6b7ec27c.js → index-15b8e847.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-cedbe749.js';
+import { _ as __rest } from './tslib.es6-58e1b003.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-f7105290.js';
+import './index-e6970477.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-c78f8d98.js';
+import { C as CommonGAssets } from './index-663e5c42.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-0a30fa35.js';
-import { T as Text } from './index-2cbf239a.js';
-import { L as LOCALE } from './Locale-f571c291.js';
-import { f as CentralCarousel } from './index-75d57328.js';
+import { I as ImageWrap } from './index-59c66dfd.js';
+import { T as Text } from './index-65579c2d.js';
+import { L as LOCALE } from './Locale-1e36e29e.js';
+import { f as CentralCarousel } from './index-ba70a656.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-a8f91de4.js → index-1ec75678.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-cedbe749.js';
+import { _ as __rest } from './tslib.es6-58e1b003.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-75d57328.js';
+import './index-ba70a656.js';
 import '@mantine/dates';
-import './index-b4ae36d6.js';
-import './index-f7105290.js';
-import './index-c78f8d98.js';
-import './index-4e497014.js';
-import { T as Text } from './index-f298333d.js';
-import './index-71d63f2a.js';
-import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-92004570.js';
-import './index.styles-56358b7f.js';
-import { u as useTranslations } from './index-480aa964.js';
+import './index-5159c31e.js';
+import './index-e6970477.js';
+import './index-663e5c42.js';
+import './index-af597eef.js';
+import { T as Text } from './index-ffe733a6.js';
+import './index-66b7677d.js';
+import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-0a4002b7.js';
+import './index.styles-5f467c5b.js';
+import { u as useTranslations } from './index-97d6fc81.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-b41db571.js';
-import './index-bea883bc.js';
-import { C as CardWrapperContext } from './context-6c6cc3a9.js';
+import { M as MediaQueries } from './utils-a5c0708b.js';
+import './index-737374a6.js';
+import { C as CardWrapperContext } from './context-f0bec9e8.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-d076c774.js → index-2506b19a.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-cedbe749.js';
+import { _ as __rest } from './tslib.es6-58e1b003.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-1d36a10b.js';
-import { L as LOCALE } from './Locale-f571c291.js';
+import { L as LastPeriod } from './LastPeriod-27f51b6b.js';
+import { L as LOCALE } from './Locale-1e36e29e.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-75d57328.js';
-import { D as DatePicker } from './index-e348f445.js';
-import { T as Text } from './index-f298333d.js';
-import './index-71d63f2a.js';
-import './index-92004570.js';
-import './index.styles-56358b7f.js';
-import { u as useTranslations } from './index-480aa964.js';
+import { R as Radio, I as Input, S as Select } from './index-ba70a656.js';
+import { D as DatePicker } from './index-c3637453.js';
+import { T as Text } from './index-ffe733a6.js';
+import './index-66b7677d.js';
+import './index-0a4002b7.js';
+import './index.styles-5f467c5b.js';
+import { u as useTranslations } from './index-97d6fc81.js';
 import '@mantine/hooks';
-import './index-4e497014.js';
-import './utils-b41db571.js';
-import './index-bea883bc.js';
-import { H as HealthToolFormWrapper } from './index-82944b2d.js';
+import './index-af597eef.js';
+import './utils-a5c0708b.js';
+import './index-737374a6.js';
+import { H as HealthToolFormWrapper } from './index-9e79d8c2.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-6c6cc3a9.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-b4ae36d6.js';
+import { C as CardWrapperContext } from './context-f0bec9e8.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-5159c31e.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-665d3989.js → index-267d8c46.js}

@@ -1,54 +1,54 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-cedbe749.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-58e1b003.js';
 import * as React from 'react';
-import React__default, { useContext, useState, useRef, useCallback, useEffect, useMemo } from 'react';
-import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-11b7337b.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-b4ae36d6.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-41e229d7.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-bac0a5ad.js';
+import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-dedd7625.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-5159c31e.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-46f5020c.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-febc2821.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-73e66b96.js';
-import { L as LOCALE } from './Locale-f571c291.js';
+import './translationsContext-7d066440.js';
+import { L as LOCALE } from './Locale-1e36e29e.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
-import { I as Input } from './index-75d57328.js';
+import { I as Input } from './index-ba70a656.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-cf658b3f.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-fd0a668f.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx, Flex } from '@mantine/core';
-import { L as Logo$1 } from './index-56abf83f.js';
+import { L as Logo$1 } from './index-350704ea.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-f7105290.js';
-import { C as CommonGAssets } from './index-c78f8d98.js';
-import './index-4e497014.js';
-import { T as Text } from './index-f298333d.js';
-import { B as Button } from './index-71d63f2a.js';
-import './index-92004570.js';
-import './index.styles-56358b7f.js';
+import { V as VideoType } from './index-e6970477.js';
+import { C as CommonGAssets } from './index-663e5c42.js';
+import './index-af597eef.js';
+import { T as Text } from './index-ffe733a6.js';
+import { B as Button } from './index-66b7677d.js';
+import './index-0a4002b7.js';
+import './index.styles-5f467c5b.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-b41db571.js';
-import './index-bea883bc.js';
-import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-8370a399.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-741e35a1.js';
-import { L as LOCALISED_SLUGS$1 } from './constants-2b8bf0b3.js';
-import { I as Indicator$1 } from './index-34396c26.js';
-import { u as useTranslations } from './index-480aa964.js';
-import { u as useIsInit, a as useCartCareService } from './useCartCareService-6bc6c69b.js';
-import { L as LOCALIZED_SLUGS } from './constants-0c25ae50.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-a5c0708b.js';
+import './index-737374a6.js';
+import { L as LOCALISED_SLUGS, C as CARE_BASE_PATH } from './constants-05968c1d.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8161bc5d.js';
+import { L as LOCALISED_SLUGS$1 } from './constants-aa2b5408.js';
+import { I as Indicator$1 } from './index-9b76fa4d.js';
+import { u as useTranslations } from './index-97d6fc81.js';
+import { u as useIsInit, a as useCartCareService } from './useCartCareService-c54f3c4c.js';
+import { L as LOCALIZED_SLUGS } from './constants-d24d5ccf.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-b5beb9d0.js';
-import { H as Heading } from './index-6b5b89d9.js';
-import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, Z as Z_INDEX, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-6638ec68.js';
-import { C as Container } from './index-595d4bdf.js';
+import { B as Button$1 } from './index-5eddd432.js';
+import { H as Heading } from './index-4704e442.js';
+import { a as getCareSearchUrl, h as hexToRgb, r as rgbToHsb, b as hsbToRgb, Z as Z_INDEX, f as formatCategory, c as formatSpotlightsList, d as checkAvailableSpotlight, e as formatHealthTool, i as formatVideoItem, j as formatSpecialties, k as formatHospital } from './utils-90cb4432.js';
+import { C as Container } from './index-9d882f7a.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-e1290a35.js';
+import { U as UserAvatar } from './index-5f11934a.js';
 import get from 'lodash/get';
 import isEmpty from 'lodash/isEmpty';
-import { C as CartCareButton } from './index-d64df22c.js';
+import { C as CartCareButton } from './index-a8f4efa8.js';
 import debounce from 'lodash/debounce';
 import { domainLocales } from './constantsDomainLocales.js';
-import { g as getDataWithCache } from './core-8f081a02.js';
+import { g as getDataWithCache } from './core-ba61f5ba.js';
 
 /* eslint-disable prettier/prettier */
 const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none" }, props),
@@ -113,19 +113,21 @@ const StyleInput = styled(Input) `
   }
 `;
 const StyleSearchInputAnimationWrapper = styled.div `
-  pointer-events: none;
   z-index: 1;
   width: 100%;
   height: 100%;
+  pointer-events: none;
+
+  & > * {
+    pointer-events: none;
+  }
 `;
 const textRevealAnimation = keyframes `
   0% {
-    width: 100%;
-    opacity: 1;
+    left: 0;
   }
   100% {
-    width: 0;
-    opacity: 1;
+    left: 100%;
   }
 `;
 const StyledTextAnimationWrapper = styled.div `
@@ -137,8 +139,6 @@ const StyledTextAnimationWrapper = styled.div `
   width: calc(
     100% - 42px - 42px
   ); // minus the left and right padding of the input
-
-  pointer-events: none;
 `;
 const StyleSearchInputWrapper = styled.div `
   position: relative;
@@ -150,18 +150,18 @@ const StyledTextAnimation = styled.p `
   letter-spacing: -0.3px;
   font-weight: 500;
   position: relative;
-  user-select: none;
 
   display: block;
   width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  user-select: none;
 
   &::before {
     position: absolute;
     top: 0;
-    right: 0;
+    left: 0;
     content: '';
     display: block;
     width: 100%;
@@ -179,8 +179,6 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
     const [eventCategoryTracking, setEventCategoryTracking] = useState('Search From Another Page');
     const [currentTextIndex, setCurrentTextIndex] = useState(0);
     const { t } = useTranslations();
-    const inputRef = useRef(null);
-    const [isInputFocused, setIsInputFocused] = useState(false);
     const goToSearchPage = useCallback((searchValue = '') => {
         let sourceParam = '';
         if (projectType === 'together') {
@@ -238,16 +236,6 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
         }
     }, [keyword, locale]);
     const getPlaceholder = useMemo(() => {
-        if (isInputFocused) {
-            if (siteType === 'marryBaby') {
-                return t('navigation.search.input.placeholder');
-            }
-            return t('home.search', {
-                site: LOCALE_SPECS[locale || 'en-PH']
-                    ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
-                    : '',
-            });
-        }
         if (ALLOW_SHOW_SEARCH_ANIMATION.includes(locale)) {
             return undefined;
         }
@@ -259,7 +247,7 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                 ? LOCALE_SPECS[locale || 'en-PH'].SITE_NAME
                 : '',
         });
-    }, [locale, siteType, t, isInputFocused]);
+    }, [locale, siteType, t]);
     return isMobile && !isHomepage ? (React__default.createElement(Button, { variant: "tertiary", style: {
             padding: '6px',
         }, size: "sm", onClick: goBack },
@@ -267,16 +255,14 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                 verticalAlign: 'bottom',
             } },
             React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" })))) : (React__default.createElement(StyleSearchInputWrapper, null,
-        React__default.createElement(StyleInput, { ref: inputRef, className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: getPlaceholder, onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
+        React__default.createElement(StyleInput, { className: "fake-search-input", name: 'search-input-menu-service' + id, size: "md", "data-event-category": eventCategoryTracking, "data-event-action": "Search", "data-event-label": keyword, placeholder: getPlaceholder, onChange: setKeyword, value: keyword, onKeyDown: (e) => e.key === 'Enter' &&
                 goToSearchPage(e.target.value), onBlur: () => {
-                setIsInputFocused(false);
                 setCurrentTextIndex(0);
             }, type: "search", onFocus: (e) => {
                 e.preventDefault();
                 if ((isMobile && isHomepage) || isRedirectSearchPage) {
                     goToSearchPage('');
                 }
-                setIsInputFocused(true);
             }, rightSection: keyword ? (React__default.createElement("div", { className: "close-icon-wrapper", onClick: () => setKeyword(''), "data-event-category": "Search Page", "data-event-action": "Delete Search" },
                 React__default.createElement(Close, { size: 17, color: theme.colors.white }))) : winCashBackTheme ? (React__default.createElement(StarPair, { className: "star-pair-icon" })) : (''), icon: React__default.createElement("a", { "data-event-category": "Search Button", "data-event-action": "Click", className: "search-icon-btn", onClick: () => {
                     if ((isMobile && isHomepage) || isRedirectSearchPage) {
@@ -287,17 +273,12 @@ const SearchInput = ({ id, isMobile = false, isHomepage = false, projectType, is
                         verticalAlign: 'bottom',
                     } },
                     React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.3097 9.06111C3.3097 5.88483 5.88458 3.30994 9.06087 3.30994C12.2372 3.30994 14.812 5.88483 14.812 9.06111C14.812 12.2374 12.2372 14.8123 9.06087 14.8123C5.88458 14.8123 3.3097 12.2374 3.3097 9.06111ZM9.06087 1.66675C4.97707 1.66675 1.6665 4.97732 1.6665 9.06111C1.6665 13.1449 4.97707 16.4555 9.06087 16.4555C10.8067 16.4555 12.4112 15.8505 13.6761 14.8387L16.9305 18.0931C17.2514 18.4139 17.7716 18.4139 18.0924 18.0931C18.4133 17.7722 18.4133 17.252 18.0924 16.9312L14.8381 13.6768C15.8501 12.4118 16.4552 10.8071 16.4552 9.06111C16.4552 4.97732 13.1447 1.66675 9.06087 1.66675Z", fill: "#8C8C8C" }))) }),
-        !keyword && !isInputFocused && (React__default.createElement(StyleSearchInputAnimationWrapper, { onClick: () => {
-                var _a;
-                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                setIsInputFocused(true);
-            } }, ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) &&
-            (() => {
-                const texts = TEXT_PLACEHOLDER_INPUT[locale];
-                const currentText = texts === null || texts === void 0 ? void 0 : texts[currentTextIndex];
-                return currentText ? (React__default.createElement(StyledTextAnimationWrapper, { key: `${currentText}-${currentTextIndex}` },
-                    React__default.createElement(StyledTextAnimation, null, t(currentText)))) : null;
-            })()))));
+        !keyword && ALLOW_SHOW_SEARCH_ANIMATION.includes(locale) && (React__default.createElement(StyleSearchInputAnimationWrapper, { id: "search-input-animation-wrapper", "data-search-animation-wrapper": true }, (() => {
+            const texts = TEXT_PLACEHOLDER_INPUT[locale];
+            const currentText = texts === null || texts === void 0 ? void 0 : texts[currentTextIndex];
+            return currentText ? (React__default.createElement(StyledTextAnimationWrapper, { key: `${currentText}-${currentTextIndex}` },
+                React__default.createElement(StyledTextAnimation, null, t(currentText)))) : null;
+        })()))));
 };
 
 const getEcomUrl = ({ path, locale, }) => {
@@ -1753,8 +1734,8 @@ styled.div `
 const StyleButton = styled(Button) `
   border: 1px solid ${theme.colors.white} !important;
   .mantine-Button-leftIcon {
-    width: 24px;
-    height: 24px;
+    width: ${({ styles }) => (get(styles, 'leftIcon.width') || 24) + 'px'};
+    height: ${({ styles }) => (get(styles, 'leftIcon.height') || 24) + 'px'};
   }
 `;
 const StyleWrapperIcon = styled.div `
@@ -2473,7 +2454,7 @@ function O2ONavigationMenu() {
                 React__default.createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, leftIcon: React__default.createElement("img", { width: 24, height: 24, src: item.imgUrl }) }, item.name))))),
             React__default.createElement(Flex, { align: "center", justify: "center" },
                 React__default.createElement("a", { href: contact.link, "data-event-category": "O2O Sticky Menu", "data-event-action": "Click", "data-event-label": contact.link },
-                    React__default.createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, leftIcon: React__default.createElement("img", { width: 20, height: 20, src: contact.imgUrl }) }, contact.name))))));
+                    React__default.createElement(StyleButton, { variant: "tertiary", size: "sm", px: 8, styles: { leftIcon: { width: 20, height: 20 } }, leftIcon: React__default.createElement("img", { width: 20, height: 20, src: contact.imgUrl }) }, contact.name))))));
 }
 
 // Use this component for all product context,
@@ -2841,7 +2822,10 @@ const StyledContainer = styled.div `
     --amp-site-wide-closed: 66px;
   }
   pointer-events: none;
-  > section *:not([data-cart-menu] *) {
+  > section
+    *:not([data-cart-menu] *):not([data-search-animation-wrapper] *):not(
+      [data-search-animation-wrapper]
+    ) {
     pointer-events: auto;
   }
 `;

package/build/esm/{index-e43c9d22.js → index-2a814a91.js}

@@ -1,28 +1,28 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-cedbe749.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-58e1b003.js';
 import React__default, { createContext, useState, useContext, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-2d88c20d.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-2b8bf0b3.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-7b4f9510.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-aa2b5408.js';
 import { createStyles, Flex, Box, Grid, clsx, rem, Stack } from '@mantine/core';
-import { d as Checkbox, R as Radio, I as Input, e as ErrorLabel } from './index-75d57328.js';
+import { d as Checkbox, R as Radio, I as Input, e as ErrorLabel } from './index-ba70a656.js';
 import '@mantine/dates';
-import './index-b4ae36d6.js';
-import './index-f7105290.js';
-import './index-c78f8d98.js';
-import './index-4e497014.js';
-import { T as Text } from './index-f298333d.js';
-import './index-71d63f2a.js';
-import { T as TemplateProvider, C as CustomStylesType } from './index-92004570.js';
-import './index.styles-56358b7f.js';
-import { u as useTranslations } from './index-480aa964.js';
+import './index-5159c31e.js';
+import './index-e6970477.js';
+import './index-663e5c42.js';
+import './index-af597eef.js';
+import { T as Text } from './index-ffe733a6.js';
+import './index-66b7677d.js';
+import { T as TemplateProvider, C as CustomStylesType } from './index-0a4002b7.js';
+import './index.styles-5f467c5b.js';
+import { u as useTranslations } from './index-97d6fc81.js';
 import '@mantine/hooks';
-import './utils-b41db571.js';
-import './index-bea883bc.js';
-import { H as HealthToolFormWrapper } from './index-82944b2d.js';
-import { C as CardWrapperContext } from './context-6c6cc3a9.js';
-import { G as GenderOptionControl } from './index-36d4268e.js';
+import './utils-a5c0708b.js';
+import './index-737374a6.js';
+import { H as HealthToolFormWrapper } from './index-9e79d8c2.js';
+import { C as CardWrapperContext } from './context-f0bec9e8.js';
+import { G as GenderOptionControl } from './index-cc688b7b.js';
 import '@hhgtech/icons/other';
-import { L as LOCALE } from './Locale-f571c291.js';
+import { L as LOCALE } from './Locale-1e36e29e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-5315d432.js → index-2b508820.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-6b5b89d9.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-b41db571.js';
-import { u as useTranslations } from './index-480aa964.js';
-import { T as TogetherComponentGlobalContext } from './utils-1d8801f2.js';
+import { H as Heading } from './index-4704e442.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-a5c0708b.js';
+import { u as useTranslations } from './index-97d6fc81.js';
+import { T as TogetherComponentGlobalContext } from './utils-09291030.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-f298333d.js';
+import { T as Text } from './index-ffe733a6.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-cedbe749.js';
+import { _ as __rest } from './tslib.es6-58e1b003.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-d9c2faa3.js → index-2de52182.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-210931e3.js';
-import { T as Text } from './index-2cbf239a.js';
+import { M as MarryBabyText } from './index-fa03c76f.js';
+import { T as Text } from './index-65579c2d.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-e4b390b5.js → index-2f349f8d.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-cedbe749.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-58e1b003.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-bea883bc.js';
-import { L as Loading } from './index-93abdeb2.js';
-import './index-f7105290.js';
-import { g as formatArticle } from './dataTransform-bac0a5ad.js';
+import { T as Tabs } from './index-737374a6.js';
+import { L as Loading } from './index-0a56c8b7.js';
+import './index-e6970477.js';
+import { g as formatArticle } from './dataTransform-febc2821.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-1d8801f2.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-09291030.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-f7c6d0b7.js';
-import { L as LOCALE } from './Locale-f571c291.js';
+import { C as CardAuthor } from './index-679c9627.js';
+import { L as LOCALE } from './Locale-1e36e29e.js';
 import '@hhgtech/icons/other';
-import './index-71d63f2a.js';
-import './shared-fe68d723.js';
-import './index-92004570.js';
-import './index-f298333d.js';
-import './index-480aa964.js';
-import './translationsContext-73e66b96.js';
-import './index-b5beb9d0.js';
-import './index-cd7bd634.js';
+import './index-66b7677d.js';
+import './shared-c4377292.js';
+import './index-0a4002b7.js';
+import './index-ffe733a6.js';
+import './index-97d6fc81.js';
+import './translationsContext-7d066440.js';
+import './index-5eddd432.js';
+import './index-3f2a457f.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-2b8bf0b3.js';
+import './constants-aa2b5408.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-b41db571.js';
-import './index-248616ec.js';
-import './paths-59ecc599.js';
-import './constants-0c25ae50.js';
-import './index-b4ae36d6.js';
+import './utils-a5c0708b.js';
+import './index-00b7cbc2.js';
+import './paths-2b2c48ed.js';
+import './constants-d24d5ccf.js';
+import './index-5159c31e.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-39717c62.js';
+import './index-a5fe14dc.js';
 import './miscTheme.js';
-import './WhatsApp-57e95da0.js';
-import './Spinner-480e7844.js';
-import './index-e1290a35.js';
+import './WhatsApp-db12f5f8.js';
+import './Spinner-d9cb1744.js';
+import './index-5f11934a.js';
 import '@emotion/styled';
-import './index-0a30fa35.js';
-import './index-c78f8d98.js';
-import './index-b4ff45cd.js';
+import './index-59c66dfd.js';
+import './index-663e5c42.js';
+import './index-8d5b7357.js';
 import '@emotion/react';
-import './index-6b5b89d9.js';
-import './index-ecadb2e2.js';
-import './index.styles-56358b7f.js';
+import './index-4704e442.js';
+import './index-31e8efd2.js';
+import './index.styles-5f467c5b.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-ecadb2e2.js → index-31e8efd2.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-cedbe749.js';
+import { _ as __rest } from './tslib.es6-58e1b003.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-56358b7f.js';
+import { u as useStyles } from './index.styles-5f467c5b.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-14ddd53b.js → index-32c68475.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-c78f8d98.js';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-1d8801f2.js';
-import { G as GA_TOKEN_COOKIE } from './index-b4ae36d6.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-64e6bd86.js';
+import { C as CommonGAssets } from './index-663e5c42.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext, f as getPremiumApiPath, h as getWebsiteUrlApi, i as getSsoApiPath } from './utils-09291030.js';
+import { G as GA_TOKEN_COOKIE } from './index-5159c31e.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-e020bb20.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-cedbe749.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-741e35a1.js';
-import { I as ImageWrap } from './index-0a30fa35.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-41e229d7.js';
-import { u as useTranslations } from './index-480aa964.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-58e1b003.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8161bc5d.js';
+import { I as ImageWrap } from './index-59c66dfd.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-46f5020c.js';
+import { u as useTranslations } from './index-97d6fc81.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, g as ChipButton, I as Input, c as AspectRatio$1 } from './index-75d57328.js';
+import { d as Checkbox, g as ChipButton, I as Input, c as AspectRatio$1 } from './index-ba70a656.js';
 import '@mantine/dates';
-import './index-f7105290.js';
-import { t as themeColors } from './index-4e497014.js';
-import { T as Text } from './index-f298333d.js';
-import { B as Button } from './index-71d63f2a.js';
-import './index-92004570.js';
-import './index.styles-56358b7f.js';
+import './index-e6970477.js';
+import { t as themeColors } from './index-af597eef.js';
+import { T as Text } from './index-ffe733a6.js';
+import { B as Button } from './index-66b7677d.js';
+import './index-0a4002b7.js';
+import './index.styles-5f467c5b.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-b41db571.js';
-import './index-bea883bc.js';
+import './utils-a5c0708b.js';
+import './index-737374a6.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-73e66b96.js';
-import { H as Heading } from './index-6b5b89d9.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-2d88c20d.js';
-import { I as Icon } from './index-39717c62.js';
+import './translationsContext-7d066440.js';
+import { H as Heading } from './index-4704e442.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-7b4f9510.js';
+import { I as Icon } from './index-a5fe14dc.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-05a070a6.js';
-import { M as Modal } from './index-ecadb2e2.js';
+import { i as isVideo } from './index-9eea4df7.js';
+import { M as Modal } from './index-31e8efd2.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-f571c291.js';
+import { L as LOCALE } from './Locale-1e36e29e.js';
 
 const PREFER_TOPICS = [
     {