@hhgtech/hhg-components 1.29.519 → 1.29.520-beta-2

package/build/esm/{index-2ea39d88.js → index-3ee07cd0.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-ccbbcfba.js';
-import { C as CommonGAssets } from './index-310cfd7b.js';
+import { L as LOCALE } from './Locale-7ab03a8b.js';
+import { C as CommonGAssets } from './index-b4942359.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-9d99f607.js';
-import { L as LogoIcon } from './logoIcon-a7659a5e.js';
-import './index-f3f988ef.js';
-import { I as ImageWrap } from './index-6b074628.js';
+import { M as MediaQueries } from './utils-b585c5bc.js';
+import { L as LogoIcon } from './logoIcon-8a48716f.js';
+import './index-04f7f222.js';
+import { I as ImageWrap } from './index-b8fdb9aa.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-47b7ada8.js → index-4369d9c0.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-fd9c3a30.js';
+import { _ as __rest } from './tslib.es6-4fa7a570.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, Box, clsx } from '@mantine/core';
-import './index-72a75619.js';
+import './index-c18b2912.js';
 import '@mantine/dates';
-import './index-4628fe6e.js';
-import './index-f3f988ef.js';
-import './index-310cfd7b.js';
-import './index-1313dfdd.js';
-import { T as Text } from './index-05c4951d.js';
-import { B as Button } from './index-57837cfc.js';
-import './index-cbedf2d1.js';
-import './index.styles-1c4075a2.js';
-import { u as useTranslations } from './index-36cae056.js';
+import './index-ce50231a.js';
+import './index-04f7f222.js';
+import './index-b4942359.js';
+import './index-6ff17c8b.js';
+import { T as Text } from './index-577d3d36.js';
+import { B as Button } from './index-bdb9aad7.js';
+import './index-df466602.js';
+import './index.styles-4a51f920.js';
+import { u as useTranslations } from './index-747fefad.js';
 import '@mantine/hooks';
-import './utils-9d99f607.js';
-import './index-7990915b.js';
-import { C as CardWrapperContext } from './context-c723327b.js';
-import { H as HealthToolFormWrapper } from './index-cfb6123a.js';
+import './utils-b585c5bc.js';
+import './index-fb1c2029.js';
+import { C as CardWrapperContext } from './context-196e8d23.js';
+import { H as HealthToolFormWrapper } from './index-e5592123.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-6b0af5b7.js → index-44324579.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-6b074628.js';
-import { T as Text } from './index-05c4951d.js';
-import { _ as __rest } from './tslib.es6-fd9c3a30.js';
+import { I as ImageWrap } from './index-b8fdb9aa.js';
+import { T as Text } from './index-577d3d36.js';
+import { _ as __rest } from './tslib.es6-4fa7a570.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-753476ec.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-21a2e743.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-4628fe6e.js';
+import { Z as ZINDEX_SSO } from './index-ce50231a.js';
 
 /* eslint-disable prettier/prettier */
 const Pin3 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 12 12", fill: "none" }, props),

package/build/esm/{index-7c702160.js → index-4e8e6184.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-fd9c3a30.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4fa7a570.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-7990915b.js';
-import { L as Loading } from './index-d52949eb.js';
-import './index-f3f988ef.js';
-import { g as formatArticle } from './dataTransform-dfe1ccb3.js';
+import { T as Tabs } from './index-fb1c2029.js';
+import { L as Loading } from './index-7e3a15c5.js';
+import './index-04f7f222.js';
+import { g as formatArticle } from './dataTransform-a6602361.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-75d5180c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-11f44d33.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-88909ec7.js';
-import { L as LOCALE } from './Locale-ccbbcfba.js';
+import { C as CardAuthor } from './index-f80cc5e9.js';
+import { L as LOCALE } from './Locale-7ab03a8b.js';
 import '@hhgtech/icons/other';
-import './index-57837cfc.js';
-import './shared-60ddd554.js';
-import './index-cbedf2d1.js';
-import './index-05c4951d.js';
-import './index-36cae056.js';
-import './translationsContext-8fcaea56.js';
-import './index-d067d1b4.js';
-import './index-172af130.js';
+import './index-bdb9aad7.js';
+import './shared-68f03bbd.js';
+import './index-df466602.js';
+import './index-577d3d36.js';
+import './index-747fefad.js';
+import './translationsContext-d9b0a19a.js';
+import './index-246ca991.js';
+import './index-5e136f0a.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-502bcf3c.js';
+import './constants-2655a9b2.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-9d99f607.js';
-import './index-ee2d683c.js';
-import './paths-35aa2d12.js';
-import './constants-9300255e.js';
-import './index-4628fe6e.js';
+import './utils-b585c5bc.js';
+import './index-da9a8878.js';
+import './paths-d42f4ab8.js';
+import './constants-1405f75a.js';
+import './index-ce50231a.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-3a4d9ebe.js';
+import './index-83ba4a9f.js';
 import './miscTheme.js';
-import './WhatsApp-147168c0.js';
-import './Spinner-80fd9f9a.js';
-import './index-f7145879.js';
+import './WhatsApp-99d85b1f.js';
+import './Spinner-81d742a9.js';
+import './index-f3491d0f.js';
 import '@emotion/styled';
-import './index-6b074628.js';
-import './index-310cfd7b.js';
-import './index-537b5f90.js';
+import './index-b8fdb9aa.js';
+import './index-b4942359.js';
+import './index-8f3c4a67.js';
 import '@emotion/react';
-import './index-a28dfbf1.js';
-import './index-0d9e1a89.js';
-import './index.styles-1c4075a2.js';
+import './index-25bddc9f.js';
+import './index-a9f74fc9.js';
+import './index.styles-4a51f920.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-c5de3379.js → index-51cc8e6f.js}

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

package/build/esm/{index-e33884a7.js → index-534b9e75.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-05c4951d.js';
+import { T as Text } from './index-577d3d36.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-9d99f607.js';
+import { M as MediaQueries } from './utils-b585c5bc.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-6b0af5b7.js';
-import { R as Radio$1 } from './index-72a75619.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-fd9c3a30.js';
-import { T as Text$1 } from './index-eee937e6.js';
+import { S as ShapedArrowDown } from './index-44324579.js';
+import { R as Radio$1 } from './index-c18b2912.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4fa7a570.js';
+import { T as Text$1 } from './index-f59ae445.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-a28dfbf1.js';
-import { C as Close } from './Close-c0f41fdf.js';
-import { u as useTranslations } from './index-36cae056.js';
+import { H as Heading } from './index-25bddc9f.js';
+import { C as Close } from './Close-6846b144.js';
+import { u as useTranslations } from './index-747fefad.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-b3e09d1b.js → index-54b0c4f4.js}

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

package/build/esm/{index-56786c3e.js → index-5547c18a.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-fd9c3a30.js';
+import { _ as __rest } from './tslib.es6-4fa7a570.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-5d2ac195.js';
-import { I as Input } from './index-72a75619.js';
-import { D as DatePicker } from './index-93358069.js';
-import { T as Text } from './index-05c4951d.js';
-import './index-57837cfc.js';
-import './index-cbedf2d1.js';
-import './index.styles-1c4075a2.js';
-import { u as useTranslations } from './index-36cae056.js';
+import { L as LastPeriod } from './LastPeriod-d39964f9.js';
+import { I as Input } from './index-c18b2912.js';
+import { D as DatePicker } from './index-ed60565b.js';
+import { T as Text } from './index-577d3d36.js';
+import './index-bdb9aad7.js';
+import './index-df466602.js';
+import './index.styles-4a51f920.js';
+import { u as useTranslations } from './index-747fefad.js';
 import '@mantine/hooks';
-import './index-1313dfdd.js';
-import './utils-9d99f607.js';
-import './index-7990915b.js';
-import { C as CardWrapperContext } from './context-c723327b.js';
-import { H as HealthToolFormWrapper } from './index-cfb6123a.js';
+import './index-6ff17c8b.js';
+import './utils-b585c5bc.js';
+import './index-fb1c2029.js';
+import { C as CardWrapperContext } from './context-196e8d23.js';
+import { H as HealthToolFormWrapper } from './index-e5592123.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-05c4951d.js → index-577d3d36.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-fd9c3a30.js';
+import { _ as __rest } from './tslib.es6-4fa7a570.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-cbedf2d1.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-df466602.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-5027dfdb.js → index-57b1d3d5.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-fd9c3a30.js';
+import { a as __awaiter } from './tslib.es6-4fa7a570.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-a28dfbf1.js';
-import { T as Text } from './index-05c4951d.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-75d5180c.js';
+import { H as Heading } from './index-25bddc9f.js';
+import { T as Text } from './index-577d3d36.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-11f44d33.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-502bcf3c.js';
+import { D as DEFAULT_IMG } from './constants-2655a9b2.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-25ca02b0.js → index-5ce477ee.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-fd9c3a30.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-4fa7a570.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-7990915b.js';
-import { L as Loading } from './index-d52949eb.js';
-import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-dfe1ccb3.js';
+import { T as Tabs } from './index-fb1c2029.js';
+import { L as Loading } from './index-7e3a15c5.js';
+import { a as formatPost, f as formatCommunity, g as formatArticle } from './dataTransform-a6602361.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-75d5180c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath, b as callApiWithAuth } from './utils-11f44d33.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-310cfd7b.js';
-import { I as ImageWrap } from './index-6b074628.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-88909ec7.js';
-import { S as SocialType } from './index-f3f988ef.js';
-import { u as useTranslations } from './index-36cae056.js';
+import { C as CommonGAssets } from './index-b4942359.js';
+import { I as ImageWrap } from './index-b8fdb9aa.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-f80cc5e9.js';
+import { S as SocialType } from './index-04f7f222.js';
+import { u as useTranslations } from './index-747fefad.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { b as Anchor$1 } from './index-72a75619.js';
+import { b as Anchor$1 } from './index-c18b2912.js';
 import '@mantine/dates';
-import './index-4628fe6e.js';
-import './index-1313dfdd.js';
-import { T as Text } from './index-05c4951d.js';
-import { B as Button } from './index-57837cfc.js';
-import './index-cbedf2d1.js';
-import './index.styles-1c4075a2.js';
+import './index-ce50231a.js';
+import './index-6ff17c8b.js';
+import { T as Text } from './index-577d3d36.js';
+import { B as Button } from './index-bdb9aad7.js';
+import './index-df466602.js';
+import './index.styles-4a51f920.js';
 import '@mantine/hooks';
-import './utils-9d99f607.js';
+import './utils-b585c5bc.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-0d4716fa.js';
-import { B as Button$1 } from './index-d067d1b4.js';
-import './translationsContext-8fcaea56.js';
+import { d as decodeMention, b as decodePostUrl } from './post-b73603d4.js';
+import { B as Button$1 } from './index-246ca991.js';
+import './translationsContext-d9b0a19a.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-f156f409.js → index-60ef4f80.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-9d99f607.js';
+import { t as toggleNoScroll } from './utils-b585c5bc.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-c1ffca83.js';
-import { T as Text } from './index-05c4951d.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-81f069ca.js';
+import { T as Text } from './index-577d3d36.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-94d215f7.js → index-6ad3c153.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-172af130.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-4628fe6e.js';
-import { N as NodeIntentType } from './index-f3f988ef.js';
+import { c as cookie } from './index-5e136f0a.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-ce50231a.js';
+import { N as NodeIntentType } from './index-04f7f222.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-84eceb0d.js → index-6b0d3975.js}

@@ -1,24 +1,25 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-9d99f607.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-b585c5bc.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-fd9c3a30.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-d334d17b.js';
-import { I as Input } from './index-72a75619.js';
+import { _ as __rest } from './tslib.es6-4fa7a570.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-18f46adc.js';
+import { I as Input } from './index-c18b2912.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-4628fe6e.js';
-import './index-f3f988ef.js';
-import './index-310cfd7b.js';
-import './index-1313dfdd.js';
-import './index-05c4951d.js';
-import './index-57837cfc.js';
-import './index-cbedf2d1.js';
-import './index.styles-1c4075a2.js';
-import './translationsContext-8fcaea56.js';
+import './index-ce50231a.js';
+import './index-04f7f222.js';
+import './index-b4942359.js';
+import './index-6ff17c8b.js';
+import './index-577d3d36.js';
+import './index-bdb9aad7.js';
+import './index-df466602.js';
+import './index.styles-4a51f920.js';
+import './translationsContext-d9b0a19a.js';
 import '@mantine/hooks';
-import './index-7990915b.js';
+import './index-fb1c2029.js';
+import { C as Close } from './Close-6846b144.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),
@@ -482,6 +483,35 @@ const StyledInput = styled(Input) `
     font-size: 0.8125rem;
     line-height: 1.25rem;
   }
+
+  .close-icon-wrapper {
+    display: none;
+    background-color: ${theme.colors.gray400};
+    border-radius: 100%;
+    cursor: pointer;
+    width: 20px;
+    height: 20px;
+    padding: 2px;
+
+    svg {
+      pointer-events: none;
+    }
+
+    &[data-is-disabled='true'] {
+      opacity: 0.2;
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  }
+
+  input.mantine-Input-input:focus
+    ~ .mantine-Input-rightSection
+    .close-icon-wrapper,
+  input.mantine-Input-input:not(:placeholder-shown)
+    ~ .mantine-Input-rightSection
+    .close-icon-wrapper {
+    display: flex;
+  }
 `;
 const StyledSearchIcon = styled(Search2) `
   color: ${theme.colors.primaryBase};
@@ -489,11 +519,15 @@ const StyledSearchIcon = styled(Search2) `
   height: 20px;
 `;
 const SearchInput = (props) => {
-    const { loading, disabled, placeholder, value, onChange, icon = React__default.createElement(StyledSearchIcon, null), className, style } = props, restProps = __rest(props, ["loading", "disabled", "placeholder", "value", "onChange", "icon", "className", "style"]);
+    const { loading, disabled, placeholder, value, onChange, icon = React__default.createElement(StyledSearchIcon, null), className, style, enableClear } = props, restProps = __rest(props, ["loading", "disabled", "placeholder", "value", "onChange", "icon", "className", "style", "enableClear"]);
     const handleChange = (e) => {
         onChange(e.currentTarget.value);
     };
-    return (React__default.createElement(StyledInput, Object.assign({ disabled: loading || disabled, size: "lg", value: value, onChangeRaw: handleChange, type: "text", placeholder: placeholder, className: className, icon: icon, style: style }, restProps, { "data-event-label": value })));
+    const handleClear = () => {
+        onChange('');
+    };
+    return (React__default.createElement(StyledInput, Object.assign({ disabled: loading || disabled, size: "lg", value: value, onChangeRaw: handleChange, type: "text", placeholder: placeholder, className: className, icon: icon, style: style, rightSection: enableClear ? (React__default.createElement("div", { className: "close-icon-wrapper", onClick: handleClear, "data-is-disabled": !value },
+            React__default.createElement(Close, { fill: "white", width: "100%", height: "100%" }))) : undefined }, restProps, { "data-event-label": value })));
 };
 
 export { Checkbox as C, ImageWrapV2 as I, Pagination as P, StyledSearchIcon as S, PureInput as a, SearchInput as b, Search2 as c };

package/build/esm/{index-5dc4a52c.js → index-6f1b2d39.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-fd9c3a30.js';
+import { a as __awaiter } from './tslib.es6-4fa7a570.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-340348af.js';
-import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-4628fe6e.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-90779fdc.js';
+import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-ce50231a.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-ccbbcfba.js';
+import { L as LOCALE } from './Locale-7ab03a8b.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-1313dfdd.js → index-6ff17c8b.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-fd9c3a30.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-4fa7a570.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-f3f988ef.js';
-import { L as LOCALE } from './Locale-ccbbcfba.js';
+import './index-04f7f222.js';
+import { L as LOCALE } from './Locale-7ab03a8b.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-4628fe6e.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-ce50231a.js';
 import { em, rem } from '@mantine/core';
-import { C as CommonGAssets } from './index-310cfd7b.js';
+import { C as CommonGAssets } from './index-b4942359.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-9d99f607.js';
-import { C as CustomStylesType, F as FontWeight } from './index-cbedf2d1.js';
-import { A as ANIMATION_DURATION } from './shared-60ddd554.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-b585c5bc.js';
+import { C as CustomStylesType, F as FontWeight } from './index-df466602.js';
+import { A as ANIMATION_DURATION } from './shared-68f03bbd.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-36cae056.js → index-747fefad.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-8fcaea56.js';
+import { T as TranslationsContext } from './translationsContext-d9b0a19a.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-d52949eb.js → index-7e3a15c5.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-36cae056.js';
-import { B as Button } from './index-d067d1b4.js';
+import { u as useTranslations } from './index-747fefad.js';
+import { B as Button } from './index-246ca991.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-3a4d9ebe.js → index-83ba4a9f.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-fd9c3a30.js';
+import { _ as __rest } from './tslib.es6-4fa7a570.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-147168c0.js';
-import { S as Spinner } from './Spinner-80fd9f9a.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-99d85b1f.js';
+import { S as Spinner } from './Spinner-81d742a9.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-ff9f2685.js → index-8a6b373f.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-a28dfbf1.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-9d99f607.js';
-import { u as useTranslations } from './index-36cae056.js';
-import { T as TogetherComponentGlobalContext } from './utils-75d5180c.js';
+import { H as Heading } from './index-25bddc9f.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-b585c5bc.js';
+import { u as useTranslations } from './index-747fefad.js';
+import { T as TogetherComponentGlobalContext } from './utils-11f44d33.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-05c4951d.js';
+import { T as Text } from './index-577d3d36.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-fd9c3a30.js';
+import { _ as __rest } from './tslib.es6-4fa7a570.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-537b5f90.js → index-8f3c4a67.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-d067d1b4.js';
-import { u as useTranslations } from './index-36cae056.js';
+import { B as Button } from './index-246ca991.js';
+import { u as useTranslations } from './index-747fefad.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-a9d53e9e.js → index-91277689.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-fd9c3a30.js';
+import { _ as __rest } from './tslib.es6-4fa7a570.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-c179f6da.js → index-944ed93f.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-fd9c3a30.js';
+import { a as __awaiter } from './tslib.es6-4fa7a570.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-6b074628.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-75d5180c.js';
+import { I as ImageWrap } from './index-b8fdb9aa.js';
+import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-11f44d33.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-502bcf3c.js';
-import { y as youtubeVidIdGetter } from './post-0d4716fa.js';
-import { L as Loading } from './index-537b5f90.js';
+import { D as DEFAULT_IMG } from './constants-2655a9b2.js';
+import { y as youtubeVidIdGetter } from './post-b73603d4.js';
+import { L as Loading } from './index-8f3c4a67.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {