@hhgtech/hhg-components 1.29.412 → 1.29.413

package/build/{index-62140f27.js → index-c2bcf48e.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-4ef13d55.js');
-var index$3 = require('./index-fb442ba6.js');
-var index$2 = require('./index-f47a61da.js');
-var index$5 = require('./index-dfd15d6f.js');
-var index$1 = require('./index-82b5a71c.js');
-var index$4 = require('./index-77d9f57e.js');
+var Spinner = require('./Spinner-2f59daf3.js');
+var index$3 = require('./index-e5636945.js');
+var index$2 = require('./index-97e86501.js');
+var index$5 = require('./index-3f1d3420.js');
+var index$1 = require('./index-8179f250.js');
+var index$4 = require('./index-559721ac.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-4c467f5f.js');
+var utils = require('./utils-28ea2538.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var cn = require('classnames');
-var index = require('./index-43f29f18.js');
-var togetherComponentGlobalContext = require('./utils-34d35c0b.js');
-var normalizeLink = require('./normalizeLink-d1de1f56.js');
+var index = require('./index-31ba4f00.js');
+var togetherComponentGlobalContext = require('./utils-4fbe2e9b.js');
+var normalizeLink = require('./normalizeLink-b687d725.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');

package/build/{index-b238826a.js → index-c40094b8.js}

@@ -1,47 +1,47 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
-var index$5 = require('./index-fb442ba6.js');
+var index$5 = require('./index-e5636945.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-43f29f18.js');
-require('./index-e276d20f.js');
-var index$a = require('./index-77d9f57e.js');
-require('./useMantineLocale-afc855ad.js');
-var index$3 = require('./index-dfd15d6f.js');
-var index$e = require('./index-f47a61da.js');
-require('./index.styles-2331b34a.js');
-require('./translationsContext-841d7536.js');
+var index$7 = require('./index-31ba4f00.js');
+require('./index-e14e7423.js');
+var index$b = require('./index-559721ac.js');
+require('./index-1fbe06f4.js');
+var index$3 = require('./index-3f1d3420.js');
+var index$f = require('./index-97e86501.js');
+require('./index.styles-90d0628e.js');
+require('./translationsContext-ffa516bd.js');
 require('@mantine/hooks');
-var utils = require('./utils-4c467f5f.js');
-require('./other-90dc0ef3.js');
-require('./index-6d7ef25c.js');
-var index$2 = require('./index-939160d7.js');
+require('./text-3e6acf61.js');
+var utils = require('./utils-28ea2538.js');
+require('./index-86c18fb9.js');
+var index$2 = require('./index-59c3e010.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-74928530.js');
+var index$4 = require('./index-6d47098b.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-7e29c07c.js');
+var index$6 = require('./index-d9af315e.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-f232faa3.js');
+var useOutsideClick = require('./useOutsideClick-e9d6129f.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$9 = require('./index-99162e0d.js');
-var useScreenSize = require('./useScreenSize-ef9730fc.js');
-var index$8 = require('./index-82b5a71c.js');
-var index$b = require('./index-4a433f26.js');
+var index$a = require('./index-82534326.js');
+var index$8 = require('./index-4bd2782e.js');
+var index$9 = require('./index-8179f250.js');
+var index$c = require('./index-4e9754a8.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-59a02633.js');
-var index$c = require('./index-d8ee7a10.js');
+var index$e = require('./index-f01cffd3.js');
+var index$d = require('./index-af22252f.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-f9b950d8.js');
+var Locale = require('./Locale-0cf4ef33.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
@@ -2400,7 +2400,7 @@ const dateLocaleByLocale = {
 function DateRangePickerCalendar(props) {
     const { value = { from: null, to: null } } = props;
     const [hoverDay, setHoverDay] = React.useState(null);
-    const { isMobile } = useScreenSize.useScreenSize();
+    const { isMobile } = index$8.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]);
@@ -2424,7 +2424,7 @@ function DateRangePickerCalendar(props) {
 function DateRangePickerCalendarMonth({ date, 
 // value,
 range, setRange, onChange, goToPreviousMonth, goToNextMonth, minDate, maxDate, close = () => undefined, autoClose = false, hoverDay, setHoverDay, }) {
-    const { locale } = index$8.useTranslations();
+    const { locale } = index$9.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(() => {
@@ -2508,11 +2508,11 @@ range, setRange, onChange, goToPreviousMonth, goToNextMonth, minDate, maxDate, c
     }
     return (React__default["default"].createElement(StyledCalendarWrapper$1, { className: "calendar-wrapper" },
         React__default["default"].createElement(StyledCalendarHead, null,
-            React__default["default"].createElement(index$9.Button, { onClick: goToPreviousMonth, size: "md", color: "ghost", icon: React__default["default"].createElement("img", { src: index$a.CommonGAssets.getAssetPath('calendarArrowLeft.svg'), loading: "lazy" }) }),
+            React__default["default"].createElement(index$a.Button, { onClick: goToPreviousMonth, size: "md", color: "ghost", icon: React__default["default"].createElement("img", { src: index$b.CommonGAssets.getAssetPath('calendarArrowLeft.svg'), loading: "lazy" }) }),
             React__default["default"].createElement("div", { className: "calendar-month" },
                 monthLabel,
                 React__default["default"].createElement("strong", null, dateFns.format(date, 'yyyy'))),
-            React__default["default"].createElement(index$9.Button, { onClick: goToNextMonth, size: "md", color: "ghost", icon: React__default["default"].createElement("img", { src: index$a.CommonGAssets.getAssetPath('calendarArrowRight.svg'), loading: "lazy" }) })),
+            React__default["default"].createElement(index$a.Button, { onClick: goToNextMonth, size: "md", color: "ghost", icon: React__default["default"].createElement("img", { src: index$b.CommonGAssets.getAssetPath('calendarArrowRight.svg'), loading: "lazy" }) })),
         React__default["default"].createElement(StyledCalendarCellsWrapper, null,
             React__default["default"].createElement("div", null, renderWeekDays()),
             React__default["default"].createElement("div", null, renderMonth()))));
@@ -2588,7 +2588,7 @@ function DateRangePicker({ inputSize = 'md', name = 'date-range-picker', value,
     }
     return (React__default["default"].createElement(StyledWrapper, { className: [className, opened && 'focused'].filter(Boolean).join(' '), ref: ref },
         React__default["default"].createElement("label", { htmlFor: name },
-            React__default["default"].createElement(index$4.PureInput, { size: inputSize, value: fieldValue, name: name, actionIcon: React__default["default"].createElement("img", { src: index$a.CommonGAssets.getAssetPath('calendar.svg'), loading: "lazy" }), onFocus: () => setOpened(true) })),
+            React__default["default"].createElement(index$4.PureInput, { size: inputSize, value: fieldValue, name: name, actionIcon: React__default["default"].createElement("img", { src: index$b.CommonGAssets.getAssetPath('calendar.svg'), loading: "lazy" }), onFocus: () => setOpened(true) })),
         opened ? (React__default["default"].createElement(StyledCalendarWrapper, { onMouseDown: (e) => {
                 e.stopPropagation();
             } }, renderCalendar())) : null));
@@ -2599,7 +2599,7 @@ var styles = {"breadcrumb":"WUqzfRb","separator":"MnVGtSY","textLink":"NclbhXQ"}
 const BreadcrumbItem = ({ LinkComponent, page, isLast, onChangePage, }) => {
     const { label, value, isDropdown, dropdownItems, dataEventCategory, dataEventAction, dataEventLabel, } = page;
     if (isDropdown) {
-        return (React__default["default"].createElement(index$b.Dropdown, { options: dropdownItems, placeholder: "...", id: "", placeholderIcon: null, onChange: onChangePage, className: "collapsed-breadcrumb" }));
+        return (React__default["default"].createElement(index$c.Dropdown, { options: dropdownItems, placeholder: "...", id: "", placeholderIcon: null, onChange: onChangePage, className: "collapsed-breadcrumb" }));
     }
     return (React__default["default"].createElement("div", { className: styles.textLink, title: typeof label !== 'string' ? value : label, "data-last": isLast }, LinkComponent && (React__default["default"].createElement(LinkComponent, { "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, href: value || '#' }, label))));
 };
@@ -2668,7 +2668,7 @@ const AttachIcon = () => {
         React__default["default"].createElement("path", { d: "M6.5 8H10.5", stroke: "#595959", strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 const ShareContainer = ({ url, onCopied, locale, siteType, }) => {
-    const { t } = index$8.useTranslations();
+    const { t } = index$9.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;
@@ -2686,10 +2686,10 @@ const ShareContainer = ({ url, onCopied, locale, siteType, }) => {
         React__default["default"].createElement(index$3.Text, { size: "p3", color: miscTheme.theme.colors.gray800 }, t('shareContainer.title')),
         React__default["default"].createElement("div", { className: "icon-group" },
             socialList.map((social, index) => (React__default["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__default["default"].createElement(index$9.Button, { theme: siteType, size: "sm", type: "button", color: "tertiary", className: "share", style: {}, icon: React__default["default"].createElement(AttachIcon, null), onClick: copyToClipboard, "data-event-category": "Health Tool", "data-event-action": "Copy Link", "data-event-label": currentUrl }))));
+            React__default["default"].createElement(index$a.Button, { theme: siteType, size: "sm", type: "button", color: "tertiary", className: "share", style: {}, icon: React__default["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$c.Drawer) `
+const StyledShareDrawer = styled__default["default"](index$d.Drawer) `
   padding-bottom: 24px;
   .share-container {
     display: flex;
@@ -2731,7 +2731,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$8.useTranslations();
+    const { t } = index$9.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));
@@ -2765,8 +2765,8 @@ const ShareDrawer = (_a) => {
                 React__default["default"].createElement("div", { className: "link-container" },
                     React__default["default"].createElement(index$3.Text, { weight: "semiBold", size: "s3", color: miscTheme.theme.colors.gray600 }, t('share.copyLink')),
                     React__default["default"].createElement("div", { className: "input-group" },
-                        React__default["default"].createElement(index$d.Input, { name: "link", size: "md", value: url, isDisabled: true }),
-                        React__default["default"].createElement(index$9.Button, { size: "md", type: "button", color: "tertiary", icon: React__default["default"].createElement(CopyIcon, null), onClick: copyToClipboard }))))));
+                        React__default["default"].createElement(index$e.Input, { name: "link", size: "md", value: url, isDisabled: true }),
+                        React__default["default"].createElement(index$a.Button, { size: "md", type: "button", color: "tertiary", icon: React__default["default"].createElement(CopyIcon, null), onClick: copyToClipboard }))))));
     }
 };
 
@@ -2854,7 +2854,7 @@ const StyledAdHeader = styled__default["default"].div `
 `;
 const StyledCloseBtn = styled__default["default"].div `
   background-color: white;
-  background-image: url(${index$a.CommonGAssets.getAssetPath('close-blue.svg')});
+  background-image: url(${index$b.CommonGAssets.getAssetPath('close-blue.svg')});
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: center;
@@ -2929,7 +2929,7 @@ customTargetings, style, adDefaultSize, noWrapper, showCloseBtn, onCloseAd, head
                 ? 30
                 : undefined
             : undefined);
-    const { t } = index$8.useTranslations();
+    const { t } = index$9.useTranslations();
     const containerRef = React.useRef(null);
     const adRefreshIntervalRef = React.useRef(null);
     const refreshIntervalRef = React.useRef(defaultRefreshInterval);
@@ -3013,8 +3013,8 @@ customTargetings, style, adDefaultSize, noWrapper, showCloseBtn, onCloseAd, head
         React__default["default"].createElement(StyledAdContainer, { ref: containerRef, className: className, style: style, "data-no-wrapper": !!noWrapper, "data-header-bottom": !!headerBottom }, noWrapper ? (AdContent) : (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(StyledAdHeader, { "data-header-bottom": !!headerBottom },
                 React__default["default"].createElement("img", { src: isMarryBaby
-                        ? index$a.CommonGAssets.getAssetPath('adsIcon-mb.svg')
-                        : index$a.CommonGAssets.getAssetPath('adsIcon.svg'), alt: "", loading: "lazy" }),
+                        ? index$b.CommonGAssets.getAssetPath('adsIcon-mb.svg')
+                        : index$b.CommonGAssets.getAssetPath('adsIcon.svg'), alt: "", loading: "lazy" }),
                 React__default["default"].createElement("span", null, t('adBanner.title'))),
             React__default["default"].createElement("div", { style: {
                     minWidth: minWidth || '100%',
@@ -4646,7 +4646,7 @@ const WidgetChatbotAi = ({}) => {
             React__default["default"].createElement("form", { onSubmit: handleSubmit },
                 React__default["default"].createElement(StyleInput, { type: "text", value: value, onChange: (e) => setValue(e.target.value), name: "input-message", placeholder: "Ask anything..." }),
                 React__default["default"].createElement(core.Box, { className: "rightSection" },
-                    React__default["default"].createElement(index$e.Button, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__default["default"].createElement(arrow.ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
+                    React__default["default"].createElement(index$f.Button, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__default["default"].createElement(arrow.ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
 };
 
 exports.AdBlock = AdBlock;

package/build/{index-895e83ee.js → index-d1878827.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-dfd15d6f.js');
-var index = require('./index-82b5a71c.js');
+var index$1 = require('./index-3f1d3420.js');
+var index = require('./index-8179f250.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-de28b889.js → index-d19b5d14.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var core = require('@mantine/core');
 var vaul = require('vaul');
 var styled = require('@emotion/styled');
-var index = require('./index-43f29f18.js');
+var index = require('./index-31ba4f00.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-49bb2821.js → index-d913e14f.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-99162e0d.js');
-var togetherComponentGlobalContext = require('./utils-34d35c0b.js');
+var index = require('./index-82534326.js');
+var togetherComponentGlobalContext = require('./utils-4fbe2e9b.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-7e29c07c.js → index-d9af315e.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-f9b950d8.js');
-var index = require('./index-77d9f57e.js');
+var Locale = require('./Locale-0cf4ef33.js');
+var index$1 = require('./index-559721ac.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-4c467f5f.js');
-var logoIcon = require('./logoIcon-d3f66369.js');
-require('./index-e276d20f.js');
-var useScreenSize = require('./useScreenSize-ef9730fc.js');
+var utils = require('./utils-28ea2538.js');
+var logoIcon = require('./logoIcon-13d79ea4.js');
+require('./index-e14e7423.js');
+var index = require('./index-4bd2782e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -392,23 +392,23 @@ const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale,
                                         ? 'vn-independent-day'
                                         : undefined, "data-type": type },
         seasonalChecks.isChristmas ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left xmas logo", src: index.CommonGAssets.getAssetPath('logo/xmas-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right xmas logo", src: index.CommonGAssets.getAssetPath('logo/xmas-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left new year logo", src: index.CommonGAssets.getAssetPath('logo/new-year-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right new year logo", src: index.CommonGAssets.getAssetPath('logo/new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isLunarNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left lunar new year logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/lunar-new-year-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right lunar new year logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/lunar-new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellosehat' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/ramadan-sehat-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/ramadan-sehat-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellodoktor' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/ramadan-doktor-left.png'), className: "common-logo-seasonal-left" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/ramadan-doktor-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isVNHungKing &&
+            React__default["default"].createElement(index.ImageWrap, { alt: "left xmas logo", src: index$1.CommonGAssets.getAssetPath('logo/xmas-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right xmas logo", src: index$1.CommonGAssets.getAssetPath('logo/xmas-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left new year logo", src: index$1.CommonGAssets.getAssetPath('logo/new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right new year logo", src: index$1.CommonGAssets.getAssetPath('logo/new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isLunarNewYear ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left lunar new year logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/lunar-new-year-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right lunar new year logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/lunar-new-year-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellosehat' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-sehat-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-sehat-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isRamadan && type === 'hellodoktor' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "left ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-doktor-left.png'), className: "common-logo-seasonal-left" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "right ramadan logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/ramadan-doktor-right.png'), className: "common-logo-seasonal-right" }))) : seasonalChecks.isVNHungKing &&
             (type === 'hellobacsi' || type === 'marryBaby') ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : seasonalChecks.isVNIndependentDay &&
+            React__default["default"].createElement(index.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : seasonalChecks.isVNIndependentDay &&
             (type === 'hellobacsi' || type === 'marryBaby') ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/vn-independence-desktop.png'), className: "common-logo-seasonal-left desktop-only" }),
-            React__default["default"].createElement(useScreenSize.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index.CommonGAssets.getAssetPath('logo/vn-independence-mobile.png'), className: "common-logo-seasonal-left mobile-only" }))) : null,
+            React__default["default"].createElement(index.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/vn-independence-desktop.png'), className: "common-logo-seasonal-left desktop-only" }),
+            React__default["default"].createElement(index.ImageWrap, { alt: "VN Independent day logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/vn-independence-mobile.png'), className: "common-logo-seasonal-left mobile-only" }))) : null,
         React__default["default"].createElement(logoIcon.LogoIcon, { type: type, width: customSize === null || customSize === void 0 ? void 0 : customSize.width, height: customSize === null || customSize === void 0 ? void 0 : customSize.height }),
-        isPro ? (React__default["default"].createElement(StyledProLogo, { src: index.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
+        isPro ? (React__default["default"].createElement(StyledProLogo, { src: index$1.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
         badge));
 };
 

package/build/{index-438f2856.js → index-daff4cdf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/{index-81c4c9ee.js → index-df2966a1.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-99162e0d.js');
-var index = require('./index-82b5a71c.js');
+var index$1 = require('./index-82534326.js');
+var index = require('./index-8179f250.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-468ae1bf.js → index-df348b95.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-2331b34a.js');
+var index_styles = require('./index.styles-90d0628e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e276d20f.js → index-e14e7423.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-f9b950d8.js');
+var Locale = require('./Locale-0cf4ef33.js');
 
 exports.Gender = void 0;
 (function (Gender) {

package/build/{index-84f06111.js → index-e46e6749.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
-var togetherComponentGlobalContext = require('./utils-34d35c0b.js');
+var togetherComponentGlobalContext = require('./utils-4fbe2e9b.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');