@hhgtech/hhg-components 1.29.518 → 1.29.519-beta-2

package/build/esm/{index-afd94ab0.js → index-6e3d6cc6.js}

@@ -1,33 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d63a5099.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-60c8cb47.js';
-import { A as Avatar } from './index-aab2dee1.js';
-import { B as Button } from './index-bdf73e5a.js';
-import { T as Text } from './index-d7087c15.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
-import { C as CommonGAssets } from './index-6e5d1f44.js';
+import { S as Spinner } from './Spinner-ea955aa9.js';
+import { A as Avatar } from './index-fc13a125.js';
+import { B as Button } from './index-d7b17319.js';
+import { T as Text } from './index-385f306a.js';
+import { u as useTranslations } from './index-50cddd13.js';
+import { C as CommonGAssets } from './index-f0040340.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-624f5f4e.js';
+import { M as MediaQueries } from './utils-4de5d8da.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
-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, e as LOCALE_HAS_CART_CARE_SITE } from './index-299bb3b9.js';
-import { d as domainLocalesMarryBaby } from './utils-0f7048b2.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-19992f51.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, e as LOCALE_HAS_CART_CARE_SITE } from './index-a2650814.js';
+import { d as domainLocalesMarryBaby } from './utils-358b6ca5.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-c2f2b6ee.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
 
-const BlueWhiteLogin = (props) => (React.createElement("svg", Object.assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React.createElement("rect", { y: "0.5", width: "31", height: "31", rx: "15.5", fill: "white" }),
-    React.createElement("path", { d: "M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z", stroke: "#2743AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z", stroke: "#2743AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const LoginBlueWhite = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 32 32", fill: "none" }, props),
+    React.createElement("rect", { y: 0.5, width: 31, height: 31, rx: 15.5, fill: "white" }),
+    React.createElement("path", { d: "M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z", stroke: "#2743AD", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z", stroke: "#2743AD", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
 
-const UserPlain = (props) => (React.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React.createElement("path", { d: "M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const UserPlain = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
+    React.createElement("path", { d: "M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z", stroke: "white", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z", stroke: "white", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
 
 const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
     const config = useMemo(() => {
@@ -377,7 +379,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default.createElement(React__default.Fragment, null,
         siteType === 'helloSites' &&
-            (isLoginIcon ? (winCashBackTheme ? (React__default.createElement(BlueWhiteLogin, { className: "mobile-only", style: {
+            (isLoginIcon ? (winCashBackTheme ? (React__default.createElement(LoginBlueWhite, { className: "mobile-only", style: {
                     cursor: 'pointer',
                     width: 32,
                     height: 32,
@@ -405,4 +407,4 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
             } }, t('navigation.loginJoin')))))));
 };
 
-export { BlueWhiteLogin as B, NavigationProfileButton as N, UserPlain as U, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };
+export { LoginBlueWhite as L, NavigationProfileButton as N, UserPlain as U, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };

package/build/esm/{index-1dd7a8b0.js → index-703b7d71.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-c4c4e71e.js';
-import { B as Button } from './index-43c16f3b.js';
+import { u as useTranslations } from './index-50cddd13.js';
+import { B as Button } from './index-51a9d466.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-002818e8.js → index-739fc2a1.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-db70bba4.js';
+import './index-1fcc0821.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-6e5d1f44.js';
+import { C as CommonGAssets } from './index-f0040340.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-4bde31f1.js';
-import { T as Text } from './index-ba810564.js';
-import { L as LOCALE } from './Locale-3de651b3.js';
-import { f as CentralCarousel } from './index-aab2dee1.js';
+import { I as ImageWrap } from './index-c5e53b1c.js';
+import { T as Text } from './index-9473ab0e.js';
+import { L as LOCALE } from './Locale-cceaa5a3.js';
+import { f as CentralCarousel } from './index-fc13a125.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-eb7edfad.js → index-79d674e3.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-299bb3b9.js';
-import './index-db70bba4.js';
-import { C as CommonGAssets } from './index-6e5d1f44.js';
-import { M as MAPPED_LOCALE } from './index-7c284556.js';
-import { L as LOCALE } from './Locale-3de651b3.js';
+import { I as ISO_FORMAT } from './index-a2650814.js';
+import './index-1fcc0821.js';
+import { C as CommonGAssets } from './index-f0040340.js';
+import { M as MAPPED_LOCALE } from './index-2c3a97d0.js';
+import { L as LOCALE } from './Locale-cceaa5a3.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-e4692a0f.js → index-7a6efefa.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-62a83bcb.js';
-import { T as Text } from './index-d7087c15.js';
+import { C as Container } from './index-c0b577ff.js';
+import { T as Text } from './index-385f306a.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-2b4f4ac3.js → index-8c3363b0.js}

@@ -1,24 +1,25 @@
 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-624f5f4e.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-4de5d8da.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-a990a57a.js';
-import { I as Input } from './index-aab2dee1.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-4a0ae2c2.js';
+import { I as Input } from './index-fc13a125.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-299bb3b9.js';
-import './index-db70bba4.js';
-import './index-6e5d1f44.js';
-import './index-7c284556.js';
-import './index-d7087c15.js';
-import './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
-import './translationsContext-347fcbe7.js';
+import './index-a2650814.js';
+import './index-1fcc0821.js';
+import './index-f0040340.js';
+import './index-2c3a97d0.js';
+import './index-385f306a.js';
+import './index-d7b17319.js';
+import './index-18d8b4c6.js';
+import './index.styles-6d875177.js';
+import './translationsContext-71acff2a.js';
 import '@mantine/hooks';
-import './index-93f178db.js';
+import './index-2cf5f9e3.js';
+import { C as Close } from './Close-0b017cf2.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),
@@ -482,6 +483,35 @@ const StyledInput = styled(Input) `
     font-size: 0.8125rem;
     line-height: 1.25rem;
   }
+
+  .close-icon-wrapper {
+    display: none;
+    background-color: ${theme.colors.gray400};
+    border-radius: 100%;
+    cursor: pointer;
+    width: 20px;
+    height: 20px;
+    padding: 2px;
+
+    svg {
+      pointer-events: none;
+    }
+
+    &[data-is-disabled='true'] {
+      opacity: 0.2;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  }
+
+  input.mantine-Input-input:focus
+    ~ .mantine-Input-rightSection
+    .close-icon-wrapper,
+  input.mantine-Input-input:not(:placeholder-shown)
+    ~ .mantine-Input-rightSection
+    .close-icon-wrapper {
+    display: flex;
+  }
 `;
 const StyledSearchIcon = styled(Search2) `
   color: ${theme.colors.primaryBase};
@@ -489,11 +519,15 @@ const StyledSearchIcon = styled(Search2) `
   height: 20px;
 `;
 const SearchInput = (props) => {
-    const { loading, disabled, placeholder, value, onChange, icon = React__default.createElement(StyledSearchIcon, null), className, style } = props, restProps = __rest(props, ["loading", "disabled", "placeholder", "value", "onChange", "icon", "className", "style"]);
+    const { loading, disabled, placeholder, value, onChange, icon = React__default.createElement(StyledSearchIcon, null), className, style, enableClear } = props, restProps = __rest(props, ["loading", "disabled", "placeholder", "value", "onChange", "icon", "className", "style", "enableClear"]);
     const handleChange = (e) => {
         onChange(e.currentTarget.value);
     };
-    return (React__default.createElement(StyledInput, Object.assign({ disabled: loading || disabled, size: "lg", value: value, onChangeRaw: handleChange, type: "text", placeholder: placeholder, className: className, icon: icon, style: style }, restProps, { "data-event-label": value })));
+    const handleClear = () => {
+        onChange('');
+    };
+    return (React__default.createElement(StyledInput, Object.assign({ disabled: loading || disabled, size: "lg", value: value, onChangeRaw: handleChange, type: "text", placeholder: placeholder, className: className, icon: icon, style: style, rightSection: enableClear ? (React__default.createElement("div", { className: "close-icon-wrapper", onClick: handleClear, "data-is-disabled": !value },
+            React__default.createElement(Close, { fill: "white", width: "100%", height: "100%" }))) : undefined }, restProps, { "data-event-label": value })));
 };
 
 export { Checkbox as C, ImageWrapV2 as I, Pagination as P, StyledSearchIcon as S, PureInput as a, SearchInput as b, Search2 as c };

package/build/esm/{index-d8f8f106.js → index-8c56f2ad.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-43c16f3b.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import { B as Button } from './index-51a9d466.js';
+import { u as useTranslations } from './index-50cddd13.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-03780d76.js → index-8c7919b2.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-14ec091a.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-624f5f4e.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
-import { T as TogetherComponentGlobalContext } from './utils-0f7048b2.js';
+import { H as Heading } from './index-2be74ca7.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-4de5d8da.js';
+import { u as useTranslations } from './index-50cddd13.js';
+import { T as TogetherComponentGlobalContext } from './utils-358b6ca5.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-d7087c15.js';
+import { T as Text } from './index-385f306a.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-ba810564.js → index-9473ab0e.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default from 'react';
-import './index-aab2dee1.js';
+import './index-fc13a125.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-299bb3b9.js';
-import './index-db70bba4.js';
-import './index-6e5d1f44.js';
-import './index-7c284556.js';
-import { T as Text$1 } from './index-d7087c15.js';
-import './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
-import './translationsContext-347fcbe7.js';
+import './index-a2650814.js';
+import './index-1fcc0821.js';
+import './index-f0040340.js';
+import './index-2c3a97d0.js';
+import { T as Text$1 } from './index-385f306a.js';
+import './index-d7b17319.js';
+import './index-18d8b4c6.js';
+import './index.styles-6d875177.js';
+import './translationsContext-71acff2a.js';
 import '@mantine/hooks';
-import './utils-624f5f4e.js';
-import './index-93f178db.js';
+import './utils-4de5d8da.js';
+import './index-2cf5f9e3.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-25a0b233.js → index-9a21be20.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-bb20dc74.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import { I as Icon } from './index-a342183e.js';
+import { u as useTranslations } from './index-50cddd13.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-57ac0165.js → index-a16f17b6.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-43c16f3b.js';
-import { H as Heading } from './index-14ec091a.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import { B as Button } from './index-51a9d466.js';
+import { H as Heading } from './index-2be74ca7.js';
+import { u as useTranslations } from './index-50cddd13.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-90927d49.js';
-import { C as CommonGAssets } from './index-6e5d1f44.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-8556ff65.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-42a0ac11.js';
+import { C as CommonGAssets } from './index-f0040340.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-c55a438a.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, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-0f7048b2.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-24afb68c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, e as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-358b6ca5.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-bd9b2931.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-624f5f4e.js';
+import { M as MediaQueries } from './utils-4de5d8da.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-a96cdbbe.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-b5dae661.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-1ed4f879.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-4a14b620.js';
-import { a as ProfileDetail, P as PostContent } from './index-21bd14df.js';
-import { a as PostImagePreview } from './index-03780d76.js';
-import { S as SocialLinkPreview } from './index-3e706f00.js';
-import { D as Divider } from './index-138edbb4.js';
-import './index-299bb3b9.js';
+import { C as CardLink } from './index-c8bb73fe.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-6353d6c1.js';
+import { a as ProfileDetail, P as PostContent } from './index-ec3e867c.js';
+import { a as PostImagePreview } from './index-8c7919b2.js';
+import { S as SocialLinkPreview } from './index-5dcfeff2.js';
+import { D as Divider } from './index-5d776862.js';
+import './index-a2650814.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-a990a57a.js';
-import { T as Text } from './index-d7087c15.js';
-import { L as Loading } from './index-d8f8f106.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-19992f51.js';
+import { I as Input } from './index-4a0ae2c2.js';
+import { T as Text } from './index-385f306a.js';
+import { L as Loading } from './index-8c56f2ad.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-c2f2b6ee.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-299bb3b9.js → index-a2650814.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-db70bba4.js';
+import './index-1fcc0821.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-3de651b3.js';
+import { L as LOCALE } from './Locale-cceaa5a3.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-bb20dc74.js → index-a342183e.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-dce11c5f.js';
-import { S as Spinner } from './Spinner-60c8cb47.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-e649ff7c.js';
+import { S as Spinner } from './Spinner-ea955aa9.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-d86af9ae.js → index-a36d7cbf.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d63a5099.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import { u as useTranslations } from './index-50cddd13.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-c9f7ec80.js';
-import { L as LOCALIZED_SLUGS } from './constants-8ac9b8da.js';
-import { B as Button } from './index-bdf73e5a.js';
-import './index-299bb3b9.js';
-import { c as callApi, g as getCarePath } from './utils-0f7048b2.js';
+import { P as PATHS } from './paths-8d83533f.js';
+import { L as LOCALIZED_SLUGS } from './constants-7d1eafd1.js';
+import { B as Button } from './index-d7b17319.js';
+import './index-a2650814.js';
+import { c as callApi, g as getCarePath } from './utils-358b6ca5.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-5fc0b191.js → index-a9089134.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-742cba53.js';
+import { u as useStyles } from './index.styles-6d875177.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-a8a66558.js → index-a965903b.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-bdd38459.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-299bb3b9.js';
-import { N as NodeIntentType } from './index-db70bba4.js';
+import { c as cookie } from './index-40501d73.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-a2650814.js';
+import { N as NodeIntentType } from './index-1fcc0821.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-ecf887ef.js → index-ad90ab5a.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-76d7ee9c.js';
+import { a as __awaiter } from './tslib.es6-d63a5099.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-19992f51.js';
-import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-299bb3b9.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-c2f2b6ee.js';
+import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-a2650814.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-3de651b3.js';
+import { L as LOCALE } from './Locale-cceaa5a3.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-c3c007df.js → index-b14dffcd.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-43c16f3b.js';
-import { T as TogetherComponentGlobalContext } from './utils-0f7048b2.js';
+import { B as Button } from './index-51a9d466.js';
+import { T as TogetherComponentGlobalContext } from './utils-358b6ca5.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-04d4bc52.js → index-b89ee6e6.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.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-aab2dee1.js';
+import { R as Radio } from './index-fc13a125.js';
 import '@mantine/dates';
-import './index-299bb3b9.js';
-import './index-db70bba4.js';
-import { C as CommonGAssets } from './index-6e5d1f44.js';
-import './index-7c284556.js';
-import { T as Text } from './index-d7087c15.js';
-import './index-bdf73e5a.js';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
+import './index-a2650814.js';
+import './index-1fcc0821.js';
+import { C as CommonGAssets } from './index-f0040340.js';
+import './index-2c3a97d0.js';
+import { T as Text } from './index-385f306a.js';
+import './index-d7b17319.js';
+import './index-18d8b4c6.js';
+import './index.styles-6d875177.js';
+import { u as useTranslations } from './index-50cddd13.js';
 import '@mantine/hooks';
-import './utils-624f5f4e.js';
-import './index-93f178db.js';
+import './utils-4de5d8da.js';
+import './index-2cf5f9e3.js';
 
 const sizeMap = {
     lg: {

package/build/esm/{index-b42e9794.js → index-c200152a.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-16aec38f.js';
-import { u as useTranslations } from './index-c4c4e71e.js';
-import { C as CommonGAssets } from './index-6e5d1f44.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-8556ff65.js';
-import { G as GenderOptionControl } from './index-04d4bc52.js';
-import { I as Input, S as Select } from './index-aab2dee1.js';
-import { D as DatePicker } from './index-eb7edfad.js';
-import { T as Text } from './index-d7087c15.js';
-import './index-bdf73e5a.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-bff81ca2.js';
+import { u as useTranslations } from './index-50cddd13.js';
+import { C as CommonGAssets } from './index-f0040340.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-c55a438a.js';
+import { G as GenderOptionControl } from './index-b89ee6e6.js';
+import { I as Input, S as Select } from './index-fc13a125.js';
+import { D as DatePicker } from './index-79d674e3.js';
+import { T as Text } from './index-385f306a.js';
+import './index-d7b17319.js';
 import '@mantine/core';
-import './index-fde333a7.js';
-import './index.styles-742cba53.js';
+import './index-18d8b4c6.js';
+import './index.styles-6d875177.js';
 import '@mantine/hooks';
-import './index-7c284556.js';
-import './utils-624f5f4e.js';
-import './index-93f178db.js';
-import './index-299bb3b9.js';
-import { C as CardWrapperContext } from './context-a02fcdc5.js';
-import { H as HealthToolFormWrapper } from './index-14119a5a.js';
+import './index-2c3a97d0.js';
+import './utils-4de5d8da.js';
+import './index-2cf5f9e3.js';
+import './index-a2650814.js';
+import { C as CardWrapperContext } from './context-070239d8.js';
+import { H as HealthToolFormWrapper } from './index-674bec10.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-f1118142.js → index-c4f742cf.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-0f7048b2.js';
+import { T as TogetherComponentGlobalContext } from './utils-358b6ca5.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-4bde31f1.js → index-c5e53b1c.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-624f5f4e.js';
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { B as Breakpoints } from './utils-4de5d8da.js';
+import { _ as __rest } from './tslib.es6-d63a5099.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-1ed4f879.js → index-c8bb73fe.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-76d7ee9c.js';
+import { a as __awaiter } from './tslib.es6-d63a5099.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-14ec091a.js';
-import { T as Text } from './index-d7087c15.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-0f7048b2.js';
+import { H as Heading } from './index-2be74ca7.js';
+import { T as Text } from './index-385f306a.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-358b6ca5.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-8556ff65.js';
+import { D as DEFAULT_IMG } from './constants-c55a438a.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-052c4a10.js → index-d39f4b85.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-76d7ee9c.js';
+import { _ as __rest } from './tslib.es6-d63a5099.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-7c284556.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-fde333a7.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-2c3a97d0.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-18d8b4c6.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);