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

package/build/esm/{index-fe96867c.js → index-eda168ff.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
 import React__default from 'react';
 import { Textarea } from '@mantine/core';
-import { u as useStyles } from './index-a72fae58.js';
-import { u as useTemplateVariant } from './index-6f1dee1a.js';
+import { u as useStyles } from './index-94cda95e.js';
+import { u as useTemplateVariant } from './index-559d56cb.js';
 
 const TextArea = (_a) => {
     var { styles } = _a, props = __rest(_a, ["styles"]);

package/build/esm/{index-f374f9f1.js → index-eea761b6.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, getStylesRef, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-8e94e2d2.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-6f1dee1a.js';
+import { A as ANIMATION_DURATION } from './shared-dbc94490.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-559d56cb.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-555b17ce.js → index-f0e639a3.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-b6091bcc.js';
+import { a as __awaiter } from './tslib.es6-811208a0.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-a819aa12.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-499af97a.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-7889f115.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-25786055.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-ead296e8.js';
+import { L as LOCALE } from './Locale-4fc39ae5.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-3b792d11.js → index-f41edc13.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-811208a0.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-9916d169.js';
+import { L as Loading } from './index-687eb652.js';
+import './index-e442c24f.js';
+import { g as formatArticle } from './dataTransform-5ce6872f.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-02ed0a06.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-83cc21e5.js';
+import { L as LOCALE } from './Locale-4fc39ae5.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-eea761b6.js';
+import './shared-dbc94490.js';
+import './index-559d56cb.js';
+import './index-3067e2a6.js';
+import './index-d16c86f4.js';
+import './translationsContext-3ba22159.js';
+import './index-1346f942.js';
+import './index-114fe04f.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-34d3b44c.js';
+import './constants-2eaeca1b.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-f94ac687.js';
+import './index-32968531.js';
+import './paths-e192cf3b.js';
+import './constants-5f08ea2c.js';
+import './index-25786055.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-087212ca.js';
+import './index-d132b362.js';
 import './miscTheme.js';
-import './WhatsApp-cfb7b5a3.js';
-import './Spinner-49b44051.js';
-import './index-cad00bb9.js';
+import './WhatsApp-9fd58c1e.js';
+import './Spinner-edecbc8a.js';
+import './index-4ce6fabc.js';
 import '@emotion/styled';
-import './index-ec042aba.js';
-import './index-dab46b91.js';
-import './index-4f1b85b2.js';
+import './index-bb3e96ac.js';
+import './index-d039195e.js';
+import './index-1d93613f.js';
 import '@emotion/react';
-import './index-91c071c1.js';
-import './index-d4e72273.js';
-import './index.styles-9c4af062.js';
+import './index-13398579.js';
+import './index-4c83df72.js';
+import './index.styles-3a0314b7.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-57999016.js → index-f45afe1f.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-b6091bcc.js';
+import { _ as __rest } from './tslib.es6-811208a0.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-a72fae58.js';
-import { D as DatePicker } from './index-cbd45576.js';
-import { T as Text } from './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 { I as Input } from './index-94cda95e.js';
+import { D as DatePicker } from './index-b43a6520.js';
+import { T as Text } from './index-3067e2a6.js';
+import './index-eea761b6.js';
+import './index-559d56cb.js';
+import './index.styles-3a0314b7.js';
+import { u as useTranslations } from './index-d16c86f4.js';
 import '@mantine/hooks';
-import './index-515a8bf9.js';
-import './utils-2b4131a5.js';
-import './index-e1d9dcf4.js';
-import { C as CardWrapperContext } from './context-1f417d39.js';
-import { I as INPUT_RANGE } from './constants-5b909d20.js';
-import { H as HealthToolFormWrapper } from './index-b605df78.js';
-import { G as GenderOptionControl } from './index-8772629c.js';
-import { L as LOCALE } from './Locale-ead296e8.js';
+import './index-97f62d2d.js';
+import './utils-f94ac687.js';
+import './index-9916d169.js';
+import { C as CardWrapperContext } from './context-84c9c116.js';
+import { I as INPUT_RANGE } from './constants-d2593c92.js';
+import { H as HealthToolFormWrapper } from './index-0e48fc2c.js';
+import { G as GenderOptionControl } from './index-7c0bbc62.js';
+import { L as LOCALE } from './Locale-4fc39ae5.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-9c5182cb.js → index-f8d9f912.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-811208a0.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-edecbc8a.js';
+import { A as Avatar } from './index-94cda95e.js';
+import { B as Button } from './index-eea761b6.js';
+import { T as Text } from './index-3067e2a6.js';
+import { u as useTranslations } from './index-d16c86f4.js';
+import { C as CommonGAssets } from './index-d039195e.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-2b4131a5.js';
+import { M as MediaQueries } from './utils-f94ac687.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 { 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-25786055.js';
+import { d as domainLocalesMarryBaby } from './utils-02ed0a06.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-7889f115.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' ||
@@ -296,6 +306,7 @@ const StyledLoggedOutAnchor = styled.a `
     ${MediaQueries.mbUp} {
       display: block;
       border: 1px solid ${theme.colors.neutral100};
+      color: ${({ winCashBackTheme }) => winCashBackTheme ? theme.colors.white : undefined};
     }
   }
 `;
@@ -313,7 +324,7 @@ const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', d
             React__default.createElement(ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo, configs: { enableProfileFindMyBooking } }))));
 };
 
-const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, className, }) => {
+const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, winCashBackTheme, 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);
@@ -350,18 +361,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-site-type": siteType, onClick: onLoginClick, winCashBackTheme: winCashBackTheme }, 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 +384,7 @@ 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 } }, 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 };