@hhgtech/hhg-components 1.29.402 → 1.29.403-beta-1

package/build/esm/{index-f21074eb.js → index-ab9e7f56.js}

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-11a22860.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-2ba765ea.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-bf245cfc.js';
-import { G as GenderOptionControl } from './index-e0337e4f.js';
-import { I as Input } from './index-70a1642d.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-62bd180f.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-d39cd740.js';
+import { G as GenderOptionControl } from './index-d575a13e.js';
+import { I as Input } from './index-346891cf.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-ee2df990.js';
-import './index-22c8bd62.js';
-import './index-7a64cf8c.js';
-import './useMantineLocale-3cf49008.js';
-import { T as Text } from './index-25bf0d9d.js';
-import './index-f87618fa.js';
+import './index-50234079.js';
+import './index-b9b4cc00.js';
+import './index-0d88f68b.js';
+import './useMantineLocale-63358ae8.js';
+import { T as Text } from './index-bc02b583.js';
+import './index-47ab928b.js';
 import { theme } from './miscTheme.js';
-import './index.styles-f9fed606.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
+import './index.styles-f825f1af.js';
+import { u as useTranslations } from './index-466d8840.js';
 import '@mantine/hooks';
-import './utils-08e14341.js';
-import './other-40404e5b.js';
-import './index-90bd827d.js';
-import { H as HealthToolFormWrapper } from './index-a18a92c9.js';
+import './utils-de6517d5.js';
+import './other-3bfec277.js';
+import './index-7fe7c87f.js';
+import { H as HealthToolFormWrapper } from './index-a68f573f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-0cad27be.js → index-adfbec9b.js}

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

package/build/esm/{index-092d00a3.js → index-b014e4be.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-b276a790.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-08e14341.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
-import { T as TogetherComponentGlobalContext } from './utils-7d0b551e.js';
+import { H as Heading } from './index-6f9f3d81.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-de6517d5.js';
+import { u as useTranslations } from './index-466d8840.js';
+import { T as TogetherComponentGlobalContext } from './utils-a917d74a.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-25bf0d9d.js';
+import { T as Text } from './index-bc02b583.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-11a22860.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-22c8bd62.js → index-b9b4cc00.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-d66f3a35.js';
+import { L as LOCALE } from './Locale-c1c68746.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-f8d01876.js → index-bb3f7850.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-11a22860.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-70a1642d.js';
-import { D as DatePicker } from './index-a7c5c23f.js';
-import './index-25bf0d9d.js';
-import './index-f87618fa.js';
-import './index.styles-f9fed606.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
+import './index-346891cf.js';
+import { D as DatePicker } from './index-61b250a9.js';
+import './index-bc02b583.js';
+import './index-47ab928b.js';
+import './index.styles-f825f1af.js';
+import { u as useTranslations } from './index-466d8840.js';
 import '@mantine/hooks';
-import './useMantineLocale-3cf49008.js';
-import './index-22c8bd62.js';
-import './index-7a64cf8c.js';
-import './utils-08e14341.js';
-import './index-ee2df990.js';
-import './other-40404e5b.js';
-import './index-90bd827d.js';
-import { H as HealthToolFormWrapper } from './index-a18a92c9.js';
-import { G as GenderOptionControl } from './index-e0337e4f.js';
+import './useMantineLocale-63358ae8.js';
+import './index-b9b4cc00.js';
+import './index-0d88f68b.js';
+import './utils-de6517d5.js';
+import './index-50234079.js';
+import './other-3bfec277.js';
+import './index-7fe7c87f.js';
+import { H as HealthToolFormWrapper } from './index-a68f573f.js';
+import { G as GenderOptionControl } from './index-d575a13e.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-21f64a4d.js → index-bb7a255a.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-11a22860.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-06f14c1f.js';
-import { H as Heading } from './index-b276a790.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
+import { B as Button } from './index-287d8002.js';
+import { H as Heading } from './index-6f9f3d81.js';
+import { u as useTranslations } from './index-466d8840.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-0e04697d.js';
-import { C as CommonGAssets } from './index-7a64cf8c.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-bf245cfc.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-2217443c.js';
+import { C as CommonGAssets } from './index-0d88f68b.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-d39cd740.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-7d0b551e.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-687d32a0.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-a917d74a.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-2b7c8339.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-08e14341.js';
+import { M as MediaQueries } from './utils-de6517d5.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-a0af498d.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-45b0db14.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-5dc9c599.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-baddb2b4.js';
-import { a as ProfileDetail, P as PostContent } from './index-10a82486.js';
-import { a as PostImagePreview } from './index-092d00a3.js';
-import { S as SocialLinkPreview } from './index-7b2adace.js';
-import { D as Divider } from './index-e18e8904.js';
-import './index-ee2df990.js';
+import { C as CardLink } from './index-54fdca7b.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-df18fa57.js';
+import { a as ProfileDetail, P as PostContent } from './index-1a031c4a.js';
+import { a as PostImagePreview } from './index-b014e4be.js';
+import { S as SocialLinkPreview } from './index-55ef56bf.js';
+import { D as Divider } from './index-06dec122.js';
+import './index-50234079.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-d0a137c8.js';
-import { T as Text } from './index-25bf0d9d.js';
-import { L as Loading } from './index-a8aef664.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-d94e4b86.js';
+import { I as Input } from './index-f8fa6c34.js';
+import { T as Text } from './index-bc02b583.js';
+import { L as Loading } from './index-3f4c3ee5.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-5e1e2105.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-25bf0d9d.js → index-bc02b583.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-11a22860.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-40404e5b.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-3bfec277.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-dc25a628.js → index-be0940a6.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-11a22860.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-2ba765ea.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-bf245cfc.js';
-import { I as Input } from './index-70a1642d.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-62bd180f.js';
+import { u as useTranslations } from './index-466d8840.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-d39cd740.js';
+import { I as Input } from './index-346891cf.js';
 import '@mantine/dates';
-import './index-ee2df990.js';
-import './index-22c8bd62.js';
-import './index-7a64cf8c.js';
-import './useMantineLocale-3cf49008.js';
-import './index-25bf0d9d.js';
-import './index-f87618fa.js';
-import './index.styles-f9fed606.js';
+import './index-50234079.js';
+import './index-b9b4cc00.js';
+import './index-0d88f68b.js';
+import './useMantineLocale-63358ae8.js';
+import './index-bc02b583.js';
+import './index-47ab928b.js';
+import './index.styles-f825f1af.js';
 import '@mantine/hooks';
-import './utils-08e14341.js';
-import './other-40404e5b.js';
-import './index-90bd827d.js';
-import { H as HealthToolFormWrapper } from './index-a18a92c9.js';
-import { I as INPUT_RANGE } from './constants-f0d695be.js';
+import './utils-de6517d5.js';
+import './other-3bfec277.js';
+import './index-7fe7c87f.js';
+import { H as HealthToolFormWrapper } from './index-a68f573f.js';
+import { I as INPUT_RANGE } from './constants-25a749ca.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-571f47ff.js → index-c0e9a34e.js}

@@ -1,45 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-11a22860.js';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-70a1642d.js';
+import { R as Radio } from './index-346891cf.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-ee2df990.js';
-import './index-22c8bd62.js';
-import { C as CommonGAssets } from './index-7a64cf8c.js';
-import './useMantineLocale-3cf49008.js';
-import { T as Text } from './index-25bf0d9d.js';
-import { B as Button$1 } from './index-f87618fa.js';
-import './index.styles-f9fed606.js';
-import './translationsContext-c6c49512.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-50234079.js';
+import './index-b9b4cc00.js';
+import { C as CommonGAssets } from './index-0d88f68b.js';
+import './useMantineLocale-63358ae8.js';
+import { T as Text } from './index-bc02b583.js';
+import { B as Button$1 } from './index-47ab928b.js';
+import './index.styles-f825f1af.js';
+import './translationsContext-dbda4f34.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-08e14341.js';
-import './other-40404e5b.js';
-import './index-90bd827d.js';
-import { i as isInternalLink } from './index-f16e6912.js';
+import { M as MediaQueries } from './utils-de6517d5.js';
+import './other-3bfec277.js';
+import './index-7fe7c87f.js';
+import { i as isInternalLink } from './index-ff55d41d.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-0f74b8cb.js';
+import { C as Checkbox, P as PureInput } from './index-d410ae13.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-a670cbef.js';
+import { L as Logo } from './index-0e09521c.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-6787788b.js';
+import { a as useOutsideClick } from './useOutsideClick-df827206.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-06f14c1f.js';
-import { u as useScreenSize } from './useScreenSize-a92a9419.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
-import { D as Dropdown } from './index-08e71721.js';
+import { B as Button } from './index-287d8002.js';
+import { u as useScreenSize } from './useScreenSize-82a267dc.js';
+import { u as useTranslations } from './index-466d8840.js';
+import { D as Dropdown } from './index-6a9f8d45.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-d0a137c8.js';
-import { D as Drawer } from './index-e8904085.js';
+import { I as Input } from './index-f8fa6c34.js';
+import { D as Drawer } from './index-11de8451.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-d66f3a35.js';
+import { L as LOCALE } from './Locale-c1c68746.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-b4498fcc.js → index-c1218451.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-11a22860.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-25bf0d9d.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
+import { T as Text } from './index-bc02b583.js';
+import { u as useTranslations } from './index-466d8840.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-b3d8b128.js → index-c641759d.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest } from './tslib.es6-11a22860.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-2ba765ea.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
-import { C as CommonGAssets } from './index-7a64cf8c.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-bf245cfc.js';
-import { G as GenderOptionControl } from './index-e0337e4f.js';
-import { I as Input, S as Select } from './index-70a1642d.js';
-import { D as DatePicker } from './index-a7c5c23f.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-62bd180f.js';
+import { u as useTranslations } from './index-466d8840.js';
+import { C as CommonGAssets } from './index-0d88f68b.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-d39cd740.js';
+import { G as GenderOptionControl } from './index-d575a13e.js';
+import { I as Input, S as Select } from './index-346891cf.js';
+import { D as DatePicker } from './index-61b250a9.js';
 import '@mantine/core';
-import './index-25bf0d9d.js';
-import './index-f87618fa.js';
-import './index.styles-f9fed606.js';
+import './index-bc02b583.js';
+import './index-47ab928b.js';
+import './index.styles-f825f1af.js';
 import '@mantine/hooks';
-import './useMantineLocale-3cf49008.js';
-import './index-22c8bd62.js';
-import './utils-08e14341.js';
-import './index-ee2df990.js';
-import './other-40404e5b.js';
-import './index-90bd827d.js';
-import { H as HealthToolFormWrapper } from './index-a18a92c9.js';
+import './useMantineLocale-63358ae8.js';
+import './index-b9b4cc00.js';
+import './utils-de6517d5.js';
+import './index-50234079.js';
+import './other-3bfec277.js';
+import './index-7fe7c87f.js';
+import { H as HealthToolFormWrapper } from './index-a68f573f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-db00fff1.js → index-c85742b6.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c5c88a1a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-11a22860.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-90bd827d.js';
-import { L as Loading } from './index-3e0d83fd.js';
-import './index-22c8bd62.js';
-import { g as formatArticle } from './dataTransform-a0af498d.js';
+import { T as Tabs } from './index-7fe7c87f.js';
+import { L as Loading } from './index-79541a49.js';
+import './index-b9b4cc00.js';
+import { g as formatArticle } from './dataTransform-45b0db14.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-7d0b551e.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a917d74a.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-baddb2b4.js';
-import { L as LOCALE } from './Locale-d66f3a35.js';
+import { C as CardAuthor } from './index-df18fa57.js';
+import { L as LOCALE } from './Locale-c1c68746.js';
 import '@hhgtech/icons/other';
-import './index-f87618fa.js';
-import './index-25bf0d9d.js';
-import './other-40404e5b.js';
-import './index-50a6a5d1.js';
-import './translationsContext-c6c49512.js';
-import './index-06f14c1f.js';
-import './index-f4fd0a19.js';
+import './index-47ab928b.js';
+import './index-bc02b583.js';
+import './other-3bfec277.js';
+import './index-466d8840.js';
+import './translationsContext-dbda4f34.js';
+import './index-287d8002.js';
+import './index-4561631a.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-bf245cfc.js';
+import './constants-d39cd740.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-08e14341.js';
-import './index-1c9e9b74.js';
-import './paths-a4786e69.js';
-import './constants-44a758f4.js';
-import './index-ee2df990.js';
+import './utils-de6517d5.js';
+import './index-894b7cbf.js';
+import './paths-2f2e740b.js';
+import './constants-c5026d2e.js';
+import './index-50234079.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-f151c217.js';
+import './index-ff3db97a.js';
 import './miscTheme.js';
-import './WhatsApp-6c807beb.js';
-import './Spinner-8d172e17.js';
-import './index-703b551a.js';
+import './WhatsApp-1acd5a49.js';
+import './Spinner-f63e9863.js';
+import './index-5b474751.js';
 import '@emotion/styled';
-import './useScreenSize-a92a9419.js';
-import './index-7a64cf8c.js';
-import './index-a8aef664.js';
+import './useScreenSize-82a267dc.js';
+import './index-0d88f68b.js';
+import './index-3f4c3ee5.js';
 import '@emotion/react';
-import './index-b276a790.js';
-import './index-c96858e6.js';
-import './index.styles-f9fed606.js';
+import './index-6f9f3d81.js';
+import './index-4b582d28.js';
+import './index.styles-f825f1af.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-193d45aa.js → index-ca2ff818.js}

@@ -1,16 +1,21 @@
-import { a as __awaiter } from './tslib.es6-c5c88a1a.js';
-import React__default, { useRef, useState, useMemo } from 'react';
+import { _ as __rest, a as __awaiter } from './tslib.es6-11a22860.js';
+import React__default, { useRef, useMemo, useEffect, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-8d172e17.js';
-import { a as Avatar } from './index-70a1642d.js';
-import { B as Button } from './index-f87618fa.js';
-import { T as Text } from './index-25bf0d9d.js';
-import { u as useTranslations } from './index-50a6a5d1.js';
-import { C as CommonGAssets } from './index-7a64cf8c.js';
+import { S as Spinner } from './Spinner-f63e9863.js';
+import { a as Avatar } from './index-346891cf.js';
+import { B as Button } from './index-47ab928b.js';
+import { T as Text } from './index-bc02b583.js';
+import { u as useTranslations } from './index-466d8840.js';
+import { C as CommonGAssets } from './index-0d88f68b.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-08e14341.js';
+import { M as MediaQueries } from './utils-de6517d5.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
+import cn from 'classnames';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as VIDEO_LOCALES } from './index-50234079.js';
+import { i as domainLocalesMarryBaby } from './utils-a917d74a.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-5e1e2105.js';
+import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
 
@@ -199,19 +204,114 @@ const StyledLoggedOutAnchor = styled.a `
   }
 `;
 
+const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
+    const config = useMemo(() => {
+        const enableSearchBar = projectType === 'discover' ||
+            projectType === 'together' ||
+            projectType === 'marryBaby' ||
+            (projectType === 'profile' && siteType === 'marryBaby');
+        const enableNavCare = siteType !== 'marryBaby' &&
+            projectType !== 'marryBaby' &&
+            CARE_LOCALES.includes(locale);
+        const enableNavCareBooking = enableBookingBtn &&
+            projectType !== 'marryBaby' &&
+            projectType === 'discover' &&
+            siteType !== 'marryBaby' &&
+            CARE_BOOKING_LOCALES.includes(locale);
+        const enableNavTogether = projectType === 'marryBaby' || TOGETHER_LOCALES.includes(locale);
+        const enableNavDiscover = true;
+        const enableNavHealthTools = true;
+        const enableProfileMySaved = true;
+        const enableNavEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
+        const enableProfileEcom = siteType !== 'marryBaby' && ECOM_LOCALES.includes(locale);
+        const enableProfileMyHealth = true;
+        const enableNavVideo = VIDEO_LOCALES.includes(locale);
+        const baseUrl = getCurrentBaseUrl(locale, siteType === 'marryBaby');
+        let fixBaseUrl = baseUrl;
+        if (typeof window !== 'undefined') {
+            if (fixBaseUrl.includes('//id.'))
+                fixBaseUrl = fixBaseUrl.replace('id.', '');
+            if (fixBaseUrl.includes('//staging-id.'))
+                fixBaseUrl = fixBaseUrl.replace('staging-id.', 'discover.');
+        }
+        const ssoUrl = getCurrentSsoUrl(locale, siteType === 'marryBaby');
+        const statics = (() => {
+            return {
+                HOME_PAGE_URL: fixBaseUrl,
+                CARE_URL_FE: `${fixBaseUrl}/care`,
+                TOGETHER_URL_FE: `${fixBaseUrl}/community`,
+                VIDEO_URL_FE: `${fixBaseUrl}/videos`,
+                SSO_URL: ssoUrl,
+                TOGETHER_API: getTogetherApiDomain(),
+                DISCOVER_API: getDiscoverApiDomain(locale),
+            };
+        })();
+        return {
+            enableSearchBar,
+            enableNavCare,
+            enableNavCareBooking,
+            enableNavTogether,
+            enableNavEcom,
+            enableProfileEcom,
+            enableNavVideo,
+            enableProfileMyHealth,
+            enableNavDiscover,
+            enableNavHealthTools,
+            enableProfileMySaved,
+            statics,
+        };
+    }, []);
+    return config;
+};
+
+const NavigationContext = React__default.createContext({});
+const NavigationProvider = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const [currentUrl, setCurrentUrl] = React__default.useState(() => {
+        return (props.currentUrl ||
+            `https://${props.siteType === 'marryBaby'
+                ? domainLocalesMarryBaby[props.locale || 'en-PH']
+                : domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
+                ? '/community'
+                : props.projectType === 'ecom'
+                    ? '/ecom'
+                    : props.projectType === 'care'
+                        ? '/care'
+                        : ''}/`);
+    });
+    useEffect(() => {
+        const update = () => {
+            setCurrentUrl(window.location.href);
+        };
+        window.addEventListener('popstate', update);
+        update();
+        return () => {
+            window.removeEventListener('popstate', update);
+        };
+    }, []);
+    const configs = useNavConfig({
+        locale: props.locale,
+        projectType: props.projectType,
+        siteType: props.siteType,
+        enableBookingBtn: props.enableBookingBtn,
+    });
+    return (React__default.createElement(NavigationContext.Provider, { value: Object.assign(Object.assign({}, props), { customClasses: props.customClasses || {}, configs: Object.assign(Object.assign({}, configs), props.configs), currentUrl: props.currentUrl || currentUrl }) }, children));
+};
+
 const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', dispatchLogout, }) => {
+    const { customClasses = {} } = useContext(NavigationContext);
     const handleClickLogout = () => {
         if (dispatchLogout) {
             dispatchLogout();
             closePopup();
         }
     };
-    return (React__default.createElement(StyledPopup, { "data-open": isOpen },
-        React__default.createElement("div", { className: "popup-content" },
+    return (React__default.createElement(StyledPopup, { className: customClasses.profilePopup, "data-open": isOpen },
+        React__default.createElement("div", { className: cn('popup-content', customClasses.profilePopupContent) },
             React__default.createElement(ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo }))));
 };
 
-const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, }) => {
+const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, className, }) => {
     const { t } = useTranslations();
     const [isLogoutConfirmOpen, setIsLogoutConfirmOpen] = useState(false);
     const name = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username);
@@ -230,7 +330,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                     const maxHeight = `calc(100vh - ${top}px)`;
                     popup.setAttribute('style', `max-height: ${maxHeight};`);
                 }
-            } },
+            }, className: className },
             React__default.createElement("div", { onMouseDown: onButtonMouseDown },
                 React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: "user-close-icon" },
                     React__default.createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" })),
@@ -274,4 +374,4 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
         siteType === 'marryBaby' ? (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
-export { NavigationProfileButton as N, useCSSFocusPopupHelper as u };
+export { NavigationProfileButton as N, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };