@hhgtech/hhg-components 1.29.497 → 1.29.499

package/build/{index-44361f49.js → index-7f33513d.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$2 = require('./index-3ff08f17.js');
+var index$2 = require('./index-0cf05697.js');
 require('@mantine/dates');
-require('./index-495e564c.js');
-require('./index-c76747be.js');
-var index$1 = require('./index-98dc6cc7.js');
-require('./index-ea892237.js');
-var index$3 = require('./index-70673ea3.js');
-require('./index-5b44edb7.js');
-require('./index-35ba8f6c.js');
-require('./index.styles-099ebf20.js');
-var index = require('./index-f692a960.js');
+require('./index-65a18ef8.js');
+require('./index-1132d3eb.js');
+var index$1 = require('./index-bca13d95.js');
+require('./index-68040d4f.js');
+var index$3 = require('./index-0781219e.js');
+require('./index-b0cf70f2.js');
+require('./index-358695c8.js');
+require('./index.styles-afd04f10.js');
+var index = require('./index-dde6d0e2.js');
 require('@mantine/hooks');
-require('./utils-db7f5cb0.js');
-require('./index-9acf074f.js');
+require('./utils-53bab473.js');
+require('./index-f2faadcf.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-903406a9.js → index-8bfa6319.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-db7f5cb0.js');
+var utils = require('./utils-53bab473.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-69f120bb.js → index-8d9b0a5d.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-5b650da5.js');
-var index$1 = require('./index-1e2cb1dc.js');
+var index = require('./index-a2b2abb4.js');
+var index$1 = require('./index-ec20f28b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7da3e9f0.js → index-8ecc9e60.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-3ff08f17.js');
+var index$2 = require('./index-0cf05697.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-70673ea3.js');
-var index$1 = require('./index-98dc6cc7.js');
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
-var index$6 = require('./index-495e564c.js');
-var index$5 = require('./index-c76747be.js');
+var index = require('./index-0781219e.js');
+var index$1 = require('./index-bca13d95.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
+var index$6 = require('./index-65a18ef8.js');
+var index$5 = require('./index-1132d3eb.js');
 var core = require('@mantine/core');
-var number = require('./number-4043360d.js');
-var index$3 = require('./index-f692a960.js');
+var number = require('./number-8aad77bc.js');
+var index$3 = require('./index-dde6d0e2.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-8a313d43.js');
-var index$7 = require('./index-afd5cb7f.js');
+var index$4 = require('./index-778f0207.js');
+var index$7 = require('./index-052cec82.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-89c9e3a4.js → index-90d5acfd.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-a37d7b54.js');
-var togetherComponentGlobalContext = require('./utils-bf630ca0.js');
+var index = require('./index-69c08b9d.js');
+var togetherComponentGlobalContext = require('./utils-5dfb2952.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-4e18ec7e.js → index-9274fb88.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-147538b5.js');
-var Spinner = require('./Spinner-fa6dd796.js');
+var WhatsApp = require('./WhatsApp-a66baefd.js');
+var Spinner = require('./Spinner-3f106d7a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-87f4198d.js → index-98c455cf.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
-require('./index-c76747be.js');
+require('./index-1132d3eb.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-98dc6cc7.js');
+var index$1 = require('./index-bca13d95.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-58b6e99e.js');
-var index$2 = require('./index-1e2cb1dc.js');
-var Locale = require('./Locale-73e67735.js');
-var index$3 = require('./index-3ff08f17.js');
+var index = require('./index-78ac1877.js');
+var index$2 = require('./index-ec20f28b.js');
+var Locale = require('./Locale-4f8c0874.js');
+var index$3 = require('./index-0cf05697.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-502ca9a8.js → index-9edd3345.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-70673ea3.js');
-var index$1 = require('./index-5b44edb7.js');
-var index$2 = require('./index-f692a960.js');
+var index = require('./index-0781219e.js');
+var index$1 = require('./index-b0cf70f2.js');
+var index$2 = require('./index-dde6d0e2.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-5b650da5.js → index-a2b2abb4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-b8ca3bee.js → index-aa66c0d9.js}

@@ -1,53 +1,53 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
-var index$5 = require('./index-3ff08f17.js');
+var index$5 = require('./index-0cf05697.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-495e564c.js');
-require('./index-c76747be.js');
-var index$b = require('./index-98dc6cc7.js');
-require('./index-ea892237.js');
-var index$3 = require('./index-70673ea3.js');
-var index$f = require('./index-5b44edb7.js');
-require('./index-35ba8f6c.js');
-require('./index.styles-099ebf20.js');
-require('./translationsContext-1a788810.js');
+var index$7 = require('./index-65a18ef8.js');
+require('./index-1132d3eb.js');
+var index$b = require('./index-bca13d95.js');
+require('./index-68040d4f.js');
+var index$3 = require('./index-0781219e.js');
+var index$f = require('./index-b0cf70f2.js');
+require('./index-358695c8.js');
+require('./index.styles-afd04f10.js');
+require('./translationsContext-339473e6.js');
 require('@mantine/hooks');
-var utils = require('./utils-db7f5cb0.js');
-require('./index-9acf074f.js');
-var index$2 = require('./index-7da3e9f0.js');
+var utils = require('./utils-53bab473.js');
+require('./index-f2faadcf.js');
+var index$2 = require('./index-8ecc9e60.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-99b2c795.js');
+var index$4 = require('./index-31908e9d.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-5f7a18fc.js');
+var index$6 = require('./index-619e0299.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-bfeff3f3.js');
+var useOutsideClick = require('./useOutsideClick-cb86a68b.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$a = require('./index-a37d7b54.js');
-var index$8 = require('./index-58b6e99e.js');
-var index$9 = require('./index-f692a960.js');
+var index$a = require('./index-69c08b9d.js');
+var index$8 = require('./index-78ac1877.js');
+var index$9 = require('./index-dde6d0e2.js');
 var classNames = require('classnames');
-var index$c = require('./index-d0dab534.js');
+var index$c = require('./index-3f3c7f70.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-9e83c6bf.js');
-var index$d = require('./index-09822055.js');
+var index$e = require('./index-1fb5da39.js');
+var index$d = require('./index-435c3734.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-73e67735.js');
+var Locale = require('./Locale-4f8c0874.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-e12d2213.js');
-var index$h = require('./index-3ef06fc2.js');
+var index$g = require('./index-13c81145.js');
+var index$h = require('./index-545a3f61.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 

package/build/{index-e1f1547e.js → index-af97fa62.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-61da4afb.js');
-var utils = require('./utils-db7f5cb0.js');
-var index = require('./index-f692a960.js');
-var togetherComponentGlobalContext = require('./utils-bf630ca0.js');
+var index$2 = require('./index-ce9f6755.js');
+var utils = require('./utils-53bab473.js');
+var index = require('./index-dde6d0e2.js');
+var togetherComponentGlobalContext = require('./utils-5dfb2952.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-70673ea3.js');
+var index$1 = require('./index-0781219e.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-5b44edb7.js → index-b0cf70f2.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var core = require('@mantine/core');
-var shared = require('./shared-fd902766.js');
-var index = require('./index-35ba8f6c.js');
+var shared = require('./shared-a2d9b39e.js');
+var index = require('./index-358695c8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-adf13b0f.js → index-b2760e72.js}

@@ -1,32 +1,59 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-fa6dd796.js');
-var index$3 = require('./index-3ff08f17.js');
-var index$2 = require('./index-5b44edb7.js');
-var index$5 = require('./index-70673ea3.js');
-var index$1 = require('./index-f692a960.js');
-var index$4 = require('./index-98dc6cc7.js');
+var Spinner = require('./Spinner-3f106d7a.js');
+var index$3 = require('./index-0cf05697.js');
+var index$2 = require('./index-b0cf70f2.js');
+var index$5 = require('./index-0781219e.js');
+var index$1 = require('./index-dde6d0e2.js');
+var index$4 = require('./index-bca13d95.js');
 var miscTheme = require('./miscTheme.js');
+var index = require('./index-65a18ef8.js');
+var togetherComponentGlobalContext = require('./utils-5dfb2952.js');
+var normalizeLink = require('./normalizeLink-c2c616a1.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-db7f5cb0.js');
+var utils = require('./utils-53bab473.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var classNames = require('classnames');
-var index = require('./index-495e564c.js');
-var togetherComponentGlobalContext = require('./utils-bf630ca0.js');
-var normalizeLink = require('./normalizeLink-6a2361cc.js');
-var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 
+const BlueWhiteLogin = (props) => (React__namespace.createElement("svg", Object.assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    React__namespace.createElement("rect", { y: "0.5", width: "31", height: "31", rx: "15.5", fill: "white" }),
+    React__namespace.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__namespace.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__namespace.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    React__namespace.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__namespace.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 = React.useMemo(() => {
         const enableSearchBar = projectType === 'discover' ||
@@ -89,10 +116,10 @@ const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
     return config;
 };
 
-const NavigationContext = React__default["default"].createContext({});
+const NavigationContext = React__namespace["default"].createContext({});
 const NavigationProvider = (_a) => {
     var { children } = _a, props = tslib_es6.__rest(_a, ["children"]);
-    const [currentUrl, setCurrentUrl] = React__default["default"].useState(() => {
+    const [currentUrl, setCurrentUrl] = React__namespace["default"].useState(() => {
         return (props.currentUrl ||
             `https://${props.siteType === 'marryBaby'
                 ? togetherComponentGlobalContext.domainLocalesMarryBaby[props.locale || 'en-PH']
@@ -120,7 +147,7 @@ const NavigationProvider = (_a) => {
         siteType: props.siteType,
         enableBookingBtn: props.enableBookingBtn,
     });
-    return (React__default["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));
+    return (React__namespace["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 useCSSFocusPopupHelper = (configs) => {
@@ -306,6 +333,13 @@ const StyledLoggedOutAnchor = styled__default["default"].a `
       border: 1px solid ${miscTheme.theme.colors.neutral100};
     }
   }
+  &[data-win-cash-back-theme='true'] {
+    .login-btn {
+      ${utils.MediaQueries.mbUp} {
+        color: ${miscTheme.theme.colors.white};
+      }
+    }
+  }
 `;
 
 const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', dispatchLogout, }) => {
@@ -316,21 +350,22 @@ const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', d
             closePopup();
         }
     };
-    return (React__default["default"].createElement(StyledPopup, { className: customClasses.profilePopup, "data-open": isOpen },
-        React__default["default"].createElement("div", { className: classNames__default["default"]('popup-content', customClasses.profilePopupContent) },
-            React__default["default"].createElement(profileNavigation.ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo, configs: { enableProfileFindMyBooking } }))));
+    return (React__namespace["default"].createElement(StyledPopup, { className: customClasses.profilePopup, "data-open": isOpen },
+        React__namespace["default"].createElement("div", { className: classNames__default["default"]('popup-content', customClasses.profilePopupContent) },
+            React__namespace["default"].createElement(profileNavigation.ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo, configs: { enableProfileFindMyBooking } }))));
 };
 
 const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl, isMinifyLogin, onLogout, style, isLoading, isMobile, className, }) => {
+    const { isWinCashBackTheme: winCashBackTheme } = React.useContext(NavigationContext);
     const { t } = index$1.useTranslations();
     const [isLogoutConfirmOpen, setIsLogoutConfirmOpen] = React.useState(false);
     const name = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username);
     const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
     const isLoginIcon = React.useMemo(() => isMobile && siteType === 'helloSites', [isMobile]);
     if (isLoading)
-        return isLoginIcon ? (React__default["default"].createElement(Spinner.Spinner, null)) : (React__default["default"].createElement(index$2.Button, { size: 'sm', color: "transparent", loading: true }));
-    return (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(StyledImageWrapper, { ref: containerRef, style: style, tabIndex: 0, onBlur: onContainerBlur, onFocus: () => {
+        return isLoginIcon ? (React__namespace["default"].createElement(Spinner.Spinner, null)) : (React__namespace["default"].createElement(index$2.Button, { size: 'sm', color: "transparent", loading: true }));
+    return (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
+        React__namespace["default"].createElement(StyledImageWrapper, { ref: containerRef, style: style, tabIndex: 0, onBlur: onContainerBlur, onFocus: () => {
                 var _a;
                 onContainerFocus();
                 const popup = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('#navigation-v2 .hhgcomp-navprofilebutton-popup');
@@ -341,35 +376,35 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                     popup.setAttribute('style', `max-height: ${maxHeight};`);
                 }
             }, className: className },
-            React__default["default"].createElement("div", { onMouseDown: onButtonMouseDown },
-                React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: "user-close-icon" },
-                    React__default["default"].createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" })),
-                React__default["default"].createElement(index$3.Avatar, { size: 32, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
+            React__namespace["default"].createElement("div", { onMouseDown: onButtonMouseDown },
+                React__namespace["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: "user-close-icon" },
+                    React__namespace["default"].createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" })),
+                React__namespace["default"].createElement(index$3.Avatar, { size: 32, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
                         ? miscTheme.theme.mbColors.pink
                         : miscTheme.theme.colors.secondaryBase, placeholderText: name && name.length ? name[0].toUpperCase() : 'A' })),
-            React__default["default"].createElement(ProfilePopup, { dispatchLogout: () => {
+            React__namespace["default"].createElement(ProfilePopup, { dispatchLogout: () => {
                     onClose();
                     setIsLogoutConfirmOpen(true);
                 }, isOpen: false, closePopup: onClose, siteType: siteType, userInfo: userInfo })),
-        React__default["default"].createElement(navigationLogoutPopup.NavigationLogoutPopup, { openLogoutPopup: isLogoutConfirmOpen, onCloseHandler: () => {
+        React__namespace["default"].createElement(navigationLogoutPopup.NavigationLogoutPopup, { openLogoutPopup: isLogoutConfirmOpen, onCloseHandler: () => {
                 document.body.classList.toggle('noscroll', false);
                 setIsLogoutConfirmOpen(false);
             }, siteType: siteType, onLogoutHandler: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 setIsLogoutConfirmOpen(false);
                 document.body.classList.toggle('noscroll', false);
                 yield onLogout();
-            }) }))) : (React__default["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["default"].createElement(StyledAvatar, null,
-        React__default["default"].createElement("img", { src: index$4.CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
+            }) }))) : (React__namespace["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__namespace["default"].createElement(StyledAvatar, null,
+        React__namespace["default"].createElement("img", { src: index$4.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["default"].createElement(React__default["default"].Fragment, null,
+    React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
         siteType === 'helloSites' &&
-            (isLoginIcon ? (React__default["default"].createElement("img", { className: "mobile-only", src: index$4.CommonGAssets.getAssetPath('login.svg'), style: {
+            (isLoginIcon ? (winCashBackTheme ? (React__namespace["default"].createElement(BlueWhiteLogin, { className: "mobile-only", style: { cursor: 'pointer' } })) : (React__namespace["default"].createElement("img", { className: "mobile-only", src: index$4.CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                } })) : (React__default["default"].createElement(index$2.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } }))) : (React__namespace["default"].createElement(index$2.Button, { className: "mobile-only", size: "sm", leftIcon: React__namespace["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 }, styles: {
@@ -377,14 +412,30 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                         marginRight: 4,
                     },
                 } }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' && (React__default["default"].createElement("div", { className: "mobile-only", style: {
+        siteType === 'marryBaby' && (React__namespace["default"].createElement("div", { className: "mobile-only", style: {
                 paddingLeft: 16,
             } },
-            React__default["default"].createElement(index$5.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+            React__namespace["default"].createElement(index$5.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
+        siteType === 'marryBaby' ? (React__namespace["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__namespace["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__namespace["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: winCashBackTheme ? (React__namespace["default"].createElement(UserPlain, null)) : (React__namespace["default"].createElement(core.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')))))));
 };
 
+exports.BlueWhiteLogin = BlueWhiteLogin;
 exports.NavigationContext = NavigationContext;
 exports.NavigationProfileButton = NavigationProfileButton;
 exports.NavigationProvider = NavigationProvider;
+exports.UserPlain = UserPlain;
 exports.useCSSFocusPopupHelper = useCSSFocusPopupHelper;

package/build/{index-a6b3abef.js → index-bc5c675a.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-a2f333f8.js');
-var index = require('./index-f692a960.js');
-var constants$1 = require('./constants-6ac2eab2.js');
-var index$2 = require('./index-3ff08f17.js');
+var useHealthToolCache = require('./useHealthToolCache-91b32ad7.js');
+var index = require('./index-dde6d0e2.js');
+var constants$1 = require('./constants-06843b44.js');
+var index$2 = require('./index-0cf05697.js');
 require('@mantine/dates');
-require('./index-495e564c.js');
-require('./index-c76747be.js');
-require('./index-98dc6cc7.js');
-require('./index-ea892237.js');
-require('./index-70673ea3.js');
-require('./index-5b44edb7.js');
-require('./index-35ba8f6c.js');
-require('./index.styles-099ebf20.js');
+require('./index-65a18ef8.js');
+require('./index-1132d3eb.js');
+require('./index-bca13d95.js');
+require('./index-68040d4f.js');
+require('./index-0781219e.js');
+require('./index-b0cf70f2.js');
+require('./index-358695c8.js');
+require('./index.styles-afd04f10.js');
 require('@mantine/hooks');
-require('./utils-db7f5cb0.js');
-require('./index-9acf074f.js');
-var context = require('./context-5d1211b0.js');
-var index$1 = require('./index-502ca9a8.js');
-var constants = require('./constants-7484821d.js');
+require('./utils-53bab473.js');
+require('./index-f2faadcf.js');
+var context = require('./context-a40dc8d5.js');
+var index$1 = require('./index-9edd3345.js');
+var constants = require('./constants-b681b617.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-ef51a26b.js → index-cb69dbb6.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-ed1ef012.js');
-var index$3 = require('./index-3ff08f17.js');
-var index$2 = require('./index-c86d7c9b.js');
-var index$4 = require('./index-70673ea3.js');
-require('./index-5b44edb7.js');
-require('./index-35ba8f6c.js');
-require('./index.styles-099ebf20.js');
-var index = require('./index-f692a960.js');
+var LastPeriod = require('./LastPeriod-dee40583.js');
+var index$3 = require('./index-0cf05697.js');
+var index$2 = require('./index-3b584311.js');
+var index$4 = require('./index-0781219e.js');
+require('./index-b0cf70f2.js');
+require('./index-358695c8.js');
+require('./index.styles-afd04f10.js');
+var index = require('./index-dde6d0e2.js');
 require('@mantine/hooks');
-require('./index-ea892237.js');
-require('./utils-db7f5cb0.js');
-require('./index-9acf074f.js');
-var context = require('./context-5d1211b0.js');
-var index$1 = require('./index-502ca9a8.js');
+require('./index-68040d4f.js');
+require('./utils-53bab473.js');
+require('./index-f2faadcf.js');
+var context = require('./context-a40dc8d5.js');
+var index$1 = require('./index-9edd3345.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b090480e.js → index-ce814d2c.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var core = require('@mantine/core');
-var index$1 = require('./index-35ba8f6c.js');
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var index$1 = require('./index-358695c8.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var react = require('@emotion/react');

package/build/{index-61da4afb.js → index-ce9f6755.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cd12fb57.js');
+var tslib_es6 = require('./tslib.es6-ebbd9505.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-70673ea3.js');
+var index = require('./index-0781219e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }