@hhgtech/hhg-components 1.29.332 → 1.29.334-beta-1

package/build/esm/{index-230adb31.js → index-6fa5ac76.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-8921b115.js';
+import { t as toggleNoScroll } from './utils-cdbd3de5.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-9d4336ef.js';
-import { T as Text } from './index-553c50fe.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-07c05d28.js';
+import { T as Text } from './index-262b1416.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-9c14c4af.js → index-7418a32c.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-0982a002.js';
-import { u as useTranslations } from './index-94c25537.js';
+import { I as Icon } from './index-7fee70e4.js';
+import { u as useTranslations } from './index-e422ad02.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/index-77225364.js

@@ -0,0 +1,96 @@
+import { _ as __rest } from './tslib.es6-e23bfd26.js';
+import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
+import { clsx } from '@mantine/core';
+import { Drawer } from 'vaul';
+import styled from '@emotion/styled';
+import { Z as ZINDEX_SSO } from './index-81772684.js';
+
+const StyledDrawerComponentContent = styled(Drawer.Content) `
+  position: fixed;
+  z-index: ${ZINDEX_SSO + 2};
+  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 + 2};
+  width: 100%;
+  max-height: 100%;
+`;
+
+const DrawerComponent = (props) => {
+    const { open: openProps, onOpenChange: onOpenChangeProps, snapPoints, children, overlayClassName, className } = props, restProps = __rest(props, ["open", "onOpenChange", "snapPoints", "children", "overlayClassName", "className"]);
+    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 };
+        if (snapPoints && (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.length)) {
+            _mergedProps.snapPoints = snapPoints;
+            _mergedProps.activeSnapPoint = snap;
+            _mergedProps.setActiveSnapPoint = setSnap;
+        }
+        return _mergedProps;
+    }, [open, onOpenChange, snap, setSnap, snapPoints]);
+    useEffect(() => {
+        setOpen(openProps);
+    }, [openProps]);
+    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 { DrawerComponent as D };

package/build/esm/{index-d7ffec42.js → index-7908e4ff.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-8b49e916.js';
+import { _ as __rest } from './tslib.es6-e23bfd26.js';
 import React__default, { createContext, useContext, useState } from 'react';
-import { L as LastPeriod } from './LastPeriod-3e7641e1.js';
+import { L as LastPeriod } from './LastPeriod-fd5114dd.js';
 import { format } from 'date-fns';
 import { useMantineTheme, Group } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input } from './index-b862cd16.js';
-import { D as DatePicker } from './index-c66fecf7.js';
-import './index-553c50fe.js';
-import './index-cf7a91f6.js';
-import './index.styles-4e255421.js';
-import { u as useTranslations } from './index-94c25537.js';
+import { R as Radio, I as Input } from './index-2ae8c1c0.js';
+import { D as DatePicker } from './index-26e9ffe8.js';
+import './index-262b1416.js';
+import './index-11d07def.js';
+import './index.styles-d02c3a5a.js';
+import { u as useTranslations } from './index-e422ad02.js';
 import '@mantine/hooks';
-import './useMantineLocale-5fd08281.js';
-import './index-340baab5.js';
-import './index-d247dffe.js';
-import './utils-8921b115.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-737db3be.js';
-import './other-f9bf3f6d.js';
-import './index-3e8b2ccd.js';
-import { H as HealthToolFormWrapper } from './index-79909b08.js';
+import './useMantineLocale-1c095a66.js';
+import './index-02d06202.js';
+import './index-000e0e9e.js';
+import './utils-cdbd3de5.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-81772684.js';
+import './other-0db5dab2.js';
+import './index-df46e084.js';
+import { H as HealthToolFormWrapper } from './index-e47632c4.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-587dca1f.js → index-7ed54614.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8b49e916.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e23bfd26.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-3e8b2ccd.js';
-import { L as Loading } from './index-452968eb.js';
-import './index-340baab5.js';
-import { g as formatArticle } from './dataTransform-f75c268c.js';
+import { T as Tabs } from './index-df46e084.js';
+import { L as Loading } from './index-89269f7e.js';
+import './index-02d06202.js';
+import { g as formatArticle } from './dataTransform-e01a7da8.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-b417174f.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-d3ab24c2.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-e9816b31.js';
-import { L as LOCALE } from './Locale-22ec3908.js';
+import { C as CardAuthor } from './index-d53bf495.js';
+import { L as LOCALE } from './Locale-00bfd7ae.js';
 import '@hhgtech/icons/other';
-import './index-cf7a91f6.js';
-import './index-553c50fe.js';
-import './other-f9bf3f6d.js';
-import './index-94c25537.js';
-import './translationsContext-7f3cb10c.js';
-import './index-1b8bee31.js';
-import './index-b199d103.js';
+import './index-11d07def.js';
+import './index-262b1416.js';
+import './other-0db5dab2.js';
+import './index-e422ad02.js';
+import './translationsContext-10772791.js';
+import './index-34400a59.js';
+import './index-a232379f.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-2e19be73.js';
+import './constants-dc697937.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-8921b115.js';
-import './index-b87a8b69.js';
-import './paths-e6e0ed3e.js';
-import './constants-6b039ef7.js';
-import './index-737db3be.js';
+import './utils-cdbd3de5.js';
+import './index-cb0a2c0d.js';
+import './paths-035cff11.js';
+import './constants-7afbacd8.js';
+import './index-81772684.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-0982a002.js';
+import './index-7fee70e4.js';
 import './miscTheme.js';
-import './WhatsApp-ec0a8966.js';
-import './Spinner-4cc30c73.js';
-import './index-8d9e3179.js';
+import './WhatsApp-f2d8fb5b.js';
+import './Spinner-912c6f34.js';
+import './index-dcb2ecbc.js';
 import '@emotion/styled';
-import './useScreenSize-11bcbfcc.js';
-import './index-d247dffe.js';
+import './useScreenSize-3a80d6c1.js';
+import './index-000e0e9e.js';
 import '@emotion/react';
-import './index-b8ca6394.js';
-import './index-123655ef.js';
-import './index.styles-4e255421.js';
+import './index-e1ef9807.js';
+import './index-50127890.js';
+import './index.styles-d02c3a5a.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-0982a002.js → index-7fee70e4.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-8b49e916.js';
+import { _ as __rest } from './tslib.es6-e23bfd26.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-ec0a8966.js';
-import { S as Spinner } from './Spinner-4cc30c73.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-f2d8fb5b.js';
+import { S as Spinner } from './Spinner-912c6f34.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-0668f85c.js → index-813b32e4.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-8b49e916.js';
+import { _ as __rest } from './tslib.es6-e23bfd26.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-b862cd16.js';
-import { D as DatePicker } from './index-c66fecf7.js';
-import { T as Text } from './index-553c50fe.js';
-import './index-cf7a91f6.js';
-import './index.styles-4e255421.js';
-import { u as useTranslations } from './index-94c25537.js';
+import { I as Input } from './index-2ae8c1c0.js';
+import { D as DatePicker } from './index-26e9ffe8.js';
+import { T as Text } from './index-262b1416.js';
+import './index-11d07def.js';
+import './index.styles-d02c3a5a.js';
+import { u as useTranslations } from './index-e422ad02.js';
 import '@mantine/hooks';
-import './useMantineLocale-5fd08281.js';
-import './index-340baab5.js';
-import './index-d247dffe.js';
-import './utils-8921b115.js';
-import './index-737db3be.js';
-import './other-f9bf3f6d.js';
-import './index-3e8b2ccd.js';
-import { I as INPUT_RANGE } from './constants-c3212847.js';
-import { H as HealthToolFormWrapper } from './index-79909b08.js';
-import { G as GenderOptionControl } from './index-85de8bc8.js';
+import './useMantineLocale-1c095a66.js';
+import './index-02d06202.js';
+import './index-000e0e9e.js';
+import './utils-cdbd3de5.js';
+import './index-81772684.js';
+import './other-0db5dab2.js';
+import './index-df46e084.js';
+import { I as INPUT_RANGE } from './constants-8fbe2670.js';
+import { H as HealthToolFormWrapper } from './index-e47632c4.js';
+import { G as GenderOptionControl } from './index-386e43b1.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-737db3be.js → index-81772684.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-340baab5.js';
+import './index-02d06202.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-22ec3908.js';
+import { L as LOCALE } from './Locale-00bfd7ae.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-452968eb.js → index-89269f7e.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-94c25537.js';
-import { B as Button } from './index-1b8bee31.js';
+import { u as useTranslations } from './index-e422ad02.js';
+import { B as Button } from './index-34400a59.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-9eafbe6c.js → index-8dccb669.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-8b49e916.js';
+import { _ as __rest } from './tslib.es6-e23bfd26.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-7cf19f32.js';
-import { u as useTranslations } from './index-94c25537.js';
-import { C as CommonGAssets } from './index-d247dffe.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-2e19be73.js';
-import { G as GenderOptionControl } from './index-85de8bc8.js';
-import { I as Input, S as Select } from './index-b862cd16.js';
-import { D as DatePicker } from './index-c66fecf7.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-28a49075.js';
+import { u as useTranslations } from './index-e422ad02.js';
+import { C as CommonGAssets } from './index-000e0e9e.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-dc697937.js';
+import { G as GenderOptionControl } from './index-386e43b1.js';
+import { I as Input, S as Select } from './index-2ae8c1c0.js';
+import { D as DatePicker } from './index-26e9ffe8.js';
 import '@mantine/core';
-import './index-553c50fe.js';
-import './index-cf7a91f6.js';
-import './index.styles-4e255421.js';
+import './index-262b1416.js';
+import './index-11d07def.js';
+import './index.styles-d02c3a5a.js';
 import '@mantine/hooks';
-import './useMantineLocale-5fd08281.js';
-import './index-340baab5.js';
-import './utils-8921b115.js';
-import './index-737db3be.js';
-import './other-f9bf3f6d.js';
-import './index-3e8b2ccd.js';
-import { H as HealthToolFormWrapper } from './index-79909b08.js';
+import './useMantineLocale-1c095a66.js';
+import './index-02d06202.js';
+import './utils-cdbd3de5.js';
+import './index-81772684.js';
+import './other-0db5dab2.js';
+import './index-df46e084.js';
+import { H as HealthToolFormWrapper } from './index-e47632c4.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-945d5a71.js → index-915183b3.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-cf7a91f6.js';
+import { B as Button } from './index-11d07def.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-c4b63c56.js → index-98ef5263.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-b862cd16.js';
+import { F as Flag } from './index-2ae8c1c0.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-553c50fe.js';
-import { C as CommonGAssets } from './index-d247dffe.js';
+import { T as Text } from './index-262b1416.js';
+import { C as CommonGAssets } from './index-000e0e9e.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-521c6a0c.js → index-993de4d6.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-8b49e916.js';
+import { _ as __rest } from './tslib.es6-e23bfd26.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-b862cd16.js';
+import { t as themeColors } from './index-2ae8c1c0.js';
 import '@mantine/dates';
-import './index-737db3be.js';
-import './index-340baab5.js';
-import './index-d247dffe.js';
-import './useMantineLocale-5fd08281.js';
-import { T as Text } from './index-553c50fe.js';
-import './index-cf7a91f6.js';
-import './index.styles-4e255421.js';
-import { u as useTranslations } from './index-94c25537.js';
+import './index-81772684.js';
+import './index-02d06202.js';
+import './index-000e0e9e.js';
+import './useMantineLocale-1c095a66.js';
+import { T as Text } from './index-262b1416.js';
+import './index-11d07def.js';
+import './index.styles-d02c3a5a.js';
+import { u as useTranslations } from './index-e422ad02.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-8921b115.js';
-import './other-f9bf3f6d.js';
-import './index-3e8b2ccd.js';
+import { M as MediaQueries } from './utils-cdbd3de5.js';
+import './other-0db5dab2.js';
+import './index-df46e084.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-3330a1a5.js → index-99655cbc.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-8b49e916.js';
+import { _ as __rest } from './tslib.es6-e23bfd26.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-8921b115.js';
+import { M as MediaQueries } from './utils-cdbd3de5.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-cbe8ec85.js → index-9ab041aa.js}

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

package/build/esm/{index-eff9f904.js → index-a38d2351.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-8b49e916.js';
+import { _ as __rest } from './tslib.es6-e23bfd26.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-b862cd16.js';
-import { D as DatePicker } from './index-c66fecf7.js';
-import './index-553c50fe.js';
-import './index-cf7a91f6.js';
-import './index.styles-4e255421.js';
-import { u as useTranslations } from './index-94c25537.js';
+import './index-2ae8c1c0.js';
+import { D as DatePicker } from './index-26e9ffe8.js';
+import './index-262b1416.js';
+import './index-11d07def.js';
+import './index.styles-d02c3a5a.js';
+import { u as useTranslations } from './index-e422ad02.js';
 import '@mantine/hooks';
-import './useMantineLocale-5fd08281.js';
-import './index-340baab5.js';
-import './index-d247dffe.js';
-import './utils-8921b115.js';
-import './index-737db3be.js';
-import './other-f9bf3f6d.js';
-import './index-3e8b2ccd.js';
-import { H as HealthToolFormWrapper } from './index-79909b08.js';
-import { G as GenderOptionControl } from './index-85de8bc8.js';
+import './useMantineLocale-1c095a66.js';
+import './index-02d06202.js';
+import './index-000e0e9e.js';
+import './utils-cdbd3de5.js';
+import './index-81772684.js';
+import './other-0db5dab2.js';
+import './index-df46e084.js';
+import { H as HealthToolFormWrapper } from './index-e47632c4.js';
+import { G as GenderOptionControl } from './index-386e43b1.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-1853a9de.js → index-bb193a95.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-11bcbfcc.js';
+import { I as ImageWrap } from './useScreenSize-3a80d6c1.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-bd313745.js → index-bd17eb4a.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-1b8bee31.js';
-import { H as Heading } from './index-b8ca6394.js';
-import { T as Text } from './index-553c50fe.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-8921b115.js';
+import { B as Button } from './index-34400a59.js';
+import { H as Heading } from './index-e1ef9807.js';
+import { T as Text } from './index-262b1416.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-cdbd3de5.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-b417174f.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-d3ab24c2.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-8b49e916.js';
-import { I as Input } from './index-3330a1a5.js';
-import { u as useTranslations } from './index-94c25537.js';
-import { e as formatComment } from './dataTransform-f75c268c.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-2e19be73.js';
+import { a as __awaiter } from './tslib.es6-e23bfd26.js';
+import { I as Input } from './index-99655cbc.js';
+import { u as useTranslations } from './index-e422ad02.js';
+import { e as formatComment } from './dataTransform-e01a7da8.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-dc697937.js';
 import { PATHS } from './togetherApiPaths.js';
-import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-126f46d9.js';
-import { C as CardLink } from './index-5a1e82b3.js';
-import { L as Loading } from './index-e9816b31.js';
-import { U as UserAvatar } from './index-8d9e3179.js';
-import { R as RichTextEditor } from './editor-1449176b.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-403e7563.js';
+import { C as CardLink } from './index-cff2c593.js';
+import { L as Loading } from './index-d53bf495.js';
+import { U as UserAvatar } from './index-dcb2ecbc.js';
+import { R as RichTextEditor } from './editor-30eaf984.js';
 import { Portal, Box, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-7052c7b0.js';
-import { C as CloseIcon } from './index-1e12ffe2.js';
+import { P as Popup } from './index-db606269.js';
+import { C as CloseIcon } from './index-d57214b0.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-11bcbfcc.js';
+import { I as ImageWrap } from './useScreenSize-3a80d6c1.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);
@@ -965,12 +965,6 @@ const StyledSharePopup = styled.div `
     > div:first-child {
       height: unset;
     }
-    .close-button {
-      display: none;
-    }
-    .popup-content .header {
-      display: none;
-    }
   }
   .custom-share__header {
     display: flex;