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

package/build/{index-d75729a6.js → index-acd083c0.js}

@@ -1,49 +1,49 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dd9e0cc4.js');
+var tslib_es6 = require('./tslib.es6-ed0b2bf6.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$8 = require('./index-66d98f03.js');
-var index = require('./index-c2a9a8e8.js');
+var index$8 = require('./index-36fbe569.js');
+var index = require('./index-1fbc0d0f.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-a259aa64.js');
+var index$5 = require('./index-f299e740.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-649e871b.js');
-require('./index-3922dc3c.js');
-require('./index-c5e6cb9a.js');
-require('./useMantineLocale-3eb7ea98.js');
-var index$2 = require('./index-fc5fc4e4.js');
-var index$1 = require('./index-c567c191.js');
-require('./index.styles-cac29d6f.js');
+require('./index-f80c5d0b.js');
+require('./index-bcde20b2.js');
+require('./index-9d0ecf23.js');
+require('./useMantineLocale-86fbec4e.js');
+var index$2 = require('./index-7ce80c7d.js');
+var index$1 = require('./index-a9f31528.js');
+require('./index.styles-c9451960.js');
 require('@mantine/hooks');
-var utils = require('./utils-910c005a.js');
-require('./other-d5b52eb3.js');
-require('./index-8281890d.js');
-var index$3 = require('./index-c65df08c.js');
-var togetherComponentGlobalContext = require('./utils-2b8bf3e7.js');
+var utils = require('./utils-2665f140.js');
+require('./other-d9bcd91c.js');
+require('./index-b26691c0.js');
+var index$3 = require('./index-d01e81b4.js');
+var togetherComponentGlobalContext = require('./utils-1c540d48.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-1c392a20.js');
-var constants = require('./constants-31412dd2.js');
-var post = require('./post-432469dd.js');
-var togetherMoleculesCardAuthor = require('./index-9828c8a1.js');
-var togetherRichTextEditor = require('./editor-251a969f.js');
-var index$4 = require('./index-6a3cc469.js');
+var dataTransform = require('./dataTransform-0ef14648.js');
+var constants = require('./constants-0e2856d5.js');
+var post = require('./post-53156d7c.js');
+var togetherMoleculesCardAuthor = require('./index-178ae355.js');
+var togetherRichTextEditor = require('./editor-189b8ca4.js');
+var index$4 = require('./index-6585b48c.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-1e2090d0.js');
-var index$7 = require('./index-57ec2634.js');
-var index$9 = require('./index-8ad1d7e8.js');
-var Locale = require('./Locale-b511d433.js');
+var index$6 = require('./index-5eff89f2.js');
+var index$7 = require('./index-3a171639.js');
+var index$9 = require('./index-51aa12b0.js');
+var Locale = require('./Locale-a84972f1.js');
 var ReactDOM = require('react-dom');
-var togetherMoleculesPostImagePreview = require('./index-5bbc6cfe.js');
-var index$c = require('./index-0aacbeb5.js');
+var togetherMoleculesPostImagePreview = require('./index-1e5fa2ff.js');
+var index$c = require('./index-58cd5e47.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-ec4bb28c.js');
-var index$a = require('./index-5d94a8b6.js');
-var index$b = require('./index-6ef71b56.js');
+var useUniqueId = require('./useUniqueId-1863885c.js');
+var index$a = require('./index-f3949701.js');
+var index$b = require('./index-5c820b7b.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -1467,18 +1467,10 @@ const StyledTopicSelectList$1 = styled__default["default"].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 }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    // const [topics, setTopics] = useState<Topic[]>(
-    //   topicsProp ? [...topicsProp] : [],
-    // )
-    const [topics, setTopics] = React.useState([]);
-    // const [selectedTopics, setSelectedTopics] = useState<Topic[]>(
-    //   selectedTopicsProp ? [...selectedTopicsProp] : [],
-    // )
-    const [selectedTopics, setSelectedTopics] = React.useState([]);
+    const [topics, setTopics] = React.useState(topicsProp ? [...topicsProp] : []);
+    const [selectedTopics, setSelectedTopics] = React.useState(selectedTopicsProp ? [...selectedTopicsProp] : []);
     const [isLoadingTopics, setIsLoadingTopics] = React.useState(false);
     const topicsPropRef = React.useRef(topicsProp);
     topicsPropRef.current = topicsProp;
@@ -1496,19 +1488,7 @@ selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction,
                     }), '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
-                        //       ?.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);
+                        setTopics(() => (topicRes === null || topicRes === void 0 ? void 0 : topicRes.map(dataTransform.formatTopic).sort((t1, t2) => (t1.order || 0) - (t2.order || 0))) || []);
                     }
                 }
                 catch (e) {
@@ -1519,54 +1499,42 @@ selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction,
             }))();
         }
     }, [communityId, noFetch]);
