@hhgtech/hhg-components 1.29.418 → 1.29.419-beta-2

package/build/esm/{index-65057179.js → index-2328a192.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-af0ab658.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-63503aab.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-0c0ac05f.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-c314e49c.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-eebfb54e.js';
-import { n as normalizeLink, e as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-ab71a2fd.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-bcdc73f7.js';
+import { V as VideoType } from './index-eac00c0c.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-0ac8748d.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-6e677190.js';
+import { n as normalizeLink, e as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-37631875.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-fd4569a6.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-cca25e5e.js';
+import './translationsContext-3873db9a.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-5bf11acd.js';
+import { I as Input } from './index-b6d973dd.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-0ebe57cc.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-ad36a4c6.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo$1 } from './index-46c913ce.js';
+import { L as Logo$1 } from './index-3e6134dc.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-40f2480d.js';
-import './index-546c521c.js';
-import { T as Text } from './index-23f97b77.js';
-import { B as Button } from './index-cf685e8f.js';
-import './index.styles-1b4356be.js';
+import { C as CommonGAssets } from './index-0ec41385.js';
+import './index-a4324037.js';
+import { T as Text } from './index-5e7f0f03.js';
+import { B as Button } from './index-66276a9c.js';
+import './index.styles-48ae711d.js';
 import '@mantine/hooks';
-import './text-1962e9fb.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-778daa2b.js';
-import './index-9cdad777.js';
-import { L as LOCALISED_SLUGS } from './constants-78b10870.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-53b561bd.js';
-import { L as LOCALIZED_SLUGS } from './constants-28468b7b.js';
-import { u as useTranslations } from './index-da9b3560.js';
-import { H as Heading } from './index-8c902e04.js';
-import { I as Indicator$1 } from './index-a318f8d8.js';
-import { u as useIsInit } from './useIsInit-917a0ee5.js';
+import './text-f42660ed.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-da66e349.js';
+import './index-44efbc04.js';
+import { L as LOCALISED_SLUGS } from './constants-4e77d3df.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8bef3953.js';
+import { L as LOCALIZED_SLUGS } from './constants-1c022595.js';
+import { u as useTranslations } from './index-60c99ce8.js';
+import { H as Heading } from './index-52d89854.js';
+import { I as Indicator$1 } from './index-b4b97054.js';
+import { u as useIsInit } from './useIsInit-56e26d7c.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-de491ad4.js';
+import { B as Button$1 } from './index-ba763165.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-1dfa8721.js';
+import { U as UserAvatar } from './index-e1c89dbd.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-e391a240.js';
+import { C as Container } from './index-7e5c9dc5.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-965fa186.js';
-import { g as getDataWithCache } from './core-bfed8857.js';
+import { L as LOCALE } from './Locale-3e4b8c38.js';
+import { g as getDataWithCache } from './core-f2059138.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {

package/build/esm/{index-c8cbbe59.js → index-2514fc38.js}

@@ -1,12 +1,12 @@
-import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-23f97b77.js';
+import React__default, { useState, useRef, createContext, useEffect, Fragment } from 'react';
+import { T as Text } from './index-5e7f0f03.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-778daa2b.js';
-import { R as Radio$1 } from './index-5bf11acd.js';
-import { T as Text$1 } from './index-a95b8ba0.js';
+import { M as MediaQueries } from './utils-da66e349.js';
+import { R as Radio$1 } from './index-b6d973dd.js';
+import { T as Text$1 } from './index-939c6d2a.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { _ as __rest } from './tslib.es6-63503aab.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
@@ -369,140 +369,6 @@ const Grid = ({ className, columns, columnsDesktop, gridTemplateColumns, gridTem
     return (React__default.createElement(StyledGrid, { className: className, style: Object.assign({ '--columns-count': columns, '--columns-count-desktop': columnsDesktop, '--grid-template-columns': gridTemplateColumns, '--grid-template-columns-desktop': gridTemplateColumnsDesktop, '--justify-children': justifyChildren, '--grid-gap': gap, '--align-items': alignItems }, style) }, children));
 };
 
-const StyledPagination = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  user-select: none;
-  li {
-    transition: all 0.3s ease;
-  }
-  [data-page-active] {
-    background: ${theme.colors.primaryBase};
-    color: ${theme.colors.white};
-
-    > a {
-      color: ${theme.colors.white};
-    }
-  }
-`;
-const StyledPageBlock = styled.div `
-  display: flex;
-  width: 32px;
-  height: 32px;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid ${theme.colors.gray200};
-  margin: 0 2px;
-  border-radius: 4px;
-  color: ${theme.colors.gray800};
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: ${theme.sizes.fwBold};
-
-  &[data-last-page] {
-    border: none;
-    background-color: ${theme.colors.gray100};
-    cursor: not-allowed;
-    pointer-events: none;
-
-    svg {
-      path {
-        stroke: ${theme.colors.gray300};
-      }
-    }
-  }
-`;
-const StyledPaginationBlock = styled.li `
-  display: flex;
-  width: 32px;
-  height: 32px;
-  align-items: center;
-  justify-content: center;
-  margin: 0 2px;
-  border-radius: 4px;
-  color: ${theme.colors.gray800};
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: ${theme.sizes.fwBold};
-
-  > a {
-    color: ${theme.colors.gray800};
-    text-decoration: unset;
-    display: block;
-    width: 100%;
-    height: 100%;
-    line-height: 32px;
-    text-align: center;
-  }
-`;
-
-const RenderPagiWithDots = ({ pagesAmount, activePage, handlePageChange, handleClick, href, queryPageName = 'page', }) => {
-    const pages = [...Array(pagesAmount)].map((__v, i) => i + 1);
-    const [visiblePages, setVisiblePages] = useState(activePage <= 4
-        ? pages.slice(0, 5)
-        : activePage >= pages.length - 3
-            ? pages.slice(pages.length - 5, pages.length)
-            : pages.slice(activePage - 2, activePage + 1));
-    useEffect(() => {
-        if (activePage <= 4) {
-            setVisiblePages(pages.slice(0, 5));
-        }
-        else if (activePage >= pages.length - 3) {
-            setVisiblePages(pages.slice(pages.length - 5, pages.length));
-        }
-        else {
-            setVisiblePages(pages.slice(activePage - 2, activePage + 1));
-        }
-    }, [activePage]);
-    return (React__default.createElement(Fragment, null,
-        activePage > 4 && (React__default.createElement(Fragment, null,
-            React__default.createElement(StyledPaginationBlock, { onClick: () => handlePageChange(1) }, href ? (React__default.createElement("a", { href: href, onClick: handleClick }, 1)) : (1)),
-            React__default.createElement(StyledPaginationBlock, null, "..."))),
-        visiblePages.map((i) => (React__default.createElement(StyledPaginationBlock, { key: `${'pagination'}+${i}`, "data-page-active": i === activePage || undefined, onClick: () => handlePageChange(i) }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, i, queryPageName), onClick: handleClick }, i)) : (i)))),
-        activePage < pages.length - 3 && (React__default.createElement(Fragment, null,
-            React__default.createElement(StyledPaginationBlock, null, "..."),
-            React__default.createElement(StyledPaginationBlock, { onClick: () => handlePageChange(pages.length) }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, pages.length, queryPageName), onClick: handleClick }, pages.length)) : (pages.length))))));
-};
-const Pagination = ({ className, pagesAmount, currentPage, onChange, onClick, style, href: _href, queryPageName = 'page', }) => {
-    const pages = [...Array(pagesAmount)].map((__v, i) => i + 1);
-    const [activePage, setActivePage] = useState(currentPage);
-    const href = useMemo(() => {
-        // Props `href` is updated from the version 1.8.4 and later. Please change the way to use this props properly
-        //    - To avoid crash app, transform href for the old way and remove the part &page=
-        //       /care/ho-chi-minh/hospital/da-khoa/&page=
-        //    -> /care/ho-chi-minh/hospital/da-khoa/
-        if (_href && _href.endsWith('&page=')) {
-            return _href.replace('&page=', '');
-        }
-        return _href;
-    }, [_href]);
-    const totalArray = pagesAmount - 1;
-    const handlePageChange = (p) => {
-        if (p <= pagesAmount && p > 0) {
-            setActivePage(p);
-            onChange(p);
-        }
-    };
-    const handleClick = (e) => {
-        onClick && onClick(e);
-    };
-    useEffect(() => {
-        setActivePage(currentPage);
-    }, [currentPage]);
-    return (React__default.createElement(StyledPagination, { className: className, style: style },
-        React__default.createElement(StyledPageBlock, { className: "prev-page", onClick: () => handlePageChange(activePage - 1), "data-last-page": activePage === 1 || undefined }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, activePage, queryPageName), onClick: handleClick },
-            React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
-                React__default.createElement("path", { d: "M5.5 9L1.5 5L5.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
-            React__default.createElement("path", { d: "M5.5 9L1.5 5L5.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))),
-        pages.length > 8 ? (React__default.createElement(RenderPagiWithDots, { pagesAmount: pagesAmount, activePage: activePage, handlePageChange: handlePageChange, handleClick: handleClick, href: href, queryPageName: queryPageName })) : (pages.map((i) => (React__default.createElement(StyledPaginationBlock, { key: `${'pagination'}+${i}`, "data-page-active": i === activePage || undefined, onClick: () => handlePageChange(i) }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, i, queryPageName), onClick: handleClick }, i)) : (i))))),
-        React__default.createElement(StyledPageBlock, { className: "next-page", onClick: () => handlePageChange(activePage + 1), "data-last-page": activePage === totalArray + 1 || undefined }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, activePage, queryPageName), onClick: handleClick },
-            React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
-                React__default.createElement("path", { d: "M1.5 9L5.5 5L1.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
-            React__default.createElement("path", { d: "M1.5 9L5.5 5L1.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))))));
-};
-
 /**
  * @deprecated Consider to use import { Radio } from '@mantine/core'
  */
@@ -844,4 +710,4 @@ const StepRenderer = ({ children, onStepChange }) => {
     })));
 };
 
-export { Alert as A, Badge as B, FileDropdown as F, Grid as G, Pagination as P, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, Toggle as b, RateStars as c, StepRendererContext as d };
+export { Alert as A, Badge as B, FileDropdown as F, Grid as G, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, Toggle as b, RateStars as c, StepRendererContext as d };

package/build/esm/{index-82c84a53.js → index-285cec9f.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-af0ab658.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-63503aab.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-da9b3560.js';
+import { u as useTranslations } from './index-60c99ce8.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-926d4e91.js';
-import { L as LOCALIZED_SLUGS } from './constants-28468b7b.js';
-import { B as Button } from './index-cf685e8f.js';
-import './index-eebfb54e.js';
-import { c as callApi, g as getCarePath } from './utils-fb03ac58.js';
+import { P as PATHS } from './paths-d246640c.js';
+import { L as LOCALIZED_SLUGS } from './constants-1c022595.js';
+import { B as Button } from './index-66276a9c.js';
+import './index-6e677190.js';
+import { c as callApi, g as getCarePath } from './utils-091dc0aa.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-b9f57aa7.js → index-3c3e2bc7.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { _ as __rest } from './tslib.es6-63503aab.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Box, Flex, rem, createStyles } from '@mantine/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-5bf11acd.js';
+import './index-b6d973dd.js';
 import '@mantine/dates';
-import './index-eebfb54e.js';
-import './index-0c0ac05f.js';
-import './index-40f2480d.js';
-import { t as themeColors } from './index-546c521c.js';
-import { T as Text } from './index-23f97b77.js';
-import './index-cf685e8f.js';
-import './index.styles-1b4356be.js';
-import { u as useTranslations } from './index-da9b3560.js';
+import './index-6e677190.js';
+import './index-eac00c0c.js';
+import './index-0ec41385.js';
+import { t as themeColors } from './index-a4324037.js';
+import { T as Text } from './index-5e7f0f03.js';
+import './index-66276a9c.js';
+import './index.styles-48ae711d.js';
+import { u as useTranslations } from './index-60c99ce8.js';
 import '@mantine/hooks';
-import './text-1962e9fb.js';
-import { M as MediaQueries } from './utils-778daa2b.js';
-import './index-9cdad777.js';
+import './text-f42660ed.js';
+import { M as MediaQueries } from './utils-da66e349.js';
+import './index-44efbc04.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-d1a664c7.js → index-3e4187df.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-40f2480d.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-fb03ac58.js';
-import { G as GA_TOKEN_COOKIE } from './index-eebfb54e.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-bd097aa5.js';
+import { C as CommonGAssets } from './index-0ec41385.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-091dc0aa.js';
+import { G as GA_TOKEN_COOKIE } from './index-6e677190.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-f14544af.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-af0ab658.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-53b561bd.js';
-import { I as ImageWrap } from './index-6a03cb12.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-ab71a2fd.js';
-import { u as useTranslations } from './index-da9b3560.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-63503aab.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8bef3953.js';
+import { I as ImageWrap } from './index-0711a88b.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-37631875.js';
+import { u as useTranslations } from './index-60c99ce8.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-5bf11acd.js';
+import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-b6d973dd.js';
 import '@mantine/dates';
-import './index-0c0ac05f.js';
-import { t as themeColors } from './index-546c521c.js';
-import { T as Text } from './index-23f97b77.js';
-import { B as Button } from './index-cf685e8f.js';
-import './index.styles-1b4356be.js';
+import './index-eac00c0c.js';
+import { t as themeColors } from './index-a4324037.js';
+import { T as Text } from './index-5e7f0f03.js';
+import { B as Button } from './index-66276a9c.js';
+import './index.styles-48ae711d.js';
 import { useViewportSize } from '@mantine/hooks';
-import './text-1962e9fb.js';
-import './utils-778daa2b.js';
-import './index-9cdad777.js';
+import './text-f42660ed.js';
+import './utils-da66e349.js';
+import './index-44efbc04.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-cca25e5e.js';
-import { H as Heading } from './index-8c902e04.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-0df97913.js';
-import { I as Icon } from './index-8cf5e40e.js';
+import './translationsContext-3873db9a.js';
+import { H as Heading } from './index-52d89854.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-3ac708a2.js';
+import { I as Icon } from './index-9acfb46a.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-eeb70947.js';
-import { M as Modal } from './index-1d3457e3.js';
+import { i as isVideo } from './index-6624341d.js';
+import { M as Modal } from './index-e4fa2bc8.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-965fa186.js';
+import { L as LOCALE } from './Locale-3e4b8c38.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-46c913ce.js → index-3e6134dc.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-965fa186.js';
-import { C as CommonGAssets } from './index-40f2480d.js';
+import { L as LOCALE } from './Locale-3e4b8c38.js';
+import { C as CommonGAssets } from './index-0ec41385.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-778daa2b.js';
-import { L as LogoIcon } from './logoIcon-fe92076f.js';
-import './index-0c0ac05f.js';
-import { I as ImageWrap } from './index-6a03cb12.js';
+import { M as MediaQueries } from './utils-da66e349.js';
+import { L as LogoIcon } from './logoIcon-881e75a9.js';
+import './index-eac00c0c.js';
+import { I as ImageWrap } from './index-0711a88b.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-6058338e.js → index-3e9c0df6.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-af0ab658.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-63503aab.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-de491ad4.js';
-import { H as Heading } from './index-8c902e04.js';
-import { u as useTranslations } from './index-da9b3560.js';
+import { B as Button } from './index-ba763165.js';
+import { H as Heading } from './index-52d89854.js';
+import { u as useTranslations } from './index-60c99ce8.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-20e98e68.js';
-import { C as CommonGAssets } from './index-40f2480d.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-cb2bfb9f.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-870710d2.js';
+import { C as CommonGAssets } from './index-0ec41385.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-9af9897b.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-fb03ac58.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-0bc9b572.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-091dc0aa.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-1542466f.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-778daa2b.js';
+import { M as MediaQueries } from './utils-da66e349.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-bcdc73f7.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-fd4569a6.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-26ec0ccc.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-52a25f04.js';
-import { a as ProfileDetail, P as PostContent } from './index-788c119c.js';
-import { a as PostImagePreview } from './index-8e615057.js';
-import { S as SocialLinkPreview } from './index-21e97511.js';
-import { D as Divider } from './index-443ad3d2.js';
-import './index-eebfb54e.js';
+import { C as CardLink } from './index-e8f7e0e3.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-9a313115.js';
+import { a as ProfileDetail, P as PostContent } from './index-f87ed9cc.js';
+import { a as PostImagePreview } from './index-88c61574.js';
+import { S as SocialLinkPreview } from './index-46472983.js';
+import { D as Divider } from './index-e33394bb.js';
+import './index-6e677190.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-27f4e35e.js';
-import { T as Text } from './index-23f97b77.js';
-import { L as Loading } from './index-e25a50a7.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-ab71a2fd.js';
+import { I as Input } from './index-e270d163.js';
+import { T as Text } from './index-5e7f0f03.js';
+import { L as Loading } from './index-ad232a36.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-37631875.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-9cdad777.js → index-44efbc04.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { _ as __rest } from './tslib.es6-63503aab.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-cf685e8f.js';
-import { T as Text } from './index-23f97b77.js';
+import { B as Button } from './index-66276a9c.js';
+import { T as Text } from './index-5e7f0f03.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-21e97511.js → index-46472983.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-af0ab658.js';
+import { a as __awaiter } from './tslib.es6-63503aab.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-6a03cb12.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-fb03ac58.js';
+import { I as ImageWrap } from './index-0711a88b.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-091dc0aa.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-cb2bfb9f.js';
-import { y as youtubeVidIdGetter } from './post-ec2894e8.js';
-import { L as Loading } from './index-e25a50a7.js';
+import { D as DEFAULT_IMG } from './constants-9af9897b.js';
+import { y as youtubeVidIdGetter } from './post-450aa9f1.js';
+import { L as Loading } from './index-ad232a36.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-8c902e04.js → index-52d89854.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { _ as __rest } from './tslib.es6-63503aab.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-23f97b77.js';
+import { T as Text } from './index-5e7f0f03.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-bb3f4527.js → index-5982a911.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-417ea696.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-eebfb54e.js';
-import { N as NodeIntentType } from './index-0c0ac05f.js';
+import { c as cookie } from './index-4a6c38f3.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-6e677190.js';
+import { N as NodeIntentType } from './index-eac00c0c.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-11755303.js → index-5b9c41cf.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-778daa2b.js';
+import { M as MediaQueries } from './utils-da66e349.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-23f97b77.js → index-5e7f0f03.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { _ as __rest } from './tslib.es6-63503aab.js';
 import React__default from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { G as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-1962e9fb.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-f42660ed.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -46,7 +46,7 @@ const Text = (_a) => {
         styles,
     });
     const colorValue = typeof theme.colors[color] === 'string' ? theme.colors[color] : color;
-    return (React__default.createElement(Text$1, Object.assign({ className: cx(classes.root, className), color: colorValue ||
+    return (React__default.createElement(Text$1, Object.assign({ "data-size": size, className: cx(classes.root, className), color: colorValue ||
             (as === 'label'
                 ? theme.colors.gray[6]
                 : ((_b = theme === null || theme === void 0 ? void 0 : theme.other) === null || _b === void 0 ? void 0 : _b.template) === 'mb'

package/build/esm/{index-da9b3560.js → index-60c99ce8.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-cca25e5e.js';
+import { T as TranslationsContext } from './translationsContext-3873db9a.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-cf685e8f.js → index-66276a9c.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { _ as __rest } from './tslib.es6-63503aab.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-c5d890ab.js';
-import { C as CustomStylesType, F as FontWeight } from './text-1962e9fb.js';
+import { A as ANIMATION_DURATION } from './shared-3c7d70e1.js';
+import { C as CustomStylesType, F as FontWeight } from './text-f42660ed.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-660b41f1.js → index-6cce8107.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { _ as __rest } from './tslib.es6-63503aab.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-0df97913.js';
-import { u as useTranslations } from './index-da9b3560.js';
-import { C as CommonGAssets } from './index-40f2480d.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-cb2bfb9f.js';
-import { G as GenderOptionControl } from './index-ae8dcfc8.js';
-import { I as Input, S as Select } from './index-5bf11acd.js';
-import { D as DatePicker } from './index-5f7213b5.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-3ac708a2.js';
+import { u as useTranslations } from './index-60c99ce8.js';
+import { C as CommonGAssets } from './index-0ec41385.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-9af9897b.js';
+import { G as GenderOptionControl } from './index-bebbad43.js';
+import { I as Input, S as Select } from './index-b6d973dd.js';
+import { D as DatePicker } from './index-b82d0972.js';
 import '@mantine/core';
-import './index-23f97b77.js';
-import './index-cf685e8f.js';
-import './index.styles-1b4356be.js';
+import './index-5e7f0f03.js';
+import './index-66276a9c.js';
+import './index.styles-48ae711d.js';
 import '@mantine/hooks';
-import './index-546c521c.js';
-import './text-1962e9fb.js';
-import './utils-778daa2b.js';
-import './index-9cdad777.js';
-import './index-eebfb54e.js';
-import { H as HealthToolFormWrapper } from './index-ae917316.js';
+import './index-a4324037.js';
+import './text-f42660ed.js';
+import './utils-da66e349.js';
+import './index-44efbc04.js';
+import './index-6e677190.js';
+import { H as HealthToolFormWrapper } from './index-09aaf60f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});