@hhgtech/hhg-components 1.29.81 → 1.29.82

package/build/esm/{index-780a08de.js → index-0ca9b175.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-f18c2351.js';
+import { t as theme } from './theme-7dadf4a1.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-2774583d.js → index-0cd3523c.js}

@@ -1,45 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-761239c7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-06ba3978.js';
 import React__default, { useMemo, useRef, useState, Fragment, useEffect, useContext, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-996f7caf.js';
-import { b as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-bef3c9bd.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-d6f57223.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-bebdc8b7.js';
-import { P as Popup, a as formatCommunity, b as formatPost } from './dataTransform-3e8e25ba.js';
-import { L as Logo } from './index-1ecbcf21.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-ea63e0d2.js';
+import { b as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-6210f454.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-7a93ebb9.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-9e330438.js';
+import { P as Popup, a as formatCommunity, b as formatPost } from './dataTransform-623716c3.js';
+import { L as Logo } from './index-2dc7803d.js';
+import { u as useTranslations } from './useTranslations-b970f667.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal, useMantineTheme } from '@mantine/core';
-import { a as Avatar, c as Input } from './index-21eac858.js';
+import { a as Avatar, c as Input } from './index-9b3a8b6d.js';
 import '@mantine/dates';
-import { L as LOCALE } from './index-e3787b20.js';
-import { C as CommonGAssets } from './index-78255d6c.js';
-import './useMantineLocale-4fb67342.js';
-import { T as Text } from './index-c200bff6.js';
-import { B as Button$1 } from './index-2b9213cf.js';
-import { t as theme } from './theme-f18c2351.js';
-import './translationsContext-f3d1a7bd.js';
+import { L as LOCALE } from './index-189d7601.js';
+import { C as CommonGAssets } from './index-9471fca1.js';
+import './useMantineLocale-453f8013.js';
+import { T as Text } from './index-5723381f.js';
+import { B as Button$1 } from './index-1d3c6ce7.js';
+import { t as theme } from './theme-7dadf4a1.js';
+import './translationsContext-42a1fa63.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-f8761b9d.js';
-import { L as LOCALISED_SLUGS } from './constants-ebf80e5f.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d7bbdb52.js';
+import { L as LOCALISED_SLUGS } from './constants-bb470362.js';
 import styled from '@emotion/styled';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass } from './defaultClassWrapper-31caf23b.js';
-import { C as ChevronDown } from './ChevronDown-74267eb8.js';
+import { s as setDefaultClass } from './defaultClassWrapper-00903c00.js';
+import { C as ChevronDown } from './ChevronDown-31ea3e19.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-1da2ca0b.js';
-import { i as domainLocalesMarryBaby } from './utils-d5a0b58f.js';
-import { L as LOCALIZED_SLUGS } from './constants-f77fc231.js';
-import { H as Heading } from './index-73301602.js';
-import { I as Indicator$1 } from './index-780a08de.js';
-import { u as useIsInit } from './useIsInit-ee864235.js';
+import { B as Button } from './index-9b9c1499.js';
+import { i as domainLocalesMarryBaby } from './utils-3b29eb79.js';
+import { L as LOCALIZED_SLUGS } from './constants-f6b2e49d.js';
+import { H as Heading } from './index-046778af.js';
+import { I as Indicator$1 } from './index-0ca9b175.js';
+import { u as useIsInit } from './useIsInit-f4dec279.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-703205e3.js';
+import { U as UserAvatar } from './index-9f99909b.js';
 import { ArrowRight } from '@hhgtech/icons/other';
-import { C as Container } from './index-782fed08.js';
+import { C as Container } from './index-266a32ff.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-c72e0ff5.js';
+import { g as getDataWithCache } from './core-80bfe8b7.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2833,13 +2833,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-8a07ca44.js').then((data) => {
+                import('./doctor-e0c2476d.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-f961dadc.js').then((data) => {
+                import('./cart-1ac23ce7.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-42ad7763.js → index-0ee66974.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
-import { I as ImageWrap } from './index-21eac858.js';
+import { t as theme } from './theme-7dadf4a1.js';
+import { I as ImageWrap } from './index-9b3a8b6d.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/index-10ab6596.js

@@ -0,0 +1,489 @@
+import { a as __awaiter } from './tslib.es6-06ba3978.js';
+import React__default, { useContext, useState, useRef, useEffect } from 'react';
+import { useMantineTheme } from '@mantine/core';
+import { H as Heading } from './index-046778af.js';
+import { T as Text } from './index-5723381f.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, P as PATHS } from './utils-3b29eb79.js';
+import styled from '@emotion/styled';
+import { D as DEFAULT_IMG } from './constants-a5827634.js';
+import { B as Button } from './index-9b9c1499.js';
+import { t as theme } from './theme-7dadf4a1.js';
+
+const StyledCardLink = styled.div `
+  .link-info-container {
+    padding: 0.5rem 1rem;
+    background: ${(props) => props.color || '#f4faff'};
+  }
+  .link-image-wrapper {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    padding-top: min(280px, 56.25%);
+    .link-image-blur {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 110%;
+      height: 110%;
+      /* Add the blur effect */
+      -webkit-filter: blur(8px);
+      filter: blur(8px);
+      object-fit: cover;
+      object-position: center;
+      opacity: 0.8;
+      transform: translate(-50%, -50%);
+    }
+    .link-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      object-position: center;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-marrybaby='true'] {
+    overflow: hidden;
+    border-radius: 1rem;
+    .link-info-container {
+      padding-bottom: 1rem;
+      p {
+        color: #2661ad;
+      }
+      .link-logo {
+        max-width: 2rem;
+        height: 13px;
+        margin-right: 4px;
+        object-fit: contain;
+        vertical-align: middle;
+      }
+    }
+    .link-image-wrapper {
+      padding-top: min(360px, 56.25%);
+      .link-image {
+        object-fit: cover;
+      }
+    }
+  }
+`;
+
+const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) => {
+    const { data: { locale, env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
+    const [hideLogo, setHideLogo] = useState(false);
+    const _theme = useMantineTheme();
+    const noRefetchRef = useRef(noRefetch);
+    noRefetchRef.current = noRefetch;
+    const [previewData, setPreviewData] = useState(null);
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            if (noRefetchRef.current)
+                return;
+            if (!url)
+                return setPreviewData(null);
+            setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
+            callApi(getApiPath(PATHS.FETCH_PREVIEW, {
+                _locale: locale,
+            }), 'POST', {
+                data: {
+                    link: url,
+                },
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+            })
+                .then((res) => {
+                var _a, _b, _c;
+                setHideLogo(false);
+                setPreviewData({
+                    title: (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.title,
+                    url,
+                    image: ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.image) || ((_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.logo),
+                    // logo: meta.logo,
+                });
+            })
+                .catch(() => {
+                setPreviewData(null);
+            });
+        }))();
+    }, [url]);
+    const displayImage = (previewData === null || previewData === void 0 ? void 0 : previewData.image) || image;
+    const displayTitle = (previewData === null || previewData === void 0 ? void 0 : previewData.title) || title;
+    const displayLogo = (previewData === null || previewData === void 0 ? void 0 : previewData.logo) || logo;
+    const displayUrl = (previewData === null || previewData === void 0 ? void 0 : previewData.url) || url;
+    const urlParts = displayUrl
+        .replace('http://', '')
+        .replace('https://', '')
+        .split(/[/?#]/);
+    const domain = urlParts[0];
+    const showDefaultRef = useRef(false);
+    return (React__default.createElement(StyledCardLink, { "data-is-marrybaby": isMarryBaby, className: `${className} no-replace-click`, style: style, color: _theme.colors[_theme.primaryColor][0] },
+        React__default.createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
+            displayImage && (React__default.createElement("div", { className: "link-image-wrapper" },
+                !isMarryBaby && (React__default.createElement("img", { className: "link-image-blur", src: displayImage, onError: (e) => {
+                        if (!showDefaultRef.current) {
+                            showDefaultRef.current = true;
+                            e.currentTarget.src = DEFAULT_IMG;
+                        }
+                    }, loading: "lazy" })),
+                React__default.createElement("img", { className: "link-image", src: displayImage, onError: (e) => {
+                        if (!showDefaultRef.current) {
+                            showDefaultRef.current = true;
+                            e.currentTarget.src = DEFAULT_IMG;
+                        }
+                    }, loading: "lazy" }))),
+            React__default.createElement("div", { className: "link-info-container" },
+                React__default.createElement(Text, { size: "n1" },
+                    isMarryBaby && displayLogo && !hideLogo && (React__default.createElement("img", { className: "link-logo", src: displayLogo, onError: () => setHideLogo(true), loading: "lazy" })),
+                    domain),
+                React__default.createElement(Heading, { tag: "h6" }, displayTitle)))));
+};
+
+const StyledPopoverMenu = styled.div `
+  position: relative;
+  display: content;
+
+  .popover-menu__btn {
+    /* position: relative; */
+    > span {
+      width: 100%;
+      height: 100%;
+      > img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+  .popover-menu__content {
+    position: absolute;
+    z-index: 10;
+    width: 320px;
+    padding: 8px;
+    border: none;
+    background: #fff;
+    border-radius: 8px;
+    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
+
+    &::before {
+      position: absolute;
+      width: 16px;
+      height: 8px;
+      background: #fff;
+      content: '';
+    }
+
+    &.--position {
+      &-top {
+        bottom: calc(100% + 8px);
+
+        &.--align {
+          &-start {
+            left: 0;
+
+            &::before {
+              top: 100%;
+              left: 16px;
+              clip-path: polygon(0 0, 50% 100%, 100% 0);
+            }
+          }
+
+          &-end {
+            left: 100%;
+            transform: translateX(calc(-100% + 1rem));
+
+            &::before {
+              top: 100%;
+              right: 16px;
+              clip-path: polygon(0 0, 50% 100%, 100% 0);
+            }
+          }
+        }
+      }
+
+      &-right {
+        left: calc(100% + 8px);
+
+        &.--align {
+          &-start {
+            top: 0;
+
+            &::before {
+              top: 16px;
+              left: 0;
+              width: 8px;
+              height: 16px;
+              clip-path: polygon(0 50%, 100% 0%, 100% 100%);
+              transform: translateX(-100%);
+            }
+          }
+
+          &-end {
+            top: 100%;
+            transform: translateX(calc(-100% + 1rem));
+
+            &::before {
+              bottom: 16px;
+              left: 0;
+              width: 8px;
+              height: 16px;
+              clip-path: polygon(0 50%, 100% 0%, 100% 100%);
+              transform: translateX(-100%);
+            }
+          }
+        }
+      }
+
+      &-bottom {
+        top: calc(100% + 8px);
+
+        &.--align {
+          &-start {
+            left: 0;
+
+            &::before {
+              bottom: 100%;
+              left: 16px;
+              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+            }
+          }
+
+          &-end {
+            left: 100%;
+            transform: translateX(calc(-100% + 1rem));
+
+            &::before {
+              right: 16px;
+              bottom: 100%;
+              clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
+            }
+          }
+        }
+      }
+
+      &-left {
+        left: -8px;
+        transform: translateX(-100%);
+
+        &.--align {
+          &-start {
+            top: 0;
+
+            &::before {
+              top: 16px;
+              left: 100%;
+              width: 8px;
+              height: 16px;
+              clip-path: polygon(0 0%, 100% 50%, 0% 100%);
+              transform: translateX(0);
+            }
+          }
+
+          &-end {
+            bottom: 0;
+
+            &::before {
+              bottom: 16px;
+              left: 100%;
+              width: 8px;
+              height: 16px;
+              clip-path: polygon(0 0%, 100% 50%, 0% 100%);
+              transform: translateX(0);
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &[data-is-marrybaby='true'] {
+    .popover-menu__content {
+      padding: 0;
+      border-radius: 12px;
+      /* &::before {
+        display: none;
+      } */
+    }
+  }
+`;
+const StyledTree = styled.div `
+  display: flex;
+  /* max-height: 300px; */
+  flex-direction: column;
+  cursor: default;
+
+  .__header {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 1rem 0;
+    margin-bottom: 8px;
+
+    .__back-btn {
+      position: absolute;
+      top: 50%;
+      left: 8px;
+      width: 16px;
+      height: 16px;
+      cursor: pointer;
+      transform: translateY(-50%);
+    }
+  }
+
+  .tree-text-description {
+    padding-right: 8px;
+    padding-left: 8px;
+    margin-top: -8px;
+    margin-bottom: 8px;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 22px;
+    text-align: left;
+  }
+
+  .__content {
+    overflow: auto;
+    flex: 1;
+  }
+
+  .__list {
+    .__item {
+      position: relative;
+      &.bold-item {
+        font-weight: 700;
+      }
+      &:last-child {
+        .__btn {
+          margin-bottom: 0;
+        }
+      }
+
+      .__btn {
+        position: relative;
+        display: flex;
+        width: 100%;
+        height: 40px;
+        align-items: center;
+        padding: 0 1rem;
+        border: none;
+        margin-bottom: 8px;
+        color: ${theme.colors.gray800};
+        cursor: pointer;
+        text-align: left;
+        transition: background 0.3s;
+
+        /* for better gtm tracking result  */
+        * {
+          pointer-events: none;
+        }
+        &.--checked {
+          color: ${theme.colors.gray500};
+          pointer-events: none;
+        }
+
+        &:hover {
+          background: ${theme.colors.gray100};
+        }
+
+        .__icon {
+          width: 16px;
+          height: 16px;
+          margin-right: 0.4rem;
+        }
+
+        & > span {
+          position: relative;
+
+          & > img {
+            width: 16px;
+            height: 16px;
+            margin-right: 0.4rem;
+          }
+        }
+      }
+
+      .__toggle {
+        position: absolute;
+        top: 50%;
+        right: 16px;
+        width: 16px;
+        height: 16px;
+        pointer-events: none;
+        transform: translateY(-50%);
+      }
+    }
+  }
+  &[data-is-marrybaby='true'] {
+    .__header {
+      padding: 1rem;
+    }
+    .tree-text-description {
+      padding: 0 1rem;
+    }
+    .__list {
+      .__item {
+        &:first-child {
+          .__btn {
+            border-top-left-radius: 12px;
+            border-top-right-radius: 12px;
+          }
+        }
+        &:last-child {
+          .__btn {
+            border-bottom-left-radius: 12px;
+            border-bottom-right-radius: 12px;
+          }
+        }
+        .__btn {
+          height: unset;
+          padding: 1rem;
+          margin-bottom: 0;
+          &:hover {
+            background: ${theme.mbColors.lightPink};
+          }
+        }
+      }
+    }
+  }
+`;
+
+const PopoverMenu = ({ className, style, toggleButtonContent, position = 'bottom', align = 'end', children, buttonProps, }) => {
+    const { data: { env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
+    const [isShow, setIsShow] = useState(false);
+    const popoverContent = useRef(null);
+    const isShowRef = useRef(isShow);
+    useEffect(() => {
+        var _a;
+        isShowRef.current = isShow;
+        if (!isShow)
+            return;
+        (_a = popoverContent.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [isShow]);
+    useEffect(() => {
+        const clickHandler = (e) => {
+            var _a;
+            if (!((_a = popoverContent.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) &&
+                isShowRef.current)
+                setIsShow(false);
+        };
+        window.addEventListener('click', clickHandler, {
+            passive: true,
+        });
+        return () => {
+            window.removeEventListener('click', clickHandler);
+        };
+    }, []);
+    return (React__default.createElement(StyledPopoverMenu, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
+        React__default.createElement(Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "popover-menu__btn", size: "md", color: "transparent", onClick: () => setIsShow((v) => !v) }, buttonProps), toggleButtonContent),
+        isShow ? (React__default.createElement("div", { ref: popoverContent, className: `popover-menu__content --position-${position} --align-${align}`, tabIndex: 0, onClick: (e) => e.stopPropagation() }, typeof children === 'function'
+            ? children({
+                setShow: setIsShow,
+            })
+            : children)) : null));
+};
+
+export { CardLink as C, PopoverMenu as P, StyledTree as S };

package/build/esm/{index-cb4afb33.js → index-13d8dd4b.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './index-e3787b20.js';
+import { L as LOCALE } from './index-189d7601.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-78255d6c.js';
-import { t as theme } from './theme-f18c2351.js';
-import { I as ImageWrap, d as CentralCarousel } from './index-21eac858.js';
-import { T as Text } from './index-7e756cb8.js';
+import { C as CommonGAssets } from './index-9471fca1.js';
+import { t as theme } from './theme-7dadf4a1.js';
+import { I as ImageWrap, d as CentralCarousel } from './index-9b3a8b6d.js';
+import { T as Text } from './index-219e3a35.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-87a2ea8c.js → index-1c9b481b.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
+import { t as theme } from './theme-7dadf4a1.js';
 
 const Heading = (_a) => {
     var { type } = _a, elementProps = __rest(_a, ["type"]);

package/build/esm/{index-2b9213cf.js → index-1d3c6ce7.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
 import React__default from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-cf6beac8.js → index-21256394.js}

@@ -2,7 +2,7 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
+import { t as theme } from './theme-7dadf4a1.js';
 
 const MONTHS_TRANSLATION = {
     'vi-VN': [

package/build/esm/{index-7e756cb8.js → index-219e3a35.js}

@@ -1,19 +1,19 @@
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { _ as __rest } from './tslib.es6-06ba3978.js';
 import React__default from 'react';
-import './index-21eac858.js';
+import './index-9b3a8b6d.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-bef3c9bd.js';
-import './index-e3787b20.js';
-import './index-78255d6c.js';
-import './useMantineLocale-4fb67342.js';
-import { T as Text$1 } from './index-c200bff6.js';
-import './index-2b9213cf.js';
-import './theme-f18c2351.js';
-import './translationsContext-f3d1a7bd.js';
+import './index-6210f454.js';
+import './index-189d7601.js';
+import './index-9471fca1.js';
+import './useMantineLocale-453f8013.js';
+import { T as Text$1 } from './index-5723381f.js';
+import './index-1d3c6ce7.js';
+import './theme-7dadf4a1.js';
+import './translationsContext-42a1fa63.js';
 import 'string-format';
 import '@mantine/hooks';
-import './utils-f8761b9d.js';
+import './utils-d7bbdb52.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'