@hhgtech/hhg-components 1.29.503 → 1.29.504-beta-2

package/build/hooks.js

@@ -2,25 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-25deeb04.js');
-var useScrollbarSize = require('./useScrollbarSize-3aaa97df.js');
-var usePhoneValidator = require('./usePhoneValidator-59f75bb3.js');
-var useHealthToolCache = require('./useHealthToolCache-04d1c4f9.js');
-var useIsInit = require('./useIsInit-97c71526.js');
-var useOutsideClick = require('./useOutsideClick-95dda0c7.js');
-var useUniqueId = require('./useUniqueId-3e3e9861.js');
+var index = require('./index-00194ccb.js');
+var useScrollbarSize = require('./useScrollbarSize-0d9f9cf4.js');
+var usePhoneValidator = require('./usePhoneValidator-52d0214a.js');
+var useHealthToolCache = require('./useHealthToolCache-12c62800.js');
+var useIsInit = require('./useIsInit-e416a398.js');
+var useOutsideClick = require('./useOutsideClick-5e599989.js');
+var useUniqueId = require('./useUniqueId-de84850a.js');
 require('react');
-require('./translationsContext-69b66cd4.js');
+require('./translationsContext-1a4a43f1.js');
 require('lodash/debounce');
-require('./tslib.es6-b0022ccb.js');
+require('./tslib.es6-1952bc93.js');
 require('./miscCookieHelper.js');
-require('./index-5881bc43.js');
-require('./Locale-7c22db2d.js');
+require('./index-338926c9.js');
+require('./Locale-303efe02.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-24084c0c.js');
+require('./normalizeLink-7bb7b055.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./core-441c9340.js');
+require('./core-5ec71036.js');
 
 
 

package/build/i18n.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-69b66cd4.js');
-var translationsProvider = require('./translationsProvider-6f0b46c7.js');
+var translationsContext = require('./translationsContext-1a4a43f1.js');
+var translationsProvider = require('./translationsProvider-ec26ef2a.js');
 require('react');
 require('./i18n-values/en-PH.js');
 require('./i18n-values/hi-IN.js');

package/build/i18nV2.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-69b66cd4.js');
+var translationsContext = require('./translationsContext-1a4a43f1.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-25deeb04.js → index-00194ccb.js}

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

package/build/{index-9c9bdd88.js → index-00e1fdd9.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 var core = require('@mantine/core');
-var shared = require('./shared-7eca5b89.js');
-var index = require('./index-370a2531.js');
+var shared = require('./shared-b934d330.js');
+var index = require('./index-d2ed81a0.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e0cf9537.js → index-03a24032.js}

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

package/build/{index-ae08e632.js → index-04906b5f.js}

@@ -2,24 +2,24 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-6c4879f4.js');
+var utils = require('./utils-479f12ae.js');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
-var index = require('./index-929f90a9.js');
-var index$1 = require('./index-258dd8b0.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
+var index = require('./index-bbfe63a1.js');
+var index$1 = require('./index-60189b88.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-bd8a349e.js');
-require('./index-5881bc43.js');
-require('./index-149d4d82.js');
-require('./index-1f89af21.js');
-require('./index-96ec795a.js');
-require('./index-9c9bdd88.js');
-require('./index-370a2531.js');
-require('./index.styles-77e26658.js');
-require('./translationsContext-69b66cd4.js');
+require('./index-3ccf7dfb.js');
+require('./index-338926c9.js');
+require('./index-4aefe320.js');
+require('./index-520636d0.js');
+require('./index-2c65f292.js');
+require('./index-00e1fdd9.js');
+require('./index-d2ed81a0.js');
+require('./index.styles-44a8b124.js');
+require('./translationsContext-1a4a43f1.js');
 require('@mantine/hooks');
-require('./index-4dc76eb3.js');
+require('./index-ca0f5d88.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-86e55113.js → index-05089799.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-77e26658.js');
+var index_styles = require('./index.styles-44a8b124.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f42f9127.js → index-090885f6.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-40b3ff1e.js');
-var index$2 = require('./index-bd8a349e.js');
-var index = require('./index-5881bc43.js');
+var index$1 = require('./index-fc747e46.js');
+var index$2 = require('./index-3ccf7dfb.js');
+var index = require('./index-338926c9.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-f90f5189.js → index-0e652642.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
-require('./index-258dd8b0.js');
+require('./index-60189b88.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-bd8a349e.js');
-require('./index-5881bc43.js');
-require('./index-149d4d82.js');
-require('./index-1f89af21.js');
-var index = require('./index-96ec795a.js');
-require('./index-9c9bdd88.js');
-require('./index-370a2531.js');
-require('./index.styles-77e26658.js');
-require('./translationsContext-69b66cd4.js');
+require('./index-3ccf7dfb.js');
+require('./index-338926c9.js');
+require('./index-4aefe320.js');
+require('./index-520636d0.js');
+var index = require('./index-2c65f292.js');
+require('./index-00e1fdd9.js');
+require('./index-d2ed81a0.js');
+require('./index.styles-44a8b124.js');
+require('./translationsContext-1a4a43f1.js');
 require('@mantine/hooks');
-require('./utils-6c4879f4.js');
-require('./index-4dc76eb3.js');
+require('./utils-479f12ae.js');
+require('./index-ca0f5d88.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b25a571c.js → index-0f015118.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-96ec795a.js');
+var index = require('./index-2c65f292.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b421fecc.js → index-1295fba3.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-258dd8b0.js');
+require('./index-60189b88.js');
 require('@mantine/dates');
-require('./index-bd8a349e.js');
-require('./index-5881bc43.js');
-require('./index-149d4d82.js');
-require('./index-1f89af21.js');
-var index$2 = require('./index-96ec795a.js');
-var index$3 = require('./index-9c9bdd88.js');
-require('./index-370a2531.js');
-require('./index.styles-77e26658.js');
-var index = require('./index-25deeb04.js');
+require('./index-3ccf7dfb.js');
+require('./index-338926c9.js');
+require('./index-4aefe320.js');
+require('./index-520636d0.js');
+var index$2 = require('./index-2c65f292.js');
+var index$3 = require('./index-00e1fdd9.js');
+require('./index-d2ed81a0.js');
+require('./index.styles-44a8b124.js');
+var index = require('./index-00194ccb.js');
 require('@mantine/hooks');
-require('./utils-6c4879f4.js');
-require('./index-4dc76eb3.js');
-var context = require('./context-7f5ecaaf.js');
-var index$1 = require('./index-328083e4.js');
+require('./utils-479f12ae.js');
+require('./index-ca0f5d88.js');
+var context = require('./context-fd6867ae.js');
+var index$1 = require('./index-7bbc1ab9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9d49c861.js → index-12e79c4c.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-258dd8b0.js');
-var index$3 = require('./index-fa4de9e1.js');
-var index$4 = require('./index-96ec795a.js');
-require('./index-9c9bdd88.js');
-require('./index-370a2531.js');
-require('./index.styles-77e26658.js');
-var index = require('./index-25deeb04.js');
+require('./index-60189b88.js');
+var index$3 = require('./index-460dee10.js');
+var index$4 = require('./index-2c65f292.js');
+require('./index-00e1fdd9.js');
+require('./index-d2ed81a0.js');
+require('./index.styles-44a8b124.js');
+var index = require('./index-00194ccb.js');
 require('@mantine/hooks');
-require('./index-1f89af21.js');
-require('./utils-6c4879f4.js');
-require('./index-4dc76eb3.js');
-var context = require('./context-7f5ecaaf.js');
-var index$1 = require('./index-328083e4.js');
-var index$2 = require('./index-4c17e64e.js');
+require('./index-520636d0.js');
+require('./utils-479f12ae.js');
+require('./index-ca0f5d88.js');
+var context = require('./context-fd6867ae.js');
+var index$1 = require('./index-7bbc1ab9.js');
+var index$2 = require('./index-3e28c9bf.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-3aca5ce9.js → index-159b217a.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-04d1c4f9.js');
-var index = require('./index-25deeb04.js');
-var index$6 = require('./index-149d4d82.js');
-var constants = require('./constants-7e6f0e70.js');
-var index$2 = require('./index-4c17e64e.js');
-var index$5 = require('./index-258dd8b0.js');
-var index$3 = require('./index-fa4de9e1.js');
-var index$4 = require('./index-96ec795a.js');
-require('./index-9c9bdd88.js');
+var useHealthToolCache = require('./useHealthToolCache-12c62800.js');
+var index = require('./index-00194ccb.js');
+var index$6 = require('./index-4aefe320.js');
+var constants = require('./constants-77baf96a.js');
+var index$2 = require('./index-3e28c9bf.js');
+var index$5 = require('./index-60189b88.js');
+var index$3 = require('./index-460dee10.js');
+var index$4 = require('./index-2c65f292.js');
+require('./index-00e1fdd9.js');
 require('@mantine/core');
-require('./index-370a2531.js');
-require('./index.styles-77e26658.js');
+require('./index-d2ed81a0.js');
+require('./index.styles-44a8b124.js');
 require('@mantine/hooks');
-require('./index-1f89af21.js');
-require('./utils-6c4879f4.js');
-require('./index-4dc76eb3.js');
-require('./index-bd8a349e.js');
-var context = require('./context-7f5ecaaf.js');
-var index$1 = require('./index-328083e4.js');
+require('./index-520636d0.js');
+require('./utils-479f12ae.js');
+require('./index-ca0f5d88.js');
+require('./index-3ccf7dfb.js');
+var context = require('./context-fd6867ae.js');
+var index$1 = require('./index-7bbc1ab9.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-2f548c12.js → index-1604f9c6.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var core = require('@mantine/core');
-var index$1 = require('./index-370a2531.js');
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
+var index$1 = require('./index-d2ed81a0.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var react = require('@emotion/react');

package/build/{index-d4dce843.js → index-192c04b7.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index$3 = require('./index-7054ca74.js');
-var index$1 = require('./index-b25a571c.js');
-var index$2 = require('./index-96ec795a.js');
-var utils = require('./utils-6c4879f4.js');
+var index$3 = require('./index-ac613dca.js');
+var index$1 = require('./index-0f015118.js');
+var index$2 = require('./index-2c65f292.js');
+var utils = require('./utils-479f12ae.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-14c3cd4b.js');
+var togetherComponentGlobalContext = require('./utils-8d598f99.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
-var index$6 = require('./index-929f90a9.js');
-var index$4 = require('./index-25deeb04.js');
-var dataTransform = require('./dataTransform-77ab1a7e.js');
-var constants = require('./constants-7e6f0e70.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
+var index$6 = require('./index-bbfe63a1.js');
+var index$4 = require('./index-00194ccb.js');
+var dataTransform = require('./dataTransform-a137b7b0.js');
+var constants = require('./constants-77baf96a.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-d59385a4.js');
-var index$8 = require('./index-f8ef46fa.js');
-var index$7 = require('./index-cd7dde23.js');
-var index$5 = require('./index-a44342fe.js');
-var togetherRichTextEditor = require('./editor-70aa3545.js');
+var post = require('./post-4bd6976a.js');
+var index$8 = require('./index-c0d4fcb2.js');
+var index$7 = require('./index-29dc8199.js');
+var index$5 = require('./index-4a2128f8.js');
+var togetherRichTextEditor = require('./editor-a3ab17e4.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-d8d526fe.js');
-var togetherMoleculesPostImagePreview = require('./index-856dee96.js');
+var index = require('./index-750abc9e.js');
+var togetherMoleculesPostImagePreview = require('./index-d007d51d.js');
 var togetherShareBox = require('./togetherShareBox.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-fc8c57c3.js → index-1964bab7.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b0022ccb.js');
+var tslib_es6 = require('./tslib.es6-1952bc93.js');
 var React = require('react');
-var index$b = require('./index-2bc2067e.js');
-var index$3 = require('./index-bd8a349e.js');
-var normalizeLink = require('./normalizeLink-24084c0c.js');
-var dataTransform = require('./dataTransform-77ab1a7e.js');
+var SiteWideBanner = require('./SiteWideBanner-a25dfc94.js');
+var index$3 = require('./index-3ccf7dfb.js');
+var normalizeLink = require('./normalizeLink-7bb7b055.js');
+var dataTransform = require('./dataTransform-a137b7b0.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-69b66cd4.js');
+require('./translationsContext-1a4a43f1.js');
 var styled = require('@emotion/styled');
-var index = require('./index-258dd8b0.js');
+var index = require('./index-60189b88.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-4fdf7658.js');
+var navigationProfileButton = require('./index-7c5dc510.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-55d045b4.js');
+var index$c = require('./index-e539ac00.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$9 = require('./index-5881bc43.js');
-var index$6 = require('./index-149d4d82.js');
-require('./index-1f89af21.js');
-var index$4 = require('./index-96ec795a.js');
-var index$2 = require('./index-9c9bdd88.js');
-require('./index-370a2531.js');
-require('./index.styles-77e26658.js');
+var index$9 = require('./index-338926c9.js');
+var index$6 = require('./index-4aefe320.js');
+require('./index-520636d0.js');
+var index$4 = require('./index-2c65f292.js');
+var index$2 = require('./index-00e1fdd9.js');
+require('./index-d2ed81a0.js');
+require('./index.styles-44a8b124.js');
 require('@mantine/hooks');
-var utils = require('./utils-6c4879f4.js');
-require('./index-4dc76eb3.js');
-var constants = require('./constants-880d9d40.js');
-var store = require('./store-a80ecbcd.js');
-var index$5 = require('./index-f5bd1f39.js');
-var index$1 = require('./index-25deeb04.js');
-var useIsInit = require('./useIsInit-97c71526.js');
-var constants$1 = require('./constants-846eb0d5.js');
+var utils = require('./utils-479f12ae.js');
+require('./index-ca0f5d88.js');
+var constants = require('./constants-0845aff0.js');
+var store = require('./store-56e42eba.js');
+var index$5 = require('./index-4d5b3e53.js');
+var index$1 = require('./index-00194ccb.js');
+var useIsInit = require('./useIsInit-e416a398.js');
+var constants$1 = require('./constants-cb70823d.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$7 = require('./index-7054ca74.js');
-var index$8 = require('./index-b25a571c.js');
+var index$7 = require('./index-ac613dca.js');
+var index$8 = require('./index-0f015118.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$a = require('./index-52f11ab0.js');
+var index$a = require('./index-aa4e9e4e.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$c = require('./index-a44342fe.js');
-var Locale = require('./Locale-7c22db2d.js');
+var index$b = require('./index-4a2128f8.js');
+var Locale = require('./Locale-303efe02.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-441c9340.js');
+var core$2 = require('./core-5ec71036.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1008,7 +1008,7 @@ 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__namespace["default"].createElement(StyledItem$5, Object.assign({ className: core$1.clsx('iconMenu', `itemMenu-${item.id}`), "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$b.isInternalLink(href) && {
+                return (React__namespace["default"].createElement(StyledItem$5, Object.assign({ className: core$1.clsx('iconMenu', `itemMenu-${item.id}`), "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 }, (!SiteWideBanner.isInternalLink(href) && {
                     target: '_blank',
                 }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
                     React__namespace["default"].createElement("div", { className: "icon" },
@@ -1353,7 +1353,7 @@ const Item$2 = ({ post, index = 0 }) => {
     return (React__namespace["default"].createElement(StyledItem$3, { href: postUrl, "data-event-category": "Hamburger Navigation", "data-event-action": `Together Click ${index + 1}`, "data-event-label": postUrl },
         React__namespace["default"].createElement(StyledContent$1, null,
             React__namespace["default"].createElement(StyledInfoUser, null,
-                React__namespace["default"].createElement(index$c.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
+                React__namespace["default"].createElement(index$b.UserAvatar, { avatar: (_b = post.author) === null || _b === void 0 ? void 0 : _b.avatar, username: ((_c = post.author) === null || _c === void 0 ? void 0 : _c.name) || ((_d = post.author) === null || _d === void 0 ? void 0 : _d.username) }),
                 React__namespace["default"].createElement(StyledWrapInfo, null,
                     React__namespace["default"].createElement(StyledName, { "data-theme": siteType }, (_e = post.author) === null || _e === void 0 ? void 0 : _e.name),
                     React__namespace["default"].createElement(StyledInfo, null,
@@ -1828,7 +1828,7 @@ const StyledContainerItems$1 = styled__default["default"].div `
 const VideoSpotlights = ({ spotlightsList = [], layout = 'default', }) => {
     const { t } = index$1.useTranslations();
     const { configs: { statics }, } = React.useContext(navigationProfileButton.NavigationContext);
-    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$1, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__namespace["default"].createElement(index$b.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$9.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: `${statics.VIDEO_URL_FE}/`, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$6.CommonGAssets.getAssetPath('Spotlight.svg') }))));
+    return (React__namespace["default"].createElement(Spotlights, { title: t('home.navigator.menu.lastestVideos') }, spotlightsList.length !== 0 ? (React__namespace["default"].createElement(StyledContainerItems$1, null, spotlightsList === null || spotlightsList === void 0 ? void 0 : spotlightsList.slice(0, 4).map((video, index) => (React__namespace["default"].createElement(SiteWideBanner.VideoItem, { key: index, data: Object.assign(Object.assign({}, video), { type: index$9.VideoType.SHORTS }), layout: layout === 'default' ? 'overlay' : 'horizon', dataEventCategory: "Hamburger Navigation", dataEventAction: `Video Click ${index + 1}` }))))) : (React__namespace["default"].createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: `${statics.VIDEO_URL_FE}/`, cta: t('home.navigator.menu.category.noDatas.cta'), icon: index$6.CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
 const MenuVideoList = ({ spotlightsList = [], onClose, isOpen }) => {
@@ -2137,6 +2137,10 @@ const StyledHeaderWrapper = styled__default["default"].div `
 
   &[data-win-cash-back-theme='true'] {
     background-color: ${miscTheme.theme.colors.blue900};
+
+    .search-wrapper {
+      padding: 8px 16px;
+    }
   }
 
   &[data-site-type='helloSites'] {
@@ -2154,11 +2158,6 @@ const StyledHeaderWrapper = styled__default["default"].div `
     background-color: ${miscTheme.theme.mbColors.lightPink};
   }
 
-  ${utils.MediaQueries.mbUp} {
-    &[data-sitewide-banner-shown='true'][data-collapsed='true'] {
-      transform: translateY(-64px);
-    }
-  }
   ${utils.MediaQueries.mbDown} {
     &[data-site-type='marryBaby'] {
       border-bottom: none;
@@ -2361,7 +2360,9 @@ const StyleButtonAiChat = styled__default["default"](index$2.Button) `
 
 const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, projectType, customClasses, }) => {
     var _a, _b, _c, _d;
-    const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, isHomepage = false, 
+    const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerData, 
+    // sitewideBannerShown = true,
+    sitewideSite = 'discover', sponsorComponent, isHomepage = false, 
     // onBookingClick,
     currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
@@ -2431,9 +2432,9 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
         if (isMobile)
             scrolling();
     }, [isMobile]);
-    const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
-    return (React__namespace["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, "data-win-cash-back-theme": winCashBackTheme, id: "site-header", ref: headerRef, className: customClasses.wrapper },
-        sitewideBanner,
+    // const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner
+    return (React__namespace["default"].createElement(StyledHeaderWrapper, { "data-site-type": siteType, "data-sponsored": isSponsored, "data-header-type": "home", "data-collapsed": isCollapsed, "data-is-displayed": true, "data-win-cash-back-theme": winCashBackTheme, id: "site-header", ref: headerRef, className: customClasses.wrapper },
+        sitewideBanner || (React__namespace["default"].createElement(SiteWideBanner.SiteWideBanner, { site: sitewideSite, currentUrl: currentUrl, banner: sitewideBannerData })),
         React__namespace["default"].createElement(StyledHeader, { className: customClasses.header, "data-site-type": siteType, "data-win-cash-back-theme": winCashBackTheme },
             React__namespace["default"].createElement(StyledLeftGroup, { className: customClasses.leftGroup, "data-site-type": siteType },
                 isMobile && (React__namespace["default"].createElement(HamburgerMenu, { menuItems: menuItems.filter((m) => !!m.link), isHomepage: isHomepage, projectType: projectType })),
@@ -2441,7 +2442,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
                     React__namespace["default"].createElement("div", null,
-                        React__namespace["default"].createElement(index$d.Logo, { style: {
+                        React__namespace["default"].createElement(index$c.Logo, { style: {
                                 display: 'flex',
                             }, type: logoType, badge: locale === 'id-ID' && (React__namespace["default"].createElement("img", { src: index$6.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server', isLightLogo: winCashBackTheme })))),
                 !isMobile && (React__namespace["default"].createElement(React__namespace["default"].Fragment, null, siteType === 'marryBaby' ? (React__namespace["default"].createElement(NavigationMenu, { menuItems: menuItems, originalMenuItems: menuItems, className: customClasses.navMenu })) : (enableSearchBar && (React__namespace["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile })))))),
@@ -2469,7 +2470,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                                 borderLeft: '1px solid #E4E8EC',
                             } })),
                         React__namespace["default"].createElement(CartBadge, { "data-cart-menu": "true", "data-event-category": "Ecommerce", "data-event-action": "Cart Click", "data-event-label": currentUrl, count: cartNumber, locale: locale })))))),
-        isMobile && isHomepage && (React__namespace["default"].createElement(StyleWrapperNavigtionSearch, { style: { padding: winCashBackTheme ? '12px 16px' : undefined } },
+        isMobile && isHomepage && (React__namespace["default"].createElement(StyleWrapperNavigtionSearch, { className: "search-wrapper" },
             React__namespace["default"].createElement(NavigtionSearch, { siteType: siteType, projectType: projectType, isMobile: isMobile, isHomepage: isHomepage }))),
         sponsorComponent
             ? !React__namespace["default"].isValidElement(sponsorComponent)
@@ -2529,7 +2530,7 @@ const useHeaderHeight = ({ hasSponsoredBanners, isSponsored, isShowingSiteWideBa
         headerRef.current,
     ]);
     const defaultHeaderHeight = React.useMemo(() => {
-        let res = isMobile ? 56 : 56;
+        let res = isMobile ? 56 : 60;
         if (isShowingSiteWideBanner) {
             res += 64;
         }
@@ -2715,7 +2716,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__namespace["default"].createElement("section", { ref: headerRef },
-            React__namespace["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__namespace["default"].createElement(index$b.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), customClasses: customClasses }))));
+            React__namespace["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, projectType: projectType, languageMenu: React__namespace["default"].createElement(SiteWideBanner.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), customClasses: customClasses }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);

package/build/{index-605aad89.js → index-1f6cff2a.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-7054ca74.js');
-var togetherComponentGlobalContext = require('./utils-14c3cd4b.js');
+var index = require('./index-ac613dca.js');
+var togetherComponentGlobalContext = require('./utils-8d598f99.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');