@hhgtech/hhg-components 1.29.440-beta-1 → 1.29.441

package/build/esm/{index-d63f0934.js → index-7eecf2b5.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-4cd65c2d.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-a8ce1ea2.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-262f7424.js';
-import { H as Heading } from './index-c2918030.js';
-import { u as useTranslations } from './index-328bac99.js';
+import { B as Button } from './index-e580e4dc.js';
+import { H as Heading } from './index-d16f0845.js';
+import { u as useTranslations } from './index-9284c5c9.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-9443546c.js';
-import { C as CommonGAssets } from './index-eed09587.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-823b6069.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-f6873d0b.js';
+import { C as CommonGAssets } from './index-41d35542.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-6afb606d.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-0838a126.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-2004b226.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-a00c6b5d.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-f3827cf7.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ca999e81.js';
+import { M as MediaQueries } from './utils-9ca5ce68.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-ecbc1912.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-e349f7f6.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-97336ab7.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-5d866af2.js';
-import { a as ProfileDetail, P as PostContent } from './index-11c914f5.js';
-import { a as PostImagePreview } from './index-84db3907.js';
-import { S as SocialLinkPreview } from './index-76cc4f46.js';
-import { D as Divider } from './index-bfd91dc7.js';
-import './index-dbabb5b6.js';
+import { C as CardLink } from './index-3cf2dc6e.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-50f0e821.js';
+import { a as ProfileDetail, P as PostContent } from './index-19a7a5e6.js';
+import { a as PostImagePreview } from './index-92e73d57.js';
+import { S as SocialLinkPreview } from './index-b6d20ae4.js';
+import { D as Divider } from './index-c650c35c.js';
+import './index-c939f34c.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-c5147f28.js';
-import { T as Text } from './index-69fd9189.js';
-import { L as Loading } from './index-4699da49.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-9adff872.js';
+import { I as Input } from './index-4030cb64.js';
+import { T as Text } from './index-04e4fa56.js';
+import { L as Loading } from './index-471acff9.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-1f6a9bdc.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-7e6cef50.js → index-7f0c69d4.js}

@@ -2,9 +2,9 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-c57316ba.js';
-import { I as ImageWrap } from './index-1850bafd.js';
-import { T as Text$1 } from './index-69fd9189.js';
+import { T as Text } from './index-2fe0b488.js';
+import { I as ImageWrap } from './index-e3564d15.js';
+import { T as Text$1 } from './index-04e4fa56.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),

package/build/esm/{index-d43114c5.js → index-84e3501d.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-262f7424.js';
-import { T as TogetherComponentGlobalContext } from './utils-0838a126.js';
+import { B as Button } from './index-e580e4dc.js';
+import { T as TogetherComponentGlobalContext } from './utils-a00c6b5d.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-37fa63e9.js → index-8bf5246d.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-4cd65c2d.js';
+import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-227b92a9.js';
-import { u as useTranslations } from './index-328bac99.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-823b6069.js';
-import { I as Input } from './index-fd14d9bc.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-9e07d432.js';
+import { u as useTranslations } from './index-9284c5c9.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-6afb606d.js';
+import { I as Input } from './index-6e06f1b2.js';
 import '@mantine/dates';
-import './index-dbabb5b6.js';
-import './index-1a49e526.js';
-import './index-eed09587.js';
-import './index-1b9c9215.js';
-import './index-69fd9189.js';
-import './index-9130048d.js';
-import './index.styles-f4231629.js';
+import './index-c939f34c.js';
+import './index-0cd17cbc.js';
+import './index-41d35542.js';
+import './index-b1782753.js';
+import './index-04e4fa56.js';
+import './index-f4de070d.js';
+import './index.styles-4ecc7255.js';
 import '@mantine/hooks';
-import './text-cafa58ef.js';
-import './utils-ca999e81.js';
-import './index-a66aec53.js';
-import { H as HealthToolFormWrapper } from './index-8bef1478.js';
-import { I as INPUT_RANGE } from './constants-8654a7df.js';
+import './text-d10bac1d.js';
+import './utils-9ca5ce68.js';
+import './index-f8c42cca.js';
+import { H as HealthToolFormWrapper } from './index-e996882b.js';
+import { I as INPUT_RANGE } from './constants-094a992c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-da4f1b9d.js → index-8e550275.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-0122275b.js';
-import { T as Text } from './index-69fd9189.js';
+import { C as Container } from './index-32535310.js';
+import { T as Text } from './index-04e4fa56.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-28c1a92f.js → index-91d97155.js}

@@ -1,24 +1,24 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-ca999e81.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-9ca5ce68.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-4cd65c2d.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-c5147f28.js';
-import { I as Input } from './index-fd14d9bc.js';
+import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-4030cb64.js';
+import { I as Input } from './index-6e06f1b2.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-dbabb5b6.js';
-import './index-1a49e526.js';
-import './index-eed09587.js';
-import './index-1b9c9215.js';
-import './index-69fd9189.js';
-import './index-9130048d.js';
-import './index.styles-f4231629.js';
-import './translationsContext-e6e3e359.js';
+import './index-c939f34c.js';
+import './index-0cd17cbc.js';
+import './index-41d35542.js';
+import './index-b1782753.js';
+import './index-04e4fa56.js';
+import './index-f4de070d.js';
+import './index.styles-4ecc7255.js';
+import './translationsContext-ebdbfa5a.js';
 import '@mantine/hooks';
-import './text-cafa58ef.js';
-import './index-a66aec53.js';
+import './text-d10bac1d.js';
+import './index-f8c42cca.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),

package/build/esm/{index-328bac99.js → index-9284c5c9.js}

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

package/build/esm/{index-84db3907.js → index-92e73d57.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-c2918030.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-ca999e81.js';
-import { u as useTranslations } from './index-328bac99.js';
-import { T as TogetherComponentGlobalContext } from './utils-0838a126.js';
+import { H as Heading } from './index-d16f0845.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-9ca5ce68.js';
+import { u as useTranslations } from './index-9284c5c9.js';
+import { T as TogetherComponentGlobalContext } from './utils-a00c6b5d.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-69fd9189.js';
+import { T as Text } from './index-04e4fa56.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-4cd65c2d.js';
+import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-45b6e747.js → index-94cdb856.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-4cd65c2d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a8ce1ea2.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-bf405a01.js';
-import { a as Avatar } from './index-fd14d9bc.js';
-import { B as Button } from './index-9130048d.js';
-import { T as Text } from './index-69fd9189.js';
-import { u as useTranslations } from './index-328bac99.js';
-import { C as CommonGAssets } from './index-eed09587.js';
+import { S as Spinner } from './Spinner-373521cc.js';
+import { a as Avatar } from './index-6e06f1b2.js';
+import { B as Button } from './index-f4de070d.js';
+import { T as Text } from './index-04e4fa56.js';
+import { u as useTranslations } from './index-9284c5c9.js';
+import { C as CommonGAssets } from './index-41d35542.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ca999e81.js';
+import { M as MediaQueries } from './utils-9ca5ce68.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { a as CARE_LOCALES, c as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, d as VIDEO_LOCALES } from './index-dbabb5b6.js';
-import { i as domainLocalesMarryBaby } from './utils-0838a126.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-9adff872.js';
+import { a as CARE_LOCALES, c as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, d as VIDEO_LOCALES } from './index-c939f34c.js';
+import { i as domainLocalesMarryBaby } from './utils-a00c6b5d.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-1f6a9bdc.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-23adb0f5.js → index-a571b191.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-4cd65c2d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a8ce1ea2.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-1a49e526.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-ccb8f077.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-dbabb5b6.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-9adff872.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-ecbc1912.js';
+import { V as VideoType } from './index-0cd17cbc.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-2e7cce07.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-c939f34c.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-1f6a9bdc.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-e349f7f6.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-e6e3e359.js';
+import './translationsContext-ebdbfa5a.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-fd14d9bc.js';
+import { I as Input } from './index-6e06f1b2.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-45b6e747.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-94cdb856.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-3e6b7dc6.js';
+import { L as Logo$1 } from './index-6769ea73.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-eed09587.js';
-import './index-1b9c9215.js';
-import { T as Text } from './index-69fd9189.js';
-import { B as Button } from './index-9130048d.js';
-import './index.styles-f4231629.js';
+import { C as CommonGAssets } from './index-41d35542.js';
+import './index-b1782753.js';
+import { T as Text } from './index-04e4fa56.js';
+import { B as Button } from './index-f4de070d.js';
+import './index.styles-4ecc7255.js';
 import '@mantine/hooks';
-import './text-cafa58ef.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-ca999e81.js';
-import './index-a66aec53.js';
-import { L as LOCALISED_SLUGS } from './constants-3b12811b.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-b13e4c59.js';
-import { L as LOCALIZED_SLUGS } from './constants-314133da.js';
-import { u as useTranslations } from './index-328bac99.js';
-import { H as Heading } from './index-c2918030.js';
-import { I as Indicator$1 } from './index-36c7feeb.js';
-import { u as useIsInit } from './useIsInit-c0efa12f.js';
+import './text-d10bac1d.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-9ca5ce68.js';
+import './index-f8c42cca.js';
+import { L as LOCALISED_SLUGS } from './constants-470408c3.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8527e122.js';
+import { L as LOCALIZED_SLUGS } from './constants-4a145751.js';
+import { u as useTranslations } from './index-9284c5c9.js';
+import { H as Heading } from './index-d16f0845.js';
+import { I as Indicator$1 } from './index-008a0395.js';
+import { u as useIsInit } from './useIsInit-8f148e12.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-262f7424.js';
+import { B as Button$1 } from './index-e580e4dc.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-4f4fb1a9.js';
+import { U as UserAvatar } from './index-55188d7b.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-0122275b.js';
+import { C as Container } from './index-32535310.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-89f034b1.js';
-import { g as getDataWithCache } from './core-72f7450f.js';
+import { L as LOCALE } from './Locale-845fe9c7.js';
+import { g as getDataWithCache } from './core-0c11879f.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -823,16 +823,10 @@ const StyledContainerItems$4 = styled.div `
 `;
 
 const StyledItem$4 = styled.a `
-  position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
-
-  &[data-has-button='true'] {
-    cursor: default;
-    pointer-events: none;
-  }
   * {
     pointer-events: none;
   }
@@ -859,50 +853,6 @@ const StyledImageCard$2 = styled.div `
     padding-top: 100px;
   }
 `;
-const StyledButton = styled.button `
-  ${MediaQueries.tdDown} {
-    position: relative;
-    bottom: 0;
-    left: 16px;
-    right: 0;
-    padding: 4px 8px;
-    width: 90px;
-    height: 24px;
-    min-height: 24px;
-    max-height: 24px;
-    font-size: 11px;
-    line-height: 16px;
-    border-radius: 8px;
-  }
-
-  position: absolute;
-  bottom: 8px;
-  left: 8px;
-  right: 8px;
-  height: 40px;
-  min-height: 40px;
-  max-height: 40px;
-  padding: 8px 16px;
-  pointer-events: auto;
-
-  background: ${(props) => props.bgColor};
-  border-radius: 12px;
-  border: none;
-  transition: all 0.2s ease-in-out;
-
-  color: ${(props) => props.textColor};
-  font-family: 'Inter';
-  font-weight: 500;
-  font-size: 15px;
-  text-align: center;
-  cursor: pointer;
-
-  &:hover {
-    opacity: 0.9;
-    color: ${(props) => props.bgColor};
-    background: ${(props) => props.textColor};
-  }
-`;
 const StyledTitle$3 = styled.p `
   font-size: 16px;
   font-weight: 400;
@@ -918,22 +868,10 @@ const StyledTitle$3 = styled.p `
 const Item$3 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    const linkProps = {
-        href: item.link,
-        'data-event-category': 'Hamburger Navigation',
-        'data-event-action': `Spotlight Click ${index + 1}`,
-        'data-event-label': item.link,
-    };
-    return (React__default.createElement(StyledItem$4, Object.assign({ key: item.id, as: item.buttonDisplay ? 'div' : 'a', "data-has-button": item.buttonDisplay ? 'true' : 'false' }, linkProps),
+    return (React__default.createElement(StyledItem$4, { key: item.id, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": `Spotlight Click ${index + 1}`, "data-event-label": item.link },
         React__default.createElement(StyledImageCard$2, null,
             React__default.createElement("img", { loading: "lazy", alt: item.title, src: item.banner || '/images/notFound-min-small.jpg' })),
-        React__default.createElement("div", { style: {
-                display: 'flex',
-                flexDirection: 'column',
-                gap: 8,
-            } },
-            React__default.createElement(StyledTitle$3, null, item.title),
-            !!item.buttonDisplay && (React__default.createElement(StyledButton, Object.assign({ as: item.buttonDisplay ? 'a' : 'button', bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
+        React__default.createElement(StyledTitle$3, null, item.title)));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -944,7 +882,6 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
-            buttonDisplay: spotlight.buttonDisplay,
         } }))))) : (React__default.createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
@@ -1971,7 +1908,6 @@ const formatSpotlightsList = (spotlight) => {
         imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
         startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
         endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
-        buttonDisplay: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.button_display) || null,
     };
 };
 const checkAvailableSpotlight = (spotlight) => {

package/build/esm/{index-e4fced36.js → index-aa6b4861.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-4cd65c2d.js';
+import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Box, Flex, rem, createStyles } from '@mantine/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-fd14d9bc.js';
+import './index-6e06f1b2.js';
 import '@mantine/dates';
-import './index-dbabb5b6.js';
-import './index-1a49e526.js';
-import './index-eed09587.js';
-import { t as themeColors } from './index-1b9c9215.js';
-import { T as Text } from './index-69fd9189.js';
-import './index-9130048d.js';
-import './index.styles-f4231629.js';
-import { u as useTranslations } from './index-328bac99.js';
+import './index-c939f34c.js';
+import './index-0cd17cbc.js';
+import './index-41d35542.js';
+import { t as themeColors } from './index-b1782753.js';
+import { T as Text } from './index-04e4fa56.js';
+import './index-f4de070d.js';
+import './index.styles-4ecc7255.js';
+import { u as useTranslations } from './index-9284c5c9.js';
 import '@mantine/hooks';
-import './text-cafa58ef.js';
-import { M as MediaQueries } from './utils-ca999e81.js';
-import './index-a66aec53.js';
+import './text-d10bac1d.js';
+import { M as MediaQueries } from './utils-9ca5ce68.js';
+import './index-f8c42cca.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-1b9c9215.js → index-b1782753.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-4cd65c2d.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-a8ce1ea2.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-1a49e526.js';
-import { L as LOCALE } from './Locale-89f034b1.js';
+import './index-0cd17cbc.js';
+import { L as LOCALE } from './Locale-845fe9c7.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-dbabb5b6.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-c939f34c.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-eed09587.js';
+import { C as CommonGAssets } from './index-41d35542.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-ca999e81.js';
-import { C as CustomStylesType, F as FontWeight } from './text-cafa58ef.js';
-import { A as ANIMATION_DURATION } from './shared-06d0d65b.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-9ca5ce68.js';
+import { C as CustomStylesType, F as FontWeight } from './text-d10bac1d.js';
+import { A as ANIMATION_DURATION } from './shared-5b600d24.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-7e1c20c9.js → index-b2d5a116.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-4cd65c2d.js';
+import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-fd14d9bc.js';
-import { D as DatePicker } from './index-d431c962.js';
-import './index-69fd9189.js';
-import './index-9130048d.js';
-import './index.styles-f4231629.js';
-import { u as useTranslations } from './index-328bac99.js';
+import './index-6e06f1b2.js';
+import { D as DatePicker } from './index-6255fe3b.js';
+import './index-04e4fa56.js';
+import './index-f4de070d.js';
+import './index.styles-4ecc7255.js';
+import { u as useTranslations } from './index-9284c5c9.js';
 import '@mantine/hooks';
-import './index-1b9c9215.js';
-import './text-cafa58ef.js';
-import './utils-ca999e81.js';
-import './index-a66aec53.js';
-import { H as HealthToolFormWrapper } from './index-8bef1478.js';
-import { G as GenderOptionControl } from './index-b5c0772e.js';
+import './index-b1782753.js';
+import './text-d10bac1d.js';
+import './utils-9ca5ce68.js';
+import './index-f8c42cca.js';
+import { H as HealthToolFormWrapper } from './index-e996882b.js';
+import { G as GenderOptionControl } from './index-32ea4895.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-ef0add7a.js → index-b5b4264c.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-9130048d.js';
+import { B as Button } from './index-f4de070d.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-76cc4f46.js → index-b6d20ae4.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-4cd65c2d.js';
+import { a as __awaiter } from './tslib.es6-a8ce1ea2.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-1850bafd.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-0838a126.js';
+import { I as ImageWrap } from './index-e3564d15.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a00c6b5d.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-823b6069.js';
-import { y as youtubeVidIdGetter } from './post-75929e99.js';
-import { L as Loading } from './index-4699da49.js';
+import { D as DEFAULT_IMG } from './constants-6afb606d.js';
+import { y as youtubeVidIdGetter } from './post-27199344.js';
+import { L as Loading } from './index-471acff9.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-9ca9e497.js → index-ba27406f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-4cd65c2d.js';
+import { _ as __rest } from './tslib.es6-a8ce1ea2.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-dbabb5b6.js';
+import { Z as ZINDEX_SSO } from './index-c939f34c.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {

package/build/esm/{index-f111e8af.js → index-c3b7caa9.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-328bac99.js';
-import { B as Button } from './index-262f7424.js';
+import { u as useTranslations } from './index-9284c5c9.js';
+import { B as Button } from './index-e580e4dc.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-1632be4a.js → index-c85ba844.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-c3e09bb0.js';
-import { u as useTranslations } from './index-328bac99.js';
+import { I as Icon } from './index-e9c9ef91.js';
+import { u as useTranslations } from './index-9284c5c9.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-dbabb5b6.js → index-c939f34c.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-1a49e526.js';
+import './index-0cd17cbc.js';
 import { siteHost, siteOptions } 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-89f034b1.js';
+import { L as LOCALE } from './Locale-845fe9c7.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-20fd352a.js → index-cb8f255e.js}

@@ -2,12 +2,12 @@ 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-1850bafd.js';
-import { _ as __rest } from './tslib.es6-4cd65c2d.js';
+import { I as ImageWrap } from './index-e3564d15.js';
+import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-9ca9e497.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-ba27406f.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-dbabb5b6.js';
+import { Z as ZINDEX_SSO } from './index-c939f34c.js';
 
 /* eslint-disable prettier/prettier */
 const Pin2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),