@hhgtech/hhg-components 1.29.337-beta-7 → 1.29.338-beta-1

package/build/esm/{index-5d024db0.js → index-6e4ac085.js}

@@ -1,47 +1,47 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-0dadaffe.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-17e37ecd.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-b60d5692.js';
-import { u as useTranslations } from './index-4133adac.js';
+import { D as Dropdown } from './index-63dddd8c.js';
+import { u as useTranslations } from './index-3721fccb.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-0856d008.js';
+import { I as Input$1 } from './index-b9c8f21a.js';
 import { useMantineTheme, Switch, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-49b82bec.js';
-import './index-12474271.js';
-import './index-a62f9674.js';
-import './useMantineLocale-0b9063e9.js';
-import { T as Text } from './index-d4756da4.js';
-import { B as Button } from './index-a02c7f7a.js';
-import './index.styles-d845a625.js';
+import './index-bb91baab.js';
+import './index-cd340cca.js';
+import './index-47298e20.js';
+import './useMantineLocale-77546de7.js';
+import { T as Text } from './index-81d15fea.js';
+import { B as Button } from './index-16f3933c.js';
+import './index.styles-cfa5a4a2.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-6b640789.js';
-import './other-87ae468b.js';
-import './index-087b0ef8.js';
-import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-31b18d45.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, k as getCurrentBaseUrl, r as getChatbotAiApiPath } from './utils-cd8d2a8c.js';
+import { M as MediaQueries } from './utils-6095e278.js';
+import './other-040b4ad5.js';
+import './index-b2f74a59.js';
+import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-eb9886a9.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-c64ceedc.js';
 import styled from '@emotion/styled';
-import { b as formatPost, c as formatTopic } from './dataTransform-b8d10b04.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-e7cfe3b8.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-f8e22a37.js';
-import { C as CardAuthor, L as Loading$1 } from './index-75d563d1.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-a89d1185.js';
-import { I as Input } from './index-679e2631.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-7769faef.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-ecd74d50.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-5e4f9830.js';
+import { C as CardAuthor, L as Loading$1 } from './index-b6524c74.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-f7f20fb3.js';
+import { I as Input } from './index-764d2cdc.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-e6ba1eb0.js';
-import { C as CardLink } from './index-19e7c4b9.js';
-import { B as BtnChoice } from './index-747dcffc.js';
-import { L as LOCALE } from './Locale-3f8c59fd.js';
+import { L as Loading } from './index-3737c9f7.js';
+import { C as CardLink } from './index-4ab47e41.js';
+import { B as BtnChoice } from './index-bcaa4aaa.js';
+import { L as LOCALE } from './Locale-99a969d0.js';
 import * as ReactDOM from 'react-dom';
-import { b as IconArrowLeft } from './index-68d1903a.js';
-import { B as Button$1 } from './index-41144b7e.js';
+import { b as IconArrowLeft } from './index-00a71224.js';
+import { B as Button$1 } from './index-7def88ea.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-1fd7483c.js';
-import { U as UserAvatar } from './index-9696f5ad.js';
-import { P as PopoverMenu } from './index-23f42959.js';
+import { a as useUniqueId } from './useUniqueId-8a528623.js';
+import { U as UserAvatar } from './index-d5821fa7.js';
+import { P as PopoverMenu } from './index-bcad7dc3.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `
@@ -1438,10 +1438,18 @@ const StyledTopicSelectList$1 = styled.div `
   }
 `;
 
-const TopicSelectList$1 = ({ className, style, topics: topicsProp, communityId, onChange, isLoading, disabled, forceTopics, selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction, dataEventLabel, }) => {
+const TopicSelectList$1 = ({ className, style, topics: topicsProp, communityId, onChange, isLoading, disabled, 
+// forceTopics,
+selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction, dataEventLabel, }) => {
     const { data: { locale, env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
-    const [topics, setTopics] = useState(topicsProp ? [...topicsProp] : []);
-    const [selectedTopics, setSelectedTopics] = useState(selectedTopicsProp ? [...selectedTopicsProp] : []);
+    // const [topics, setTopics] = useState<Topic[]>(
+    //   topicsProp ? [...topicsProp] : [],
+    // )
+    const [topics, setTopics] = useState([]);
+    // const [selectedTopics, setSelectedTopics] = useState<Topic[]>(
+    //   selectedTopicsProp ? [...selectedTopicsProp] : [],
+    // )
+    const [selectedTopics, setSelectedTopics] = useState([]);
     const [isLoadingTopics, setIsLoadingTopics] = useState(false);
     const topicsPropRef = useRef(topicsProp);
     topicsPropRef.current = topicsProp;
@@ -1459,7 +1467,19 @@ const TopicSelectList$1 = ({ className, style, topics: topicsProp, communityId,
                     }), 'GET');
                     const topicRes = (_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.topics;
                     if (Array.isArray(topicRes)) {
-                        setTopics(() => (topicRes === null || topicRes === void 0 ? void 0 : topicRes.map(formatTopic).sort((t1, t2) => (t1.order || 0) - (t2.order || 0))) || []);
+                        // setTopics(
+                        //   () =>
+                        //     topicRes
+                        //       ?.map<Topic>(formatTopic)
+                        //       .sort(
+                        //         (t1: Topic, t2: Topic) => (t1.order || 0) - (t2.order || 0),
+                        //       ) || [],
+                        // )
+                        let newTopics = [];
+                        topicRes === null || topicRes === void 0 ? void 0 : topicRes.forEach((item) => {
+                            newTopics = newTopics.concat(item.discover_category);
+                        });
+                        setTopics(newTopics);
                     }
                 }
                 catch (e) {
@@ -1470,42 +1490,54 @@ const TopicSelectList$1 = ({ className, style, topics: topicsProp, communityId,
             }))();
         }
     }, [communityId, noFetch]);
-    const topicsPropString = topicsProp === null || topicsProp === void 0 ? void 0 : topicsProp.map((t) => t.id).join('-');
-    const topicsStateString = topics === null || topics === void 0 ? void 0 : topics.map((t) => t.id).join('-');
-    const forceTopicsPropString = forceTopics === null || forceTopics === void 0 ? void 0 : forceTopics.map((t) => t.id).join('-');
-    useEffect(() => {
-        if (topicsProp &&
-            typeof topicsPropString !== 'undefined' &&
-            topicsPropString !== topicsStateString) {
-            setTopics(topicsProp);
-        }
-    }, [topicsProp, topicsPropString, topicsStateString]);
-    const topicsWithoutForced = useMemo(() => topics.filter((t) => !(forceTopics === null || forceTopics === void 0 ? void 0 : forceTopics.some((ft) => (ft.id && ft.id === t.id) ||
-        (ft.mappedCategoryId &&
-            ft.mappedCategoryId === t.mappedCategoryId)))), [topicsStateString, forceTopicsPropString]);
+    // const topicsPropString = topicsProp?.map((t) => t.id).join('-')
+    // const topicsStateString = topics?.map((t) => t.id).join('-')
+    // const forceTopicsPropString = forceTopics?.map((t) => t.id).join('-')
+    // useEffect(() => {
+    //   if (
+    //     topicsProp &&
+    //     typeof topicsPropString !== 'undefined' &&
+    //     topicsPropString !== topicsStateString
+    //   ) {
+    //     setTopics(topicsProp)
+    //   }
+    // }, [topicsProp, topicsPropString, topicsStateString])
+    // const topicsWithoutForced = useMemo(
+    //   () =>
+    //     topics.filter(
+    //       (t) =>
+    //         !forceTopics?.some(
+    //           (ft) =>
+    //             (ft.id && ft.id === t.id) ||
+    //             (ft.mappedCategoryId &&
+    //               ft.mappedCategoryId === t.mappedCategoryId),
+    //         ),
+    //     ),
+    //   [topicsStateString, forceTopicsPropString],
+    // )
     return (React__default.createElement(StyledTopicSelectList$1, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-        forceTopics.map((topic) => (React__default.createElement(TopicItem$1, { key: `${topic.id}-${topic.mappedCategoryId}`, topic: topic, disabled: true, selected: true, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }))),
-        topicsWithoutForced.map((topic) => (React__default.createElement(TopicItem$1, { key: `${topic.id}-${topic.mappedCategoryId}`, topic: topic, disabled: disabled, selected: (selectedTopicsProp || selectedTopics).some((t) => (t.id && t.id === topic.id) ||
-                (t.mappedCategoryId &&
-                    t.mappedCategoryId === topic.mappedCategoryId)), onClick: () => {
-                const _selected = selectedTopicsProp || selectedTopics;
-                const foundIndex = _selected.findIndex((_selected) => (_selected.id && _selected.id === topic.id) ||
-                    (_selected.mappedCategoryId &&
-                        _selected.mappedCategoryId === topic.mappedCategoryId));
-                if (foundIndex !== -1) {
-                    _selected.splice(foundIndex, 1);
-                }
-                else {
-                    _selected.push(topic);
-                }
-                if (onChange && selectedTopicsProp) {
-                    onChange(_selected.slice());
-                }
-                else {
-                    onChange && onChange(_selected.slice());
-                    setSelectedTopics(_selected.slice());
-                }
-            }, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }))),
+        topics.map((topic) => {
+            return (React__default.createElement(TopicItem$1, { key: `${topic.id}-${topic.category_id}`, topic: topic, disabled: disabled, selected: (selectedTopicsProp || selectedTopics).some((t) => (t.id && t.id === topic.id) ||
+                    ((t === null || t === void 0 ? void 0 : t.category_id) && (t === null || t === void 0 ? void 0 : t.category_id) === topic.category_id)), onClick: () => {
+                    const _selected = (selectedTopicsProp || selectedTopics);
+                    const foundIndex = _selected.findIndex((_selected) => (_selected.id && _selected.id === topic.id) ||
+                        ((_selected === null || _selected === void 0 ? void 0 : _selected.category_id) &&
+                            (_selected === null || _selected === void 0 ? void 0 : _selected.category_id) === topic.category_id));
+                    if (foundIndex !== -1) {
+                        _selected.splice(foundIndex, 1);
+                    }
+                    else {
+                        _selected.push(topic);
+                    }
+                    if (onChange && selectedTopicsProp) {
+                        onChange(_selected.slice());
+                    }
+                    else {
+                        onChange && onChange(_selected.slice());
+                        setSelectedTopics(_selected.slice());
+                    }
+                }, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }));
+        }),
         (isLoading || isLoadingTopics) && React__default.createElement(Loading$1, { className: "topic-spinner" })));
 };
 const TopicItem$1 = (_a) => {
@@ -2434,7 +2466,7 @@ const RichTextEditor = ({ html, onChange, className, style, placeholder, onImage
                 onChange === null || onChange === void 0 ? void 0 : onChange(value);
             }
         }
-    }, 500), []);
+    }, 200), []);
     useEffect(() => {
         onInvalidUrlsChange && onInvalidUrlsChange(invalidUrls);
     }, [invalidUrls]);
@@ -3384,9 +3416,11 @@ const applySpecialCharSite = [
     LOCALE.Malaysia,
     LOCALE.Vietnam,
 ];
-const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunity, articleId, editPostData, defaultCommunity, defaultTopics, userInfo, isMarryBaby = false, }) => {
+const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited, forceSelectCommunity, forceSelectTopics, articleId, editPostData, defaultCommunity, communities, userInfo, isMarryBaby = false, }) => {
     const isInEditMode = !!(editPostData === null || editPostData === void 0 ? void 0 : editPostData.id);
-    const { data: { locale, env: { togetherBasePath }, }, action: { pushNotifications, sanitizeFunction }, } = useContext(TogetherComponentGlobalContext);
+    const { data: { locale,
+    // env: { togetherBasePath },
+     }, action: { pushNotifications, sanitizeFunction }, } = useContext(TogetherComponentGlobalContext);
     const { t } = useTranslations();
     const containerRef = useRef(null);
     const [isAskDoctor, setIsAskDoctor] = useState(false);
@@ -3397,7 +3431,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
         label: t('community.choose'),
         value: '',
     });
