@hhgtech/hhg-components 1.29.82 → 1.29.84

package/build/{index-33432b02.js → index-9a0317f3.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-15a9772e.js');
-var theme = require('./theme-be20929b.js');
-var index = require('./index-7953fb8e.js');
+var utils = require('./utils-7effa670.js');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-672f0358.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -18,25 +18,25 @@ const StyledInput = styled__default["default"].div `
 
   &[data-has-error] {
     input {
-      border-color: ${theme.theme.colors.red700};
+      border-color: ${miscTheme.theme.colors.red700};
     }
   }
 
   input {
     width: 100%;
     padding: 12px 16px;
-    border: solid 1px ${theme.theme.colors.gray200};
-    border-radius: ${theme.theme.borderRadius};
+    border: solid 1px ${miscTheme.theme.colors.gray200};
+    border-radius: ${miscTheme.theme.borderRadius};
 
     &:active,
     &:focus,
     .focused & {
-      border-color: ${theme.theme.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${theme.theme.colors.primary200};
+      border-color: ${miscTheme.theme.colors.primaryBase};
+      box-shadow: 0px 0px 2px 2px ${miscTheme.theme.colors.primary200};
     }
 
     &:disabled {
-      background-color: ${theme.theme.colors.gray100};
+      background-color: ${miscTheme.theme.colors.gray100};
       cursor: not-allowed;
     }
   }
@@ -61,7 +61,7 @@ const StyledInput = styled__default["default"].div `
   &[data-size='lg'] {
     input {
       font-size: 16px;
-      font-weight: ${theme.theme.sizes.fwRegular};
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
       ${utils.MediaQueries.mbDown} {
         font-size: 22px;
         line-height: 1.2;
@@ -75,7 +75,7 @@ const StyledInput = styled__default["default"].div `
   }
   &[data-size='md'] {
     input {
-      font-weight: ${theme.theme.sizes.fwRegular};
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
       ${utils.MediaQueries.mbDown} {
         font-size: 14px;
         line-height: 1.2;
@@ -89,7 +89,7 @@ const StyledInput = styled__default["default"].div `
   }
   &[data-size='sm'] {
     input {
-      font-weight: ${theme.theme.sizes.fwRegular};
+      font-weight: ${miscTheme.theme.sizes.fwRegular};
       ${utils.MediaQueries.mbDown} {
         font-size: 13px;
         line-height: 1.5;
@@ -139,7 +139,7 @@ const StyledCheckbox = styled__default["default"].div `
     input {
       width: 20px;
       height: 20px;
-      border: 1.3px solid ${theme.theme.mbColors.midGray};
+      border: 1.3px solid ${miscTheme.theme.mbColors.midGray};
       border-radius: 9px;
 
       cursor: inherit;
@@ -147,17 +147,17 @@ const StyledCheckbox = styled__default["default"].div `
 
       &:hover,
       &:active {
-        border-color: ${theme.theme.mbColors.cobalt};
-        box-shadow: 0 0 2px 2px ${theme.theme.mbColors.cobalt};
+        border-color: ${miscTheme.theme.mbColors.cobalt};
+        box-shadow: 0 0 2px 2px ${miscTheme.theme.mbColors.cobalt};
       }
 
       &:focus-visible {
-        border: 2px solid ${theme.theme.mbColors.cobalt};
+        border: 2px solid ${miscTheme.theme.mbColors.cobalt};
       }
 
       &:checked {
         border: 0;
-        background: ${theme.theme.mbColors.cobalt}
+        background: ${miscTheme.theme.mbColors.cobalt}
           url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
           no-repeat center center;
       }
@@ -172,13 +172,13 @@ const StyledCheckbox = styled__default["default"].div `
       font-size: 12px;
       line-height: 20px;
       letter-spacing: -0.2px;
-      color: ${theme.theme.mbColors.gray};
+      color: ${miscTheme.theme.mbColors.gray};
     }
   }
   input {
     width: 20px;
     height: 20px;
-    border: solid 1px ${theme.theme.colors.gray500};
+    border: solid 1px ${miscTheme.theme.colors.gray500};
     border-radius: 2px;
 
     cursor: inherit;
@@ -186,17 +186,17 @@ const StyledCheckbox = styled__default["default"].div `
 
     &:hover,
     &:active {
-      border-color: ${theme.theme.colors.primaryBase};
-      box-shadow: 0 0 2px 2px ${theme.theme.colors.primary200};
+      border-color: ${miscTheme.theme.colors.primaryBase};
+      box-shadow: 0 0 2px 2px ${miscTheme.theme.colors.primary200};
     }
 
     &:focus-visible {
-      border: 2px solid ${theme.theme.colors.primaryActive};
+      border: 2px solid ${miscTheme.theme.colors.primaryActive};
     }
 
     &:checked {
       border: 0;
-      background: ${theme.theme.colors.primaryBase}
+      background: ${miscTheme.theme.colors.primaryBase}
         url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
         no-repeat center center;
     }
@@ -205,7 +205,7 @@ const StyledCheckbox = styled__default["default"].div `
   label {
     max-width: 15rem;
     margin-left: 8px;
-    font-weight: ${theme.theme.sizes.fwRegular};
+    font-weight: ${miscTheme.theme.sizes.fwRegular};
     width: calc(100% - 24px);
     cursor: inherit;
 
@@ -225,32 +225,32 @@ const StyledCheckbox = styled__default["default"].div `
     width: unset;
     height: unset;
     padding: 5px 12px;
-    border: 1px solid ${theme.theme.colors.neutral100};
+    border: 1px solid ${miscTheme.theme.colors.neutral100};
     border-radius: 32px;
 
     &::after {
-      color: ${theme.theme.colors.gray800};
+      color: ${miscTheme.theme.colors.gray800};
       content: attr(data-label-text);
       font-size: 13px;
     }
     &:checked {
-      border-color: ${theme.theme.colors.primary50};
+      border-color: ${miscTheme.theme.colors.primary50};
       &::after {
-        color: ${theme.theme.colors.primaryBase};
+        color: ${miscTheme.theme.colors.primaryBase};
       }
     }
     &:checked {
-      background: ${theme.theme.colors.primary50};
+      background: ${miscTheme.theme.colors.primary50};
     }
   }
 
   &[data-disabled] {
-    color: ${theme.theme.colors.gray300};
+    color: ${miscTheme.theme.colors.gray300};
     cursor: not-allowed;
     input {
-      border-color: ${theme.theme.colors.gray300};
+      border-color: ${miscTheme.theme.colors.gray300};
       &:hover {
-        border-color: ${theme.theme.colors.gray300};
+        border-color: ${miscTheme.theme.colors.gray300};
         box-shadow: none;
       }
     }

package/build/{index-405faafa.js → index-a3320ed8.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-dff7ee1b.js');
+var index = require('./index-848c257f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-206afefb.js → index-a75603b7.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-var index$1 = require('./index-82c85f9d.js');
-var index$2 = require('./index-e3bbd009.js');
-var index = require('./index-1f3fc2e3.js');
+var index$1 = require('./index-3bac4c49.js');
+var index$2 = require('./index-1f94d57c.js');
+var index = require('./index-3ae93a30.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
-var isProduction = require('./isProduction-20cd663d.js');
+var constantsIsProduction = require('./constantsIsProduction.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -201,7 +202,7 @@ const getHelloSitesUrl = (locale, ignoreLocal) => {
     if (isLocalhost) {
         return 'http://localhost'; // or any other localhost URL you want to use as fallback
     }
-    return `https://${isProduction.isProduction ? '' : 'discover.'}${index$2.domainLocales[locale]}`;
+    return `https://${constantsIsProduction.isProduction ? '' : 'discover.'}${constantsDomainLocales.domainLocales[locale]}`;
 };
 const checkMobile = (userAgent) => {
     const ua = userAgent || (typeof navigator === 'undefined' ? '' : navigator.userAgent);

package/build/{index-4b7d4b5b.js → index-b1885310.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-dff7ee1b.js');
+var index$2 = require('./index-848c257f.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-be20929b.js');
-var index = require('./index-1fdf2f01.js');
-var index$1 = require('./index-64d8db08.js');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-4184d8d6.js');
+var index$1 = require('./index-e0d59d3e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -38,11 +38,11 @@ const StyledLanguageChangeLink = styled__default["default"].a `
   padding: 7px 11px;
   gap: 2px;
 
-  background: ${theme.theme.colors.white};
-  border: 1px solid ${theme.theme.colors.neutral100};
+  background: ${miscTheme.theme.colors.white};
+  border: 1px solid ${miscTheme.theme.colors.neutral100};
   border-radius: 20px;
 
-  color: ${theme.theme.colors.gray600};
+  color: ${miscTheme.theme.colors.gray600};
   font-weight: 600;
   font-size: 12px;
   line-height: 18px;
@@ -94,7 +94,7 @@ const StyledOption = styled__default["default"].div `
   justify-content: space-between;
 
   padding: 0 16px;
-  border-radius: ${theme.theme.borderRadius};
+  border-radius: ${miscTheme.theme.borderRadius};
   cursor: pointer;
 
   .check-icon {
@@ -102,7 +102,7 @@ const StyledOption = styled__default["default"].div `
     height: 16px;
   }
   &[data-selected='false'] {
-    background-color: ${theme.theme.colors.gray100};
+    background-color: ${miscTheme.theme.colors.gray100};
   }
 `;
 const StyledPopupBackground = styled__default["default"].div `

package/build/{index-077bf48f.js → index-b9fb9f3a.js}

@@ -1,33 +1,35 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$5 = require('./index-4bc690c9.js');
-var useTranslations = require('./useTranslations-685f989b.js');
+var index$5 = require('./index-17d80455.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
 var innertext = require('innertext');
-var theme = require('./theme-be20929b.js');
-require('./index-dff7ee1b.js');
+var miscTheme = require('./miscTheme.js');
+require('./index-848c257f.js');
 require('@mantine/dates');
-require('./index-e3bbd009.js');
-require('./index-1f3fc2e3.js');
-var index$6 = require('./index-64d8db08.js');
-require('./useMantineLocale-0d63dfea.js');
-var index$1 = require('./index-1fdf2f01.js');
-var index$7 = require('./index-3eb666e6.js');
+require('./index-1f94d57c.js');
+require('./index-3ae93a30.js');
+var index$6 = require('./index-e0d59d3e.js');
+require('./useMantineLocale-30235874.js');
+var index$1 = require('./index-4184d8d6.js');
+var index$7 = require('./index-353ce6f8.js');
 require('@mantine/hooks');
-require('./utils-15a9772e.js');
-var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
-var index = require('./index-2afbeb3d.js');
+require('./utils-7effa670.js');
+require('./other-b4596d33.js');
+var togetherComponentGlobalContext = require('./utils-62afd8c7.js');
+var index = require('./index-f0cd2973.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-dd074159.js');
-var dataTransform = require('./dataTransform-e39297c1.js');
-var constants = require('./constants-a78fa8b3.js');
-var index$2 = require('./index-4cdcdbbe.js');
-var index$3 = require('./index-7953fb8e.js');
+var index$4 = require('./index-98680432.js');
+var dataTransform = require('./dataTransform-9de4c42b.js');
+var constants = require('./constants-bea20f60.js');
+var index$2 = require('./index-71618efb.js');
+var index$3 = require('./index-672f0358.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
+var togetherApiPaths = require('./togetherApiPaths.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -71,7 +73,7 @@ const StyledCreateNewPost = styled__default["default"].div `
 
     label {
       margin-bottom: 5px;
-      color: ${theme.theme.colors.gray600};
+      color: ${miscTheme.theme.colors.gray600};
       /* font-family: 'Open Sans', sans-serif; */
       font-size: 13px;
       font-weight: bold;
@@ -79,7 +81,7 @@ const StyledCreateNewPost = styled__default["default"].div `
 
     .input-group-label {
       margin-bottom: 5px;
-      color: ${theme.theme.colors.gray600};
+      color: ${miscTheme.theme.colors.gray600};
       /* font-family: 'Open Sans', sans-serif; */
       font-size: 13px;
       font-weight: bold;
@@ -116,12 +118,12 @@ const StyledCreateNewPost = styled__default["default"].div `
   .swich-input-group {
     padding: 12px 16px;
     border-radius: 8px;
-    background: ${theme.theme.colors.neutral50};
+    background: ${miscTheme.theme.colors.neutral50};
 
     &.askdoctor-switch {
-      background: ${theme.theme.colors.primary50};
+      background: ${miscTheme.theme.colors.primary50};
       &.mb-color {
-        background: ${theme.theme.mbColors.tonePink};
+        background: ${miscTheme.theme.mbColors.tonePink};
       }
     }
 
@@ -140,7 +142,7 @@ const StyledCreateNewPost = styled__default["default"].div `
     .label-txt {
       font-weight: normal;
       font-size: 14px;
-      color: ${theme.theme.colors.gray800};
+      color: ${miscTheme.theme.colors.gray800};
       margin-left: 10px;
     }
   }
@@ -152,10 +154,10 @@ const StyledIsQuestion = styled__default["default"].div `
   justify-content: space-between;
   padding: 12px 16px;
   border-radius: 8px;
-  background: ${theme.theme.colors.primary50};
+  background: ${miscTheme.theme.colors.primary50};
 
   &[data-is-marry-baby='true'] {
-    background: ${theme.theme.mbColors.tonePink};
+    background: ${miscTheme.theme.mbColors.tonePink};
   }
   .switch-label {
     display: flex;
@@ -166,7 +168,7 @@ const StyledIsQuestion = styled__default["default"].div `
 `;
 const StyledError = styled__default["default"].div `
   margin-bottom: 12px;
-  color: ${theme.theme.colors.red700};
+  color: ${miscTheme.theme.colors.red700};
   svg {
     margin-right: 5px;
   }
@@ -217,7 +219,7 @@ const CreatePostDescription = ({ className, style, bannedWords = [], value, onCh
         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: theme.theme.colors.alertWarning }, t(`createPost.popup.warningImage`)))) : null,
+            React__default["default"].createElement(index$1.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" }))))))));
@@ -235,13 +237,13 @@ const StyledCreatePostTitle = styled__default["default"].div `
     width: 100%;
     padding: 12px 16px;
     border: solid 1px #d9d9d9;
-    border-radius: ${theme.theme.borderRadius};
+    border-radius: ${miscTheme.theme.borderRadius};
     font-size: 16px;
     line-height: 1.2;
     white-space: nowrap;
     :focus {
-      border-color: ${theme.theme.colors.primaryBase};
-      box-shadow: 0px 0px 2px 2px ${theme.theme.colors.primary200};
+      border-color: ${miscTheme.theme.colors.primaryBase};
+      box-shadow: 0px 0px 2px 2px ${miscTheme.theme.colors.primary200};
     }
     br {
       display: none;
@@ -269,14 +271,14 @@ const StyledCreatePostTitle = styled__default["default"].div `
   label {
     display: block;
     margin-bottom: 5px;
-    color: ${theme.theme.colors.gray600};
+    color: ${miscTheme.theme.colors.gray600};
     font-size: 13px;
     font-weight: bold;
   }
 
   .count-string {
     margin-top: 5px;
-    color: ${theme.theme.colors.gray500};
+    color: ${miscTheme.theme.colors.gray500};
     font-size: 11px;
     text-align: right;
   }
@@ -368,24 +370,24 @@ const StyledTopicSelectList = styled__default["default"].div `
   .tag-item {
     min-height: 32px;
     padding: 5px 12px;
-    border: 1px solid ${theme.theme.colors.neutral100};
+    border: 1px solid ${miscTheme.theme.colors.neutral100};
     margin-right: 1rem;
     margin-bottom: 8px;
     border-radius: 1rem;
-    color: ${theme.theme.colors.gray800};
+    color: ${miscTheme.theme.colors.gray800};
     cursor: pointer;
     font-size: 13px;
     line-height: 22px;
     transition: all 0.2s;
 
     &.--active {
-      border-color: ${theme.theme.colors.primary50};
-      background: ${theme.theme.colors.primary50};
-      color: ${theme.theme.colors.primaryBase};
+      border-color: ${miscTheme.theme.colors.primary50};
+      background: ${miscTheme.theme.colors.primary50};
+      color: ${miscTheme.theme.colors.primaryBase};
     }
     &[data-disabled='true'] {
-      background: ${theme.theme.colors.gray100};
-      color: ${theme.theme.colors.gray800};
+      background: ${miscTheme.theme.colors.gray100};
+      color: ${miscTheme.theme.colors.gray800};
     }
   }
   .topic-spinner {
@@ -425,7 +427,7 @@ const TopicSelectList = ({ className, style, topics: topicsProp, communityId, on
             (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
                 var _b;
                 try {
-                    const res = yield togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherComponentGlobalContext.PATHS.TOPIC.LIST, {
+                    const res = yield togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.TOPIC.LIST, {
                         communityId: communityId,
                         _locale: locale,
                     }), 'GET');
@@ -653,12 +655,12 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
         React__default["default"].createElement("div", { className: "input-group-container" },
             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: theme.theme.colors.red700, size: 14 }),
-                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: theme.theme.colors.red700 }, t('createPost.popup.specialCharErr')))),
+                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(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: theme.theme.colors.primaryBase, className: "label-icon" }),
+                    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: [
                         {
@@ -679,8 +681,8 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         }
                     } }))),
             showAskDoctorRequired && (React__default["default"].createElement(StyledError, null,
-                React__default["default"].createElement(other.Info, { isSolid: true, color: theme.theme.colors.red700, size: 14 }),
-                React__default["default"].createElement(index$1.Text, { size: "p3", as: "span", color: theme.theme.colors.red700 }, t('createPost.message.askDoctorRequire')))),
+                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("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) => ({
@@ -697,7 +699,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                         });
                         setSelectedTopics([]);
                     }, disabled: !!forceSelectCommunity }),
-                React__default["default"].createElement(index$1.Text, { size: "sm", className: "warning", color: theme.theme.colors.gray400 },
+                React__default["default"].createElement(index$1.Text, { size: "sm", className: "warning", color: miscTheme.theme.colors.gray400 },
                     "* ",
                     t('commentPopup.warning.newPost'))),
             !hideTopicList && (React__default["default"].createElement("div", { className: "input-group" },
@@ -706,7 +708,7 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
                     React__default["default"].createElement("img", { src: currentCommunity
                             ? IconAlertCirclePrimary
                             : IconAlertCircleWarning, loading: "lazy" }),
-                    React__default["default"].createElement(index$1.Text, { size: "base", color: theme.theme.colors.gray500 }, t(currentCommunity
+                    React__default["default"].createElement(index$1.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 }))))),
@@ -754,7 +756,7 @@ const SkipQuestionOfExpertBtn = (_a) => {
     const handleSkip = React.useCallback(() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _b;
         setLoading(true);
-        const res = yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getApiPath(togetherComponentGlobalContext.PATHS.USER.SKIP_QUESTION, {
+        const res = yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.USER.SKIP_QUESTION, {
             _locale: locale,
             id: post === null || post === void 0 ? void 0 : post.id,
         }), 'PUT');