npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.24.3 → 3.25.0 - Mend

@drodil/backstage-plugin-qeta-react 3.24.3 → 3.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (224) hide show

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

@@ -1,4 +1,5 @@
-import React__default, { useCallback } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -8,6 +9,9 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { useAI } from '../../hooks/useAI.esm.js';
 import FlareIcon from '@material-ui/icons/Flare';
 import useDebounce from 'react-use/lib/useDebounce';
@@ -28,10 +32,10 @@ const useStyles = makeStyles((theme) => ({
 const EXPANDED_LOCAL_STORAGE_KEY = "qeta-ai-expanded";
 const AIAnswerCard = (props) => {
   const { question, draft, article, style, debounceMs = 3e3 } = props;
-  const [answer, setAnswer] = React__default.useState(
+  const [answer, setAnswer] = useState(
     void 0
   );
-  const [expanded, setExpanded] = React__default.useState(
+  const [expanded, setExpanded] = useState(
     localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === "true"
   );
   const { t } = useTranslation();
@@ -104,44 +108,53 @@ const AIAnswerCard = (props) => {
   if (!isEnabled() || answer === null) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Card, { style, className: styles.root }, /* @__PURE__ */ React__default.createElement(
-    CardHeader,
-    {
-      avatar: /* @__PURE__ */ React__default.createElement(FlareIcon, null),
-      style: !expanded ? { paddingBottom: "1em" } : {},
-      title: /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, article ? t("aiAnswerCard.summary", { name: botName }) : t("aiAnswerCard.answer", { name: botName })),
-      action: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, canEdit && isEnabled() && /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("aiAnswerCard.regenerate") }, /* @__PURE__ */ React__default.createElement(
-        IconButton,
-        {
-          onClick: () => {
-            setAnswer(void 0);
-            fetchAnswer({ regenerate: true });
-          }
-        },
-        /* @__PURE__ */ React__default.createElement(RefreshIcon, null)
-      )), /* @__PURE__ */ React__default.createElement(
-        Tooltip,
-        {
-          title: expanded ? t("aiAnswerCard.hide") : t("aiAnswerCard.show")
-        },
-        /* @__PURE__ */ React__default.createElement(
-          IconButton,
-          {
-            onClick: () => {
-              setExpanded(!expanded);
-              localStorage.setItem(
-                EXPANDED_LOCAL_STORAGE_KEY,
-                expanded ? "false" : "true"
-              );
-            },
-            "aria-expanded": expanded
-          },
-          expanded ? /* @__PURE__ */ React__default.createElement(KeyboardArrowUpIcon, null) : /* @__PURE__ */ React__default.createElement(KeyboardArrowDownIcon, null)
-        )
-      )),
-      subheader: answer ? /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: answer.created ?? /* @__PURE__ */ new Date() }) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, t("aiAnswerCard.loading"))
-    }
-  ), /* @__PURE__ */ React__default.createElement(Collapse, { in: expanded, timeout: 0, unmountOnExit: true, mountOnEnter: true }, /* @__PURE__ */ React__default.createElement(CardContent, null, answer === void 0 && /* @__PURE__ */ React__default.createElement(Skeleton, { variant: "rect", height: 200, animation: "wave" }), answer && /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: answer.answer }))));
+  return /* @__PURE__ */ jsxs(Card, { style, className: styles.root, children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        avatar: /* @__PURE__ */ jsx(FlareIcon, {}),
+        style: !expanded ? { paddingBottom: "1em" } : {},
+        title: /* @__PURE__ */ jsx(Typography, { variant: "h5", children: article ? t("aiAnswerCard.summary", { name: botName }) : t("aiAnswerCard.answer", { name: botName }) }),
+        action: /* @__PURE__ */ jsxs(Fragment, { children: [
+          canEdit && isEnabled() && /* @__PURE__ */ jsx(Tooltip, { title: t("aiAnswerCard.regenerate"), children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              onClick: () => {
+                setAnswer(void 0);
+                fetchAnswer({ regenerate: true });
+              },
+              children: /* @__PURE__ */ jsx(RefreshIcon, {})
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              title: expanded ? t("aiAnswerCard.hide") : t("aiAnswerCard.show"),
+              children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  onClick: () => {
+                    setExpanded(!expanded);
+                    localStorage.setItem(
+                      EXPANDED_LOCAL_STORAGE_KEY,
+                      expanded ? "false" : "true"
+                    );
+                  },
+                  "aria-expanded": expanded,
+                  children: expanded ? /* @__PURE__ */ jsx(KeyboardArrowUpIcon, {}) : /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {})
+                }
+              )
+            }
+          )
+        ] }),
+        subheader: answer ? /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: answer.created ?? /* @__PURE__ */ new Date() }) : /* @__PURE__ */ jsx(Fragment, { children: t("aiAnswerCard.loading") })
+      }
+    ),
+    /* @__PURE__ */ jsx(Collapse, { in: expanded, timeout: 0, unmountOnExit: true, mountOnEnter: true, children: /* @__PURE__ */ jsxs(CardContent, { children: [
+      answer === void 0 && /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 200, animation: "wave" }),
+      answer && /* @__PURE__ */ jsx(MarkdownRenderer, { content: answer.answer })
+    ] }) })
+  ] });
 };
 export { AIAnswerCard };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AIAnswerCard.esm.js","sources":["../../../src/components/AIAnswerCard/AIAnswerCard.tsx"],"sourcesContent":["import {\n AIQuery,\n AIResponse,\n Article,\n Post,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React, { useCallback } from 'react';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useAI, useTranslation } from '../../hooks';\nimport FlareIcon from '@material-ui/icons/Flare';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\nimport {\n Card,\n CardContent,\n CardHeader,\n Collapse,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginTop: '1em',\n backgroundColor: theme.palette.background.default,\n border: `3px solid ${theme.palette.status.ok}`,\n },\n}));\n\nexport type AIAnswerCardProps = {\n question?: Post;\n draft?: {\n title: string;\n content: string;\n };\n article?: Article;\n debounceMs?: number;\n style?: React.CSSProperties;\n};\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-ai-expanded';\n\nexport const AIAnswerCard = (props: AIAnswerCardProps) => {\n const { question, draft, article, style, debounceMs = 3000 } = props;\n const [answer, setAnswer] = React.useState<AIResponse \| null \| undefined>(\n undefined,\n );\n const [expanded, setExpanded] = React.useState(\n localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n );\n const { t } = useTranslation();\n const config = useApi(configApiRef);\n const botName = config.getOptionalString('qeta.aiBotName') ?? 'AI';\n const styles = useStyles();\n\n const {\n isAIEnabled,\n isNewQuestionsEnabled,\n isExistingQuestionsEnabled,\n isArticleSummaryEnabled,\n answerExistingQuestion,\n answerDraftQuestion,\n summarizeArticle,\n } = useAI();\n\n const fetchAnswer = useCallback(\n (options?: AIQuery) => {\n if (!isAIEnabled) {\n return;\n }\n\n if (question) {\n answerExistingQuestion(question.id, options).then(res => {\n setAnswer(res);\n });\n } else if (article) {\n summarizeArticle(article.id, options).then(res => {\n setAnswer(res);\n });\n } else if (\n draft &&\n draft.title &&\n draft.content &&\n draft.title.length + draft.content.length > 30\n ) {\n answerDraftQuestion(draft).then(res => {\n setAnswer(res);\n });\n } else {\n setAnswer(null);\n }\n },\n [\n isAIEnabled,\n question,\n article,\n draft,\n answerExistingQuestion,\n summarizeArticle,\n answerDraftQuestion,\n ],\n );\n\n useDebounce(\n () => {\n fetchAnswer();\n },\n debounceMs,\n [answerExistingQuestion, answerDraftQuestion, isAIEnabled, question, draft],\n );\n\n const isEnabled = (): boolean => {\n if (!isAIEnabled) {\n return false;\n }\n if (question) {\n return Boolean(isExistingQuestionsEnabled);\n }\n if (article) {\n return Boolean(isArticleSummaryEnabled);\n }\n if (draft) {\n return Boolean(isNewQuestionsEnabled);\n }\n return false;\n };\n const canEdit = question?.canEdit \|\| article?.canEdit \|\| false;\n\n if (!isEnabled() \|\| answer === null) {\n return null;\n }\n\n return (\n <Card style={style} className={styles.root}>\n <CardHeader\n avatar={<FlareIcon />}\n style={!expanded ? { paddingBottom: '1em' } : {}}\n title={\n <Typography variant=\"h5\">\n {article\n ? t('aiAnswerCard.summary', { name: botName })\n : t('aiAnswerCard.answer', { name: botName })}\n </Typography>\n }\n action={\n <>\n {canEdit && isEnabled() && (\n <Tooltip title={t('aiAnswerCard.regenerate')}>\n <IconButton\n onClick={() => {\n setAnswer(undefined);\n fetchAnswer({ regenerate: true });\n }}\n >\n <RefreshIcon />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip\n title={expanded ? t('aiAnswerCard.hide') : t('aiAnswerCard.show')}\n >\n <IconButton\n onClick={() => {\n setExpanded(!expanded);\n localStorage.setItem(\n EXPANDED_LOCAL_STORAGE_KEY,\n expanded ? 'false' : 'true',\n );\n }}\n aria-expanded={expanded}\n >\n {expanded ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}\n </IconButton>\n </Tooltip>\n </>\n }\n subheader={\n answer ? (\n <RelativeTimeWithTooltip value={answer.created ?? new Date()} />\n ) : (\n <>{t('aiAnswerCard.loading')}</>\n )\n }\n />\n <Collapse in={expanded} timeout={0} unmountOnExit mountOnEnter>\n <CardContent>\n {answer === undefined && (\n <Skeleton variant=\"rect\" height={200} animation=\"wave\" />\n )}\n {answer && <MarkdownRenderer content={answer.answer} />}\n </CardContent>\n </Collapse>\n </Card>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"AIAnswerCard.esm.js","sources":["../../../src/components/AIAnswerCard/AIAnswerCard.tsx"],"sourcesContent":["import {\n AIQuery,\n AIResponse,\n Article,\n Post,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { CSSProperties, useState, useCallback } from 'react';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useAI, useTranslation } from '../../hooks';\nimport FlareIcon from '@material-ui/icons/Flare';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\nimport {\n Card,\n CardContent,\n CardHeader,\n Collapse,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginTop: '1em',\n backgroundColor: theme.palette.background.default,\n border: `3px solid ${theme.palette.status.ok}`,\n },\n}));\n\nexport type AIAnswerCardProps = {\n question?: Post;\n draft?: {\n title: string;\n content: string;\n };\n article?: Article;\n debounceMs?: number;\n style?: CSSProperties;\n};\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-ai-expanded';\n\nexport const AIAnswerCard = (props: AIAnswerCardProps) => {\n const { question, draft, article, style, debounceMs = 3000 } = props;\n const [answer, setAnswer] = useState<AIResponse \| null \| undefined>(\n undefined,\n );\n const [expanded, setExpanded] = useState(\n localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n );\n const { t } = useTranslation();\n const config = useApi(configApiRef);\n const botName = config.getOptionalString('qeta.aiBotName') ?? 'AI';\n const styles = useStyles();\n\n const {\n isAIEnabled,\n isNewQuestionsEnabled,\n isExistingQuestionsEnabled,\n isArticleSummaryEnabled,\n answerExistingQuestion,\n answerDraftQuestion,\n summarizeArticle,\n } = useAI();\n\n const fetchAnswer = useCallback(\n (options?: AIQuery) => {\n if (!isAIEnabled) {\n return;\n }\n\n if (question) {\n answerExistingQuestion(question.id, options).then(res => {\n setAnswer(res);\n });\n } else if (article) {\n summarizeArticle(article.id, options).then(res => {\n setAnswer(res);\n });\n } else if (\n draft &&\n draft.title &&\n draft.content &&\n draft.title.length + draft.content.length > 30\n ) {\n answerDraftQuestion(draft).then(res => {\n setAnswer(res);\n });\n } else {\n setAnswer(null);\n }\n },\n [\n isAIEnabled,\n question,\n article,\n draft,\n answerExistingQuestion,\n summarizeArticle,\n answerDraftQuestion,\n ],\n );\n\n useDebounce(\n () => {\n fetchAnswer();\n },\n debounceMs,\n [answerExistingQuestion, answerDraftQuestion, isAIEnabled, question, draft],\n );\n\n const isEnabled = (): boolean => {\n if (!isAIEnabled) {\n return false;\n }\n if (question) {\n return Boolean(isExistingQuestionsEnabled);\n }\n if (article) {\n return Boolean(isArticleSummaryEnabled);\n }\n if (draft) {\n return Boolean(isNewQuestionsEnabled);\n }\n return false;\n };\n const canEdit = question?.canEdit \|\| article?.canEdit \|\| false;\n\n if (!isEnabled() \|\| answer === null) {\n return null;\n }\n\n return (\n <Card style={style} className={styles.root}>\n <CardHeader\n avatar={<FlareIcon />}\n style={!expanded ? { paddingBottom: '1em' } : {}}\n title={\n <Typography variant=\"h5\">\n {article\n ? t('aiAnswerCard.summary', { name: botName })\n : t('aiAnswerCard.answer', { name: botName })}\n </Typography>\n }\n action={\n <>\n {canEdit && isEnabled() && (\n <Tooltip title={t('aiAnswerCard.regenerate')}>\n <IconButton\n onClick={() => {\n setAnswer(undefined);\n fetchAnswer({ regenerate: true });\n }}\n >\n <RefreshIcon />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip\n title={expanded ? t('aiAnswerCard.hide') : t('aiAnswerCard.show')}\n >\n <IconButton\n onClick={() => {\n setExpanded(!expanded);\n localStorage.setItem(\n EXPANDED_LOCAL_STORAGE_KEY,\n expanded ? 'false' : 'true',\n );\n }}\n aria-expanded={expanded}\n >\n {expanded ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}\n </IconButton>\n </Tooltip>\n </>\n }\n subheader={\n answer ? (\n <RelativeTimeWithTooltip value={answer.created ?? new Date()} />\n ) : (\n <>{t('aiAnswerCard.loading')}</>\n )\n }\n />\n <Collapse in={expanded} timeout={0} unmountOnExit mountOnEnter>\n <CardContent>\n {answer === undefined && (\n <Skeleton variant=\"rect\" height={200} animation=\"wave\" />\n )}\n {answer && <MarkdownRenderer content={answer.answer} />}\n </CardContent>\n </Collapse>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AnswerCard/AnswerCard.esm.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { VoteButtons } from '../Buttons/VoteButtons.esm.js';
 import { AnswerForm } from '../AnswerForm/AnswerForm.esm.js';
 import { AuthorBox } from '../AuthorBox/AuthorBox.esm.js';
@@ -16,6 +17,9 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { VoteButtonContainer } from '../Utility/VoteButtonContainer.esm.js';
 import { makeStyles, Card, CardContent, Grid, Box, Button } from '@material-ui/core';
@@ -58,11 +62,11 @@ const useStyles = makeStyles(
 );
 const AnswerCard = (props) => {
   const { answer, question } = props;
-  const [editMode, setEditMode] = React__default.useState(false);
-  const [answerEntity, setAnswerEntity] = React__default.useState(answer);
+  const [editMode, setEditMode] = useState(false);
+  const [answerEntity, setAnswerEntity] = useState(answer);
   const { t } = useTranslation();
   const styles = useStyles();
-  const [deleteModalOpen, setDeleteModalOpen] = React__default.useState(false);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
   const handleDeleteModalOpen = () => setDeleteModalOpen(true);
   const handleDeleteModalClose = () => setDeleteModalOpen(false);
   const highlightedAnswer = window.location.hash.slice(1) === `answer_${answer.id}`;
@@ -75,78 +79,97 @@ const AnswerCard = (props) => {
       setAnswerEntity(a);
     }
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    Card,
-    {
-      id: `answer_${answer.id}`,
-      className: `qetaAnswerCard ${styles.root} ${highlightedAnswer ? styles.highlight : ""}`
-    },
-    /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
-      Grid,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Card,
       {
-        container: true,
-        spacing: 2,
-        justifyContent: "flex-start",
-        style: { flexWrap: "nowrap" }
-      },
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(VoteButtonContainer, null, /* @__PURE__ */ React__default.createElement(VoteButtons, { entity: answerEntity, post: question }), /* @__PURE__ */ React__default.createElement(LinkButton, { entity: answerEntity }))),
-      /* @__PURE__ */ React__default.createElement(Grid, { item: true, className: styles.contentContainer }, editMode ? /* @__PURE__ */ React__default.createElement(
-        AnswerForm,
-        {
-          post: question,
-          onPost: onAnswerEdit,
-          id: answerEntity.id
-        }
-      ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Grid, { item: true, className: styles.markdownContainer }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: answerEntity.content })), /* @__PURE__ */ React__default.createElement(
-        Grid,
-        {
-          container: true,
-          item: true,
-          spacing: 1,
-          justifyContent: "space-between",
-          alignItems: "flex-end",
-          className: styles.metadata
-        },
-        /* @__PURE__ */ React__default.createElement(Grid, { item: true, style: { alignSelf: "flex-end" } }, (answerEntity.canDelete || answerEntity.canEdit) && /* @__PURE__ */ React__default.createElement(Box, { className: styles.buttons }, answerEntity.canEdit && /* @__PURE__ */ React__default.createElement(
-          Button,
-          {
-            variant: "outlined",
-            size: "small",
-            startIcon: /* @__PURE__ */ React__default.createElement(EditIcon, null),
-            onClick: () => setEditMode(true),
-            className: "qetaAnswerCardEditBtn"
-          },
-          t("questionPage.editButton")
-        ), !answerEntity.correct && answerEntity.canDelete && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-          Button,
-          {
-            variant: "outlined",
-            size: "small",
-            color: "secondary",
-            onClick: handleDeleteModalOpen,
-            startIcon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null)
-          },
-          t("deleteModal.deleteButton")
-        ), /* @__PURE__ */ React__default.createElement(
-          DeleteModal,
+        id: `answer_${answer.id}`,
+        className: `qetaAnswerCard ${styles.root} ${highlightedAnswer ? styles.highlight : ""}`,
+        children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(
+          Grid,
           {
-            open: deleteModalOpen,
-            onClose: handleDeleteModalClose,
-            entity: answerEntity,
-            question
+            container: true,
+            spacing: 2,
+            justifyContent: "flex-start",
+            style: { flexWrap: "nowrap" },
+            children: [
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(VoteButtonContainer, { children: [
+                /* @__PURE__ */ jsx(VoteButtons, { entity: answerEntity, post: question }),
+                /* @__PURE__ */ jsx(LinkButton, { entity: answerEntity })
+              ] }) }),
+              /* @__PURE__ */ jsx(Grid, { item: true, className: styles.contentContainer, children: editMode ? /* @__PURE__ */ jsx(
+                AnswerForm,
+                {
+                  post: question,
+                  onPost: onAnswerEdit,
+                  id: answerEntity.id
+                }
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Grid, { item: true, className: styles.markdownContainer, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: answerEntity.content }) }),
+                /* @__PURE__ */ jsxs(
+                  Grid,
+                  {
+                    container: true,
+                    item: true,
+                    spacing: 1,
+                    justifyContent: "space-between",
+                    alignItems: "flex-end",
+                    className: styles.metadata,
+                    children: [
+                      /* @__PURE__ */ jsx(Grid, { item: true, style: { alignSelf: "flex-end" }, children: (answerEntity.canDelete || answerEntity.canEdit) && /* @__PURE__ */ jsxs(Box, { className: styles.buttons, children: [
+                        answerEntity.canEdit && /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "outlined",
+                            size: "small",
+                            startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
+                            onClick: () => setEditMode(true),
+                            className: "qetaAnswerCardEditBtn",
+                            children: t("questionPage.editButton")
+                          }
+                        ),
+                        !answerEntity.correct && answerEntity.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              variant: "outlined",
+                              size: "small",
+                              color: "secondary",
+                              onClick: handleDeleteModalOpen,
+                              startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
+                              children: t("deleteModal.deleteButton")
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            DeleteModal,
+                            {
+                              open: deleteModalOpen,
+                              onClose: handleDeleteModalClose,
+                              entity: answerEntity,
+                              question
+                            }
+                          )
+                        ] })
+                      ] }) }),
+                      /* @__PURE__ */ jsx(Grid, { item: true, xs: 3, children: /* @__PURE__ */ jsx(AuthorBox, { entity: answerEntity }) })
+                    ]
+                  }
+                )
+              ] }) })
+            ]
           }
-        )))),
-        /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React__default.createElement(AuthorBox, { entity: answerEntity }))
-      )))
-    ))
-  ), /* @__PURE__ */ React__default.createElement(
-    CommentSection,
-    {
-      post: question,
-      answer: answerEntity,
-      onCommentAction
-    }
-  ));
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CommentSection,
+      {
+        post: question,
+        answer: answerEntity,
+        onCommentAction
+      }
+    )
+  ] });
 };
 export { AnswerCard };

package/dist/components/AnswerCard/AnswerCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/AnswerCard/AnswerCard.tsx"],"sourcesContent":["import React from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { AnswerForm } from '../AnswerForm';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { DeleteModal } from '../DeleteModal';\nimport { useTranslation } from '../../hooks';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n Grid,\n makeStyles,\n} from '@material-ui/core';\n\nexport type AnswerCardClassKeys =\n \| 'root'\n \| 'highlight'\n \| 'buttons'\n \| 'metadata'\n \| 'markdownContainer'\n \| 'contentContainer';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n marginTop: '1em',\n },\n contentContainer: {\n marginLeft: '0.5em',\n display: 'inline-block',\n width: 'calc(100% - 70px)',\n },\n markdownContainer: {\n minHeight: '6em',\n paddingBottom: '0.5em',\n },\n metadata: {\n marginTop: '1em',\n },\n highlight: {\n animation: 'highlight 5s',\n },\n '@keyframes highlight': {\n '0%': {\n boxShadow: `0px 0px 0px 3px ${theme.palette.secondary.light}`,\n },\n '100%': {\n boxShadow: 'none',\n },\n },\n buttons: {\n marginTop: '1em',\n '& *:not(:last-child)': {\n marginRight: '0.3em',\n },\n },\n }),\n { name: 'QetaAnswerCard' },\n);\n\nexport const AnswerCard = (props: {\n answer: AnswerResponse;\n question: PostResponse;\n}) => {\n const { answer, question } = props;\n\n const [editMode, setEditMode] = React.useState(false);\n const [answerEntity, setAnswerEntity] = React.useState(answer);\n const { t } = useTranslation();\n const styles = useStyles();\n\n const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const highlightedAnswer =\n window.location.hash.slice(1) === `answer_${answer.id}`;\n\n const onAnswerEdit = (a: AnswerResponse) => {\n setEditMode(false);\n setAnswerEntity(a);\n };\n\n const onCommentAction = (_: PostResponse, a?: AnswerResponse) => {\n if (a) {\n setAnswerEntity(a);\n }\n };\n\n return (\n <>\n <Card\n id={`answer_${answer.id}`}\n className={`qetaAnswerCard ${styles.root} ${\n highlightedAnswer ? styles.highlight : ''\n }`}\n >\n <CardContent>\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ flexWrap: 'nowrap' }}\n >\n <Grid item>\n <VoteButtonContainer>\n <VoteButtons entity={answerEntity} post={question} />\n <LinkButton entity={answerEntity} />\n </VoteButtonContainer>\n </Grid>\n <Grid item className={styles.contentContainer}>\n {editMode ? (\n <AnswerForm\n post={question}\n onPost={onAnswerEdit}\n id={answerEntity.id}\n />\n ) : (\n <>\n <Grid item className={styles.markdownContainer}>\n <MarkdownRenderer content={answerEntity.content} />\n </Grid>\n <Grid\n container\n item\n spacing={1}\n justifyContent=\"space-between\"\n alignItems=\"flex-end\"\n className={styles.metadata}\n >\n <Grid item style={{ alignSelf: 'flex-end' }}>\n {(answerEntity.canDelete \|\| answerEntity.canEdit) && (\n <Box className={styles.buttons}>\n {answerEntity.canEdit && (\n <Button\n variant=\"outlined\"\n size=\"small\"\n startIcon={<EditIcon />}\n onClick={() => setEditMode(true)}\n className=\"qetaAnswerCardEditBtn\"\n >\n {t('questionPage.editButton')}\n </Button>\n )}\n {!answerEntity.correct && answerEntity.canDelete && (\n <>\n <Button\n variant=\"outlined\"\n size=\"small\"\n color=\"secondary\"\n onClick={handleDeleteModalOpen}\n startIcon={<DeleteIcon />}\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={answerEntity}\n question={question}\n />\n </>\n )}\n </Box>\n )}\n </Grid>\n <Grid item xs={3}>\n <AuthorBox entity={answerEntity} />\n </Grid>\n </Grid>\n </>\n )}\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <CommentSection\n post={question}\n answer={answerEntity}\n onCommentAction={onCommentAction}\n />\n </>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/AnswerCard/AnswerCard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { AnswerForm } from '../AnswerForm';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { DeleteModal } from '../DeleteModal';\nimport { useTranslation } from '../../hooks';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n Grid,\n makeStyles,\n} from '@material-ui/core';\n\nexport type AnswerCardClassKeys =\n \| 'root'\n \| 'highlight'\n \| 'buttons'\n \| 'metadata'\n \| 'markdownContainer'\n \| 'contentContainer';\n\nconst useStyles = makeStyles(\n theme => ({\n root: {\n marginTop: '1em',\n },\n contentContainer: {\n marginLeft: '0.5em',\n display: 'inline-block',\n width: 'calc(100% - 70px)',\n },\n markdownContainer: {\n minHeight: '6em',\n paddingBottom: '0.5em',\n },\n metadata: {\n marginTop: '1em',\n },\n highlight: {\n animation: 'highlight 5s',\n },\n '@keyframes highlight': {\n '0%': {\n boxShadow: `0px 0px 0px 3px ${theme.palette.secondary.light}`,\n },\n '100%': {\n boxShadow: 'none',\n },\n },\n buttons: {\n marginTop: '1em',\n '& *:not(:last-child)': {\n marginRight: '0.3em',\n },\n },\n }),\n { name: 'QetaAnswerCard' },\n);\n\nexport const AnswerCard = (props: {\n answer: AnswerResponse;\n question: PostResponse;\n}) => {\n const { answer, question } = props;\n\n const [editMode, setEditMode] = useState(false);\n const [answerEntity, setAnswerEntity] = useState(answer);\n const { t } = useTranslation();\n const styles = useStyles();\n\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const highlightedAnswer =\n window.location.hash.slice(1) === `answer_${answer.id}`;\n\n const onAnswerEdit = (a: AnswerResponse) => {\n setEditMode(false);\n setAnswerEntity(a);\n };\n\n const onCommentAction = (_: PostResponse, a?: AnswerResponse) => {\n if (a) {\n setAnswerEntity(a);\n }\n };\n\n return (\n <>\n <Card\n id={`answer_${answer.id}`}\n className={`qetaAnswerCard ${styles.root} ${\n highlightedAnswer ? styles.highlight : ''\n }`}\n >\n <CardContent>\n <Grid\n container\n spacing={2}\n justifyContent=\"flex-start\"\n style={{ flexWrap: 'nowrap' }}\n >\n <Grid item>\n <VoteButtonContainer>\n <VoteButtons entity={answerEntity} post={question} />\n <LinkButton entity={answerEntity} />\n </VoteButtonContainer>\n </Grid>\n <Grid item className={styles.contentContainer}>\n {editMode ? (\n <AnswerForm\n post={question}\n onPost={onAnswerEdit}\n id={answerEntity.id}\n />\n ) : (\n <>\n <Grid item className={styles.markdownContainer}>\n <MarkdownRenderer content={answerEntity.content} />\n </Grid>\n <Grid\n container\n item\n spacing={1}\n justifyContent=\"space-between\"\n alignItems=\"flex-end\"\n className={styles.metadata}\n >\n <Grid item style={{ alignSelf: 'flex-end' }}>\n {(answerEntity.canDelete \|\| answerEntity.canEdit) && (\n <Box className={styles.buttons}>\n {answerEntity.canEdit && (\n <Button\n variant=\"outlined\"\n size=\"small\"\n startIcon={<EditIcon />}\n onClick={() => setEditMode(true)}\n className=\"qetaAnswerCardEditBtn\"\n >\n {t('questionPage.editButton')}\n </Button>\n )}\n {!answerEntity.correct && answerEntity.canDelete && (\n <>\n <Button\n variant=\"outlined\"\n size=\"small\"\n color=\"secondary\"\n onClick={handleDeleteModalOpen}\n startIcon={<DeleteIcon />}\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={answerEntity}\n question={question}\n />\n </>\n )}\n </Box>\n )}\n </Grid>\n <Grid item xs={3}>\n <AuthorBox entity={answerEntity} />\n </Grid>\n </Grid>\n </>\n )}\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <CommentSection\n post={question}\n answer={answerEntity}\n onCommentAction={onCommentAction}\n />\n </>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,12 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { WarningPanel } from '@backstage/core-components';
-import React__default, { useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
 import { qetaCreateAnswerPermission } from '@drodil/backstage-plugin-qeta-common';
 import { useForm, Controller } from 'react-hook-form';
 import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
 import { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js';
-import { confirmNavigationIfEdited } from '../../utils/utils.esm.js';
+import { useConfirmNavigationIfEdited } from '../../utils/utils.esm.js';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
@@ -13,6 +14,8 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@backstage/plugin-permission-common';
 import { Typography, Button } from '@material-ui/core';
 import { OptionalRequirePermission } from '../Utility/OptionalRequirePermission.esm.js';
@@ -21,13 +24,13 @@ const getDefaultValues = (postId) => {
 };
 const AnswerForm = (props) => {
   const { post, onPost, id } = props;
-  const [values, setValues] = React__default.useState(
+  const [values, setValues] = useState(
     getDefaultValues(post.id)
   );
   const analytics = useAnalytics();
-  const [error, setError] = React__default.useState(false);
-  const [images, setImages] = React__default.useState([]);
-  const [edited, setEdited] = React__default.useState(false);
+  const [error, setError] = useState(false);
+  const [images, setImages] = useState([]);
+  const [edited, setEdited] = useState(false);
   const qetaApi = useApi(qetaApiRef);
   const configApi = useApi(configApiRef);
   const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
@@ -90,63 +93,63 @@ const AnswerForm = (props) => {
   useEffect(() => {
     reset(values);
   }, [values, reset]);
-  useEffect(() => {
-    return confirmNavigationIfEdited(edited);
-  }, [edited]);
+  useConfirmNavigationIfEdited(edited);
   const onImageUpload = useCallback(
     (imageId) => {
       setImages((prevImages) => [...prevImages, imageId]);
     },
     [setImages]
   );
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     OptionalRequirePermission,
     {
       permission: qetaCreateAnswerPermission,
-      errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "form",
-      {
-        onSubmit: handleSubmit(postAnswer),
-        onChange: () => {
-          setEdited(true);
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, "Your answer"),
-      error && /* @__PURE__ */ React__default.createElement(WarningPanel, { severity: "error", title: t("answerForm.errorPosting") }),
-      /* @__PURE__ */ React__default.createElement(
-        Controller,
+      errorPage: /* @__PURE__ */ jsx(Fragment, {}),
+      children: /* @__PURE__ */ jsxs(
+        "form",
         {
-          control,
-          defaultValue: "",
-          rules: {
-            required: true
+          onSubmit: handleSubmit(postAnswer),
+          onChange: () => {
+            setEdited(true);
           },
-          render: ({ field: { onChange, value } }) => /* @__PURE__ */ React__default.createElement(
-            MarkdownEditor,
-            {
-              value,
-              onChange,
-              height: 200,
-              error: "answer" in errors,
-              placeholder: t("answerForm.contentInput.placeholder"),
-              onImageUpload,
-              answerId: id ? Number(id) : void 0
-            }
-          ),
-          name: "answer"
+          children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "h6", children: "Your answer" }),
+            error && /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("answerForm.errorPosting") }),
+            /* @__PURE__ */ jsx(
+              Controller,
+              {
+                control,
+                defaultValue: "",
+                rules: {
+                  required: true
+                },
+                render: ({ field: { onChange, value } }) => /* @__PURE__ */ jsx(
+                  MarkdownEditor,
+                  {
+                    value,
+                    onChange,
+                    height: 200,
+                    error: "answer" in errors,
+                    placeholder: t("answerForm.contentInput.placeholder"),
+                    onImageUpload,
+                    answerId: id ? Number(id) : void 0
+                  }
+                ),
+                name: "answer"
+              }
+            ),
+            allowAnonymouns && !id && /* @__PURE__ */ jsx(
+              PostAnonymouslyCheckbox,
+              {
+                control,
+                label: t("anonymousCheckbox.answerAnonymously")
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { variant: "outlined", type: "submit", color: "primary", children: id ? t("answerForm.submit.existingAnswer") : t("answerForm.submit.newAnswer") })
+          ]
         }
-      ),
-      allowAnonymouns && !id && /* @__PURE__ */ React__default.createElement(
-        PostAnonymouslyCheckbox,
-        {
-          control,
-          label: t("anonymousCheckbox.answerAnonymously")
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", type: "submit", color: "primary" }, id ? t("answerForm.submit.existingAnswer") : t("answerForm.submit.newAnswer"))
-    )
+      )
+    }
   );
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/AnswerForm/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport ~~React~~, { useCallback, useEffect } from 'react';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport {\n AnswerRequest,\n AnswerResponse,\n PostResponse,\n qetaCreateAnswerPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { ~~confirmNavigationIfEdited~~ } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { Button, Typography } from '@material-ui/core';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\n\ntype AnswerFormData = {\n postId: number;\n answer: string;\n images: number[];\n};\n\nconst getDefaultValues = (postId: number): AnswerFormData => {\n return { postId, answer: '', images: [] };\n};\n\nexport const AnswerForm = (props: {\n post: PostResponse;\n onPost: (answer: AnswerResponse) => void;\n id?: number;\n}) => {\n const { post, onPost, id } = props;\n const [values, setValues] = ~~React.~~useState<AnswerFormData>(\n getDefaultValues(post.id),\n );\n const analytics = useAnalytics();\n const [error, setError] = ~~React.~~useState(false);\n const [images, setImages] = ~~React.~~useState<number[]>([]);\n const [edited, setEdited] = ~~React.~~useState(false);\n const qetaApi = useApi(qetaApiRef);\n const configApi = useApi(configApiRef);\n const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n const { t } = useTranslation();\n\n const {\n handleSubmit,\n control,\n formState: { errors },\n reset,\n } = useForm<AnswerRequest>({\n values,\n defaultValues: getDefaultValues(post.id),\n });\n\n const postAnswer = (data: AnswerRequest) => {\n if (id) {\n qetaApi\n .updateAnswer(id, {\n postId: post.id,\n answer: data.answer,\n images,\n })\n .then(a => {\n if (!a \|\| !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('edit', 'answer');\n reset();\n onPost(a);\n })\n .catch(_e => setError(true));\n return;\n }\n // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n qetaApi\n .postAnswer({\n postId: post.id,\n answer: data.answer,\n images,\n anonymous: data.anonymous,\n })\n .then(a => {\n if (!a \|\| !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('post', 'answer');\n reset();\n onPost(a);\n })\n .catch(_e => setError(true));\n };\n\n useEffect(() => {\n if (id) {\n qetaApi.getAnswer(post.id, id).then(a => {\n if ('content' in a) {\n setValues({ postId: post.id, answer: a.content, images: a.images });\n setImages(a.images);\n } else {\n setError(true);\n }\n });\n }\n }, [id, post, qetaApi]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n ~~useEffect~~(~~() => {\n return confirmNavigationIfEdited(~~edited);\n ~~}, [edited]);\n~~\n const onImageUpload = useCallback(\n (imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n },\n [setImages],\n );\n\n return (\n <OptionalRequirePermission\n permission={qetaCreateAnswerPermission}\n errorPage={<></>}\n >\n <form\n onSubmit={handleSubmit(postAnswer)}\n onChange={() => {\n setEdited(true);\n }}\n >\n <Typography variant=\"h6\">Your answer</Typography>\n {error && (\n <WarningPanel severity=\"error\" title={t('answerForm.errorPosting')} />\n )}\n <Controller\n control={control}\n defaultValue=\"\"\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value}\n onChange={onChange}\n height={200}\n error={'answer' in errors}\n placeholder={t('answerForm.contentInput.placeholder')}\n onImageUpload={onImageUpload}\n answerId={id ? Number(id) : undefined}\n />\n )}\n name=\"answer\"\n />\n {allowAnonymouns && !id && (\n <PostAnonymouslyCheckbox\n control={control}\n label={t('anonymousCheckbox.answerAnonymously')}\n />\n )}\n <Button variant=\"outlined\" type=\"submit\" color=\"primary\">\n {id\n ? t('answerForm.submit.existingAnswer')\n : t('answerForm.submit.newAnswer')}\n </Button>\n </form>\n </OptionalRequirePermission>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAwBA,MAAM,gBAAA,GAAmB,CAAC,MAAmC,KAAA;AAC3D,EAAA,OAAO,EAAE,MAAQ,EAAA,MAAA,EAAQ,EAAI,EAAA,MAAA,EAAQ,EAAG,EAAA;AAC1C,CAAA;AAEa,MAAA,UAAA,GAAa,CAAC,KAIrB,KAAA;AACJ,EAAA,MAAM,EAAE,IAAA,EAAM,MAAQ,EAAA,EAAA,EAAO,GAAA,KAAA;AAC7B,~~EAAA~~,~~MAAM~~,CAAC,~~MAAA~~,~~EAAQ~~,SAAS,~~CAAA~~,~~GAAIA~~,~~cAAM,CAAA,~~QAAA;AAAA,~~IAChC~~,gBAAA,CAAiB,KAAK,EAAE;AAAA,GAC1B;AACA,EAAA,MAAM,YAAY,YAAa,EAAA;AAC/B,EAAA,MAAM,CAAC,~~KAAO~~,~~EAAA~~,QAAQ,~~CAAI~~,~~GAAAA~~,~~cAAA,CAAM,~~SAAS,KAAK,CAAA;~~AAC9C~~,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,~~IAAIA~~,~~cAAM~~,~~CAAA,~~QAAA,CAAmB,EAAE,CAAA;~~AACvD~~,EAAA,MAAM,CAAC,~~MAAQ~~,~~EAAA~~,SAAS,~~CAAI~~,~~GAAAA~~,~~cAAA,CAAM,~~SAAS,KAAK,CAAA;~~AAChD~~,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAM,MAAA,eAAA,GAAkB,SAAU,CAAA,kBAAA,CAAmB,qBAAqB,CAAA;AAC1E,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA,EAAW,EAAE,MAAO,EAAA;AAAA,IACpB;AAAA,MACE,OAAuB,CAAA;AAAA,IACzB,MAAA;AAAA,IACA,aAAA,EAAe,gBAAiB,CAAA,IAAA,CAAK,EAAE;AAAA,GACxC,CAAA;AAED,EAAM,MAAA,UAAA,GAAa,CAAC,IAAwB,KAAA;AAC1C,IAAA,IAAI,EAAI,EAAA;AACN,MAAA,OAAA,CACG,aAAa,EAAI,EAAA;AAAA,QAChB,QAAQ,IAAK,CAAA,EAAA;AAAA,QACb,QAAQ,IAAK,CAAA,MAAA;AAAA,QACb;AAAA,OACD,CACA,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA;AACT,QAAA,IAAI,CAAC,CAAA,IAAK,EAAE,IAAA,IAAQ,CAAI,CAAA,EAAA;AACtB,UAAA,QAAA,CAAS,IAAI,CAAA;AACb,UAAA;AAAA;AAEF,QAAA,SAAA,CAAU,KAAK,CAAA;AACf,QAAU,SAAA,CAAA,YAAA,CAAa,QAAQ,QAAQ,CAAA;AACvC,QAAM,KAAA,EAAA;AACN,QAAA,MAAA,CAAO,CAAC,CAAA;AAAA,OACT,CACA,CAAA,KAAA,CAAM,CAAM,EAAA,KAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAC7B,MAAA;AAAA;AAGF,IAAA,OAAA,CACG,UAAW,CAAA;AAAA,MACV,QAAQ,IAAK,CAAA,EAAA;AAAA,MACb,QAAQ,IAAK,CAAA,MAAA;AAAA,MACb,MAAA;AAAA,MACA,WAAW,IAAK,CAAA;AAAA,KACjB,CACA,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA;AACT,MAAA,IAAI,CAAC,CAAA,IAAK,EAAE,IAAA,IAAQ,CAAI,CAAA,EAAA;AACtB,QAAA,QAAA,CAAS,IAAI,CAAA;AACb,QAAA;AAAA;AAEF,MAAA,SAAA,CAAU,KAAK,CAAA;AACf,MAAU,SAAA,CAAA,YAAA,CAAa,QAAQ,QAAQ,CAAA;AACvC,MAAM,KAAA,EAAA;AACN,MAAA,MAAA,CAAO,CAAC,CAAA;AAAA,KACT,CACA,CAAA,KAAA,CAAM,CAAM,EAAA,KAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,GAC/B;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,EAAI,EAAA;AACN,MAAA,OAAA,CAAQ,UAAU,IAAK,CAAA,EAAA,EAAI,EAAE,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AACvC,QAAA,IAAI,aAAa,CAAG,EAAA;AAClB,UAAU,SAAA,CAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,EAAI,EAAA,MAAA,EAAQ,EAAE,OAAS,EAAA,MAAA,EAAQ,CAAE,CAAA,MAAA,EAAQ,CAAA;AAClE,UAAA,SAAA,CAAU,EAAE,MAAM,CAAA;AAAA,SACb,MAAA;AACL,UAAA,QAAA,CAAS,IAAI,CAAA;AAAA;AACf,OACD,CAAA;AAAA;AACH,GACC,EAAA,CAAC,EAAI,EAAA,IAAA,EAAM,OAAO,CAAC,CAAA;AAEtB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,KAAA,CAAM,MAAM,CAAA;AAAA,GACX,EAAA,CAAC,MAAQ,EAAA,KAAK,CAAC,CAAA;AAElB,EAAA,~~SAAA~~,~~CAAU~~,MAAM~~;AACd~~,~~IAAA,OAAO,0BAA0B,MAAM,~~CAAA;~~AAAA~~,~~GACzC,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,~~EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CAAC,OAAoB,KAAA;AACnB,MAAA,SAAA,CAAU,CAAc,UAAA,KAAA,CAAC,GAAG,UAAA,EAAY,OAAO,CAAC,CAAA;AAAA,KAClD;AAAA,IACA,CAAC,SAAS;AAAA,GACZ;AAEA,EACE,~~uBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,0BAAA;AAAA,MACZ,~~2BAAaA~~,~~cAAA~~,CAAA,~~aAAA,CAAAA,cAAA,CAAA,~~QAAA,EAAA,~~IAAA;AAAA~~,~~KAAA~~;AAAA,~~oBAEbA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~MAAC~~,MAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,QAAA,EAAU,aAAa,UAAU,CAAA;AAAA,~~QACjC~~,UAAU,MAAM;AACd,~~UAAA~~,SAAA,CAAU,IAAI,CAAA;AAAA~~;AAChB~~,~~OAAA~~;AAAA,~~sBAECA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAA,~~EAAK~~,~~aAAW~~,CAAA;AAAA,~~MACnC~~,KAAA,~~iDACE~~,YAAa,EAAA,EAAA,QAAA,EAAS,SAAQ,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAG,EAAA,CAAA;AAAA,~~sBAEtEA~~,~~cAAA,CAAA,aAAA~~;AAAA,~~QAAC~~,UAAA;AAAA,~~QAAA~~;AAAA,~~UACC~~,OAAA;AAAA,~~UACA~~,YAAa,EAAA,EAAA;AAAA,~~UACb~~,KAAO,EAAA;AAAA,~~YACL~~,QAAU,EAAA;AAAA,~~WACZ~~;AAAA,~~UACA~~,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAU,EAAA,KAAA,IAC5B,~~qBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,~~YAAC~~,cAAA;AAAA,~~YAAA~~;AAAA,~~cACC~~,KAAA;AAAA,~~cACA~~,QAAA;AAAA,~~cACA~~,MAAQ,EAAA,GAAA;AAAA,~~cACR~~,OAAO,QAAY,IAAA,MAAA;AAAA,~~cACnB~~,WAAA,EAAa,EAAE,qCAAqC,CAAA;AAAA,~~cACpD~~,aAAA;AAAA,~~cACA~~,QAAU,EAAA,EAAA,GAAK,MAAO,CAAA,EAAE,CAAI,GAAA,KAAA;AAAA;AAAA,~~WAC9B~~;AAAA,~~UAEF~~,IAAK,EAAA;AAAA;AAAA,~~OACP~~;AAAA,~~MACC~~,eAAA,IAAmB,CAAC,EACnB,~~oBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,~~QAAC~~,uBAAA;AAAA,~~QAAA~~;AAAA,~~UACC~~,OAAA;AAAA,~~UACA~~,KAAA,EAAO,EAAE,qCAAqC;AAAA;AAAA,~~OAChD~~;AAAA,~~sBAEDA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~MAAA,EAAA,EAAO,OAAQ,EAAA,UAAA,EAAW,MAAK,QAAS,EAAA,KAAA,EAAM,SAC5C,EAAA,EAAA,EAAA,GACG,CAAE,CAAA,kCAAkC,CACpC,GAAA,CAAA,CAAE,6BAA6B,CACrC;AAAA;AACF,GACF;AAEJ;;;;"}
1	+ {"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/AnswerForm/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport { useState, useCallback, useEffect } from 'react';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport {\n AnswerRequest,\n AnswerResponse,\n PostResponse,\n qetaCreateAnswerPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { Button, Typography } from '@material-ui/core';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\n\ntype AnswerFormData = {\n postId: number;\n answer: string;\n images: number[];\n};\n\nconst getDefaultValues = (postId: number): AnswerFormData => {\n return { postId, answer: '', images: [] };\n};\n\nexport const AnswerForm = (props: {\n post: PostResponse;\n onPost: (answer: AnswerResponse) => void;\n id?: number;\n}) => {\n const { post, onPost, id } = props;\n const [values, setValues] = useState<AnswerFormData>(\n getDefaultValues(post.id),\n );\n const analytics = useAnalytics();\n const [error, setError] = useState(false);\n const [images, setImages] = useState<number[]>([]);\n const [edited, setEdited] = useState(false);\n const qetaApi = useApi(qetaApiRef);\n const configApi = useApi(configApiRef);\n const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n const { t } = useTranslation();\n\n const {\n handleSubmit,\n control,\n formState: { errors },\n reset,\n } = useForm<AnswerRequest>({\n values,\n defaultValues: getDefaultValues(post.id),\n });\n\n const postAnswer = (data: AnswerRequest) => {\n if (id) {\n qetaApi\n .updateAnswer(id, {\n postId: post.id,\n answer: data.answer,\n images,\n })\n .then(a => {\n if (!a \|\| !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('edit', 'answer');\n reset();\n onPost(a);\n })\n .catch(_e => setError(true));\n return;\n }\n // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n qetaApi\n .postAnswer({\n postId: post.id,\n answer: data.answer,\n images,\n anonymous: data.anonymous,\n })\n .then(a => {\n if (!a \|\| !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('post', 'answer');\n reset();\n onPost(a);\n })\n .catch(_e => setError(true));\n };\n\n useEffect(() => {\n if (id) {\n qetaApi.getAnswer(post.id, id).then(a => {\n if ('content' in a) {\n setValues({ postId: post.id, answer: a.content, images: a.images });\n setImages(a.images);\n } else {\n setError(true);\n }\n });\n }\n }, [id, post, qetaApi]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n useConfirmNavigationIfEdited(edited);\n\n const onImageUpload = useCallback(\n (imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n },\n [setImages],\n );\n\n return (\n <OptionalRequirePermission\n permission={qetaCreateAnswerPermission}\n errorPage={<></>}\n >\n <form\n onSubmit={handleSubmit(postAnswer)}\n onChange={() => {\n setEdited(true);\n }}\n >\n <Typography variant=\"h6\">Your answer</Typography>\n {error && (\n <WarningPanel severity=\"error\" title={t('answerForm.errorPosting')} />\n )}\n <Controller\n control={control}\n defaultValue=\"\"\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value}\n onChange={onChange}\n height={200}\n error={'answer' in errors}\n placeholder={t('answerForm.contentInput.placeholder')}\n onImageUpload={onImageUpload}\n answerId={id ? Number(id) : undefined}\n />\n )}\n name=\"answer\"\n />\n {allowAnonymouns && !id && (\n <PostAnonymouslyCheckbox\n control={control}\n label={t('anonymousCheckbox.answerAnonymously')}\n />\n )}\n <Button variant=\"outlined\" type=\"submit\" color=\"primary\">\n {id\n ? t('answerForm.submit.existingAnswer')\n : t('answerForm.submit.newAnswer')}\n </Button>\n </form>\n </OptionalRequirePermission>\n );\n};\n"],"names":[],"mappings":"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"}