@hhgtech/hhg-components 1.29.355 → 1.29.356-beta-1

package/build/{index-76ab2a65.js → index-d412b6b9.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-a306747d.js');
-var index = require('./index-d8180ab1.js');
-var constants$1 = require('./constants-fe15f6d8.js');
-var index$2 = require('./index-36d49d8d.js');
+var useHealthToolCache = require('./useHealthToolCache-b87a4a2f.js');
+var index = require('./index-fa6cbe4d.js');
+var constants$1 = require('./constants-356b1b74.js');
+var index$2 = require('./index-dad64f2c.js');
 require('@mantine/dates');
-require('./index-58edb487.js');
-require('./index-0caafed5.js');
-require('./index-858a4f99.js');
-require('./useMantineLocale-797d5b2c.js');
-require('./index-b5a47fe5.js');
-require('./index-4ade4e19.js');
-require('./index.styles-cc900675.js');
+require('./index-b1da031f.js');
+require('./index-ef724f61.js');
+require('./index-553288af.js');
+require('./useMantineLocale-7d08995c.js');
+require('./index-5c3062b3.js');
+require('./index-9ae278de.js');
+require('./index.styles-8fbdf7c7.js');
 require('@mantine/hooks');
-require('./utils-494ab021.js');
-require('./other-2a354b8f.js');
-require('./index-dfd11f34.js');
-var index$1 = require('./index-a32ad931.js');
-var constants = require('./constants-df7b5022.js');
+require('./utils-ef915833.js');
+require('./other-b20dedfd.js');
+require('./index-a2b97386.js');
+var index$1 = require('./index-bbbac085.js');
+var constants = require('./constants-fb458b41.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-7efe2ee3.js → index-d572e9c4.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-0750d866.js');
-var index = require('./index-b5a47fe5.js');
-var togetherComponentGlobalContext = require('./utils-b0914dfa.js');
+var index$1 = require('./index-1097f5b5.js');
+var index = require('./index-5c3062b3.js');
+var togetherComponentGlobalContext = require('./utils-8fbbaa44.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-fe15f6d8.js');
+var constants = require('./constants-356b1b74.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6e193f02.js → index-d5d6a638.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-a306747d.js');
-var index = require('./index-d8180ab1.js');
-var index$5 = require('./index-858a4f99.js');
-var constants = require('./constants-fe15f6d8.js');
-var index$2 = require('./index-6d83a279.js');
-var index$4 = require('./index-36d49d8d.js');
-var index$3 = require('./index-913eee3f.js');
+var useHealthToolCache = require('./useHealthToolCache-b87a4a2f.js');
+var index = require('./index-fa6cbe4d.js');
+var index$5 = require('./index-553288af.js');
+var constants = require('./constants-356b1b74.js');
+var index$2 = require('./index-fd7b4c2b.js');
+var index$4 = require('./index-dad64f2c.js');
+var index$3 = require('./index-911bd86e.js');
 require('@mantine/core');
-require('./index-b5a47fe5.js');
-require('./index-4ade4e19.js');
-require('./index.styles-cc900675.js');
+require('./index-5c3062b3.js');
+require('./index-9ae278de.js');
+require('./index.styles-8fbdf7c7.js');
 require('@mantine/hooks');
-require('./useMantineLocale-797d5b2c.js');
-require('./index-0caafed5.js');
-require('./utils-494ab021.js');
-require('./index-58edb487.js');
-require('./other-2a354b8f.js');
-require('./index-dfd11f34.js');
-var index$1 = require('./index-a32ad931.js');
+require('./useMantineLocale-7d08995c.js');
+require('./index-ef724f61.js');
+require('./utils-ef915833.js');
+require('./index-b1da031f.js');
+require('./other-b20dedfd.js');
+require('./index-a2b97386.js');
+var index$1 = require('./index-bbbac085.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-36d49d8d.js → index-dad64f2c.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$2 = require('./index-858a4f99.js');
-var useScreenSize = require('./useScreenSize-4e23afa7.js');
+var index$2 = require('./index-553288af.js');
+var useScreenSize = require('./useScreenSize-e7342938.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$3 = require('./index-b5a47fe5.js');
-require('./index-0caafed5.js');
+var index$3 = require('./index-5c3062b3.js');
+require('./index-ef724f61.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-494ab021.js');
-var useMantineLocale = require('./useMantineLocale-797d5b2c.js');
-var index = require('./index-58edb487.js');
-var index$1 = require('./index-4ade4e19.js');
-var Locale = require('./Locale-7a170635.js');
+var utils = require('./utils-ef915833.js');
+var useMantineLocale = require('./useMantineLocale-7d08995c.js');
+var index = require('./index-b1da031f.js');
+var index$1 = require('./index-9ae278de.js');
+var Locale = require('./Locale-2e4e6c63.js');
 var cn = require('classnames');
-var useUniqueId = require('./useUniqueId-280717cb.js');
+var useUniqueId = require('./useUniqueId-bb0195be.js');
 var constantsSite = require('./constantsSite.js');
 var core$1 = require('@hhgtech/icons/core');
 

package/build/{index-1eb5b389.js → index-de7726f4.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-83da7e4c.js');
-var index$2 = require('./index-36d49d8d.js');
-var index$1 = require('./index-4ade4e19.js');
-var index$4 = require('./index-b5a47fe5.js');
-var index = require('./index-d8180ab1.js');
-require('./index-0caafed5.js');
-var index$3 = require('./index-858a4f99.js');
+var Spinner = require('./Spinner-65c88811.js');
+var index$2 = require('./index-dad64f2c.js');
+var index$1 = require('./index-9ae278de.js');
+var index$4 = require('./index-5c3062b3.js');
+var index = require('./index-fa6cbe4d.js');
+require('./index-ef724f61.js');
+var index$3 = require('./index-553288af.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-494ab021.js');
+var utils = require('./utils-ef915833.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var Locale = require('./Locale-7a170635.js');
+var Locale = require('./Locale-2e4e6c63.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -24,7 +24,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 const useCSSFocusPopupHelper = (configs) => {
-    const { allowBgScroll } = configs || {};
+    const { allowBgScroll, enableNavTarotGame = false } = configs || {};
     const ref = React.useRef();
     return {
         containerRef: ref,
@@ -38,9 +38,16 @@ const useCSSFocusPopupHelper = (configs) => {
         },
         onButtonMouseDown: (e) => {
             // this close popup when click, run after REact init
+            const elmSiteHeader = document.querySelector('#site-header');
+            if (enableNavTarotGame && elmSiteHeader) {
+                elmSiteHeader.style.backgroundColor = '#fff';
+            }
             if (ref.current &&
                 (document.activeElement === ref.current ||
                     ref.current.contains(document.activeElement))) {
+                if (enableNavTarotGame && elmSiteHeader) {
+                    elmSiteHeader.style.backgroundColor = 'transparent';
+                }
                 ref.current.blur();
                 document.activeElement.blur();
                 e.preventDefault();

package/build/{index-bc7620ab.js → index-deecb5b3.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-494ab021.js');
+var utils = require('./utils-ef915833.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-1fb5c598.js');
+var index = require('./index-502b7316.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ef1c2a2f.js → index-df250ef8.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
-var togetherComponentGlobalContext = require('./utils-b0914dfa.js');
+var togetherComponentGlobalContext = require('./utils-8fbbaa44.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-a7b5c0e7.js → index-df3b5af2.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-81a38040.js');
-var index$1 = require('./index-aad1389a.js');
+var index = require('./index-313aed03.js');
+var index$1 = require('./index-b548a905.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9d64667d.js → index-e5e6da82.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-5beb1766.js');
-var index$2 = require('./index-58edb487.js');
-var index = require('./index-0caafed5.js');
+var index$1 = require('./index-34422089.js');
+var index$2 = require('./index-b1da031f.js');
+var index = require('./index-ef724f61.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-797bfd57.js → index-e99174cd.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-36d49d8d.js');
-var index$3 = require('./index-913eee3f.js');
-require('./index-b5a47fe5.js');
-require('./index-4ade4e19.js');
-require('./index.styles-cc900675.js');
-var index = require('./index-d8180ab1.js');
+require('./index-dad64f2c.js');
+var index$3 = require('./index-911bd86e.js');
+require('./index-5c3062b3.js');
+require('./index-9ae278de.js');
+require('./index.styles-8fbdf7c7.js');
+var index = require('./index-fa6cbe4d.js');
 require('@mantine/hooks');
-require('./useMantineLocale-797d5b2c.js');
-require('./index-0caafed5.js');
-require('./index-858a4f99.js');
-require('./utils-494ab021.js');
-require('./index-58edb487.js');
-require('./other-2a354b8f.js');
-require('./index-dfd11f34.js');
-var index$1 = require('./index-a32ad931.js');
-var index$2 = require('./index-6d83a279.js');
+require('./useMantineLocale-7d08995c.js');
+require('./index-ef724f61.js');
+require('./index-553288af.js');
+require('./utils-ef915833.js');
+require('./index-b1da031f.js');
+require('./other-b20dedfd.js');
+require('./index-a2b97386.js');
+var index$1 = require('./index-bbbac085.js');
+var index$2 = require('./index-fd7b4c2b.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-bad31b35.js → index-ebb7ce10.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-7a170635.js');
-var index = require('./index-858a4f99.js');
+var Locale = require('./Locale-2e4e6c63.js');
+var index = require('./index-553288af.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-494ab021.js');
-var logoIcon = require('./logoIcon-c770bf41.js');
-require('./index-0caafed5.js');
-var useScreenSize = require('./useScreenSize-4e23afa7.js');
+var utils = require('./utils-ef915833.js');
+var logoIcon = require('./logoIcon-a415dd65.js');
+require('./index-ef724f61.js');
+var useScreenSize = require('./useScreenSize-e7342938.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-de5f81dd.js → index-ebed164b.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-0750d866.js');
-var utils = require('./utils-494ab021.js');
-var index = require('./index-d8180ab1.js');
-var togetherComponentGlobalContext = require('./utils-b0914dfa.js');
+var index$2 = require('./index-1097f5b5.js');
+var utils = require('./utils-ef915833.js');
+var index = require('./index-fa6cbe4d.js');
+var togetherComponentGlobalContext = require('./utils-8fbbaa44.js');
 var core = require('@mantine/core');
-var index$1 = require('./index-b5a47fe5.js');
+var index$1 = require('./index-5c3062b3.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-0caafed5.js → index-ef724f61.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-7a170635.js');
+var Locale = require('./Locale-2e4e6c63.js');
 
 exports.Gender = void 0;
 (function (Gender) {

package/build/{index-f6051006.js → index-f373db93.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-476d0ac6.js');
-var togetherComponentGlobalContext = require('./utils-b0914dfa.js');
+var index = require('./index-4659d960.js');
+var togetherComponentGlobalContext = require('./utils-8fbbaa44.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-1bbf6b9e.js → index-f95b87a9.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
-var index$9 = require('./index-0caafed5.js');
-var index$7 = require('./index-11bed826.js');
-var index$2 = require('./index-58edb487.js');
-var normalizeLink = require('./normalizeLink-274774ab.js');
-var dataTransform = require('./dataTransform-fa785eb4.js');
+var index$9 = require('./index-ef724f61.js');
+var index$7 = require('./index-0825ee40.js');
+var index$2 = require('./index-b1da031f.js');
+var normalizeLink = require('./normalizeLink-97e71ca3.js');
+var dataTransform = require('./dataTransform-87362b08.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$d = require('./index-bad31b35.js');
-var index$4 = require('./index-d8180ab1.js');
+var index$d = require('./index-ebb7ce10.js');
+var index$4 = require('./index-fa6cbe4d.js');
 var throttle = require('lodash/throttle');
-var index$c = require('./index-36d49d8d.js');
+var index$c = require('./index-dad64f2c.js');
 require('@mantine/dates');
-var index$3 = require('./index-858a4f99.js');
-require('./useMantineLocale-797d5b2c.js');
-var index = require('./index-b5a47fe5.js');
-var index$b = require('./index-4ade4e19.js');
-require('./index.styles-cc900675.js');
-require('./translationsContext-bd61eec2.js');
+var index$3 = require('./index-553288af.js');
+require('./useMantineLocale-7d08995c.js');
+var index = require('./index-5c3062b3.js');
+var index$b = require('./index-9ae278de.js');
+require('./index.styles-8fbdf7c7.js');
+require('./translationsContext-ef6846fb.js');
 require('@mantine/hooks');
-var utils = require('./utils-494ab021.js');
-require('./other-2a354b8f.js');
-require('./index-dfd11f34.js');
-var constants = require('./constants-3e878e73.js');
+var utils = require('./utils-ef915833.js');
+require('./other-b20dedfd.js');
+require('./index-a2b97386.js');
+var constants = require('./constants-5719650b.js');
 var styled = require('@emotion/styled');
-var navigationProfileButton = require('./index-1eb5b389.js');
-var store = require('./store-fe572385.js');
-var index$1 = require('./index-476d0ac6.js');
-var togetherComponentGlobalContext = require('./utils-b0914dfa.js');
+var navigationProfileButton = require('./index-de7726f4.js');
+var store = require('./store-b2604ac9.js');
+var index$1 = require('./index-4659d960.js');
+var togetherComponentGlobalContext = require('./utils-8fbbaa44.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var constants$1 = require('./constants-9331329f.js');
+var constants$1 = require('./constants-1411ae97.js');
 var miscTheme = require('./miscTheme.js');
-var index$6 = require('./index-0750d866.js');
-var index$5 = require('./index-e7fbaef8.js');
-var useIsInit = require('./useIsInit-1de77feb.js');
+var index$6 = require('./index-1097f5b5.js');
+var index$5 = require('./index-d00cb4a8.js');
+var useIsInit = require('./useIsInit-d0bdf5e7.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$8 = require('./index-ef1c2a2f.js');
+var index$8 = require('./index-df250ef8.js');
 var other = require('@hhgtech/icons/other');
 var formatString = require('string-format');
-var index$a = require('./index-9d48c13b.js');
-var Locale = require('./Locale-7a170635.js');
+var index$a = require('./index-e4e3635e.js');
+var Locale = require('./Locale-2e4e6c63.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-b8b1d68e.js');
+var core$2 = require('./core-fe306eb9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -341,6 +341,7 @@ const StyledItem$6 = styled__default["default"].a `
   .name {
     font-size: 16px;
     font-weight: 400;
+    line-height: 24px;
   }
 
   &[data-theme='marryBaby']:hover,
@@ -362,6 +363,17 @@ const StyledItem$6 = styled__default["default"].a `
   }
 
   &[data-theme='marryBaby'] {
+    &.tarot-menu {
+      .icon {
+        background: linear-gradient(148deg, #fc5e9a 16.04%, #fe98bf 94.24%);
+      }
+      .name {
+        background: linear-gradient(91deg, #ea4f8a 1.24%, #fe8eb8 46.02%);
+        background-clip: text;
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
     .icon {
       display: flex;
       align-items: center;
@@ -483,7 +495,8 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                         ? item === null || item === void 0 ? void 0 : item.link
                         : `${UrlFE}/${item === null || item === void 0 ? void 0 : item.link.split('/').filter(Boolean).join('/')}/`
                     : '/';
-                return (React__default["default"].createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!index$7.isInternalLink(href) && {
+                const isTarotItem = (item === null || item === void 0 ? void 0 : item.id) === 'game' && siteType === 'marryBaby';
+                return (React__default["default"].createElement(StyledItem$6, Object.assign({ className: `iconMenu ${isTarotItem ? 'tarot-menu' : ''}`, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!index$7.isInternalLink(href) && {
                     target: '_blank',
                 }), { "data-theme": siteType, key: index$1, onClick: onClosePopup }),
                     React__default["default"].createElement("div", { className: "icon" },
@@ -500,7 +513,9 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                                 paddingRight: item.isNew ? 10 : 0,
                             } },
                             React__default["default"].createElement("p", { className: "name" }, item.name),
-                            item.isMobileAppTool && (React__default["default"].createElement(index.Text, { size: "n1", color: theme.fn.primaryColor(), weight: "regular" }, t('home.calcWithApp'))))),
+                            item.isMobileAppTool && (React__default["default"].createElement(index.Text, { size: "n1", color: theme.fn.primaryColor(), weight: (item === null || item === void 0 ? void 0 : item.id) && (item === null || item === void 0 ? void 0 : item.id) === activeItem
+                                    ? 'semiBold'
+                                    : 'regular' }, t('home.calcWithApp'))))),
                     item.isMobileAppTool && (React__default["default"].createElement(StyledIconNav, null,
                         React__default["default"].createElement(Phone, { className: "phone-icon", size: 16 }))),
                     React__default["default"].createElement(StyledIconNav, { className: "arrow-icon" },
@@ -1571,10 +1586,8 @@ const MenuServiceList = ({ closePopup, menuItems = [] }) => {
 };
 
 const HamburgerMenu = ({ menuItems }) => {
-    const { siteType,
-    // configs: { enableSearchBar },
-     } = React.useContext(NavigationContext);
-    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = navigationProfileButton.useCSSFocusPopupHelper();
+    const { siteType, configs: { enableNavTarotGame }, } = React.useContext(NavigationContext);
+    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = navigationProfileButton.useCSSFocusPopupHelper({ enableNavTarotGame });
     return (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbDown" },
         React__default["default"].createElement("header", { className: styles$2.menuContainer },
             React__default["default"].createElement("div", { className: styles$2.menuIcon, ref: containerRef, role: "button", tabIndex: 0, onBlur: onContainerBlur, onFocus: onContainerFocus },
@@ -1693,7 +1706,7 @@ const StyledHeader = styled__default["default"].div `
   ${utils.MediaQueries.mbDown} {
     position: relative;
     height: 56px;
-    background: white;
+    background-color: ${(props) => props.isMarryBaby ? 'transparent' : '#fff'};
     gap: 2px;
   }
 
@@ -2153,7 +2166,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-ff84c41e.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-6461faf6.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -2382,7 +2395,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const careNavItem = menuItems.find((m) => m.id === 'care');
     return (React__default["default"].createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-sitewide-banner-shown": isShowingSiteWideBanner, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, id: "site-header", ref: headerRef },
         sitewideBanner,
-        React__default["default"].createElement(StyledHeader, { "data-site-type": siteType },
+        React__default["default"].createElement(StyledHeader, { "data-site-type": siteType, isMarryBaby: siteType === 'marryBaby' },
             React__default["default"].createElement(StyledLeftGroup, { "data-site-type": siteType },
                 isMobile && React__default["default"].createElement(HamburgerMenu, { menuItems: menuItems }),
                 logoComponent || (React__default["default"].createElement("a", { style: {
@@ -2555,7 +2568,7 @@ const useInsider = () => {
 
 const useNavServices = () => {
     const { t } = index$4.useTranslations();
-    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, statics, }, } = React.useContext(NavigationContext);
+    const { siteType, locale, configs: { enableNavDiscover, enableNavHealthTools, enableNavCare, enableNavTogether, enableNavEcom, enableNavVideo, enableNavTarotGame, statics, }, } = React.useContext(NavigationContext);
     const isMarryBaby = siteType === 'marryBaby';
     const services = React.useMemo(() => {
         var _a;
@@ -2616,8 +2629,22 @@ const useNavServices = () => {
                 thumbnail: index$3.CommonGAssets.getAssetPath('nav-icons/care.svg'),
                 popupType: locale === 'id-ID' ? 'care' : null,
             });
+        enableNavTarotGame &&
+            _services.push({
+                name: 'MỚI - Tarot cho mẹ bầu',
+                id: 'game',
+                link: normalizeLink.normalizeLinkSlash(statics.HOME_PAGE_URL + '/xem-bai-tarot-online/'),
+                thumbnail: index$3.CommonGAssets.getAssetPath('play-card.svg'),
+                popupType: 'none',
+            });
         return _services;
-    }, []);
+    }, [
+        locale,
+        enableNavCare,
+        enableNavTogether,
+        enableNavEcom,
+        enableNavTarotGame,
+    ]);
     return services;
 };
 

package/build/{index-6d985dbc.js → index-f9ca1de3.js}

@@ -1,36 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-28e67127.js');
+var tslib_es6 = require('./tslib.es6-ae75cabd.js');
 var React = require('react');
-var index$7 = require('./index-476d0ac6.js');
-var index$3 = require('./index-0750d866.js');
-var index = require('./index-d8180ab1.js');
+var index$7 = require('./index-4659d960.js');
+var index$3 = require('./index-1097f5b5.js');
+var index = require('./index-fa6cbe4d.js');
 var innertext = require('innertext');
-var index$1 = require('./index-183673df.js');
-var index$2 = require('./index-858a4f99.js');
-var constants = require('./constants-fe15f6d8.js');
+var index$1 = require('./index-138a00c8.js');
+var index$2 = require('./index-553288af.js');
+var constants = require('./constants-356b1b74.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var togetherComponentGlobalContext = require('./utils-b0914dfa.js');
-var treePopoverMenu = require('./treePopoverMenu-fd01fefc.js');
+var togetherComponentGlobalContext = require('./utils-8fbbaa44.js');
+var treePopoverMenu = require('./treePopoverMenu-f206377f.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-494ab021.js');
+var utils = require('./utils-ef915833.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-fa785eb4.js');
+var dataTransform = require('./dataTransform-87362b08.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$9 = require('./index-7efe2ee3.js');
-var togetherMoleculesCardAuthor = require('./index-de9ab2ed.js');
-var togetherMoleculesProfileDetail = require('./index-c3927ed5.js');
-var togetherMoleculesPostImagePreview = require('./index-de5f81dd.js');
-var index$a = require('./index-32ecf2ff.js');
-var index$8 = require('./index-6fd34ceb.js');
-require('./index-58edb487.js');
+var index$9 = require('./index-d572e9c4.js');
+var togetherMoleculesCardAuthor = require('./index-19a3d363.js');
+var togetherMoleculesProfileDetail = require('./index-7f617d53.js');
+var togetherMoleculesPostImagePreview = require('./index-ebed164b.js');
+var index$a = require('./index-4a825a87.js');
+var index$8 = require('./index-1e66a181.js');
+require('./index-b1da031f.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$6 = require('./index-1fb5c598.js');
-var index$4 = require('./index-b5a47fe5.js');
-var index$5 = require('./index-3ff441fe.js');
-var normalizeLink = require('./normalizeLink-274774ab.js');
+var index$6 = require('./index-502b7316.js');
+var index$4 = require('./index-5c3062b3.js');
+var index$5 = require('./index-897e744b.js');
+var normalizeLink = require('./normalizeLink-97e71ca3.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }