@hhgtech/hhg-components 1.29.82 → 1.29.84

package/build/index-6c91ec06.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var React = require('react');
+var styled = require('@emotion/styled');
+var utils = require('./utils-7effa670.js');
+var miscTheme = require('./miscTheme.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledPopup = styled__default["default"].div `
+  position: fixed;
+  left: 50%;
+
+  padding: 0 16px 32px;
+  background-color: ${miscTheme.theme.colors.white};
+  border-radius: ${miscTheme.theme.borderRadius};
+  box-shadow: 0px 4px 8px ${miscTheme.theme.colors.gray200};
+  transform: translate(-50%, -50%);
+  transition: all 0.5s ease-in-out;
+  visibility: hidden;
+
+  &[data-open='true'] {
+    z-index: 400;
+    top: 50%;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &[data-open='false'] {
+    top: -50%;
+  }
+
+  &[data-type='lead'] {
+    width: 332px;
+    height: 460px;
+
+    div {
+      top: -15px;
+      right: -15px;
+    }
+  }
+
+  &[data-type='form'] {
+    width: 496px;
+    height: 548px;
+    ${utils.MediaQueries.mbDown} {
+      width: 340px;
+    }
+  }
+
+  &[data-type='confirm'] {
+    ${utils.MediaQueries.mbDown} {
+      width: calc(100% - 32px);
+    }
+    ${utils.MediaQueries.mbUp} {
+      width: 100%;
+      max-width: 407px;
+    }
+  }
+
+  .popup-content {
+    position: relative;
+    z-index: 111;
+    height: 100%;
+    padding: 16px;
+  }
+
+  .close-button {
+    position: absolute;
+    top: 16px;
+    right: 0;
+    cursor: pointer;
+
+    img {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+    }
+  }
+`;
+const StyledPopupWrapper = styled__default["default"].div `
+  position: fixed;
+  z-index: 110;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  background: rgba(38, 38, 38, 0.3);
+
+  &[data-open='false'] {
+    display: none;
+  }
+`;
+
+const Popup = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', enableAnimation = true, }) => {
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(StyledPopup, { "data-open": isOpen, "data-type": type, "data-animation": enableAnimation },
+            React__default["default"].createElement("div", { className: `${className || ''} popup-content` },
+                !!closeIcon && (React__default["default"].createElement("div", { className: "close-button", onClick: onClose }, closeIcon)),
+                children)),
+        React__default["default"].createElement(StyledPopupWrapper, { "data-open": isOpen, onClick: onClose })));
+};
+
+exports.Popup = Popup;

package/build/{index-4cdcdbbe.js → index-71618efb.js}

@@ -1,15 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-54aeefca.js');
-var index = require('./index-1fdf2f01.js');
-var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
+var index$1 = require('./index-7efe7581.js');
+var index = require('./index-4184d8d6.js');
+var togetherComponentGlobalContext = require('./utils-62afd8c7.js');
 var styled = require('@emotion/styled');
-var constants = require('./constants-a78fa8b3.js');
-var index$2 = require('./index-f222ee45.js');
-var theme = require('./theme-be20929b.js');
+var togetherApiPaths = require('./togetherApiPaths.js');
+var constants = require('./constants-bea20f60.js');
+var index$2 = require('./index-83259c86.js');
+var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -92,7 +93,7 @@ const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) =>
             if (!url)
                 return setPreviewData(null);
             setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
-            togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherComponentGlobalContext.PATHS.FETCH_PREVIEW, {
+            togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.FETCH_PREVIEW, {
                 _locale: locale,
             }), 'POST', {
                 data: {
@@ -378,7 +379,7 @@ const StyledTree = styled__default["default"].div `
         padding: 0 1rem;
         border: none;
         margin-bottom: 8px;
-        color: ${theme.theme.colors.gray800};
+        color: ${miscTheme.theme.colors.gray800};
         cursor: pointer;
         text-align: left;
         transition: background 0.3s;
@@ -388,12 +389,12 @@ const StyledTree = styled__default["default"].div `
           pointer-events: none;
         }
         &.--checked {
-          color: ${theme.theme.colors.gray500};
+          color: ${miscTheme.theme.colors.gray500};
           pointer-events: none;
         }
 
         &:hover {
-          background: ${theme.theme.colors.gray100};
+          background: ${miscTheme.theme.colors.gray100};
         }
 
         .__icon {
@@ -450,7 +451,7 @@ const StyledTree = styled__default["default"].div `
           padding: 1rem;
           margin-bottom: 0;
           &:hover {
-            background: ${theme.theme.mbColors.lightPink};
+            background: ${miscTheme.theme.mbColors.lightPink};
           }
         }
       }

