@hhgtech/hhg-components 1.29.77 → 1.29.79

package/build/esm/vaccination.js

@@ -1,45 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8f144c22.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-efad16cf.js';
 import React__default, { useMemo, useState, useEffect, Fragment } from 'react';
 import { Stack, Flex, Badge, Grid, Box, Input, Container, AspectRatio as AspectRatio$1, Tabs, ScrollArea, Divider, SimpleGrid } from '@mantine/core';
-import { B as Button, t as themeColors, b as AspectRatio, u as useScreenSize } from './index-258af431.js';
+import { B as Button, t as themeColors, b as AspectRatio, u as useScreenSize } from './index-e2d856fc.js';
 import '@mantine/dates';
-import './index-3131a682.js';
-import { G as Gender } from './index-a1f5a5c0.js';
-import './index-0fed808d.js';
-import './useMantineLocale-4a5da5bb.js';
-import { T as Text } from './index-c6d9afaf.js';
-import { t as theme } from './theme-f9fa9f7d.js';
-import { u as useTranslations } from './useTranslations-d90d5386.js';
+import './index-ef96fd13.js';
+import { G as Gender } from './index-877eed06.js';
+import './index-92fd8661.js';
+import './useMantineLocale-bcfdeb0c.js';
+import { T as Text } from './index-b2eed677.js';
+import { t as theme } from './theme-eb1b39f6.js';
+import { u as useTranslations } from './useTranslations-b8c49c9b.js';
 import { useDisclosure } from '@mantine/hooks';
-import { M as MediaQueries } from './utils-1997593f.js';
+import { M as MediaQueries } from './utils-0d590d5e.js';
 import styled from '@emotion/styled';
-import { S as Switch } from './index-e39cfd72.js';
-import './translationsContext-af680337.js';
+import { S as Switch } from './index-90e772e4.js';
+import './translationsContext-dfb42bf8.js';
 import 'string-format';
 import { Current, Upcoming, Missed, Vaccinated, ArrowRight } from '@hhgtech/icons/other';
-import { M as Modal } from './index-3d150702.js';
+import { M as Modal } from './index-ad5c69c9.js';
 import { useForm } from '@mantine/form';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { D as DatePicker } from './index-8ac7b919.js';
-import './index.styles-d670cbe0.js';
-import { H as Heading } from './index-8450b670.js';
-import './constants-2eb60c45.js';
-import './utils-9a265ccf.js';
-import './utils-e8c78fa7.js';
-import './WhatsApp-ea79e6c6.js';
-import './index.styled-64a9c965.js';
-import './index-24b9c26b.js';
+import { D as DatePicker } from './index-47a90477.js';
+import './index.styles-bff4ac47.js';
+import { H as Heading } from './index-7c6316a6.js';
+import './index-122dd8ee.js';
+import './utils-45e55363.js';
+import './defaultClassWrapper-fcdfc7a3.js';
+import './index-40fc06d9.js';
+import './index.styled-eb1001c3.js';
+import './index-4687d5f8.js';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-472fb987.js';
+import './useUniqueId-d5f7586b.js';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';
-import './isProduction-34384c12.js';
+import './isProduction-d39b7ab2.js';
 import '@emotion/react';
-import './animation-791a5496.js';
+import './animation-9a3ca482.js';
 import 'react-keyed-flatten-children';
