@hhgtech/hhg-components 1.29.504 → 1.29.506-beta-1

package/build/esm/{index-cf50f915.js → index-4be05af5.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-e9edd913.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-819e815f.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-b8e1e37a.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-ba8c0c35.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-cd372d15.js → index-4d0a9ac4.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-2f072cb0.js → index-59018ea1.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-af8c61b4.js';
+import { Z as ZINDEX_SSO } from './index-9527c725.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-f3381d08.js → index-5ad16a1d.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3e6718a6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f1bb0a8e.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-45337579.js';
+import { u as useTranslations } from './index-d952cc59.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-69add938.js';
-import { L as LOCALIZED_SLUGS } from './constants-61999387.js';
-import { B as Button } from './index-2857708d.js';
-import './index-af8c61b4.js';
-import { c as callApi, g as getCarePath } from './utils-f670e863.js';
+import { P as PATHS } from './paths-c23f2384.js';
+import { L as LOCALIZED_SLUGS } from './constants-d0c51a06.js';
+import { B as Button } from './index-f440c4ca.js';
+import './index-9527c725.js';
+import { c as callApi, g as getCarePath } from './utils-cb7f3bc1.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-7435e951.js → index-5cf027ec.js}

@@ -1,34 +1,34 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-45337579.js';
+import { u as useTranslations } from './index-d952cc59.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-47b1eb5f.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-2549de37.js';
+import { C as CommonGAssets } from './index-b6ac2fd8.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-77b91607.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-fb7b423b.js';
-import { b as getTogetherUserPostsApiPath } from './index-aaed577f.js';
-import { B as Button } from './index-a936a470.js';
-import { w as workingDays } from './types-f2312fc0.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-81def395.js';
+import { b as getTogetherUserPostsApiPath } from './index-829fb0b5.js';
+import { B as Button } from './index-ab0984e8.js';
+import { w as workingDays } from './types-7ce377e9.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-bdeecda7.js';
+import { M as MediaQueries } from './utils-15f470f3.js';
 import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import classNames from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-af8c61b4.js';
-import { L as LOCALISED_SLUGS } from './constants-f35d19be.js';
-import { T as Text } from './index-7bfc7e77.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-105f4c9a.js';
-import { a as __awaiter } from './tslib.es6-3e6718a6.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-9527c725.js';
+import { L as LOCALISED_SLUGS } from './constants-1e2da451.js';
+import { T as Text } from './index-337e4ac0.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-683ed835.js';
+import { a as __awaiter } from './tslib.es6-f1bb0a8e.js';
 import { useDisclosure } from '@mantine/hooks';
-import { u as useTextStyles, T as TextField } from './index-78cc7da8.js';
+import { u as useTextStyles, T as TextField } from './index-851cad0a.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-f4ee60eb.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-819e815f.js';
-import { B as Button$1 } from './index-2857708d.js';
-import { M as MAPPED_LOCALE } from './index-e9edd913.js';
-import { T as Text$1 } from './index-56553ab9.js';
-import { I as ImageWrap } from './index-130f05ea.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-0ec76bae.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-6b85468e.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-ba8c0c35.js';
+import { B as Button$1 } from './index-f440c4ca.js';
+import { M as MAPPED_LOCALE } from './index-b8e1e37a.js';
+import { T as Text$1 } from './index-cdca0c5b.js';
+import { I as ImageWrap } from './index-dc54d8dc.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-3500d580.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),

package/build/esm/{index-6e6f45f5.js → index-6a31b3b8.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-af8c61b4.js';
-import './index-77cb3d36.js';
-import { C as CommonGAssets } from './index-47b1eb5f.js';
-import { M as MAPPED_LOCALE } from './index-e9edd913.js';
-import { L as LOCALE } from './Locale-fa109af8.js';
+import { I as ISO_FORMAT } from './index-9527c725.js';
+import './index-d8330201.js';
+import { C as CommonGAssets } from './index-b6ac2fd8.js';
+import { M as MAPPED_LOCALE } from './index-b8e1e37a.js';
+import { L as LOCALE } from './Locale-0eecb735.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-f4ee60eb.js → index-6b85468e.js}

@@ -1,25 +1,25 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3e6718a6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f1bb0a8e.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-47b1eb5f.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-819e815f.js';
-import { u as useScreenSize, I as ImageWrap } from './index-130f05ea.js';
+import { C as CommonGAssets } from './index-b6ac2fd8.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-ba8c0c35.js';
+import { u as useScreenSize, I as ImageWrap } from './index-dc54d8dc.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-56553ab9.js';
-import { t as themeColors } from './index-e9edd913.js';
+import { T as Text } from './index-cdca0c5b.js';
+import { t as themeColors } from './index-b8e1e37a.js';
 import { theme } from './miscTheme.js';
-import { A as ANIMATION_DURATION } from './shared-219e06f1.js';
+import { A as ANIMATION_DURATION } from './shared-ae045baa.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-dfc4c9f1.js';
+import { a as useUniqueId } from './useUniqueId-352c3c52.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-2857708d.js';
+import { B as Button } from './index-f440c4ca.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-251a44fe.js → index-7027060d.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-18212783.js';
-import { u as useTranslations } from './index-45337579.js';
+import { I as Icon } from './index-32dc7b48.js';
+import { u as useTranslations } from './index-d952cc59.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-0e7bbd72.js → index-7da682e1.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-e9726ce8.js';
-import { T as Text } from './index-56553ab9.js';
+import { C as Container } from './index-793501d6.js';
+import { T as Text } from './index-cdca0c5b.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-1db71963.js → index-80401129.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-fa109af8.js';
-import { C as CommonGAssets } from './index-47b1eb5f.js';
+import { L as LOCALE } from './Locale-0eecb735.js';
+import { C as CommonGAssets } from './index-b6ac2fd8.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-bdeecda7.js';
-import { L as LogoIcon } from './logoIcon-6d46190e.js';
-import './index-77cb3d36.js';
-import { I as ImageWrap } from './index-130f05ea.js';
+import { M as MediaQueries } from './utils-15f470f3.js';
+import { L as LogoIcon } from './logoIcon-a0585530.js';
+import './index-d8330201.js';
+import { I as ImageWrap } from './index-dc54d8dc.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-fb7b423b.js → index-81def395.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-130f05ea.js';
-import { T as Text } from './index-56553ab9.js';
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { I as ImageWrap } from './index-dc54d8dc.js';
+import { T as Text } from './index-cdca0c5b.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-2f072cb0.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-59018ea1.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-af8c61b4.js';
+import { Z as ZINDEX_SSO } from './index-9527c725.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),

package/build/esm/{index-aaed577f.js → index-829fb0b5.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3e6718a6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f1bb0a8e.js';
 import * as React from 'react';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-fbcc001f.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-af8c61b4.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-2549de37.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-0557bac5.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-ae9c7b78.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, V as VIDEO_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, C as CARE_LOCALES } from './index-9527c725.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-77b91607.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-5c2d0b1e.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-d65dfb4b.js';
+import './translationsContext-56726897.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-f4ee60eb.js';
+import { I as Input } from './index-6b85468e.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-c3ba7413.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-8d31b1ba.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-1db71963.js';
+import { L as Logo$1 } from './index-80401129.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-77cb3d36.js';
-import { C as CommonGAssets } from './index-47b1eb5f.js';
-import './index-e9edd913.js';
-import { T as Text } from './index-56553ab9.js';
-import { B as Button } from './index-2857708d.js';
-import './index-819e815f.js';
-import './index.styles-2c61def9.js';
+import { V as VideoType } from './index-d8330201.js';
+import { C as CommonGAssets } from './index-b6ac2fd8.js';
+import './index-b8e1e37a.js';
+import { T as Text } from './index-cdca0c5b.js';
+import { B as Button } from './index-f440c4ca.js';
+import './index-ba8c0c35.js';
+import './index.styles-5aab1348.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-bdeecda7.js';
-import './index-36fe1b01.js';
-import { L as LOCALISED_SLUGS } from './constants-33da9220.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-331ae051.js';
-import { I as Indicator$1 } from './index-ed567ef5.js';
-import { u as useTranslations } from './index-45337579.js';
-import { u as useIsInit } from './useIsInit-486b8f83.js';
-import { L as LOCALIZED_SLUGS } from './constants-61999387.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-15f470f3.js';
+import './index-ca160040.js';
+import { L as LOCALISED_SLUGS } from './constants-386fc4ed.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-62b27d65.js';
+import { I as Indicator$1 } from './index-d0961718.js';
+import { u as useTranslations } from './index-d952cc59.js';
+import { u as useIsInit } from './useIsInit-6222fe6f.js';
+import { L as LOCALIZED_SLUGS } from './constants-d0c51a06.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-a936a470.js';
-import { H as Heading } from './index-186f80d1.js';
+import { B as Button$1 } from './index-ab0984e8.js';
+import { H as Heading } from './index-eb484547.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-e9726ce8.js';
+import { C as Container } from './index-793501d6.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-24bcf79e.js';
-import { L as LOCALE } from './Locale-fa109af8.js';
+import { U as UserAvatar } from './index-ba575555.js';
+import { L as LOCALE } from './Locale-0eecb735.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-2fdc82bc.js';
+import { g as getDataWithCache } from './core-fce850b5.js';
 
 const HamburgerWhite = (props) => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React.createElement("path", { d: "M4 12H20", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -2108,6 +2108,10 @@ const StyledHeaderWrapper = styled.div `
 
   &[data-win-cash-back-theme='true'] {
     background-color: ${theme.colors.blue900};
+
+    .search-wrapper {
+      padding: 8px 16px;
+    }
   }
 
   &[data-site-type='helloSites'] {
@@ -2125,11 +2129,6 @@ const StyledHeaderWrapper = styled.div `
     background-color: ${theme.mbColors.lightPink};
   }
 
-  ${MediaQueries.mbUp} {
-    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
-      transform: translateY(-64px);
-    }
-  }
   ${MediaQueries.mbDown} {
     &[data-site-type='marryBaby'] {
       border-bottom: none;
@@ -2332,7 +2331,9 @@ const StyleButtonAiChat = styled(Button) `
 
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
     var _a, _b, _c, _d;
-    const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, isHomepage = false, 
+    const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerData, 
+    // sitewideBannerShown = true,
+    sitewideSite = 'discover', sponsorComponent, isHomepage = false, 
     // onBookingClick,
     currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
@@ -2402,9 +2403,9 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
         if (isMobile)
             scrolling();
     }, [isMobile]);
-    const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
-    return (React__default.createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, "data-win-cash-back-theme": winCashBackTheme, id: "site-header", ref: headerRef, className: customClasses.wrapper },
-        isShowingSiteWideBanner && sitewideBanner,
+    // const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner
+    return (React__default.createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, "data-win-cash-back-theme": winCashBackTheme, id: "site-header", ref: headerRef, className: customClasses.wrapper },
+        sitewideBanner || (React__default.createElement(SiteWideBanner, { site: sitewideSite, currentUrl: currentUrl, banner: sitewideBannerData })),
         React__default.createElement(StyledHeader, { className: customClasses.header, "data-site-type": siteType, "data-win-cash-back-theme": winCashBackTheme },
             React__default.createElement(StyledLeftGroup, { className: customClasses.leftGroup, "data-site-type": siteType },
                 isMobile && (React__default.createElement(HamburgerMenu, { menuItems: menuItems.filter((m) => !!m.link), isHomepage: isHomepage, projectType: projectType })),
@@ -2440,7 +2441,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                                 borderLeft: '1px solid #E4E8EC',
                             } })),
                         React__default.createElement(CartBadge, { "data-cart-menu": "true", "data-event-category": "Ecommerce", "data-event-action": "Cart Click", "data-event-label": currentUrl, count: cartNumber, locale: locale })))))),
-        isMobile && isHomepage && (React__default.createElement(StyleWrapperNavigtionSearch, { style: { padding: winCashBackTheme ? '12px 16px' : undefined } },
+        isMobile && isHomepage && (React__default.createElement(StyleWrapperNavigtionSearch, { className: "search-wrapper" },
             React__default.createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile, isHomepage: isHomepage }))),
         sponsorComponent
             ? !React__default.isValidElement(sponsorComponent)
@@ -2500,7 +2501,7 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
         headerRef.current,
     ]);
     const defaultHeaderHeight = useMemo(() => {
-        let res = isMobile ? 56 : 56;
+        let res = isMobile ? 56 : 60;
         if (isShowingSiteWideBanner) {
             res += 64;
         }

package/build/esm/{index-bb6f298c.js → index-84f02065.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-c13398e7.js';
-import { L as LOCALE } from './Locale-fa109af8.js';
+import { L as LastPeriod } from './LastPeriod-6877b1f3.js';
+import { L as LOCALE } from './Locale-0eecb735.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-f4ee60eb.js';
-import { D as DatePicker } from './index-6e6f45f5.js';
-import { T as Text } from './index-56553ab9.js';
-import './index-2857708d.js';
-import './index-819e815f.js';
-import './index.styles-2c61def9.js';
-import { u as useTranslations } from './index-45337579.js';
+import { R as Radio, I as Input, S as Select } from './index-6b85468e.js';
+import { D as DatePicker } from './index-6a31b3b8.js';
+import { T as Text } from './index-cdca0c5b.js';
+import './index-f440c4ca.js';
+import './index-ba8c0c35.js';
+import './index.styles-5aab1348.js';
+import { u as useTranslations } from './index-d952cc59.js';
 import '@mantine/hooks';
-import './index-e9edd913.js';
-import './utils-bdeecda7.js';
-import './index-36fe1b01.js';
-import { H as HealthToolFormWrapper } from './index-6a9c21c1.js';
+import './index-b8e1e37a.js';
+import './utils-15f470f3.js';
+import './index-ca160040.js';
+import { H as HealthToolFormWrapper } from './index-ff56d0c5.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-444b7517.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-af8c61b4.js';
+import { C as CardWrapperContext } from './context-ec9425ee.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-9527c725.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-78cc7da8.js → index-851cad0a.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-819e815f.js';
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-ba8c0c35.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-49d55089.js → index-88e3c0f5.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-56553ab9.js';
-import { u as useTranslations } from './index-45337579.js';
+import { T as Text } from './index-cdca0c5b.js';
+import { u as useTranslations } from './index-d952cc59.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-2354b32a.js → index-89ed2869.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-a936a470.js';
-import { T as TogetherComponentGlobalContext } from './utils-f670e863.js';
+import { B as Button } from './index-ab0984e8.js';
+import { T as TogetherComponentGlobalContext } from './utils-cb7f3bc1.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-c3ba7413.js → index-8d31b1ba.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3e6718a6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-f1bb0a8e.js';
 import * as React from 'react';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-b61a5c6a.js';
-import { A as Avatar } from './index-f4ee60eb.js';
-import { B as Button } from './index-2857708d.js';
-import { T as Text } from './index-56553ab9.js';
-import { u as useTranslations } from './index-45337579.js';
-import { C as CommonGAssets } from './index-47b1eb5f.js';
+import { S as Spinner } from './Spinner-bc882611.js';
+import { A as Avatar } from './index-6b85468e.js';
+import { B as Button } from './index-f440c4ca.js';
+import { T as Text } from './index-cdca0c5b.js';
+import { u as useTranslations } from './index-d952cc59.js';
+import { C as CommonGAssets } from './index-b6ac2fd8.js';
 import { theme } from './miscTheme.js';
-import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-af8c61b4.js';
-import { d as domainLocalesMarryBaby } from './utils-f670e863.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-2549de37.js';
+import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-9527c725.js';
+import { d as domainLocalesMarryBaby } from './utils-cb7f3bc1.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-77b91607.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-bdeecda7.js';
+import { M as MediaQueries } from './utils-15f470f3.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
 import { ProfileNavigation } from './profileNavigation.js';

package/build/esm/{index-016a0ac5.js → index-93239ea9.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-3e6718a6.js';
+import { _ as __rest } from './tslib.es6-f1bb0a8e.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-f4ee60eb.js';
+import { R as Radio } from './index-6b85468e.js';
 import '@mantine/dates';
-import './index-af8c61b4.js';
-import './index-77cb3d36.js';
-import { C as CommonGAssets } from './index-47b1eb5f.js';
-import './index-e9edd913.js';
-import { T as Text } from './index-56553ab9.js';
-import './index-2857708d.js';
-import './index-819e815f.js';
-import './index.styles-2c61def9.js';
-import { u as useTranslations } from './index-45337579.js';
+import './index-9527c725.js';
+import './index-d8330201.js';
+import { C as CommonGAssets } from './index-b6ac2fd8.js';
+import './index-b8e1e37a.js';
+import { T as Text } from './index-cdca0c5b.js';
+import './index-f440c4ca.js';
+import './index-ba8c0c35.js';
+import './index.styles-5aab1348.js';
+import { u as useTranslations } from './index-d952cc59.js';
 import '@mantine/hooks';
-import './utils-bdeecda7.js';
-import './index-36fe1b01.js';
+import './utils-15f470f3.js';
+import './index-ca160040.js';
 
 const sizeMap = {
     lg: {

package/build/esm/{index-af8c61b4.js → index-9527c725.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-77cb3d36.js';
+import './index-d8330201.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-fa109af8.js';
+import { L as LOCALE } from './Locale-0eecb735.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -399,9 +399,9 @@ const LOCALE_HAS_COMMUNITY_SITE = [
     LOCALE.Myanmar,
 ];
 const HAS_CLINITY_DOWNLOAD_SITE = [
-    LOCALE.Vietnam,
+    // LOCALE.Vietnam,
     LOCALE.Indonesia,
-    LOCALE.Malaysia,
+    // LOCALE.Malaysia,
     LOCALE.PhilippinesEnglish,
     LOCALE.PhilippinesTagalog,
     LOCALE.Thailand,

package/build/esm/{index-4fc68411.js → index-9753c6e1.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-a936a470.js';
-import { u as useTranslations } from './index-45337579.js';
+import { B as Button } from './index-ab0984e8.js';
+import { u as useTranslations } from './index-d952cc59.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-fd2cfab4.js → index-990d9437.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-cd372d15.js';
-import { T as Text } from './index-7bfc7e77.js';
+import { M as MarryBabyText } from './index-4d0a9ac4.js';
+import { T as Text } from './index-337e4ac0.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;