@hhgtech/hhg-components 1.29.121 → 1.29.123

package/build/esm/index-5c7fc8de.js

@@ -0,0 +1,142 @@
+import { _ as __rest } from './tslib.es6-9108d94d.js';
+import React__default, { useRef, useState, useEffect } from 'react';
+import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
+import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
+import { B as Button } from './index-ab18e870.js';
+import { T as Text } from './index-ac48621d.js';
+
+var useStyles = createStyles((theme, params) => {
+    const { variant } = params;
+    const gradientOverlay = {
+        content: 'none',
+        top: 0,
+        bottom: 0,
+        zIndex: 1,
+        width: rem(56),
+    };
+    return Object.assign({}, (variant === 'inline' && {
+        root: {},
+        tabsList: {
+            gap: rem(24),
+            borderBottom: 'none',
+            flexWrap: 'nowrap',
+        },
+        tab: {
+            padding: `${rem(8)} 0`,
+            color: theme.colors.gray[4],
+            borderColor: 'transparent',
+            borderBottomWidth: rem(2),
+            marginBottom: rem(-1),
+            transition: 'border 0.2s ease',
+            ['&:hover']: {
+                backgroundColor: 'initial',
+                borderColor: 'transparent',
+            },
+            [`&[data-active='true']`]: {
+                color: theme.fn.primaryColor(),
+                borderColor: theme.fn.primaryColor(),
+            },
+        },
+        tabRightSection: {},
+        tabLabel: {},
+        tabIcon: {},
+        panel: {},
+        scrollArea: {
+            position: 'relative',
+            '&.prev-bg': {
+                '&:before': Object.assign(Object.assign({}, gradientOverlay), { content: '""', position: 'absolute', left: 0, background: 'linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)' }),
+            },
+            '&.next-bg': {
+                '&:after': Object.assign(Object.assign({}, gradientOverlay), { content: '""', position: 'absolute', right: 0, background: 'linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)' }),
+            },
+        },
+        list: {
+            borderBottom: `1px solid ${theme.colors.neutral[1]}`,
+        },
+        btn: {
+            position: 'absolute',
+            top: '50%',
+            zIndex: 2,
+            transform: 'translate(0, -50%)',
+            width: rem(28),
+            height: rem(28),
+            padding: 0,
+            background: 'white',
+            borderRadius: '50%',
+            cursor: 'pointer',
+            filter: 'drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))',
+            '.mantine-Button-icon': {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+            },
+            '&.disabled': {
+                opacity: 0,
+                zIndex: 0,
+            },
+        },
+        prevBtn: {
+            left: 0,
+        },
+        nextBtn: {
+            right: 0,
+        },
+    }));
+});
+
+const _Tabs = (_a) => {
+    var _b;
+    var { variant = 'inline', value, styles, children, dataList = [], tabProps, listProps, panelProps, TabComponentDisplay, startPadding = 40, defaultValue } = _a, rest = __rest(_a, ["variant", "value", "styles", "children", "dataList", "tabProps", "listProps", "panelProps", "TabComponentDisplay", "startPadding", "defaultValue"]);
+    const { cx, classes } = useStyles({ variant }, { name: 'Tabs', styles });
+    const listRef = useRef(null);
+    const tabRef = useRef([]);
+    const [activeTab, setActiveTab] = useState(defaultValue || ((_b = dataList === null || dataList === void 0 ? void 0 : dataList[0]) === null || _b === void 0 ? void 0 : _b.value));
+    const [currentSlide, setCurrentSlide] = useState(0);
+    const [disableNext, setDisableNext] = useState(false);
+    const [disablePrevious, setDisablePrevious] = useState(true);
+    const [scrollPosition, onScrollPositionChange] = useState({ x: 0, y: 0 });
+    const viewport = useRef(null);
+    const props = Object.assign({ defaultValue, classNames: classes }, (!children
+        ? {
+            value: activeTab,
+            onTabChange: (v) => setActiveTab(v),
+        }
+        : {
+            value,
+        }));
+    useEffect(() => {
+        setActiveTab(value);
+    }, [value]);
+    useEffect(() => {
+        var _a, _b, _c;
+        (_a = viewport.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+            left: ((_c = (_b = tabRef === null || tabRef === void 0 ? void 0 : tabRef.current) === null || _b === void 0 ? void 0 : _b[currentSlide]) === null || _c === void 0 ? void 0 : _c.offsetLeft) - startPadding,
+            behavior: 'smooth',
+        });
+    }, [currentSlide]);
+    useEffect(() => {
+        setCurrentSlide(dataList.findIndex((i) => i.value == activeTab));
+    }, [activeTab]);
+    useEffect(() => {
+        var _a, _b;
+        setDisablePrevious(scrollPosition.x === 0);
+        setDisableNext(((_a = viewport === null || viewport === void 0 ? void 0 : viewport.current) === null || _a === void 0 ? void 0 : _a.clientWidth) + scrollPosition.x ===
+            ((_b = viewport === null || viewport === void 0 ? void 0 : viewport.current) === null || _b === void 0 ? void 0 : _b.scrollWidth));
+    }, [scrollPosition]);
+    const TabTextComponent = ({ text, dataEventCategory, dataEventAction, dataEventLabel, }) => TabComponentDisplay ? (React__default.createElement(TabComponentDisplay, null, text)) : (React__default.createElement(Text, { size: "s3", color: "inherit", weight: "semiBold", "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }, text));
+    return (React__default.createElement(Tabs$1, Object.assign({}, props, rest), children || (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(ScrollArea, { className: cx(classes.scrollArea, `${!disablePrevious ? 'prev-bg' : ''} ${!disableNext ? 'next-bg' : ''}`), scrollbarSize: 0, viewportRef: viewport, onScrollPositionChange: onScrollPositionChange },
+            React__default.createElement(Tabs$1.List, Object.assign({ className: classes.list, ref: listRef }, listProps), dataList.map((i, idx) => (React__default.createElement(Tabs$1.Tab, Object.assign({ ref: (e) => (tabRef.current[idx] = e), className: classes.tab, key: String(i.value), value: String(i.value) }, tabProps),
+                React__default.createElement(TabTextComponent, Object.assign({}, i)))))),
+            React__default.createElement(Button, { className: cx(classes.btn, classes.prevBtn, disablePrevious ? 'disabled' : ''), unstyled: true, onClick: () => setCurrentSlide(currentSlide - 1 > -1 ? currentSlide - 1 : 0), leftIcon: React__default.createElement(ArrowLeft, { size: 16 }) }),
+            React__default.createElement(Button, { className: cx(classes.btn, classes.nextBtn, disableNext ? 'disabled' : ''), unstyled: true, onClick: () => setCurrentSlide(currentSlide + 1 < dataList.length - 1
+                    ? currentSlide + 1
+                    : dataList.length - 1), leftIcon: React__default.createElement(ArrowRight, { size: 16 }) })),
+        dataList.map((i) => (React__default.createElement(Tabs$1.Panel, Object.assign({ value: String(i.value), key: String(i.value) }, panelProps), i.content)))))));
+};
+const Tabs = _Tabs;
+Tabs.List = Tabs$1.List;
+Tabs.Tab = Tabs$1.Tab;
+Tabs.Panel = Tabs$1.Panel;
+
+export { Tabs as T };

package/build/esm/{index-93ccc121.js → index-5eb8292f.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-8e7f6718.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-936593e3.js';
-import { N as NodeIntentType } from './index-74f336fe.js';
+import { c as cookie } from './index-559e3202.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-c84005dc.js';
+import { N as NodeIntentType } from './index-79e75cc5.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-65fcc1dc.js → index-63b1732b.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-981f1873.js';
+import { a as __awaiter } from './tslib.es6-9108d94d.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-52b9c6fc.js';
-import { T as Text } from './index-c4b8da86.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-381273a5.js';
+import { H as Heading } from './index-7d11f27e.js';
+import { T as Text } from './index-ac48621d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-04fa15d1.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-7b9df1b6.js';
+import { D as DEFAULT_IMG } from './constants-b1ab0cd7.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-d20eb602.js → index-671bf0ba.js}

@@ -1,21 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-981f1873.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-9108d94d.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-a59c1d71.js';
+import { I as Input, S as Select } from './index-d648c70f.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-936593e3.js';
-import './index-74f336fe.js';
-import './index-1e01eada.js';
-import './useMantineLocale-138605d2.js';
-import './index-c4b8da86.js';
-import './index-ddc44db4.js';
-import './index.styles-bc640fc4.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
+import { C as CDN_ADDRESS } from './index-c84005dc.js';
+import './index-79e75cc5.js';
+import './index-169f027e.js';
+import './useMantineLocale-967c48f4.js';
+import './index-ac48621d.js';
+import './index-ab18e870.js';
+import './index.styles-0eeaf156.js';
+import { u as useTranslations } from './useTranslations-6ef45992.js';
 import '@mantine/hooks';
-import './utils-c83ff547.js';
-import './other-b2acec5b.js';
-import { M as MAPPED_LOCALE } from './utils-a179f44f.js';
-import { L as LOCALE } from './Locale-cca5ad64.js';
+import './utils-8012ee88.js';
+import './other-d212ae43.js';
+import './index-5c7fc8de.js';
+import { M as MAPPED_LOCALE } from './utils-9280ec84.js';
+import { L as LOCALE } from './Locale-48ede17a.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-b179dd46.js → index-686b5f66.js}

@@ -1,33 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-981f1873.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-9108d94d.js';
 import React__default, { useState, useContext, useMemo, useRef, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { A as Anchor$1, T as Tabs } from './index-a59c1d71.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
-import { B as Button } from './index-9d3275c8.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-ff10a651.js';
+import { T as Tabs } from './index-5c7fc8de.js';
+import { L as Loading } from './index-c04216d2.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-53051264.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-381273a5.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-04fa15d1.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-1e01eada.js';
-import { I as ImageWrap } from './index-9e7d91aa.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-7eefbb1a.js';
-import { S as SocialType } from './index-74f336fe.js';
+import { C as CommonGAssets } from './index-169f027e.js';
+import { I as ImageWrap } from './index-55461be4.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-b6571b1a.js';
+import { S as SocialType } from './index-79e75cc5.js';
+import { u as useTranslations } from './useTranslations-6ef45992.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
+import { A as Anchor$1 } from './index-d648c70f.js';
 import '@mantine/dates';
-import './index-936593e3.js';
-import './useMantineLocale-138605d2.js';
-import { T as Text } from './index-c4b8da86.js';
-import { B as Button$1 } from './index-ddc44db4.js';
-import './index.styles-bc640fc4.js';
+import './index-c84005dc.js';
+import './useMantineLocale-967c48f4.js';
+import { T as Text } from './index-ac48621d.js';
+import { B as Button } from './index-ab18e870.js';
+import './index.styles-0eeaf156.js';
 import '@mantine/hooks';
-import './utils-c83ff547.js';
-import './other-b2acec5b.js';
+import './utils-8012ee88.js';
+import './other-d212ae43.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, a as decodePostUrl } from './post-17a24e02.js';
-import './translationsContext-1565084a.js';
+import { d as decodeMention, a as decodePostUrl } from './post-9562cb1d.js';
+import { B as Button$1 } from './index-4e01709c.js';
+import './translationsContext-5c4cb946.js';
 import 'string-format';
 
 const StyledPostContent = styled.div `
@@ -187,14 +189,6 @@ const PostContent = (_a) => {
                     : {})), t('post.seeMore'))))))));
 };
 
-var styles$c = {"loading":"PD6nRZX"};
-
-const Loading = ({ className, size = 'md' }) => {
-    const { t } = useTranslations();
-    return (React__default.createElement("div", { className: `${styles$c.loading} ${className}` },
-        React__default.createElement(Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
-};
-
 var styles$b = {"category":"l5fL1xL","title":"L-aGKo7"};
 
 const CategoryText = ({ children, className = '' }) => {
@@ -418,7 +412,7 @@ const PostCard$1 = ({ post, className = '' }) => {
             React__default.createElement(PostContent, { className: "post-content-wrapper", description: ((_h = (_g = (_f = post === null || post === void 0 ? void 0 : post.expertAnswer) === null || _f === void 0 ? void 0 : _f.answer) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.content) || '', 
                 // disableShortenContent={disableShortenContent}
                 mentions: post === null || post === void 0 ? void 0 : post.mentions, "data-testid": "Content of the Post" })),
-        React__default.createElement(Button$1, { variant: "secondary", "data-event-category": "Together", "data-event-action": "Doctor Reply Click", "data-event-label": currentPageUrl, size: "md", onClick: () => {
+        React__default.createElement(Button, { variant: "secondary", "data-event-category": "Together", "data-event-action": "Doctor Reply Click", "data-event-label": currentPageUrl, size: "md", onClick: () => {
                 if (!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id)) {
                     authActionWrapper === null || authActionWrapper === void 0 ? void 0 : authActionWrapper(() => (window.location.href = postHref));
                 }
@@ -439,7 +433,7 @@ const EmptyMessage = ({ message, buttonTxt, imgSrc, onBtnClick }) => {
             React__default.createElement("img", { src: imgSrc ||
                     CommonGAssets.getAssetPath(isMarryBaby ? 'comments-mb.svg' : 'comments.svg'), loading: "lazy" })),
         message && React__default.createElement("div", { className: styles$5.content }, message),
-        buttonTxt && (React__default.createElement(Button, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
+        buttonTxt && (React__default.createElement(Button$1, { size: "md", theme: siteType, color: "secondary", onClick: onBtnClick }, buttonTxt))));
 };
 
 const Answering = ({ id }) => {

package/build/esm/{index-c9313df7.js → index-6c01c8f2.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-9d3275c8.js';
-import { H as Heading } from './index-52b9c6fc.js';
-import { T as Text } from './index-c4b8da86.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-c83ff547.js';
+import { B as Button } from './index-4e01709c.js';
+import { H as Heading } from './index-7d11f27e.js';
+import { T as Text } from './index-ac48621d.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-8012ee88.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-381273a5.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-04fa15d1.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-981f1873.js';
-import { I as Input } from './index-43d9fcba.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
-import { e as formatComment } from './dataTransform-ff10a651.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-7b9df1b6.js';
+import { a as __awaiter } from './tslib.es6-9108d94d.js';
+import { I as Input } from './index-71355ef8.js';
+import { u as useTranslations } from './useTranslations-6ef45992.js';
+import { e as formatComment } from './dataTransform-53051264.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-b1ab0cd7.js';
 import { PATHS } from './togetherApiPaths.js';
-import { r as removeBannedWordWrapper, g as getMentionIdsFromString, e as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-17a24e02.js';
-import { C as CardLink } from './index-65fcc1dc.js';
-import { L as Loading } from './index-7eefbb1a.js';
-import { U as UserAvatar } from './index-6db45d83.js';
-import { R as RichTextEditor } from './editor-6909e7d0.js';
+import { r as removeBannedWordWrapper, g as getMentionIdsFromString, e as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-9562cb1d.js';
+import { C as CardLink } from './index-63b1732b.js';
+import { L as Loading } from './index-b6571b1a.js';
+import { U as UserAvatar } from './index-f088ed39.js';
+import { R as RichTextEditor } from './editor-a9b4075d.js';
 import { Portal, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-624352ef.js';
-import { C as CloseIcon } from './index-5b65ba71.js';
+import { P as Popup } from './index-86e9869b.js';
+import { C as CloseIcon } from './index-847be776.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './index-9e7d91aa.js';
+import { I as ImageWrap } from './index-55461be4.js';
 
 const getDefaultFailNoti = (t) => ({
     message: t('notification.failure'),

package/build/esm/{index-71849106.js → index-6c01ced8.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-a59c1d71.js';
+import { F as Flag } from './index-d648c70f.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-c4b8da86.js';
-import { C as CommonGAssets } from './index-1e01eada.js';
+import { T as Text } from './index-ac48621d.js';
+import { C as CommonGAssets } from './index-169f027e.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-43d9fcba.js → index-71355ef8.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-9108d94d.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-c83ff547.js';
+import { M as MediaQueries } from './utils-8012ee88.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-74f336fe.js → index-79e75cc5.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-cca5ad64.js';
+import { L as LOCALE } from './Locale-48ede17a.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-52b9c6fc.js → index-7d11f27e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-9108d94d.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-c4b8da86.js';
+import { T as Text } from './index-ac48621d.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-5b65ba71.js → index-847be776.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-52b9c6fc.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-c83ff547.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
-import { T as TogetherComponentGlobalContext } from './utils-381273a5.js';
+import { H as Heading } from './index-7d11f27e.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-8012ee88.js';
+import { u as useTranslations } from './useTranslations-6ef45992.js';
+import { T as TogetherComponentGlobalContext } from './utils-04fa15d1.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-c4b8da86.js';
+import { T as Text } from './index-ac48621d.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-9108d94d.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/index-86313d7a.js

@@ -0,0 +1,191 @@
+import { _ as __rest, a as __awaiter } from './tslib.es6-9108d94d.js';
+import React__default, { createContext, useState, useContext, useEffect } from 'react';
+import { T as Tabs } from './index-5c7fc8de.js';
+import { L as Loading } from './index-c04216d2.js';
+import { g as formatArticle } from './dataTransform-53051264.js';
+import { PATHS } from './togetherApiPaths.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-04fa15d1.js';
+import { Minus, Plus } from '@hhgtech/icons/core';
+import { Collapse, Text } from '@mantine/core';
+import { C as CardAuthor } from './index-b6571b1a.js';
+import '@hhgtech/icons/other';
+import './index-ab18e870.js';
+import './index-ac48621d.js';
+import './other-d212ae43.js';
+import './useTranslations-6ef45992.js';
+import './translationsContext-5c4cb946.js';
+import 'string-format';
+import './index-4e01709c.js';
+import './index-559e3202.js';
+import './miscCookieHelper.js';
+import 'slugify';
+import './constantsIsProduction.js';
+import './constants-b1ab0cd7.js';
+import 'dayjs';
+import 'dayjs/plugin/relativeTime';
+import './utils-8012ee88.js';
+import './index-8db926c3.js';
+import './paths-faf5bd8c.js';
+import './constants-8e77452b.js';
+import './index-c84005dc.js';
+import 'date-fns/locale';
+import './index-79e75cc5.js';
+import './Locale-48ede17a.js';
+import './constantsSite.js';
+import './constantsDomainLocales.js';
+import './constantsRiskScreener.js';
+import './index-f088ed39.js';
+import '@emotion/styled';
+import './miscTheme.js';
+import './index.styles-0eeaf156.js';
+import './index-169f027e.js';
+import './index-55461be4.js';
+import '@emotion/react';
+import './index-7d11f27e.js';
+import './index-386d3312.js';
+
+const ProfileDetailContext = createContext({});
+
+var styles$1 = {"container":"_0NhMo6T","faq":"nrZtZ-u"};
+
+const Faqs = ({ faqs }) => {
+    const [collapseSelected, setCollapseSelected] = useState([]);
+    const handleClick = (index) => {
+        if (collapseSelected.includes(index)) {
+            const newCollapseSelected = collapseSelected.filter((item) => item !== index);
+            setCollapseSelected(newCollapseSelected);
+        }
+        else {
+            setCollapseSelected((pre) => {
+                return [...pre, index];
+            });
+        }
+    };
+    return (React__default.createElement("div", { className: styles$1.container }, faqs.map((faq, index) => {
+        const collapsed = collapseSelected.includes(index);
+        return (React__default.createElement("div", { className: styles$1.faq, key: index },
+            React__default.createElement("div", { className: "faq-item", onClick: () => handleClick(index) },
+                React__default.createElement("div", { className: "faq-question" }, faq.question),
+                collapsed ? React__default.createElement(Minus, null) : React__default.createElement(Plus, null)),
+            React__default.createElement(Collapse, { in: collapsed, className: "faq-answer" },
+                React__default.createElement(Text, null, faq.answer))));
+    })));
+};
+
+var styles = {"container":"_2ugC2Ll","info":"_8IDDHjn","body":"CCwRHCd","description":"RF63WXG"};
+
+const formatExperience = (data) => {
+    if (!data)
+        return {};
+    return {
+        title: data === null || data === void 0 ? void 0 : data.title,
+        organization: data === null || data === void 0 ? void 0 : data.organization,
+        duration: data.duration,
+    };
+};
+const formatEducation = (data) => {
+    if (!data)
+        return {};
+    return {
+        completedYear: data === null || data === void 0 ? void 0 : data.completed_year,
+        schoolName: data.school_name,
+        study: data.study,
+    };
+};
+
+var TabName;
+(function (TabName) {
+    TabName[TabName["About"] = 0] = "About";
+    TabName[TabName["Care"] = 1] = "Care";
+    TabName[TabName["Answer"] = 2] = "Answer";
+    TabName[TabName["Posts"] = 3] = "Posts";
+})(TabName || (TabName = {}));
+var UserType;
+(function (UserType) {
+    UserType[UserType["Expert"] = 0] = "Expert";
+    UserType[UserType["User"] = 1] = "User";
+})(UserType || (UserType = {}));
+const TabDataInit = {
+    experiences: [],
+    relatedPosts: [],
+    educations: [],
+    awards: [],
+    contact: {},
+    data: {},
+};
+const ProfileChatbot = (_a) => {
+    var { authorProps, authActionWrapper, onSkipQuestion, onCloseFromPost, showSkipQuestionTag, currentPageUrl } = _a, rest = __rest(_a, ["authorProps", "authActionWrapper", "onSkipQuestion", "onCloseFromPost", "showSkipQuestionTag", "currentPageUrl"]);
+    const { data: { locale, userInfo, env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
+    const id = String(authorProps === null || authorProps === void 0 ? void 0 : authorProps.userId);
+    const [countValues, setCountValues] = useState();
+    const [loading, setLoading] = useState(false);
+    const [info, setInfo] = useState();
+    const [faqs, setFaqs] = useState([]);
+    const [description, setDescription] = useState('');
+    const isAuthorLogin = (userInfo === null || userInfo === void 0 ? void 0 : userInfo._togetherUserId) === (authorProps === null || authorProps === void 0 ? void 0 : authorProps.userId);
+    const [activeTab, setActiveTab] = useState(1);
+    const tabsProps = {
+        value: String(activeTab),
+        dataList: [
+            {
+                value: '1',
+                text: 'FAQs',
+                content: React__default.createElement(Faqs, { faqs: faqs }),
+            },
+        ],
+        onTabChange: (n) => setActiveTab(Number(n)),
+    };
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            setLoading(true);
+            const res = yield Promise.all([
+                callApi(getApiPath(PATHS.USER.DETAIL, {
+                    _locale: locale,
+                    id,
+                }), 'GET'),
+                callApi(getApiPath(PATHS.CHATBOT.PROFILE, {
+                    _locale: locale,
+                }), 'GET'),
+                callApi(getApiPath(PATHS.CHATBOT.FAQS_LIST, {
+                    _locale: locale,
+                }), 'GET'),
+            ]);
+            const [restDetail, profileRes, faqsRes] = res;
+            const resInfo = {
+                data: restDetail === null || restDetail === void 0 ? void 0 : restDetail.data,
+                experiences: (((_b = (_a = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _a === void 0 ? void 0 : _a.fields) === null || _b === void 0 ? void 0 : _b.experiences) || []).map(formatExperience),
+                relatedPosts: (((_c = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _c === void 0 ? void 0 : _c.related_post) || []).map((i) => formatArticle(i.post)),
+                educations: (((_e = (_d = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _d === void 0 ? void 0 : _d.fields) === null || _e === void 0 ? void 0 : _e.educations) || []).map(formatEducation),
+                awards: ((_g = (_f = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _f === void 0 ? void 0 : _f.fields) === null || _g === void 0 ? void 0 : _g.awards_accreditations) || [],
+                contact: ((_j = (_h = restDetail === null || restDetail === void 0 ? void 0 : restDetail.data) === null || _h === void 0 ? void 0 : _h.fields) === null || _j === void 0 ? void 0 : _j.contact) || {},
+            };
+            (restDetail === null || restDetail === void 0 ? void 0 : restDetail.status) === 1 && setInfo(resInfo);
+            setFaqs(((_k = faqsRes === null || faqsRes === void 0 ? void 0 : faqsRes.data) === null || _k === void 0 ? void 0 : _k.faqs) || []);
+            setDescription(((_l = profileRes === null || profileRes === void 0 ? void 0 : profileRes.data) === null || _l === void 0 ? void 0 : _l.description) || '');
+            setLoading(false);
+        }))();
+    }, []);
+    return (React__default.createElement(ProfileDetailContext.Provider, { value: {
+            isMarryBaby,
+            siteType: isMarryBaby ? 'marryBaby' : 'helloSites',
+            authorId: String((authorProps === null || authorProps === void 0 ? void 0 : authorProps.userId) || ''),
+            authActionWrapper,
+            onSkipQuestion,
+            info,
+            authorProps,
+            onCloseFromPost,
+            countValues,
+            setCountValues,
+            isAuthorLogin,
+            showSkipQuestionTag,
+            currentPageUrl,
+        } },
+        React__default.createElement("div", Object.assign({}, rest, { className: `${styles.container} ${(rest === null || rest === void 0 ? void 0 : rest.className) || ''}`, "data-is-marrybaby": isMarryBaby }), loading ? (React__default.createElement(Loading, null)) : (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(CardAuthor, Object.assign({}, authorProps, { className: "card-author", showDetailPopup: false })),
+            React__default.createElement("div", { className: styles.description, dangerouslySetInnerHTML: { __html: description } }),
+            React__default.createElement("div", { className: styles.body },
+                React__default.createElement(Tabs, Object.assign({}, tabsProps))))))));
+};
+
+export { ProfileChatbot, TabDataInit, TabName, UserType };

package/build/esm/{index-624352ef.js → index-86e9869b.js}

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

package/build/esm/{index-2ee180bb.js → index-8826bba5.js}

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

package/build/esm/{index-3b635660.js → index-892d969f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-981f1873.js';
+import { _ as __rest } from './tslib.es6-9108d94d.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-c4b8da86.js';
-import { B as Button } from './index-ddc44db4.js';
-import { u as useTranslations } from './useTranslations-506b1e8a.js';
+import { T as Text } from './index-ac48621d.js';
+import { B as Button } from './index-ab18e870.js';
+import { u as useTranslations } from './useTranslations-6ef45992.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';