@hhgtech/hhg-components 1.29.82 → 1.29.83

package/build/{index-077bf48f.js → index-bd0008c0.js}

@@ -1,33 +1,35 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$5 = require('./index-4bc690c9.js');
-var useTranslations = require('./useTranslations-685f989b.js');
+var index$5 = require('./index-4ef9be86.js');
+var useTranslations = require('./useTranslations-80687df4.js');
 var innertext = require('innertext');
-var theme = require('./theme-be20929b.js');
-require('./index-dff7ee1b.js');
+var miscTheme = require('./miscTheme.js');
+require('./index-df9447b3.js');
 require('@mantine/dates');
-require('./index-e3bbd009.js');
-require('./index-1f3fc2e3.js');
-var index$6 = require('./index-64d8db08.js');
-require('./useMantineLocale-0d63dfea.js');
-var index$1 = require('./index-1fdf2f01.js');
-var index$7 = require('./index-3eb666e6.js');
+require('./index-617bff8c.js');
+require('./index-d91f52cc.js');
+var index$6 = require('./index-6e7aede8.js');
+require('./useMantineLocale-f9195d27.js');
+var index$1 = require('./index-036fe55d.js');
+var index$7 = require('./index-8cb3f562.js');
 require('@mantine/hooks');
-require('./utils-15a9772e.js');
-var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
-var index = require('./index-2afbeb3d.js');
+require('./utils-928b4701.js');
+require('./other-0edcc417.js');
+var togetherComponentGlobalContext = require('./utils-e4d5701e.js');
+var index = require('./index-f5956cd0.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-dd074159.js');
-var dataTransform = require('./dataTransform-e39297c1.js');
-var constants = require('./constants-a78fa8b3.js');
-var index$2 = require('./index-4cdcdbbe.js');
-var index$3 = require('./index-7953fb8e.js');
+var index$4 = require('./index-b99e7941.js');
+var dataTransform = require('./dataTransform-265f1b67.js');
+var constants = require('./constants-1953275e.js');
+var index$2 = require('./index-e239d386.js');
+var index$3 = require('./index-6daafc7b.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
+var togetherApiPaths = require('./togetherApiPaths.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -71,7 +73,7 @@ const StyledCreateNewPost = styled__default["default"].div `
 
     label {
       margin-bottom: 5px;
-      color: ${theme.theme.colors.gray600};
+      color: ${miscTheme.theme.colors.gray600};
       /* font-family: 'Open Sans', sans-serif; */
       font-size: 13px;
       font-weight: bold;
@@ -79,7 +81,7 @@ const StyledCreateNewPost = styled__default["default"].div `
 
     .input-group-label {
       margin-bottom: 5px;
-      color: ${theme.theme.colors.gray600};
+      color: ${miscTheme.theme.colors.gray600};
       /* font-family: 'Open Sans', sans-serif; */
       font-size: 13px;
       font-weight: bold;
@@ -116,12 +118,12 @@ const StyledCreateNewPost = styled__default["default"].div `
   .swich-input-group {
     padding: 12px 16px;
     border-radius: 8px;
-    background: ${theme.theme.colors.neutral50};
+    background: ${miscTheme.theme.colors.neutral50};
 
     &.askdoctor-switch {
-      background: ${theme.theme.colors.primary50};
+      background: ${miscTheme.theme.colors.primary50};
       &.mb-color {
-        background: ${theme.theme.mbColors.tonePink};
+        background: ${miscTheme.theme.mbColors.tonePink};
       }
     }
 
@@ -140,7 +142,7 @@ const StyledCreateNewPost = styled__default["default"].div `
     .label-txt {
       font-weight: normal;
       font-size: 14px;
-      color: ${theme.theme.colors.gray800};
+      color: ${miscTheme.theme.colors.gray800};
       margin-left: 10px;
     }
   }
@@ -152,10 +154,10 @@ const StyledIsQuestion = styled__default["default"].div `
   justify-content: space-between;
   padding: 12px 16px;
   border-radius: 8px;
-  background: ${theme.theme.colors.primary50};
+  background: ${miscTheme.theme.colors.primary50};
 
   &[data-is-marry-baby='true'] {
-    background: ${theme.theme.mbColors.tonePink};
+    background: ${miscTheme.theme.mbColors.tonePink};
   }
   .switch-label {
     display: flex;
@@ -166,7 +168,7 @@ const StyledIsQuestion = styled__default["default"].div `
 `;
 const StyledError = styled__default["default"].div `
   margin-bottom: 12px;
-  color: ${theme.theme.colors.red700};
+  color: ${miscTheme.theme.colors.red700};
   svg {
     margin-right: 5px;
   }
@@ -217,7 +219,7 @@ const CreatePostDescription = ({ className, style, bannedWords = [], value, onCh
         React__default["default"].createElement("input", { ref: imagePicker, type: "file", accept: "image/png, image/gif, image/jpeg", multiple: true, style: { display: 'none' }, onChange: onSelectImages }),
         imageSrcs.length > constants.MAX_IMAGE_UPLOADS ? (React__default["default"].createElement("div", { className: "input-notification" },
             React__default["default"].createElement("img", { src: IconAlertCircleWarning, loading: "lazy" }),
-            React__default["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
+            React__default["default"].createElement(index$1.Text, { size: "p4", color: miscTheme.theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
         imageSrcs.length > 0 && (React__default["default"].createElement("div", { className: "image-gallery" }, imageSrcs.map((src, i) => (React__default["default"].createElement("div", { key: i, className: "image-item" },
             React__default["default"].createElement("img", { src: src, loading: "lazy" }),
             React__default["default"].createElement("img", { className: "close-btn", src: index.IconCloseCircle, onClick: () => onRemoveImage(i), loading: "lazy" }))))))));
@@ -235,13 +237,13 @@ const StyledCreatePostTitle = styled__default["default"].div `
     width: 100%;
     padding: 12px 16px;
     border: solid 1px #d9d9d9;
-    border-radius: ${theme.theme.borderRadius};
+    border-radius: ${miscTheme.theme.borderRadius};
     font-size: 16px;
     line-height: 1.2;
     white-space: nowrap;
     :focus {
-      border-color: ${theme.theme.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${theme.theme.colors.primary200};
+      border-color: ${miscTheme.theme.colors.primaryBase};
+      box-shadow: 0px 0px 2px 2px ${miscTheme.theme.colors.primary200};
     }
     br {
       display: none;
@@ -269,14 +271,14 @@ const StyledCreatePostTitle = styled__default["default"].div `
   label {
     display: block;
     margin-bottom: 5px;
-    color: ${theme.theme.colors.gray600};
+    color: ${miscTheme.theme.colors.gray600};
     font-size: 13px;
     font-weight: bold;
   }
 
   .count-string {
     margin-top: 5px;
-    color: ${theme.theme.colors.gray500};
+    color: ${miscTheme.theme.colors.gray500};
     font-size: 11px;
     text-align: right;
   }
@@ -368,24 +370,24 @@ const StyledTopicSelectList = styled__default["default"].div `
   .tag-item {
     min-height: 32px;
     padding: 5px 12px;
-    border: 1px solid ${theme.theme.colors.neutral100};
+    border: 1px solid ${miscTheme.theme.colors.neutral100};
     margin-right: 1rem;
     margin-bottom: 8px;
     border-radius: 1rem;
-    color: ${theme.theme.colors.gray800};
+    color: ${miscTheme.theme.colors.gray800};
     cursor: pointer;
     font-size: 13px;
     line-height: 22px;
     transition: all 0.2s;
 
     &.--active {
-      border-color: ${theme.theme.colors.primary50};
-      background: ${theme.theme.colors.primary50};
-      color: ${theme.theme.colors.primaryBase};
+      border-color: ${miscTheme.theme.colors.primary50};
+      background: ${miscTheme.theme.colors.primary50};
+      color: ${miscTheme.theme.colors.primaryBase};
     }
     &[data-disabled='true'] {
-      background: ${theme.theme.colors.gray100};
-      color: ${theme.theme.colors.gray800};
+      background: ${miscTheme.theme.colors.gray100};
+      color: ${miscTheme.theme.colors.gray800};
     }
   }
   .topic-spinner {
@@ -425,7 +427,7 @@ const TopicSelectList = ({ className, style, topics: topicsProp, communityId, on
             (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _b;
                 try {
-                    const res = yield togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherComponentGlobalContext.PATHS.TOPIC.LIST, {
+                    const res = yield togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.TOPIC.LIST, {
                         communityId: communityId,
                         _locale: locale,
                     }), 'GET');
@@ -653,12 +655,12 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
         React__default["default"].createElement("div", { className: "input-group-container" },
             React__default["default"].createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, onChange: setTitleValue }),
             specialCharErr && (React__default["default"].createElement(StyledError, null,
-                React__default["default"].createElement(other.Info, { isSolid: true, color: theme.theme.colors.red700, size: 14 }),
-                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: theme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
+                React__default["default"].createElement(other.Info, { isSolid: true, color: miscTheme.theme.colors.red700, size: 14 }),
+                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
             React__default["default"].createElement(CreatePostDescription, { className: "input-group", bannedWords: bannedWords, value: descriptionValue, onChange: setDescriptionValue, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, onImageFilesChange: setImageFiles, imageFiles: imageFiles }),
             showAskDoctorOptions && (React__default["default"].createElement(StyledIsQuestion, { "data-is-marry-baby": isMarryBaby },
                 React__default["default"].createElement("div", { className: "switch-label" },
-                    React__default["default"].createElement(other.Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: theme.theme.colors.primaryBase, className: "label-icon" }),
+                    React__default["default"].createElement(other.Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: miscTheme.theme.colors.primaryBase, className: "label-icon" }),
                     React__default["default"].createElement("span", { className: "label-txt" }, t('createPost.askDoctor'))),
                 React__default["default"].createElement(index$4.BtnChoice, { value: isAskDoctor, choices: [
                         {
@@ -679,8 +681,8 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         }
                     } }))),
             showAskDoctorRequired && (React__default["default"].createElement(StyledError, null,
-                React__default["default"].createElement(other.Info, { isSolid: true, color: theme.theme.colors.red700, size: 14 }),
-                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: theme.theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
+                React__default["default"].createElement(other.Info, { isSolid: true, color: miscTheme.theme.colors.red700, size: 14 }),
+                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
             React__default["default"].createElement("div", { className: "input-group" },
                 React__default["default"].createElement(index$1.Text, { size: "p4", className: "input-group-label" }, t('admin.community')),
                 React__default["default"].createElement(index$5.Dropdown, { options: (communitiesList === null || communitiesList === void 0 ? void 0 : communitiesList.map((c) => ({
@@ -697,7 +699,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         });
                         setSelectedTopics([]);
                     }, disabled: !!forceSelectCommunity }),
-                React__default["default"].createElement(index$1.Text, { size: "sm", className: "warning", color: theme.theme.colors.gray400 },
+                React__default["default"].createElement(index$1.Text, { size: "sm", className: "warning", color: miscTheme.theme.colors.gray400 },
                     "* ",
                     t('commentPopup.warning.newPost'))),
             !hideTopicList && (React__default["default"].createElement("div", { className: "input-group" },
@@ -706,7 +708,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                     React__default["default"].createElement("img", { src: currentCommunity
                             ? IconAlertCirclePrimary
                             : IconAlertCircleWarning, loading: "lazy" }),
-                    React__default["default"].createElement(index$1.Text, { size: "base", color: theme.theme.colors.gray500 }, t(currentCommunity
+                    React__default["default"].createElement(index$1.Text, { size: "base", color: miscTheme.theme.colors.gray500 }, t(currentCommunity
                         ? 'createPost.popup.primary'
                         : 'createPost.popup.warning'))),
                 currentCommunity && (React__default["default"].createElement(TopicSelectList, { className: "tag-list", communityId: currentCommunity.id, forceTopics: forceSelectTopics, onChange: setSelectedTopics, selectedTopics: selectedTopics, noFetch: noFetchTopic, dataEventCategory: "Together", dataEventAction: "Write Post Click -  Choose Community/Topic", dataEventLabel: currentPageUrl }))))),
@@ -754,7 +756,7 @@ const SkipQuestionOfExpertBtn = (_a) => {
     const handleSkip = React.useCallback(() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _b;
         setLoading(true);
-        const res = yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getApiPath(togetherComponentGlobalContext.PATHS.USER.SKIP_QUESTION, {
+        const res = yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.USER.SKIP_QUESTION, {
             _locale: locale,
             id: post === null || post === void 0 ? void 0 : post.id,
         }), 'PUT');

package/build/{index-10760994.js → index-bd37f7ea.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
 var React = require('react');
-var theme = require('./theme-be20929b.js');
-var WhatsApp = require('./WhatsApp-46f4f408.js');
+var miscTheme = require('./miscTheme.js');
+var WhatsApp = require('./WhatsApp-19ca0437.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const ArrowRightTail = (_a) => {
-    var { size = 24, color: colorInit = theme.theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.theme.colors.primaryBase } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);
+    var { size = 24, color: colorInit = miscTheme.theme.colors.gray600, useCurrentColor, isActive, activeColor = miscTheme.theme.colors.primaryBase } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);
     const color = useCurrentColor
         ? 'currentColor'
         : isActive
@@ -22,7 +22,7 @@ const ArrowRightTail = (_a) => {
 };
 
 const Cart = (_a) => {
-    var { size = 24, color: colorInit = theme.theme.colors.gray600, useCurrentColor, isActive, isSolid, activeColor = theme.theme.colors.primaryBase } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "isActive", "isSolid", "activeColor"]);
+    var { size = 24, color: colorInit = miscTheme.theme.colors.gray600, useCurrentColor, isActive, isSolid, activeColor = miscTheme.theme.colors.primaryBase } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "isActive", "isSolid", "activeColor"]);
     const color = useCurrentColor
         ? 'currentColor'
         : isActive
@@ -35,7 +35,7 @@ const Cart = (_a) => {
 };
 
 const CartWithAdd = (_a) => {
-    var { size = 24, color: colorInit = theme.theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.theme.colors.primaryBase } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);
+    var { size = 24, color: colorInit = miscTheme.theme.colors.gray600, useCurrentColor, isActive, activeColor = miscTheme.theme.colors.primaryBase } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);
     const color = useCurrentColor
         ? 'currentColor'
         : isActive
@@ -59,12 +59,12 @@ const Eye = (_a) => {
 };
 Eye.defaultProps = {
     size: 24,
-    color: theme.theme.colors.gray600,
-    activeColor: theme.theme.colors.primaryBase,
+    color: miscTheme.theme.colors.gray600,
+    activeColor: miscTheme.theme.colors.primaryBase,
 };
 
 const Share = (_a) => {
-    var { size = 24, color: colorInit = theme.theme.colors.gray600, useCurrentColor, activeColor = theme.theme.colors.primaryBase, isActive, isMarryBaby, isSolid = true } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "activeColor", "isActive", "isMarryBaby", "isSolid"]);
+    var { size = 24, color: colorInit = miscTheme.theme.colors.gray600, useCurrentColor, activeColor = miscTheme.theme.colors.primaryBase, isActive, isMarryBaby, isSolid = true } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "activeColor", "isActive", "isMarryBaby", "isSolid"]);
     const color = useCurrentColor
         ? 'currentColor'
         : isActive

package/build/index-be727078.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
+var React = require('react');
+var core = require('@mantine/core');
+require('./index-df9447b3.js');
+require('@mantine/dates');
+require('./index-617bff8c.js');
+require('./index-d91f52cc.js');
+require('./index-6e7aede8.js');
+require('./useMantineLocale-f9195d27.js');
+var index = require('./index-036fe55d.js');
+var index$1 = require('./index-8cb3f562.js');
+var useTranslations = require('./useTranslations-80687df4.js');
+require('@mantine/hooks');
+require('./utils-928b4701.js');
+require('./other-0edcc417.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var useStyles = core.createStyles((theme, { hasOnClickFn }) => {
+    return {
+        root: {
+            position: 'relative',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: core.rem(16),
+        },
+        sponsorBox: {
+            display: 'flex',
+            gap: core.rem(12),
+            alignItems: 'center',
+            backgroundColor: theme.colors.neutral[0],
+            border: `1px solid ${theme.colors.neutral[1]}`,
+            borderRadius: core.rem(4),
+            padding: '4px 12px',
+            alignSelf: 'flex-start',
+        },
+        sponsorLogo: {
+            maxHeight: core.rem(32),
+        },
+        btn: {
+            minWidth: core.rem(180),
+            [theme.fn.largerThan('sm')]: {
+                alignSelf: 'flex-end',
+            },
+            visibility: hasOnClickFn ? 'visible' : 'hidden',
+        },
+    };
+});
+
+const BabyPoopForm = (_a) => {
+    var { babyPoopPage, onClickFindOut, currentUrl, sponsorLogo, btnProps, styles, classNames } = _a, props = tslib_es6.__rest(_a, ["babyPoopPage", "onClickFindOut", "currentUrl", "sponsorLogo", "btnProps", "styles", "classNames"]);
+    const { t } = useTranslations.useTranslations();
+    const { classes } = useStyles({ hasOnClickFn: Boolean(onClickFindOut) }, { name: 'BabyPoopForm', styles, classNames });
+    return (React__default["default"].createElement(core.Box, Object.assign({ className: classes.root }, props),
+        sponsorLogo && (React__default["default"].createElement(core.Box, { className: classes.sponsorBox },
+            React__default["default"].createElement(index.Text, { size: "p4" }, t('common.sponsoredBy')),
+            React__default["default"].createElement("img", { loading: "lazy", src: sponsorLogo, alt: "sponsor", className: classes.sponsorLogo }))),
+        React__default["default"].createElement(index.Text, { size: "p3", className: "description" }, babyPoopPage.description),
+        React__default["default"].createElement(index$1.Button, Object.assign({ className: classes.btn, onClick: onClickFindOut, dataEventCategory: "Health Tool", dataEventAction: "Baby Stool Inquiry", dataEventLabel: currentUrl }, btnProps), t('babyPoop.findOut'))));
+};
+
+exports.BabyPoopForm = BabyPoopForm;

package/build/{index-a6a9855f.js → index-cb1c7190.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
 var styled = require('@emotion/styled');
-var theme = require('./theme-be20929b.js');
+var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -182,7 +182,7 @@ const StyledPickerContainer = styled__default["default"].div `
   .pickerOverlay {
     margin-top: 6px;
     background: white;
-    border-radius: ${theme.theme.borderRadius};
+    border-radius: ${miscTheme.theme.borderRadius};
     box-shadow: 0px 6px 12px rgba(67, 86, 100, 0.2);
   }
 
@@ -204,7 +204,7 @@ const StyledPickerContainer = styled__default["default"].div `
 
     .svg {
       cursor: pointer;
-      stroke: ${theme.theme.colors.gray800};
+      stroke: ${miscTheme.theme.colors.gray800};
     }
     .react-datepicker__day {
       width: 40px;
@@ -220,7 +220,7 @@ const StyledPickerContainer = styled__default["default"].div `
     }
 
     .react-datepicker__day {
-      font-weight: ${theme.theme.sizes.fwBold};
+      font-weight: ${miscTheme.theme.sizes.fwBold};
     }
 
     .react-datepicker__day--selected,
@@ -231,7 +231,7 @@ const StyledPickerContainer = styled__default["default"].div `
       height: 30px;
       margin: 4px;
       margin-bottom: -2px;
-      background: ${theme.theme.colors.primaryBase};
+      background: ${miscTheme.theme.colors.primaryBase};
       border-radius: 50%;
     }
 
@@ -248,12 +248,12 @@ const StyledPickerContainer = styled__default["default"].div `
         stroke: #262626;
       }
       select {
-        background: ${theme.theme.colors.neutral100};
+        background: ${miscTheme.theme.colors.neutral100};
         text-align: center;
         &:not(:last-child) {
           padding: 8px 10px;
           margin-right: 15px;
-          border-radius: ${theme.theme.borderRadius};
+          border-radius: ${miscTheme.theme.borderRadius};
         }
       }
     }
@@ -462,9 +462,9 @@ const StyledPickerContainer = styled__default["default"].div `
     ) {
     position: relative;
 
-    background-color: ${theme.theme.colors.primaryBase};
+    background-color: ${miscTheme.theme.colors.primaryBase};
     color: #f0f8ff;
-    font-weight: ${theme.theme.sizes.fwBold};
+    font-weight: ${miscTheme.theme.sizes.fwBold};
   }
 
   .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
@@ -513,8 +513,8 @@ const StyledCaptionWrapper = styled__default["default"].form `
   & * {
     height: 46px;
     padding: 10px 10px;
-    background: ${theme.theme.colors.neutral100};
-    border-radius: ${theme.theme.borderRadius};
+    background: ${miscTheme.theme.colors.neutral100};
+    border-radius: ${miscTheme.theme.borderRadius};
   }
 `;
 

package/build/{index-1e1d8eb1.js → index-cb4ea8c9.js}

@@ -1,25 +1,27 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-6fdcd09d.js');
+var index$1 = require('./index-a73d7cb3.js');
 var dayjs = require('dayjs');
-var index$3 = require('./index-e3bbd009.js');
-var index = require('./index-dff7ee1b.js');
+require('./index-617bff8c.js');
+var index = require('./index-df9447b3.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-1f3fc2e3.js');
-require('./index-64d8db08.js');
-require('./useMantineLocale-0d63dfea.js');
-var index$2 = require('./index-1fdf2f01.js');
-require('./index-3eb666e6.js');
-var theme = require('./theme-be20929b.js');
-require('./translationsContext-00fdb62e.js');
+require('./index-d91f52cc.js');
+require('./index-6e7aede8.js');
+require('./useMantineLocale-f9195d27.js');
+var index$2 = require('./index-036fe55d.js');
+require('./index-8cb3f562.js');
+require('./translationsContext-ade0df93.js');
 require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-15a9772e.js');
+var utils = require('./utils-928b4701.js');
+require('./other-0edcc417.js');
 var styled = require('@emotion/styled');
-var index$5 = require('./index-a9bdf889.js');
-var index$4 = require('./index-2fd9063e.js');
+var miscTheme = require('./miscTheme.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
+var index$4 = require('./index-92a816de.js');
+var index$3 = require('./index-66e789cf.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -64,7 +66,7 @@ const StyledFooter$1 = styled__default["default"].footer `
     height: 1px;
     border: none;
     margin: 16px 0 16px 0;
-    background: ${theme.theme.colors.neutral500};
+    background: ${miscTheme.theme.colors.neutral500};
     opacity: 0.1;
     outline: none;
   }
@@ -89,7 +91,7 @@ const StyledFooter$1 = styled__default["default"].footer `
     gap: 16px;
     padding-top: 8px;
     .copyright-content {
-      color: ${theme.theme.colors.neutral500};
+      color: ${miscTheme.theme.colors.neutral500};
       font-size: 12px;
     }
 
@@ -113,8 +115,8 @@ const StyledFooter$1 = styled__default["default"].footer `
     gap: 16px;
     align-items: center;
     padding: 19px 0;
-    border-top: 1px solid ${theme.theme.colors.neutral100}1a;
-    border-bottom: 1px solid ${theme.theme.colors.neutral100}1a;
+    border-top: 1px solid ${miscTheme.theme.colors.neutral100}1a;
+    border-bottom: 1px solid ${miscTheme.theme.colors.neutral100}1a;
     .flags {
       display: flex;
       gap: 12px;
@@ -170,8 +172,8 @@ const StyledFooter$1 = styled__default["default"].footer `
       > .footer-menu-column:first-child {
         grid-column-start: 1;
         grid-column-end: 3;
-        border-top: 1px solid ${theme.theme.colors.neutral100}1a;
-        border-bottom: 1px solid ${theme.theme.colors.neutral100}1a;
+        border-top: 1px solid ${miscTheme.theme.colors.neutral100}1a;
+        border-bottom: 1px solid ${miscTheme.theme.colors.neutral100}1a;
         > .footer-menu-link-wrapper {
           display: grid;
           grid-template-columns: repeat(2, 1fr);
@@ -239,7 +241,7 @@ const FooterMenuColumn = ({ title, items, locale, index: index$1, }) => {
     const { isMobile } = index.useScreenSize();
     return (React__default["default"].createElement("div", { className: "footer-menu-column" },
         title ? (React__default["default"].createElement(index$2.Text, { size: isMobile ? 's4' : 's3', className: "footer-menu-title", weight: isMobile ? 'regular' : 'semiBold', color: "neutral.6" }, title)) : null,
-        React__default["default"].createElement("div", { className: "footer-menu-link-wrapper" }, items === null || items === void 0 ? void 0 : items.map((informationLink, idx) => (React__default["default"].createElement(index$2.Text, { size: isMobile ? 'p3' : 'p4', as: "a", "data-event-category": "Footer", "data-event-action": informationLink.title, "data-event-label": `https://${index$3.domainLocales[locale]}${informationLink.url}`, className: "footer-menu-link", 
+        React__default["default"].createElement("div", { className: "footer-menu-link-wrapper" }, items === null || items === void 0 ? void 0 : items.map((informationLink, idx) => (React__default["default"].createElement(index$2.Text, { size: isMobile ? 'p3' : 'p4', as: "a", "data-event-category": "Footer", "data-event-action": informationLink.title, "data-event-label": `https://${constantsDomainLocales.domainLocales[locale]}${informationLink.url}`, className: "footer-menu-link", 
             // @ts-ignore
             href: informationLink.url, key: idx, color: "#fff", weight: isMobile && index$1 === 0 ? 'semiBold' : 'regular' }, informationLink.title))))));
 };
@@ -299,7 +301,7 @@ const StyledMenuContainer = styled__default["default"].div `
   justify-content: space-between;
   align-items: flex-start;
 
-  border-bottom: 1px solid ${theme.theme.colors.neutral200};
+  border-bottom: 1px solid ${miscTheme.theme.colors.neutral200};
 
   ${utils.MediaQueries.tdDown} {
     margin: auto 16px;
@@ -389,10 +391,10 @@ const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) =>
         } },
         React__default["default"].createElement(index$1.Container, null,
             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 :
+                React__default["default"].createElement(index$3.MarryBabyText, { className: "title", type: "subtitle-1", color: miscTheme.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(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$3.MarryBabyText, { type: "bodytext-2", color: miscTheme.theme.mbColors.gray }, title)))))))))),
         React__default["default"].createElement(index$1.Container, null,
             React__default["default"].createElement(StyledWrapInfo, null,
                 React__default["default"].createElement(core.Flex, { gap: '24px', sx: (theme) => ({
@@ -407,7 +409,7 @@ const MarryBabyFooter = ({ logoType = 'marryBaby', footerMenu, background, }) =>
                         },
                     }) },
                     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$4.Logo, { className: "logo", type: logoType }),
                         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.content,