@hhgtech/hhg-components 1.29.395 → 1.29.396-beta-1

package/build/{index-5aa6e32c.js → index-cf84f632.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7b54318f.js');
+var tslib_es6 = require('./tslib.es6-feb576c4.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$8 = require('./index-fd7ba516.js');
-var index = require('./index-0535210b.js');
+var index$8 = require('./index-6ba2d74e.js');
+var index = require('./index-db9a2a60.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-2505a385.js');
+var index$5 = require('./index-87700d02.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-fd327f0c.js');
-require('./index-dbb1bebb.js');
-require('./index-533f3d32.js');
-require('./useMantineLocale-0181b664.js');
-var index$2 = require('./index-e1b23425.js');
-var index$1 = require('./index-8cb21bf0.js');
-require('./index.styles-7e0b347b.js');
+require('./index-09e3bbab.js');
+require('./index-12240ee2.js');
+require('./index-073fb815.js');
+require('./useMantineLocale-2afb16de.js');
+var index$2 = require('./index-0d806e92.js');
+var index$1 = require('./index-7b9aed51.js');
+require('./index.styles-117def5a.js');
 require('@mantine/hooks');
-var utils = require('./utils-38a21716.js');
-require('./other-c84abbc7.js');
-require('./index-21308aef.js');
-var index$3 = require('./index-c4288d81.js');
-var togetherComponentGlobalContext = require('./utils-eaf83096.js');
+var utils = require('./utils-76c6d95e.js');
+require('./other-c7a2b70c.js');
+require('./index-4bf608c8.js');
+var index$3 = require('./index-ea0f9f0f.js');
+var togetherComponentGlobalContext = require('./utils-0665996a.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-a492e3be.js');
-var constants = require('./constants-fd080c68.js');
-var post = require('./post-a3532f10.js');
-var togetherMoleculesCardAuthor = require('./index-e1251fad.js');
-var togetherRichTextEditor = require('./editor-8ec0a4db.js');
-var index$4 = require('./index-77fdc39c.js');
+var dataTransform = require('./dataTransform-8edb2946.js');
+var constants = require('./constants-ceaca792.js');
+var post = require('./post-1eacf940.js');
+var togetherMoleculesCardAuthor = require('./index-5c94373c.js');
+var togetherRichTextEditor = require('./editor-4763e9d5.js');
+var index$4 = require('./index-2f081b4b.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-65877f7f.js');
-var index$7 = require('./index-9e846c33.js');
-var index$9 = require('./index-3463357d.js');
-var Locale = require('./Locale-88496264.js');
+var index$6 = require('./index-80f5d3b1.js');
+var index$7 = require('./index-77f51d25.js');
+var index$9 = require('./index-6c70d190.js');
+var Locale = require('./Locale-9f7ef683.js');
 var ReactDOM = require('react-dom');
-var index$a = require('./index-3e30f43e.js');
-var togetherMoleculesPostImagePreview = require('./index-2b633262.js');
-var index$d = require('./index-afa2b601.js');
+var index$a = require('./index-7a8ac16c.js');
+var togetherMoleculesPostImagePreview = require('./index-c8908416.js');
+var index$d = require('./index-34af133d.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-6ebe2cda.js');
-var index$b = require('./index-da80faa7.js');
-var index$c = require('./index-90a33d63.js');
+var useUniqueId = require('./useUniqueId-61f4aa0e.js');
+var index$b = require('./index-0a09bbda.js');
+var index$c = require('./index-cf2e893f.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -1387,6 +1387,11 @@ 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__default["default"].div ``;
 const StyleContentWrapper$1 = styled__default["default"].div `
   display: flex;
@@ -3054,8 +3059,7 @@ const StyledIsQuestion = styled__default["default"].div `
   width: 100%;
   align-items: center;
   justify-content: space-between;
-  padding: 12px;
-  border-radius: 0 0 8px 8px;
+  border-radius: 8px;
   background: ${miscTheme.theme.colors.neutral50};
   gap: 12px;
 
@@ -3250,10 +3254,13 @@ const StyleSessionRow = styled__default["default"].div `
   }
 `;
 const StyledIsQuestionWrapper = styled__default["default"].div `
-  padding: 8px 8px;
-  border: 1px solid ${miscTheme.theme.colors.gray200};
+  padding: 10px 16px;
   border-top: none;
-  border-radius: 0 0 8px 8px;
+  border-radius: 12px;
+  background: ${miscTheme.theme.colors.neutral50};
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
   &.has-error {
     border: 1px solid ${miscTheme.theme.colors.red600};
   }
@@ -3283,6 +3290,85 @@ const StyleActionFooter = styled__default["default"].div `
   .input-group {
     margin-bottom: 0 !important;
   }
+`;
+const StyledQuestionWrapperContainer = styled__default["default"].div `
+  padding: 8px 8px;
+  border: 1px solid ${miscTheme.theme.colors.gray200};
+  border-top: none;
+  border-radius: 0 0 8px 8px;
+  &.has-error {
+    border: 1px solid ${miscTheme.theme.colors.red600};
+  }
+  &.error-description {
+    border: 1px solid ${miscTheme.theme.colors.red600};
+    border-top: none;
+  }
+  .error-choice-question {
+    color: ${miscTheme.theme.colors.red600};
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 22px;
+    letter-spacing: -0.2px;
+  }
+`;
+const StyleSwitchButton = styled__default["default"](core.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 ${miscTheme.theme.colors.neutral100};
+  }
+
+  .mantine-SegmentedControl-control {
+    color: ${miscTheme.theme.colors.gray800};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 22px;
+    border-radius: 8px;
+    background: ${miscTheme.theme.colors.white};
+    border-width: 0 !important;
+  }
+
+  .mantine-SegmentedControl-controlActive {
+    border-radius: 8px;
+    background: ${miscTheme.theme.colors.blue50};
+
+    .mantine-SegmentedControl-label {
+      color: ${miscTheme.theme.colors.primaryBase};
+      border: 1px solid ${miscTheme.theme.colors.blue50};
+    }
+  }
+
+  &.segmented-marry-baby {
+    .mantine-SegmentedControl-control {
+      border-radius: 16px;
+    }
+    .mantine-SegmentedControl-label {
+      border-radius: 16px;
+    }
+    .mantine-SegmentedControl-controlActive {
+      border-radius: 16px;
+      background: ${miscTheme.theme.colors.pink500};
+
+      .mantine-SegmentedControl-label {
+        color: ${miscTheme.theme.colors.white};
+        border: 1px solid ${miscTheme.theme.colors.pink500};
+      }
+    }
+  }
 `;
 
 const CreatePostPhotos = ({ imageFiles: imageFilesInit, setImageFiles, }) => {
@@ -3453,12 +3539,10 @@ 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,
-    // env: { togetherBasePath },
-     }, action: { pushNotifications, sanitizeFunction }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    const { data: { locale }, action: { pushNotifications, sanitizeFunction }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { t } = index.useTranslations();
     const containerRef = React.useRef(null);
-    const [isAskDoctor, setIsAskDoctor] = React.useState(false);
+    const [isAskDoctor, setIsAskDoctor] = React.useState('');
     const [specialCharErr, setspecialCharErr] = React.useState(false);
     const [titleValue, setTitleValue] = React.useState('');
     const [descriptionValue, setDescriptionValue] = React.useState('');
@@ -3483,6 +3567,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
     const [stepPost, setStepPost] = React.useState('step_info');
     const [isLoadingSuggest, setIsLoadingSuggest] = React.useState(false);
     const [uncategorizedId, setUncategorizedId] = React.useState('');
+    const [isLoadingSubmit, setIsLoadingSubmit] = React.useState(false);
     const postActionType = [
         {
             label: t('cardPost.public'),
@@ -3505,18 +3590,11 @@ 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
     React.useEffect(() => {
+        var _a;
         if (editPostData) {
             const post$1 = editPostData;
             setTitleValue(post$1.title || '');
@@ -3525,9 +3603,8 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                 label: post$1.community.name,
                 value: `${post$1.community.id || ''}-${post$1.community.mappedCategoryId || ''}`,
             });
-            // setSelectedTopics(post.topics || [])
             setImageFiles(post$1.photos || []);
-            setIsAskDoctor(!!post$1.isAskDoctor || false);
+            setIsAskDoctor(((_a = (!!post$1.isAskDoctor)) === null || _a === void 0 ? void 0 : _a.toString()) || 'false');
         }
         else {
             if (defaultCommunity) {
@@ -3536,9 +3613,6 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                     value: `${defaultCommunity.id || ''}-${defaultCommunity.mappedCategoryId || ''}`,
                 });
             }
-            // if (defaultTopics) {
-            //   setSelectedTopics(defaultTopics)
-            // }
         }
     }, []);
     React.useEffect(() => {
@@ -3622,6 +3696,10 @@ 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;
@@ -3662,94 +3740,92 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
     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;
-        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) || ''),
-            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 index$3.editPost({
-                    id: editPostData.id,
-                    formData: bodyFormData,
-                    locale,
-                });
+        if (!isLoadingSubmit) {
+            setIsLoadingSubmit(true);
+            const isError = validationPost();
+            if (isError) {
+                return setIsLoadingSubmit(false);
             }
-        }
-        else {
-            res = yield index$3.createPost({
-                formData: bodyFormData,
+            const bodyFormData = yield index$3.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,
-                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?.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',
+                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: '',
             });
-            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);
+            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 index$3.editPost({
+                        id: editPostData.id,
+                        formData: bodyFormData,
+                        locale,
+                    });
                 }
             }
-            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',
+            else {
+                res = yield index$3.createPost({
+                    formData: bodyFormData,
+                    locale,
+                    isArticleComment: true,
                 });
-                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')); })) {
+            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)) {
                 pushNotifications({
-                    message: t('notification.suspend.message'),
-                    type: 'danger',
+                    message: isInEditMode
+                        ? t('updatePost.popup.success')
+                        : t('createPost.popup.success'),
+                    type: 'success',
                 });
-                onClose && onClose();
+                onCreateEditSuccess(resData);
             }
             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',
-                });
+                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',
+                    });
+                }
             }
+            setIsLoadingSubmit(false);
         }
     });
     const getFirstOrderErroKey = (orderKey) => {
@@ -3786,6 +3862,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
             return;
         }
         submitPost();
+        // TODO: Current hard to keep AI suggest community
         if (stepPost)
             return;
         if (isInEditMode) {
@@ -3886,28 +3963,39 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                                     zIndex: 10,
                                     width: 'calc(100% + 20px)',
                                 } })))),
-                React__default["default"].createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, error: error, placeholder: isAskDoctor
+                React__default["default"].createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, error: error, placeholder: toBoolean(isAskDoctor)
                         ? t('createPost.post.askDoctor.title')
                         : t('createPost.post.title'), onChange: setTitleValue }),
                 specialCharErr && (React__default["default"].createElement(StyledError, null,
                     React__default["default"].createElement(other.Info, { isSolid: true, color: miscTheme.theme.colors.red700, size: 14 }),
                     React__default["default"].createElement(index$2.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
                 React__default["default"].createElement("div", { className: "input-group" },
-                    React__default["default"].createElement(CreatePostDescription, { bannedWords: bannedWords, value: descriptionValue, placeholder: isAskDoctor
+                    React__default["default"].createElement(CreatePostDescription, { bannedWords: bannedWords, value: descriptionValue, placeholder: toBoolean(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["default"].createElement(React__default["default"].Fragment, null,
-                            React__default["default"].createElement(StyledIsQuestionWrapper, { className: `${error && (error === null || error === void 0 ? void 0 : error.description) ? 'error-description' : ''}` },
-                                React__default["default"].createElement(StyledIsQuestion, { color: miscTheme.theme.colors.primaryBase },
-                                    React__default["default"].createElement("div", { className: "switch-label" },
-                                        React__default["default"].createElement(other.Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: miscTheme.theme.colors.primaryBase, className: "label-icon" }),
-                                        React__default["default"].createElement("div", { className: "wrapper-text" },
-                                            React__default["default"].createElement("div", { className: "label-txt" }, t('createPost.askDoctor.description')))),
-                                    React__default["default"].createElement(core.Switch, { checked: isAskDoctor, label: "", className: "switch-btn", size: "md", onChange: (v) => {
-                                            setIsAskDoctor(v.target.checked);
-                                        } }))),
+                            React__default["default"].createElement(StyledQuestionWrapperContainer, { className: error && (error === null || error === void 0 ? void 0 : error.description) ? 'error-description' : '' },
+                                React__default["default"].createElement(StyledIsQuestionWrapper, null,
+                                    React__default["default"].createElement(StyledIsQuestion, { color: miscTheme.theme.colors.primaryBase },
+                                        React__default["default"].createElement("div", { className: "switch-label" },
+                                            React__default["default"].createElement(other.Ask, { isMarryBaby: isMarryBaby, size: isMarryBaby ? 32 : 24, color: miscTheme.theme.colors.primaryBase, className: "label-icon" }),
+                                            React__default["default"].createElement("div", { className: "wrapper-text" },
+                                                React__default["default"].createElement("div", { className: "label-txt" }, t('createPost.askDoctor.description')))),
+                                        React__default["default"].createElement(StyleSwitchButton, { value: isAskDoctor, onChange: (val) => {
+                                                setIsAskDoctor(val);
+                                            }, className: isMarryBaby ? 'segmented-marry-baby' : '', 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["default"].createElement("div", { className: "error-choice-question" }, error.askDoctor)))),
                             error && (error === null || error === void 0 ? void 0 : error.description) && (React__default["default"].createElement(StyledError, { style: { margin: '4px 0 0' } },
                                 React__default["default"].createElement(index$2.Text, { size: "p5", as: "span", color: miscTheme.theme.colors.red600 }, error.description)))) })),
                 stepPost === 'step_community' && (React__default["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 })),
@@ -3918,11 +4006,7 @@ const CreateNewPostContentV2 = ({ className, style, onClose, onPostCreatedEdited
                     validationUploadPhoto(data);
                 } }),
             React__default["default"].createElement("div", { className: "action-wrapper" },
-                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 || isLoadingSubmit, disabled: isLoadingSuggest || isLoadingSubmit }, t('createPost.popup.submit'))))));
 };
 
 const StyledTopicSelectList = styled__default["default"].div `

package/build/{index-0535210b.js → index-db9a2a60.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-778e8e71.js');
+var translationsContext = require('./translationsContext-dab34f37.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-0fa88470.js → index-e203fc70.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7b54318f.js');
+var tslib_es6 = require('./tslib.es6-feb576c4.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-2a4c9939.js');
-var index = require('./index-0535210b.js');
-var constants$1 = require('./constants-fd080c68.js');
-var index$2 = require('./index-2505a385.js');
+var useHealthToolCache = require('./useHealthToolCache-85d85f58.js');
+var index = require('./index-db9a2a60.js');
+var constants$1 = require('./constants-ceaca792.js');
+var index$2 = require('./index-87700d02.js');
 require('@mantine/dates');
-require('./index-fd327f0c.js');
-require('./index-dbb1bebb.js');
-require('./index-533f3d32.js');
-require('./useMantineLocale-0181b664.js');
-require('./index-e1b23425.js');
-require('./index-8cb21bf0.js');
-require('./index.styles-7e0b347b.js');
+require('./index-09e3bbab.js');
+require('./index-12240ee2.js');
+require('./index-073fb815.js');
+require('./useMantineLocale-2afb16de.js');
+require('./index-0d806e92.js');
+require('./index-7b9aed51.js');
+require('./index.styles-117def5a.js');
 require('@mantine/hooks');
-require('./utils-38a21716.js');
-require('./other-c84abbc7.js');
-require('./index-21308aef.js');
-var index$1 = require('./index-65984000.js');
-var constants = require('./constants-a52d8bc7.js');
+require('./utils-76c6d95e.js');
+require('./other-c7a2b70c.js');
+require('./index-4bf608c8.js');
+var index$1 = require('./index-0ab93f4d.js');
+var constants = require('./constants-aac9089e.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-50b1eef5.js → index-e9c3b9d8.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-38a21716.js');
+var utils = require('./utils-76c6d95e.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-70de288d.js');
-var index = require('./index-e1b23425.js');
+var animation = require('./animation-cbd11a76.js');
+var index = require('./index-0d806e92.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-c4288d81.js → index-ea0f9f0f.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index$3 = require('./index-afa2b601.js');
-var index$1 = require('./index-c4ecc316.js');
-var index$2 = require('./index-e1b23425.js');
-var utils = require('./utils-38a21716.js');
+var index$3 = require('./index-34af133d.js');
+var index$1 = require('./index-5604896e.js');
+var index$2 = require('./index-0d806e92.js');
+var utils = require('./utils-76c6d95e.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-eaf83096.js');
+var togetherComponentGlobalContext = require('./utils-0665996a.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-7b54318f.js');
-var index$6 = require('./index-77fdc39c.js');
-var index$4 = require('./index-0535210b.js');
-var dataTransform = require('./dataTransform-a492e3be.js');
-var constants = require('./constants-fd080c68.js');
+var tslib_es6 = require('./tslib.es6-feb576c4.js');
+var index$6 = require('./index-2f081b4b.js');
+var index$4 = require('./index-db9a2a60.js');
+var dataTransform = require('./dataTransform-8edb2946.js');
+var constants = require('./constants-ceaca792.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-a3532f10.js');
-var index$8 = require('./index-9e846c33.js');
-var index$7 = require('./index-3e30f43e.js');
-var index$5 = require('./index-da80faa7.js');
-var togetherRichTextEditor = require('./editor-8ec0a4db.js');
+var post = require('./post-1eacf940.js');
+var index$8 = require('./index-77f51d25.js');
+var index$7 = require('./index-7a8ac16c.js');
+var index$5 = require('./index-0a09bbda.js');
+var togetherRichTextEditor = require('./editor-4763e9d5.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-efbe5dd2.js');
-var togetherMoleculesPostImagePreview = require('./index-2b633262.js');
+var index = require('./index-5c21c1ec.js');
+var togetherMoleculesPostImagePreview = require('./index-c8908416.js');
 var togetherShareBox = require('./togetherShareBox.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }