@hhgtech/hhg-components 1.29.539 → 1.29.540

package/build/esm/{SiteWideBanner-d2260963.js → SiteWideBanner-530faffd.js}

@@ -1,22 +1,22 @@
-import React__default, { useState, useMemo, useCallback, useEffect } from 'react';
-import { F as Flag } from './index-92201aad.js';
+import React__default, { useState, useMemo, forwardRef, useImperativeHandle, useCallback, useEffect } from 'react';
+import { F as Flag } from './index-22d966bf.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-f96d3480.js';
-import { C as CommonGAssets } from './index-6f99d75b.js';
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
-import { a as ZINDEX_HEADER, f as VIDEO_DETAIL_TEMP_STORAGE } from './index-a124e73c.js';
-import { V as VideoType } from './index-8733daab.js';
+import { T as Text } from './index-3bbbc192.js';
+import { C as CommonGAssets } from './index-6875c1c8.js';
+import { _ as __rest } from './tslib.es6-d03f5deb.js';
+import { a as ZINDEX_HEADER, f as VIDEO_DETAIL_TEMP_STORAGE } from './index-cbf056b3.js';
+import { V as VideoType } from './index-3845ef4e.js';
 import { createStyles, Stack, Box, rem, Skeleton, AspectRatio, getStylesRef, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-a97bc0e4.js';
-import { u as useTranslations } from './index-b3116160.js';
+import { a as abbreviateNumber } from './number-56e3a367.js';
+import { u as useTranslations } from './index-77cd9344.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-840dec81.js';
-import { S as SocialLinkPreview } from './index-c2cf902b.js';
+import { M as Modal } from './index-7f547ed0.js';
+import { S as SocialLinkPreview } from './index-5f62d561.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { Close } from '@hhgtech/icons/core';
 import Cookies from 'js-cookie';
-import { M as MediaQueries } from './utils-2f779156.js';
+import { M as MediaQueries } from './utils-3681f8cf.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -159,13 +159,14 @@ const LanguageLabel = ({ locale, label, href, }) => {
         React__default.createElement("span", null, label)));
 };
 
-var useStyles$1 = createStyles((theme, { layout, useSquareRatioThumbnail }) => {
+var useStyles$1 = createStyles((theme, { layout, useSquareRatioThumbnail, radius }) => {
+    const itemRadius = radius !== null && radius !== void 0 ? radius : 4;
     return {
         root: {
             display: 'block',
             transition: 'all .3s ease',
             '&, & *': {
-                borderRadius: 4,
+                borderRadius: itemRadius,
             },
             [theme.fn.largerThan('sm')]: {
                 '&:hover': Object.assign(Object.assign({}, (layout === 'overlay' && {
@@ -187,7 +188,11 @@ var useStyles$1 = createStyles((theme, { layout, useSquareRatioThumbnail }) => {
             : {
                 flexDirection: 'column',
             })),
-        itemThumbImg: {},
+        itemThumbImg: {
+            width: '100%',
+            height: '100%',
+            objectFit: 'cover',
+        },
         thumbFrame: {
             backgroundColor: '#000',
         },
@@ -259,9 +264,9 @@ function buildVideoSubtitle({ totalView, createTime, formatTotalView, }) {
 }
 
 const ShortsItem = (_a) => {
-    var { data, layout, styles, loading = false, useSquareRatioThumbnail } = _a, boxProps = __rest(_a, ["data", "layout", "styles", "loading", "useSquareRatioThumbnail"]);
+    var { data, layout, styles, loading = false, radius = 4, hideInfo = false, useSquareRatioThumbnail } = _a, boxProps = __rest(_a, ["data", "layout", "styles", "loading", "radius", "hideInfo", "useSquareRatioThumbnail"]);
     const { title, totalView, imageMedium, createTime } = data;
-    const { classes, cx } = useStyles$1({ layout, useSquareRatioThumbnail }, {
+    const { classes, cx } = useStyles$1({ layout, useSquareRatioThumbnail, radius }, {
         name: 'VideoItem__ShortsItem',
         styles,
     });
@@ -277,6 +282,7 @@ const ShortsItem = (_a) => {
         }),
     }), [createTime, t, totalView]);
     const subTitleVisible = Boolean(subTitle);
+    const shouldRenderInfo = !hideInfo && (loading || Boolean(title) || subTitleVisible);
     const infoElement = (React__default.createElement(Stack, { spacing: 4, className: cx(classes.overlayInfo, 'overlay-info') },
         React__default.createElement(Box, { sx: {
                 position: 'relative',
@@ -326,14 +332,14 @@ const ShortsItem = (_a) => {
                                 left: 0,
                                 right: 0,
                                 bottom: 0,
-                                borderRadius: 4,
+                                borderRadius: radius,
                                 overflow: 'hidden',
                                 zIndex: 1,
                             } },
                             React__default.createElement(Skeleton, { height: "100%", radius: "sm", sx: { display: 'block', lineHeight: 1 } })))),
                     React__default.createElement(Box, { className: cx(classes.overlayWrapper, 'item-overlay-wrapper') },
-                        React__default.createElement(Box, { className: cx(classes.overlay, 'item-overlay') }, layout === 'overlay' && infoElement)))),
-            layout !== 'overlay' && infoElement)));
+                        React__default.createElement(Box, { className: cx(classes.overlay, 'item-overlay') }, layout === 'overlay' && shouldRenderInfo && infoElement)))),
+            layout !== 'overlay' && shouldRenderInfo && infoElement)));
 };
 
 const Play = (_a) => {
@@ -343,11 +349,12 @@ const Play = (_a) => {
         React__default.createElement("path", { d: "m19.477 16.136 11.462 7.719-11.462 7.72z", fill: "#fff", stroke: "#fff", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" })));
 };
 
-var useStyles = createStyles((theme, { active, layout }) => {
+var useStyles = createStyles((theme, { active, layout, radius }) => {
+    const itemRadius = radius !== null && radius !== void 0 ? radius : 4;
     return {
         root: {
             display: 'block',
-            borderRadius: 4,
+            borderRadius: itemRadius,
             [theme.fn.largerThan('sm')]: {
                 '&:hover': {
                     [`.${getStylesRef('overlay')}`]: Object.assign({}, (!active && {
@@ -375,6 +382,11 @@ var useStyles = createStyles((theme, { active, layout }) => {
         })),
         thumbWrapper: {},
         thumbFrame: {},
+        thumbImage: {
+            width: '100%',
+            height: '100%',
+            objectFit: 'cover',
+        },
         title: {
             lineHeight: rem(22),
         },
@@ -409,7 +421,7 @@ var useStyles = createStyles((theme, { active, layout }) => {
             position: 'absolute',
             zIndex: 0,
             background: '#262626',
-            borderRadius: 4,
+            borderRadius: itemRadius,
             bottom: 4,
             right: 4,
             padding: `${rem(1)} ${rem(4)}`,
@@ -421,10 +433,10 @@ var useStyles = createStyles((theme, { active, layout }) => {
 });
 
 const VideoItem$1 = (_a) => {
-    var { isMobile, data, styles, className, classNames, layout, playIcon, loading = false } = _a, boxProps = __rest(_a, ["isMobile", "data", "styles", "className", "classNames", "layout", "playIcon", "loading"]);
+    var { isMobile, data, styles, className, classNames, layout, radius = 4, playIcon, hideInfo = false, loading = false } = _a, boxProps = __rest(_a, ["isMobile", "data", "styles", "className", "classNames", "layout", "radius", "playIcon", "hideInfo", "loading"]);
     const { title, imageMedium, createTime, totalView, active, duration } = data;
     const { locale, t } = useTranslations();
-    const { cx, classes, theme } = useStyles({ active, layout }, { name: 'VideoItem__VideoItem', classNames, styles });
+    const { cx, classes, theme } = useStyles({ active, layout, radius }, { name: 'VideoItem__VideoItem', classNames, styles });
     const PlayIcon = playIcon || Play;
     const subTitle = useMemo(() => ({
         visible: Boolean(totalView || createTime),
@@ -439,18 +451,19 @@ const VideoItem$1 = (_a) => {
     const durationLabel = typeof duration === 'number' && duration > 0
         ? secondsTo24HoursFormat(duration)
         : undefined;
+    const shouldRenderVideoInfo = !hideInfo && (loading || Boolean(title) || subTitle.visible);
     return (React__default.createElement(Box, Object.assign({}, boxProps, { className: cx(className, classes.root) }),
         React__default.createElement(Box, { className: classes.inner },
             React__default.createElement(Box, { className: classes.thumbWrapper },
                 React__default.createElement(Box, { className: classes.thumb, sx: () => ({
                         position: 'relative',
                         'div, img': {
-                            borderRadius: 4,
+                            borderRadius: radius,
                         },
                     }) },
                     React__default.createElement(Box, { sx: { position: 'relative', width: '100%' } },
                         React__default.createElement(AspectRatio, { ratio: VIDEO_THUMBNAIL_RATIO, className: classes.thumbFrame },
-                            React__default.createElement("img", { loading: "lazy", src: thumbSrc, alt: title, style: {
+                            React__default.createElement("img", { loading: "lazy", src: thumbSrc, alt: title, className: classes.thumbImage, style: {
                                     visibility: loading ? 'hidden' : 'visible',
                                 }, onError: (e) => {
                                     e.currentTarget.src = fallbackThumbSrc;
@@ -461,7 +474,7 @@ const VideoItem$1 = (_a) => {
                                 left: 0,
                                 right: 0,
                                 bottom: 0,
-                                borderRadius: 4,
+                                borderRadius: radius,
                                 overflow: 'hidden',
                                 zIndex: 2,
                             } },
@@ -482,7 +495,7 @@ const VideoItem$1 = (_a) => {
                     React__default.createElement(Flex, { className: classes.overlay, align: 'center', justify: 'center', sx: {
                             visibility: loading ? 'hidden' : 'visible',
                         } }, active ? (React__default.createElement(Text, { size: "s3", weight: "semiBold", color: "#fff" }, t('common.playing'))) : (React__default.createElement(PlayIcon, { className: "play-icon", size: isMobile ? 32 : 46 }))))),
-            React__default.createElement(Stack, { className: "video-info", sx: { [theme.fn.largerThan('sm')]: { gap: 4 }, gap: 2 } },
+            shouldRenderVideoInfo && (React__default.createElement(Stack, { className: "video-info", sx: { [theme.fn.largerThan('sm')]: { gap: 4 }, gap: 2 } },
                 React__default.createElement(Box, { sx: {
                         position: 'relative',
                         minHeight: loading && !title ? rem(44) : undefined,
@@ -516,7 +529,7 @@ const VideoItem$1 = (_a) => {
                             top: 0,
                             right: 0,
                         } },
-                        React__default.createElement(Skeleton, { height: 16, width: "55%", radius: "sm" })))))))));
+                        React__default.createElement(Skeleton, { height: 16, width: "55%", radius: "sm" }))))))))));
 };
 
 const VideoPlayerModal = (_a) => {
@@ -582,37 +595,46 @@ const VideoPlayerModal = (_a) => {
                 },
             },
         }) }, rest),
-        React__default.createElement(AspectRatio, { w: '100%', ratio: type === VideoType.SHORTS ? 315 / 560 : 16 / 9, sx: {
-                '.link-image-wrapper': {
-                    paddingTop: 0,
-                    height: '100%',
-                },
-            } },
-            React__default.createElement(SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos }))));
+        React__default.createElement(SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos, isShort: type === VideoType.SHORTS, autoScaleByVideoType: true })));
 };
 
-const VideoItem = (_a) => {
-    var { data, layout = 'default', disableDefaultFn, redirectToLandingPage, onClick, dataEventCategory, dataEventAction, isMobile, loading } = _a, props = __rest(_a, ["data", "layout", "disableDefaultFn", "redirectToLandingPage", "onClick", "dataEventCategory", "dataEventAction", "isMobile", "loading"]);
+const VideoItem = forwardRef((_a, ref) => {
+    var { data, layout = 'default', disableDefaultFn, redirectToLandingPage, onClick, dataEventCategory, dataEventAction, isMobile, loading, hideInfo = false } = _a, props = __rest(_a, ["data", "layout", "disableDefaultFn", "redirectToLandingPage", "onClick", "dataEventCategory", "dataEventAction", "isMobile", "loading", "hideInfo"]);
     const { articleLink, id, videoId, title, url, type } = data;
     const [showModal, setShowModal] = useState(false);
     const href = articleLink || `/videos/${type}/?id=${id}`;
     const { locale } = useTranslations();
     const dataEventLabel = useMemo(() => `https://${domainLocales[locale]}${href}`, [href, locale]);
+    const persistVideoDetailForLanding = () => {
+        localStorage.setItem(VIDEO_DETAIL_TEMP_STORAGE, JSON.stringify({
+            articleLink,
+            id,
+            videoId,
+            title,
+            url,
+            type,
+        }));
+    };
     const handleDefaultClick = (e) => {
         if (redirectToLandingPage) {
-            localStorage.setItem(VIDEO_DETAIL_TEMP_STORAGE, JSON.stringify({
-                articleLink,
-                id,
-                videoId,
-                title,
-                url,
-                type,
-            }));
+            persistVideoDetailForLanding();
             return;
         }
         e.preventDefault();
         setShowModal(true);
     };
+    useImperativeHandle(ref, () => ({
+        open: () => {
+            if (articleLink)
+                return;
+            if (redirectToLandingPage) {
+                persistVideoDetailForLanding();
+                return;
+            }
+            setShowModal(true);
+        },
+        close: () => setShowModal(false),
+    }), [articleLink, redirectToLandingPage, id, videoId, title, url, type]);
     const commonProps = {
         component: 'a',
         href,
@@ -627,9 +649,10 @@ const VideoItem = (_a) => {
                 : undefined,
     };
     return (React__default.createElement(React__default.Fragment, null,
-        type === VideoType.SHORTS ? (React__default.createElement(ShortsItem, Object.assign({}, props, commonProps, { data: data, layout: layout, isMobile: isMobile, loading: loading }))) : (React__default.createElement(VideoItem$1, Object.assign({}, props, commonProps, { layout: layout, data: data, isMobile: isMobile, loading: loading }))),
+        type === VideoType.SHORTS ? (React__default.createElement(ShortsItem, Object.assign({}, props, commonProps, { data: data, layout: layout, isMobile: isMobile, loading: loading, hideInfo: hideInfo }))) : (React__default.createElement(VideoItem$1, Object.assign({}, props, commonProps, { layout: layout, data: data, isMobile: isMobile, loading: loading, hideInfo: hideInfo }))),
         !articleLink && (React__default.createElement(VideoPlayerModal, { opened: Boolean(showModal), data: data, onClose: () => setShowModal(false), isMobile: isMobile }))));
-};
+});
+VideoItem.displayName = 'VideoItem';
 
 const siteWideBg = CommonGAssets.getAssetPath('sitewide/vn-public-desktop.png');
 const StyledsiteWideContainer = styled.div `

package/build/esm/{Spinner-a7300fde.js → Spinner-3b5a13ca.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
+import { _ as __rest } from './tslib.es6-d03f5deb.js';
 import React__default from 'react';
 
 const Spinner = (_a) => {

package/build/esm/{WhatsApp-49fee288.js → WhatsApp-aba2a437.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
+import { _ as __rest } from './tslib.es6-d03f5deb.js';
 import React__default from 'react';
 
 const Instagram = (_a) => {

package/build/esm/adapters.js

@@ -1,39 +1,39 @@
-export { B as Button } from './index-3bd6dcfa.js';
-export { T as Text } from './index-2261b115.js';
-export { H as Heading } from './index-67e8610f.js';
-import './tslib.es6-f0d09e2c.js';
+export { B as Button } from './index-3e660ef5.js';
+export { T as Text } from './index-e2737e63.js';
+export { H as Heading } from './index-d8976f97.js';
+import './tslib.es6-d03f5deb.js';
 import 'react';
-import './index-6ff62fc7.js';
+import './index-491eaab0.js';
 import '@mantine/core';
-import './shared-7b464b6a.js';
-import './index-6d323d6f.js';
-import './index-92201aad.js';
+import './shared-b138264a.js';
+import './index-143508c1.js';
+import './index-22d966bf.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-6f99d75b.js';
+import './index-6875c1c8.js';
 import './constantsDomainLocales.js';
-import './Locale-b4a257b5.js';
+import './Locale-319efad4.js';
 import './constantsIsProduction.js';
-import './index-8a721ff4.js';
-import './utils-2f779156.js';
+import './index-5375335f.js';
+import './utils-3681f8cf.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-f96d3480.js';
-import './index-490ccaf9.js';
+import './index-3bbbc192.js';
+import './index-de616e2c.js';
 import 'dayjs';
-import './index-8733daab.js';
+import './index-3845ef4e.js';
 import '@mantine/notifications';
-import './index-a124e73c.js';
+import './index-cbf056b3.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-3255fd6d.js';
+import './useUniqueId-1ef11bd9.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-8e767c15.js';
-import './translationsContext-42ddfdb4.js';
-import './index-5293388d.js';
+import './index.styles-384bc5ac.js';
+import './translationsContext-23e1a5fa.js';
+import './index-a9c3aa26.js';

package/build/esm/atoms.js

@@ -1,77 +1,77 @@
-export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle } from './index-f54b4e20.js';
-export { A as Avatar, D as DistanceTag, I as IconWrapper } from './index-bea8e3bc.js';
-export { B as Button } from './index-3bd6dcfa.js';
-export { C as Checkbox, I as ImageWrapV2, P as Pagination, a as PureInput, b as SearchInput, S as StyledSearchIcon } from './index-411bb737.js';
-export { C as Container } from './index-c35cc389.js';
-export { D as Divider } from './index-3b1881c4.js';
-export { D as Drawer } from './index-6ae14970.js';
-export { F as Flag } from './index-92201aad.js';
-export { H as Heading } from './index-67e8610f.js';
-export { I as Icon } from './index-213b9bfe.js';
-export { I as Input, L as Label } from './index-1b989b41.js';
-export { L as Logo } from './index-b8489a5c.js';
-export { R as RadioImageGroup } from './index-c571ca5b.js';
-export { T as Text } from './index-2261b115.js';
-export { T as TextArea } from './index-65a58ced.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-010250c5.js';
-export { B as BtnChoice } from './index-9f4384bf.js';
-export { C as CustomReferenceDot } from './index-2b5ccf4f.js';
-export { I as ImageWrap } from './index-8a721ff4.js';
-export { L as LogoIcon } from './logoIcon-cd9c5939.js';
-export { G as GenderOptionControl } from './index-0a28fd13.js';
-export { L as Loading } from './index-e9e17c36.js';
-export { D as DrawerComponent } from './index-45b98ce5.js';
-export { D as DrawerBottom } from './index-75dfd6f0.js';
-export { I as InputDate } from './InputDate-6ddfb12f.js';
-export { C as CartCareButton } from './index-638eddc7.js';
+export { A as Alert, B as Badge, a as BorderHeading, C as CardCollapse, D as DragFreeCarousel, f as FILE_UPLOAD_ACCEPTED_RATIOS, g as FILE_UPLOAD_ACCEPTED_TYPES, F as FileDropdown, G as Grid, H as HtmlContent, I as IconHeading, e as ImageUpload, R as Radio, b as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, c as Toggle } from './index-f1db480b.js';
+export { A as Avatar, D as DistanceTag, I as IconWrapper } from './index-f6bfaf6c.js';
+export { B as Button } from './index-3e660ef5.js';
+export { C as Checkbox, I as ImageWrapV2, P as Pagination, a as PureInput, b as SearchInput, S as StyledSearchIcon } from './index-a3e5bcb1.js';
+export { C as Container } from './index-da233812.js';
+export { D as Divider } from './index-14f56a8f.js';
+export { D as Drawer } from './index-64b141ee.js';
+export { F as Flag } from './index-22d966bf.js';
+export { H as Heading } from './index-d8976f97.js';
+export { I as Icon } from './index-f30844e7.js';
+export { I as Input, L as Label } from './index-f30c0076.js';
+export { L as Logo } from './index-be585408.js';
+export { R as RadioImageGroup } from './index-4a178dc8.js';
+export { T as Text } from './index-e2737e63.js';
+export { T as TextArea } from './index-8611179c.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-506e6b52.js';
+export { B as BtnChoice } from './index-e986eaee.js';
+export { C as CustomReferenceDot } from './index-4a6f1d3a.js';
+export { I as ImageWrap } from './index-5375335f.js';
+export { L as LogoIcon } from './logoIcon-4091318b.js';
+export { G as GenderOptionControl } from './index-3c9bdce9.js';
+export { L as Loading } from './index-d2b93970.js';
+export { D as DrawerComponent } from './index-2fd18898.js';
+export { D as DrawerBottom } from './index-15d7ec85.js';
+export { I as InputDate } from './InputDate-42676111.js';
+export { C as CartCareButton } from './index-e14d5661.js';
 import 'react';
-import './index-f96d3480.js';
-import './tslib.es6-f0d09e2c.js';
+import './index-3bbbc192.js';
+import './tslib.es6-d03f5deb.js';
 import '@mantine/core';
-import './index-6d323d6f.js';
+import './index-143508c1.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-2f779156.js';
+import './utils-3681f8cf.js';
 import '@mantine/hooks';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
-import './index-b3116160.js';
-import './translationsContext-42ddfdb4.js';
+import './index-77cd9344.js';
+import './translationsContext-23e1a5fa.js';
 import '@mantine/carousel';
-import './index-6ff62fc7.js';
-import './shared-7b464b6a.js';
+import './index-491eaab0.js';
+import './shared-b138264a.js';
 import '@mantine/dates';
-import './index-a124e73c.js';
+import './index-cbf056b3.js';
 import 'date-fns/locale';
-import './index-8733daab.js';
-import './Locale-b4a257b5.js';
+import './index-3845ef4e.js';
+import './Locale-319efad4.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './index-6f99d75b.js';
-import './index-490ccaf9.js';
+import './index-6875c1c8.js';
+import './index-de616e2c.js';
 import 'dayjs';
 import '@mantine/notifications';
-import './index.styles-8e767c15.js';
-import './index-5293388d.js';
+import './index.styles-384bc5ac.js';
+import './index-a9c3aa26.js';
 import '@hhgtech/icons/other';
 import '@emotion/react';
-import './animation-66ee8d90.js';
+import './animation-2f04f549.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-3255fd6d.js';
+import './useUniqueId-1ef11bd9.js';
 import '@hhgtech/icons/core';
-import './WhatsApp-49fee288.js';
-import './Spinner-a7300fde.js';
-import './index-e6312164.js';
-import './paths-12e5c929.js';
-import './constants-acb8cae2.js';
-import './utils-8841c559.js';
-import './index-64f2202f.js';
+import './WhatsApp-aba2a437.js';
+import './Spinner-3b5a13ca.js';
+import './index-9383743f.js';
+import './paths-92e7e9f3.js';
+import './constants-52571ab3.js';
+import './utils-dc026004.js';
+import './index-c633ae73.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-27ab1ac9.js';
+import './constants-fa7d38fe.js';
 import 'vaul';