@hhgtech/hhg-components 1.29.396-beta-5 → 1.29.396-beta-7

package/build/esm/{index-bbdb4c8f.js → index-b9b772bd.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-089f39ac.js';
+import { a as __awaiter } from './tslib.es6-a91a3ba2.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-fe43bdca.js';
-import { T as Text } from './index-64979f35.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-646b3b7e.js';
+import { H as Heading } from './index-bba60a1a.js';
+import { T as Text } from './index-8503e186.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d64261d1.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-147eb954.js';
+import { D as DEFAULT_IMG } from './constants-71fad5dd.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-28e647dc.js → index-bac666f3.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-8591500f.js';
+import { M as MediaQueries } from './utils-c3edb47a.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-fe43bdca.js → index-bba60a1a.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-089f39ac.js';
+import { _ as __rest } from './tslib.es6-a91a3ba2.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-64979f35.js';
+import { T as Text } from './index-8503e186.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-0016f1c5.js → index-bd08d3ce.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-089f39ac.js';
+import { _ as __rest } from './tslib.es6-a91a3ba2.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-dfdf5d70.js';
+import './index-a1c59b7d.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-d3bfa03c.js';
+import { C as CommonGAssets } from './index-e6dd9174.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-7d49e61d.js';
-import { T as Text } from './index-b459c1d2.js';
-import { L as LOCALE } from './Locale-4bc2c29f.js';
-import { c as CentralCarousel } from './index-4e80cbde.js';
+import { I as ImageWrap } from './useScreenSize-eb5e276a.js';
+import { T as Text } from './index-3fe9ef7b.js';
+import { L as LOCALE } from './Locale-7013ca58.js';
+import { c as CentralCarousel } from './index-092411be.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-fc3f43a7.js → index-bf41e4e0.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-ef34b924.js';
+import { u as useScrollbarSize } from './useScrollbarSize-b63b5638.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-8591500f.js';
+import { M as MediaQueries } from './utils-c3edb47a.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-3ae2edce.js → index-c3a34409.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-089f39ac.js';
+import { _ as __rest } from './tslib.es6-a91a3ba2.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-4e80cbde.js';
-import { D as DatePicker } from './index-f08475a6.js';
-import './index-64979f35.js';
-import './index-a345d8c1.js';
-import './index.styles-e1ee0385.js';
-import { u as useTranslations } from './index-c93e3269.js';
+import './index-092411be.js';
+import { D as DatePicker } from './index-3d4e7c78.js';
+import './index-8503e186.js';
+import './index-6168eba6.js';
+import './index.styles-236ce1fa.js';
+import { u as useTranslations } from './index-0dce6cba.js';
 import '@mantine/hooks';
-import './useMantineLocale-99abcc20.js';
-import './index-dfdf5d70.js';
-import './index-d3bfa03c.js';
-import './utils-8591500f.js';
-import './index-b24e732a.js';
-import './other-ecca49ea.js';
-import './index-32502cd9.js';
-import { H as HealthToolFormWrapper } from './index-cadd8675.js';
-import { G as GenderOptionControl } from './index-2d818e2b.js';
+import './useMantineLocale-a1772a1f.js';
+import './index-a1c59b7d.js';
+import './index-e6dd9174.js';
+import './utils-c3edb47a.js';
+import './index-6b301031.js';
+import './other-083471c4.js';
+import './index-7d2f09ff.js';
+import { H as HealthToolFormWrapper } from './index-80a2cd4e.js';
+import { G as GenderOptionControl } from './index-297980dc.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-27ee081a.js → index-cd4f99ad.js}

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

package/build/esm/{index-a3e7fb86.js → index-d06bdd23.js}

@@ -1,16 +1,13 @@
-import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext, useCallback } from 'react';
-import { T as Text } from './index-64979f35.js';
+import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
+import { T as Text } from './index-8503e186.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-8591500f.js';
-import { R as Radio$1 } from './index-4e80cbde.js';
-import { T as Text$1 } from './index-b459c1d2.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-c3edb47a.js';
+import { R as Radio$1 } from './index-092411be.js';
+import { T as Text$1 } from './index-3fe9ef7b.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-089f39ac.js';
+import { _ as __rest } from './tslib.es6-a91a3ba2.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { clsx } from '@mantine/core';
-import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-b24e732a.js';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -847,114 +844,4 @@ const StepRenderer = ({ children, onStepChange }) => {
     })));
 };
 
-const StyledDrawerComponentContent = styled(Drawer.Content) `
-  position: fixed;
-  z-index: ${ZINDEX_SSO - 9e6 + 1};
-  inset: 0;
-  background-color: #fff;
-  outline: none !important;
-
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background-color: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.4);
-    border-radius: 6px;
-  }
-
-  &[data-vaul-drawer-direction='bottom'] {
-    border-top-left-radius: 8px;
-    border-top-right-radius: 8px;
-  }
-
-  &[data-vaul-drawer-direction='top'] {
-    border-bottom-left-radius: 8px;
-    border-bottom-right-radius: 8px;
-  }
-
-  &[data-vaul-drawer-direction='left'] {
-    border-top-right-radius: 8px;
-    border-bottom-right-radius: 8px;
-  }
-
-  &[data-vaul-drawer-direction='right'] {
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
-  }
-`;
-const StyledDrawerComponentOverlay = styled(Drawer.Overlay) `
-  position: fixed;
-  inset: 0;
-  z-index: ${ZINDEX_SSO - 9e6};
-  width: 100%;
-  max-height: 100%;
-
-  &[data-state='open'] {
-    opacity: 0.6 !important;
-  }
-`;
-
-const DrawerComponent = (props) => {
-    const { open: openProps, onOpenChange: onOpenChangeProps, snapPoints, activeSnapPoint, setActiveSnapPoint, children, overlayClassName, className, fadeFromIndex = ZINDEX_SSO - 9e6 } = props, restProps = __rest(props, ["open", "onOpenChange", "snapPoints", "activeSnapPoint", "setActiveSnapPoint", "children", "overlayClassName", "className", "fadeFromIndex"]);
-    const [open, setOpen] = useState(openProps);
-    const [snap, setSnap] = useState(snapPoints ? snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0] : null);
-    const onOpenChange = useCallback((_open) => {
-        setOpen(_open);
-        onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(_open);
-    }, [onOpenChangeProps]);
-    const isFullSnapPoint = useMemo(() => {
-        if (snapPoints && snapPoints.length) {
-            return Boolean(snap === snapPoints[snapPoints.length - 1]);
-        }
-        return open;
-    }, [snap, snapPoints]);
-    const mergedProps = useMemo(() => {
-        const _mergedProps = {
-            open,
-            onOpenChange,
-            fadeFromIndex,
-        };
-        if (snapPoints && (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.length)) {
-            _mergedProps.snapPoints = snapPoints;
-            _mergedProps.activeSnapPoint = snap;
-            _mergedProps.setActiveSnapPoint = (snP) => {
-                setSnap(snP);
-                setActiveSnapPoint === null || setActiveSnapPoint === void 0 ? void 0 : setActiveSnapPoint(snP);
-            };
-        }
-        return _mergedProps;
-    }, [
-        open,
-        onOpenChange,
-        snap,
-        setSnap,
-        setActiveSnapPoint,
-        snapPoints,
-        fadeFromIndex,
-    ]);
-    useEffect(() => {
-        setOpen(openProps);
-    }, [openProps]);
-    useEffect(() => {
-        setSnap(activeSnapPoint);
-    }, [activeSnapPoint]);
-    return (React__default.createElement(Drawer.Root, Object.assign({}, restProps, mergedProps),
-        React__default.createElement(Drawer.Portal, null,
-            React__default.createElement(StyledDrawerComponentOverlay, { className: clsx(overlayClassName, 'drawer__overlay', {
-                    drawer__overlay_full: isFullSnapPoint,
-                }) }),
-            React__default.createElement(StyledDrawerComponentContent, { className: clsx(className, 'drawer__content', {
-                    drawer__content_full: isFullSnapPoint,
-                }) },
-                React__default.createElement(Drawer.Handle, { className: "drawer__handle" }),
-                React__default.createElement(Drawer.Title, { style: { display: 'none' } }),
-                children))));
-};
-
-export { Alert as A, Badge as B, DrawerComponent as D, FileDropdown as F, Grid as G, Pagination as P, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, Toggle as b, RateStars as c, StepRendererContext as d };
+export { Alert as A, Badge as B, FileDropdown as F, Grid as G, Pagination as P, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, Toggle as b, RateStars as c, StepRendererContext as d };

package/build/esm/{index-5162a769.js → index-d1864d80.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-089f39ac.js';
+import { _ as __rest } from './tslib.es6-a91a3ba2.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-646b3b7e.js';
+import { T as TogetherComponentGlobalContext } from './utils-d64261d1.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-fc963831.js → index-d53234c0.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-089f39ac.js';
+import { _ as __rest } from './tslib.es6-a91a3ba2.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-574dc5f0.js → index-e81cc27d.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-089f39ac.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-a91a3ba2.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-4e80cbde.js';
+import { I as Input, S as Select } from './index-092411be.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-b24e732a.js';
-import './index-dfdf5d70.js';
-import './index-d3bfa03c.js';
-import './useMantineLocale-99abcc20.js';
-import './index-64979f35.js';
-import './index-a345d8c1.js';
-import './index.styles-e1ee0385.js';
-import { u as useTranslations } from './index-c93e3269.js';
+import { C as CDN_ADDRESS } from './index-6b301031.js';
+import './index-a1c59b7d.js';
+import './index-e6dd9174.js';
+import './useMantineLocale-a1772a1f.js';
+import './index-8503e186.js';
+import './index-6168eba6.js';
+import './index.styles-236ce1fa.js';
+import { u as useTranslations } from './index-0dce6cba.js';
 import '@mantine/hooks';
-import './utils-8591500f.js';
-import './other-ecca49ea.js';
-import './index-32502cd9.js';
-import { M as MAPPED_LOCALE } from './utils-d679243c.js';
-import { L as LOCALE } from './Locale-4bc2c29f.js';
+import './utils-c3edb47a.js';
+import './other-083471c4.js';
+import './index-7d2f09ff.js';
+import { M as MAPPED_LOCALE } from './utils-5c524612.js';
+import { L as LOCALE } from './Locale-7013ca58.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-09eaf7e8.js → index-ec2f6117.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-089f39ac.js';
+import { _ as __rest } from './tslib.es6-a91a3ba2.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-4e80cbde.js';
+import './index-092411be.js';
 import '@mantine/dates';
-import './index-b24e732a.js';
-import './index-dfdf5d70.js';
-import './index-d3bfa03c.js';
-import './useMantineLocale-99abcc20.js';
-import { T as Text } from './index-64979f35.js';
-import { B as Button } from './index-a345d8c1.js';
-import './index.styles-e1ee0385.js';
-import { u as useTranslations } from './index-c93e3269.js';
+import './index-6b301031.js';
+import './index-a1c59b7d.js';
+import './index-e6dd9174.js';
+import './useMantineLocale-a1772a1f.js';
+import { T as Text } from './index-8503e186.js';
+import { B as Button } from './index-6168eba6.js';
+import './index.styles-236ce1fa.js';
+import { u as useTranslations } from './index-0dce6cba.js';
 import '@mantine/hooks';
-import './utils-8591500f.js';
-import './other-ecca49ea.js';
-import './index-32502cd9.js';
+import './utils-c3edb47a.js';
+import './other-083471c4.js';
+import './index-7d2f09ff.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-c9e45f24.js → index-f8383b52.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-d3bfa03c.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-646b3b7e.js';
-import { G as GA_TOKEN_COOKIE } from './index-b24e732a.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-2d433cee.js';
+import { C as CommonGAssets } from './index-e6dd9174.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-d64261d1.js';
+import { G as GA_TOKEN_COOKIE } from './index-6b301031.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-ac76d965.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-089f39ac.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-a78617fd.js';
-import { I as ImageWrap } from './useScreenSize-7d49e61d.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-4d2d17ad.js';
-import { u as useTranslations } from './index-c93e3269.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a91a3ba2.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-efc97669.js';
+import { I as ImageWrap } from './useScreenSize-eb5e276a.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-f2e0563f.js';
+import { u as useTranslations } from './index-0dce6cba.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-4e80cbde.js';
+import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-092411be.js';
 import '@mantine/dates';
-import './index-dfdf5d70.js';
-import './useMantineLocale-99abcc20.js';
-import { T as Text } from './index-64979f35.js';
-import { B as Button } from './index-a345d8c1.js';
-import './index.styles-e1ee0385.js';
+import './index-a1c59b7d.js';
+import './useMantineLocale-a1772a1f.js';
+import { T as Text } from './index-8503e186.js';
+import { B as Button } from './index-6168eba6.js';
+import './index.styles-236ce1fa.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-8591500f.js';
-import './other-ecca49ea.js';
-import './index-32502cd9.js';
+import './utils-c3edb47a.js';
+import './other-083471c4.js';
+import './index-7d2f09ff.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-ce9c440a.js';
-import { H as Heading } from './index-fe43bdca.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-e9af68ac.js';
-import { I as Icon } from './index-3c066f84.js';
+import './translationsContext-eff46c98.js';
+import { H as Heading } from './index-bba60a1a.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-5c71e735.js';
+import { I as Icon } from './index-8df23e39.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-afff5acc.js';
-import { M as Modal } from './index-e41a7a11.js';
+import { i as isVideo } from './index-c8cc02be.js';
+import { M as Modal } from './index-fc5e154b.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-4bc2c29f.js';
+import { L as LOCALE } from './Locale-7013ca58.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-e41a7a11.js → index-fc5e154b.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-089f39ac.js';
+import { _ as __rest } from './tslib.es6-a91a3ba2.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-e1ee0385.js';
+import { u as useStyles } from './index.styles-236ce1fa.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);