@hhgtech/hhg-components 1.29.532 → 1.29.533-beta-2

package/build/esm/{transform-fb2e76dd.js → transform-e3324fc6.js}

@@ -1,56 +1,57 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-1cd753c3.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f2b7e9c3.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio, a as Carousel } from './index-d5050a14.js';
+import { R as Radio, a as Carousel } from './index-d6f6b595.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Modal, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS, Z as ZINDEX_SSO } from './index-709c1b4a.js';
-import './index-fa17f83f.js';
-import { C as CommonGAssets } from './index-12605605.js';
-import './index-6b3bccdf.js';
-import { T as Text } from './index-72bb84ba.js';
-import { B as Button$1 } from './index-760d69ce.js';
-import './index-48c9e0de.js';
-import './index.styles-f25c06a1.js';
-import './translationsContext-5539c952.js';
+import { L as LOCALE_SPECS, F as FAVICONS, Z as ZINDEX_SSO } from './index-43af2123.js';
+import './index-aa69f1a9.js';
+import { C as CommonGAssets } from './index-40a681f5.js';
+import './index-56c17ad3.js';
+import { T as Text } from './index-db36636a.js';
+import { B as Button$1 } from './index-e8e03414.js';
+import './index-098487ec.js';
+import './index.styles-9e934a7f.js';
+import './translationsContext-e21176c1.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-f93704dc.js';
-import './index-2f629759.js';
-import { i as isInternalLink } from './SiteWideBanner-fbb357d4.js';
+import { M as MediaQueries } from './utils-7250305e.js';
+import './index-77179a51.js';
+import { i as isInternalLink } from './SiteWideBanner-7c89eb0c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-0666caa3.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-9698198d.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-13d4d948.js';
+import { L as Logo } from './index-5121bfff.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-9fb1183e.js';
+import { a as useOutsideClick } from './useOutsideClick-ec049cb9.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-28bce418.js';
-import { u as useScreenSize, I as ImageWrap } from './index-09e43a17.js';
-import { u as useTranslations } from './index-9351c606.js';
+import { B as Button } from './index-c651a487.js';
+import { u as useScreenSize, I as ImageWrap } from './index-66653ef8.js';
+import { u as useTranslations } from './index-032eadac.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-69ecd64f.js';
+import { D as Dropdown } from './index-1150677c.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-913e49d4.js';
-import { D as Drawer } from './index-bf0aa642.js';
+import { I as Input } from './index-b89ba068.js';
+import { D as Drawer } from './index-34d21427.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-6237ebe4.js';
+import { L as LOCALE } from './Locale-b45f64dd.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-0ece7544.js';
-import { L as Loading } from './index-e8ecc796.js';
+import { A as ArrowRightBlue } from './index-1aebdee9.js';
+import { L as Loading } from './index-bf3862b2.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
-import { C as Close } from './Close-e84d5ed4.js';
+import { C as Close } from './Close-25ad16e1.js';
 import { useAnimationOffsetEffect } from '@mantine/carousel';
+import { D as DEFAULT_HEADER_HEIGHT_MOBILE } from './constants-f42847a4.js';
 
 const StarFull = (_a) => {
     var { color, stroke } = _a, props = __rest(_a, ["color", "stroke"]);
@@ -4784,7 +4785,11 @@ const HPVScreener = ({ onClick, className, style, image, as = 'span', }) => {
 const StyledTwoItemHorizontalContainer = styled.div `
   display: grid;
   grid-template-columns: 1fr 2px 1fr;
-  column-gap: ${rem(16)};
+  column-gap: ${rem(10)};
+
+  ${MediaQueries.mbUp} {
+    column-gap: ${rem(16)};
+  }
 `;
 const StyledVerticalContainer = styled.div `
   display: grid;
@@ -4798,19 +4803,36 @@ const StyledVerticalContainer = styled.div `
 const StyledHorizontalContainer = styled.div `
   display: flex;
   align-items: center;
-  gap: 1rem;
+  gap: ${rem(10)};
+
+  ${MediaQueries.mbUp} {
+    gap: ${rem(16)};
+  }
 `;
 const StyledVerticalContent = styled.div `
   display: flex;
   flex-direction: column;
-  gap: ${rem(2)};
   align-items: ${({ align }) => align};
+  max-height: ${rem(40)};
+
+  ${MediaQueries.mbUp} {
+    gap: ${rem(2)};
+    max-height: ${rem(46)};
+  }
 `;
 const StyledTitle$1 = styled.div `
-  font-size: ${rem(15)};
-  font-weight: 600;
   color: #111111;
+  font-weight: 600;
+
+  font-size: ${rem(15)};
   line-height: ${rem(24)};
+  letter-spacing: -0.3px;
+
+  ${MediaQueries.mbUp} {
+    font-size: ${rem(17)};
+    line-height: ${rem(24)};
+    letter-spacing: -0.4px;
+  }
 `;
 const StyledDescription$1 = styled.div `
   color: ${theme.colors.gray700};
@@ -5366,12 +5388,25 @@ styled.div `
   }
 `;
 const GeneralInfoContainer = styled.div `
+  background-color: #fff;
+
   ${MediaQueries.mbUp} {
     display: flex;
-    gap: 1.5rem;
+    gap: 0;
+    justify-content: space-between;
     border-radius: 0.75rem;
-    padding: 1.5rem;
+    padding: 1.5rem ${rem(23)};
     overflow: hidden;
+
+    & > div:first-child {
+      width: 40%;
+      max-width: 432px;
+    }
+
+    & > div:last-child {
+      width: 51%;
+      max-width: 550px;
+    }
   }
 
   #product-image-section {
@@ -5379,11 +5414,10 @@ const GeneralInfoContainer = styled.div `
       width: 336px;
     }
   }
-  background-color: #fff;
 `;
 const ProductImage = styled(ImageWrapV2) `
   ${MediaQueries.mbUp} {
-    width: 336px;
+    width: 432px;
     aspect-ratio: 1/1;
     object-fit: cover;
     border-radius: 0.5rem;
@@ -5395,7 +5429,8 @@ const ProductImage = styled(ImageWrapV2) `
   aspect-ratio: 375/190;
 `;
 const ProductContent = styled.div `
-  padding: 1.5rem 1rem;
+  padding: 1rem 1rem 1.5rem;
+
   ${MediaQueries.mbUp} {
     padding: 0;
     flex: 1;
@@ -5409,7 +5444,13 @@ const ProductContent = styled.div `
   .product-info {
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    gap: 9px;
+  }
+
+  ${MediaQueries.mbUp} {
+    .product-info {
+      gap: 8px;
+    }
   }
 `;
 const ImageCarouselContainer = styled.div `
@@ -5448,14 +5489,14 @@ const StyledImageCarousel = styled(Carousel) `
     }
 
     &[data-inactive] {
-      opacity: 0.5;
+      opacity: 0;
       cursor: default;
     }
   }
 
   .mantine-Carousel-indicators {
     gap: 0.375rem;
-    bottom: 0.5rem;
+    bottom: ${({ isCarouselParallax }) => isCarouselParallax ? '38%' : '0.5rem'};
   }
 
   .mantine-Carousel-indicator {
@@ -5498,38 +5539,106 @@ const CarouselImageItem = styled(ImageWrapV2) `
   height: 100%;
   object-fit: cover;
   object-position: center;
+`;
+const FixedHeroSection = styled.div `
+  --scrollIndex: ${({ scrollIndex }) => `${scrollIndex}px`};
+
+  ${MediaQueries.mbDown} {
+    position: fixed;
+    top: var(--header-height, ${DEFAULT_HEADER_HEIGHT_MOBILE}px);
+    left: 0;
+    right: 0;
+    z-index: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    width: 100vw;
+    height: calc(100vw - var(--scrollIndex, 0px));
+
+    & > [data-section='FixedHeroSection_Content'] {
+      width: 100vw;
+      height: 100vw;
+    }
+  }
+`;
+const FixedHeroSpacer = styled.div `
+  ${MediaQueries.mbDown} {
+    width: 100%;
+    aspect-ratio: 1;
+  }
+`;
+const ContentOverlayWrapper = styled.div `
+  position: relative;
+  z-index: 2;
+  background-color: #fff;
+`;
+const ContentOverlayWrapperParallax = styled.div `
+  position: relative;
+  z-index: 2;
+  background-color: #fff;
+  border-radius: 1.375rem 1.375rem 0 0;
+  margin-top: calc(-0.33 * 100vw);
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06);
 `;
 
-function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile: isMobileProp = false, imageCarousel = [], carouselSlotProps, onCarouselImageClick, }) {
+function FixedParallaxHeroSection({ children }) {
+    const heroSectionRef = useRef(null);
+    const [scrollIndex, setScrollIndex] = useState(0);
+    useEffect(() => {
+        const el = heroSectionRef.current;
+        if (!el)
+            return;
+        const checkHasReachedTop = () => {
+            setScrollIndex(window.scrollY);
+        };
+        checkHasReachedTop();
+        window.addEventListener('scroll', checkHasReachedTop, { passive: true });
+        return () => window.removeEventListener('scroll', checkHasReachedTop);
+    }, []);
+    return (React__default.createElement(FixedHeroSection, { ref: heroSectionRef, "data-section": "FixedHeroSection", scrollIndex: scrollIndex },
+        React__default.createElement("div", { "data-section": "FixedHeroSection_Content" }, children)));
+}
+function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile: isMobileProp = false, imageCarousel = [], carouselSlotProps, isCarouselParallax = false, onCarouselImageClick, }) {
     const { isMobile: isMobileFromHook } = useScreenSize();
+    const contentRef = useRef(null);
     // Use isMobile prop first, fallback to breakpoint detection (secondary priority)
     const isMobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileFromHook;
     const showCarousel = imageCarousel.length > 1;
     const showCarouselControls = imageCarousel.length > 4 && !isMobile;
     const showCarouselIndicators = imageCarousel.length > 1 && isMobile;
     const { imageCarousel: imageCarouselSlotProps, slide: carouselSlideSlotProps, imageItemWrapper: carouselImageItemWrapperSlotProps, imageItem: carouselImageItemSlotProps, } = carouselSlotProps !== null && carouselSlotProps !== void 0 ? carouselSlotProps : {};
+    const ContentWrapper = isMobile
+        ? isCarouselParallax
+            ? ContentOverlayWrapperParallax
+            : ContentOverlayWrapper
+        : 'div';
+    const heroContent = imagesSelect ? (imagesSelect) : isMobile ? (React__default.createElement(StyledImageCarousel, Object.assign({ slidesToShow: 1, align: "start", withControls: false, withIndicators: showCarouselIndicators, dragFree: false, slideSize: "100%", slideGap: 0, draggable: showCarouselIndicators, isCarouselParallax: isCarouselParallax }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__default.createElement(Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+        React__default.createElement(CarouselImageItemWrapperMobile, { style: { aspectRatio: isCarouselParallax ? '1' : undefined }, onClick: () => onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index) },
+            React__default.createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: generalInfo.altText ||
+                (typeof generalInfo.name === 'string'
+                    ? generalInfo.name
+                    : 'product') }, bannerProps)),
+        showCarousel && (React__default.createElement(ImageCarouselContainer, null,
+            React__default.createElement(StyledImageCarousel, Object.assign({ slidesToShow: 4, align: "start", withControls: showCarouselControls, withIndicators: false, dragFree: true, controlSize: 24, slideSize: 76, slideGap: 10 }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__default.createElement(Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+                React__default.createElement(CarouselImageItemWrapper, Object.assign({}, carouselImageItemWrapperSlotProps, { onClick: (event) => {
+                        var _a;
+                        (_a = carouselImageItemWrapperSlotProps === null || carouselImageItemWrapperSlotProps === void 0 ? void 0 : carouselImageItemWrapperSlotProps.onClick) === null || _a === void 0 ? void 0 : _a.call(carouselImageItemWrapperSlotProps, event);
+                        onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index);
+                    } }),
+                    React__default.createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))))));
     return (React__default.createElement(GeneralInfoContainer, { className: className },
-        React__default.createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__default.createElement(React__default.Fragment, null, isMobile ? (React__default.createElement(StyledImageCarousel, Object.assign({ slidesToShow: 1, align: "start", withControls: false, withIndicators: showCarouselIndicators, dragFree: false, slideSize: "100%", slideGap: 0, draggable: showCarouselIndicators }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__default.createElement(Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
-            React__default.createElement(CarouselImageItemWrapperMobile, { onClick: () => onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index) },
-                React__default.createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))) : (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: generalInfo.altText ||
-                    (typeof generalInfo.name === 'string'
-                        ? generalInfo.name
-                        : 'product') }, bannerProps)),
-            showCarousel && (React__default.createElement(ImageCarouselContainer, null,
-                React__default.createElement(StyledImageCarousel, Object.assign({ slidesToShow: 4, align: "start", withControls: showCarouselControls, withIndicators: false, dragFree: true, controlSize: 24, slideSize: 76, slideGap: 10 }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__default.createElement(Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
-                    React__default.createElement(CarouselImageItemWrapper, Object.assign({}, carouselImageItemWrapperSlotProps, { onClick: (event) => {
-                            var _a;
-                            (_a = carouselImageItemWrapperSlotProps === null || carouselImageItemWrapperSlotProps === void 0 ? void 0 : carouselImageItemWrapperSlotProps.onClick) === null || _a === void 0 ? void 0 : _a.call(carouselImageItemWrapperSlotProps, event);
-                            onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index);
-                        } }),
-                        React__default.createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))))))))),
-        React__default.createElement(ProductContent, { className: contentClassName },
-            React__default.createElement("div", { className: "product-info" },
-                typeof generalInfo.name === 'string' ? (React__default.createElement(Text, { size: "h3", fw: 600, color: "gray1000", as: "h1" }, generalInfo.name)) : (generalInfo.name), generalInfo === null || generalInfo === void 0 ? void 0 :
-                generalInfo.middleContent,
-                generalInfo.description && (React__default.createElement(Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
-            children)));
+        isCarouselParallax ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(FixedParallaxHeroSection, null, heroContent),
+            React__default.createElement(FixedHeroSpacer, { "data-section": "PseudoEl_FixedHeroSpacer" }))) : (React__default.createElement("div", { "data-section": "HeroContent" }, heroContent)),
+        React__default.createElement(ContentWrapper, { "data-section": "ProductDetail_ContentWrapper", ref: contentRef },
+            React__default.createElement(ProductContent, { className: contentClassName },
+                React__default.createElement("div", { className: "product-info" },
+                    typeof generalInfo.name === 'string' ? (React__default.createElement(Text, { size: "h3", fw: 600, color: "gray1000", as: "h1" }, generalInfo.name)) : (generalInfo.name), generalInfo === null || generalInfo === void 0 ? void 0 :
+                    generalInfo.middleContent,
+                    generalInfo.description && (React__default.createElement(Text, { size: "body2", color: "gray700", "data-section": "ProductContent_Description" }, generalInfo.description))),
+                children))));
 }
 GeneralInfo.Container = GeneralInfoContainer;
 GeneralInfo.Image = ProductImage;
@@ -5552,9 +5661,11 @@ const GalleryMain = styled.div `
   min-width: 0;
   height: calc(100% - 108px);
   width: 100%;
+
   ${MediaQueries.mbUp} {
     height: auto;
     max-height: calc(100dvh - 10dvh);
+    aspect-ratio: 716 / 720;
   }
 `;
 const GallerySidebar = styled.div `
@@ -5727,7 +5838,7 @@ const StyledCarousel = styled(Carousel) `
     }
 
     &[data-inactive] {
-      opacity: 0.5;
+      opacity: 0;
       cursor: default;
     }
   }
@@ -5770,7 +5881,7 @@ function GalleryCarousel() {
     };
     return (React__default.createElement(StyledCarousel, { align: "center", slideSize: "100%", withControls: galleryImages.length > 1 && !isMobile, withIndicators: false, dragFree: false, slideGap: 0, draggable: galleryImages.length > 1 && isMobile, getEmblaApi: handleEmblaReady, onSlideChange: handleSlideChange, loop: false, height: "100%", controlSize: 32, initialSlide: initialSlide }, galleryImages.map((imageUrl, index) => (React__default.createElement(Carousel.Slide, { key: `${imageUrl}-${index}` },
         React__default.createElement(LargeImageWrapper, null,
-            React__default.createElement(MainGalleryImage, { src: imageUrl, alt: `${altPrefix} - ${index + 1}`, backupSrc: backupSrc })))))));
+            React__default.createElement(MainGalleryImage, { "data-section": "MainGalleryImage_section", src: imageUrl, alt: `${altPrefix} - ${index + 1}`, backupSrc: backupSrc })))))));
 }
 
 function GalleryThumbnails({ isMobile }) {
@@ -5797,7 +5908,7 @@ function GalleryTitle({ isMobile }) {
         return null;
     }
     if (typeof generalInfo.name === 'string') {
-        return (React__default.createElement(Text, { size: "h5", fw: 600, color: "gray1000", as: "h2" }, generalInfo.name));
+        return (React__default.createElement(Text, { fw: 600, size: "h5New", color: "gray1000", as: "h2" }, generalInfo.name));
     }
     return React__default.createElement(React__default.Fragment, null, generalInfo.name);
 }

package/build/esm/{translationsProvider-2bd4c215.js → translationsProvider-c3122056.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-5539c952.js';
+import { T as TranslationsContext } from './translationsContext-e21176c1.js';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';
 import idTranslations from './i18n-values/id-ID.js';

package/build/esm/{treePopoverMenu-257c17c1.js → treePopoverMenu-e4ef777f.js}

@@ -1,29 +1,29 @@
-import { _ as __rest } from './tslib.es6-1cd753c3.js';
+import { _ as __rest } from './tslib.es6-f2b7e9c3.js';
 import React__default, { createContext, useContext, useMemo, useCallback, useState } from 'react';
-import { u as useTranslations } from './index-9351c606.js';
-import { I as Icon } from './index-10dc44c5.js';
-import './index-d5050a14.js';
+import { u as useTranslations } from './index-032eadac.js';
+import { I as Icon } from './index-ccfa9c9e.js';
+import './index-d6f6b595.js';
 import { Box, createStyles } from '@mantine/core';
 import '@mantine/dates';
-import { j as DATE_FNS_LOCALE } from './index-709c1b4a.js';
-import './index-fa17f83f.js';
-import './index-12605605.js';
-import './index-6b3bccdf.js';
-import { T as Text } from './index-72bb84ba.js';
-import './index-760d69ce.js';
+import { j as DATE_FNS_LOCALE } from './index-43af2123.js';
+import './index-aa69f1a9.js';
+import './index-40a681f5.js';
+import './index-56c17ad3.js';
+import { T as Text } from './index-db36636a.js';
+import './index-e8e03414.js';
 import { theme } from './miscTheme.js';
-import './index-48c9e0de.js';
-import './index.styles-f25c06a1.js';
+import './index-098487ec.js';
+import './index.styles-9e934a7f.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-f93704dc.js';
-import './index-2f629759.js';
-import { u as useScreenSize } from './index-09e43a17.js';
-import { T as TogetherComponentGlobalContext, k as getCurrentBaseUrl } from './utils-56f99032.js';
+import { M as MediaQueries } from './utils-7250305e.js';
+import './index-77179a51.js';
+import { u as useScreenSize } from './index-66653ef8.js';
+import { T as TogetherComponentGlobalContext, k as getCurrentBaseUrl } from './utils-bf6be335.js';
 import { format } from 'date-fns';
-import { L as LOCALE } from './Locale-6237ebe4.js';
+import { L as LOCALE } from './Locale-b45f64dd.js';
 import styled from '@emotion/styled';
-import { H as Heading } from './index-06320955.js';
-import { P as PopoverMenu, S as StyledTree } from './index-6b962737.js';
+import { H as Heading } from './index-7a563e82.js';
+import { P as PopoverMenu, S as StyledTree } from './index-c37ef324.js';
 
 const CardReactionsContext = createContext({});
 

package/build/esm/types.js

@@ -1,2 +1,2 @@
-export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, C as COMMON_DATE_TRANSLATE_KEY, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, f as NodeActionType, e as NodeFinalTypes, N as NodeIntentType, g as NodeMultipleOptions, c as NodePosition, d as NodeType, O as OnboardingStep, S as SocialType, h as SubotType, V as VideoType } from './index-fa17f83f.js';
-export { L as LOCALE } from './Locale-6237ebe4.js';
+export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, C as COMMON_DATE_TRANSLATE_KEY, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, f as NodeActionType, e as NodeFinalTypes, N as NodeIntentType, g as NodeMultipleOptions, c as NodePosition, d as NodeType, O as OnboardingStep, S as SocialType, h as SubotType, V as VideoType } from './index-aa69f1a9.js';
+export { L as LOCALE } from './Locale-b45f64dd.js';

package/build/esm/{useCartCareService-d2eb4371.js → useCartCareService-3386d953.js}

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
-import { h as HHG_CART_CARE_STORE_KEY } from './index-709c1b4a.js';
+import { h as HHG_CART_CARE_STORE_KEY } from './index-43af2123.js';
 
 const useIsInit = () => {
     const [isInit, setIsInit] = useState(true);

package/build/esm/{useHealthToolCache-3fea4309.js → useHealthToolCache-0154ed13.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-1cd753c3.js';
+import { a as __awaiter } from './tslib.es6-f2b7e9c3.js';
 import { useState, useEffect, useCallback } from 'react';
 import { getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 

package/build/esm/{usePhoneValidator-9e60043e.js → usePhoneValidator-016ffb49.js}

@@ -1,10 +1,10 @@
-import { a as __awaiter } from './tslib.es6-1cd753c3.js';
+import { a as __awaiter } from './tslib.es6-f2b7e9c3.js';
 import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
 import { getCookie } from './miscCookieHelper.js';
-import { u as useInitialMount } from './useUniqueId-31d41470.js';
-import './index-fa17f83f.js';
-import { u as useTranslations } from './index-9351c606.js';
-import { L as LOCALE } from './Locale-6237ebe4.js';
+import { u as useInitialMount } from './useUniqueId-5c2a2bfb.js';
+import './index-aa69f1a9.js';
+import { u as useTranslations } from './index-032eadac.js';
+import { L as LOCALE } from './Locale-b45f64dd.js';
 
 function normalizeAndHash(string) {
     const utf8 = new TextEncoder().encode(string.trim().toLowerCase());

package/build/esm/{usePlacesAutocomplete-523fe3bd.js → usePlacesAutocomplete-fc18fe0b.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-1cd753c3.js';
+import { a as __awaiter } from './tslib.es6-f2b7e9c3.js';
 import { useState, useEffect } from 'react';
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/esm/useTogetherAuthRequiredAction.js

@@ -1,21 +1,21 @@
 import React__default, { createContext, useContext, useRef } from 'react';
 import { deleteCookie } from './miscCookieHelper.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-64df7581.js';
-import { T as TogetherComponentGlobalContext, j as getUrlToSignUp } from './utils-56f99032.js';
-import { B as BEARER_TOKEN_COOKIE } from './constants-01997487.js';
-import './tslib.es6-1cd753c3.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-0efd0c32.js';
+import { T as TogetherComponentGlobalContext, j as getUrlToSignUp } from './utils-bf6be335.js';
+import { B as BEARER_TOKEN_COOKIE } from './constants-9194bfe5.js';
+import './tslib.es6-f2b7e9c3.js';
 import 'zustand';
-import './index-4e66e774.js';
+import './index-6b88e3c6.js';
 import './constantsIsProduction.js';
-import './normalizeLink-6fc795db.js';
+import './normalizeLink-6e0feafd.js';
 import './constantsDomainLocales.js';
-import './Locale-6237ebe4.js';
-import './index-709c1b4a.js';
+import './Locale-b45f64dd.js';
+import './index-43af2123.js';
 import 'date-fns/locale';
-import './index-fa17f83f.js';
+import './index-aa69f1a9.js';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-4906b926.js';
+import './index-a7780581.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';

package/build/esm/{utils-80f04d90.js → utils-08850e2c.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useCallback, useMemo } from 'react';
-import { U as USER_GEOLOCATION_COORDINATES_COOKIE } from './index-709c1b4a.js';
+import { U as USER_GEOLOCATION_COORDINATES_COOKIE } from './index-43af2123.js';
 import { getCookie, setCookie, deleteCookie } from './miscCookieHelper.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-f93704dc.js';
+import { M as MediaQueries } from './utils-7250305e.js';
 import Skeleton from 'react-loading-skeleton';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';

package/build/esm/{utils-1eca9722.js → utils-08c6ca6b.js}

@@ -1,8 +1,8 @@
-import { b as HEALTH_TOOL_NAME_TRACKING } from './healthTools-25e01c7f.js';
-import { l as locale } from './index-4e66e774.js';
-import { u as useSSOV2Store } from './store-64df7581.js';
-import { h as SubotType } from './index-fa17f83f.js';
-import { L as LOCALE } from './Locale-6237ebe4.js';
+import { b as HEALTH_TOOL_NAME_TRACKING } from './healthTools-e9d8e3f5.js';
+import { l as locale } from './index-6b88e3c6.js';
+import { u as useSSOV2Store } from './store-0efd0c32.js';
+import { h as SubotType } from './index-aa69f1a9.js';
+import { L as LOCALE } from './Locale-b45f64dd.js';
 
 const isFeatureWhatsAppEnabled = [
     LOCALE.Indonesia,

package/build/esm/{utils-642156b1.js → utils-35709853.js}

@@ -1,5 +1,5 @@
-import './index-fa17f83f.js';
-import { L as LOCALE } from './Locale-6237ebe4.js';
+import './index-aa69f1a9.js';
+import { L as LOCALE } from './Locale-b45f64dd.js';
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/esm/{utils-b6f19c3b.js → utils-b9be89c5.js}

@@ -1,27 +1,10 @@
-import { L as LOCALIZED_SLUGS } from './constants-f3f310d2.js';
-import './index-709c1b4a.js';
-import { V as VideoType } from './index-fa17f83f.js';
+import { L as LOCALIZED_SLUGS } from './constants-d5db76c9.js';
+import './index-43af2123.js';
+import { V as VideoType } from './index-aa69f1a9.js';
 import formatString from 'string-format';
+import { T as TOGETHER_PATHS } from './constants-f42847a4.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
-const TOGETHER_PATHS = {
-    COMMUNITIES: 'community?website_url={websiteUrl}',
-    MENU_TOPIC: 'topic?community_id={communityId}&website_url={websiteUrl}',
-    GET_USER_POSTS: 'profile/posts?website_url={websiteUrl}',
-};
-const Z_INDEX = {
-    adBlock: 48,
-    headerContainerHome: 99,
-    headerContainerPopup: 300,
-    headerContainerPopupSUbLevel: 400,
-    menuCategoryPopupWrapper: 200,
-    menuCategoryPopupContainer: 210,
-    menuSearchInputPopup: 5,
-    menuSearchInputDisplayIcon: 6,
-    menuSearchPopup: 300,
-    homeSearchComponent: 200,
-};
-
 const formatSponsor = (sponsor) => {
     if (!sponsor)
         return {};
@@ -243,4 +226,4 @@ function hsbToRgb(h, s, b) {
     return [255 * f(5), 255 * f(3), 255 * f(1)];
 }
 
-export { Z_INDEX as Z, getCareSearchUrl as a, hsbToRgb as b, formatSpotlightsList as c, checkAvailableSpotlight as d, formatHealthTool as e, formatCategory as f, getTogetherUserPostsApiPath as g, hexToRgb as h, formatVideoItem as i, formatSpecialties as j, formatHospital as k, rgbToHsb as r };
+export { getCareSearchUrl as a, hsbToRgb as b, formatSpotlightsList as c, checkAvailableSpotlight as d, formatHealthTool as e, formatCategory as f, getTogetherUserPostsApiPath as g, hexToRgb as h, formatVideoItem as i, formatSpecialties as j, formatHospital as k, rgbToHsb as r };

package/build/esm/{utils-56f99032.js → utils-bf6be335.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-1cd753c3.js';
-import { c as cookie } from './index-4906b926.js';
+import { a as __awaiter } from './tslib.es6-f2b7e9c3.js';
+import { c as cookie } from './index-a7780581.js';
 import { getCookie } from './miscCookieHelper.js';
 import slugify from 'slugify';
 import { isProduction } from './constantsIsProduction.js';
 import formatString from 'string-format';
 import React__default, { createContext, useState, useEffect } from 'react';
 import { PATHS } from './togetherApiPaths.js';
-import { B as BEARER_TOKEN_COOKIE, b as BEARER_ADMIN_TOKEN_COOKIE, L as LOCALISED_SLUGS } from './constants-01997487.js';
+import { B as BEARER_TOKEN_COOKIE, b as BEARER_ADMIN_TOKEN_COOKIE, L as LOCALISED_SLUGS } from './constants-9194bfe5.js';
 
 const DefaultComponentGlobalContextData = {
     locale: 'vi-VN',