-    // 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],
-    // )
+    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('-');
+    React.useEffect(() => {
+        if (topicsProp &&
+            typeof topicsPropString !== 'undefined' &&
+            topicsPropString !== topicsStateString) {
+            setTopics(topicsProp);
+        }
+    }, [topicsProp, topicsPropString, topicsStateString]);
+    const topicsWithoutForced = React.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]);
     return (React__default["default"].createElement(StyledTopicSelectList$1, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-        topics.map((topic) => {
-            return (React__default["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 }));
-        }),
+        forceTopics.map((topic) => (React__default["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["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 }))),
         (isLoading || isLoadingTopics) && React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, { className: "topic-spinner" })));
 };
 const TopicItem$1 = (_a) => {
@@ -2495,7 +2463,7 @@ const RichTextEditor = ({ html, onChange, className, style, placeholder, onImage
                 onChange === null || onChange === void 0 ? void 0 : onChange(value);
             }
         }
-    }, 200), []);
+    }, 500), []);
     React.useEffect(() => {
         onInvalidUrlsChange && onInvalidUrlsChange(invalidUrls);
     }, [invalidUrls]);
@@ -3445,11 +3413,9 @@ const applySpecialCharSite = [
     Locale.LOCALE.Malaysia,
     Locale.LOCALE.Vietnam,
 ];
-const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited, forceSelectCommunity, forceSelectTopics, articleId, editPostData, defaultCommunity, communities, userInfo, isMarryBaby = false, }) => {
+const CreateNewPostContentV2 = ({ className, style, onClose, forceSelectCommunity, articleId, editPostData, defaultCommunity, defaultTopics, userInfo, isMarryBaby = false, }) => {
     const isInEditMode = !!(editPostData === null || editPostData === void 0 ? void 0 : editPostData.id);
-    const { data: { locale,
-    // env: { togetherBasePath },
-     }, action: { pushNotifications, sanitizeFunction }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    const { data: { locale, env: { togetherBasePath }, }, action: { pushNotifications, sanitizeFunction }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { t } = index.useTranslations();
     const containerRef = React.useRef(null);
     const [isAskDoctor, setIsAskDoctor] = React.useState(false);
@@ -3460,7 +3426,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
         label: t('community.choose'),
         value: '',
     });
-    const [selectedTopics, setSelectedTopics] = React.useState([...forceSelectTopics] || []);
+    const [selectedTopics, setSelectedTopics] = React.useState([]);
     const [error, setError] = React.useState({});
     const [imageFiles, setImageFiles] = React.useState([]);
     const [bannedWords, setBannedWords] = React.useState([]);
@@ -3499,16 +3465,14 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                 } })),
         },
     ];
-    // 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);
+    const currentCommunity = React.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]);
     // HANDLE etra action when OPEN AND CLOSE
     React.useEffect(() => {
         if (editPostData) {
@@ -3519,7 +3483,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                 label: post$1.community.name,
                 value: `${post$1.community.id || ''}-${post$1.community.mappedCategoryId || ''}`,
             });
-            // setSelectedTopics(post.topics || [])
+            setSelectedTopics(post$1.topics || []);
             setImageFiles(post$1.photos || []);
             setIsAskDoctor(!!post$1.isAskDoctor || false);
         }
@@ -3530,9 +3494,9 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                     value: `${defaultCommunity.id || ''}-${defaultCommunity.mappedCategoryId || ''}`,
                 });
             }
-            // if (defaultTopics) {
-            //   setSelectedTopics(defaultTopics)
-            // }
+            if (defaultTopics) {
+                setSelectedTopics(defaultTopics);
+            }
         }
     }, []);
     React.useEffect(() => {
@@ -3559,8 +3523,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
             ]);
             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) {
-                const resultFormat = communitiesApi.map((item) => dataTransform.formatCommunity(item));
-                setCommunitiesList(resultFormat);
+                setCommunitiesList(communitiesApi);
             }
             const topicRes = (_b = resListTopic === null || resListTopic === void 0 ? void 0 : resListTopic.data) === null || _b === void 0 ? void 0 : _b.topics;
             if (Array.isArray(topicRes)) {
@@ -3572,12 +3535,6 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
             }
         }))();
     }, []);
-    const onCreateEditSuccess = (res) => {
-        if (onPostCreatedEdited) {
-            onPostCreatedEdited(dataTransform.formatPost(res), isInEditMode);
-        }
-        onClose && onClose();
-    };
     const validationUploadPhoto = (files) => {
         const errorMessage = Object.assign({}, error);
         if (files && files.length > 10) {
@@ -3660,20 +3617,22 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
             console.log(value);
         }
     };
-    console.log(uncategorizedId);
-    console.log(topicsList);
     const submitPost = (uncategorized) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const isError = validationPost();
         if (isError)
             return;
         const bodyFormData = yield index$3.getPostFormData({
             title: titleValue,
             description: descriptionValue,
-            communityId: String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) || ''),
+            communityId: uncategorized
+                ? uncategorizedId
+                : String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) || ''),
             imageFiles,
             previewUrl,
-            topicIds: selectedTopics === null || selectedTopics === void 0 ? void 0 : selectedTopics.map((topic) => String(topic.id || '')).filter(Boolean),
+            topicIds: uncategorized
+                ? []
+                : 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) || ''),
@@ -3685,7 +3644,6 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
         if (articleId) {
             bodyFormData.append('article_id', articleId);
         }
-        console.log(uncategorized);
         let res;
         if (isInEditMode) {
             if (editPostData === null || editPostData === void 0 ? void 0 : editPostData.id) {
@@ -3700,26 +3658,17 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
             res = yield index$3.createPost({
                 formData: bodyFormData,
                 locale,
-                isArticleComment: true,
+                isArticleComment: !(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) && !!(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.mappedCategoryId),
             });
         }
         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?.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);
+            const params = `action=${editPostData ? 'editPost' : 'createPost'}&askDoctor=${(resData === null || resData === void 0 ? void 0 : resData.is_question) ? 'true' : 'false'}`;
+            const postHref = `${togetherComponentGlobalContext.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;
         }
         else {
-            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') {
+            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') {
                 pushNotifications({
                     title: t('notification.post.blocked.title'),
                     message: t('notification.post.blocked.message'),
@@ -3729,7 +3678,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                     setBannedWords(res.messages.moderation.words);
                 }
             }
-            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') {
+            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') {
                 pushNotifications({
                     title: t('notification.post.suspect.title'),
                     message: t('notification.post.suspect.message'),
@@ -3737,7 +3686,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                 });
                 onClose && onClose();
             }
-            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')); })) {
+            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')); })) {
                 pushNotifications({
                     message: t('notification.suspend.message'),
                     type: 'danger',
@@ -3746,7 +3695,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
             }
             else {
                 pushNotifications({
-                    message: ((_j = res === null || res === void 0 ? void 0 : res.messages) === null || _j === void 0 ? void 0 : _j[0]) || t('notification.failure'),
+                    message: ((_k = res === null || res === void 0 ? void 0 : res.messages) === null || _k === void 0 ? void 0 : _k[0]) || t('notification.failure'),
                     type: 'danger',
                 });
             }
@@ -3778,20 +3727,13 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
         }
     };
     const onSubmitContinuePost = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        var _k;
+        var _l;
         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.LOCALE.Vietnam && !isMarryBaby && !isInEditMode) {
@@ -3823,16 +3765,11 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                                 topic_in: listTopicId.join(),
                                 pageSize: 100,
                             }), 'GET');
-                            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);
+                            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) => dataTransform.formatTopic(item))
+                                : [];
+                            setSelectedTopics(topicSuggested);
                         }
                     }
                 }
@@ -3845,6 +3782,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
             }
         }
     });
+    console.log('topicsList: ', topicsList);
     return (React__default["default"].createElement(StyledCreateNewPost, { className: `${className} create-post-popup-frame`, style: style },
         React__default["default"].createElement("div", { className: "input-group-container", ref: containerRef },
             React__default["default"].createElement(StyledFormGroupInner, null,
@@ -3918,11 +3856,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                     validationUploadPhoto(data);
                 } }),
             React__default["default"].createElement("div", null,
-                React__default["default"].createElement(index$1.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'))))));
+                React__default["default"].createElement(index$1.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'))))));
 };
 
 const StyledTopicSelectList = styled__default["default"].div `

package/build/{index-8281890d.js → index-b26691c0.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dd9e0cc4.js');
+var tslib_es6 = require('./tslib.es6-ed0b2bf6.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index = require('./index-c567c191.js');
-var index$1 = require('./index-fc5fc4e4.js');
+var index = require('./index-a9f31528.js');
+var index$1 = require('./index-7ce80c7d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d6c86f5b.js → index-b5273b31.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dd9e0cc4.js');
+var tslib_es6 = require('./tslib.es6-ed0b2bf6.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-a259aa64.js');
-var index$3 = require('./index-082c17ea.js');
-require('./index-fc5fc4e4.js');
-require('./index-c567c191.js');
-require('./index.styles-cac29d6f.js');
-var index = require('./index-c2a9a8e8.js');
+require('./index-f299e740.js');
+var index$3 = require('./index-5fba312d.js');
+require('./index-7ce80c7d.js');
+require('./index-a9f31528.js');
+require('./index.styles-c9451960.js');
+var index = require('./index-1fbc0d0f.js');
 require('@mantine/hooks');
-require('./useMantineLocale-3eb7ea98.js');
-require('./index-3922dc3c.js');
-require('./index-c5e6cb9a.js');
-require('./utils-910c005a.js');
-require('./index-649e871b.js');
-require('./other-d5b52eb3.js');
-require('./index-8281890d.js');
-var index$1 = require('./index-a97c28e0.js');
-var index$2 = require('./index-dbf98d57.js');
+require('./useMantineLocale-86fbec4e.js');
+require('./index-bcde20b2.js');
+require('./index-9d0ecf23.js');
+require('./utils-2665f140.js');
+require('./index-f80c5d0b.js');
+require('./other-d9bcd91c.js');
+require('./index-b26691c0.js');
+var index$1 = require('./index-6d811606.js');
+var index$2 = require('./index-de6e4030.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-adf2cd16.js → index-b943fa6a.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dd9e0cc4.js');
+var tslib_es6 = require('./tslib.es6-ed0b2bf6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-a259aa64.js');
+var index = require('./index-f299e740.js');
 require('@mantine/dates');
-require('./index-649e871b.js');
-require('./index-3922dc3c.js');
-require('./index-c5e6cb9a.js');
-require('./useMantineLocale-3eb7ea98.js');
-var index$2 = require('./index-fc5fc4e4.js');
-require('./index-c567c191.js');
-require('./index.styles-cac29d6f.js');
-var index$1 = require('./index-c2a9a8e8.js');
+require('./index-f80c5d0b.js');
+require('./index-bcde20b2.js');
+require('./index-9d0ecf23.js');
+require('./useMantineLocale-86fbec4e.js');
+var index$2 = require('./index-7ce80c7d.js');
+require('./index-a9f31528.js');
+require('./index.styles-c9451960.js');
+var index$1 = require('./index-1fbc0d0f.js');
 require('@mantine/hooks');
-var utils = require('./utils-910c005a.js');
-require('./other-d5b52eb3.js');
-require('./index-8281890d.js');
+var utils = require('./utils-2665f140.js');
+require('./other-d9bcd91c.js');
+require('./index-b26691c0.js');
 var styled = require('@emotion/styled');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 

package/build/{index-3922dc3c.js → index-bcde20b2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-b511d433.js');
+var Locale = require('./Locale-a84972f1.js');
 
 exports.Gender = void 0;
 (function (Gender) {

package/build/{index-c65df08c.js → index-d01e81b4.js}

@@ -1,31 +1,31 @@
 'use strict';
 
 var React = require('react');
-var index$3 = require('./index-0aacbeb5.js');
-var index$1 = require('./index-c2a6dc92.js');
-var index$2 = require('./index-fc5fc4e4.js');
-var utils = require('./utils-910c005a.js');
+var index$3 = require('./index-58cd5e47.js');
+var index$1 = require('./index-49e2a0cc.js');
+var index$2 = require('./index-7ce80c7d.js');
+var utils = require('./utils-2665f140.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-2b8bf3e7.js');
+var togetherComponentGlobalContext = require('./utils-1c540d48.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-dd9e0cc4.js');
-var index$6 = require('./index-6a3cc469.js');
-var index$4 = require('./index-c2a9a8e8.js');
-var dataTransform = require('./dataTransform-1c392a20.js');
-var constants = require('./constants-31412dd2.js');
+var tslib_es6 = require('./tslib.es6-ed0b2bf6.js');
+var index$6 = require('./index-6585b48c.js');
+var index$4 = require('./index-1fbc0d0f.js');
+var dataTransform = require('./dataTransform-0ef14648.js');
+var constants = require('./constants-0e2856d5.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-432469dd.js');
-var index$7 = require('./index-57ec2634.js');
-var togetherMoleculesCardAuthor = require('./index-9828c8a1.js');
-var index$5 = require('./index-5d94a8b6.js');
-var togetherRichTextEditor = require('./editor-251a969f.js');
+var post = require('./post-53156d7c.js');
+var index$7 = require('./index-3a171639.js');
+var togetherMoleculesCardAuthor = require('./index-178ae355.js');
+var index$5 = require('./index-f3949701.js');
+var togetherRichTextEditor = require('./editor-189b8ca4.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-e1fe23f1.js');
-var togetherMoleculesPostImagePreview = require('./index-5bbc6cfe.js');
+var index = require('./index-9f87dde3.js');
+var togetherMoleculesPostImagePreview = require('./index-1e5fa2ff.js');
 var togetherShareBox = require('./togetherShareBox.js');
-var useScreenSize = require('./useScreenSize-8a55816c.js');
+var useScreenSize = require('./useScreenSize-9d86a79e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }