@hhgtech/hhg-components 1.29.81 → 1.29.82

package/build/{index-6bc3f8c3.js → index-0b727664.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index$1 = require('./index-a86ea1b6.js');
-var index = require('./index-df5cd44b.js');
-var index$2 = require('./index-1efa7d84.js');
-var useMantineLocale = require('./useMantineLocale-a4f0c61d.js');
+var index$1 = require('./index-e3bbd009.js');
+var index = require('./index-1f3fc2e3.js');
+var index$2 = require('./index-64d8db08.js');
+var useMantineLocale = require('./useMantineLocale-0d63dfea.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
-var theme = require('./theme-e4f7f487.js');
-var WhatsApp = require('./WhatsApp-82018096.js');
+var theme = require('./theme-be20929b.js');
+var WhatsApp = require('./WhatsApp-46f4f408.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-247a9eb2.js → index-130e0f35.js}

@@ -2,30 +2,30 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-1efa7d84.js');
-var utils = require('./utils-95d9832e.js');
-var index$1 = require('./index-a86ea1b6.js');
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
-var index$2 = require('./index-05f106c2.js');
-var routing = require('./routing-f6d54205.js');
-var useTranslations = require('./useTranslations-200168a3.js');
+var index = require('./index-64d8db08.js');
+var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
+var index$1 = require('./index-e3bbd009.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var index$2 = require('./index-dff7ee1b.js');
+var routing = require('./routing-d6c9099a.js');
+var useTranslations = require('./useTranslations-685f989b.js');
 var form = require('@mantine/form');
 require('@mantine/dates');
-var index$8 = require('./index-df5cd44b.js');
-require('./useMantineLocale-a4f0c61d.js');
-var index$4 = require('./index-d34cd464.js');
-var index$5 = require('./index-a7de42d1.js');
-require('./theme-e4f7f487.js');
+var index$8 = require('./index-1f3fc2e3.js');
+require('./useMantineLocale-0d63dfea.js');
+var index$4 = require('./index-1fdf2f01.js');
+var index$5 = require('./index-3eb666e6.js');
+require('./theme-be20929b.js');
 var hooks = require('@mantine/hooks');
-require('./utils-524bda7c.js');
-require('./translationsContext-39528d2f.js');
+require('./utils-15a9772e.js');
+require('./translationsContext-00fdb62e.js');
 require('string-format');
-var index$3 = require('./index-4af08ec2.js');
-var useHealthToolCache = require('./useHealthToolCache-2a53367b.js');
-var index$6 = require('./index-dcbd8bf3.js');
-var isProduction = require('./isProduction-aa963bf9.js');
+var index$3 = require('./index-54aeefca.js');
+var useHealthToolCache = require('./useHealthToolCache-048807ea.js');
+var index$6 = require('./index-10760994.js');
+var isProduction = require('./isProduction-20cd663d.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$7 = require('./index-264eeddd.js');
+var index$7 = require('./index-405faafa.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
@@ -490,7 +490,7 @@ const BannerWithOptions = (props) => {
         },
     });
     const saveStep = (value) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        return yield utils.callApiWithAuth(utils.getApiPath(utils.PATHS.HEALTH_TOOL.CREATE, {
+        return yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getApiPath(togetherComponentGlobalContext.PATHS.HEALTH_TOOL.CREATE, {
             _locale: locale,
             type: MAPPING_CATEGORY_PREMIUM_API_TYPE[surveyType],
         }), 'POST', {
@@ -774,7 +774,7 @@ const _NormalTopic = (_a) => {
 };
 
 const TopicSection = ({ topicsGroup, onTopicChange, isBlock = false, selectedTopics = [], inputProps, labelProps, maxSelect = 5, hasScroll, readonly, }) => {
-    const { action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const topics = flatten__default["default"](topicsGroup.map((i) => i.topics || []));
     const { t } = useTranslations.useTranslations();
     const [value, setValue] = React.useState([]);
@@ -849,7 +849,7 @@ const Layout = (_a) => {
 
 const MainForm = () => {
     const { t, locale } = useTranslations.useTranslations();
-    const { data: { userInfo }, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { data: { userInfo }, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const isLoggedIn = userInfo === null || userInfo === void 0 ? void 0 : userInfo.id;
     const { currentUrl, isMobile, pnSuggestCategory = [], nextStep, formValues, setFormValues, onSubmit: _onSubmit, submitLoading, selectCategory, setCategoryLibs, setSelectCategory, maxSelectCategory, } = React.useContext(PremiumNewsletterModalContext);
     const pnSuggestCategoryIds = pnSuggestCategory.map((i) => i.catId);
@@ -865,7 +865,7 @@ const MainForm = () => {
         (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
             var _a;
             try {
-                const interestedRes = yield utils.callApiWithAuth(utils.getPremiumApiPath(PATHS$1.GET_SUBSCRIPTION_CATEGORIES, {
+                const interestedRes = yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getPremiumApiPath(PATHS$1.GET_SUBSCRIPTION_CATEGORIES, {
                     _locale: locale,
                 }), 'get');
                 const interestedList = (((_a = interestedRes === null || interestedRes === void 0 ? void 0 : interestedRes.data) === null || _a === void 0 ? void 0 : _a.subscription) || []).filter((i) => !pnSuggestCategoryIds.includes(i.catId));
@@ -1018,7 +1018,7 @@ const HistorySection = ({ history, onDelete }) => {
 };
 
 const RecentlyViewedSection = ({ topics, onTopicChange, isBlock = false, selectedTopics, labelProps, maxSelect = 5, }) => {
-    const { action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const [value, setValue] = React.useState([]);
     const { t } = useTranslations.useTranslations();
     React.useEffect(() => {
@@ -1162,7 +1162,7 @@ const TrendingCarousel = ({ topics, selectedTopics = [], onTopicChange, isBlock
 
 const PremiumTopicSelect = (_a) => {
     var { isLoggedIn, maxSelect = 5, values: _values = [], labelProps, onChange } = _a, rest = tslib_es6.__rest(_a, ["isLoggedIn", "maxSelect", "values", "labelProps", "onChange"]);
-    const { action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const [searchValue, onSearchChange] = React.useState('');
     const { t, locale } = useTranslations.useTranslations();
     const ref = React.useRef(null);
@@ -1175,7 +1175,7 @@ const PremiumTopicSelect = (_a) => {
     React.useEffect(() => {
         (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
             var _a, _b;
-            const response = yield utils.callApiWithAuth(utils.getPremiumApiPath(PATHS$1.GET_NEWSLETTER_CATEGORIES, { _locale: locale }), 'get');
+            const response = yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getPremiumApiPath(PATHS$1.GET_NEWSLETTER_CATEGORIES, { _locale: locale }), 'get');
             const interested = ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.interested) || [];
             const trending = ((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.trending) || [];
             const uniqueTopics = uniqBy__default["default"]([...interested, ...trending], 'catId');
@@ -1314,7 +1314,7 @@ const PremiumTopicSelect = (_a) => {
 
 const MoreTopics = () => {
     const { t } = useTranslations.useTranslations();
-    const { action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { prevStep, formValues, submitLoading, onSubmit, selectCategory, maxSelectCategory, setSelectCategory, currentUrl, isLoggedIn, } = React.useContext(PremiumNewsletterModalContext);
     const handleOnSubmit = () => {
         if (selectCategory.length === 0) {
@@ -1373,7 +1373,7 @@ const Result = () => {
 
 const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [], acquisitionInfo, currentUrl, opened, close, finishLabelOnResult, onRegisterSuccess, disclaimerText, }) => {
     const { t, locale } = useTranslations.useTranslations();
-    const { action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const desktopBanner = index.CommonGAssets.getAssetPath('premiumNewsletter/side-banner-desktop.jpg');
     const mobileBanner = index.CommonGAssets.getAssetPath('premiumNewsletter/side-banner-mobile.jpg');
     const [categoryLibs, setCategoryLibs] = React.useState([]);
@@ -1390,8 +1390,8 @@ const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [],
     const handleSubscription = React.useCallback((name) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         try {
             setSubmitLoading(true);
-            yield utils.callApiWithAuth(utils.getPremiumApiPath(PATHS$1.POST_SUBSCRIPTION, {
-                website_url: utils.getWebsiteUrlApi(locale),
+            yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getPremiumApiPath(PATHS$1.POST_SUBSCRIPTION, {
+                website_url: togetherComponentGlobalContext.getWebsiteUrlApi(locale),
             }), 'post', {
                 headers: {
                     'Content-Type': 'application/json',
@@ -1410,7 +1410,7 @@ const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [],
             });
             setSubmitLoading(false);
             // if (subscripRes?._data?.status === 1) {
-            yield utils.callApiWithAuth(utils.getSsoApiPath(PATHS.UPDATE_SUBSCRIPTION), 'post', {
+            yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getSsoApiPath(PATHS.UPDATE_SUBSCRIPTION), 'post', {
                 headers: {
                     'Content-Type': 'application/json',
                 },
@@ -1517,7 +1517,7 @@ const SurveyBanner = () => {
     React.useEffect(() => {
         (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
             var _a, _b;
-            const pnRes = yield utils.callApiWithAuth(utils.getPremiumApiPath(PATHS$1.GET_NEWSLETTER_CATEGORIES, {
+            const pnRes = yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getPremiumApiPath(PATHS$1.GET_NEWSLETTER_CATEGORIES, {
                 _locale: locale,
             }), 'get');
             const interested = ((_a = pnRes === null || pnRes === void 0 ? void 0 : pnRes.data) === null || _a === void 0 ? void 0 : _a.interested) || [];
@@ -1583,7 +1583,7 @@ const SurveyBanner = () => {
 
 const SurveyOrPremiumBanner = ({ type, articleId = 0, categoryIds = [], isMarketing, isSurveyType, hasPremiumBanner, currentUrl, isMobile, subcribeHealthStatus, setShouldAcquisitionModalOpen, onValueChange, source = 'discover', Wrapper, }) => {
     const { t } = useTranslations.useTranslations();
-    const { data: { userInfo }, } = React.useContext(utils.TogetherComponentGlobalContext);
+    const { data: { userInfo }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const isLoggedIn = Boolean(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id);
     const [acquisitionInfo, setAcquisitionInfo] = React.useState(null);
     const [state, setState] = React.useState();

package/build/{index-d5b4089d.js → index-16ed0d98.js}

@@ -1,35 +1,19 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
-var styled = require('@emotion/styled');
-var theme = require('./theme-e4f7f487.js');
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
-var useTranslations = require('./useTranslations-200168a3.js');
+var useTranslations = require('./useTranslations-685f989b.js');
 var core = require('@mantine/core');
-var index = require('./index-a7de42d1.js');
-var paths = require('./paths-e0bbfce7.js');
-var constants = require('./constants-936f45e9.js');
-var index$1 = require('./index-a86ea1b6.js');
-var utils = require('./utils-95d9832e.js');
-var isProduction = require('./isProduction-aa963bf9.js');
+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');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-const StyledDivider = styled__default["default"].hr `
-  border-width: 1px;
-  border-color: ${theme.theme.colors.neutral200};
-  border-style: ${(props) => props.dividerType};
-`;
-
-/**
- * @deprecated Consider to use mantine
- */
-const Divider = ({ type = 'solid', className, style }) => {
-    return (React__default["default"].createElement(StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
-};
 
 var useStyles = core.createStyles((theme) => {
     return {
@@ -120,26 +104,6 @@ const AuthorBadge = (_a) => {
         className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
 };
 
-const StyledContainer = styled__default["default"].div `
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  button[data-color='tertiary'] {
-    background: white;
-  }
-`;
-
-const BtnChoice = ({ value: valueInit, choices, onChange }) => {
-    const [value, setValue] = React.useState(valueInit);
-    React.useEffect(() => {
-        setValue(valueInit);
-    }, [valueInit]);
-    return (React__default["default"].createElement(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();
@@ -162,9 +126,9 @@ const BookingBtn = (_a) => {
                     : '';
         try {
             setLoading(true);
-            const response = yield utils.callApi(utils.getCarePath(url, {
+            const response = yield togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.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'
@@ -184,7 +148,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$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);
@@ -195,10 +159,8 @@ 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$1.Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
 };
 
 exports.AuthorBadge = AuthorBadge;
 exports.BookingBtn = BookingBtn;
-exports.BtnChoice = BtnChoice;
-exports.Divider = Divider;

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

@@ -1,25 +1,25 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-ba3797bb.js');
+var index$1 = require('./index-6fdcd09d.js');
 var dayjs = require('dayjs');
-var index$3 = require('./index-a86ea1b6.js');
-var index = require('./index-05f106c2.js');
+var index$3 = require('./index-e3bbd009.js');
+var index = require('./index-dff7ee1b.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-df5cd44b.js');
-require('./index-1efa7d84.js');
-require('./useMantineLocale-a4f0c61d.js');
-var index$2 = require('./index-d34cd464.js');
-require('./index-a7de42d1.js');
-var theme = require('./theme-e4f7f487.js');
-require('./translationsContext-39528d2f.js');
+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('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-524bda7c.js');
+var utils = require('./utils-15a9772e.js');
 var styled = require('@emotion/styled');
-var index$5 = require('./index-c225ef22.js');
-var index$4 = require('./index-fe7345fa.js');
+var index$5 = require('./index-a9bdf889.js');
+var index$4 = require('./index-2fd9063e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d34cd464.js → index-1fdf2f01.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
+var tslib_es6 = require('./tslib.es6-bd3f8718.js');
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-524bda7c.js');
+var utils = require('./utils-15a9772e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b773bc3d.js → index-206afefb.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./index-e0bf03ac.js');
-var index$2 = require('./index-a86ea1b6.js');
-var index = require('./index-df5cd44b.js');
+var index$1 = require('./index-82c85f9d.js');
+var index$2 = require('./index-e3bbd009.js');
+var index = require('./index-1f3fc2e3.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
-var isProduction = require('./isProduction-aa963bf9.js');
+var isProduction = require('./isProduction-20cd663d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }