@hhgtech/hhg-components 1.29.88 → 1.29.89

package/build/esm/index-f3f06437.js

@@ -0,0 +1,281 @@
+import { a as __awaiter } from './tslib.es6-e0840efa.js';
+import React__default, { useRef, useState, useEffect } from 'react';
+import { User } from '@hhgtech/icons/core';
+import { a as Avatar } from './index-57da0f13.js';
+import { B as Button } from './index-c4b04b5f.js';
+import { T as Text } from './index-99551970.js';
+import { u as useTranslations } from './useTranslations-b66d9f2b.js';
+import './index-7decdf27.js';
+import { C as CommonGAssets } from './index-9f076f64.js';
+import { a as normalizeLinkSlash } from './normalizeLink-d756e5e6.js';
+import { theme } from './miscTheme.js';
+import styled from '@emotion/styled';
+import { M as MediaQueries } from './utils-8a1f05c9.js';
+import { setDefaultClass } from './miscDefaultClassWrapper.js';
+import { ProfileNavigation } from './profileNavigation.js';
+import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
+import { L as LOCALE } from './Locale-b86a7a92.js';
+
+const useCSSFocusPopupHelper = (configs) => {
+    const { allowBgScroll } = configs || {};
+    const ref = useRef();
+    return {
+        containerRef: ref,
+        onContainerFocus: () => {
+            if (!allowBgScroll)
+                document.documentElement.style.overflow = 'hidden';
+        },
+        onContainerBlur: () => {
+            if (!allowBgScroll)
+                document.documentElement.style.overflow = '';
+        },
+        onButtonMouseDown: (e) => {
+            // this close popup when click, run after REact init
+            if (ref.current &&
+                (document.activeElement === ref.current ||
+                    ref.current.contains(document.activeElement))) {
+                ref.current.blur();
+                document.activeElement.blur();
+                e.preventDefault();
+            }
+        },
+        onClose: () => {
+            if (ref.current &&
+                (document.activeElement === ref.current ||
+                    ref.current.contains(document.activeElement))) {
+                ref.current.blur();
+                document.activeElement.blur();
+            }
+        },
+    };
+};
+
+const StyledPopup = setDefaultClass(styled.div `
+    position: absolute;
+    right: 0;
+    transition: all 0.5s ease-in-out;
+    overflow-y: auto;
+
+    &[data-open='true'] {
+      z-index: 200;
+      top: 120%;
+      opacity: 1;
+      visibility: visible;
+    }
+
+    &[data-open='false'] {
+      display: none;
+    }
+
+    .popup-content {
+      z-index: 111;
+      height: 100%;
+      border: 1px solid #0000001a;
+      border-radius: 16px;
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+
+    /* min-height: 415px; */
+    ${MediaQueries.mbUp} {
+      width: 320px;
+    }
+    ${MediaQueries.mbDown} {
+      position: fixed;
+      left: 0;
+      width: 100%;
+      padding-bottom: 70px;
+    }
+  `, 'hhgcomp-navprofilebutton-popup');
+const StyledPopupWrapper = setDefaultClass(styled.div `
+    position: fixed;
+    z-index: 150;
+    top: var(--header-bottom, 56px);
+    left: 0;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+
+    ${MediaQueries.mbUp} {
+      background-color: transparent;
+      &[data-type='welcome'] {
+        background: rgba(38, 38, 38, 0.3);
+      }
+      &[data-type='due-date'] {
+        background: rgba(38, 38, 38, 0.3);
+      }
+    }
+
+    ${MediaQueries.mbDown} {
+      background: rgba(38, 38, 38, 0.3);
+    }
+
+    &[data-type='welcome'] {
+      top: 0;
+    }
+
+    &[data-open='false'] {
+      display: none;
+    }
+  `, 'hhgcomp-navprofilebutton-popupwrapper');
+const StyledAvatar = styled.div `
+  width: 36px;
+  height: 36px;
+  cursor: pointer;
+
+  img {
+    border-radius: 50%;
+  }
+
+  .avatar {
+    width: 36px;
+    height: 36px;
+    object-fit: cover;
+  }
+
+  .avatar-default {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${theme.colors.secondaryBase};
+    border-radius: 50%;
+    color: white;
+    font-size: 20px;
+    font-weight: bold;
+  }
+`;
+const StyledImageWrapper = styled.div `
+  display: inline-flex;
+  position: relative;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  .user-close-icon {
+    display: none;
+  }
+  &:focus-within {
+    .user-close-icon {
+      display: block;
+    }
+    .user-avatar {
+      display: none;
+    }
+    ${StyledPopup.classSelector} {
+      z-index: 200;
+      top: 120%;
+      opacity: 1;
+      visibility: visible;
+      display: initial;
+      ${MediaQueries.mbDown} {
+        top: 100%;
+      }
+    }
+    ${StyledPopupWrapper.classSelector} {
+      display: initial;
+    }
+  }
+`;
+const StyledLoggedOutAnchor = styled.a `
+  display: inline-flex;
+  .login-btn[data-color='tertiary'][data-size='md'] {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  .mobile-only {
+    ${MediaQueries.mbUp} {
+      display: none;
+    }
+  }
+  .login-btn {
+    display: none;
+    ${MediaQueries.mbUp} {
+      display: block;
+    }
+  }
+`;
+
+const ProfilePopup = ({ isOpen, userInfo, closePopup, siteType = 'helloSites', dispatchLogout, }) => {
+    const handleClickLogout = () => {
+        if (dispatchLogout) {
+            dispatchLogout();
+            closePopup();
+        }
+    };
+    return (React__default.createElement(StyledPopup, { "data-open": isOpen },
+        React__default.createElement("div", { className: "popup-content" },
+            React__default.createElement(ProfileNavigation, { siteType: siteType, onLogout: handleClickLogout, userInfo: userInfo }))));
+};
+
+const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, SSO_URL, currentUrl, isMinifyLogin, onLogout, style, isLoading, locale, }) => {
+    const { t } = useTranslations();
+    const [isLogoutConfirmOpen, setIsLogoutConfirmOpen] = useState(false);
+    const name = (userInfo === null || userInfo === void 0 ? void 0 : userInfo.name) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.username);
+    const [init, setInit] = useState(false);
+    useEffect(() => {
+        setInit(true);
+    }, []);
+    const { containerRef, onContainerFocus, onContainerBlur, onButtonMouseDown, onClose, } = useCSSFocusPopupHelper();
+    if (isLoading)
+        return React__default.createElement(Button, { size: "sm", color: "transparent", loading: true });
+    return (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) ? (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(StyledImageWrapper, { ref: containerRef, style: style, tabIndex: 0, onBlur: onContainerBlur, onFocus: () => {
+                var _a;
+                onContainerFocus();
+                const popup = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('#desktop-sticky-header .hhgcomp-navprofilebutton-popup');
+                if (popup) {
+                    const bound = popup.getBoundingClientRect();
+                    const top = bound.top;
+                    const maxHeight = `calc(100vh - ${top}px)`;
+                    popup.setAttribute('style', `max-height: ${maxHeight};`);
+                }
+            } },
+            React__default.createElement("div", { onMouseDown: onButtonMouseDown },
+                React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: "user-close-icon" },
+                    React__default.createElement("path", { d: "M18 6L6 18M18 18L6 6", stroke: "#3E3F58", strokeWidth: "1.3", strokeLinecap: "round" })),
+                React__default.createElement(Avatar, { size: 36, className: "user-avatar", src: userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar, color: siteType === 'marryBaby'
+                        ? theme.mbColors.pink
+                        : theme.colors.secondaryBase, placeholderText: name && name.length ? name[0].toUpperCase() : 'A' })),
+            React__default.createElement(ProfilePopup, { dispatchLogout: () => {
+                    onClose();
+                    setIsLogoutConfirmOpen(true);
+                }, isOpen: false, closePopup: onClose, siteType: siteType, userInfo: userInfo })),
+        React__default.createElement(NavigationLogoutPopup, { openLogoutPopup: isLogoutConfirmOpen, onCloseHandler: () => {
+                document.body.classList.toggle('noscroll', false);
+                setIsLogoutConfirmOpen(false);
+            }, siteType: siteType, onLogoutHandler: () => __awaiter(void 0, void 0, void 0, function* () {
+                setIsLogoutConfirmOpen(false);
+                document.body.classList.toggle('noscroll', false);
+                yield onLogout();
+            }) }))) : (React__default.createElement(StyledLoggedOutAnchor, { style: Object.assign({ textDecoration: 'none' }, style), "data-event-category": "Sign Up", "data-event-action": "Button Click", "data-event-label": currentUrl, href: !init
+            ? normalizeLinkSlash(`${SSO_URL}?returnUrl=${currentUrl}`)
+            : undefined, "data-site-type": siteType, onClick: onLoginClick }, isMinifyLogin ? (React__default.createElement(StyledAvatar, null,
+        React__default.createElement("img", { src: CommonGAssets.getAssetPath('lock.png'), className: "avatar", loading: "lazy", alt: "avatar" }))) : (
+    // LOGIC:
+    // - DEsktop: always show button
+    // - Mobile: show button only for helloSites, show text for MarryBaby
+    React__default.createElement(React__default.Fragment, null,
+        siteType === 'helloSites' &&
+            (locale === LOCALE.Indonesia ||
+                locale === LOCALE.PhilippinesTagalog ||
+                locale === LOCALE.PhilippinesEnglish ? (React__default.createElement("img", { className: "mobile-only", src: CommonGAssets.getAssetPath('login.svg'), style: {
+                    cursor: 'pointer',
+                    height: 24,
+                    width: 24,
+                } })) : (React__default.createElement(Button, { className: "mobile-only", size: "sm", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }), sx: {
+                    paddingLeft: '8px',
+                    paddingRight: '12px',
+                } }, t('navigation.loginJoin')))),
+        siteType === 'marryBaby' && (React__default.createElement("div", { className: "mobile-only", style: {
+                paddingLeft: 16,
+            } },
+            React__default.createElement(Text, { size: "p3", color: theme.mbColors.pink }, t('navigation.loginJoin')))),
+        siteType === 'marryBaby' ? (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__default.createElement(Button, { className: "login-btn", size: "md", leftIcon: React__default.createElement(User, { color: "#595959", isSolid: true, size: 22 }), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+};
+
+export { NavigationProfileButton as N, useCSSFocusPopupHelper as u };

package/build/esm/index.js

@@ -1,121 +1,138 @@
-export { i as Types } from './index-5a81cbdd.js';
-export { i as Constants } from './index-69ca7b6a.js';
-export { C as CaretDown, F as Flag, I as ImageWrap } from './index-a2704991.js';
+export { i as Types } from './index-7decdf27.js';
+export { i as Constants } from './index-9e220aaa.js';
+export { C as CaretDown, F as Flag } from './index-57da0f13.js';
 import * as React from 'react';
-export { C as ChevronDown } from './ChevronDown-5633c5e8.js';
-export { C as Close } from './Close-f541a904.js';
-export { V as Visible } from './Visible-3d8c22f1.js';
-export { A as Alert, B as Badge, a as BorderHeading, F as FileDropdown, G as Grid, P as Pagination, R as Radio, c as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, b as Toggle } from './index-1f944c2d.js';
-export { A as Avatar } from './index-321f0612.js';
-export { B as Button } from './index-d3c3615e.js';
-export { D as Divider } from './index-6dd5a329.js';
-export { H as Heading } from './index-8570e132.js';
-export { I as Input, L as Label } from './index-f42f0c66.js';
-export { L as Logo } from './index-29676661.js';
-export { C as Checkbox, P as PureInput } from './index-e5797070.js';
-export { T as Text } from './index-b927d85a.js';
-export { T as TextArea } from './index-19a9a60d.js';
-export { C as Container } from './index-fcd9b927.js';
-export { I as Icon } from './index-877a46df.js';
-export { D as Drawer } from './index-4e92aaf2.js';
-export { R as RadioImageGroup } from './index-2b20b8ce.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-9a0b3bcd.js';
-export { C as CustomReferenceDot } from './index-6f44d928.js';
-export { B as BtnChoice } from './index-0e0f3ac6.js';
-export { L as LogoIcon } from './logoIcon-6ed45e55.js';
-export { G as GenderOptionControl } from './index-478546e8.js';
-export { L as Loading } from './index-5303fcd9.js';
-export { l as AdBlock, A as ArticleCard, a as ArticleCardV2, B as Breadcrumbs, C as CategoryCard, b as CheckboxGroup, e as CookieAcceptConfirm, h as DateRangePicker, D as DoctorInfo, m as FixedBottomAdBlock, F as FloatButtonGroup, I as IconText, M as MobileBottomNavigation, f as MobileBottomNavigationIcon, P as ProgressBar, R as RadioGroup, S as ScrollList, g as SeoHead, j as ShareContainer, k as ShareDrawer, i as SideMenu, c as StatisticCard, d as Table, T as Tabs } from './fixedBottomAdBlock-bb1a3c50.js';
-export { D as DatePicker } from './index-5f214b71.js';
-export { D as Dropdown } from './index-907fffe6.js';
-export { P as Popup } from './index-04146795.js';
-export { M as Modal } from './index-155daac5.js';
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-6fc9a327.js';
-export { T as ToolsBannerCard } from './index-efdc151c.js';
-export { D as DueDateForm } from './index-a715b700.js';
+export { C as ChevronDown } from './ChevronDown-dfd91883.js';
+export { C as Close } from './Close-b8fc27b1.js';
+export { V as Visible } from './Visible-69da852f.js';
+export { A as Alert, B as Badge, a as BorderHeading, F as FileDropdown, G as Grid, P as Pagination, R as Radio, c as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, b as Toggle } from './index-b5ed732f.js';
+export { A as Avatar } from './index-64b1cd5c.js';
+export { B as Button } from './index-9c268a93.js';
+export { D as Divider } from './index-5364f2db.js';
+export { H as Heading } from './index-1a2bc551.js';
+export { I as Input, L as Label } from './index-d4dcfb68.js';
+export { L as Logo } from './index-949f771c.js';
+export { C as Checkbox, P as PureInput } from './index-72c269cf.js';
+export { T as Text } from './index-38b87b21.js';
+export { T as TextArea } from './index-2c4a2d31.js';
+export { C as Container } from './index-c9467e39.js';
+export { I as Icon } from './index-19f27bd3.js';
+export { D as Drawer } from './index-8b9c7b45.js';
+export { R as RadioImageGroup } from './index-cbb45a5d.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-52d04cc5.js';
+export { C as CustomReferenceDot } from './index-a2506e52.js';
+export { B as BtnChoice } from './index-b867d267.js';
+export { L as LogoIcon } from './logoIcon-ef6d9e4c.js';
+export { I as ImageWrap } from './index-4cf37916.js';
+export { G as GenderOptionControl } from './index-1313a7ac.js';
+export { L as Loading } from './index-628c5e84.js';
+export { ArticleCard } from './moleculesArticleCard.js';
+export { ArticleCard as ArticleCardV2 } from './moleculesArticleCardV2.js';
+export { A as AdBlock, B as Breadcrumbs, C as CategoryCard, a as CheckboxGroup, d as CookieAcceptConfirm, f as DateRangePicker, D as DoctorInfo, j as FixedBottomAdBlock, F as FloatButtonGroup, I as IconText, R as RadioGroup, S as ScrollList, e as SeoHead, g as ShareContainer, h as ShareDrawer, i as SideMenu, b as StatisticCard, c as Table, T as Tabs } from './fixedBottomAdBlock-2af1606f.js';
+export { D as DatePicker } from './index-c130afdc.js';
+export { D as Dropdown } from './index-20192854.js';
+export { P as Popup } from './index-04ba5caa.js';
+export { M as Modal } from './index-13783871.js';
+export { ProgressBar } from './progressBar.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-1b30aa0b.js';
+export { MobileBottomNavigation } from './mobileBottomNavigation.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-ae6490d7.js';
+export { T as ToolsBannerCard } from './index-c5286b89.js';
+export { D as DueDateForm } from './index-4d27d02e.js';
 export { DueDateCardEmbed } from './embeddedHeathToolCards_dueDate_dueDate.js';
 export { BMICardEmbed } from './embeddedHeathToolCards_bmi_bmi.js';
-export { B as BmiForm } from './index-b4cab951.js';
+export { B as BmiForm } from './index-5e17f985.js';
 export { BabyGrowthCardEmbed } from './embeddedHeathToolCards_babyGrowth.js';
 export { BabyPoopEmbed } from './embeddedHeathToolCards_babyPoop.js';
-export { B as BabyPoopForm } from './index-69c631bf.js';
+export { B as BabyPoopForm } from './index-082a24ae.js';
 export { THRCardEmbed } from './embeddedHeathToolCards_targetHeartRate.js';
-export { T as ThrForm } from './index-140ea208.js';
+export { T as ThrForm } from './index-70883b48.js';
 export { BMRCardEmbed } from './embeddedHeathToolCards_bmrBmr.js';
 export { OvulationCardEmbed } from './embeddedHeathToolCards_ovulation_ovulation.js';
-export { O as OvulationForm } from './index-17115a3b.js';
-export { B as BabyVaccineForm } from './index-67603e6c.js';
+export { O as OvulationForm } from './index-7ca4ec53.js';
+export { B as BabyVaccineForm } from './index-2ac50d8f.js';
 export { BabyVaccineCardEmbed } from './embeddedHeathToolCards_babyVaccine.js';
 export { PWGCardEmbed } from './embeddedHeathToolCards_pwg_pwg.js';
-export { P as PWGForm } from './index-48fdf51c.js';
-export { L as LanguageSwitcher } from './index-11bc6557.js';
-export { P as PillCarousel } from './index-fbe76c43.js';
-export { A as AddressInput } from './index-b23b0c82.js';
-export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-cde1edae.js';
-export { b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-83ab0594.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-a7bfcfbd.js';
-export { F as Footer } from './index-fcf9a2ce.js';
-export { u as useTranslations } from './useTranslations-160e66cc.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-2a7e6dd2.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-d239339f.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-e6e0e96c.js';
-export { u as useIsInit } from './useIsInit-3f7af1fd.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-2fae5fb5.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-d714426d.js';
+export { P as PWGForm } from './index-16a4f1c7.js';
+export { L as LanguageSwitcher } from './index-84b3ef3d.js';
+export { P as PillCarousel } from './index-e1d35fec.js';
+export { A as AddressInput } from './index-a54b6536.js';
+export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-346fd194.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-605eed95.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-46c22744.js';
+export { F as Footer } from './index-275c8526.js';
+export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
+export { N as NavigationProfileButton } from './index-f3f06437.js';
+export { ProfileNavigation } from './profileNavigation.js';
+export { u as useTranslations } from './useTranslations-b66d9f2b.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-431cf33c.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-391ffab0.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-931ab3ca.js';
+export { u as useIsInit } from './useIsInit-f59c6bd2.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-12815e56.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-8f710187.js';
 export { TogetherAuthConfigContext, TogetherAuthConfigContextProvider, useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-export { d as TogetherDataTransforms } from './dataTransform-c3905a10.js';
-export { t as TogetherTypes } from './types-78bfaf40.js';
-export { c as TogetherConstants } from './constants-f9614464.js';
-export { U as UserAvatar } from './index-2292c1f3.js';
-export { C as CardLink, P as PopoverMenu } from './index-e84f16f3.js';
-export { C as CardReactions, a as LabelPin, L as LabelSortPin, T as TagTopic } from './treePopoverMenu-937ef815.js';
-export { L as LabelSorting } from './labelSorting-db27bdad.js';
-export { C as CardAuthor, h as ImagePreviewPopup, I as InputCommentBar, P as PopupDanger, b as PopupDoctor, a as PopupExpert, d as PopupFrame, c as PopupHospital, g as PostContent, j as PostImagePreview, i as PostSingleImageViewPopup, m as ProfileDetail, l as ProfileDetailModal, f as ShareBox, S as SharePopup, k as SocialLinkPreview, e as SubmitReportForm, T as TabNameInProfileDetail } from './index-c7b92115.js';
-export { C as CreateNewPostContent, a as CreatePostDescription, b as CreatePostTitle, S as SkipQuestionOfExpertBtn, T as TopicSelectList } from './index-58ed669e.js';
-export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-c0790cdc.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider } from './utils-3d9043fb.js';
-export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-f387cdcf.js';
-export { c as CareConstants } from './constants-410be40f.js';
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-be70a31e.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-db89f033.js';
+export { d as TogetherDataTransforms } from './dataTransform-2023858d.js';
+export { t as TogetherTypes } from './types-41242882.js';
+export { c as TogetherConstants } from './constants-0497b893.js';
+export { U as UserAvatar } from './index-93c8863d.js';
+export { C as CardLink } from './index-7e95ba03.js';
+export { C as CardReactions, a as LabelPin, L as LabelSortPin, T as TagTopic } from './treePopoverMenu-04ded0ef.js';
+export { L as LabelSorting } from './labelSorting-27ecf45e.js';
+export { C as CardAuthor, a as PopupDoctor, P as PopupExpert, b as PopupHospital, c as ProfileDetailModal } from './index-7ad9db02.js';
+export { C as CreateNewPostContent, a as CreatePostDescription, b as CreatePostTitle, S as SkipQuestionOfExpertBtn, T as TopicSelectList } from './index-e477c2a3.js';
+export { I as InputCommentBar, P as PopupDanger, a as PopupFrame, S as SharePopup, c as SocialLinkPreview, b as SubmitReportForm } from './index-673fd5bd.js';
+export { ShareBox } from './togetherShareBox.js';
+export { P as PostContent, a as ProfileDetail, T as TabNameInProfileDetail } from './index-538ca8aa.js';
+export { I as ImagePreviewPopup, a as PostImagePreview, P as PostSingleImageViewPopup } from './index-e19da15e.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-dec46974.js';
+export { P as PopoverMenu } from './index-71c8b83f.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider } from './utils-f873578b.js';
+export { BookingSearchBar } from './careBookingSearchBar.js';
+export { BookingSearchBarV2 } from './careBookingSearchBarV2.js';
+export { t as CareTypes, T as TextDivider } from './types-3eb97d85.js';
+export { c as CareConstants } from './constants-f7943ab2.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-3bf28240.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-7207941a.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
-export { a as abbreviateNumber } from './number-7e3f376a.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-ed745cc6.js';
+export { a as abbreviateNumber } from './number-d26abebe.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-b81b8f17.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-cee25689.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-8a1f05c9.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-f9e5b4ec.js';
-import './Locale-81beb37e.js';
+export { f as formatPill } from './dataTransform-610e61bf.js';
+import './Locale-b86a7a92.js';
 import 'date-fns/locale';
 import './constantsIsProduction.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './tslib.es6-3970c414.js';
+import './tslib.es6-e0840efa.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-24f2f569.js';
+import './index-9f076f64.js';
+import './index.styles-25454e9c.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-7d97103f.js';
-import './other-811b7d93.js';
-import './useMantineLocale-2ece6eac.js';
+import './index-99551970.js';
+import './other-08d0b30e.js';
+import './useMantineLocale-b29ca68b.js';
 import 'dayjs';
-import './index-2f06b1d8.js';
+import './index-c4b04b5f.js';
 import 'classnames';
 import '@hhgtech/icons/core';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
 import '@mantine/dates';
-import './translationsContext-0cbb21e6.js';
+import './translationsContext-8afb0ce3.js';
 import 'string-format';
-import './WhatsApp-2f54ed26.js';
+import './WhatsApp-ed8ce0f2.js';
 import '@emotion/react';
-import './index-05075062.js';
-import './paths-650d5eee.js';
+import './index-b09ced58.js';
+import './paths-ce59b252.js';
 import 'innertext';
 import 'lodash/throttle';
 import 'html-react-parser';
@@ -127,32 +144,35 @@ import 'date-fns/locale/zh-TW';
 import 'uuid';
 import 'react-day-picker/DayPickerInput';
 import 'react-dom';
-import './LastPeriod-fcd2b5ec.js';
+import './LastPeriod-46d6c03f.js';
 import '@mantine/form';
-import './index-ef2b1e44.js';
-import './index-d10d5d1f.js';
+import './index-32a968a1.js';
+import './index-9d7d3a53.js';
 import 'react-hook-form';
 import './embeddedHeathToolCards_helpers.js';
-import './index-63d30402.js';
-import './constants-247d5eb0.js';
-import './utils-d78e02e6.js';
+import './index-930b0a77.js';
+import './constants-af02be2a.js';
+import './utils-f4b925d7.js';
 import './togetherApiPaths.js';
-import './index-7ab1ac4c.js';
+import './index-ed292946.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './normalizeLink-fcd22117.js';
-import './constants-b68073ea.js';
-import './index-0cf91429.js';
+import './normalizeLink-d756e5e6.js';
+import './constants-e9ebe043.js';
+import './index-277566f7.js';
 import 'dayjs/plugin/relativeTime';
 import 'lodash/debounce';
-import './core-bcdf3422.js';
+import './core-6d8629c2.js';
+import './post-86117110.js';
+import './editor-82c3d476.js';
 import 'react-contenteditable';
-import './index-0ca51fbb.js';
+import './index-56d0ac47.js';
 import 'slugify';
-import 'lodash/shuffle';
+import './utils-92e2bc22.js';
 import 'react-loading-skeleton';
-import './index-58982ea1.js';
+import 'lodash/shuffle';
+import './index-a424a33d.js';
 
 /* eslint-disable prettier/prettier */
 const CheckCircle = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "currentColor" }, props),

package/build/esm/index.styles-25454e9c.js

@@ -0,0 +1,62 @@
+import { useState, useEffect } from 'react';
+import { B as Breakpoints } from './utils-8a1f05c9.js';
+import { createStyles } from '@mantine/core';
+
+const getIsMobile = () => {
+    return (typeof window !== 'undefined' &&
+        window.innerWidth < Breakpoints.BREAK_POINT_MOBILE);
+};
+const getIsLargeMobile = () => {
+    return (typeof window !== 'undefined' &&
+        window.innerWidth >= Breakpoints.BREAK_POINT_MOBILE &&
+        window.innerWidth < Breakpoints.BREAK_POINT_PC);
+};
+const useScreenSize = () => {
+    const [isMobile, setIsMobile] = useState(getIsMobile());
+    const [isLargeMobile, setIsLargeMobile] = useState(getIsLargeMobile());
+    useEffect(() => {
+        const handleResize = () => {
+            setIsMobile(getIsMobile());
+            setIsLargeMobile(getIsLargeMobile());
+        };
+        window.addEventListener('resize', handleResize, {
+            passive: true,
+        });
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    return { isMobile, isLargeMobile };
+};
+
+var useStyles = createStyles((theme) => {
+    return {
+        root: {},
+        inner: {},
+        content: {},
+        header: {
+            borderBottom: `1px solid ${theme.colors.neutral[1]}`,
+            marginRight: 0,
+            marginBottom: 0,
+            padding: '12px',
+        },
+        overlay: {},
+        title: {
+            fontSize: 16,
+            fontWeight: 700,
+            lineHeight: 1.5,
+        },
+        body: {},
+        close: {
+            cursor: 'pointer',
+            width: 'unset',
+            height: 'unset',
+            svg: {
+                width: '24px !important',
+                height: '24px !important',
+            },
+        },
+    };
+});
+
+export { useStyles as a, useScreenSize as u };

package/build/esm/interfaces/types/Subot.d.ts

@@ -167,9 +167,9 @@ export type SubotNode = {
     multi_select_option?: NodeMultipleOptions;
     from?: number;
     to?: number;
-    intents?: Array<SubotNodeIntent> | [];
-    intents_bottom?: Array<SubotNodeIntent> | [];
-    actions?: Array<SubotNodeAction> | [];
+    intents?: Array<SubotNodeIntent>;
+    intents_bottom?: Array<SubotNodeIntent>;
+    actions?: Array<SubotNodeAction>;
     isMobile?: boolean;
 };
 export type SubotNodeMessage = SubotNode & {