@hhgtech/hhg-components 1.29.496 → 1.29.497-beta-2

package/build/esm/{index-9c5182cb.js → index-af6ff276.js}

@@ -1,24 +1,34 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b6091bcc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fc31148e.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-49b44051.js';
-import { a as Avatar } from './index-a72fae58.js';
-import { B as Button } from './index-f374f9f1.js';
-import { T as Text } from './index-f35a0aab.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
-import { C as CommonGAssets } from './index-dab46b91.js';
+import { S as Spinner } from './Spinner-e9214a95.js';
+import { A as Avatar } from './index-b852374b.js';
+import { B as Button } from './index-186e66c0.js';
+import { T as Text } from './index-9c8c3540.js';
+import { u as useTranslations } from './index-b3b63406.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
 import { theme } from './miscTheme.js';
+import { C as CARE_LOCALES, d as CARE_BOOKING_LOCALES, c as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, V as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-0670b744.js';
+import { d as domainLocalesMarryBaby } from './utils-810bfd88.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-676160f3.js';
+import { domainLocales } from './constantsDomainLocales.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-2b4131a5.js';
+import { M as MediaQueries } from './utils-614a493a.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import classNames from 'classnames';
-import { e as CARE_LOCALES, f as CARE_BOOKING_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, c as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-499af97a.js';
-import { i as domainLocalesMarryBaby } from './utils-d70f5012.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-a819aa12.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" })));
+
+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" })));
+
 const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
     const config = useMemo(() => {
         const enableSearchBar = projectType === 'discover' ||
@@ -298,6 +308,13 @@ const StyledLoggedOutAnchor = styled.a `
       border: 1px solid ${theme.colors.neutral100};
     }
   }
+  &[data-win-cash-back-theme='true'] {
+    .login-btn {
+      ${MediaQueries.mbUp} {
+        color: ${theme.colors.white};
+      }
+    }
+  }
 `;
 
 const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', dispatchLogout, }) => {
@@ -314,6 +331,7 @@ const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', d
 };
 
 const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, className, }) => {
+    const { isWinCashBackTheme: winCashBackTheme } = useContext(NavigationContext);
     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);
@@ -350,18 +368,18 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 setIsLogoutConfirmOpen(false);
                 document.body.classList.toggle('noscroll', false);
                 yield onLogout();
-            }) }))) : (React__default.createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default.createElement(StyledAvatar, null,
+            }) }))) : (React__default.createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, "data-win-cash-back-theme": winCashBackTheme, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default.createElement(StyledAvatar, null,
         React__default.createElement("img", { src: CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
     // LOGIC:
     // - DEsktop: always show button
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__default.createElement(React__default.Fragment, null,
         siteType === 'helloSites' &&
-            (isLoginIcon ? (React__default.createElement("img", { className: "mobile-only", src: CommonGAssets.getAssetPath('login.svg'), style: {
+            (isLoginIcon ? (winCashBackTheme ? (React__default.createElement(BlueWhiteLogin, { className: "mobile-only", style: { cursor: 'pointer' } })) : (React__default.createElement("img", { className: "mobile-only", src: CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                } })) : (React__default.createElement(Button, { className: "mobile-only", size: "sm", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } }))) : (React__default.createElement(Button, { className: "mobile-only", size: "sm", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 }, styles: {
@@ -373,7 +391,21 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 paddingLeft: 16,
             } },
             React__default.createElement(Text, { size: "p3", color: theme.mbColors.pink }, t('navigation.loginJoin')))),
-        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')))))));
+        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: winCashBackTheme ? (React__default.createElement(UserPlain, null)) : (React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 })), variant: "ghost", color: "#262626", style: {
+                borderRadius: winCashBackTheme ? 28 : undefined,
+                borderColor: winCashBackTheme
+                    ? 'rgba(255, 255, 255, 0.2)'
+                    : undefined,
+            }, styles: {
+                root: winCashBackTheme
+                    ? {
+                        '&:hover': {
+                            backgroundColor: 'rgba(255, 255, 255, 0.1)',
+                            borderColor: 'rgba(255, 255, 255, 0.2)',
+                        },
+                    }
+                    : undefined,
+            } }, t('navigation.loginJoin')))))));
 };
 
-export { NavigationProfileButton as N, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };
+export { BlueWhiteLogin as B, NavigationProfileButton as N, UserPlain as U, NavigationContext as a, NavigationProvider as b, useCSSFocusPopupHelper as u };

package/build/esm/{index-d0ebcc01.js → index-b3b63406.js}

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

package/build/esm/{index-9c12c5dd.js → index-b4574d5b.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-ddc8f8b5.js';
-import { H as Heading } from './index-91c071c1.js';
-import { T as Text } from './index-f35a0aab.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-2b4131a5.js';
+import { B as Button } from './index-03cb3d3c.js';
+import { H as Heading } from './index-19a405c9.js';
+import { T as Text } from './index-9c8c3540.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-614a493a.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-d70f5012.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-810bfd88.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-b6091bcc.js';
-import { I as Input } from './index-ab6aebca.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
-import { e as formatComment } from './dataTransform-c297d3ed.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-34d3b44c.js';
+import { a as __awaiter } from './tslib.es6-fc31148e.js';
+import { I as Input } from './index-7e20eb9b.js';
+import { u as useTranslations } from './index-b3b63406.js';
+import { e as formatComment } from './dataTransform-72e8dae0.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-0f23ba53.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-dabc5031.js';
-import { C as CardLink } from './index-e89d558b.js';
-import { L as Loading } from './index-4f1b85b2.js';
-import { U as UserAvatar } from './index-cad00bb9.js';
-import { R as RichTextEditor } from './editor-27780afe.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-1f15c00a.js';
+import { C as CardLink } from './index-000252a6.js';
+import { L as Loading } from './index-e858e00f.js';
+import { U as UserAvatar } from './index-3f9f181e.js';
+import { R as RichTextEditor } from './editor-e1c9f874.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-6b1a189b.js';
-import { C as CloseIcon } from './index-cda66dcc.js';
+import { P as Popup } from './index-77d9cac6.js';
+import { C as CloseIcon } from './index-17d7ccb3.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-3b792d11.js → index-b74737ad.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b6091bcc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fc31148e.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-e1d9dcf4.js';
-import { L as Loading } from './index-8704def0.js';
-import './index-29f7e8fa.js';
-import { g as formatArticle } from './dataTransform-c297d3ed.js';
+import { T as Tabs } from './index-286ddfd1.js';
+import { L as Loading } from './index-702d22b7.js';
+import './index-702ad287.js';
+import { g as formatArticle } from './dataTransform-72e8dae0.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d70f5012.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-810bfd88.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-dfa2ab61.js';
-import { L as LOCALE } from './Locale-ead296e8.js';
+import { C as CardAuthor } from './index-973ecccd.js';
+import { L as LOCALE } from './Locale-8642986b.js';
 import '@hhgtech/icons/other';
-import './index-f374f9f1.js';
-import './shared-8e94e2d2.js';
-import './index-6f1dee1a.js';
-import './index-f35a0aab.js';
-import './index-d0ebcc01.js';
-import './translationsContext-97d7f3f5.js';
-import './index-ddc8f8b5.js';
-import './index-cee378f7.js';
+import './index-186e66c0.js';
+import './shared-e6187636.js';
+import './index-f8f31225.js';
+import './index-9c8c3540.js';
+import './index-b3b63406.js';
+import './translationsContext-b32dd0c2.js';
+import './index-03cb3d3c.js';
+import './index-37006653.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-34d3b44c.js';
+import './constants-0f23ba53.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-2b4131a5.js';
-import './index-19384c38.js';
-import './paths-6e79df9e.js';
-import './constants-63486f1f.js';
-import './index-499af97a.js';
+import './utils-614a493a.js';
+import './index-fd825fab.js';
+import './paths-f32b0571.js';
+import './constants-6a172da2.js';
+import './index-0670b744.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-087212ca.js';
+import './index-c7e66639.js';
 import './miscTheme.js';
-import './WhatsApp-cfb7b5a3.js';
-import './Spinner-49b44051.js';
-import './index-cad00bb9.js';
+import './WhatsApp-f7ae098a.js';
+import './Spinner-e9214a95.js';
+import './index-3f9f181e.js';
 import '@emotion/styled';
-import './index-ec042aba.js';
-import './index-dab46b91.js';
-import './index-4f1b85b2.js';
+import './index-3f44fc7b.js';
+import './index-7dacc3d6.js';
+import './index-e858e00f.js';
 import '@emotion/react';
-import './index-91c071c1.js';
-import './index-d4e72273.js';
-import './index.styles-9c4af062.js';
+import './index-19a405c9.js';
+import './index-f9f5e906.js';
+import './index.styles-2626bc68.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-a72fae58.js → index-b852374b.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b6091bcc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fc31148e.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-dab46b91.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-6f1dee1a.js';
-import { u as useScreenSize, I as ImageWrap } from './index-ec042aba.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-f8f31225.js';
+import { u as useScreenSize, I as ImageWrap } from './index-3f44fc7b.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-f35a0aab.js';
-import { t as themeColors } from './index-515a8bf9.js';
+import { T as Text } from './index-9c8c3540.js';
+import { t as themeColors } from './index-43aa6d9a.js';
 import { theme } from './miscTheme.js';
 import classNames from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-c01bb65a.js';
+import { a as useUniqueId } from './useUniqueId-39d8e979.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-f374f9f1.js';
+import { B as Button } from './index-186e66c0.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;
@@ -1794,4 +1794,4 @@ const _ChipButton = (_a) => {
 const ChipButton = _ChipButton;
 ChipButton.Group = Chip.Group;
 
-export { Anchor as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, ErrorIcon as E, Flag as F, Input as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Avatar as a, AspectRatio as b, ErrorLabel as c, Checkbox as d, CentralCarousel as e, ChipButton as f, PasswordInput as g, ErrorBoundary as h, StyledSliderWrapper as i, StyledSlider as j, Accordion as k, Carousel as l, emotionCache as m, PhoneInput as n, Popover as o, styles as s, useStyles$2 as u };
+export { Avatar as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, ErrorIcon as E, Flag as F, Input as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Anchor as a, AspectRatio as b, ErrorLabel as c, Checkbox as d, CentralCarousel as e, ChipButton as f, PasswordInput as g, ErrorBoundary as h, StyledSliderWrapper as i, StyledSlider as j, Accordion as k, Carousel as l, emotionCache as m, PhoneInput as n, Popover as o, styles as s, useStyles$2 as u };

package/build/esm/{index-139bf475.js → index-be192795.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-ec042aba.js';
-import { T as Text } from './index-f35a0aab.js';
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { I as ImageWrap } from './index-3f44fc7b.js';
+import { T as Text } from './index-9c8c3540.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-9be53398.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-fb2a6128.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-499af97a.js';
+import { Z as ZINDEX_SSO } from './index-0670b744.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),

package/build/esm/{index-b605df78.js → index-c0690a00.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-f35a0aab.js';
-import { B as Button } from './index-f374f9f1.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import { T as Text } from './index-9c8c3540.js';
+import { B as Button } from './index-186e66c0.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-087212ca.js → index-c7e66639.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-cfb7b5a3.js';
-import { S as Spinner } from './Spinner-49b44051.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-f7ae098a.js';
+import { S as Spinner } from './Spinner-e9214a95.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-5f6e8655.js → index-c81ce08a.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-b6091bcc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fc31148e.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-a72fae58.js';
+import { R as Radio } from './index-b852374b.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-499af97a.js';
-import './index-29f7e8fa.js';
-import { C as CommonGAssets } from './index-dab46b91.js';
-import './index-515a8bf9.js';
-import { T as Text } from './index-f35a0aab.js';
-import { B as Button$1 } from './index-f374f9f1.js';
-import './index-6f1dee1a.js';
-import './index.styles-9c4af062.js';
-import './translationsContext-97d7f3f5.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-0670b744.js';
+import './index-702ad287.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
+import './index-43aa6d9a.js';
+import { T as Text } from './index-9c8c3540.js';
+import { B as Button$1 } from './index-186e66c0.js';
+import './index-f8f31225.js';
+import './index.styles-2626bc68.js';
+import './translationsContext-b32dd0c2.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-2b4131a5.js';
-import './index-e1d9dcf4.js';
-import { i as isInternalLink } from './index-d123a4f2.js';
+import { M as MediaQueries } from './utils-614a493a.js';
+import './index-286ddfd1.js';
+import { i as isInternalLink } from './index-4ebb8a00.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-a80c6d0a.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-f9d2a385.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-8bc015a0.js';
+import { L as Logo } from './index-095907d9.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-fb18b50b.js';
+import { a as useOutsideClick } from './useOutsideClick-e5a8c5a1.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-ddc8f8b5.js';
-import { u as useScreenSize, I as ImageWrap } from './index-ec042aba.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import { B as Button } from './index-03cb3d3c.js';
+import { u as useScreenSize, I as ImageWrap } from './index-3f44fc7b.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-914ef191.js';
+import { D as Dropdown } from './index-76c327b1.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-ab6aebca.js';
-import { D as Drawer } from './index-a673e20b.js';
+import { I as Input } from './index-7e20eb9b.js';
+import { D as Drawer } from './index-6f91d000.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-ead296e8.js';
+import { L as LOCALE } from './Locale-8642986b.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-3145e780.js';
-import { L as Loading } from './index-e17b03e2.js';
+import { A as ArrowRightBlue } from './index-88ec3969.js';
+import { L as Loading } from './index-f68b7a83.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -4867,15 +4867,25 @@ function Item({ render, }) {
 
 const DEFAULT_PAGE_SIZE = 10;
 const DEFAULT_DEBOUNCE = 300;
-function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', defaultFilters = {}, debounceSearch = DEFAULT_DEBOUNCE, defaultLoading, }) {
-    const [items, setItems] = useState([]);
-    const [total, setTotal] = useState(0);
-    const [page, setPage] = useState(1);
+function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', defaultFilters = {}, debounceSearch = DEFAULT_DEBOUNCE, defaultLoading, defaultItems, defaultTotal, defaultPage, }) {
+    const [items, setItems] = useState(defaultItems || []);
+    const [total, setTotal] = useState(defaultTotal !== null && defaultTotal !== void 0 ? defaultTotal : 0);
+    const [page, setPage] = useState(defaultPage !== null && defaultPage !== void 0 ? defaultPage : 1);
     const [searchSession, setSearchSession] = useState('');
     const [search, setSearch] = useState(defaultSearch);
     const [loading, setLoading] = useState(defaultLoading);
     const [loadingMore, setLoadingMore] = useState(false);
     const [filters, setFilters] = useState(defaultFilters);
+    console.group('------useList------');
+    console.log('items', items);
+    console.log('total', total);
+    console.log('page', page);
+    console.log('searchSession', searchSession);
+    console.log('search', search);
+    console.log('loading', loading);
+    console.log('loadingMore', loadingMore);
+    console.log('filters', filters);
+    console.groupEnd();
     const loadData = ({ page, search, isMore, pageSize: customPage, filters: filtersData, searchSession, }) => __awaiter(this, void 0, void 0, function* () {
         setLoading(!isMore);
         setLoadingMore(isMore);
@@ -4992,7 +5002,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
     };
 }
 
-function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSize, debounceSearch, defaultLoading, }) {
+function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSize, debounceSearch, defaultLoading, defaultItems, defaultTotal, defaultPage, }) {
     const listState = useList({
         fetcher,
         defaultFilters,
@@ -5000,7 +5010,15 @@ function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSi
         pageSize,
         debounceSearch,
         defaultLoading,
+        defaultItems,
+        defaultTotal,
+        defaultPage,
     });
+    useEffect(() => {
+        console.group('------listState------');
+        console.log('listState', listState);
+        console.groupEnd();
+    }, [listState]);
     const value = useMemo(() => (Object.assign({}, listState)), [
         listState.items,
         listState.page,
@@ -5010,6 +5028,11 @@ function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSi
         listState.total,
         listState.filters,
     ]);
+    useEffect(() => {
+        console.group('------value-memo------');
+        console.log('value', listState);
+        console.groupEnd();
+    }, [value]);
     return React__default.createElement(ListContext.Provider, { value: value }, children);
 }
 

package/build/esm/{index-de7b7ca1.js → index-d73a69e3.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-52bc22e9.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
-import { C as CommonGAssets } from './index-dab46b91.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-34d3b44c.js';
-import { G as GenderOptionControl } from './index-8772629c.js';
-import { I as Input, S as Select } from './index-a72fae58.js';
-import { D as DatePicker } from './index-cbd45576.js';
-import './index-f35a0aab.js';
-import './index-f374f9f1.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-bcf16835.js';
+import { u as useTranslations } from './index-b3b63406.js';
+import { C as CommonGAssets } from './index-7dacc3d6.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-0f23ba53.js';
+import { G as GenderOptionControl } from './index-699ebbf3.js';
+import { I as Input, S as Select } from './index-b852374b.js';
+import { D as DatePicker } from './index-433666f0.js';
+import './index-9c8c3540.js';
+import './index-186e66c0.js';
 import '@mantine/core';
-import './index-6f1dee1a.js';
-import './index.styles-9c4af062.js';
+import './index-f8f31225.js';
+import './index.styles-2626bc68.js';
 import '@mantine/hooks';
-import './index-515a8bf9.js';
-import './utils-2b4131a5.js';
-import './index-e1d9dcf4.js';
-import './index-499af97a.js';
-import { C as CardWrapperContext } from './context-1f417d39.js';
-import { H as HealthToolFormWrapper } from './index-b605df78.js';
+import './index-43aa6d9a.js';
+import './utils-614a493a.js';
+import './index-286ddfd1.js';
+import './index-0670b744.js';
+import { C as CardWrapperContext } from './context-d654d486.js';
+import { H as HealthToolFormWrapper } from './index-c0690a00.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-1f66e012.js → index-da26925e.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-cee378f7.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-499af97a.js';
-import { N as NodeIntentType } from './index-29f7e8fa.js';
+import { c as cookie } from './index-37006653.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-0670b744.js';
+import { N as NodeIntentType } from './index-702ad287.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-04de81a1.js → index-e7d0eef0.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-fc31148e.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-515a8bf9.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-6f1dee1a.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-43aa6d9a.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-f8f31225.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-4f1b85b2.js → index-e858e00f.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-ddc8f8b5.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import { B as Button } from './index-03cb3d3c.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-b867b186.js → index-e99c7a29.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-b6091bcc.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-fc31148e.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-a72fae58.js';
+import { I as Input, S as Select } from './index-b852374b.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-499af97a.js';
-import './index-29f7e8fa.js';
-import './index-dab46b91.js';
-import './index-515a8bf9.js';
-import './index-f35a0aab.js';
-import './index-f374f9f1.js';
-import './index-6f1dee1a.js';
-import './index.styles-9c4af062.js';
-import { u as useTranslations } from './index-d0ebcc01.js';
+import { f as CDN_ADDRESS } from './index-0670b744.js';
+import './index-702ad287.js';
+import './index-7dacc3d6.js';
+import './index-43aa6d9a.js';
+import './index-9c8c3540.js';
+import './index-186e66c0.js';
+import './index-f8f31225.js';
+import './index.styles-2626bc68.js';
+import { u as useTranslations } from './index-b3b63406.js';
 import '@mantine/hooks';
-import './utils-2b4131a5.js';
-import './index-e1d9dcf4.js';
-import { M as MAPPED_LOCALE } from './utils-0bb95423.js';
-import { L as LOCALE } from './Locale-ead296e8.js';
+import './utils-614a493a.js';
+import './index-286ddfd1.js';
+import { M as MAPPED_LOCALE } from './utils-5a24d063.js';
+import { L as LOCALE } from './Locale-8642986b.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;