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

package/build/{transform-32c0b1b8.js → transform-0e476c18.js}

@@ -1,56 +1,56 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-90a4355c.js');
+var tslib_es6 = require('./tslib.es6-55da93f4.js');
 var React = require('react');
-var index$4 = require('./index-2dee901e.js');
+var index$4 = require('./index-c25dab97.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$6 = require('./index-3e0d3fee.js');
-require('./index-477e91bc.js');
-var index$a = require('./index-ce82f090.js');
-require('./index-1b2723cf.js');
-var index$2 = require('./index-e4b54db3.js');
-var index$e = require('./index-d3aa502c.js');
-require('./index-26e40dcd.js');
-require('./index.styles-3c726347.js');
-require('./translationsContext-fc224132.js');
+var index$6 = require('./index-7d390897.js');
+require('./index-eeef0e39.js');
+var index$a = require('./index-298cc014.js');
+require('./index-5e1733f5.js');
+var index$2 = require('./index-b58cffdb.js');
+var index$e = require('./index-58bed22a.js');
+require('./index-175de8d1.js');
+require('./index.styles-27d92652.js');
+require('./translationsContext-18d3985c.js');
 require('@mantine/hooks');
-var utils = require('./utils-e7e615f5.js');
-require('./index-866bec3b.js');
-var SiteWideBanner = require('./SiteWideBanner-4c7cf353.js');
+var utils = require('./utils-23f24dbb.js');
+require('./index-d75e656a.js');
+var SiteWideBanner = require('./SiteWideBanner-eaa57a74.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$3 = require('./index-fca8d375.js');
+var index$3 = require('./index-f2464969.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$5 = require('./index-2f9ba526.js');
+var index$5 = require('./index-194d6aa8.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-e69892c4.js');
+var useOutsideClick = require('./useOutsideClick-ac6b6f22.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$9 = require('./index-b21e0238.js');
-var index$7 = require('./index-3e41b11c.js');
-var index$8 = require('./index-a4ea335e.js');
+var index$9 = require('./index-efbd3d8c.js');
+var index$7 = require('./index-544d902a.js');
+var index$8 = require('./index-e6983eb2.js');
 var classNames = require('classnames');
-var index$b = require('./index-6c769bab.js');
+var index$b = require('./index-a73664eb.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-f9c6bfa4.js');
-var index$c = require('./index-4d7e1717.js');
+var index$d = require('./index-21ef0418.js');
+var index$c = require('./index-ae78c9b9.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-6246abf7.js');
+var Locale = require('./Locale-01c42706.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$f = require('./index-35b20cd6.js');
-var index$g = require('./index-40cce187.js');
+var index$f = require('./index-db305be5.js');
+var index$g = require('./index-fbad6ce4.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
-var Close = require('./Close-3fb8d383.js');
+var Close = require('./Close-96cd3099.js');
 var carousel = require('@mantine/carousel');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -5401,12 +5401,20 @@ styled__default["default"].div `
   }
 `;
 const GeneralInfoContainer = styled__default["default"].div `
+  background-color: #fff;
+
   ${utils.MediaQueries.mbUp} {
     display: flex;
     gap: 1.5rem;
+    justify-content: space-between;
     border-radius: 0.75rem;
     padding: 1.5rem;
     overflow: hidden;
+
+    & > div:last-child {
+      flex: 1;
+      max-width: 550px;
+    }
   }
 
   #product-image-section {
@@ -5414,11 +5422,10 @@ const GeneralInfoContainer = styled__default["default"].div `
       width: 336px;
     }
   }
-  background-color: #fff;
 `;
 const ProductImage = styled__default["default"](index$3.ImageWrapV2) `
   ${utils.MediaQueries.mbUp} {
-    width: 336px;
+    width: 432px;
     aspect-ratio: 1/1;
     object-fit: cover;
     border-radius: 0.5rem;
@@ -5490,7 +5497,7 @@ const StyledImageCarousel = styled__default["default"](index$4.Carousel) `
 
   .mantine-Carousel-indicators {
     gap: 0.375rem;
-    bottom: 0.5rem;
+    bottom: ${({ isCarouselParallax }) => isCarouselParallax ? '38%' : '0.5rem'};
   }
 
   .mantine-Carousel-indicator {
@@ -5533,38 +5540,109 @@ const CarouselImageItem = styled__default["default"](index$3.ImageWrapV2) `
   height: 100%;
   object-fit: cover;
   object-position: center;
+`;
+const FixedHeroSection = styled__default["default"].div `
+  --contentBorderRadius: 30px;
+  --scrollIndex: ${({ scrollIndex }) => `${scrollIndex}px`};
+
+  ${utils.MediaQueries.mbDown} {
+    position: fixed;
+    top: var(--header-height);
+    left: 0;
+    right: 0;
+    z-index: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    width: 100vw;
+    height: calc(
+      67vw + var(--contentBorderRadius, 0px) - var(--scrollIndex, 0px)
+    );
+
+    & > [data-section='FixedHeroSection_Content'] {
+      width: 100vw;
+      height: calc(67vw + var(--contentBorderRadius));
+    }
+  }
+`;
+const FixedHeroSpacer = styled__default["default"].div `
+  ${utils.MediaQueries.mbDown} {
+    width: 100%;
+    aspect-ratio: 1;
+  }
+`;
+const ContentOverlayWrapper = styled__default["default"].div `
+  position: relative;
+  z-index: 2;
+  background-color: #fff;
+`;
+const ContentOverlayWrapperParallax = styled__default["default"].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 = React.useRef(null);
+    const [scrollIndex, setScrollIndex] = React.useState(0);
+    React.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__namespace["default"].createElement(FixedHeroSection, { ref: heroSectionRef, "data-section": "FixedHeroSection", scrollIndex: scrollIndex },
+        React__namespace["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 } = index$7.useScreenSize();
+    const contentRef = React.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__namespace["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__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+        React__namespace["default"].createElement(CarouselImageItemWrapperMobile, { style: { aspectRatio: isCarouselParallax ? '1' : undefined }, onClick: () => onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index) },
+            React__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
+        React__namespace["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__namespace["default"].createElement(ImageCarouselContainer, null,
+            React__namespace["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__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+                React__namespace["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__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))))));
     return (React__namespace["default"].createElement(GeneralInfoContainer, { className: className },
-        React__namespace["default"].createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null, isMobile ? (React__namespace["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__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
-            React__namespace["default"].createElement(CarouselImageItemWrapperMobile, { onClick: () => onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index) },
-                React__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
-            React__namespace["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__namespace["default"].createElement(ImageCarouselContainer, null,
-                React__namespace["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__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
-                    React__namespace["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__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))))))))),
-        React__namespace["default"].createElement(ProductContent, { className: contentClassName },
-            React__namespace["default"].createElement("div", { className: "product-info" },
-                typeof generalInfo.name === 'string' ? (React__namespace["default"].createElement(index$2.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__namespace["default"].createElement(index$2.Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
-            children)));
+        isCarouselParallax ? (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
+            React__namespace["default"].createElement(FixedParallaxHeroSection, null, heroContent),
+            React__namespace["default"].createElement(FixedHeroSpacer, { "data-section": "PseudoEl_FixedHeroSpacer" }))) : (React__namespace["default"].createElement("div", { "data-section": "HeroContent" }, heroContent)),
+        React__namespace["default"].createElement(ContentWrapper, { "data-section": "ProductDetail_ContentWrapper", ref: contentRef },
+            React__namespace["default"].createElement(ProductContent, { className: contentClassName },
+                React__namespace["default"].createElement("div", { className: "product-info" },
+                    typeof generalInfo.name === 'string' ? (React__namespace["default"].createElement(index$2.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__namespace["default"].createElement(index$2.Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
+                children))));
 }
 GeneralInfo.Container = GeneralInfoContainer;
 GeneralInfo.Image = ProductImage;

package/build/{translationsProvider-1427f15a.js → translationsProvider-00a574c2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-fc224132.js');
+var translationsContext = require('./translationsContext-18d3985c.js');
 var i18nValues_enPH = require('./i18n-values/en-PH.js');
 var i18nValues_hiIN = require('./i18n-values/hi-IN.js');
 var i18nValues_idID = require('./i18n-values/id-ID.js');

package/build/{treePopoverMenu-72a0c099.js → treePopoverMenu-17b9e174.js}

@@ -1,31 +1,31 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-90a4355c.js');
+var tslib_es6 = require('./tslib.es6-55da93f4.js');
 var React = require('react');
-var index = require('./index-a4ea335e.js');
-var index$3 = require('./index-0d89e2f9.js');
-require('./index-2dee901e.js');
+var index = require('./index-e6983eb2.js');
+var index$3 = require('./index-de1130f4.js');
+require('./index-c25dab97.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$4 = require('./index-3e0d3fee.js');
-require('./index-477e91bc.js');
-require('./index-ce82f090.js');
-require('./index-1b2723cf.js');
-var index$2 = require('./index-e4b54db3.js');
-require('./index-d3aa502c.js');
+var index$4 = require('./index-7d390897.js');
+require('./index-eeef0e39.js');
+require('./index-298cc014.js');
+require('./index-5e1733f5.js');
+var index$2 = require('./index-b58cffdb.js');
+require('./index-58bed22a.js');
 var miscTheme = require('./miscTheme.js');
-require('./index-26e40dcd.js');
-require('./index.styles-3c726347.js');
+require('./index-175de8d1.js');
+require('./index.styles-27d92652.js');
 require('@mantine/hooks');
-var utils = require('./utils-e7e615f5.js');
-require('./index-866bec3b.js');
-var index$1 = require('./index-3e41b11c.js');
-var togetherComponentGlobalContext = require('./utils-ad44e912.js');
+var utils = require('./utils-23f24dbb.js');
+require('./index-d75e656a.js');
+var index$1 = require('./index-544d902a.js');
+var togetherComponentGlobalContext = require('./utils-1864dbb5.js');
 var dateFns = require('date-fns');
-var Locale = require('./Locale-6246abf7.js');
+var Locale = require('./Locale-01c42706.js');
 var styled = require('@emotion/styled');
-var index$6 = require('./index-d2de0726.js');
-var index$5 = require('./index-dda858ce.js');
+var index$6 = require('./index-bfb2cfed.js');
+var index$5 = require('./index-e9ca190b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/types.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-477e91bc.js');
-var Locale = require('./Locale-6246abf7.js');
+var index = require('./index-eeef0e39.js');
+var Locale = require('./Locale-01c42706.js');
 
 
 

package/build/{useCartCareService-1b3dd006.js → useCartCareService-05774f83.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
-var index = require('./index-3e0d3fee.js');
+var index = require('./index-7d390897.js');
 
 const useIsInit = () => {
     const [isInit, setIsInit] = React.useState(true);

package/build/{useHealthToolCache-4a76cfc4.js → useHealthToolCache-9c7531bd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-90a4355c.js');
+var tslib_es6 = require('./tslib.es6-55da93f4.js');
 var React = require('react');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 

package/build/{usePhoneValidator-70ebff7f.js → usePhoneValidator-9a2260cd.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-90a4355c.js');
+var tslib_es6 = require('./tslib.es6-55da93f4.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-353a267f.js');
-require('./index-477e91bc.js');
-var index = require('./index-a4ea335e.js');
-var Locale = require('./Locale-6246abf7.js');
+var useUniqueId = require('./useUniqueId-a249adf3.js');
+require('./index-eeef0e39.js');
+var index = require('./index-e6983eb2.js');
+var Locale = require('./Locale-01c42706.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{usePlacesAutocomplete-54b11068.js → usePlacesAutocomplete-b246e7f3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-90a4355c.js');
+var tslib_es6 = require('./tslib.es6-55da93f4.js');
 var React = require('react');
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/useTogetherAuthRequiredAction.js

@@ -4,22 +4,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var store = require('./store-daf52f92.js');
-var togetherComponentGlobalContext = require('./utils-ad44e912.js');
-var constants = require('./constants-dee4b428.js');
-require('./tslib.es6-90a4355c.js');
+var store = require('./store-5199c266.js');
+var togetherComponentGlobalContext = require('./utils-1864dbb5.js');
+var constants = require('./constants-33160eda.js');
+require('./tslib.es6-55da93f4.js');
 require('zustand');
-require('./index-a9c51d46.js');
+require('./index-223ee602.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-9edcfad8.js');
+require('./normalizeLink-63b98767.js');
 require('./constantsDomainLocales.js');
-require('./Locale-6246abf7.js');
-require('./index-3e0d3fee.js');
+require('./Locale-01c42706.js');
+require('./index-7d390897.js');
 require('date-fns/locale');
-require('./index-477e91bc.js');
+require('./index-eeef0e39.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-f357c5cf.js');
+require('./index-b6282458.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');

package/build/{utils-ad44e912.js → utils-1864dbb5.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-90a4355c.js');
-var index = require('./index-f357c5cf.js');
+var tslib_es6 = require('./tslib.es6-55da93f4.js');
+var index = require('./index-b6282458.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var slugify = require('slugify');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var formatString = require('string-format');
 var React = require('react');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-dee4b428.js');
+var constants = require('./constants-33160eda.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{utils-6fdca7e7.js → utils-1d3633d4.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var constants = require('./constants-e7b999fb.js');
-require('./index-3e0d3fee.js');
-var index = require('./index-477e91bc.js');
+var constants = require('./constants-7e4f29d1.js');
+require('./index-7d390897.js');
+var index = require('./index-eeef0e39.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 

package/build/{utils-ea8274a7.js → utils-58bc3298.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-require('./index-477e91bc.js');
-var Locale = require('./Locale-6246abf7.js');
+require('./index-eeef0e39.js');
+var Locale = require('./Locale-01c42706.js');
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/{utils-ace23367.js → utils-c0497aa1.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-3e0d3fee.js');
+var index = require('./index-7d390897.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-e7e615f5.js');
+var utils = require('./utils-23f24dbb.js');
 var Skeleton = require('react-loading-skeleton');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');

package/build/{utils-e3425253.js → utils-e582d306.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var healthTools = require('./healthTools-94cfb867.js');
-var index = require('./index-a9c51d46.js');
-var store = require('./store-daf52f92.js');
-var index$1 = require('./index-477e91bc.js');
-var Locale = require('./Locale-6246abf7.js');
+var healthTools = require('./healthTools-9545a30a.js');
+var index = require('./index-223ee602.js');
+var store = require('./store-5199c266.js');
+var index$1 = require('./index-eeef0e39.js');
+var Locale = require('./Locale-01c42706.js');
 
 const isFeatureWhatsAppEnabled = [
     Locale.LOCALE.Indonesia,

package/build/vaccination.js

@@ -2,42 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-90a4355c.js');
+var tslib_es6 = require('./tslib.es6-55da93f4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$5 = require('./index-2dee901e.js');
+var index$5 = require('./index-c25dab97.js');
 require('@mantine/dates');
-require('./index-3e0d3fee.js');
-var index$7 = require('./index-477e91bc.js');
-require('./index-ce82f090.js');
-var index$3 = require('./index-1b2723cf.js');
-var index$2 = require('./index-e4b54db3.js');
-var index$1 = require('./index-d3aa502c.js');
+require('./index-7d390897.js');
+var index$7 = require('./index-eeef0e39.js');
+require('./index-298cc014.js');
+var index$3 = require('./index-5e1733f5.js');
+var index$2 = require('./index-b58cffdb.js');
+var index$1 = require('./index-58bed22a.js');
 var miscTheme = require('./miscTheme.js');
-require('./index-26e40dcd.js');
-require('./index.styles-3c726347.js');
-var index = require('./index-a4ea335e.js');
+require('./index-175de8d1.js');
+require('./index.styles-27d92652.js');
+var index = require('./index-e6983eb2.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-e7e615f5.js');
-require('./index-866bec3b.js');
+var utils = require('./utils-23f24dbb.js');
+require('./index-d75e656a.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-187586be.js');
-require('./translationsContext-fc224132.js');
+var index$4 = require('./index-0055d476.js');
+require('./translationsContext-18d3985c.js');
 var other = require('@hhgtech/icons/other');
-var index$6 = require('./index-3e41b11c.js');
-var index$8 = require('./index-1d4671e0.js');
+var index$6 = require('./index-544d902a.js');
+var index$8 = require('./index-f4b23484.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$a = require('./index-1d3c477e.js');
-var index$9 = require('./index-d2de0726.js');
+var index$a = require('./index-1fd692ec.js');
+var index$9 = require('./index-bfb2cfed.js');
 require('@mantine/carousel');
-require('./shared-a57af0d3.js');
+require('./shared-6710e604.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-353a267f.js');
+require('./useUniqueId-a249adf3.js');
 require('./constantsSite.js');
-require('./Locale-6246abf7.js');
+require('./Locale-01c42706.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('date-fns/locale');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.531",
+  "version": "1.29.532-beta-2",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/esm/index-dda89527.js

@@ -1,31 +0,0 @@
-import React__default from 'react';
-import styled from '@emotion/styled';
-import { C as Container } from './index-94d793f9.js';
-import { T as Text } from './index-16d81579.js';
-
-const StyledTextDivider = styled.div `
-  background-color: var(--neutral50);
-  padding: 12px 0;
-  box-shadow: inset 0px 1px 0px #e4e8ec;
-
-  > * {
-    display: grid;
-    grid-template-columns: 32px 1fr;
-    align-content: center;
-
-    p {
-      font-weight: 600;
-    }
-  }
-
-  .icon-wrapper {
-    display: flex;
-    align-items: center;
-  }
-`;
-const TextDivider = ({ children, icon, className, style }) => (React__default.createElement(StyledTextDivider, { style: style, className: className },
-    React__default.createElement(Container, null,
-        React__default.createElement("div", { className: "icon-wrapper" }, icon),
-        React__default.createElement(Text, { size: "c1", color: "var(--neutral800)" }, children))));
-
-export { TextDivider as T };