@hhgtech/hhg-components 1.29.503 → 1.29.504-beta-2

package/build/esm/healthToolsForm.js

@@ -1,60 +1,60 @@
-export { D as DueDateForm } from './index-407957a2.js';
-export { B as BmiForm } from './index-ad8f8513.js';
-export { B as BabyPoopForm } from './index-fb1f2fe5.js';
-export { T as ThrForm } from './index-da321bde.js';
-export { O as OvulationForm } from './index-b560f259.js';
-export { B as BabyVaccineForm } from './index-93650625.js';
-export { P as PWGForm } from './index-73cf81a0.js';
-import './tslib.es6-0726ca1f.js';
+export { D as DueDateForm } from './index-53fbfadf.js';
+export { B as BmiForm } from './index-56249422.js';
+export { B as BabyPoopForm } from './index-e58ccb1d.js';
+export { T as ThrForm } from './index-6c3a6880.js';
+export { O as OvulationForm } from './index-2e0fb7d4.js';
+export { B as BabyVaccineForm } from './index-beaeab09.js';
+export { P as PWGForm } from './index-4c109377.js';
+import './tslib.es6-c76ac23b.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-b90c791f.js';
-import './Locale-5fa7d8c0.js';
+import './LastPeriod-54e46893.js';
+import './Locale-42d2e9a1.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-73316752.js';
+import './index-91a60cbb.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-23aa7283.js';
+import './index-63c939b7.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-2857df98.js';
-import './index-58539fd0.js';
-import './utils-5ade66c1.js';
+import './index-a6666cea.js';
+import './index-cae88668.js';
+import './utils-53559780.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-087f90b3.js';
-import './index-cf966b54.js';
-import './index-b061f549.js';
+import './index-a7b61a1d.js';
+import './index-8f2934e7.js';
+import './index-fa24067b.js';
 import '@mantine/notifications';
-import './index-677cf9e3.js';
+import './index-01435e34.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-d8013f83.js';
+import './shared-58cd7b21.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-816271bc.js';
+import './useUniqueId-6f3c1d71.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-3d3ce577.js';
-import './index-c4950314.js';
+import './index-5ada0f0b.js';
+import './index-3a828d30.js';
 import '@mantine/dates';
-import './index.styles-99022525.js';
-import './index-ffde4953.js';
-import './translationsContext-7109197b.js';
-import './index-e8d0a800.js';
-import './index-204943a4.js';
+import './index.styles-f22ff343.js';
+import './index-36408b79.js';
+import './translationsContext-949853f9.js';
+import './index-4e8511bb.js';
+import './index-84987687.js';
 import 'react-keyed-flatten-children';
-import './context-1082fa45.js';
+import './context-71bb9baa.js';
 import 'react-hook-form';
-import './useHealthToolCache-f9563357.js';
+import './useHealthToolCache-bb7af3fb.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-c9689465.js';
-import './core-3f28be81.js';
-import './constants-775f5d95.js';
-import './index-7234d6a7.js';
+import './normalizeLink-986da1a2.js';
+import './core-b0e6120a.js';
+import './constants-0d34b8e2.js';
+import './index-66cbb9f2.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-36a51d30.js';
+import './constants-afdabe54.js';

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-ffde4953.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-b17a6480.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-7df0ad05.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-f9563357.js';
-export { u as useIsInit } from './useIsInit-14ac7609.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-2505677f.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-816271bc.js';
+export { u as useTranslations } from './index-36408b79.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-994d7f4c.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-c69e7ece.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-bb7af3fb.js';
+export { u as useIsInit } from './useIsInit-e849f9c5.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-78ce8c23.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-6f3c1d71.js';
 import 'react';
-import './translationsContext-7109197b.js';
+import './translationsContext-949853f9.js';
 import 'lodash/debounce';
-import './tslib.es6-0726ca1f.js';
+import './tslib.es6-c76ac23b.js';
 import './miscCookieHelper.js';
-import './index-b061f549.js';
-import './Locale-5fa7d8c0.js';
+import './index-fa24067b.js';
+import './Locale-42d2e9a1.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-c9689465.js';
+import './normalizeLink-986da1a2.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-3f28be81.js';
+import './core-b0e6120a.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-7109197b.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-cfa66928.js';
+export { T as TranslationsContext } from './translationsContext-949853f9.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-cdae8ab7.js';
 import 'react';
 import './i18n-values/en-PH.js';
 import './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-7109197b.js';
-export { T as TranslationsContext } from './translationsContext-7109197b.js';
+import { T as TranslationsContext } from './translationsContext-949853f9.js';
+export { T as TranslationsContext } from './translationsContext-949853f9.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-677cf9e3.js → index-01435e34.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-b061f549.js';
+import './index-fa24067b.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-5fa7d8c0.js';
+import { L as LOCALE } from './Locale-42d2e9a1.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-5b43dd58.js → index-0457c2ff.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-0726ca1f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c76ac23b.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-e8d0a800.js';
-import { L as Loading } from './index-9aeb79d0.js';
-import './index-b061f549.js';
-import { g as formatArticle } from './dataTransform-e9cbaca0.js';
+import { T as Tabs } from './index-4e8511bb.js';
+import { L as Loading } from './index-c55cc8e2.js';
+import './index-fa24067b.js';
+import { g as formatArticle } from './dataTransform-d2d18eeb.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-c768acf4.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-9766a8dc.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-d1df4261.js';
-import { L as LOCALE } from './Locale-5fa7d8c0.js';
+import { C as CardAuthor } from './index-f88998b8.js';
+import { L as LOCALE } from './Locale-42d2e9a1.js';
 import '@hhgtech/icons/other';
-import './index-3d3ce577.js';
-import './shared-d8013f83.js';
-import './index-2857df98.js';
-import './index-087f90b3.js';
-import './index-ffde4953.js';
-import './translationsContext-7109197b.js';
-import './index-b350a213.js';
-import './index-b5e39103.js';
+import './index-5ada0f0b.js';
+import './shared-58cd7b21.js';
+import './index-a6666cea.js';
+import './index-a7b61a1d.js';
+import './index-36408b79.js';
+import './translationsContext-949853f9.js';
+import './index-cdb05092.js';
+import './index-3859f2c9.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-775f5d95.js';
+import './constants-0d34b8e2.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-5ade66c1.js';
-import './index-9e4e8834.js';
-import './paths-91e9c426.js';
-import './constants-a221241f.js';
-import './index-677cf9e3.js';
+import './utils-53559780.js';
+import './index-3db76da7.js';
+import './paths-3015e3c4.js';
+import './constants-16cd5b43.js';
+import './index-01435e34.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-fdd7a6eb.js';
+import './index-3eaac601.js';
 import './miscTheme.js';
-import './WhatsApp-cdeba50a.js';
-import './Spinner-0a4a3190.js';
-import './index-e7fc2d2b.js';
+import './WhatsApp-3a6094f0.js';
+import './Spinner-364db032.js';
+import './index-4af77914.js';
 import '@emotion/styled';
-import './index-58539fd0.js';
-import './index-23aa7283.js';
-import './index-09624611.js';
+import './index-cae88668.js';
+import './index-63c939b7.js';
+import './index-1498d857.js';
 import '@emotion/react';
-import './index-7be5c11a.js';
-import './index-de07ffd8.js';
-import './index.styles-99022525.js';
+import './index-8f967de0.js';
+import './index-74bd436f.js';
+import './index.styles-f22ff343.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-ade8fcbf.js → index-0b29fc5c.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-5ade66c1.js';
+import { M as MediaQueries } from './utils-53559780.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-09624611.js → index-1498d857.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-b350a213.js';
-import { u as useTranslations } from './index-ffde4953.js';
+import { B as Button } from './index-cdb05092.js';
+import { u as useTranslations } from './index-36408b79.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-215dd4fe.js → index-25ef80f6.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-c2c5c3ff.js';
-import { T as Text } from './index-25e6e979.js';
+import { M as MarryBabyText } from './index-7534ff2a.js';
+import { T as Text } from './index-560e7b54.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-b560f259.js → index-2e0fb7d4.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-0726ca1f.js';
+import { _ as __rest } from './tslib.es6-c76ac23b.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-b90c791f.js';
-import { I as Input } from './index-73316752.js';
-import { D as DatePicker } from './index-c4950314.js';
-import { T as Text } from './index-087f90b3.js';
-import './index-3d3ce577.js';
-import './index-2857df98.js';
-import './index.styles-99022525.js';
-import { u as useTranslations } from './index-ffde4953.js';
+import { L as LastPeriod } from './LastPeriod-54e46893.js';
+import { I as Input } from './index-91a60cbb.js';
+import { D as DatePicker } from './index-3a828d30.js';
+import { T as Text } from './index-a7b61a1d.js';
+import './index-5ada0f0b.js';
+import './index-a6666cea.js';
+import './index.styles-f22ff343.js';
+import { u as useTranslations } from './index-36408b79.js';
 import '@mantine/hooks';
-import './index-cf966b54.js';
-import './utils-5ade66c1.js';
-import './index-e8d0a800.js';
-import { C as CardWrapperContext } from './context-1082fa45.js';
-import { H as HealthToolFormWrapper } from './index-204943a4.js';
+import './index-8f2934e7.js';
+import './utils-53559780.js';
+import './index-4e8511bb.js';
+import { C as CardWrapperContext } from './context-71bb9baa.js';
+import { H as HealthToolFormWrapper } from './index-84987687.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-3e8e32f4.js → index-35d710b5.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-0726ca1f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c76ac23b.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-3dd0ea1e.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-677cf9e3.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-c9689465.js';
-import { f as formatCommunity, a as formatPost } from './dataTransform-e9cbaca0.js';
+import { i as isInternalLink, V as VideoItem, S as SiteWideBanner, L as LanguageSwitcher } from './SiteWideBanner-462fff08.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-01435e34.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-986da1a2.js';
+import { f as formatCommunity, a as formatPost } from './dataTransform-d2d18eeb.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-7109197b.js';
+import './translationsContext-949853f9.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-73316752.js';
+import { I as Input } from './index-91a60cbb.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-bdf1ff7e.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-68764be3.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-6b4e4591.js';
+import { L as Logo$1 } from './index-3c76c157.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-b061f549.js';
-import { C as CommonGAssets } from './index-23aa7283.js';
-import './index-cf966b54.js';
-import { T as Text } from './index-087f90b3.js';
-import { B as Button } from './index-3d3ce577.js';
-import './index-2857df98.js';
-import './index.styles-99022525.js';
+import { V as VideoType } from './index-fa24067b.js';
+import { C as CommonGAssets } from './index-63c939b7.js';
+import './index-8f2934e7.js';
+import { T as Text } from './index-a7b61a1d.js';
+import { B as Button } from './index-5ada0f0b.js';
+import './index-a6666cea.js';
+import './index.styles-f22ff343.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-5ade66c1.js';
-import './index-e8d0a800.js';
-import { L as LOCALISED_SLUGS } from './constants-2b9c5cce.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4d5e2f98.js';
-import { I as Indicator$1 } from './index-5b683632.js';
-import { u as useTranslations } from './index-ffde4953.js';
-import { u as useIsInit } from './useIsInit-14ac7609.js';
-import { L as LOCALIZED_SLUGS } from './constants-a221241f.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-53559780.js';
+import './index-4e8511bb.js';
+import { L as LOCALISED_SLUGS } from './constants-8f4c009f.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-c5d36a6c.js';
+import { I as Indicator$1 } from './index-a5e3ccc0.js';
+import { u as useTranslations } from './index-36408b79.js';
+import { u as useIsInit } from './useIsInit-e849f9c5.js';
+import { L as LOCALIZED_SLUGS } from './constants-16cd5b43.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-b350a213.js';
-import { H as Heading } from './index-7be5c11a.js';
+import { B as Button$1 } from './index-cdb05092.js';
+import { H as Heading } from './index-8f967de0.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-6411728d.js';
+import { C as Container } from './index-ee975adf.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-e7fc2d2b.js';
-import { L as LOCALE } from './Locale-5fa7d8c0.js';
+import { U as UserAvatar } from './index-4af77914.js';
+import { L as LOCALE } from './Locale-42d2e9a1.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-3f28be81.js';
+import { g as getDataWithCache } from './core-b0e6120a.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 },
-        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-ffde4953.js → index-36408b79.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-7109197b.js';
+import { T as TranslationsContext } from './translationsContext-949853f9.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-c4950314.js → index-3a828d30.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-0726ca1f.js';
+import { _ as __rest } from './tslib.es6-c76ac23b.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-677cf9e3.js';
-import './index-b061f549.js';
-import { C as CommonGAssets } from './index-23aa7283.js';
-import { M as MAPPED_LOCALE } from './index-cf966b54.js';
-import { L as LOCALE } from './Locale-5fa7d8c0.js';
+import { I as ISO_FORMAT } from './index-01435e34.js';
+import './index-fa24067b.js';
+import { C as CommonGAssets } from './index-63c939b7.js';
+import { M as MAPPED_LOCALE } from './index-8f2934e7.js';
+import { L as LOCALE } from './Locale-42d2e9a1.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-eadf2dca.js → index-3b1a8cff.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-0726ca1f.js';
+import { _ as __rest } from './tslib.es6-c76ac23b.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-677cf9e3.js';
+import { Z as ZINDEX_SSO } from './index-01435e34.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-02e7bc0b.js → index-3bb4a1cd.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-0726ca1f.js';
+import { _ as __rest } from './tslib.es6-c76ac23b.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-b061f549.js';
+import './index-fa24067b.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-23aa7283.js';
+import { C as CommonGAssets } from './index-63c939b7.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-58539fd0.js';
-import { T as Text } from './index-25e6e979.js';
-import { L as LOCALE } from './Locale-5fa7d8c0.js';
-import { f as CentralCarousel } from './index-73316752.js';
+import { I as ImageWrap } from './index-cae88668.js';
+import { T as Text } from './index-560e7b54.js';
+import { L as LOCALE } from './Locale-42d2e9a1.js';
+import { f as CentralCarousel } from './index-91a60cbb.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-6b4e4591.js → index-3c76c157.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-5fa7d8c0.js';
-import { C as CommonGAssets } from './index-23aa7283.js';
+import { L as LOCALE } from './Locale-42d2e9a1.js';
+import { C as CommonGAssets } from './index-63c939b7.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-5ade66c1.js';
-import { L as LogoIcon } from './logoIcon-5436f70b.js';
-import './index-b061f549.js';
-import { I as ImageWrap } from './index-58539fd0.js';
+import { M as MediaQueries } from './utils-53559780.js';
+import { L as LogoIcon } from './logoIcon-61e65a31.js';
+import './index-fa24067b.js';
+import { I as ImageWrap } from './index-cae88668.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-9e4e8834.js → index-3db76da7.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-0726ca1f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c76ac23b.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-ffde4953.js';
+import { u as useTranslations } from './index-36408b79.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-91e9c426.js';
-import { L as LOCALIZED_SLUGS } from './constants-a221241f.js';
-import { B as Button } from './index-3d3ce577.js';
-import './index-677cf9e3.js';
-import { c as callApi, g as getCarePath } from './utils-c768acf4.js';
+import { P as PATHS } from './paths-3015e3c4.js';
+import { L as LOCALIZED_SLUGS } from './constants-16cd5b43.js';
+import { B as Button } from './index-5ada0f0b.js';
+import './index-01435e34.js';
+import { c as callApi, g as getCarePath } from './utils-9766a8dc.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-fdd7a6eb.js → index-3eaac601.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-0726ca1f.js';
+import { _ as __rest } from './tslib.es6-c76ac23b.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-cdeba50a.js';
-import { S as Spinner } from './Spinner-0a4a3190.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-3a6094f0.js';
+import { S as Spinner } from './Spinner-364db032.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-89a7c94f.js → index-419f502b.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-0726ca1f.js';
+import { a as __awaiter } from './tslib.es6-c76ac23b.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-7be5c11a.js';
-import { T as Text } from './index-087f90b3.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-c768acf4.js';
+import { H as Heading } from './index-8f967de0.js';
+import { T as Text } from './index-a7b61a1d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-9766a8dc.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-775f5d95.js';
+import { D as DEFAULT_IMG } from './constants-0d34b8e2.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {