@hhgtech/hhg-components 1.29.80 → 1.29.81

package/build/esm/constants-71d9f33b.js

@@ -0,0 +1,307 @@
+const POST_DATE_FORMAT = 'dd/MM/yyyy';
+const NORMAL_DATE_FORMAT = 'YYYY-MM-DD';
+const DUE_DATE_FORMAT = 'DD/MM/YYYY';
+const DEFAULT_AVATAR_IMG = `/images/avatar.jpg`;
+const DEFAULT_RESULT_IMG = `/images/default.png`;
+const DEFAULT_IMG = `/images/default-image.jpg`;
+const BMI_LEVELS = [
+    'underweight',
+    'healthy',
+    'overweight',
+    'obese_level_1',
+    'obese_level_2',
+];
+const BMR_LEVELS = ['low', 'normal', 'high'];
+const CORAL_TOKEN_COOKE = 'coral_together_user_token';
+const HEALTH_TOOL_TYPE = {
+    DUE_DATE: 'DUE_DATE',
+    BMI: 'BMI',
+    BMR: 'BMR',
+    OVULATION: 'OVULATION',
+    IFRAME: 'IFRAME',
+    PWG: 'PWG',
+    THR: 'THR',
+    BGC: 'BGC',
+};
+const LOCALE_HEALTH_TOOLS = {
+    'id-ID': {
+        'kalkulator-bmi': HEALTH_TOOL_TYPE.BMI,
+        'kebutuhan-kalori': HEALTH_TOOL_TYPE.BMR,
+        'kalkulator-hari-perkiraan-lahir': HEALTH_TOOL_TYPE.DUE_DATE,
+        'kalkulator-masa-subur-2': HEALTH_TOOL_TYPE.OVULATION,
+        'kalkulator-kenaikan-berat-badan-ibu-hamil': HEALTH_TOOL_TYPE.PWG,
+        'kalkulator-detak-jantung-saat-olahraga': HEALTH_TOOL_TYPE.THR,
+    },
+    'ms-MY': {
+        'kalkulator-bmi': HEALTH_TOOL_TYPE.BMI,
+        'kalkulator-bmr': HEALTH_TOOL_TYPE.BMR,
+        'kalkulator-tarikh-bersalin': HEALTH_TOOL_TYPE.DUE_DATE,
+        'kalkulator-kesuburan': HEALTH_TOOL_TYPE.OVULATION,
+        'kalkulator-tambah-berat-badan-hamil': HEALTH_TOOL_TYPE.PWG,
+        'target-heart-rate-calculator': HEALTH_TOOL_TYPE.THR,
+    },
+    'vi-VN': {
+        'cach-tinh-chi-so-bmi': HEALTH_TOOL_TYPE.BMI,
+        'tinh-chi-so-bmr': HEALTH_TOOL_TYPE.BMR,
+        'cong-cu-tinh-ngay-du-sinh': HEALTH_TOOL_TYPE.DUE_DATE,
+        'tinh-ngay-rung-trung': HEALTH_TOOL_TYPE.OVULATION,
+        'cong-cu-tinh-can-nang-khi-mang-thai': HEALTH_TOOL_TYPE.PWG,
+        'cong-cu-do-nhip-tim': HEALTH_TOOL_TYPE.THR,
+    },
+    'zh-TW': {
+        'bmi-calculator': HEALTH_TOOL_TYPE.BMI,
+        'bmr-calculator': HEALTH_TOOL_TYPE.BMR,
+        'due-date-calculator': HEALTH_TOOL_TYPE.DUE_DATE,
+        'ovulation-calculator': HEALTH_TOOL_TYPE.OVULATION,
+        'pregnancy-weight-gain-calculator': HEALTH_TOOL_TYPE.PWG,
+        'target-heart-rate-calculator': HEALTH_TOOL_TYPE.THR,
+    },
+    'en-PH': {
+        'bmi-calculator': HEALTH_TOOL_TYPE.BMI,
+        'bmr-calculator': HEALTH_TOOL_TYPE.BMR,
+        'due-date-calculator': HEALTH_TOOL_TYPE.DUE_DATE,
+        'ovulation-calculator': HEALTH_TOOL_TYPE.OVULATION,
+        'pregnancy-weight-gain-calculator': HEALTH_TOOL_TYPE.PWG,
+        'target-heart-rate-calculator': HEALTH_TOOL_TYPE.THR,
+    },
+    'th-TH': {
+        'เครื่องคำนวณหา-ค่าดัชนี': HEALTH_TOOL_TYPE.BMI,
+        'เครื่องคำนวณอัตราการเผาผลาญพลังงาน-bmr': HEALTH_TOOL_TYPE.BMR,
+        เครื่องมือคำนวณกำหนดคลอด: HEALTH_TOOL_TYPE.DUE_DATE,
+        'เครื่องคำนวณการตกไข่-ovulation-calculat': HEALTH_TOOL_TYPE.OVULATION,
+        เครื่องคำนวณน้ำหนักตัว: HEALTH_TOOL_TYPE.PWG,
+        เครื่องวัดอัตราการเต้น: HEALTH_TOOL_TYPE.THR,
+    },
+    'hi-IN': {
+        'bmi-calculator-en': HEALTH_TOOL_TYPE.BMI,
+        'bmi-calculator': HEALTH_TOOL_TYPE.BMI,
+        'bmr-calculator': HEALTH_TOOL_TYPE.BMR,
+        'delivery-date-calculator': HEALTH_TOOL_TYPE.DUE_DATE,
+        'ovulation-calculator': HEALTH_TOOL_TYPE.OVULATION,
+        'pregnancy-weight-gain-calculator': HEALTH_TOOL_TYPE.PWG,
+        'target-heart-rate-calculator': HEALTH_TOOL_TYPE.THR,
+    },
+    'km-KH': {
+        'គណនា-bmi': HEALTH_TOOL_TYPE.BMI,
+        'គណនា-bmr': HEALTH_TOOL_TYPE.BMR,
+        គណនាថ្ងៃសម្រាលកូន: HEALTH_TOOL_TYPE.DUE_DATE,
+        គណនាថ្ងៃមេជីវិតញីទុំធ្លាក់: HEALTH_TOOL_TYPE.OVULATION,
+        គណនាទម្ងន់ស្ត្រីពពោះ: HEALTH_TOOL_TYPE.PWG,
+        គណនារកចង្វាក់បេះដូងល្អ: HEALTH_TOOL_TYPE.THR,
+    },
+    'my-MM': {
+        'bmi-calculator': HEALTH_TOOL_TYPE.BMI,
+        'bmr-calculator': HEALTH_TOOL_TYPE.BMR,
+        'due-date-calendar': HEALTH_TOOL_TYPE.DUE_DATE,
+        'ovulation-calculator': HEALTH_TOOL_TYPE.OVULATION,
+        'pregnaancy-weight-calculator': HEALTH_TOOL_TYPE.PWG,
+        'target-heartrate': HEALTH_TOOL_TYPE.THR,
+        'pregnancy-weight-calculator': HEALTH_TOOL_TYPE.PWG,
+        'target-heart-rate': HEALTH_TOOL_TYPE.THR,
+    },
+};
+const BEARER_TOKEN_COOKIE = 'hhg_user_token';
+const TOGETHER_DISCLAIMER_COOKIE = 'hhg_together_disclaimer';
+const BEARER_ADMIN_TOKEN_COOKIE = 'together_admin_token';
+const Z_INDEX = {
+    adBlock: 48,
+    articleAdContainer: 47,
+    headerContainerHome: 99,
+    headerContainerPopup: 200,
+    headerContainerPopupSUbLevel: 300,
+    menuSearchInputPopup: 5,
+    menuSearchInputDisplayIcon: 6,
+    menuSearchPopup: 200,
+};
+const BmrActiveLevels = [
+    {
+        value: 'sedentary',
+        icon: 'bmr-sedentary',
+        //'/images/toolsBMRSedentary.svg',
+        name: 'bmr.activeLevel.sedentary',
+        description: 'bmr.activeLevel.sedentary.description',
+    },
+    {
+        value: 'lightly-active',
+        icon: 'bmr-light',
+        // icon: '/images/toolsBMRLightlyActive.svg',
+        name: 'bmr.activeLevel.lightlyActive',
+        description: 'bmr.activeLevel.lightlyActive.description',
+    },
+    {
+        value: 'moderately-active',
+        icon: 'bmr-moderately',
+        // icon: '/images/toolsBMRModeratelyActive.svg',
+        name: 'bmr.activeLevel.moderatelyActive',
+        description: 'bmr.activeLevel.moderatelyActive.description',
+    },
+    {
+        value: 'intensely-active',
+        icon: 'bmr-intensively',
+        // icon: '/images/toolsBMRIntenselyActive.svg',
+        name: 'bmr.activeLevel.intenselyActive',
+        description: 'bmr.activeLevel.intenselyActive.description',
+    },
+    {
+        value: 'extremely-active',
+        icon: 'bmr-extremely',
+        // icon: '/images/toolsBMRExtremelyActive.svg',
+        name: 'bmr.activeLevel.extremelyActive',
+        description: 'bmr.activeLevel.extremelyActive.description',
+    },
+];
+const LEAD_CAMPAIGN_CODE = 'lmoct7xfr5sv4fv';
+const LEAD_TOKEN_COOKIE = 'hhg-id';
+const GA_TOKEN_COOKIE = '_ga';
+const GOOGLE_CALENDAR_AUTH_CLIENT_ID = '1038242799566-esoq4ij201ve5qfp266nbca44scpo3c6.apps.googleusercontent.com';
+const FIND_CARE_IFRAME_URL = 'https://www.appsheet.com/start/4ba34ebe-3cb6-4c16-8dd4-d074025a5bb6#appName=DependentDropdowns-2711103&group=%5B%5D&page=card&sort=%5B%5D&table=Menu&view=Menu';
+const REPORT_REASON_MAP = {
+    report_scam: {
+        label: 'morePopover.report.scam',
+        reportReasonText: 'morePopover.report.scam',
+    },
+    report_sex: {
+        label: 'morePopover.report.sex',
+        reportReasonText: 'morePopover.report.sex',
+    },
+    report_offensive: {
+        label: 'morePopover.report.offensive',
+        reportReasonText: 'morePopover.report.offensive',
+    },
+    report_violence: {
+        label: 'morePopover.report.violence',
+        reportReasonText: 'morePopover.report.violence',
+    },
+    report_prohibited: {
+        label: 'morePopover.report.prohibited',
+        reportReasonText: 'morePopover.report.prohibited',
+    },
+    report_spam: {
+        label: 'morePopover.report.spam',
+        reportReasonText: 'morePopover.report.spam',
+    },
+    report_falseNews: {
+        label: 'morePopover.report.falseNews',
+        reportReasonText: 'morePopover.report.falseNews',
+    },
+    report_other: {
+        label: 'morePopover.report.other',
+        reportReasonText: 'morePopover.report.other',
+    },
+};
+const MB_SOCIAL_LINKS = {
+    LINKEDIN: 'https://www.linkedin.com/company/hello-health-group/',
+    FACEBOOK: 'https://www.facebook.com/marry.baby.vn',
+    INSTAGRAM: 'https://www.instagram.com/marrybaby.vn/',
+    TWITTER: '',
+    YOUTUBE: 'https://www.youtube.com/channel/UCeZybTkY1VzJ3N7LvPGdKbg',
+    ZALO: 'http://zalo.me/806483414530291942',
+};
+const INTERNAL_ROLES = ['admin', 'moderator', 'local-admin'];
+const EXTERNAL_ROLES = [
+    'ambassador',
+    'expert',
+    'sponsor',
+    'guide',
+    'influencer',
+];
+const INTERNAL_PROFILE_ROLES = ['moderator', 'local-admin'];
+const EXTERNAL_PROFILE_ROLES = ['expert', 'ambassador', 'sponsor'];
+const RoleDataMap = {
+    moderator: {
+        text: 'Moderator',
+        fid: 'cardAuthor.moderator',
+        background: '#fe921d',
+    },
+    admin: {
+        text: 'Admin',
+        fid: 'cardAuthor.admin',
+        background: '#2b62cd',
+    },
+    'local-admin': {
+        text: 'Local admin',
+        fid: 'cardAuthor.localAdmin',
+        background: '#2b62cd',
+    },
+    expert: {
+        text: 'Expert',
+        fid: 'cardAuthor.expert',
+        background: '#ff6f4d',
+    },
+    sponsor: {
+        text: 'Sponsor',
+        fid: 'cardAuthor.sponsor',
+        background: '#00c7e6',
+    },
+    ambassador: {
+        text: 'Ambassador',
+        fid: 'cardAuthor.ambassador',
+        background: '#00CB8A',
+    },
+};
+const MAX_IMAGE_UPLOADS = 20;
+const LOCALISED_SLUGS = {
+    'en-PH': {
+        ALL: 'all',
+        HOSPITAL: 'hospital',
+        SERVICE: 'service',
+        DOCTOR: 'doctor',
+        SEARCH: 'search',
+        SPECIALTIES: 'specialties',
+        CURRENT: 'current-location',
+    },
+    'vi-VN': {
+        ALL: 'tat-ca',
+        HOSPITAL: 'benh-vien',
+        SERVICE: 'dich-vu',
+        DOCTOR: 'bac-si',
+        SEARCH: 'tim-kiem',
+        SPECIALTIES: 'chuyen-khoa',
+        CURRENT: 'vi-tri-hien-tai',
+    },
+    'id-ID': {
+        ALL: 'semua',
+        HOSPITAL: 'rumah-sakit',
+        SERVICE: 'layanan',
+        DOCTOR: 'dokter',
+        SEARCH: 'cari',
+        SPECIALTIES: 'spesialisasi',
+        CURRENT: 'posisi-saya-saat-ini',
+    },
+};
+
+var constants = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  POST_DATE_FORMAT: POST_DATE_FORMAT,
+  NORMAL_DATE_FORMAT: NORMAL_DATE_FORMAT,
+  DUE_DATE_FORMAT: DUE_DATE_FORMAT,
+  DEFAULT_AVATAR_IMG: DEFAULT_AVATAR_IMG,
+  DEFAULT_RESULT_IMG: DEFAULT_RESULT_IMG,
+  DEFAULT_IMG: DEFAULT_IMG,
+  BMI_LEVELS: BMI_LEVELS,
+  BMR_LEVELS: BMR_LEVELS,
+  CORAL_TOKEN_COOKE: CORAL_TOKEN_COOKE,
+  HEALTH_TOOL_TYPE: HEALTH_TOOL_TYPE,
+  LOCALE_HEALTH_TOOLS: LOCALE_HEALTH_TOOLS,
+  BEARER_TOKEN_COOKIE: BEARER_TOKEN_COOKIE,
+  TOGETHER_DISCLAIMER_COOKIE: TOGETHER_DISCLAIMER_COOKIE,
+  BEARER_ADMIN_TOKEN_COOKIE: BEARER_ADMIN_TOKEN_COOKIE,
+  Z_INDEX: Z_INDEX,
+  BmrActiveLevels: BmrActiveLevels,
+  LEAD_CAMPAIGN_CODE: LEAD_CAMPAIGN_CODE,
+  LEAD_TOKEN_COOKIE: LEAD_TOKEN_COOKIE,
+  GA_TOKEN_COOKIE: GA_TOKEN_COOKIE,
+  GOOGLE_CALENDAR_AUTH_CLIENT_ID: GOOGLE_CALENDAR_AUTH_CLIENT_ID,
+  FIND_CARE_IFRAME_URL: FIND_CARE_IFRAME_URL,
+  REPORT_REASON_MAP: REPORT_REASON_MAP,
+  MB_SOCIAL_LINKS: MB_SOCIAL_LINKS,
+  INTERNAL_ROLES: INTERNAL_ROLES,
+  EXTERNAL_ROLES: EXTERNAL_ROLES,
+  INTERNAL_PROFILE_ROLES: INTERNAL_PROFILE_ROLES,
+  EXTERNAL_PROFILE_ROLES: EXTERNAL_PROFILE_ROLES,
+  RoleDataMap: RoleDataMap,
+  MAX_IMAGE_UPLOADS: MAX_IMAGE_UPLOADS,
+  LOCALISED_SLUGS: LOCALISED_SLUGS
+});
+
+export { BEARER_TOKEN_COOKIE as B, DEFAULT_IMG as D, HEALTH_TOOL_TYPE as H, LOCALISED_SLUGS as L, MAX_IMAGE_UPLOADS as M, REPORT_REASON_MAP as R, DEFAULT_AVATAR_IMG as a, BEARER_ADMIN_TOKEN_COOKIE as b, constants as c, LEAD_TOKEN_COOKIE as d };

package/build/esm/{constants-7661ce64.js → constants-ebf80e5f.js}

@@ -1,5 +1,5 @@
-import './index-c807ef87.js';
-import { i as isProduction } from './isProduction-2838b9ae.js';
+import './index-bef3c9bd.js';
+import { i as isProduction } from './isProduction-5684a28c.js';
 
 const isDevelopment = process.env.NEXT_PUBLIC_DEPLOY_ENV === 'development';
 const IS_SSR = typeof window === 'undefined';

package/build/esm/{constants-508ba335.js → constants-f77fc231.js}

@@ -1,129 +1,3 @@
-import styled from '@emotion/styled';
-import { t as theme } from './theme-0af1cc3d.js';
-import { M as MediaQueries } from './utils-511a24f4.js';
-import React__default from 'react';
-
-const StyledInput = styled.div `
-  position: relative;
-  width: 100%;
-
-  &[data-has-error] {
-    input {
-      border-color: ${theme.colors.red700};
-    }
-  }
-
-  input {
-    width: 100%;
-    padding: 12px 16px;
-    border: solid 1px ${theme.colors.gray200};
-    border-radius: ${theme.borderRadius};
-
-    &:active,
-    &:focus,
-    &.focused {
-      border-color: ${(props) => props.color};
-      box-shadow: 0px 0px 2px 2px ${(props) => props.shadowColor};
-    }
-
-    &:disabled {
-      background-color: ${theme.colors.gray100};
-      cursor: not-allowed;
-    }
-  }
-
-  &[data-has-action-icon] {
-    input {
-      padding: 12px 48px 12px 16px;
-    }
-  }
-  &[data-has-display-icon] {
-    input {
-      padding: 12px 16px 12px 48px;
-    }
-  }
-
-  &[data-has-action-icon][data-has-display-icon] {
-    input {
-      padding: 12px 48px;
-    }
-  }
-
-  &[data-size='lg'] {
-    input {
-      font-size: 16px;
-      font-weight: ${theme.sizes.fwRegular};
-      ${MediaQueries.mbDown} {
-        font-size: 22px;
-        line-height: 1.2;
-      }
-
-      ${MediaQueries.mbUp} {
-        font-size: 26px;
-        line-height: 1.2;
-      }
-    }
-  }
-  &[data-size='md'] {
-    input {
-      font-weight: ${theme.sizes.fwRegular};
-      line-height: 22px;
-      ${MediaQueries.mbDown} {
-        font-size: 14px;
-        line-height: 1.2;
-      }
-
-      ${MediaQueries.mbUp} {
-        font-size: 16px;
-        line-height: 1.2;
-      }
-    }
-  }
-  &[data-size='sm'] {
-    input {
-      font-weight: ${theme.sizes.fwRegular};
-      line-height: 20px;
-      ${MediaQueries.mbDown} {
-        font-size: 13px;
-        line-height: 1.5;
-      }
-
-      ${MediaQueries.mbUp} {
-        font-size: 13px;
-        line-height: 1.5;
-      }
-    }
-  }
-`;
-const StyledErrorLabel = styled.label `
-  color: ${theme.colors.red700};
-  font-weight: ${theme.sizes.fwRegular};
-`;
-const StyledActionIcon = styled.div `
-  position: absolute;
-  top: 50%;
-  right: 16px;
-  cursor: pointer;
-  transform: translateY(-50%);
-`;
-const StyledDisplayIcon = styled.div `
-  position: absolute;
-  top: 50%;
-  left: 16px;
-  display: inline-flex;
-  cursor: default;
-  transform: translateY(-50%);
-`;
-
-var styles = {"label":"DjBFAbd"};
-
-/**
- * @deprecated will removed soon
- */
-const Label = ({ children, className, style, htmlFor, size }) => {
-    return (React__default.createElement("label", { "data-size": size, className: `${styles.label} ${className || ''}`, style: style, htmlFor: htmlFor }, children));
-};
-
 const basePath = '/care';
 const LOCALE_COUNTRY = {
     'vi-VN': { id: 1, name: 'Vietnam' },
@@ -235,4 +109,4 @@ var constants = /*#__PURE__*/Object.freeze({
   MAPPING_CLIENT_WITH_SLUG: MAPPING_CLIENT_WITH_SLUG
 });
 
-export { CLIENT_KEY as C, ID_OPTION_ALL_LOCATION as I, Label as L, MAPPING_CLIENT_WITH_SLUG as M, StyledInput as S, LOCALIZED_SLUGS as a, StyledDisplayIcon as b, constants as c, StyledActionIcon as d, StyledErrorLabel as e, ID_OPTION_CURRENT_LOCATION as f, SLUG_VACIN_ID as g };
+export { CLIENT_KEY as C, ID_OPTION_ALL_LOCATION as I, LOCALIZED_SLUGS as L, MAPPING_CLIENT_WITH_SLUG as M, SLUG_VACIN_ID as S, ID_OPTION_CURRENT_LOCATION as a, constants as c };

package/build/esm/constants.js

@@ -1,4 +1,4 @@
-export { A as API_DATE_FORMAT, B as BEARER_TOKEN_COOKIE, b as CARE_BOOKING_LOCALES, C as CARE_LOCALES, c as CDN_ADDRESS, h as DATE_FNS_DATE_FORMAT, D as DATE_FNS_LOCALE, E as ECOM_LOCALES, F as FAVICONS, G as GA_TOKEN_COOKIE, I as ISO_FORMAT, L as LOCALE_SPECS, M as MAP_DOMAIN_BY_LOCALE, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, f as SSO_URL, S as STATIC_PAGES, T as TOGETHER_LOCALES, g as UP_BASEPATH, U as USER_GEOLOCATION_COORDINATES_COOKIE, e as basePath, d as domainLocales, j as siteHost, s as siteOptions } from './index-c807ef87.js';
-export { i as isProduction } from './isProduction-2838b9ae.js';
+export { A as API_DATE_FORMAT, B as BEARER_TOKEN_COOKIE, c as CARE_BOOKING_LOCALES, b as CARE_LOCALES, C as CDN_ADDRESS, h as DATE_FNS_DATE_FORMAT, D as DATE_FNS_LOCALE, E as ECOM_LOCALES, F as FAVICONS, G as GA_TOKEN_COOKIE, I as ISO_FORMAT, L as LOCALE_SPECS, M as MAP_DOMAIN_BY_LOCALE, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, f as SSO_URL, S as STATIC_PAGES, T as TOGETHER_LOCALES, g as UP_BASEPATH, U as USER_GEOLOCATION_COORDINATES_COOKIE, e as basePath, d as domainLocales, j as siteHost, s as siteOptions } from './index-bef3c9bd.js';
+export { i as isProduction } from './isProduction-5684a28c.js';
 import 'date-fns/locale';
-import './index-eeedf0f0.js';
+import './index-e3787b20.js';

package/build/esm/{core-5a22b83e.js → core-c72e0ff5.js}

@@ -1,5 +1,5 @@
-import { a as __awaiter } from './tslib.es6-2673b49d.js';
-import { i as isProduction } from './isProduction-2838b9ae.js';
+import { a as __awaiter } from './tslib.es6-761239c7.js';
+import { i as isProduction } from './isProduction-5684a28c.js';
 
 const ServerCache = {};
 const getCachedItem = (key) => {

package/build/esm/{index-9b54376f.js → dataTransform-3e8e25ba.js}

@@ -1,9 +1,8 @@
-import React__default, { useContext, useState } from 'react';
+import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-511a24f4.js';
-import { t as theme } from './theme-0af1cc3d.js';
-import { _ as __rest } from './tslib.es6-2673b49d.js';
-import { T as TogetherComponentGlobalContext } from './utils-dee27bfd.js';
+import { M as MediaQueries } from './utils-f8761b9d.js';
+import { t as theme } from './theme-f18c2351.js';
+import { _ as __rest } from './tslib.es6-761239c7.js';
 
 const StyledPopup = styled.div `
   position: fixed;
@@ -787,51 +786,4 @@ var dataTransform = /*#__PURE__*/Object.freeze({
   formatBabyGrowthContent: formatBabyGrowthContent
 });
 
-const StyledUserAvatar = styled.div `
-  width: ${(props) => props.size || 40}px;
-  height: ${(props) => props.size || 40}px;
-  flex-shrink: 0;
-  cursor: pointer;
-
-  img {
-    border-radius: 50%;
-  }
-
-  .avatar {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-
-  .avatar-default {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: ${theme.colors.secondaryBase};
-    border-radius: 50%;
-    color: white;
-    font-size: 1em;
-    font-weight: bold;
-    line-height: 1;
-  }
-
-  &[data-is-marrybaby='true'] {
-    .avatar-default {
-      background-color: ${theme.mbColors.pink};
-    }
-  }
-`;
-
-const UserAvatar = (_a) => {
-    var { className, isMarryBaby: isMarryBabyProp, style, avatar, username, size } = _a, rest = __rest(_a, ["className", "isMarryBaby", "style", "avatar", "username", "size"]);
-    const { data: { env: { isMarryBaby: isMarryBabyContext }, }, } = useContext(TogetherComponentGlobalContext);
-    const isMarryBaby = typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext;
-    const [tempAvatar, setTempAvatar] = useState(false);
-    return (React__default.createElement(StyledUserAvatar, Object.assign({ "data-is-marrybaby": isMarryBaby, className: className, style: style, size: size }, rest), avatar && !tempAvatar ? (React__default.createElement("img", { loading: "lazy", src: avatar, className: `avatar`, alt: "avatar", onError: () => {
-            // e.currentTarget.onerror = null
-            if (!tempAvatar)
-                setTempAvatar(true);
-        } })) : (React__default.createElement("div", { className: "avatar avatar-default" }, username && (username === null || username === void 0 ? void 0 : username.length) > 0 ? username[0].toUpperCase() : 'A'))));
-};
-
-export { Popup as P, UserAvatar as U, formatCommunity as a, formatPost as b, formatTopic as c, dataTransform as d, formatComment as e, formatUserProfileUrl as f, formatArticle as g, formatCategory as h };
+export { Popup as P, formatCommunity as a, formatPost as b, formatTopic as c, dataTransform as d, formatComment as e, formatUserProfileUrl as f, formatArticle as g, formatCategory as h };

package/build/esm/{dataTransform-f5db5afb.js → dataTransform-6c032113.js}

@@ -1,6 +1,6 @@
 import React__default, { createContext, useState, useEffect, useMemo } from 'react';
 import throttle from 'lodash/throttle';
-import { B as Breakpoints } from './utils-511a24f4.js';
+import { B as Breakpoints } from './utils-f8761b9d.js';
 
 const ScreenSizeContext = createContext({
     isInit: true,

package/build/esm/defaultClassWrapper-31caf23b.js

@@ -0,0 +1,15 @@
+import React__default, { forwardRef } from 'react';
+
+/* eslint-disable @typescript-eslint/ban-types */
+function setDefaultClass(Component, defaultClass) {
+    const Comp = forwardRef((props, ref) => {
+        return (React__default.createElement(Component, Object.assign({}, props, { 
+            // @ts-ignore
+            className: `${defaultClass} ${props.className || ''}`, ref: ref })));
+    });
+    // @ts-ignore
+    Comp.classSelector = `.${defaultClass}`;
+    return Comp;
+}
+
+export { setDefaultClass as s };

package/build/esm/ecom.js

@@ -1,9 +1,9 @@
-import { t as theme } from './theme-0af1cc3d.js';
-export { c as Constants } from './constants-7661ce64.js';
-import './index-c807ef87.js';
+import { t as theme } from './theme-f18c2351.js';
+export { c as Constants } from './constants-ebf80e5f.js';
+import './index-bef3c9bd.js';
 import 'date-fns/locale';
-import './index-eeedf0f0.js';
-import './isProduction-2838b9ae.js';
+import './index-e3787b20.js';
+import './isProduction-5684a28c.js';
 
 // ===== CART END =====