-    const [selectedTopics, setSelectedTopics] = useState([]);
+    const [selectedTopics, setSelectedTopics] = useState([...forceSelectTopics] || []);
     const [error, setError] = useState({});
     const [imageFiles, setImageFiles] = useState([]);
     const [bannedWords, setBannedWords] = useState([]);
@@ -3436,14 +3470,16 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
                 } })),
         },
     ];
-    const currentCommunity = useMemo(() => {
-        if (!communityValue.value)
-            return null;
-        const result = communitiesList.find((item) => String(item.id) === String(communityValue.value));
-        if (!result)
-            return null;
-        return result;
-    }, [communityValue, communitiesList]);
+    // const currentCommunity = useMemo(() => {
+    //   if (!communityValue.value) return null
+    //   const result = communitiesList.find(
+    //     (item) => String(item.id) === String(communityValue.value),
+    //   )
+    //   if (!result) return null
+    //   return result
+    // }, [communityValue, communitiesList])
+    const currentCommunity = forceSelectCommunity ||
+        communities.find((c) => `${c.id || ''}-${c.mappedCategoryId || ''}` === communityValue.value);
     // HANDLE etra action when OPEN AND CLOSE
     useEffect(() => {
         if (editPostData) {
@@ -3454,7 +3490,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
                 label: post.community.name,
                 value: `${post.community.id || ''}-${post.community.mappedCategoryId || ''}`,
             });
-            setSelectedTopics(post.topics || []);
+            // setSelectedTopics(post.topics || [])
             setImageFiles(post.photos || []);
             setIsAskDoctor(!!post.isAskDoctor || false);
         }
@@ -3465,9 +3501,9 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
                     value: `${defaultCommunity.id || ''}-${defaultCommunity.mappedCategoryId || ''}`,
                 });
             }
-            if (defaultTopics) {
-                setSelectedTopics(defaultTopics);
-            }
+            // if (defaultTopics) {
+            //   setSelectedTopics(defaultTopics)
+            // }
         }
     }, []);
     useEffect(() => {
@@ -3494,7 +3530,8 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
             ]);
             const communitiesApi = (_a = resListCommunity === null || resListCommunity === void 0 ? void 0 : resListCommunity.data) === null || _a === void 0 ? void 0 : _a.communities;
             if (Array.isArray(communitiesApi) && communitiesApi.length) {
-                setCommunitiesList(communitiesApi);
+                const resultFormat = communitiesApi.map((item) => formatCommunity(item));
+                setCommunitiesList(resultFormat);
             }
             const topicRes = (_b = resListTopic === null || resListTopic === void 0 ? void 0 : resListTopic.data) === null || _b === void 0 ? void 0 : _b.topics;
             if (Array.isArray(topicRes)) {
@@ -3506,6 +3543,12 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
             }
         }))();
     }, []);
+    const onCreateEditSuccess = (res) => {
+        if (onPostCreatedEdited) {
+            onPostCreatedEdited(formatPost(res), isInEditMode);
+        }
+        onClose && onClose();
+    };
     const validationUploadPhoto = (files) => {
         const errorMessage = Object.assign({}, error);
         if (files && files.length > 10) {
@@ -3588,22 +3631,20 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
             console.log(value);
         }
     };
+    console.log(uncategorizedId);
+    console.log(topicsList);
     const submitPost = (uncategorized) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const isError = validationPost();
         if (isError)
             return;
         const bodyFormData = yield getPostFormData({
             title: titleValue,
             description: descriptionValue,
-            communityId: uncategorized
-                ? uncategorizedId
-                : String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) || ''),
+            communityId: String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) || ''),
             imageFiles,
             previewUrl,
-            topicIds: uncategorized
-                ? []
-                : selectedTopics === null || selectedTopics === void 0 ? void 0 : selectedTopics.map((topic) => String(topic.id || '')).filter(Boolean),
+            topicIds: selectedTopics === null || selectedTopics === void 0 ? void 0 : selectedTopics.map((topic) => String(topic.id || '')).filter(Boolean),
             locale,
             sanitizeFunction,
             categoryCommunityId: String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.mappedCategoryId) || ''),
@@ -3615,6 +3656,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
         if (articleId) {
             bodyFormData.append('article_id', articleId);
         }
+        console.log(uncategorized);
         let res;
         if (isInEditMode) {
             if (editPostData === null || editPostData === void 0 ? void 0 : editPostData.id) {
@@ -3629,17 +3671,26 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
             res = yield createPost({
                 formData: bodyFormData,
                 locale,
-                isArticleComment: !(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) && !!(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.mappedCategoryId),
+                isArticleComment: true,
             });
         }
         const resData = res === null || res === void 0 ? void 0 : res.data;
         if ((resData === null || resData === void 0 ? void 0 : resData.id) && !((_b = (_a = res === null || res === void 0 ? void 0 : res.messages) === null || _a === void 0 ? void 0 : _a.moderation) === null || _b === void 0 ? void 0 : _b.type)) {
-            const params = `action=${editPostData ? 'editPost' : 'createPost'}&askDoctor=${(resData === null || resData === void 0 ? void 0 : resData.is_question) ? 'true' : 'false'}`;
-            const postHref = `${getCurrentBaseUrl(locale)}${togetherBasePath}/${(_c = resData === null || resData === void 0 ? void 0 : resData.community) === null || _c === void 0 ? void 0 : _c.slug}/${resData === null || resData === void 0 ? void 0 : resData.slug}/?${params}`;
-            window.location.href = postHref;
+            // const params = `action=${
+            //   editPostData ? 'editPost' : 'createPost'
+            // }&askDoctor=${resData?.is_question ? 'true' : 'false'}`
+            // const postHref = `${getCurrentBaseUrl(locale)}${togetherBasePath}/${
+            //   resData?.community?.slug
+            // }/${resData?.slug}/?${params}`
+            // window.location.href = postHref
+            pushNotifications({
+                message: t('createPost.popup.success'),
+                type: 'success',
+            });
+            onCreateEditSuccess(resData);
         }
         else {
-            if (((_e = (_d = res === null || res === void 0 ? void 0 : res.messages) === null || _d === void 0 ? void 0 : _d.moderation) === null || _e === void 0 ? void 0 : _e.type) === 'banned') {
+            if (((_d = (_c = res === null || res === void 0 ? void 0 : res.messages) === null || _c === void 0 ? void 0 : _c.moderation) === null || _d === void 0 ? void 0 : _d.type) === 'banned') {
                 pushNotifications({
                     title: t('notification.post.blocked.title'),
                     message: t('notification.post.blocked.message'),
@@ -3649,7 +3700,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
                     setBannedWords(res.messages.moderation.words);
                 }
             }
-            else if (((_g = (_f = res === null || res === void 0 ? void 0 : res.messages) === null || _f === void 0 ? void 0 : _f.moderation) === null || _g === void 0 ? void 0 : _g.type) === 'suspect') {
+            else if (((_f = (_e = res === null || res === void 0 ? void 0 : res.messages) === null || _e === void 0 ? void 0 : _e.moderation) === null || _f === void 0 ? void 0 : _f.type) === 'suspect') {
                 pushNotifications({
                     title: t('notification.post.suspect.title'),
                     message: t('notification.post.suspect.message'),
@@ -3657,7 +3708,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
                 });
                 onClose && onClose();
             }
-            else if ((_j = (_h = res === null || res === void 0 ? void 0 : res.messages) === null || _h === void 0 ? void 0 : _h.find) === null || _j === void 0 ? void 0 : _j.call(_h, (m) => { var _a; return !!((_a = m === null || m === void 0 ? void 0 : m.includes) === null || _a === void 0 ? void 0 : _a.call(m, 'suspend')); })) {
+            else if ((_h = (_g = res === null || res === void 0 ? void 0 : res.messages) === null || _g === void 0 ? void 0 : _g.find) === null || _h === void 0 ? void 0 : _h.call(_g, (m) => { var _a; return !!((_a = m === null || m === void 0 ? void 0 : m.includes) === null || _a === void 0 ? void 0 : _a.call(m, 'suspend')); })) {
                 pushNotifications({
                     message: t('notification.suspend.message'),
                     type: 'danger',
@@ -3666,7 +3717,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
             }
             else {
                 pushNotifications({
-                    message: ((_k = res === null || res === void 0 ? void 0 : res.messages) === null || _k === void 0 ? void 0 : _k[0]) || t('notification.failure'),
+                    message: ((_j = res === null || res === void 0 ? void 0 : res.messages) === null || _j === void 0 ? void 0 : _j[0]) || t('notification.failure'),
                     type: 'danger',
                 });
             }
@@ -3698,13 +3749,20 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
         }
     };
     const onSubmitContinuePost = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _l;
+        var _k;
         const isError = validationPost();
         if (isError) {
             const keyElmToScroll = getFirstOrderErroKey(orderErrorFieldKey);
             handleScrollToError(keyElmToScroll);
             return;
         }
+        submitPost();
+        if (stepPost)
+            return;
+        if (isInEditMode) {
+            submitPost();
+            return;
+        }
         setStepPost('step_community');
         // Current just apply ai suggest community for Vietnam site
         if (locale === LOCALE.Vietnam && !isMarryBaby && !isInEditMode) {
@@ -3736,11 +3794,16 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
                                 topic_in: listTopicId.join(),
                                 pageSize: 100,
                             }), 'GET');
-                            const topicsApi = (_l = resTopic === null || resTopic === void 0 ? void 0 : resTopic.data) === null || _l === void 0 ? void 0 : _l.topics;
-                            const topicSuggested = topicsApi
-                                ? topicsApi.map((item) => formatTopic(item))
-                                : [];
-                            setSelectedTopics(topicSuggested);
+                            const topicsApi = (_k = resTopic === null || resTopic === void 0 ? void 0 : resTopic.data) === null || _k === void 0 ? void 0 : _k.topics;
+                            // const topicSuggested = topicsApi
+                            //   ? topicsApi.map((item) => formatTopic(item))
+                            //   : ([] as Topic[])
+                            let newTopics = [];
+                            topicsApi === null || topicsApi === void 0 ? void 0 : topicsApi.forEach((item) => {
+                                newTopics = newTopics.concat(item.discover_category);
+                            });
+                            // setTopics(newTopics)
+                            setSelectedTopics(newTopics);
                         }
                     }
                 }
@@ -3753,7 +3816,6 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
             }
         }
     });
-    console.log('topicsList: ', topicsList);
     return (React__default.createElement(StyledCreateNewPost, { className: `${className} create-post-popup-frame`, style: style },
         React__default.createElement("div", { className: "input-group-container", ref: containerRef },
             React__default.createElement(StyledFormGroupInner, null,
@@ -3827,7 +3889,11 @@ const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunit
                     validationUploadPhoto(data);
                 } }),
             React__default.createElement("div", null,
-                React__default.createElement(Button, { className: "submit-btn pointer-event-child-none", size: "lg", "data-event-category": "Ask Doctor", "data-event-action": "Submit Question", "data-event-label": window.location.href, onClick: onSubmitContinuePost, loading: isLoadingSuggest, disabled: isLoadingSuggest }, t('onboarding.button.continue'))))));
+                React__default.createElement(Button, { className: "submit-btn pointer-event-child-none", size: "lg", "data-event-category": "Ask Doctor", "data-event-action": "Submit Question", "data-event-label": window.location.href, onClick: onSubmitContinuePost, loading: isLoadingSuggest, disabled: isLoadingSuggest }, 
+                /* {isInEditMode
+                ? t('createPost.popup.submit')
+                : t('onboarding.button.continue')} */
+                t('createPost.popup.submit'))))));
 };
 
 const StyledTopicSelectList = styled.div `

package/build/esm/{index-679e2631.js → index-764d2cdc.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-0dadaffe.js';
+import { _ as __rest } from './tslib.es6-17e37ecd.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-6b640789.js';
+import { M as MediaQueries } from './utils-6095e278.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-952a3458.js → index-77d46cdb.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-0dadaffe.js';
+import { _ as __rest } from './tslib.es6-17e37ecd.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-d7143560.js';
-import { I as Input } from './index-0856d008.js';
-import { D as DatePicker } from './index-bc0f28a2.js';
-import { T as Text } from './index-d4756da4.js';
-import './index-a02c7f7a.js';
-import './index.styles-d845a625.js';
-import { u as useTranslations } from './index-4133adac.js';
+import { L as LastPeriod } from './LastPeriod-120dfb43.js';
+import { I as Input } from './index-b9c8f21a.js';
+import { D as DatePicker } from './index-8f4d62bb.js';
+import { T as Text } from './index-81d15fea.js';
+import './index-16f3933c.js';
+import './index.styles-cfa5a4a2.js';
+import { u as useTranslations } from './index-3721fccb.js';
 import '@mantine/hooks';
-import './useMantineLocale-0b9063e9.js';
-import './index-12474271.js';
-import './index-a62f9674.js';
-import './utils-6b640789.js';
-import './index-49b82bec.js';
-import './other-87ae468b.js';
-import './index-087b0ef8.js';
-import { H as HealthToolFormWrapper } from './index-20c0aa4f.js';
+import './useMantineLocale-77546de7.js';
+import './index-cd340cca.js';
+import './index-47298e20.js';
+import './utils-6095e278.js';
+import './index-bb91baab.js';
+import './other-040b4ad5.js';
+import './index-b2f74a59.js';
+import { H as HealthToolFormWrapper } from './index-1f09f99e.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-25a2befd.js → index-7bea84f7.js}

@@ -1,32 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-0dadaffe.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-17e37ecd.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-41144b7e.js';
-import { H as Heading } from './index-52a9228a.js';
-import { u as useTranslations } from './index-4133adac.js';
+import { B as Button } from './index-7def88ea.js';
+import { H as Heading } from './index-9b227290.js';
+import { u as useTranslations } from './index-3721fccb.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-31b18d45.js';
-import { C as CommonGAssets } from './index-a62f9674.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-e7cfe3b8.js';
+import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-eb9886a9.js';
+import { C as CommonGAssets } from './index-47298e20.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-ecd74d50.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-cd8d2a8c.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-3f228b1e.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-c64ceedc.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-3eaf75ff.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6b640789.js';
+import { M as MediaQueries } from './utils-6095e278.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-b8d10b04.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-7769faef.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-19e7c4b9.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-75d563d1.js';
-import { a as ProfileDetail, P as PostContent } from './index-b87e8b5f.js';
-import { a as PostImagePreview } from './index-68d1903a.js';
-import { D as Divider } from './index-c7f596bb.js';
-import './index-49b82bec.js';
+import { C as CardLink } from './index-4ab47e41.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-b6524c74.js';
+import { a as ProfileDetail, P as PostContent } from './index-28bd2013.js';
+import { a as PostImagePreview } from './index-00a71224.js';
+import { D as Divider } from './index-81a75463.js';
+import './index-bb91baab.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-679e2631.js';
-import { T as Text } from './index-d4756da4.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-c06134ec.js';
+import { I as Input } from './index-764d2cdc.js';
+import { T as Text } from './index-81d15fea.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-30c93074.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-36b8a2fd.js → index-7daaee56.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-0856d008.js';
+import { F as Flag } from './index-b9c8f21a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-d4756da4.js';
-import { C as CommonGAssets } from './index-a62f9674.js';
+import { T as Text } from './index-81d15fea.js';
+import { C as CommonGAssets } from './index-47298e20.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-41144b7e.js → index-7def88ea.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-0dadaffe.js';
+import { _ as __rest } from './tslib.es6-17e37ecd.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-a02c7f7a.js';
+import { B as Button$1 } from './index-16f3933c.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-471ca8a5.js → index-7e380611.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-6b640789.js';
+import { t as toggleNoScroll } from './utils-6095e278.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-dc3f1e93.js';
-import { T as Text } from './index-d4756da4.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-f5c99177.js';
+import { T as Text } from './index-81d15fea.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {