@hhgtech/hhg-components 1.29.504 → 1.29.506

package/build/{index-e0dab105.js → transform-90cf5781.js}

@@ -1,56 +1,56 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-eb6c14a9.js');
+var tslib_es6 = require('./tslib.es6-098f1611.js');
 var React = require('react');
-var index$5 = require('./index-99d4d93a.js');
+var index$4 = require('./index-3e28460a.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-1b859ef1.js');
-require('./index-c1f8dc7c.js');
-var index$b = require('./index-37bc23e8.js');
-require('./index-13f4b72a.js');
-var index$3 = require('./index-a45d00c1.js');
-var index$f = require('./index-8b6539ed.js');
-require('./index-9e5d6e87.js');
-require('./index.styles-e903b83e.js');
-require('./translationsContext-131c175d.js');
+var index$6 = require('./index-6debd593.js');
+require('./index-2c472c00.js');
+var index$a = require('./index-8d2e3a74.js');
+require('./index-126f87b7.js');
+var index$2 = require('./index-d9be7fe3.js');
+var index$e = require('./index-117e719e.js');
+require('./index-02865bfa.js');
+require('./index.styles-04b2931f.js');
+require('./translationsContext-9032e2c3.js');
 require('@mantine/hooks');
-var utils = require('./utils-4602868b.js');
-require('./index-b6d200db.js');
-var index$2 = require('./index-b614753d.js');
+var utils = require('./utils-33fb4435.js');
+require('./index-deaa55c9.js');
+var SiteWideBanner = require('./SiteWideBanner-71c0db36.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-e7046e8b.js');
+var index$3 = require('./index-f074e34a.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-ea1c6dcf.js');
+var index$5 = require('./index-e330662a.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-e7409949.js');
+var useOutsideClick = require('./useOutsideClick-4b7172d7.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$a = require('./index-d5135c18.js');
-var index$8 = require('./index-f5530a02.js');
-var index$9 = require('./index-52d6a58f.js');
+var index$9 = require('./index-3249d0c3.js');
+var index$7 = require('./index-6111adf3.js');
+var index$8 = require('./index-671d9df7.js');
 var classNames = require('classnames');
-var index$c = require('./index-d4ffd68f.js');
+var index$b = require('./index-237326bc.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-36bb9b98.js');
-var index$d = require('./index-66bc84d9.js');
+var index$d = require('./index-502f729c.js');
+var index$c = require('./index-89283f8f.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-92b585e9.js');
+var Locale = require('./Locale-f9652922.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-baa99ec2.js');
-var index$h = require('./index-fc2927ab.js');
+var index$f = require('./index-8d967872.js');
+var index$g = require('./index-de9e397c.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
-var Close = require('./Close-a9c3b21e.js');
+var Close = require('./Close-578f039b.js');
 var carousel = require('@mantine/carousel');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -140,7 +140,7 @@ const CategoryCard = (_a) => {
     var { category, imgBanner, label, className, style, href = '', dataEventCategory, dataEventAction, dataEventLabel } = _a, rest = tslib_es6.__rest(_a, ["category", "imgBanner", "label", "className", "style", "href", "dataEventCategory", "dataEventAction", "dataEventLabel"]);
     const url = (category === null || category === void 0 ? void 0 : category.customizedUrl) || (category === null || category === void 0 ? void 0 : category.permalink) || href || '';
     return (React__namespace["default"].createElement(StyledCategoryCard, Object.assign({ "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, className: className, style: style, href: url }, ((category === null || category === void 0 ? void 0 : category.customizedUrl) &&
-        !index$2.isInternalLink(category.customizedUrl) && {
+        !SiteWideBanner.isInternalLink(category.customizedUrl) && {
         target: '_blank',
     }), { onClick: (e) => {
             if (url === '') {
@@ -149,7 +149,7 @@ const CategoryCard = (_a) => {
         } }, rest),
         React__namespace["default"].createElement("div", { className: "banner" }, imgBanner),
         React__namespace["default"].createElement("div", { className: "content" },
-            React__namespace["default"].createElement(index$3.Text, { className: "category_name", size: "sm", weight: "bold" }, (category === null || category === void 0 ? void 0 : category.displayName) || label || ''))));
+            React__namespace["default"].createElement(index$2.Text, { className: "category_name", size: "sm", weight: "bold" }, (category === null || category === void 0 ? void 0 : category.displayName) || label || ''))));
 };
 
 const StyledCheckboxGroup = styled__default["default"].div `
@@ -192,7 +192,7 @@ const CheckboxGroup = ({ name, values = [], onChanges, options = [], className,
             onChanges(newValues);
         }
     };
-    return (React__namespace["default"].createElement(StyledCheckboxGroup, { className: className, "data-type": type, "data-is-rectangle": isRectangle || undefined }, options.map((option, index) => (React__namespace["default"].createElement(index$4.Checkbox, { label: option.label, name: name, key: `${index}-${option.value}`, checked: values.includes(option.value), value: option.value, isDisabled: isDisabled || option.disabled, onChange: !isDisabled && onChange, isRectangle: isRectangle })))));
+    return (React__namespace["default"].createElement(StyledCheckboxGroup, { className: className, "data-type": type, "data-is-rectangle": isRectangle || undefined }, options.map((option, index) => (React__namespace["default"].createElement(index$3.Checkbox, { label: option.label, name: name, key: `${index}-${option.value}`, checked: values.includes(option.value), value: option.value, isDisabled: isDisabled || option.disabled, onChange: !isDisabled && onChange, isRectangle: isRectangle })))));
 };
 
 const MONTHS_TRANSLATION = {
@@ -856,8 +856,8 @@ const RadioGroup = React__namespace["default"].forwardRef(({ id, value, options,
     };
     const size = sizeProp === 'small' ? 'md' : 'lg';
     const DirectionComp = direction === 'vertical' ? core.Stack : core.Group;
-    return (React__namespace["default"].createElement(index$5.Radio.Group, { name: id, className: className, size: size, value: String(check), defaultValue: value, onChange: handleOnChange },
-        React__namespace["default"].createElement(DirectionComp, { spacing: "xl" }, options.map((option) => (React__namespace["default"].createElement(index$5.Radio, { key: option.value, value: option.value, label: option.label, disabled: isDisabled, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }))))));
+    return (React__namespace["default"].createElement(index$4.Radio.Group, { name: id, className: className, size: size, value: String(check), defaultValue: value, onChange: handleOnChange },
+        React__namespace["default"].createElement(DirectionComp, { spacing: "xl" }, options.map((option) => (React__namespace["default"].createElement(index$4.Radio, { key: option.value, value: option.value, label: option.label, disabled: isDisabled, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }))))));
 });
 
 const StyledSideMenu = styled__default["default"].div `
@@ -895,7 +895,7 @@ const StyledArrow = styled__default["default"].div `
 `;
 const SideHeader = ({ isCollapsed, defaultLogo, onBackClick, customIcon, }) => {
     return (React__namespace["default"].createElement(StyledSideHeader, null,
-        React__namespace["default"].createElement(index$6.Logo, { type: isCollapsed ? 'logomark' : defaultLogo || 'hellocare', customSize: {
+        React__namespace["default"].createElement(index$5.Logo, { type: isCollapsed ? 'logomark' : defaultLogo || 'hellocare', customSize: {
                 width: isCollapsed ? '24px' : '77px',
                 height: '24px',
             } }),
@@ -927,8 +927,8 @@ const DoctorInfo = ({ name, description, image, isDescriptionHidden, }) => {
     return (React__namespace["default"].createElement(StyledDoctorInfo, null,
         image,
         !isDescriptionHidden && (React__namespace["default"].createElement("figcaption", null,
-            React__namespace["default"].createElement(index$3.Text, { size: "p4", weight: "bold" }, name),
-            React__namespace["default"].createElement(index$3.Text, { size: "p4" }, description)))));
+            React__namespace["default"].createElement(index$2.Text, { size: "p4", weight: "bold" }, name),
+            React__namespace["default"].createElement(index$2.Text, { size: "p4" }, description)))));
 };
 
 const StyledUserInfo = styled__default["default"].div `
@@ -981,7 +981,7 @@ const StyledMenuLink = styled__default["default"].div `
 const MenuLink = ({ icon, isActive, children, isCollapsed, activeIcon, onLinkClick, textSize = 'base', textType = 'bold', textColorActive = '#fff', textColor = '#595959', }) => {
     return (React__namespace["default"].createElement(StyledMenuLink, { "data-is-link-active": isActive || undefined, onClick: onLinkClick, "data-is-link-collapsed": isCollapsed || undefined },
         !(isActive && activeIcon) ? icon : activeIcon,
-        !isCollapsed && (React__namespace["default"].createElement(index$3.Text, { size: textSize, weight: textType, color: isActive ? textColorActive : textColor }, children))));
+        !isCollapsed && (React__namespace["default"].createElement(index$2.Text, { size: textSize, weight: textType, color: isActive ? textColorActive : textColor }, children))));
 };
 
 var index$1 = /*#__PURE__*/Object.freeze({
@@ -1679,7 +1679,7 @@ const Tabs = ({ style, initialTab, tabContent, onChange, className, dataEventCat
         }, key: i, "data-event-category": tab.dataEventCategory || dataEventCategory, "data-event-action": tab.dataEventAction || dataEventAction, "data-event-label": tab.dataEventLabel || dataEventLabel, tabIndex: 0, "data-testid": tab.dataTestid },
         React__namespace["default"].createElement("div", { className: classes.itemInner },
             tab.icon && React__namespace["default"].createElement("div", { className: classes.icon }, tab.icon),
-            React__namespace["default"].createElement(index$3.Text, { className: classes.label, size: tab.textSize || 'sm', weight: tab.textType || 'bold', color: activeTab === i
+            React__namespace["default"].createElement(index$2.Text, { className: classes.label, size: tab.textSize || 'sm', weight: tab.textType || 'bold', color: activeTab === i
                     ? theme.fn.primaryColor()
                     : tab.textColor || theme.colors.gray[4], dataEventCategory: tab.dataEventCategory, dataEventAction: tab.dataEventAction, dataEventLabel: tab.dataEventLabel }, tab.name)))))));
 };
@@ -2224,7 +2224,7 @@ const SeoHead = ({ SEOData = {}, locale = 'vi-VN', routerPathname: pathname, rou
         !metaData && (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
             siteType === 'helloSites' ? (React__namespace["default"].createElement("title", null, seoCustom
                 ? SEOTitle
-                : SEOTitle + ' - ' + ((_a = index$7.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.SITE_NAME))) : (React__namespace["default"].createElement("title", null, SEOTitle)),
+                : SEOTitle + ' - ' + ((_a = index$6.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.SITE_NAME))) : (React__namespace["default"].createElement("title", null, SEOTitle)),
             !hasNoCanonical && (React__namespace["default"].createElement("link", { rel: "canonical", href: `https://${siteUrl}${newPath}` })),
             React__namespace["default"].createElement("meta", { name: "description", content: SEODescription || ((_b = SEOData.openGraph) === null || _b === void 0 ? void 0 : _b.description) }),
             SEOData.schemaData && (React__namespace["default"].createElement("script", { type: "application/ld+json", className: "yoast-schema-graph", dangerouslySetInnerHTML: { __html: SEOData.schemaData } })),
@@ -2249,8 +2249,8 @@ const SeoHead = ({ SEOData = {}, locale = 'vi-VN', routerPathname: pathname, rou
             React__namespace["default"].createElement("meta", { name: "twitter:description", content: SEODescription }),
             React__namespace["default"].createElement("meta", { name: "twitter:image", content: ((_m = SEOData.twitter) === null || _m === void 0 ? void 0 : _m.image) || SEOImage }))),
         (siteType === 'helloSites'
-            ? index$7.FAVICONS[sL] || []
-            : index$7.FAVICONS.marryBaby).map((item, index) => {
+            ? index$6.FAVICONS[sL] || []
+            : index$6.FAVICONS.marryBaby).map((item, index) => {
             if (item.type === 'link') {
                 return (React__namespace["default"].createElement("link", { key: `favicon-${index}`, rel: item.rel, href: item.href, sizes: item.sizes }));
             }
@@ -2441,7 +2441,7 @@ const dateLocaleByLocale = {
 function DateRangePickerCalendar(props) {
     const { value = { from: null, to: null } } = props;
     const [hoverDay, setHoverDay] = React.useState(null);
-    const { isMobile } = index$8.useScreenSize();
+    const { isMobile } = index$7.useScreenSize();
     const [range, setRange] = React.useState(() => value);
     const [date, setDate] = React.useState(() => { var _a; return dateFns.startOfMonth((_a = value.from) !== null && _a !== void 0 ? _a : new Date()); });
     const nextMonth = React.useMemo(() => dateFns.addMonths(date, 1), [date]);
@@ -2465,7 +2465,7 @@ function DateRangePickerCalendar(props) {
 function DateRangePickerCalendarMonth({ date, 
 // value,
 range, setRange, onChange, goToPreviousMonth, goToNextMonth, minDate, maxDate, close = () => undefined, autoClose = false, hoverDay, setHoverDay, }) {
-    const { locale } = index$9.useTranslations();
+    const { locale } = index$8.useTranslations();
     const dateLocale = React.useMemo(() => { var _a; return (_a = dateLocaleByLocale[locale]) !== null && _a !== void 0 ? _a : dateLocaleByLocale['en-PH']; }, [locale]);
     const monthLabel = React.useMemo(() => dateFns.format(date, 'MMMM', { locale: dateLocale }), [date, dateLocale]);
     const weekDays = React.useMemo(() => {
@@ -2549,11 +2549,11 @@ range, setRange, onChange, goToPreviousMonth, goToNextMonth, minDate, maxDate, c
     }
     return (React__namespace["default"].createElement(StyledCalendarWrapper$1, { className: "calendar-wrapper" },
         React__namespace["default"].createElement(StyledCalendarHead, null,
-            React__namespace["default"].createElement(index$a.Button, { onClick: goToPreviousMonth, size: "md", color: "ghost", icon: React__namespace["default"].createElement("img", { src: index$b.CommonGAssets.getAssetPath('calendarArrowLeft.svg'), loading: "lazy" }) }),
+            React__namespace["default"].createElement(index$9.Button, { onClick: goToPreviousMonth, size: "md", color: "ghost", icon: React__namespace["default"].createElement("img", { src: index$a.CommonGAssets.getAssetPath('calendarArrowLeft.svg'), loading: "lazy" }) }),
             React__namespace["default"].createElement("div", { className: "calendar-month" },
                 monthLabel,
                 React__namespace["default"].createElement("strong", null, dateFns.format(date, 'yyyy'))),
-            React__namespace["default"].createElement(index$a.Button, { onClick: goToNextMonth, size: "md", color: "ghost", icon: React__namespace["default"].createElement("img", { src: index$b.CommonGAssets.getAssetPath('calendarArrowRight.svg'), loading: "lazy" }) })),
+            React__namespace["default"].createElement(index$9.Button, { onClick: goToNextMonth, size: "md", color: "ghost", icon: React__namespace["default"].createElement("img", { src: index$a.CommonGAssets.getAssetPath('calendarArrowRight.svg'), loading: "lazy" }) })),
         React__namespace["default"].createElement(StyledCalendarCellsWrapper, null,
             React__namespace["default"].createElement("div", null, renderWeekDays()),
             React__namespace["default"].createElement("div", null, renderMonth()))));
@@ -2629,7 +2629,7 @@ function DateRangePicker({ inputSize = 'md', name = 'date-range-picker', value,
     }
     return (React__namespace["default"].createElement(StyledWrapper, { className: [className, opened && 'focused'].filter(Boolean).join(' '), ref: ref },
         React__namespace["default"].createElement("label", { htmlFor: name },
-            React__namespace["default"].createElement(index$4.PureInput, { size: inputSize, value: fieldValue, name: name, actionIcon: React__namespace["default"].createElement("img", { src: index$b.CommonGAssets.getAssetPath('calendar.svg'), loading: "lazy" }), onFocus: () => setOpened(true) })),
+            React__namespace["default"].createElement(index$3.PureInput, { size: inputSize, value: fieldValue, name: name, actionIcon: React__namespace["default"].createElement("img", { src: index$a.CommonGAssets.getAssetPath('calendar.svg'), loading: "lazy" }), onFocus: () => setOpened(true) })),
         opened ? (React__namespace["default"].createElement(StyledCalendarWrapper, { onMouseDown: (e) => {
                 e.stopPropagation();
             } }, renderCalendar())) : null));
@@ -2640,7 +2640,7 @@ var styles = {"breadcrumb":"WUqzfRb","separator":"MnVGtSY","textLink":"NclbhXQ"}
 const BreadcrumbItem = ({ LinkComponent, page, isLast, onChangePage, className, }) => {
     const { label, value, isDropdown, dropdownItems, dataEventCategory, dataEventAction, dataEventLabel, } = page;
     if (isDropdown) {
-        return (React__namespace["default"].createElement(index$c.Dropdown, { options: dropdownItems, placeholder: "...", id: "", placeholderIcon: null, onChange: onChangePage, className: "collapsed-breadcrumb" }));
+        return (React__namespace["default"].createElement(index$b.Dropdown, { options: dropdownItems, placeholder: "...", id: "", placeholderIcon: null, onChange: onChangePage, className: "collapsed-breadcrumb" }));
     }
     return (React__namespace["default"].createElement("div", { className: classNames__default["default"](styles.textLink, className), title: typeof label !== 'string' ? value : label, "data-last": isLast }, LinkComponent && (React__namespace["default"].createElement(LinkComponent, { "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, href: value || '#' }, label))));
 };
@@ -2709,7 +2709,7 @@ const AttachIcon = () => {
         React__namespace["default"].createElement("path", { d: "M6.5 8H10.5", stroke: "#595959", strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 const ShareContainer = ({ url, onCopied, locale, siteType, }) => {
-    const { t } = index$9.useTranslations();
+    const { t } = index$8.useTranslations();
     const socialList = miscGetSocialList.getSocialList({ shareUrl: url || '', locale }).filter((s) => !s.allowedLocales || s.allowedLocales.includes(locale));
     const copyToClipboard = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
@@ -2724,13 +2724,13 @@ const ShareContainer = ({ url, onCopied, locale, siteType, }) => {
             return '';
     }, []);
     return (React__namespace["default"].createElement(StyledShareContainer, null,
-        React__namespace["default"].createElement(index$3.Text, { size: "p3", color: miscTheme.theme.colors.gray800 }, t('shareContainer.title')),
+        React__namespace["default"].createElement(index$2.Text, { size: "p3", color: miscTheme.theme.colors.gray800 }, t('shareContainer.title')),
         React__namespace["default"].createElement("div", { className: "icon-group" },
             socialList.map((social, index) => (React__namespace["default"].createElement("a", { key: index, href: social.href, target: "_blank", rel: "noreferrer", "data-event-category": "Health Tool", "data-event-action": `Social Share - ${social.name}`, "data-event-label": currentUrl }, social.icon))),
-            React__namespace["default"].createElement(index$a.Button, { theme: siteType, size: "sm", type: "button", color: "tertiary", className: "share", style: {}, icon: React__namespace["default"].createElement(AttachIcon, null), onClick: copyToClipboard, "data-event-category": "Health Tool", "data-event-action": "Copy Link", "data-event-label": currentUrl }))));
+            React__namespace["default"].createElement(index$9.Button, { theme: siteType, size: "sm", type: "button", color: "tertiary", className: "share", style: {}, icon: React__namespace["default"].createElement(AttachIcon, null), onClick: copyToClipboard, "data-event-category": "Health Tool", "data-event-action": "Copy Link", "data-event-label": currentUrl }))));
 };
 
-const StyledShareDrawer = styled__default["default"](index$d.Drawer) `
+const StyledShareDrawer = styled__default["default"](index$c.Drawer) `
   padding-bottom: 24px;
   .share-container {
     display: flex;
@@ -2772,7 +2772,7 @@ const CopyIcon = () => {
 };
 const ShareDrawer = (_a) => {
     var { open, title, onClose, onCopied, onShared, url, locale } = _a, rest = tslib_es6.__rest(_a, ["open", "title", "onClose", "onCopied", "onShared", "url", "locale"]);
-    const { t } = index$9.useTranslations();
+    const { t } = index$8.useTranslations();
     const copyToClipboard = React.useCallback(() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _b;
         yield ((_b = navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) === null || _b === void 0 ? void 0 : _b.writeText(url));
@@ -2801,13 +2801,13 @@ const ShareDrawer = (_a) => {
         return (React__namespace["default"].createElement(StyledShareDrawer, Object.assign({ title: t('share.title'), onClose: onClose, open: open, placement: "bottom" }, rest),
             React__namespace["default"].createElement("div", { className: "share-container" },
                 React__namespace["default"].createElement("div", { className: "icon-container" },
-                    React__namespace["default"].createElement(index$3.Text, { weight: "semiBold", size: "s3", color: miscTheme.theme.colors.gray600 }, t('share.title')),
+                    React__namespace["default"].createElement(index$2.Text, { weight: "semiBold", size: "s3", color: miscTheme.theme.colors.gray600 }, t('share.title')),
                     React__namespace["default"].createElement("div", { className: "icon-group" }, socialList.map((social, index) => (React__namespace["default"].createElement("a", { key: index, href: social.href, target: "_blank", rel: "noreferrer" }, social.icon))))),
                 React__namespace["default"].createElement("div", { className: "link-container" },
-                    React__namespace["default"].createElement(index$3.Text, { weight: "semiBold", size: "s3", color: miscTheme.theme.colors.gray600 }, t('share.copyLink')),
+                    React__namespace["default"].createElement(index$2.Text, { weight: "semiBold", size: "s3", color: miscTheme.theme.colors.gray600 }, t('share.copyLink')),
                     React__namespace["default"].createElement("div", { className: "input-group" },
-                        React__namespace["default"].createElement(index$e.Input, { name: "link", size: "md", value: url, isDisabled: true }),
-                        React__namespace["default"].createElement(index$a.Button, { size: "md", type: "button", color: "tertiary", icon: React__namespace["default"].createElement(CopyIcon, null), onClick: copyToClipboard }))))));
+                        React__namespace["default"].createElement(index$d.Input, { name: "link", size: "md", value: url, isDisabled: true }),
+                        React__namespace["default"].createElement(index$9.Button, { size: "md", type: "button", color: "tertiary", icon: React__namespace["default"].createElement(CopyIcon, null), onClick: copyToClipboard }))))));
     }
 };
 
@@ -2895,7 +2895,7 @@ const StyledAdHeader = styled__default["default"].div `
 `;
 const StyledCloseBtn = styled__default["default"].div `
   background-color: white;
-  background-image: url(${index$b.CommonGAssets.getAssetPath('close-blue.svg')});
+  background-image: url(${index$a.CommonGAssets.getAssetPath('close-blue.svg')});
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: center;
@@ -2970,7 +2970,7 @@ customTargetings, style, adDefaultSize, noWrapper, showCloseBtn, onCloseAd, head
                 ? 30
                 : undefined
             : undefined);
-    const { t } = index$9.useTranslations();
+    const { t } = index$8.useTranslations();
     const containerRef = React.useRef(null);
     const adRefreshIntervalRef = React.useRef(null);
     const refreshIntervalRef = React.useRef(defaultRefreshInterval);
@@ -3054,8 +3054,8 @@ customTargetings, style, adDefaultSize, noWrapper, showCloseBtn, onCloseAd, head
         React__namespace["default"].createElement(StyledAdContainer, { ref: containerRef, className: className, style: style, "data-no-wrapper": !!noWrapper, "data-header-bottom": !!headerBottom }, noWrapper ? (AdContent) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
             React__namespace["default"].createElement(StyledAdHeader, { "data-header-bottom": !!headerBottom },
                 React__namespace["default"].createElement("img", { src: isMarryBaby
-                        ? index$b.CommonGAssets.getAssetPath('adsIcon-mb.svg')
-                        : index$b.CommonGAssets.getAssetPath('adsIcon.svg'), alt: "", loading: "lazy" }),
+                        ? index$a.CommonGAssets.getAssetPath('adsIcon-mb.svg')
+                        : index$a.CommonGAssets.getAssetPath('adsIcon.svg'), alt: "", loading: "lazy" }),
                 React__namespace["default"].createElement("span", null, t('adBanner.title'))),
             React__namespace["default"].createElement("div", { style: {
                     minWidth: minWidth || '100%',
@@ -4687,7 +4687,7 @@ const WidgetChatbotAi = ({}) => {
             React__namespace["default"].createElement("form", { onSubmit: handleSubmit },
                 React__namespace["default"].createElement(StyleInput, { type: "text", value: value, onChange: (e) => setValue(e.target.value), name: "input-message", placeholder: "Ask anything..." }),
                 React__namespace["default"].createElement(core.Box, { className: "rightSection" },
-                    React__namespace["default"].createElement(index$f.Button, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__namespace["default"].createElement(arrow.ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
+                    React__namespace["default"].createElement(index$e.Button, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__namespace["default"].createElement(arrow.ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
 };
 
 /* eslint-disable prettier/prettier */
@@ -4790,7 +4790,7 @@ const StyledTextButtonBox = styled__default["default"].div `
 
 //12M: Add props later
 const HPVScreener = ({ onClick, className, style, image, as = 'span', }) => {
-    const { t } = index$9.useTranslations();
+    const { t } = index$8.useTranslations();
     return (React__namespace["default"].createElement(StyledBox, { className: className, style: style },
         React__namespace["default"].createElement("div", { className: "hpv-screener-container" },
             React__namespace["default"].createElement("div", { className: "hpv-screener-content-box" },
@@ -4802,18 +4802,18 @@ const HPVScreener = ({ onClick, className, style, image, as = 'span', }) => {
                                 "1.2M ",
                                 t('detail.screened')))),
                     React__namespace["default"].createElement("div", null,
-                        React__namespace["default"].createElement(index$3.Text, { as: as, size: "title2", weight: "semiBold", color: "gray1000" }, t('detail.hpvScreenerTitle')),
+                        React__namespace["default"].createElement(index$2.Text, { as: as, size: "title2", weight: "semiBold", color: "gray1000" }, t('detail.hpvScreenerTitle')),
                         ' ',
-                        React__namespace["default"].createElement(index$3.Text, { as: "span", size: "title2", color: "gray1000", weight: "regular" }, t('detail.hpvScreenerSubtitle')))),
+                        React__namespace["default"].createElement(index$2.Text, { as: "span", size: "title2", color: "gray1000", weight: "regular" }, t('detail.hpvScreenerSubtitle')))),
                 React__namespace["default"].createElement("div", { className: "hpv-screener-image" },
-                    React__namespace["default"].createElement(index$8.ImageWrap, { style: {
+                    React__namespace["default"].createElement(index$7.ImageWrap, { style: {
                             width: '100%',
                             height: '100%',
                         }, alt: "HPV Screener", src: image }))),
-            React__namespace["default"].createElement(index$a.Button, { className: "hpv-screener-button", onClick: onClick, size: "lg", color: "secondary" },
+            React__namespace["default"].createElement(index$9.Button, { className: "hpv-screener-button", onClick: onClick, size: "lg", color: "secondary" },
                 React__namespace["default"].createElement(StyledTextButtonBox, null,
-                    React__namespace["default"].createElement(index$3.Text, { size: "title2", color: "primaryBase", weight: "semiBold" }, t('detail.hpvScreenerButton')),
-                    React__namespace["default"].createElement(index$g.ArrowRightBlue, { style: { width: '0.5rem', height: '0.5rem' } }))))));
+                    React__namespace["default"].createElement(index$2.Text, { size: "title2", color: "primaryBase", weight: "semiBold" }, t('detail.hpvScreenerButton')),
+                    React__namespace["default"].createElement(index$f.ArrowRightBlue, { style: { width: '0.5rem', height: '0.5rem' } }))))));
 };
 
 const StyledTwoItemHorizontalContainer = styled__default["default"].div `
@@ -4887,9 +4887,9 @@ function useListContext() {
 
 function Content({ className, children, customLoading, customEmpty, }) {
     const { loading, items } = useListContext();
-    const { t } = index$9.useTranslations();
+    const { t } = index$8.useTranslations();
     if (loading) {
-        return customLoading ? React__namespace["default"].createElement(React__namespace["default"].Fragment, null, customLoading) : React__namespace["default"].createElement(index$h.Loading, null);
+        return customLoading ? React__namespace["default"].createElement(React__namespace["default"].Fragment, null, customLoading) : React__namespace["default"].createElement(index$g.Loading, null);
     }
     if (!items.length) {
         return customEmpty ? React__namespace["default"].createElement(React__namespace["default"].Fragment, null, customEmpty) : React__namespace["default"].createElement("div", null, t('common.noResult'));
@@ -5267,7 +5267,7 @@ function LoadMore(_a) {
 function Pagination() {
     const { total, page, handleChangePage, pageSize } = useListContext();
     const totalPages = Math.ceil(total / pageSize);
-    return (React__namespace["default"].createElement(index$4.Pagination, { pagesAmount: totalPages, currentPage: page, onChange: handleChangePage }));
+    return (React__namespace["default"].createElement(index$3.Pagination, { pagesAmount: totalPages, currentPage: page, onChange: handleChangePage }));
 }
 
 function Search(_a) {
@@ -5280,7 +5280,7 @@ function Search(_a) {
         }
         handleChangeSearch(value);
     };
-    return (React__namespace["default"].createElement(index$4.SearchInput, Object.assign({ value: search, onChange: onChange, placeholder: placeholder, className: className }, restProps)));
+    return (React__namespace["default"].createElement(index$3.SearchInput, Object.assign({ value: search, onChange: onChange, placeholder: placeholder, className: className }, restProps)));
 }
 
 const List = {
@@ -5321,7 +5321,7 @@ const StyleCardItem = styled__default["default"].div `
     flex-direction: column;
   }
 `;
-const StyledImageWrap = styled__default["default"](index$4.ImageWrapV2) `
+const StyledImageWrap = styled__default["default"](index$3.ImageWrapV2) `
   width: 84px;
   height: 84px;
   padding: 0;
@@ -5336,9 +5336,9 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
     return (React__namespace["default"].createElement(StyleCardItem, { className: className },
         React__namespace["default"].createElement("div", { className: "info" },
             React__namespace["default"].createElement(LinkComponent, { href: href },
-                React__namespace["default"].createElement(index$3.Text, { size: isMobile ? 'title2' : 'title1', color: "#111111", weight: "semiBold", as: as }, title)),
+                React__namespace["default"].createElement(index$2.Text, { size: isMobile ? 'title2' : 'title1', color: "#111111", weight: "semiBold", as: as }, title)),
             typeof description === 'string' ? (React__namespace["default"].createElement(LinkComponent, { href: href },
-                React__namespace["default"].createElement(index$3.Text, { size: isMobile ? 'p2' : 'title2', color: 'gray700', weight: "regular", lineClamp: 2, as: as }, description))) : (description),
+                React__namespace["default"].createElement(index$2.Text, { size: isMobile ? 'p2' : 'title2', color: 'gray700', weight: "regular", lineClamp: 2, as: as }, description))) : (description),
             contentInfo),
         React__namespace["default"].createElement(LinkComponent, { href: href },
             React__namespace["default"].createElement(core.AspectRatio, { ratio: 1, className: "logo" },
@@ -5348,7 +5348,7 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
 
 // import CalendarDayIcon from '@/public/svg/calendar-days.svg'
 // import UsersIcon from '@/public/svg/users.svg'
-styled__default["default"](index$8.ImageWrap) `
+styled__default["default"](index$7.ImageWrap) `
   width: 100%;
   object-fit: cover;
   object-position: center;
@@ -5409,7 +5409,7 @@ const GeneralInfoContainer = styled__default["default"].div `
   }
   background-color: #fff;
 `;
-const ProductImage = styled__default["default"](index$4.ImageWrapV2) `
+const ProductImage = styled__default["default"](index$3.ImageWrapV2) `
   ${utils.MediaQueries.mbUp} {
     width: 336px;
     aspect-ratio: 1/1;
@@ -5448,7 +5448,7 @@ const ImageCarouselContainer = styled__default["default"].div `
     margin-top: 12px;
   }
 `;
-const StyledImageCarousel = styled__default["default"](index$5.Carousel) `
+const StyledImageCarousel = styled__default["default"](index$4.Carousel) `
   height: 100%;
   flex: 1;
 
@@ -5520,7 +5520,7 @@ const CarouselImageItemWrapperMobile = styled__default["default"].div `
   transition: border-color 0.15s ease;
   overflow: hidden;
 `;
-const CarouselImageItem = styled__default["default"](index$4.ImageWrapV2) `
+const CarouselImageItem = styled__default["default"](index$3.ImageWrapV2) `
   background-color: ${miscTheme.theme.colors.neutral50};
   width: 100%;
   height: 100%;
@@ -5529,7 +5529,7 @@ const CarouselImageItem = styled__default["default"](index$4.ImageWrapV2) `
 `;
 
 function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile: isMobileProp = false, imageCarousel = [], carouselSlotProps, onCarouselImageClick, }) {
-    const { isMobile: isMobileFromHook } = index$8.useScreenSize();
+    const { isMobile: isMobileFromHook } = index$7.useScreenSize();
     // Use isMobile prop first, fallback to breakpoint detection (secondary priority)
     const isMobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileFromHook;
     const showCarousel = imageCarousel.length > 1;
@@ -5537,7 +5537,7 @@ function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bann
     const showCarouselIndicators = imageCarousel.length > 1 && isMobile;
     const { imageCarousel: imageCarouselSlotProps, slide: carouselSlideSlotProps, imageItemWrapper: carouselImageItemWrapperSlotProps, imageItem: carouselImageItemSlotProps, } = carouselSlotProps !== null && carouselSlotProps !== void 0 ? carouselSlotProps : {};
     return (React__namespace["default"].createElement(GeneralInfoContainer, { className: className },
-        React__namespace["default"].createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null, isMobile ? (React__namespace["default"].createElement(StyledImageCarousel, Object.assign({ slidesToShow: 1, align: "start", withControls: false, withIndicators: showCarouselIndicators, dragFree: false, slideSize: "100%", slideGap: 0, draggable: showCarouselIndicators }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__namespace["default"].createElement(index$5.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+        React__namespace["default"].createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null, isMobile ? (React__namespace["default"].createElement(StyledImageCarousel, Object.assign({ slidesToShow: 1, align: "start", withControls: false, withIndicators: showCarouselIndicators, dragFree: false, slideSize: "100%", slideGap: 0, draggable: showCarouselIndicators }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
             React__namespace["default"].createElement(CarouselImageItemWrapperMobile, { onClick: () => onCarouselImageClick === null || onCarouselImageClick === void 0 ? void 0 : onCarouselImageClick(index) },
                 React__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))) : (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
             React__namespace["default"].createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: generalInfo.altText ||
@@ -5545,7 +5545,7 @@ function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bann
                         ? generalInfo.name
                         : 'product') }, bannerProps)),
             showCarousel && (React__namespace["default"].createElement(ImageCarouselContainer, null,
-                React__namespace["default"].createElement(StyledImageCarousel, Object.assign({ slidesToShow: 4, align: "start", withControls: showCarouselControls, withIndicators: false, dragFree: true, controlSize: 24, slideSize: 76, slideGap: 10 }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__namespace["default"].createElement(index$5.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
+                React__namespace["default"].createElement(StyledImageCarousel, Object.assign({ slidesToShow: 4, align: "start", withControls: showCarouselControls, withIndicators: false, dragFree: true, controlSize: 24, slideSize: 76, slideGap: 10 }, imageCarouselSlotProps), imageCarousel.map((imageUrl, index) => (React__namespace["default"].createElement(index$4.Carousel.Slide, Object.assign({ key: index }, carouselSlideSlotProps),
                     React__namespace["default"].createElement(CarouselImageItemWrapper, Object.assign({}, carouselImageItemWrapperSlotProps, { onClick: (event) => {
                             var _a;
                             (_a = carouselImageItemWrapperSlotProps === null || carouselImageItemWrapperSlotProps === void 0 ? void 0 : carouselImageItemWrapperSlotProps.onClick) === null || _a === void 0 ? void 0 : _a.call(carouselImageItemWrapperSlotProps, event);
@@ -5554,9 +5554,9 @@ function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bann
                         React__namespace["default"].createElement(CarouselImageItem, Object.assign({}, carouselImageItemSlotProps, { src: imageUrl, alt: `${generalInfo.altText || 'product'} - ${index + 1}`, backupSrc: backupSrc, isMobile: isMobile })))))))))))))),
         React__namespace["default"].createElement(ProductContent, { className: contentClassName },
             React__namespace["default"].createElement("div", { className: "product-info" },
-                typeof generalInfo.name === 'string' ? (React__namespace["default"].createElement(index$3.Text, { size: "h3", fw: 600, color: "gray1000", as: "h1" }, generalInfo.name)) : (generalInfo.name), generalInfo === null || generalInfo === void 0 ? void 0 :
+                typeof generalInfo.name === 'string' ? (React__namespace["default"].createElement(index$2.Text, { size: "h3", fw: 600, color: "gray1000", as: "h1" }, generalInfo.name)) : (generalInfo.name), generalInfo === null || generalInfo === void 0 ? void 0 :
                 generalInfo.middleContent,
-                generalInfo.description && (React__namespace["default"].createElement(index$3.Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
+                generalInfo.description && (React__namespace["default"].createElement(index$2.Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
             children)));
 }
 GeneralInfo.Container = GeneralInfoContainer;
@@ -5662,7 +5662,7 @@ const LargeImageWrapper = styled__default["default"].div `
     aspect-ratio: 716 / 720;
   }
 `;
-const MainGalleryImage = styled__default["default"](index$4.ImageWrapV2) `
+const MainGalleryImage = styled__default["default"](index$3.ImageWrapV2) `
   background-color: ${miscTheme.theme.colors.neutral50};
   width: 100%;
   height: 100%;
@@ -5728,7 +5728,7 @@ const StyledModal = styled__default["default"](core.Modal) `
     cursor: pointer;
   }
 `;
-const StyledCarousel = styled__default["default"](index$5.Carousel) `
+const StyledCarousel = styled__default["default"](index$4.Carousel) `
   height: 100%;
 
   .mantine-Carousel-controls {
@@ -5796,7 +5796,7 @@ function GalleryCarousel() {
     const handleSlideChange = (index) => {
         setActiveIndex(index);
     };
-    return (React__namespace["default"].createElement(StyledCarousel, { align: "center", slideSize: "100%", withControls: galleryImages.length > 1 && !isMobile, withIndicators: false, dragFree: false, slideGap: 0, draggable: galleryImages.length > 1 && isMobile, getEmblaApi: handleEmblaReady, onSlideChange: handleSlideChange, loop: false, height: "100%", controlSize: 32, initialSlide: initialSlide }, galleryImages.map((imageUrl, index) => (React__namespace["default"].createElement(index$5.Carousel.Slide, { key: `${imageUrl}-${index}` },
+    return (React__namespace["default"].createElement(StyledCarousel, { align: "center", slideSize: "100%", withControls: galleryImages.length > 1 && !isMobile, withIndicators: false, dragFree: false, slideGap: 0, draggable: galleryImages.length > 1 && isMobile, getEmblaApi: handleEmblaReady, onSlideChange: handleSlideChange, loop: false, height: "100%", controlSize: 32, initialSlide: initialSlide }, galleryImages.map((imageUrl, index) => (React__namespace["default"].createElement(index$4.Carousel.Slide, { key: `${imageUrl}-${index}` },
         React__namespace["default"].createElement(LargeImageWrapper, null,
             React__namespace["default"].createElement(MainGalleryImage, { src: imageUrl, alt: `${altPrefix} - ${index + 1}`, backupSrc: backupSrc })))))));
 }
@@ -5825,7 +5825,7 @@ function GalleryTitle({ isMobile }) {
         return null;
     }
     if (typeof generalInfo.name === 'string') {
-        return (React__namespace["default"].createElement(index$3.Text, { size: "h5", fw: 600, color: "gray1000", as: "h2" }, generalInfo.name));
+        return (React__namespace["default"].createElement(index$2.Text, { size: "h5", fw: 600, color: "gray1000", as: "h2" }, generalInfo.name));
     }
     return React__namespace["default"].createElement(React__namespace["default"].Fragment, null, generalInfo.name);
 }
@@ -5836,7 +5836,7 @@ function ModalGalleryContent() {
     if (!hasImages) {
         return (React__namespace["default"].createElement(EmptyState, null,
             React__namespace["default"].createElement(GalleryTitle, { isMobile: isMobile }),
-            React__namespace["default"].createElement(index$3.Text, { size: "p2", color: "gray600" }, "No images available.")));
+            React__namespace["default"].createElement(index$2.Text, { size: "p2", color: "gray600" }, "No images available.")));
     }
     return (React__namespace["default"].createElement(GalleryLayout, null,
         React__namespace["default"].createElement(GalleryMain, null,
@@ -5925,7 +5925,7 @@ function ModalGallery({ generalInfo, imageCarousel = [], backupSrc, isMobile = f
         onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
     };
     const modalTitle = isMobile ? title : undefined;
-    return (React__namespace["default"].createElement(StyledModal, Object.assign({ opened: isOpen, onClose: handleClose, zIndex: index$7.ZINDEX_SSO, withCloseButton: isMobile, centered: true, size: "auto", fullScreen: isMobile, title: modalTitle, autoFocus: false }, modalProps, { transitionProps: Object.assign({ duration: TRANSITION_DURATION }, modalProps.transitionProps) }),
+    return (React__namespace["default"].createElement(StyledModal, Object.assign({ opened: isOpen, onClose: handleClose, zIndex: index$6.ZINDEX_SSO, withCloseButton: isMobile, centered: true, size: "auto", fullScreen: isMobile, title: modalTitle, autoFocus: false }, modalProps, { transitionProps: Object.assign({ duration: TRANSITION_DURATION }, modalProps.transitionProps) }),
         !isMobile && (React__namespace["default"].createElement(Close.Close, { onClick: handleClose, className: "closeModal", width: 24, height: 24, fill: "#212121" })),
         React__namespace["default"].createElement(ModalGalleryProvider, { generalInfo: generalInfo, imageCarousel: imageCarousel, backupSrc: backupSrc, initialSlide: initialSlide, isMobile: isMobile },
             React__namespace["default"].createElement(ModalGalleryContent, null))));
@@ -5943,7 +5943,7 @@ const StyledFlex = styled__default["default"].div `
   justify-content: space-between;
   height: 100%;
 `;
-const StyledTitle = styled__default["default"](index$3.Text) `
+const StyledTitle = styled__default["default"](index$2.Text) `
   width: 100%;
   display: -webkit-box;
   overflow: hidden;
@@ -5951,7 +5951,7 @@ const StyledTitle = styled__default["default"](index$3.Text) `
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 `;
-const StyledDescription = styled__default["default"](index$3.Text) `
+const StyledDescription = styled__default["default"](index$2.Text) `
   font-size: ${core.rem(11)};
   width: 100%;
   display: -webkit-box;
@@ -5972,7 +5972,7 @@ const VoucherItem = ({ image, title, description, onClick, className, dataTracki
         React__namespace["default"].createElement(core.Grid, { gutter: "8px" },
             React__namespace["default"].createElement(core.Grid.Col, { span: "content" },
                 React__namespace["default"].createElement(Center, null,
-                    React__namespace["default"].createElement(index$8.ImageWrap, { src: image, alt: 'platform', style: {
+                    React__namespace["default"].createElement(index$7.ImageWrap, { src: image, alt: 'platform', style: {
                             width: '2.5rem',
                             height: '2.5rem',
                             borderRadius: '8px',
@@ -6001,14 +6001,14 @@ const StyledTextContainer = styled__default["default"].div `
 
 const CertificateItem = ({ image, description, title, className, imageProps, }) => {
     return (React__namespace["default"].createElement(StyledContainer$1, { className: className },
-        React__namespace["default"].createElement(index$4.ImageWrapV2, Object.assign({ src: image, alt: title, style: {
+        React__namespace["default"].createElement(index$3.ImageWrapV2, Object.assign({ src: image, alt: title, style: {
                 width: core.rem(120),
                 height: core.rem(120),
                 objectFit: 'cover',
             }, width: 120 }, imageProps)),
         React__namespace["default"].createElement(StyledTextContainer, null,
-            React__namespace["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold", color: "#111111", align: "center" }, title),
-            React__namespace["default"].createElement(index$3.Text, { size: "p3", weight: "regular", align: "center" }, description))));
+            React__namespace["default"].createElement(index$2.Text, { size: "p3", weight: "semiBold", color: "#111111", align: "center" }, title),
+            React__namespace["default"].createElement(index$2.Text, { size: "p3", weight: "regular", align: "center" }, description))));
 };
 
 const MAX_RATING = 5;
@@ -6088,7 +6088,7 @@ const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, }) =
 };
 
 const RatingStarsInput = ({ value, max = MAX_RATING, onChange, readOnly = false, name, id, label, error, }) => {
-    const { t } = index$9.useTranslations();
+    const { t } = index$8.useTranslations();
     const ratingDescriptions = {
         1: t('common.rating.worse'),
         2: t('common.rating.bad'),
@@ -6098,12 +6098,12 @@ const RatingStarsInput = ({ value, max = MAX_RATING, onChange, readOnly = false,
     };
     const feedback = ratingDescriptions[value];
     return (React__namespace["default"].createElement(RatingStarsWrapperStyled, { className: core.clsx(readOnly && 'read-only') },
-        label && (React__namespace["default"].createElement(index$3.Text, { as: "label", size: "title2" }, label)),
+        label && (React__namespace["default"].createElement(index$2.Text, { as: "label", size: "title2" }, label)),
         React__namespace["default"].createElement("input", { type: "hidden", name: name, id: id, value: value }),
         React__namespace["default"].createElement(RatingStars, { value: value, max: max, onChange: onChange, readOnly: readOnly }),
         value >= 0 && (React__namespace["default"].createElement(RatingStarsFeedbackStyled, null,
-            React__namespace["default"].createElement(index$3.Text, { size: "c1" }, feedback))),
-        error && (React__namespace["default"].createElement(index$3.Text, { className: "error-text", size: "c1", color: miscTheme.theme.colors.red600 }, error))));
+            React__namespace["default"].createElement(index$2.Text, { size: "c1" }, feedback))),
+        error && (React__namespace["default"].createElement(index$2.Text, { className: "error-text", size: "c1", color: miscTheme.theme.colors.red600 }, error))));
 };
 
 const StyledContainer = styled__default["default"].div `
@@ -6122,19 +6122,37 @@ const StyledContent = styled__default["default"].div `
 
 const AnsweredByDoctor = (props) => {
     const { doctorName, doctorAvatar, defaultDoctorAvatar } = props;
-    const { t } = index$9.useTranslations();
+    const { t } = index$8.useTranslations();
     return (React__namespace["default"].createElement(StyledContainer, null,
-        React__namespace["default"].createElement(index$8.ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
+        React__namespace["default"].createElement(index$7.ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
                 width: core.rem(32),
                 height: core.rem(32),
                 borderRadius: '50%',
                 objectFit: 'cover',
             } }),
         React__namespace["default"].createElement(StyledContent, null,
-            React__namespace["default"].createElement(index$3.Text, { size: "c2", weight: "regular", color: miscTheme.theme.colors.gray600 },
+            React__namespace["default"].createElement(index$2.Text, { size: "c2", weight: "regular", color: miscTheme.theme.colors.gray600 },
                 t('common.answeredBy'),
                 ":"),
-            React__namespace["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold", color: miscTheme.theme.colors.gray800 }, doctorName))));
+            React__namespace["default"].createElement(index$2.Text, { size: "p3", weight: "semiBold", color: miscTheme.theme.colors.gray800 }, doctorName))));
+};
+
+const formatSiteWideBanner = (sitewideBanner, type = 'home') => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (!sitewideBanner)
+        return null;
+    return {
+        content: (_a = sitewideBanner.content) !== null && _a !== void 0 ? _a : '',
+        icon: (_b = sitewideBanner.icon) !== null && _b !== void 0 ? _b : '',
+        type,
+        link: (_c = sitewideBanner.link) !== null && _c !== void 0 ? _c : '',
+        layoutType: (_d = sitewideBanner.sitewide_type) !== null && _d !== void 0 ? _d : 'icon-text',
+        bannerDesktop: (_e = sitewideBanner.banner_desktop) !== null && _e !== void 0 ? _e : '',
+        bannerMobile: (_f = sitewideBanner.banner_mobile) !== null && _f !== void 0 ? _f : '',
+        backgroundColor: (_g = sitewideBanner.background_color) !== null && _g !== void 0 ? _g : '',
+        bannerDisplayFrequency: ((_h = sitewideBanner.banner_display_frequency) !== null && _h !== void 0 ? _h : 'daily'),
+        excludeBot: Boolean(sitewideBanner.exclude_risk_screener),
+    };
 };
 
 exports.AdBlock = AdBlock;
@@ -6174,6 +6192,7 @@ exports.SummaryInfo = SummaryInfo;
 exports.Tabs = Tabs;
 exports.VoucherItem = VoucherItem;
 exports.WidgetChatbotAi = WidgetChatbotAi;
+exports.formatSiteWideBanner = formatSiteWideBanner;
 exports.index = index$1;
 exports.index$1 = index;
 exports.useList = useList;