@hhgtech/hhg-components 1.29.88 → 1.29.90

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-a2704991.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-a2704991.js';
-export { D as DatePicker } from './index-ef2b1e44.js';
-import { T as Text } from './index-7d97103f.js';
-export { T as Text } from './index-7d97103f.js';
-import { B as Button } from './index-2f06b1d8.js';
-export { B as Button } from './index-2f06b1d8.js';
-export { I as Indicator } from './index-0cf91429.js';
+import { g as getMantineThemeOverride, f as StyledTextArea, D as DEBOUNCED_TIME, h as StyledSliderWrapper, i as StyledSlider } from './index-21c80677.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-21c80677.js';
+export { D as DatePicker } from './index-b87e6e0b.js';
+import { T as Text } from './index-5d2f2783.js';
+export { T as Text } from './index-5d2f2783.js';
+import { B as Button } from './index-51179764.js';
+export { B as Button } from './index-51179764.js';
+export { I as Indicator } from './index-a134d156.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-export { M as Modal } from './index-7ab1ac4c.js';
-import { _ as __rest } from './tslib.es6-3970c414.js';
+export { M as Modal } from './index-011e1a41.js';
+import { _ as __rest } from './tslib.es6-fd8cab49.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-160e66cc.js';
+import { u as useTranslations } from './useTranslations-9767b0ea.js';
 import { useDebouncedValue } from '@mantine/hooks';
-export { S as Switch } from './index-c3d6b2ed.js';
-import { u as useMantineLocale } from './useMantineLocale-2ece6eac.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-2ece6eac.js';
-export { O as OTHER_THEME_CONFIG } from './other-811b7d93.js';
+export { S as Switch } from './index-d531588f.js';
+import { u as useMantineLocale } from './useMantineLocale-bef42461.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-bef42461.js';
+export { O as OTHER_THEME_CONFIG } from './other-f8b0155f.js';
 import '@hhgtech/icons/other';
-import './index-24f2f569.js';
+import './index-d4eef69b.js';
 import './constantsDomainLocales.js';
-import './Locale-81beb37e.js';
+import './Locale-ecfc005f.js';
 import './constantsIsProduction.js';
-import './utils-cee25689.js';
+import './index.styles-793c0b30.js';
+import './utils-1dbd61fa.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-5a81cbdd.js';
-import './index-69ca7b6a.js';
+import './index-e7128232.js';
+import './index-d5543323.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
+import './index-d034201a.js';
 import 'classnames';
-import './useUniqueId-d714426d.js';
+import './useUniqueId-d61a7b61.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-0cbb21e6.js';
+import './translationsContext-982b80f4.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-be70a31e.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-db89f033.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-636f4afc.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-e6680d35.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
 import 'react';
 import '@mantine/core';
-import './index-5a81cbdd.js';
-import './index-24f2f569.js';
+import './index-e7128232.js';
+import './index-d4eef69b.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-cee25689.js';
-import './useMantineLocale-2ece6eac.js';
-import './index-69ca7b6a.js';
-export { a as abbreviateNumber } from './number-7e3f376a.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-ed745cc6.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-1dbd61fa.js';
+import './useMantineLocale-bef42461.js';
+import './index-d5543323.js';
+export { a as abbreviateNumber } from './number-4add588d.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-e57320c2.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-f9e5b4ec.js';
+export { f as formatPill } from './dataTransform-65f0e010.js';
 import 'dayjs';
 import '@emotion/react';
-import './Locale-81beb37e.js';
+import './Locale-ecfc005f.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './other-811b7d93.js';
-import './tslib.es6-3970c414.js';
+import './other-f8b0155f.js';
+import './tslib.es6-fd8cab49.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './normalizeLink-fcd22117.js';
-import './core-bcdf3422.js';
-import './WhatsApp-2f54ed26.js';
-import './index-58982ea1.js';
-import './index-0ca51fbb.js';
+import './normalizeLink-136a636d.js';
+import './core-f2306660.js';
+import './WhatsApp-6e473416.js';
+import './index-ec003775.js';
+import './index-efcf28a7.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-3970c414.js';
-import { n as normalizeLinkSlash } from './normalizeLink-fcd22117.js';
-import { c as getDiscoverApiDomain } from './routing-ed745cc6.js';
-import { g as getDataWithCache } from './core-bcdf3422.js';
-import './index-69ca7b6a.js';
+import { a as __awaiter } from './tslib.es6-fd8cab49.js';
+import { a as normalizeLinkSlash } from './normalizeLink-136a636d.js';
+import { c as getDiscoverApiDomain } from './routing-e57320c2.js';
+import { g as getDataWithCache } from './core-f2306660.js';
+import './index-d5543323.js';
 import 'date-fns/locale';
-import './index-5a81cbdd.js';
-import './Locale-81beb37e.js';
+import './index-e7128232.js';
+import './Locale-ecfc005f.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-3970c414.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-2f54ed26.js';
-import { S as SocialType } from './index-5a81cbdd.js';
-import { g as getHelloSitesUrl } from './index-58982ea1.js';
-import { C as CommonGAssets } from './index-24f2f569.js';
-import { L as LOCALE } from './Locale-81beb37e.js';
-import './index-0ca51fbb.js';
-import './index-69ca7b6a.js';
+import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-6e473416.js';
+import { S as SocialType } from './index-e7128232.js';
+import { g as getHelloSitesUrl } from './index-ec003775.js';
+import { C as CommonGAssets } from './index-d4eef69b.js';
+import { L as LOCALE } from './Locale-ecfc005f.js';
+import './index-efcf28a7.js';
+import './index-d5543323.js';
 import 'date-fns/locale';
 import './constantsIsProduction.js';
 import './constantsSite.js';

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-cee25689.js';
+import { B as Breakpoints } from './utils-1dbd61fa.js';
 
 const ScreenSizeContext = createContext({
     isInit: true,

package/build/esm/mobileBottomNavigation.js

@@ -0,0 +1,19 @@
+import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import React__default from 'react';
+import { M as MobileBottomNavigationIcon, S as StyledMobileBottomNavigation } from './MobileBottomNavigationIcon-cfcb7894.js';
+import './index-5d2f2783.js';
+import '@mantine/core';
+import './other-f8b0155f.js';
+import './miscTheme.js';
+import '@emotion/react';
+import '@emotion/styled';
+import './utils-1dbd61fa.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-fd8cab49.js';
+import 'react';
+import './index-5d2f2783.js';
+import './miscTheme.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-cfcb7894.js';
+import '@mantine/core';
+import './other-f8b0155f.js';
+import '@emotion/react';
+import '@emotion/styled';
+import './utils-1dbd61fa.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-bb1a3c50.js';
-export { D as DatePicker } from './index-5f214b71.js';
-export { D as Dropdown } from './index-907fffe6.js';
-export { P as Popup } from './index-04146795.js';
-export { M as Modal } from './index-155daac5.js';
-export { T as ToolsBannerCard } from './index-efdc151c.js';
-export { D as DueDateForm } from './index-a715b700.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-3d6bb6ed.js';
+export { D as DatePicker } from './index-46c00291.js';
+export { D as Dropdown } from './index-c1527254.js';
+export { P as Popup } from './index-670afcce.js';
+export { M as Modal } from './index-da92eee1.js';
+export { ProgressBar } from './progressBar.js';
+export { MobileBottomNavigation } from './mobileBottomNavigation.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-cfcb7894.js';
+export { T as ToolsBannerCard } from './index-75811f98.js';
+export { D as DueDateForm } from './index-e63aadb3.js';
 export { DueDateCardEmbed } from './embeddedHeathToolCards_dueDate_dueDate.js';
 export { BMICardEmbed } from './embeddedHeathToolCards_bmi_bmi.js';
-export { B as BmiForm } from './index-b4cab951.js';
+export { B as BmiForm } from './index-54d714a2.js';
 export { BabyGrowthCardEmbed } from './embeddedHeathToolCards_babyGrowth.js';
 export { BabyPoopEmbed } from './embeddedHeathToolCards_babyPoop.js';
-export { B as BabyPoopForm } from './index-69c631bf.js';
+export { B as BabyPoopForm } from './index-9c7493b6.js';
 export { THRCardEmbed } from './embeddedHeathToolCards_targetHeartRate.js';
-export { T as ThrForm } from './index-140ea208.js';
+export { T as ThrForm } from './index-4d512cd9.js';
 export { BMRCardEmbed } from './embeddedHeathToolCards_bmrBmr.js';
 export { OvulationCardEmbed } from './embeddedHeathToolCards_ovulation_ovulation.js';
-export { O as OvulationForm } from './index-17115a3b.js';
-export { B as BabyVaccineForm } from './index-67603e6c.js';
+export { O as OvulationForm } from './index-6ce0d042.js';
+export { B as BabyVaccineForm } from './index-9197f143.js';
 export { BabyVaccineCardEmbed } from './embeddedHeathToolCards_babyVaccine.js';
 export { PWGCardEmbed } from './embeddedHeathToolCards_pwg_pwg.js';
-export { P as PWGForm } from './index-48fdf51c.js';
-export { L as LanguageSwitcher } from './index-11bc6557.js';
-export { P as PillCarousel } from './index-fbe76c43.js';
-export { A as AddressInput } from './index-b23b0c82.js';
-export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-cde1edae.js';
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-6fc9a327.js';
+export { P as PWGForm } from './index-1065c7d0.js';
+export { L as LanguageSwitcher } from './index-391aad5b.js';
+export { P as PillCarousel } from './index-714d2892.js';
+export { A as AddressInput } from './index-c8368a30.js';
+export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-f0dc90df.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-5a060837.js';
 import 'react';
 import '@hhgtech/icons/other';
-import './index-24f2f569.js';
+import './index-d4eef69b.js';
 import './constantsDomainLocales.js';
-import './Locale-81beb37e.js';
+import './Locale-ecfc005f.js';
 import './constantsIsProduction.js';
-import './index-7d97103f.js';
-import './tslib.es6-3970c414.js';
+import './index-5d2f2783.js';
+import './tslib.es6-fd8cab49.js';
 import '@mantine/core';
-import './other-811b7d93.js';
-import './index-8570e132.js';
+import './other-f8b0155f.js';
+import './index-296a1099.js';
 import './miscTheme.js';
 import 'innertext';
-import './index-a2704991.js';
+import './index-21c80677.js';
 import '@mantine/hooks';
-import './utils-cee25689.js';
+import './index.styles-793c0b30.js';
+import './utils-1dbd61fa.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-5a81cbdd.js';
-import './useMantineLocale-2ece6eac.js';
+import './index-e7128232.js';
+import './useMantineLocale-bef42461.js';
 import 'dayjs';
-import './index-69ca7b6a.js';
+import './index-d5543323.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-2f06b1d8.js';
+import './index-51179764.js';
+import './index-d034201a.js';
 import 'classnames';
-import './useUniqueId-d714426d.js';
+import './useUniqueId-d61a7b61.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-0cbb21e6.js';
+import './translationsContext-982b80f4.js';
 import 'string-format';
-import './index-e5797070.js';
-import './index-f42f0c66.js';
+import './index-6ebc4e40.js';
+import './index-918a026b.js';
+import './index-8002ffd2.js';
+import './logoIcon-fbc8e7a1.js';
 import 'lodash/throttle';
-import './index-29676661.js';
-import './logoIcon-6ed45e55.js';
-import '@emotion/react';
 import 'html-react-parser';
 import 'date-fns';
-import './useOutsideClick-2fae5fb5.js';
+import './useOutsideClick-9dd24b21.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-d3c3615e.js';
-import './useTranslations-160e66cc.js';
+import './index-42286f3e.js';
+import './useTranslations-9767b0ea.js';
 import './miscGetSocialList.js';
-import './WhatsApp-2f54ed26.js';
-import './index-58982ea1.js';
-import './index-0ca51fbb.js';
+import './WhatsApp-6e473416.js';
+import './index-ec003775.js';
+import './index-efcf28a7.js';
 import 'js-cookie';
 import 'uuid';
-import './index-4e92aaf2.js';
-import './animation-db89f033.js';
+import './index-b4efb261.js';
+import '@emotion/react';
+import './animation-e6680d35.js';
 import 'react-day-picker/DayPickerInput';
-import './useScrollbarSize-2a7e6dd2.js';
+import './useScrollbarSize-63b3d369.js';
 import 'lodash/debounce';
 import 'react-dom';
 import './miscDefaultClassWrapper.js';
-import './LastPeriod-fcd2b5ec.js';
+import './LastPeriod-cd2e1a56.js';
 import '@mantine/form';
-import './index-ef2b1e44.js';
-import './index-d10d5d1f.js';
+import './index-b87e6e0b.js';
+import './index-5f04e701.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-e6e0e96c.js';
+import './useHealthToolCache-41375a2b.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-fcd22117.js';
-import './routing-ed745cc6.js';
-import './core-bcdf3422.js';
-import './constants-f9614464.js';
-import './index-478546e8.js';
+import './normalizeLink-136a636d.js';
+import './routing-e57320c2.js';
+import './core-f2306660.js';
+import './constants-7628355c.js';
+import './index-f8cc91fb.js';
 import './embeddedHeathToolCards_helpers.js';
-import './index-63d30402.js';
-import './constants-247d5eb0.js';
-import './dataTransform-c3905a10.js';
-import './index-b927d85a.js';
-import './utils-d78e02e6.js';
-import './utils-3d9043fb.js';
+import './index-405b11d3.js';
+import './constants-785ee28c.js';
+import './dataTransform-7074431d.js';
+import './index-1778704d.js';
+import './utils-c1678a05.js';
+import './utils-8a1ccf09.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-877a46df.js';
-import './index-7ab1ac4c.js';
+import './index-cb4b219f.js';
+import './index-011e1a41.js';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './index-19a9a60d.js';
+import './index-7a3ac1f6.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-d4eef69b.js';
+import { T as Text } from './index-5d2f2783.js';
+import { H as Heading } from './index-296a1099.js';
+import { theme } from './miscTheme.js';
+import './constantsDomainLocales.js';
+import './Locale-ecfc005f.js';
+import './constantsIsProduction.js';
+import './tslib.es6-fd8cab49.js';
+import '@mantine/core';
+import './other-f8b0155f.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 };