@hhgtech/hhg-components 1.29.445 → 1.29.446-beta-2

package/build/esm/{index-169ad3ac.js → index-a9568e23.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-950c94cc.js';
-import { T as TogetherComponentGlobalContext } from './utils-4c3c0f03.js';
+import { B as Button } from './index-b4ceb7f9.js';
+import { T as TogetherComponentGlobalContext } from './utils-d2b47427.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-cb13cff5.js → index-a9675943.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-f949335f.js';
+import { L as Label } from './index-03ab4085.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-43421f0a.js → index-a9815ecd.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-7984ef17.js';
+import { a as __awaiter } from './tslib.es6-4dd8267d.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-2558182c.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-4c3c0f03.js';
+import { I as ImageWrap } from './index-76241564.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d2b47427.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-e289c55f.js';
-import { y as youtubeVidIdGetter } from './post-7ee872e5.js';
-import { L as Loading } from './index-1108d6b2.js';
+import { D as DEFAULT_IMG } from './constants-3eb48e75.js';
+import { y as youtubeVidIdGetter } from './post-e9b11d48.js';
+import { L as Loading } from './index-1e377881.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-47a94d34.js → index-a9bb81a8.js}

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

package/build/esm/{index-04c7398e.js → index-b15232b6.js}

@@ -1,24 +1,24 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-7cb7f4d8.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-ae5d487a.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-7984ef17.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-f949335f.js';
-import { I as Input } from './index-cafbd842.js';
+import { _ as __rest } from './tslib.es6-4dd8267d.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-03ab4085.js';
+import { I as Input } from './index-4d0005d0.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-18cb16b6.js';
-import './index-539ab53a.js';
-import './index-b36b2caa.js';
-import './index-87c5a102.js';
-import './index-f28ed80d.js';
-import './index-141afb90.js';
-import './index.styles-50872c8c.js';
-import './translationsContext-573d0b98.js';
+import './index-1674fbc1.js';
+import './index-629eb2af.js';
+import './index-52a885d6.js';
+import './index-6f083c98.js';
+import './index-fe6c90d2.js';
+import './index-5810df3e.js';
+import './index.styles-c3855349.js';
+import './translationsContext-fd33f958.js';
 import '@mantine/hooks';
-import './text-908bab85.js';
-import './index-36cc3053.js';
+import './text-282f4246.js';
+import './index-baa85d56.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),

package/build/esm/{index-950c94cc.js → index-b4ceb7f9.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-4dd8267d.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-141afb90.js';
+import { B as Button$1 } from './index-5810df3e.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-36cc3053.js → index-baa85d56.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-4dd8267d.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-141afb90.js';
-import { T as Text } from './index-f28ed80d.js';
+import { B as Button } from './index-5810df3e.js';
+import { T as Text } from './index-fe6c90d2.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-34089895.js → index-baab6cbd.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-4dd8267d.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-cafbd842.js';
+import './index-4d0005d0.js';
 import '@mantine/dates';
-import './index-18cb16b6.js';
-import './index-539ab53a.js';
-import './index-b36b2caa.js';
-import { t as themeColors } from './index-87c5a102.js';
-import { T as Text } from './index-f28ed80d.js';
-import './index-141afb90.js';
-import './index.styles-50872c8c.js';
-import { u as useTranslations } from './index-47a94d34.js';
+import './index-1674fbc1.js';
+import './index-629eb2af.js';
+import './index-52a885d6.js';
+import { t as themeColors } from './index-6f083c98.js';
+import { T as Text } from './index-fe6c90d2.js';
+import './index-5810df3e.js';
+import './index.styles-c3855349.js';
+import { u as useTranslations } from './index-a9bb81a8.js';
 import '@mantine/hooks';
-import './text-908bab85.js';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
-import './index-36cc3053.js';
+import './text-282f4246.js';
+import { M as MediaQueries } from './utils-ae5d487a.js';
+import './index-baa85d56.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 
@@ -177,6 +177,7 @@ var useStyles$1 = createStyles(() => {
     return {
         root: {
             padding: rem(16),
+            borderRadius: 'inherit',
         },
     };
 });

package/build/esm/{index-22eb05be.js → index-bfe11fbd.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-06598443.js';
+import { u as useScrollbarSize } from './useScrollbarSize-60eabd2c.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
+import { M as MediaQueries } from './utils-ae5d487a.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-cd8b0ff7.js → index-c99a0320.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-4dd8267d.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-539ab53a.js';
+import './index-629eb2af.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-b36b2caa.js';
+import { C as CommonGAssets } from './index-52a885d6.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-2558182c.js';
-import { T as Text } from './index-f6d17433.js';
-import { L as LOCALE } from './Locale-d401e4f0.js';
-import { c as CentralCarousel } from './index-cafbd842.js';
+import { I as ImageWrap } from './index-76241564.js';
+import { T as Text } from './index-4c55ff67.js';
+import { L as LOCALE } from './Locale-8468ca0b.js';
+import { e as CentralCarousel } from './index-4d0005d0.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-a21e8cc7.js → index-cabe2e47.js}

@@ -2,17 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-2558182c.js';
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { I as ImageWrap } from './index-76241564.js';
+import { T as Text } from './index-fe6c90d2.js';
+import { _ as __rest } from './tslib.es6-4dd8267d.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-f7c27305.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-f04b632c.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-18cb16b6.js';
-
-/* eslint-disable prettier/prettier */
-const Pin2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),
-    React.createElement("path", { d: "M10.185 4.744C10.185 6.643 7.70296 9.692 6.56096 10.994C6.26196 11.335 5.73596 11.335 5.43796 10.994C4.29696 9.693 1.81396 6.643 1.81396 4.744C1.81396 2.217 3.97696 0.75 5.99896 0.75C8.02096 0.75 10.184 2.217 10.184 4.744H10.185Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React.createElement("path", { d: "M6 6C6.55228 6 7 5.55228 7 5C7 4.44772 6.55228 4 6 4C5.44772 4 5 4.44772 5 5C5 5.55228 5.44772 6 6 6Z", fill: "currentColor" })));
+import { Z as ZINDEX_SSO } from './index-1674fbc1.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),
@@ -107,6 +103,16 @@ const Avatar = ({ type = 'square', size, avatarImg, avatarUrl, firstLetter, back
         shouldRenderLetter && firstLetter));
 };
 
+/* eslint-disable prettier/prettier */
+const Pin3 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),
+    React.createElement("g", { clipPath: "url(#clip0_5371_10640)" },
+        React.createElement("path", { d: "M6.6665 4.3335L8.1665 5.8335L6.6665 7.3335", stroke: "#8C8C8C", strokeWidth: 0.72, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M8.16667 5.8335H5.83333C5.09667 5.8335 4.5 6.43016 4.5 7.16683V7.50016", stroke: "#8C8C8C", strokeWidth: 0.72, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M6.94331 10.3902L10.3907 6.94281C10.9114 6.42211 10.9114 5.57789 10.3907 5.05719L6.94331 1.60981C6.42261 1.08911 5.57839 1.08911 5.05769 1.60981L1.61031 5.05719C1.08961 5.57789 1.08961 6.42211 1.61031 6.94281L5.05769 10.3902C5.57839 10.9109 6.42261 10.9109 6.94331 10.3902Z", stroke: "#8C8C8C", strokeWidth: 0.72, strokeLinecap: "round", strokeLinejoin: "round" })),
+    React.createElement("defs", null,
+        React.createElement("clipPath", { id: "clip0_5371_10640" },
+            React.createElement("rect", { width: 12, height: 12, fill: "white" })))));
+
 const DistanceTagStyled = styled.div `
   display: inline-flex;
   align-items: center;
@@ -119,21 +125,16 @@ const DistanceTagStyled = styled.div `
   line-height: 1rem;
   border-radius: 0.5rem;
 `;
-const StyledPin2 = styled(Pin2) `
+const StyledPin3 = styled(Pin3) `
   width: 0.75rem;
   height: 0.75rem;
   color: ${theme.colors.gray400};
-`;
-const StyledSpan = styled.span `
-  color: ${theme.colors.gray600};
-  font-size: 11px;
-  line-height: 1rem;
 `;
 
 function DistanceTag({ value, className }) {
     return (React__default.createElement(DistanceTagStyled, { className: className },
-        React__default.createElement(StyledPin2, null),
-        React__default.createElement(StyledSpan, null, value)));
+        React__default.createElement(StyledPin3, null),
+        React__default.createElement(Text, { size: "p3", weight: "regular", color: theme.colors.gray400 }, value)));
 }
 
 const StyledIconWrapper = styled.div `
@@ -272,4 +273,4 @@ function DrawerBottom(_a) {
         } }), children));
 }
 
-export { Avatar as A, DistanceTag as D, IconWrapper as I, Pin2 as P, ShapedArrowDown as S, DrawerBottom as a };
+export { Avatar as A, DistanceTag as D, IconWrapper as I, ShapedArrowDown as S, DrawerBottom as a };

package/build/esm/{index-92e03820.js → index-cbef6238.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-4dd8267d.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-4db39693.js → index-d86ffca7.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-950c94cc.js';
-import { H as Heading } from './index-0db956ee.js';
-import { T as Text } from './index-f28ed80d.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-7cb7f4d8.js';
+import { B as Button } from './index-b4ceb7f9.js';
+import { H as Heading } from './index-e5b5c216.js';
+import { T as Text } from './index-fe6c90d2.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-ae5d487a.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-4c3c0f03.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-d2b47427.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-7984ef17.js';
-import { I as Input } from './index-f949335f.js';
-import { u as useTranslations } from './index-47a94d34.js';
-import { e as formatComment } from './dataTransform-0b018ae2.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-e289c55f.js';
+import { a as __awaiter } from './tslib.es6-4dd8267d.js';
+import { I as Input } from './index-03ab4085.js';
+import { u as useTranslations } from './index-a9bb81a8.js';
+import { e as formatComment } from './dataTransform-72d8ab44.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-3eb48e75.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-7ee872e5.js';
-import { C as CardLink } from './index-0e3a22f6.js';
-import { L as Loading } from './index-1108d6b2.js';
-import { U as UserAvatar } from './index-48fdc2f0.js';
-import { R as RichTextEditor } from './editor-9a2bb084.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-e9b11d48.js';
+import { C as CardLink } from './index-e55831e2.js';
+import { L as Loading } from './index-1e377881.js';
+import { U as UserAvatar } from './index-5965ca86.js';
+import { R as RichTextEditor } from './editor-b0f2fd77.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-c7376bb4.js';
-import { C as CloseIcon } from './index-f50de0c4.js';
+import { P as Popup } from './index-2121bfa7.js';
+import { C as CloseIcon } from './index-0da6010f.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{RatingStarsInput-67ed3a3f.js → index-dd56f0fb.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-7984ef17.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4dd8267d.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-cafbd842.js';
+import { R as Radio } from './index-4d0005d0.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-18cb16b6.js';
-import './index-539ab53a.js';
-import { C as CommonGAssets } from './index-b36b2caa.js';
-import './index-87c5a102.js';
-import { T as Text } from './index-f28ed80d.js';
-import { B as Button$1 } from './index-141afb90.js';
-import './index.styles-50872c8c.js';
-import './translationsContext-573d0b98.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-1674fbc1.js';
+import './index-629eb2af.js';
+import { C as CommonGAssets } from './index-52a885d6.js';
+import './index-6f083c98.js';
+import { T as Text } from './index-fe6c90d2.js';
+import { B as Button$1 } from './index-5810df3e.js';
+import './index.styles-c3855349.js';
+import './translationsContext-fd33f958.js';
 import '@mantine/hooks';
-import './text-908bab85.js';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
-import './index-36cc3053.js';
-import { i as isInternalLink } from './index-31700ae7.js';
+import './text-282f4246.js';
+import { M as MediaQueries } from './utils-ae5d487a.js';
+import './index-baa85d56.js';
+import { i as isInternalLink } from './index-a7b7c08d.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-04c7398e.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-b15232b6.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-70dd8898.js';
+import { L as Logo } from './index-89f4db1f.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-c16d6bad.js';
+import { a as useOutsideClick } from './useOutsideClick-15587f50.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-950c94cc.js';
-import { u as useScreenSize, I as ImageWrap } from './index-2558182c.js';
-import { u as useTranslations } from './index-47a94d34.js';
-import { D as Dropdown } from './index-e18c4ade.js';
+import { B as Button } from './index-b4ceb7f9.js';
+import { u as useScreenSize, I as ImageWrap } from './index-76241564.js';
+import { u as useTranslations } from './index-a9bb81a8.js';
+import { D as Dropdown } from './index-b207a94a.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-f949335f.js';
-import { D as Drawer } from './index-b9a1d047.js';
+import { I as Input } from './index-03ab4085.js';
+import { D as Drawer } from './index-73bc32e6.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-d401e4f0.js';
+import { L as LOCALE } from './Locale-8468ca0b.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-da444a19.js';
-import { L as Loading } from './index-d690f3ac.js';
+import { A as ArrowRightBlue } from './index-8a7a353c.js';
+import { L as Loading } from './index-4c517571.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -4693,7 +4693,7 @@ const StyledBox = styled.div `
   border-radius: 12px;
   border: 1px solid ${theme.colors.neutral100};
 `;
-const StyledContent = styled.div `
+const StyledContent$1 = styled.div `
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -4775,7 +4775,7 @@ const HPVScreener = ({ onClick, className, style }) => {
     return (React__default.createElement("div", { className: className, style: style },
         React__default.createElement(StyledBox, null,
             React__default.createElement(StyledContentBox, null,
-                React__default.createElement(StyledContent, null,
+                React__default.createElement(StyledContent$1, null,
                     React__default.createElement(StyledBadge, null,
                         React__default.createElement(StyledTextBadgeBox, null,
                             React__default.createElement(StarUpgrade, { style: { width: '1rem', height: '1rem' } }),
@@ -4882,11 +4882,12 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
     const [items, setItems] = useState([]);
     const [total, setTotal] = useState(0);
     const [page, setPage] = useState(1);
+    const [searchSession, setSearchSession] = useState('');
     const [search, setSearch] = useState(defaultSearch);
     const [loading, setLoading] = useState(defaultLoading);
     const [loadingMore, setLoadingMore] = useState(false);
     const [filters, setFilters] = useState(defaultFilters);
-    const loadData = ({ page, search, isMore, pageSize: customPage, filters: filtersData, }) => __awaiter(this, void 0, void 0, function* () {
+    const loadData = ({ page, search, isMore, pageSize: customPage, filters: filtersData, searchSession, }) => __awaiter(this, void 0, void 0, function* () {
         setLoading(!isMore);
         setLoadingMore(isMore);
         try {
@@ -4895,6 +4896,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
                 pageSize: customPage || pageSize,
                 search,
                 filters: filtersData,
+                searchSession,
             });
             if (isMore) {
                 setItems((prevState) => [...prevState, ...res.data]);
@@ -4902,6 +4904,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
             else {
                 setItems(res.data);
             }
+            setSearchSession(res.searchSession || '');
             setPage(page);
             setTotal(res.total);
         }
@@ -4924,6 +4927,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
             page: nextPage,
             isMore: true,
             filters,
+            searchSession,
         });
     };
     const handleChangeSearch = (value) => {
@@ -4936,6 +4940,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
     };
     const resetData = () => {
         setSearch('');
+        setSearchSession('');
         setFilters({});
         loadDataDebounce({
             page: 1,
@@ -5417,7 +5422,7 @@ GeneralInfo.Content = ProductContent;
 GeneralInfo.Title = ProductTitle;
 GeneralInfo.Description = ProductDescription;
 
-const StyledContainer$1 = styled.div `
+const StyledContainer$2 = styled.div `
   border-radius: 12px;
   padding: 0.875rem 0.75rem;
   background-color: ${theme.colors.neutral50};
@@ -5454,7 +5459,7 @@ const Center = styled.div `
 `;
 
 const VoucherItem = ({ image, title, description, onClick, className, dataTracking = {}, }) => {
-    return (React__default.createElement(StyledContainer$1, Object.assign({}, dataTracking, { className: className, onClick: onClick }),
+    return (React__default.createElement(StyledContainer$2, Object.assign({}, dataTracking, { className: className, onClick: onClick }),
         React__default.createElement(Grid, { gutter: "8px" },
             React__default.createElement(Grid.Col, { span: "content" },
                 React__default.createElement(Center, null,
@@ -5470,7 +5475,7 @@ const VoucherItem = ({ image, title, description, onClick, className, dataTracki
                     React__default.createElement(StyledDescription, { size: "c2", weight: "halfBold" }, description))))));
 };
 
-const StyledContainer = styled.div `
+const StyledContainer$1 = styled.div `
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -5486,7 +5491,7 @@ const StyledTextContainer = styled.div `
 `;
 
 const CertificateItem = ({ image, description, title, className, }) => {
-    return (React__default.createElement(StyledContainer, { className: className },
+    return (React__default.createElement(StyledContainer$1, { className: className },
         React__default.createElement(ImageWrap, { src: image, alt: title, style: {
                 width: rem(120),
                 height: rem(120),
@@ -5591,4 +5596,35 @@ const RatingStarsInput = ({ value, max = MAX_RATING, onChange, readOnly = false,
         error && (React__default.createElement(Text, { className: "error-text", size: "c1", color: theme.colors.red600 }, error))));
 };
 
-export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, List as L, MAX_RATING as M, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, VoucherItem as V, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, FixedBottomAdBlock as k, SummaryInfo as l, ListContext as m, QuickFilterWrapLine as n, CardListItem as o, CertificateItem as p, RatingStars as q, RatingStarsInput as r, StarFull as s, StarHalf as t, useListContext as u };
+const StyledContainer = styled.div `
+  display: flex;
+  align-items: center;
+  gap: ${rem(8)};
+  padding: ${rem(10)} ${rem(8)};
+  background-color: ${theme.colors.neutral50};
+  border-radius: ${rem(8)};
+`;
+const StyledContent = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+`;
+
+const AnsweredByDoctor = (props) => {
+    const { doctorName, doctorAvatar, defaultDoctorAvatar } = props;
+    const { t } = useTranslations();
+    return (React__default.createElement(StyledContainer, null,
+        React__default.createElement(ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
+                width: rem(32),
+                height: rem(32),
+                borderRadius: '50%',
+                objectFit: 'cover',
+            } }),
+        React__default.createElement(StyledContent, null,
+            React__default.createElement(Text, { size: "c2", weight: "regular", color: theme.colors.gray600 },
+                t('common.answeredBy'),
+                ":"),
+            React__default.createElement(Text, { size: "p3", weight: "semiBold", color: theme.colors.gray800 }, doctorName))));
+};
+
+export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, List as L, MAX_RATING as M, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, VoucherItem as V, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, FixedBottomAdBlock as k, SummaryInfo as l, ListContext as m, QuickFilterWrapLine as n, CardListItem as o, CertificateItem as p, RatingStars as q, RatingStarsInput as r, AnsweredByDoctor as s, StarFull as t, useListContext as u, StarHalf as v };

