@drodil/backstage-plugin-qeta-react 3.49.1 → 3.51.0

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

@@ -1 +1 @@
-{"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { UserLink } from '../Links';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { Avatar, Box, makeStyles, Typography } from '@material-ui/core';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n  theme => ({\n    authorBox: {\n      padding: theme.spacing(0, 1.5, 0, 0),\n      textAlign: 'right',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: theme.spacing(0.5),\n      marginLeft: theme.spacing(2),\n      maxWidth: '200px',\n    },\n    authorBoxCompact: {\n      display: 'flex',\n      gap: theme.spacing(0.5),\n      alignItems: 'center',\n      marginBottom: '8px',\n      '& > *': {\n        fontSize: '12px',\n        display: 'inline-flex',\n        lineHeight: '16px',\n      },\n    },\n    timeRow: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n    },\n    avatar: {\n      width: '20px',\n      height: '20px',\n    },\n    avatarCompact: {\n      width: '20px',\n      height: '20px',\n    },\n    authorInfo: {\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      color: theme.palette.text.primary,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      gap: theme.spacing(0.5),\n    },\n    authorLink: {\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      color: theme.palette.text.primary,\n    },\n    expertIcon: {\n      marginLeft: theme.spacing(0.5),\n      verticalAlign: 'middle',\n    },\n    meta: {\n      color: theme.palette.text.secondary,\n      textAlign: 'center',\n      margin: 0,\n    },\n  }),\n  { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: {\n  userEntityRef: string;\n  time: string | Date;\n  label: string;\n  expert?: boolean;\n  anonymous?: boolean;\n  compact?: boolean;\n}) => {\n  const { userEntityRef, time, label, expert, anonymous, compact } = props;\n  const { name, initials, user } = useUserInfo(userEntityRef);\n  const styles = useStyles();\n\n  if (compact) {\n    return (\n      <Box className={`qetaAuthorBox ${styles.authorBoxCompact}`}>\n        <Avatar\n          src={user?.spec?.profile?.picture}\n          className={`qetaAuthorBoxAvatar ${styles.avatarCompact}`}\n          alt={name}\n          variant=\"rounded\"\n        >\n          {initials}\n        </Avatar>\n        <Typography variant=\"body2\" component=\"span\">\n          <UserLink entityRef={userEntityRef} anonymous={anonymous} />\n        </Typography>\n        {expert && <ExpertIcon className={styles.expertIcon} />}\n        <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n          <RelativeTimeWithTooltip value={time} />\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Box className={`qetaAuthorBox ${styles.authorBox}`}>\n      <Box className={styles.timeRow}>\n        <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n          {label} <RelativeTimeWithTooltip value={time} />\n        </Typography>\n      </Box>\n      <Box className={styles.authorInfo}>\n        <Avatar\n          src={user?.spec?.profile?.picture}\n          className={`qetaAuthorBoxAvatar ${styles.avatar}`}\n          alt={name}\n          variant=\"rounded\"\n        >\n          {initials}\n        </Avatar>\n        <Box className={styles.authorLink}>\n          <UserLink entityRef={userEntityRef} anonymous={anonymous} />\n          {expert && <ExpertIcon className={styles.expertIcon} />}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { UserLink } from '../Links';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { Avatar, Box, makeStyles, Typography } from '@material-ui/core';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n  theme => ({\n    authorBox: {\n      padding: theme.spacing(0, 1.5, 0, 0),\n      textAlign: 'right',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: theme.spacing(0.5),\n      marginLeft: theme.spacing(2),\n      maxWidth: '200px',\n    },\n    authorBoxCompact: {\n      display: 'flex',\n      gap: theme.spacing(0.5),\n      alignItems: 'center',\n      marginBottom: '8px',\n      whiteSpace: 'nowrap',\n      '& > *': {\n        fontSize: '12px',\n        display: 'inline-flex',\n        lineHeight: '16px',\n      },\n    },\n    timeRow: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n    },\n    avatar: {\n      width: '20px',\n      height: '20px',\n    },\n    avatarCompact: {\n      width: '20px',\n      height: '20px',\n    },\n    authorInfo: {\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      color: theme.palette.text.primary,\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      gap: theme.spacing(0.5),\n    },\n    authorLink: {\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      color: theme.palette.text.primary,\n    },\n    expertIcon: {\n      marginLeft: theme.spacing(0.5),\n      verticalAlign: 'middle',\n    },\n    meta: {\n      color: theme.palette.text.secondary,\n      textAlign: 'center',\n      margin: 0,\n    },\n  }),\n  { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: {\n  userEntityRef: string;\n  time: string | Date;\n  label: string;\n  expert?: boolean;\n  anonymous?: boolean;\n  compact?: boolean;\n  noLink?: boolean;\n}) => {\n  const { userEntityRef, time, label, expert, anonymous, compact, noLink } =\n    props;\n  const { name, initials, user } = useUserInfo(userEntityRef);\n  const styles = useStyles();\n\n  if (compact) {\n    return (\n      <Box className={`qetaAuthorBox ${styles.authorBoxCompact}`}>\n        <Avatar\n          src={user?.spec?.profile?.picture}\n          className={`qetaAuthorBoxAvatar ${styles.avatarCompact}`}\n          alt={name}\n          variant=\"rounded\"\n        >\n          {initials}\n        </Avatar>\n        <Typography variant=\"body2\" component=\"span\">\n          <UserLink\n            entityRef={userEntityRef}\n            anonymous={anonymous}\n            noLink={noLink}\n          />\n        </Typography>\n        {expert && <ExpertIcon className={styles.expertIcon} />}\n        <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n          <RelativeTimeWithTooltip value={time} />\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Box className={`qetaAuthorBox ${styles.authorBox}`}>\n      <Box className={styles.timeRow}>\n        <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n          {label} <RelativeTimeWithTooltip value={time} />\n        </Typography>\n      </Box>\n      <Box className={styles.authorInfo}>\n        <Avatar\n          src={user?.spec?.profile?.picture}\n          className={`qetaAuthorBoxAvatar ${styles.avatar}`}\n          alt={name}\n          variant=\"rounded\"\n        >\n          {initials}\n        </Avatar>\n        <Box className={styles.authorLink}>\n          <UserLink\n            entityRef={userEntityRef}\n            anonymous={anonymous}\n            noLink={noLink}\n          />\n          {expert && <ExpertIcon className={styles.expertIcon} />}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AuthorBox/AuthorBoxes.esm.js

@@ -1,12 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { isAnswer } from '@drodil/backstage-plugin-qeta-common';
 import { Box } from '@material-ui/core';
 import { AuthorBox } from './AuthorBox.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 
-function isAnswer(entity) {
-  return "postId" in entity && "correct" in entity;
-}
 const AuthorBoxes = (props) => {
   const entity = props.entity;
   const { t } = useTranslationRef(qetaTranslationRef);

package/dist/components/AuthorBox/AuthorBoxes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthorBoxes.esm.js","sources":["../../../src/components/AuthorBox/AuthorBoxes.tsx"],"sourcesContent":["import {\n  Answer,\n  PostAnswerEntity,\n  QetaIdEntity,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box } from '@material-ui/core';\nimport { AuthorBox } from './AuthorBox.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nfunction isAnswer(entity: QetaIdEntity): entity is Answer {\n  return 'postId' in entity && 'correct' in entity;\n}\n\nexport const AuthorBoxes = (props: { entity: PostAnswerEntity }) => {\n  const entity = props.entity;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Box\n      display=\"flex\"\n      minWidth={220}\n      style={{ gap: '8px', justifyContent: 'flex-end' }}\n      ml={1}\n    >\n      {entity.updated && entity.updatedBy && (\n        <AuthorBox\n          userEntityRef={entity.updatedBy}\n          time={entity.updated}\n          label={t('authorBox.updatedAtTime')}\n          expert={false}\n          anonymous={entity.anonymous}\n        />\n      )}\n      <AuthorBox\n        userEntityRef={entity.author}\n        time={entity.created}\n        label={\n          isAnswer(entity)\n            ? t('authorBox.answeredAtTime')\n            : t('authorBox.postedAtTime')\n        }\n        expert={isAnswer(entity) ? entity.expert : false}\n        anonymous={entity.anonymous}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAUA,SAAS,SAAS,MAAwC,EAAA;AACxD,EAAO,OAAA,QAAA,IAAY,UAAU,SAAa,IAAA,MAAA;AAC5C;AAEa,MAAA,WAAA,GAAc,CAAC,KAAwC,KAAA;AAClE,EAAA,MAAM,SAAS,KAAM,CAAA,MAAA;AACrB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,QAAU,EAAA,GAAA;AAAA,MACV,KAAO,EAAA,EAAE,GAAK,EAAA,KAAA,EAAO,gBAAgB,UAAW,EAAA;AAAA,MAChD,EAAI,EAAA,CAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAO,MAAA,CAAA,OAAA,IAAW,OAAO,SACxB,oBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,eAAe,MAAO,CAAA,SAAA;AAAA,YACtB,MAAM,MAAO,CAAA,OAAA;AAAA,YACb,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,YAClC,MAAQ,EAAA,KAAA;AAAA,YACR,WAAW,MAAO,CAAA;AAAA;AAAA,SACpB;AAAA,wBAEF,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,eAAe,MAAO,CAAA,MAAA;AAAA,YACtB,MAAM,MAAO,CAAA,OAAA;AAAA,YACb,KAAA,EACE,SAAS,MAAM,CAAA,GACX,EAAE,0BAA0B,CAAA,GAC5B,EAAE,wBAAwB,CAAA;AAAA,YAEhC,MAAQ,EAAA,QAAA,CAAS,MAAM,CAAA,GAAI,OAAO,MAAS,GAAA,KAAA;AAAA,YAC3C,WAAW,MAAO,CAAA;AAAA;AAAA;AACpB;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"AuthorBoxes.esm.js","sources":["../../../src/components/AuthorBox/AuthorBoxes.tsx"],"sourcesContent":["import {\n  Answer,\n  PostAnswerEntity,\n  isAnswer,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box } from '@material-ui/core';\nimport { AuthorBox } from './AuthorBox.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const AuthorBoxes = (props: { entity: PostAnswerEntity }) => {\n  const entity = props.entity;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Box\n      display=\"flex\"\n      minWidth={220}\n      style={{ gap: '8px', justifyContent: 'flex-end' }}\n      ml={1}\n    >\n      {entity.updated && entity.updatedBy && (\n        <AuthorBox\n          userEntityRef={entity.updatedBy}\n          time={entity.updated}\n          label={t('authorBox.updatedAtTime')}\n          expert={false}\n          anonymous={entity.anonymous}\n        />\n      )}\n      <AuthorBox\n        userEntityRef={entity.author}\n        time={entity.created}\n        label={\n          isAnswer(entity)\n            ? t('authorBox.answeredAtTime')\n            : t('authorBox.postedAtTime')\n        }\n        expert={isAnswer(entity) ? (entity as Answer).expert : false}\n        anonymous={entity.anonymous}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAUa,MAAA,WAAA,GAAc,CAAC,KAAwC,KAAA;AAClE,EAAA,MAAM,SAAS,KAAM,CAAA,MAAA;AACrB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,QAAU,EAAA,GAAA;AAAA,MACV,KAAO,EAAA,EAAE,GAAK,EAAA,KAAA,EAAO,gBAAgB,UAAW,EAAA;AAAA,MAChD,EAAI,EAAA,CAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAO,MAAA,CAAA,OAAA,IAAW,OAAO,SACxB,oBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,eAAe,MAAO,CAAA,SAAA;AAAA,YACtB,MAAM,MAAO,CAAA,OAAA;AAAA,YACb,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,YAClC,MAAQ,EAAA,KAAA;AAAA,YACR,WAAW,MAAO,CAAA;AAAA;AAAA,SACpB;AAAA,wBAEF,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,eAAe,MAAO,CAAA,MAAA;AAAA,YACtB,MAAM,MAAO,CAAA,OAAA;AAAA,YACb,KAAA,EACE,SAAS,MAAM,CAAA,GACX,EAAE,0BAA0B,CAAA,GAC5B,EAAE,wBAAwB,CAAA;AAAA,YAEhC,MAAQ,EAAA,QAAA,CAAS,MAAM,CAAA,GAAK,OAAkB,MAAS,GAAA,KAAA;AAAA,YACvD,WAAW,MAAO,CAAA;AAAA;AAAA;AACpB;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/Badges/BadgeChip.esm.js

@@ -0,0 +1,231 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Box, Typography } from '@material-ui/core';
+import StarIcon from '@material-ui/icons/Star';
+import VerifiedUser from '@material-ui/icons/VerifiedUser';
+import Visibility from '@material-ui/icons/Visibility';
+import EmojiEvents from '@material-ui/icons/EmojiEvents';
+import HelpIcon from '@material-ui/icons/Help';
+import SearchIcon from '@material-ui/icons/Search';
+import Support from '@material-ui/icons/ContactSupport';
+import Build from '@material-ui/icons/Build';
+import School from '@material-ui/icons/School';
+import MenuBook from '@material-ui/icons/MenuBook';
+import CastForEducation from '@material-ui/icons/CastForEducation';
+import ThumbUp from '@material-ui/icons/ThumbUp';
+import RateReview from '@material-ui/icons/RateReview';
+import DescriptionIcon from '@material-ui/icons/Description';
+import CreateIcon from '@material-ui/icons/Create';
+import LinkIcon from '@material-ui/icons/Link';
+import Comment from '@material-ui/icons/Comment';
+import ViewColumn from '@material-ui/icons/ViewColumn';
+import Share from '@material-ui/icons/Share';
+import Public from '@material-ui/icons/Public';
+import RecordVoiceOver from '@material-ui/icons/RecordVoiceOver';
+import SpeakerNotes from '@material-ui/icons/SpeakerNotes';
+import Gavel from '@material-ui/icons/Gavel';
+import DeviceHub from '@material-ui/icons/DeviceHub';
+import Hearing from '@material-ui/icons/Hearing';
+import Stars from '@material-ui/icons/Stars';
+import Flare from '@material-ui/icons/Flare';
+import CheckCircle from '@material-ui/icons/CheckCircle';
+import DoneAll from '@material-ui/icons/DoneAll';
+import PersonAdd from '@material-ui/icons/PersonAdd';
+import TrendingUp from '@material-ui/icons/TrendingUp';
+import Group from '@material-ui/icons/Group';
+import NightsStay from '@material-ui/icons/NightsStay';
+import ChatBubble from '@material-ui/icons/ChatBubble';
+import Translate from '@material-ui/icons/Translate';
+import LibraryBooks from '@material-ui/icons/LibraryBooks';
+import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
+import LocalLibrary from '@material-ui/icons/LocalLibrary';
+import Archive from '@material-ui/icons/Archive';
+import PlayListAddIcon from '@material-ui/icons/PlaylistAdd';
+import FolderSpecial from '@material-ui/icons/FolderSpecial';
+import StarRate from '@material-ui/icons/StarRate';
+import Whatshot from '@material-ui/icons/Whatshot';
+import Palette from '@material-ui/icons/Palette';
+import CameraAlt from '@material-ui/icons/CameraAlt';
+import LabelImportant from '@material-ui/icons/LabelImportant';
+
+const useStyles = makeStyles((theme) => ({
+  badge: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "flex-start",
+    padding: theme.spacing(1.5),
+    borderRadius: theme.shape.borderRadius * 2,
+    width: 140,
+    height: 140,
+    textAlign: "center",
+    userSelect: "none",
+    overflow: "hidden"
+  },
+  bronze: {
+    background: "linear-gradient(135deg, #cd7f32 0%, #a0522d 100%)",
+    color: "#ffffff"
+  },
+  silver: {
+    background: "linear-gradient(135deg, #e8e8e8 0%, #a8a8a8 100%)",
+    color: "#333333"
+  },
+  gold: {
+    background: "linear-gradient(135deg, #ffd700 0%, #daa520 100%)",
+    color: "#333333"
+  },
+  diamond: {
+    background: "linear-gradient(135deg, #b9f2ff 0%, #7ec8e3 100%)",
+    color: "#1a365d"
+  },
+  icon: {
+    fontSize: 28,
+    marginBottom: theme.spacing(0.5)
+  },
+  name: {
+    fontWeight: 600,
+    fontSize: "0.85rem",
+    lineHeight: 1.2,
+    marginBottom: theme.spacing(0.5)
+  },
+  level: {
+    fontSize: "0.65rem",
+    textTransform: "uppercase",
+    letterSpacing: "0.5px",
+    opacity: 0.85,
+    marginBottom: theme.spacing(0.5)
+  },
+  description: {
+    fontSize: "0.7rem",
+    lineHeight: 1.3,
+    opacity: 0.9
+  }
+}));
+const getIcon = (icon) => {
+  switch (icon) {
+    case "star":
+      return /* @__PURE__ */ jsx(StarIcon, {});
+    case "local_police":
+      return /* @__PURE__ */ jsx(VerifiedUser, {});
+    case "visibility":
+      return /* @__PURE__ */ jsx(Visibility, {});
+    case "workspace_premium":
+      return /* @__PURE__ */ jsx(EmojiEvents, {});
+    case "help":
+      return /* @__PURE__ */ jsx(HelpIcon, {});
+    case "psychology":
+      return /* @__PURE__ */ jsx(SearchIcon, {});
+    case "support":
+      return /* @__PURE__ */ jsx(Support, {});
+    case "build":
+      return /* @__PURE__ */ jsx(Build, {});
+    case "school":
+      return /* @__PURE__ */ jsx(School, {});
+    case "menu_book":
+      return /* @__PURE__ */ jsx(MenuBook, {});
+    case "cast_for_education":
+      return /* @__PURE__ */ jsx(CastForEducation, {});
+    case "thumb_up":
+      return /* @__PURE__ */ jsx(ThumbUp, {});
+    case "rate_review":
+      return /* @__PURE__ */ jsx(RateReview, {});
+    case "article":
+      return /* @__PURE__ */ jsx(DescriptionIcon, {});
+    case "history_edu":
+      return /* @__PURE__ */ jsx(CreateIcon, {});
+    case "link":
+      return /* @__PURE__ */ jsx(LinkIcon, {});
+    case "comment":
+      return /* @__PURE__ */ jsx(Comment, {});
+    case "view_column":
+      return /* @__PURE__ */ jsx(ViewColumn, {});
+    case "share":
+      return /* @__PURE__ */ jsx(Share, {});
+    case "public":
+      return /* @__PURE__ */ jsx(Public, {});
+    case "record_voice_over":
+      return /* @__PURE__ */ jsx(RecordVoiceOver, {});
+    case "campaign":
+      return /* @__PURE__ */ jsx(SpeakerNotes, {});
+    case "gavel":
+      return /* @__PURE__ */ jsx(Gavel, {});
+    case "device_hub":
+      return /* @__PURE__ */ jsx(DeviceHub, {});
+    case "hearing":
+      return /* @__PURE__ */ jsx(Hearing, {});
+    case "military_tech":
+      return /* @__PURE__ */ jsx(Stars, {});
+    case "verified":
+      return /* @__PURE__ */ jsx(VerifiedUser, {});
+    case "check_circle":
+      return /* @__PURE__ */ jsx(CheckCircle, {});
+    case "done_all":
+      return /* @__PURE__ */ jsx(DoneAll, {});
+    case "construction":
+      return /* @__PURE__ */ jsx(Build, {});
+    case "auto_fix_high":
+      return /* @__PURE__ */ jsx(Flare, {});
+    case "person_add":
+      return /* @__PURE__ */ jsx(PersonAdd, {});
+    case "trending_up":
+      return /* @__PURE__ */ jsx(TrendingUp, {});
+    case "emoji_events":
+      return /* @__PURE__ */ jsx(EmojiEvents, {});
+    case "groups":
+      return /* @__PURE__ */ jsx(Group, {});
+    case "nights_stay":
+      return /* @__PURE__ */ jsx(NightsStay, {});
+    case "auto_stories":
+      return /* @__PURE__ */ jsx(LibraryBooks, {});
+    case "translate":
+      return /* @__PURE__ */ jsx(Translate, {});
+    case "chat_bubble":
+      return /* @__PURE__ */ jsx(ChatBubble, {});
+    // Collection badges
+    case "collections_bookmark":
+      return /* @__PURE__ */ jsx(CollectionsBookmarkIcon, {});
+    case "local_library":
+      return /* @__PURE__ */ jsx(LocalLibrary, {});
+    case "archive":
+      return /* @__PURE__ */ jsx(Archive, {});
+    case "playlist_add":
+      return /* @__PURE__ */ jsx(PlayListAddIcon, {});
+    case "folder_special":
+      return /* @__PURE__ */ jsx(FolderSpecial, {});
+    case "inventory":
+      return /* @__PURE__ */ jsx(Archive, {});
+    case "star_rate":
+      return /* @__PURE__ */ jsx(StarRate, {});
+    case "diamond":
+      return /* @__PURE__ */ jsx(Stars, {});
+    case "whatshot":
+      return /* @__PURE__ */ jsx(Whatshot, {});
+    case "palette":
+      return /* @__PURE__ */ jsx(Palette, {});
+    case "camera_alt":
+      return /* @__PURE__ */ jsx(CameraAlt, {});
+    case "label_important":
+      return /* @__PURE__ */ jsx(LabelImportant, {});
+    default:
+      return /* @__PURE__ */ jsx(VerifiedUser, {});
+  }
+};
+const BadgeChip = ({
+  badge,
+  count
+}) => {
+  const classes = useStyles();
+  const IconComponent = getIcon(badge.icon);
+  return /* @__PURE__ */ jsxs(Box, { className: `${classes.badge} ${classes[badge.level]}`, children: [
+    /* @__PURE__ */ jsx(Box, { className: classes.icon, children: IconComponent }),
+    /* @__PURE__ */ jsx(Typography, { className: classes.name, children: badge.name }),
+    /* @__PURE__ */ jsx(Typography, { className: classes.level, children: badge.level }),
+    /* @__PURE__ */ jsx(Typography, { className: classes.description, children: badge.description }),
+    count && count > 1 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", style: { marginTop: "auto" }, children: [
+      "x ",
+      count
+    ] })
+  ] });
+};
+
+export { BadgeChip };
+//# sourceMappingURL=BadgeChip.esm.js.map

package/dist/components/Badges/BadgeChip.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeChip.esm.js","sources":["../../../src/components/Badges/BadgeChip.tsx"],"sourcesContent":["import { Badge } from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Typography, makeStyles } from '@material-ui/core';\nimport Star from '@material-ui/icons/Star';\nimport VerifiedUser from '@material-ui/icons/VerifiedUser';\nimport Visibility from '@material-ui/icons/Visibility';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport Help from '@material-ui/icons/Help';\nimport Search from '@material-ui/icons/Search';\nimport Support from '@material-ui/icons/ContactSupport';\nimport Build from '@material-ui/icons/Build';\nimport School from '@material-ui/icons/School';\nimport MenuBook from '@material-ui/icons/MenuBook';\nimport CastForEducation from '@material-ui/icons/CastForEducation';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport RateReview from '@material-ui/icons/RateReview';\nimport Article from '@material-ui/icons/Description';\nimport Create from '@material-ui/icons/Create';\nimport Link from '@material-ui/icons/Link';\nimport Comment from '@material-ui/icons/Comment';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport Share from '@material-ui/icons/Share';\nimport Public from '@material-ui/icons/Public';\nimport RecordVoiceOver from '@material-ui/icons/RecordVoiceOver';\nimport SpeakerNotes from '@material-ui/icons/SpeakerNotes';\nimport Gavel from '@material-ui/icons/Gavel';\nimport DeviceHub from '@material-ui/icons/DeviceHub';\nimport Hearing from '@material-ui/icons/Hearing';\nimport Stars from '@material-ui/icons/Stars';\nimport Flare from '@material-ui/icons/Flare';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport DoneAll from '@material-ui/icons/DoneAll';\nimport PersonAdd from '@material-ui/icons/PersonAdd';\nimport TrendingUp from '@material-ui/icons/TrendingUp';\nimport Group from '@material-ui/icons/Group';\nimport NightsStay from '@material-ui/icons/NightsStay';\nimport ChatBubble from '@material-ui/icons/ChatBubble';\nimport Translate from '@material-ui/icons/Translate';\nimport LibraryBooks from '@material-ui/icons/LibraryBooks';\nimport CollectionsBookmark from '@material-ui/icons/CollectionsBookmark';\nimport LocalLibrary from '@material-ui/icons/LocalLibrary';\nimport Archive from '@material-ui/icons/Archive';\nimport PlaylistAdd from '@material-ui/icons/PlaylistAdd';\nimport FolderSpecial from '@material-ui/icons/FolderSpecial';\nimport StarRate from '@material-ui/icons/StarRate';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport Palette from '@material-ui/icons/Palette';\nimport CameraAlt from '@material-ui/icons/CameraAlt';\nimport LabelImportant from '@material-ui/icons/LabelImportant';\n\nconst useStyles = makeStyles(theme => ({\n  badge: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    padding: theme.spacing(1.5),\n    borderRadius: theme.shape.borderRadius * 2,\n    width: 140,\n    height: 140,\n    textAlign: 'center',\n    userSelect: 'none',\n    overflow: 'hidden',\n  },\n  bronze: {\n    background: 'linear-gradient(135deg, #cd7f32 0%, #a0522d 100%)',\n    color: '#ffffff',\n  },\n  silver: {\n    background: 'linear-gradient(135deg, #e8e8e8 0%, #a8a8a8 100%)',\n    color: '#333333',\n  },\n  gold: {\n    background: 'linear-gradient(135deg, #ffd700 0%, #daa520 100%)',\n    color: '#333333',\n  },\n  diamond: {\n    background: 'linear-gradient(135deg, #b9f2ff 0%, #7ec8e3 100%)',\n    color: '#1a365d',\n  },\n  icon: {\n    fontSize: 28,\n    marginBottom: theme.spacing(0.5),\n  },\n  name: {\n    fontWeight: 600,\n    fontSize: '0.85rem',\n    lineHeight: 1.2,\n    marginBottom: theme.spacing(0.5),\n  },\n  level: {\n    fontSize: '0.65rem',\n    textTransform: 'uppercase',\n    letterSpacing: '0.5px',\n    opacity: 0.85,\n    marginBottom: theme.spacing(0.5),\n  },\n  description: {\n    fontSize: '0.7rem',\n    lineHeight: 1.3,\n    opacity: 0.9,\n  },\n}));\n\nconst getIcon = (icon: string) => {\n  switch (icon) {\n    case 'star':\n      return <Star />;\n    case 'local_police':\n      return <VerifiedUser />;\n    case 'visibility':\n      return <Visibility />;\n    case 'workspace_premium':\n      return <EmojiEvents />;\n    case 'help':\n      return <Help />;\n    case 'psychology':\n      return <Search />;\n    case 'support':\n      return <Support />;\n    case 'build':\n      return <Build />;\n    case 'school':\n      return <School />;\n    case 'menu_book':\n      return <MenuBook />;\n    case 'cast_for_education':\n      return <CastForEducation />;\n    case 'thumb_up':\n      return <ThumbUp />;\n    case 'rate_review':\n      return <RateReview />;\n    case 'article':\n      return <Article />;\n    case 'history_edu':\n      return <Create />;\n    case 'link':\n      return <Link />;\n    case 'comment':\n      return <Comment />;\n    case 'view_column':\n      return <ViewColumn />;\n    case 'share':\n      return <Share />;\n    case 'public':\n      return <Public />;\n    case 'record_voice_over':\n      return <RecordVoiceOver />;\n    case 'campaign':\n      return <SpeakerNotes />;\n    case 'gavel':\n      return <Gavel />;\n    case 'device_hub':\n      return <DeviceHub />;\n    case 'hearing':\n      return <Hearing />;\n    case 'military_tech':\n      return <Stars />;\n    case 'verified':\n      return <VerifiedUser />;\n    case 'check_circle':\n      return <CheckCircle />;\n    case 'done_all':\n      return <DoneAll />;\n    case 'construction':\n      return <Build />;\n    case 'auto_fix_high':\n      return <Flare />;\n    case 'person_add':\n      return <PersonAdd />;\n    case 'trending_up':\n      return <TrendingUp />;\n    case 'emoji_events':\n      return <EmojiEvents />;\n    case 'groups':\n      return <Group />;\n    case 'nights_stay':\n      return <NightsStay />;\n    case 'auto_stories':\n      return <LibraryBooks />;\n    case 'translate':\n      return <Translate />;\n    case 'chat_bubble':\n      return <ChatBubble />;\n    // Collection badges\n    case 'collections_bookmark':\n      return <CollectionsBookmark />;\n    case 'local_library':\n      return <LocalLibrary />;\n    case 'archive':\n      return <Archive />;\n    case 'playlist_add':\n      return <PlaylistAdd />;\n    case 'folder_special':\n      return <FolderSpecial />;\n    case 'inventory':\n      return <Archive />;\n    case 'star_rate':\n      return <StarRate />;\n    case 'diamond':\n      return <Stars />;\n    case 'whatshot':\n      return <Whatshot />;\n    case 'palette':\n      return <Palette />;\n    case 'camera_alt':\n      return <CameraAlt />;\n    case 'label_important':\n      return <LabelImportant />;\n    default:\n      return <VerifiedUser />;\n  }\n};\n\nexport const BadgeChip = ({\n  badge,\n  count,\n}: {\n  badge: Badge;\n  count?: number;\n}) => {\n  const classes = useStyles();\n  const IconComponent = getIcon(badge.icon);\n\n  return (\n    <Box className={`${classes.badge} ${classes[badge.level]}`}>\n      <Box className={classes.icon}>{IconComponent}</Box>\n      <Typography className={classes.name}>{badge.name}</Typography>\n      <Typography className={classes.level}>{badge.level}</Typography>\n      <Typography className={classes.description}>\n        {badge.description}\n      </Typography>\n      {count && count > 1 && (\n        <Typography variant=\"caption\" style={{ marginTop: 'auto' }}>\n          x {count}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n"],"names":["Star","Help","Search","Article","Create","Link","CollectionsBookmark","PlaylistAdd"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,YAAA;AAAA,IAChB,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC1B,YAAA,EAAc,KAAM,CAAA,KAAA,CAAM,YAAe,GAAA,CAAA;AAAA,IACzC,KAAO,EAAA,GAAA;AAAA,IACP,MAAQ,EAAA,GAAA;AAAA,IACR,SAAW,EAAA,QAAA;AAAA,IACX,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,UAAY,EAAA,mDAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,UAAY,EAAA,mDAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,UAAY,EAAA,mDAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,UAAY,EAAA,mDAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA,EAAA;AAAA,IACV,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,SAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,SAAA;AAAA,IACV,aAAe,EAAA,WAAA;AAAA,IACf,aAAe,EAAA,OAAA;AAAA,IACf,OAAS,EAAA,IAAA;AAAA,IACT,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA,CAAA;AAEF,MAAM,OAAA,GAAU,CAAC,IAAiB,KAAA;AAChC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,MAAA;AACH,MAAA,2BAAQA,QAAK,EAAA,EAAA,CAAA;AAAA,IACf,KAAK,cAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,YAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,mBAAA;AACH,MAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA,IACtB,KAAK,MAAA;AACH,MAAA,2BAAQC,QAAK,EAAA,EAAA,CAAA;AAAA,IACf,KAAK,YAAA;AACH,MAAA,2BAAQC,UAAO,EAAA,EAAA,CAAA;AAAA,IACjB,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,OAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,QAAA;AACH,MAAA,2BAAQ,MAAO,EAAA,EAAA,CAAA;AAAA,IACjB,KAAK,WAAA;AACH,MAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,IACnB,KAAK,oBAAA;AACH,MAAA,2BAAQ,gBAAiB,EAAA,EAAA,CAAA;AAAA,IAC3B,KAAK,UAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,SAAA;AACH,MAAA,2BAAQC,eAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,aAAA;AACH,MAAA,2BAAQC,UAAO,EAAA,EAAA,CAAA;AAAA,IACjB,KAAK,MAAA;AACH,MAAA,2BAAQC,QAAK,EAAA,EAAA,CAAA;AAAA,IACf,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,OAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,QAAA;AACH,MAAA,2BAAQ,MAAO,EAAA,EAAA,CAAA;AAAA,IACjB,KAAK,mBAAA;AACH,MAAA,2BAAQ,eAAgB,EAAA,EAAA,CAAA;AAAA,IAC1B,KAAK,UAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,OAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,YAAA;AACH,MAAA,2BAAQ,SAAU,EAAA,EAAA,CAAA;AAAA,IACpB,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,eAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,UAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,cAAA;AACH,MAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA,IACtB,KAAK,UAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,cAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,eAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,YAAA;AACH,MAAA,2BAAQ,SAAU,EAAA,EAAA,CAAA;AAAA,IACpB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,cAAA;AACH,MAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA,IACtB,KAAK,QAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,cAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,WAAA;AACH,MAAA,2BAAQ,SAAU,EAAA,EAAA,CAAA;AAAA,IACpB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA;AAAA,IAErB,KAAK,sBAAA;AACH,MAAA,2BAAQC,uBAAoB,EAAA,EAAA,CAAA;AAAA,IAC9B,KAAK,eAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,cAAA;AACH,MAAA,2BAAQC,eAAY,EAAA,EAAA,CAAA;AAAA,IACtB,KAAK,gBAAA;AACH,MAAA,2BAAQ,aAAc,EAAA,EAAA,CAAA;AAAA,IACxB,KAAK,WAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,WAAA;AACH,MAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,IACnB,KAAK,SAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,UAAA;AACH,MAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,IACnB,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,YAAA;AACH,MAAA,2BAAQ,SAAU,EAAA,EAAA,CAAA;AAAA,IACpB,KAAK,iBAAA;AACH,MAAA,2BAAQ,cAAe,EAAA,EAAA,CAAA;AAAA,IACzB;AACE,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA;AAE3B,CAAA;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,aAAA,GAAgB,OAAQ,CAAA,KAAA,CAAM,IAAI,CAAA;AAExC,EACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,OAAA,CAAQ,KAAK,CAAA,CAAA,EAAI,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAC,CACtD,CAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,IAAA,EAAO,QAAc,EAAA,aAAA,EAAA,CAAA;AAAA,wBAC5C,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,IAAA,EAAO,gBAAM,IAAK,EAAA,CAAA;AAAA,wBAChD,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAQ,gBAAM,KAAM,EAAA,CAAA;AAAA,wBAClD,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,WAAA,EAC5B,gBAAM,WACT,EAAA,CAAA;AAAA,IACC,KAAA,IAAS,KAAQ,GAAA,CAAA,oBACf,IAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,SAAW,EAAA,MAAA,EAAU,EAAA,QAAA,EAAA;AAAA,MAAA,IAAA;AAAA,MACvD;AAAA,KACL,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Badges/UserBadges.esm.js

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
+import 'react';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import '@backstage/catalog-model';
+import 'dataloader';
+import '@backstage/plugin-catalog-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
+import { BadgeChip } from './BadgeChip.esm.js';
+import { Box, Typography, Grid } from '@material-ui/core';
+import { Skeleton, Alert } from '@material-ui/lab';
+
+const LEVEL_ORDER = {
+  diamond: 0,
+  gold: 1,
+  silver: 2,
+  bronze: 3
+};
+const sortBadgesByLevel = (badges) => {
+  return [...badges].sort((a, b) => {
+    const levelA = LEVEL_ORDER[a.badge.level] ?? 99;
+    const levelB = LEVEL_ORDER[b.badge.level] ?? 99;
+    return levelA - levelB;
+  });
+};
+const UserBadges = ({ entityRef }) => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const {
+    value: badges,
+    loading,
+    error
+  } = useQetaApi((api) => api.getUserBadges(entityRef), [entityRef]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 100 });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("userBadges.error") });
+  }
+  const sortedBadges = badges ? sortBadgesByLevel(badges) : [];
+  const groupedBadges = sortedBadges.reduce((acc, userBadge) => {
+    const key = userBadge.badge.id;
+    if (!acc[key]) {
+      acc[key] = {
+        badge: userBadge.badge,
+        count: 0
+      };
+    }
+    acc[key].count += 1;
+    return acc;
+  }, {});
+  const displayBadges = Object.values(groupedBadges).sort((a, b) => {
+    const levelA = LEVEL_ORDER[a.badge.level] ?? 99;
+    const levelB = LEVEL_ORDER[b.badge.level] ?? 99;
+    return levelA - levelB;
+  });
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: t("userBadges.title") }),
+    displayBadges.length === 0 ? /* @__PURE__ */ jsx(Typography, { variant: "body2", children: t("userBadges.noBadges") }) : /* @__PURE__ */ jsx(
+      Grid,
+      {
+        container: true,
+        spacing: 3,
+        style: { padding: "1em" },
+        justifyContent: "center",
+        alignItems: "center",
+        children: displayBadges.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(BadgeChip, { badge: item.badge, count: item.count }) }, index))
+      }
+    )
+  ] });
+};
+
+export { UserBadges };
+//# sourceMappingURL=UserBadges.esm.js.map

package/dist/components/Badges/UserBadges.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserBadges.esm.js","sources":["../../../src/components/Badges/UserBadges.tsx"],"sourcesContent":["import { useQetaApi } from '../../hooks';\nimport { BadgeChip } from './BadgeChip';\nimport { Box, Typography, Grid } from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { UserBadge } from '@drodil/backstage-plugin-qeta-common';\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nconst LEVEL_ORDER: Record<string, number> = {\n  diamond: 0,\n  gold: 1,\n  silver: 2,\n  bronze: 3,\n};\n\nconst sortBadgesByLevel = (badges: UserBadge[]): UserBadge[] => {\n  return [...badges].sort((a, b) => {\n    const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n    const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n    return levelA - levelB;\n  });\n};\n\nexport const UserBadges = ({ entityRef }: { entityRef: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: badges,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserBadges(entityRef), [entityRef]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={100} />;\n  }\n\n  if (error) {\n    return <Alert severity=\"error\">{t('userBadges.error')}</Alert>;\n  }\n\n  const sortedBadges = badges ? sortBadgesByLevel(badges) : [];\n\n  const groupedBadges = sortedBadges.reduce((acc, userBadge) => {\n    const key = userBadge.badge.id;\n    if (!acc[key]) {\n      acc[key] = {\n        badge: userBadge.badge,\n        count: 0,\n      };\n    }\n    acc[key].count += 1;\n    return acc;\n  }, {} as Record<string, { badge: UserBadge['badge']; count: number }>);\n\n  const displayBadges = Object.values(groupedBadges).sort((a, b) => {\n    const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n    const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n    return levelA - levelB;\n  });\n\n  return (\n    <Box>\n      <Typography variant=\"h6\" gutterBottom>\n        {t('userBadges.title')}\n      </Typography>\n      {displayBadges.length === 0 ? (\n        <Typography variant=\"body2\">{t('userBadges.noBadges')}</Typography>\n      ) : (\n        <Grid\n          container\n          spacing={3}\n          style={{ padding: '1em' }}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n        >\n          {displayBadges.map((item, index: number) => (\n            <Grid item key={index}>\n              <BadgeChip badge={item.badge} count={item.count} />\n            </Grid>\n          ))}\n        </Grid>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Buttons/FavoriteButton.esm.js

@@ -44,7 +44,7 @@ const FavoriteButton = (props) => {
     {
       "aria-label": "unfavorite",
       size: "small",
-      disabled: entity.status !== "active",
+      disabled: entity.status !== "active" && entity.status !== "obsolete",
       onClick: unfavoriteQuestion,
       className: "qetaUnfavoriteBtn",
       children: /* @__PURE__ */ jsx(StarIcon, {})
@@ -54,7 +54,7 @@ const FavoriteButton = (props) => {
     {
       "aria-label": "favorite",
       size: "small",
-      disabled: entity.status !== "active",
+      disabled: entity.status !== "active" && entity.status !== "obsolete",
       onClick: favoriteQuestion,
       className: "qetaFavoriteBtn",
       children: /* @__PURE__ */ jsx(StarOutlineIcon, {})

package/dist/components/Buttons/FavoriteButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/Buttons/FavoriteButton.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { Fragment, useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FavoriteButton = (props: { entity: PostResponse }) => {\n  const [entity, setEntity] = useState<PostResponse>(props.entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const alertApi = useApi(alertApiRef);\n\n  const favoriteQuestion = () => {\n    qetaApi\n      .favoritePost(entity.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(response => {\n        if (response) {\n          setEntity(response);\n        }\n      });\n  };\n\n  const unfavoriteQuestion = () => {\n    qetaApi\n      .unfavoritePost(entity.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(response => {\n        if (response) {\n          setEntity(response);\n        }\n      });\n  };\n\n  return (\n    <Fragment>\n      {entity.favorite ? (\n        <Tooltip title={t('favorite.remove')}>\n          <IconButton\n            aria-label=\"unfavorite\"\n            size=\"small\"\n            disabled={entity.status !== 'active'}\n            onClick={unfavoriteQuestion}\n            className=\"qetaUnfavoriteBtn\"\n          >\n            <StarIcon />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Tooltip title={t('favorite.add')}>\n          <IconButton\n            aria-label=\"favorite\"\n            size=\"small\"\n            disabled={entity.status !== 'active'}\n            onClick={favoriteQuestion}\n            className=\"qetaFavoriteBtn\"\n          >\n            <StarOutlineIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAuB,MAAM,MAAM,CAAA;AAC/D,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IACG,OAAA,CAAA,YAAA,CAAa,MAAO,CAAA,EAAE,CACtB,CAAA,KAAA;AAAA,MAAM,CAAA,CAAA,KACL,SAAS,IAAK,CAAA;AAAA,QACZ,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,QAAU,EAAA;AAAA,OACX;AAAA,KACH,CACC,KAAK,CAAY,QAAA,KAAA;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AACpB,KACD,CAAA;AAAA,GACL;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IACG,OAAA,CAAA,cAAA,CAAe,MAAO,CAAA,EAAE,CACxB,CAAA,KAAA;AAAA,MAAM,CAAA,CAAA,KACL,SAAS,IAAK,CAAA;AAAA,QACZ,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,QAAU,EAAA;AAAA,OACX;AAAA,KACH,CACC,KAAK,CAAY,QAAA,KAAA;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AACpB,KACD,CAAA;AAAA,GACL;AAEA,EACE,uBAAA,GAAA,CAAC,YACE,QAAO,EAAA,MAAA,CAAA,QAAA,uBACL,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,QAAA,EAAU,OAAO,MAAW,KAAA,QAAA;AAAA,MAC5B,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA,mBAAA;AAAA,MAEV,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,CAEA,mBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,QAAA,EAAU,OAAO,MAAW,KAAA,QAAA;AAAA,MAC5B,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA,iBAAA;AAAA,MAEV,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KAErB,CAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/Buttons/FavoriteButton.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { Fragment, useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FavoriteButton = (props: { entity: PostResponse }) => {\n  const [entity, setEntity] = useState<PostResponse>(props.entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const alertApi = useApi(alertApiRef);\n\n  const favoriteQuestion = () => {\n    qetaApi\n      .favoritePost(entity.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(response => {\n        if (response) {\n          setEntity(response);\n        }\n      });\n  };\n\n  const unfavoriteQuestion = () => {\n    qetaApi\n      .unfavoritePost(entity.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(response => {\n        if (response) {\n          setEntity(response);\n        }\n      });\n  };\n\n  return (\n    <Fragment>\n      {entity.favorite ? (\n        <Tooltip title={t('favorite.remove')}>\n          <IconButton\n            aria-label=\"unfavorite\"\n            size=\"small\"\n            disabled={\n              entity.status !== 'active' && entity.status !== 'obsolete'\n            }\n            onClick={unfavoriteQuestion}\n            className=\"qetaUnfavoriteBtn\"\n          >\n            <StarIcon />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Tooltip title={t('favorite.add')}>\n          <IconButton\n            aria-label=\"favorite\"\n            size=\"small\"\n            disabled={\n              entity.status !== 'active' && entity.status !== 'obsolete'\n            }\n            onClick={favoriteQuestion}\n            className=\"qetaFavoriteBtn\"\n          >\n            <StarOutlineIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAuB,MAAM,MAAM,CAAA;AAC/D,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IACG,OAAA,CAAA,YAAA,CAAa,MAAO,CAAA,EAAE,CACtB,CAAA,KAAA;AAAA,MAAM,CAAA,CAAA,KACL,SAAS,IAAK,CAAA;AAAA,QACZ,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,QAAU,EAAA;AAAA,OACX;AAAA,KACH,CACC,KAAK,CAAY,QAAA,KAAA;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AACpB,KACD,CAAA;AAAA,GACL;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IACG,OAAA,CAAA,cAAA,CAAe,MAAO,CAAA,EAAE,CACxB,CAAA,KAAA;AAAA,MAAM,CAAA,CAAA,KACL,SAAS,IAAK,CAAA;AAAA,QACZ,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,QAAU,EAAA;AAAA,OACX;AAAA,KACH,CACC,KAAK,CAAY,QAAA,KAAA;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AACpB,KACD,CAAA;AAAA,GACL;AAEA,EACE,uBAAA,GAAA,CAAC,YACE,QAAO,EAAA,MAAA,CAAA,QAAA,uBACL,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,QACE,EAAA,MAAA,CAAO,MAAW,KAAA,QAAA,IAAY,OAAO,MAAW,KAAA,UAAA;AAAA,MAElD,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA,mBAAA;AAAA,MAEV,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,CAEA,mBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,QACE,EAAA,MAAA,CAAO,MAAW,KAAA,QAAA,IAAY,OAAO,MAAW,KAAA,UAAA;AAAA,MAElD,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA,iBAAA;AAAA,MAEV,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KAErB,CAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/LinkButton.esm.js

@@ -1,4 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
+import { isPost } from '@drodil/backstage-plugin-qeta-common';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { Tooltip, IconButton } from '@material-ui/core';
@@ -6,12 +7,12 @@ import LinkIcon from '@material-ui/icons/Link';
 import { useApi, alertApiRef } from '@backstage/core-plugin-api';
 
 const LinkButton = (props) => {
-  const isQuestion = "title" in props.entity;
+  const isPostEntity = isPost(props.entity);
   const { t } = useTranslationRef(qetaTranslationRef);
   const alertApi = useApi(alertApiRef);
   const copyToClipboard = () => {
     const url = new URL(window.location.href);
-    if (!isQuestion) {
+    if (!isPostEntity) {
       url.hash = `#answer_${props.entity.id}`;
     }
     window.navigator.clipboard.writeText(url.toString());
@@ -21,7 +22,7 @@ const LinkButton = (props) => {
       display: "transient"
     });
   };
-  return /* @__PURE__ */ jsx(Tooltip, { title: isQuestion ? t("link.post") : t("link.answer"), children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Tooltip, { title: isPostEntity ? t("link.post") : t("link.answer"), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       "aria-label": t("link.aria"),

package/dist/components/Buttons/LinkButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Link from '@material-ui/icons/Link';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const LinkButton = (props: {\n  entity: PostResponse | AnswerResponse;\n  className?: string;\n}) => {\n  const isQuestion = 'title' in props.entity;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const alertApi = useApi(alertApiRef);\n  const copyToClipboard = () => {\n    const url = new URL(window.location.href);\n    if (!isQuestion) {\n      url.hash = `#answer_${props.entity.id}`;\n    }\n    window.navigator.clipboard.writeText(url.toString());\n    alertApi.post({\n      message: t('link.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  return (\n    <Tooltip title={isQuestion ? t('link.post') : t('link.answer')}>\n      <IconButton\n        aria-label={t('link.aria')}\n        size=\"small\"\n        onClick={copyToClipboard}\n        className={props.className}\n      >\n        <Link />\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["Link"],"mappings":";;;;;;;AAUa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,WAAW,KAAM,CAAA,MAAA;AACpC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA;AACxC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AAAA;AAEvC,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA;AACnD,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,OAAA,EAAS,EAAE,aAAa,CAAA;AAAA,MACxB,QAAU,EAAA,MAAA;AAAA,MACV,OAAS,EAAA;AAAA,KACV,CAAA;AAAA,GACH;AAEA,EACE,uBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,UAAA,GAAa,EAAE,WAAW,CAAA,GAAI,CAAE,CAAA,aAAa,CAC3D,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,WAAW,CAAA;AAAA,MACzB,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,eAAA;AAAA,MACT,WAAW,KAAM,CAAA,SAAA;AAAA,MAEjB,8BAACA,QAAK,EAAA,EAAA;AAAA;AAAA,GAEV,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n  isPost,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const LinkButton = (props: {\n  entity: PostResponse | AnswerResponse;\n  className?: string;\n}) => {\n  const isPostEntity = isPost(props.entity);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const alertApi = useApi(alertApiRef);\n  const copyToClipboard = () => {\n    const url = new URL(window.location.href);\n    if (!isPostEntity) {\n      url.hash = `#answer_${props.entity.id}`;\n    }\n    window.navigator.clipboard.writeText(url.toString());\n    alertApi.post({\n      message: t('link.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  return (\n    <Tooltip title={isPostEntity ? t('link.post') : t('link.answer')}>\n      <IconButton\n        aria-label={t('link.aria')}\n        size=\"small\"\n        onClick={copyToClipboard}\n        className={props.className}\n      >\n        <LinkIcon />\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAWa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,YAAA,GAAe,MAAO,CAAA,KAAA,CAAM,MAAM,CAAA;AACxC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA;AACxC,IAAA,IAAI,CAAC,YAAc,EAAA;AACjB,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AAAA;AAEvC,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA;AACnD,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,OAAA,EAAS,EAAE,aAAa,CAAA;AAAA,MACxB,QAAU,EAAA,MAAA;AAAA,MACV,OAAS,EAAA;AAAA,KACV,CAAA;AAAA,GACH;AAEA,EACE,uBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,YAAA,GAAe,EAAE,WAAW,CAAA,GAAI,CAAE,CAAA,aAAa,CAC7D,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,WAAW,CAAA;AAAA,MACzB,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,eAAA;AAAA,MACT,WAAW,KAAM,CAAA,SAAA;AAAA,MAEjB,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,GAEd,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/VoteButtons.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import ArrowDownward from '@material-ui/icons/ArrowDownward';
 import ArrowUpward from '@material-ui/icons/ArrowUpward';
-import Check from '@material-ui/icons/Check';
+import CheckIcon from '@material-ui/icons/Check';
 import { Fragment } from 'react';
 import { useVoting } from '../../hooks/useVoting.esm.js';
 import { makeStyles, createStyles, Tooltip, IconButton, Typography, Box } from '@material-ui/core';
@@ -36,10 +36,13 @@ const VoteButtons = (props) => {
   const own = props.entity.own ?? false;
   const classes = useStyles();
   const isDisabled = (isCorrectButton = false) => {
+    if (props.post?.status === "obsolete") {
+      return true;
+    }
     if (isCorrectButton) {
       return "status" in props.entity && props.entity.status !== "active";
     }
-    return own || "status" in props.entity && props.entity.status !== "active";
+    return own || "status" in props.entity && props.entity.status !== "active" && props.entity.status !== "obsolete" || "status" in props.entity && props.entity.status === "obsolete";
   };
   const getVoteUpTooltip = () => {
     if (isDisabled()) {
@@ -93,7 +96,7 @@ const VoteButtons = (props) => {
         disabled: isDisabled(true),
         onClick: props.post?.own || props.post?.canEdit ? toggleCorrectAnswer : void 0,
         children: /* @__PURE__ */ jsx(
-          Check,
+          CheckIcon,
           {
             className: correctAnswer ? classes.qetaCorrectAnswerSelected : classes.qetaCorrectAnswer
           }

package/dist/components/Buttons/VoteButtons.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport { Fragment } from 'react';\nimport { useVoting } from '../../hooks/useVoting';\nimport {\n  Box,\n  createStyles,\n  IconButton,\n  makeStyles,\n  Theme,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\n\nexport type QetaVoteButtonsClassKey =\n  | 'qetaCorrectAnswerSelected'\n  | 'qetaCorrectAnswer'\n  | 'voteButtonContainer';\n\nconst useStyles = makeStyles(\n  (theme: Theme) =>\n    createStyles({\n      qetaCorrectAnswerSelected: {\n        color: theme.palette.success.main,\n      },\n      qetaCorrectAnswer: {\n        color: theme.palette.grey[500],\n      },\n      voteButtonContainer: {\n        borderWidth: '1px',\n        borderColor: 'white',\n      },\n    }),\n  { name: 'QetaVoteButtons' },\n);\n\nexport const VoteButtons = (props: {\n  entity: PostResponse | AnswerResponse;\n  post?: PostResponse;\n}) => {\n  const {\n    voteUpTooltip,\n    ownVote,\n    voteUp,\n    score,\n    voteDownTooltip,\n    voteDown,\n    correctAnswer,\n    correctTooltip,\n    toggleCorrectAnswer,\n  } = useVoting(props.entity);\n  const own = props.entity.own ?? false;\n  const classes = useStyles();\n\n  const isDisabled = (isCorrectButton = false) => {\n    if (isCorrectButton) {\n      return 'status' in props.entity && props.entity.status !== 'active';\n    }\n    return (\n      own || ('status' in props.entity && props.entity.status !== 'active')\n    );\n  };\n\n  const getVoteUpTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteUpTooltip;\n  };\n\n  const getVoteDownTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteDownTooltip;\n  };\n\n  const getCorrectTooltip = () => {\n    if (isDisabled(true)) {\n      return '';\n    }\n    return correctTooltip;\n  };\n\n  return (\n    <Fragment>\n      <Tooltip title={getVoteUpTooltip()}>\n        <span>\n          <IconButton\n            aria-label=\"vote up\"\n            color={ownVote > 0 ? 'primary' : 'default'}\n            className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n            disabled={isDisabled()}\n            size=\"small\"\n            onClick={voteUp}\n          >\n            <ArrowUpward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      <Typography variant=\"h6\" style={{ userSelect: 'none' }}>\n        {score}\n      </Typography>\n      <Tooltip title={getVoteDownTooltip()}>\n        <span>\n          <IconButton\n            aria-label=\"vote down\"\n            color={ownVote < 0 ? 'primary' : 'default'}\n            className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n            disabled={isDisabled()}\n            size=\"small\"\n            onClick={voteDown}\n          >\n            <ArrowDownward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      {'correct' in props.entity &&\n        (props.post?.own || props.post?.canEdit || correctAnswer) && (\n          <Box>\n            <Tooltip title={getCorrectTooltip()}>\n              <span>\n                <IconButton\n                  aria-label=\"mark correct\"\n                  size=\"small\"\n                  disabled={isDisabled(true)}\n                  onClick={\n                    props.post?.own || props.post?.canEdit\n                      ? toggleCorrectAnswer\n                      : undefined\n                  }\n                >\n                  <Check\n                    className={\n                      correctAnswer\n                        ? classes.qetaCorrectAnswerSelected\n                        : classes.qetaCorrectAnswer\n                    }\n                  />\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n        )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport { Fragment } from 'react';\nimport { useVoting } from '../../hooks/useVoting';\nimport {\n  Box,\n  createStyles,\n  IconButton,\n  makeStyles,\n  Theme,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\n\nexport type QetaVoteButtonsClassKey =\n  | 'qetaCorrectAnswerSelected'\n  | 'qetaCorrectAnswer'\n  | 'voteButtonContainer';\n\nconst useStyles = makeStyles(\n  (theme: Theme) =>\n    createStyles({\n      qetaCorrectAnswerSelected: {\n        color: theme.palette.success.main,\n      },\n      qetaCorrectAnswer: {\n        color: theme.palette.grey[500],\n      },\n      voteButtonContainer: {\n        borderWidth: '1px',\n        borderColor: 'white',\n      },\n    }),\n  { name: 'QetaVoteButtons' },\n);\n\nexport const VoteButtons = (props: {\n  entity: PostResponse | AnswerResponse;\n  post?: PostResponse;\n}) => {\n  const {\n    voteUpTooltip,\n    ownVote,\n    voteUp,\n    score,\n    voteDownTooltip,\n    voteDown,\n    correctAnswer,\n    correctTooltip,\n    toggleCorrectAnswer,\n  } = useVoting(props.entity);\n  const own = props.entity.own ?? false;\n  const classes = useStyles();\n\n  const isDisabled = (isCorrectButton = false) => {\n    // Check if parent post is obsolete (for answers)\n    if (props.post?.status === 'obsolete') {\n      return true;\n    }\n    if (isCorrectButton) {\n      return 'status' in props.entity && props.entity.status !== 'active';\n    }\n    return (\n      own ||\n      ('status' in props.entity &&\n        props.entity.status !== 'active' &&\n        props.entity.status !== 'obsolete') ||\n      ('status' in props.entity && props.entity.status === 'obsolete')\n    );\n  };\n\n  const getVoteUpTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteUpTooltip;\n  };\n\n  const getVoteDownTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteDownTooltip;\n  };\n\n  const getCorrectTooltip = () => {\n    if (isDisabled(true)) {\n      return '';\n    }\n    return correctTooltip;\n  };\n\n  return (\n    <Fragment>\n      <Tooltip title={getVoteUpTooltip()}>\n        <span>\n          <IconButton\n            aria-label=\"vote up\"\n            color={ownVote > 0 ? 'primary' : 'default'}\n            className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n            disabled={isDisabled()}\n            size=\"small\"\n            onClick={voteUp}\n          >\n            <ArrowUpward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      <Typography variant=\"h6\" style={{ userSelect: 'none' }}>\n        {score}\n      </Typography>\n      <Tooltip title={getVoteDownTooltip()}>\n        <span>\n          <IconButton\n            aria-label=\"vote down\"\n            color={ownVote < 0 ? 'primary' : 'default'}\n            className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n            disabled={isDisabled()}\n            size=\"small\"\n            onClick={voteDown}\n          >\n            <ArrowDownward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      {'correct' in props.entity &&\n        (props.post?.own || props.post?.canEdit || correctAnswer) && (\n          <Box>\n            <Tooltip title={getCorrectTooltip()}>\n              <span>\n                <IconButton\n                  aria-label=\"mark correct\"\n                  size=\"small\"\n                  disabled={isDisabled(true)}\n                  onClick={\n                    props.post?.own || props.post?.canEdit\n                      ? toggleCorrectAnswer\n                      : undefined\n                  }\n                >\n                  <Check\n                    className={\n                      correctAnswer\n                        ? classes.qetaCorrectAnswerSelected\n                        : classes.qetaCorrectAnswer\n                    }\n                  />\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n        )}\n    </Fragment>\n  );\n};\n"],"names":["Check"],"mappings":";;;;;;;;AAwBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAC,UACC,YAAa,CAAA;AAAA,IACX,yBAA2B,EAAA;AAAA,MACzB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA,KAC/B;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA,KAC/B;AAAA,IACA,mBAAqB,EAAA;AAAA,MACnB,WAAa,EAAA,KAAA;AAAA,MACb,WAAa,EAAA;AAAA;AACf,GACD,CAAA;AAAA,EACH,EAAE,MAAM,iBAAkB;AAC5B,CAAA;AAEa,MAAA,WAAA,GAAc,CAAC,KAGtB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAU,CAAA,KAAA,CAAM,MAAM,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,MAAA,CAAO,GAAO,IAAA,KAAA;AAChC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAM,MAAA,UAAA,GAAa,CAAC,eAAA,GAAkB,KAAU,KAAA;AAE9C,IAAI,IAAA,KAAA,CAAM,IAAM,EAAA,MAAA,KAAW,UAAY,EAAA;AACrC,MAAO,OAAA,IAAA;AAAA;AAET,IAAA,IAAI,eAAiB,EAAA;AACnB,MAAA,OAAO,QAAY,IAAA,KAAA,CAAM,MAAU,IAAA,KAAA,CAAM,OAAO,MAAW,KAAA,QAAA;AAAA;AAE7D,IAAA,OACE,OACC,QAAY,IAAA,KAAA,CAAM,MACjB,IAAA,KAAA,CAAM,OAAO,MAAW,KAAA,QAAA,IACxB,KAAM,CAAA,MAAA,CAAO,WAAW,UACzB,IAAA,QAAA,IAAY,MAAM,MAAU,IAAA,KAAA,CAAM,OAAO,MAAW,KAAA,UAAA;AAAA,GAEzD;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,IAAI,YAAc,EAAA;AAChB,MAAO,OAAA,EAAA;AAAA;AAET,IAAO,OAAA,aAAA;AAAA,GACT;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,IAAI,YAAc,EAAA;AAChB,MAAO,OAAA,EAAA;AAAA;AAET,IAAO,OAAA,eAAA;AAAA,GACT;AAEA,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAI,IAAA,UAAA,CAAW,IAAI,CAAG,EAAA;AACpB,MAAO,OAAA,EAAA;AAAA;AAET,IAAO,OAAA,cAAA;AAAA,GACT;AAEA,EAAA,4BACG,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,gBAAiB,EAAA,EAC/B,8BAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,SAAA;AAAA,QACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,QACjC,SAAA,EAAW,OAAU,GAAA,CAAA,GAAI,oBAAuB,GAAA,YAAA;AAAA,QAChD,UAAU,UAAW,EAAA;AAAA,QACrB,IAAK,EAAA,OAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QAET,8BAAC,WAAY,EAAA,EAAA;AAAA;AAAA,OAEjB,CACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EAAK,OAAO,EAAE,UAAA,EAAY,MAAO,EAAA,EAClD,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,wBACC,OAAQ,EAAA,EAAA,KAAA,EAAO,kBAAmB,EAAA,EACjC,8BAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,WAAA;AAAA,QACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,QACjC,SAAA,EAAW,OAAU,GAAA,CAAA,GAAI,sBAAyB,GAAA,cAAA;AAAA,QAClD,UAAU,UAAW,EAAA;AAAA,QACrB,IAAK,EAAA,OAAA;AAAA,QACL,OAAS,EAAA,QAAA;AAAA,QAET,8BAAC,aAAc,EAAA,EAAA;AAAA;AAAA,OAEnB,CACF,EAAA,CAAA;AAAA,IACC,aAAa,KAAM,CAAA,MAAA,KACjB,MAAM,IAAM,EAAA,GAAA,IAAO,MAAM,IAAM,EAAA,OAAA,IAAW,aACzC,CAAA,oBAAA,GAAA,CAAC,OACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,iBAAkB,EAAA,EAChC,8BAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,cAAA;AAAA,QACX,IAAK,EAAA,OAAA;AAAA,QACL,QAAA,EAAU,WAAW,IAAI,CAAA;AAAA,QACzB,SACE,KAAM,CAAA,IAAA,EAAM,OAAO,KAAM,CAAA,IAAA,EAAM,UAC3B,mBACA,GAAA,KAAA,CAAA;AAAA,QAGN,QAAA,kBAAA,GAAA;AAAA,UAACA,SAAA;AAAA,UAAA;AAAA,YACC,SACE,EAAA,aAAA,GACI,OAAQ,CAAA,yBAAA,GACR,OAAQ,CAAA;AAAA;AAAA;AAEhB;AAAA,KACF,EACF,GACF,CACF,EAAA;AAAA,GAEN,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CommentSection/CommentListItem.esm.js

@@ -147,7 +147,7 @@ const CommentListItem = (props) => {
       comment.expert && /* @__PURE__ */ jsx(ExpertIcon, {}),
       " \u2022 ",
       /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: comment.created }),
-      comment.canEdit && /* @__PURE__ */ jsx(
+      comment.canEdit && post.status !== "obsolete" && /* @__PURE__ */ jsx(
         Link,
         {
           underline: "none",
@@ -157,7 +157,7 @@ const CommentListItem = (props) => {
           children: t("commentList.editLink")
         }
       ),
-      comment.canDelete && /* @__PURE__ */ jsx(
+      comment.canDelete && post.status !== "obsolete" && /* @__PURE__ */ jsx(
         Link,
         {
           underline: "none",