package/build/{index-ec34e358.js → index-743f391a.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var useTranslations = require('./useTranslations-685f989b.js');
-var cookieHelper = require('./cookieHelper-86ae022e.js');
-var index$1 = require('./index-64d8db08.js');
-var normalizeLink = require('./normalizeLink-d307f624.js');
-var theme = require('./theme-be20929b.js');
-var index = require('./index-53e14542.js');
-var index$2 = require('./index-d9919cd2.js');
-var index$3 = require('./index-f222ee45.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
+var miscCookieHelper = require('./miscCookieHelper.js');
+var index$1 = require('./index-e0d59d3e.js');
+var normalizeLink = require('./normalizeLink-bc411d55.js');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-4b035057.js');
+var index$2 = require('./index-ebfbb401.js');
+var index$3 = require('./index-83259c86.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -42,8 +42,8 @@ function NavHeader({ userInfo, onClickMyProfileButton, themeName = 'helloSites',
     };
     return (React__default["default"].createElement("div", { className: styles$4.navHeader, onClick: handleClickMyProfileButton },
         React__default["default"].createElement(index.Avatar, { className: styles$4.navAvatar, type: "rounded", size: "xl", avatarUrl: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, firstLetter: nameFirstLetter, backgroundColor: themeName === 'marryBaby'
-                ? theme.theme.mbColors.pink
-                : theme.theme.colors.secondaryBase }),
+                ? miscTheme.theme.mbColors.pink
+                : miscTheme.theme.colors.secondaryBase }),
         React__default["default"].createElement("div", { className: styles$4.navHeaderUserInfos },
             React__default["default"].createElement("div", { className: styles$4.navHeaderUserName }, (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username)),
             React__default["default"].createElement("div", { className: styles$4.navHeaderMyProfileButton, style: {
@@ -55,9 +55,9 @@ function NavHeader({ userInfo, onClickMyProfileButton, themeName = 'helloSites',
 var styles$3 = {"navigationCard":"fVk18fq","navigationCardLabel":"v8TCvUb","navigationCardIconWrapper":"mx7T4V3"};
 
 const iconBgColorMap = {
-    myHealth: theme.theme.mbColors.toneYellow,
-    myCommunity: theme.theme.mbColors.toneBlue,
-    mySaved: theme.theme.mbColors.toneGreen,
+    myHealth: miscTheme.theme.mbColors.toneYellow,
+    myCommunity: miscTheme.theme.mbColors.toneBlue,
+    mySaved: miscTheme.theme.mbColors.toneGreen,
 };
 // type CardIconUrlMap = IconUrlMap<UserProfileMenuCard>
 const cardIconUrlMap = {
@@ -229,7 +229,7 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
     const isMarryBaby = themeName === 'marryBaby';
     React.useEffect(() => {
         if (userInfo && typeof userPostsNumber === 'undefined') {
-            const token = cookieHelper.getCookie('hhg_user_token');
+            const token = miscCookieHelper.getCookie('hhg_user_token');
             if (!!token) {
                 fetch(normalizeLink.normalizeLinkSlash(index$2.getTogetherUserPostsApiPath(locale, isMarryBaby, togetherApiDomain)), {
                     headers: {

package/build/{index-fd3e1d16.js → index-7565806b.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var theme = require('./theme-be20929b.js');
+var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const Indicator = (_a) => {
-    var { styles, color = theme.theme.colors.red700 } = _a, props = tslib_es6.__rest(_a, ["styles", "color"]);
+    var { styles, color = miscTheme.theme.colors.red700 } = _a, props = tslib_es6.__rest(_a, ["styles", "color"]);
     return (React__default["default"].createElement(core.Indicator, Object.assign({ inline: true, position: "top-end", offset: 4, styles: Object.assign({ processing: {
                 // FIX: Safari blink
                 animationDirection: 'alternate',

package/build/{index-54aeefca.js → index-7efe7581.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-1fdf2f01.js');
+var index = require('./index-4184d8d6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f222ee45.js → index-83259c86.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
-var index = require('./index-3eb666e6.js');
+var index = require('./index-353ce6f8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-dff7ee1b.js → index-848c257f.js}

@@ -1,22 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index$3 = require('./index-64d8db08.js');
-var utils = require('./utils-15a9772e.js');
+var index$2 = require('./index-e0d59d3e.js');
+var utils = require('./utils-7effa670.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$4 = require('./index-1fdf2f01.js');
-var index$2 = require('./index-1f3fc2e3.js');
-var theme = require('./theme-be20929b.js');
-var useMantineLocale = require('./useMantineLocale-0d63dfea.js');
-var index = require('./index-e3bbd009.js');
-var index$1 = require('./index-3eb666e6.js');
+var index$3 = require('./index-4184d8d6.js');
+require('./index-3ae93a30.js');
+var miscTheme = require('./miscTheme.js');
+var useMantineLocale = require('./useMantineLocale-30235874.js');
+var index = require('./index-1f94d57c.js');
+var index$1 = require('./index-353ce6f8.js');
+var Locale = require('./Locale-9e8a2452.js');
 var cn = require('classnames');
-var useUniqueId = require('./useUniqueId-1af8848e.js');
+var useUniqueId = require('./useUniqueId-b5967fd3.js');
+var constantsSite = require('./constantsSite.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -64,13 +66,13 @@ const GlobalInputStyle = (locale) => {
                     fontWeight: 600,
                     fontSize: '14px',
                     lineHeight: '22px',
-                    color: theme.theme.colors.gray600,
+                    color: miscTheme.theme.colors.gray600,
                 },
                 description: {
                     fontWeight: 400,
                     fontSize: '12px',
                     lineHeight: '18px',
-                    color: theme.theme.colors.gray600,
+                    color: miscTheme.theme.colors.gray600,
                     marginBottom: '0.25rem',
                 },
                 error: {
@@ -86,7 +88,7 @@ const GlobalInputStyle = (locale) => {
         Input: {
             styles: (_theme, _, { size }) => ({
                 input: {
-                    border: `1px solid ${theme.theme.colors.gray200}`,
+                    border: `1px solid ${miscTheme.theme.colors.gray200}`,
                     transition: `all ${index$1.ANIMATION_DURATION} ease-in-out`,
                     ['&:not(.mantine-Textarea-input)']: Object.assign({}, (() => {
                         switch (size) {
@@ -122,7 +124,7 @@ const GlobalInputStyle = (locale) => {
                     },
                 },
                 '&[data-invalid="true"]': {
-                    border: `1px solid ${theme.theme.colors.red600}`,
+                    border: `1px solid ${miscTheme.theme.colors.red600}`,
                     color: '#000',
                 },
             }),
@@ -321,12 +323,12 @@ const getMantineThemeOverride = (locale, template = 'hb') => {
     return {
         defaultRadius: template === 'hb' ? 8 : 16,
         cursorType: 'pointer',
-        colors: Object.assign(Object.assign(Object.assign({}, themeColors), theme.theme.colors), { toneYellow: '#fff9eb', toneGreen: '#f2fcf7', toneBlue: '#e0e9fb', tonePink: '#ffeaf1' }),
+        colors: Object.assign(Object.assign(Object.assign({}, themeColors), miscTheme.theme.colors), { toneYellow: '#fff9eb', toneGreen: '#f2fcf7', toneBlue: '#e0e9fb', tonePink: '#ffeaf1' }),
         primaryColor: template,
         primaryShade: 6,
-        fontFamily: (locale === index$2.LOCALE.Cambodia
+        fontFamily: (locale === Locale.LOCALE.Cambodia
             ? 'Battambang'
-            : locale === index$2.LOCALE.Thailand
+            : locale === Locale.LOCALE.Thailand
                 ? 'Noto Sans Thai'
                 : 'Inter') +
             `, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif`,
@@ -340,7 +342,7 @@ const getMantineThemeOverride = (locale, template = 'hb') => {
         components: Object.assign(Object.assign(Object.assign(Object.assign({}, GlobalInputStyle(locale)), getGlobalRadioStyle), GlobalButtonStyle), useMantineLocale.GlobalHeadingStyle),
         other: {
             template,
-            defaultImage: index$3.CommonGAssets.getAssetPath(template === 'mb' ? 'default-image-mb.jpg' : 'default-image.jpg'),
+            defaultImage: index$2.CommonGAssets.getAssetPath(template === 'mb' ? 'default-image-mb.jpg' : 'default-image.jpg'),
         },
     };
 };
@@ -362,8 +364,8 @@ const StyledImage = styled__default["default"].img `
   }
 `;
 
-const CambodiaRoundIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "round cambodia flag", src: index$3.CommonGAssets.getAssetPath('flags/cambodiaRound.png'), style: Object.assign({ borderRadius: '50%' }, props.style) }, props)));
-const CambodiaSquareIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "square cambodia flag", src: index$3.CommonGAssets.getAssetPath('flags/cambodiaSquare.png') }, props)));
+const CambodiaRoundIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "round cambodia flag", src: index$2.CommonGAssets.getAssetPath('flags/cambodiaRound.png'), style: Object.assign({ borderRadius: '50%' }, props.style) }, props)));
+const CambodiaSquareIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "square cambodia flag", src: index$2.CommonGAssets.getAssetPath('flags/cambodiaSquare.png') }, props)));
 
 const EnglishRoundIcon = (props) => (React__namespace["default"].createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: "none", style: Object.assign({ borderRadius: '50%' }, props.style) }, props),
     React__namespace["default"].createElement("g", null,
@@ -410,8 +412,8 @@ const EnglishSquareIcon = (props) => (React__namespace["default"].createElement(
         React__namespace["default"].createElement("path", { d: "M9.32609 10.8334L1.08301 5.79537V7.06504L7.24826 10.8334H9.32609ZM24.0004 5.41675L15.1376 10.8334H17.2149L24.9163 6.12687V5.41675H24.0004ZM17.9191 15.1667L24.9163 19.4432V18.1735L19.9964 15.1667H17.9191ZM8.62192 15.1667L1.08301 19.7742V20.5834H1.83701L10.6992 15.1667H8.62192ZM1.08301 11.9167H24.9163V14.0834H1.08301V11.9167Z", fill: "#E53935" }),
         React__namespace["default"].createElement("path", { d: "M11.917 5.41675H14.0837V20.5834H11.917V5.41675Z", fill: "#E53935" }))));
 
-const IndiaRoundIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "round india flag", src: index$3.CommonGAssets.getAssetPath('flags/indiaRound.png'), style: Object.assign({ borderRadius: '50%' }, props.style) }, props)));
-const IndiaSquareIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "square indian flag", src: index$3.CommonGAssets.getAssetPath('flags/indiaSquare.png') }, props)));
+const IndiaRoundIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "round india flag", src: index$2.CommonGAssets.getAssetPath('flags/indiaRound.png'), style: Object.assign({ borderRadius: '50%' }, props.style) }, props)));
+const IndiaSquareIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "square indian flag", src: index$2.CommonGAssets.getAssetPath('flags/indiaSquare.png') }, props)));
 
 const IndonesiaRoundIcon = (_a) => {
     var rest = tslib_es6.__rest(_a, []);
@@ -493,8 +495,8 @@ const MyanmarSquareIcon = (props) => (React__namespace["default"].createElement(
     React__namespace["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.6667 7.4589L16.3104 7.41087L12.5218 9.79821L11.6667 7.4589Z", fill: "white" }),
     React__namespace["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2361 7.90629L14.7225 11.8171L10.9974 9.35207L13.2361 7.90629Z", fill: "white" })));
 
-const PhilippinesRoundIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "round philippines flag", src: index$3.CommonGAssets.getAssetPath('flags/philippineRound.png'), style: Object.assign({ borderRadius: '50%' }, props.style) }, props)));
-const PhilippinesSquareIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "square philippines flag", src: index$3.CommonGAssets.getAssetPath('flags/philippineSquare.png') }, props)));
+const PhilippinesRoundIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "round philippines flag", src: index$2.CommonGAssets.getAssetPath('flags/philippineRound.png'), style: Object.assign({ borderRadius: '50%' }, props.style) }, props)));
+const PhilippinesSquareIcon = (props) => (React__namespace["default"].createElement(ImageWrap, Object.assign({ alt: "square philippines flag", src: index$2.CommonGAssets.getAssetPath('flags/philippineSquare.png') }, props)));
 
 const TaiwanRoundIcon = (props) => (React__namespace["default"].createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: "none", style: Object.assign({ borderRadius: '50%' }, props.style) }, props),
     React__namespace["default"].createElement("g", null,
@@ -673,7 +675,7 @@ const _AutoComplete = React.forwardRef((_a, ref) => {
     const onClear = () => {
         handleChange('');
     };
-    return (React__namespace["default"].createElement(core.Autocomplete, Object.assign({ ref: ref, rightSection: React__namespace["default"].createElement(core.Image, { src: index$3.CommonGAssets.getAssetPath('chevron-down.svg'), fit: "none" }), size: "md", maxDropdownHeight: 300, onChange: (e) => handleChange(e), value: _value }, props, (clearable && (_value === null || _value === void 0 ? void 0 : _value.length) > 0
+    return (React__namespace["default"].createElement(core.Autocomplete, Object.assign({ ref: ref, rightSection: React__namespace["default"].createElement(core.Image, { src: index$2.CommonGAssets.getAssetPath('chevron-down.svg'), fit: "none" }), size: "md", maxDropdownHeight: 300, onChange: (e) => handleChange(e), value: _value }, props, (clearable && (_value === null || _value === void 0 ? void 0 : _value.length) > 0
         ? {
             rightSection: (React__namespace["default"].createElement(core.ActionIcon, { onClick: onClear, sx: { cursor: 'pointer' } },
                 React__namespace["default"].createElement(_IconSelect, null))),
@@ -816,7 +818,7 @@ var useStyles$3 = core.createStyles((_theme, _params) => {
 const Anchor = (_a) => {
     var { color, styles, className } = _a, rest = tslib_es6.__rest(_a, ["color", "styles", "className"]);
     const { classes, cx } = useStyles$3({ color }, { name: 'Anchor', styles });
-    return React__namespace["default"].createElement(index$4.Text, Object.assign({ as: "a", className: cx(classes.root, className) }, rest));
+    return React__namespace["default"].createElement(index$3.Text, Object.assign({ as: "a", className: cx(classes.root, className) }, rest));
 };
 
 const BreadcrumbItem = (_a) => {
@@ -893,7 +895,7 @@ const StyledTextArea = styled__default["default"](core.Textarea) `
   .mantine-Textarea-input {
     padding: 12px 16px;
     background: #ffffff;
-    border: 1px solid ${theme.theme.colors.gray200};
+    border: 1px solid ${miscTheme.theme.colors.gray200};
     border-radius: 4px;
   }
 `;
@@ -944,19 +946,19 @@ const StyledAccordion = styled__default["default"](core.Accordion) `
         width: 16px;
         height: 16px;
         background-position: center;
-        background-image: url(${(props) => props.closeChevron || index$3.CommonGAssets.getAssetPath('plus-icon.svg')});
+        background-image: url(${(props) => props.closeChevron || index$2.CommonGAssets.getAssetPath('plus-icon.svg')});
       }
     }
     &[data-active='true'] {
       .mantine-Accordion-chevron {
         > div {
-          background-image: url(${(props) => props.openChevron || index$3.CommonGAssets.getAssetPath('minus-icon.svg')});
+          background-image: url(${(props) => props.openChevron || index$2.CommonGAssets.getAssetPath('minus-icon.svg')});
         }
       }
     }
   }
   .mantine-Accordion-panel {
-    border-radius: ${theme.theme.borderRadius};
+    border-radius: ${miscTheme.theme.borderRadius};
   }
   .mantine-Accordion-content {
     white-space: pre-wrap;
@@ -972,7 +974,7 @@ Accordion.Control = core.Accordion.Control;
 Accordion.Item = core.Accordion.Item;
 Accordion.Panel = core.Accordion.Panel;
 
-const DEFAULT_AVATAR = index$3.CommonGAssets.getAssetPath('avatar.jpg');
+const DEFAULT_AVATAR = index$2.CommonGAssets.getAssetPath('avatar.jpg');
 const Avatar = (_a) => {
     var { withIndicator = false, indicatorConfig = null, size = 56, children, styles, placeholderText } = _a, // usually first letter of name
     avatarProps = tslib_es6.__rest(_a, ["withIndicator", "indicatorConfig", "size", "children", "styles", "placeholderText"]);
@@ -1019,8 +1021,8 @@ const NumberInput = (_a) => {
         }, removeTrailingZeros: true, value: value }, props)));
 };
 
-const EyeVisible = index$3.CommonGAssets.getAssetPath('EyeVisible.svg');
-const EyeHidden = index$3.CommonGAssets.getAssetPath('EyeHidden.svg');
+const EyeVisible = index$2.CommonGAssets.getAssetPath('EyeVisible.svg');
+const EyeHidden = index$2.CommonGAssets.getAssetPath('EyeHidden.svg');
 const PasswordInput = React.forwardRef((props, ref) => {
     const { size = 'md', visibilityToggleIcon: visibilityToggleIconProps } = props, restProps = tslib_es6.__rest(props, ["size", "visibilityToggleIcon"]);
     const visibilityToggleIcon = visibilityToggleIconProps ||
@@ -1210,7 +1212,7 @@ Checkbox.Group = core.Checkbox.Group;
 
 const StyledSlider = styled__default["default"](core.Slider) `
   ${(props) => {
-    const color = props.color || theme.theme.colors.primaryBase;
+    const color = props.color || miscTheme.theme.colors.primaryBase;
     return `
       .mantine-Slider-bar {
         background-color: ${color};
@@ -1223,7 +1225,7 @@ const StyledSlider = styled__default["default"](core.Slider) `
 }}
   [data-theme='marryBaby'] & {
     ${(props) => {
-    const color = props.color || theme.theme.mbColors.pink;
+    const color = props.color || miscTheme.theme.mbColors.pink;
     return `
         .mantine-Slider-bar {
           background-color: ${color};
@@ -1251,13 +1253,13 @@ const StyledSliderWrapper = styled__default["default"].div `
   }
   button {
     path:not([stroke]) {
-      stroke: ${theme.theme.colors.primaryBase};
+      stroke: ${miscTheme.theme.colors.primaryBase};
     }
   }
   [data-theme='marryBaby'] & {
     button {
       path:not([stroke]) {
-        stroke: ${theme.theme.mbColors.pink};
+        stroke: ${miscTheme.theme.mbColors.pink};
       }
     }
   }
@@ -1432,7 +1434,7 @@ const OTPFowardRef = (props, ref) => {
 };
 const OTP = React.forwardRef(OTPFowardRef);
 
-const countriesDefault = Object.values(index.siteOptions).reduce((countries, { phoneCountry: phone }) => {
+const countriesDefault = Object.values(constantsSite.siteOptions).reduce((countries, { phoneCountry: phone }) => {
     if (!countries.includes(phone)) {
         countries.push(phone);
     }
@@ -1604,7 +1606,7 @@ const _Tabs = (_a) => {
         setDisableNext(((_a = viewport === null || viewport === void 0 ? void 0 : viewport.current) === null || _a === void 0 ? void 0 : _a.clientWidth) + scrollPosition.x ===
             ((_b = viewport === null || viewport === void 0 ? void 0 : viewport.current) === null || _b === void 0 ? void 0 : _b.scrollWidth));
     }, [scrollPosition]);
-    const TabTextComponent = ({ text, dataEventCategory, dataEventAction, dataEventLabel, }) => TabComponentDisplay ? (React__namespace["default"].createElement(TabComponentDisplay, null, text)) : (React__namespace["default"].createElement(index$4.Text, { size: "s3", color: "inherit", weight: "semiBold", "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }, text));
+    const TabTextComponent = ({ text, dataEventCategory, dataEventAction, dataEventLabel, }) => TabComponentDisplay ? (React__namespace["default"].createElement(TabComponentDisplay, null, text)) : (React__namespace["default"].createElement(index$3.Text, { size: "s3", color: "inherit", weight: "semiBold", "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }, text));
     return (React__namespace["default"].createElement(core.Tabs, Object.assign({}, props, rest), children || (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
         React__namespace["default"].createElement(core.ScrollArea, { className: cx(classes.scrollArea, `${!disablePrevious ? 'prev-bg' : ''} ${!disableNext ? 'next-bg' : ''}`), scrollbarSize: 0, viewportRef: viewport, onScrollPositionChange: onScrollPositionChange },
             React__namespace["default"].createElement(core.Tabs.List, Object.assign({ className: classes.list, ref: listRef }, listProps), dataList.map((i, idx) => (React__namespace["default"].createElement(core.Tabs.Tab, Object.assign({ ref: (e) => (tabRef.current[idx] = e), className: classes.tab, key: String(i.value), value: String(i.value) }, tabProps),

package/build/{index-7ecc69af.js → index-89785eb5.js}

@@ -1,21 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-dff7ee1b.js');
+var index$1 = require('./index-848c257f.js');
 require('@mantine/dates');
-var index = require('./index-e3bbd009.js');
-var index$1 = require('./index-1f3fc2e3.js');
-require('./index-64d8db08.js');
-require('./useMantineLocale-0d63dfea.js');
-require('./index-1fdf2f01.js');
-require('./index-3eb666e6.js');
-require('./theme-be20929b.js');
-var useTranslations = require('./useTranslations-685f989b.js');
+var index = require('./index-1f94d57c.js');
+require('./index-3ae93a30.js');
+require('./index-e0d59d3e.js');
+require('./useMantineLocale-30235874.js');
+require('./index-4184d8d6.js');
+require('./index-353ce6f8.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
 require('@mantine/hooks');
-require('./utils-15a9772e.js');
-var utils = require('./utils-1a00c0f8.js');
+require('./utils-7effa670.js');
+require('./other-b4596d33.js');
+var utils = require('./utils-63994a00.js');
+var Locale = require('./Locale-9e8a2452.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -75,7 +76,7 @@ const useAddress = ({ provinces: provincesInit }) => {
         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 || index$1.LOCALE.Vietnam)).then((res) => res.json());
+                const _addressData = yield fetch(generateGetAddressDetail(process.env.UNIFY_LOCALE || Locale.LOCALE.Vietnam)).then((res) => res.json());
                 setAddressData(_addressData);
                 const { list } = _addressData;
                 const provinceByName = provincesInit
@@ -147,12 +148,12 @@ const AddressInput = (_a) => {
             props.onChange(null);
         }
     }, [selectedProvince, selectedDistrict, selectedWard, extraInfo]);
-    return (React__default["default"].createElement(index$2.Input.Wrapper, Object.assign({ withAsterisk: true }, props),
+    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$2.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$2.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$2.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$2.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(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)));
 };