@hhgtech/hhg-components 1.29.539 → 1.29.541

package/build/esm/index-54fb4bcd.js

@@ -0,0 +1,312 @@
+import { a as __awaiter } from './tslib.es6-00ab44b2.js';
+import React__default, { useState, useEffect, useRef, useContext, useMemo, useCallback, useLayoutEffect } from 'react';
+import { Box, useMantineTheme } from '@mantine/core';
+import { I as ImageWrap } from './index-50aea2c8.js';
+import { T as TogetherComponentGlobalContext, c as callApi, f as getApiPath } from './utils-5e9c89a7.js';
+import styled from '@emotion/styled';
+import { PATHS } from './togetherApiPaths.js';
+import { a as DEFAULT_IMG } from './constants-367949ba.js';
+import { y as youtubeVidIdGetter } from './post-e5fb69aa.js';
+import { L as Loading } from './index-4144308c.js';
+
+const StyledSocialLinkPreview = styled.div `
+  .link-info-container {
+    padding: 0.5rem 1rem;
+    background: ${(props) => props.color || '#f4faff'};
+  }
+  .link-image-wrapper {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    background-color: #000;
+    padding-top: ${(props) => { var _a; return (_a = props.aspectPaddingTop) !== null && _a !== void 0 ? _a : (props.isShort ? '179.58%' : '56.25%'); }};
+    &.fetching {
+      background: lightgray;
+    }
+    .loading-spinner {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+    .link-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: ${(props) => { var _a; return (_a = props.posterFit) !== null && _a !== void 0 ? _a : 'cover'; }};
+      object-position: center;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-marrybaby='true'] {
+    overflow: hidden;
+    border-radius: 1rem;
+  }
+`;
+
+const useExternalScript = ({ url, onLoad, onError }) => {
+    const [state, setState] = useState(url ? 'loading' : 'idle');
+    useEffect(() => {
+        if (!url) {
+            setState('idle');
+            return;
+        }
+        let script = document.querySelector(`script[src="${url}"]`);
+        const handleLoadScript = () => {
+            setState('ready');
+            onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+        };
+        const handleErrorScript = () => {
+            setState('error');
+            onError === null || onError === void 0 ? void 0 : onError();
+        };
+        if (!script) {
+            script = document.createElement('script');
+            script.type = 'application/javascript';
+            script.src = url;
+            script.async = true;
+            document.body.appendChild(script);
+            script.addEventListener('load', handleLoadScript);
+            script.addEventListener('error', handleErrorScript);
+        }
+        script.addEventListener('load', handleLoadScript);
+        script.addEventListener('error', handleErrorScript);
+        return () => {
+            script.removeEventListener('load', handleLoadScript);
+            script.removeEventListener('error', handleErrorScript);
+        };
+    }, [url]);
+    return state;
+};
+
+const YoutubePlyr = ({ id, autoplay, posterFit = 'cover', }) => {
+    const ref = useRef(null);
+    const state = useExternalScript({ url: 'https://cdn.plyr.io/3.7.8/plyr.js' });
+    useEffect(() => {
+        var _a;
+        if (!document.getElementById('hhg-plyr-player')) {
+            const link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.type = 'text/css';
+            link.href = 'https://cdn.plyr.io/3.7.8/plyr.css';
+            link.id = 'hhg-plyr-player';
+            document.head.appendChild(link);
+        }
+        const canInit = state === 'ready' || typeof Plyr !== 'undefined';
+        if (!canInit)
+            return;
+        const container = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector('[data-id="player"]');
+        if (!container)
+            return;
+        // No `ratio` here: parent `.link-image-wrapper` already sets aspect (padding-top / optional `ratio` prop).
+        // Inner Plyr aspect + maxWidth would desync iframe from that box; fill container instead.
+        const player = new Plyr(container, {
+            autoplay,
+            muted: true,
+        });
+        return () => {
+            player.destroy();
+        };
+    }, [state, autoplay, id]);
+    const posterBgSize = posterFit === 'cover' ? 'cover !important' : 'contain !important';
+    return (React__default.createElement(Box, { ref: ref, sx: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: '#000',
+            '&, & > div': {
+                width: '100%',
+                height: '100%',
+            },
+            '& .plyr': {
+                width: '100%',
+                height: '100%',
+                maxWidth: 'none',
+            },
+            '& .plyr__video-wrapper': {
+                height: '100%',
+                width: '100%',
+            },
+            '& .plyr__video-embed': {
+                paddingBottom: '0 !important',
+                height: '100% !important',
+                position: 'relative',
+            },
+            '& .plyr__video-embed iframe': {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                width: '100%',
+                height: '100%',
+            },
+            '& .plyr__poster': {
+                backgroundSize: posterBgSize,
+                backgroundPosition: 'center !important',
+                backgroundRepeat: 'no-repeat',
+                width: '100% !important',
+                height: '100% !important',
+                top: 0,
+                left: 0,
+            },
+        } },
+        React__default.createElement("div", { key: id, "data-id": "player", className: "plyr__video-embed" },
+            React__default.createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${id}?mute=1&enablejsapi=1&rel=0`, allow: "autoplay; fullscreen", allowFullScreen: true, title: "YouTube preview", frameBorder: "0" }))));
+};
+
+/** `width:height` (e.g. `16:9`, `9:16`) — sets preview box aspect via padding-top. */
+function aspectRatioStringToPaddingTop(ratio) {
+    const m = ratio.trim().match(/^(\d+(?:\.\d+)?)\s*:\s*(\d+(?:\.\d+)?)$/);
+    if (!m)
+        return undefined;
+    const w = Number(m[1]);
+    const h = Number(m[2]);
+    if (!Number.isFinite(w) || !Number.isFinite(h) || w <= 0 || h <= 0) {
+        return undefined;
+    }
+    return `${(h / w) * 100}%`;
+}
+const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPlay = true, isShort = false, autoScaleByVideoType = false, ratio, posterFit = 'cover', onPushStatus, }) => {
+    const { data: { locale }, } = useContext(TogetherComponentGlobalContext);
+    const [previewData, setPreviewData] = useState(null);
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            if (image)
+                return;
+            if (!url)
+                return setPreviewData(null);
+            setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
+            // fetch('./api/fetch-meta?url=' + encodeURIComponent(url))
+            //   .then((res) => res.json())
+            //   .then((res) =>
+            //     setPreviewData({
+            //       url,
+            //       image: res?.image || res?.logo,
+            //     }),
+            //   )
+            callApi(getApiPath(PATHS.FETCH_PREVIEW, {
+                _locale: locale,
+            }, undefined, baseUrl), 'POST', {
+                data: {
+                    link: url,
+                },
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+            }, !!baseUrl)
+                .then((res) => {
+                var _a, _b;
+                setPreviewData({
+                    url,
+                    image: ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.image) || ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.logo),
+                });
+            })
+                .catch(() => {
+                setPreviewData(null);
+            });
+        }))();
+    }, [url, image]);
+    const displayImage = image || (previewData === null || previewData === void 0 ? void 0 : previewData.image);
+    const displayUrl = (previewData === null || previewData === void 0 ? void 0 : previewData.url) || url;
+    const youtubeVidId = useMemo(() => {
+        return youtubeVidIdGetter(displayUrl);
+    }, [displayUrl]);
+    const facebookVidId = useMemo(() => {
+        return (displayUrl.includes('facebook.com') || displayUrl.includes('fb.watch'));
+    }, [displayUrl]);
+    const isReelUrl = useMemo(() => {
+        const normalizedUrl = (displayUrl || '').toLowerCase();
+        return normalizedUrl.includes('/reel/') || normalizedUrl.includes('/reels/');
+    }, [displayUrl]);
+    const shouldRenderEmbedVideo = useMemo(() => Boolean(youtubeVidId || facebookVidId), [facebookVidId, youtubeVidId]);
+    const shouldRenderShortRatio = useMemo(() => {
+        if (!autoScaleByVideoType)
+            return false;
+        if (isShort)
+            return true;
+        return displayUrl.toLowerCase().includes('/shorts/') || isReelUrl;
+    }, [autoScaleByVideoType, displayUrl, isReelUrl, isShort]);
+    const aspectPaddingTop = useMemo(() => (ratio ? aspectRatioStringToPaddingTop(ratio) : undefined), [ratio]);
+    const embedWrapperRef = useRef(null);
+    const responsiveWidth = useRef(0);
+    const responsiveHeight = useRef(0);
+    const [forceRerenderFB, setForceRerenderFB] = useState(false);
+    /** Facebook iframe needs explicit width/height; keep in sync with `.link-image-wrapper` box. */
+    const measureFacebookIframeBox = useCallback((looseThreshold) => {
+        var _a;
+        const rect = (_a = embedWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!(rect === null || rect === void 0 ? void 0 : rect.width))
+            return;
+        const w = Math.floor(rect.width);
+        const h = Math.floor(rect.height);
+        let toChangeSize = false;
+        if (looseThreshold) {
+            if (!responsiveWidth.current ||
+                Math.abs((responsiveWidth.current - w) / rect.width) > 0.2) {
+                responsiveWidth.current = w;
+                toChangeSize = true;
+            }
+            if (!responsiveHeight.current ||
+                Math.abs((responsiveHeight.current - h) / (rect.height || 1)) > 0.2) {
+                responsiveHeight.current = h;
+                toChangeSize = true;
+            }
+        }
+        else {
+            if (w !== responsiveWidth.current || h !== responsiveHeight.current) {
+                responsiveWidth.current = w;
+                responsiveHeight.current = h;
+                toChangeSize = true;
+            }
+        }
+        if (toChangeSize) {
+            setForceRerenderFB((v) => !v);
+        }
+    }, []);
+    // After aspect ratio / layout updates, iframe must match `link-image-wrapper` (not only on window resize).
+    useLayoutEffect(() => {
+        measureFacebookIframeBox(false);
+    }, [
+        aspectPaddingTop,
+        ratio,
+        shouldRenderShortRatio,
+        displayUrl,
+        measureFacebookIframeBox,
+    ]);
+    // FACEBOOK Video is not responsive for desktop browser
+    // => hack: set size to same as container, if size change too large, re-render facebook iframe with new config
+    useEffect(() => {
+        const handleResize = () => measureFacebookIframeBox(true);
+        handleResize();
+        window.addEventListener('resize', handleResize, {
+            passive: true,
+        });
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [measureFacebookIframeBox]);
+    useEffect(() => {
+        if ((previewData === null || previewData === void 0 ? void 0 : previewData.image) && (previewData === null || previewData === void 0 ? void 0 : previewData.url)) {
+            onPushStatus === null || onPushStatus === void 0 ? void 0 : onPushStatus(true);
+        }
+    }, [previewData]);
+    const _theme = useMantineTheme();
+    return (React__default.createElement(StyledSocialLinkPreview, { className: `${className} no-replace-click`, style: style, color: _theme.colors[_theme.primaryColor][0], isShort: shouldRenderShortRatio, aspectPaddingTop: aspectPaddingTop, posterFit: posterFit }, shouldRenderEmbedVideo && (!image || isReelUrl) ? (React__default.createElement("div", { ref: embedWrapperRef, className: "link-image-wrapper" }, youtubeVidId ? (React__default.createElement(YoutubePlyr, { key: `${youtubeVidId}-${ratio !== null && ratio !== void 0 ? ratio : 'auto'}`, id: youtubeVidId, autoplay: autoPlay, isShort: shouldRenderShortRatio, ratio: ratio, posterFit: posterFit })) : facebookVidId ? (React__default.createElement("iframe", { key: String(forceRerenderFB), src: `https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(displayUrl)}&autoplay=${autoPlay ? 1 : 0}&show_text=false&t=0&width=${responsiveWidth.current}&height=${responsiveHeight.current}`, style: {
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            border: 'none',
+            overflow: 'hidden',
+            height: responsiveHeight.current,
+            width: responsiveWidth.current,
+            transform: 'translate(-50%, -50%)',
+        }, scrolling: "no", frameBorder: "0", allowFullScreen: true, allow: "autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share", loading: "lazy" })) : null)) : (React__default.createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
+        React__default.createElement("div", { className: `link-image-wrapper ${(previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? 'fetching' : ''}` }, (previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? (React__default.createElement(Loading, { className: "loading-spinner" })) : (React__default.createElement(ImageWrap, { className: "link-image", src: displayImage || DEFAULT_IMG, backupSrc: DEFAULT_IMG, alt: displayUrl })))))));
+};
+
+export { SocialLinkPreview as S };

package/build/esm/{index-e9e17c36.js → index-55273f7d.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-213b9bfe.js';
-import { u as useTranslations } from './index-b3116160.js';
+import { I as Icon } from './index-a22d54f1.js';
+import { u as useTranslations } from './index-09d9e570.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-f54b4e20.js → index-5a6026b0.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-f96d3480.js';
+import { T as Text } from './index-0b67696c.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-2f779156.js';
+import { M as MediaQueries } from './utils-538169b3.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-bea8e3bc.js';
-import { R as Radio$1 } from './index-92201aad.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-f0d09e2c.js';
-import { T as Text$1 } from './index-2261b115.js';
+import { S as ShapedArrowDown } from './index-2feefed0.js';
+import { R as Radio$1 } from './index-bd44bcb2.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-00ab44b2.js';
+import { T as Text$1 } from './index-546ca9b5.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-67e8610f.js';
-import { C as Close } from './index-45b98ce5.js';
-import { u as useTranslations } from './index-b3116160.js';
+import { H as Heading } from './index-e348d0b2.js';
+import { C as Close } from './index-72e8c8cf.js';
+import { u as useTranslations } from './index-09d9e570.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-1b989b41.js → index-5e2dff13.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-2f779156.js';
+import { M as MediaQueries } from './utils-538169b3.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-69807b8f.js → index-5e56d9c4.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-2261b115.js';
+import { T as Text } from './index-546ca9b5.js';
 import classNames from 'classnames';
-import { I as ImageWrap } from './index-8a721ff4.js';
-import { T as Text$1 } from './index-f96d3480.js';
+import { I as ImageWrap } from './index-50aea2c8.js';
+import { T as Text$1 } from './index-0b67696c.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),

package/build/esm/{index-3bd6dcfa.js → index-67429eb2.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-6ff62fc7.js';
+import { B as Button$1 } from './index-2d25b0f0.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-00a54472.js → index-677d3a78.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-b3116160.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-2f779156.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-010250c5.js';
-import { I as Icon } from './index-213b9bfe.js';
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
-import { U as UserAvatar } from './index-2ac6d404.js';
-import { I as ImageWrap, u as useScreenSize } from './index-8a721ff4.js';
-import './index-a124e73c.js';
-import { C as CommonGAssets } from './index-6f99d75b.js';
-import { c as callApi, b as getCarePath, m as domainLocales, n as getCareHospitalUrl, o as getCareDoctorUrl, l as getCurrentBaseUrl, g as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-8841c559.js';
-import { B as Button } from './index-3bd6dcfa.js';
-import { T as Text } from './index-f96d3480.js';
+import { u as useTranslations } from './index-09d9e570.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-538169b3.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-daa074e7.js';
+import { I as Icon } from './index-a22d54f1.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
+import { U as UserAvatar } from './index-a6a9fbc0.js';
+import { I as ImageWrap, u as useScreenSize } from './index-50aea2c8.js';
+import './index-8c40504a.js';
+import { C as CommonGAssets } from './index-7adf994c.js';
+import { c as callApi, b as getCarePath, m as domainLocales, n as getCareHospitalUrl, o as getCareDoctorUrl, l as getCurrentBaseUrl, g as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-5e9c89a7.js';
+import { B as Button } from './index-67429eb2.js';
+import { T as Text } from './index-0b67696c.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-9214d6d0.js';
-import { H as Heading } from './index-67e8610f.js';
-import { M as Modal } from './index-840dec81.js';
+import { L as Loading } from './index-4144308c.js';
+import { H as Heading } from './index-e348d0b2.js';
+import { M as Modal } from './index-3b8592c9.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-988dcbba.js').then((module) => {
+                import('./index-02dedee9.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-2a379bab.js → index-6fc4331d.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-c35cc389.js';
+import { C as Container } from './index-f0dc4a09.js';
 import dayjs from 'dayjs';
-import './index-a124e73c.js';
-import './index-92201aad.js';
+import './index-8c40504a.js';
+import './index-bd44bcb2.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-8733daab.js';
-import './index-6f99d75b.js';
-import './index-490ccaf9.js';
-import { T as Text } from './index-f96d3480.js';
-import './index-6ff62fc7.js';
-import './index-6d323d6f.js';
-import './index.styles-8e767c15.js';
-import './translationsContext-42ddfdb4.js';
+import './index-fe4471f4.js';
+import './index-7adf994c.js';
+import './index-3f09210d.js';
+import { T as Text } from './index-0b67696c.js';
+import './index-2d25b0f0.js';
+import './index-17c85f76.js';
+import './index.styles-3adef5f6.js';
+import './translationsContext-18f7b7e0.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-2f779156.js';
-import './index-5293388d.js';
-import { u as useScreenSize } from './index-8a721ff4.js';
+import { M as MediaQueries } from './utils-538169b3.js';
+import './index-04505e35.js';
+import { u as useScreenSize } from './index-50aea2c8.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-b8489a5c.js';
-import { M as MarryBabyText } from './index-e6312164.js';
+import { L as Logo } from './index-4ee3cd67.js';
+import { M as MarryBabyText } from './index-de3a12d3.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-638eddc7.js → index-71f98af8.js}

@@ -3,10 +3,10 @@ import React__default from 'react';
 import classNames from 'classnames';
 import styled from '@emotion/styled';
 import { Box } from '@mantine/core';
-import { M as MediaQueries } from './utils-2f779156.js';
+import { M as MediaQueries } from './utils-538169b3.js';
 import { theme } from './miscTheme.js';
-import { u as useTranslations } from './index-b3116160.js';
-import { T as Text } from './index-f96d3480.js';
+import { u as useTranslations } from './index-09d9e570.js';
+import { T as Text } from './index-0b67696c.js';
 
 /* eslint-disable prettier/prettier */
 const ShoppingCartCare = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),

package/build/esm/{index-45b98ce5.js → index-72e8c8cf.js}

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-a124e73c.js';
+import { Z as ZINDEX_SSO } from './index-8c40504a.js';
 
 /* eslint-disable prettier/prettier */
 const Close = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" }, props),

package/build/esm/{index-48ea33d5.js → index-73053988.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-8733daab.js';
+import './index-fe4471f4.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-6f99d75b.js';
+import { C as CommonGAssets } from './index-7adf994c.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-8a721ff4.js';
-import { T as Text } from './index-2261b115.js';
-import { L as LOCALE } from './Locale-b4a257b5.js';
-import { f as CentralCarousel } from './index-92201aad.js';
+import { I as ImageWrap } from './index-50aea2c8.js';
+import { T as Text } from './index-546ca9b5.js';
+import { L as LOCALE } from './Locale-dc1237b9.js';
+import { f as CentralCarousel } from './index-bd44bcb2.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-75dfd6f0.js → index-755575f0.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default from 'react';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-45b98ce5.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-72e8c8cf.js';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { Z as ZINDEX_SSO } from './index-a124e73c.js';
+import { Z as ZINDEX_SSO } from './index-8c40504a.js';
 
 styled(DrawerComponent) `
   /* max-height: 100vh;

package/build/esm/{index-7299b589.js → index-761fee8c.js}

@@ -2,22 +2,22 @@ import React__default, { useMemo, useRef, useState, useCallback, forwardRef, use
 import { Search } from '@hhgtech/icons/core';
 import { Skeleton, clsx, Box, Input, rem, ScrollArea, useMantineTheme, Stack, Flex, Text as Text$1, Select, Divider, Tabs } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { P as PinIcon, i as checkMarkIconUrl, h as getApiPath, u as useGeolocation } from './utils-f48e30d6.js';
-import { a as useOutsideClick } from './useOutsideClick-ed2df2c0.js';
-import { u as useTranslations } from './index-b3116160.js';
+import { P as PinIcon, i as checkMarkIconUrl, h as getApiPath, u as useGeolocation } from './utils-5d9a60df.js';
+import { a as useOutsideClick } from './useOutsideClick-5ac585f9.js';
+import { u as useTranslations } from './index-09d9e570.js';
 import debounce from 'lodash/debounce';
-import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-acb8cae2.js';
+import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-ce67620e.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-2f779156.js';
-import { C as Container } from './index-c35cc389.js';
-import { T as Text } from './index-f96d3480.js';
-import { C as ChevronDown } from './ChevronDown-b58d8bc2.js';
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
+import { M as MediaQueries } from './utils-538169b3.js';
+import { C as Container } from './index-f0dc4a09.js';
+import { T as Text } from './index-0b67696c.js';
+import { C as ChevronDown } from './ChevronDown-0a2a63a3.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import { ArrowLeft } from '@hhgtech/icons/arrow';
-import { M as Modal } from './index-840dec81.js';
-import { P as PATHS } from './paths-12e5c929.js';
-import { B as Button } from './index-6ff62fc7.js';
+import { M as Modal } from './index-3b8592c9.js';
+import { P as PATHS } from './paths-4a2d3f94.js';
+import { B as Button } from './index-2d25b0f0.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyleWrapperContainer = styled.div `

package/build/esm/{index-bc05f70f.js → index-76c27a99.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-f0d09e2c.js';
+import { _ as __rest } from './tslib.es6-00ab44b2.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-92201aad.js';
+import './index-bd44bcb2.js';
 import '@mantine/dates';
-import './index-a124e73c.js';
-import './index-8733daab.js';
-import './index-6f99d75b.js';
-import './index-490ccaf9.js';
-import { T as Text } from './index-f96d3480.js';
-import './index-6ff62fc7.js';
-import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-6d323d6f.js';
-import './index.styles-8e767c15.js';
-import { u as useTranslations } from './index-b3116160.js';
+import './index-8c40504a.js';
+import './index-fe4471f4.js';
+import './index-7adf994c.js';
+import './index-3f09210d.js';
+import { T as Text } from './index-0b67696c.js';
+import './index-2d25b0f0.js';
+import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-17c85f76.js';
+import './index.styles-3adef5f6.js';
+import { u as useTranslations } from './index-09d9e570.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-2f779156.js';
-import './index-5293388d.js';
-import { C as CardWrapperContext } from './context-30c1f32b.js';
+import { M as MediaQueries } from './utils-538169b3.js';
+import './index-04505e35.js';
+import { C as CardWrapperContext } from './context-41a96757.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';