@hhgtech/hhg-components 1.29.87 → 1.29.89

package/build/esm/{labelSorting-eaf1959d.js → labelSorting-27ecf45e.js}

@@ -1,9 +1,9 @@
 import React__default, { useContext } from 'react';
-import { T as Text } from './index-22dbd9d2.js';
-import './translationsContext-f05845a3.js';
+import { T as Text } from './index-99551970.js';
+import './translationsContext-8afb0ce3.js';
 import 'string-format';
-import { T as TogetherComponentGlobalContext } from './utils-aa5734af.js';
-import { L as LabelSortPin, b as TreePopoverMenu } from './treePopoverMenu-32a26245.js';
+import { T as TogetherComponentGlobalContext } from './utils-f873578b.js';
+import { L as LabelSortPin, b as TreePopoverMenu } from './treePopoverMenu-04ded0ef.js';
 
 var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%233E3F58' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8 14 4 4 4-4M16 10l-4-4-4 4'/%3e%3c/svg%3e";
 var MBSortBy = img$1;

package/build/esm/lead.js

@@ -1,39 +1,41 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-2813a841.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e0840efa.js';
 import React__default, { createContext, useMemo, useRef, useState, useEffect, useContext } from 'react';
 import debounce from 'lodash/debounce';
 import { createFormContext } from '@mantine/form';
-import { u as useTranslations } from './useTranslations-12762455.js';
-import { T as Text } from './index-22dbd9d2.js';
+import { u as useTranslations } from './useTranslations-b66d9f2b.js';
+import { T as Text } from './index-99551970.js';
 import { createStyles, Box, Portal, Transition, Overlay } from '@mantine/core';
-import { S as Select, e as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput } from './index-691f32bb.js';
-import { D as DatePicker } from './index-69dd7596.js';
-import { M as MAPPED_LOCALE } from './utils-24afe0f1.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput } from './index-57da0f13.js';
+import { D as DatePicker } from './index-32a968a1.js';
+import { M as MAPPED_LOCALE } from './utils-f4b925d7.js';
 import '@mantine/dates';
-import './index-02019218.js';
-import './index-f56ad865.js';
-import { C as CommonGAssets } from './index-e2a19de9.js';
-import './useMantineLocale-7d4ef853.js';
-import { B as Button$1 } from './index-d72f98d1.js';
-import { T as TranslationsContext } from './translationsContext-f05845a3.js';
+import './index-9e220aaa.js';
+import './index-7decdf27.js';
+import { C as CommonGAssets } from './index-9f076f64.js';
+import './useMantineLocale-b29ca68b.js';
+import { B as Button$1 } from './index-c4b04b5f.js';
+import './index.styles-25454e9c.js';
+import { T as TranslationsContext } from './translationsContext-8afb0ce3.js';
 import 'string-format';
 import '@mantine/hooks';
-import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-5ac430a2.js';
-import './other-8082eeb8.js';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-7f23b876.js';
-import { B as Button } from './index-bf7b2785.js';
-import { H as Heading$1 } from './index-7c6e33e0.js';
+import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-8a1f05c9.js';
+import './other-08d0b30e.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-91226a4d.js';
+import { B as Button } from './index-9c268a93.js';
+import { H as Heading$1 } from './index-1a2bc551.js';
 import { v1 } from 'uuid';
 import { theme } from './miscTheme.js';
 import { createPortal } from 'react-dom';
 import { getCookie, setCookie } from './miscCookieHelper.js';
 import dayjs from 'dayjs';
-import { C as Close } from './Close-9dbbc4f5.js';
+import { C as Close } from './Close-b8fc27b1.js';
 import '@hhgtech/icons/other';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './Locale-f781df87.js';
+import './Locale-b86a7a92.js';
+import './index-4cf37916.js';
 import 'classnames';
-import './useUniqueId-0c237f04.js';
+import './useUniqueId-8f710187.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';

package/build/esm/{logoIcon-cb9c1f10.js → logoIcon-ef6d9e4c.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-e2a19de9.js';
-import { I as ImageWrap } from './index-691f32bb.js';
+import { C as CommonGAssets } from './index-9f076f64.js';
+import { I as ImageWrap } from './index-4cf37916.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {

package/build/esm/mantine.js

@@ -1,40 +1,42 @@
-import { h as getMantineThemeOverride, i as StyledTextArea, D as DEBOUNCED_TIME, j as StyledSliderWrapper, k as StyledSlider } from './index-691f32bb.js';
-export { l as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, m as Carousel, d as CentralCarousel, e as Checkbox, f as ChipButton, c as Input, O as OTP, P as Phone, o as Popover, R as Radio, S as Select, T as Tabs, n as emotionCache, h as getMantineThemeOverride, t as themeColors } from './index-691f32bb.js';
-export { D as DatePicker } from './index-69dd7596.js';
-import { T as Text } from './index-22dbd9d2.js';
-export { T as Text } from './index-22dbd9d2.js';
-import { B as Button } from './index-d72f98d1.js';
-export { B as Button } from './index-d72f98d1.js';
-export { I as Indicator } from './index-e7c62f10.js';
+import { g as getMantineThemeOverride, f as StyledTextArea, D as DEBOUNCED_TIME, h as StyledSliderWrapper, i as StyledSlider } from './index-57da0f13.js';
+export { j as Accordion, A as Anchor, b as AspectRatio, a as Avatar, B as Breadcrumbs, k as Carousel, c as CentralCarousel, d as Checkbox, e as ChipButton, I as Input, O as OTP, P as Phone, m as Popover, R as Radio, S as Select, T as Tabs, l as emotionCache, g as getMantineThemeOverride, t as themeColors } from './index-57da0f13.js';
+export { D as DatePicker } from './index-32a968a1.js';
+import { T as Text } from './index-99551970.js';
+export { T as Text } from './index-99551970.js';
+import { B as Button } from './index-c4b04b5f.js';
+export { B as Button } from './index-c4b04b5f.js';
+export { I as Indicator } from './index-277566f7.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-export { M as Modal } from './index-d0d73bc9.js';
-import { _ as __rest } from './tslib.es6-2813a841.js';
+export { M as Modal } from './index-ed292946.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import { MantineProvider as MantineProvider$1, Badge as Badge$1, Spoiler as Spoiler$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text as Text$1, Button as Button$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';
-import { u as useTranslations } from './useTranslations-12762455.js';
+import { u as useTranslations } from './useTranslations-b66d9f2b.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-3dfef0e2.js';
-import { u as useMantineLocale } from './useMantineLocale-7d4ef853.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-7d4ef853.js';
-export { O as OTHER_THEME_CONFIG } from './other-8082eeb8.js';
+export { S as Switch } from './index-20199246.js';
+import { u as useMantineLocale } from './useMantineLocale-b29ca68b.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-b29ca68b.js';
+export { O as OTHER_THEME_CONFIG } from './other-08d0b30e.js';
 import '@hhgtech/icons/other';
-import './index-e2a19de9.js';
+import './index-9f076f64.js';
 import './constantsDomainLocales.js';
-import './Locale-f781df87.js';
+import './Locale-b86a7a92.js';
 import './constantsIsProduction.js';
-import './utils-5ac430a2.js';
+import './index.styles-25454e9c.js';
+import './utils-8a1f05c9.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-f56ad865.js';
-import './index-02019218.js';
+import './index-7decdf27.js';
+import './index-9e220aaa.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
+import './index-4cf37916.js';
 import 'classnames';
-import './useUniqueId-0c237f04.js';
+import './useUniqueId-8f710187.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-f05845a3.js';
+import './translationsContext-8afb0ce3.js';
 import 'string-format';
 import 'dayjs';
 

package/build/esm/misc.js

@@ -1,35 +1,35 @@
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-fe248dc9.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-12f6a99a.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-3bf28240.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-7207941a.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './index-f56ad865.js';
-import './index-e2a19de9.js';
+import './index-7decdf27.js';
+import './index-9f076f64.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-5ac430a2.js';
-import './useMantineLocale-7d4ef853.js';
-import './index-02019218.js';
-export { a as abbreviateNumber } from './number-59fe2c76.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-f3629b7f.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-8a1f05c9.js';
+import './useMantineLocale-b29ca68b.js';
+import './index-9e220aaa.js';
+export { a as abbreviateNumber } from './number-d26abebe.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-b81b8f17.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-4564c01a.js';
+export { f as formatPill } from './dataTransform-610e61bf.js';
 import 'dayjs';
 import '@emotion/react';
-import './Locale-f781df87.js';
+import './Locale-b86a7a92.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './other-8082eeb8.js';
-import './tslib.es6-2813a841.js';
+import './other-08d0b30e.js';
+import './tslib.es6-e0840efa.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './normalizeLink-c66d19ce.js';
-import './core-b4f1131e.js';
-import './WhatsApp-c6c8eded.js';
-import './index-f4468b77.js';
-import './index-9d1a8bc8.js';
+import './normalizeLink-d756e5e6.js';
+import './core-6d8629c2.js';
+import './WhatsApp-ed8ce0f2.js';
+import './index-a424a33d.js';
+import './index-56d0ac47.js';
 import 'js-cookie';
 import 'uuid';
 import 'lodash/throttle';

package/build/esm/miscGetDynamicHealthTool.js

@@ -1,11 +1,11 @@
-import { a as __awaiter } from './tslib.es6-2813a841.js';
-import { n as normalizeLinkSlash } from './normalizeLink-c66d19ce.js';
-import { c as getDiscoverApiDomain } from './routing-f3629b7f.js';
-import { g as getDataWithCache } from './core-b4f1131e.js';
-import './index-02019218.js';
+import { a as __awaiter } from './tslib.es6-e0840efa.js';
+import { a as normalizeLinkSlash } from './normalizeLink-d756e5e6.js';
+import { c as getDiscoverApiDomain } from './routing-b81b8f17.js';
+import { g as getDataWithCache } from './core-6d8629c2.js';
+import './index-9e220aaa.js';
 import 'date-fns/locale';
-import './index-f56ad865.js';
-import './Locale-f781df87.js';
+import './index-7decdf27.js';
+import './Locale-b86a7a92.js';
 import './constantsIsProduction.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';

package/build/esm/miscGetSocialList.js

@@ -1,12 +1,12 @@
 import React__default from 'react';
-import { _ as __rest } from './tslib.es6-2813a841.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-c6c8eded.js';
-import { S as SocialType } from './index-f56ad865.js';
-import { g as getHelloSitesUrl } from './index-f4468b77.js';
-import { C as CommonGAssets } from './index-e2a19de9.js';
-import { L as LOCALE } from './Locale-f781df87.js';
-import './index-9d1a8bc8.js';
-import './index-02019218.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-ed8ce0f2.js';
+import { S as SocialType } from './index-7decdf27.js';
+import { g as getHelloSitesUrl } from './index-a424a33d.js';
+import { C as CommonGAssets } from './index-9f076f64.js';
+import { L as LOCALE } from './Locale-b86a7a92.js';
+import './index-56d0ac47.js';
+import './index-9e220aaa.js';
 import 'date-fns/locale';
 import './constantsIsProduction.js';
 import './constantsSite.js';
@@ -84,7 +84,7 @@ function formatShareUrl(url, locale, channel) {
     return encodeURIComponent(channel
         ? (() => {
             const newUrl = new URL(fullUrl);
-            newUrl.searchParams.append('channel', channel);
+            newUrl.searchParams.append('cn', channel);
             return newUrl.toString();
         })()
         : fullUrl);
@@ -94,7 +94,7 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
         icon: React__default.createElement(Facebook, { size: size }),
         name: 'Facebook',
         type: SocialType.Facebook,
-        href: `https://www.facebook.com/sharer/sharer.php?u=${formatShareUrl(shareUrl, locale, SocialType.Facebook)}`,
+        href: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(formatShareUrl(shareUrl, locale, SocialType.Facebook))}`,
     },
     {
         icon: (React__default.createElement("img", { src: CommonGAssets.getAssetPath('zalo-mini.png'), alt: "Zalo", style: {
@@ -103,7 +103,7 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
             }, loading: "lazy" })),
         name: 'Zalo',
         type: SocialType.Zalo,
-        href: `https://sp.zalo.me/share?href=${formatShareUrl(shareUrl, locale, SocialType.Zalo)}`,
+        href: formatShareUrl(shareUrl, locale, SocialType.Zalo),
         allowedLocales: [LOCALE.Vietnam],
     },
     {
@@ -122,7 +122,7 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
         icon: React__default.createElement(Linkedin, { size: size }),
         name: 'LinkedIn',
         type: SocialType.LinkedIn,
-        href: `https://www.linkedin.com/sharing/share-offsite/?url=${formatShareUrl(shareUrl, locale, SocialType.LinkedIn)}`,
+        href: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(formatShareUrl(shareUrl, locale, SocialType.LinkedIn))}`,
     },
     {
         icon: React__default.createElement(Line, { size: size }),

package/build/esm/miscScreenSizeContext.js

@@ -1,6 +1,6 @@
 import React__default, { createContext, useState, useEffect, useMemo } from 'react';
 import throttle from 'lodash/throttle';
-import { B as Breakpoints } from './utils-5ac430a2.js';
+import { B as Breakpoints } from './utils-8a1f05c9.js';
 
 const ScreenSizeContext = createContext({
     isInit: true,

package/build/esm/mobileBottomNavigation.js

@@ -0,0 +1,19 @@
+import { _ as __rest } from './tslib.es6-e0840efa.js';
+import React__default from 'react';
+import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-ae6490d7.js';
+import './index-99551970.js';
+import '@mantine/core';
+import './other-08d0b30e.js';
+import './miscTheme.js';
+import '@emotion/react';
+import '@emotion/styled';
+import './utils-8a1f05c9.js';
+
+const MobileBottomNavigationWrapper = (_a) => {
+    var { children, isCollapsed = false, template = 'homepage' } = _a, rest = __rest(_a, ["children", "isCollapsed", "template"]);
+    return (React__default.createElement(StyledMobileBottomNavigation, Object.assign({ "data-is-collapsed": isCollapsed, "data-template": template }, rest), children));
+};
+const MobileBottomNavigation = MobileBottomNavigationWrapper;
+MobileBottomNavigation.Icon = MobileBottomNavigationIcon;
+
+export { MobileBottomNavigation };

package/build/esm/mobileBottomNavigationIcon.js

@@ -0,0 +1,10 @@
+import './tslib.es6-e0840efa.js';
+import 'react';
+import './index-99551970.js';
+import './miscTheme.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-ae6490d7.js';
+import '@mantine/core';
+import './other-08d0b30e.js';
+import '@emotion/react';
+import '@emotion/styled';
+import './utils-8a1f05c9.js';

package/build/esm/molecules.js

@@ -1,115 +1,122 @@
-export { l as AdBlock, A as ArticleCard, a as ArticleCardV2, B as Breadcrumbs, C as CategoryCard, b as CheckboxGroup, e as CookieAcceptConfirm, h as DateRangePicker, D as DoctorInfo, m as FixedBottomAdBlock, F as FloatButtonGroup, I as IconText, M as MobileBottomNavigation, f as MobileBottomNavigationIcon, P as ProgressBar, R as RadioGroup, S as ScrollList, g as SeoHead, j as ShareContainer, k as ShareDrawer, i as SideMenu, c as StatisticCard, d as Table, T as Tabs } from './fixedBottomAdBlock-e5747eb3.js';
-export { D as DatePicker } from './index-b503d8ca.js';
-export { D as Dropdown } from './index-d1c6a5eb.js';
-export { P as Popup } from './index-9d2cc0b2.js';
-export { M as Modal } from './index-1322446c.js';
-export { T as ToolsBannerCard } from './index-7aa8728c.js';
-export { D as DueDateForm } from './index-5407e81e.js';
+export { ArticleCard } from './moleculesArticleCard.js';
+export { ArticleCard as ArticleCardV2 } from './moleculesArticleCardV2.js';
+export { A as AdBlock, B as Breadcrumbs, C as CategoryCard, a as CheckboxGroup, d as CookieAcceptConfirm, f as DateRangePicker, D as DoctorInfo, j as FixedBottomAdBlock, F as FloatButtonGroup, I as IconText, R as RadioGroup, S as ScrollList, e as SeoHead, g as ShareContainer, h as ShareDrawer, i as SideMenu, b as StatisticCard, c as Table, T as Tabs } from './fixedBottomAdBlock-2af1606f.js';
+export { D as DatePicker } from './index-c130afdc.js';
+export { D as Dropdown } from './index-20192854.js';
+export { P as Popup } from './index-04ba5caa.js';
+export { M as Modal } from './index-13783871.js';
+export { ProgressBar } from './progressBar.js';
+export { MobileBottomNavigation } from './mobileBottomNavigation.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-ae6490d7.js';
+export { T as ToolsBannerCard } from './index-c5286b89.js';
+export { D as DueDateForm } from './index-4d27d02e.js';
 export { DueDateCardEmbed } from './embeddedHeathToolCards_dueDate_dueDate.js';
 export { BMICardEmbed } from './embeddedHeathToolCards_bmi_bmi.js';
-export { B as BmiForm } from './index-2449d246.js';
+export { B as BmiForm } from './index-5e17f985.js';
 export { BabyGrowthCardEmbed } from './embeddedHeathToolCards_babyGrowth.js';
 export { BabyPoopEmbed } from './embeddedHeathToolCards_babyPoop.js';
-export { B as BabyPoopForm } from './index-8f953b02.js';
+export { B as BabyPoopForm } from './index-082a24ae.js';
 export { THRCardEmbed } from './embeddedHeathToolCards_targetHeartRate.js';
-export { T as ThrForm } from './index-804dcc5a.js';
+export { T as ThrForm } from './index-70883b48.js';
 export { BMRCardEmbed } from './embeddedHeathToolCards_bmrBmr.js';
 export { OvulationCardEmbed } from './embeddedHeathToolCards_ovulation_ovulation.js';
-export { O as OvulationForm } from './index-394c352b.js';
-export { B as BabyVaccineForm } from './index-240e2930.js';
+export { O as OvulationForm } from './index-7ca4ec53.js';
+export { B as BabyVaccineForm } from './index-2ac50d8f.js';
 export { BabyVaccineCardEmbed } from './embeddedHeathToolCards_babyVaccine.js';
 export { PWGCardEmbed } from './embeddedHeathToolCards_pwg_pwg.js';
-export { P as PWGForm } from './index-3685677f.js';
-export { L as LanguageSwitcher } from './index-0dd98ba5.js';
-export { P as PillCarousel } from './index-63825539.js';
-export { A as AddressInput } from './index-b4866578.js';
-export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-0025652b.js';
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-169d4956.js';
+export { P as PWGForm } from './index-16a4f1c7.js';
+export { L as LanguageSwitcher } from './index-84b3ef3d.js';
+export { P as PillCarousel } from './index-e1d35fec.js';
+export { A as AddressInput } from './index-a54b6536.js';
+export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-346fd194.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-1b30aa0b.js';
 import 'react';
 import '@hhgtech/icons/other';
-import './index-e2a19de9.js';
+import './index-9f076f64.js';
 import './constantsDomainLocales.js';
-import './Locale-f781df87.js';
+import './Locale-b86a7a92.js';
 import './constantsIsProduction.js';
-import './index-22dbd9d2.js';
-import './tslib.es6-2813a841.js';
+import './index-99551970.js';
+import './tslib.es6-e0840efa.js';
 import '@mantine/core';
-import './other-8082eeb8.js';
-import './index-7c6e33e0.js';
+import './other-08d0b30e.js';
+import './index-1a2bc551.js';
 import './miscTheme.js';
 import 'innertext';
-import './index-691f32bb.js';
+import './index-57da0f13.js';
 import '@mantine/hooks';
-import './utils-5ac430a2.js';
+import './index.styles-25454e9c.js';
+import './utils-8a1f05c9.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-f56ad865.js';
-import './useMantineLocale-7d4ef853.js';
+import './index-7decdf27.js';
+import './useMantineLocale-b29ca68b.js';
 import 'dayjs';
-import './index-02019218.js';
+import './index-9e220aaa.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-d72f98d1.js';
+import './index-c4b04b5f.js';
+import './index-4cf37916.js';
 import 'classnames';
-import './useUniqueId-0c237f04.js';
+import './useUniqueId-8f710187.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-f05845a3.js';
+import './translationsContext-8afb0ce3.js';
 import 'string-format';
-import './index-1f077f71.js';
-import './index-2e4a2f44.js';
+import './index-72c269cf.js';
+import './index-d4dcfb68.js';
+import './index-949f771c.js';
+import './logoIcon-ef6d9e4c.js';
 import 'lodash/throttle';
-import './index-16ed17c9.js';
-import './logoIcon-cb9c1f10.js';
-import '@emotion/react';
 import 'html-react-parser';
 import 'date-fns';
-import './useOutsideClick-cabe5b52.js';
+import './useOutsideClick-12815e56.js';
 import 'date-fns/locale/en-US';
 import 'date-fns/locale/id';
 import 'date-fns/locale/vi';
 import 'date-fns/locale/zh-TW';
-import './index-bf7b2785.js';
-import './useTranslations-12762455.js';
+import './index-9c268a93.js';
+import './useTranslations-b66d9f2b.js';
 import './miscGetSocialList.js';
-import './WhatsApp-c6c8eded.js';
-import './index-f4468b77.js';
-import './index-9d1a8bc8.js';
+import './WhatsApp-ed8ce0f2.js';
+import './index-a424a33d.js';
+import './index-56d0ac47.js';
 import 'js-cookie';
 import 'uuid';
-import './index-4e0ef954.js';
-import './animation-12f6a99a.js';
+import './index-8b9c7b45.js';
+import '@emotion/react';
+import './animation-7207941a.js';
 import 'react-day-picker/DayPickerInput';
-import './useScrollbarSize-93f9665c.js';
+import './useScrollbarSize-431cf33c.js';
 import 'lodash/debounce';
 import 'react-dom';
 import './miscDefaultClassWrapper.js';
-import './LastPeriod-ebfcf053.js';
+import './LastPeriod-46d6c03f.js';
 import '@mantine/form';
-import './index-69dd7596.js';
-import './index-8801ddf9.js';
+import './index-32a968a1.js';
+import './index-9d7d3a53.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-7387a56d.js';
+import './useHealthToolCache-931ab3ca.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-c66d19ce.js';
-import './routing-f3629b7f.js';
-import './core-b4f1131e.js';
-import './constants-c65d5e73.js';
-import './index-46a2a5d7.js';
+import './normalizeLink-d756e5e6.js';
+import './routing-b81b8f17.js';
+import './core-6d8629c2.js';
+import './constants-0497b893.js';
+import './index-1313a7ac.js';
 import './embeddedHeathToolCards_helpers.js';
-import './index-b97f14ca.js';
-import './constants-7447b364.js';
-import './dataTransform-ad9d785b.js';
-import './index-d4941998.js';
-import './utils-24afe0f1.js';
-import './utils-aa5734af.js';
+import './index-930b0a77.js';
+import './constants-af02be2a.js';
+import './dataTransform-2023858d.js';
+import './index-38b87b21.js';
+import './utils-f4b925d7.js';
+import './utils-f873578b.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-cc650c45.js';
-import './index-d0d73bc9.js';
+import './index-19f27bd3.js';
+import './index-ed292946.js';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './index-0f6906bb.js';
+import './index-2c4a2d31.js';

package/build/esm/moleculesArticleCard.js

@@ -0,0 +1,85 @@
+import React__default, { memo } from 'react';
+import { Bookmark } from '@hhgtech/icons/other';
+import { C as CommonGAssets } from './index-9f076f64.js';
+import { T as Text } from './index-99551970.js';
+import { H as Heading } from './index-1a2bc551.js';
+import { theme } from './miscTheme.js';
+import './constantsDomainLocales.js';
+import './Locale-b86a7a92.js';
+import './constantsIsProduction.js';
+import './tslib.es6-e0840efa.js';
+import '@mantine/core';
+import './other-08d0b30e.js';
+
+var styles = {"expertName":"PiqKaXk","anchor":"HgbW6-m","card":"_6lkfLYy","author":"j7c-onH","pointer":"wwI1--d"};
+
+const CardAuthor = ({ avatarImg, authorName, authorLink, uploadTime, size, }) => {
+    return (React__default.createElement("div", { className: styles.author },
+        React__default.createElement("div", { className: "author" },
+            React__default.createElement("div", { className: "avatar", "data-size": size }, avatarImg),
+            React__default.createElement("div", { className: "poster", "data-is-disabled-url": !!!authorLink },
+                React__default.createElement(Text, { size: size === 'lg' ? 'p3' : 'p4' },
+                    React__default.createElement("a", { href: authorLink },
+                        React__default.createElement("span", { className: "name" }, authorName),
+                        "\u2022",
+                        ' '),
+                    React__default.createElement("span", null, uploadTime))))));
+};
+
+const CardExpert = ({ isMobile, avatarImg, name, link, size = 'lg', specialty, }) => {
+    return (React__default.createElement("div", { className: styles.author },
+        React__default.createElement("div", { className: "author" },
+            React__default.createElement("div", { className: "expert-avatar", "data-size": size }, avatarImg),
+            React__default.createElement("div", { className: "expert", "data-is-disabled-url": !!!link }, isMobile ? (React__default.createElement("a", { href: link }, size === 'lg' ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Heading, { tag: "h6", className: "expert__name", color: theme.colors.gray600 }, name),
+                React__default.createElement(Text, { color: theme.colors.gray500, size: "p3", className: "specialty" }, specialty))) : (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Heading, { tag: "h6", className: "expert__name", color: theme.colors.gray600 }, name))))) : (React__default.createElement("a", { href: link }, size === 'lg' ? (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Heading, { tag: "h6", className: "expert__name", color: theme.colors.gray600 }, name),
+                React__default.createElement(Text, { color: theme.colors.gray500, size: "p3", className: "specialty" }, specialty))) : (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("h6", { color: theme.colors.gray600, className: `${styles.expertName} expert__name` }, name),
+                React__default.createElement(Text, { color: theme.colors.gray500, size: "p4", className: "specialty" }, specialty)))))))));
+};
+
+const AffiliateIcon = memo(() => {
+    return (React__default.createElement("div", { className: "shoppable" },
+        React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+            React__default.createElement("rect", { width: "24", height: "24", rx: "12", fill: "#1B3250" }),
+            React__default.createElement("path", { d: "M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z", fill: "white" }))));
+});
+
+const ArticleCard = ({ articleLink, authorLink, authorName, avatarImg, banner, categoryLink, categoryName, className, dataEventActionForBanner, dataEventActionForBookmark, dataEventActionForCategory, dataEventActionForTitle, dataEventCategoryForBanner, dataEventCategoryForBookmark, dataEventCategoryForCategory, dataEventCategoryForTitle, dataEventLabelForBanner, dataEventLabelForBookmark, dataEventLabelForCategory, dataEventLabelForTitle, direction = 'horizontal', hasAffiliate, isBookmark = false, isBookmarkDisplayed = true, isMobile = true, onBookmark, onClickCategoryName, section = 'normal', size = 'md', specialty, style, styleBanner, styleLabel, styleTitle, text, title, type = 'author', uploadTime, articleLinkTarget, isPremium, headingAs, }) => {
+    const handleClick = (e) => {
+        e.stopPropagation();
+        onBookmark === null || onBookmark === void 0 ? void 0 : onBookmark();
+    };
+    const headingTag = size === 'lg' && type === 'expert'
+        ? 'h4'
+        : size === 'lg' && section === 'home'
+            ? isMobile
+                ? 'h4'
+                : 'h3'
+            : size === 'lg'
+                ? 'h4'
+                : 'h5';
+    const descriptionTag = size === 'lg' ? 'p3' : 'p4';
+    const categoryLabelTag = !isMobile && section === 'home' && size === 'lg' && type === 'author'
+        ? 'c1'
+        : 'c2';
+    return (React__default.createElement("article", { className: `${styles.card} ${className || ''}`, "data-size": size, style: style, "data-direction": direction, "data-is-expert": type === 'expert' || undefined },
+        React__default.createElement("div", { className: "banner", style: styleBanner },
+            React__default.createElement("a", { className: styles.anchor, "data-event-category": dataEventCategoryForBanner, "data-event-action": dataEventActionForBanner, "data-event-label": dataEventLabelForBanner, href: articleLink || '#', target: articleLinkTarget }, banner),
+            isPremium && (React__default.createElement("img", { loading: "lazy", className: "premium", src: CommonGAssets.getAssetPath('premium-crown.svg') })),
+            hasAffiliate && React__default.createElement(AffiliateIcon, null)),
+        React__default.createElement("div", { className: "content" },
+            React__default.createElement("div", { className: "inner-content" },
+                React__default.createElement(Text, { style: styleLabel, className: "label", size: categoryLabelTag, weight: "caption" },
+                    React__default.createElement("a", { className: styles.anchor, "data-event-category": dataEventCategoryForCategory, "data-event-action": dataEventActionForCategory, "data-event-label": dataEventLabelForCategory, href: categoryLink || '#', onClick: onClickCategoryName }, categoryName),
+                    isBookmarkDisplayed && (React__default.createElement("a", { className: "bookmark", onClick: handleClick }, !isBookmark ? (React__default.createElement(Bookmark, { size: 18, "data-event-category": dataEventCategoryForBookmark, "data-event-action": dataEventActionForBookmark, "data-event-label": dataEventLabelForBookmark })) : (React__default.createElement(Bookmark, { size: 18, isActive: true, "data-event-category": dataEventCategoryForBookmark, "data-event-action": dataEventActionForBookmark, "data-event-label": dataEventLabelForBookmark, activeColor: "#2ED69E" }))))),
+                React__default.createElement(Heading, { tag: headingTag, style: styleTitle, className: "title", as: headingAs || (size === 'lg' ? 'h2' : 'h3') },
+                    React__default.createElement("a", { className: styles.anchor, "data-event-category": dataEventCategoryForTitle, "data-event-action": dataEventActionForTitle, "data-event-label": dataEventLabelForTitle, href: articleLink || '#', target: articleLinkTarget }, title)),
+                text && (React__default.createElement("a", { href: articleLink || '#', target: articleLinkTarget },
+                    React__default.createElement(Text, { size: descriptionTag, className: "text" }, text)))),
+            React__default.createElement("div", { className: "footer" }, type === 'author' ? (React__default.createElement(CardAuthor, { size: size, avatarImg: avatarImg, authorName: authorName, authorLink: authorLink, uploadTime: uploadTime, handleClick: handleClick, isBookmarked: isBookmark, dataEventCategoryForBookmark: dataEventCategoryForBookmark, dataEventActionForBookmark: dataEventActionForBookmark, dataEventLabelForBookmark: dataEventLabelForBookmark })) : (React__default.createElement(CardExpert, { size: size, isMobile: isMobile, avatarImg: avatarImg, specialty: specialty, name: authorName, link: authorLink, handleClick: handleClick, isBookmarked: isBookmark, dataEventCategoryForBookmark: dataEventCategoryForBookmark, dataEventActionForBookmark: dataEventActionForBookmark, dataEventLabelForBookmark: dataEventLabelForBookmark }))))));
+};
+
+export { ArticleCard };