@hhgtech/hhg-components 1.29.552 → 1.29.553-beta-1

package/build/esm/{transform-3a2a282d.js → transform-057dae17.js}

@@ -1,67 +1,67 @@
-import { a as __rest, _ as __awaiter } from './tslib.es6-c436ef74.js';
+import { a as __rest, _ as __awaiter } from './tslib.es6-e8301414.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-2c673e60.js';
+import { R as Radio, a as Carousel } from './index-a253b69f.js';
 import { Stack, Group, createStyles, getStylesRef, useMantineTheme, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Modal as Modal$1, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS, I as ISO_FORMAT, c as ZINDEX_SSO } from './index-5c3b151b.js';
-import './index-6c821337.js';
-import { C as CommonGAssets } from './index-65f34ef2.js';
-import './index-5b7895e5.js';
-import { T as Text } from './index-5f9f62f2.js';
-import { B as Button$1 } from './index-e76859e2.js';
-import { F as FontWeight } from './index-9a665c9b.js';
-import './index.styles-819a1689.js';
-import './translationsContext-e074781f.js';
+import { L as LOCALE_SPECS, F as FAVICONS, I as ISO_FORMAT, c as ZINDEX_SSO } from './index-0418d8ce.js';
+import './index-1bed4b30.js';
+import { C as CommonGAssets } from './index-5f582eb1.js';
+import './index-cf08696e.js';
+import { T as Text } from './index-cd8deb84.js';
+import { B as Button$1 } from './index-a85fa1ec.js';
+import { F as FontWeight } from './index-c8b57f1a.js';
+import './index.styles-2efb7b19.js';
+import './translationsContext-6d8b09b2.js';
 import { useDisclosure } from '@mantine/hooks';
-import { M as MediaQueries } from './utils-7a26efab.js';
-import './index-50723d8e.js';
-import { i as isInternalLink } from './SiteWideBanner-d4746be3.js';
+import { M as MediaQueries } from './utils-180e09c3.js';
+import './index-00e60ff4.js';
+import { i as isInternalLink } from './SiteWideBanner-7eaf7c8e.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-88790122.js';
+import { C as Checkbox, a as PureInput, b as IntrinsicImage, c as POPUP_CONTAINED_IMAGE_MAX, P as Pagination$1, d as SearchInput, I as ImageWrapV2 } from './index-c72e7e57.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-931dfc4f.js';
+import { L as Logo } from './index-62cb320a.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-d9377b25.js';
+import { a as useOutsideClick } from './useOutsideClick-c2afa344.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-cbe2d759.js';
-import { u as useScreenSize, I as ImageWrap } from './index-20fec31b.js';
-import { u as useTranslations, f as format$1 } from './index-2fc8c557.js';
+import { B as Button } from './index-8ab7187e.js';
+import { u as useScreenSize, I as ImageWrap } from './index-65f59393.js';
+import { u as useTranslations, f as format$1 } from './index-386bd963.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-f2070d0f.js';
+import { D as Dropdown } from './index-e6a274f1.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-2eea6ef0.js';
-import { D as Drawer } from './index-4c31f08b.js';
-import { D as DrawerBottom } from './index-29e70c8a.js';
-import { M as Modal } from './index-ce29e1ac.js';
-import { f as formatArticle } from './dataTransform-23c299df.js';
+import { I as Input } from './index-691abf63.js';
+import { D as Drawer } from './index-c58eb8c5.js';
+import { D as DrawerBottom } from './index-fa92e865.js';
+import { M as Modal } from './index-90a8d676.js';
+import { f as formatArticle } from './dataTransform-deafa298.js';
 import { DISCOVER_PATHS } from './togetherApiPaths.js';
-import { c as callApi, g as getDiscoverApiPath } from './utils-247bf513.js';
+import { c as callApi, g as getDiscoverApiPath } from './utils-d33b75d9.js';
 import innertext from 'innertext';
-import { L as LOCALE } from './Locale-4cff24f0.js';
-import { g as getHelloSitesUrl } from './index-081a85a6.js';
-import { P as POST_DATE_FORMAT, D as DEFAULT_AVATAR_IMG, a as DEFAULT_IMG } from './constants-17bf4691.js';
+import { L as LOCALE } from './Locale-574fe0ae.js';
+import { g as getHelloSitesUrl } from './index-aa49c973.js';
+import { P as POST_DATE_FORMAT, D as DEFAULT_AVATAR_IMG, a as DEFAULT_IMG } from './constants-1857270b.js';
 import dayjs from 'dayjs';
 import { ArticleCard } from './moleculesArticleCard.js';
 import { v4 } from 'uuid';
 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-87a36f3b.js';
-import { L as Loading } from './index-f09b6eae.js';
+import { A as ArrowRightBlue } from './index-2419bfb8.js';
+import { L as Loading } from './index-04a4bbfc.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
-import { C as Close } from './index-e7ab1376.js';
+import { C as Close } from './index-f18c5b60.js';
 import { useAnimationOffsetEffect } from '@mantine/carousel';
-import { D as DEFAULT_HEADER_HEIGHT_MOBILE } from './constants-fe4561d3.js';
+import { D as DEFAULT_HEADER_HEIGHT_MOBILE } from './constants-e7896436.js';
 
 const StarFull = (_a) => {
     var { color, stroke } = _a, props = __rest(_a, ["color", "stroke"]);
@@ -3031,6 +3031,20 @@ function PopupBoostArticleCard({ article, isMobile, className = 'article-card',
         } }));
 }
 
+function PopupContainedImage(_a) {
+    var { overlay, wrapperProps, className, style } = _a, imageProps = __rest(_a, ["overlay", "wrapperProps", "className", "style"]);
+    return (React__default.createElement(Box, Object.assign({}, wrapperProps, { sx: Object.assign({ position: 'relative', lineHeight: 0, width: '100%' }, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.sx) }),
+        React__default.createElement(IntrinsicImage, Object.assign({ className: className, style: style }, imageProps)),
+        overlay ? (React__default.createElement(Box, { sx: {
+                position: 'absolute',
+                inset: 0,
+                zIndex: 1,
+                lineHeight: 'normal',
+                display: 'flex',
+                flexDirection: 'column',
+            } }, overlay)) : null));
+}
+
 const BOOST_POPUP_TRACKING_CATEGORY = 'Popup Suggest Article';
 const BOOST_POPUP_GTAG_EVENTS = {
     swipeToClose: 'swipe_to_close',
@@ -3280,7 +3294,6 @@ function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, comm
         }
     };
     const boostCarePathSourceLabel = getBoostSourceLabel(boostCarePath === null || boostCarePath === void 0 ? void 0 : boostCarePath.permalink);
-    const boostCustomSourceLabel = getBoostSourceLabel(boostCustom === null || boostCustom === void 0 ? void 0 : boostCustom.link);
     const hasBoostData = (boostType === 'article' && !!boostArticle) ||
         (boostType === 'carepath' && !!boostCarePath) ||
         (boostType === 'custom' && !!(boostCustom === null || boostCustom === void 0 ? void 0 : boostCustom.link));
@@ -3316,8 +3329,10 @@ function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, comm
     };
     const contentEle = (React__default.createElement(Box, { sx: { position: 'relative' } },
         React__default.createElement(Stack, { "data-boost-type": boostType, sx: (theme) => ({
-                gap: 12,
-                [theme.fn.largerThan('sm')]: { gap: 16 },
+                gap: boostType === 'custom' ? 0 : 12,
+                [theme.fn.largerThan('sm')]: {
+                    gap: boostType === 'custom' ? 0 : 16,
+                },
                 '.article-card': {
                     // Clicks go to the boost overlay `<a>`; keep ArticleCard markup unchanged.
                     a: {
@@ -3399,60 +3414,86 @@ function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, comm
                     } })))) : null,
             boostType === 'custom' && boostCustom ? (React__default.createElement(Box, { sx: {
                     display: 'grid',
-                    gap: 12,
+                    gap: 0,
                 } },
-                boostCustom.image ? (React__default.createElement(Box, { sx: (theme) => ({
-                        marginLeft: -16,
-                        marginRight: -16,
-                        [theme.fn.largerThan('sm')]: { marginTop: -16 },
-                        width: 'calc(100% + 32px)',
-                        aspectRatio: '16 / 8',
-                        overflow: 'hidden',
-                    }) },
-                    React__default.createElement("img", { src: boostCustom.image, alt: boostCustom.title, loading: "lazy", style: {
-                            width: '100%',
-                            height: '100%',
-                            objectFit: 'cover',
-                            display: 'block',
-                        } }))) : null,
-                React__default.createElement(Stack, { spacing: 5 },
-                    React__default.createElement(Stack, { spacing: 3 },
-                        React__default.createElement(Box, { sx: {
-                                textTransform: 'uppercase',
-                                fontWeight: 'normal',
-                                fontSize: '12px',
-                                lineHeight: '15px',
-                                color: '#65676B',
-                            } }, boostCustomSourceLabel),
-                        React__default.createElement(Box, { sx: {
-                                fontSize: '16px',
-                                lineHeight: '19px',
-                                fontWeight: 500,
-                            } }, boostCustom.title)),
+                boostCustom.image ? (React__default.createElement(PopupContainedImage, { src: boostCustom.image, alt: boostCustom.title, maxWidth: POPUP_CONTAINED_IMAGE_MAX.boost.width, maxHeight: POPUP_CONTAINED_IMAGE_MAX.boost.height, viewportWidthGap: POPUP_CONTAINED_IMAGE_MAX.boost.viewportWidthGap, viewportHeightGap: POPUP_CONTAINED_IMAGE_MAX.boost.viewportHeightGap })) : null,
+                (!!boostCustom.title || !!boostCustom.description) && (React__default.createElement(Stack, { spacing: 5, sx: { padding: 16, paddingBottom: 0 } },
+                    !!boostCustom.title && (React__default.createElement(Box, { sx: {
+                            fontSize: '16px',
+                            lineHeight: '19px',
+                            fontWeight: 500,
+                        } }, boostCustom.title)),
                     !!boostCustom.description && (React__default.createElement(Text, { size: "p3", lineClamp: 2, sx: {
                             fontSize: '14px',
                             lineHeight: '19px',
                             color: '#65676B',
                         }, dangerouslySetInnerHTML: {
                             __html: boostCustom.description,
-                        } }))))) : null,
-            React__default.createElement(Button$1, { variant: "primary", fullWidth: true }, viewDetailText)),
+                        } })))))) : null,
+            React__default.createElement(Box, { sx: boostType === 'custom'
+                    ? {
+                        padding: 16,
+                    }
+                    : undefined },
+                React__default.createElement(Button$1, { variant: "primary", fullWidth: true }, viewDetailText))),
         React__default.createElement(Box, Object.assign({ component: "a", href: boostingUrl }, boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.viewDetail, currentUrl), { target: "_blank", rel: "noopener noreferrer", "aria-label": viewDetailText, onClick: handleBoostOverlayClick, sx: {
                 position: 'absolute',
                 inset: 0,
                 zIndex: 2,
                 cursor: 'pointer',
                 backgroundColor: 'transparent',
-            } }))));
+            } })),
+        boostType === 'custom' && (boostCustom === null || boostCustom === void 0 ? void 0 : boostCustom.image) ? (React__default.createElement(Box, Object.assign({ component: "button", type: "button", "aria-label": "Close" }, boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), { onClick: (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                handleDismiss();
+            }, sx: {
+                position: 'absolute',
+                top: 8,
+                right: 8,
+                zIndex: 3,
+                width: 32,
+                height: 32,
+                minWidth: 32,
+                borderRadius: '50%',
+                border: 'none',
+                padding: 0,
+                backgroundColor: '#fff',
+                color: '#000',
+                boxShadow: '0 1px 4px rgba(0, 0, 0, 0.16)',
+                cursor: 'pointer',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                '&:hover': {
+                    backgroundColor: '#fff',
+                },
+            } }),
+            React__default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
+                React__default.createElement("path", { d: "M9.99981 10.8432L14.0583 14.9017C14.1691 15.0125 14.3083 15.0691 14.476 15.0717C14.6437 15.0743 14.7854 15.0176 14.9013 14.9017C15.0172 14.7858 15.0752 14.6453 15.0752 14.4802C15.0752 14.3151 15.0172 14.1746 14.9013 14.0587L10.8429 10.0002L14.9013 5.9417C15.0121 5.83094 15.0688 5.69172 15.0713 5.52402C15.0739 5.35634 15.0172 5.21456 14.9013 5.09866C14.7854 4.98276 14.6449 4.9248 14.4798 4.9248C14.3147 4.9248 14.1742 4.98276 14.0583 5.09866L9.99981 9.15712L5.94133 5.09866C5.83057 4.98789 5.69135 4.93122 5.52365 4.92866C5.35598 4.92609 5.21419 4.98276 5.09829 5.09866C4.98239 5.21456 4.92444 5.35506 4.92444 5.52018C4.92444 5.6853 4.98239 5.82581 5.09829 5.9417L9.15675 10.0002L5.09829 14.0587C4.98752 14.1694 4.93085 14.3087 4.9283 14.4763C4.92572 14.644 4.98239 14.7858 5.09829 14.9017C5.21419 15.0176 5.3547 15.0756 5.51982 15.0756C5.68493 15.0756 5.82544 15.0176 5.94133 14.9017L9.99981 10.8432Z" })))) : null));
     return isMobile ? (React__default.createElement(DrawerBottom, { isMobile: true, isOpen: opened, onClose: handleDismiss, onRelease: handleBoostDrawerRelease, drawerOverlayProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl) },
-        React__default.createElement(Stack, { spacing: 16, sx: { padding: 16, paddingTop: 0 } },
-            React__default.createElement(Text, { size: "s2" }, modalHeading),
-            contentEle))) : (React__default.createElement(Modal, { title: React__default.createElement(Text, { size: "s2" }, modalHeading), size: 568, opened: opened, onClose: handleDismiss, closeButtonProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), overlayProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), zIndex: 500, styles: {
-            body: {
-                '&:not(:only-child)': {
-                    paddingTop: 16,
+        React__default.createElement(Stack, { spacing: boostType === 'custom' ? 0 : 16, sx: boostType === 'custom'
+                ? { padding: 0 }
+                : { padding: 16, paddingTop: 0 } },
+            boostType !== 'custom' ? React__default.createElement(Text, { size: "s2" }, modalHeading) : null,
+            contentEle))) : (React__default.createElement(Modal, { title: boostType === 'custom' ? undefined : (React__default.createElement(Text, { size: "s2" }, modalHeading)), size: boostType === 'custom' ? 'auto' : 568, opened: opened, onClose: handleDismiss, withCloseButton: boostType !== 'custom', closeButtonProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), overlayProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), zIndex: 500, styles: {
+            content: boostType === 'custom'
+                ? {
+                    position: 'relative',
+                    width: 'fit-content',
+                    maxWidth: `min(${POPUP_CONTAINED_IMAGE_MAX.boost.width}px, calc(100vw - ${POPUP_CONTAINED_IMAGE_MAX.boost.viewportWidthGap}px))`,
+                    overflow: 'hidden',
+                }
+                : undefined,
+            body: boostType === 'custom'
+                ? {
+                    padding: '0 !important',
+                }
+                : {
+                    '&:not(:only-child)': {
+                        paddingTop: 16,
+                    },
                 },
-            },
         } }, contentEle));
 }
 
@@ -6941,4 +6982,4 @@ const formatSiteWideBanner = (sitewideBanner, type = 'home') => {
     };
 };
 
-export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, getBmiPersistedUnitSystem as E, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, formatSiteWideBanner as J, StarFull as K, List as L, ModalGallery as M, StarHalf as N, StarUpgrade as O, PopupBoostArticleCard as P, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, VoucherItem as V, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, PopupBoostPageView as k, FixedBottomAdBlock as l, SummaryInfo as m, ListContext as n, useList as o, QuickFilterWrapLine as p, CardListItem as q, useModalGalleryContext as r, ModalGalleryProvider as s, CertificateItem as t, useListContext as u, RatingStars as v, RatingStarsInput as w, MAX_RATING as x, AnsweredByDoctor as y, BMI_STORAGE_IMPERIAL_LOCALES as z };
+export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, BMI_STORAGE_IMPERIAL_LOCALES as E, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, getBmiPersistedUnitSystem as J, formatSiteWideBanner as K, List as L, ModalGallery as M, StarFull as N, StarHalf as O, PopupBoostArticleCard as P, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, StarUpgrade as U, VoucherItem as V, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, PopupBoostPageView as k, PopupContainedImage as l, FixedBottomAdBlock as m, SummaryInfo as n, ListContext as o, useList as p, QuickFilterWrapLine as q, CardListItem as r, useModalGalleryContext as s, ModalGalleryProvider as t, useListContext as u, CertificateItem as v, RatingStars as w, RatingStarsInput as x, MAX_RATING as y, AnsweredByDoctor as z };

package/build/esm/{translationsProvider-9b7244b3.js → translationsProvider-e245d954.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-e074781f.js';
+import { T as TranslationsContext } from './translationsContext-6d8b09b2.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-aa75ee6f.js → treePopoverMenu-86efd3e1.js}

@@ -1,29 +1,29 @@
-import { a as __rest } from './tslib.es6-c436ef74.js';
+import { a as __rest } from './tslib.es6-e8301414.js';
 import React__default, { createContext, useContext, useMemo, useCallback, useState } from 'react';
-import { u as useTranslations } from './index-2fc8c557.js';
-import { I as Icon } from './index-39b06460.js';
-import './index-2c673e60.js';
+import { u as useTranslations } from './index-386bd963.js';
+import { I as Icon } from './index-4a944721.js';
+import './index-a253b69f.js';
 import { Box, createStyles } from '@mantine/core';
 import '@mantine/dates';
-import { j as DATE_FNS_LOCALE } from './index-5c3b151b.js';
-import './index-6c821337.js';
-import './index-65f34ef2.js';
-import './index-5b7895e5.js';
-import { T as Text } from './index-5f9f62f2.js';
-import './index-e76859e2.js';
+import { j as DATE_FNS_LOCALE } from './index-0418d8ce.js';
+import './index-1bed4b30.js';
+import './index-5f582eb1.js';
+import './index-cf08696e.js';
+import { T as Text } from './index-cd8deb84.js';
+import './index-a85fa1ec.js';
 import { theme } from './miscTheme.js';
-import './index-9a665c9b.js';
-import './index.styles-819a1689.js';
+import './index-c8b57f1a.js';
+import './index.styles-2efb7b19.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-7a26efab.js';
-import './index-50723d8e.js';
-import { u as useScreenSize } from './index-20fec31b.js';
-import { T as TogetherComponentGlobalContext, l as getCurrentBaseUrl } from './utils-247bf513.js';
+import { M as MediaQueries } from './utils-180e09c3.js';
+import './index-00e60ff4.js';
+import { u as useScreenSize } from './index-65f59393.js';
+import { T as TogetherComponentGlobalContext, l as getCurrentBaseUrl } from './utils-d33b75d9.js';
 import { format } from 'date-fns';
-import { L as LOCALE } from './Locale-4cff24f0.js';
+import { L as LOCALE } from './Locale-574fe0ae.js';
 import styled from '@emotion/styled';
-import { H as Heading } from './index-62005638.js';
-import { P as PopoverMenu, S as StyledTree } from './index-3338e838.js';
+import { H as Heading } from './index-08af5fd0.js';
+import { P as PopoverMenu, S as StyledTree } from './index-68416762.js';
 
 const CardReactionsContext = createContext({});
 

package/build/esm/{types-43c74af0.js → types-bb40e9e9.js}

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-247bf513.js';
+import { T as TogetherComponentGlobalContext } from './utils-d33b75d9.js';
 
 function useSetCaptureUrlPageParams() {
     const { action } = useContext(TogetherComponentGlobalContext);

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-6c821337.js';
-export { L as LOCALE } from './Locale-4cff24f0.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-1bed4b30.js';
+export { L as LOCALE } from './Locale-574fe0ae.js';

package/build/esm/{useCartCareService-f66b786a.js → useCartCareService-ac3f25fa.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-5c3b151b.js';
+import { h as HHG_CART_CARE_STORE_KEY } from './index-0418d8ce.js';
 
 const useIsInit = () => {
     const [isInit, setIsInit] = useState(true);

package/build/esm/{useHealthToolCache-a77680c1.js → useHealthToolCache-d380d4e0.js}

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

package/build/esm/useImageAspectRatio-cb245ff8.js

@@ -0,0 +1,44 @@
+import { useState, useLayoutEffect } from 'react';
+
+const useImageAspectRatio = (src) => {
+    const [aspectRatio, setAspectRatio] = useState(null);
+    const [intrinsicSize, setIntrinsicSize] = useState(null);
+    useLayoutEffect(() => {
+        if (!src) {
+            setAspectRatio(null);
+            setIntrinsicSize(null);
+            return;
+        }
+        let cancelled = false;
+        const img = new Image();
+        img.src = src;
+        const syncSize = () => {
+            if (cancelled || !img.naturalWidth || !img.naturalHeight)
+                return;
+            setIntrinsicSize({
+                width: img.naturalWidth,
+                height: img.naturalHeight,
+            });
+            setAspectRatio(img.naturalWidth / img.naturalHeight);
+        };
+        if (img.complete) {
+            syncSize();
+            return () => {
+                cancelled = true;
+            };
+        }
+        img.onload = syncSize;
+        img.onerror = () => {
+            if (!cancelled) {
+                setAspectRatio(null);
+                setIntrinsicSize(null);
+            }
+        };
+        return () => {
+            cancelled = true;
+        };
+    }, [src]);
+    return { aspectRatio, intrinsicSize };
+};
+
+export { useImageAspectRatio as u };

package/build/esm/{usePhoneValidator-f4fc1627.js → usePhoneValidator-1175acd1.js}

@@ -1,10 +1,10 @@
-import { _ as __awaiter } from './tslib.es6-c436ef74.js';
+import { _ as __awaiter } from './tslib.es6-e8301414.js';
 import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
 import { getCookie } from './miscCookieHelper.js';
-import { u as useInitialMount } from './useUniqueId-b66f7982.js';
-import './index-6c821337.js';
-import { u as useTranslations } from './index-2fc8c557.js';
-import { L as LOCALE } from './Locale-4cff24f0.js';
+import { u as useInitialMount } from './useUniqueId-daf6402f.js';
+import './index-1bed4b30.js';
+import { u as useTranslations } from './index-386bd963.js';
+import { L as LOCALE } from './Locale-574fe0ae.js';
 
 function normalizeAndHash(string) {
     const utf8 = new TextEncoder().encode(string.trim().toLowerCase());

package/build/esm/{usePlacesAutocomplete-b00283e2.js → usePlacesAutocomplete-9029093b.js}

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

package/build/esm/{useResolvedCaptureUrls-73a51ba2.js → useResolvedCaptureUrls-01d1b4b4.js}

@@ -1,5 +1,5 @@
 import { useMemo, useContext } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-247bf513.js';
+import { T as TogetherComponentGlobalContext } from './utils-d33b75d9.js';
 
 const GA_CLIENT_ID_KEY = 'ga_client_id';
 const COUNTRY_FROM_IP_KEY = 'user_ip_country';

package/build/esm/useTogetherAuthRequiredAction.js

@@ -1,22 +1,22 @@
 import React__default, { createContext, useContext, useRef } from 'react';
 import { deleteCookie } from './miscCookieHelper.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8d27701d.js';
-import { T as TogetherComponentGlobalContext, k as getUrlToSignUp } from './utils-247bf513.js';
-import { B as BEARER_TOKEN_COOKIE } from './constants-17bf4691.js';
-import './tslib.es6-c436ef74.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-ef2e53a0.js';
+import { T as TogetherComponentGlobalContext, k as getUrlToSignUp } from './utils-d33b75d9.js';
+import { B as BEARER_TOKEN_COOKIE } from './constants-1857270b.js';
+import './tslib.es6-e8301414.js';
 import 'zustand';
-import './index-84e7da3f.js';
+import './index-0e25984f.js';
 import './constantsIsProduction.js';
-import './normalizeLink-485d2010.js';
+import './normalizeLink-c74e4594.js';
 import './constantsDomainLocales.js';
-import './Locale-4cff24f0.js';
-import './index-5c3b151b.js';
+import './Locale-574fe0ae.js';
+import './index-0418d8ce.js';
 import 'date-fns/locale';
-import './index-6c821337.js';
+import './index-1bed4b30.js';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'react-phone-number-input';
-import './index-081a85a6.js';
+import './index-aa49c973.js';
 import 'js-cookie';
 import 'uuid';
 import 'slugify';

package/build/esm/{utils-a5fe6f61.js → utils-0e374485.js}

@@ -1,8 +1,8 @@
-import { b as HEALTH_TOOL_NAME_TRACKING } from './healthTools-1bbbabd8.js';
-import { l as locale } from './index-84e7da3f.js';
-import { u as useSSOV2Store } from './store-8d27701d.js';
-import { h as SubotType } from './index-6c821337.js';
-import { L as LOCALE } from './Locale-4cff24f0.js';
+import { b as HEALTH_TOOL_NAME_TRACKING } from './healthTools-f3a2fe7b.js';
+import { l as locale } from './index-0e25984f.js';
+import { u as useSSOV2Store } from './store-ef2e53a0.js';
+import { h as SubotType } from './index-1bed4b30.js';
+import { L as LOCALE } from './Locale-574fe0ae.js';
 
 const isFeatureWhatsAppEnabled = [
     LOCALE.Indonesia,

package/build/esm/{utils-9db4b938.js → utils-3f643924.js}

@@ -1,8 +1,8 @@
-import { L as LOCALIZED_SLUGS } from './constants-ab64e499.js';
-import './index-5c3b151b.js';
-import { V as VideoType } from './index-6c821337.js';
+import { L as LOCALIZED_SLUGS } from './constants-60ad6b18.js';
+import './index-0418d8ce.js';
+import { V as VideoType } from './index-1bed4b30.js';
 import formatString from 'string-format';
-import { T as TOGETHER_PATHS } from './constants-fe4561d3.js';
+import { T as TOGETHER_PATHS } from './constants-e7896436.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const formatSponsor = (sponsor) => {

package/build/esm/{utils-89564320.js → utils-422aa608.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useCallback, useMemo } from 'react';
-import { U as USER_GEOLOCATION_COORDINATES_COOKIE } from './index-5c3b151b.js';
+import { U as USER_GEOLOCATION_COORDINATES_COOKIE } from './index-0418d8ce.js';
 import { getCookie, setCookie, deleteCookie } from './miscCookieHelper.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-7a26efab.js';
+import { M as MediaQueries } from './utils-180e09c3.js';
 import Skeleton from 'react-loading-skeleton';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';

package/build/esm/{utils-2702ea83.js → utils-517e6acb.js}

@@ -1,5 +1,5 @@
-import './index-6c821337.js';
-import { L as LOCALE } from './Locale-4cff24f0.js';
+import './index-1bed4b30.js';
+import { L as LOCALE } from './Locale-574fe0ae.js';
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/esm/{utils-247bf513.js → utils-d33b75d9.js}

@@ -1,14 +1,14 @@
-import { _ as __awaiter } from './tslib.es6-c436ef74.js';
-import { c as checkUntilFinished, a as cookie } from './index-081a85a6.js';
+import { _ as __awaiter } from './tslib.es6-e8301414.js';
+import { c as checkUntilFinished, a as cookie } from './index-aa49c973.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, useCallback, 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-17bf4691.js';
+import { B as BEARER_TOKEN_COOKIE, b as BEARER_ADMIN_TOKEN_COOKIE, L as LOCALISED_SLUGS } from './constants-1857270b.js';
 import Cookies from 'js-cookie';
-import { G as GA_TOKEN_COOKIE } from './index-5c3b151b.js';
+import { G as GA_TOKEN_COOKIE } from './index-0418d8ce.js';
 
 const GEOJS_COUNTRY_API = 'https://get.geojs.io/v1/ip/country.json';
 let cachedCountryFromUserIp = null;

package/build/esm/vaccination.js

@@ -1,39 +1,39 @@
-import { a as __rest, _ as __awaiter } from './tslib.es6-c436ef74.js';
+import { a as __rest, _ as __awaiter } from './tslib.es6-e8301414.js';
 import React__default, { useMemo, useState, useEffect, Fragment } from 'react';
 import { Stack, Flex, Badge, Grid, Box, Input, Container, AspectRatio as AspectRatio$1, Tabs, ScrollArea, Divider, SimpleGrid } from '@mantine/core';
-import { c as AspectRatio } from './index-2c673e60.js';
+import { c as AspectRatio } from './index-a253b69f.js';
 import '@mantine/dates';
-import './index-5c3b151b.js';
-import { G as Gender } from './index-6c821337.js';
-import './index-65f34ef2.js';
-import { t as themeColors } from './index-5b7895e5.js';
-import { T as Text } from './index-5f9f62f2.js';
-import { B as Button } from './index-e76859e2.js';
+import './index-0418d8ce.js';
+import { G as Gender } from './index-1bed4b30.js';
+import './index-5f582eb1.js';
+import { t as themeColors } from './index-cf08696e.js';
+import { T as Text } from './index-cd8deb84.js';
+import { B as Button } from './index-a85fa1ec.js';
 import { theme } from './miscTheme.js';
-import './index-9a665c9b.js';
-import './index.styles-819a1689.js';
-import { u as useTranslations } from './index-2fc8c557.js';
+import './index-c8b57f1a.js';
+import './index.styles-2efb7b19.js';
+import { u as useTranslations } from './index-386bd963.js';
 import { useDisclosure } from '@mantine/hooks';
-import { M as MediaQueries } from './utils-7a26efab.js';
-import './index-50723d8e.js';
+import { M as MediaQueries } from './utils-180e09c3.js';
+import './index-00e60ff4.js';
 import styled from '@emotion/styled';
-import { S as Switch } from './index-0c719464.js';
-import './translationsContext-e074781f.js';
+import { S as Switch } from './index-3ba07fac.js';
+import './translationsContext-6d8b09b2.js';
 import { Current, Upcoming, Missed, Vaccinated, ArrowRight } from '@hhgtech/icons/other';
-import { u as useScreenSize } from './index-20fec31b.js';
-import { M as Modal } from './index-ce29e1ac.js';
+import { u as useScreenSize } from './index-65f59393.js';
+import { M as Modal } from './index-90a8d676.js';
 import { useForm } from '@mantine/form';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { D as DatePicker } from './index-539d451c.js';
-import { H as Heading } from './index-62005638.js';
+import { D as DatePicker } from './index-9e8b1261.js';
+import { H as Heading } from './index-08af5fd0.js';
 import '@mantine/carousel';
-import './shared-3f19cb16.js';
+import './shared-ff6668c5.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-b66f7982.js';
+import './useUniqueId-daf6402f.js';
 import './constantsSite.js';
-import './Locale-4cff24f0.js';
+import './Locale-574fe0ae.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';