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

package/build/esm/{index-5bdd1777.js → index-95be323c.js}

@@ -1,48 +1,50 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-f56963a6.js';
-import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-32c466ec.js';
-import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a1185d41.js';
+import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
+import { R as Radio } from './index-6856a8dc.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-74d772bb.js';
-import './index-99bb09af.js';
-import { C as CommonGAssets } from './index-e6f7246e.js';
-import './index-ea472f22.js';
-import { T as Text } from './index-a5c795a1.js';
-import { B as Button$1 } from './index-5e2002e6.js';
-import './index.styles-f34ddcab.js';
-import './translationsContext-62c6db41.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-c979e822.js';
+import './index-c1a80bfa.js';
+import { C as CommonGAssets } from './index-39603939.js';
+import './index-d8a1c9b7.js';
+import { T as Text } from './index-11f99f13.js';
+import { B as Button$1 } from './index-bb8bebf5.js';
+import './index.styles-631320ba.js';
+import './translationsContext-818f2767.js';
 import '@mantine/hooks';
-import './text-55617bb4.js';
-import { M as MediaQueries } from './utils-ca546a43.js';
-import './index-b8828dea.js';
-import { i as isInternalLink } from './index-df6d1283.js';
+import './text-6b1a3cb1.js';
+import { M as MediaQueries } from './utils-127c91c4.js';
+import './index-9746eb1a.js';
+import { i as isInternalLink } from './index-a959e4e6.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-8d4eb39a.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-90098e72.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-f82c90ec.js';
+import { L as Logo } from './index-6b1054cb.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-3b74014e.js';
+import { a as useOutsideClick } from './useOutsideClick-88112ae0.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-a427d65f.js';
-import { u as useScreenSize } from './index-6d801ccc.js';
-import { u as useTranslations } from './index-ef717367.js';
-import { D as Dropdown } from './index-2f9d4e82.js';
+import { B as Button } from './index-68e2690f.js';
+import { u as useScreenSize, I as ImageWrap } from './index-32eebded.js';
+import { u as useTranslations } from './index-50272676.js';
+import { D as Dropdown } from './index-08975b8e.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-335d9430.js';
-import { D as Drawer } from './index-b9dc63ec.js';
+import { I as Input } from './index-655cc84a.js';
+import { D as Drawer } from './index-5b9615b0.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-5460e729.js';
+import { L as LOCALE } from './Locale-5e5b94e0.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-5d972b14.js';
+import { debounce } from 'lodash';
 
 const StyledCategoryCard = styled.a `
   display: flex;
@@ -4634,4 +4636,332 @@ 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();
+    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, "No Result");
+    }
+    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: 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);
+        console.log('nextFilter', nextFilter);
+        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({ 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, { 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({ filterOptions }) {
+    const { handleChangeFilter, filters } = useListContext();
+    return (React__default.createElement(QuickFilter, { filterOptions: filterOptions, onChange: handleChangeFilter, activeFilter: filters }));
+}
+
+function LoadMore({ renderLoadMore, }) {
+    const { loadingMore, handleLoadMore, pageSize, page, total } = useListContext();
+    const totalPages = Math.ceil(total / pageSize);
+    const isEndLoadMore = totalPages === page || !total;
+    if (isEndLoadMore) {
+        return null;
+    }
+    return (React__default.createElement(Box, { mt: rem(24), className: "text-center" },
+        React__default.createElement(Button$2, { 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,
+            })
+            : `Load more ${pageSize} 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({ className, placeholder = 'Search...', formatValue, }) {
+    const { search, handleChangeSearch } = useListContext();
+    const onChange = (value) => {
+        if (formatValue) {
+            handleChangeSearch(formatValue(value));
+            return;
+        }
+        handleChangeSearch(value);
+    };
+    return (React__default.createElement(SearchInput, { value: search, onChange: onChange, placeholder: placeholder, className: className }));
+}
+
+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-f141030c.js → index-95dca4a2.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-e6f7246e.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-6a4cbb99.js';
-import { G as GA_TOKEN_COOKIE } from './index-74d772bb.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-d7818aab.js';
+import { C as CommonGAssets } from './index-39603939.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-e09337fc.js';
+import { G as GA_TOKEN_COOKIE } from './index-c979e822.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-88170e03.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-f56963a6.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4444fd12.js';
-import { I as ImageWrap } from './index-6d801ccc.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-ed68733d.js';
-import { u as useTranslations } from './index-ef717367.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a1185d41.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-bee87a6d.js';
+import { I as ImageWrap } from './index-32eebded.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-1201fe81.js';
+import { u as useTranslations } from './index-50272676.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-32c466ec.js';
+import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-6856a8dc.js';
 import '@mantine/dates';
-import './index-99bb09af.js';
-import { t as themeColors } from './index-ea472f22.js';
-import { T as Text } from './index-a5c795a1.js';
-import { B as Button } from './index-5e2002e6.js';
-import './index.styles-f34ddcab.js';
+import './index-c1a80bfa.js';
+import { t as themeColors } from './index-d8a1c9b7.js';
+import { T as Text } from './index-11f99f13.js';
+import { B as Button } from './index-bb8bebf5.js';
+import './index.styles-631320ba.js';
 import { useViewportSize } from '@mantine/hooks';
-import './text-55617bb4.js';
-import './utils-ca546a43.js';
-import './index-b8828dea.js';
+import './text-6b1a3cb1.js';
+import './utils-127c91c4.js';
+import './index-9746eb1a.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-62c6db41.js';
-import { H as Heading } from './index-8b97a08b.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-0f9764d6.js';
-import { I as Icon } from './index-30f799b6.js';
+import './translationsContext-818f2767.js';
+import { H as Heading } from './index-0eefffa4.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-bfd17662.js';
+import { I as Icon } from './index-9606993e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-15eb2ff8.js';
-import { M as Modal } from './index-eee9d14d.js';
+import { i as isVideo } from './index-013a4186.js';
+import { M as Modal } from './index-c209a4fb.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-5460e729.js';
+import { L as LOCALE } from './Locale-5e5b94e0.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-30f799b6.js → index-9606993e.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-f56963a6.js';
+import { _ as __rest } from './tslib.es6-a1185d41.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-0aa38272.js';
-import { S as Spinner } from './Spinner-cf3eef38.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-f84dedc1.js';
+import { S as Spinner } from './Spinner-3ca82c47.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-b8828dea.js → index-9746eb1a.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-f56963a6.js';
+import { _ as __rest } from './tslib.es6-a1185d41.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-5e2002e6.js';
-import { T as Text } from './index-a5c795a1.js';
+import { B as Button } from './index-bb8bebf5.js';
+import { T as Text } from './index-11f99f13.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-fa5da20e.js → index-9885add9.js}

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

package/build/esm/{index-1af6a755.js → index-9c732be8.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-f56963a6.js';
+import { a as __awaiter } from './tslib.es6-a1185d41.js';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-ed68733d.js';
-import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-74d772bb.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-1201fe81.js';
+import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-c979e822.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-5460e729.js';
+import { L as LOCALE } from './Locale-5e5b94e0.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-87fc8947.js → index-9d8b7481.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-a4efc829.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-74d772bb.js';
-import { N as NodeIntentType } from './index-99bb09af.js';
+import { c as cookie } from './index-56bfe9b6.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-c979e822.js';
+import { N as NodeIntentType } from './index-c1a80bfa.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-d1bf3e47.js → index-a2fe3dec.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-3017681c.js';
-import { T as Text } from './index-8deaa637.js';
+import { M as MarryBabyText } from './index-8034f068.js';
+import { T as Text } from './index-8757a290.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-894a2bdc.js → index-a528817b.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-a427d65f.js';
-import { T as TogetherComponentGlobalContext } from './utils-6a4cbb99.js';
+import { B as Button } from './index-68e2690f.js';
+import { T as TogetherComponentGlobalContext } from './utils-e09337fc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-df6d1283.js → index-a959e4e6.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-32c466ec.js';
+import { F as Flag } from './index-6856a8dc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-a5c795a1.js';
-import { C as CommonGAssets } from './index-e6f7246e.js';
-import { _ as __rest } from './tslib.es6-f56963a6.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-74d772bb.js';
-import { V as VideoType } from './index-99bb09af.js';
+import { T as Text } from './index-11f99f13.js';
+import { C as CommonGAssets } from './index-39603939.js';
+import { _ as __rest } from './tslib.es6-a1185d41.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-c979e822.js';
+import { V as VideoType } from './index-c1a80bfa.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-8f9b730f.js';
-import { u as useTranslations } from './index-ef717367.js';
+import { a as abbreviateNumber } from './number-871e02b8.js';
+import { u as useTranslations } from './index-50272676.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-eee9d14d.js';
-import { S as SocialLinkPreview } from './index-aeceb78e.js';
+import { M as Modal } from './index-c209a4fb.js';
+import { S as SocialLinkPreview } from './index-21521628.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-76c6f413.js → index-b2bb05cc.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-f56963a6.js';
+import { _ as __rest } from './tslib.es6-a1185d41.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-a5c795a1.js';
-import { B as Button } from './index-5e2002e6.js';
-import { u as useTranslations } from './index-ef717367.js';
+import { T as Text } from './index-11f99f13.js';
+import { B as Button } from './index-bb8bebf5.js';
+import { u as useTranslations } from './index-50272676.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-a0e81ada.js → index-bb15e143.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-f56963a6.js';
+import { _ as __rest } from './tslib.es6-a1185d41.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-6a4cbb99.js';
+import { T as TogetherComponentGlobalContext } from './utils-e09337fc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';