package/build/esm/{index-47f2ea26.js → index-df42656a.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-908bab85.js';
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-282f4246.js';
+import { _ as __rest } from './tslib.es6-4dd8267d.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-2ca597d1.js → index-e198a87f.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-f28ed80d.js';
+import { T as Text } from './index-fe6c90d2.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
+import { M as MediaQueries } from './utils-ae5d487a.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-a21e8cc7.js';
-import { R as Radio$1 } from './index-cafbd842.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-7984ef17.js';
-import { T as Text$1 } from './index-f6d17433.js';
+import { S as ShapedArrowDown } from './index-cabe2e47.js';
+import { R as Radio$1 } from './index-4d0005d0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4dd8267d.js';
+import { T as Text$1 } from './index-4c55ff67.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-0db956ee.js';
-import { C as Close } from './Close-9281e4b9.js';
-import { u as useTranslations } from './index-47a94d34.js';
+import { H as Heading } from './index-e5b5c216.js';
+import { C as Close } from './Close-0146a128.js';
+import { u as useTranslations } from './index-a9bb81a8.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
@@ -228,23 +228,23 @@ const StyledCardCollapse = styled.div `
     line-height: 1.5rem;
     flex-grow: 1;
   }
-`;
-const StyledBox = styled.div `
-  display: flex;
-  padding: 1.5rem 1rem 1rem 1rem;
-  gap: 0.75rem;
-  align-items: center;
+  .box-collapse {
+    display: flex;
+    padding: 1.5rem 1rem 1rem 1rem;
+    gap: 0.75rem;
+    align-items: center;
+  }
 `;
 
-function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, }) {
+function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, className, }) {
     const [opened, { toggle }] = useDisclosure(defaultOpened);
     const handleClick = () => {
         if (haveCollapse) {
             toggle();
         }
     };
-    return (React__default.createElement(StyledCardCollapse, { id: id },
-        React__default.createElement(StyledBox, { onClick: handleClick },
+    return (React__default.createElement(StyledCardCollapse, { id: id, className: className },
+        React__default.createElement("div", { className: "box-collapse", onClick: handleClick },
             haveCollapse && icon,
             React__default.createElement("div", { className: "title-collapse" }, title),
             haveCollapse && React__default.createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),

package/build/esm/{index-0e3a22f6.js → index-e55831e2.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-7984ef17.js';
+import { a as __awaiter } from './tslib.es6-4dd8267d.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-0db956ee.js';
-import { T as Text } from './index-f28ed80d.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-4c3c0f03.js';
+import { H as Heading } from './index-e5b5c216.js';
+import { T as Text } from './index-fe6c90d2.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d2b47427.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-e289c55f.js';
+import { D as DEFAULT_IMG } from './constants-3eb48e75.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {