@hhgtech/hhg-components 1.29.82 → 1.29.84

package/build/{index-1f3fc2e3.js → index-3ae93a30.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+var Locale = require('./Locale-9e8a2452.js');
+
 exports.Gender = void 0;
 (function (Gender) {
     Gender["Boy"] = "boy";
@@ -27,20 +29,6 @@ exports.BabyGrowthResultTab = void 0;
     BabyGrowthResultTab[BabyGrowthResultTab["Record"] = 4] = "Record";
 })(exports.BabyGrowthResultTab || (exports.BabyGrowthResultTab = {}));
 
-exports.LOCALE = void 0;
-(function (LOCALE) {
-    LOCALE["Vietnam"] = "vi-VN";
-    LOCALE["Indonesia"] = "id-ID";
-    LOCALE["Malaysia"] = "ms-MY";
-    LOCALE["Cambodia"] = "km-KH";
-    LOCALE["PhilippinesEnglish"] = "en-PH";
-    LOCALE["PhilippinesTagalog"] = "tl-PH";
-    LOCALE["Thailand"] = "th-TH";
-    LOCALE["Myanmar"] = "my-MM";
-    LOCALE["Taiwan"] = "zh-TW";
-    LOCALE["India"] = "hi-IN";
-})(exports.LOCALE || (exports.LOCALE = {}));
-
 exports.OnboardingStep = void 0;
 (function (OnboardingStep) {
     OnboardingStep[OnboardingStep["Phone"] = 0] = "Phone";
@@ -235,7 +223,7 @@ var index = /*#__PURE__*/Object.freeze({
   get BabyGrowthChartType () { return exports.BabyGrowthChartType; },
   get BabyGrowthChartDuration () { return exports.BabyGrowthChartDuration; },
   get BabyGrowthResultTab () { return exports.BabyGrowthResultTab; },
-  get LOCALE () { return exports.LOCALE; },
+  get LOCALE () { return Locale.LOCALE; },
   get OnboardingStep () { return exports.OnboardingStep; },
   get NodePosition () { return exports.NodePosition; },
   get NodeType () { return exports.NodeType; },

package/build/{index-765ed75d.js → index-3f9484b9.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-15a9772e.js');
+var utils = require('./utils-7effa670.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var theme = require('./theme-be20929b.js');
-var animation = require('./animation-85d012ee.js');
-var index = require('./index-1fdf2f01.js');
+var miscTheme = require('./miscTheme.js');
+var animation = require('./animation-0a5aba6d.js');
+var index = require('./index-4184d8d6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -104,7 +104,7 @@ const generateStyleBasedOnPlacement = (placement, open) => {
 const StyledDrawer = styled__default["default"].div `
   position: fixed;
   inset: 0;
-  z-index: ${theme.theme.zIndexes.drawer};
+  z-index: ${miscTheme.theme.zIndexes.drawer};
   pointer-events: ${(props) => (props.open ? 'auto' : 'none')};
 `;
 const StyledDrawerPanel = styled__default["default"].div `
@@ -122,7 +122,7 @@ const StyledDrawerPanel = styled__default["default"].div `
     padding: 16px;
     ${(props) => props.hasTitle
     ? react.css `
-            border-bottom: 1px solid ${theme.theme.colors.neutral100};
+            border-bottom: 1px solid ${miscTheme.theme.colors.neutral100};
           `
     : null}
   }

package/build/{index-1fdf2f01.js → index-4184d8d6.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 utils = require('./utils-15a9772e.js');
+var other = require('./other-b4596d33.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -11,7 +11,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 var useStyles = core.createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const TextConfig = Object.assign({}, utils.OTHER_THEME_CONFIG);
+    const TextConfig = Object.assign({}, other.OTHER_THEME_CONFIG);
     const getFontSize = (_a = TextConfig.fontSize[_params === null || _params === void 0 ? void 0 : _params.size]) === null || _a === void 0 ? void 0 : _a[0];
     const getLineHeight = (_b = TextConfig.lineHeight[_params === null || _params === void 0 ? void 0 : _params.size]) === null || _b === void 0 ? void 0 : _b[0];
     const getLetterSpacing = (_e = (_d = (_c = TextConfig.letterSpacing) === null || _c === void 0 ? void 0 : _c[_params === null || _params === void 0 ? void 0 : _params.size]) === null || _d === void 0 ? void 0 : _d[0]) !== null && _e !== void 0 ? _e : 0;
@@ -21,7 +21,7 @@ var useStyles = core.createStyles((theme, _params) => {
     return {
         root: Object.assign({}, ((_params === null || _params === void 0 ? void 0 : _params.size) && {
             fontWeight: (_params === null || _params === void 0 ? void 0 : _params.as) === 'label'
-                ? utils.FontWeight.semiBold
+                ? other.FontWeight.semiBold
                 : TextConfig.fontWeight[_params.weight] ||
                     TextConfig.fontWeightBySize[_params === null || _params === void 0 ? void 0 : _params.size] ||
                     'regular',

package/build/index-487a1272.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
+var React = require('react');
+var core = require('@mantine/core');
+require('./index-848c257f.js');
+require('@mantine/dates');
+require('./index-1f94d57c.js');
+require('./index-3ae93a30.js');
+require('./index-e0d59d3e.js');
+require('./useMantineLocale-30235874.js');
+var index = require('./index-4184d8d6.js');
+var index$1 = require('./index-353ce6f8.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
+require('@mantine/hooks');
+require('./utils-7effa670.js');
+require('./other-b4596d33.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-10760994.js → index-4ac79663.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 theme = require('./theme-be20929b.js');
-var WhatsApp = require('./WhatsApp-46f4f408.js');
+var miscTheme = require('./miscTheme.js');
+var WhatsApp = require('./WhatsApp-959e02b9.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-53e14542.js → index-4b035057.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var theme = require('./theme-be20929b.js');
-var index = require('./index-dff7ee1b.js');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-848c257f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -31,7 +31,7 @@ const StyledAvatar = styled__default["default"].div `
     img {
       --width: var(--width-prop, 72px);
       --height: var(--height-prop, 72px);
-      border-radius: ${theme.theme.borderRadius};
+      border-radius: ${miscTheme.theme.borderRadius};
     }
   }
 
@@ -53,7 +53,7 @@ const StyledAvatar = styled__default["default"].div `
     font-size: calc(var(--size) / 2);
     font-weight: bold;
     &[data-avatar-type='square'] {
-      border-radius: ${theme.theme.borderRadius};
+      border-radius: ${miscTheme.theme.borderRadius};
     }
     &[data-avatar-type='rounded'] {
       border-radius: 50%;

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

@@ -1,25 +1,27 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-6fdcd09d.js');
+var index$1 = require('./index-c61d67cf.js');
 var dayjs = require('dayjs');
-var index$3 = require('./index-e3bbd009.js');
-var index = require('./index-dff7ee1b.js');
+require('./index-1f94d57c.js');
+var index = require('./index-848c257f.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-3ae93a30.js');
+require('./index-e0d59d3e.js');
+require('./useMantineLocale-30235874.js');
+var index$2 = require('./index-4184d8d6.js');
+require('./index-353ce6f8.js');
+require('./translationsContext-22b4034f.js');
 require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-15a9772e.js');
+var utils = require('./utils-7effa670.js');
+require('./other-b4596d33.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-d99df528.js');
+var index$3 = require('./index-592139a8.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,

package/build/{index-16ed0d98.js → index-567f7d66.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 useTranslations = require('./useTranslations-685f989b.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
 var core = require('@mantine/core');
-var paths = require('./paths-7da79c64.js');
-var constants = require('./constants-8743b014.js');
-var index$1 = require('./index-3eb666e6.js');
-var index = require('./index-e3bbd009.js');
-var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
-var isProduction = require('./isProduction-20cd663d.js');
+var paths = require('./paths-353c484a.js');
+var constants = require('./constants-5fd6a807.js');
+var index = require('./index-353ce6f8.js');
+require('./index-1f94d57c.js');
+var togetherComponentGlobalContext = require('./utils-62afd8c7.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
+var constantsIsProduction = require('./constantsIsProduction.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -128,7 +129,7 @@ const BookingBtn = (_a) => {
             setLoading(true);
             const response = yield togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getCarePath(url, {
                 id: bookingId,
-                site: index.domainLocales[locale],
+                site: constantsDomainLocales.domainLocales[locale],
             }), 'get');
             if ((response === null || response === void 0 ? void 0 : response._status) === 1) {
                 const result = bookingType === 'doctor'
@@ -148,7 +149,7 @@ const BookingBtn = (_a) => {
                             slug: (_q = (_p = response === null || response === void 0 ? void 0 : response._data) === null || _p === void 0 ? void 0 : _p.service) === null || _q === void 0 ? void 0 : _q.slug,
                             localSlug: (_r = constants.LOCALIZED_SLUGS[locale]) === null || _r === void 0 ? void 0 : _r.SERVICE,
                         };
-                window.location.href = `https://${!isProduction.isProduction ? 'discover.' : ''}${index.domainLocales[locale]}/care/${result.localSlug}/${result.slug}-${result.id}/`;
+                window.location.href = `https://${!constantsIsProduction.isProduction ? 'discover.' : ''}${constantsDomainLocales.domainLocales[locale]}/care/${result.localSlug}/${result.slug}-${result.id}/`;
             }
             else {
                 setLoading(false);
@@ -159,7 +160,7 @@ const BookingBtn = (_a) => {
             setLoading(false);
         }
     }), []);
-    return bookingId && bookingType ? (React__default["default"].createElement(index$1.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
+    return bookingId && bookingType ? (React__default["default"].createElement(index.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
 };
 
 exports.AuthorBadge = AuthorBadge;

package/build/{index-2fd9063e.js → index-592139a8.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 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 }; }
 
@@ -15,7 +15,7 @@ const Heading = (_a) => {
     return React__default["default"].createElement(type, elementProps);
 };
 const StyledHeading = styled__default["default"](Heading) `
-  color: var(--text-color, ${theme.theme.mbColors.dark});
+  color: var(--text-color, ${miscTheme.theme.mbColors.dark});
   font-family: Krub;
   font-weight: 600;
   letter-spacing: -0.2px;
@@ -38,7 +38,7 @@ const StyledHeading = styled__default["default"](Heading) `
   }
 `;
 const StyledText = styled__default["default"].p `
-  color: var(--text-color, ${theme.theme.mbColors.dark});
+  color: var(--text-color, ${miscTheme.theme.mbColors.dark});
   letter-spacing: -0.2px;
 
   &[data-type='subtitle-1'] {

package/build/{index-7953fb8e.js → index-672f0358.js}

@@ -1,11 +1,11 @@
 '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 styled = require('@emotion/styled');
-var theme = require('./theme-be20929b.js');
-var utils = require('./utils-15a9772e.js');
+var miscTheme = require('./miscTheme.js');
+var utils = require('./utils-7effa670.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -18,15 +18,15 @@ const StyledInput = styled__default["default"].div `
 
   &[data-has-error] {
     input {
-      border-color: ${theme.theme.colors.red700};
+      border-color: ${miscTheme.theme.colors.red700};
     }
   }
 
   input {
     width: 100%;
     padding: 12px 16px;
-    border: solid 1px ${theme.theme.colors.gray200};
-    border-radius: ${theme.theme.borderRadius};
+    border: solid 1px ${miscTheme.theme.colors.gray200};
+    border-radius: ${miscTheme.theme.borderRadius};
 
     &:active,
     &:focus,
@@ -36,7 +36,7 @@ const StyledInput = styled__default["default"].div `
     }
 
     &:disabled {
-      background-color: ${theme.theme.colors.gray100};
+      background-color: ${miscTheme.theme.colors.gray100};
       cursor: not-allowed;
     }
   }
@@ -61,7 +61,7 @@ const StyledInput = styled__default["default"].div `
   &[data-size='lg'] {
     input {
       font-size: 16px;
-      font-weight: ${theme.theme.sizes.fwRegular};
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
       ${utils.MediaQueries.mbDown} {
         font-size: 22px;
         line-height: 1.2;
@@ -75,7 +75,7 @@ const StyledInput = styled__default["default"].div `
   }
   &[data-size='md'] {
     input {
-      font-weight: ${theme.theme.sizes.fwRegular};
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
       line-height: 22px;
       ${utils.MediaQueries.mbDown} {
         font-size: 14px;
@@ -90,7 +90,7 @@ const StyledInput = styled__default["default"].div `
   }
   &[data-size='sm'] {
     input {
-      font-weight: ${theme.theme.sizes.fwRegular};
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
       line-height: 20px;
       ${utils.MediaQueries.mbDown} {
         font-size: 13px;
@@ -105,8 +105,8 @@ const StyledInput = styled__default["default"].div `
   }
 `;
 const StyledErrorLabel = styled__default["default"].label `
-  color: ${theme.theme.colors.red700};
-  font-weight: ${theme.theme.sizes.fwRegular};
+  color: ${miscTheme.theme.colors.red700};
+  font-weight: ${miscTheme.theme.sizes.fwRegular};
 `;
 const StyledActionIcon = styled__default["default"].div `
   position: absolute;

package/build/{index-71843eb4.js → index-6c5d8ad9.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
-var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
+var togetherComponentGlobalContext = require('./utils-62afd8c7.js');
 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 }; }
 
@@ -31,7 +31,7 @@ const StyledUserAvatar = styled__default["default"].div `
     display: flex;
     align-items: center;
     justify-content: center;
-    background-color: ${theme.theme.colors.secondaryBase};
+    background-color: ${miscTheme.theme.colors.secondaryBase};
     border-radius: 50%;
     color: white;
     font-size: 1em;
@@ -41,7 +41,7 @@ const StyledUserAvatar = styled__default["default"].div `
 
   &[data-is-marrybaby='true'] {
     .avatar-default {
-      background-color: ${theme.theme.mbColors.pink};
+      background-color: ${miscTheme.theme.mbColors.pink};
     }
   }
 `;