@hhgtech/hhg-components 1.29.80 → 1.29.81

package/build/esm/index-f27edf45.js

@@ -0,0 +1,130 @@
+import { _ as __rest } from './tslib.es6-761239c7.js';
+import React__default, { useState, useRef, useMemo, useEffect } from 'react';
+import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
+import { createStyles, rem, Box, Flex } from '@mantine/core';
+import { R as Radio } from './index-21eac858.js';
+import '@mantine/dates';
+import './index-bef3c9bd.js';
+import './index-e3787b20.js';
+import { C as CommonGAssets } from './index-78255d6c.js';
+import './useMantineLocale-4fb67342.js';
+import { T as Text } from './index-c200bff6.js';
+import './index-2b9213cf.js';
+import './theme-f18c2351.js';
+import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import '@mantine/hooks';
+import './utils-f8761b9d.js';
+
+var useStyles = createStyles((theme, { type }) => {
+    const isMarryBaby = theme.other.template === 'mb';
+    return {
+        root: {},
+        wrapper: Object.assign({ gap: rem(8) }, (type === 'radio' && {
+            justifyContent: 'flex-end',
+            gap: rem(24),
+        })),
+        groupErr: {
+            fontSize: rem(14),
+        },
+        itemRoot: Object.assign({}, (type === 'button'
+            ? {
+                flexGrow: 1,
+                width: '50%',
+                '&[data-checked="true"]': {
+                    '.mantine-Radio-label': {
+                        borderColor: theme.fn.primaryColor(),
+                    },
+                },
+            }
+            : type === 'radio'
+                ? { padding: `${rem(10)} 0`, margin: 0 }
+                : {})),
+        itemLabelWrapper: {
+            padding: 0,
+            width: '100%',
+        },
+        itemLabel: Object.assign({ whiteSpace: 'nowrap' }, (type === 'button'
+            ? {
+                position: 'relative',
+                padding: `${rem(6)} ${rem(16)}`,
+                border: `1px solid ${isMarryBaby ? '#EAEAEC' : theme.colors.gray[2]}`,
+                borderRadius: rem(isMarryBaby ? 16 : 4),
+                cursor: 'pointer',
+                '&[data-disabled="true"]': {
+                    background: theme.colors.gray[1],
+                    color: `${theme.colors.gray[4]} !important`,
+                    img: {
+                        opacity: 0.5,
+                    },
+                },
+                img: {
+                    height: rem(26),
+                },
+            }
+            : type === 'radio'
+                ? { fontSize: rem(14) }
+                : {})),
+        itemInner: Object.assign(Object.assign({}, (type === 'button' && {
+            display: 'none',
+        })), (type === 'radio' && {
+            alignSelf: 'center',
+        })),
+        itemBody: Object.assign({}, (type === 'radio' && {
+            alignItems: 'center',
+        })),
+    };
+});
+
+const GenderOptionControl = (_a) => {
+    var { label, availableValue: availableValueInit, styles, isBaby, genderValue = {
+        male: 'male',
+        female: 'female',
+    }, type = 'button', hideLabel } = _a, radioProps = __rest(_a, ["label", "availableValue", "styles", "isBaby", "genderValue", "type", "hideLabel"]);
+    const { t } = useTranslations();
+    const { classes, cx, theme } = useStyles({ type }, {
+        name: 'GenderOptionControl',
+        styles,
+    });
+    const isMarryBaby = theme.other.template === 'mb';
+    const [availableValue, setAvailableValue] = useState();
+    const ref = useRef(null);
+    const genderOptions = useMemo(() => [
+        {
+            value: genderValue.male,
+            label: isBaby ? t('gender.boy') : t('gender.male'),
+            icon: isBaby ? (isMarryBaby ? (React__default.createElement(BabyBoyMB, null)) : (CommonGAssets.getAssetPath('health-tools/boy-icon.svg'))) : (CommonGAssets.getAssetPath('health-tools/male-icon.svg')),
+        },
+        {
+            value: genderValue.female,
+            label: isBaby ? t('gender.girl') : t('gender.female'),
+            icon: isBaby ? (isMarryBaby ? (React__default.createElement(BabyGirlMB, null)) : (CommonGAssets.getAssetPath('health-tools/girl-icon.svg'))) : (CommonGAssets.getAssetPath('health-tools/female-icon.svg')),
+        },
+    ], []);
+    useEffect(() => {
+        setAvailableValue(availableValueInit);
+    }, [availableValueInit]);
+    return (React__default.createElement(Box, { ref: ref, className: classes.root },
+        React__default.createElement(Radio.Group, Object.assign({ className: "radio-group", label: !hideLabel ? (React__default.createElement(Text, { as: "label", size: "s4", weight: "semiBold" }, label ||
+                (isBaby
+                    ? t('tools.selectBabyGender')
+                    : t('tools.selectGender')))) : undefined, size: "lg" }, radioProps, { classNames: {
+                error: classes.groupErr,
+            } }, (type === 'radio' && {
+            error: null,
+        })),
+            React__default.createElement(Flex, { className: cx(classes.wrapper) }, genderOptions.map((i) => (React__default.createElement(Radio, Object.assign({ className: "gender-item", size: "sm", classNames: {
+                    root: classes.itemRoot,
+                    labelWrapper: classes.itemLabelWrapper,
+                    label: classes.itemLabel,
+                    inner: classes.itemInner,
+                    body: classes.itemBody,
+                }, key: i.value, value: i.value }, (availableValue &&
+                i.value !== availableValue && {
+                disabled: true,
+            }), { label: React__default.createElement(Flex, { gap: rem(8), align: 'center', justify: 'center', sx: { zIndex: 0 } },
+                    type === 'button' &&
+                        (typeof i.icon === 'string' ? (React__default.createElement("img", { src: i.icon, className: "gender-image", alt: "female", loading: "lazy" })) : (i.icon)),
+                    React__default.createElement(Text, { size: "p3" }, i.label)) }))))))));
+};
+
+export { GenderOptionControl as G };

package/build/esm/index.js

@@ -1,105 +1,121 @@
-export { i as Types } from './index-eeedf0f0.js';
-export { i as Constants } from './index-c807ef87.js';
-export { C as CaretDown, F as Flag, I as ImageWrap } from './index-92eedeb0.js';
+export { i as Types } from './index-e3787b20.js';
+export { i as Constants } from './index-bef3c9bd.js';
+export { C as CaretDown, F as Flag, I as ImageWrap } from './index-21eac858.js';
 import * as React from 'react';
-export { C as ChevronDown } from './ChevronDown-d24fd24b.js';
-export { C as Close } from './Close-6243d246.js';
-export { V as Visible } from './Visible-7f408f98.js';
-export { $ as AdBlock, A as Alert, e as ArticleCard, f as ArticleCardV2, a as Avatar, x as BMICardEmbed, L as BMRCardEmbed, z as BabyGrowthCardEmbed, E as BabyPoopEmbed, H as BabyPoopForm, U as BabyVaccineCardEmbed, Q as BabyVaccineForm, B as Badge, y as BmiForm, b as BorderHeading, Y as Breadcrumbs, g as CategoryCard, C as Checkbox, h as CheckboxGroup, r as CookieAcceptConfirm, X as DateRangePicker, D as DoctorInfo, w as DueDateCardEmbed, v as DueDateForm, F as FileDropdown, a0 as FixedBottomAdBlock, q as FloatButtonGroup, G as Grid, I as IconText, a3 as MAPPING_CATEGORY_PREMIUM_API_TYPE, a2 as MAPPING_CATEGORY_PREMIUM_TYPE, M as MobileBottomNavigation, s as MobileBottomNavigationIcon, O as OvulationCardEmbed, N as OvulationForm, V as PWGCardEmbed, W as PWGForm, P as Pagination, i as ProgressBar, R as Radio, j as RadioGroup, d as RateStars, S as ScrollList, t as SeoHead, Z as ShareContainer, _ as ShareDrawer, a4 as SideBannerModal, k as SideMenu, l as StatisticCard, a1 as SurveyOrPremiumBanner, o as SurveyQuestionCard, p as SurveyThankyouCard, J as THRCardEmbed, m as Table, n as Tabs, T as Tag, K as ThrForm, c as Toggle, u as ToolsBannerCard, a5 as UserProfileNavigation, a6 as UserProfileNavigationHeader, a7 as UserProfileNavigationStats } from './index-800b956a.js';
-export { B as Button } from './index-3c7f109c.js';
-export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-32e2b169.js';
-export { H as Heading } from './index-82861dba.js';
-export { I as Input } from './index-aebf96f3.js';
-export { c as CareConstants, L as Label } from './constants-508ba335.js';
-export { L as Logo } from './index-d48b5db6.js';
-export { P as PureInput, S as StepRenderer, a as StepRendererContext, T as TextArea } from './index.styles-0ef0135c.js';
-export { T as Text } from './index-2d47a346.js';
-export { C as Container } from './index-6c0f560b.js';
-export { I as Icon } from './index-df29c4e0.js';
-export { D as Drawer, G as GenderOptionControl, M as Modal, R as RadioImageGroup } from './index-1a3f36c3.js';
-export { C as CustomReferenceDot } from './index-528e64f4.js';
-export { L as LogoIcon } from './utils-ff5d88a2.js';
-export { D as DatePicker, L as Loading } from './index-474e0ae5.js';
-export { D as Dropdown } from './index-679d5383.js';
-export { P as Popup, d as TogetherDataTransforms, U as UserAvatar } from './index-9b54376f.js';
-export { L as LanguageSwitcher, b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-c4699d44.js';
-export { P as PillCarousel } from './index-5773eb18.js';
-export { A as AddressInput } from './index-da2b8f22.js';
-export { F as Footer } from './index-bcd13f1d.js';
-export { u as useTranslations } from './useTranslations-adad3b06.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-dfdab229.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-7e020652.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-c70e4fd5.js';
-export { u as useIsInit } from './useIsInit-2c5ff93d.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-7023de23.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-d4b0bdd3.js';
-export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-957334f2.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-dee27bfd.js';
-export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-ee1be1e3.js';
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-9303c122.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-bf170ee9.js';
-export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-ff6c13b4.js';
-export { a as abbreviateNumber } from './number-fcae69c7.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-7bc3e320.js';
-export { M as MBTheme, t as theme } from './theme-0af1cc3d.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-511a24f4.js';
-export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-09fda8b3.js';
-export { g as getSocialList } from './getSocialList-96301dbb.js';
-export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-f5db5afb.js';
+export { C as ChevronDown } from './ChevronDown-74267eb8.js';
+export { C as Close } from './Close-372aa467.js';
+export { V as Visible } from './Visible-3f9d7dca.js';
+export { A as Alert, B as Badge, a as BorderHeading, F as FileDropdown, G as Grid, P as Pagination, R as Radio, c as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, b as Toggle } from './index-376bee14.js';
+export { A as Avatar } from './index-42ad7763.js';
+export { B as Button } from './index-1da2ca0b.js';
+export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-b1bb27aa.js';
+export { H as Heading } from './index-73301602.js';
+export { I as Input, L as Label } from './index-16514f4d.js';
+export { L as Logo } from './index-1ecbcf21.js';
+export { C as Checkbox, P as PureInput } from './index-e26514ee.js';
+export { T as Text } from './index-7e756cb8.js';
+export { T as TextArea } from './index-d6201fa4.js';
+export { C as Container } from './index-782fed08.js';
+export { I as Icon } from './index-69248434.js';
+export { D as Drawer } from './index-8952ceac.js';
+export { R as RadioImageGroup } from './index-76d20d3f.js';
+export { C as CustomReferenceDot } from './index-b65a8764.js';
+export { L as LogoIcon } from './logoIcon-d93bc56e.js';
+export { G as GenderOptionControl } from './index-f27edf45.js';
+export { L as Loading } from './index-29d04985.js';
+export { u as AdBlock, A as ArticleCard, a as ArticleCardV2, B as BMICardEmbed, n as BMRCardEmbed, k as BabyGrowthCardEmbed, l as BabyPoopEmbed, o as BabyVaccineCardEmbed, r as Breadcrumbs, C as CategoryCard, b as CheckboxGroup, e as CookieAcceptConfirm, q as DateRangePicker, D as DoctorInfo, j as DueDateCardEmbed, v as FixedBottomAdBlock, F as FloatButtonGroup, I as IconText, M as MobileBottomNavigation, f as MobileBottomNavigationIcon, O as OvulationCardEmbed, p as PWGCardEmbed, P as ProgressBar, R as RadioGroup, S as ScrollList, g as SeoHead, s as ShareContainer, t as ShareDrawer, i as SideMenu, c as StatisticCard, m as THRCardEmbed, d as Table, T as Tabs, h as ToolsBannerCard } from './fixedBottomAdBlock-13ed4a34.js';
+export { D as DatePicker } from './index-cf6beac8.js';
+export { D as Dropdown } from './index-cdac57da.js';
+export { P as Popup, d as TogetherDataTransforms } from './dataTransform-3e8e25ba.js';
+export { M as Modal } from './index-38f50764.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-bf6080eb.js';
+export { a as BabyPoopForm, b as BabyVaccineForm, B as BmiForm, D as DueDateForm, O as OvulationForm, P as PWGForm, T as ThrForm } from './index-6ac73f00.js';
+export { L as LanguageSwitcher } from './index-996f7caf.js';
+export { P as PillCarousel } from './index-cb4afb33.js';
+export { A as AddressInput } from './index-7cbe2a10.js';
+export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-88ad2ca3.js';
+export { b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-2774583d.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-e104ad21.js';
+export { F as Footer } from './index-c1af3a8e.js';
+export { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-84bb5b47.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-8f109eb7.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-d97dfa00.js';
+export { u as useIsInit } from './useIsInit-ee864235.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-7451aa57.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-c23213b6.js';
+export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-2580132c.js';
+export { c as TogetherConstants } from './constants-71d9f33b.js';
+export { U as UserAvatar } from './index-703205e3.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider } from './utils-d5a0b58f.js';
+export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-be952df2.js';
+export { c as CareConstants } from './constants-f77fc231.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-42ae8d89.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-0b2299dc.js';
+export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-73ce3871.js';
+export { a as abbreviateNumber } from './number-13f075cf.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-bebdc8b7.js';
+export { M as MBTheme, t as theme } from './theme-f18c2351.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-f8761b9d.js';
+export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-7681e43a.js';
+export { g as getSocialList } from './getSocialList-e8142513.js';
+export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-6c032113.js';
 import 'date-fns/locale';
-import './isProduction-2838b9ae.js';
-import './tslib.es6-2673b49d.js';
+import './isProduction-5684a28c.js';
+import './tslib.es6-761239c7.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-80f4d7df.js';
+import './index-78255d6c.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-4dcdce19.js';
-import './useMantineLocale-1373e175.js';
+import './index-c200bff6.js';
+import './useMantineLocale-4fb67342.js';
 import 'dayjs';
+import './index-2b9213cf.js';
 import 'classnames';
 import '@hhgtech/icons/core';
-import 'innertext';
+import './defaultClassWrapper-31caf23b.js';
+import 'react-keyed-flatten-children';
+import './paths-49a813e7.js';
 import '@mantine/dates';
-import './translationsContext-036458b7.js';
+import './translationsContext-f3d1a7bd.js';
 import 'string-format';
-import 'lodash/throttle';
+import './WhatsApp-7d3732e2.js';
 import '@emotion/react';
+import './index-87a2ea8c.js';
+import 'innertext';
+import 'lodash/throttle';
 import 'html-react-parser';
 import 'date-fns';
-import '@mantine/form';
-import './index-53a86337.js';
-import 'react-hook-form';
-import './index-13bf84f4.js';
-import './index.styled-9e147e72.js';
 import 'date-fns/locale/en-US';
 import 'date-fns/locale/id';
 import 'date-fns/locale/vi';
 import 'date-fns/locale/zh-TW';
 import 'uuid';
-import './index-77dddeb9.js';
+import 'react-day-picker/DayPickerInput';
+import 'react-dom';
+import '@mantine/form';
+import './index-598ab51b.js';
+import './constants-6bdb97a8.js';
+import 'react-hook-form';
+import './utils-cef111b6.js';
+import './index-d218b94e.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './normalizeLink-38ab69f4.js';
-import './paths-d1c61fa8.js';
-import 'react-keyed-flatten-children';
-import './Instagram-319a8e34.js';
-import './index-d5b66388.js';
-import 'react-dom';
-import 'react-day-picker/DayPickerInput';
-import './constants-7661ce64.js';
-import './index-e68d4285.js';
+import './normalizeLink-d6f57223.js';
+import './constants-ebf80e5f.js';
+import './index-780a08de.js';
 import 'dayjs/plugin/relativeTime';
 import 'lodash/debounce';
-import './core-5a22b83e.js';
-import './utils-b14c10f9.js';
+import './core-c72e0ff5.js';
 import 'react-contenteditable';
+import './index-3078acec.js';
 import 'slugify';
 import 'lodash/shuffle';
 import 'react-loading-skeleton';
-import './index-ef855343.js';
+import './index-9f1899f2.js';
 
 /* eslint-disable prettier/prettier */
 const CheckCircle = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "currentColor" }, props),

package/build/esm/lead.js

@@ -1,50 +1,40 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-2673b49d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-761239c7.js';
 import React__default, { createContext, useMemo, useRef, useState, useEffect, useContext } from 'react';
 import debounce from 'lodash/debounce';
 import { createFormContext } from '@mantine/form';
-import { u as useTranslations } from './useTranslations-adad3b06.js';
-import { T as Text } from './index-4dcdce19.js';
+import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import { T as Text } from './index-c200bff6.js';
 import { createStyles, Box, Portal, Transition, Overlay } from '@mantine/core';
-import './index.styles-0ef0135c.js';
-import { S as Select, d as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput, B as Button$1 } from './index-92eedeb0.js';
-import { B as Button } from './index-3c7f109c.js';
-import { C as CommonGAssets } from './index-80f4d7df.js';
-import './constants-508ba335.js';
-import './index-eeedf0f0.js';
-import './utils-ff5d88a2.js';
-import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-511a24f4.js';
-import { D as DatePicker } from './index-53a86337.js';
-import { t as theme } from './theme-0af1cc3d.js';
-import { T as TranslationsContext } from './translationsContext-036458b7.js';
+import { S as Select, e as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput } from './index-21eac858.js';
+import { D as DatePicker } from './index-598ab51b.js';
+import { M as MAPPED_LOCALE } from './utils-cef111b6.js';
+import '@mantine/dates';
+import './index-bef3c9bd.js';
+import './index-e3787b20.js';
+import { C as CommonGAssets } from './index-78255d6c.js';
+import './useMantineLocale-4fb67342.js';
+import { B as Button$1 } from './index-2b9213cf.js';
+import { t as theme } from './theme-f18c2351.js';
+import { T as TranslationsContext } from './translationsContext-f3d1a7bd.js';
 import 'string-format';
 import '@mantine/hooks';
-import './useMantineLocale-1373e175.js';
-import './index-c807ef87.js';
-import './utils-dee27bfd.js';
-import './index-13bf84f4.js';
-import './index.styled-9e147e72.js';
-import './index-528e64f4.js';
-import '@hhgtech/icons/other';
-import { M as MAPPED_LOCALE } from './utils-b14c10f9.js';
-import '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-4bfe976e.js';
-import { H as Heading$1 } from './index-82861dba.js';
+import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-f8761b9d.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-fe2e4cbe.js';
+import { B as Button } from './index-1da2ca0b.js';
+import { H as Heading$1 } from './index-73301602.js';
 import { v1 } from 'uuid';
 import { createPortal } from 'react-dom';
-import { g as getCookie, s as setCookie } from './cookieHelper-ff6c13b4.js';
+import { g as getCookie, s as setCookie } from './cookieHelper-73ce3871.js';
 import dayjs from 'dayjs';
-import { C as Close } from './Close-6243d246.js';
+import { C as Close } from './Close-372aa467.js';
+import '@hhgtech/icons/other';
 import '@emotion/styled';
-import '@emotion/react';
-import './animation-bf170ee9.js';
-import 'react-keyed-flatten-children';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-d4b0bdd3.js';
+import './useUniqueId-c23213b6.js';
 import '@hhgtech/icons/core';
-import './isProduction-2838b9ae.js';
 import 'date-fns/locale';
-import 'slugify';
+import './isProduction-5684a28c.js';
 
 const LeadGenComponentContext = createContext({});
 

package/build/esm/logoIcon-d93bc56e.js

@@ -0,0 +1,104 @@
+import React__default, { memo, useMemo } from 'react';
+import { C as CommonGAssets } from './index-78255d6c.js';
+import { I as ImageWrap } from './index-21eac858.js';
+
+const _LogoIcon = ({ type, width, height }) => {
+    const data = useMemo(() => {
+        switch (type) {
+            case 'hellobacsi':
+                return {
+                    width: width || '107px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/hellobacsi.png'),
+                };
+            case 'hellodoktor':
+                return {
+                    width: width || '127px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/hellodoktor.png'),
+                };
+            case 'hellosehat':
+                return {
+                    width: width || '121px',
+                    height: height || '27px',
+                    src: CommonGAssets.getAssetPath('logo/hellosehat.png'),
+                };
+            case 'hellohealth':
+                return {
+                    width: width || '123px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/hellohealth.png'),
+                };
+            case 'hellotogether':
+                return {
+                    width: width || '150px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/hellotogether.png'),
+                };
+            case 'hellocare':
+                return {
+                    width: width || '99px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/hellocare.png'),
+                };
+            case 'hellodoctor':
+                return {
+                    width: width || '127px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/hellodoctor.png'),
+                };
+            case 'hellokrupet':
+                return {
+                    width: width || '101px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/hellokrupet.png'),
+                };
+            case 'hellosayarwon':
+                return {
+                    width: width || '111px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/hellosayarwon.png'),
+                };
+            case 'helloyishi':
+                return {
+                    width: width || '89px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/helloyishi.png'),
+                };
+            case 'hellokhunmor':
+                return {
+                    width: width || '123px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/hellokhunmor.png'),
+                };
+            case 'helloswasthya':
+                return {
+                    width: width || '105px',
+                    height: height || '24px',
+                    src: CommonGAssets.getAssetPath('logo/helloswasthya.png'),
+                };
+            case 'logomark':
+                return {
+                    width: width || '60px',
+                    height: height || '57px',
+                    src: CommonGAssets.getAssetPath('logo/logomark.png'),
+                };
+            case 'marryBaby':
+                return {
+                    width: width || '145px',
+                    height: height || '28px',
+                    src: CommonGAssets.getAssetPath('logo/marrybaby.png'),
+                };
+            default:
+                return null;
+        }
+    }, [type, width, height]);
+    const { src, width: logoWidth, height: logoHeight } = data || {};
+    return (React__default.createElement(ImageWrap, { alt: `${type} logo`, className: "main-logo-icon", src: src, style: {
+            width: logoWidth,
+            height: logoHeight,
+        } }));
+};
+const LogoIcon = memo(_LogoIcon);
+
+export { LogoIcon as L };

package/build/esm/mantine.js

@@ -1,33 +1,35 @@
-import { h as getMantineThemeOverride, i as StyledTextArea, D as DEBOUNCED_TIME, j as StyledSliderWrapper, B as Button, k as StyledSlider } from './index-92eedeb0.js';
-export { m as Accordion, A as Anchor, b as AspectRatio, a as Avatar, l as Breadcrumbs, B as Button, n as Carousel, f as CentralCarousel, d as Checkbox, e as ChipButton, c as Input, O as OTP, P as Phone, p as Popover, R as Radio, S as Select, T as Tabs, o as emotionCache, h as getMantineThemeOverride, t as themeColors } from './index-92eedeb0.js';
-export { D as DatePicker } from './index-53a86337.js';
-import { T as Text } from './index-4dcdce19.js';
-export { T as Text } from './index-4dcdce19.js';
-export { I as Indicator } from './index-e68d4285.js';
+import { h as getMantineThemeOverride, i as StyledTextArea, D as DEBOUNCED_TIME, j as StyledSliderWrapper, k as StyledSlider } from './index-21eac858.js';
+export { l as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, m as Carousel, d as CentralCarousel, e as Checkbox, f as ChipButton, c as Input, O as OTP, P as Phone, o as Popover, R as Radio, S as Select, T as Tabs, n as emotionCache, h as getMantineThemeOverride, t as themeColors } from './index-21eac858.js';
+export { D as DatePicker } from './index-598ab51b.js';
+import { T as Text } from './index-c200bff6.js';
+export { T as Text } from './index-c200bff6.js';
+import { B as Button } from './index-2b9213cf.js';
+export { B as Button } from './index-2b9213cf.js';
+export { I as Indicator } from './index-780a08de.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-export { M as Modal } from './index-77dddeb9.js';
-import { _ as __rest } from './tslib.es6-2673b49d.js';
+export { M as Modal } from './index-d218b94e.js';
+import { _ as __rest } from './tslib.es6-761239c7.js';
 import { MantineProvider as MantineProvider$1, Badge as Badge$1, Spoiler as Spoiler$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text as Text$1, Button as Button$1 } from '@mantine/core';
-import { t as theme } from './theme-0af1cc3d.js';
-import { u as useTranslations } from './useTranslations-adad3b06.js';
+import { t as theme } from './theme-f18c2351.js';
+import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-b87433a0.js';
-import { u as useMantineLocale } from './useMantineLocale-1373e175.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-1373e175.js';
-export { O as OTHER_THEME_CONFIG } from './utils-511a24f4.js';
+export { S as Switch } from './index-c3264b34.js';
+import { u as useMantineLocale } from './useMantineLocale-4fb67342.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-4fb67342.js';
+export { O as OTHER_THEME_CONFIG } from './utils-f8761b9d.js';
 import '@hhgtech/icons/other';
-import './index-80f4d7df.js';
-import './index-c807ef87.js';
+import './index-78255d6c.js';
+import './index-bef3c9bd.js';
 import 'date-fns/locale';
-import './index-eeedf0f0.js';
-import './isProduction-2838b9ae.js';
+import './index-e3787b20.js';
+import './isProduction-5684a28c.js';
 import '@emotion/styled';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-d4b0bdd3.js';
+import './useUniqueId-c23213b6.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-036458b7.js';
+import './translationsContext-f3d1a7bd.js';
 import 'string-format';
 import 'dayjs';
 

package/build/esm/misc.js

@@ -1,29 +1,29 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-9303c122.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-bf170ee9.js';
-export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-ff6c13b4.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-42ae8d89.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-0b2299dc.js';
+export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-73ce3871.js';
 import 'react';
 import '@mantine/core';
-import './index-eeedf0f0.js';
-import './index-80f4d7df.js';
-export { M as MBTheme, t as theme } from './theme-0af1cc3d.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-511a24f4.js';
-import './useMantineLocale-1373e175.js';
-import './index-c807ef87.js';
-export { a as abbreviateNumber } from './number-fcae69c7.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-7bc3e320.js';
-export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-09fda8b3.js';
-export { g as getSocialList } from './getSocialList-96301dbb.js';
-export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-f5db5afb.js';
+import './index-e3787b20.js';
+import './index-78255d6c.js';
+export { M as MBTheme, t as theme } from './theme-f18c2351.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-f8761b9d.js';
+import './useMantineLocale-4fb67342.js';
+import './index-bef3c9bd.js';
+export { a as abbreviateNumber } from './number-13f075cf.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-bebdc8b7.js';
+export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-7681e43a.js';
+export { g as getSocialList } from './getSocialList-e8142513.js';
+export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-6c032113.js';
 import 'dayjs';
 import '@emotion/react';
-import './isProduction-2838b9ae.js';
-import './tslib.es6-2673b49d.js';
+import './isProduction-5684a28c.js';
+import './tslib.es6-761239c7.js';
 import 'date-fns/locale';
-import './normalizeLink-38ab69f4.js';
-import './core-5a22b83e.js';
-import './Instagram-319a8e34.js';
-import './index-13bf84f4.js';
-import './index-ef855343.js';
+import './normalizeLink-d6f57223.js';
+import './core-c72e0ff5.js';
+import './WhatsApp-7d3732e2.js';
+import './index-9f1899f2.js';
+import './index-3078acec.js';
 import 'js-cookie';
 import 'uuid';
 import 'lodash/throttle';