@hhgtech/hhg-components 1.29.87 → 1.29.89

package/build/{logoIcon-bd143b65.js → logoIcon-f3283bfd.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-ddd1ae54.js');
-var index$1 = require('./index-0450bf33.js');
+var index = require('./index-1a6a94cd.js');
+var index$1 = require('./index-e8dc7fdb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,39 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-0450bf33.js');
-var index$1 = require('./index-82a0b931.js');
-var index$2 = require('./index-743255db.js');
-var index$3 = require('./index-b64c981f.js');
-var index$4 = require('./index-8a509409.js');
+var index = require('./index-4bf6b5da.js');
+var index$1 = require('./index-36723718.js');
+var index$2 = require('./index-6b95442c.js');
+var index$3 = require('./index-549b9e8c.js');
+var index$4 = require('./index-cc4ce0c4.js');
 var React = require('react');
-var index$5 = require('./index-0485f54b.js');
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
+var index$5 = require('./index-a839c6ca.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var useTranslations = require('./useTranslations-6363932f.js');
+var useTranslations = require('./useTranslations-8a9fa84d.js');
 var hooks = require('@mantine/hooks');
-var index$6 = require('./index-eae45243.js');
-var useMantineLocale = require('./useMantineLocale-8df90961.js');
-var other = require('./other-fcf0cbba.js');
+var index$6 = require('./index-70abc2ac.js');
+var useMantineLocale = require('./useMantineLocale-cc272195.js');
+var other = require('./other-eedaf6ca.js');
 require('@hhgtech/icons/other');
-require('./index-ddd1ae54.js');
+require('./index-1a6a94cd.js');
 require('./constantsDomainLocales.js');
-require('./Locale-126bf6bd.js');
+require('./Locale-07aceee9.js');
 require('./constantsIsProduction.js');
-require('./utils-03c7b063.js');
+require('./index.styles-9031f6d6.js');
+require('./utils-ae9740c0.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-538200cd.js');
-require('./index-169bae02.js');
+require('./index-d471ff2d.js');
+require('./index-648aac83.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
+require('./index-e8dc7fdb.js');
 require('classnames');
-require('./useUniqueId-47d33d64.js');
+require('./useUniqueId-621ec272.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-1fe0412c.js');
+require('./translationsContext-cd046df4.js');
 require('string-format');
 require('dayjs');
 

package/build/misc.js

@@ -2,38 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localizeNumberFormat = require('./localizeNumberFormat-52a8a959.js');
-var animation = require('./animation-fce92928.js');
+var localizeNumberFormat = require('./localizeNumberFormat-30e7f015.js');
+var animation = require('./animation-a1ed71d8.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./index-538200cd.js');
-require('./index-ddd1ae54.js');
+require('./index-d471ff2d.js');
+require('./index-1a6a94cd.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-03c7b063.js');
-require('./useMantineLocale-8df90961.js');
-require('./index-169bae02.js');
-var number = require('./number-8f639a87.js');
-var routing = require('./routing-90dba95d.js');
+var utils = require('./utils-ae9740c0.js');
+require('./useMantineLocale-cc272195.js');
+require('./index-648aac83.js');
+var number = require('./number-20d56f69.js');
+var routing = require('./routing-7a9c8608.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform = require('./dataTransform-64f3ba4c.js');
+var dataTransform = require('./dataTransform-867c472c.js');
 require('dayjs');
 require('@emotion/react');
-require('./Locale-126bf6bd.js');
+require('./Locale-07aceee9.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./other-fcf0cbba.js');
-require('./tslib.es6-d6f7eba3.js');
+require('./other-eedaf6ca.js');
+require('./tslib.es6-f3c387c0.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./normalizeLink-8a458cb4.js');
-require('./core-bcde5ba8.js');
-require('./WhatsApp-07eb4e4a.js');
-require('./index-5d3563a4.js');
-require('./index-9a3d05f1.js');
+require('./normalizeLink-c1b2b407.js');
+require('./core-58a245c5.js');
+require('./WhatsApp-8a1d6d0c.js');
+require('./index-0cb2de9d.js');
+require('./index-017f99b2.js');
 require('js-cookie');
 require('uuid');
 require('lodash/throttle');

package/build/miscGetDynamicHealthTool.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
-var normalizeLink = require('./normalizeLink-8a458cb4.js');
-var routing = require('./routing-90dba95d.js');
-var core = require('./core-bcde5ba8.js');
-require('./index-169bae02.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
+var normalizeLink = require('./normalizeLink-c1b2b407.js');
+var routing = require('./routing-7a9c8608.js');
+var core = require('./core-58a245c5.js');
+require('./index-648aac83.js');
 require('date-fns/locale');
-require('./index-538200cd.js');
-require('./Locale-126bf6bd.js');
+require('./index-d471ff2d.js');
+require('./Locale-07aceee9.js');
 require('./constantsIsProduction.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');

package/build/miscGetSocialList.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-d6f7eba3.js');
-var WhatsApp = require('./WhatsApp-07eb4e4a.js');
-var index = require('./index-538200cd.js');
-var index$2 = require('./index-5d3563a4.js');
-var index$1 = require('./index-ddd1ae54.js');
-var Locale = require('./Locale-126bf6bd.js');
-require('./index-9a3d05f1.js');
-require('./index-169bae02.js');
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
+var WhatsApp = require('./WhatsApp-8a1d6d0c.js');
+var index = require('./index-d471ff2d.js');
+var index$2 = require('./index-0cb2de9d.js');
+var index$1 = require('./index-1a6a94cd.js');
+var Locale = require('./Locale-07aceee9.js');
+require('./index-017f99b2.js');
+require('./index-648aac83.js');
 require('date-fns/locale');
 require('./constantsIsProduction.js');
 require('./constantsSite.js');
@@ -92,7 +92,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);
@@ -102,7 +102,7 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
         icon: React__default["default"].createElement(Facebook, { size: size }),
         name: 'Facebook',
         type: index.SocialType.Facebook,
-        href: `https://www.facebook.com/sharer/sharer.php?u=${formatShareUrl(shareUrl, locale, index.SocialType.Facebook)}`,
+        href: `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(formatShareUrl(shareUrl, locale, index.SocialType.Facebook))}`,
     },
     {
         icon: (React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('zalo-mini.png'), alt: "Zalo", style: {
@@ -111,7 +111,7 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
             }, loading: "lazy" })),
         name: 'Zalo',
         type: index.SocialType.Zalo,
-        href: `https://sp.zalo.me/share?href=${formatShareUrl(shareUrl, locale, index.SocialType.Zalo)}`,
+        href: formatShareUrl(shareUrl, locale, index.SocialType.Zalo),
         allowedLocales: [Locale.LOCALE.Vietnam],
     },
     {
@@ -130,7 +130,7 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
         icon: React__default["default"].createElement(Linkedin, { size: size }),
         name: 'LinkedIn',
         type: index.SocialType.LinkedIn,
-        href: `https://www.linkedin.com/sharing/share-offsite/?url=${formatShareUrl(shareUrl, locale, index.SocialType.LinkedIn)}`,
+        href: `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(formatShareUrl(shareUrl, locale, index.SocialType.LinkedIn))}`,
     },
     {
         icon: React__default["default"].createElement(Line, { size: size }),

package/build/miscScreenSizeContext.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var throttle = require('lodash/throttle');
-var utils = require('./utils-03c7b063.js');
+var utils = require('./utils-ae9740c0.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mobileBottomNavigation.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('./tslib.es6-f3c387c0.js');
+var React = require('react');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-efacfc0c.js');
+require('./index-6b95442c.js');
+require('@mantine/core');
+require('./other-eedaf6ca.js');
+require('./miscTheme.js');
+require('@emotion/react');
+require('@emotion/styled');
+require('./utils-ae9740c0.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const MobileBottomNavigationWrapper = (_a) => {
+    var { children, isCollapsed = false, template = 'homepage' } = _a, rest = tslib_es6.__rest(_a, ["children", "isCollapsed", "template"]);
+    return (React__default["default"].createElement(mobileBottomNavigationIcon.StyledMobileBottomNavigation, Object.assign({ "data-is-collapsed": isCollapsed, "data-template": template }, rest), children));
+};
+const MobileBottomNavigation = MobileBottomNavigationWrapper;
+MobileBottomNavigation.Icon = mobileBottomNavigationIcon.MobileBottomNavigationIcon;
+
+exports.MobileBottomNavigation = MobileBottomNavigation;

package/build/mobileBottomNavigationIcon.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./tslib.es6-f3c387c0.js');
+require('react');
+require('./index-6b95442c.js');
+require('./miscTheme.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-efacfc0c.js');
+require('@mantine/core');
+require('./other-eedaf6ca.js');
+require('@emotion/react');
+require('@emotion/styled');
+require('./utils-ae9740c0.js');
+
+
+
+exports.MobileBottomNavigationIcon = mobileBottomNavigationIcon.MobileBottomNavigationIcon;

package/build/molecules.js

@@ -2,127 +2,134 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var fixedBottomAdBlock = require('./fixedBottomAdBlock-4db856c1.js');
-var index = require('./index-126368b4.js');
-var index$1 = require('./index-d0ba8956.js');
-var index$2 = require('./index-477ad803.js');
-var index$3 = require('./index-ce1b7f76.js');
-var healthToolsCardWrapper = require('./index-a0ee5e9f.js');
-var index$4 = require('./index-3efdbdaf.js');
+var moleculesArticleCard = require('./moleculesArticleCard.js');
+var moleculesArticleCardV2 = require('./moleculesArticleCardV2.js');
+var fixedBottomAdBlock = require('./fixedBottomAdBlock-605a8692.js');
+var index = require('./index-668f591b.js');
+var index$1 = require('./index-ce2d2850.js');
+var index$2 = require('./index-a8705384.js');
+var index$3 = require('./index-36ba9947.js');
+var progressBar = require('./progressBar.js');
+var mobileBottomNavigation = require('./mobileBottomNavigation.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-efacfc0c.js');
+var healthToolsCardWrapper = require('./index-f30e56f1.js');
+var index$4 = require('./index-dec3abcf.js');
 var embeddedHeathToolCards_dueDate_dueDate = require('./embeddedHeathToolCards_dueDate_dueDate.js');
 var embeddedHeathToolCards_bmi_bmi = require('./embeddedHeathToolCards_bmi_bmi.js');
-var index$5 = require('./index-deec7e58.js');
+var index$5 = require('./index-7ce45455.js');
 var embeddedHeathToolCards_babyGrowth = require('./embeddedHeathToolCards_babyGrowth.js');
 var embeddedHeathToolCards_babyPoop = require('./embeddedHeathToolCards_babyPoop.js');
-var index$6 = require('./index-ad9d0b0a.js');
+var index$6 = require('./index-32abfb15.js');
 var embeddedHeathToolCards_targetHeartRate = require('./embeddedHeathToolCards_targetHeartRate.js');
-var index$7 = require('./index-d903234f.js');
+var index$7 = require('./index-be0a9d63.js');
 var embeddedHeathToolCards_bmrBmr = require('./embeddedHeathToolCards_bmrBmr.js');
 var embeddedHeathToolCards_ovulation_ovulation = require('./embeddedHeathToolCards_ovulation_ovulation.js');
-var index$8 = require('./index-922333dc.js');
-var index$9 = require('./index-4e5179a2.js');
+var index$8 = require('./index-188e2316.js');
+var index$9 = require('./index-d5d9ceb9.js');
 var embeddedHeathToolCards_babyVaccine = require('./embeddedHeathToolCards_babyVaccine.js');
 var embeddedHeathToolCards_pwg_pwg = require('./embeddedHeathToolCards_pwg_pwg.js');
-var index$a = require('./index-281daa83.js');
-var index$b = require('./index-34ca22f2.js');
-var index$c = require('./index-e3bbbf6e.js');
-var index$d = require('./index-e2ca51d6.js');
-var surveyOrPremiumBanner = require('./index-b2757afe.js');
-var surveyThankyouCard = require('./surveyThankyouCard-9aad36f8.js');
+var index$a = require('./index-4fd69136.js');
+var index$b = require('./index-6b7b4292.js');
+var index$c = require('./index-8d9663db.js');
+var index$d = require('./index-d0610b0f.js');
+var surveyOrPremiumBanner = require('./index-e018af91.js');
+var surveyThankyouCard = require('./surveyThankyouCard-db73c893.js');
 require('react');
 require('@hhgtech/icons/other');
-require('./index-ddd1ae54.js');
+require('./index-1a6a94cd.js');
 require('./constantsDomainLocales.js');
-require('./Locale-126bf6bd.js');
+require('./Locale-07aceee9.js');
 require('./constantsIsProduction.js');
-require('./index-743255db.js');
-require('./tslib.es6-d6f7eba3.js');
+require('./index-6b95442c.js');
+require('./tslib.es6-f3c387c0.js');
 require('@mantine/core');
-require('./other-fcf0cbba.js');
-require('./index-ffc38f11.js');
+require('./other-eedaf6ca.js');
+require('./index-9151d357.js');
 require('./miscTheme.js');
 require('innertext');
-require('./index-0450bf33.js');
+require('./index-4bf6b5da.js');
 require('@mantine/hooks');
-require('./utils-03c7b063.js');
+require('./index.styles-9031f6d6.js');
+require('./utils-ae9740c0.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-538200cd.js');
-require('./useMantineLocale-8df90961.js');
+require('./index-d471ff2d.js');
+require('./useMantineLocale-cc272195.js');
 require('dayjs');
-require('./index-169bae02.js');
+require('./index-648aac83.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-b64c981f.js');
+require('./index-549b9e8c.js');
+require('./index-e8dc7fdb.js');
 require('classnames');
-require('./useUniqueId-47d33d64.js');
+require('./useUniqueId-621ec272.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-1fe0412c.js');
+require('./translationsContext-cd046df4.js');
 require('string-format');
-require('./index-a5526d77.js');
-require('./index-a91bff81.js');
+require('./index-6b9e8dda.js');
+require('./index-0afde39e.js');
+require('./index-526cee72.js');
+require('./logoIcon-f3283bfd.js');
 require('lodash/throttle');
-require('./index-4c15723a.js');
-require('./logoIcon-bd143b65.js');
-require('@emotion/react');
 require('html-react-parser');
 require('date-fns');
-require('./useOutsideClick-dcf05d21.js');
+require('./useOutsideClick-f18dfe3f.js');
 require('date-fns/locale/en-US');
 require('date-fns/locale/id');
 require('date-fns/locale/vi');
 require('date-fns/locale/zh-TW');
-require('./index-418220e9.js');
-require('./useTranslations-6363932f.js');
+require('./index-aad249ab.js');
+require('./useTranslations-8a9fa84d.js');
 require('./miscGetSocialList.js');
-require('./WhatsApp-07eb4e4a.js');
-require('./index-5d3563a4.js');
-require('./index-9a3d05f1.js');
+require('./WhatsApp-8a1d6d0c.js');
+require('./index-0cb2de9d.js');
+require('./index-017f99b2.js');
 require('js-cookie');
 require('uuid');
-require('./index-0236dd90.js');
-require('./animation-fce92928.js');
+require('./index-86ecfc48.js');
+require('@emotion/react');
+require('./animation-a1ed71d8.js');
 require('react-day-picker/DayPickerInput');
-require('./useScrollbarSize-e144fad0.js');
+require('./useScrollbarSize-4aaa4dd1.js');
 require('lodash/debounce');
 require('react-dom');
 require('./miscDefaultClassWrapper.js');
-require('./LastPeriod-671d5143.js');
+require('./LastPeriod-c8c46da3.js');
 require('@mantine/form');
-require('./index-82a0b931.js');
-require('./index-8e183dab.js');
+require('./index-36723718.js');
+require('./index-f91ed3be.js');
 require('react-keyed-flatten-children');
 require('react-hook-form');
-require('./useHealthToolCache-42222cc2.js');
+require('./useHealthToolCache-4b5bfb11.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-8a458cb4.js');
-require('./routing-90dba95d.js');
-require('./core-bcde5ba8.js');
-require('./constants-ef1d9e50.js');
-require('./index-cd94cd77.js');
+require('./normalizeLink-c1b2b407.js');
+require('./routing-7a9c8608.js');
+require('./core-58a245c5.js');
+require('./constants-81b95117.js');
+require('./index-de26b5d1.js');
 require('./embeddedHeathToolCards_helpers.js');
-require('./index-41b74c44.js');
-require('./constants-83e17a08.js');
-require('./dataTransform-567bc0c2.js');
-require('./index-b7e7f5d7.js');
-require('./utils-4058dee5.js');
-require('./utils-87deb74b.js');
+require('./index-b04c5212.js');
+require('./constants-4cad9f4d.js');
+require('./dataTransform-9ec385e3.js');
+require('./index-f6b32484.js');
+require('./utils-c29214c6.js');
+require('./utils-251b2841.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./index-e256aef8.js');
-require('./index-0485f54b.js');
+require('./index-767f9ac6.js');
+require('./index-a839c6ca.js');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./index-28f47f15.js');
+require('./index-d393d57e.js');
 
 
 
+exports.ArticleCard = moleculesArticleCard.ArticleCard;
+exports.ArticleCardV2 = moleculesArticleCardV2.ArticleCard;
 exports.AdBlock = fixedBottomAdBlock.AdBlock;
-exports.ArticleCard = fixedBottomAdBlock.ArticleCard;
-exports.ArticleCardV2 = fixedBottomAdBlock.ArticleCard$1;
 exports.Breadcrumbs = fixedBottomAdBlock.Breadcrumbs;
 exports.CategoryCard = fixedBottomAdBlock.CategoryCard;
 exports.CheckboxGroup = fixedBottomAdBlock.CheckboxGroup;
@@ -132,9 +139,6 @@ exports.DoctorInfo = fixedBottomAdBlock.DoctorInfo;
 exports.FixedBottomAdBlock = fixedBottomAdBlock.FixedBottomAdBlock;
 exports.FloatButtonGroup = fixedBottomAdBlock.FloatButtonGroup;
 exports.IconText = fixedBottomAdBlock.IconText;
-exports.MobileBottomNavigation = fixedBottomAdBlock.MobileBottomNavigation;
-exports.MobileBottomNavigationIcon = fixedBottomAdBlock.MobileBottomNavigationIcon;
-exports.ProgressBar = fixedBottomAdBlock.ProgressBar;
 exports.RadioGroup = fixedBottomAdBlock.RadioGroup;
 exports.ScrollList = fixedBottomAdBlock.ScrollList;
 exports.SeoHead = fixedBottomAdBlock.SeoHead;
@@ -148,6 +152,9 @@ exports.DatePicker = index.DatePicker;
 exports.Dropdown = index$1.Dropdown;
 exports.Popup = index$2.Popup;
 exports.Modal = index$3.Modal;
+exports.ProgressBar = progressBar.ProgressBar;
+exports.MobileBottomNavigation = mobileBottomNavigation.MobileBottomNavigation;
+exports.MobileBottomNavigationIcon = mobileBottomNavigationIcon.MobileBottomNavigationIcon;
 exports.ToolsBannerCard = healthToolsCardWrapper.ToolsBannerCard;
 exports.DueDateForm = index$4.DueDateForm;
 exports.DueDateCardEmbed = embeddedHeathToolCards_dueDate_dueDate.DueDateCardEmbed;

package/build/moleculesArticleCard.js

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var other = require('@hhgtech/icons/other');
+var index$2 = require('./index-1a6a94cd.js');
+var index = require('./index-6b95442c.js');
+var index$1 = require('./index-9151d357.js');
+var miscTheme = require('./miscTheme.js');
+require('./constantsDomainLocales.js');
+require('./Locale-07aceee9.js');
+require('./constantsIsProduction.js');
+require('./tslib.es6-f3c387c0.js');
+require('@mantine/core');
+require('./other-eedaf6ca.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+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["default"].createElement("div", { className: styles.author },
+        React__default["default"].createElement("div", { className: "author" },
+            React__default["default"].createElement("div", { className: "avatar", "data-size": size }, avatarImg),
+            React__default["default"].createElement("div", { className: "poster", "data-is-disabled-url": !!!authorLink },
+                React__default["default"].createElement(index.Text, { size: size === 'lg' ? 'p3' : 'p4' },
+                    React__default["default"].createElement("a", { href: authorLink },
+                        React__default["default"].createElement("span", { className: "name" }, authorName),
+                        "\u2022",
+                        ' '),
+                    React__default["default"].createElement("span", null, uploadTime))))));
+};
+
+const CardExpert = ({ isMobile, avatarImg, name, link, size = 'lg', specialty, }) => {
+    return (React__default["default"].createElement("div", { className: styles.author },
+        React__default["default"].createElement("div", { className: "author" },
+            React__default["default"].createElement("div", { className: "expert-avatar", "data-size": size }, avatarImg),
+            React__default["default"].createElement("div", { className: "expert", "data-is-disabled-url": !!!link }, isMobile ? (React__default["default"].createElement("a", { href: link }, size === 'lg' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement(index$1.Heading, { tag: "h6", className: "expert__name", color: miscTheme.theme.colors.gray600 }, name),
+                React__default["default"].createElement(index.Text, { color: miscTheme.theme.colors.gray500, size: "p3", className: "specialty" }, specialty))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement(index$1.Heading, { tag: "h6", className: "expert__name", color: miscTheme.theme.colors.gray600 }, name))))) : (React__default["default"].createElement("a", { href: link }, size === 'lg' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement(index$1.Heading, { tag: "h6", className: "expert__name", color: miscTheme.theme.colors.gray600 }, name),
+                React__default["default"].createElement(index.Text, { color: miscTheme.theme.colors.gray500, size: "p3", className: "specialty" }, specialty))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("h6", { color: miscTheme.theme.colors.gray600, className: `${styles.expertName} expert__name` }, name),
+                React__default["default"].createElement(index.Text, { color: miscTheme.theme.colors.gray500, size: "p4", className: "specialty" }, specialty)))))))));
+};
+
+const AffiliateIcon = React.memo(() => {
+    return (React__default["default"].createElement("div", { className: "shoppable" },
+        React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+            React__default["default"].createElement("rect", { width: "24", height: "24", rx: "12", fill: "#1B3250" }),
+            React__default["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["default"].createElement("article", { className: `${styles.card} ${className || ''}`, "data-size": size, style: style, "data-direction": direction, "data-is-expert": type === 'expert' || undefined },
+        React__default["default"].createElement("div", { className: "banner", style: styleBanner },
+            React__default["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["default"].createElement("img", { loading: "lazy", className: "premium", src: index$2.CommonGAssets.getAssetPath('premium-crown.svg') })),
+            hasAffiliate && React__default["default"].createElement(AffiliateIcon, null)),
+        React__default["default"].createElement("div", { className: "content" },
+            React__default["default"].createElement("div", { className: "inner-content" },
+                React__default["default"].createElement(index.Text, { style: styleLabel, className: "label", size: categoryLabelTag, weight: "caption" },
+                    React__default["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["default"].createElement("a", { className: "bookmark", onClick: handleClick }, !isBookmark ? (React__default["default"].createElement(other.Bookmark, { size: 18, "data-event-category": dataEventCategoryForBookmark, "data-event-action": dataEventActionForBookmark, "data-event-label": dataEventLabelForBookmark })) : (React__default["default"].createElement(other.Bookmark, { size: 18, isActive: true, "data-event-category": dataEventCategoryForBookmark, "data-event-action": dataEventActionForBookmark, "data-event-label": dataEventLabelForBookmark, activeColor: "#2ED69E" }))))),
+                React__default["default"].createElement(index$1.Heading, { tag: headingTag, style: styleTitle, className: "title", as: headingAs || (size === 'lg' ? 'h2' : 'h3') },
+                    React__default["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["default"].createElement("a", { href: articleLink || '#', target: articleLinkTarget },
+                    React__default["default"].createElement(index.Text, { size: descriptionTag, className: "text" }, text)))),
+            React__default["default"].createElement("div", { className: "footer" }, type === 'author' ? (React__default["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["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 }))))));
+};
+
+exports.ArticleCard = ArticleCard;