@hhgtech/hhg-components 1.29.134 → 1.29.136

package/build/{index-538b478d.js → index-42f5a971.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$5 = require('./index-b49834b1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$6 = require('./index-f2b759d2.js');
+var index = require('./index-1358bae0.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-require('./index-3e801e33.js');
+require('./index-53b1d680.js');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-var index$6 = require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index$1 = require('./index-7f563129.js');
-var index$7 = require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
+require('./index-58ef4c66.js');
+require('./index-c9911c65.js');
+var index$7 = require('./index-a4cdd0ad.js');
+require('./useMantineLocale-ceb23b28.js');
+var index$2 = require('./index-f301a143.js');
+var index$8 = require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
-var index = require('./index-c25e95ab.js');
+require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
+var index$1 = require('./index-bd6190d3.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-47e50510.js');
-var dataTransform = require('./dataTransform-8b9a8639.js');
-var constants = require('./constants-63a0dc23.js');
-var post = require('./post-d7cfcb99.js');
-var togetherRichTextEditor = require('./editor-bba948c7.js');
-var index$2 = require('./index-d2b18842.js');
-var togetherMoleculesCardAuthor = require('./index-f19cb739.js');
-var index$3 = require('./index-bb097164.js');
+var index$5 = require('./index-e104fca4.js');
+var dataTransform = require('./dataTransform-c72e6854.js');
+var constants = require('./constants-ba48bace.js');
+var post = require('./post-4e895dbe.js');
+var togetherRichTextEditor = require('./editor-ffdb7e72.js');
+var index$3 = require('./index-4ca0584b.js');
+var togetherMoleculesCardAuthor = require('./index-91ed48b9.js');
+var index$4 = require('./index-a820ad7e.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
@@ -190,12 +190,12 @@ var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='1
 var IconAlertCircleWarning = img;
 
 const CreatePostDescription = ({ className, style, bannedWords = [], value, onChange, onPreviewUrlChange, onInvalidUrlsChange, onImageFilesChange, imageFiles: imageFilesProp, isReplying, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [previewUrl, setPreviewUrl] = React.useState(null);
     const imagePicker = React.useRef(null);
     const { onSelectImages, onRemoveImage, imageSrcs,
     // imageFiles,
-     } = index.useImagePicker(imageFilesProp, onImageFilesChange);
+     } = index$1.useImagePicker(imageFilesProp, onImageFilesChange);
     React.useEffect(() => {
         if (onPreviewUrlChange) {
             if (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url)
@@ -210,24 +210,24 @@ const CreatePostDescription = ({ className, style, bannedWords = [], value, onCh
         }
     }, [previewUrl]);
     return (React__default["default"].createElement(togetherRichTextEditor.StyledCreatePostDescription, { className: className, style: style },
-        React__default["default"].createElement(index$1.Text, { size: "p4", className: "description-label" }, t('createPost.popup.description')),
+        React__default["default"].createElement(index$2.Text, { size: "p4", className: "description-label" }, t('createPost.popup.description')),
         React__default["default"].createElement("div", { className: `textarea-control` },
             React__default["default"].createElement("div", { className: "textarea-wrapper" },
                 React__default["default"].createElement(togetherRichTextEditor.RichTextEditor, { html: value || '', onChange: onChange, bannedWords: bannedWords, onImagePickerClick: () => { var _a; return (_a = imagePicker.current) === null || _a === void 0 ? void 0 : _a.click(); }, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: onInvalidUrlsChange, isReplying: isReplying }))),
-        React__default["default"].createElement(index$1.Text, { size: "p4", className: "count-string" },
+        React__default["default"].createElement(index$2.Text, { size: "p4", className: "count-string" },
             t('character'),
             ": ",
             innertext__default["default"](value || '').length),
         (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__default["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$2.CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
-            React__default["default"].createElement("img", { src: index.IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
+            React__default["default"].createElement(index$3.CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
+            React__default["default"].createElement("img", { src: index$1.IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
         React__default["default"].createElement("input", { ref: imagePicker, type: "file", accept: "image/png, image/gif, image/jpeg", multiple: true, style: { display: 'none' }, onChange: onSelectImages }),
         imageSrcs.length > constants.MAX_IMAGE_UPLOADS ? (React__default["default"].createElement("div", { className: "input-notification" },
             React__default["default"].createElement("img", { src: IconAlertCircleWarning, loading: "lazy" }),
-            React__default["default"].createElement(index$1.Text, { size: "p4", color: miscTheme.theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
+            React__default["default"].createElement(index$2.Text, { size: "p4", color: miscTheme.theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
         imageSrcs.length > 0 && (React__default["default"].createElement("div", { className: "image-gallery" }, imageSrcs.map((src, i) => (React__default["default"].createElement("div", { key: i, className: "image-item" },
             React__default["default"].createElement("img", { src: src, loading: "lazy" }),
-            React__default["default"].createElement("img", { className: "close-btn", src: index.IconCloseCircle, onClick: () => onRemoveImage(i), loading: "lazy" }))))))));
+            React__default["default"].createElement("img", { className: "close-btn", src: index$1.IconCloseCircle, onClick: () => onRemoveImage(i), loading: "lazy" }))))))));
 };
 
 const StyledCreatePostTitle = styled__default["default"].div `
@@ -300,7 +300,7 @@ const inputModify = (value, opts) => {
 };
 const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange, }) => {
     var _a;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [titleValue, setTitleValue] = React.useState('');
     const titleRef = React.useRef(null);
     React.useEffect(() => {
@@ -349,7 +349,7 @@ const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange,
         }, 500);
     }, []);
     return (React__default["default"].createElement(StyledCreatePostTitle, { className: className, style: style },
-        React__default["default"].createElement(index$3.Input, { name: "title", value: value || titleValue, size: "md", label: t('createPost.title'), CustomInput: React__default["default"].createElement(ContentEditable__default["default"], { innerRef: titleRef, html: value || titleValue, onChange: () => {
+        React__default["default"].createElement(index$4.Input, { name: "title", value: value || titleValue, size: "md", label: t('createPost.title'), CustomInput: React__default["default"].createElement(ContentEditable__default["default"], { innerRef: titleRef, html: value || titleValue, onChange: () => {
                     if (titleRef.current &&
                         titleRef.current.innerText !== (value || titleValue)) {
                         const initialValue = inputModify(titleRef.current.innerText, {
@@ -360,7 +360,7 @@ const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange,
                         debounceInputModify();
                     }
                 }, className: "title-input" }) }),
-        React__default["default"].createElement(index$1.Text, { size: "p4", className: "count-string" }, t('createPost.popup.wordCount', {
+        React__default["default"].createElement(index$2.Text, { size: "p4", className: "count-string" }, t('createPost.popup.wordCount', {
             count: ((_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.innerText.length) || 0,
             max: TITLE_LIMIT,
         }))));
@@ -495,7 +495,7 @@ const TopicItem = (_a) => {
 const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose, communities = [], forceSelectCommunity, forceSelectTopics, articleId, optionalTopic, editPostData, defaultCommunity, defaultTopics, noFetchTopic, hideTopicList, selectAskDoctor, showAskDoctorOptions, currentPageUrl, }) => {
     const isInEditMode = !!(editPostData === null || editPostData === void 0 ? void 0 : editPostData.id);
     const { data: { locale, env: { isMarryBaby }, }, action: { pushNotifications, sanitizeFunction }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [isAnonymous, setIsAnonymous] = React.useState(false);
     const [isAskDoctor, setIsAskDoctor] = React.useState(selectAskDoctor);
     const [showAskDoctorRequired, setShowAskDoctorRequired] = React.useState(false);
@@ -580,7 +580,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
             setShowAskDoctorRequired(true);
             return false;
         }
-        const bodyFormData = yield index.getPostFormData({
+        const bodyFormData = yield index$1.getPostFormData({
             title: titleValue,
             description: descriptionValue,
             communityId: String((currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) || ''),
@@ -600,7 +600,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
         let res;
         if (isInEditMode) {
             if (editPostData === null || editPostData === void 0 ? void 0 : editPostData.id) {
-                res = yield index.editPost({
+                res = yield index$1.editPost({
                     id: editPostData.id,
                     formData: bodyFormData,
                     locale,
@@ -608,7 +608,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
             }
         }
         else {
-            res = yield index.createPost({
+            res = yield index$1.createPost({
                 formData: bodyFormData,
                 locale,
                 isArticleComment: !(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.id) && !!(currentCommunity === null || currentCommunity === void 0 ? void 0 : currentCommunity.mappedCategoryId),
@@ -661,13 +661,13 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
             React__default["default"].createElement(CreatePostTitle, { className: "input-group", bannedWords: bannedWords, value: titleValue, 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$1.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
+                React__default["default"].createElement(index$2.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
             React__default["default"].createElement(CreatePostDescription, { className: "input-group", bannedWords: bannedWords, value: descriptionValue, onChange: setDescriptionValue, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: setInvalidUrls, onImageFilesChange: setImageFiles, imageFiles: imageFiles }),
             showAskDoctorOptions && (React__default["default"].createElement(StyledIsQuestion, { "data-is-marry-baby": isMarryBaby },
                 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("span", { className: "label-txt" }, t('createPost.askDoctor'))),
-                React__default["default"].createElement(index$4.BtnChoice, { value: isAskDoctor, choices: [
+                React__default["default"].createElement(index$5.BtnChoice, { value: isAskDoctor, choices: [
                         {
                             label: t('createPost.askDoctorChoice.yes'),
                             value: true,
@@ -687,10 +687,10 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                     } }))),
             showAskDoctorRequired && (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$1.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
+                React__default["default"].createElement(index$2.Text, { size: "p3", as: "span", color: miscTheme.theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
             React__default["default"].createElement("div", { className: "input-group" },
-                React__default["default"].createElement(index$1.Text, { size: "p4", className: "input-group-label" }, t('admin.community')),
-                React__default["default"].createElement(index$5.Dropdown, { options: (communitiesList === null || communitiesList === void 0 ? void 0 : communitiesList.map((c) => ({
+                React__default["default"].createElement(index$2.Text, { size: "p4", className: "input-group-label" }, t('admin.community')),
+                React__default["default"].createElement(index$6.Dropdown, { options: (communitiesList === null || communitiesList === void 0 ? void 0 : communitiesList.map((c) => ({
                         label: c.name,
                         value: `${c.id || ''}-${c.mappedCategoryId || ''}`,
                     }))) || [], id: "community-picker", placeholder: t('community.choose'), value: communityValue, dropdownLabelTrackingAttributes: {
@@ -704,23 +704,23 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         });
                         setSelectedTopics([]);
                     }, disabled: !!forceSelectCommunity }),
-                React__default["default"].createElement(index$1.Text, { size: "sm", className: "warning", color: miscTheme.theme.colors.gray400 },
+                React__default["default"].createElement(index$2.Text, { size: "sm", className: "warning", color: miscTheme.theme.colors.gray400 },
                     "* ",
                     t('commentPopup.warning.newPost'))),
             !hideTopicList && (React__default["default"].createElement("div", { className: "input-group" },
-                React__default["default"].createElement(index$1.Text, { size: "p4", className: "input-group-label" }, t('tab.topic')),
+                React__default["default"].createElement(index$2.Text, { size: "p4", className: "input-group-label" }, t('tab.topic')),
                 React__default["default"].createElement("div", { className: "input-notification" },
                     React__default["default"].createElement("img", { src: currentCommunity
                             ? IconAlertCirclePrimary
                             : IconAlertCircleWarning, loading: "lazy" }),
-                    React__default["default"].createElement(index$1.Text, { size: "base", color: miscTheme.theme.colors.gray500 }, t(currentCommunity
+                    React__default["default"].createElement(index$2.Text, { size: "base", color: miscTheme.theme.colors.gray500 }, t(currentCommunity
                         ? 'createPost.popup.primary'
                         : 'createPost.popup.warning'))),
                 currentCommunity && (React__default["default"].createElement(TopicSelectList, { className: "tag-list", communityId: currentCommunity.id, forceTopics: forceSelectTopics, onChange: setSelectedTopics, selectedTopics: selectedTopics, noFetch: noFetchTopic, dataEventCategory: "Together", dataEventAction: "Write Post Click -  Choose Community/Topic", dataEventLabel: currentPageUrl }))))),
         React__default["default"].createElement("div", { className: "form-action" },
             React__default["default"].createElement("div", { className: "input-group" },
                 React__default["default"].createElement(core.Checkbox, { className: "swich-input-group", labelPosition: "left", name: "PostAnonymous", checked: isAnonymous, color: isMarryBaby ? 'pink' : undefined, "data-event-category": "Together", "data-event-action": "Write Post Click - Incognito", "data-event-label": currentPageUrl, label: React__default["default"].createElement("div", { className: "switch-label" },
-                        React__default["default"].createElement("img", { className: "label-icon", src: index$6.CommonGAssets.getAssetPath('anomyous-avatar.svg'), alt: "anomyous avatar", style: { marginRight: '10px', width: '24px' }, loading: "lazy" }),
+                        React__default["default"].createElement("img", { className: "label-icon", src: index$7.CommonGAssets.getAssetPath('anomyous-avatar.svg'), alt: "anomyous avatar", style: { marginRight: '10px', width: '24px' }, loading: "lazy" }),
                         React__default["default"].createElement("span", { className: "label-txt" }, t('createPost.postAnonymous'))), value: "Post Anonymous", onChange: (event) => setIsAnonymous(event.currentTarget.checked), styles: {
                         body: {
                             display: 'flex',
@@ -734,7 +734,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         },
                     } })),
             React__default["default"].createElement("div", { className: "input-group" },
-                React__default["default"].createElement(index$7.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: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+                React__default["default"].createElement(index$8.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: () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                         if (isReadyToSubmit && !isSubmitting) {
                             setIsSubmitting(true);
                             try {
@@ -742,7 +742,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                             }
                             catch (e) {
                                 console.error(e);
-                                pushNotifications(index.getDefaultFailNoti(t));
+                                pushNotifications(index$1.getDefaultFailNoti(t));
                             }
                             setIsSubmitting(false);
                         }
@@ -753,7 +753,7 @@ var styles = {"skipBtn":"KsWg8i6","alertHeading":"_9tS0EUN","alertDesc":"kyyRKlb
 
 const SkipQuestionOfExpertBtn = (_a) => {
     var { post, onSkip, btnText, currentPageUrl } = _a, rest = tslib_es6.__rest(_a, ["post", "onSkip", "btnText", "currentPageUrl"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { data: { locale }, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const [showAlert, setShowAlert] = React.useState(false);
     const [loading, setLoading] = React.useState(false);
@@ -791,12 +791,12 @@ const SkipQuestionOfExpertBtn = (_a) => {
                 React__default["default"].createElement("div", { className: styles.alertHeading }, t('profilePanel.skipQuestion.heading')),
                 React__default["default"].createElement("div", { className: styles.alertDesc }, t('profilePanel.skipQuestion.content')),
                 React__default["default"].createElement("div", { className: styles.alertAction },
-                    React__default["default"].createElement(index$7.Button, { size: "md", variant: "secondary", leftIcon: React__default["default"].createElement(core$1.Close, { color: _theme.fn.primaryColor(), size: 24 }), onClick: () => setShowAlert(false), styles: () => ({
+                    React__default["default"].createElement(index$8.Button, { size: "md", variant: "secondary", leftIcon: React__default["default"].createElement(core$1.Close, { color: _theme.fn.primaryColor(), size: 24 }), onClick: () => setShowAlert(false), styles: () => ({
                             leftIcon: {
                                 marginRight: 0,
                             },
                         }) }),
-                    React__default["default"].createElement(index$7.Button, { variant: "primary", size: "md", leftIcon: React__default["default"].createElement(core$1.Check, { color: 'white', size: 24 }), onClick: handleSkip, loading: loading, "data-event-category": "Together", "data-event-action": "Unclear Question Click", "data-event-label": currentPageUrl, styles: () => ({
+                    React__default["default"].createElement(index$8.Button, { variant: "primary", size: "md", leftIcon: React__default["default"].createElement(core$1.Check, { color: 'white', size: 24 }), onClick: handleSkip, loading: loading, "data-event-category": "Together", "data-event-action": "Unclear Question Click", "data-event-label": currentPageUrl, styles: () => ({
                             leftIcon: {
                                 marginRight: 0,
                             },

package/build/{index-b3edb3e4.js → index-433cef6b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-8244f19c.js → index-4391671f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 

package/build/{index-e8251765.js → index-447aa18b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-b57afab1.js');
+var index_styles = require('./index.styles-d4cfe368.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b71e306e.js → index-45584d7c.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var useTranslations = require('./useTranslations-928d4ace.js');
-var index = require('./index-cf20aefa.js');
+var index = require('./index-1358bae0.js');
+var index$1 = require('./index-ad3f7091.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -11,9 +11,9 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var styles = {"loading":"PD6nRZX"};
 
 const Loading = ({ className, size = 'md' }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     return (React__default["default"].createElement("div", { className: `${styles.loading} ${className}` },
-        React__default["default"].createElement(index.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
+        React__default["default"].createElement(index$1.Button, { size: size, color: "transparent", isLoading: true }, t('loading'))));
 };
 
 exports.Loading = Loading;