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

package/build/{index-430edbe3.js → index-052d57b5.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-47c14c0e.js');
-var index = require('./index-876c6f45.js');
+var index$1 = require('./index-81bea601.js');
+var index = require('./index-6dbf78a5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1375b247.js → index-09303e93.js}

@@ -1,36 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
-var index$7 = require('./index-7956984b.js');
-var index$3 = require('./index-f3811123.js');
-var index = require('./index-9c4500a5.js');
+var index$7 = require('./index-ca76111a.js');
+var index$3 = require('./index-401db65a.js');
+var index = require('./index-3798d340.js');
 var innertext = require('innertext');
-var index$1 = require('./index-fc636244.js');
-var index$2 = require('./index-ebe9ef8d.js');
-var constants = require('./constants-45894de6.js');
+var index$1 = require('./index-b3460296.js');
+var index$2 = require('./index-964a3a20.js');
+var constants = require('./constants-2a7edafc.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var togetherComponentGlobalContext = require('./utils-1f24e930.js');
-var treePopoverMenu = require('./treePopoverMenu-534aa77d.js');
+var togetherComponentGlobalContext = require('./utils-dab4d0fd.js');
+var treePopoverMenu = require('./treePopoverMenu-7359dbca.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-40f54d67.js');
+var utils = require('./utils-a22c769a.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-97e713e9.js');
+var dataTransform = require('./dataTransform-a02c7adf.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$9 = require('./index-882a7077.js');
-var togetherMoleculesCardAuthor = require('./index-3609d57b.js');
-var togetherMoleculesProfileDetail = require('./index-c534bd00.js');
-var togetherMoleculesPostImagePreview = require('./index-91fb08fa.js');
-var index$a = require('./index-d4532965.js');
-var index$8 = require('./index-c936ea7d.js');
-require('./index-ca02f1d5.js');
+var index$9 = require('./index-8c94c549.js');
+var togetherMoleculesCardAuthor = require('./index-49bdaa12.js');
+var togetherMoleculesProfileDetail = require('./index-31b642f9.js');
+var togetherMoleculesPostImagePreview = require('./index-2431f796.js');
+var index$a = require('./index-09e409a3.js');
+var index$8 = require('./index-297d8ea8.js');
+require('./index-0b11c9c3.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$6 = require('./index-3bcf22f4.js');
-var index$4 = require('./index-93e0a822.js');
-var index$5 = require('./index-f403b3d7.js');
-var normalizeLink = require('./normalizeLink-83021266.js');
+var index$6 = require('./index-35da26d4.js');
+var index$4 = require('./index-d75b7bf7.js');
+var index$5 = require('./index-3ba062fa.js');
+var normalizeLink = require('./normalizeLink-97732fa0.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-d4532965.js → index-09e409a3.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-f9ef8d8d.js');
-var togetherComponentGlobalContext = require('./utils-1f24e930.js');
+var index$1 = require('./index-80b38463.js');
+var togetherComponentGlobalContext = require('./utils-dab4d0fd.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-45894de6.js');
-var post = require('./post-2d0beebb.js');
-var index = require('./index-f403b3d7.js');
+var constants = require('./constants-2a7edafc.js');
+var post = require('./post-45398547.js');
+var index = require('./index-3ba062fa.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ca02f1d5.js → index-0b11c9c3.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-60fe0bf6.js');
+require('./index-4e522270.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-ce16c457.js');
+var Locale = require('./Locale-985fafa5.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-d0b8e9fb.js → index-0f4a913f.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-ce16c457.js');
-var index$1 = require('./index-ebe9ef8d.js');
+var Locale = require('./Locale-985fafa5.js');
+var index$1 = require('./index-964a3a20.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-40f54d67.js');
-var logoIcon = require('./logoIcon-c50193af.js');
-require('./index-60fe0bf6.js');
-var index = require('./index-f9ef8d8d.js');
+var utils = require('./utils-a22c769a.js');
+var logoIcon = require('./logoIcon-bb2fcbc2.js');
+require('./index-4e522270.js');
+var index = require('./index-80b38463.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -407,7 +407,7 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
             (type === 'hellobacsi' || type === 'marryBaby') ? (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(index.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/vn-independence-desktop.png'), className: "common-logo-seasonal-left desktop-only" }),
             React__default["default"].createElement(index.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/vn-independence-mobile.png'), className: "common-logo-seasonal-left mobile-only" }))) : null,
-        React__default["default"].createElement(logoIcon.LogoIcon, { type: type, width: customSize === null || customSize === void 0 ? void 0 : customSize.width, height: customSize === null || customSize === void 0 ? void 0 : customSize.height }),
+        React__default["default"].createElement(logoIcon.LogoIcon, { type: type, width: customSize === null || customSize === void 0 ? void 0 : customSize.width, height: customSize === null || customSize === void 0 ? void 0 : customSize.height, isLight: isLightLogo }),
         isPro ? (React__default["default"].createElement(StyledProLogo, { src: index$1.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
         badge));
 };

package/build/{index-59231ca8.js → index-0f79e42f.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dateFns = require('date-fns');
-var LastPeriod = require('./LastPeriod-e1249671.js');
-var Locale = require('./Locale-ce16c457.js');
+var LastPeriod = require('./LastPeriod-7f795af6.js');
+var Locale = require('./Locale-985fafa5.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$4 = require('./index-47c14c0e.js');
-var index$2 = require('./index-5d996ad7.js');
-var index$5 = require('./index-93e0a822.js');
-require('./index-4df9ce95.js');
-require('./index-876c6f45.js');
-require('./index.styles-dd1b559b.js');
-var index = require('./index-9c4500a5.js');
+var index$4 = require('./index-81bea601.js');
+var index$2 = require('./index-64e74298.js');
+var index$5 = require('./index-d75b7bf7.js');
+require('./index-e63e6261.js');
+require('./index-6dbf78a5.js');
+require('./index.styles-edf1413f.js');
+var index = require('./index-3798d340.js');
 require('@mantine/hooks');
-require('./index-8f7abe3f.js');
-require('./utils-40f54d67.js');
-require('./index-dc281def.js');
-var index$1 = require('./index-80445796.js');
+require('./index-2871d4cd.js');
+require('./utils-a22c769a.js');
+require('./index-5a32e1f6.js');
+var index$1 = require('./index-41ca14e7.js');
 var other = require('@hhgtech/icons/other');
-var context = require('./context-54fefa0e.js');
-var index$3 = require('./index-ca02f1d5.js');
+var context = require('./context-cc9303f3.js');
+var index$3 = require('./index-0b11c9c3.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-96350253.js → index-11efaea0.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$2 = require('./index-47c14c0e.js');
+var index$2 = require('./index-81bea601.js');
 require('@mantine/dates');
-require('./index-ca02f1d5.js');
-require('./index-60fe0bf6.js');
-var index$1 = require('./index-ebe9ef8d.js');
-require('./index-8f7abe3f.js');
-var index$3 = require('./index-93e0a822.js');
-require('./index-4df9ce95.js');
-require('./index-876c6f45.js');
-require('./index.styles-dd1b559b.js');
-var index = require('./index-9c4500a5.js');
+require('./index-0b11c9c3.js');
+require('./index-4e522270.js');
+var index$1 = require('./index-964a3a20.js');
+require('./index-2871d4cd.js');
+var index$3 = require('./index-d75b7bf7.js');
+require('./index-e63e6261.js');
+require('./index-6dbf78a5.js');
+require('./index.styles-edf1413f.js');
+var index = require('./index-3798d340.js');
 require('@mantine/hooks');
-require('./utils-40f54d67.js');
-require('./index-dc281def.js');
+require('./utils-a22c769a.js');
+require('./index-5a32e1f6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-91fb08fa.js → index-2431f796.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-f3811123.js');
-var utils = require('./utils-40f54d67.js');
-var index = require('./index-9c4500a5.js');
-var togetherComponentGlobalContext = require('./utils-1f24e930.js');
+var index$2 = require('./index-401db65a.js');
+var utils = require('./utils-a22c769a.js');
+var index = require('./index-3798d340.js');
+var togetherComponentGlobalContext = require('./utils-dab4d0fd.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-93e0a822.js');
+var index$1 = require('./index-d75b7bf7.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-8f7abe3f.js → index-2871d4cd.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var dayjs = require('dayjs');
-require('./index-60fe0bf6.js');
-var Locale = require('./Locale-ce16c457.js');
+require('./index-4e522270.js');
+var Locale = require('./Locale-985fafa5.js');
 var notifications = require('@mantine/notifications');
-var index$1 = require('./index-ca02f1d5.js');
+var index$1 = require('./index-0b11c9c3.js');
 var core = require('@mantine/core');
-var index$2 = require('./index-ebe9ef8d.js');
+var index$2 = require('./index-964a3a20.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-40f54d67.js');
-var index = require('./index-876c6f45.js');
-var shared = require('./shared-4418e2c5.js');
+var utils = require('./utils-a22c769a.js');
+var index = require('./index-6dbf78a5.js');
+var shared = require('./shared-1effa83f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c534bd00.js → index-31b642f9.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$9 = require('./index-dc281def.js');
-var index$7 = require('./index-b52e902e.js');
-var dataTransform = require('./dataTransform-97e713e9.js');
+var index$9 = require('./index-5a32e1f6.js');
+var index$7 = require('./index-c35ac71d.js');
+var dataTransform = require('./dataTransform-a02c7adf.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-1f24e930.js');
+var togetherComponentGlobalContext = require('./utils-dab4d0fd.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$2 = require('./index-ebe9ef8d.js');
-var index$1 = require('./index-f9ef8d8d.js');
-var togetherMoleculesCardAuthor = require('./index-3609d57b.js');
-var index$3 = require('./index-60fe0bf6.js');
-var index = require('./index-9c4500a5.js');
+var index$2 = require('./index-964a3a20.js');
+var index$1 = require('./index-80b38463.js');
+var togetherMoleculesCardAuthor = require('./index-49bdaa12.js');
+var index$3 = require('./index-4e522270.js');
+var index = require('./index-3798d340.js');
 var miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
-var index$4 = require('./index-47c14c0e.js');
+var index$4 = require('./index-81bea601.js');
 require('@mantine/dates');
-require('./index-ca02f1d5.js');
-require('./index-8f7abe3f.js');
-var index$8 = require('./index-93e0a822.js');
-var index$5 = require('./index-4df9ce95.js');
-require('./index-876c6f45.js');
-require('./index.styles-dd1b559b.js');
+require('./index-0b11c9c3.js');
+require('./index-2871d4cd.js');
+var index$8 = require('./index-d75b7bf7.js');
+var index$5 = require('./index-e63e6261.js');
+require('./index-6dbf78a5.js');
+require('./index.styles-edf1413f.js');
 require('@mantine/hooks');
-require('./utils-40f54d67.js');
+require('./utils-a22c769a.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-2d0beebb.js');
-var index$6 = require('./index-7956984b.js');
-require('./translationsContext-bd7bc6a2.js');
+var post = require('./post-45398547.js');
+var index$6 = require('./index-ca76111a.js');
+require('./translationsContext-e70b4be9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3bc21bdc.js → index-321538cb.js}

@@ -1,53 +1,53 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
-var index$5 = require('./index-47c14c0e.js');
+var index$5 = require('./index-81bea601.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-ca02f1d5.js');
-require('./index-60fe0bf6.js');
-var index$b = require('./index-ebe9ef8d.js');
-require('./index-8f7abe3f.js');
-var index$3 = require('./index-93e0a822.js');
-var index$f = require('./index-4df9ce95.js');
-require('./index-876c6f45.js');
-require('./index.styles-dd1b559b.js');
-require('./translationsContext-bd7bc6a2.js');
+var index$7 = require('./index-0b11c9c3.js');
+require('./index-4e522270.js');
+var index$b = require('./index-964a3a20.js');
+require('./index-2871d4cd.js');
+var index$3 = require('./index-d75b7bf7.js');
+var index$f = require('./index-e63e6261.js');
+require('./index-6dbf78a5.js');
+require('./index.styles-edf1413f.js');
+require('./translationsContext-e70b4be9.js');
 require('@mantine/hooks');
-var utils = require('./utils-40f54d67.js');
-require('./index-dc281def.js');
-var index$2 = require('./index-7d005ef1.js');
+var utils = require('./utils-a22c769a.js');
+require('./index-5a32e1f6.js');
+var index$2 = require('./index-9260d247.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-7f6fb293.js');
+var index$4 = require('./index-68c14128.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-d0b8e9fb.js');
+var index$6 = require('./index-0f4a913f.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-dc446467.js');
+var useOutsideClick = require('./useOutsideClick-283a3120.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-7956984b.js');
-var index$8 = require('./index-f9ef8d8d.js');
-var index$9 = require('./index-9c4500a5.js');
+var index$a = require('./index-ca76111a.js');
+var index$8 = require('./index-80b38463.js');
+var index$9 = require('./index-3798d340.js');
 var classNames = require('classnames');
-var index$c = require('./index-22f9771a.js');
+var index$c = require('./index-54ecc4b1.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-3bcf22f4.js');
-var index$d = require('./index-e66aba1c.js');
+var index$e = require('./index-35da26d4.js');
+var index$d = require('./index-026c5ca3.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-ce16c457.js');
+var Locale = require('./Locale-985fafa5.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-d48617c6.js');
-var index$h = require('./index-e6483982.js');
+var index$g = require('./index-f7ecce1a.js');
+var index$h = require('./index-cd064110.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 

package/build/{index-3bcf22f4.js → index-35da26d4.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-40f54d67.js');
+var utils = require('./utils-a22c769a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-694ba566.js → index-375c0a7d.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-7b1c8e04.js');
-var index$3 = require('./index-47c14c0e.js');
-var index$2 = require('./index-4df9ce95.js');
-var index$5 = require('./index-93e0a822.js');
-var index$1 = require('./index-9c4500a5.js');
-var index$4 = require('./index-ebe9ef8d.js');
+var Spinner = require('./Spinner-54654f53.js');
+var index$3 = require('./index-81bea601.js');
+var index$2 = require('./index-e63e6261.js');
+var index$5 = require('./index-d75b7bf7.js');
+var index$1 = require('./index-3798d340.js');
+var index$4 = require('./index-964a3a20.js');
 var miscTheme = require('./miscTheme.js');
+var index = require('./index-0b11c9c3.js');
+var togetherComponentGlobalContext = require('./utils-dab4d0fd.js');
+var normalizeLink = require('./normalizeLink-97732fa0.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-40f54d67.js');
+var utils = require('./utils-a22c769a.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var classNames = require('classnames');
-var index = require('./index-ca02f1d5.js');
-var togetherComponentGlobalContext = require('./utils-1f24e930.js');
-var normalizeLink = require('./normalizeLink-83021266.js');
-var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
 
@@ -331,7 +331,13 @@ const StyledLoggedOutAnchor = styled__default["default"].a `
     ${utils.MediaQueries.mbUp} {
       display: block;
       border: 1px solid ${miscTheme.theme.colors.neutral100};
-      color: ${({ winCashBackTheme }) => winCashBackTheme ? miscTheme.theme.colors.white : undefined};
+    }
+  }
+  &[data-win-cash-back-theme='true'] {
+    .login-btn {
+      ${utils.MediaQueries.mbUp} {
+        color: ${miscTheme.theme.colors.white};
+      }
     }
   }
 `;
@@ -349,7 +355,8 @@ const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', d
             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, winCashBackTheme, className, }) => {
+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);
@@ -386,7 +393,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 setIsLogoutConfirmOpen(false);
                 document.body.classList.toggle('noscroll', false);
                 yield onLogout();
-            }) }))) : (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-site-type": siteType, onClick: onLoginClick, winCashBackTheme: winCashBackTheme }, isMinifyLogin ? (React__namespace["default"].createElement(StyledAvatar, null,
+            }) }))) : (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
@@ -409,7 +416,21 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 paddingLeft: 16,
             } },
             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 } }, 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;

package/build/{index-9c4500a5.js → index-3798d340.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-bd7bc6a2.js');
+var translationsContext = require('./translationsContext-e70b4be9.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-f403b3d7.js → index-3ba062fa.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-7956984b.js');
-var index = require('./index-9c4500a5.js');
+var index$1 = require('./index-ca76111a.js');
+var index = require('./index-3798d340.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-73d4ac29.js → index-3c6b3dc3.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var index$3 = require('./index-47c14c0e.js');
-var index$4 = require('./index-5d996ad7.js');
-var index$5 = require('./index-93e0a822.js');
-require('./index-4df9ce95.js');
-require('./index-876c6f45.js');
-require('./index.styles-dd1b559b.js');
-var index = require('./index-9c4500a5.js');
+var index$3 = require('./index-81bea601.js');
+var index$4 = require('./index-64e74298.js');
+var index$5 = require('./index-d75b7bf7.js');
+require('./index-e63e6261.js');
+require('./index-6dbf78a5.js');
+require('./index.styles-edf1413f.js');
+var index = require('./index-3798d340.js');
 require('@mantine/hooks');
-require('./index-8f7abe3f.js');
-require('./utils-40f54d67.js');
-require('./index-dc281def.js');
-var context = require('./context-54fefa0e.js');
-var constants = require('./constants-f5feacca.js');
-var index$1 = require('./index-80445796.js');
-var index$2 = require('./index-96350253.js');
-var Locale = require('./Locale-ce16c457.js');
+require('./index-2871d4cd.js');
+require('./utils-a22c769a.js');
+require('./index-5a32e1f6.js');
+var context = require('./context-cc9303f3.js');
+var constants = require('./constants-a4a4b273.js');
+var index$1 = require('./index-41ca14e7.js');
+var index$2 = require('./index-11efaea0.js');
+var Locale = require('./Locale-985fafa5.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-f3811123.js → index-401db65a.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85491f19.js');
+var tslib_es6 = require('./tslib.es6-6cbea036.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-93e0a822.js');
+var index = require('./index-d75b7bf7.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-25fde662.js → index-41767f06.js}

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