@hhgtech/hhg-components 1.28.91 → 1.29.1

package/build/esm/{index-01fe65ac.js → index-1ef35560.js}

@@ -1,42 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-d03cb889.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-6c353490.js';
 import React__default, { useState, useMemo, useRef, Fragment, useEffect, useContext, useCallback } from 'react';
-import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-d8548d2e.js';
-import styled, { css } from 'styled-components';
-import { t as theme } from './theme-bc0a16d6.js';
-import { T as Text } from './index-e3f847ab.js';
-import { C as CommonGAssets } from './index-9f716e64.js';
-import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-2dbb70cc.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-d9c76838.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-1e4b619e.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-d4cd8b4e.js';
-import { L as Logo } from './index-f2c9c44e.js';
-import { u as useTranslations } from './useTranslations-f40da32c.js';
+import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-2edb2e27.js';
+import styled from '@emotion/styled';
+import { t as theme } from './theme-42cb371b.js';
+import { T as Text } from './index-b5f84e24.js';
+import { C as CommonGAssets } from './index-8cf272e7.js';
+import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-cb59b5e6.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-e599ba1f.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-7892a6d0.js';
+import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-36f504a7.js';
+import { L as Logo } from './index-6e7245c3.js';
+import { u as useTranslations } from './useTranslations-eceb2845.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE } from './Subot-77659a36.js';
-import './translationsContext-80d7ee69.js';
+import { L as LOCALE } from './Subot-81261e12.js';
+import './useMantineLocale-29b90721.js';
+import './translationsContext-d8f0f15b.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-8d2a0656.js';
-import { L as LOCALISED_SLUGS } from './constants-3d0da5c8.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-75630fc7.js';
+import { L as LOCALISED_SLUGS } from './constants-337a3c20.js';
 import { User } from '@hhgtech/icons/core';
-import { t as getDefaultClassWrapper } from './index.styles-8f85a751.js';
-import { C as ChevronDown } from './ChevronDown-ef8e0384.js';
-import { B as Button } from './index-078532eb.js';
-import { l as domainLocalesMarryBaby } from './utils-c5cdb4b1.js';
-import { a as LOCALIZED_SLUGS } from './constants-bde36016.js';
-import { H as Heading } from './index-5d4d91c1.js';
-import { I as Indicator$1 } from './index-ae8cf7cb.js';
-import { u as useIsInit } from './useIsInit-c96375f4.js';
-import './utils-ed6f1dcc.js';
-import './index.styled-1e5e4c0d.js';
-import './index-e7bffddc.js';
+import { s as setDefaultClass, l as domainLocalesMarryBaby } from './utils-2eeac181.js';
+import { C as ChevronDown } from './ChevronDown-b42051a5.js';
+import { css } from '@emotion/react';
+import { B as Button } from './index-383f163a.js';
+import { a as LOCALIZED_SLUGS } from './constants-5458df08.js';
+import { H as Heading } from './index-f7d9c75d.js';
+import { I as Indicator$1 } from './index-dae36eed.js';
+import { u as useIsInit } from './useIsInit-0900e2d8.js';
+import './index.styles-51d80c5c.js';
+import './utils-fd352517.js';
+import './index.styled-615cecea.js';
+import './index-bd8f57c2.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-3356d63f.js';
+import { C as Container } from './index-c3c7be25.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-46053d28.js';
+import { g as getDataWithCache } from './core-f5be5afb.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',
@@ -209,8 +211,12 @@ const CartBadge = (_a) => {
 
 const StyledDisplayWrapper = styled.div `
   ${(props) => `
-    ${props.lowerBound !== 0 ? `@media (max-width: ${props.lowerBound - 1}px) { display: none; }` : ''}
-    ${props.upperBound !== 0 ? `@media (min-width: ${props.upperBound}px) { display: none; }` : ''}
+    ${props.lowerBound !== 0
+    ? `@media (max-width: ${props.lowerBound - 1}px) { display: none; }`
+    : ''}
+    ${props.upperBound !== 0
+    ? `@media (min-width: ${props.upperBound}px) { display: none; }`
+    : ''}
   `}
 `;
 
@@ -254,78 +260,74 @@ const useCSSFocusPopupHelper = (configs) => {
     };
 };
 
-const _StyledPopup = styled.div `
-  position: absolute;
-  right: 0;
-  transition: all 0.5s ease-in-out;
-  overflow-y: auto;
-  padding-bottom: 70px;
+const StyledPopup$1 = setDefaultClass(styled.div `
+    position: absolute;
+    right: 0;
+    transition: all 0.5s ease-in-out;
+    overflow-y: auto;
+    padding-bottom: 70px;
 
-  &[data-open='true'] {
-    z-index: 200;
-    top: 120%;
-    opacity: 1;
-    visibility: visible;
-  }
+    &[data-open='true'] {
+      z-index: 200;
+      top: 120%;
+      opacity: 1;
+      visibility: visible;
+    }
 
-  &[data-open='false'] {
-    display: none;
-  }
+    &[data-open='false'] {
+      display: none;
+    }
 
-  .popup-content {
-    z-index: 111;
-    height: 100%;
-    border: 1px solid #0000001a;
-    border-radius: 16px;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
+    .popup-content {
+      z-index: 111;
+      height: 100%;
+      border: 1px solid #0000001a;
+      border-radius: 16px;
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
 
-  /* min-height: 415px; */
-  ${MediaQueries.mbUp} {
-    width: 320px;
-  }
-  ${MediaQueries.mbDown} {
+    /* min-height: 415px; */
+    ${MediaQueries.mbUp} {
+      width: 320px;
+    }
+    ${MediaQueries.mbDown} {
+      position: fixed;
+      left: 0;
+      width: 100%;
+    }
+  `, 'hhgcomp-navprofilebutton-popup');
+const StyledPopupWrapper = setDefaultClass(styled.div `
     position: fixed;
+    z-index: 150;
+    top: var(--header-bottom, 56px);
     left: 0;
     width: 100%;
-  }
-`;
-const StyledPopupClass = 'hhgcomp-navprofilebutton-popup';
-const StyledPopup$1 = getDefaultClassWrapper(_StyledPopup, StyledPopupClass);
-const _StyledPopupWrapper = styled.div `
-  position: fixed;
-  z-index: 150;
-  top: var(--header-bottom, 56px);
-  left: 0;
-  width: 100%;
-  height: 100%;
-  align-items: center;
+    height: 100%;
+    align-items: center;
 
-  ${MediaQueries.mbUp} {
-    background-color: transparent;
-    &[data-type='welcome'] {
-      background: rgba(38, 38, 38, 0.3);
+    ${MediaQueries.mbUp} {
+      background-color: transparent;
+      &[data-type='welcome'] {
+        background: rgba(38, 38, 38, 0.3);
+      }
+      &[data-type='due-date'] {
+        background: rgba(38, 38, 38, 0.3);
+      }
     }
-    &[data-type='due-date'] {
+
+    ${MediaQueries.mbDown} {
       background: rgba(38, 38, 38, 0.3);
     }
-  }
 
-  ${MediaQueries.mbDown} {
-    background: rgba(38, 38, 38, 0.3);
-  }
-
-  &[data-type='welcome'] {
-    top: 0;
-  }
+    &[data-type='welcome'] {
+      top: 0;
+    }
 
-  &[data-open='false'] {
-    display: none;
-  }
-`;
-const StyledPopupWrapperClass = 'hhgcomp-navprofilebutton-popupwrapper';
-getDefaultClassWrapper(_StyledPopupWrapper, StyledPopupWrapperClass);
+    &[data-open='false'] {
+      display: none;
+    }
+  `, 'hhgcomp-navprofilebutton-popupwrapper');
 const StyledAvatar = styled.div `
   width: 36px;
   height: 36px;
@@ -374,7 +376,7 @@ const StyledImageWrapper$1 = styled.div `
     .user-avatar {
       display: none;
     }
-    .${StyledPopupClass} {
+    ${StyledPopup$1.classSelector} {
       z-index: 200;
       top: 120%;
       opacity: 1;
@@ -384,7 +386,7 @@ const StyledImageWrapper$1 = styled.div `
         top: 100%;
       }
     }
-    .${StyledPopupWrapperClass} {
+    ${StyledPopupWrapper.classSelector} {
       display: initial;
     }
   }
@@ -1462,18 +1464,16 @@ const StyledDes$2 = styled.p `
     padding: 0;
   }
 `;
-const _StyledContentWrapper = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  flex: 1;
-  z-index: 1;
-  ${MediaQueries.tdDown} {
-    gap: 4px;
-  }
-`;
-const StyledContentWrapperClass = 'hhgcomp-navigation-menucareitem-contentwrapper';
-const StyledContentWrapper$2 = getDefaultClassWrapper(_StyledContentWrapper, StyledContentWrapperClass);
+const StyledContentWrapper$2 = setDefaultClass(styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    flex: 1;
+    z-index: 1;
+    ${MediaQueries.tdDown} {
+      gap: 4px;
+    }
+  `, 'hhgcomp-navigation-menucareitem-contentwrapper');
 const StyledItem$5 = styled.a `
   text-decoration: none;
   border-radius: 4px;
@@ -1507,7 +1507,7 @@ const StyledItem$5 = styled.a `
     max-height: 110px;
     display: flex;
     flex-direction: row-reverse;
-    > .${StyledContentWrapperClass} {
+    > ${StyledContentWrapper$2.classSelector} {
       flex: 1;
     }
     img {
@@ -2863,13 +2863,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-10320985.js').then((data) => {
+                import('./doctor-f790b9f1.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-1ccc42ed.js').then((data) => {
+                import('./cart-823adcbd.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-0419dfd9.js → index-257a14b5.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-d03cb889.js';
+import { _ as __rest } from './tslib.es6-6c353490.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-bde36016.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-5458df08.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'