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

package/build/esm/{index-0426f23f.js → index-a99df004.js}

@@ -1,48 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5963bc29.js';
-import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-d4e185e2.js';
-import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d50c14df.js';
+import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
+import { R as Radio } from './index-9dbdd688.js';
+import { Stack, Group, createStyles, getStylesRef, Box, clsx, rem, Button as Button$2, AspectRatio } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-f701099c.js';
-import './index-f4288484.js';
-import { C as CommonGAssets } from './index-3f06a39d.js';
-import './index-d04d36d4.js';
-import { T as Text } from './index-821ea8b0.js';
-import { B as Button$1 } from './index-191ab44b.js';
-import './index.styles-57c0d264.js';
-import './translationsContext-539a404d.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-77a5ed91.js';
+import './index-81bed3a5.js';
+import { C as CommonGAssets } from './index-c66219ba.js';
+import './index-f25b9d2f.js';
+import { T as Text } from './index-c129a5bd.js';
+import { B as Button$1 } from './index-33269880.js';
+import './index.styles-94965ed6.js';
+import './translationsContext-569e04a4.js';
 import '@mantine/hooks';
-import './text-61cb44ed.js';
-import { M as MediaQueries } from './utils-0a4ff4ca.js';
-import './index-e038eac9.js';
-import { i as isInternalLink } from './index-ab3b6ff2.js';
+import './text-26186936.js';
+import { M as MediaQueries } from './utils-ab85dac6.js';
+import './index-17eeebe5.js';
+import { i as isInternalLink } from './index-5ca1a5b5.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-707480ef.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-29cae2ef.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-31ba25b8.js';
+import { L as Logo } from './index-f84edc62.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-9db01f41.js';
+import { a as useOutsideClick } from './useOutsideClick-17f4768b.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-733da889.js';
-import { u as useScreenSize } from './index-f606de13.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
-import { D as Dropdown } from './index-1a3a5538.js';
+import { B as Button } from './index-da18145b.js';
+import { u as useScreenSize, I as ImageWrap } from './index-d6783182.js';
+import { u as useTranslations } from './index-af486ec3.js';
+import { D as Dropdown } from './index-72e71273.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-bec9aaac.js';
-import { D as Drawer } from './index-274ec6b2.js';
+import { I as Input } from './index-8bcbdcb9.js';
+import { D as Drawer } from './index-a08d1a70.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-d9693753.js';
+import { L as LOCALE } from './Locale-008b482e.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
+import { L as Loading } from './index-2f430321.js';
+import get from 'lodash/get';
+import debounce from 'lodash/debounce';
 
 const StyledCategoryCard = styled.a `
   display: flex;
@@ -4634,4 +4637,339 @@ const WidgetChatbotAi = ({}) => {
                     React__default.createElement(Button$1, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__default.createElement(ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
 };
 
-export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, IconText as I, RadioGroup as R, ScrollList as S, Tabs as T, 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 };
+const ListContext = createContext(null);
+function useListContext() {
+    const ctx = useContext(ListContext);
+    if (!ctx)
+        throw new Error('useListContext must be used within ListProvider');
+    return ctx;
+}
+
+function Content({ className, children, customLoading, customEmpty, }) {
+    const { loading, items } = useListContext();
+    const { t } = useTranslations();
+    if (loading) {
+        return customLoading ? React__default.createElement(React__default.Fragment, null, customLoading) : React__default.createElement(Loading, null);
+    }
+    if (!items.length) {
+        return customEmpty ? React__default.createElement(React__default.Fragment, null, customEmpty) : React__default.createElement("div", null, t('common.noResult'));
+    }
+    return React__default.createElement("div", { className: className }, children);
+}
+
+function Item({ render, }) {
+    const { items, loading, loadingMore } = useListContext();
+    return (React__default.createElement(React__default.Fragment, null, items.map((item, idx) => (React__default.createElement("div", { key: get(item, 'id', idx) }, render(item, loading, loadingMore))))));
+}
+
+const DEFAULT_PAGE_SIZE = 10;
+function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', defaultFilters = {}, }) {
+    const [items, setItems] = useState([]);
+    const [total, setTotal] = useState(0);
+    const [page, setPage] = useState(1);
+    const [search, setSearch] = useState(defaultSearch);
+    const [loading, setLoading] = useState(false);
+    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* () {
+        setLoading(!isMore);
+        setLoadingMore(isMore);
+        try {
+            const res = yield fetcher({
+                page,
+                pageSize: customPage || pageSize,
+                search,
+                filters: filtersData,
+            });
+            if (isMore) {
+                setItems((prevState) => [...prevState, ...res.data]);
+            }
+            else {
+                setItems(res.data);
+            }
+            setPage(page);
+            setTotal(res.total);
+        }
+        finally {
+            setLoading(false);
+            setLoadingMore(false);
+        }
+    });
+    const loadDataDebounce = useCallback(debounce(loadData, 300), []);
+    const handleChangePage = (page) => {
+        loadDataDebounce({
+            search,
+            page,
+        });
+    };
+    const handleLoadMore = () => {
+        const nextPage = page + 1;
+        loadDataDebounce({
+            search,
+            page: nextPage,
+            isMore: true,
+            filters,
+        });
+    };
+    const handleChangeSearch = (value) => {
+        setSearch(value);
+        loadDataDebounce({
+            search: value,
+            page: 1,
+            filters,
+        });
+    };
+    const resetData = () => {
+        setSearch('');
+        setFilters({});
+        loadDataDebounce({
+            page: 1,
+            search: '',
+            filters: {},
+        });
+    };
+    const handleChangeFilter = (filterData) => {
+        const nextFilter = Object.assign({}, filters);
+        if (filterData.filterKey in nextFilter &&
+            nextFilter[filterData.filterKey] === filterData.value) {
+            delete nextFilter[filterData.filterKey];
+        }
+        else {
+            nextFilter[filterData.filterKey] = filterData.value;
+        }
+        setFilters(nextFilter);
+        loadDataDebounce({
+            page: 1,
+            search: search,
+            filters: nextFilter,
+        });
+    };
+    const handleUpdateFilter = (filterObject) => {
+        const nextFilter = Object.assign(Object.assign({}, filters), filterObject);
+        setFilters(nextFilter);
+        loadDataDebounce({
+            page: 1,
+            search: search,
+            filters: nextFilter,
+        });
+    };
+    return {
+        items,
+        total,
+        page,
+        pageSize,
+        search,
+        loading,
+        loadingMore,
+        filters,
+        handleChangePage,
+        handleChangeSearch,
+        handleLoadMore,
+        handleChangeFilter,
+        handleUpdateFilter,
+        resetData,
+    };
+}
+
+function ListProvider({ fetcher, children, defaultFilters, defaultSearch, pageSize, }) {
+    const listState = useList({
+        fetcher,
+        defaultFilters,
+        defaultSearch,
+        pageSize,
+    });
+    const value = useMemo(() => (Object.assign({}, listState)), [
+        listState.items,
+        listState.page,
+        listState.loading,
+        listState.loadingMore,
+        listState.search,
+        listState.total,
+        listState.filters,
+    ]);
+    return React__default.createElement(ListContext.Provider, { value: value }, children);
+}
+
+const StyledFilterItem = styled.div `
+  display: inline-flex;
+  border: 1px solid ${theme.colors.neutral100};
+  padding: 0.5rem 0.75rem;
+  color: ${theme.colors.gray800};
+  text-align: center;
+  font-size: 0.8125rem;
+  border-radius: 0.5rem;
+  line-height: 1.25rem;
+  background-color: ${theme.colors.white};
+  white-space: nowrap;
+  cursor: pointer;
+
+  &.active {
+    border: 1px solid ${theme.colors.blue100};
+    background-color: ${theme.colors.blue50};
+  }
+`;
+
+const StyledVaccineFilter = styled.div `
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+    display: none;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 6px;
+  }
+`;
+function QuickFilter(_a) {
+    var { filterOptions, activeFilter, onChange } = _a, restProps = __rest(_a, ["filterOptions", "activeFilter", "onChange"]);
+    const handleChange = (item) => {
+        return ((e) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(item);
+            const target = e.target;
+            if (target) {
+                target.scrollIntoView({
+                    block: 'nearest',
+                    inline: 'center',
+                    behavior: 'auto',
+                });
+            }
+        });
+    };
+    return (React__default.createElement(StyledVaccineFilter, { className: "flex flex-nowrap gap-2 overflow-x-auto snap-x max-w-full" }, filterOptions.map((item, index) => (React__default.createElement(StyledFilterItem, Object.assign({}, restProps, { key: `filter_${index}`, onClick: handleChange(item), className: clsx('snap-center', {
+            active: activeFilter[item.filterKey] === item.value,
+        }), "data-event-label": item.label }), item.label)))));
+}
+
+function ListQuickFilter(_a) {
+    var { filterOptions } = _a, restProps = __rest(_a, ["filterOptions"]);
+    const { handleChangeFilter, filters } = useListContext();
+    return (React__default.createElement(QuickFilter, Object.assign({}, restProps, { filterOptions: filterOptions, onChange: handleChangeFilter, activeFilter: filters })));
+}
+
+function LoadMore(_a) {
+    var { renderLoadMore } = _a, restProps = __rest(_a, ["renderLoadMore"]);
+    const { loadingMore, handleLoadMore, pageSize, page, total } = useListContext();
+    const totalPages = Math.ceil(total / pageSize);
+    const isEndLoadMore = totalPages === page || !total;
+    const restTotal = total - page * pageSize;
+    const loadMoreNumber = restTotal > pageSize ? pageSize : restTotal;
+    if (isEndLoadMore) {
+        return null;
+    }
+    return (React__default.createElement(Box, { mt: rem(24), className: "text-center" },
+        React__default.createElement(Button$2, Object.assign({}, restProps, { loading: loadingMore, onClick: handleLoadMore, variant: "white", radius: 30, py: 8, px: 32, lh: rem(20), sx: {
+                color: theme.colors.gray800,
+                fontSize: 13,
+                transition: 'color 0.2s',
+                ':hover': {
+                    color: theme.colors.gray600,
+                },
+            } }), typeof renderLoadMore === 'function'
+            ? renderLoadMore({
+                loadingMore,
+                page,
+                pageSize,
+                last: loadMoreNumber,
+            })
+            : `Load more ${loadMoreNumber} items`)));
+}
+
+function Pagination() {
+    const { total, page, handleChangePage, pageSize } = useListContext();
+    const totalPages = Math.ceil(total / pageSize);
+    return (React__default.createElement(Pagination$1, { pagesAmount: totalPages, currentPage: page, onChange: handleChangePage }));
+}
+
+function Search(_a) {
+    var { className, placeholder = 'Search...', formatValue } = _a, restProps = __rest(_a, ["className", "placeholder", "formatValue"]);
+    const { search, handleChangeSearch } = useListContext();
+    const onChange = (value) => {
+        if (formatValue) {
+            handleChangeSearch(formatValue(value));
+            return;
+        }
+        handleChangeSearch(value);
+    };
+    return (React__default.createElement(SearchInput, Object.assign({ value: search, onChange: onChange, placeholder: placeholder, className: className }, restProps)));
+}
+
+const List = {
+    Provider: ListProvider,
+    Search,
+    Content,
+    Pagination,
+    Item,
+    LoadMore,
+    QuickFilter: ListQuickFilter,
+};
+
+const StyleCardItem = styled.div `
+  padding: 1rem;
+  display: grid;
+  grid-template-columns: 1fr 84px;
+  background-color: ${theme.colors.white};
+  gap: 0.75rem;
+
+  .logo {
+    width: 84px;
+    border-radius: 8px;
+    overflow: hidden;
+  }
+
+  /* grid-rows-1 grid-cols-2 order-2 w-[84px] */
+
+  .title {
+    font-size: 0.9375rem;
+    line-height: 1.5rem;
+    font-weight: 600;
+    letter-spacing: -0.2px;
+    color: #1e1e1e;
+  }
+
+  .description {
+    font-size: 0.8125rem;
+    line-height: 1.25rem;
+    color: ${theme.colors.gray600};
+    letter-spacing: -0.3px;
+
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+  }
+
+  .info {
+    gap: 4px;
+    display: flex;
+    flex-direction: column;
+  }
+`;
+styled.div `
+  position: relative;
+  width: 85px;
+  flex-shrink: 0;
+  border-radius: 0.5rem;
+`;
+
+function CardListItem({ title, href, description, logo, defaultImage, LinkComponent = 'a', children, contentInfo, className, }) {
+    return (React__default.createElement(StyleCardItem, { className: className },
+        React__default.createElement("div", { className: "info" },
+            React__default.createElement(LinkComponent, { href: href },
+                React__default.createElement("h5", { className: "title" }, title)),
+            description && (React__default.createElement(LinkComponent, { href: href },
+                React__default.createElement("p", { className: "description" }, description))),
+            contentInfo),
+        React__default.createElement("div", { className: "logo" },
+            React__default.createElement(LinkComponent, { href: href },
+                React__default.createElement(AspectRatio, { ratio: 1, bg: "#EFF4FF" },
+                    React__default.createElement(ImageWrap, { src: logo || defaultImage, width: 84, height: 84, alt: title, backupSrc: defaultImage })))),
+        children));
+}
+
+export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, IconText as I, List as L, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, 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, ListContext as l, CardListItem as m, useListContext as u };

package/build/esm/{index-afea4102.js → index-af3b4bea.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-5963bc29.js';
+import { a as __awaiter } from './tslib.es6-d50c14df.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-65e33226.js';
-import { T as Text } from './index-821ea8b0.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1702909d.js';
+import { H as Heading } from './index-eed6bc98.js';
+import { T as Text } from './index-c129a5bd.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d56e9428.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-edaef6cb.js';
+import { D as DEFAULT_IMG } from './constants-b308040a.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-0b3eda7a.js → index-af486ec3.js}

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

package/build/esm/{index-171189f1.js → index-b115270a.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-4281af40.js';
+import { C as Container } from './index-7faa1f1f.js';
 import dayjs from 'dayjs';
-import './index-f701099c.js';
-import './index-d4e185e2.js';
+import './index-77a5ed91.js';
+import './index-9dbdd688.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-f4288484.js';
-import './index-3f06a39d.js';
-import './index-d04d36d4.js';
-import { T as Text } from './index-821ea8b0.js';
-import './index-191ab44b.js';
-import './index.styles-57c0d264.js';
-import './translationsContext-539a404d.js';
+import './index-81bed3a5.js';
+import './index-c66219ba.js';
+import './index-f25b9d2f.js';
+import { T as Text } from './index-c129a5bd.js';
+import './index-33269880.js';
+import './index.styles-94965ed6.js';
+import './translationsContext-569e04a4.js';
 import '@mantine/hooks';
-import './text-61cb44ed.js';
-import { M as MediaQueries } from './utils-0a4ff4ca.js';
-import './index-e038eac9.js';
-import { u as useScreenSize } from './index-f606de13.js';
+import './text-26186936.js';
+import { M as MediaQueries } from './utils-ab85dac6.js';
+import './index-17eeebe5.js';
+import { u as useScreenSize } from './index-d6783182.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-31ba25b8.js';
-import { M as MarryBabyText } from './index-e9f085b1.js';
+import { L as Logo } from './index-f84edc62.js';
+import { M as MarryBabyText } from './index-4a8e637c.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-5731d0d8.js → index-b17b6b90.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
 import React__default from 'react';
-import './index-d4e185e2.js';
+import './index-9dbdd688.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-f701099c.js';
-import './index-f4288484.js';
-import './index-3f06a39d.js';
-import './index-d04d36d4.js';
-import { T as Text$1 } from './index-821ea8b0.js';
-import './index-191ab44b.js';
-import './index.styles-57c0d264.js';
-import './translationsContext-539a404d.js';
+import './index-77a5ed91.js';
+import './index-81bed3a5.js';
+import './index-c66219ba.js';
+import './index-f25b9d2f.js';
+import { T as Text$1 } from './index-c129a5bd.js';
+import './index-33269880.js';
+import './index.styles-94965ed6.js';
+import './translationsContext-569e04a4.js';
 import '@mantine/hooks';
-import './text-61cb44ed.js';
-import './utils-0a4ff4ca.js';
-import './index-e038eac9.js';
+import './text-26186936.js';
+import './utils-ab85dac6.js';
+import './index-17eeebe5.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-76767acf.js → index-b693db76.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-0b3eda7a.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-0a4ff4ca.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-6f740cc7.js';
-import { I as Icon } from './index-16fdc55c.js';
-import { _ as __rest } from './tslib.es6-5963bc29.js';
-import { U as UserAvatar } from './index-741f6392.js';
-import { I as ImageWrap, u as useScreenSize } from './index-f606de13.js';
-import './index-f701099c.js';
-import { C as CommonGAssets } from './index-3f06a39d.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-1702909d.js';
-import { B as Button } from './index-733da889.js';
-import { T as Text } from './index-821ea8b0.js';
+import { u as useTranslations } from './index-af486ec3.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-ab85dac6.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-09163dee.js';
+import { I as Icon } from './index-5f239ba0.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
+import { U as UserAvatar } from './index-e03a252a.js';
+import { I as ImageWrap, u as useScreenSize } from './index-d6783182.js';
+import './index-77a5ed91.js';
+import { C as CommonGAssets } from './index-c66219ba.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-d56e9428.js';
+import { B as Button } from './index-da18145b.js';
+import { T as Text } from './index-c129a5bd.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-c82fa113.js';
-import { H as Heading } from './index-65e33226.js';
-import { M as Modal } from './index-4f83c392.js';
+import { L as Loading } from './index-fa4c7a7d.js';
+import { H as Heading } from './index-eed6bc98.js';
+import { M as Modal } from './index-55117555.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-ac55ae04.js').then((module) => {
+                import('./index-e0aa6439.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-b17ada8f.js → index-bdf1d493.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-e9f085b1.js';
-import { T as Text } from './index-5731d0d8.js';
+import { M as MarryBabyText } from './index-4a8e637c.js';
+import { T as Text } from './index-b17b6b90.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-68b47e27.js → index-bf65f180.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-5963bc29.js';
+import { a as __awaiter } from './tslib.es6-d50c14df.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-f606de13.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1702909d.js';
+import { I as ImageWrap } from './index-d6783182.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d56e9428.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-edaef6cb.js';
-import { y as youtubeVidIdGetter } from './post-ee090e61.js';
-import { L as Loading } from './index-c82fa113.js';
+import { D as DEFAULT_IMG } from './constants-b308040a.js';
+import { y as youtubeVidIdGetter } from './post-931600b9.js';
+import { L as Loading } from './index-fa4c7a7d.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-821ea8b0.js → index-c129a5bd.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
 import React__default from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-61cb44ed.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-26186936.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-b0a916ab.js → index-c1b31c1d.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-5963bc29.js';
+import { _ as __rest } from './tslib.es6-d50c14df.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-821ea8b0.js';
-import { u as useTranslations } from './index-0b3eda7a.js';
+import { T as Text } from './index-c129a5bd.js';
+import { u as useTranslations } from './index-af486ec3.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-1d2eaa10.js → index-c4989617.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-8a48040b.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-f701099c.js';
-import { N as NodeIntentType } from './index-f4288484.js';
+import { c as cookie } from './index-34c6f46b.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-77a5ed91.js';
+import { N as NodeIntentType } from './index-81bed3a5.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';