@hhgtech/hhg-components 1.29.73 → 1.29.75

package/build/{index-83182b29.js → index-9dec3ca3.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-7273ee66.js');
-var theme = require('./theme-95161e62.js');
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
-var utils$1 = require('./utils-952c0ed1.js');
+var utils = require('./utils-bfde5ee4.js');
+var theme = require('./theme-16fbdb40.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
+var utils$1 = require('./utils-9aa2dfbc.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-257aaeeb.js → index-9feb56fb.js}

@@ -1,48 +1,48 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
 var React = require('react');
-var index$2 = require('./index-afb84a2d.js');
+var index$2 = require('./index-6e65d66e.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-95161e62.js');
-var index = require('./index-002aec56.js');
-var index$1 = require('./index-3a0344a4.js');
-var index$3 = require('./index-3e584528.js');
-var normalizeLink = require('./normalizeLink-97892185.js');
-var routing = require('./routing-2e21811d.js');
-var index$4 = require('./index-83182b29.js');
-var index$a = require('./index-827f1505.js');
-var useTranslations = require('./useTranslations-ad0240fc.js');
+var theme = require('./theme-16fbdb40.js');
+var index = require('./index-4d71f290.js');
+var index$1 = require('./index-c3cb5b4b.js');
+var index$3 = require('./index-b8626fc8.js');
+var normalizeLink = require('./normalizeLink-f3744864.js');
+var routing = require('./routing-e0f7ef32.js');
+var index$4 = require('./index-9dec3ca3.js');
+var index$a = require('./index-d3b9be10.js');
+var useTranslations = require('./useTranslations-70772861.js');
 var throttle = require('lodash/throttle');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$6 = require('./index-96678edc.js');
-require('./useMantineLocale-2f4ae3b1.js');
-require('./translationsContext-59253e5e.js');
+var index$6 = require('./index-11233a95.js');
+require('./useMantineLocale-64e2ffd3.js');
+require('./translationsContext-057953bd.js');
 var formatString = require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-7273ee66.js');
-var constants = require('./constants-6d008e99.js');
+var utils = require('./utils-bfde5ee4.js');
+var constants = require('./constants-d18b17ea.js');
 var core$1 = require('@hhgtech/icons/core');
-var utils$1 = require('./utils-952c0ed1.js');
-var ChevronDown = require('./ChevronDown-59e21239.js');
+var utils$1 = require('./utils-9aa2dfbc.js');
+var ChevronDown = require('./ChevronDown-4437a926.js');
 var react = require('@emotion/react');
-var index$5 = require('./index-d4a24031.js');
-var constants$1 = require('./constants-296311de.js');
-var index$8 = require('./index-641457de.js');
-var index$7 = require('./index-9bae4d05.js');
-var useIsInit = require('./useIsInit-192c4a62.js');
-require('./index.styles-3114fa0a.js');
-require('./utils-3719758e.js');
-require('./WhatsApp-0d23f2b1.js');
-require('./index.styled-04799337.js');
-require('./index-56e49fa1.js');
+var index$5 = require('./index-bb789089.js');
+var constants$1 = require('./constants-2a0864b6.js');
+var index$8 = require('./index-c07a2246.js');
+var index$7 = require('./index-e60273c6.js');
+var useIsInit = require('./useIsInit-a95a2b02.js');
+require('./index.styles-c8dc907a.js');
+require('./utils-ddfd197d.js');
+require('./WhatsApp-bb5f8920.js');
+require('./index.styled-ede7e5ba.js');
+require('./index-27213109.js');
 var other = require('@hhgtech/icons/other');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$9 = require('./index-ada48d37.js');
+var index$9 = require('./index-ac7a16a8.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-bb9d614a.js');
+var core$2 = require('./core-c49d7d84.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -996,7 +996,7 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
                 yield onLogout();
             }) }))) : (React__default["default"].createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, href: !init
             ? normalizeLink.normalizeLinkSlash(`${SSO_URL}?returnUrl=${currentUrl}`)
-            : undefined, "data-site-type": siteType }, isMinifyLogin ? (React__default["default"].createElement(StyledAvatar, { onClick: onLoginClick },
+            : undefined, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default["default"].createElement(StyledAvatar, null,
         React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
     // LOGIC:
     // - DEsktop: always show button
@@ -1009,15 +1009,15 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, cu
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
-                }, onClick: onLoginClick })) : (React__default["default"].createElement(index$2.Button, { className: "mobile-only", size: "sm", onClick: onLoginClick, leftIcon: React__default["default"].createElement(core$1.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                } })) : (React__default["default"].createElement(index$2.Button, { className: "mobile-only", size: "sm", leftIcon: React__default["default"].createElement(core$1.User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
                     paddingLeft: '8px',
                     paddingRight: '12px',
                 } }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' && (React__default["default"].createElement("div", { className: "mobile-only", onClick: onLoginClick, style: {
+        siteType === 'marryBaby' && (React__default["default"].createElement("div", { className: "mobile-only", style: {
                 paddingLeft: 16,
             } },
             React__default["default"].createElement(index.Text, { size: "p3", color: theme.theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", onClick: onLoginClick, leftIcon: React__default["default"].createElement(core$1.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", onClick: onLoginClick, leftIcon: React__default["default"].createElement(core$1.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+        siteType === 'marryBaby' ? (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core$1.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__default["default"].createElement(core$1.User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
 };
 
 var styles$3 = {"bookingButton":"spdlGfq","bookingButtonAnchor":"vgS16jX"};
@@ -1318,9 +1318,6 @@ const StyledItemAll = styled__default["default"].div `
   line-height: 24px;
   font-size: 14px;
   font-weight: 600;
-  &[data-event-category] * {
-    pointer-events: none;
-  }
   &[data-theme='marryBaby'] {
     color: ${theme.theme.mbColors.pink};
   }
@@ -2914,7 +2911,7 @@ const BtnClosePopup = ({ onClosePopup }) => {
 
 const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseBtn, }) => {
     return (React__default["default"].createElement("div", { className: "hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools", "data-is-display": !!isDisplay, "data-is-nav-menu": !!isNavMenu },
-        React__default["default"].createElement(index$9.Container, null,
+        React__default["default"].createElement(index$9.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
             !hideCloseBtn && (React__default["default"].createElement("div", { className: styles.container },
                 React__default["default"].createElement(BtnClosePopup, { onClosePopup: onClosePopup }))),
             React__default["default"].createElement(index$9.Container, { className: styles.gridContainer }, children))));
@@ -3007,13 +3004,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-3e804c13.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-13ab49ab.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                Promise.resolve().then(function () { return require('./cart-d1e04d48.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./cart-722c451a.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/{index-22fd3249.js → index-b3df77aa.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
 var React = require('react');
-var index = require('./index-96678edc.js');
+var index = require('./index-11233a95.js');
 var styled = require('@emotion/styled');
-var index$2 = require('./index-3a0344a4.js');
-var theme = require('./theme-95161e62.js');
-var index$1 = require('./index-afb84a2d.js');
-var index$3 = require('./index-4e7ab676.js');
+var index$2 = require('./index-c3cb5b4b.js');
+var theme = require('./theme-16fbdb40.js');
+var index$1 = require('./index-6e65d66e.js');
+var index$3 = require('./index-c2f5608c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3e584528.js → index-b8626fc8.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-var index$1 = require('./index-96678edc.js');
-var isProduction = require('./isProduction-326e26f4.js');
+var index$1 = require('./index-11233a95.js');
+var isProduction = require('./isProduction-cc3219b0.js');
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/{index-d4a24031.js → index-bb789089.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
 var React = require('react');
-var index = require('./index-afb84a2d.js');
+var index = require('./index-6e65d66e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-641457de.js → index-c07a2246.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-002aec56.js');
+var index = require('./index-4d71f290.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4e7ab676.js → index-c2f5608c.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
 var React = require('react');
-require('./index-afb84a2d.js');
+require('./index-6e65d66e.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-3e584528.js');
-require('./index-96678edc.js');
-require('./index-3a0344a4.js');
-require('./useMantineLocale-2f4ae3b1.js');
-var index = require('./index-002aec56.js');
-require('./theme-95161e62.js');
-require('./translationsContext-59253e5e.js');
+require('./index-b8626fc8.js');
+require('./index-11233a95.js');
+require('./index-c3cb5b4b.js');
+require('./useMantineLocale-64e2ffd3.js');
+var index = require('./index-4d71f290.js');
+require('./theme-16fbdb40.js');
+require('./translationsContext-057953bd.js');
 require('string-format');
 require('@mantine/hooks');
-require('./utils-7273ee66.js');
+require('./utils-bfde5ee4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3a0344a4.js → index-c3cb5b4b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-3e584528.js');
-var isProduction = require('./isProduction-326e26f4.js');
+var index = require('./index-b8626fc8.js');
+var isProduction = require('./isProduction-cc3219b0.js');
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/{index-cd3d1106.js → index-c7af7088.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-c69b1787.js');
-var useTranslations = require('./useTranslations-ad0240fc.js');
+var index = require('./index-f762188c.js');
+var useTranslations = require('./useTranslations-70772861.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
 var styled = require('@emotion/styled');
-var theme = require('./theme-95161e62.js');
+var theme = require('./theme-16fbdb40.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-827f1505.js → index-d3b9be10.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-96678edc.js');
-var index$2 = require('./index-3a0344a4.js');
-var utils = require('./utils-3719758e.js');
-var index$1 = require('./index-afb84a2d.js');
+var index = require('./index-11233a95.js');
+var index$2 = require('./index-c3cb5b4b.js');
+var utils = require('./utils-ddfd197d.js');
+var index$1 = require('./index-6e65d66e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-62747ee0.js → index-db6af5f3.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-afb84a2d.js');
+var index$2 = require('./index-6e65d66e.js');
 require('@mantine/dates');
-var index = require('./index-3e584528.js');
-var index$1 = require('./index-96678edc.js');
-require('./index-3a0344a4.js');
-require('./useMantineLocale-2f4ae3b1.js');
-require('./index-002aec56.js');
-require('./theme-95161e62.js');
-var useTranslations = require('./useTranslations-ad0240fc.js');
+var index = require('./index-b8626fc8.js');
+var index$1 = require('./index-11233a95.js');
+require('./index-c3cb5b4b.js');
+require('./useMantineLocale-64e2ffd3.js');
+require('./index-4d71f290.js');
+require('./theme-16fbdb40.js');
+var useTranslations = require('./useTranslations-70772861.js');
 require('@mantine/hooks');
-require('./utils-7273ee66.js');
-var utils = require('./utils-47de4b65.js');
+require('./utils-bfde5ee4.js');
+var utils = require('./utils-138ca940.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-dab1f1a7.js → index-dc880f42.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var index_styles = require('./index.styles-3114fa0a.js');
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
-var useTranslations = require('./useTranslations-ad0240fc.js');
-var index = require('./index-afb84a2d.js');
-var paths = require('./paths-4b6097e5.js');
-var constants = require('./constants-296311de.js');
-var index$1 = require('./index-3e584528.js');
-var utils = require('./utils-952c0ed1.js');
-var isProduction = require('./isProduction-326e26f4.js');
+var index_styles = require('./index.styles-c8dc907a.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
+var useTranslations = require('./useTranslations-70772861.js');
+var index = require('./index-6e65d66e.js');
+var paths = require('./paths-3017b933.js');
+var constants = require('./constants-2a0864b6.js');
+var index$1 = require('./index-b8626fc8.js');
+var utils = require('./utils-9aa2dfbc.js');
+var isProduction = require('./isProduction-cc3219b0.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9bae4d05.js → index-e60273c6.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
 var React = require('react');
 var core = require('@mantine/core');
-var theme = require('./theme-95161e62.js');
+var theme = require('./theme-16fbdb40.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c7ff0f1a.js → index-e6ba7316.js}

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-ada48d37.js');
+var index$1 = require('./index-ac7a16a8.js');
 var dayjs = require('dayjs');
-var index$3 = require('./index-3e584528.js');
-var index = require('./index-afb84a2d.js');
+var index$3 = require('./index-b8626fc8.js');
+var index = require('./index-6e65d66e.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-96678edc.js');
-require('./index-3a0344a4.js');
-require('./useMantineLocale-2f4ae3b1.js');
-var index$2 = require('./index-002aec56.js');
-var theme = require('./theme-95161e62.js');
-require('./translationsContext-59253e5e.js');
+require('./index-11233a95.js');
+require('./index-c3cb5b4b.js');
+require('./useMantineLocale-64e2ffd3.js');
+var index$2 = require('./index-4d71f290.js');
+var theme = require('./theme-16fbdb40.js');
+require('./translationsContext-057953bd.js');
 require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-7273ee66.js');
+var utils = require('./utils-bfde5ee4.js');
 var styled = require('@emotion/styled');
-var index$5 = require('./index-827f1505.js');
-var index$4 = require('./index-e8f9cb8a.js');
+var index$5 = require('./index-d3b9be10.js');
+var index$4 = require('./index-5255b48f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -26,7 +26,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
-const StyledFooter = styled__default["default"].footer `
+const StyledFooter$1 = styled__default["default"].footer `
   background-color: #1b3250;
 
   .inner {
@@ -247,7 +247,7 @@ const DiscoverFooter = ({ className, footerInfo, locale }) => {
     const { isMobile } = index.useScreenSize();
     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)) || [];
-    return (React__default["default"].createElement(StyledFooter, { className: className },
+    return (React__default["default"].createElement(StyledFooter$1, { className: className },
         React__default["default"].createElement(index$1.Container, null,
             React__default["default"].createElement("div", { className: "inner" },
                 React__default["default"].createElement("a", { href: "/" },
@@ -275,24 +275,125 @@ const DiscoverFooter = ({ className, footerInfo, locale }) => {
                             } })))))));
 };
 
-var styles = {"footerContainer":"B6-KmWK","menuContainer":"GS-7mbG","wrapMenuItem":"qc5bEb3","wrapItems":"CQGVeuT","wrapCopyRight":"_8eUT8Jr","wrapInfo":"_6JMoel-","socialLink":"pFG7UH3"};
+const StyledFooter = styled__default["default"].footer `
+  position: relative;
+  overflow: hidden;
+  .icons {
+    margin-top: 12px;
+    margin-bottom: 20px;
+    > a:not(:last-child) {
+      margin-right: 16px;
+    }
+  }
+
+  a {
+    text-decoration: none;
+  }
+`;
+const StyledMenuContainer = styled__default["default"].div `
+  position: relative;
+  padding: 80px 0 40px;
+  margin: auto 68px;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+
+  border-bottom: 1px solid ${theme.theme.colors.neutral200};
+
+  ${utils.MediaQueries.tdDown} {
+    margin: auto 16px;
+    flex-wrap: wrap;
+    row-gap: 32px;
+    column-gap: 16px;
+  }
+
+  ${utils.MediaQueries.mbDown} {
+    margin: auto 0;
+  }
+`;
+const StyledWrapMenuItem = styled__default["default"].div `
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  flex-direction: column;
+
+  ${utils.MediaQueries.mbDown} {
+    flex: 1 1 160px;
+  }
+  .title {
+    padding-bottom: 4px;
+  }
+`;
+const StyledWrapItems = styled__default["default"].div `
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  flex-direction: column;
+`;
+const StyledWrapCopyRight = styled__default["default"].div `
+  background-color: #{map-get($mbColors, 'dark')};
+  padding: 16px 0;
+  position: relative;
+
+  img {
+    width: 89px;
+    height: 32px;
+  }
+  .content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 174px;
+    margin: auto 68px;
+
+    ${utils.MediaQueries.tdDown} {
+      margin: auto 16px;
+    }
+
+    ${utils.MediaQueries.mbDown} {
+      flex-direction: column-reverse;
+      gap: 16px;
+      align-items: flex-start;
+      margin: auto 0;
+    }
+  }
+
+  .verify {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+  }
+`;
+const StyledWrapInfo = styled__default["default"].div `
+  padding: 40px 0;
+  ${utils.MediaQueries.mbUp} {
+    margin: auto 68px;
+  }
+`;
+const StyledSocialLink = styled__default["default"].div `
+  display: flex;
+  gap: 16px;
+  .social-logo {
+    width: 28px;
+  }
+`;
 
 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: {
+    return (React__default["default"].createElement(StyledFooter, { style: {
             backgroundColor: background ? background : 'none',
         } },
         React__default["default"].createElement(index$1.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(StyledMenuContainer, null, menu === null || menu === void 0 ? void 0 : menu.map(({ menu_title, items }, idx) => (React__default["default"].createElement(StyledWrapMenuItem, { 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(StyledWrapItems, { key: `mbitem${id}` },
                         React__default["default"].createElement(index$4.MarryBabyText, { type: "bodytext-2", color: theme.theme.mbColors.gray }, title)))))))))),
         React__default["default"].createElement(index$1.Container, null,
-            React__default["default"].createElement("div", { className: styles.wrapInfo },
+            React__default["default"].createElement(StyledWrapInfo, null,
                 React__default["default"].createElement(core.Flex, { gap: '24px', sx: (theme) => ({
                         [theme.fn.largerThan('sm')]: {
                             '.info-item': {
@@ -310,14 +411,14 @@ const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) =>
                             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(StyledSocialLink, null, 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$2.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(StyledWrapCopyRight, null,
             React__default["default"].createElement(index$1.Container, null,
                 React__default["default"].createElement("div", { className: "content" },
                     React__default["default"].createElement(index$2.Text, { size: "p5", color: "#fff", as: "div" },

package/build/{index-ec7b6d36.js → index-eded4514.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
 var React = require('react');
 var core = require('@mantine/core');
-var constants = require('./constants-296311de.js');
+var constants = require('./constants-2a0864b6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c69b1787.js → index-f762188c.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f80d8f3e.js');
+var tslib_es6 = require('./tslib.es6-493f4911.js');
 var React = require('react');
-var theme = require('./theme-95161e62.js');
-var utils = require('./utils-952c0ed1.js');
-var Instagram = require('./Instagram-196a0fea.js');
-var WhatsApp = require('./WhatsApp-0d23f2b1.js');
+var theme = require('./theme-16fbdb40.js');
+var utils = require('./utils-9aa2dfbc.js');
+var Instagram = require('./Instagram-08d31873.js');
+var WhatsApp = require('./WhatsApp-bb5f8920.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }