@hhgtech/hhg-components 1.28.68 → 1.28.70

package/build/index-bef45e43.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var index = require('./index-69a38997.js');
+var isProduction = require('./isProduction-4f301fa7.js');
+
+const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
+const defaultDomain = 'hellosehat.com';
+class GAssets {
+    constructor() {
+        this.baseDomain = '';
+        this.subPath = '';
+        this.getAssetPath = (path, forceBaseDomain, forceSubPath) => {
+            const fileUrl = 'https://hhg-common.' +
+                [
+                    forceBaseDomain || this.getBaseDomain(),
+                    forceSubPath || this.subPath,
+                    path,
+                ].join('/');
+            if (!isProduction.isProduction && !process.env.JEST_WORKER_ID) {
+                // don't add timestamp when running jest tests
+                // add timestamp to avoid caching if not production
+                return fileUrl + '?v=' + Math.floor(new Date().getTime() / 1000 / 60 / 3);
+            }
+            return fileUrl;
+        };
+    }
+    // constructor() {}
+    getBaseDomain() {
+        if (this.baseDomain) {
+            return this.baseDomain;
+        }
+        if (typeof window !== 'undefined') {
+            const { host } = window.location;
+            const hostParts = host.split('.');
+            const includeDomain = index.domainLocales[Object.keys(index.domainLocales).find((k) => host.includes(index.domainLocales[k]))];
+            if (hostParts.includes('localhost') ||
+                hostParts.includes('hellohealthgroup') ||
+                hostParts.every((part) => isNumeric(part)) || // is IP address
+                !includeDomain) {
+                return defaultDomain;
+            }
+            return includeDomain;
+        }
+        return defaultDomain;
+    }
+}
+const CommonGAssets = new GAssets();
+CommonGAssets.subPath = 'common';
+if (process.env.NEXT_PUBLIC_DEPLOY_LOCALE) {
+    CommonGAssets.baseDomain =
+        index.domainLocales[process.env.NEXT_PUBLIC_DEPLOY_LOCALE];
+}
+
+exports.CommonGAssets = CommonGAssets;
+exports.GAssets = GAssets;

package/build/index-c7dc021b.js

@@ -0,0 +1,157 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-abc17c4d.js');
+var React = require('react');
+var core = require('@mantine/core');
+var index$1 = require('./index-95dd817d.js');
+require('@mantine/dates');
+var index = require('./index-69a38997.js');
+var Subot = require('./Subot-cc39f8f4.js');
+require('./index-bef45e43.js');
+require('./index-970717a9.js');
+require('./theme-30426d81.js');
+var useTranslations = require('./useTranslations-64bdaca7.js');
+require('@mantine/hooks');
+require('./utils-d8cae1f5.js');
+var utils = require('./utils-2b307237.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const generateGetAddressDetail = (locale) => {
+    return `${index.CDN_ADDRESS}/cities-data-${utils.MAPPED_LOCALE[locale]}.json`;
+};
+
+const initialState = {
+    provinceByName: {},
+    provinces: [],
+    districts: [],
+    wards: [],
+    selectedProvince: '',
+    selectedDistrict: '',
+    selectedWard: '',
+};
+const reducer = (state, action) => {
+    switch (action.type) {
+        case 'SET_DATA':
+            return Object.assign(Object.assign({}, state), action.payload);
+        case 'SET_DISTRICTS':
+            return Object.assign(Object.assign({}, state), { districts: action.payload });
+        case 'SET_WARDS':
+            return Object.assign(Object.assign({}, state), { wards: action.payload });
+        case 'SELECT_PROVINCE':
+            return Object.assign(Object.assign({}, state), { selectedProvince: action.payload, selectedDistrict: '', selectedWard: '' });
+        case 'SELECT_DISTRICT':
+            return Object.assign(Object.assign({}, state), { selectedDistrict: action.payload, selectedWard: '' });
+        case 'SELECT_WARD':
+            return Object.assign(Object.assign({}, state), { selectedWard: action.payload });
+        default:
+            return state;
+    }
+};
+const mappingProvinceId = (provinces, hbProvincesList) => {
+    const listById = {};
+    for (const [, value] of Object.entries(hbProvincesList)) {
+        const { id } = value;
+        if (id) {
+            listById[id] = value;
+        }
+    }
+    const list = {};
+    provinces.map((i) => {
+        list[i.name] = listById[i.id];
+    });
+    return list;
+};
+const useAddress = ({ provinces: provincesInit }) => {
+    const [state, dispatch] = React.useReducer(reducer, initialState);
+    const { provinceByName, provinces, districts, wards, selectedProvince, selectedDistrict, selectedWard, } = state;
+    const [addressData, setAddressData] = React.useState();
+    React.useEffect(() => {
+        // Simulating the API call to fetch the address data
+        const fetchAddressData = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c;
+            try {
+                const _addressData = yield fetch(generateGetAddressDetail(process.env.UNIFY_LOCALE || Subot.LOCALE.Vietnam)).then((res) => res.json());
+                setAddressData(_addressData);
+                const { list } = _addressData;
+                const provinceByName = provincesInit
+                    ? mappingProvinceId(provincesInit, list)
+                    : list;
+                const provincesData = Object.keys(provinceByName);
+                const districtsData = Object.keys(((_a = list[provincesData[0]]) === null || _a === void 0 ? void 0 : _a.list) || {});
+                const wardsData = Object.keys(((_c = (_b = list[provincesData[0]]) === null || _b === void 0 ? void 0 : _b[districtsData[0]]) === null || _c === void 0 ? void 0 : _c.list) || {});
+                dispatch({
+                    type: 'SET_DATA',
+                    payload: {
+                        provinceByName,
+                        provinces: provincesData,
+                        districts: districtsData,
+                        wards: wardsData,
+                    },
+                });
+            }
+            catch (error) {
+                console.error('Error fetching address data:', error);
+            }
+        });
+        fetchAddressData();
+    }, [process.env.UNIFY_LOCALE]);
+    const handleProvinceChange = (_selectedProvince) => {
+        var _a;
+        const districtsData = Object.keys(((_a = provinceByName[_selectedProvince]) === null || _a === void 0 ? void 0 : _a.list) || {});
+        dispatch({ type: 'SET_DISTRICTS', payload: districtsData });
+        dispatch({ type: 'SET_WARDS', payload: [] });
+        dispatch({ type: 'SELECT_PROVINCE', payload: _selectedProvince });
+    };
+    const handleDistrictChange = (_selectedDistrict) => {
+        var _a, _b;
+        const wardsData = Object.keys(((_b = (_a = provinceByName[selectedProvince]) === null || _a === void 0 ? void 0 : _a.list[_selectedDistrict]) === null || _b === void 0 ? void 0 : _b.list) || {});
+        dispatch({ type: 'SET_WARDS', payload: wardsData });
+        dispatch({ type: 'SELECT_DISTRICT', payload: _selectedDistrict });
+    };
+    const handleWardChange = (_selectedWard) => {
+        dispatch({ type: 'SELECT_WARD', payload: _selectedWard });
+    };
+    return {
+        provinces,
+        districts,
+        wards,
+        selectedProvince,
+        selectedDistrict,
+        selectedWard,
+        handleProvinceChange,
+        handleDistrictChange,
+        handleWardChange,
+    };
+};
+
+const AddressInput = (_a) => {
+    var { error, provinces: provincesInit, placeholder } = _a, props = tslib_es6.__rest(_a, ["error", "provinces", "placeholder"]);
+    const { t } = useTranslations.useTranslations();
+    const { provinces, districts, wards, selectedProvince, selectedDistrict, selectedWard, handleProvinceChange, handleDistrictChange, handleWardChange, } = useAddress({ provinces: provincesInit });
+    const [extraInfo, setExtraInfo] = React.useState('');
+    React.useEffect(() => {
+        if (selectedProvince && selectedDistrict && selectedWard && extraInfo) {
+            props.onChange({
+                selectedProvince,
+                selectedDistrict,
+                selectedWard,
+                extraInfo,
+            });
+        }
+        else {
+            props.onChange(null);
+        }
+    }, [selectedProvince, selectedDistrict, selectedWard, extraInfo]);
+    return (React__default["default"].createElement(index$1.Input.Wrapper, Object.assign({ withAsterisk: true }, props),
+        React__default["default"].createElement(core.Stack, null,
+            React__default["default"].createElement(index$1.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.province) || t('onboarding.similac.input.city'), data: provincesInit ? provinces : provinces.sort(), searchable: true, onChange: handleProvinceChange, value: selectedProvince }),
+            React__default["default"].createElement(index$1.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.district) || t('onboarding.similac.input.district'), data: districts.sort(), searchable: true, onChange: handleDistrictChange, value: selectedDistrict, disabled: !selectedProvince }),
+            React__default["default"].createElement(index$1.Select, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.ward) || t('onboarding.similac.input.ward'), searchable: true, data: wards.sort(), value: selectedWard, onChange: handleWardChange, disabled: !selectedProvince || !selectedDistrict }),
+            React__default["default"].createElement(index$1.Input, { placeholder: (placeholder === null || placeholder === void 0 ? void 0 : placeholder.address) || t('onboarding.similac.input.no'), disabled: !selectedProvince || !selectedDistrict || !selectedWard, value: extraInfo, onChange: setExtraInfo, style: { marginBottom: 0 } })),
+        React__default["default"].createElement(core.Input.Error, { size: "md" }, error)));
+};
+
+exports.AddressInput = AddressInput;

package/build/index-cd1375cc.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var styles = {"container":"d76E4SH"};
+
+/**
+ * @deprecated Consider to use mantine
+ */
+const Container = ({ children, className, style, type }) => {
+    return (React__default["default"].createElement("div", { className: `${styles.container} ${className || ''}`, style: style, "data-type": type }, children));
+};
+
+exports.Container = Container;

package/build/index-d3d46009.js

@@ -0,0 +1,159 @@
+'use strict';
+
+var React = require('react');
+var index$2 = require('./index-be2d90cb.js');
+var index = require('./index-cd1375cc.js');
+var dayjs = require('dayjs');
+var index$3 = require('./index-69a38997.js');
+var theme = require('./theme-30426d81.js');
+require('./index-95dd817d.js');
+var core = require('@mantine/core');
+require('@mantine/dates');
+require('./Subot-cc39f8f4.js');
+require('./index-bef45e43.js');
+var index$1 = require('./index-970717a9.js');
+var useTranslations = require('./useTranslations-64bdaca7.js');
+require('@mantine/hooks');
+require('./utils-d8cae1f5.js');
+var index$5 = require('./index-e592738b.js');
+var index$4 = require('./index-2d4e4a2c.js');
+require('./translationsContext-7e9f4617.js');
+require('string-format');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+
+var styles$1 = {"footer":"Lj0qoTD","flag":"OO-qFWT"};
+
+const Flag = ({ url, isMobile, dataEventCategory, dataEventAction, dataEventLabel, }) => {
+    return (React__default["default"].createElement("div", { className: styles$1.flag , "data-is-mobile": isMobile },
+        React__default["default"].createElement("img", { loading: "lazy", className: "country-flag", src: url, alt: "Country Flag", "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-content-label": dataEventLabel })));
+};
+const DiscoverFooter = ({ className, type = 'main', footerInfo, isMobile, locale, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+    const { t } = useTranslations.useTranslations();
+    const footerMenu = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu;
+    const verifiedIcons = ((_b = (_a = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _a === void 0 ? void 0 : _a.verified) === null || _b === void 0 ? void 0 : _b.filter(Boolean)) || [];
+    const FooterComp = 'footer';
+    return (React__default["default"].createElement(FooterComp, { className: `${styles$1.footer } ${className || ''}`, style: type === 'mini'
+            ? {
+                backgroundColor: theme.theme.colors.neutral50,
+            }
+            : {} },
+        React__default["default"].createElement(index.Container, null,
+            React__default["default"].createElement("div", { className: "inner", "data-type": type }, type === 'main' ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("a", { href: "/" },
+                    React__default["default"].createElement("img", { loading: "lazy", className: "footer-logo", src: (_c = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _c === void 0 ? void 0 : _c.logo, alt: "Logo", "data-is-sehat": locale === 'id-ID' })),
+                React__default["default"].createElement("div", { className: "columns" },
+                    React__default["default"].createElement("div", { className: "newsletter" },
+                        React__default["default"].createElement(index$1.Text, { size: "p1", weight: "bold" }, (_d = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _d === void 0 ? void 0 : _d.content),
+                        React__default["default"].createElement(index$2.Button, { className: "signupButton", color: "primary", size: "lg" }, t('footer.signUp')),
+                        React__default["default"].createElement("div", { className: "social" },
+                            React__default["default"].createElement(index$1.Text, { size: "sm" }, (_e = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _e === void 0 ? void 0 : _e.title),
+                            React__default["default"].createElement("div", { className: "icons" }, (_g = (_f = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _f === void 0 ? void 0 : _f.socials) === null || _g === void 0 ? void 0 : _g.map((social, idx) => (React__default["default"].createElement("a", { key: idx, "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, href: social.url },
+                                React__default["default"].createElement("img", { loading: "lazy", "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, src: social.icon, alt: "Logo Social", className: "social-icon" }))))),
+                            React__default["default"].createElement("hr", { className: "hrMobile" }))),
+                    React__default["default"].createElement("div", null,
+                        footerMenu && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                            React__default["default"].createElement("div", { className: "biglinks" }, (_j = (_h = footerMenu[0]) === null || _h === void 0 ? void 0 : _h.items) === null || _j === void 0 ? void 0 : _j.map((bigLink, idx) => (React__default["default"].createElement("a", { "data-event-category": "Footer", "data-event-action": bigLink.title, "data-event-label": `https://${index$3.domainLocales[locale]}${bigLink.url}`, className: "bigLink", key: idx, href: bigLink.url }, bigLink.title)))),
+                            React__default["default"].createElement("hr", { className: "hrMobile" }),
+                            React__default["default"].createElement("div", { className: "mHalf" },
+                                React__default["default"].createElement(index$1.Text, { size: "sm", className: "linkTitle" }, (_k = footerMenu[1]) === null || _k === void 0 ? void 0 : _k.menu_title), (_m = (_l = footerMenu[1]) === null || _l === void 0 ? void 0 : _l.items) === null || _m === void 0 ? void 0 :
+                                _m.map((informationLink, idx) => (React__default["default"].createElement("a", { "data-event-category": "Footer", "data-event-action": informationLink.title, "data-event-label": `https://${index$3.domainLocales[locale]}${informationLink.url}`, className: "link", href: informationLink.url, key: idx },
+                                    React__default["default"].createElement(index$1.Text, { size: "sm", dataEventCategory: "Footer", dataEventAction: informationLink.title, dataEventLabel: `https://${index$3.domainLocales[locale]}${informationLink.url}` }, informationLink.title))))),
+                            React__default["default"].createElement("div", { className: "mHalf" },
+                                React__default["default"].createElement(index$1.Text, { size: "sm", className: "linkTitle" }, (_o = footerMenu[2]) === null || _o === void 0 ? void 0 : _o.menu_title), (_q = (_p = footerMenu[2]) === null || _p === void 0 ? void 0 : _p.items) === null || _q === void 0 ? void 0 :
+                                _q.map((hellohealthlink, idx) => hellohealthlink.url && (React__default["default"].createElement("a", { "data-event-category": "Footer", "data-event-action": hellohealthlink.title, "data-event-label": hellohealthlink.url, className: "link", href: hellohealthlink.url, key: idx },
+                                    React__default["default"].createElement(index$1.Text, { size: "sm", dataEventCategory: "Footer", dataEventAction: hellohealthlink.title, dataEventLabel: hellohealthlink.url }, hellohealthlink.title))))))),
+                        React__default["default"].createElement("hr", { className: "hrMobile" }),
+                        React__default["default"].createElement("div", { className: "otherSites" },
+                            React__default["default"].createElement(index$1.Text, { size: "sm", className: "linkTitle" }, (_r = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _r === void 0 ? void 0 : _r.title),
+                            React__default["default"].createElement("div", { className: "flags" }, (_t = (_s = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.branch) === null || _s === void 0 ? void 0 : _s.branch) === null || _t === void 0 ? void 0 : _t.map((flagLink, idx) => (React__default["default"].createElement("a", { className: "link", href: flagLink.url, key: idx, "data-event-category": "Footer", "data-event-action": flagLink.name, "data-event-label": flagLink.url },
+                                React__default["default"].createElement(Flag, { url: flagLink.flag, isMobile: isMobile, dataEventCategory: "Footer", dataEventAction: flagLink.name, dataEventLabel: flagLink.url })))))))),
+                React__default["default"].createElement("hr", null),
+                React__default["default"].createElement("div", { className: "copyright" },
+                    React__default["default"].createElement("div", { className: "copyright-image-wrapper" }, verifiedIcons.length
+                        ? verifiedIcons.map((verify, index) => (React__default["default"].createElement("a", { href: verify.url, key: index, className: "copyright-image" },
+                            React__default["default"].createElement("img", { loading: "lazy", src: verify.image, alt: "DMCA Icon" }))))
+                        : null),
+                    React__default["default"].createElement(index$1.Text, { size: "xs", className: "copyright-content", as: "div" },
+                        React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
+                                __html: (_u = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.general) === null || _u === void 0 ? void 0 : _u.copyright.replace(/{currentYear}/gi, dayjs__default["default"]().get('year').toString()),
+                            } }))))) : (React__default["default"].createElement(React__default["default"].Fragment, null, (footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu) && (React__default["default"].createElement("div", { className: "columns" },
+                React__default["default"].createElement("div", { className: "mHalf" },
+                    React__default["default"].createElement(index$1.Text, { size: "sm", className: "linkTitle" }, (_v = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu[1]) === null || _v === void 0 ? void 0 : _v.menu_title), (_x = (_w = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu[1]) === null || _w === void 0 ? void 0 : _w.items) === null || _x === void 0 ? void 0 :
+                    _x.map((informationLink) => (React__default["default"].createElement("a", { className: "link", href: informationLink.url, key: informationLink.title, "data-list-type": "Footer", "data-content-type": "Navigate", "data-content-topic": "Information", "data-content-title": informationLink.title, "data-content-id": `https://${index$3.domainLocales[locale]}${informationLink.url}`, "data-event-category": "Footer", "data-event-action": informationLink.title, "data-event-label": `https://${index$3.domainLocales[locale]}${informationLink.url}` },
+                        React__default["default"].createElement(index$1.Text, { dataEventCategory: "Footer", dataEventAction: informationLink.title, dataEventLabel: `https://${index$3.domainLocales[locale]}${informationLink.url}`, size: "sm", style: {
+                                color: theme.theme.colors.gray800,
+                            } }, informationLink.title))))),
+                React__default["default"].createElement("div", { className: "mHalf" },
+                    React__default["default"].createElement(index$1.Text, { size: "sm", className: "linkTitle" }, (_y = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu[2]) === null || _y === void 0 ? void 0 : _y.menu_title), (_0 = (_z = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.menu[2]) === null || _z === void 0 ? void 0 : _z.items) === null || _0 === void 0 ? void 0 :
+                    _0.map((hellohealthlink, idx) => (React__default["default"].createElement("a", { className: "link", href: hellohealthlink.url, key: idx, "data-list-type": "Footer", "data-content-type": "Navigate", "data-content-topic": "Hello Health", "data-content-title": hellohealthlink.title, "data-content-id": hellohealthlink.url, "data-event-category": "Footer", "data-event-action": hellohealthlink.title, "data-event-label": hellohealthlink.url },
+                        React__default["default"].createElement(index$1.Text, { size: "sm", color: theme.theme.colors.gray800, dataEventCategory: "Footer", dataEventAction: hellohealthlink.title, dataEventLabel: hellohealthlink.url }, hellohealthlink.title))))),
+                type !== 'mini' && React__default["default"].createElement("hr", { className: "hrMobile" }),
+                React__default["default"].createElement("div", { className: "newsletter" },
+                    React__default["default"].createElement("div", { className: "social" },
+                        React__default["default"].createElement(index$1.Text, { size: "sm" }, (_1 = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _1 === void 0 ? void 0 : _1.title),
+                        React__default["default"].createElement("div", { className: "icons" }, (_3 = (_2 = footerInfo === null || footerInfo === void 0 ? void 0 : footerInfo.social) === null || _2 === void 0 ? void 0 : _2.socials) === null || _3 === void 0 ? void 0 : _3.map((social, idx) => (React__default["default"].createElement("a", { key: idx, "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, href: social.url },
+                            React__default["default"].createElement("img", { "data-event-category": "Footer", "data-event-action": `Follow us - ${social.name}`, "data-content-label": social.url, src: social.icon, alt: "Logo Social", loading: "lazy", className: "social-icon" })))))))))))))));
+};
+
+var styles = {"footerContainer":"B6-KmWK","menuContainer":"GS-7mbG","wrapMenuItem":"qc5bEb3","wrapItems":"CQGVeuT","wrapCopyRight":"_8eUT8Jr","wrapInfo":"_6JMoel-","socialLink":"pFG7UH3"};
+
+const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) => {
+    var _a;
+    if (!footerMenu)
+        return null;
+    const { general, menu, socials } = footerMenu;
+    return (React__default["default"].createElement("footer", { className: styles.footerContainer , style: {
+            backgroundColor: background ? background : 'none',
+        } },
+        React__default["default"].createElement(index.Container, null,
+            React__default["default"].createElement("div", { className: styles.menuContainer }, menu === null || menu === void 0 ? void 0 : menu.map(({ menu_title, items }, idx) => (React__default["default"].createElement("div", { className: styles.wrapMenuItem, key: `mbf${idx}` },
+                React__default["default"].createElement(index$4.MarryBabyText, { className: "title", type: "subtitle-1", color: theme.theme.mbColors.pink }, menu_title), items === null || items === void 0 ? void 0 :
+                items.map(({ title, url }, id) => (React__default["default"].createElement("a", { "data-event-category": "Footer", "data-event-action": "Click", "data-event-label": `${url}`, className: "link", href: url, key: `footer-links-${id}` },
+                    React__default["default"].createElement("div", { className: styles.wrapItems, key: `mbitem${id}` },
+                        React__default["default"].createElement(index$4.MarryBabyText, { type: "bodytext-2", color: theme.theme.mbColors.gray }, title)))))))))),
+        React__default["default"].createElement(index.Container, null,
+            React__default["default"].createElement("div", { className: styles.wrapInfo },
+                React__default["default"].createElement(core.Flex, { gap: '24px', sx: (theme) => ({
+                        [theme.fn.largerThan('sm')]: {
+                            '.info-item': {
+                                flexGrow: 1,
+                                width: '50%',
+                            },
+                        },
+                        [theme.fn.smallerThan('sm')]: {
+                            flexDirection: 'column',
+                        },
+                    }) },
+                    React__default["default"].createElement(core.Stack, { spacing: '24px', className: "info-item" },
+                        React__default["default"].createElement(index$5.Logo, { className: "logo", type: logoType }),
+                        React__default["default"].createElement(index$1.Text, { size: "p4", as: "div" },
+                            React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
+                                    __html: general === null || general === void 0 ? void 0 : general.content,
+                                } })),
+                        React__default["default"].createElement("div", { className: styles.socialLink }, socials === null || socials === void 0 ? void 0 : socials.map(({ icon, name, url }, id) => (React__default["default"].createElement("a", { key: `social${id}`, target: "_blank", rel: "noreferrer", "data-event-category": "Footer", "data-event-action": `Follow us - ${name}`, "data-content-label": name, href: url },
+                            React__default["default"].createElement("img", { className: "social-logo", loading: "lazy", src: icon, alt: name })))))),
+                    React__default["default"].createElement(core.Box, { className: "info-item", sx: { paddingTop: '7px' } },
+                        React__default["default"].createElement(index$1.Text, { size: "p4", as: "div" },
+                            React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
+                                    __html: general === null || general === void 0 ? void 0 : general.information,
+                                } })))))),
+        React__default["default"].createElement("div", { className: styles.wrapCopyRight },
+            React__default["default"].createElement(index.Container, null,
+                React__default["default"].createElement("div", { className: "content" },
+                    React__default["default"].createElement(index$1.Text, { size: "p5", color: "#fff", as: "div" },
+                        React__default["default"].createElement("div", { dangerouslySetInnerHTML: {
+                                __html: general === null || general === void 0 ? void 0 : general.copyright.replace(/{currentYear}/gi, dayjs__default["default"]().get('year').toString()),
+                            } })),
+                    React__default["default"].createElement("div", { className: "verify" }, (_a = general === null || general === void 0 ? void 0 : general.verified) === null || _a === void 0 ? void 0 : _a.map(({ image, url }, idx) => (React__default["default"].createElement("img", { loading: "lazy", key: `imgMbFt${idx}`, src: image, alt: url })))))))));
+};
+
+const Footer = ({ type, isMobile = true, locale, footerInfo, siteType, background, }) => {
+    return siteType === 'helloSites' ? (React__default["default"].createElement(DiscoverFooter, { isMobile: isMobile, type: type, locale: locale, footerInfo: (footerInfo || {}) })) : (React__default["default"].createElement(MarryBabyFooter, { footerMenu: footerInfo, background: background }));
+};
+
+exports.Footer = Footer;

package/build/index-e592738b.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var React = require('react');
+var Subot = require('./Subot-cc39f8f4.js');
+var index$1 = require('./index-bef45e43.js');
+var utils = require('./utils-5c554121.js');
+var index = require('./index-95dd817d.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Logo = ({ type, className, style, isLightLogo, customSize, badge, locale, dateForSeasonal, isPro, }) => {
+    const [seasonalChecks, setSeasonalChecks] = React.useState({
+        isChristmas: false,
+        isLunarNewYear: false,
+        isNewYear: false,
+        isRamadan: false,
+        isVNHungKing: false,
+        isVN3004: false,
+        isLabourDay: false,
+    });
+    React.useEffect(() => {
+        if (!dateForSeasonal || isNaN(new Date(dateForSeasonal).getTime()))
+            return;
+        const dateForSeasonalDate = new Date(dateForSeasonal);
+        const isChristmasMemo = utils.isChristmas(dateForSeasonalDate);
+        const isLunarNewYearMemo = utils.LunarNewYearLocale.includes(locale) && utils.isLunarNewYear(dateForSeasonalDate);
+        const isNewYearMemo = !isLunarNewYearMemo && utils.isNewYear(dateForSeasonalDate);
+        const isRamadanMemo = utils.isRamadan(dateForSeasonalDate);
+        const isVNHungKingMemo = locale === Subot.LOCALE.Vietnam && utils.isVNHungKing(dateForSeasonalDate);
+        const isVN3004Memo = locale === Subot.LOCALE.Vietnam && utils.isVN3004(dateForSeasonalDate);
+        const isLabourDayMemo = locale === Subot.LOCALE.Vietnam && utils.isLabourDay(dateForSeasonalDate);
+        setSeasonalChecks({
+            isChristmas: isChristmasMemo,
+            isLunarNewYear: isLunarNewYearMemo,
+            isNewYear: isNewYearMemo,
+            isRamadan: isRamadanMemo,
+            isVNHungKing: isVNHungKingMemo,
+            isVN3004: isVN3004Memo,
+            isLabourDay: isLabourDayMemo,
+        });
+    }, [locale, new Date(dateForSeasonal).getDate()]);
+    return (React__default["default"].createElement(utils.StyledLogo, { className: className, style: style, "data-logo-is-light": isLightLogo || undefined, "data-has-badge": badge ? true : false, "data-seasonal": seasonalChecks.isRamadan
+            ? 'ramadan'
+            : seasonalChecks.isChristmas
+                ? 'christmas'
+                : seasonalChecks.isLunarNewYear
+                    ? 'lunar-new-year'
+                    : seasonalChecks.isNewYear
+                        ? 'new-year'
+                        : seasonalChecks.isVNHungKing
+                            ? 'hung-king'
+                            : seasonalChecks.isVN3004
+                                ? '30-04'
+                                : seasonalChecks.isLabourDay
+                                    ? 'labour-day'
+                                    : undefined, "data-type": type },
+        seasonalChecks.isChristmas ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            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(index.ImageWrap, { alt: "Hung King logo", loading: "lazy", src: index$1.CommonGAssets.getAssetPath('logo/hung-king-bg.png'), className: "common-logo-seasonal-left" }))) : null,
+        React__default["default"].createElement(utils.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(utils.StyledProLogo, { src: index$1.CommonGAssets.getAssetPath('logo/pro-suffix.svg') })) : null,
+        badge));
+};
+
+exports.Logo = Logo;

package/build/index-ed5f7bf2.js

@@ -0,0 +1,133 @@
+'use strict';
+
+var React = require('react');
+var index_styles = require('./index.styles-2434bd17.js');
+var tslib_es6 = require('./tslib.es6-abc17c4d.js');
+var useTranslations = require('./useTranslations-64bdaca7.js');
+var index = require('./index-95dd817d.js');
+var paths = require('./paths-da1bc0ab.js');
+var constants = require('./constants-fc94e094.js');
+var index$1 = require('./index-69a38997.js');
+var utils = require('./utils-386fbc52.js');
+var isProduction = require('./isProduction-4f301fa7.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+/**
+ * @deprecated Consider to use mantine
+ */
+const Divider = ({ type = 'solid', className, style }) => {
+    return (React__default["default"].createElement(index_styles.StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
+};
+
+const AuthorLabelTextMapping = {
+    admin: 'cardAuthor.admin',
+    moderator: 'cardAuthor.moderator',
+    ambassador: 'cardAuthor.ambassador',
+    expert: 'cardAuthor.expert',
+    sponsor: 'cardAuthor.sponsor',
+    // 'local-admin': 'cardAuthor.localAdmin',
+    guide: 'cardAuthor.guide',
+    influencer: 'cardAuthor.influencer',
+};
+const looselyMatchRole = (role) => {
+    const allRoles = [
+        'admin',
+        'moderator',
+        'ambassador',
+        'expert',
+        'sponsor',
+        'guide',
+        'influencer',
+    ];
+    return allRoles.find((r) => r === role);
+};
+const AuthorBadge = (_a) => {
+    var { siteType, role, title, styles, className } = _a, rest = tslib_es6.__rest(_a, ["siteType", "role", "title", "styles", "className"]);
+    const { t } = useTranslations.useTranslations();
+    const matchedRole = role ? looselyMatchRole(role) : '';
+    const { classes, cx } = index_styles.useStyles$1(undefined, 
+    // Second argument is responsible for styles api integration
+    { name: 'AuthorBadge', styles });
+    return matchedRole && AuthorLabelTextMapping[matchedRole] ? (React__default["default"].createElement("div", Object.assign({ 
+        // className={styles.authorBadge}
+        className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
+};
+
+var styles = {"container":"Dudns9-"};
+
+const BtnChoice = ({ value: valueInit, choices, onChange }) => {
+    const [value, setValue] = React.useState(valueInit);
+    React.useEffect(() => {
+        setValue(valueInit);
+    }, [valueInit]);
+    return (React__default["default"].createElement("div", { className: styles.container }, choices.map((i, idx) => (React__default["default"].createElement(index.Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
+            setValue(i.value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
+        } }, i.label || '')))));
+};
+
+const BookingBtn = (_a) => {
+    var { label, bookingId, bookingType = 'doctor', locale = 'vi-VN' } = _a, rest = tslib_es6.__rest(_a, ["label", "bookingId", "bookingType", "locale"]);
+    const { t } = useTranslations.useTranslations();
+    const [loading, setLoading] = React.useState(false);
+    const currentUrl = React.useMemo(() => {
+        if (typeof window !== 'undefined') {
+            return window.location.href;
+        }
+        else
+            return '';
+    }, []);
+    const handleOnClick = React.useCallback(() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        const url = bookingType === 'doctor'
+            ? paths.PATHS.GET_DOCTOR_DETAIL
+            : bookingType === 'hospital'
+                ? paths.PATHS.GET_HOSPITAL_DETAIL
+                : bookingType === 'service'
+                    ? paths.PATHS.GET_SERVICE_DETAIL
+                    : '';
+        try {
+            setLoading(true);
+            const response = yield utils.callApi(utils.getCarePath(url, {
+                id: bookingId,
+                site: index$1.domainLocales[locale],
+            }), 'get');
+            if ((response === null || response === void 0 ? void 0 : response._status) === 1) {
+                const result = bookingType === 'doctor'
+                    ? {
+                        id: (_c = (_b = response === null || response === void 0 ? void 0 : response._data) === null || _b === void 0 ? void 0 : _b.doctor) === null || _c === void 0 ? void 0 : _c.id,
+                        slug: (_e = (_d = response === null || response === void 0 ? void 0 : response._data) === null || _d === void 0 ? void 0 : _d.doctor) === null || _e === void 0 ? void 0 : _e.slug,
+                        localSlug: (_f = constants.LOCALIZED_SLUGS[locale]) === null || _f === void 0 ? void 0 : _f.DOCTOR,
+                    }
+                    : bookingType === 'hospital'
+                        ? {
+                            id: (_h = (_g = response === null || response === void 0 ? void 0 : response._data) === null || _g === void 0 ? void 0 : _g.branch) === null || _h === void 0 ? void 0 : _h.id,
+                            slug: (_k = (_j = response === null || response === void 0 ? void 0 : response._data) === null || _j === void 0 ? void 0 : _j.branch) === null || _k === void 0 ? void 0 : _k.slug,
+                            localSlug: (_l = constants.LOCALIZED_SLUGS[locale]) === null || _l === void 0 ? void 0 : _l.HOSPITAL,
+                        }
+                        : {
+                            id: (_o = (_m = response === null || response === void 0 ? void 0 : response._data) === null || _m === void 0 ? void 0 : _m.service) === null || _o === void 0 ? void 0 : _o.id,
+                            slug: (_q = (_p = response === null || response === void 0 ? void 0 : response._data) === null || _p === void 0 ? void 0 : _p.service) === null || _q === void 0 ? void 0 : _q.slug,
+                            localSlug: (_r = constants.LOCALIZED_SLUGS[locale]) === null || _r === void 0 ? void 0 : _r.SERVICE,
+                        };
+                window.location.href = `https://${!isProduction.isProduction ? 'discover.' : ''}${index$1.domainLocales[locale]}/care/${result.localSlug}/${result.slug}-${result.id}/`;
+            }
+            else {
+                setLoading(false);
+            }
+        }
+        catch (err) {
+            console.log(err);
+            setLoading(false);
+        }
+    }), []);
+    return bookingId && bookingType ? (React__default["default"].createElement(index.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
+};
+
+exports.AuthorBadge = AuthorBadge;
+exports.BookingBtn = BookingBtn;
+exports.BtnChoice = BtnChoice;
+exports.Divider = Divider;