@hhgtech/hhg-components 1.29.536 → 1.29.537-beta-2

package/build/esm/{index-1f70e65e.js → index-cb68c4eb.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-fe9009b6.js';
+import { a as __awaiter } from './tslib.es6-49579c8e.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-da0a7092.js';
-import { T as Text } from './index-27a453db.js';
-import { T as TogetherComponentGlobalContext, c as callApi, e as getApiPath } from './utils-82ce3bea.js';
+import { H as Heading } from './index-d9e11dde.js';
+import { T as Text } from './index-b93c507d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, f as getApiPath } from './utils-1e513a19.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-0d72efc9.js';
+import { a as DEFAULT_IMG } from './constants-031a5fce.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-acb0e372.js → index-cbb07c08.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-fe9009b6.js';
+import { a as __awaiter } from './tslib.es6-49579c8e.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-ca423f45.js';
-import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-aba99a3c.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-17cf924f.js';
+import { L as LOCALE_SPECS, k as BEARER_REFRESH_TOKEN_COOKIE } from './index-d0d54d04.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-bde3683e.js';
+import { L as LOCALE } from './Locale-9da7d42f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {
@@ -23,6 +23,7 @@ const SSO_V2_PATHS = {
         UPDATE_PHONE_VERIFY_OTP: 'login/sms-social/phone-verify-code',
     },
     WHATSAPP: {
+        LOGIN_OTP_WHATSAPP: 'login/login-otp-whatsapp',
         REGISTER_BY_SEND_OTP: 'login/login-with-whatsapp',
         SEND_OTP: 'login/whatsapp/sent-otp',
         UPDATE_PHONE_SEND_OTP: 'login/sms-social/whatsapp/sent-otp',
@@ -84,7 +85,8 @@ const fetchSSOV2Api = (path, options = {}, noAuth) => __awaiter(void 0, void 0,
     }
     return response === null || response === void 0 ? void 0 : response.json();
 });
-const fetchSSOApi = (path, options = {}, noAuth) => __awaiter(void 0, void 0, void 0, function* () {
+/** JSON body (e.g. WhatsApp login-otp / verify-code); omits FormData-only ga/referrer append. */
+const fetchSSOV2ApiJson = (path, body, noAuth) => __awaiter(void 0, void 0, void 0, function* () {
     var _b;
     let response;
     const authToken = noAuth
@@ -92,6 +94,27 @@ const fetchSSOApi = (path, options = {}, noAuth) => __awaiter(void 0, void 0, vo
         : (_b = document.cookie
             .split('; ')
             .find((row) => row.startsWith(BEARER_TOKEN_COOKIE))) === null || _b === void 0 ? void 0 : _b.split('=')[1];
+    try {
+        response = yield fetch(getSSOV2ApiUrl(path), {
+            method: 'POST',
+            headers: Object.assign({ Accept: 'application/json', 'Content-Type': 'application/json' }, (authToken ? { Authorization: `Bearer ${authToken}` } : {})),
+            body: JSON.stringify(body),
+        });
+    }
+    catch (error) {
+        console.error(error);
+        return null;
+    }
+    return response === null || response === void 0 ? void 0 : response.json();
+});
+const fetchSSOApi = (path, options = {}, noAuth) => __awaiter(void 0, void 0, void 0, function* () {
+    var _c;
+    let response;
+    const authToken = noAuth
+        ? ''
+        : (_c = document.cookie
+            .split('; ')
+            .find((row) => row.startsWith(BEARER_TOKEN_COOKIE))) === null || _c === void 0 ? void 0 : _c.split('=')[1];
     try {
         response = yield fetch(getSSOApiUrl(path), authToken
             ? Object.assign(Object.assign({}, options), { headers: Object.assign({ Authorization: `Bearer ${authToken}` }, options === null || options === void 0 ? void 0 : options.headers) }) : options);
@@ -180,4 +203,4 @@ const handleAuthSuccess = (res) => {
         });
 };
 
-export { BEARER_TOKEN_COOKIE as B, FacebookAppId as F, GoogleAuthClientId as G, SSO_V2_PATHS as S, checkUserExist as c, fetchSSOV2Api as f, getUserInfo as g, handleAuthSuccess as h, locale as l, resetPassword as r, updateUserInfo as u, websiteId as w };
+export { BEARER_TOKEN_COOKIE as B, FacebookAppId as F, GoogleAuthClientId as G, SSO_V2_PATHS as S, fetchSSOV2ApiJson as a, checkUserExist as c, fetchSSOV2Api as f, getUserInfo as g, handleAuthSuccess as h, locale as l, resetPassword as r, updateUserInfo as u, websiteId as w };

package/build/esm/{index-aba99a3c.js → index-d0d54d04.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-6aa38f4a.js';
+import './index-3140e763.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } 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-bde3683e.js';
+import { L as LOCALE } from './Locale-9da7d42f.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-c008607a.js → index-d29c6b84.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-881bfc89.js';
+import { C as Container } from './index-9a738fe7.js';
 import dayjs from 'dayjs';
-import './index-aba99a3c.js';
-import './index-305ea4ff.js';
+import './index-d0d54d04.js';
+import './index-c5633877.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-6aa38f4a.js';
-import './index-4fca4ac5.js';
-import './index-148eaa77.js';
-import { T as Text } from './index-27a453db.js';
-import './index-c6bbfde7.js';
-import './index-0e289cc5.js';
-import './index.styles-5b593573.js';
-import './translationsContext-17fbb119.js';
+import './index-3140e763.js';
+import './index-d860ed77.js';
+import './index-da18ffd2.js';
+import { T as Text } from './index-b93c507d.js';
+import './index-8155cc1c.js';
+import './index-055a7647.js';
+import './index.styles-e7a5cac8.js';
+import './translationsContext-498d83bb.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-5695d65c.js';
-import './index-0302841d.js';
-import { u as useScreenSize } from './index-291d0e7b.js';
+import { M as MediaQueries } from './utils-37c32e5f.js';
+import './index-22970d29.js';
+import { u as useScreenSize } from './index-f5bacace.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-afdb4057.js';
-import { M as MarryBabyText } from './index-5e9efd56.js';
+import { L as Logo } from './index-86d9ced0.js';
+import { M as MarryBabyText } from './index-45b39f54.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-5563937f.js → index-d40707da.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-fe9009b6.js';
+import { _ as __rest } from './tslib.es6-49579c8e.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-6aa9ea42.js';
-import { L as LOCALE } from './Locale-bde3683e.js';
+import { L as LastPeriod } from './LastPeriod-36e7e59f.js';
+import { L as LOCALE } from './Locale-9da7d42f.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-305ea4ff.js';
-import { D as DatePicker } from './index-ab64efc3.js';
-import { T as Text } from './index-27a453db.js';
-import './index-c6bbfde7.js';
-import './index-0e289cc5.js';
-import './index.styles-5b593573.js';
-import { u as useTranslations } from './index-04f5a769.js';
+import { R as Radio, I as Input, S as Select } from './index-c5633877.js';
+import { D as DatePicker } from './index-2398f766.js';
+import { T as Text } from './index-b93c507d.js';
+import './index-8155cc1c.js';
+import './index-055a7647.js';
+import './index.styles-e7a5cac8.js';
+import { u as useTranslations } from './index-4ab448d4.js';
 import '@mantine/hooks';
-import './index-148eaa77.js';
-import './utils-5695d65c.js';
-import './index-0302841d.js';
-import { H as HealthToolFormWrapper } from './index-a4516e6f.js';
+import './index-da18ffd2.js';
+import './utils-37c32e5f.js';
+import './index-22970d29.js';
+import { H as HealthToolFormWrapper } from './index-b679a450.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-18f22e3e.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-aba99a3c.js';
+import { C as CardWrapperContext } from './context-a021e22a.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-d0d54d04.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-18596a50.js → index-d8c16b27.js}

@@ -1,25 +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-5695d65c.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-37c32e5f.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-fe9009b6.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-520f502d.js';
-import { I as Input } from './index-305ea4ff.js';
+import { _ as __rest } from './tslib.es6-49579c8e.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-5a6b957c.js';
+import { I as Input } from './index-c5633877.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-aba99a3c.js';
-import './index-6aa38f4a.js';
-import './index-4fca4ac5.js';
-import './index-148eaa77.js';
-import './index-27a453db.js';
-import './index-c6bbfde7.js';
-import './index-0e289cc5.js';
-import './index.styles-5b593573.js';
-import './translationsContext-17fbb119.js';
+import './index-d0d54d04.js';
+import './index-3140e763.js';
+import './index-d860ed77.js';
+import './index-da18ffd2.js';
+import './index-b93c507d.js';
+import './index-8155cc1c.js';
+import './index-055a7647.js';
+import './index.styles-e7a5cac8.js';
+import './translationsContext-498d83bb.js';
 import '@mantine/hooks';
-import './index-0302841d.js';
-import { C as Close } from './Close-8cf9c873.js';
+import './index-22970d29.js';
+import { C as Close } from './index-a47baab1.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),

package/build/esm/{index-da0a7092.js → index-d9e11dde.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-fe9009b6.js';
+import { _ as __rest } from './tslib.es6-49579c8e.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-27a453db.js';
+import { T as Text } from './index-b93c507d.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-148eaa77.js → index-da18ffd2.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-fe9009b6.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-49579c8e.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-6aa38f4a.js';
-import { L as LOCALE } from './Locale-bde3683e.js';
+import './index-3140e763.js';
+import { L as LOCALE } from './Locale-9da7d42f.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-aba99a3c.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-d0d54d04.js';
 import { em, rem } from '@mantine/core';
-import { C as CommonGAssets } from './index-4fca4ac5.js';
+import { C as CommonGAssets } from './index-d860ed77.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-5695d65c.js';
-import { C as CustomStylesType, F as FontWeight } from './index-0e289cc5.js';
-import { A as ANIMATION_DURATION } from './shared-8bf3d323.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-37c32e5f.js';
+import { C as CustomStylesType, F as FontWeight } from './index-055a7647.js';
+import { A as ANIMATION_DURATION } from './shared-79188512.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-d1a07321.js → index-db45c5bd.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-fe9009b6.js';
+import { _ as __rest } from './tslib.es6-49579c8e.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-34a8ea40.js';
-import { u as useTranslations } from './index-04f5a769.js';
-import { C as CommonGAssets } from './index-4fca4ac5.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-0d72efc9.js';
-import { G as GenderOptionControl } from './index-fadefee8.js';
-import { I as Input, S as Select } from './index-305ea4ff.js';
-import { D as DatePicker } from './index-ab64efc3.js';
-import { T as Text } from './index-27a453db.js';
-import './index-c6bbfde7.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-567aba36.js';
+import { u as useTranslations } from './index-4ab448d4.js';
+import { C as CommonGAssets } from './index-d860ed77.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-031a5fce.js';
+import { G as GenderOptionControl } from './index-c60ed871.js';
+import { I as Input, S as Select } from './index-c5633877.js';
+import { D as DatePicker } from './index-2398f766.js';
+import { T as Text } from './index-b93c507d.js';
+import './index-8155cc1c.js';
 import '@mantine/core';
-import './index-0e289cc5.js';
-import './index.styles-5b593573.js';
+import './index-055a7647.js';
+import './index.styles-e7a5cac8.js';
 import '@mantine/hooks';
-import './index-148eaa77.js';
-import './utils-5695d65c.js';
-import './index-0302841d.js';
-import './index-aba99a3c.js';
-import { C as CardWrapperContext } from './context-18f22e3e.js';
-import { H as HealthToolFormWrapper } from './index-a4516e6f.js';
+import './index-da18ffd2.js';
+import './utils-37c32e5f.js';
+import './index-22970d29.js';
+import './index-d0d54d04.js';
+import { C as CardWrapperContext } from './context-a021e22a.js';
+import { H as HealthToolFormWrapper } from './index-b679a450.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-ad262028.js → index-dc30f610.js}

@@ -2,22 +2,22 @@ import React__default, { useMemo, useRef, useState, useCallback, forwardRef, use
 import { Search } from '@hhgtech/icons/core';
 import { Skeleton, clsx, Box, Input, rem, ScrollArea, useMantineTheme, Stack, Flex, Text as Text$1, Select, Divider, Tabs } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { P as PinIcon, i as checkMarkIconUrl, h as getApiPath, u as useGeolocation } from './utils-bb8ef83e.js';
-import { a as useOutsideClick } from './useOutsideClick-b8be9ada.js';
-import { u as useTranslations } from './index-04f5a769.js';
+import { P as PinIcon, i as checkMarkIconUrl, h as getApiPath, u as useGeolocation } from './utils-18a15f6e.js';
+import { a as useOutsideClick } from './useOutsideClick-a8f577a1.js';
+import { u as useTranslations } from './index-4ab448d4.js';
 import debounce from 'lodash/debounce';
-import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-edf29533.js';
+import { a as ID_OPTION_CURRENT_LOCATION, L as LOCALIZED_SLUGS, I as ID_OPTION_ALL_LOCATION, S as SLUG_VACIN_ID, C as CLIENT_KEY, M as MAPPING_CLIENT_WITH_SLUG } from './constants-c907bdd9.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-5695d65c.js';
-import { C as Container } from './index-881bfc89.js';
-import { T as Text } from './index-27a453db.js';
-import { C as ChevronDown } from './ChevronDown-ac5e1dc6.js';
-import { _ as __rest } from './tslib.es6-fe9009b6.js';
+import { M as MediaQueries } from './utils-37c32e5f.js';
+import { C as Container } from './index-9a738fe7.js';
+import { T as Text } from './index-b93c507d.js';
+import { C as ChevronDown } from './ChevronDown-23f1b2be.js';
+import { _ as __rest } from './tslib.es6-49579c8e.js';
 import { ArrowLeft } from '@hhgtech/icons/arrow';
-import { M as Modal } from './index-88c8037d.js';
-import { P as PATHS } from './paths-e041802a.js';
-import { B as Button } from './index-c6bbfde7.js';
+import { M as Modal } from './index-9884adb4.js';
+import { P as PATHS } from './paths-f8a4e71c.js';
+import { B as Button } from './index-8155cc1c.js';
 
 const StyledSearchBarWrapper = styled.div ``;
 const StyleWrapperContainer = styled.div `

package/build/esm/{index-7b30efdc.js → index-ddd41534.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-fe9009b6.js';
+import { _ as __rest } from './tslib.es6-49579c8e.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-305ea4ff.js';
+import './index-c5633877.js';
 import '@mantine/dates';
-import './index-aba99a3c.js';
-import './index-6aa38f4a.js';
-import './index-4fca4ac5.js';
-import './index-148eaa77.js';
-import { T as Text } from './index-27a453db.js';
-import './index-c6bbfde7.js';
-import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-0e289cc5.js';
-import './index.styles-5b593573.js';
-import { u as useTranslations } from './index-04f5a769.js';
+import './index-d0d54d04.js';
+import './index-3140e763.js';
+import './index-d860ed77.js';
+import './index-da18ffd2.js';
+import { T as Text } from './index-b93c507d.js';
+import './index-8155cc1c.js';
+import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-055a7647.js';
+import './index.styles-e7a5cac8.js';
+import { u as useTranslations } from './index-4ab448d4.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-5695d65c.js';
-import './index-0302841d.js';
-import { C as CardWrapperContext } from './context-18f22e3e.js';
+import { M as MediaQueries } from './utils-37c32e5f.js';
+import './index-22970d29.js';
+import { C as CardWrapperContext } from './context-a021e22a.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-b13d372a.js → index-e9673c04.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-04f5a769.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-5695d65c.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-1d613728.js';
-import { I as Icon } from './index-c30c776e.js';
-import { _ as __rest } from './tslib.es6-fe9009b6.js';
-import { U as UserAvatar } from './index-31d66653.js';
-import { I as ImageWrap, u as useScreenSize } from './index-291d0e7b.js';
-import './index-aba99a3c.js';
-import { C as CommonGAssets } from './index-4fca4ac5.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-82ce3bea.js';
-import { B as Button } from './index-1ebe862c.js';
-import { T as Text } from './index-27a453db.js';
+import { u as useTranslations } from './index-4ab448d4.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-37c32e5f.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-552314fa.js';
+import { I as Icon } from './index-20204619.js';
+import { _ as __rest } from './tslib.es6-49579c8e.js';
+import { U as UserAvatar } from './index-4bd90da1.js';
+import { I as ImageWrap, u as useScreenSize } from './index-f5bacace.js';
+import './index-d0d54d04.js';
+import { C as CommonGAssets } from './index-d860ed77.js';
+import { c as callApi, b as getCarePath, m as domainLocales, n as getCareHospitalUrl, o as getCareDoctorUrl, l as getCurrentBaseUrl, g as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-1e513a19.js';
+import { B as Button } from './index-0c11d8cb.js';
+import { T as Text } from './index-b93c507d.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-b123cb26.js';
-import { H as Heading } from './index-da0a7092.js';
-import { M as Modal } from './index-88c8037d.js';
+import { L as Loading } from './index-cacef511.js';
+import { H as Heading } from './index-d9e11dde.js';
+import { M as Modal } from './index-9884adb4.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-c4d8e6ce.js').then((module) => {
+                import('./index-15ae2f64.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-dbecf86b.js → index-ee248c9c.js}

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

package/build/esm/{index-b86f481e.js → index-efbbd379.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-e5bf4cd6.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-aba99a3c.js';
-import { N as NodeIntentType } from './index-6aa38f4a.js';
+import { c as cookie } from './index-49187074.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-d0d54d04.js';
+import { N as NodeIntentType } from './index-3140e763.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-8a984a01.js → index-f08e609b.js}

@@ -2,13 +2,8 @@ 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-291d0e7b.js';
-import { T as Text } from './index-27a453db.js';
-import { _ as __rest } from './tslib.es6-fe9009b6.js';
-import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-6a32d067.js';
-import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-aba99a3c.js';
+import { I as ImageWrap } from './index-f5bacace.js';
+import { T as Text } from './index-b93c507d.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),
@@ -175,107 +170,4 @@ const IconWrapper = ({ children, className, onClick, wrapperSize, iconSize = 24,
     })));
 };
 
-styled(DrawerComponent) `
-  /* max-height: 100vh;
-  max-height: 100dvh; */
-  background-color: white;
-
-  &[data-vaul-drawer-direction='bottom'] {
-    top: initial !important;
-    border-top-left-radius: 16px !important;
-    border-top-right-radius: 16px !important;
-    padding-bottom: 32px;
-    padding-left: 20px;
-    padding-right: 20px;
-  }
-
-  .drawer__handle {
-    width: 44px;
-    height: 3px;
-    background-color: ${theme.colors.neutral500};
-    margin: 16px auto;
-    flex-shrink: 0;
-  }
-`;
-const StyledDrawerBottomContent = styled(Drawer.Content) `
-  position: fixed;
-  z-index: ${ZINDEX_SSO - 9e6 + 1};
-  inset: 0;
-  background-color: #fff;
-  outline: none !important;
-
-  &[data-is-linear='true'] {
-    background: linear-gradient(180deg, #c3e3ff 1.86%, #fff 20%) !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'] {
-    top: initial;
-    border-top-left-radius: 16px;
-    border-top-right-radius: 16px;
-    /* padding-bottom: 16px; */
-  }
-
-  ${(props) => props.isDragging &&
-    `
-      input {
-        caret-color: transparent;
-      }
-    `}
-`;
-const StyledDrawerBottomOverlay = styled(Drawer.Overlay) `
-  position: fixed;
-  inset: 0;
-  z-index: ${ZINDEX_SSO - 9e6};
-  width: 100%;
-  max-height: 100%;
-  background-color: rgb(0, 0, 0, 0.4);
-`;
-const StyledDrawerBottomHandler = styled(Drawer.Handle) `
-  &[data-vaul-handle] {
-    width: 44px;
-    height: 3px;
-    background-color: ${theme.colors.neutral500};
-    margin: 16px auto;
-    flex-shrink: 0;
-  }
-`;
-
-function DrawerBottom(_a) {
-    var { children, onClose, isOpen, onOpenChange, isMobile, classNames, isLinear, overlayClassName, contentClassName, handlerClassName } = _a, restProps = __rest(_a, ["children", "onClose", "isOpen", "onOpenChange", "isMobile", "classNames", "isLinear", "overlayClassName", "contentClassName", "handlerClassName"]);
-    const { isDragging, handleDragStart, handleDragEnd } = useDrawerDrag();
-    if (isMobile) {
-        return (React__default.createElement(Drawer.Root, Object.assign({ onDrag: handleDragStart, onRelease: handleDragEnd, open: isOpen, onOpenChange: onOpenChange, onClose: onClose }, restProps),
-            React__default.createElement(Drawer.Portal, null,
-                React__default.createElement(StyledDrawerBottomOverlay, { className: clsx(overlayClassName, 'drawer__overlay') }),
-                React__default.createElement(StyledDrawerBottomContent, { isDragging: isDragging, className: clsx(contentClassName, 'drawer__content'), "data-is-linear": isLinear },
-                    React__default.createElement(Drawer.Title, { style: { display: 'none' } }),
-                    React__default.createElement(StyledDrawerBottomHandler, { className: clsx(handlerClassName, 'drawer__handle') }),
-                    children))));
-    }
-    return (React__default.createElement(Modal, Object.assign({ withCloseButton: true, centered: true, zIndex: 500, size: "auto", classNames: classNames, radius: "lg" }, restProps, { onClose: onClose, opened: isOpen, styles: {
-            root: {
-                maxHeight: '400px',
-            },
-            body: {
-                background: isLinear
-                    ? 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 20%)'
-                    : undefined,
-            },
-        } }), children));
-}
-
-export { Avatar as A, DistanceTag as D, IconWrapper as I, Pin3 as P, ShapedArrowDown as S, DrawerBottom as a };
+export { Avatar as A, DistanceTag as D, IconWrapper as I, Pin3 as P, ShapedArrowDown as S };

package/build/esm/{index-291d0e7b.js → index-f5bacace.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-5695d65c.js';
-import { _ as __rest } from './tslib.es6-fe9009b6.js';
+import { B as Breakpoints } from './utils-37c32e5f.js';
+import { _ as __rest } from './tslib.es6-49579c8e.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {