@drodil/backstage-plugin-qeta-react 3.53.3 → 3.54.0

package/dist/components/AIAnswerCard/AIAnswerCard.esm.js

@@ -42,8 +42,8 @@ const AIAnswerCard = (props) => {
   const config = useApi(configApiRef);
   const botName = config.getOptionalString("qeta.aiBotName") ?? "AI";
   const styles = useStyles();
-  const { getSetting, setSetting } = useUserSettings();
-  const [expanded, setExpanded] = useState(getSetting("aiAnswerExpanded"));
+  const { settings, setSetting } = useUserSettings();
+  const [expanded, setExpanded] = useState(settings.aiAnswerExpanded);
   const {
     isAIEnabled,
     isNewQuestionsEnabled,

package/dist/components/AIAnswerCard/AIAnswerCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIAnswerCard.esm.js","sources":["../../../src/components/AIAnswerCard/AIAnswerCard.tsx"],"sourcesContent":["import {\n  AIQuery,\n  AIResponse,\n  Article,\n  Post,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { CSSProperties, useCallback, useState } from 'react';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useAI } from '../../hooks';\nimport { useUserSettings } from '../../hooks/useUserSettings';\nimport FlareIcon from '@material-ui/icons/Flare';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  Collapse,\n  IconButton,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: '1em',\n    backgroundColor: theme.palette.background.default,\n    border: `3px solid ${theme.palette.status.ok}`,\n  },\n}));\n\nexport type AIAnswerCardProps = {\n  question?: Post;\n  draft?: {\n    title: string;\n    content: string;\n  };\n  article?: Article;\n  debounceMs?: number;\n  style?: CSSProperties;\n};\n\nexport const AIAnswerCard = (props: AIAnswerCardProps) => {\n  const { question, draft, article, style, debounceMs = 3000 } = props;\n  const [answer, setAnswer] = useState<AIResponse | null | undefined>(null);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const config = useApi(configApiRef);\n  const botName = config.getOptionalString('qeta.aiBotName') ?? 'AI';\n  const styles = useStyles();\n  const { getSetting, setSetting } = useUserSettings();\n  const [expanded, setExpanded] = useState(getSetting('aiAnswerExpanded'));\n\n  const {\n    isAIEnabled,\n    isNewQuestionsEnabled,\n    isExistingQuestionsEnabled,\n    isArticleSummaryEnabled,\n    answerExistingQuestion,\n    answerDraftQuestion,\n    summarizeArticle,\n  } = useAI();\n\n  const fetchAnswer = useCallback(\n    (options?: AIQuery) => {\n      if (!isAIEnabled) {\n        setAnswer(null);\n        return;\n      }\n\n      if (question) {\n        answerExistingQuestion(question.id, options)\n          .catch(_ => setAnswer(null))\n          .then(res => {\n            setAnswer(res ?? null);\n          });\n      } else if (article) {\n        summarizeArticle(article.id, options)\n          .catch(_ => setAnswer(null))\n          .then(res => {\n            setAnswer(res ?? null);\n          });\n      } else if (\n        draft &&\n        draft.title &&\n        draft.content &&\n        draft.title.length + draft.content.length > 30\n      ) {\n        answerDraftQuestion(draft)\n          .catch(_ => setAnswer(null))\n          .then(res => {\n            setAnswer(res ?? null);\n          });\n      } else {\n        setAnswer(null);\n      }\n    },\n    [\n      isAIEnabled,\n      question,\n      article,\n      draft,\n      answerExistingQuestion,\n      summarizeArticle,\n      answerDraftQuestion,\n    ],\n  );\n\n  useDebounce(\n    () => {\n      fetchAnswer();\n    },\n    debounceMs,\n    [answerExistingQuestion, answerDraftQuestion, isAIEnabled, question, draft],\n  );\n\n  const isEnabled = (): boolean => {\n    if (!isAIEnabled) {\n      return false;\n    }\n    if (question) {\n      return Boolean(isExistingQuestionsEnabled);\n    }\n    if (article) {\n      return Boolean(isArticleSummaryEnabled);\n    }\n    if (draft) {\n      return Boolean(isNewQuestionsEnabled);\n    }\n    return false;\n  };\n  const canEdit = question?.canEdit || article?.canEdit || false;\n\n  if (!isEnabled() || answer === null) {\n    return null;\n  }\n\n  return (\n    <Card style={style} className={styles.root}>\n      <CardHeader\n        avatar={<FlareIcon />}\n        style={!expanded ? { paddingBottom: '1em' } : {}}\n        title={\n          <Typography variant=\"h5\">\n            {article\n              ? t('aiAnswerCard.summary', { name: botName })\n              : t('aiAnswerCard.answer', { name: botName })}\n          </Typography>\n        }\n        action={\n          <>\n            {canEdit && isEnabled() && (\n              <Tooltip title={t('aiAnswerCard.regenerate')}>\n                <IconButton\n                  onClick={() => {\n                    setAnswer(undefined);\n                    fetchAnswer({ regenerate: true });\n                  }}\n                >\n                  <RefreshIcon />\n                </IconButton>\n              </Tooltip>\n            )}\n            <Tooltip\n              title={expanded ? t('aiAnswerCard.hide') : t('aiAnswerCard.show')}\n            >\n              <IconButton\n                onClick={() => {\n                  setExpanded(!expanded);\n                  setSetting('aiAnswerExpanded', !expanded);\n                }}\n                aria-expanded={expanded}\n              >\n                {expanded ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}\n              </IconButton>\n            </Tooltip>\n          </>\n        }\n        subheader={\n          answer ? (\n            <RelativeTimeWithTooltip value={answer.created ?? new Date()} />\n          ) : (\n            <>{t('aiAnswerCard.loading')}</>\n          )\n        }\n      />\n      <Collapse in={expanded} timeout={0} unmountOnExit mountOnEnter>\n        <CardContent>\n          {answer === undefined && (\n            <Skeleton variant=\"rect\" height={200} animation=\"wave\" />\n          )}\n          {answer && <MarkdownRenderer content={answer.answer} />}\n        </CardContent>\n      </Collapse>\n    </Card>\n  );\n};\n"],"names":["FlareIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,SAAW,EAAA,KAAA;AAAA,IACX,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,IAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,EAAE,CAAA;AAAA;AAEhD,CAAE,CAAA,CAAA;AAaW,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,QAAU,EAAA,KAAA,EAAO,SAAS,KAAO,EAAA,UAAA,GAAa,KAAS,GAAA,KAAA;AAC/D,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAwC,IAAI,CAAA;AACxE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA;AAClC,EAAA,MAAM,OAAU,GAAA,MAAA,CAAO,iBAAkB,CAAA,gBAAgB,CAAK,IAAA,IAAA;AAC9D,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,EAAE,UAAA,EAAY,UAAW,EAAA,GAAI,eAAgB,EAAA;AACnD,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAI,QAAS,CAAA,UAAA,CAAW,kBAAkB,CAAC,CAAA;AAEvE,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,qBAAA;AAAA,IACA,0BAAA;AAAA,IACA,uBAAA;AAAA,IACA,sBAAA;AAAA,IACA,mBAAA;AAAA,IACA;AAAA,MACE,KAAM,EAAA;AAEV,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,OAAsB,KAAA;AACrB,MAAA,IAAI,CAAC,WAAa,EAAA;AAChB,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA;AAAA;AAGF,MAAA,IAAI,QAAU,EAAA;AACZ,QAAuB,sBAAA,CAAA,QAAA,CAAS,EAAI,EAAA,OAAO,CACxC,CAAA,KAAA,CAAM,CAAK,CAAA,KAAA,SAAA,CAAU,IAAI,CAAC,CAC1B,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACX,UAAA,SAAA,CAAU,OAAO,IAAI,CAAA;AAAA,SACtB,CAAA;AAAA,iBACM,OAAS,EAAA;AAClB,QAAiB,gBAAA,CAAA,OAAA,CAAQ,EAAI,EAAA,OAAO,CACjC,CAAA,KAAA,CAAM,CAAK,CAAA,KAAA,SAAA,CAAU,IAAI,CAAC,CAC1B,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACX,UAAA,SAAA,CAAU,OAAO,IAAI,CAAA;AAAA,SACtB,CAAA;AAAA,OAEH,MAAA,IAAA,KAAA,IACA,KAAM,CAAA,KAAA,IACN,KAAM,CAAA,OAAA,IACN,KAAM,CAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAM,OAAQ,CAAA,MAAA,GAAS,EAC5C,EAAA;AACA,QAAoB,mBAAA,CAAA,KAAK,EACtB,KAAM,CAAA,CAAA,CAAA,KAAK,UAAU,IAAI,CAAC,CAC1B,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACX,UAAA,SAAA,CAAU,OAAO,IAAI,CAAA;AAAA,SACtB,CAAA;AAAA,OACE,MAAA;AACL,QAAA,SAAA,CAAU,IAAI,CAAA;AAAA;AAChB,KACF;AAAA,IACA;AAAA,MACE,WAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,sBAAA;AAAA,MACA,gBAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,WAAA;AAAA,IACE,MAAM;AACJ,MAAY,WAAA,EAAA;AAAA,KACd;AAAA,IACA,UAAA;AAAA,IACA,CAAC,sBAAA,EAAwB,mBAAqB,EAAA,WAAA,EAAa,UAAU,KAAK;AAAA,GAC5E;AAEA,EAAA,MAAM,YAAY,MAAe;AAC/B,IAAA,IAAI,CAAC,WAAa,EAAA;AAChB,MAAO,OAAA,KAAA;AAAA;AAET,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,OAAO,QAAQ,0BAA0B,CAAA;AAAA;AAE3C,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAO,QAAQ,uBAAuB,CAAA;AAAA;AAExC,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,OAAO,QAAQ,qBAAqB,CAAA;AAAA;AAEtC,IAAO,OAAA,KAAA;AAAA,GACT;AACA,EAAA,MAAM,OAAU,GAAA,QAAA,EAAU,OAAW,IAAA,OAAA,EAAS,OAAW,IAAA,KAAA;AAEzD,EAAA,IAAI,CAAC,SAAA,EAAe,IAAA,MAAA,KAAW,IAAM,EAAA;AACnC,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,KAAc,EAAA,SAAA,EAAW,OAAO,IACpC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAA,sBAASA,KAAU,EAAA,EAAA,CAAA;AAAA,QACnB,OAAO,CAAC,QAAA,GAAW,EAAE,aAAe,EAAA,KAAA,KAAU,EAAC;AAAA,QAC/C,uBACG,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,IACjB,EAAA,QAAA,EAAA,OAAA,GACG,EAAE,sBAAwB,EAAA,EAAE,MAAM,OAAQ,EAAC,IAC3C,CAAE,CAAA,qBAAA,EAAuB,EAAE,IAAM,EAAA,OAAA,EAAS,CAChD,EAAA,CAAA;AAAA,QAEF,wBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,UAAA,OAAA,IAAW,WACV,oBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,yBAAyB,CACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,SAAS,MAAM;AACb,gBAAA,SAAA,CAAU,KAAS,CAAA,CAAA;AACnB,gBAAY,WAAA,CAAA,EAAE,UAAY,EAAA,IAAA,EAAM,CAAA;AAAA,eAClC;AAAA,cAEA,8BAAC,WAAY,EAAA,EAAA;AAAA;AAAA,WAEjB,EAAA,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,OAAO,QAAW,GAAA,CAAA,CAAE,mBAAmB,CAAA,GAAI,EAAE,mBAAmB,CAAA;AAAA,cAEhE,QAAA,kBAAA,GAAA;AAAA,gBAAC,UAAA;AAAA,gBAAA;AAAA,kBACC,SAAS,MAAM;AACb,oBAAA,WAAA,CAAY,CAAC,QAAQ,CAAA;AACrB,oBAAW,UAAA,CAAA,kBAAA,EAAoB,CAAC,QAAQ,CAAA;AAAA,mBAC1C;AAAA,kBACA,eAAe,EAAA,QAAA;AAAA,kBAEd,QAAW,EAAA,QAAA,mBAAA,GAAA,CAAC,mBAAoB,EAAA,EAAA,CAAA,uBAAM,qBAAsB,EAAA,EAAA;AAAA;AAAA;AAC/D;AAAA;AACF,SACF,EAAA,CAAA;AAAA,QAEF,SACE,EAAA,MAAA,mBACG,GAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,MAAO,CAAA,OAAA,oBAAe,IAAA,IAAA,EAAQ,EAAA,CAAA,mBAE3D,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,CAAE,sBAAsB,CAAE,EAAA;AAAA;AAAA,KAGnC;AAAA,oBACA,GAAA,CAAC,QAAS,EAAA,EAAA,EAAA,EAAI,QAAU,EAAA,OAAA,EAAS,CAAG,EAAA,aAAA,EAAa,IAAC,EAAA,YAAA,EAAY,IAC5D,EAAA,QAAA,kBAAA,IAAA,CAAC,WACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAW,MAAA,KAAA,KAAA,CAAA,wBACT,QAAS,EAAA,EAAA,OAAA,EAAQ,QAAO,MAAQ,EAAA,GAAA,EAAK,WAAU,MAAO,EAAA,CAAA;AAAA,MAExD,MAAU,oBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,OAAA,EAAS,OAAO,MAAQ,EAAA;AAAA,KAAA,EACvD,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AIAnswerCard.esm.js","sources":["../../../src/components/AIAnswerCard/AIAnswerCard.tsx"],"sourcesContent":["import {\n  AIQuery,\n  AIResponse,\n  Article,\n  Post,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { CSSProperties, useCallback, useState } from 'react';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useAI } from '../../hooks';\nimport { useUserSettings } from '../../hooks/useUserSettings';\nimport FlareIcon from '@material-ui/icons/Flare';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  Collapse,\n  IconButton,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginTop: '1em',\n    backgroundColor: theme.palette.background.default,\n    border: `3px solid ${theme.palette.status.ok}`,\n  },\n}));\n\nexport type AIAnswerCardProps = {\n  question?: Post;\n  draft?: {\n    title: string;\n    content: string;\n  };\n  article?: Article;\n  debounceMs?: number;\n  style?: CSSProperties;\n};\n\nexport const AIAnswerCard = (props: AIAnswerCardProps) => {\n  const { question, draft, article, style, debounceMs = 3000 } = props;\n  const [answer, setAnswer] = useState<AIResponse | null | undefined>(null);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const config = useApi(configApiRef);\n  const botName = config.getOptionalString('qeta.aiBotName') ?? 'AI';\n  const styles = useStyles();\n  const { settings, setSetting } = useUserSettings();\n  const [expanded, setExpanded] = useState(settings.aiAnswerExpanded);\n\n  const {\n    isAIEnabled,\n    isNewQuestionsEnabled,\n    isExistingQuestionsEnabled,\n    isArticleSummaryEnabled,\n    answerExistingQuestion,\n    answerDraftQuestion,\n    summarizeArticle,\n  } = useAI();\n\n  const fetchAnswer = useCallback(\n    (options?: AIQuery) => {\n      if (!isAIEnabled) {\n        setAnswer(null);\n        return;\n      }\n\n      if (question) {\n        answerExistingQuestion(question.id, options)\n          .catch(_ => setAnswer(null))\n          .then(res => {\n            setAnswer(res ?? null);\n          });\n      } else if (article) {\n        summarizeArticle(article.id, options)\n          .catch(_ => setAnswer(null))\n          .then(res => {\n            setAnswer(res ?? null);\n          });\n      } else if (\n        draft &&\n        draft.title &&\n        draft.content &&\n        draft.title.length + draft.content.length > 30\n      ) {\n        answerDraftQuestion(draft)\n          .catch(_ => setAnswer(null))\n          .then(res => {\n            setAnswer(res ?? null);\n          });\n      } else {\n        setAnswer(null);\n      }\n    },\n    [\n      isAIEnabled,\n      question,\n      article,\n      draft,\n      answerExistingQuestion,\n      summarizeArticle,\n      answerDraftQuestion,\n    ],\n  );\n\n  useDebounce(\n    () => {\n      fetchAnswer();\n    },\n    debounceMs,\n    [answerExistingQuestion, answerDraftQuestion, isAIEnabled, question, draft],\n  );\n\n  const isEnabled = (): boolean => {\n    if (!isAIEnabled) {\n      return false;\n    }\n    if (question) {\n      return Boolean(isExistingQuestionsEnabled);\n    }\n    if (article) {\n      return Boolean(isArticleSummaryEnabled);\n    }\n    if (draft) {\n      return Boolean(isNewQuestionsEnabled);\n    }\n    return false;\n  };\n  const canEdit = question?.canEdit || article?.canEdit || false;\n\n  if (!isEnabled() || answer === null) {\n    return null;\n  }\n\n  return (\n    <Card style={style} className={styles.root}>\n      <CardHeader\n        avatar={<FlareIcon />}\n        style={!expanded ? { paddingBottom: '1em' } : {}}\n        title={\n          <Typography variant=\"h5\">\n            {article\n              ? t('aiAnswerCard.summary', { name: botName })\n              : t('aiAnswerCard.answer', { name: botName })}\n          </Typography>\n        }\n        action={\n          <>\n            {canEdit && isEnabled() && (\n              <Tooltip title={t('aiAnswerCard.regenerate')}>\n                <IconButton\n                  onClick={() => {\n                    setAnswer(undefined);\n                    fetchAnswer({ regenerate: true });\n                  }}\n                >\n                  <RefreshIcon />\n                </IconButton>\n              </Tooltip>\n            )}\n            <Tooltip\n              title={expanded ? t('aiAnswerCard.hide') : t('aiAnswerCard.show')}\n            >\n              <IconButton\n                onClick={() => {\n                  setExpanded(!expanded);\n                  setSetting('aiAnswerExpanded', !expanded);\n                }}\n                aria-expanded={expanded}\n              >\n                {expanded ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}\n              </IconButton>\n            </Tooltip>\n          </>\n        }\n        subheader={\n          answer ? (\n            <RelativeTimeWithTooltip value={answer.created ?? new Date()} />\n          ) : (\n            <>{t('aiAnswerCard.loading')}</>\n          )\n        }\n      />\n      <Collapse in={expanded} timeout={0} unmountOnExit mountOnEnter>\n        <CardContent>\n          {answer === undefined && (\n            <Skeleton variant=\"rect\" height={200} animation=\"wave\" />\n          )}\n          {answer && <MarkdownRenderer content={answer.answer} />}\n        </CardContent>\n      </Collapse>\n    </Card>\n  );\n};\n"],"names":["FlareIcon"],"mappings":"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"}

package/dist/components/AnswerForm/AnswerForm.esm.js

@@ -25,6 +25,7 @@ import '@backstage/plugin-permission-common';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import { useUserSettings } from '../../hooks/useUserSettings.esm.js';
 import { EntitiesInput } from '../PostForm/EntitiesInput.esm.js';
 
 const getDefaultValues = (postId) => {
@@ -37,6 +38,7 @@ const AnswerForm = (props) => {
   );
   const analytics = useAnalytics();
   const { isModerator } = useIsModerator();
+  const { settings } = useUserSettings();
   const { value: identity } = useIdentityApi(
     (api) => api.getBackstageIdentity(),
     []
@@ -49,7 +51,7 @@ const AnswerForm = (props) => {
   const [edited, setEdited] = useState(false);
   const qetaApi = useApi(qetaApiRef);
   const configApi = useApi(configApiRef);
-  const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
+  const allowAnonymous = configApi.getOptionalBoolean("qeta.allowAnonymous");
   const { t } = useTranslationRef(qetaTranslationRef);
   const alertApi = useApi(alertApiRef);
   const {
@@ -148,6 +150,11 @@ const AnswerForm = (props) => {
       });
     }
   }, [catalogApi, id, identity]);
+  useEffect(() => {
+    if (!id && allowAnonymous) {
+      setValues((v) => ({ ...v, anonymous: settings.anonymousPosting }));
+    }
+  }, [id, settings.anonymousPosting, allowAnonymous]);
   useEffect(() => {
     reset(values);
   }, [values, reset]);
@@ -226,7 +233,7 @@ const AnswerForm = (props) => {
                 name: "author"
               }
             ) }),
-            allowAnonymouns && !id && /* @__PURE__ */ jsx(
+            allowAnonymous && !id && /* @__PURE__ */ jsx(
               PostAnonymouslyCheckbox,
               {
                 control,

package/dist/components/AnswerForm/AnswerForm.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/AnswerForm/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n  alertApiRef,\n  configApiRef,\n  useAnalytics,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateAnswerPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Typography,\n  useTheme,\n} from '@material-ui/core';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useIdentityApi, useIsModerator } from '../../hooks';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\n\ntype AnswerFormData = {\n  postId: number;\n  answer: string;\n  images: number[];\n  author?: Entity;\n  anonymous?: boolean;\n};\n\nconst getDefaultValues = (postId: number): AnswerFormData => {\n  return { postId, answer: '', images: [] };\n};\n\nexport const AnswerForm = (props: {\n  post: PostResponse;\n  onPost: (answer: AnswerResponse) => void;\n  id?: number;\n}) => {\n  const { post, onPost, id } = props;\n  const [values, setValues] = useState<AnswerFormData>(\n    getDefaultValues(post.id),\n  );\n  const analytics = useAnalytics();\n  const { isModerator } = useIsModerator();\n  const { value: identity } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n  const theme = useTheme();\n  const [error, setError] = useState(false);\n  const [posting, setPosting] = useState(false);\n  const catalogApi = useApi(catalogApiRef);\n  const [images, setImages] = useState<number[]>([]);\n  const [edited, setEdited] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n  const configApi = useApi(configApiRef);\n  const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const alertApi = useApi(alertApiRef);\n\n  const {\n    handleSubmit,\n    control,\n    formState: { errors, isSubmitting },\n    reset,\n  } = useForm<AnswerFormData>({\n    values,\n    defaultValues: getDefaultValues(post.id),\n  });\n\n  const postAnswer = (data: AnswerFormData) => {\n    setPosting(true);\n\n    if (id) {\n      qetaApi\n        .updateAnswer(id, {\n          postId: post.id,\n          answer: data.answer,\n          author: data.author ? stringifyEntityRef(data.author) : undefined,\n          images,\n        })\n        .then(a => {\n          if (!a || !('id' in a)) {\n            setError(true);\n            return;\n          }\n          setEdited(false);\n          analytics.captureEvent('edit', 'answer');\n          reset();\n          onPost(a);\n        })\n        .catch(e => {\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          });\n          setError(true);\n        })\n        .finally(() => setPosting(false));\n      return;\n    }\n    // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n    qetaApi\n      .postAnswer({\n        postId: post.id,\n        answer: data.answer,\n        images,\n        anonymous: data.anonymous,\n      })\n      .then(a => {\n        if (!a || !('id' in a)) {\n          setError(true);\n          return;\n        }\n        setEdited(false);\n        analytics.captureEvent('post', 'answer');\n        reset();\n        onPost(a);\n      })\n      .catch(e => {\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        });\n        setError(true);\n      })\n      .finally(() => setPosting(false));\n  };\n\n  useEffect(() => {\n    if (id) {\n      qetaApi\n        .getAnswer(post.id, id)\n        .then(a => {\n          if ('content' in a) {\n            setValues({ postId: post.id, answer: a.content, images: a.images });\n            setImages(a.images);\n            catalogApi.getEntityByRef(a.author).then(data => {\n              if (data) {\n                setValues(v => {\n                  return { ...v, author: data };\n                });\n              }\n            });\n          } else {\n            setError(true);\n          }\n        })\n        .catch(e => {\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          });\n          setError(true);\n        });\n    }\n  }, [alertApi, catalogApi, id, post, qetaApi]);\n\n  useEffect(() => {\n    if (!id && identity?.userEntityRef) {\n      catalogApi.getEntityByRef(identity.userEntityRef).then(data => {\n        if (data) {\n          setValues(v => {\n            return { ...v, author: data };\n          });\n        }\n      });\n    }\n  }, [catalogApi, id, identity]);\n\n  useEffect(() => {\n    reset(values);\n  }, [values, reset]);\n\n  useConfirmNavigationIfEdited(edited);\n\n  const onImageUpload = useCallback(\n    (imageId: number) => {\n      setImages(prevImages => [...prevImages, imageId]);\n    },\n    [setImages],\n  );\n\n  return (\n    <OptionalRequirePermission\n      permission={qetaCreateAnswerPermission}\n      errorPage={<></>}\n    >\n      <Card variant=\"outlined\">\n        <CardContent>\n          <form\n            onSubmit={handleSubmit(postAnswer)}\n            onChange={() => {\n              setEdited(true);\n            }}\n          >\n            <Typography variant=\"h6\">Your answer</Typography>\n            {error && (\n              <WarningPanel\n                severity=\"error\"\n                title={t('answerForm.errorPosting')}\n              />\n            )}\n            <Controller\n              control={control}\n              defaultValue=\"\"\n              rules={{\n                required: true,\n              }}\n              render={({ field: { onChange, value } }) => (\n                <MarkdownEditor\n                  value={value}\n                  onChange={onChange}\n                  height={200}\n                  disabled={post.status === 'obsolete'}\n                  error={'answer' in errors}\n                  placeholder={t('answerForm.contentInput.placeholder')}\n                  onImageUpload={onImageUpload}\n                  answerId={id ? Number(id) : undefined}\n                />\n              )}\n              name=\"answer\"\n            />\n            {isModerator && id && (\n              <Box mt={1} mb={1}>\n                <Controller\n                  control={control}\n                  render={({ field, fieldState: { error: authorError } }) => {\n                    return (\n                      <EntitiesInput\n                        label={t('postForm.authorInput.label')}\n                        placeholder={t('postForm.authorInput.placeholder')}\n                        hideHelpText\n                        disabled={post.status === 'obsolete'}\n                        multiple={false}\n                        kind={['User']}\n                        required\n                        {...field}\n                        error={authorError}\n                      />\n                    );\n                  }}\n                  name=\"author\"\n                />\n              </Box>\n            )}\n            {allowAnonymouns && !id && (\n              <PostAnonymouslyCheckbox\n                control={control}\n                disabled={post.status === 'obsolete'}\n                label={t('anonymousCheckbox.answerAnonymously')}\n              />\n            )}\n            <Button\n              variant=\"contained\"\n              type=\"submit\"\n              color=\"primary\"\n              disabled={posting || isSubmitting || post.status === 'obsolete'}\n              style={{ marginTop: theme.spacing(2) }}\n            >\n              {posting || isSubmitting ? (\n                <span>\n                  {t('answerForm.submitting')}{' '}\n                  <span className=\"spinner-border spinner-border-sm\" />\n                </span>\n              ) : (\n                t(\n                  id\n                    ? 'answerForm.submit.existingAnswer'\n                    : 'answerForm.submit.newAnswer',\n                )\n              )}\n            </Button>\n          </form>\n        </CardContent>\n      </Card>\n    </OptionalRequirePermission>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/AnswerForm/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n  alertApiRef,\n  configApiRef,\n  useAnalytics,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateAnswerPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Typography,\n  useTheme,\n} from '@material-ui/core';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useIdentityApi, useIsModerator, useUserSettings } from '../../hooks';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\n\ntype AnswerFormData = {\n  postId: number;\n  answer: string;\n  images: number[];\n  author?: Entity;\n  anonymous?: boolean;\n};\n\nconst getDefaultValues = (postId: number): AnswerFormData => {\n  return { postId, answer: '', images: [] };\n};\n\nexport const AnswerForm = (props: {\n  post: PostResponse;\n  onPost: (answer: AnswerResponse) => void;\n  id?: number;\n}) => {\n  const { post, onPost, id } = props;\n  const [values, setValues] = useState<AnswerFormData>(\n    getDefaultValues(post.id),\n  );\n  const analytics = useAnalytics();\n  const { isModerator } = useIsModerator();\n  const { settings } = useUserSettings();\n  const { value: identity } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n  const theme = useTheme();\n  const [error, setError] = useState(false);\n  const [posting, setPosting] = useState(false);\n  const catalogApi = useApi(catalogApiRef);\n  const [images, setImages] = useState<number[]>([]);\n  const [edited, setEdited] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n  const configApi = useApi(configApiRef);\n  const allowAnonymous = configApi.getOptionalBoolean('qeta.allowAnonymous');\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const alertApi = useApi(alertApiRef);\n\n  const {\n    handleSubmit,\n    control,\n    formState: { errors, isSubmitting },\n    reset,\n  } = useForm<AnswerFormData>({\n    values,\n    defaultValues: getDefaultValues(post.id),\n  });\n\n  const postAnswer = (data: AnswerFormData) => {\n    setPosting(true);\n\n    if (id) {\n      qetaApi\n        .updateAnswer(id, {\n          postId: post.id,\n          answer: data.answer,\n          author: data.author ? stringifyEntityRef(data.author) : undefined,\n          images,\n        })\n        .then(a => {\n          if (!a || !('id' in a)) {\n            setError(true);\n            return;\n          }\n          setEdited(false);\n          analytics.captureEvent('edit', 'answer');\n          reset();\n          onPost(a);\n        })\n        .catch(e => {\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          });\n          setError(true);\n        })\n        .finally(() => setPosting(false));\n      return;\n    }\n    // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n    qetaApi\n      .postAnswer({\n        postId: post.id,\n        answer: data.answer,\n        images,\n        anonymous: data.anonymous,\n      })\n      .then(a => {\n        if (!a || !('id' in a)) {\n          setError(true);\n          return;\n        }\n        setEdited(false);\n        analytics.captureEvent('post', 'answer');\n        reset();\n        onPost(a);\n      })\n      .catch(e => {\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        });\n        setError(true);\n      })\n      .finally(() => setPosting(false));\n  };\n\n  useEffect(() => {\n    if (id) {\n      qetaApi\n        .getAnswer(post.id, id)\n        .then(a => {\n          if ('content' in a) {\n            setValues({ postId: post.id, answer: a.content, images: a.images });\n            setImages(a.images);\n            catalogApi.getEntityByRef(a.author).then(data => {\n              if (data) {\n                setValues(v => {\n                  return { ...v, author: data };\n                });\n              }\n            });\n          } else {\n            setError(true);\n          }\n        })\n        .catch(e => {\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          });\n          setError(true);\n        });\n    }\n  }, [alertApi, catalogApi, id, post, qetaApi]);\n\n  useEffect(() => {\n    if (!id && identity?.userEntityRef) {\n      catalogApi.getEntityByRef(identity.userEntityRef).then(data => {\n        if (data) {\n          setValues(v => {\n            return { ...v, author: data };\n          });\n        }\n      });\n    }\n  }, [catalogApi, id, identity]);\n\n  useEffect(() => {\n    if (!id && allowAnonymous) {\n      setValues(v => ({ ...v, anonymous: settings.anonymousPosting }));\n    }\n  }, [id, settings.anonymousPosting, allowAnonymous]);\n\n  useEffect(() => {\n    reset(values);\n  }, [values, reset]);\n\n  useConfirmNavigationIfEdited(edited);\n\n  const onImageUpload = useCallback(\n    (imageId: number) => {\n      setImages(prevImages => [...prevImages, imageId]);\n    },\n    [setImages],\n  );\n\n  return (\n    <OptionalRequirePermission\n      permission={qetaCreateAnswerPermission}\n      errorPage={<></>}\n    >\n      <Card variant=\"outlined\">\n        <CardContent>\n          <form\n            onSubmit={handleSubmit(postAnswer)}\n            onChange={() => {\n              setEdited(true);\n            }}\n          >\n            <Typography variant=\"h6\">Your answer</Typography>\n            {error && (\n              <WarningPanel\n                severity=\"error\"\n                title={t('answerForm.errorPosting')}\n              />\n            )}\n            <Controller\n              control={control}\n              defaultValue=\"\"\n              rules={{\n                required: true,\n              }}\n              render={({ field: { onChange, value } }) => (\n                <MarkdownEditor\n                  value={value}\n                  onChange={onChange}\n                  height={200}\n                  disabled={post.status === 'obsolete'}\n                  error={'answer' in errors}\n                  placeholder={t('answerForm.contentInput.placeholder')}\n                  onImageUpload={onImageUpload}\n                  answerId={id ? Number(id) : undefined}\n                />\n              )}\n              name=\"answer\"\n            />\n            {isModerator && id && (\n              <Box mt={1} mb={1}>\n                <Controller\n                  control={control}\n                  render={({ field, fieldState: { error: authorError } }) => {\n                    return (\n                      <EntitiesInput\n                        label={t('postForm.authorInput.label')}\n                        placeholder={t('postForm.authorInput.placeholder')}\n                        hideHelpText\n                        disabled={post.status === 'obsolete'}\n                        multiple={false}\n                        kind={['User']}\n                        required\n                        {...field}\n                        error={authorError}\n                      />\n                    );\n                  }}\n                  name=\"author\"\n                />\n              </Box>\n            )}\n            {allowAnonymous && !id && (\n              <PostAnonymouslyCheckbox\n                control={control}\n                disabled={post.status === 'obsolete'}\n                label={t('anonymousCheckbox.answerAnonymously')}\n              />\n            )}\n            <Button\n              variant=\"contained\"\n              type=\"submit\"\n              color=\"primary\"\n              disabled={posting || isSubmitting || post.status === 'obsolete'}\n              style={{ marginTop: theme.spacing(2) }}\n            >\n              {posting || isSubmitting ? (\n                <span>\n                  {t('answerForm.submitting')}{' '}\n                  <span className=\"spinner-border spinner-border-sm\" />\n                </span>\n              ) : (\n                t(\n                  id\n                    ? 'answerForm.submit.existingAnswer'\n                    : 'answerForm.submit.newAnswer',\n                )\n              )}\n            </Button>\n          </form>\n        </CardContent>\n      </Card>\n    </OptionalRequirePermission>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/HomePageCards/ImpactCard.esm.js

@@ -181,14 +181,26 @@ const ImpactCard = () => {
         )
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, children: statItems.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", color: "textSecondary", children: [
-        /* @__PURE__ */ jsx(Tooltip, { title: item.label, children: /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: item.icon }) }),
-        /* @__PURE__ */ jsx(Box, { ml: 1, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", component: "span", children: [
-          item.value,
-          " ",
-          item.label.toLowerCase()
-        ] }) })
-      ] }) }, index)) }) })
+      /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: statItems.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, sm: 4, md: 3, children: /* @__PURE__ */ jsx(Tooltip, { title: item.label, children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          style: { cursor: "default" },
+          children: [
+            /* @__PURE__ */ jsx(Box, { color: "textSecondary", children: item.icon }),
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "body2",
+                style: { fontWeight: "bold", marginTop: "4px" },
+                children: item.value
+              }
+            )
+          ]
+        }
+      ) }) }, index)) }) })
     ] });
   };
   return /* @__PURE__ */ jsx(

package/dist/components/HomePageCards/ImpactCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import numeral from 'numeral';\nimport { useIdentityApi, useQetaApi } from '../../hooks';\nimport {\n  Box,\n  Card,\n  CardContent,\n  Divider,\n  Grid,\n  Tooltip,\n  Typography,\n  useTheme,\n} from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  ImpactResponse,\n  StatisticsResponse,\n  UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport People from '@material-ui/icons/People';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport Star from '@material-ui/icons/Star';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport TrendingUp from '@material-ui/icons/TrendingUp';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const theme = useTheme();\n  const { value: user, loading: userLoading } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n\n  const {\n    value: response,\n    loading: statsLoading,\n    error,\n  } = useQetaApi<{\n    impact: ImpactResponse;\n    stats: StatisticsResponse<UserStat>;\n  } | null>(\n    async api => {\n      if (!user) {\n        return null;\n      }\n      const [impact, stats] = await Promise.all([\n        api.getUserImpact(),\n        api.getUserStats(user.userEntityRef),\n      ]);\n      return { impact, stats };\n    },\n    [user],\n  );\n\n  const loading = userLoading || statsLoading;\n\n  const renderContent = () => {\n    if (loading) {\n      return (\n        <Box p={2}>\n          <Skeleton variant=\"text\" width=\"60%\" height={32} />\n          <Skeleton variant=\"text\" width=\"40%\" height={48} />\n          <Box mt={2}>\n            <Divider />\n          </Box>\n          <Box mt={2}>\n            <Grid container spacing={2}>\n              {Array.from(new Array(4)).map((_, i) => (\n                <Grid item xs={6} key={i}>\n                  <Skeleton variant=\"circle\" width={24} height={24} />\n                  <Skeleton variant=\"text\" width=\"80%\" />\n                </Grid>\n              ))}\n            </Grid>\n          </Box>\n        </Box>\n      );\n    }\n\n    if (error) {\n      return <Alert severity=\"error\">{t('impactCard.error')}</Alert>;\n    }\n\n    if (!response) {\n      return null;\n    }\n\n    const { impact, stats } = response;\n\n    const formatNumber = (num: number) => {\n      return num >= 1000 ? numeral(num).format('0.0 a') : num;\n    };\n\n    const formattedImpact = formatNumber(impact.impact);\n\n    const totalContributions =\n      stats.summary.totalQuestions +\n      stats.summary.totalAnswers +\n      stats.summary.totalArticles +\n      stats.summary.totalLinks;\n\n    const statItems = [\n      {\n        icon: <TrendingUp fontSize=\"small\" />,\n        value: formatNumber(totalContributions),\n        label: t('impactCard.totalContributions'),\n      },\n      {\n        icon: <HelpOutline fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalQuestions),\n        label: t('impactCard.questions'),\n      },\n      {\n        icon: <QuestionAnswer fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalAnswers),\n        label: t('impactCard.answers'),\n      },\n      {\n        icon: <DescriptionIcon fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalArticles),\n        label: t('impactCard.articles'),\n      },\n      {\n        icon: <LinkIcon fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalLinks),\n        label: t('impactCard.links'),\n      },\n      {\n        icon: <ThumbUp fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalVotes),\n        label: t('impactCard.votes'),\n      },\n      {\n        icon: <People fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalFollowers),\n        label: t('impactCard.followers'),\n      },\n      {\n        icon: <Star fontSize=\"small\" />,\n        value: formatNumber(stats.summary.answerScore),\n        label: t('impactCard.answerScore'),\n      },\n      {\n        icon: <Star fontSize=\"small\" />,\n        value: formatNumber(stats.summary.postScore),\n        label: t('impactCard.postScore'),\n      },\n      {\n        icon: <CheckCircle fontSize=\"small\" />,\n        value: formatNumber(stats.summary.correctAnswers),\n        label: t('impactCard.correctAnswers'),\n      },\n    ];\n\n    return (\n      <>\n        <Typography variant=\"h5\" component=\"h2\" gutterBottom>\n          {t('impactCard.title')}\n        </Typography>\n        <Box display=\"flex\" alignItems=\"center\" mb={1}>\n          <Typography\n            variant=\"body1\"\n            aria-label={`${formattedImpact} views`}\n            style={{ fontWeight: 'bold', marginBottom: 0, fontSize: '32px' }}\n          >\n            {formattedImpact}\n          </Typography>\n          <Typography\n            variant=\"body2\"\n            component=\"span\"\n            style={{ marginLeft: '0.5em', verticalAlign: 'middle' }}\n            color=\"textSecondary\"\n          >\n            {t('impactCard.views')}\n          </Typography>\n        </Box>\n        <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n          {t('impactCard.contributions', {\n            lastWeek: impact.lastWeekImpact.toString(10),\n          })}\n        </Typography>\n\n        <Box display=\"flex\" alignItems=\"center\" mt={2} mb={2}>\n          <EmojiEvents\n            style={{ color: theme.palette.secondary.main, marginRight: '8px' }}\n          />\n          <Typography\n            variant=\"subtitle1\"\n            component=\"span\"\n            style={{ fontWeight: 'bold' }}\n          >\n            {t('impactCard.reputation')}:{' '}\n            <Box component=\"span\" style={{ fontSize: '1.1em' }}>\n              {stats.summary.reputation || 0}\n            </Box>\n          </Typography>\n        </Box>\n\n        <Divider />\n\n        <Box mt={2}>\n          <Grid container spacing={1}>\n            {statItems.map((item, index) => (\n              <Grid item xs={12} key={index}>\n                <Box display=\"flex\" alignItems=\"center\" color=\"textSecondary\">\n                  <Tooltip title={item.label}>\n                    <Box display=\"flex\" alignItems=\"center\">\n                      {item.icon}\n                    </Box>\n                  </Tooltip>\n                  <Box ml={1}>\n                    <Typography variant=\"subtitle2\" component=\"span\">\n                      {item.value} {item.label.toLowerCase()}\n                    </Typography>\n                  </Box>\n                </Box>\n              </Grid>\n            ))}\n          </Grid>\n        </Box>\n      </>\n    );\n  };\n\n  return (\n    <Box\n      display={{ md: 'none', lg: 'block' }}\n      style={{ marginBottom: '1em' }}\n      role=\"region\"\n      aria-label={t('impactCard.title')}\n    >\n      <Card elevation={2}>\n        <CardContent>{renderContent()}</CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":["QuestionAnswer","People","Star"],"mappings":"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"}
+{"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import numeral from 'numeral';\nimport { useIdentityApi, useQetaApi } from '../../hooks';\nimport {\n  Box,\n  Card,\n  CardContent,\n  Divider,\n  Grid,\n  Tooltip,\n  Typography,\n  useTheme,\n} from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  ImpactResponse,\n  StatisticsResponse,\n  UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport People from '@material-ui/icons/People';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport Star from '@material-ui/icons/Star';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport TrendingUp from '@material-ui/icons/TrendingUp';\n\nexport const ImpactCard = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const theme = useTheme();\n  const { value: user, loading: userLoading } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n\n  const {\n    value: response,\n    loading: statsLoading,\n    error,\n  } = useQetaApi<{\n    impact: ImpactResponse;\n    stats: StatisticsResponse<UserStat>;\n  } | null>(\n    async api => {\n      if (!user) {\n        return null;\n      }\n      const [impact, stats] = await Promise.all([\n        api.getUserImpact(),\n        api.getUserStats(user.userEntityRef),\n      ]);\n      return { impact, stats };\n    },\n    [user],\n  );\n\n  const loading = userLoading || statsLoading;\n\n  const renderContent = () => {\n    if (loading) {\n      return (\n        <Box p={2}>\n          <Skeleton variant=\"text\" width=\"60%\" height={32} />\n          <Skeleton variant=\"text\" width=\"40%\" height={48} />\n          <Box mt={2}>\n            <Divider />\n          </Box>\n          <Box mt={2}>\n            <Grid container spacing={2}>\n              {Array.from(new Array(4)).map((_, i) => (\n                <Grid item xs={6} key={i}>\n                  <Skeleton variant=\"circle\" width={24} height={24} />\n                  <Skeleton variant=\"text\" width=\"80%\" />\n                </Grid>\n              ))}\n            </Grid>\n          </Box>\n        </Box>\n      );\n    }\n\n    if (error) {\n      return <Alert severity=\"error\">{t('impactCard.error')}</Alert>;\n    }\n\n    if (!response) {\n      return null;\n    }\n\n    const { impact, stats } = response;\n\n    const formatNumber = (num: number) => {\n      return num >= 1000 ? numeral(num).format('0.0 a') : num;\n    };\n\n    const formattedImpact = formatNumber(impact.impact);\n\n    const totalContributions =\n      stats.summary.totalQuestions +\n      stats.summary.totalAnswers +\n      stats.summary.totalArticles +\n      stats.summary.totalLinks;\n\n    const statItems = [\n      {\n        icon: <TrendingUp fontSize=\"small\" />,\n        value: formatNumber(totalContributions),\n        label: t('impactCard.totalContributions'),\n      },\n      {\n        icon: <HelpOutline fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalQuestions),\n        label: t('impactCard.questions'),\n      },\n      {\n        icon: <QuestionAnswer fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalAnswers),\n        label: t('impactCard.answers'),\n      },\n      {\n        icon: <DescriptionIcon fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalArticles),\n        label: t('impactCard.articles'),\n      },\n      {\n        icon: <LinkIcon fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalLinks),\n        label: t('impactCard.links'),\n      },\n      {\n        icon: <ThumbUp fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalVotes),\n        label: t('impactCard.votes'),\n      },\n      {\n        icon: <People fontSize=\"small\" />,\n        value: formatNumber(stats.summary.totalFollowers),\n        label: t('impactCard.followers'),\n      },\n      {\n        icon: <Star fontSize=\"small\" />,\n        value: formatNumber(stats.summary.answerScore),\n        label: t('impactCard.answerScore'),\n      },\n      {\n        icon: <Star fontSize=\"small\" />,\n        value: formatNumber(stats.summary.postScore),\n        label: t('impactCard.postScore'),\n      },\n      {\n        icon: <CheckCircle fontSize=\"small\" />,\n        value: formatNumber(stats.summary.correctAnswers),\n        label: t('impactCard.correctAnswers'),\n      },\n    ];\n\n    return (\n      <>\n        <Typography variant=\"h5\" component=\"h2\" gutterBottom>\n          {t('impactCard.title')}\n        </Typography>\n        <Box display=\"flex\" alignItems=\"center\" mb={1}>\n          <Typography\n            variant=\"body1\"\n            aria-label={`${formattedImpact} views`}\n            style={{ fontWeight: 'bold', marginBottom: 0, fontSize: '32px' }}\n          >\n            {formattedImpact}\n          </Typography>\n          <Typography\n            variant=\"body2\"\n            component=\"span\"\n            style={{ marginLeft: '0.5em', verticalAlign: 'middle' }}\n            color=\"textSecondary\"\n          >\n            {t('impactCard.views')}\n          </Typography>\n        </Box>\n        <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n          {t('impactCard.contributions', {\n            lastWeek: impact.lastWeekImpact.toString(10),\n          })}\n        </Typography>\n\n        <Box display=\"flex\" alignItems=\"center\" mt={2} mb={2}>\n          <EmojiEvents\n            style={{ color: theme.palette.secondary.main, marginRight: '8px' }}\n          />\n          <Typography\n            variant=\"subtitle1\"\n            component=\"span\"\n            style={{ fontWeight: 'bold' }}\n          >\n            {t('impactCard.reputation')}:{' '}\n            <Box component=\"span\" style={{ fontSize: '1.1em' }}>\n              {stats.summary.reputation || 0}\n            </Box>\n          </Typography>\n        </Box>\n\n        <Divider />\n\n        <Box mt={2}>\n          <Grid container spacing={2}>\n            {statItems.map((item, index) => (\n              <Grid item xs={6} sm={4} md={3} key={index}>\n                <Tooltip title={item.label}>\n                  <Box\n                    display=\"flex\"\n                    flexDirection=\"column\"\n                    alignItems=\"center\"\n                    style={{ cursor: 'default' }}\n                  >\n                    <Box color=\"textSecondary\">{item.icon}</Box>\n                    <Typography\n                      variant=\"body2\"\n                      style={{ fontWeight: 'bold', marginTop: '4px' }}\n                    >\n                      {item.value}\n                    </Typography>\n                  </Box>\n                </Tooltip>\n              </Grid>\n            ))}\n          </Grid>\n        </Box>\n      </>\n    );\n  };\n\n  return (\n    <Box\n      display={{ md: 'none', lg: 'block' }}\n      style={{ marginBottom: '1em' }}\n      role=\"region\"\n      aria-label={t('impactCard.title')}\n    >\n      <Card elevation={2}>\n        <CardContent>{renderContent()}</CardContent>\n      </Card>\n    </Box>\n  );\n};\n"],"names":["QuestionAnswer","People","Star"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,OAAA,EAAS,aAAgB,GAAA,cAAA;AAAA,IAC5C,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA;AAAA,IAChC;AAAC,GACH;AAEA,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAS,EAAA,YAAA;AAAA,IACT;AAAA,GACE,GAAA,UAAA;AAAA,IAIF,OAAM,GAAO,KAAA;AACX,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAO,OAAA,IAAA;AAAA;AAET,MAAA,MAAM,CAAC,MAAQ,EAAA,KAAK,CAAI,GAAA,MAAM,QAAQ,GAAI,CAAA;AAAA,QACxC,IAAI,aAAc,EAAA;AAAA,QAClB,GAAA,CAAI,YAAa,CAAA,IAAA,CAAK,aAAa;AAAA,OACpC,CAAA;AACD,MAAO,OAAA,EAAE,QAAQ,KAAM,EAAA;AAAA,KACzB;AAAA,IACA,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,MAAM,UAAU,WAAe,IAAA,YAAA;AAE/B,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,OAAS,EAAA;AACX,MACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,CAAA,EAAG,CACN,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAS,OAAQ,EAAA,MAAA,EAAO,KAAM,EAAA,KAAA,EAAM,QAAQ,EAAI,EAAA,CAAA;AAAA,4BAChD,QAAS,EAAA,EAAA,OAAA,EAAQ,QAAO,KAAM,EAAA,KAAA,EAAM,QAAQ,EAAI,EAAA,CAAA;AAAA,4BAChD,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,CACX,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CACtB,EAAA,QAAA,EAAA,KAAA,CAAM,IAAK,CAAA,IAAI,MAAM,CAAC,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAChC,qBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAS,OAAQ,EAAA,QAAA,EAAS,KAAO,EAAA,EAAA,EAAI,QAAQ,EAAI,EAAA,CAAA;AAAA,0BACjD,GAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,OAAM,KAAM,EAAA;AAAA,SAFhB,EAAA,EAAA,CAGvB,CACD,CAAA,EACH,CACF,EAAA;AAAA,OACF,EAAA,CAAA;AAAA;AAIJ,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,2BAAQ,KAAM,EAAA,EAAA,QAAA,EAAS,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,EAAA,CAAA;AAAA;AAGxD,IAAA,IAAI,CAAC,QAAU,EAAA;AACb,MAAO,OAAA,IAAA;AAAA;AAGT,IAAM,MAAA,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,QAAA;AAE1B,IAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,MAAA,OAAO,OAAO,GAAO,GAAA,OAAA,CAAQ,GAAG,CAAE,CAAA,MAAA,CAAO,OAAO,CAAI,GAAA,GAAA;AAAA,KACtD;AAEA,IAAM,MAAA,eAAA,GAAkB,YAAa,CAAA,MAAA,CAAO,MAAM,CAAA;AAElD,IAAM,MAAA,kBAAA,GACJ,KAAM,CAAA,OAAA,CAAQ,cACd,GAAA,KAAA,CAAM,OAAQ,CAAA,YAAA,GACd,KAAM,CAAA,OAAA,CAAQ,aACd,GAAA,KAAA,CAAM,OAAQ,CAAA,UAAA;AAEhB,IAAA,MAAM,SAAY,GAAA;AAAA,MAChB;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACnC,KAAA,EAAO,aAAa,kBAAkB,CAAA;AAAA,QACtC,KAAA,EAAO,EAAE,+BAA+B;AAAA,OAC1C;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACpC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,cAAc,CAAA;AAAA,QAChD,KAAA,EAAO,EAAE,sBAAsB;AAAA,OACjC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACA,kBAAe,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACvC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,YAAY,CAAA;AAAA,QAC9C,KAAA,EAAO,EAAE,oBAAoB;AAAA,OAC/B;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACxC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,aAAa,CAAA;AAAA,QAC/C,KAAA,EAAO,EAAE,qBAAqB;AAAA,OAChC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACjC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,QAC5C,KAAA,EAAO,EAAE,kBAAkB;AAAA,OAC7B;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAChC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,QAC5C,KAAA,EAAO,EAAE,kBAAkB;AAAA,OAC7B;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACC,UAAO,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAC/B,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,cAAc,CAAA;AAAA,QAChD,KAAA,EAAO,EAAE,sBAAsB;AAAA,OACjC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACC,QAAK,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAC7B,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,QAC7C,KAAA,EAAO,EAAE,wBAAwB;AAAA,OACnC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACA,QAAK,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAC7B,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,SAAS,CAAA;AAAA,QAC3C,KAAA,EAAO,EAAE,sBAAsB;AAAA,OACjC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACpC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,cAAc,CAAA;AAAA,QAChD,KAAA,EAAO,EAAE,2BAA2B;AAAA;AACtC,KACF;AAEA,IAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,IAAK,EAAA,SAAA,EAAU,MAAK,YAAY,EAAA,IAAA,EACjD,QAAE,EAAA,CAAA,CAAA,kBAAkB,CACvB,EAAA,CAAA;AAAA,2BACC,GAAI,EAAA,EAAA,OAAA,EAAQ,QAAO,UAAW,EAAA,QAAA,EAAS,IAAI,CAC1C,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,OAAA;AAAA,YACR,YAAA,EAAY,GAAG,eAAe,CAAA,MAAA,CAAA;AAAA,YAC9B,OAAO,EAAE,UAAA,EAAY,QAAQ,YAAc,EAAA,CAAA,EAAG,UAAU,MAAO,EAAA;AAAA,YAE9D,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,OAAA;AAAA,YACR,SAAU,EAAA,MAAA;AAAA,YACV,KAAO,EAAA,EAAE,UAAY,EAAA,OAAA,EAAS,eAAe,QAAS,EAAA;AAAA,YACtD,KAAM,EAAA,eAAA;AAAA,YAEL,YAAE,kBAAkB;AAAA;AAAA;AACvB,OACF,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,OAAM,eAAgB,EAAA,SAAA,EAAS,IACxD,EAAA,QAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,QAC7B,QAAU,EAAA,MAAA,CAAO,cAAe,CAAA,QAAA,CAAS,EAAE;AAAA,OAC5C,CACH,EAAA,CAAA;AAAA,sBAEA,IAAA,CAAC,OAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAAS,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACjD,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,KAAO,EAAA,KAAA,CAAM,QAAQ,SAAU,CAAA,IAAA,EAAM,aAAa,KAAM;AAAA;AAAA,SACnE;AAAA,wBACA,IAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,WAAA;AAAA,YACR,SAAU,EAAA,MAAA;AAAA,YACV,KAAA,EAAO,EAAE,UAAA,EAAY,MAAO,EAAA;AAAA,YAE3B,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,uBAAuB,CAAA;AAAA,cAAE,GAAA;AAAA,cAAE,GAAA;AAAA,8BAC7B,GAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA,EAAE,QAAU,EAAA,OAAA,EACtC,EAAA,QAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,UAAA,IAAc,CAC/B,EAAA;AAAA;AAAA;AAAA;AACF,OACF,EAAA,CAAA;AAAA,0BAEC,OAAQ,EAAA,EAAA,CAAA;AAAA,sBAER,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EACP,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EACtB,QAAU,EAAA,SAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KACpB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,KAAK,KACnB,EAAA,QAAA,kBAAA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,MAAA;AAAA,UACR,aAAc,EAAA,QAAA;AAAA,UACd,UAAW,EAAA,QAAA;AAAA,UACX,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,UAE3B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAI,EAAA,EAAA,KAAA,EAAM,eAAiB,EAAA,QAAA,EAAA,IAAA,CAAK,IAAK,EAAA,CAAA;AAAA,4BACtC,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAO,EAAA,EAAE,UAAY,EAAA,MAAA,EAAQ,WAAW,KAAM,EAAA;AAAA,gBAE7C,QAAK,EAAA,IAAA,CAAA;AAAA;AAAA;AACR;AAAA;AAAA,OAEJ,EAAA,CAAA,EAAA,EAhBmC,KAiBrC,CACD,GACH,CACF,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,MACnC,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,MAC7B,IAAK,EAAA,QAAA;AAAA,MACL,YAAA,EAAY,EAAE,kBAAkB,CAAA;AAAA,MAEhC,QAAA,kBAAA,GAAA,CAAC,QAAK,SAAW,EAAA,CAAA,EACf,8BAAC,WAAa,EAAA,EAAA,QAAA,EAAA,aAAA,IAAgB,CAChC,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/LeftMenu/LeftMenu.esm.js

@@ -68,13 +68,13 @@ const useStyles = makeStyles(
       menuItem: {
         margin: (props) => props.compact ? 0 : theme.spacing(0, 1.5),
         justifyContent: (props) => props.compact ? "center" : "flex-start",
-        padding: (props) => props.compact ? theme.spacing(1, 0) : theme.spacing(1, 0.5),
+        padding: (props) => props.compact ? theme.spacing(1, 0) : theme.spacing(0.5, 0.5),
         borderRadius: (props) => props.compact ? 0 : theme.shape.borderRadius,
         transition: "all 0.2s ease-in-out",
         color: theme.palette.text.primary,
         display: "flex",
         alignItems: "center",
-        minHeight: 48,
+        minHeight: 40,
         maxWidth: "80%",
         "&:hover": {
           backgroundColor: theme.palette.action.hover

package/dist/components/LeftMenu/LeftMenu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  List,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport GavelOutlined from '@material-ui/icons/GavelOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';\n\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  reviewRouteRef,\n  settingsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { useCanReview, useIdentityApi, useIsModerator } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '220px', // Standard width\n        paddingTop: 0,\n        paddingBottom: theme.spacing(2),\n        transition: 'width 0.2s ease-in-out',\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n      },\n      leftMenuCompact: {\n        width: '70px',\n        overflowX: 'hidden',\n        '& $sectionHeader': {\n          display: 'none',\n        },\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: theme.spacing(1),\n        width: 'auto',\n      },\n      outsidePopup: {\n        paddingRight: theme.spacing(2),\n      },\n      menuItem: {\n        margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 1.5)),\n        justifyContent: (props: any) =>\n          props.compact ? 'center' : 'flex-start',\n        padding: (props: any) =>\n          props.compact ? theme.spacing(1, 0) : theme.spacing(1, 0.5),\n        borderRadius: (props: any) =>\n          props.compact ? 0 : theme.shape.borderRadius,\n        transition: 'all 0.2s ease-in-out',\n        color: theme.palette.text.primary,\n        display: 'flex',\n        alignItems: 'center',\n        minHeight: 48,\n        maxWidth: '80%',\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.main,\n        backgroundColor: 'transparent',\n        fontWeight: 600,\n        position: 'relative',\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          height: '60%',\n          width: '4px',\n          backgroundColor: theme.palette.primary.main,\n          borderRadius: '0 4px 4px 0',\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n        '& svg': {\n          color: theme.palette.primary.main,\n        },\n      },\n      menuIcon: {\n        minWidth: '32px',\n        color: 'inherit',\n        display: 'flex',\n        justifyContent: 'center',\n      },\n      sectionHeader: {\n        padding: theme.spacing(0.5, 2, 0.5, 2),\n        marginTop: theme.spacing(2),\n        color: theme.palette.text.secondary,\n        fontWeight: 600,\n        textTransform: 'uppercase',\n        fontSize: '14px',\n        letterSpacing: '0.5px',\n        whiteSpace: 'nowrap',\n      },\n      toggleButton: {\n        marginLeft: 'auto',\n        marginRight: theme.spacing(0),\n        marginBottom: theme.spacing(1),\n      },\n      label: {\n        marginLeft: theme.spacing(1),\n        whiteSpace: 'nowrap',\n        opacity: 1,\n        transition: 'opacity 0.2s',\n      },\n      labelHidden: {\n        opacity: 0,\n        width: 0,\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const reviewRoute = useRouteRef(reviewRouteRef);\n  const settingsRoute = useRouteRef(settingsRouteRef);\n  const styles = useStyles(props);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const { canReview } = useCanReview();\n  const app = useApp();\n  const { compact = false, onToggle } = props;\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n  const CustomMenuItem = ({\n    route,\n    hasSubRoutes,\n    children,\n    label,\n  }: {\n    route: string;\n    hasSubRoutes?: boolean;\n    children: ReactNode;\n    label: string;\n  }) => {\n    const isSelected =\n      route === location.pathname ||\n      (hasSubRoutes && location.pathname?.startsWith(route));\n\n    return (\n      <Tooltip title={compact ? label : ''} placement=\"right\">\n        <MenuItem\n          onClick={e => {\n            if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n              return;\n            }\n            e.preventDefault();\n            navigate(route);\n            if (props.onClick) {\n              props.onClick(e);\n            }\n          }}\n          className={`${styles.menuItem} ${\n            isSelected ? styles.selectedMenuItem : ''\n          }`}\n          href={route}\n          component=\"a\"\n        >\n          {children}\n          <Typography\n            variant=\"body2\"\n            className={compact ? styles.labelHidden : styles.label}\n            style={{ fontWeight: isSelected ? 600 : 400 }}\n          >\n            {label}\n          </Typography>\n        </MenuItem>\n      </Tooltip>\n    );\n  };\n\n  const isPopup = props.inPopup;\n  const isCompact = compact && !isPopup;\n\n  return (\n    <List\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        isPopup\n          ? styles.inPopup\n          : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n      }`}\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      disablePadding\n    >\n      <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HomeOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.content')}\n        </Typography>\n      </li>\n\n      <CustomMenuItem\n        route={questionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.questions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={articlesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.articles')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LibraryBooksOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={linksRoute()}\n        hasSubRoutes\n        label={t('leftMenu.links')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LinkIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={favoritesRoute()}\n        label={t('leftMenu.favoriteQuestions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <StarBorder fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={entitiesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.entities')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EntityIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={tagsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.tags')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LocalOfferOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.community')}\n        </Typography>\n      </li>\n\n      <CustomMenuItem\n        route={collectionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.collections')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <PlaylistPlayOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <PeopleOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem\n          route={`${userRoute()}/${user.userEntityRef}`}\n          label={t('leftMenu.profile')}\n        >\n          <ListItemIcon className={styles.menuIcon}>\n            <PersonOutline fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n\n      <CustomMenuItem\n        route={statisticsRoute()}\n        label={t('leftMenu.statistics')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EmojiEventsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.manage')}\n        </Typography>\n      </li>\n      <CustomMenuItem route={settingsRoute()} label={t('leftMenu.settings')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <SettingsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {canReview && (\n        <CustomMenuItem route={reviewRoute()} label={t('leftMenu.review')}>\n          <ListItemIcon className={styles.menuIcon}>\n            <RateReviewOutlined fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n      {isModerator && (\n        <CustomMenuItem route={moderatorRoute()} label={t('leftMenu.moderate')}>\n          <ListItemIcon className={styles.menuIcon}>\n            <GavelOutlined fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n      {!isPopup && (\n        <Box\n          display=\"flex\"\n          justifyContent={isCompact ? 'center' : 'flex-start'}\n          style={{ marginTop: 'auto' }}\n        >\n          <Tooltip\n            title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n            placement=\"right\"\n          >\n            <IconButton\n              onClick={onToggle}\n              size=\"small\"\n              className={isCompact ? '' : styles.toggleButton}\n              style={{ marginTop: 8, marginLeft: isCompact ? -10 : 18 }}\n            >\n              {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n      )}\n    </List>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  List,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport GavelOutlined from '@material-ui/icons/GavelOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';\n\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  reviewRouteRef,\n  settingsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { useCanReview, useIdentityApi, useIsModerator } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '220px', // Standard width\n        paddingTop: 0,\n        paddingBottom: theme.spacing(2),\n        transition: 'width 0.2s ease-in-out',\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n      },\n      leftMenuCompact: {\n        width: '70px',\n        overflowX: 'hidden',\n        '& $sectionHeader': {\n          display: 'none',\n        },\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: theme.spacing(1),\n        width: 'auto',\n      },\n      outsidePopup: {\n        paddingRight: theme.spacing(2),\n      },\n      menuItem: {\n        margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 1.5)),\n        justifyContent: (props: any) =>\n          props.compact ? 'center' : 'flex-start',\n        padding: (props: any) =>\n          props.compact ? theme.spacing(1, 0) : theme.spacing(0.5, 0.5),\n        borderRadius: (props: any) =>\n          props.compact ? 0 : theme.shape.borderRadius,\n        transition: 'all 0.2s ease-in-out',\n        color: theme.palette.text.primary,\n        display: 'flex',\n        alignItems: 'center',\n        minHeight: 40,\n        maxWidth: '80%',\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.main,\n        backgroundColor: 'transparent',\n        fontWeight: 600,\n        position: 'relative',\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          height: '60%',\n          width: '4px',\n          backgroundColor: theme.palette.primary.main,\n          borderRadius: '0 4px 4px 0',\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n        '& svg': {\n          color: theme.palette.primary.main,\n        },\n      },\n      menuIcon: {\n        minWidth: '32px',\n        color: 'inherit',\n        display: 'flex',\n        justifyContent: 'center',\n      },\n      sectionHeader: {\n        padding: theme.spacing(0.5, 2, 0.5, 2),\n        marginTop: theme.spacing(2),\n        color: theme.palette.text.secondary,\n        fontWeight: 600,\n        textTransform: 'uppercase',\n        fontSize: '14px',\n        letterSpacing: '0.5px',\n        whiteSpace: 'nowrap',\n      },\n      toggleButton: {\n        marginLeft: 'auto',\n        marginRight: theme.spacing(0),\n        marginBottom: theme.spacing(1),\n      },\n      label: {\n        marginLeft: theme.spacing(1),\n        whiteSpace: 'nowrap',\n        opacity: 1,\n        transition: 'opacity 0.2s',\n      },\n      labelHidden: {\n        opacity: 0,\n        width: 0,\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const reviewRoute = useRouteRef(reviewRouteRef);\n  const settingsRoute = useRouteRef(settingsRouteRef);\n  const styles = useStyles(props);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const { canReview } = useCanReview();\n  const app = useApp();\n  const { compact = false, onToggle } = props;\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n  const CustomMenuItem = ({\n    route,\n    hasSubRoutes,\n    children,\n    label,\n  }: {\n    route: string;\n    hasSubRoutes?: boolean;\n    children: ReactNode;\n    label: string;\n  }) => {\n    const isSelected =\n      route === location.pathname ||\n      (hasSubRoutes && location.pathname?.startsWith(route));\n\n    return (\n      <Tooltip title={compact ? label : ''} placement=\"right\">\n        <MenuItem\n          onClick={e => {\n            if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n              return;\n            }\n            e.preventDefault();\n            navigate(route);\n            if (props.onClick) {\n              props.onClick(e);\n            }\n          }}\n          className={`${styles.menuItem} ${\n            isSelected ? styles.selectedMenuItem : ''\n          }`}\n          href={route}\n          component=\"a\"\n        >\n          {children}\n          <Typography\n            variant=\"body2\"\n            className={compact ? styles.labelHidden : styles.label}\n            style={{ fontWeight: isSelected ? 600 : 400 }}\n          >\n            {label}\n          </Typography>\n        </MenuItem>\n      </Tooltip>\n    );\n  };\n\n  const isPopup = props.inPopup;\n  const isCompact = compact && !isPopup;\n\n  return (\n    <List\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        isPopup\n          ? styles.inPopup\n          : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n      }`}\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      disablePadding\n    >\n      <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HomeOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.content')}\n        </Typography>\n      </li>\n\n      <CustomMenuItem\n        route={questionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.questions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={articlesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.articles')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LibraryBooksOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={linksRoute()}\n        hasSubRoutes\n        label={t('leftMenu.links')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LinkIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={favoritesRoute()}\n        label={t('leftMenu.favoriteQuestions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <StarBorder fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={entitiesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.entities')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EntityIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={tagsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.tags')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LocalOfferOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.community')}\n        </Typography>\n      </li>\n\n      <CustomMenuItem\n        route={collectionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.collections')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <PlaylistPlayOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <PeopleOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem\n          route={`${userRoute()}/${user.userEntityRef}`}\n          label={t('leftMenu.profile')}\n        >\n          <ListItemIcon className={styles.menuIcon}>\n            <PersonOutline fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n\n      <CustomMenuItem\n        route={statisticsRoute()}\n        label={t('leftMenu.statistics')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EmojiEventsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.manage')}\n        </Typography>\n      </li>\n      <CustomMenuItem route={settingsRoute()} label={t('leftMenu.settings')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <SettingsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {canReview && (\n        <CustomMenuItem route={reviewRoute()} label={t('leftMenu.review')}>\n          <ListItemIcon className={styles.menuIcon}>\n            <RateReviewOutlined fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n      {isModerator && (\n        <CustomMenuItem route={moderatorRoute()} label={t('leftMenu.moderate')}>\n          <ListItemIcon className={styles.menuIcon}>\n            <GavelOutlined fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n      {!isPopup && (\n        <Box\n          display=\"flex\"\n          justifyContent={isCompact ? 'center' : 'flex-start'}\n          style={{ marginTop: 'auto' }}\n        >\n          <Tooltip\n            title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n            placement=\"right\"\n          >\n            <IconButton\n              onClick={onToggle}\n              size=\"small\"\n              className={isCompact ? '' : styles.toggleButton}\n              style={{ marginTop: 8, marginLeft: isCompact ? -10 : 18 }}\n            >\n              {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n      )}\n    </List>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js

@@ -11,22 +11,26 @@ const PostAnonymouslyCheckbox = (props) => {
     Controller,
     {
       control,
-      render: ({ field: { onChange, value } }) => /* @__PURE__ */ jsx(
-        FormControlLabel,
-        {
-          control: /* @__PURE__ */ jsx(Tooltip, { title: t("anonymousCheckbox.tooltip"), children: /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              onChange,
-              value,
-              size: "small",
-              disabled,
-              name: "anonymous"
-            }
-          ) }),
-          label
-        }
-      ),
+      render: ({ field: { onChange, value } }) => {
+        return /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsx(Tooltip, { title: t("anonymousCheckbox.tooltip"), children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                onChange,
+                value,
+                checked: value === true,
+                size: "small",
+                disabled,
+                name: "anonymous",
+                "data-testid": "post-anonymously-checkbox"
+              }
+            ) }),
+            label
+          }
+        );
+      },
       name: "anonymous"
     }
   ) });

package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostAnonymouslyCheckbox.esm.js","sources":["../../../src/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Checkbox, FormControlLabel, Tooltip } from '@material-ui/core';\n\nexport const PostAnonymouslyCheckbox = (props: {\n  control: Control<any>;\n  disabled?: boolean;\n  label: string;\n}) => {\n  const { control, disabled, label } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  return (\n    <Box style={{ marginLeft: '0.2em' }}>\n      <Controller\n        control={control}\n        render={({ field: { onChange, value } }) => (\n          <FormControlLabel\n            control={\n              <Tooltip title={t('anonymousCheckbox.tooltip')}>\n                <Checkbox\n                  onChange={onChange}\n                  value={value}\n                  size=\"small\"\n                  disabled={disabled}\n                  name=\"anonymous\"\n                />\n              </Tooltip>\n            }\n            label={label}\n          />\n        )}\n        name=\"anonymous\"\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAIlC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,2BACG,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,SACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAU,EAAA,KAAA,IAC5B,qBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,yBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,2BAA2B,CAC3C,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,QAAA;AAAA,cACA,KAAA;AAAA,cACA,IAAK,EAAA,OAAA;AAAA,cACL,QAAA;AAAA,cACA,IAAK,EAAA;AAAA;AAAA,WAET,EAAA,CAAA;AAAA,UAEF;AAAA;AAAA,OACF;AAAA,MAEF,IAAK,EAAA;AAAA;AAAA,GAET,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PostAnonymouslyCheckbox.esm.js","sources":["../../../src/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Checkbox, FormControlLabel, Tooltip } from '@material-ui/core';\n\nexport const PostAnonymouslyCheckbox = (props: {\n  control: Control<any>;\n  disabled?: boolean;\n  label: string;\n}) => {\n  const { control, disabled, label } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  return (\n    <Box style={{ marginLeft: '0.2em' }}>\n      <Controller\n        control={control}\n        render={({ field: { onChange, value } }) => {\n          return (\n            <FormControlLabel\n              control={\n                <Tooltip title={t('anonymousCheckbox.tooltip')}>\n                  <Checkbox\n                    onChange={onChange}\n                    value={value}\n                    checked={value === true}\n                    size=\"small\"\n                    disabled={disabled}\n                    name=\"anonymous\"\n                    data-testid=\"post-anonymously-checkbox\"\n                  />\n                </Tooltip>\n              }\n              label={label}\n            />\n          );\n        }}\n        name=\"anonymous\"\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAIlC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,2BACG,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,SACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAU,EAAA,KAAA,IAAc,KAAA;AAC1C,QACE,uBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,yBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,2BAA2B,CAC3C,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,QAAA;AAAA,gBACA,KAAA;AAAA,gBACA,SAAS,KAAU,KAAA,IAAA;AAAA,gBACnB,IAAK,EAAA,OAAA;AAAA,gBACL,QAAA;AAAA,gBACA,IAAK,EAAA,WAAA;AAAA,gBACL,aAAY,EAAA;AAAA;AAAA,aAEhB,EAAA,CAAA;AAAA,YAEF;AAAA;AAAA,SACF;AAAA,OAEJ;AAAA,MACA,IAAK,EAAA;AAAA;AAAA,GAET,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PostForm/PostForm.esm.js

@@ -129,7 +129,7 @@ const PostForm = (props) => {
   const catalogApi = useApi(catalogApiRef);
   const configApi = useApi(configApiRef);
   const alertApi = useApi(alertApiRef);
-  const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
+  const allowAnonymous = configApi.getOptionalBoolean("qeta.allowAnonymous");
   const minEntities = configApi.getOptionalNumber("qeta.entities.min") ?? 0;
   const minTags = configApi.getOptionalNumber("qeta.tags.min") ?? 0;
   const isLink = type === "link";
@@ -329,6 +329,11 @@ const PostForm = (props) => {
       });
     }
   }, [catalogApi, id, identity]);
+  useEffect(() => {
+    if (!id && !loading && allowAnonymous) {
+      setValues((v) => ({ ...v, anonymous: settings.anonymousPosting }));
+    }
+  }, [id, loading, settings.anonymousPosting, allowAnonymous]);
   const authorValue = watch("author");
   const customAuthor = useMemo(() => {
     const authorRef = authorValue ? stringifyEntityRef(authorValue) : void 0;
@@ -734,7 +739,7 @@ const PostForm = (props) => {
             name: "author"
           }
         ) }),
-        allowAnonymouns && !id && /* @__PURE__ */ jsxs(Box, { mt: 2, mb: 2, display: "flex", alignItems: "center", children: [
+        allowAnonymous && !id && /* @__PURE__ */ jsxs(Box, { mt: 2, mb: 2, display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ jsx(
             PostAnonymouslyCheckbox,
             {