-import './cookieHelper-dc30b23e.js';
+import './cookieHelper-9c963e09.js';
 import 'slugify';
 
 const StyledVaccineCard = styled.div `

package/build/footer.js

@@ -2,36 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-389ed3cc.js');
+var index = require('./index-701c74a1.js');
 require('react');
-require('./index-058eef4b.js');
+require('./index-d8c60733.js');
 require('dayjs');
-require('./index-38b2495c.js');
+require('./index-517f6538.js');
 require('date-fns/locale');
-require('./index-bc8ea61e.js');
-require('./isProduction-38f0d828.js');
-require('./index-2ef89336.js');
-require('./tslib.es6-fd9cd13e.js');
+require('./index-0b957c10.js');
+require('./isProduction-7f7f09ad.js');
+require('./index-e914bc7c.js');
+require('./tslib.es6-dd1fc8f2.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-b3edc143.js');
-require('./utils-07a0efea.js');
+require('./index-e932125b.js');
+require('./utils-3a589c92.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-5ef6d523.js');
-require('./theme-9f0f3820.js');
-require('./useMantineLocale-b2014fa7.js');
+require('./index-5aac5fb6.js');
+require('./theme-416e0fd4.js');
+require('./useMantineLocale-97b962eb.js');
 require('classnames');
-require('./useUniqueId-07b21aa4.js');
+require('./useUniqueId-4bafae28.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-bfbdca60.js');
+require('./translationsContext-6f3c14ea.js');
 require('string-format');
-require('./index-9b49e11b.js');
-require('./utils-2bce0db7.js');
-require('./index-26695c30.js');
-require('./index.styled-07682ea0.js');
+require('./index-74b64958.js');
+require('./utils-120200ad.js');
+require('./index-84f7ce80.js');
+require('./index.styled-8c14cf6c.js');
 
 
 

package/build/gAssets.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-b3edc143.js');
-require('./index-38b2495c.js');
+var index = require('./index-e932125b.js');
+require('./index-517f6538.js');
 require('date-fns/locale');
-require('./index-bc8ea61e.js');
-require('./isProduction-38f0d828.js');
+require('./index-0b957c10.js');
+require('./isProduction-7f7f09ad.js');
 
 
 

package/build/{getDynamicHealthTool-407c625b.js → getDynamicHealthTool-27b332df.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
-var normalizeLink = require('./normalizeLink-e4b395be.js');
-var routing = require('./routing-b981f60b.js');
-var core = require('./core-44b6c361.js');
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
+var normalizeLink = require('./normalizeLink-23b10200.js');
+var routing = require('./routing-40d4f591.js');
+var core = require('./core-279a7b4f.js');
 
 const formatHealthTool = (healthTool, locale) => {
     var _a, _b;

package/build/{getSocialList-4bfd3bcd.js → getSocialList-d16604ba.js}

@@ -1,11 +1,12 @@
 'use strict';
 
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
-var Instagram = require('./Instagram-10720435.js');
-var WhatsApp = require('./WhatsApp-3fd26435.js');
-var index = require('./index-bc8ea61e.js');
-var index$1 = require('./index-b3edc143.js');
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
+var Instagram = require('./Instagram-5735e971.js');
+var index$2 = require('./index-aefa01a7.js');
+var index = require('./index-0b957c10.js');
+var index$1 = require('./index-e932125b.js');
+var index$3 = require('./index-4cd9cc62.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -73,12 +74,24 @@ const Viber = (_a) => {
         React__default["default"].createElement("path", { d: "M15.998 11a3.5 3.5 0 0 1 3.5 3.5.5.5 0 0 1-1 0 2.5 2.5 0 0 0-2.5-2.5h-.045a.5.5 0 1 1 0-1zm5.288 8.44a.77.77 0 0 0-.105-.951 12.6 12.6 0 0 0-1.98-1.43.88.88 0 0 0-1.115.155l-.405.505c-.51.63-2.07-.315-2.81-1.088-.775-.745-1.72-2.302-1.09-2.813l.505-.401a.88.88 0 0 0 .155-1.117 12 12 0 0 0-1.43-1.98.766.766 0 0 0-.95-.107 4.5 4.5 0 0 0-1.04.845 1.32 1.32 0 0 0-.355 1.357 14.8 14.8 0 0 0 3.21 5.212 14.9 14.9 0 0 0 5.21 3.207 1.32 1.32 0 0 0 1.36-.352q.476-.475.84-1.041", fill: "#fff" })));
 };
 
+function formatShareUrl(url, locale, channel) {
+    const fullUrl = url.startsWith('http')
+        ? url
+        : `${index$3.getHelloSitesUrl(locale)}${url}`;
+    return channel
+        ? (() => {
+            const newUrl = new URLSearchParams(fullUrl);
+            newUrl.append('channel', channel);
+            return newUrl.toString();
+        })()
+        : fullUrl;
+}
 const getSocialList = ({ shareUrl, size = 32, locale, }) => [
     {
         icon: React__default["default"].createElement(Facebook, { size: size }),
         name: 'Facebook',
         type: index.SocialType.Facebook,
-        href: `https://www.facebook.com/sharer/sharer.php?u=${shareUrl}`,
+        href: `https://www.facebook.com/sharer/sharer.php?u=${formatShareUrl(shareUrl, locale, index.SocialType.Facebook)}`,
     },
     {
         icon: (React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('zalo-mini.png'), alt: "Zalo", style: {
@@ -87,32 +100,32 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
             }, loading: "lazy" })),
         name: 'Zalo',
         type: index.SocialType.Zalo,
-        href: `https://sp.zalo.me/share?href=${shareUrl}`,
+        href: `https://sp.zalo.me/share?href=${formatShareUrl(shareUrl, locale, index.SocialType.Zalo)}`,
         allowedLocales: [index.LOCALE.Vietnam],
     },
     {
         icon: React__default["default"].createElement(Twitter, { size: size }),
         name: 'Twitter',
         type: index.SocialType.Twitter,
-        href: `https://twitter.com/intent/tweet?url=${shareUrl}`,
+        href: `https://twitter.com/intent/tweet?url=${formatShareUrl(shareUrl, locale, index.SocialType.Twitter)}`,
     },
     {
-        icon: React__default["default"].createElement(WhatsApp.WhatsApp, { size: size }),
+        icon: React__default["default"].createElement(index$2.WhatsApp, { size: size }),
         name: 'WhatsApp',
         type: index.SocialType.WhatsApp,
-        href: `https://wa.me/?text=${shareUrl}`,
+        href: `https://wa.me/?text=${formatShareUrl(shareUrl, locale, index.SocialType.WhatsApp)}`,
     },
     {
         icon: React__default["default"].createElement(Linkedin, { size: size }),
         name: 'LinkedIn',
         type: index.SocialType.LinkedIn,
-        href: `https://www.linkedin.com/sharing/share-offsite/?url=${shareUrl}`,
+        href: `https://www.linkedin.com/sharing/share-offsite/?url=${formatShareUrl(shareUrl, locale, index.SocialType.LinkedIn)}`,
     },
     {
         icon: React__default["default"].createElement(Line, { size: size }),
         name: 'Line',
         type: index.SocialType.Line,
-        href: `http://line.me/R/msg/text/?${shareUrl}`,
+        href: `http://line.me/R/msg/text/?${formatShareUrl(shareUrl, locale, index.SocialType.Line)}`,
         allowedLocales: [index.LOCALE.Taiwan],
     },
     {
@@ -141,6 +154,7 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
             index.LOCALE.Cambodia,
             index.LOCALE.Vietnam,
             index.LOCALE.Indonesia,
+            index.LOCALE.Thailand,
         ],
     },
     {
@@ -156,7 +170,12 @@ const getSocialList = ({ shareUrl, size = 32, locale, }) => [
                     : locale === index.LOCALE.Vietnam
                         ? 'https://www.tiktok.com/@hellobacsi'
                         : '',
-        allowedLocales: [index.LOCALE.Malaysia, index.LOCALE.Cambodia, index.LOCALE.Vietnam],
+        allowedLocales: [
+            index.LOCALE.Malaysia,
+            index.LOCALE.Cambodia,
+            index.LOCALE.Vietnam,
+            index.LOCALE.Thailand,
+        ],
     },
     {
         icon: React__default["default"].createElement(Telegram, { size: size }),

package/build/hooks.js

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useTranslations = require('./useTranslations-7cf26ebc.js');
-var useScrollbarSize = require('./useScrollbarSize-645a7822.js');
-var useCategory = require('./useCategory-afc35cb8.js');
-var useHealthToolCache = require('./useHealthToolCache-a2d8b96c.js');
-var useIsInit = require('./useIsInit-35d2df26.js');
-var useOutsideClick = require('./useOutsideClick-1f18b14b.js');
-var useUniqueId = require('./useUniqueId-07b21aa4.js');
+var useTranslations = require('./useTranslations-76f64595.js');
+var useScrollbarSize = require('./useScrollbarSize-57b0fd8a.js');
+var useCategory = require('./useCategory-bbe47716.js');
+var useHealthToolCache = require('./useHealthToolCache-80cb8990.js');
+var useIsInit = require('./useIsInit-bb64ffbf.js');
+var useOutsideClick = require('./useOutsideClick-bd35bba1.js');
+var useUniqueId = require('./useUniqueId-4bafae28.js');
 require('react');
-require('./translationsContext-bfbdca60.js');
+require('./translationsContext-6f3c14ea.js');
 require('string-format');
 require('lodash/debounce');
-require('./tslib.es6-fd9cd13e.js');
-require('./cookieHelper-2f7b8bb5.js');
-require('./index-bc8ea61e.js');
-require('./getDynamicHealthTool-407c625b.js');
-require('./normalizeLink-e4b395be.js');
-require('./routing-b981f60b.js');
-require('./index-38b2495c.js');
+require('./tslib.es6-dd1fc8f2.js');
+require('./cookieHelper-6fd4e238.js');
+require('./index-0b957c10.js');
+require('./getDynamicHealthTool-27b332df.js');
+require('./normalizeLink-23b10200.js');
+require('./routing-40d4f591.js');
+require('./index-517f6538.js');
 require('date-fns/locale');
-require('./isProduction-38f0d828.js');
-require('./core-44b6c361.js');
+require('./isProduction-7f7f09ad.js');
+require('./core-279a7b4f.js');
 
 
 

package/build/i18n.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-bfbdca60.js');
+var translationsContext = require('./translationsContext-6f3c14ea.js');
 var React = require('react');
 var i18nValues_enPH = require('./i18n-values/en-PH.js');
 var i18nValues_hiIN = require('./i18n-values/hi-IN.js');

package/build/i18nV2.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-bfbdca60.js');
+var translationsContext = require('./translationsContext-6f3c14ea.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-9c6a769a.js → index-1b7f73fa.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index$1 = require('./index-38b2495c.js');
-var index = require('./index-bc8ea61e.js');
-var index$2 = require('./index-b3edc143.js');
-var useMantineLocale = require('./useMantineLocale-b2014fa7.js');
+var index$1 = require('./index-517f6538.js');
+var index = require('./index-0b957c10.js');
+var index$2 = require('./index-e932125b.js');
+var useMantineLocale = require('./useMantineLocale-97b962eb.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-44c62bda.js → index-27c71242.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-23af6839.js');
-var useTranslations = require('./useTranslations-7cf26ebc.js');
+var index = require('./index-586f0a4f.js');
+var useTranslations = require('./useTranslations-76f64595.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
 var styled = require('@emotion/styled');
-var theme = require('./theme-9f0f3820.js');
+var theme = require('./theme-416e0fd4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-358bd4c9.js → index-4026b8c5.js}

@@ -1,72 +1,20 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
 var React = require('react');
-var index_styles = require('./index.styles-7b2242d2.js');
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
-var useTranslations = require('./useTranslations-7cf26ebc.js');
-var index = require('./index-2ef89336.js');
-var paths = require('./paths-e9129f2e.js');
-var constants = require('./constants-451fe312.js');
-var index$1 = require('./index-38b2495c.js');
-var utils = require('./utils-027dab7c.js');
-var isProduction = require('./isProduction-38f0d828.js');
+var paths = require('./paths-02f54499.js');
+var index$1 = require('./index-6036e2a0.js');
+var index$2 = require('./index-e914bc7c.js');
+var index = require('./index-517f6538.js');
+var defaultClassWrapper = require('./defaultClassWrapper-feaae206.js');
+var useTranslations = require('./useTranslations-76f64595.js');
+var isProduction = require('./isProduction-7f7f09ad.js');
+var index_styles = require('./index.styles-61201019.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-/**
- * @deprecated Consider to use mantine
- */
-const Divider = ({ type = 'solid', className, style }) => {
-    return (React__default["default"].createElement(index_styles.StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
-};
-
-const AuthorLabelTextMapping = {
-    admin: 'cardAuthor.admin',
-    moderator: 'cardAuthor.moderator',
-    ambassador: 'cardAuthor.ambassador',
-    expert: 'cardAuthor.expert',
-    sponsor: 'cardAuthor.sponsor',
-    // 'local-admin': 'cardAuthor.localAdmin',
-    guide: 'cardAuthor.guide',
-    influencer: 'cardAuthor.influencer',
-};
-const looselyMatchRole = (role) => {
-    const allRoles = [
-        'admin',
-        'moderator',
-        'ambassador',
-        'expert',
-        'sponsor',
-        'guide',
-        'influencer',
-    ];
-    return allRoles.find((r) => r === role);
-};
-const AuthorBadge = (_a) => {
-    var { siteType, role, title, styles, className } = _a, rest = tslib_es6.__rest(_a, ["siteType", "role", "title", "styles", "className"]);
-    const { t } = useTranslations.useTranslations();
-    const matchedRole = role ? looselyMatchRole(role) : '';
-    const { classes, cx } = index_styles.useStyles(undefined, 
-    // Second argument is responsible for styles api integration
-    { name: 'AuthorBadge', styles });
-    return matchedRole && AuthorLabelTextMapping[matchedRole] ? (React__default["default"].createElement("div", Object.assign({ 
-        // className={styles.authorBadge}
-        className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
-};
-
-const BtnChoice = ({ value: valueInit, choices, onChange }) => {
-    const [value, setValue] = React.useState(valueInit);
-    React.useEffect(() => {
-        setValue(valueInit);
-    }, [valueInit]);
-    return (React__default["default"].createElement(index_styles.StyledContainer, null, choices.map((i, idx) => (React__default["default"].createElement(index.Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
-            setValue(i.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
-        } }, i.label || '')))));
-};
-
 const BookingBtn = (_a) => {
     var { label, bookingId, bookingType = 'doctor', locale = 'vi-VN' } = _a, rest = tslib_es6.__rest(_a, ["label", "bookingId", "bookingType", "locale"]);
     const { t } = useTranslations.useTranslations();
@@ -89,29 +37,29 @@ const BookingBtn = (_a) => {
                     : '';
         try {
             setLoading(true);
-            const response = yield utils.callApi(utils.getCarePath(url, {
+            const response = yield defaultClassWrapper.callApi(defaultClassWrapper.getCarePath(url, {
                 id: bookingId,
-                site: index$1.domainLocales[locale],
+                site: index.domainLocales[locale],
             }), 'get');
             if ((response === null || response === void 0 ? void 0 : response._status) === 1) {
                 const result = bookingType === 'doctor'
                     ? {
                         id: (_c = (_b = response === null || response === void 0 ? void 0 : response._data) === null || _b === void 0 ? void 0 : _b.doctor) === null || _c === void 0 ? void 0 : _c.id,
                         slug: (_e = (_d = response === null || response === void 0 ? void 0 : response._data) === null || _d === void 0 ? void 0 : _d.doctor) === null || _e === void 0 ? void 0 : _e.slug,
-                        localSlug: (_f = constants.LOCALIZED_SLUGS[locale]) === null || _f === void 0 ? void 0 : _f.DOCTOR,
+                        localSlug: (_f = index$1.LOCALIZED_SLUGS[locale]) === null || _f === void 0 ? void 0 : _f.DOCTOR,
                     }
                     : bookingType === 'hospital'
                         ? {
                             id: (_h = (_g = response === null || response === void 0 ? void 0 : response._data) === null || _g === void 0 ? void 0 : _g.branch) === null || _h === void 0 ? void 0 : _h.id,
                             slug: (_k = (_j = response === null || response === void 0 ? void 0 : response._data) === null || _j === void 0 ? void 0 : _j.branch) === null || _k === void 0 ? void 0 : _k.slug,
-                            localSlug: (_l = constants.LOCALIZED_SLUGS[locale]) === null || _l === void 0 ? void 0 : _l.HOSPITAL,
+                            localSlug: (_l = index$1.LOCALIZED_SLUGS[locale]) === null || _l === void 0 ? void 0 : _l.HOSPITAL,
                         }
                         : {
                             id: (_o = (_m = response === null || response === void 0 ? void 0 : response._data) === null || _m === void 0 ? void 0 : _m.service) === null || _o === void 0 ? void 0 : _o.id,
                             slug: (_q = (_p = response === null || response === void 0 ? void 0 : response._data) === null || _p === void 0 ? void 0 : _p.service) === null || _q === void 0 ? void 0 : _q.slug,
-                            localSlug: (_r = constants.LOCALIZED_SLUGS[locale]) === null || _r === void 0 ? void 0 : _r.SERVICE,
+                            localSlug: (_r = index$1.LOCALIZED_SLUGS[locale]) === null || _r === void 0 ? void 0 : _r.SERVICE,
                         };
-                window.location.href = `https://${!isProduction.isProduction ? 'discover.' : ''}${index$1.domainLocales[locale]}/care/${result.localSlug}/${result.slug}-${result.id}/`;
+                window.location.href = `https://${!isProduction.isProduction ? 'discover.' : ''}${index.domainLocales[locale]}/care/${result.localSlug}/${result.slug}-${result.id}/`;
             }
             else {
                 setLoading(false);
@@ -122,7 +70,59 @@ const BookingBtn = (_a) => {
             setLoading(false);
         }
     }), []);
-    return bookingId && bookingType ? (React__default["default"].createElement(index.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
+    return bookingId && bookingType ? (React__default["default"].createElement(index$2.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
+};
+
+const AuthorLabelTextMapping = {
+    admin: 'cardAuthor.admin',
+    moderator: 'cardAuthor.moderator',
+    ambassador: 'cardAuthor.ambassador',
+    expert: 'cardAuthor.expert',
+    sponsor: 'cardAuthor.sponsor',
+    // 'local-admin': 'cardAuthor.localAdmin',
+    guide: 'cardAuthor.guide',
+    influencer: 'cardAuthor.influencer',
+};
+const looselyMatchRole = (role) => {
+    const allRoles = [
+        'admin',
+        'moderator',
+        'ambassador',
+        'expert',
+        'sponsor',
+        'guide',
+        'influencer',
+    ];
+    return allRoles.find((r) => r === role);
+};
+const AuthorBadge = (_a) => {
+    var { siteType, role, title, styles, className } = _a, rest = tslib_es6.__rest(_a, ["siteType", "role", "title", "styles", "className"]);
+    const { t } = useTranslations.useTranslations();
+    const matchedRole = role ? looselyMatchRole(role) : '';
+    const { classes, cx } = index_styles.useStyles(undefined, 
+    // Second argument is responsible for styles api integration
+    { name: 'AuthorBadge', styles });
+    return matchedRole && AuthorLabelTextMapping[matchedRole] ? (React__default["default"].createElement("div", Object.assign({ 
+        // className={styles.authorBadge}
+        className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
+};
+
+const BtnChoice = ({ value: valueInit, choices, onChange }) => {
+    const [value, setValue] = React.useState(valueInit);
+    React.useEffect(() => {
+        setValue(valueInit);
+    }, [valueInit]);
+    return (React__default["default"].createElement(index_styles.StyledContainer, null, choices.map((i, idx) => (React__default["default"].createElement(index$2.Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
+            setValue(i.value);
+            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
+        } }, i.label || '')))));
+};
+
+/**
+ * @deprecated Consider to use mantine
+ */
+const Divider = ({ type = 'solid', className, style }) => {
+    return (React__default["default"].createElement(index_styles.StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
 };
 
 exports.AuthorBadge = AuthorBadge;

package/build/{index-2ad99c01.js → index-42621fec.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
 var React = require('react');
-var index = require('./index-2ef89336.js');
+var index = require('./index-e914bc7c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }