@hhgtech/hhg-components 1.29.391-beta-5 → 1.29.392

package/build/esm/{index-841c109e.js → index-c68db016.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-02e90a72.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-7369a886.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-3f99706c.js';
-import { u as useTranslations } from './index-e0deec7c.js';
+import { D as Dropdown } from './index-7a4cfc95.js';
+import { u as useTranslations } from './index-28a1dbbd.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-3646b88b.js';
-import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
+import { I as Input$1 } from './index-a0aefa52.js';
+import { useMantineTheme, Switch, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-46e1c1ce.js';
-import './index-059b6bec.js';
-import './index-68cbc2ce.js';
-import './useMantineLocale-a07e744a.js';
-import { T as Text } from './index-f109ebb4.js';
-import { B as Button } from './index-a1780246.js';
-import './index.styles-fd5f66cb.js';
+import './index-19ce2735.js';
+import './index-938a3f78.js';
+import './index-1ee3b4c0.js';
+import './useMantineLocale-41118166.js';
+import { T as Text } from './index-b43b8fce.js';
+import { B as Button } from './index-61d04b9e.js';
+import './index.styles-bcc9b795.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-5fda9ad5.js';
-import './other-df93ea2f.js';
-import './index-5164056c.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-0eb6662d.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-272ec0a1.js';
+import { M as MediaQueries } from './utils-e60df37f.js';
+import './other-680529e5.js';
+import './index-42b16695.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-28e68d00.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-83401f11.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-2a3a3dcc.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-424a4514.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-def1d798.js';
-import { C as CardAuthor } from './index-d4dd0e77.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-7c396150.js';
-import { I as Input } from './index-8c2d5531.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-4d3a6854.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-54f00416.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-56703738.js';
+import { C as CardAuthor } from './index-77725655.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-13b3031d.js';
+import { I as Input } from './index-ca5e4379.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-4e6650e8.js';
-import { C as CardLink } from './index-d087d4cf.js';
-import { B as BtnChoice } from './index-37578159.js';
-import { L as LOCALE } from './Locale-bbda4a1f.js';
+import { L as Loading } from './index-70906a72.js';
+import { C as CardLink } from './index-64a73e02.js';
+import { B as BtnChoice } from './index-07161a73.js';
+import { L as LOCALE } from './Locale-2680ebb3.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-3d3c3f60.js';
-import { b as IconArrowLeft } from './index-495c0777.js';
-import { B as Button$1 } from './index-e9e63917.js';
+import { L as Loading$1 } from './index-5c821474.js';
+import { b as IconArrowLeft } from './index-990b5e8f.js';
+import { B as Button$1 } from './index-947fba42.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-4eab6664.js';
-import { U as UserAvatar } from './index-f6e461a7.js';
-import { P as PopoverMenu } from './index-6aa6d048.js';
+import { a as useUniqueId } from './useUniqueId-d6bcf402.js';
+import { U as UserAvatar } from './index-f0f24b0e.js';
+import { P as PopoverMenu } from './index-563c3e02.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `
@@ -1358,11 +1358,6 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                     }), disabled: !isReadyToSubmit, loading: isSubmitting }, t('createPost.popup.submit'))))));
 };
 
-function toBoolean(str) {
-    const strFormat = str.toLowerCase();
-    return strFormat === 'true' || strFormat === '1' || strFormat === 'yes';
-}
-
 const StyleContainer$2 = styled.div ``;
 const StyleContentWrapper$1 = styled.div `
   display: flex;
@@ -3030,7 +3025,8 @@ const StyledIsQuestion = styled.div `
   width: 100%;
   align-items: center;
   justify-content: space-between;
-  border-radius: 8px;
+  padding: 12px;
+  border-radius: 0 0 8px 8px;
   background: ${theme.colors.neutral50};
   gap: 12px;
 
@@ -3225,13 +3221,10 @@ const StyleSessionRow = styled.div `
   }
 `;
 const StyledIsQuestionWrapper = styled.div `
-  padding: 10px 16px;
+  padding: 8px 8px;
+  border: 1px solid ${theme.colors.gray200};
   border-top: none;
-  border-radius: 12px;
-  background: ${theme.colors.neutral50};
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+  border-radius: 0 0 8px 8px;
   &.has-error {
     border: 1px solid ${theme.colors.red600};
   }
@@ -3261,67 +3254,6 @@ const StyleActionFooter = styled.div `
   .input-group {
     margin-bottom: 0 !important;
   }
-`;
-const StyledQuestionWrapperContainer = styled.div `
-  padding: 8px 8px;
-  border: 1px solid ${theme.colors.gray200};
-  border-top: none;
-  border-radius: 0 0 8px 8px;
-  &.has-error {
-    border: 1px solid ${theme.colors.red600};
-  }
-  &.error-description {
-    border: 1px solid ${theme.colors.red600};
-    border-top: none;
-  }
-  .error-choice-question {
-    color: ${theme.colors.red600};
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 22px;
-    letter-spacing: -0.2px;
-  }
-`;
-const StyleSwitchButton = styled(SegmentedControl) `
-  gap: 8px;
-  &.mantine-SegmentedControl-root {
-    background-color: transparent;
-    padding: 0px;
-  }
-  .mantine-SegmentedControl-indicator {
-    display: none;
-  }
-  .mantine-SegmentedControl-label {
-    margin-bottom: 0px !important;
-    display: flex;
-    padding: 5px 12px;
-    justify-content: center;
-    align-items: center;
-    gap: 8px;
-    height: 32px;
-    border: 1px solid ${theme.colors.neutral100};
-  }
-
-  .mantine-SegmentedControl-control {
-    color: ${theme.colors.gray800};
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 22px;
-    border-radius: 8px;
-    background: ${theme.colors.white};
-    border-width: 0 !important;
-  }
-
-  .mantine-SegmentedControl-controlActive {
-    border-radius: 8px;
-    background: ${theme.colors.blue50};
-
-    .mantine-SegmentedControl-label {
-      color: ${theme.colors.primaryBase};
-      border: 1px solid ${theme.colors.blue50};
-    }
-  }
 `;
 
 const CreatePostPhotos = ({ imageFiles: imageFilesInit, setImageFiles, }) => {
@@ -3492,10 +3424,12 @@ const applySpecialCharSite = [
 ];
 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 }, 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('');
+    const [isAskDoctor, setIsAskDoctor] = useState(false);
     const [specialCharErr, setspecialCharErr] = useState(false);
     const [titleValue, setTitleValue] = useState('');
     const [descriptionValue, setDescriptionValue] = useState('');
@@ -3520,7 +3454,6 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
     const [stepPost, setStepPost] = useState('step_info');
     const [isLoadingSuggest, setIsLoadingSuggest] = useState(false);
     const [uncategorizedId, setUncategorizedId] = useState('');
-    const [isLoadingSubmit, setIsLoadingSubmit] = useState(false);
     const postActionType = [
         {
             label: t('cardPost.public'),
@@ -3543,11 +3476,18 @@ 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);
     // HANDLE etra action when OPEN AND CLOSE
     useEffect(() => {
-        var _a;
         if (editPostData) {
             const post = editPostData;
             setTitleValue(post.title || '');
@@ -3556,8 +3496,9 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                 label: post.community.name,
                 value: `${post.community.id || ''}-${post.community.mappedCategoryId || ''}`,
             });
+            // setSelectedTopics(post.topics || [])
             setImageFiles(post.photos || []);
-            setIsAskDoctor(((_a = (!!post.isAskDoctor)) === null || _a === void 0 ? void 0 : _a.toString()) || 'false');
+            setIsAskDoctor(!!post.isAskDoctor || false);
         }
         else {
             if (defaultCommunity) {
@@ -3566,6 +3507,9 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                     value: `${defaultCommunity.id || ''}-${defaultCommunity.mappedCategoryId || ''}`,
                 });
             }
+            // if (defaultTopics) {
+            //   setSelectedTopics(defaultTopics)
+            // }
         }
     }, []);
     useEffect(() => {
@@ -3649,10 +3593,6 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
             });
             hasError = true;
         }
-        if (!isAskDoctor) {
-            errorMessage.askDoctor = t('createPost.message.askDoctor');
-            hasError = true;
-        }
         if (imageFiles && imageFiles.length > 10) {
             errorMessage.photos = t('createPost.message.photoMaxium');
             hasError = true;
@@ -3693,92 +3633,94 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
     console.log(topicsList);
     const submitPost = (uncategorized) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        if (!isLoadingSubmit) {
-            setIsLoadingSubmit(true);
-            const isError = validationPost();
-            if (isError) {
-                return setIsLoadingSubmit(false);
+        const isError = validationPost();
+        if (isError)
+            return;
+        const bodyFormData = yield getPostFormData({
+            title: titleValue,
+            description: descriptionValue,
+            communityId: 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),
+            locale,
+            sanitizeFunction,
+            categoryCommunityId: String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.mappedCategoryId) || ''),
+            categoryTopicIds: selectedTopics === null || selectedTopics === void 0 ? void 0 : selectedTopics.map((topic) => String((topic === null || topic === void 0 ? void 0 : topic.mappedCategoryId) || '')).filter(Boolean),
+            isAnonymous: (postActionValue === null || postActionValue === void 0 ? void 0 : postActionValue.value) === 'anonymous' ? 1 : 0,
+            isAskDoctor: isAskDoctor ? 1 : 0,
+            introUrl: '',
+        });
+        if (articleId) {
+            bodyFormData.append('article_id', articleId);
+        }
+        console.log(uncategorized);
+        let res;
+        if (isInEditMode) {
+            if (editPostData === null || editPostData === void 0 ? void 0 : editPostData.id) {
+                res = yield editPost({
+                    id: editPostData.id,
+                    formData: bodyFormData,
+                    locale,
+                });
             }
-            const bodyFormData = yield getPostFormData({
-                title: titleValue,
-                description: descriptionValue,
-                communityId: 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),
+        }
+        else {
+            res = yield createPost({
+                formData: bodyFormData,
                 locale,
-                sanitizeFunction,
-                categoryCommunityId: String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.mappedCategoryId) || ''),
-                categoryTopicIds: selectedTopics === null || selectedTopics === void 0 ? void 0 : selectedTopics.map((topic) => String((topic === null || topic === void 0 ? void 0 : topic.mappedCategoryId) || '')).filter(Boolean),
-                isAnonymous: (postActionValue === null || postActionValue === void 0 ? void 0 : postActionValue.value) === 'anonymous' ? 1 : 0,
-                isAskDoctor: toBoolean(isAskDoctor) ? 1 : 0,
-                introUrl: '',
+                isArticleComment: true,
             });
-            if (articleId) {
-                bodyFormData.append('article_id', articleId);
-            }
-            console.log(uncategorized);
-            let res;
-            if (isInEditMode) {
-                if (editPostData === null || editPostData === void 0 ? void 0 : editPostData.id) {
-                    res = yield editPost({
-                        id: editPostData.id,
-                        formData: bodyFormData,
-                        locale,
-                    });
+        }
+        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: isInEditMode
+                    ? t('updatePost.popup.success')
+                    : t('createPost.popup.success'),
+                type: 'success',
+            });
+            onCreateEditSuccess(resData);
+        }
+        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') {
+                pushNotifications({
+                    title: t('notification.post.blocked.title'),
+                    message: t('notification.post.blocked.message'),
+                    type: 'danger',
+                });
+                if (res.messages.moderation.words) {
+                    setBannedWords(res.messages.moderation.words);
                 }
             }
-            else {
-                res = yield createPost({
-                    formData: bodyFormData,
-                    locale,
-                    isArticleComment: true,
+            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'),
+                    type: 'warning',
                 });
+                onClose && onClose();
             }
-            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)) {
+            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: isInEditMode
-                        ? t('updatePost.popup.success')
-                        : t('createPost.popup.success'),
-                    type: 'success',
+                    message: t('notification.suspend.message'),
+                    type: 'danger',
                 });
-                onCreateEditSuccess(resData);
+                onClose && onClose();
             }
             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') {
-                    pushNotifications({
-                        title: t('notification.post.blocked.title'),
-                        message: t('notification.post.blocked.message'),
-                        type: 'danger',
-                    });
-                    if (res.messages.moderation.words) {
-                        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') {
-                    pushNotifications({
-                        title: t('notification.post.suspect.title'),
-                        message: t('notification.post.suspect.message'),
-                        type: 'warning',
-                    });
-                    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')); })) {
-                    pushNotifications({
-                        message: t('notification.suspend.message'),
-                        type: 'danger',
-                    });
-                    onClose && onClose();
-                }
-                else {
-                    pushNotifications({
-                        message: ((_j = res === null || res === void 0 ? void 0 : res.messages) === null || _j === void 0 ? void 0 : _j[0]) || t('notification.failure'),
-                        type: 'danger',
-                    });
-                }
+                pushNotifications({
+                    message: ((_j = res === null || res === void 0 ? void 0 : res.messages) === null || _j === void 0 ? void 0 : _j[0]) || t('notification.failure'),
+                    type: 'danger',
+                });
             }
-            setIsLoadingSubmit(false);
         }
     });
     const getFirstOrderErroKey = (orderKey) => {
@@ -3815,7 +3757,6 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
             return;
         }
         submitPost();
-        // TODO: Current hard to keep AI suggest community
         if (stepPost)
             return;
         if (isInEditMode) {
@@ -3916,39 +3857,28 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                                     zIndex: 10,
                                     width: 'calc(100% + 20px)',
                                 } })))),
-                React__default.createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, error: error, placeholder: toBoolean(isAskDoctor)
+                React__default.createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, error: error, placeholder: isAskDoctor
                         ? t('createPost.post.askDoctor.title')
                         : t('createPost.post.title'), onChange: setTitleValue }),
                 specialCharErr && (React__default.createElement(StyledError, null,
                     React__default.createElement(Info, { isSolid: true, color: theme.colors.red700, size: 14 }),
                     React__default.createElement(Text, { size: "p3", as: "span", color: theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
                 React__default.createElement("div", { className: "input-group" },
-                    React__default.createElement(CreatePostDescription, { bannedWords: bannedWords, value: descriptionValue, placeholder: toBoolean(isAskDoctor)
+                    React__default.createElement(CreatePostDescription, { bannedWords: bannedWords, value: descriptionValue, placeholder: isAskDoctor
                             ? t('createPost.post.askDoctor.description')
                             : t('createPost.post.description'), onChange: (v) => {
                             setDescriptionValue(v);
                             removeKeyError('description');
                         }, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, onImageFilesChange: setImageFiles, imageFiles: imageFiles, className: `${error && (error === null || error === void 0 ? void 0 : error.description) ? 'error-description' : ''}`, footerEditor: React__default.createElement(React__default.Fragment, null,
-                            React__default.createElement(StyledQuestionWrapperContainer, { className: error && (error === null || error === void 0 ? void 0 : error.description) ? 'error-description' : '' },
-                                React__default.createElement(StyledIsQuestionWrapper, null,
-                                    React__default.createElement(StyledIsQuestion, { color: theme.colors.primaryBase },
-                                        React__default.createElement("div", { className: "switch-label" },
-                                            React__default.createElement(Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: theme.colors.primaryBase, className: "label-icon" }),
-                                            React__default.createElement("div", { className: "wrapper-text" },
-                                                React__default.createElement("div", { className: "label-txt" }, t('createPost.askDoctor.description')))),
-                                        React__default.createElement(StyleSwitchButton, { value: isAskDoctor, onChange: (val) => {
-                                                setIsAskDoctor(val);
-                                            }, data: [
-                                                {
-                                                    label: t('createPost.askDoctorChoice.yes'),
-                                                    value: 'true',
-                                                },
-                                                {
-                                                    label: t('createPost.askDoctorChoice.no'),
-                                                    value: 'false',
-                                                },
-                                            ] })),
-                                    error && (error === null || error === void 0 ? void 0 : error.askDoctor) && (React__default.createElement("div", { className: "error-choice-question" }, error.askDoctor)))),
+                            React__default.createElement(StyledIsQuestionWrapper, { className: `${error && (error === null || error === void 0 ? void 0 : error.description) ? 'error-description' : ''}` },
+                                React__default.createElement(StyledIsQuestion, { color: theme.colors.primaryBase },
+                                    React__default.createElement("div", { className: "switch-label" },
+                                        React__default.createElement(Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: theme.colors.primaryBase, className: "label-icon" }),
+                                        React__default.createElement("div", { className: "wrapper-text" },
+                                            React__default.createElement("div", { className: "label-txt" }, t('createPost.askDoctor.description')))),
+                                    React__default.createElement(Switch, { checked: isAskDoctor, label: "", className: "switch-btn", size: "md", onChange: (v) => {
+                                            setIsAskDoctor(v.target.checked);
+                                        } }))),
                             error && (error === null || error === void 0 ? void 0 : error.description) && (React__default.createElement(StyledError, { style: { margin: '4px 0 0' } },
                                 React__default.createElement(Text, { size: "p5", as: "span", color: theme.colors.red600 }, error.description)))) })),
                 stepPost === 'step_community' && (React__default.createElement(CreatePostCommunity, { communitiesList: communitiesList, currentCommunity: currentCommunity, selectedTopics: selectedTopics, communityValue: communityValue, defaultCommunity: forceSelectCommunity, error: error, isFullscreen: false, isMarryBaby: isMarryBaby, isInEditMode: isInEditMode, isLoadingSuggest: isLoadingSuggest, setSelectedTopics: setSelectedTopics, setCommunityValue: setCommunityValue, removeKeyError: removeKeyError, setStepPost: setStepPost, onSubmitPost: submitPost })),
@@ -3959,7 +3889,11 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                     validationUploadPhoto(data);
                 } }),
             React__default.createElement("div", { className: "action-wrapper" },
-                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 || isLoadingSubmit, disabled: isLoadingSuggest || isLoadingSubmit }, t('createPost.popup.submit'))))));
+                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-8c2d5531.js → index-ca5e4379.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-02e90a72.js';
+import { _ as __rest } from './tslib.es6-7369a886.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-5fda9ad5.js';
+import { M as MediaQueries } from './utils-e60df37f.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-988ede46.js → index-d1400900.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-02e90a72.js';
+import { _ as __rest } from './tslib.es6-7369a886.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-913f6be8.js';
-import { I as Input } from './index-3646b88b.js';
-import { D as DatePicker } from './index-dcc553c7.js';
-import { T as Text } from './index-f109ebb4.js';
-import './index-a1780246.js';
-import './index.styles-fd5f66cb.js';
-import { u as useTranslations } from './index-e0deec7c.js';
+import { L as LastPeriod } from './LastPeriod-288b1869.js';
+import { I as Input } from './index-a0aefa52.js';
+import { D as DatePicker } from './index-feed474a.js';
+import { T as Text } from './index-b43b8fce.js';
+import './index-61d04b9e.js';
+import './index.styles-bcc9b795.js';
+import { u as useTranslations } from './index-28a1dbbd.js';
 import '@mantine/hooks';
-import './useMantineLocale-a07e744a.js';
-import './index-059b6bec.js';
-import './index-68cbc2ce.js';
-import './utils-5fda9ad5.js';
-import './index-46e1c1ce.js';
-import './other-df93ea2f.js';
-import './index-5164056c.js';
-import { H as HealthToolFormWrapper } from './index-1977d130.js';
+import './useMantineLocale-41118166.js';
+import './index-938a3f78.js';
+import './index-1ee3b4c0.js';
+import './utils-e60df37f.js';
+import './index-19ce2735.js';
+import './other-680529e5.js';
+import './index-42b16695.js';
+import { H as HealthToolFormWrapper } from './index-0d91f904.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-74a1310c.js → index-dd82f09b.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-02e90a72.js';
+import { _ as __rest } from './tslib.es6-7369a886.js';
 import React__default from 'react';
-import './index-3646b88b.js';
+import './index-a0aefa52.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-46e1c1ce.js';
-import './index-059b6bec.js';
-import './index-68cbc2ce.js';
-import './useMantineLocale-a07e744a.js';
-import { T as Text$1 } from './index-f109ebb4.js';
-import './index-a1780246.js';
-import './index.styles-fd5f66cb.js';
-import './translationsContext-f8906065.js';
+import './index-19ce2735.js';
+import './index-938a3f78.js';
+import './index-1ee3b4c0.js';
+import './useMantineLocale-41118166.js';
+import { T as Text$1 } from './index-b43b8fce.js';
+import './index-61d04b9e.js';
+import './index.styles-bcc9b795.js';
+import './translationsContext-c41a99f3.js';
 import '@mantine/hooks';
-import './utils-5fda9ad5.js';
-import './other-df93ea2f.js';
-import './index-5164056c.js';
+import './utils-e60df37f.js';
+import './other-680529e5.js';
+import './index-42b16695.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-a49f20ba.js → index-e3f42063.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-02e90a72.js';
+import { _ as __rest } from './tslib.es6-7369a886.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-7f8f310c.js → index-ecab2db0.js}

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

package/build/esm/{index-5ebe0fa1.js → index-ee75daff.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-5fda9ad5.js';
+import { t as toggleNoScroll } from './utils-e60df37f.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-4705e95f.js';
-import { T as Text } from './index-f109ebb4.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-cb77c558.js';
+import { T as Text } from './index-b43b8fce.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-f6e461a7.js → index-f0f24b0e.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-02e90a72.js';
+import { _ as __rest } from './tslib.es6-7369a886.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-272ec0a1.js';
+import { T as TogetherComponentGlobalContext } from './utils-83401f11.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';