@hhgtech/hhg-components 1.29.119 → 1.29.120

package/build/components/navigationV2/components/molecules/navigationBar/index.d.ts

@@ -7,7 +7,6 @@ export interface Props {
     enableBookingBtn?: boolean;
     logoComponent?: JSX.Element;
     subHead?: JSX.Element;
-    enableAppIntroPage?: boolean;
 }
-declare const NavigationBar: ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, enableAppIntroPage, }: Props) => React.JSX.Element;
+declare const NavigationBar: ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, }: Props) => React.JSX.Element;
 export { NavigationBar };

package/build/components/navigationV2/index.d.ts

@@ -57,7 +57,6 @@ export type Props = {
     enableBookingBtn?: boolean;
     cartNumber?: number;
     subHead?: JSX.Element;
-    enableAppIntroPage?: boolean;
 };
 declare const NavigationV2: (props: Props) => React.JSX.Element;
 export declare const getNavMenuContent: (locale: string) => Promise<NavMenuContentType>;

package/build/components.js

@@ -56,8 +56,8 @@ var index$w = require('./index-b4d1d1f4.js');
 var index$x = require('./index-ff210c0f.js');
 var index$y = require('./index-0890d050.js');
 var surveyOrPremiumBanner = require('./index-fcda47e8.js');
-var index$z = require('./index-fbc13c4e.js');
-var index$A = require('./index-fa16d48c.js');
+var index$z = require('./index-777991dd.js');
+var index$A = require('./index-ddc8ddd9.js');
 var index$B = require('./index-dd68f163.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
 var navigationProfileButton = require('./index-5b0d577c.js');

package/build/esm/components/navigationV2/components/molecules/navigationBar/index.d.ts

@@ -7,7 +7,6 @@ export interface Props {
     enableBookingBtn?: boolean;
     logoComponent?: JSX.Element;
     subHead?: JSX.Element;
-    enableAppIntroPage?: boolean;
 }
-declare const NavigationBar: ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, enableAppIntroPage, }: Props) => React.JSX.Element;
+declare const NavigationBar: ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, }: Props) => React.JSX.Element;
 export { NavigationBar };

package/build/esm/components/navigationV2/index.d.ts

@@ -57,7 +57,6 @@ export type Props = {
     enableBookingBtn?: boolean;
     cartNumber?: number;
     subHead?: JSX.Element;
-    enableAppIntroPage?: boolean;
 };
 declare const NavigationV2: (props: Props) => React.JSX.Element;
 export declare const getNavMenuContent: (locale: string) => Promise<NavMenuContentType>;

package/build/esm/components.js

@@ -52,8 +52,8 @@ export { L as LanguageSwitcher } from './index-2691130d.js';
 export { P as PillCarousel } from './index-fe52d3a5.js';
 export { A as AddressInput } from './index-da9b1631.js';
 export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-4dc0142d.js';
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-8fd3c72a.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-83069d88.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-1385c32e.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-aac4aade.js';
 export { F as Footer } from './index-94b7d61b.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
 export { N as NavigationProfileButton } from './index-fab7d1da.js';

package/build/esm/{index-8fd3c72a.js → index-1385c32e.js}

@@ -41,7 +41,7 @@ import { U as UserAvatar } from './index-412c9834.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import { C as Container } from './index-82287500.js';
 import { u as useSSOV2Store } from './store-4be9da06.js';
-import { g as getHelloSitesUrl } from './index-9728e39f.js';
+import { L as LOCALE } from './Locale-e8ccc1ec.js';
 import debounce from 'lodash/debounce';
 import { g as getDataWithCache } from './core-b7f53fe8.js';
 
@@ -2130,7 +2130,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
         item.popupType === 'categories' ? (React__default.createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights, onClose: onClose })) : item.popupType === 'tools' ? (React__default.createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, onClose: onClose })) : item.popupType === 'together' ? (React__default.createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights, onClose: onClose })) : item.popupType === 'care' ? (React__default.createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights, onClose: onClose })) : null));
 };
 
-const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, enableAppIntroPage, }) => {
+const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, }) => {
     var _a;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, onBookingClick, currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
@@ -2147,6 +2147,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const { t } = useTranslations();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
+    const enableAppIntroPage = useMemo(() => locale === LOCALE.Vietnam && siteType === 'helloSites', [locale]);
     const [isCollapsed, setIsCollapsed] = useState(false);
     const scrollY = useRef(47);
     const headerRef = useRef(null);
@@ -2225,7 +2226,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         careNavItem ? (React__default.createElement(ItemNavButton, { item: careNavItem, color: "gray" })) : null,
                         enableNavCareBooking && (React__default.createElement(DisplayWrapper, { mediaQueryKey: "mbUp" },
                             React__default.createElement(BookingButton, { careUrlFe: statics.CARE_URL_FE, currentUrl: currentUrl, btnName: t('login.booking'), onCareHeaderClick: onBookingClick }))))),
-                    enableAppIntroPage && (React__default.createElement(Box, { component: "a", href: "/tai-app", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": `${getHelloSitesUrl(locale)}/tai-app/`, sx: (theme) => ({
+                    enableAppIntroPage && (React__default.createElement(Box, { component: "a", href: "https://applink.hellobacsi.com/o9Q88rQh7Mb", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": `https://applink.hellobacsi.com/o9Q88rQh7Mb`, sx: (theme) => ({
                             [theme.fn.largerThan('sm')]: {
                                 order: 10,
                             },
@@ -2460,7 +2461,7 @@ const StyledContainer = styled.div `
 
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, enableAppIntroPage, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
@@ -2478,7 +2479,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default.createElement("section", { ref: headerRef },
-            React__default.createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default.createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), enableAppIntroPage: enableAppIntroPage }))));
+            React__default.createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default.createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);

package/build/esm/{index-83069d88.js → index-aac4aade.js}

@@ -5,7 +5,7 @@ import { C as CommonGAssets } from './index-4d232cce.js';
 import { a as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-86616068.js';
 import { theme } from './miscTheme.js';
 import { A as Avatar } from './index-6a56e180.js';
-import { b as getTogetherUserPostsApiPath } from './index-8fd3c72a.js';
+import { b as getTogetherUserPostsApiPath } from './index-1385c32e.js';
 import { B as Button } from './index-6319b72c.js';
 
 const INTERNAL_CARD_URLS = {

package/build/esm/index.js

@@ -59,8 +59,8 @@ export { L as LanguageSwitcher } from './index-2691130d.js';
 export { P as PillCarousel } from './index-fe52d3a5.js';
 export { A as AddressInput } from './index-da9b1631.js';
 export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-4dc0142d.js';
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-8fd3c72a.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-83069d88.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-1385c32e.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-aac4aade.js';
 export { F as Footer } from './index-94b7d61b.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
 export { N as NavigationProfileButton } from './index-fab7d1da.js';
@@ -167,17 +167,17 @@ import './index-ba7d37ff.js';
 import 'dayjs/plugin/relativeTime';
 import './store-4be9da06.js';
 import 'zustand';
-import './index-9728e39f.js';
-import './index-9f4630f6.js';
 import 'lodash/debounce';
 import './core-b7f53fe8.js';
 import './post-c99062ca.js';
 import './editor-fd538600.js';
 import 'react-contenteditable';
+import './index-9f4630f6.js';
 import 'slugify';
 import './utils-cb38087c.js';
 import 'react-loading-skeleton';
 import 'lodash/shuffle';
+import './index-9728e39f.js';
 
 /* eslint-disable prettier/prettier */
 const CheckCircle = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "currentColor" }, props),

package/build/esm/navigation.js

@@ -1,4 +1,4 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-8fd3c72a.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-1385c32e.js';
 import './tslib.es6-53d41328.js';
 import 'react';
 import './index-2691130d.js';
@@ -65,8 +65,5 @@ import './index-412c9834.js';
 import './index-82287500.js';
 import './store-4be9da06.js';
 import 'zustand';
-import './index-9728e39f.js';
-import 'js-cookie';
-import 'uuid';
 import 'lodash/debounce';
 import './core-b7f53fe8.js';

package/build/esm/organisms.js

@@ -1,5 +1,5 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-8fd3c72a.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-83069d88.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-1385c32e.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-aac4aade.js';
 export { F as Footer } from './index-94b7d61b.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
 export { N as NavigationProfileButton } from './index-fab7d1da.js';
@@ -63,9 +63,6 @@ import './index-412c9834.js';
 import './index-82287500.js';
 import './store-4be9da06.js';
 import 'zustand';
-import './index-9728e39f.js';
-import 'js-cookie';
-import 'uuid';
 import 'lodash/debounce';
 import './core-b7f53fe8.js';
 import './index-6a56e180.js';

package/build/{index-fbc13c4e.js → index-777991dd.js}

@@ -43,7 +43,7 @@ var index$8 = require('./index-7e3b103a.js');
 var other = require('@hhgtech/icons/other');
 var index$9 = require('./index-0cf4aa3d.js');
 var store = require('./store-9b716e53.js');
-var index$c = require('./index-5668e239.js');
+var Locale = require('./Locale-d6de1ac6.js');
 var debounce = require('lodash/debounce');
 var core$2 = require('./core-8756604d.js');
 
@@ -2160,7 +2160,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
         item.popupType === 'categories' ? (React__default["default"].createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights, onClose: onClose })) : item.popupType === 'tools' ? (React__default["default"].createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, onClose: onClose })) : item.popupType === 'together' ? (React__default["default"].createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights, onClose: onClose })) : item.popupType === 'care' ? (React__default["default"].createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights, onClose: onClose })) : null));
 };
 
-const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, enableAppIntroPage, }) => {
+const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, }) => {
     var _a;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, onBookingClick, currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
@@ -2177,6 +2177,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
     const { t } = useTranslations.useTranslations();
     const { SSO_URL, HOME_PAGE_URL } = statics;
     const isSponsored = !!sponsorComponent;
+    const enableAppIntroPage = React.useMemo(() => locale === Locale.LOCALE.Vietnam && siteType === 'helloSites', [locale]);
     const [isCollapsed, setIsCollapsed] = React.useState(false);
     const scrollY = React.useRef(47);
     const headerRef = React.useRef(null);
@@ -2255,7 +2256,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         careNavItem ? (React__default["default"].createElement(ItemNavButton, { item: careNavItem, color: "gray" })) : null,
                         enableNavCareBooking && (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbUp" },
                             React__default["default"].createElement(BookingButton, { careUrlFe: statics.CARE_URL_FE, currentUrl: currentUrl, btnName: t('login.booking'), onCareHeaderClick: onBookingClick }))))),
-                    enableAppIntroPage && (React__default["default"].createElement(core.Box, { component: "a", href: "/tai-app", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": `${index$c.getHelloSitesUrl(locale)}/tai-app/`, sx: (theme) => ({
+                    enableAppIntroPage && (React__default["default"].createElement(core.Box, { component: "a", href: "https://applink.hellobacsi.com/o9Q88rQh7Mb", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": `https://applink.hellobacsi.com/o9Q88rQh7Mb`, sx: (theme) => ({
                             [theme.fn.largerThan('sm')]: {
                                 order: 10,
                             },
@@ -2490,7 +2491,7 @@ const StyledContainer = styled__default["default"].div `
 
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, enableAppIntroPage, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
@@ -2508,7 +2509,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default["default"].createElement("section", { ref: headerRef },
-            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default["default"].createElement(index$7.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }), enableAppIntroPage: enableAppIntroPage }))));
+            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default["default"].createElement(index$7.LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);

package/build/{index-fa16d48c.js → index-ddc8ddd9.js}

@@ -7,7 +7,7 @@ var index$1 = require('./index-d984cc74.js');
 var normalizeLink = require('./normalizeLink-26bd8fa6.js');
 var miscTheme = require('./miscTheme.js');
 var index = require('./index-4e6150c6.js');
-var index$2 = require('./index-fbc13c4e.js');
+var index$2 = require('./index-777991dd.js');
 var index$3 = require('./index-185f0896.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/index.js

@@ -63,8 +63,8 @@ var index$y = require('./index-b4d1d1f4.js');
 var index$z = require('./index-ff210c0f.js');
 var index$A = require('./index-0890d050.js');
 var surveyOrPremiumBanner = require('./index-fcda47e8.js');
-var index$B = require('./index-fbc13c4e.js');
-var index$C = require('./index-fa16d48c.js');
+var index$B = require('./index-777991dd.js');
+var index$C = require('./index-ddc8ddd9.js');
 var index$D = require('./index-dd68f163.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
 var navigationProfileButton = require('./index-5b0d577c.js');
@@ -171,17 +171,17 @@ require('./index-cff853d4.js');
 require('dayjs/plugin/relativeTime');
 require('./store-9b716e53.js');
 require('zustand');
-require('./index-5668e239.js');
-require('./index-956d8149.js');
 require('lodash/debounce');
 require('./core-8756604d.js');
 require('./post-c65aa293.js');
 require('./editor-c2e36c54.js');
 require('react-contenteditable');
+require('./index-956d8149.js');
 require('slugify');
 require('./utils-0b90c088.js');
 require('react-loading-skeleton');
 require('lodash/shuffle');
+require('./index-5668e239.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/navigation.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-fbc13c4e.js');
+var index = require('./index-777991dd.js');
 require('./tslib.es6-729332cd.js');
 require('react');
 require('./index-b4d1d1f4.js');
@@ -69,9 +69,6 @@ require('./index-7e3b103a.js');
 require('./index-0cf4aa3d.js');
 require('./store-9b716e53.js');
 require('zustand');
-require('./index-5668e239.js');
-require('js-cookie');
-require('uuid');
 require('lodash/debounce');
 require('./core-8756604d.js');
 

package/build/organisms.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-fbc13c4e.js');
-var index$1 = require('./index-fa16d48c.js');
+var index = require('./index-777991dd.js');
+var index$1 = require('./index-ddc8ddd9.js');
 var index$2 = require('./index-dd68f163.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
 var navigationProfileButton = require('./index-5b0d577c.js');
@@ -67,9 +67,6 @@ require('./index-7e3b103a.js');
 require('./index-0cf4aa3d.js');
 require('./store-9b716e53.js');
 require('zustand');
-require('./index-5668e239.js');
-require('js-cookie');
-require('uuid');
 require('lodash/debounce');
 require('./core-8756604d.js');
 require('./index-4e6150c6.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.119",
+  "version": "1.29.120",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [