@drodil/backstage-plugin-qeta 2.2.1 → 2.3.1

package/dist/esm/index-CuD-iIx9.esm.js

@@ -1,2408 +0,0 @@
-import { createApiRef, createPlugin, createApiFactory, fetchApiRef, discoveryApiRef, createRoutableExtension, useApi, identityApiRef, configApiRef, useRouteRef, useAnalytics, errorApiRef } from '@backstage/core-plugin-api';
-import { createCardExtension } from '@backstage/plugin-home-react';
-import { CustomErrorBase } from '@backstage/errors';
-import omitBy from 'lodash/omitBy';
-import isEmpty from 'lodash/isEmpty';
-import { qetaRouteRef, tagRouteRef, questionRouteRef, userRouteRef, askRouteRef } from '@drodil/backstage-plugin-qeta-react';
-import useAsync from 'react-use/lib/useAsync';
-import { makeStyles, Box, Grid, FormGroup, FormControlLabel, Checkbox, FormControl, FormLabel, RadioGroup, TextField, Radio, Tooltip, Chip, useTheme, Card, CardContent, Typography, Avatar, Divider, Select, MenuItem, Button, Collapse, TableRow, TableCell, ButtonGroup, TableContainer, Table, TableHead, TableBody, TablePagination, SvgIcon, ListItem, ListItemAvatar, ListItemText, List, Container } from '@material-ui/core';
-import { catalogApiRef, useEntityPresentation, entityRouteRef, EntityRefLink } from '@backstage/plugin-catalog-react';
-import { trimEnd, compact } from 'lodash';
-import { useSearchParams, useNavigate } from 'react-router-dom';
-import React, { useEffect, useState, useRef, useMemo } from 'react';
-import useDebounce from 'react-use/lib/useDebounce';
-import { Autocomplete, Pagination, Alert } from '@material-ui/lab';
-import { stringifyEntityRef, getCompoundEntityRef, parseEntityRef } from '@backstage/catalog-model';
-import { Link, LinkButton, Progress, WarningPanel, MarkdownContent, CardTab, TabbedCard, Content as Content$1, ContentHeader } from '@backstage/core-components';
-import DOMPurify from 'dompurify';
-import RelativeTime from 'react-relative-time';
-import { useSignal } from '@backstage/plugin-signals-react';
-import HelpOutline from '@material-ui/icons/HelpOutline';
-import FilterList from '@material-ui/icons/FilterList';
-import { RequirePermission } from '@backstage/plugin-permission-react';
-import { qetaCreateQuestionPermission, filterTags } from '@drodil/backstage-plugin-qeta-common';
-import { Controller, useForm } from 'react-hook-form';
-import ReactMde from 'react-mde';
-import 'react-mde/lib/styles/css/react-mde.css';
-import 'react-mde/lib/styles/css/react-mde-editor.css';
-import 'react-mde/lib/styles/css/react-mde-toolbar.css';
-import FileType from 'file-type';
-import RefreshIcon from '@material-ui/icons/Refresh';
-import HomeOutlined from '@material-ui/icons/HomeOutlined';
-
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-const qetaApiRef = createApiRef({
-  id: "plugin.qeta.service"
-});
-class QetaError extends CustomErrorBase {
-  constructor(message, errors) {
-    super(message);
-    __publicField(this, "errors");
-    this.errors = errors;
-  }
-}
-class QetaClient {
-  constructor(options) {
-    __publicField(this, "fetchApi");
-    __publicField(this, "discoveryApi");
-    this.fetchApi = options.fetchApi;
-    this.discoveryApi = options.discoveryApi;
-  }
-  async getBaseUrl() {
-    return this.discoveryApi.getBaseUrl("qeta");
-  }
-  async getQuestions(options) {
-    const query = this.getQueryParameters(options).toString();
-    let url = `${await this.getBaseUrl()}/questions`;
-    if (query) {
-      url += `?${query}`;
-    }
-    const response = await this.fetchApi.fetch(url);
-    if (response.status === 403) {
-      return { questions: [], total: 0 };
-    }
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async getQuestionsList(type) {
-    const query = new URLSearchParams({ limit: "7" }).toString();
-    let url = `${await this.getBaseUrl()}/questions/list/${type}`;
-    if (query) {
-      url += `?${query}`;
-    }
-    const response = await this.fetchApi.fetch(url);
-    if (response.status === 403) {
-      return { questions: [], total: 0 };
-    }
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async postQuestion(question) {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions`,
-      {
-        method: "POST",
-        body: JSON.stringify(question),
-        headers: { "Content-Type": "application/json" }
-      }
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async commentQuestion(id, content) {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${id}/comments`,
-      {
-        method: "POST",
-        body: JSON.stringify({ content }),
-        headers: { "Content-Type": "application/json" }
-      }
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async deleteQuestionComment(questionId, id) {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}/comments/${id}`,
-      {
-        method: "DELETE"
-      }
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async getQuestion(id) {
-    if (!id) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${id}`
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async getTags() {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/tags`
-    );
-    return await response.json();
-  }
-  async getEntities() {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/entities`
-    );
-    return await response.json();
-  }
-  async voteQuestionUp(id) {
-    if (!id) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${id}/upvote`
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async voteQuestionDown(id) {
-    if (!id) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${id}/downvote`
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async favoriteQuestion(id) {
-    if (!id) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${id}/favorite`
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async unfavoriteQuestion(id) {
-    if (!id) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${id}/unfavorite`
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async postAnswer(answer) {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${answer.questionId}/answers`,
-      {
-        method: "POST",
-        body: JSON.stringify({
-          answer: answer.answer,
-          images: answer.images,
-          anonymous: answer.anonymous
-        }),
-        headers: { "Content-Type": "application/json" }
-      }
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async commentAnswer(questionId, id, content) {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/comments`,
-      {
-        method: "POST",
-        body: JSON.stringify({ content }),
-        headers: { "Content-Type": "application/json" }
-      }
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async deleteAnswerComment(questionId, answerId, id) {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}/answers/${answerId}/comments/${id}`,
-      {
-        method: "DELETE"
-      }
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async voteAnswerUp(questionId, id) {
-    if (!id || !questionId) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/upvote`
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async voteAnswerDown(questionId, id) {
-    if (!id || !questionId) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/downvote`
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async markAnswerCorrect(questionId, id) {
-    if (!id || !questionId) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/correct`
-    );
-    const data = await response;
-    return data.ok;
-  }
-  async markAnswerIncorrect(questionId, id) {
-    if (!id || !questionId) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/incorrect`
-    );
-    const data = await response;
-    return data.ok;
-  }
-  async deleteQuestion(questionId) {
-    if (!questionId) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}`,
-      {
-        method: "DELETE"
-      }
-    );
-    const data = await response;
-    return data.ok;
-  }
-  async deleteAnswer(questionId, id) {
-    if (!questionId || !id) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}`,
-      {
-        method: "DELETE"
-      }
-    );
-    const data = await response;
-    return data.ok;
-  }
-  async updateQuestion(id, question) {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${id}`,
-      {
-        method: "POST",
-        body: JSON.stringify(question),
-        headers: { "Content-Type": "application/json" }
-      }
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to update", data.errors);
-    }
-    return data;
-  }
-  async updateAnswer(id, answer) {
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${answer.questionId}/answers/${id}`,
-      {
-        method: "POST",
-        body: JSON.stringify({ answer: answer.answer, images: answer.images }),
-        headers: { "Content-Type": "application/json" }
-      }
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async getAnswer(questionId, id) {
-    if (!questionId || !id) {
-      throw new QetaError("Invalid id provided", void 0);
-    }
-    const response = await this.fetchApi.fetch(
-      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}`
-    );
-    const data = await response.json();
-    if ("errors" in data) {
-      throw new QetaError("Failed to fetch", data.errors);
-    }
-    return data;
-  }
-  async postAttachment(file) {
-    const qetaUrl = `${await this.getBaseUrl()}/attachments`;
-    const formData = new FormData();
-    formData.append("image", file);
-    const requestOptions = {
-      method: "POST",
-      body: formData
-    };
-    const response = await this.fetchApi.fetch(qetaUrl, requestOptions);
-    return await response.json();
-  }
-  async getMostUpvotedAnswers(options) {
-    const query = this.getQueryParameters(options.options).toString();
-    let url = `${await this.getBaseUrl()}/statistics/answers/top-upvoted-users`;
-    if (query) {
-      url += `?${query}`;
-    }
-    const response = await this.fetchApi.fetch(url);
-    const data = await response.json();
-    return data;
-  }
-  async getMostUpvotedCorrectAnswers(options) {
-    const query = this.getQueryParameters(options.options).toString();
-    let url = `${await this.getBaseUrl()}/statistics/answers/top-correct-upvoted-users`;
-    if (query) {
-      url += `?${query}`;
-    }
-    const response = await this.fetchApi.fetch(url);
-    const data = await response.json();
-    return data;
-  }
-  async getMostUpvotedQuestions(options) {
-    const query = this.getQueryParameters(options.options).toString();
-    let url = `${await this.getBaseUrl()}/statistics/questions/top-upvoted-users`;
-    if (query) {
-      url += `?${query}`;
-    }
-    const response = await this.fetchApi.fetch(url);
-    const data = await response.json();
-    return data;
-  }
-  async getMostQuestions(options) {
-    const query = this.getQueryParameters(options.options).toString();
-    let url = `${await this.getBaseUrl()}/statistics/questions/most-questions`;
-    if (query) {
-      url += `?${query}`;
-    }
-    const response = await this.fetchApi.fetch(url);
-    const data = await response.json();
-    return data;
-  }
-  async getMostAnswers(options) {
-    const query = this.getQueryParameters(options.options).toString();
-    let url = `${await this.getBaseUrl()}/statistics/answers/most-answers`;
-    if (query) {
-      url += `?${query}`;
-    }
-    const response = await this.fetchApi.fetch(url);
-    const data = await response.json();
-    return data;
-  }
-  async getTopStatisticsHomepage(options) {
-    const response = await Promise.all([
-      this.getMostQuestions(options),
-      this.getMostAnswers(options),
-      this.getMostUpvotedQuestions(options),
-      this.getMostUpvotedAnswers(options),
-      this.getMostUpvotedCorrectAnswers(options)
-    ]);
-    return response;
-  }
-  getQueryParameters(params) {
-    const asStrings = Object.fromEntries(
-      Object.entries(params).map(([k, v]) => {
-        if (!v) {
-          return [k, ""];
-        }
-        if (Array.isArray(v)) {
-          return [k, v.join(",")];
-        }
-        return [k, `${v}`];
-      })
-    );
-    return new URLSearchParams(omitBy(asStrings, isEmpty));
-  }
-}
-
-const qetaPlugin = createPlugin({
-  id: "qeta",
-  routes: {
-    root: qetaRouteRef
-  },
-  apis: [
-    createApiFactory({
-      api: qetaApiRef,
-      deps: { fetchApi: fetchApiRef, discoveryApi: discoveryApiRef },
-      factory: ({ fetchApi, discoveryApi }) => new QetaClient({ fetchApi, discoveryApi })
-    })
-  ]
-});
-const QetaPage = qetaPlugin.provide(
-  createRoutableExtension({
-    name: "QetaPage",
-    component: () => import('./index-Z9_0Lp_9.esm.js').then((m) => m.HomePage),
-    mountPoint: qetaRouteRef
-  })
-);
-const QuestionTableCard = qetaPlugin.provide(
-  createCardExtension({
-    name: "QuestionsTableCard",
-    title: "Q&A",
-    description: "Shows Q&A questions",
-    components: () => import('./index-Djg6aEGn.esm.js'),
-    layout: {
-      height: { minRows: 6 },
-      width: { minColumns: 6 }
-    },
-    settings: {
-      schema: {
-        title: "Q&A",
-        type: "object",
-        properties: {
-          rowsPerPage: {
-            title: "Rows per page",
-            type: "number",
-            enum: [5, 10, 20, 30, 40, 50],
-            default: 10
-          },
-          quickFilter: {
-            title: "Default filter",
-            type: "string",
-            enum: ["latest", "favorites", "most_viewed"],
-            default: "latest"
-          }
-        }
-      }
-    }
-  })
-);
-
-function useQetaApi(f, deps = []) {
-  const qetaApi = useApi(qetaApiRef);
-  return useAsync(async () => {
-    return await f(qetaApi);
-  }, deps);
-}
-function useIdentityApi(f, deps = []) {
-  const identityApi = useApi(identityApiRef);
-  return useAsync(async () => {
-    return await f(identityApi);
-  }, deps);
-}
-function useEntityQueryParameter(entity) {
-  const [searchParams] = useSearchParams();
-  const [entityRef, setEntityRef] = React.useState(entity);
-  useEffect(() => {
-    var _a;
-    setEntityRef((_a = searchParams.get("entity")) != null ? _a : void 0);
-  }, [searchParams, setEntityRef]);
-  return entityRef;
-}
-const useStyles$1 = makeStyles((theme) => {
-  return {
-    markdownEditor: {
-      backgroundColor: "initial",
-      color: theme.palette.text.primary,
-      border: `1px solid ${theme.palette.action.disabled}`,
-      borderRadius: theme.shape.borderRadius,
-      "&:hover": {
-        borderColor: theme.palette.action.active
-      },
-      "&:focus-within": {
-        borderColor: theme.palette.primary.main
-      },
-      "& .mde-header": {
-        backgroundColor: "initial",
-        color: theme.palette.text.primary,
-        borderBottom: `1px solid ${theme.palette.action.selected}`,
-        "& .mde-tabs button, .mde-header-item > button": {
-          color: `${theme.palette.text.primary} !important`
-        }
-      },
-      "& .mde-preview-content": {
-        padding: "10px"
-      },
-      "& .mde-text, .mde-preview": {
-        fontSize: theme.typography.body1.fontSize,
-        fontFamily: theme.typography.body1.fontFamily,
-        lineHeight: theme.typography.body1.lineHeight
-      },
-      "& .mde-text": {
-        backgroundColor: "initial",
-        color: theme.palette.text.primary,
-        outline: "none"
-      },
-      "& .image-tip": {
-        color: theme.palette.text.primary,
-        backgroundColor: "initial"
-      }
-    },
-    markdownEditorError: {
-      border: `1px solid ${theme.palette.error.main} !important`
-    },
-    markdownContent: {
-      "& *": {
-        wordBreak: "break-word"
-      },
-      "&.inline": {
-        display: "inline-block"
-      },
-      "& > :first-child": {
-        marginTop: "0px !important"
-      },
-      "& > :last-child": {
-        marginBottom: "0px !important"
-      }
-    },
-    successColor: {
-      color: theme.palette.success.main
-    },
-    questionDivider: {
-      marginTop: theme.spacing(2),
-      marginBottom: theme.spacing(2)
-    },
-    questionCard: {
-      marginBottom: theme.spacing(1),
-      position: "relative"
-    },
-    questionCardVote: {
-      textAlign: "center",
-      width: "32px",
-      marginRight: "26px",
-      display: "inline-block",
-      verticalAlign: "top"
-    },
-    questionCardContent: {
-      display: "inline-block",
-      width: "calc(100% - 70px)",
-      minHeight: "160px"
-    },
-    questionListItemStats: {
-      width: "80px",
-      textAlign: "right",
-      marginRight: "26px",
-      display: "inline-block",
-      verticalAlign: "top",
-      paddingTop: "10px"
-    },
-    questionListItemContent: {
-      display: "inline-block",
-      width: "calc(100% - 120px)"
-    },
-    questionListItemAuthor: {
-      display: "inline",
-      float: "right"
-    },
-    questionListItemAvatar: {
-      display: "inline-flex",
-      marginRight: "0.25rem",
-      fontSize: "1rem",
-      maxWidth: "1rem",
-      maxHeight: "1rem"
-    },
-    answerCardContent: {
-      display: "inline-block",
-      width: "calc(100% - 70px)"
-    },
-    questionCardAuthor: {
-      padding: theme.spacing(1),
-      float: "right",
-      maxWidth: "200px",
-      border: `1px solid ${theme.palette.action.selected}`,
-      "& .avatar": {
-        width: theme.spacing(3),
-        height: theme.spacing(3),
-        fontSize: "1rem"
-      }
-    },
-    questionListPagination: {
-      marginTop: theme.spacing(2)
-    },
-    postButton: {
-      marginTop: theme.spacing(1),
-      marginBottom: theme.spacing(1)
-    },
-    questionsPerPageInput: {
-      paddingTop: "10px"
-    },
-    questionsPerPage: {
-      marginRight: theme.spacing(3)
-    },
-    questionHighlightList: {
-      width: "100%",
-      border: `1px solid ${theme.palette.action.selected}`,
-      borderRadius: theme.shape.borderRadius,
-      "&:not(:first-child)": {
-        marginTop: theme.spacing(2)
-      }
-    },
-    filterPanel: {
-      border: `1px solid ${theme.palette.action.selected}`,
-      borderRadius: theme.shape.borderRadius,
-      padding: theme.spacing(3)
-    },
-    questionCardMetadata: {
-      marginTop: theme.spacing(3)
-    },
-    marginRight: {
-      marginRight: theme.spacing(1)
-    },
-    questionCardActions: {
-      marginTop: theme.spacing(2),
-      "& a": {
-        marginRight: theme.spacing(1)
-      }
-    },
-    noPadding: {
-      padding: `0 !important`
-    },
-    menuIcon: {
-      minWidth: "26px"
-    },
-    deleteModal: {
-      position: "absolute",
-      top: "20%",
-      left: "50%",
-      transform: "translate(-50%, -50%)",
-      width: 400,
-      backgroundColor: theme.palette.background.default,
-      border: `1px solid ${theme.palette.action.selected}`,
-      borderRadius: theme.shape.borderRadius,
-      padding: theme.spacing(2),
-      "& button": {
-        marginTop: theme.spacing(2),
-        float: "right"
-      }
-    },
-    authorLink: {
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      whiteSpace: "nowrap"
-    },
-    highlight: {
-      animation: "$highlight 2s"
-    },
-    "@keyframes highlight": {
-      "0%": {
-        boxShadow: `0px 0px 0px 3px ${theme.palette.secondary.light}`
-      },
-      "100%": {
-        boxShadow: "none"
-      }
-    }
-  };
-});
-const useBaseUrl = () => {
-  try {
-    const config = useApi(configApiRef);
-    return config.getOptionalString("app.baseUrl");
-  } catch {
-    return void 0;
-  }
-};
-const useBasePath = () => {
-  var _a;
-  const base = "http://sample.dev";
-  const url = (_a = useBaseUrl()) != null ? _a : "/";
-  const { pathname } = new URL(url, base);
-  return trimEnd(pathname, "/");
-};
-const useEntityAuthor = (entity) => {
-  var _a;
-  const catalogApi = useApi(catalogApiRef);
-  const identityApi = useApi(identityApiRef);
-  const [name, setName] = React.useState(void 0);
-  const [user, setUser] = React.useState(null);
-  const [initials, setInitials] = React.useState(null);
-  const [currentUser, setCurrentUser] = React.useState(null);
-  const anonymous = (_a = entity.anonymous) != null ? _a : false;
-  let author = entity.author;
-  if (!author.startsWith("user:")) {
-    author = `user:${author}`;
-  }
-  const { primaryTitle: userName } = useEntityPresentation(author);
-  useEffect(() => {
-    if (!anonymous) {
-      catalogApi.getEntityByRef(entity.author).catch((_) => setUser(null)).then((data) => data ? setUser(data) : setUser(null));
-    }
-  }, [catalogApi, entity, anonymous]);
-  useEffect(() => {
-    identityApi.getBackstageIdentity().then((res) => {
-      var _a2;
-      setCurrentUser((_a2 = res.userEntityRef) != null ? _a2 : "user:default/guest");
-    });
-  }, [identityApi]);
-  useEffect(() => {
-    let displayName = userName;
-    if (entity.author === currentUser) {
-      displayName = "You";
-      if (anonymous) {
-        displayName += " (anonymous)";
-      }
-    }
-    setName(displayName);
-  }, [entity.author, anonymous, currentUser, userName]);
-  useEffect(() => {
-    const init = (name != null ? name : "").split(" ").map((p) => p[0]).join("").substring(0, 2).toUpperCase();
-    setInitials(init);
-  }, [name]);
-  return { name, initials, user };
-};
-
-const formatEntityName = (username) => {
-  if (!username) {
-    return "";
-  }
-  const plainName = username.split(/[/:]+/).pop();
-  return plainName == null ? void 0 : plainName.split(/[_.-]+/).map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
-};
-const getEntityTitle = (entity) => {
-  var _a, _b;
-  const stringified = stringifyEntityRef(entity);
-  return (_b = formatEntityName((_a = entity.metadata.title) != null ? _a : stringified)) != null ? _b : stringified;
-};
-const truncate = (str, n) => {
-  return str.length > n ? `${str.slice(0, n - 1)}...` : str;
-};
-const removeMarkdownFormatting = (text) => {
-  let fixed = text.replace(/^(-\s*?|\*\s*?|_\s*?){3,}\s*/gm, "");
-  fixed = text.replace(/<[^>]*>/g, "");
-  fixed = fixed.replace(/```[\s\S]*?```/g, (match) => {
-    return match.replace(/(^```[a-z]*\n)|(```$)/g, "").trim();
-  });
-  fixed = fixed.replace(/`{1,2}([^`]*)`{1,2}/g, "$1");
-  fixed = fixed.replace(/(?:\*\*|__)([^\n*]+)(?:\*\*|__)/g, "$1").replace(/(?:\*|_)([^\n*]+)(?:\*|_)/g, "$1").replace(/(?:~~)([^~]+)(?:~~)/g, "$1").replace(/^[>\t]{0,3}>+\s?/gm, "").replace(/\[\^.+?\](: .*?$)?/g, "").replace(/^([ \t]*)([*\-+]|\d+\.)\s+/gm, "").replace(/!\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/^#{1,6}[ \t]+/gm, "").replace(/^[=-]{2,}\s*$/g, "").replace(/(?:\r\n|\r|\n)/g, " ").replace(/(^\s+|\s+$)/g, "");
-  fixed = fixed.replace(/<[^>]*>/g, "");
-  return fixed;
-};
-
-const radioSelect = (value, label) => {
-  return /* @__PURE__ */ React.createElement(
-    FormControlLabel,
-    {
-      value,
-      control: /* @__PURE__ */ React.createElement(Radio, { size: "small" }),
-      label
-    }
-  );
-};
-const filterKeys = [
-  "orderBy",
-  "order",
-  "noAnswers",
-  "noCorrectAnswer",
-  "noVotes",
-  "entity",
-  "tags"
-];
-const FilterPanel = (props) => {
-  const {
-    onChange,
-    filters,
-    showEntityFilter = true,
-    showTagFilter = true
-  } = props;
-  const styles = useStyles$1();
-  const { value: refs } = useQetaApi((api) => api.getEntities(), []);
-  const { value: tags } = useQetaApi((api) => api.getTags(), []);
-  const catalogApi = useApi(catalogApiRef);
-  const [availableEntities, setAvailableEntities] = React.useState(null);
-  const [selectedEntity, setSelectedEntity] = React.useState(void 0);
-  const [availableTags, setAvailableTags] = React.useState(
-    null
-  );
-  useEffect(() => {
-    if (tags && tags.length > 0 || filters.tags) {
-      const ts = (tags != null ? tags : []).map((t) => t.tag);
-      if (filters.tags) {
-        ts.push(...filters.tags);
-      }
-      setAvailableTags([...new Set(ts)]);
-    }
-  }, [tags, filters.tags]);
-  useEffect(() => {
-    if ((filters.entity || refs && (refs == null ? void 0 : refs.length) > 0) && !Array.isArray(filters.entity)) {
-      catalogApi.getEntitiesByRefs({
-        entityRefs: [...(refs != null ? refs : []).map((e) => e.entityRef), filters.entity],
-        fields: [
-          "kind",
-          "metadata.name",
-          "metadata.namespace",
-          "metadata.title"
-        ]
-      }).then((resp) => {
-        const filtered = resp.items.filter((i) => i !== void 0);
-        setAvailableEntities(filtered);
-      });
-    }
-  }, [filters.entity, catalogApi, refs]);
-  useEffect(() => {
-    if (filters.entity && availableEntities) {
-      const value = availableEntities.find(
-        (e) => stringifyEntityRef(e) === filters.entity
-      );
-      setSelectedEntity(value);
-      if (!value) {
-        onChange("entity", "");
-      }
-    } else {
-      setSelectedEntity(void 0);
-    }
-  }, [availableEntities, filters.entity, onChange]);
-  const handleChange = (event) => {
-    let value = event.target.value;
-    if (event.target.type === "checkbox") {
-      value = event.target.checked ? "true" : "false";
-    }
-    onChange(event.target.name, value);
-  };
-  return /* @__PURE__ */ React.createElement(Box, { className: `qetaFilterPanel ${styles.filterPanel}` }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 3, xs: 4 }, /* @__PURE__ */ React.createElement(FormGroup, null, /* @__PURE__ */ React.createElement(
-    FormControlLabel,
-    {
-      control: /* @__PURE__ */ React.createElement(
-        Checkbox,
-        {
-          size: "small",
-          name: "noAnswers",
-          onChange: handleChange,
-          checked: filters.noAnswers === "true"
-        }
-      ),
-      label: "No answers"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    FormControlLabel,
-    {
-      control: /* @__PURE__ */ React.createElement(
-        Checkbox,
-        {
-          size: "small",
-          name: "noCorrectAnswer",
-          checked: filters.noCorrectAnswer === "true",
-          onChange: handleChange
-        }
-      ),
-      label: "No correct answers"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    FormControlLabel,
-    {
-      control: /* @__PURE__ */ React.createElement(
-        Checkbox,
-        {
-          size: "small",
-          name: "noVotes",
-          checked: filters.noVotes === "true",
-          onChange: handleChange
-        }
-      ),
-      label: "No votes"
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 2, xs: 4 }, /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(FormLabel, { id: "qeta-filter-order-by" }, "Order by"), /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      "aria-labelledby": "qeta-filter-order-by",
-      name: "orderBy",
-      value: filters.orderBy,
-      onChange: handleChange
-    },
-    radioSelect("created", "Created"),
-    radioSelect("views", "Views"),
-    radioSelect("score", "Score"),
-    radioSelect("answersCount", "Answers")
-  ))), /* @__PURE__ */ React.createElement(Grid, { item: true, md: 2, xs: 4 }, /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(FormLabel, { id: "qeta-filter-order" }, "Order"), /* @__PURE__ */ React.createElement(
-    RadioGroup,
-    {
-      "aria-labelledby": "qeta-filter-order",
-      name: "order",
-      value: filters.order,
-      onChange: handleChange
-    },
-    radioSelect("desc", "Descending"),
-    radioSelect("asc", "Ascending")
-  ))), (availableEntities && availableEntities.length > 0 || availableTags && availableTags.length > 0) && (showEntityFilter || showTagFilter) && /* @__PURE__ */ React.createElement(Grid, { item: true, md: 4, xs: 8 }, /* @__PURE__ */ React.createElement(FormLabel, { id: "qeta-filter-entity" }, "Filters"), showEntityFilter && availableEntities && availableEntities.length > 0 && (!filters.entity || selectedEntity) && /* @__PURE__ */ React.createElement(
-    Autocomplete,
-    {
-      multiple: false,
-      className: "qetaEntityFilter",
-      value: selectedEntity != null ? selectedEntity : null,
-      id: "entities-select",
-      options: availableEntities,
-      getOptionLabel: getEntityTitle,
-      getOptionSelected: (o, v) => {
-        if (!o || !v) {
-          return false;
-        }
-        return stringifyEntityRef(o) === stringifyEntityRef(v);
-      },
-      onChange: (_e, newValue) => {
-        handleChange({
-          target: {
-            name: "entity",
-            value: newValue ? stringifyEntityRef(newValue) : ""
-          }
-        });
-      },
-      renderInput: (params) => /* @__PURE__ */ React.createElement(
-        TextField,
-        {
-          ...params,
-          variant: "outlined",
-          margin: "normal",
-          label: "Entity",
-          placeholder: "Type or select entity"
-        }
-      )
-    }
-  ), showTagFilter && availableTags && availableTags.length > 0 && /* @__PURE__ */ React.createElement(
-    Autocomplete,
-    {
-      multiple: true,
-      className: "qetaTagFilter",
-      value: filters.tags,
-      id: "tags-select",
-      options: availableTags,
-      onChange: (_e, newValue) => {
-        handleChange({
-          target: {
-            name: "tags",
-            value: newValue
-          }
-        });
-      },
-      renderInput: (params) => /* @__PURE__ */ React.createElement(
-        TextField,
-        {
-          ...params,
-          variant: "outlined",
-          margin: "normal",
-          label: "Tag",
-          placeholder: "Type or select tag"
-        }
-      )
-    }
-  ))));
-};
-
-const EntityChip = (props) => {
-  const { entity } = props;
-  const entityRoute = useRouteRef(entityRouteRef);
-  const { primaryTitle, secondaryTitle } = useEntityPresentation(entity);
-  return /* @__PURE__ */ React.createElement(Tooltip, { title: secondaryTitle != null ? secondaryTitle : primaryTitle, arrow: true }, /* @__PURE__ */ React.createElement(
-    Chip,
-    {
-      label: primaryTitle,
-      size: "small",
-      variant: "outlined",
-      className: "qetaEntityChip",
-      component: "a",
-      href: entityRoute(getCompoundEntityRef(entity)),
-      clickable: true
-    }
-  ));
-};
-
-const TagsAndEntities = (props) => {
-  const { question } = props;
-  const catalogApi = useApi(catalogApiRef);
-  const tagRoute = useRouteRef(tagRouteRef);
-  const [entities, setEntities] = React.useState([]);
-  useEffect(() => {
-    if (question.entities && question.entities.length > 0) {
-      catalogApi.getEntitiesByRefs({
-        entityRefs: question.entities,
-        fields: [
-          "kind",
-          "metadata.name",
-          "metadata.namespace",
-          "metadata.title"
-        ]
-      }).catch((_) => setEntities([])).then(
-        (data) => data ? setEntities(compact(data.items)) : setEntities([])
-      );
-    }
-  }, [catalogApi, question]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, question.tags && question.tags.map((tag) => /* @__PURE__ */ React.createElement(
-    Chip,
-    {
-      key: tag,
-      label: tag,
-      size: "small",
-      className: "qetaTagChip",
-      component: "a",
-      href: tagRoute({ tag }),
-      clickable: true
-    }
-  )), entities && entities.map((component, i) => /* @__PURE__ */ React.createElement(EntityChip, { entity: component, key: i })));
-};
-
-const RelativeTimeWithTooltip = (props) => {
-  const { value } = props;
-  let date = value;
-  const [updates, setUpdates] = React.useState(1);
-  useEffect(() => {
-    const interval = setInterval(() => {
-      setUpdates(updates === 1 ? 0 : 1);
-    }, 3e4);
-    return () => clearInterval(interval);
-  }, [updates, setUpdates]);
-  if (typeof date === "string" || date instanceof String) {
-    date = new Date(date);
-  }
-  return /* @__PURE__ */ React.createElement(Tooltip, { title: date.toLocaleString(navigator.languages) }, /* @__PURE__ */ React.createElement(RelativeTime, { value: date }));
-};
-
-const QuestionListItem = (props) => {
-  var _a, _b;
-  const { question, entity } = props;
-  const [correctAnswer, setCorrectAnswer] = useState(question.correctAnswer);
-  const [answersCount, setAnswersCount] = useState(question.answersCount);
-  const [score, setScore] = useState(question.score);
-  const [views, setViews] = useState(question.views);
-  const { lastSignal } = useSignal(`qeta:question_${question.id}`);
-  useEffect(() => {
-    if ((lastSignal == null ? void 0 : lastSignal.type) === "question_stats") {
-      setCorrectAnswer(lastSignal.correctAnswer);
-      setAnswersCount(lastSignal.answersCount);
-      setScore(lastSignal.score);
-      setViews(lastSignal.views);
-    }
-  }, [lastSignal]);
-  const questionRoute = useRouteRef(questionRouteRef);
-  const userRoute = useRouteRef(userRouteRef);
-  const theme = useTheme();
-  const styles = useStyles$1();
-  const { name, initials, user } = useEntityAuthor(question);
-  return /* @__PURE__ */ React.createElement(Card, { className: "qetaQuestionListItem" }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Box, { className: styles.questionListItemStats }, /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      display: "block",
-      variant: "caption",
-      className: "qetaQuestionListItemScore"
-    },
-    score,
-    " score"
-  ), /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      variant: "caption",
-      display: "block",
-      className: `qetaQuestionListItemAnswers ${correctAnswer ? "qetaQuestionListItemCorrectAnswer" : "quetaQuestionListItemNoCorrectAnswer"}`,
-      style: {
-        color: correctAnswer ? theme.palette.success.main : void 0
-      }
-    },
-    answersCount,
-    " answers"
-  ), /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      display: "block",
-      variant: "caption",
-      className: "qetaQuestionListItemViews"
-    },
-    views,
-    " views"
-  )), /* @__PURE__ */ React.createElement(Box, { className: styles.questionListItemContent }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5", component: "div" }, /* @__PURE__ */ React.createElement(
-    Link,
-    {
-      to: entity ? `${questionRoute({
-        id: question.id.toString(10)
-      })}?entity=${entity}` : questionRoute({ id: question.id.toString(10) }),
-      className: "qetaQuestionListItemQuestionBtn"
-    },
-    question.title
-  )), /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      variant: "caption",
-      noWrap: true,
-      component: "div",
-      className: "qetaQuestionListItemContent",
-      style: { marginBottom: "5px" }
-    },
-    DOMPurify.sanitize(
-      truncate(removeMarkdownFormatting(question.content), 150)
-    )
-  ), /* @__PURE__ */ React.createElement(TagsAndEntities, { question }), /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      variant: "caption",
-      display: "inline",
-      className: `${styles.questionListItemAuthor} qetaQuestionListItemAuthor`
-    },
-    /* @__PURE__ */ React.createElement(
-      Avatar,
-      {
-        src: (_b = (_a = user == null ? void 0 : user.spec) == null ? void 0 : _a.profile) == null ? void 0 : _b.picture,
-        className: styles.questionListItemAvatar,
-        alt: name,
-        variant: "rounded"
-      },
-      initials
-    ),
-    question.author === "anonymous" ? "Anonymous" : /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${question.author}` }, name),
-    " ",
-    /* @__PURE__ */ React.createElement(
-      Link,
-      {
-        to: entity ? `${questionRoute({
-          id: question.id.toString(10)
-        })}?entity=${entity}` : questionRoute({ id: question.id.toString(10) }),
-        className: "qetaQuestionListItemQuestionBtn"
-      },
-      "asked ",
-      /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: question.created })
-    )
-  ))));
-};
-
-const NoQuestionsCard = (props) => {
-  const { showNoQuestionsBtn, entity, entityPage, tags } = props;
-  const askRoute = useRouteRef(askRouteRef);
-  const entityRef = useEntityQueryParameter(entity);
-  const queryParams = new URLSearchParams();
-  if (entityRef) {
-    queryParams.set("entity", entityRef);
-  }
-  if (entityPage) {
-    queryParams.set("entityPage", "true");
-  }
-  if (tags && tags.length > 0) {
-    queryParams.set("tags", tags.join(","));
-  }
-  return /* @__PURE__ */ React.createElement(Card, { style: { marginTop: "2rem" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      container: true,
-      justifyContent: "center",
-      alignItems: "center",
-      direction: "column"
-    },
-    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "No questions found")),
-    showNoQuestionsBtn && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-      LinkButton,
-      {
-        to: entityRef || tags ? `${askRoute()}?${queryParams.toString()}` : `${askRoute()}`,
-        startIcon: /* @__PURE__ */ React.createElement(HelpOutline, null),
-        color: "primary",
-        variant: "outlined"
-      },
-      "Go ahead and ask one!"
-    ))
-  )));
-};
-
-const QuestionList = (props) => {
-  const {
-    loading,
-    error,
-    response,
-    onPageChange,
-    entity,
-    page,
-    onPageSizeChange,
-    showNoQuestionsBtn = true,
-    entityPage,
-    tags
-  } = props;
-  const styles = useStyles$1();
-  const listRef = useRef(null);
-  const [initialLoad, setInitialLoad] = useState(true);
-  useEffect(() => {
-    if (!initialLoad) {
-      setInitialLoad(false);
-    }
-  }, [initialLoad, loading]);
-  const handlePageChange = (_event, value) => {
-    if (listRef.current) {
-      listRef.current.scrollIntoView();
-    }
-    onPageChange(value);
-  };
-  const handlePageSizeChange = (event) => {
-    if (listRef.current) {
-      listRef.current.scrollIntoView();
-    }
-    onPageSizeChange(Number.parseInt(event.target.value, 10));
-  };
-  if (loading && initialLoad) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error || response === void 0) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load questions." }, error == null ? void 0 : error.message);
-  }
-  if (initialLoad && (!response.questions || response.questions.length === 0)) {
-    return /* @__PURE__ */ React.createElement(
-      NoQuestionsCard,
-      {
-        showNoQuestionsBtn,
-        entity,
-        entityPage,
-        tags
-      }
-    );
-  }
-  const pageCount = response.total < props.pageSize ? 1 : Math.ceil(response.total / props.pageSize);
-  return /* @__PURE__ */ React.createElement("div", { ref: listRef }, /* @__PURE__ */ React.createElement(Box, { sx: { mt: 2 }, className: "qetaQuestionList" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2, className: "qetaQuestionListGrid" }, response.questions.map((question) => {
-    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, key: question.id }, /* @__PURE__ */ React.createElement(QuestionListItem, { question, entity }), /* @__PURE__ */ React.createElement(Divider, null));
-  })), /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      container: true,
-      spacing: 0,
-      className: `qetaQuestionListPaginationGrid ${styles.questionListPagination}`,
-      alignItems: "center",
-      justifyContent: "space-between"
-    },
-    /* @__PURE__ */ React.createElement(Tooltip, { title: "Questions per page", arrow: true }, /* @__PURE__ */ React.createElement(FormControl, { variant: "filled" }, /* @__PURE__ */ React.createElement(
-      Select,
-      {
-        value: props.pageSize,
-        onChange: handlePageSizeChange,
-        className: `qetaQuestionListPaginationSizeSelect ${styles.questionsPerPage}`,
-        inputProps: { className: styles.questionsPerPageInput }
-      },
-      /* @__PURE__ */ React.createElement(MenuItem, { value: 5 }, "5"),
-      /* @__PURE__ */ React.createElement(MenuItem, { value: 10 }, "10"),
-      /* @__PURE__ */ React.createElement(MenuItem, { value: 25 }, "25"),
-      /* @__PURE__ */ React.createElement(MenuItem, { value: 50 }, "50"),
-      /* @__PURE__ */ React.createElement(MenuItem, { value: 100 }, "100")
-    ))),
-    /* @__PURE__ */ React.createElement(
-      Pagination,
-      {
-        page,
-        onChange: handlePageChange,
-        count: pageCount,
-        size: "large",
-        variant: "outlined",
-        className: "qetaQuestionListPagination",
-        showFirstButton: true,
-        showLastButton: true
-      }
-    )
-  )));
-};
-
-const AskQuestionButton = (props) => {
-  const { entity, entityPage, tags } = props;
-  const askRoute = useRouteRef(askRouteRef);
-  const params = new URLSearchParams();
-  if (entity) {
-    params.set("entity", entity);
-  }
-  if (entityPage) {
-    params.set("entityPage", "true");
-  }
-  if (tags && tags.length > 0) {
-    params.set("tags", tags.join(","));
-  }
-  return /* @__PURE__ */ React.createElement(
-    RequirePermission,
-    {
-      permission: qetaCreateQuestionPermission,
-      errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
-    },
-    /* @__PURE__ */ React.createElement(
-      LinkButton,
-      {
-        variant: "contained",
-        to: entity || tags ? `${askRoute()}?${params.toString()}` : askRoute(),
-        color: "primary",
-        className: "qetaAskQuestionBtn",
-        startIcon: /* @__PURE__ */ React.createElement(HelpOutline, null)
-      },
-      "Ask question"
-    )
-  );
-};
-
-const QuestionsContainer = (props) => {
-  var _a;
-  const {
-    tags,
-    author,
-    entity,
-    showFilters,
-    showTitle,
-    title,
-    favorite,
-    showAskButton,
-    showNoQuestionsBtn
-  } = props;
-  const analytics = useAnalytics();
-  const [page, setPage] = React.useState(1);
-  const [questionsPerPage, setQuestionsPerPage] = React.useState(10);
-  const [showFilterPanel, setShowFilterPanel] = React.useState(false);
-  const [searchParams, setSearchParams] = useSearchParams();
-  const [searchQuery, setSearchQuery] = React.useState("");
-  const [filters, setFilters] = React.useState({
-    order: "desc",
-    orderBy: "created",
-    noAnswers: "false",
-    noCorrectAnswer: "false",
-    noVotes: "false",
-    searchQuery: "",
-    entity: entity != null ? entity : "",
-    tags: tags != null ? tags : []
-  });
-  const onPageChange = (value) => {
-    setPage(value);
-    setSearchParams((prev) => {
-      const newValue = prev;
-      newValue.set("page", String(value));
-      return newValue;
-    });
-  };
-  const onFilterChange = (key, value) => {
-    if (filters[key] === value) {
-      return;
-    }
-    setPage(1);
-    setFilters({ ...filters, ...{ [key]: value } });
-    setSearchParams((prev) => {
-      const newValue = prev;
-      if (!value || value === "false") {
-        newValue.delete(key);
-      } else if (Array.isArray(value)) {
-        if (value.length === 0) {
-          newValue.delete(key);
-        } else {
-          newValue.set(key, value.join(","));
-        }
-      } else if (value.length > 0) {
-        newValue.set(key, value);
-      } else {
-        newValue.delete(key);
-      }
-      return newValue;
-    });
-  };
-  const onSearchQueryChange = (event) => {
-    onPageChange(1);
-    if (event.target.value) {
-      analytics.captureEvent("qeta_search", event.target.value);
-    }
-    setSearchQuery(event.target.value);
-  };
-  useDebounce(
-    () => {
-      if (filters.searchQuery !== searchQuery) {
-        setFilters({ ...filters, searchQuery });
-      }
-    },
-    400,
-    [searchQuery]
-  );
-  useEffect(() => {
-    let filtersApplied = false;
-    searchParams.forEach((value, key) => {
-      var _a2;
-      try {
-        if (key === "page") {
-          const pv = Number.parseInt(value, 10);
-          if (pv > 0) {
-            setPage(pv);
-          } else {
-            setPage(1);
-          }
-        } else if (key === "questionsPerPage") {
-          const qpp = Number.parseInt(value, 10);
-          if (qpp > 0)
-            setQuestionsPerPage(qpp);
-        } else if (filterKeys.includes(key)) {
-          filtersApplied = true;
-          if (key === "tags") {
-            filters.tags = (_a2 = filterTags(value)) != null ? _a2 : [];
-          } else {
-            filters[key] = value;
-          }
-        }
-      } catch (_e) {
-      }
-    });
-    setFilters(filters);
-    if (filtersApplied) {
-      setShowFilterPanel(true);
-    }
-  }, [searchParams, filters]);
-  const {
-    value: response,
-    loading,
-    error
-  } = useQetaApi(
-    (api) => {
-      return api.getQuestions({
-        limit: questionsPerPage,
-        offset: (page - 1) * questionsPerPage,
-        includeEntities: true,
-        author,
-        favorite,
-        ...filters
-      });
-    },
-    [page, filters, questionsPerPage]
-  );
-  const onPageSizeChange = (value) => {
-    if (response) {
-      let newPage = page;
-      while (newPage * value > response.total) {
-        newPage -= 1;
-      }
-      onPageChange(Math.max(1, newPage));
-    }
-    setQuestionsPerPage(value);
-    setSearchParams((prev) => {
-      const newValue = prev;
-      newValue.set("questionsPerPage", String(value));
-      return newValue;
-    });
-  };
-  let shownTitle = title;
-  let link = void 0;
-  if (author) {
-    shownTitle = `Questions by `;
-    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: author, hideIcon: true, defaultKind: "user" });
-  } else if (entity) {
-    shownTitle = `Questions about `;
-    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: entity });
-  } else if (tags) {
-    shownTitle = `Questions tagged with [${tags.join(", ")}]`;
-  } else if (favorite) {
-    shownTitle = "Your favorite questions";
-  }
-  return /* @__PURE__ */ React.createElement(Box, { className: "qetaQuestionsContainer" }, showTitle && /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      variant: "h5",
-      className: "qetaQuestionsContainerTitle",
-      style: { marginBottom: "1.5rem" }
-    },
-    shownTitle,
-    link
-  ), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      id: "search-bar",
-      fullWidth: true,
-      onChange: onSearchQueryChange,
-      label: "Search for questions",
-      className: "qetaQuestionsContainerSearchInput",
-      variant: "outlined",
-      placeholder: "Search...",
-      size: "small",
-      style: { marginBottom: "5px" }
-    }
-  )), showAskButton && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    AskQuestionButton,
-    {
-      entity: entity != null ? entity : filters.entity,
-      entityPage: entity !== void 0,
-      tags
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      variant: "h6",
-      className: "qetaQuestionsContainerQuestionCount"
-    },
-    `${(_a = response == null ? void 0 : response.total) != null ? _a : 0} ${(response == null ? void 0 : response.total) === 1 ? "question" : "questions"}`
-  )), (showFilters != null ? showFilters : true) && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      onClick: () => setShowFilterPanel(!showFilterPanel),
-      className: "qetaQuestionsContainerFilterPanelBtn",
-      startIcon: /* @__PURE__ */ React.createElement(FilterList, null)
-    },
-    "Filter"
-  ))), (showFilters != null ? showFilters : true) && /* @__PURE__ */ React.createElement(Collapse, { in: showFilterPanel }, /* @__PURE__ */ React.createElement(
-    FilterPanel,
-    {
-      onChange: onFilterChange,
-      filters,
-      showEntityFilter: !entity
-    }
-  )), /* @__PURE__ */ React.createElement(
-    QuestionList,
-    {
-      loading,
-      error,
-      response,
-      onPageChange,
-      onPageSizeChange,
-      entity,
-      page,
-      pageSize: questionsPerPage,
-      showNoQuestionsBtn,
-      entityPage: entity !== void 0,
-      tags
-    }
-  ));
-};
-
-const MarkdownEditor = (props) => {
-  const { config, value, onChange, height, error, placeholder } = props;
-  const [selectedTab, setSelectedTab] = React.useState(
-    "write"
-  );
-  const styles = useStyles$1();
-  const errorApi = useApi(errorApiRef);
-  const qetaApi = useApi(qetaApiRef);
-  const imageUpload = () => {
-    return async function* (data) {
-      var _a, _b;
-      const fileType = await FileType.fromBuffer(data);
-      const mimeType = fileType ? fileType.mime : "text/plain";
-      const attachment = await qetaApi.postAttachment(
-        new Blob([data], { type: mimeType })
-      );
-      if ("errors" in attachment) {
-        errorApi.post({
-          name: "Upload failed",
-          message: (_b = (_a = attachment.errors) == null ? void 0 : _a.map((e) => e.message).join(", ")) != null ? _b : ""
-        });
-        return false;
-      }
-      props.onImageUpload(attachment.id);
-      yield attachment.locationUri;
-      return true;
-    };
-  };
-  const isUploadDisabled = (config == null ? void 0 : config.getOptionalBoolean("qeta.storage.disabled")) || false;
-  return /* @__PURE__ */ React.createElement(
-    ReactMde,
-    {
-      classes: {
-        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,
-        textArea: error ? `qetaMarkdownEditorError ${styles.markdownEditorError}` : void 0,
-        preview: "qetaMarkdownEditorPreview",
-        toolbar: "qetaMarkdownEditorToolbar"
-      },
-      value,
-      onChange,
-      selectedTab,
-      onTabChange: setSelectedTab,
-      minEditorHeight: height,
-      minPreviewHeight: height - 10,
-      childProps: {
-        textArea: {
-          required: true,
-          placeholder
-        }
-      },
-      generateMarkdownPreview: (content) => Promise.resolve(
-        /* @__PURE__ */ React.createElement(
-          MarkdownContent,
-          {
-            content,
-            dialect: "gfm",
-            className: `qetaMarkdownEditorPreview ${styles.markdownContent}`
-          }
-        )
-      ),
-      paste: isUploadDisabled ? void 0 : {
-        saveImage: imageUpload()
-      }
-    }
-  );
-};
-
-const TagInput = (props) => {
-  const { control } = props;
-  const qetaApi = useApi(qetaApiRef);
-  const config = useApi(configApiRef);
-  const allowCreation = useMemo(
-    () => {
-      var _a;
-      return (_a = config.getOptionalBoolean("qeta.tags.allowCreation")) != null ? _a : true;
-    },
-    [config]
-  );
-  const allowedTags = useMemo(
-    () => {
-      var _a;
-      return (_a = config.getOptionalStringArray("qeta.tags.allowedTags")) != null ? _a : null;
-    },
-    [config]
-  );
-  const maximumTags = useMemo(
-    () => {
-      var _a;
-      return (_a = config.getOptionalNumber("qeta.tags.max")) != null ? _a : 5;
-    },
-    [config]
-  );
-  const [availableTags, setAvailableTags] = React.useState([]);
-  useEffect(() => {
-    if (allowCreation) {
-      qetaApi.getTags().catch((_) => setAvailableTags(null)).then(
-        (data) => data ? setAvailableTags(data.map((tag) => tag.tag)) : setAvailableTags(null)
-      );
-    } else {
-      setAvailableTags(allowedTags);
-    }
-  }, [qetaApi, allowCreation, allowedTags]);
-  if (!allowCreation && (allowedTags === null || allowedTags.length === 0)) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(
-    Controller,
-    {
-      control,
-      render: ({ field: { onChange, value }, fieldState: { error } }) => /* @__PURE__ */ React.createElement(
-        Autocomplete,
-        {
-          multiple: true,
-          id: "tags-select",
-          className: "qetaAskFormTags",
-          value,
-          options: availableTags != null ? availableTags : [],
-          freeSolo: allowCreation,
-          onChange: (_e, newValue) => {
-            const tags = filterTags(newValue);
-            if (tags && tags.length <= maximumTags && tags.length === newValue.length) {
-              onChange(newValue);
-            }
-          },
-          renderInput: (params) => /* @__PURE__ */ React.createElement(
-            TextField,
-            {
-              ...params,
-              variant: "outlined",
-              margin: "normal",
-              label: "Tags",
-              placeholder: "Type or select tags",
-              helperText: `Add up to ${maximumTags} tags to categorize your question`,
-              error: error !== void 0
-            }
-          )
-        }
-      ),
-      name: "tags"
-    }
-  );
-};
-
-const EntitiesInput = (props) => {
-  const { control, entityRef } = props;
-  const configApi = useApi(configApiRef);
-  const catalogApi = useApi(catalogApiRef);
-  const [availableEntities, setAvailableEntities] = React.useState([]);
-  const entityKinds = useMemo(() => {
-    let kinds = configApi.getOptionalStringArray("qeta.entityKinds");
-    if (!kinds) {
-      kinds = configApi.getOptionalStringArray("qeta.entities.kinds");
-    }
-    return kinds || ["Component", "System"];
-  }, [configApi]);
-  const max = useMemo(
-    () => {
-      var _a;
-      return (_a = configApi.getOptionalNumber("qeta.entities.max")) != null ? _a : 3;
-    },
-    [configApi]
-  );
-  useEffect(() => {
-    if (entityRef) {
-      catalogApi.getEntityByRef(entityRef).then((data) => {
-        if (data) {
-          setAvailableEntities([data]);
-        }
-      });
-    }
-  }, [catalogApi, entityRef]);
-  useEffect(() => {
-    if (entityRef) {
-      return;
-    }
-    if (entityKinds && entityKinds.length > 0) {
-      catalogApi.getEntities({
-        filter: { kind: entityKinds },
-        fields: [
-          "kind",
-          "metadata.name",
-          "metadata.namespace",
-          "metadata.title"
-        ]
-      }).catch((_) => setAvailableEntities(null)).then(
-        (data) => data ? setAvailableEntities(data.items) : setAvailableEntities(null)
-      );
-    }
-  }, [catalogApi, entityRef, configApi, entityKinds]);
-  if (!availableEntities || availableEntities.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(
-    Controller,
-    {
-      control,
-      render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
-        Autocomplete,
-        {
-          multiple: true,
-          className: "qetaAskFormEntities",
-          value,
-          groupBy: entityKinds.length > 1 ? (option) => option.kind : void 0,
-          id: "entities-select",
-          options: availableEntities,
-          getOptionLabel: getEntityTitle,
-          getOptionSelected: (o, v) => stringifyEntityRef(o) === stringifyEntityRef(v),
-          onChange: (_e, newValue) => {
-            if (!value || value.length < max) {
-              onChange(newValue);
-            }
-          },
-          renderInput: (params) => /* @__PURE__ */ React.createElement(
-            TextField,
-            {
-              ...params,
-              variant: "outlined",
-              margin: "normal",
-              label: "Entities",
-              placeholder: "Type or select entities",
-              helperText: `Add up to ${max} entities this question relates to`
-            }
-          )
-        }
-      ),
-      name: "entities"
-    }
-  );
-};
-
-const AskAnonymouslyCheckbox = (props) => {
-  const { control, label } = props;
-  return /* @__PURE__ */ React.createElement(Box, { style: { marginLeft: "0.2rem" } }, /* @__PURE__ */ React.createElement(
-    Controller,
-    {
-      control,
-      render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
-        FormControlLabel,
-        {
-          control: /* @__PURE__ */ React.createElement(Tooltip, { title: "By enabling this, other users won't be able to see you as an author" }, /* @__PURE__ */ React.createElement(
-            Checkbox,
-            {
-              onChange,
-              value,
-              size: "small",
-              name: "anonymous"
-            }
-          )),
-          label
-        }
-      ),
-      name: "anonymous"
-    }
-  ));
-};
-
-const formToRequest = (form, images) => {
-  var _a;
-  return {
-    ...form,
-    entities: (_a = form.entities) == null ? void 0 : _a.map(stringifyEntityRef),
-    images
-  };
-};
-const getDefaultValues = (props) => {
-  var _a;
-  return {
-    title: "",
-    content: "",
-    tags: (_a = props.tags) != null ? _a : [],
-    entities: []
-  };
-};
-const getValues = async (api, catalogApi, id) => {
-  var _a;
-  if (!id) {
-    return getDefaultValues({});
-  }
-  const question = await api.getQuestion(id);
-  const entities = question.entities && question.entities.length > 0 ? await catalogApi.getEntitiesByRefs({
-    entityRefs: question.entities,
-    fields: [
-      "kind",
-      "metadata.name",
-      "metadata.namespace",
-      "metadata.title"
-    ]
-  }) : [];
-  return {
-    title: question.title,
-    content: question.content,
-    tags: (_a = question.tags) != null ? _a : [],
-    entities: "items" in entities ? compact(entities.items) : []
-  };
-};
-const AskForm = (props) => {
-  const { id, entity, onPost, entityPage } = props;
-  const questionRoute = useRouteRef(questionRouteRef);
-  const navigate = useNavigate();
-  const analytics = useAnalytics();
-  const [entityRef, setEntityRef] = React.useState(entity);
-  const [posting, setPosting] = React.useState(false);
-  const [values, setValues] = React.useState(getDefaultValues(props));
-  const [error, setError] = React.useState(false);
-  const [images, setImages] = React.useState([]);
-  const [searchParams, _setSearchParams] = useSearchParams();
-  const qetaApi = useApi(qetaApiRef);
-  const catalogApi = useApi(catalogApiRef);
-  const configApi = useApi(configApiRef);
-  const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
-  const styles = useStyles$1();
-  const {
-    register,
-    handleSubmit,
-    control,
-    reset,
-    formState: { errors }
-  } = useForm({
-    values,
-    defaultValues: getDefaultValues(props)
-  });
-  const postQuestion = (data) => {
-    setPosting(true);
-    const queryParams = new URLSearchParams();
-    if (entity) {
-      queryParams.set("entity", entity);
-    }
-    if (entityPage) {
-      queryParams.set("entityPage", "true");
-    }
-    if (id) {
-      qetaApi.updateQuestion(id, formToRequest(data, images)).then((q) => {
-        if (!q || !q.id) {
-          setError(true);
-          return;
-        }
-        reset();
-        analytics.captureEvent("edit", "question");
-        if (onPost) {
-          onPost(q);
-        } else if (entity) {
-          navigate(
-            `${questionRoute({
-              id: q.id.toString(10)
-            })}?${queryParams.toString()}`
-          );
-        } else {
-          navigate(questionRoute({ id: q.id.toString(10) }));
-        }
-      }).catch((_e) => {
-        setError(true);
-        setPosting(false);
-      });
-      return;
-    }
-    qetaApi.postQuestion(formToRequest(data, images)).then((q) => {
-      if (!q || !q.id) {
-        setError(true);
-        return;
-      }
-      analytics.captureEvent("post", "question");
-      reset();
-      if (entity) {
-        navigate(
-          `${questionRoute({
-            id: q.id.toString(10)
-          })}?${queryParams.toString()}`
-        );
-      } else {
-        navigate(questionRoute({ id: q.id.toString(10) }));
-      }
-    }).catch((_e) => {
-      setError(true);
-      setPosting(false);
-    });
-  };
-  useEffect(() => {
-    if (!entityRef) {
-      const e = searchParams.get("entity");
-      if (e) {
-        setEntityRef(e);
-      }
-    }
-  }, [entityRef, searchParams]);
-  useEffect(() => {
-    if (id) {
-      getValues(qetaApi, catalogApi, id).then((data) => {
-        setValues(data);
-      });
-    }
-  }, [qetaApi, catalogApi, id]);
-  useEffect(() => {
-    if (entityRef) {
-      catalogApi.getEntityByRef(entityRef).then((data) => {
-        if (data) {
-          setValues((v) => {
-            return { ...v, entities: [data] };
-          });
-        }
-      });
-    }
-  }, [catalogApi, entityRef]);
-  useEffect(() => {
-    reset(values);
-  }, [values, reset]);
-  return /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(postQuestion), className: "qetaAskForm" }, error && /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Could not post question"), /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      label: "Title",
-      className: "qetaAskFormTitle",
-      required: true,
-      fullWidth: true,
-      error: "title" in errors,
-      margin: "normal",
-      variant: "outlined",
-      helperText: "Write good title for your question that people can understand",
-      // @ts-ignore
-      ...register("title", { required: true, maxLength: 255 })
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Controller,
-    {
-      control,
-      rules: {
-        required: true
-      },
-      render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
-        MarkdownEditor,
-        {
-          value,
-          onChange,
-          height: 400,
-          error: "content" in errors,
-          placeholder: "Your question",
-          config: configApi,
-          onImageUpload: (imageId) => {
-            setImages((prevImages) => [...prevImages, imageId]);
-          }
-        }
-      ),
-      name: "content"
-    }
-  ), /* @__PURE__ */ React.createElement(TagInput, { control }), /* @__PURE__ */ React.createElement(EntitiesInput, { control, entityRef }), allowAnonymouns && !id && /* @__PURE__ */ React.createElement(AskAnonymouslyCheckbox, { control, label: "Ask anonymously" }), /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      color: "primary",
-      type: "submit",
-      variant: "contained",
-      disabled: posting,
-      className: `qetaAskFormSubmitBtn ${styles.postButton}`
-    },
-    id ? "Save" : "Post"
-  ));
-};
-
-const UserLink = (props) => {
-  const { entityRef, linkProps } = props;
-  const userRoute = useRouteRef(userRouteRef);
-  const { primaryTitle: userName } = useEntityPresentation(
-    entityRef.startsWith("user:") ? entityRef : `user:${entityRef}`
-  );
-  if (entityRef === "anonymous") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, "Anonymous");
-  }
-  return /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${entityRef}`, ...linkProps }, userName);
-};
-const AuthorLink = (props) => {
-  const { entity, linkProps } = props;
-  return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.author, linkProps });
-};
-const UpdatedByLink = (props) => {
-  const { entity, linkProps } = props;
-  if (!entity.updatedBy) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.updatedBy, linkProps });
-};
-
-const QuestionTableRow = (props) => {
-  const { question } = props;
-  const questionRoute = useRouteRef(questionRouteRef);
-  return /* @__PURE__ */ React.createElement(TableRow, { key: question.id }, /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(Link, { to: questionRoute({ id: question.id.toString(10) }) }, question.title)), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(AuthorLink, { entity: question })), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: question.created })), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(
-    RelativeTimeWithTooltip,
-    {
-      value: question.updated ? question.updated : question.created
-    }
-  )));
-};
-
-const QuestionsTable = (props) => {
-  var _a, _b;
-  const [page, setPage] = React.useState(1);
-  const [questionsPerPage, setQuestionsPerPage] = React.useState(
-    (_a = props.rowsPerPage) != null ? _a : 10
-  );
-  const [quickFilter, setQuickFilter] = React.useState(
-    (_b = props.quickFilter) != null ? _b : "latest"
-  );
-  const [refresh, setRefresh] = React.useState(0);
-  const [filters, setFilters] = React.useState({
-    order: "desc",
-    orderBy: "created",
-    noAnswers: "false",
-    noCorrectAnswer: "false",
-    noVotes: "false",
-    searchQuery: "",
-    favorite: false
-  });
-  const {
-    value: response,
-    loading,
-    error
-  } = useQetaApi(
-    (api) => api.getQuestions({
-      limit: questionsPerPage,
-      offset: (page - 1) * questionsPerPage,
-      includeEntities: true,
-      ...filters
-    }),
-    [page, filters, questionsPerPage, refresh]
-  );
-  const handleQuickFilterChange = (filter) => {
-    setQuickFilter(filter);
-    if (filter === "latest") {
-      setFilters({
-        ...filters,
-        order: "desc",
-        orderBy: "created",
-        favorite: false
-      });
-    } else if (filter === "favorites") {
-      setFilters({
-        ...filters,
-        order: "desc",
-        orderBy: "created",
-        favorite: true
-      });
-    } else if (filter === "most_viewed") {
-      setFilters({
-        ...filters,
-        order: "desc",
-        orderBy: "views",
-        favorite: false
-      });
-    }
-  };
-  const handleChangePage = (_, newPage) => {
-    setPage(newPage + 1);
-  };
-  const handleChangeRowsPerPage = (event) => {
-    setQuestionsPerPage(parseInt(event.target.value, 10));
-    setPage(1);
-  };
-  if (error || response === void 0) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load questions." }, error == null ? void 0 : error.message);
-  }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      container: true,
-      justifyContent: "space-between",
-      alignItems: "center",
-      style: { marginBottom: "1em" },
-      className: "qetaQuestionsTableGrid"
-    },
-    /* @__PURE__ */ React.createElement(Grid, { item: true }, props.hideTitle === true ? null : /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Q&A")),
-    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        color: quickFilter === "latest" ? "primary" : void 0,
-        onClick: () => handleQuickFilterChange("latest")
-      },
-      "Latest"
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        color: quickFilter === "favorites" ? "primary" : void 0,
-        onClick: () => handleQuickFilterChange("favorites")
-      },
-      "Favorites"
-    ), /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        color: quickFilter === "most_viewed" ? "primary" : void 0,
-        onClick: () => handleQuickFilterChange("most_viewed")
-      },
-      "Most viewed"
-    )), /* @__PURE__ */ React.createElement(
-      LinkButton,
-      {
-        to: "#",
-        variant: "text",
-        onClick: () => setRefresh(refresh + 1)
-      },
-      /* @__PURE__ */ React.createElement(RefreshIcon, null)
-    ))
-  ), /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, { className: "qetaQuestionsTable" }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell, null, "Title"), /* @__PURE__ */ React.createElement(TableCell, null, "Author"), /* @__PURE__ */ React.createElement(TableCell, null, "Asked"), /* @__PURE__ */ React.createElement(TableCell, null, "Last updated"))), /* @__PURE__ */ React.createElement(TableBody, null, loading ? /* @__PURE__ */ React.createElement(Progress, null) : null, response.questions.map((q) => /* @__PURE__ */ React.createElement(QuestionTableRow, { question: q })))), /* @__PURE__ */ React.createElement(
-    TablePagination,
-    {
-      rowsPerPageOptions: [5, 10, 20, 30, 40, 50],
-      component: "div",
-      count: response.total,
-      rowsPerPage: questionsPerPage,
-      page: page - 1,
-      onPageChange: handleChangePage,
-      onRowsPerPageChange: handleChangeRowsPerPage
-    }
-  )));
-};
-
-const Content = (props) => {
-  return /* @__PURE__ */ React.createElement(QuestionsTable, { hideTitle: true, ...props });
-};
-
-const TrophyIcon = (props) => /* @__PURE__ */ React.createElement(SvgIcon, { ...props, viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement(
-  "path",
-  {
-    id: "secondary",
-    d: "M17,12a1,1,0,0,1,0-2,3,3,0,0,0,3-3V6H17.17a1,1,0,0,1,0-2H20a2,2,0,0,1,2,2V7A5,5,0,0,1,17,12ZM8,11a1,1,0,0,0-1-1A3,3,0,0,1,4,7V6H6.74a1,1,0,0,0,0-2H4A2,2,0,0,0,2,6V7a5,5,0,0,0,5,5A1,1,0,0,0,8,11Zm5,10V16.18a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z"
-  }
-), /* @__PURE__ */ React.createElement(
-  "path",
-  {
-    id: "primary",
-    d: "M16,22H8a1,1,0,0,1,0-2h8a1,1,0,0,1,0,2ZM17,2H7A1,1,0,0,0,6,3V9.57a7.75,7.75,0,0,0,4.89,7.22A3,3,0,0,0,12,17a3.13,3.13,0,0,0,1.12-.21A7.76,7.76,0,0,0,18,9.57V3A1,1,0,0,0,17,2Z"
-  }
-));
-
-const useStyles = makeStyles((theme) => {
-  return {
-    trophyIcon: {
-      backgroundColor: "initial",
-      color: theme.palette.text.primary,
-      borderRadius: "50%",
-      boxSizing: "border-box",
-      padding: "1rem",
-      height: 100,
-      width: 100
-    },
-    votesText: {
-      display: "grid",
-      placeItems: "center",
-      marginLeft: "16px"
-    }
-  };
-});
-
-const DefaultRankingIcons = /* @__PURE__ */ new Map([
-  [
-    1,
-    /* @__PURE__ */ React.createElement(
-      TrophyIcon,
-      {
-        style: { color: "#DAA520", height: "2.2rem", width: "2.2rem" }
-      }
-    )
-  ],
-  [
-    2,
-    /* @__PURE__ */ React.createElement(
-      TrophyIcon,
-      {
-        style: { color: "#C0C0C0", height: "2.1rem", width: "2.1rem" }
-      }
-    )
-  ],
-  [
-    3,
-    /* @__PURE__ */ React.createElement(TrophyIcon, { style: { color: "#B87333", height: "2rem", width: "2rem" } })
-  ]
-]);
-const DefaultUserIcon = /* @__PURE__ */ React.createElement(TrophyIcon, { style: { height: "2rem", width: "2rem" } });
-const getOrdinal = (n) => {
-  if (n % 10 === 1 && n % 100 !== 11) {
-    return `${n}st`;
-  } else if (n % 10 === 2 && n % 100 !== 12) {
-    return `${n}nd`;
-  } else if (n % 10 === 3 && n % 100 !== 13) {
-    return `${n}rd`;
-  }
-  return `${n}th`;
-};
-const RankingRow = (props) => {
-  var _a, _b;
-  const classes = useStyles();
-  const userRef = props.userRef;
-  const ordinalPosition = (props == null ? void 0 : props.position) ? getOrdinal(props == null ? void 0 : props.position) : "";
-  const userIcon = ((_a = props.rankingIcon) == null ? void 0 : _a.userRankingIcon) ? (_b = props.rankingIcon) == null ? void 0 : _b.userRankingIcon : DefaultUserIcon;
-  const topRankingIcon = props.rankingIcon ? props.rankingIcon.iconsByRanking.get(Number(props == null ? void 0 : props.position)) : DefaultRankingIcons.get(Number(props == null ? void 0 : props.position)) || DefaultUserIcon;
-  const rankingIcon = (props == null ? void 0 : props.position) > 3 ? userIcon : topRankingIcon;
-  return /* @__PURE__ */ React.createElement(ListItem, { className: "qetaRankingCardRow" }, /* @__PURE__ */ React.createElement(ListItemAvatar, null, /* @__PURE__ */ React.createElement(Avatar, { className: classes.trophyIcon }, rankingIcon)), /* @__PURE__ */ React.createElement(
-    ListItemText,
-    {
-      disableTypography: true,
-      style: {
-        display: "flex",
-        justifyContent: "center"
-      },
-      primary: /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement(
-        Typography,
-        {
-          style: { marginRight: "10px", fontWeight: 400 },
-          variant: "subtitle1"
-        },
-        `${ordinalPosition}`
-      ), /* @__PURE__ */ React.createElement(UserLink, { entityRef: userRef != null ? userRef : "" }))
-    }
-  ), /* @__PURE__ */ React.createElement("div", { className: classes.votesText }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, props == null ? void 0 : props.total, " ", props.unit)));
-};
-const RankingCard = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const rankingStats = props.limit ? (_a = props.statistic) == null ? void 0 : _a.ranking.slice(0, props.limit) : (_b = props.statistic) == null ? void 0 : _b.ranking;
-  return /* @__PURE__ */ React.createElement("div", { style: { display: "block" }, className: "qetaRankingCard" }, /* @__PURE__ */ React.createElement("span", { className: "qetaRankingCardDescription" }, props.description), /* @__PURE__ */ React.createElement(List, { className: "qetaRankingCardList" }, rankingStats == null ? void 0 : rankingStats.map((authorStats) => {
-    return /* @__PURE__ */ React.createElement(
-      RankingRow,
-      {
-        total: authorStats.total || 0,
-        position: authorStats.position || 0,
-        userRef: authorStats.author,
-        unit: props.unit
-      }
-    );
-  }), !(rankingStats == null ? void 0 : rankingStats.some(
-    (authorStats) => {
-      var _a2, _b2;
-      return authorStats.author === ((_b2 = (_a2 = props.statistic) == null ? void 0 : _a2.loggedUser) == null ? void 0 : _b2.author);
-    }
-  )) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("hr", null), /* @__PURE__ */ React.createElement(
-    RankingRow,
-    {
-      total: ((_d = (_c = props.statistic) == null ? void 0 : _c.loggedUser) == null ? void 0 : _d.total) || 0,
-      position: ((_f = (_e = props.statistic) == null ? void 0 : _e.loggedUser) == null ? void 0 : _f.position) || 0,
-      userRef: (_h = (_g = props.statistic) == null ? void 0 : _g.loggedUser) == null ? void 0 : _h.author,
-      unit: props.unit
-    }
-  ))));
-};
-const TopRankingUsers = (props) => {
-  const {
-    value: topStatistics,
-    loading,
-    error
-  } = useQetaApi(
-    (api) => api.getTopStatisticsHomepage({
-      options: { limit: 50 }
-    })
-  );
-  const tabData = [
-    {
-      title: "Most questions",
-      description: "People who have posted most questions",
-      unit: "questions"
-    },
-    {
-      title: "Most answers",
-      description: "People who have answered most questions",
-      unit: "answers"
-    },
-    {
-      title: "Top Upvoted Questions",
-      description: "People who have the highest rated questions",
-      unit: "votes"
-    },
-    {
-      title: "Top Upvoted Answers",
-      description: "People who have the highest rated answers",
-      unit: "votes"
-    },
-    {
-      title: "Top Upvoted Correct Answers",
-      description: "People who have the highest rated correct answers",
-      unit: "votes"
-    }
-  ];
-  if ((error || topStatistics === void 0) && !loading) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load statistics." }, error == null ? void 0 : error.message);
-  }
-  let content;
-  if (loading) {
-    content = [
-      /* @__PURE__ */ React.createElement(CardTab, null, /* @__PURE__ */ React.createElement(Progress, null))
-    ];
-  } else if (topStatistics && topStatistics.length > 0) {
-    content = topStatistics == null ? void 0 : topStatistics.map((stats, index) => {
-      return /* @__PURE__ */ React.createElement(CardTab, { label: tabData[index].title }, /* @__PURE__ */ React.createElement(
-        RankingCard,
-        {
-          description: tabData[index].description,
-          limit: props.limit,
-          statistic: stats,
-          unit: tabData[index].unit
-        }
-      ));
-    });
-  } else {
-    content = [/* @__PURE__ */ React.createElement(CardTab, null, "No statistics available")];
-  }
-  return /* @__PURE__ */ React.createElement(TabbedCard, { title: props.title || "Ranking Q&A \u{1F3C6}" }, content);
-};
-
-const BackToQuestionsButton = (props) => {
-  const styles = useStyles$1();
-  const entityRoute = useRouteRef(entityRouteRef);
-  const rootRoute = useRouteRef(qetaRouteRef);
-  let to = rootRoute();
-  const [searchParams] = useSearchParams();
-  const entity = searchParams.get("entity");
-  if (entity) {
-    const entityRef = parseEntityRef(entity);
-    if (props.entityPage) {
-      to = `${entityRoute(entityRef)}/qeta`;
-    } else {
-      to = `${rootRoute()}?entity=${entity}`;
-    }
-  }
-  return /* @__PURE__ */ React.createElement(
-    LinkButton,
-    {
-      className: `${styles.marginRight} qetaBackToQuestionsBtn`,
-      to,
-      startIcon: /* @__PURE__ */ React.createElement(HomeOutlined, null)
-    },
-    "Back to questions"
-  );
-};
-
-const StatisticsPage = () => {
-  return /* @__PURE__ */ React.createElement(Content$1, { className: "qetaStatisticsPage" }, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Statistics" }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(TopRankingUsers, { limit: 10 })));
-};
-
-export { AskForm as A, BackToQuestionsButton as B, Content as C, MarkdownEditor as M, QuestionsTable as Q, RelativeTimeWithTooltip as R, StatisticsPage as S, TagsAndEntities as T, UpdatedByLink as U, useStyles$1 as a, useEntityAuthor as b, AuthorLink as c, AskAnonymouslyCheckbox as d, useQetaApi as e, AskQuestionButton as f, QuestionsContainer as g, useIdentityApi as h, TrophyIcon as i, qetaPlugin as j, QetaPage as k, QuestionTableCard as l, RankingRow as m, RankingCard as n, TopRankingUsers as o, QetaClient as p, qetaApiRef as q, useBasePath as u };
-//# sourceMappingURL=index-CuD-iIx9.esm.js.map