@drodil/backstage-plugin-qeta 1.10.2 → 1.11.0

package/dist/esm/{index-7d99dfe6.esm.js → index-4867abd8.esm.js}

@@ -1,4 +1,4 @@
-export { C as Content, d as QuestionsTable } from './index-ceb65cf4.esm.js';
+export { C as Content, g as QuestionsTable } from './index-6bfa5b72.esm.js';
 import '@backstage/core-plugin-api';
 import '@backstage/plugin-home';
 import '@backstage/errors';
@@ -25,4 +25,7 @@ import 'react-mde/lib/styles/css/react-mde-editor.css';
 import 'react-mde/lib/styles/css/react-mde-toolbar.css';
 import 'file-type';
 import '@material-ui/icons/Refresh';
-//# sourceMappingURL=index-7d99dfe6.esm.js.map
+import '@material-ui/icons/HomeOutlined';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+//# sourceMappingURL=index-4867abd8.esm.js.map

package/dist/esm/index-4867abd8.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-4867abd8.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-ceb65cf4.esm.js → index-6bfa5b72.esm.js}

@@ -1,15 +1,15 @@
-import { createRouteRef, createApiRef, createPlugin, createApiFactory, configApiRef, fetchApiRef, createRoutableExtension, useApi, identityApiRef, errorApiRef, useAnalytics } from '@backstage/core-plugin-api';
+import { createRouteRef, createApiRef, createPlugin, createApiFactory, fetchApiRef, discoveryApiRef, createRoutableExtension, useApi, identityApiRef, configApiRef, errorApiRef, useAnalytics } from '@backstage/core-plugin-api';
 import { createCardExtension } from '@backstage/plugin-home';
 import { CustomErrorBase } from '@backstage/errors';
 import omitBy from 'lodash/omitBy';
 import isEmpty from 'lodash/isEmpty';
 import { useAsync } from 'react-use';
-import { makeStyles, Box, Grid, FormGroup, FormLabel, FormControlLabel, Checkbox, FormControl, RadioGroup, Radio, Chip, Tooltip, useTheme, Card, CardContent, Typography, Divider, Select, MenuItem, TextField, Button, Collapse, ButtonGroup, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, TablePagination } from '@material-ui/core';
+import { makeStyles, Box, Grid, FormGroup, FormLabel, FormControlLabel, Checkbox, FormControl, RadioGroup, Radio, Chip, Tooltip, useTheme, Card, CardContent, Typography, Divider, Select, MenuItem, TextField, Button, Collapse, ButtonGroup, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, TablePagination, SvgIcon, ListItem, ListItemAvatar, Avatar, ListItemText, List, Container } from '@material-ui/core';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
 import { trimEnd, compact } from 'lodash';
 import React, { useEffect, useMemo } from 'react';
 import useDebounce from 'react-use/lib/useDebounce';
-import { Link, Progress, WarningPanel, LinkButton, MarkdownContent } from '@backstage/core-components';
+import { Link, Progress, WarningPanel, LinkButton, MarkdownContent, CardTab, TabbedCard, Content as Content$1, ContentHeader } from '@backstage/core-components';
 import RelativeTime from 'react-relative-time';
 import DOMPurify from 'dompurify';
 import { stringifyEntityRef } from '@backstage/catalog-model';
@@ -24,6 +24,9 @@ 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';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { qetaCreateQuestionPermission } from '@drodil/backstage-plugin-qeta-common';
 
 const rootRouteRef = createRouteRef({
   id: "qeta"
@@ -41,11 +44,14 @@ class QetaError extends CustomErrorBase {
 class QetaClient {
   constructor(options) {
     this.fetchApi = options.fetchApi;
-    this.baseUrl = options.configApi.getString("backend.baseUrl");
+    this.discoveryApi = options.discoveryApi;
+  }
+  async getBaseUrl() {
+    return this.discoveryApi.getBaseUrl("qeta");
   }
   async getQuestions(options) {
     const query = this.getQueryParameters(options).toString();
-    let url = `${this.baseUrl}/api/qeta/questions`;
+    let url = `${await this.getBaseUrl()}/questions`;
     if (query) {
       url += `?${query}`;
     }
@@ -61,7 +67,7 @@ class QetaClient {
   }
   async getQuestionsList(type) {
     const query = new URLSearchParams({ limit: "7" }).toString();
-    let url = `${this.baseUrl}/api/qeta/questions/list/${type}`;
+    let url = `${await this.getBaseUrl()}/questions/list/${type}`;
     if (query) {
       url += `?${query}`;
     }
@@ -77,7 +83,7 @@ class QetaClient {
   }
   async postQuestion(question) {
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions`,
+      `${await this.getBaseUrl()}/questions`,
       {
         method: "POST",
         body: JSON.stringify(question),
@@ -92,7 +98,7 @@ class QetaClient {
   }
   async commentQuestion(id, content) {
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${id}/comments`,
+      `${await this.getBaseUrl()}/questions/${id}/comments`,
       {
         method: "POST",
         body: JSON.stringify({ content }),
@@ -107,7 +113,7 @@ class QetaClient {
   }
   async deleteQuestionComment(questionId, id) {
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}/comments/${id}`,
+      `${await this.getBaseUrl()}/questions/${questionId}/comments/${id}`,
       {
         method: "DELETE"
       }
@@ -123,7 +129,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${id}`
+      `${await this.getBaseUrl()}/questions/${id}`
     );
     const data = await response.json();
     if ("errors" in data) {
@@ -132,7 +138,9 @@ class QetaClient {
     return data;
   }
   async getTags() {
-    const response = await this.fetchApi.fetch(`${this.baseUrl}/api/qeta/tags`);
+    const response = await this.fetchApi.fetch(
+      `${await this.getBaseUrl()}/tags`
+    );
     return await response.json();
   }
   async voteQuestionUp(id) {
@@ -140,7 +148,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${id}/upvote`
+      `${await this.getBaseUrl()}/questions/${id}/upvote`
     );
     const data = await response.json();
     if ("errors" in data) {
@@ -153,7 +161,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${id}/downvote`
+      `${await this.getBaseUrl()}/questions/${id}/downvote`
     );
     const data = await response.json();
     if ("errors" in data) {
@@ -166,7 +174,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${id}/favorite`
+      `${await this.getBaseUrl()}/questions/${id}/favorite`
     );
     const data = await response.json();
     if ("errors" in data) {
@@ -179,7 +187,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${id}/unfavorite`
+      `${await this.getBaseUrl()}/questions/${id}/unfavorite`
     );
     const data = await response.json();
     if ("errors" in data) {
@@ -189,7 +197,7 @@ class QetaClient {
   }
   async postAnswer(answer) {
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${answer.questionId}/answers`,
+      `${await this.getBaseUrl()}/questions/${answer.questionId}/answers`,
       {
         method: "POST",
         body: JSON.stringify({ answer: answer.answer, images: answer.images }),
@@ -204,7 +212,7 @@ class QetaClient {
   }
   async commentAnswer(questionId, id, content) {
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}/answers/${id}/comments`,
+      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/comments`,
       {
         method: "POST",
         body: JSON.stringify({ content }),
@@ -219,7 +227,7 @@ class QetaClient {
   }
   async deleteAnswerComment(questionId, answerId, id) {
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}/answers/${answerId}/comments/${id}`,
+      `${await this.getBaseUrl()}/questions/${questionId}/answers/${answerId}/comments/${id}`,
       {
         method: "DELETE"
       }
@@ -235,7 +243,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}/answers/${id}/upvote`
+      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/upvote`
     );
     const data = await response.json();
     if ("errors" in data) {
@@ -248,7 +256,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}/answers/${id}/downvote`
+      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/downvote`
     );
     const data = await response.json();
     if ("errors" in data) {
@@ -261,7 +269,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}/answers/${id}/correct`
+      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/correct`
     );
     const data = await response;
     return data.ok;
@@ -271,7 +279,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}/answers/${id}/incorrect`
+      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}/incorrect`
     );
     const data = await response;
     return data.ok;
@@ -281,7 +289,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}`,
+      `${await this.getBaseUrl()}/questions/${questionId}`,
       {
         method: "DELETE"
       }
@@ -294,7 +302,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}/answers/${id}`,
+      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}`,
       {
         method: "DELETE"
       }
@@ -304,7 +312,7 @@ class QetaClient {
   }
   async updateQuestion(id, question) {
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${id}`,
+      `${await this.getBaseUrl()}/questions/${id}`,
       {
         method: "POST",
         body: JSON.stringify(question),
@@ -319,7 +327,7 @@ class QetaClient {
   }
   async updateAnswer(id, answer) {
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${answer.questionId}/answers/${id}`,
+      `${await this.getBaseUrl()}/questions/${answer.questionId}/answers/${id}`,
       {
         method: "POST",
         body: JSON.stringify({ answer: answer.answer, images: answer.images }),
@@ -337,7 +345,7 @@ class QetaClient {
       throw new QetaError("Invalid id provided", void 0);
     }
     const response = await this.fetchApi.fetch(
-      `${this.baseUrl}/api/qeta/questions/${questionId}/answers/${id}`
+      `${await this.getBaseUrl()}/questions/${questionId}/answers/${id}`
     );
     const data = await response.json();
     if ("errors" in data) {
@@ -346,7 +354,7 @@ class QetaClient {
     return data;
   }
   async postAttachment(file) {
-    const qetaUrl = `${this.baseUrl}/api/qeta/attachments`;
+    const qetaUrl = `${await this.getBaseUrl()}/attachments`;
     const formData = new FormData();
     formData.append("image", file);
     const requestOptions = {
@@ -356,6 +364,44 @@ class QetaClient {
     const response = await 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/answers/top-correct-upvoted-users`;
+    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.getMostUpvotedQuestions(options),
+      this.getMostUpvotedAnswers(options),
+      this.getMostUpvotedCorrectAnswers(options)
+    ]);
+    return response;
+  }
   getQueryParameters(params) {
     const asStrings = Object.fromEntries(
       Object.entries(params).map(([k, v]) => {
@@ -377,15 +423,15 @@ const qetaPlugin = createPlugin({
   apis: [
     createApiFactory({
       api: qetaApiRef,
-      deps: { configApi: configApiRef, fetchApi: fetchApiRef },
-      factory: ({ configApi, fetchApi }) => new QetaClient({ configApi, fetchApi })
+      deps: { fetchApi: fetchApiRef, discoveryApi: discoveryApiRef },
+      factory: ({ fetchApi, discoveryApi }) => new QetaClient({ fetchApi, discoveryApi })
     })
   ]
 });
 const QetaPage = qetaPlugin.provide(
   createRoutableExtension({
     name: "QetaPage",
-    component: () => import('./index-6535e416.esm.js').then((m) => m.HomePage),
+    component: () => import('./index-8cc27392.esm.js').then((m) => m.HomePage),
     mountPoint: rootRouteRef
   })
 );
@@ -394,7 +440,7 @@ const QuestionTableCard = qetaPlugin.provide(
     name: "QuestionsTableCard",
     title: "Q&A",
     description: "Shows Q&A questions",
-    components: () => import('./index-7d99dfe6.esm.js'),
+    components: () => import('./index-4867abd8.esm.js'),
     layout: {
       height: { minRows: 6 },
       width: { minColumns: 6 }
@@ -434,7 +480,7 @@ function useIdentityApi(f, deps = []) {
     return await f(identityApi);
   }, deps);
 }
-const useStyles = makeStyles((theme) => {
+const useStyles$1 = makeStyles((theme) => {
   return {
     markdownEditor: {
       backgroundColor: "initial",
@@ -575,6 +621,11 @@ const useStyles = makeStyles((theme) => {
         marginTop: theme.spacing(2),
         float: "right"
       }
+    },
+    authorLink: {
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      whiteSpace: "nowrap"
     }
   };
 });
@@ -613,7 +664,7 @@ const filterKeys = [
 ];
 const FilterPanel = (props) => {
   const { onChange, filters } = props;
-  const styles = useStyles();
+  const styles = useStyles$1();
   const handleChange = (event) => {
     let value = event.target.value;
     if (event.target.type === "checkbox") {
@@ -805,7 +856,7 @@ const QuestionList = (props) => {
     page,
     onPageSizeChange
   } = props;
-  const styles = useStyles();
+  const styles = useStyles$1();
   const handlePageChange = (_event, value) => {
     onPageChange(value);
   };
@@ -1034,7 +1085,7 @@ const MarkdownEditor = (props) => {
   const [selectedTab, setSelectedTab] = React.useState(
     "write"
   );
-  const styles = useStyles();
+  const styles = useStyles$1();
   const errorApi = useApi(errorApiRef);
   const qetaApi = useApi(qetaApiRef);
   const imageUpload = () => {
@@ -1147,7 +1198,7 @@ const AskForm = (props) => {
   const qetaApi = useApi(qetaApiRef);
   const catalogApi = useApi(catalogApiRef);
   const configApi = useApi(configApiRef);
-  const styles = useStyles();
+  const styles = useStyles$1();
   const {
     register,
     handleSubmit,
@@ -1496,5 +1547,215 @@ const Content = (props) => {
   return /* @__PURE__ */ React.createElement(QuestionsTable, { hideTitle: true, ...props });
 };
 
-export { AskForm as A, Content as C, MarkdownEditor as M, QuestionsContainer as Q, TagsAndEntities as T, useStyles as a, useQetaApi as b, useIdentityApi as c, QuestionsTable as d, qetaPlugin as e, formatEntityName as f, QetaPage as g, QuestionTableCard as h, QetaClient as i, qetaApiRef as q, useBasePath as u };
-//# sourceMappingURL=index-ceb65cf4.esm.js.map
+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, _c;
+  const classes = useStyles();
+  const ordinalPosition = (props == null ? void 0 : props.position) ? getOrdinal(props == null ? void 0 : props.position) : "";
+  const name = (_a = props == null ? void 0 : props.userRef) == null ? void 0 : _a.split("/")[1];
+  const userIcon = ((_b = props.rankingIcon) == null ? void 0 : _b.userRankingIcon) ? (_c = props.rankingIcon) == null ? void 0 : _c.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, null, /* @__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(
+        Link,
+        {
+          to: `/qeta/users/${name}`,
+          variant: "subtitle1"
+        },
+        `${name}`
+      ))
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: classes.votesText }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, props == null ? void 0 : props.votes, " votes")));
+};
+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" } }, /* @__PURE__ */ React.createElement("span", null, props.description), /* @__PURE__ */ React.createElement(List, null, rankingStats == null ? void 0 : rankingStats.map((authorStats) => {
+    return /* @__PURE__ */ React.createElement(
+      RankingRow,
+      {
+        votes: authorStats.total || 0,
+        position: authorStats.position || 0,
+        userRef: authorStats.author
+      }
+    );
+  }), !(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,
+    {
+      votes: ((_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
+    }
+  ))));
+};
+const TopRankingUsers = (props) => {
+  const {
+    value: topStatistics,
+    loading,
+    error
+  } = useQetaApi(
+    (api) => api.getTopStatisticsHomepage({
+      options: { limit: 50 }
+    })
+  );
+  const tabData = [
+    {
+      title: "Top Upvoted Questions",
+      description: "People who have the highest rated questions"
+    },
+    {
+      title: "Top Upvoted Answers",
+      description: "People who have the highest rated answers"
+    },
+    {
+      title: "Top Upvoted Correct Answers",
+      description: "People who have the highest rated correct answers"
+    }
+  ];
+  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: 3,
+          statistic: stats
+        }
+      ));
+    });
+  } 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 AskQuestionButton = () => {
+  return /* @__PURE__ */ React.createElement(
+    RequirePermission,
+    {
+      permission: qetaCreateQuestionPermission,
+      errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
+    },
+    /* @__PURE__ */ React.createElement(
+      LinkButton,
+      {
+        variant: "contained",
+        to: "/qeta/ask",
+        color: "primary",
+        startIcon: /* @__PURE__ */ React.createElement(HelpOutline, null)
+      },
+      "Ask question"
+    )
+  );
+};
+
+const StatisticsPage = () => {
+  const styles = useStyles$1();
+  return /* @__PURE__ */ React.createElement(Content$1, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Statistics" }, /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      to: "/qeta",
+      className: styles.marginRight,
+      startIcon: /* @__PURE__ */ React.createElement(HomeOutlined, null)
+    },
+    "Back to questions"
+  ), /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(TopRankingUsers, null)));
+};
+
+export { AskForm as A, Content as C, MarkdownEditor as M, QuestionsContainer as Q, RankingRow as R, StatisticsPage as S, TagsAndEntities as T, useStyles$1 as a, useQetaApi as b, AskQuestionButton as c, useIdentityApi as d, TrophyIcon as e, formatEntityName as f, QuestionsTable as g, qetaPlugin as h, QetaPage as i, QuestionTableCard as j, RankingCard as k, TopRankingUsers as l, QetaClient as m, qetaApiRef as q, useBasePath as u };
+//# sourceMappingURL=index-6bfa5b72.esm.js.map