@hhgtech/hhg-components 1.29.79 → 1.29.81

package/build/{types-ade68559.js → types-6c5643a2.js}

@@ -1,51 +1,49 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-5aac5fb6.js');
-require('./translationsContext-6f3c14ea.js');
+var index$1 = require('./index-d34cd464.js');
+require('./translationsContext-39528d2f.js');
 require('string-format');
-var defaultClassWrapper = require('./defaultClassWrapper-feaae206.js');
-var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
+var utils = require('./utils-95d9832e.js');
+var tslib_es6 = require('./tslib.es6-7e140b89.js');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$d = require('./index-65765b10.js');
-var useTranslations = require('./useTranslations-76f64595.js');
+var index$d = require('./index-77a2b9ee.js');
+var useTranslations = require('./useTranslations-200168a3.js');
 var innertext = require('innertext');
-var theme = require('./theme-416e0fd4.js');
-var index$9 = require('./index-e914bc7c.js');
+var theme = require('./theme-e4f7f487.js');
+var index$9 = require('./index-05f106c2.js');
 require('@mantine/dates');
-var index$4 = require('./index-517f6538.js');
-var index$5 = require('./index-0b957c10.js');
-var index$a = require('./index-e932125b.js');
-require('./useMantineLocale-97b962eb.js');
+var index$4 = require('./index-a86ea1b6.js');
+var index$5 = require('./index-df5cd44b.js');
+var index$a = require('./index-1efa7d84.js');
+require('./useMantineLocale-a4f0c61d.js');
+var index$e = require('./index-a7de42d1.js');
 require('@mantine/hooks');
-var utils = require('./utils-3a589c92.js');
-var index$8 = require('./index-4026b8c5.js');
-var index$7 = require('./index-5033f644.js');
-var index$c = require('./index-5ff91adf.js');
+var utils$1 = require('./utils-524bda7c.js');
+var index$8 = require('./index-d5b4089d.js');
+var dataTransform = require('./dataTransform-6b4d7a4e.js');
+var constants = require('./constants-513a9a41.js');
+var index$c = require('./index-dd1392e3.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var core$1 = require('@hhgtech/icons/core');
-var index$6 = require('./index-42621fec.js');
-var index$2 = require('./index-aff82754.js');
-var cookieHelper = require('./cookieHelper-6fd4e238.js');
+var index$6 = require('./index-c2900d8c.js');
+var index$2 = require('./index-4af08ec2.js');
+var cookieHelper = require('./cookieHelper-17491ce8.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var index$3 = require('./index-586f0a4f.js');
-var number = require('./number-249e0e0b.js');
+var defaultClassWrapper = require('./defaultClassWrapper-e87ca8ef.js');
+var index$3 = require('./index-dcbd8bf3.js');
+var number = require('./number-c2338382.js');
 var dateFns = require('date-fns');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
+var index$7 = require('./index-3dcb9bc6.js');
 var react = require('@emotion/react');
-var index$b = require('./index-4f5ce9db.js');
-var useUniqueId = require('./useUniqueId-4bafae28.js');
-var routing = require('./routing-40d4f591.js');
-require('./index.styles-61201019.js');
-require('./index-6036e2a0.js');
-require('./utils-120200ad.js');
-require('./index-aefa01a7.js');
-require('./index.styled-8c14cf6c.js');
-require('./index-d54d6c50.js');
+var index$b = require('./index-264eeddd.js');
+var useUniqueId = require('./useUniqueId-8929fe5f.js');
+var routing = require('./routing-f6d54205.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -83,7 +81,7 @@ const TogetherAuthConfigContextProvider = ({ children, defaultParams, }) => {
         } }, children));
 };
 const useTogetherAuthRequiredAction = (propsParams) => {
-    const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { defaultParams } = React.useContext(TogetherAuthConfigContext) || {};
     const isLoggedIn = userInfo === null || userInfo === void 0 ? void 0 : userInfo.id;
     const isFirstInteract = userInfo &&
@@ -93,7 +91,7 @@ const useTogetherAuthRequiredAction = (propsParams) => {
         const params = Object.assign(Object.assign(Object.assign({}, defaultParams), propsParams), extraParams);
         if (!isLoggedIn || isFirstInteract) {
             if (!isLoggedIn) {
-                cookieHelper.deleteCookie(defaultClassWrapper.BEARER_TOKEN_COOKIE);
+                cookieHelper.deleteCookie(constants.BEARER_TOKEN_COOKIE);
             }
             if (params === null || params === void 0 ? void 0 : params._joinCommunityIds) {
                 localStorage.setItem('to_join_community_ids', JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem('to_join_community_ids') || '[]') || [])
@@ -109,7 +107,7 @@ const useTogetherAuthRequiredAction = (propsParams) => {
             }
             const currentLocation = (params === null || params === void 0 ? void 0 : params._location) || window.location.href;
             params === null || params === void 0 ? true : delete params._location;
-            window.location.href = defaultClassWrapper.getUrlToSignUp(currentLocation, params, togetherBasePath);
+            window.location.href = utils.getUrlToSignUp(currentLocation, params, togetherBasePath);
             return null;
         }
         else {
@@ -185,7 +183,7 @@ const StyledCardLink = styled__default["default"].div `
 `;
 
 const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) => {
-    const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const [hideLogo, setHideLogo] = React.useState(false);
     const _theme = core.useMantineTheme();
     const noRefetchRef = React.useRef(noRefetch);
@@ -198,7 +196,7 @@ const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) =>
             if (!url)
                 return setPreviewData(null);
             setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
-            defaultClassWrapper.callApi(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.FETCH_PREVIEW, {
+            utils.callApi(utils.getApiPath(utils.PATHS.FETCH_PREVIEW, {
                 _locale: locale,
             }), 'POST', {
                 data: {
@@ -239,13 +237,13 @@ const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) =>
                 !isMarryBaby && (React__default["default"].createElement("img", { className: "link-image-blur", src: displayImage, onError: (e) => {
                         if (!showDefaultRef.current) {
                             showDefaultRef.current = true;
-                            e.currentTarget.src = defaultClassWrapper.DEFAULT_IMG;
+                            e.currentTarget.src = constants.DEFAULT_IMG;
                         }
                     }, loading: "lazy" })),
                 React__default["default"].createElement("img", { className: "link-image", src: displayImage, onError: (e) => {
                         if (!showDefaultRef.current) {
                             showDefaultRef.current = true;
-                            e.currentTarget.src = defaultClassWrapper.DEFAULT_IMG;
+                            e.currentTarget.src = constants.DEFAULT_IMG;
                         }
                     }, loading: "lazy" }))),
             React__default["default"].createElement("div", { className: "link-info-container" },
@@ -292,7 +290,7 @@ var CardReactionType;
 })(CardReactionType || (CardReactionType = {}));
 const CardReactions = (_a) => {
     var { type, viewCount, loveCount = 0, replyCount = 0, replyPadding, liked, isReplied, onCommentClick, onLikeClick, onShareClick, className, style, hideCommentIcon, showingMostEngaging, isMarryBaby: isMarryBabyInit, hasShare = true, hasCountLike = true, trackingCategory = 'Together', trackingLabel = '', children } = _a, rest = tslib_es6.__rest(_a, ["type", "viewCount", "loveCount", "replyCount", "replyPadding", "liked", "isReplied", "onCommentClick", "onLikeClick", "onShareClick", "className", "style", "hideCommentIcon", "showingMostEngaging", "isMarryBaby", "hasShare", "hasCountLike", "trackingCategory", "trackingLabel", "children"]);
-    const { data: { env: { isMarryBaby: isMarryBabyEnv }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby: isMarryBabyEnv }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const isMarryBaby = Boolean(isMarryBabyInit)
         ? isMarryBabyInit
         : isMarryBabyEnv;
@@ -372,7 +370,7 @@ const TagTopic = (_a) => {
         styles,
         unstyled,
     });
-    const { data: { env: { togetherBasePath }, }, action: { sanitizeFunction }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { togetherBasePath }, }, action: { sanitizeFunction }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const [showAll, setShowAll] = React.useState(!shortenedStyle);
     return (React__default["default"].createElement("div", Object.assign({ onClick: onClick, className: `${classes.wrapper} ${className}`, style: style }, rest),
         (showAll ? topics : topics.slice(0, shortenedNumber)).map((topic, index) => {
@@ -380,7 +378,7 @@ const TagTopic = (_a) => {
                 (topic === null || topic === void 0 ? void 0 : topic.dueDateMonth) !== 0 &&
                 (topic === null || topic === void 0 ? void 0 : topic.dueDateYear) &&
                 (topic === null || topic === void 0 ? void 0 : topic.dueDateYear) !== 0;
-            return (React__default["default"].createElement("a", { className: classes.item, key: index, "data-event-category": trackingCategory, "data-event-action": "Topic in Post Click", "data-event-label": `${defaultClassWrapper.getCurrentBaseUrl(locale)}${togetherBasePath}${topic.url}`, href: topic.isActive && !topic.isHidden
+            return (React__default["default"].createElement("a", { className: classes.item, key: index, "data-event-category": trackingCategory, "data-event-action": "Topic in Post Click", "data-event-label": `${utils.getCurrentBaseUrl(locale)}${togetherBasePath}${topic.url}`, href: topic.isActive && !topic.isHidden
                     ? `${togetherBasePath}${topic.url}/`
                     : undefined },
                 React__default["default"].createElement(index$1.Text, { size: "p4" },
@@ -472,7 +470,7 @@ const StyledLabelSortPin = styled__default["default"].div `
       }
     }
     &.label-sorting {
-      ${utils.MediaQueries.tdUp} {
+      ${utils$1.MediaQueries.tdUp} {
         padding-bottom: 1.5rem;
         margin-bottom: -0.75rem;
       }
@@ -481,7 +479,7 @@ const StyledLabelSortPin = styled__default["default"].div `
 `;
 
 const LabelSortPin = ({ label, rightLabel, onClick, color, className, style, }) => {
-    const { data: { env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     return (React__default["default"].createElement(StyledLabelSortPin, { "data-is-marrybaby": isMarryBaby, "data-color": color, onClick: onClick, className: className, style: style },
         React__default["default"].createElement(index$1.Text, { className: "label-sort-pin-heading", size: isMarryBaby ? 'p4' : 'p3', weight: "bold" }, label),
         rightLabel));
@@ -494,7 +492,7 @@ var img$G = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width=
 var IconPinYellow = img$G;
 
 const LabelPin = ({ onClick, color, className, style }) => {
-    const { data: { env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     return (React__default["default"].createElement(LabelSortPin, { label: React__default["default"].createElement(React__default["default"].Fragment, null,
             isMarryBaby && (React__default["default"].createElement("img", { className: "label-sort-pin-icon", src: MBPinOrange, loading: "lazy" })),
@@ -818,7 +816,7 @@ const StyledTree = styled__default["default"].div `
 `;
 
 const PopoverMenu = ({ className, style, toggleButtonContent, position = 'bottom', align = 'end', children, buttonProps, }) => {
-    const { data: { env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const [isShow, setIsShow] = React.useState(false);
     const popoverContent = React.useRef(null);
     const isShowRef = React.useRef(isShow);
@@ -919,7 +917,7 @@ var LabelSortingValue;
     LabelSortingValue["popular"] = "popular";
 })(LabelSortingValue || (LabelSortingValue = {}));
 const LabelSorting = ({ onChange, className, style, leftLabel, rightLabel, color, value, choices, }) => {
-    const { data: { env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     return (React__default["default"].createElement(LabelSortPin, { label: leftLabel, rightLabel: React__default["default"].createElement(TreePopoverMenu, { position: "bottom", align: "end", data: {
                 isShowheader: false,
                 type: 'list',
@@ -1030,7 +1028,7 @@ const StyledPopup$2 = styled__default["default"].div `
   transform: translate(-50%, -50%);
   transition: all 0.5s ease-in-out;
 
-  ${utils.MediaQueries.tdUp} {
+  ${utils$1.MediaQueries.tdUp} {
     width: 750px;
   }
 
@@ -1050,7 +1048,7 @@ const StyledPopup$2 = styled__default["default"].div `
   }
 
   .popup-content {
-    ${utils.MediaQueries.mbDown} {
+    ${utils$1.MediaQueries.mbDown} {
       display: block;
     }
     display: flex;
@@ -1235,9 +1233,9 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
             setIsLoading(true);
             try {
                 setDoctorInfo(null);
-                defaultClassWrapper.callApi(defaultClassWrapper.getCarePath(defaultClassWrapper.CARE_PATHS.GET_DOCTOR_INFO, {
+                utils.callApi(utils.getCarePath(utils.CARE_PATHS.GET_DOCTOR_INFO, {
                     doctorId: doctorId,
-                    website_url: defaultClassWrapper.domainLocales[locale],
+                    website_url: utils.domainLocales[locale],
                 }), 'get').then((res) => {
                     setDoctorInfo(Object.assign(Object.assign({}, res === null || res === void 0 ? void 0 : res._data.doctor), overwriteProfileProps));
                 });
@@ -1291,7 +1289,7 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
                                 React__default["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.gray800 },
                                     specialtiesList,
                                     ' • '))),
-                            React__default["default"].createElement("a", { href: defaultClassWrapper.getCareHospitalUrl({
+                            React__default["default"].createElement("a", { href: utils.getCareHospitalUrl({
                                     id: (_a = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _a === void 0 ? void 0 : _a.id,
                                     name: (_b = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _b === void 0 ? void 0 : _b.name,
                                     slug: (_c = doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization) === null || _c === void 0 ? void 0 : _c.slug,
@@ -1299,7 +1297,7 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
                                 }), className: "organisation", target: "_blank", rel: "noreferrer" },
                                 React__default["default"].createElement(index$1.Text, { size: "p4", className: "organisation", color: theme.theme.colors.gray800, style: { textDecoration: 'underline' } }, doctorInfo === null || doctorInfo === void 0 ? void 0 : doctorInfo.organization.name))))),
                 !isMobile && (React__default["default"].createElement("div", { className: "btn-wrapper" },
-                    React__default["default"].createElement("a", { href: defaultClassWrapper.getCareDoctorUrl({
+                    React__default["default"].createElement("a", { href: utils.getCareDoctorUrl({
                             name: doctorInfo.name,
                             id: doctorInfo.id,
                             locale: locale,
@@ -1311,18 +1309,18 @@ const PopupDoctor = ({ isOpen = true, onClose, enableAnimation = true, doctorId,
                     React__default["default"].createElement(StyledExperienceList, null, formattedExperiences.map((experience, i) => (React__default["default"].createElement("li", { key: i },
                         React__default["default"].createElement(index$1.Text, { size: "p2" }, renderExperienceText(experience)))))),
                     isMobile ? (React__default["default"].createElement("div", { className: "btn-wrapper" },
-                        React__default["default"].createElement("a", { href: defaultClassWrapper.getCareDoctorUrl({
+                        React__default["default"].createElement("a", { href: utils.getCareDoctorUrl({
                                 name: doctorInfo.name,
                                 id: doctorInfo.id,
                                 locale: locale,
                             }) },
-                            React__default["default"].createElement(index$6.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: defaultClassWrapper.getCareDoctorUrl({
+                            React__default["default"].createElement(index$6.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: utils.getCareDoctorUrl({
                             name: doctorInfo.name,
                             id: doctorInfo.id,
                             locale: locale,
                         }) },
-                        React__default["default"].createElement(index$1.Text, { size: "s4", color: "#2D87F3", style: { paddingTop: 24 }, "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": defaultClassWrapper.getCurrentBaseUrl(locale) +
-                                defaultClassWrapper.getCareDoctorUrl({
+                        React__default["default"].createElement(index$1.Text, { size: "s4", color: "#2D87F3", style: { paddingTop: 24 }, "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": utils.getCurrentBaseUrl(locale) +
+                                utils.getCareDoctorUrl({
                                     name: doctorInfo.name,
                                     id: doctorInfo.id,
                                     locale: locale,
@@ -1343,7 +1341,7 @@ const StyledPopup$1 = styled__default["default"].div `
   transform: translate(-50%, -50%);
   transition: all 0.5s ease-in-out;
 
-  ${utils.MediaQueries.tdUp} {
+  ${utils$1.MediaQueries.tdUp} {
     width: 750px;
   }
 
@@ -1363,7 +1361,7 @@ const StyledPopup$1 = styled__default["default"].div `
   }
 
   .popup-content {
-    ${utils.MediaQueries.mbDown} {
+    ${utils$1.MediaQueries.mbDown} {
       display: block;
     }
     display: flex;
@@ -1516,7 +1514,7 @@ const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onC
             setIsLoading(true);
             try {
                 setExpertInfo(null);
-                defaultClassWrapper.callApi(defaultClassWrapper.getDiscoverApiPath(defaultClassWrapper.DISCOVER_PATHS.GET_EXPERT_BY_ID, {
+                utils.callApi(utils.getDiscoverApiPath(utils.DISCOVER_PATHS.GET_EXPERT_BY_ID, {
                     id: expertId,
                 }), 'get').then((res) => {
                     setExpertInfo(Object.assign(Object.assign({}, res === null || res === void 0 ? void 0 : res.data), overwriteProfileProps));
@@ -1562,7 +1560,7 @@ const PopupExpert = ({ trackingCategory = 'Together', locale, isOpen = true, onC
                                 React__default["default"].createElement(index$1.Text, { size: "p2", color: theme.theme.colors.gray500 }, experience === null || experience === void 0 ? void 0 : experience.organization)))))
                         : false),
                     React__default["default"].createElement("a", { href: expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url, style: { display: 'inline-block', paddingTop: 24 } },
-                        React__default["default"].createElement(index$1.Text, { as: "span", size: "s4", color: "#2D87F3", "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": defaultClassWrapper.getCurrentBaseUrl(locale) + (expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url) }, t('home.seeExpert')))))))),
+                        React__default["default"].createElement(index$1.Text, { as: "span", size: "s4", color: "#2D87F3", "data-event-category": trackingCategory, "data-event-action": "See Full Doctor Profile", "data-event-label": utils.getCurrentBaseUrl(locale) + (expertInfo === null || expertInfo === void 0 ? void 0 : expertInfo.profile_url) }, t('home.seeExpert')))))))),
         React__default["default"].createElement(StyledPopupWrapper$1, { "data-open": isOpen, onClick: (e) => {
                 e.stopPropagation();
                 onClose();
@@ -1579,7 +1577,7 @@ const StyledPopup = styled__default["default"].div `
   transform: translate(-50%, -50%);
   transition: all 0.5s ease-in-out;
 
-  ${utils.MediaQueries.tdUp} {
+  ${utils$1.MediaQueries.tdUp} {
     width: 750px;
   }
 
@@ -1599,7 +1597,7 @@ const StyledPopup = styled__default["default"].div `
   }
 
   .popup-content {
-    ${utils.MediaQueries.mbDown} {
+    ${utils$1.MediaQueries.mbDown} {
       display: block;
     }
     display: flex;
@@ -1722,9 +1720,9 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
             setIsLoading(true);
             try {
                 setHospitalInfo(null);
-                defaultClassWrapper.callApi(defaultClassWrapper.getCarePath(defaultClassWrapper.CARE_PATHS.GET_HOSPITAL_INFO, {
+                utils.callApi(utils.getCarePath(utils.CARE_PATHS.GET_HOSPITAL_INFO, {
                     hospital_branch_id: hospitalId,
-                    website_url: defaultClassWrapper.domainLocales[locale],
+                    website_url: utils.domainLocales[locale],
                 }), 'get').then((res) => {
                     setHospitalInfo(Object.assign(Object.assign({}, res === null || res === void 0 ? void 0 : res._data.branch), overwriteProfileProps));
                 });
@@ -1755,14 +1753,14 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
                             specialties && (React__default["default"].createElement(index$1.Text, { size: "p4", color: theme.theme.colors.gray800 },
                                 formatSpecialties.join(' • '),
                                 '•')),
-                            React__default["default"].createElement("a", { href: defaultClassWrapper.getCareHospitalUrl({
+                            React__default["default"].createElement("a", { href: utils.getCareHospitalUrl({
                                     id: hospitalInfo.id,
                                     name: hospitalInfo.name,
                                     slug: hospitalInfo.slug,
                                     locale,
                                 }), className: "organisation", target: "_blank", rel: "noreferrer" },
                                 React__default["default"].createElement(index$1.Text, { size: "p4", className: "organisation", color: theme.theme.colors.gray800, style: { textDecoration: 'underline' } }, hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.name))))),
-                !isMobile && (React__default["default"].createElement("a", { href: defaultClassWrapper.getCareHospitalUrl({
+                !isMobile && (React__default["default"].createElement("a", { href: utils.getCareHospitalUrl({
                         id: hospitalInfo.id,
                         name: hospitalInfo.name,
                         slug: hospitalInfo.slug,
@@ -1774,21 +1772,21 @@ const PopupHospital = ({ isOpen = true, onClose, enableAnimation = true, hospita
                 React__default["default"].createElement("div", { className: "experience" },
                     React__default["default"].createElement(index$1.Text, { weight: "bold", size: "s3", color: theme.theme.colors.gray800, style: { paddingBottom: 16 } }, t('hospital.content.description').toUpperCase()),
                     React__default["default"].createElement(index$1.Text, { size: "p2", color: theme.theme.colors.gray500 }, hospitalInfo.about),
-                    isMobile ? (React__default["default"].createElement("a", { href: defaultClassWrapper.getCareHospitalUrl({
+                    isMobile ? (React__default["default"].createElement("a", { href: utils.getCareHospitalUrl({
                             id: hospitalInfo.id,
                             name: hospitalInfo.name,
                             slug: hospitalInfo.slug,
                             locale,
                         }) },
                         React__default["default"].createElement("div", { className: "btn-wrapper" },
-                            React__default["default"].createElement(index$6.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: defaultClassWrapper.getCareHospitalUrl({
+                            React__default["default"].createElement(index$6.Button, { color: "primary", size: "md", className: "btn-booking" }, t('careBooking.bookAnAppointment'))))) : (React__default["default"].createElement("a", { href: utils.getCareHospitalUrl({
                             id: hospitalInfo.id,
                             name: hospitalInfo.name,
                             slug: hospitalInfo.slug,
                             locale,
                         }) },
-                        React__default["default"].createElement(index$1.Text, { size: "s4", color: "#2D87F3", as: "span", "data-event-category": trackingCategory, "data-event-action": "See Full Hospital Profile", "data-event-label": defaultClassWrapper.getCurrentBaseUrl(locale) +
-                                defaultClassWrapper.getCareHospitalUrl({
+                        React__default["default"].createElement(index$1.Text, { size: "s4", color: "#2D87F3", as: "span", "data-event-category": trackingCategory, "data-event-action": "See Full Hospital Profile", "data-event-label": utils.getCurrentBaseUrl(locale) +
+                                utils.getCareHospitalUrl({
                                     id: hospitalInfo.id,
                                     name: hospitalInfo.name,
                                     slug: hospitalInfo.slug,
@@ -1832,7 +1830,7 @@ const ProfileDetailModal = ({ open, onClose, children, profileModalProps, }) =>
 dayjs__default["default"].extend(relativeTime__default["default"]);
 const _CardAuthor = (props) => {
     const { className = '', community, name, username, url, avatar: avatarProp, role: roleProp, title, userType = 'user', expertId, specialty, organisation, isMarryBaby: isMarryBabyProp, doctorId, hospitalId, hasQuickBooking, handleMakeAppointment, communityTrackingAttr, isAnonymous, showDetailPopup, subLine, authActionWrapper, profileProps, profileModalProps, extendEle, avatarProps, hideInfo, timeText, onCloseFromPost, avatarIcon, badgeIconSize, hideBackground, children, styles, dataEventCategory, dataEventAction, dataEventLabel, } = props;
-    const { data: { locale, router, env: { isMarryBaby: isMarryBabyContext, togetherBasePath }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, router, env: { isMarryBaby: isMarryBabyContext, togetherBasePath }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { isMobile } = index$9.useScreenSize();
     const { t } = useTranslations.useTranslations();
     const { classes } = useStyles$1(undefined, 
@@ -1862,7 +1860,7 @@ const _CardAuthor = (props) => {
         }
     };
     React.useEffect(() => {
-        utils.toggleNoScroll(openPopupExpert);
+        utils$1.toggleNoScroll(openPopupExpert);
     }, [openPopupExpert]);
     const [open, setOpen] = React.useState(false);
     const isExpert = (props === null || props === void 0 ? void 0 : props.role) === 'expert';
@@ -2349,10 +2347,10 @@ const uploadAndGetSrc = (file, locale, isAdmin) => typeof file === 'string'
             });
             imageFormData.append('image', compressed);
         }
-        const callApiFunction = isAdmin ? defaultClassWrapper.callApiWithAdminAuth : defaultClassWrapper.callApiWithAuth;
-        const imageRes = yield callApiFunction(defaultClassWrapper.getApiPath(isAdmin
-            ? defaultClassWrapper.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD
-            : defaultClassWrapper.PATHS.COMMENT.IMAGE_UPLOAD, {
+        const callApiFunction = isAdmin ? utils.callApiWithAdminAuth : utils.callApiWithAuth;
+        const imageRes = yield callApiFunction(utils.getApiPath(isAdmin
+            ? utils.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD
+            : utils.PATHS.COMMENT.IMAGE_UPLOAD, {
             _locale: locale,
         }), 'POST', {
             data: imageFormData,
@@ -2363,7 +2361,7 @@ const uploadAndGetSrc = (file, locale, isAdmin) => typeof file === 'string'
 const likeUnlikePost = ({ id, locale, }) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     if (!id)
         return;
-    const res = yield defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.POST.LIKE, {
+    const res = yield utils.callApiWithAuth(utils.getApiPath(utils.PATHS.POST.LIKE, {
         id,
         _locale: locale,
     }), 'GET');
@@ -2372,7 +2370,7 @@ const likeUnlikePost = ({ id, locale, }) => tslib_es6.__awaiter(void 0, void 0,
 const deletePost = ({ id, locale, }) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     if (!id)
         return;
-    const res = yield defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.POST.DELETE, {
+    const res = yield utils.callApiWithAuth(utils.getApiPath(utils.PATHS.POST.DELETE, {
         id,
         _locale: locale,
     }), 'DELETE');
@@ -2399,9 +2397,9 @@ introUrl, bannerUrl, scheduleTime, isAnonymous, isAskDoctor, }) => tslib_es6.__a
     (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.description) &&
         bodyFormData.append('preview_description', previewUrl.description);
     (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url) &&
-        bodyFormData.append('preview_link', utils.safeEncodeURI(previewUrl.url));
+        bodyFormData.append('preview_link', utils$1.safeEncodeURI(previewUrl.url));
     (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.image) &&
-        bodyFormData.append('preview_image', utils.safeEncodeURI(previewUrl.image));
+        bodyFormData.append('preview_image', utils$1.safeEncodeURI(previewUrl.image));
     topicIds === null || topicIds === void 0 ? void 0 : topicIds.forEach((topicId) => {
         bodyFormData.append('topics[]', String(topicId || ''));
     });
@@ -2414,7 +2412,7 @@ introUrl, bannerUrl, scheduleTime, isAnonymous, isAskDoctor, }) => tslib_es6.__a
                 resolve(uploadAndGetSrc(file, locale));
             }, index * 2000);
         })));
-        imageSrcs === null || imageSrcs === void 0 ? void 0 : imageSrcs.filter(Boolean).slice(0, defaultClassWrapper.MAX_IMAGE_UPLOADS).forEach((imageFile, index) => {
+        imageSrcs === null || imageSrcs === void 0 ? void 0 : imageSrcs.filter(Boolean).slice(0, constants.MAX_IMAGE_UPLOADS).forEach((imageFile, index) => {
             bodyFormData.append(`images[${index}]`, imageFile);
         });
     }
@@ -2434,7 +2432,7 @@ introUrl, bannerUrl, scheduleTime, isAnonymous, isAskDoctor, }) => tslib_es6.__a
     return bodyFormData;
 });
 const createPost = ({ locale, formData, isArticleComment, }) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    const res = yield defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(isArticleComment ? defaultClassWrapper.PATHS.POST.CREATE_ARTICLE_COMMENT : defaultClassWrapper.PATHS.POST.CREATE, {
+    const res = yield utils.callApiWithAuth(utils.getApiPath(isArticleComment ? utils.PATHS.POST.CREATE_ARTICLE_COMMENT : utils.PATHS.POST.CREATE, {
         _locale: locale,
     }), 'POST', {
         data: formData,
@@ -2442,7 +2440,7 @@ const createPost = ({ locale, formData, isArticleComment, }) => tslib_es6.__awai
     return res;
 });
 const editPost = ({ id, locale, formData, }) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    const res = yield defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.POST.UPDATE, {
+    const res = yield utils.callApiWithAuth(utils.getApiPath(utils.PATHS.POST.UPDATE, {
         id,
         _locale: locale,
     }), 'POST', {
@@ -2453,7 +2451,7 @@ const editPost = ({ id, locale, formData, }) => tslib_es6.__awaiter(void 0, void
 const reportPost = ({ id, reason, locale, }) => {
     const formData = new FormData();
     formData.append('reason', reason);
-    return defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.POST.REPORT, {
+    return utils.callApiWithAuth(utils.getApiPath(utils.PATHS.POST.REPORT, {
         _locale: locale,
         id,
     }), 'POST', {
@@ -3079,7 +3077,7 @@ const RichTextEditor = ({ html, onChange, className, style, onImagePickerClick,
     bannedWordsRef.current = bannedWords;
     const [invalidUrls, setInvalidUrls] = React.useState([]);
     const [previewUrl, setPreviewUrl] = React.useState(null);
-    const { data: { locale }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const bannedString = (bannedWords === null || bannedWords === void 0 ? void 0 : bannedWords.join(',')) || '';
     React.useEffect(() => {
         var _a, _b;
@@ -3092,7 +3090,7 @@ const RichTextEditor = ({ html, onChange, className, style, onImagePickerClick,
                 url,
                 isFetching: true,
             });
-            defaultClassWrapper.callApi(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.FETCH_PREVIEW, {
+            utils.callApi(utils.getApiPath(utils.PATHS.FETCH_PREVIEW, {
                 _locale: locale,
             }), 'POST', {
                 data: {
@@ -3222,12 +3220,12 @@ const RichTextEditor = ({ html, onChange, className, style, onImagePickerClick,
         if (!name || !DOMRect) {
             return setFoundUsers([]);
         }
-        const res = yield ((((_e = cookieHelper.getCookie(defaultClassWrapper.BEARER_TOKEN_COOKIE)) === null || _e === void 0 ? void 0 : _e.length) || 0) > 0
-            ? defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.SEARCH_USER, {
+        const res = yield ((((_e = cookieHelper.getCookie(constants.BEARER_TOKEN_COOKIE)) === null || _e === void 0 ? void 0 : _e.length) || 0) > 0
+            ? utils.callApiWithAuth(utils.getApiPath(utils.PATHS.SEARCH_USER, {
                 _locale: locale,
                 name: name,
             }), 'get')
-            : defaultClassWrapper.callApiWithAdminAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.ADMIN_PATHS.SEARCH_USER, {
+            : utils.callApiWithAdminAuth(utils.getApiPath(utils.ADMIN_PATHS.SEARCH_USER, {
                 _locale: locale,
                 name: name,
             }), 'get'));
@@ -3405,7 +3403,7 @@ const URL_WARN_MAP = [
     'notification.urlWrongFormat',
 ];
 const LinkToolInputPopover = ({ onAddUrl, setShow }) => {
-    const { data: { env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const [urlValue, setUrlValue] = React.useState('');
     const [textValue, setTextValue] = React.useState('');
@@ -3483,7 +3481,7 @@ const CreatePostDescription = ({ className, style, bannedWords = [], value, onCh
             React__default["default"].createElement(CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
             React__default["default"].createElement("img", { src: IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
         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 > defaultClassWrapper.MAX_IMAGE_UPLOADS ? (React__default["default"].createElement("div", { className: "input-notification" },
+        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,
         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" },
@@ -3679,7 +3677,7 @@ const StyledTopicSelectList = styled__default["default"].div `
 `;
 
 const TopicSelectList = ({ className, style, topics: topicsProp, communityId, onChange, isLoading, disabled, forceTopics, selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction, dataEventLabel, }) => {
-    const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const [topics, setTopics] = React.useState(topicsProp ? [...topicsProp] : []);
     const [selectedTopics, setSelectedTopics] = React.useState(selectedTopicsProp ? [...selectedTopicsProp] : []);
     const [isLoadingTopics, setIsLoadingTopics] = React.useState(false);
@@ -3693,13 +3691,13 @@ const TopicSelectList = ({ className, style, topics: topicsProp, communityId, on
             (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _b;
                 try {
-                    const res = yield defaultClassWrapper.callApi(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.TOPIC.LIST, {
+                    const res = yield utils.callApi(utils.getApiPath(utils.PATHS.TOPIC.LIST, {
                         communityId: communityId,
                         _locale: locale,
                     }), 'GET');
                     const topicRes = (_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.topics;
                     if (Array.isArray(topicRes)) {
-                        setTopics(() => (topicRes === null || topicRes === void 0 ? void 0 : topicRes.map(index$7.formatTopic).sort((t1, t2) => (t1.order || 0) - (t2.order || 0))) || []);
+                        setTopics(() => (topicRes === null || topicRes === void 0 ? void 0 : topicRes.map(dataTransform.formatTopic).sort((t1, t2) => (t1.order || 0) - (t2.order || 0))) || []);
                     }
                 }
                 catch (e) {
@@ -3755,7 +3753,7 @@ const TopicItem = (_a) => {
 
 const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose, communities = [], forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, noFetchTopic, hideTopicList, selectAskDoctor, showAskDoctorOptions, currentPageUrl, }) => {
     const isInEditMode = !!(editPostData === null || editPostData === void 0 ? void 0 : editPostData.id);
-    const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications, sanitizeFunction }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications, sanitizeFunction }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const [isAnonymous, setIsAnonymous] = React.useState(false);
     const [isAskDoctor, setIsAskDoctor] = React.useState(selectAskDoctor);
@@ -3796,7 +3794,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
         innertext__default["default"](descriptionValue) &&
         (optionalTopic || (!optionalTopic && selectedTopics.length > 0)) &&
         currentCommunity &&
-        (!imageFiles || imageFiles.length <= defaultClassWrapper.MAX_IMAGE_UPLOADS) &&
+        (!imageFiles || imageFiles.length <= constants.MAX_IMAGE_UPLOADS) &&
         !(invalidUrls === null || invalidUrls === void 0 ? void 0 : invalidUrls.length) &&
         !isSubmitting;
     // HANDLE etra action when OPEN AND CLOSE
@@ -3831,7 +3829,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
     }, [titleValue]);
     const onCreateEditSuccess = (res) => {
         if (onPostCreatedEdited) {
-            onPostCreatedEdited(index$7.formatPost(res), isInEditMode);
+            onPostCreatedEdited(dataTransform.formatPost(res), isInEditMode);
         }
         onClose && onClose();
     };
@@ -3995,7 +3993,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         },
                     } })),
             React__default["default"].createElement("div", { className: "input-group" },
-                React__default["default"].createElement(index$9.Button, { className: "submit-btn pointer-event-child-none", size: "lg", "data-event-category": "Ask Doctor", "data-event-action": "Submit Question", "data-event-label": window.location.href, onClick: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+                React__default["default"].createElement(index$e.Button, { className: "submit-btn pointer-event-child-none", size: "lg", "data-event-category": "Ask Doctor", "data-event-action": "Submit Question", "data-event-label": window.location.href, onClick: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                         if (isReadyToSubmit && !isSubmitting) {
                             setIsSubmitting(true);
                             try {
@@ -4095,7 +4093,7 @@ const StyledPopupDanger = styled__default["default"].div `
         overflow: hidden;
         border-radius: 1rem;
         &[data-open='true'] {
-          ${utils.MediaQueries.mbDown} {
+          ${utils$1.MediaQueries.mbDown} {
             top: 100%;
             transform: translate(-50%, -100%);
             max-width: unset;
@@ -4107,12 +4105,12 @@ const StyledPopupDanger = styled__default["default"].div `
       }
       .popup-content {
         .close-button {
-          ${utils.MediaQueries.mbDown} {
+          ${utils$1.MediaQueries.mbDown} {
             display: none;
           }
         }
         .confirm-dialog {
-          ${utils.MediaQueries.mbDown} {
+          ${utils$1.MediaQueries.mbDown} {
             background: unset;
             position: relative;
             overflow-x: hidden;
@@ -4132,7 +4130,7 @@ const StyledPopupDanger = styled__default["default"].div `
           }
           .confirm-content {
             padding: 0 40px 40px;
-            ${utils.MediaQueries.mbDown} {
+            ${utils$1.MediaQueries.mbDown} {
               padding-left: 1.5rem;
               padding-right: 1.5rem;
             }
@@ -4151,7 +4149,7 @@ const StyledPopupDanger = styled__default["default"].div `
         }
       }
       .thumbnail-container {
-        ${utils.MediaQueries.mbDown} {
+        ${utils$1.MediaQueries.mbDown} {
           display: none;
         }
         &.is-icon {
@@ -4173,7 +4171,7 @@ const StyledPopupDanger = styled__default["default"].div `
               height: 24px;
             }
           }
-          ${utils.MediaQueries.mbDown} {
+          ${utils$1.MediaQueries.mbDown} {
             display: flex;
           }
         }
@@ -4258,7 +4256,7 @@ var CloseIcon = img$q;
 const PopupFrame = ({ className, style, closeIcon, heading = '', children, isOpen = false, hasFullscreen = false, onClose = () => null, }) => {
     const [expand, setExpand] = React.useState(false);
     return (React__default["default"].createElement(StyledPopupFrame, { className: className, style: style, isExpand: expand, hasFullscreen: hasFullscreen },
-        React__default["default"].createElement(index$7.Popup, { type: "confirm", onClose: onClose, isOpen: isOpen, closeIcon: closeIcon || React__default["default"].createElement("img", { src: CloseIcon, loading: "lazy" }), enableAnimation: !hasFullscreen },
+        React__default["default"].createElement(dataTransform.Popup, { type: "confirm", onClose: onClose, isOpen: isOpen, closeIcon: closeIcon || React__default["default"].createElement("img", { src: CloseIcon, loading: "lazy" }), enableAnimation: !hasFullscreen },
             React__default["default"].createElement("div", { className: "header" },
                 React__default["default"].createElement(index$2.Heading, { tag: "h5" }, heading),
                 hasFullscreen && (React__default["default"].createElement(StyledFSBtn, { onClick: () => setExpand(!expand) },
@@ -4267,13 +4265,13 @@ const PopupFrame = ({ className, style, closeIcon, heading = '', children, isOpe
 };
 
 const PopupDanger = ({ className, isMarryBaby: isMarryBabyProp, style, title, description, acceptText, cancelText, onAccept, onCancel, thumbnail, isThumbnailIcon, onClose, acceptBtnTracking, acceptBtnProps, cancelBtnProps, }) => {
-    const { data: { env: { isMarryBaby: isMarryBabyContext }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby: isMarryBabyContext }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const isMarryBaby = typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext;
     const [isOpen, setIsOpen] = React.useState(false);
     React.useEffect(() => {
-        utils.toggleNoScroll(true);
+        utils$1.toggleNoScroll(true);
         setTimeout(() => setIsOpen(true), 0);
-        return () => utils.toggleNoScroll(false);
+        return () => utils$1.toggleNoScroll(false);
     }, []);
     if (typeof window === 'undefined')
         return null;
@@ -4295,7 +4293,7 @@ const PopupDanger = ({ className, isMarryBaby: isMarryBabyProp, style, title, de
                                 onClose === null || onClose === void 0 ? void 0 : onClose();
                             } }, cancelBtnProps), cancelText)))),
             isMarryBaby && thumbnail && (React__default["default"].createElement("div", { className: `thumbnail-container is-mobile ${isThumbnailIcon ? 'is-icon' : ''}` },
-                React__default["default"].createElement("img", { className: "thumbnail", src: thumbnail, loading: "lazy" }))))), utils.getPopupWrapperDom());
+                React__default["default"].createElement("img", { className: "thumbnail", src: thumbnail, loading: "lazy" }))))), utils$1.getPopupWrapperDom());
 };
 
 const StyledInputCommentBar = styled__default["default"].div `
@@ -4412,12 +4410,12 @@ const StyledInputCommentBar = styled__default["default"].div `
         .as-input {
           font-size: 16px;
           font-weight: ${theme.theme.sizes.fwRegular};
-          ${utils.MediaQueries.mbDown} {
+          ${utils$1.MediaQueries.mbDown} {
             font-size: 22px;
             line-height: 1.2;
           }
 
-          ${utils.MediaQueries.mbUp} {
+          ${utils$1.MediaQueries.mbUp} {
             font-size: 26px;
             line-height: 1.2;
           }
@@ -4427,12 +4425,12 @@ const StyledInputCommentBar = styled__default["default"].div `
         .as-input {
           font-weight: ${theme.theme.sizes.fwRegular};
           line-height: 22px;
-          ${utils.MediaQueries.mbDown} {
+          ${utils$1.MediaQueries.mbDown} {
             font-size: 14px;
             line-height: 1.2;
           }
 
-          ${utils.MediaQueries.mbUp} {
+          ${utils$1.MediaQueries.mbUp} {
             font-size: 16px;
             line-height: 1.2;
           }
@@ -4442,12 +4440,12 @@ const StyledInputCommentBar = styled__default["default"].div `
         .as-input {
           font-weight: ${theme.theme.sizes.fwRegular};
           line-height: 20px;
-          ${utils.MediaQueries.mbDown} {
+          ${utils$1.MediaQueries.mbDown} {
             font-size: 13px;
             line-height: 1.5;
           }
 
-          ${utils.MediaQueries.mbUp} {
+          ${utils$1.MediaQueries.mbUp} {
             font-size: 13px;
             line-height: 1.5;
           }
@@ -4538,7 +4536,7 @@ const getCommentFormBody = ({ postId, message, photos, link, locale, sanitizeFun
         const imageSrcs = yield Promise.all(photos === null || photos === void 0 ? void 0 : photos.map((file) => uploadAndGetSrc(file, locale)));
         imageSrcs
             .filter(Boolean)
-            .slice(0, defaultClassWrapper.MAX_IMAGE_UPLOADS)
+            .slice(0, constants.MAX_IMAGE_UPLOADS)
             .forEach((photo) => {
             formData.append('images[]', photo);
         });
@@ -4560,7 +4558,7 @@ const getCommentFormBody = ({ postId, message, photos, link, locale, sanitizeFun
     return formData;
 });
 const submitComment = (formData, locale) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    return defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.COMMENT.CREATE, {
+    return utils.callApiWithAuth(utils.getApiPath(utils.PATHS.COMMENT.CREATE, {
         _locale: locale,
     }), 'POST', {
         data: formData,
@@ -4584,27 +4582,27 @@ const decodeCommentBody = (s) => {
     };
 };
 const submitReply = (formData, locale) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    return defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.COMMENT.REPLY, {
+    return utils.callApiWithAuth(utils.getApiPath(utils.PATHS.COMMENT.REPLY, {
         _locale: locale,
     }), 'POST', {
         data: formData,
     });
 });
 const likeUnlikeComment = ({ commentId, setLike = false, locale, }) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    return defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(setLike ? defaultClassWrapper.PATHS.COMMENT.LIKE : defaultClassWrapper.PATHS.COMMENT.UNLIKE, {
+    return utils.callApiWithAuth(utils.getApiPath(setLike ? utils.PATHS.COMMENT.LIKE : utils.PATHS.COMMENT.UNLIKE, {
         _locale: locale,
         id: commentId,
     }), 'GET');
 });
 const deleteComment = ({ id, locale, }) => {
-    return defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.COMMENT.DELETE, {
+    return utils.callApiWithAuth(utils.getApiPath(utils.PATHS.COMMENT.DELETE, {
         _locale: locale,
         id: id,
     }), 'DELETE');
 };
 
 const InputCommentBar = ({ isReply, className, onClose, replyToName, style, replyingId, replyingUser, onPostSuccess, post, isMarryBaby: isMarryBabyProp, }) => {
-    const { action: { pushNotifications, sanitizeFunction }, data: { userInfo, locale, env: { isMarryBaby: isMarryBabyContext }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { action: { pushNotifications, sanitizeFunction }, data: { userInfo, locale, env: { isMarryBaby: isMarryBabyContext }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const isMarryBaby = typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext;
     const { t } = useTranslations.useTranslations();
     const { onSelectImages, onRemoveImage, imageSrcs, onRemoveAllImages, imageFiles, } = useImagePicker();
@@ -4627,7 +4625,7 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
                 setText('');
                 onRemoveAllImages();
                 onClose && onClose();
-                const newComment = index$7.formatComment(res.data);
+                const newComment = dataTransform.formatComment(res.data);
                 if (typeof newComment.images === 'string') {
                     newComment.images = JSON.parse(newComment.images);
                 }
@@ -4717,7 +4715,7 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
                     } })),
             React__default["default"].createElement("img", { src: IconCloseCircleLine, className: "icon-close-comment", onClick: () => onClose && onClose(), loading: "lazy" }))),
         React__default["default"].createElement("div", { className: "input-container", ref: mainInput },
-            React__default["default"].createElement(index$7.UserAvatar, { className: `avatar-wrapper ${isReply ? 'avatar-wrapper-reply' : ''}`, avatar: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? userInfo.avatar : defaultClassWrapper.DEFAULT_AVATAR_IMG, username: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username) }),
+            React__default["default"].createElement(index$7.UserAvatar, { className: `avatar-wrapper ${isReply ? 'avatar-wrapper-reply' : ''}`, avatar: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? userInfo.avatar : constants.DEFAULT_AVATAR_IMG, username: (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username) }),
             React__default["default"].createElement("input", { ref: imagePicker, onChange: onSelectImages, type: "file", multiple: true, accept: "image/png,image/jpeg", name: "images", style: { display: 'none' } }),
             React__default["default"].createElement(index$c.Input
             // actionIcon={
@@ -4866,7 +4864,7 @@ const StyledShare = styled__default["default"].div `
   }
 
   &[data-is-marrybaby='true'] {
-    ${utils.MediaQueries.mbDown} {
+    ${utils$1.MediaQueries.mbDown} {
       padding: 0.5rem;
     }
     .share__social {
@@ -4877,7 +4875,7 @@ const StyledShare = styled__default["default"].div `
         align-items: center;
         justify-content: center;
         text-align: center;
-        ${utils.MediaQueries.mbDown} {
+        ${utils$1.MediaQueries.mbDown} {
           margin: 0;
         }
         & > img {
@@ -5005,7 +5003,7 @@ const getSocialList = (shareUrl, isMarryBaby) => isMarryBaby
         },
     ];
 const ShareBox = ({ className, trackingCategory = 'Together', style, shareUrl, title, }) => {
-    const { action: { pushNotifications }, data: { env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { action: { pushNotifications }, data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const input = React.useRef(null);
     const [copied, setCopied] = React.useState(false);
@@ -5058,13 +5056,13 @@ const ShareBox = ({ className, trackingCategory = 'Together', style, shareUrl, t
 };
 
 const SharePopup = ({ trackingCategory, className, style, url, avatar, text, onClose, }) => {
-    const { data: { env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const [isOpen, setIsOpen] = React.useState(false);
     React.useEffect(() => {
-        utils.toggleNoScroll(true);
+        utils$1.toggleNoScroll(true);
         setTimeout(() => setIsOpen(true), 0);
-        return () => utils.toggleNoScroll(false);
+        return () => utils$1.toggleNoScroll(false);
     }, []);
     return (React__default["default"].createElement(core.Portal, null,
         React__default["default"].createElement(StyledSharePopup, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
@@ -5136,7 +5134,7 @@ const StyledSharePopup = styled__default["default"].div `
         overflow: hidden;
         border-radius: 1rem;
         &[data-open='true'] {
-          ${utils.MediaQueries.mbDown} {
+          ${utils$1.MediaQueries.mbDown} {
             max-width: unset;
             width: 100%;
             top: 100%;
@@ -5203,7 +5201,7 @@ var img$b = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width=
 var IconAlertCircle = img$b;
 
 const SubmitReportForm = ({ className, style, reason, reasonText, onClose, postId, }) => {
-    const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const [loading, setLoading] = React.useState(false);
     return (React__default["default"].createElement(StyledSubmitReportForm, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
@@ -5323,7 +5321,7 @@ const PostContent = (_a) => {
     const { authActionWrapper } = useTogetherAuthRequiredAction();
     const [openPopupExpert, setOpenPopupExpert] = React.useState(false);
     const description = decodeMention(decodePostUrl(rawDescription || '', 'display'), mentions);
-    const { action: { sanitizeFunction }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { action: { sanitizeFunction }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const shortenSanitizedContentData = React.useMemo(() => {
         const sanitizedContent = sanitizeFunction(description || '');
         if (disableShortenContent || showAll)
@@ -5396,7 +5394,7 @@ const StyledWrapper$1 = styled__default["default"].div `
   background: ${(props) => props.bgColor};
   border-left: 3px solid ${(props) => props.highlight};
 
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     padding: 12px 12px 12px 17px;
   }
 `;
@@ -5682,7 +5680,7 @@ const StyledCircleArrow = styled__default["default"].div `
       opacity: 0.5;
     }
   }
-  ${utils.MediaQueries.tdUp} {
+  ${utils$1.MediaQueries.tdUp} {
     padding: 8px;
     > img {
       width: 30px;
@@ -5795,7 +5793,7 @@ const SensitiveMask = ({ image, showIcon = true }) => {
 };
 
 const PostImagePreview = ({ className, images = [], style, authorName, isSensitive = false, alt, }) => {
-    const { data: { env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const moreImageCount = `+ ${(images.length || 0) - 4}`;
     const [isOpenImagePreview, setIsOpenImagePreview] = React.useState(false);
@@ -5806,17 +5804,17 @@ const PostImagePreview = ({ className, images = [], style, authorName, isSensiti
     React.useEffect(() => {
         return () => {
             if (hasSetNoScroll.current) {
-                utils.toggleNoScroll(false);
+                utils$1.toggleNoScroll(false);
             }
         };
     }, []);
     React.useEffect(() => {
         if (isOpenImagePreview || singleImageViewIndex >= 0) {
-            utils.toggleNoScroll(true);
+            utils$1.toggleNoScroll(true);
             hasSetNoScroll.current = true;
         }
         else {
-            utils.toggleNoScroll(false);
+            utils$1.toggleNoScroll(false);
             hasSetNoScroll.current = false;
         }
     }, [isOpenImagePreview, singleImageViewIndex]);
@@ -5882,7 +5880,7 @@ const StyledSocialLinkPreview = styled__default["default"].div `
 `;
 
 const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPlay = true, }) => {
-    const { data: { locale }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const [previewData, setPreviewData] = React.useState(null);
     React.useEffect(() => {
         (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
@@ -5899,7 +5897,7 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
             //       image: res?.image || res?.logo,
             //     }),
             //   )
-            defaultClassWrapper.callApi(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.FETCH_PREVIEW, {
+            utils.callApi(utils.getApiPath(utils.PATHS.FETCH_PREVIEW, {
                 _locale: locale,
             }, undefined, baseUrl), 'POST', {
                 data: {
@@ -5983,7 +5981,7 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
             width: responsiveWidth.current,
             transform: 'translate(-50%, -50%)',
         }, scrolling: "no", frameBorder: "0", allowFullScreen: true, allow: "autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share", loading: "lazy" })) : null)) : (React__default["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
-        React__default["default"].createElement("div", { className: `link-image-wrapper ${(previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? 'fetching' : ''}` }, (previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? (React__default["default"].createElement(Loading$1, { className: "loading-spinner" })) : (React__default["default"].createElement(index$9.ImageWrap, { className: "link-image", src: displayImage || defaultClassWrapper.DEFAULT_IMG, backupSrc: defaultClassWrapper.DEFAULT_IMG, alt: displayUrl })))))));
+        React__default["default"].createElement("div", { className: `link-image-wrapper ${(previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? 'fetching' : ''}` }, (previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? (React__default["default"].createElement(Loading$1, { className: "loading-spinner" })) : (React__default["default"].createElement(index$9.ImageWrap, { className: "link-image", src: displayImage || constants.DEFAULT_IMG, backupSrc: constants.DEFAULT_IMG, alt: displayUrl })))))));
 };
 
 var styles$f = {"loading":"PD6nRZX"};
@@ -6192,7 +6190,7 @@ var styles$a = {"container":"GYUElSy","question":"_3C6QpT1","questionTitle":"_9M
 const PostCard$1 = ({ post, className = '' }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { t } = useTranslations.useTranslations();
-    const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { authActionWrapper, authorProps, currentPageUrl } = React.useContext(ProfileDetailContext);
     const postHref = `${window.location.origin}${togetherBasePath}/${(_a = post === null || post === void 0 ? void 0 : post.community) === null || _a === void 0 ? void 0 : _a.slug}/${post === null || post === void 0 ? void 0 : post.slug}/`;
     return (React__default["default"].createElement("div", { className: `${styles$a.container} ${className}` },
@@ -6217,7 +6215,7 @@ const PostCard$1 = ({ post, className = '' }) => {
             React__default["default"].createElement(PostContent, { className: "post-content-wrapper", description: ((_h = (_g = (_f = post === null || post === void 0 ? void 0 : post.expertAnswer) === null || _f === void 0 ? void 0 : _f.answer) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.content) || '', 
                 // disableShortenContent={disableShortenContent}
                 mentions: post === null || post === void 0 ? void 0 : post.mentions, "data-testid": "Content of the Post" })),
-        React__default["default"].createElement(index$9.Button, { variant: "secondary", "data-event-category": "Together", "data-event-action": "Doctor Reply Click", "data-event-label": currentPageUrl, size: "md", onClick: () => {
+        React__default["default"].createElement(index$e.Button, { variant: "secondary", "data-event-category": "Together", "data-event-action": "Doctor Reply Click", "data-event-label": currentPageUrl, size: "md", onClick: () => {
                 if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id)) {
                     authActionWrapper === null || authActionWrapper === void 0 ? void 0 : authActionWrapper(() => (window.location.href = postHref));
                 }
@@ -6243,7 +6241,7 @@ const EmptyMessage = ({ message, buttonTxt, imgSrc, onBtnClick }) => {
 
 const Answering = ({ id }) => {
     const { t } = useTranslations.useTranslations();
-    const { data: { locale }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { authorProps } = React.useContext(ProfileDetailContext);
     const [posts, setPosts] = React.useState(null);
     const [loading, setLoading] = React.useState(false);
@@ -6252,11 +6250,11 @@ const Answering = ({ id }) => {
             (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _a;
                 setLoading(true);
-                const res = yield defaultClassWrapper.callApi(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.USER.LIST_ANSWERS, {
+                const res = yield utils.callApi(utils.getApiPath(utils.PATHS.USER.LIST_ANSWERS, {
                     _locale: locale,
                     id,
                 }), 'GET');
-                const resData = (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.replies) || []).map(index$7.formatPost);
+                const resData = (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.replies) || []).map(dataTransform.formatPost);
                 setPosts(resData);
                 setLoading(false);
             }))();
@@ -6272,7 +6270,7 @@ var styles$7 = {"container":"toEutn7","title":"drdisHs","actions":"scNwTvv","ski
 const QuestionCard = (_a) => {
     var _b, _c, _d, _e;
     var { post } = _a, rest = tslib_es6.__rest(_a, ["post"]);
-    const { data: { env: { togetherBasePath }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { togetherBasePath }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     // const { showSkipQuestionTag } = useContext(ProfileDetailContext)
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", Object.assign({}, rest, { className: `${styles$7.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}` }),
@@ -6286,7 +6284,7 @@ var styles$6 = {"accordion":"I-uIJ6E","header":"_41WRsj2","heading":"AcOGL93","h
 const Care = () => {
     var _a, _b;
     const { t } = useTranslations.useTranslations();
-    const { data: { locale, userInfo }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, userInfo }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { onSkipQuestion, countValues, setCountValues } = React.useContext(ProfileDetailContext);
     const [questions, setQuestions] = React.useState();
     const [communities, setCommunities] = React.useState([]);
@@ -6297,7 +6295,7 @@ const Care = () => {
             (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _a;
                 setFetchLoading(true);
-                const res = yield defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.USER.LIST_QUESTION_NEED_REPLY, {
+                const res = yield utils.callApiWithAuth(utils.getApiPath(utils.PATHS.USER.LIST_QUESTION_NEED_REPLY, {
                     _locale: locale,
                 }), 'GET');
                 const tmpCom = [];
@@ -6305,9 +6303,9 @@ const Care = () => {
                 (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.communities) || [])
                     .filter((i) => ((i === null || i === void 0 ? void 0 : i.question) || []).length > 0)
                     .map((i) => {
-                    tmpQuestionByCom[i.id] = i.question.map(index$7.formatPost);
+                    tmpQuestionByCom[i.id] = i.question.map(dataTransform.formatPost);
                     delete i.question;
-                    tmpCom.push(index$7.formatCommunity(i));
+                    tmpCom.push(dataTransform.formatCommunity(i));
                 });
                 setCommunities(tmpCom);
                 setQuestions(tmpQuestionByCom);
@@ -6370,7 +6368,7 @@ var styles$5 = {"container":"GA-zc-O","mainTxt":"A18McWD","question":"yzr0H0N","
 
 const PostCard = ({ post, className = '' }) => {
     var _a;
-    const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { userInfo, env: { togetherBasePath }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const theme = core.useMantineTheme();
     const { authActionWrapper, authorProps } = React.useContext(ProfileDetailContext);
@@ -6398,7 +6396,7 @@ var styles$4 = {"container":"TSMHoEM"};
 
 const Posts = () => {
     const { t } = useTranslations.useTranslations();
-    const { data: { locale }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { authorId: id, authorProps, isAuthorLogin, onCloseFromPost, } = React.useContext(ProfileDetailContext);
     const [posts, setPosts] = React.useState(null);
     const [loading, setLoading] = React.useState(false);
@@ -6407,12 +6405,12 @@ const Posts = () => {
             (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _a;
                 setLoading(true);
-                const res = yield defaultClassWrapper.callApi(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.USER.LIST_POST, {
+                const res = yield utils.callApi(utils.getApiPath(utils.PATHS.USER.LIST_POST, {
                     _locale: locale,
                     id,
                     isAnonymous: 0,
                 }), 'GET');
-                const resData = (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.posts) || []).map(index$7.formatPost);
+                const resData = (((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.posts) || []).map(dataTransform.formatPost);
                 setPosts(resData);
                 setLoading(false);
             }))();
@@ -6469,7 +6467,7 @@ const TabDataInit = {
 const ProfileDetail = (_a) => {
     var _b;
     var { authorProps, selectedTab, authActionWrapper, onSkipQuestion, onCloseFromPost, hideQuestionTab, hideAnswerTab, showSkipQuestionTag, rolesToShowQuestionsTab = ['expert'], currentPageUrl } = _a, rest = tslib_es6.__rest(_a, ["authorProps", "selectedTab", "authActionWrapper", "onSkipQuestion", "onCloseFromPost", "hideQuestionTab", "hideAnswerTab", "showSkipQuestionTag", "rolesToShowQuestionsTab", "currentPageUrl"]);
-    const { data: { locale, userInfo, env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, userInfo, env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const role = authorProps === null || authorProps === void 0 ? void 0 : authorProps.role;
     const loginRole = userInfo === null || userInfo === void 0 ? void 0 : userInfo.role;
@@ -6545,12 +6543,12 @@ const ProfileDetail = (_a) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
             setLoading(true);
             const res = yield Promise.all([
-                defaultClassWrapper.callApi(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.USER.DETAIL, {
+                utils.callApi(utils.getApiPath(utils.PATHS.USER.DETAIL, {
                     _locale: locale,
                     id,
                 }), 'GET'),
                 ...listTabsHasCount.map((i) => {
-                    return defaultClassWrapper.callApi(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.USER.COUNT_TABS, {
+                    return utils.callApi(utils.getApiPath(utils.PATHS.USER.COUNT_TABS, {
                         _locale: locale,
                         id,
                         [i.keyOfCountApi]: 1,
@@ -6561,7 +6559,7 @@ const ProfileDetail = (_a) => {
             const resInfo = {
                 data: restDetail === null || restDetail === void 0 ? void 0 : restDetail.data,
                 experiences: (((_b = (_a = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _a === void 0 ? void 0 : _a.fields) === null || _b === void 0 ? void 0 : _b.experiences) || []).map(formatExperience),
-                relatedPosts: (((_c = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _c === void 0 ? void 0 : _c.related_post) || []).map((i) => index$7.formatArticle(i.post)),
+                relatedPosts: (((_c = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _c === void 0 ? void 0 : _c.related_post) || []).map((i) => dataTransform.formatArticle(i.post)),
                 educations: (((_e = (_d = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _d === void 0 ? void 0 : _d.fields) === null || _e === void 0 ? void 0 : _e.educations) || []).map(formatEducation),
                 awards: ((_g = (_f = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _f === void 0 ? void 0 : _f.fields) === null || _g === void 0 ? void 0 : _g.awards_accreditations) || [],
                 contact: ((_j = (_h = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _h === void 0 ? void 0 : _h.fields) === null || _j === void 0 ? void 0 : _j.contact) || {},
@@ -6669,14 +6667,14 @@ var styles$2 = {"skipBtn":"KsWg8i6","alertHeading":"_9tS0EUN","alertDesc":"kyyRK
 const SkipQuestionOfExpertBtn = (_a) => {
     var { post, onSkip, btnText, currentPageUrl } = _a, rest = tslib_es6.__rest(_a, ["post", "onSkip", "btnText", "currentPageUrl"]);
     const { t } = useTranslations.useTranslations();
-    const { data: { locale }, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale }, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const [showAlert, setShowAlert] = React.useState(false);
     const [loading, setLoading] = React.useState(false);
     const _theme = core.useMantineTheme();
     const handleSkip = React.useCallback(() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _b;
         setLoading(true);
-        const res = yield defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.USER.SKIP_QUESTION, {
+        const res = yield utils.callApiWithAuth(utils.getApiPath(utils.PATHS.USER.SKIP_QUESTION, {
             _locale: locale,
             id: post === null || post === void 0 ? void 0 : post.id,
         }), 'PUT');
@@ -6706,12 +6704,12 @@ const SkipQuestionOfExpertBtn = (_a) => {
                 React__default["default"].createElement("div", { className: styles$2.alertHeading }, t('profilePanel.skipQuestion.heading')),
                 React__default["default"].createElement("div", { className: styles$2.alertDesc }, t('profilePanel.skipQuestion.content')),
                 React__default["default"].createElement("div", { className: styles$2.alertAction },
-                    React__default["default"].createElement(index$9.Button, { size: "md", variant: "secondary", leftIcon: React__default["default"].createElement(core$1.Close, { color: _theme.fn.primaryColor(), size: 24 }), onClick: () => setShowAlert(false), styles: () => ({
+                    React__default["default"].createElement(index$e.Button, { size: "md", variant: "secondary", leftIcon: React__default["default"].createElement(core$1.Close, { color: _theme.fn.primaryColor(), size: 24 }), onClick: () => setShowAlert(false), styles: () => ({
                             leftIcon: {
                                 marginRight: 0,
                             },
                         }) }),
-                    React__default["default"].createElement(index$9.Button, { variant: "primary", size: "md", leftIcon: React__default["default"].createElement(core$1.Check, { color: 'white', size: 24 }), onClick: handleSkip, loading: loading, "data-event-category": "Together", "data-event-action": "Unclear Question Click", "data-event-label": currentPageUrl, styles: () => ({
+                    React__default["default"].createElement(index$e.Button, { variant: "primary", size: "md", leftIcon: React__default["default"].createElement(core$1.Check, { color: 'white', size: 24 }), onClick: handleSkip, loading: loading, "data-event-category": "Together", "data-event-action": "Unclear Question Click", "data-event-label": currentPageUrl, styles: () => ({
                             leftIcon: {
                                 marginRight: 0,
                             },
@@ -6742,7 +6740,7 @@ var IconTrashBin = img$2;
 // import IconBellOff from '../../../assets/svg/icon-bell-off.svg'
 // import IconBellOn from '../../../assets/svg/icon-bell-on.svg'
 const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, className = '', popoverClassName = '', onBookmark, onRemoveBookmark, onEditPost, }) => {
-    const { data: { locale, userInfo, togetherUserId, env: { isMarryBaby }, }, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, userInfo, togetherUserId, env: { isMarryBaby }, }, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     // const [localHasNoti, setLocalHasNoti] = useState(false)
     const [loading, setLoading] = React.useState(false);
@@ -6815,7 +6813,7 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
                                     if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) || !(post === null || post === void 0 ? void 0 : post.id))
                                         return;
                                     if (post === null || post === void 0 ? void 0 : post.bookmarked) {
-                                        const res = yield defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.BOOKMARK.DELETE, {
+                                        const res = yield utils.callApiWithAuth(utils.getApiPath(utils.PATHS.BOOKMARK.DELETE, {
                                             _locale: locale,
                                         }), 'DELETE', {
                                             data: {
@@ -6841,7 +6839,7 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
                                         }
                                     }
                                     else {
-                                        const res = yield defaultClassWrapper.callApiWithAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.BOOKMARK.CREATE, {
+                                        const res = yield utils.callApiWithAuth(utils.getApiPath(utils.PATHS.BOOKMARK.CREATE, {
                                             _locale: locale,
                                         }), 'POST', {
                                             data: {
@@ -6907,10 +6905,10 @@ const CardPostPopoverMore = ({ authorEmail, onDeletePost, shareUrl, post, classN
                                 description: t('morePopover.report.description'),
                                 isShowheader: true,
                                 type: 'list',
-                                list: Object.keys(defaultClassWrapper.REPORT_REASON_MAP)
+                                list: Object.keys(constants.REPORT_REASON_MAP)
                                     .map((k) => ({
-                                    label: defaultClassWrapper.REPORT_REASON_MAP[k].label,
-                                    reason: defaultClassWrapper.REPORT_REASON_MAP[k].reportReasonText,
+                                    label: constants.REPORT_REASON_MAP[k].label,
+                                    reason: constants.REPORT_REASON_MAP[k].reportReasonText,
                                     reasonValue: k,
                                 }))
                                     .map((item) => ({
@@ -6939,7 +6937,7 @@ const StyledCardPost$1 = styled__default["default"].div `
     text-decoration: none;
   }
 
-  ${utils.MediaQueries.mbDown} {
+  ${utils$1.MediaQueries.mbDown} {
     margin-bottom: 8px;
   }
   &.flat-top {
@@ -6962,7 +6960,7 @@ const StyledCardPost$1 = styled__default["default"].div `
       width: 40px;
       height: 40px;
       font-size: 20px;
-      ${utils.MediaQueries.mbDown} {
+      ${utils$1.MediaQueries.mbDown} {
         width: 32px;
         height: 32px;
         font-size: 16px;
@@ -7018,7 +7016,7 @@ const StyledCardPost$1 = styled__default["default"].div `
   }
   &[data-most-engaging='true'] {
     border: none;
-    ${utils.MediaQueries.mbDown} {
+    ${utils$1.MediaQueries.mbDown} {
       margin: 1rem;
       border: 1px solid #e4e8ec;
     }
@@ -7066,7 +7064,7 @@ const StyledCardPost$1 = styled__default["default"].div `
       .popover-menu__btn {
         width: 24px;
         height: 24px;
-        ${utils.MediaQueries.mbDown} {
+        ${utils$1.MediaQueries.mbDown} {
           width: 18px;
           height: 18px;
         }
@@ -7078,7 +7076,7 @@ const StyledCardPost$1 = styled__default["default"].div `
               right: 1rem;
             }
             width: 350px;
-            ${utils.MediaQueries.mbDown} {
+            ${utils$1.MediaQueries.mbDown} {
               max-width: calc(320px - 2rem);
             }
           }
@@ -7100,7 +7098,7 @@ const StyledCardPost$1 = styled__default["default"].div `
         transform: translateX(-50%);
       }
     }
-    ${utils.MediaQueries.mbDown} {
+    ${utils$1.MediaQueries.mbDown} {
       margin-bottom: 12px;
     }
   }
@@ -7110,7 +7108,7 @@ var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width=
 var IconDelete = img$1;
 
 const CardReplyPopover = ({ onDeleteComment, commentId, className = '', popoverClassName = '', }) => {
-    const { data: { env: { isMarryBaby }, locale, }, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { env: { isMarryBaby }, locale, }, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const [isOpenLeavePopup, setIsOpenLeavePopup] = React.useState(false);
     const { authActionWrapper } = useTogetherAuthRequiredAction();
@@ -7215,7 +7213,7 @@ const StyledListItems = styled__default["default"].div `
   display: flex;
   flex-wrap: wrap;
   row-gap: 16px;
-  ${utils.MediaQueries.tdUp} {
+  ${utils$1.MediaQueries.tdUp} {
     align-items: center;
     column-gap: 24px;
   }
@@ -7224,7 +7222,7 @@ const StyledItem$1 = styled__default["default"].a `
   display: flex;
   align-items: center;
   gap: 16px;
-  ${utils.MediaQueries.mbDown} {
+  ${utils$1.MediaQueries.mbDown} {
     width: 100%;
     justify-content: space-between;
   }
@@ -7248,7 +7246,7 @@ const StyledThumb = styled__default["default"].div `
 
 const RecommentCategories = ({ categories }) => {
     const { t } = useTranslations.useTranslations();
-    const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const url = routing.getCurrentBaseUrl(locale, isMarryBaby);
     return (React__default["default"].createElement(StyledContainer, null,
         React__default["default"].createElement(StyledHeader, null,
@@ -7349,11 +7347,11 @@ const SourceList = (_a) => {
                     };
                 });
                 const listApi = [
-                    ...listPaths.map((i) => defaultClassWrapper.callApi(i.isMarrySite
-                        ? defaultClassWrapper.getMarryBabyApiPath(defaultClassWrapper.DISCOVER_PATHS.GET_PREVIEW_ARTICLE, {
+                    ...listPaths.map((i) => utils.callApi(i.isMarrySite
+                        ? utils.getMarryBabyApiPath(utils.DISCOVER_PATHS.GET_PREVIEW_ARTICLE, {
                             fullSlug: i.path,
                         }, true)
-                        : defaultClassWrapper.getDiscoverApiPath(defaultClassWrapper.DISCOVER_PATHS.GET_PREVIEW_ARTICLE, {
+                        : utils.getDiscoverApiPath(utils.DISCOVER_PATHS.GET_PREVIEW_ARTICLE, {
                             fullSlug: i.path,
                         }, true), 'GET')),
                 ];
@@ -7361,7 +7359,7 @@ const SourceList = (_a) => {
                 setData(res
                     .map((i, index) => {
                     var _a, _b;
-                    return ((_a = i === null || i === void 0 ? void 0 : i.data) === null || _a === void 0 ? void 0 : _a.post) && Object.assign(Object.assign({}, index$7.formatArticle((_b = i === null || i === void 0 ? void 0 : i.data) === null || _b === void 0 ? void 0 : _b.post)), { href: listPaths[index].href });
+                    return ((_a = i === null || i === void 0 ? void 0 : i.data) === null || _a === void 0 ? void 0 : _a.post) && Object.assign(Object.assign({}, dataTransform.formatArticle((_b = i === null || i === void 0 ? void 0 : i.data) === null || _b === void 0 ? void 0 : _b.post)), { href: listPaths[index].href });
                 })
                     .filter(Boolean));
                 setLoading(false);
@@ -7373,14 +7371,14 @@ const SourceList = (_a) => {
             categorySlug &&
             (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _a;
-                const res = yield defaultClassWrapper.callApi(isMarryBaby
-                    ? defaultClassWrapper.getMarryBabyApiPath(defaultClassWrapper.DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL, {
+                const res = yield utils.callApi(isMarryBaby
+                    ? utils.getMarryBabyApiPath(utils.DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL, {
                         fullSlug: categorySlug,
                     }, true)
-                    : defaultClassWrapper.getDiscoverApiPath(defaultClassWrapper.DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL, {
+                    : utils.getDiscoverApiPath(utils.DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL, {
                         fullSlug: categorySlug,
                     }, true), 'GET');
-                (res === null || res === void 0 ? void 0 : res.data) && setCategories([index$7.formatCategory((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.category)]);
+                (res === null || res === void 0 ? void 0 : res.data) && setCategories([dataTransform.formatCategory((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.category)]);
             }))();
     }, [data]);
     const handleRemoveItem = (idx) => {
@@ -7480,7 +7478,7 @@ const StyledCardPost = styled__default["default"].div `
       width: 40px;
       height: 40px;
       font-size: 20px;
-      ${utils.MediaQueries.mbDown} {
+      ${utils$1.MediaQueries.mbDown} {
         width: 32px;
         height: 32px;
         font-size: 16px;
@@ -7585,12 +7583,12 @@ const StyledCardPost = styled__default["default"].div `
     }
 
     margin-left: 56px;
-    ${utils.MediaQueries.mbDown} {
+    ${utils$1.MediaQueries.mbDown} {
       margin-left: 40px;
     }
     > .post-author {
       margin-left: -56px;
-      ${utils.MediaQueries.mbDown} {
+      ${utils$1.MediaQueries.mbDown} {
         margin-left: -40px;
       }
       .author-info {
@@ -7608,7 +7606,7 @@ const StyledCardPost = styled__default["default"].div `
         width: 40px;
         height: 40px;
         font-size: 20px;
-        ${utils.MediaQueries.mbDown} {
+        ${utils$1.MediaQueries.mbDown} {
           width: 24px;
           height: 24px;
           font-size: 12px;
@@ -7621,7 +7619,7 @@ const StyledCardPost = styled__default["default"].div `
           width: 40px;
           height: 40px;
           font-size: 20px;
-          ${utils.MediaQueries.mbDown} {
+          ${utils$1.MediaQueries.mbDown} {
             width: 24px;
             height: 24px;
             font-size: 12px;
@@ -7649,12 +7647,12 @@ const StyledCardPost = styled__default["default"].div `
     .post-content-wrapper {
       padding-top: 0;
       padding-bottom: 0;
-      ${utils.MediaQueries.mbDown} {
+      ${utils$1.MediaQueries.mbDown} {
         padding-left: 0.5rem;
       }
     }
 
-    ${utils.MediaQueries.mbDown} {
+    ${utils$1.MediaQueries.mbDown} {
       margin-bottom: 12px;
     }
   }
@@ -7696,7 +7694,7 @@ var ChevronRightActive = img;
 const COMMENT_LIMIT = 4;
 const CardReply = ({ className, style, comment: CommentProps, type = 'comment', level = 0, replyingId, onPostCommentSuccess, post, onDeleteComment, refetchComment, hasQuickBookingEnable, handleMakeAppointment, cardAuthorProps, maxChars = 600, disableShortenContent, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    const { data: { locale, userInfo, env: { isMarryBaby }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, userInfo, env: { isMarryBaby }, }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const [comment, setComment] = React.useState(CommentProps || null);
     const { id, countLikes, content, replies = [], images = [], author, liked, link, mentionedUser, mentions, } = comment;
@@ -7770,7 +7768,7 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
         if (author === null || author === void 0 ? void 0 : author.hospitalId) {
             const fetchHospitalDetail = (hospitalId) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _a;
-                const response = yield defaultClassWrapper.callApi(defaultClassWrapper.getCarePath(defaultClassWrapper.CARE_PATHS.GET_HOSPITAL_INFO, {
+                const response = yield utils.callApi(utils.getCarePath(utils.CARE_PATHS.GET_HOSPITAL_INFO, {
                     hospital_branch_id: hospitalId,
                     website_url: index$4.domainLocales[locale],
                 }), 'get');
@@ -7783,7 +7781,7 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
         if (author === null || author === void 0 ? void 0 : author.doctorId) {
             const fetchDoctorDetail = (doctorId) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _b;
-                const response = yield defaultClassWrapper.callApi(defaultClassWrapper.getCarePath(defaultClassWrapper.CARE_PATHS.GET_DOCTOR_INFO, {
+                const response = yield utils.callApi(utils.getCarePath(utils.CARE_PATHS.GET_DOCTOR_INFO, {
                     doctorId: doctorId,
                     website_url: index$4.domainLocales[locale],
                 }), 'get');
@@ -7864,25 +7862,25 @@ const CardReply = ({ className, style, comment: CommentProps, type = 'comment',
 
 const getMostEngagingComment = (postId, locale) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c;
-    const commentsRes = yield defaultClassWrapper.callApiWithOptionalAuth(defaultClassWrapper.getApiPath(defaultClassWrapper.PATHS.COMMENT.LIST, {
+    const commentsRes = yield utils.callApiWithOptionalAuth(utils.getApiPath(utils.PATHS.COMMENT.LIST, {
         postId: postId,
         _locale: locale,
         sort: 'popularity',
         perPage: 1,
         withoutReply: 1,
     }), 'GET');
-    return (_c = (_b = (_a = commentsRes === null || commentsRes === void 0 ? void 0 : commentsRes.data) === null || _a === void 0 ? void 0 : _a.comments) === null || _b === void 0 ? void 0 : _b.map(index$7.formatComment)) === null || _c === void 0 ? void 0 : _c[0];
+    return (_c = (_b = (_a = commentsRes === null || commentsRes === void 0 ? void 0 : commentsRes.data) === null || _a === void 0 ? void 0 : _a.comments) === null || _b === void 0 ? void 0 : _b.map(dataTransform.formatComment)) === null || _c === void 0 ? void 0 : _c[0];
 });
 const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onCommentClick, onCommentCountClick, onMostEngagingCommentClick, onPostCommentSuccess: onPostCommentSuccessProp, disableCardLink, disableShortenContent, onDeletePost, onEditPost, post: postProp, mostEngagingComment: mostEngagingCommentProp, onDeleteComment: onDeleteCommentProp, showInputComment: propsShowInputComment, InlineCommentsComponent, hasQuickBookingEnable, handleMakeAppointment, cardAuthorProps, }) => {
     const [post, setPost] = React.useState(postProp);
     const [isOpenSharePopup, setIsOpenSharePopup] = React.useState(false);
     const [mostEngagingComment, setMostEngagingComment] = React.useState(mostEngagingCommentProp);
     const { community, topics, author, slug, isPin, liked, photos, mentions, title, description, previewUrl, likesCount, commentsCount, id, commented, } = post;
-    const { data: { locale, env: { isMarryBaby, togetherBasePath }, }, action: { pushNotifications }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const { data: { locale, env: { isMarryBaby, togetherBasePath }, }, action: { pushNotifications }, } = React.useContext(utils.TogetherComponentGlobalContext);
     const { t } = useTranslations.useTranslations();
     const [showInputComment, setShowInputComment] = React.useState(propsShowInputComment);
     const postRelativeHref = `${togetherBasePath}/${(community === null || community === void 0 ? void 0 : community.slug) || '_'}/${slug || ''}`;
-    const postHref = `${defaultClassWrapper.getCurrentBaseUrl(locale)}${postRelativeHref}`;
+    const postHref = `${utils.getCurrentBaseUrl(locale)}${postRelativeHref}`;
     const { authActionWrapper } = useTogetherAuthRequiredAction((community === null || community === void 0 ? void 0 : community.slug)
         ? {
             _joinCommunityIds: [community.id],
@@ -7904,9 +7902,9 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
         if (author === null || author === void 0 ? void 0 : author.hospitalId) {
             const fetchHospitalDetail = (hospitalId) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _a;
-                const response = yield defaultClassWrapper.callApi(defaultClassWrapper.getCarePath(defaultClassWrapper.CARE_PATHS.GET_HOSPITAL_INFO, {
+                const response = yield utils.callApi(utils.getCarePath(utils.CARE_PATHS.GET_HOSPITAL_INFO, {
                     hospital_branch_id: hospitalId,
-                    website_url: defaultClassWrapper.domainLocales[locale],
+                    website_url: utils.domainLocales[locale],
                 }), 'get');
                 if ((_a = response === null || response === void 0 ? void 0 : response._data) === null || _a === void 0 ? void 0 : _a.branch) {
                     setHospitalInfo(response === null || response === void 0 ? void 0 : response._data.branch);
@@ -7917,9 +7915,9 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
         if (author === null || author === void 0 ? void 0 : author.doctorId) {
             const fetchDoctorDetail = (doctorId) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _b;
-                const response = yield defaultClassWrapper.callApi(defaultClassWrapper.getCarePath(defaultClassWrapper.CARE_PATHS.GET_DOCTOR_INFO, {
+                const response = yield utils.callApi(utils.getCarePath(utils.CARE_PATHS.GET_DOCTOR_INFO, {
                     doctorId: doctorId,
-                    website_url: defaultClassWrapper.domainLocales[locale],
+                    website_url: utils.domainLocales[locale],
                 }), 'get');
                 if ((_b = response === null || response === void 0 ? void 0 : response._data) === null || _b === void 0 ? void 0 : _b.doctor) {
                     setDoctorInfo(response === null || response === void 0 ? void 0 : response._data.doctor);
@@ -7970,7 +7968,7 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                 // _location: postHref,
             }
             : undefined },
-        isOpenSharePopup && (React__default["default"].createElement(SharePopup, { url: postHref, avatar: defaultClassWrapper.DEFAULT_IMG, text: title, onClose: () => setIsOpenSharePopup(false) })),
+        isOpenSharePopup && (React__default["default"].createElement(SharePopup, { url: postHref, avatar: constants.DEFAULT_IMG, text: title, onClose: () => setIsOpenSharePopup(false) })),
         React__default["default"].createElement(StyledCardPost$1, { className: className, style: style, "data-is-marrybaby": isMarryBaby },
             isPin ? React__default["default"].createElement(LabelPin, { className: "post-pin" }) : null,
             React__default["default"].createElement("div", { style: { position: 'relative', padding: '1rem 1rem 0' } },