@kartverket/backstage-plugin-risk-scorecard 1.4.0 → 1.5.1

package/dist/components/riScInfo/riScStatus/DifferenceText.esm.js

@@ -0,0 +1,126 @@
+import React from 'react';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import Typography from '@mui/material/Typography';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
+
+const DifferenceText = ({
+  differenceFetchState
+}) => {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      sx: {
+        fontWeight: 700,
+        paddingBottom: "4px"
+      }
+    },
+    t("rosStatus.difference.differences.titleRemoved")
+  ), /* @__PURE__ */ React.createElement(
+    List,
+    {
+      sx: { paddingBottom: "40px", paddingTop: 0, listStyleType: "disc" }
+    },
+    differenceFetchState.differenceState.entriesOnLeft.length === 0 && /* @__PURE__ */ React.createElement(
+      ListItem,
+      {
+        sx: {
+          display: "list-item",
+          marginLeft: "26px",
+          paddingTop: "4px",
+          paddingBottom: "4px"
+        }
+      },
+      /* @__PURE__ */ React.createElement(Typography, null, t("rosStatus.difference.differences.noneRemoved"))
+    ),
+    differenceFetchState.differenceState.entriesOnLeft.map((item) => /* @__PURE__ */ React.createElement(
+      ListItem,
+      {
+        key: item,
+        sx: {
+          display: "list-item",
+          marginLeft: "26px",
+          paddingTop: "4px",
+          paddingBottom: "4px"
+        }
+      },
+      /* @__PURE__ */ React.createElement(Typography, null, item)
+    ))
+  ), /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      sx: {
+        fontWeight: 700,
+        paddingBottom: "4px"
+      }
+    },
+    t("rosStatus.difference.differences.titleExisting")
+  ), /* @__PURE__ */ React.createElement(
+    List,
+    {
+      sx: { paddingBottom: "40px", paddingTop: 0, listStyleType: "disc" }
+    },
+    differenceFetchState.differenceState.difference.length === 0 && /* @__PURE__ */ React.createElement(
+      ListItem,
+      {
+        sx: {
+          display: "list-item",
+          marginLeft: "26px",
+          paddingTop: "4px",
+          paddingBottom: "4px"
+        }
+      },
+      /* @__PURE__ */ React.createElement(Typography, null, t("rosStatus.difference.differences.noneExisting"))
+    ),
+    differenceFetchState.differenceState.difference.map((item) => /* @__PURE__ */ React.createElement(
+      ListItem,
+      {
+        key: item,
+        sx: {
+          display: "list-item",
+          marginLeft: "26px",
+          paddingTop: "4px",
+          paddingBottom: "4px"
+        }
+      },
+      /* @__PURE__ */ React.createElement(Typography, null, item)
+    ))
+  ), /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      sx: {
+        fontWeight: 700,
+        paddingBottom: "4px"
+      }
+    },
+    t("rosStatus.difference.differences.titleAdded")
+  ), /* @__PURE__ */ React.createElement(List, { sx: { listStyleType: "disc", paddingTop: 0 } }, differenceFetchState.differenceState.entriesOnRight.length === 0 && /* @__PURE__ */ React.createElement(
+    ListItem,
+    {
+      sx: {
+        display: "list-item",
+        marginLeft: "26px",
+        paddingTop: "4px",
+        paddingBottom: "4px"
+      }
+    },
+    /* @__PURE__ */ React.createElement(Typography, null, t("rosStatus.difference.differences.noneAdded"))
+  ), differenceFetchState.differenceState.entriesOnRight.map((item) => /* @__PURE__ */ React.createElement(
+    ListItem,
+    {
+      key: item,
+      sx: {
+        display: "list-item",
+        marginLeft: "26px",
+        paddingTop: "4px",
+        paddingBottom: "4px"
+      }
+    },
+    /* @__PURE__ */ React.createElement(Typography, null, item)
+  ))));
+};
+
+export { DifferenceText };
+//# sourceMappingURL=DifferenceText.esm.js.map

package/dist/components/riScInfo/riScStatus/DifferenceText.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DifferenceText.esm.js","sources":["../../../../src/components/riScInfo/riScStatus/DifferenceText.tsx"],"sourcesContent":["import React from 'react';\nimport { DifferenceFetchState } from '../../../utils/types';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Typography from '@mui/material/Typography';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\n\ntype DifferenceTextProps = {\n  differenceFetchState: DifferenceFetchState;\n};\n\nexport const DifferenceText = ({\n  differenceFetchState,\n}: DifferenceTextProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  return (\n    <>\n      <Typography\n        sx={{\n          fontWeight: 700,\n          paddingBottom: '4px',\n        }}\n      >\n        {t('rosStatus.difference.differences.titleRemoved')}\n      </Typography>\n      <List\n        sx={{ paddingBottom: '40px', paddingTop: 0, listStyleType: 'disc' }}\n      >\n        {differenceFetchState.differenceState.entriesOnLeft.length === 0 && (\n          <ListItem\n            sx={{\n              display: 'list-item',\n              marginLeft: '26px',\n              paddingTop: '4px',\n              paddingBottom: '4px',\n            }}\n          >\n            <Typography>\n              {t('rosStatus.difference.differences.noneRemoved')}\n            </Typography>\n          </ListItem>\n        )}\n        {differenceFetchState.differenceState.entriesOnLeft.map(item => (\n          <ListItem\n            key={item}\n            sx={{\n              display: 'list-item',\n              marginLeft: '26px',\n              paddingTop: '4px',\n              paddingBottom: '4px',\n            }}\n          >\n            <Typography>{item}</Typography>\n          </ListItem>\n        ))}\n      </List>\n      <Typography\n        sx={{\n          fontWeight: 700,\n          paddingBottom: '4px',\n        }}\n      >\n        {t('rosStatus.difference.differences.titleExisting')}\n      </Typography>\n      <List\n        sx={{ paddingBottom: '40px', paddingTop: 0, listStyleType: 'disc' }}\n      >\n        {differenceFetchState.differenceState.difference.length === 0 && (\n          <ListItem\n            sx={{\n              display: 'list-item',\n              marginLeft: '26px',\n              paddingTop: '4px',\n              paddingBottom: '4px',\n            }}\n          >\n            <Typography>\n              {t('rosStatus.difference.differences.noneExisting')}\n            </Typography>\n          </ListItem>\n        )}\n        {differenceFetchState.differenceState.difference.map(item => (\n          <ListItem\n            key={item}\n            sx={{\n              display: 'list-item',\n              marginLeft: '26px',\n              paddingTop: '4px',\n              paddingBottom: '4px',\n            }}\n          >\n            <Typography>{item}</Typography>\n          </ListItem>\n        ))}\n      </List>\n      <Typography\n        sx={{\n          fontWeight: 700,\n          paddingBottom: '4px',\n        }}\n      >\n        {t('rosStatus.difference.differences.titleAdded')}\n      </Typography>\n      <List sx={{ listStyleType: 'disc', paddingTop: 0 }}>\n        {differenceFetchState.differenceState.entriesOnRight.length === 0 && (\n          <ListItem\n            sx={{\n              display: 'list-item',\n              marginLeft: '26px',\n              paddingTop: '4px',\n              paddingBottom: '4px',\n            }}\n          >\n            <Typography>\n              {t('rosStatus.difference.differences.noneAdded')}\n            </Typography>\n          </ListItem>\n        )}\n        {differenceFetchState.differenceState.entriesOnRight.map(item => (\n          <ListItem\n            key={item}\n            sx={{\n              display: 'list-item',\n              marginLeft: '26px',\n              paddingTop: '4px',\n              paddingBottom: '4px',\n            }}\n          >\n            <Typography>{item}</Typography>\n          </ListItem>\n        ))}\n      </List>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/riScInfo/riScStatus/RiScDifferenceDialog.esm.js

@@ -0,0 +1,121 @@
+import React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Card from '@mui/material/Card';
+import CircularProgress from '@mui/material/CircularProgress';
+import { ErrorOutline, Favorite } from '@mui/icons-material';
+import { DifferenceText } from './DifferenceText.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../../utils/translations.esm.js';
+import { parseISODateFromEncryptedROS } from '../../../utils/utilityfunctions.esm.js';
+import { parseISO } from 'date-fns';
+
+const RiScDifferenceDialog = ({
+  differenceFetchState
+}) => {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  const formatedDateString = parseISODateFromEncryptedROS(
+    differenceFetchState.defaultLastModifiedDateString
+  );
+  const parsedDateString = formatedDateString ? parseISO(formatedDateString).toLocaleDateString() : null;
+  return /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Typography, null, t("rosStatus.difference.description")), /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      sx: {
+        fontWeight: 700,
+        fontSize: "0.8rem",
+        paddingBottom: "40px"
+      }
+    },
+    parsedDateString && t("rosStatus.difference.publishDate", {
+      date: parsedDateString
+    })
+  ), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "h3",
+      sx: {
+        fontSize: 18
+      }
+    },
+    t("rosStatus.difference.differences.title")
+  ), /* @__PURE__ */ React.createElement(
+    Card,
+    {
+      sx: {
+        backgroundColor: "rgb(51, 51, 51)",
+        padding: "20px",
+        position: "relative",
+        marginBottom: "20px",
+        minHeight: "260px"
+      }
+    },
+    differenceFetchState.isLoading && /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          margin: "auto 0"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        CircularProgress,
+        {
+          size: 30,
+          sx: { marginLeft: 1, color: "inherit", margin: "10px" }
+        }
+      ),
+      t("rosStatus.difference.fetching")
+    ),
+    differenceFetchState.status !== null && differenceFetchState.status !== "Success" && differenceFetchState.status !== "GithubFileNotFound" && /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          margin: "auto 0"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        ErrorOutline,
+        {
+          sx: {
+            fontSize: "30px",
+            marginBottom: "16px",
+            color: "red"
+          }
+        }
+      ),
+      t("rosStatus.difference.error")
+    ),
+    differenceFetchState.status !== null && differenceFetchState.status === "GithubFileNotFound" && /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          margin: "auto 0"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        Favorite,
+        {
+          sx: {
+            fontSize: "30px",
+            marginBottom: "16px",
+            color: "green"
+          }
+        }
+      ),
+      t("rosStatus.difference.newROS")
+    ),
+    differenceFetchState.status === "Success" && /* @__PURE__ */ React.createElement(DifferenceText, { differenceFetchState })
+  )));
+};
+
+export { RiScDifferenceDialog };
+//# sourceMappingURL=RiScDifferenceDialog.esm.js.map

package/dist/components/riScInfo/riScStatus/RiScDifferenceDialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiScDifferenceDialog.esm.js","sources":["../../../../src/components/riScInfo/riScStatus/RiScDifferenceDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { DifferenceFetchState } from '../../../utils/types';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Card from '@mui/material/Card';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { ErrorOutline, Favorite } from '@mui/icons-material';\nimport { DifferenceText } from './DifferenceText';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport { parseISODateFromEncryptedROS } from '../../../utils/utilityfunctions';\nimport { parseISO } from 'date-fns';\n\ntype RiScDifferenceDialogProps = {\n  differenceFetchState: DifferenceFetchState;\n};\n\nexport const RiScDifferenceDialog = ({\n  differenceFetchState,\n}: RiScDifferenceDialogProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const formatedDateString = parseISODateFromEncryptedROS(\n    differenceFetchState.defaultLastModifiedDateString,\n  );\n\n  const parsedDateString = formatedDateString\n    ? parseISO(formatedDateString).toLocaleDateString()\n    : null;\n  return (\n    <Box>\n      <Typography>{t('rosStatus.difference.description')}</Typography>\n      <Typography\n        sx={{\n          fontWeight: 700,\n          fontSize: '0.8rem',\n          paddingBottom: '40px',\n        }}\n      >\n        {parsedDateString &&\n          t('rosStatus.difference.publishDate', {\n            date: parsedDateString,\n          })}\n      </Typography>\n      <Box>\n        <Typography\n          variant=\"h3\"\n          sx={{\n            fontSize: 18,\n          }}\n        >\n          {t('rosStatus.difference.differences.title')}\n        </Typography>\n        <Card\n          sx={{\n            backgroundColor: 'rgb(51, 51, 51)',\n            padding: '20px',\n            position: 'relative',\n            marginBottom: '20px',\n            minHeight: '260px',\n          }}\n        >\n          {differenceFetchState.isLoading && (\n            <Box\n              sx={{\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                margin: 'auto 0',\n              }}\n            >\n              <CircularProgress\n                size={30}\n                sx={{ marginLeft: 1, color: 'inherit', margin: '10px' }}\n              />\n              {t('rosStatus.difference.fetching')}\n            </Box>\n          )}\n          {differenceFetchState.status !== null &&\n            differenceFetchState.status !== 'Success' &&\n            differenceFetchState.status !== 'GithubFileNotFound' && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  alignItems: 'center',\n                  margin: 'auto 0',\n                }}\n              >\n                <ErrorOutline\n                  sx={{\n                    fontSize: '30px',\n                    marginBottom: '16px',\n                    color: 'red',\n                  }}\n                />\n                {t('rosStatus.difference.error')}\n              </Box>\n            )}\n          {differenceFetchState.status !== null &&\n            differenceFetchState.status === 'GithubFileNotFound' && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  alignItems: 'center',\n                  margin: 'auto 0',\n                }}\n              >\n                <Favorite\n                  sx={{\n                    fontSize: '30px',\n                    marginBottom: '16px',\n                    color: 'green',\n                  }}\n                />\n                {t('rosStatus.difference.newROS')}\n              </Box>\n            )}\n          {differenceFetchState.status === 'Success' && (\n            <DifferenceText differenceFetchState={differenceFetchState} />\n          )}\n        </Card>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/riScInfo/riScStatus/RiScStatusComponent.esm.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { RiScStatus } from '../../../utils/types.esm.js';
 import Alert from '@mui/material/Alert';
 import Button from '@mui/material/Button';
@@ -18,20 +18,23 @@ import { InfoCard } from '@backstage/core-components';
 import { PullRequestSvg } from '../../common/Icons.esm.js';
 import { useRiScs } from '../../../contexts/RiScContext.esm.js';
 import { subtitle1 } from '../../common/typography.esm.js';
-import { Box } from '@material-ui/core';
+import Box from '@mui/material/Box';
 import { WarningAmberOutlined } from '@mui/icons-material';
+import { useAuthenticatedFetch } from '../../../utils/hooks.esm.js';
+import { RiScDifferenceDialog } from './RiScDifferenceDialog.esm.js';
 
 const RiScPublishDialog = ({
   openDialog,
   handleCancel,
-  handlePublish
+  handlePublish,
+  differenceFetchState
 }) => {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const [riskOwnerApproves, setRiskOwnerApproves] = useState(false);
   const handleCheckboxInput = (event) => {
     setRiskOwnerApproves(event.target.checked);
   };
-  return /* @__PURE__ */ React.createElement(Dialog, { open: openDialog }, /* @__PURE__ */ React.createElement(DialogTitle, null, t("publishDialog.title")), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Alert, { severity: "info", icon: false }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Dialog, { open: openDialog }, /* @__PURE__ */ React.createElement(DialogTitle, null, t("publishDialog.title")), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RiScDifferenceDialog, { differenceFetchState }), /* @__PURE__ */ React.createElement(Alert, { severity: "info", icon: false }, /* @__PURE__ */ React.createElement(
     FormControlLabel,
     {
       control: /* @__PURE__ */ React.createElement(
@@ -44,7 +47,7 @@ const RiScPublishDialog = ({
       ),
       label: t("publishDialog.checkboxLabel")
     }
-  ))), /* @__PURE__ */ React.createElement(DialogActions, { sx: dialogActions }, /* @__PURE__ */ React.createElement(
+  )))), /* @__PURE__ */ React.createElement(DialogActions, { sx: dialogActions }, /* @__PURE__ */ React.createElement(
     Button,
     {
       variant: "contained",
@@ -120,22 +123,69 @@ const RosAcceptance = ({
       return /* @__PURE__ */ React.createElement(Typography, { paragraph: true, sx: subtitle1 }, t("rosStatus.statusBadge.error"));
   }
 };
+const emptyDifferenceFetchState = {
+  differenceState: {
+    entriesOnLeft: [],
+    entriesOnRight: [],
+    difference: []
+  },
+  status: null,
+  isLoading: false,
+  errorMessage: "",
+  currentDifferenceId: "",
+  defaultLastModifiedDateString: ""
+};
 const RiScStatusComponent = ({
   selectedRiSc,
   publishRiScFn
 }) => {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
+  const { fetchDifference } = useAuthenticatedFetch();
   const [publishRiScDialogIsOpen, setPublishRiScDialogIsOpen] = useState(false);
   const [migrationDialogIsOpen, setMigrationDialogIsOpen] = useState(false);
+  const [differenceFetchState, setDifferenceFetchState] = useState(emptyDifferenceFetchState);
   const { updateRiSc } = useRiScs();
   const handleApproveAndPublish = () => {
     publishRiScFn();
     setPublishRiScDialogIsOpen(false);
   };
+  const getDifferences = () => {
+    if (!selectedRiSc || differenceFetchState.isLoading || differenceFetchState.currentDifferenceId === selectedRiSc.id)
+      return;
+    setDifferenceFetchState({ ...differenceFetchState, isLoading: true });
+    fetchDifference(
+      selectedRiSc,
+      (response) => {
+        setDifferenceFetchState({
+          differenceState: response.differenceState,
+          isLoading: false,
+          currentDifferenceId: selectedRiSc.id,
+          status: response.status,
+          errorMessage: response.errorMessage,
+          defaultLastModifiedDateString: response.defaultLastModifiedDateString
+        });
+      },
+      () => {
+        setDifferenceFetchState({
+          ...emptyDifferenceFetchState,
+          errorMessage: t("rosStatus.difference.error"),
+          status: "FrontendFallback"
+          // Fallback when the backend does not deliver a response with status
+        });
+      }
+    );
+  };
   const handleUpdate = () => {
     updateRiSc(selectedRiSc.content);
     setMigrationDialogIsOpen(false);
   };
+  const handleOpenPublishRiScDialog = () => {
+    setPublishRiScDialogIsOpen(true);
+    getDifferences();
+  };
+  useEffect(() => {
+    setDifferenceFetchState(emptyDifferenceFetchState);
+  }, [selectedRiSc]);
   return /* @__PURE__ */ React.createElement(InfoCard, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Status"), /* @__PURE__ */ React.createElement(
     RosAcceptance,
     {
@@ -147,8 +197,7 @@ const RiScStatusComponent = ({
     {
       color: "primary",
       variant: "contained",
-      onClick: () => setPublishRiScDialogIsOpen(!publishRiScDialogIsOpen),
-      disabled: selectedRiSc.status !== RiScStatus.Draft,
+      onClick: handleOpenPublishRiScDialog,
       sx: { display: "block", marginLeft: "auto" }
     },
     t("rosStatus.approveButton")
@@ -174,7 +223,8 @@ const RiScStatusComponent = ({
     {
       openDialog: publishRiScDialogIsOpen,
       handlePublish: handleApproveAndPublish,
-      handleCancel: () => setPublishRiScDialogIsOpen(false)
+      handleCancel: () => setPublishRiScDialogIsOpen(false),
+      differenceFetchState
     }
   ));
 };

package/dist/components/riScInfo/riScStatus/RiScStatusComponent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScStatusComponent.esm.js","sources":["../../../../src/components/riScInfo/riScStatus/RiScStatusComponent.tsx"],"sourcesContent":["import React, { ReactComponentElement, useState } from 'react';\nimport {\n  MigrationVersions,\n  RiScStatus,\n  RiScWithMetadata,\n} from '../../../utils/types';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport CheckIcon from '@mui/icons-material/Check';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { dialogActions } from '../../common/mixins';\nimport { InfoCard } from '@backstage/core-components';\nimport { PullRequestSvg } from '../../common/Icons';\nimport { useRiScs } from '../../../contexts/RiScContext';\nimport { subtitle1 } from '../../common/typography';\nimport { Box } from '@material-ui/core';\nimport { WarningAmberOutlined } from '@mui/icons-material';\n\ninterface RiScPublishDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handlePublish: () => void;\n}\n\nconst RiScPublishDialog = ({\n  openDialog,\n  handleCancel,\n  handlePublish,\n}: RiScPublishDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riskOwnerApproves, setRiskOwnerApproves] = useState<boolean>(false);\n\n  const handleCheckboxInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setRiskOwnerApproves(event.target.checked);\n  };\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('publishDialog.title')}</DialogTitle>\n      <DialogContent>\n        <Alert severity=\"info\" icon={false}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                color=\"primary\"\n                checked={riskOwnerApproves}\n                onChange={handleCheckboxInput}\n              />\n            }\n            label={t('publishDialog.checkboxLabel')}\n          />\n        </Alert>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handlePublish}\n          disabled={!riskOwnerApproves}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\ninterface RiScMigrationDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handleUpdate: () => void;\n  migrationVersions?: MigrationVersions;\n}\n\nconst RiScMigrationDialog = ({\n  openDialog,\n  handleCancel,\n  handleUpdate,\n  migrationVersions,\n}: RiScMigrationDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [saveMigration, setSaveMigration] = useState<boolean>(false);\n\n  const handleCheckboxInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSaveMigration(event.target.checked);\n  };\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('migrationDialog.title')}</DialogTitle>\n      <DialogContent>\n        <Box sx={{ marginBottom: '16px' }}>\n          <Typography>\n            {t('migrationDialog.description')}\n            {migrationVersions?.toVersion} {t('migrationDialog.description2')}{' '}\n            {migrationVersions?.fromVersion}\n            {t('migrationDialog.description3')}\n            <Link\n              underline=\"always\"\n              target=\"_blank\"\n              href=\"https://github.com/kartverket/backstage-plugin-risk-scorecard-backend/blob/main/docs/schemaChangelog.md\"\n            >\n              {t('migrationDialog.changelog')}\n            </Link>{' '}\n            {t('migrationDialog.description4')}\n          </Typography>\n        </Box>\n        <Alert severity=\"info\" icon={false}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={saveMigration}\n                onChange={handleCheckboxInput}\n              />\n            }\n            label={t('migrationDialog.checkboxLabel')}\n          />\n        </Alert>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button\n          variant=\"contained\"\n          onClick={handleUpdate}\n          disabled={!saveMigration}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nconst RosAcceptance = ({\n  status,\n  migration,\n}: {\n  status: RiScStatus;\n  migration?: boolean;\n}): React.JSX.Element => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  if (migration) {\n    return (\n      <>\n        <Typography paragraph sx={subtitle1}>\n          <WarningAmberOutlined\n            fontSize=\"medium\"\n            sx={{ transform: 'translateY(5px)', marginTop: '5px' }}\n          />{' '}\n          {t('rosStatus.statusBadge.migration.title')}\n        </Typography>\n        <Typography>\n          {t('rosStatus.statusBadge.migration.description')}\n        </Typography>\n      </>\n    );\n  }\n  switch (status) {\n    case RiScStatus.Draft:\n      return (\n        <Typography paragraph sx={subtitle1}>\n          {t('rosStatus.statusBadge.missing')}\n        </Typography>\n      );\n    case RiScStatus.SentForApproval:\n    case RiScStatus.Published:\n      return (\n        <Typography paragraph sx={subtitle1}>\n          <CheckIcon fontSize=\"medium\" sx={{ transform: 'translateY(5px)' }} />{' '}\n          {t('rosStatus.statusBadge.approved')}\n        </Typography>\n      );\n    default:\n      return (\n        <Typography paragraph sx={subtitle1}>\n          {t('rosStatus.statusBadge.error')}\n        </Typography>\n      );\n  }\n};\n\ninterface RiScStatusProps {\n  selectedRiSc: RiScWithMetadata;\n  publishRiScFn: () => void;\n}\n\nexport const RiScStatusComponent = ({\n  selectedRiSc,\n  publishRiScFn,\n}: RiScStatusProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [publishRiScDialogIsOpen, setPublishRiScDialogIsOpen] =\n    useState<boolean>(false);\n\n  const [migrationDialogIsOpen, setMigrationDialogIsOpen] =\n    useState<boolean>(false);\n\n  const { updateRiSc } = useRiScs();\n\n  const handleApproveAndPublish = () => {\n    publishRiScFn();\n    setPublishRiScDialogIsOpen(false);\n  };\n\n  const handleUpdate = () => {\n    updateRiSc(selectedRiSc.content);\n    setMigrationDialogIsOpen(false);\n  };\n\n  return (\n    <InfoCard>\n      <Typography variant=\"h5\">Status</Typography>\n\n      <RosAcceptance\n        status={selectedRiSc.status}\n        migration={selectedRiSc.migrationStatus?.migrationChanges}\n      />\n      {selectedRiSc.status === RiScStatus.SentForApproval &&\n        !selectedRiSc.migrationStatus?.migrationChanges && (\n          <Typography sx={{ fontWeight: 700 }} paragraph variant=\"subtitle1\">\n            <PullRequestSvg />\n            {t('rosStatus.prStatus')}\n            <Link target=\"_blank\" href={selectedRiSc.pullRequestUrl}>\n              Github\n            </Link>\n          </Typography>\n        )}\n      {selectedRiSc.status === RiScStatus.Draft &&\n        !selectedRiSc.migrationStatus?.migrationChanges && (\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={() => setPublishRiScDialogIsOpen(!publishRiScDialogIsOpen)}\n            disabled={selectedRiSc.status !== RiScStatus.Draft}\n            sx={{ display: 'block', marginLeft: 'auto' }}\n          >\n            {t('rosStatus.approveButton')}\n          </Button>\n        )}\n      {selectedRiSc.migrationStatus?.migrationChanges && (\n        <>\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={() => setMigrationDialogIsOpen(!migrationDialogIsOpen)}\n            sx={{ display: 'block', marginLeft: 'auto' }}\n          >\n            <Typography variant=\"button\">\n              {t('rosStatus.moreInformationButton')}\n            </Typography>\n          </Button>\n          <RiScMigrationDialog\n            openDialog={migrationDialogIsOpen}\n            handleUpdate={handleUpdate}\n            handleCancel={() => setMigrationDialogIsOpen(false)}\n            migrationVersions={selectedRiSc.migrationStatus?.migrationVersions}\n          />\n        </>\n      )}\n      <RiScPublishDialog\n        openDialog={publishRiScDialogIsOpen}\n        handlePublish={handleApproveAndPublish}\n        handleCancel={() => setPublishRiScDialogIsOpen(false)}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RiScStatusComponent.esm.js","sources":["../../../../src/components/riScInfo/riScStatus/RiScStatusComponent.tsx"],"sourcesContent":["import React, { ReactComponentElement, useEffect, useState } from 'react';\nimport {\n  DifferenceFetchState,\n  MigrationVersions,\n  RiScStatus,\n  RiScWithMetadata,\n} from '../../../utils/types';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport Checkbox from '@mui/material/Checkbox';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../../utils/translations';\nimport CheckIcon from '@mui/icons-material/Check';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { dialogActions } from '../../common/mixins';\nimport { InfoCard } from '@backstage/core-components';\nimport { PullRequestSvg } from '../../common/Icons';\nimport { useRiScs } from '../../../contexts/RiScContext';\nimport { subtitle1 } from '../../common/typography';\nimport Box from '@mui/material/Box';\nimport { WarningAmberOutlined } from '@mui/icons-material';\nimport { useAuthenticatedFetch } from '../../../utils/hooks';\nimport { RiScDifferenceDialog } from './RiScDifferenceDialog';\n\ninterface RiScPublishDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handlePublish: () => void;\n  differenceFetchState: DifferenceFetchState;\n}\n\nconst RiScPublishDialog = ({\n  openDialog,\n  handleCancel,\n  handlePublish,\n  differenceFetchState,\n}: RiScPublishDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riskOwnerApproves, setRiskOwnerApproves] = useState<boolean>(false);\n\n  const handleCheckboxInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setRiskOwnerApproves(event.target.checked);\n  };\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('publishDialog.title')}</DialogTitle>\n      <DialogContent>\n        <>\n          <RiScDifferenceDialog differenceFetchState={differenceFetchState} />\n          <Alert severity=\"info\" icon={false}>\n            <FormControlLabel\n              control={\n                <Checkbox\n                  color=\"primary\"\n                  checked={riskOwnerApproves}\n                  onChange={handleCheckboxInput}\n                />\n              }\n              label={t('publishDialog.checkboxLabel')}\n            />\n          </Alert>\n        </>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handlePublish}\n          disabled={!riskOwnerApproves}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\ninterface RiScMigrationDialogProps {\n  openDialog: boolean;\n  handleCancel: () => void;\n  handleUpdate: () => void;\n  migrationVersions?: MigrationVersions;\n}\n\nconst RiScMigrationDialog = ({\n  openDialog,\n  handleCancel,\n  handleUpdate,\n  migrationVersions,\n}: RiScMigrationDialogProps): ReactComponentElement<any> => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [saveMigration, setSaveMigration] = useState<boolean>(false);\n\n  const handleCheckboxInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSaveMigration(event.target.checked);\n  };\n\n  return (\n    <Dialog open={openDialog}>\n      <DialogTitle>{t('migrationDialog.title')}</DialogTitle>\n      <DialogContent>\n        <Box sx={{ marginBottom: '16px' }}>\n          <Typography>\n            {t('migrationDialog.description')}\n            {migrationVersions?.toVersion} {t('migrationDialog.description2')}{' '}\n            {migrationVersions?.fromVersion}\n            {t('migrationDialog.description3')}\n            <Link\n              underline=\"always\"\n              target=\"_blank\"\n              href=\"https://github.com/kartverket/backstage-plugin-risk-scorecard-backend/blob/main/docs/schemaChangelog.md\"\n            >\n              {t('migrationDialog.changelog')}\n            </Link>{' '}\n            {t('migrationDialog.description4')}\n          </Typography>\n        </Box>\n        <Alert severity=\"info\" icon={false}>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={saveMigration}\n                onChange={handleCheckboxInput}\n              />\n            }\n            label={t('migrationDialog.checkboxLabel')}\n          />\n        </Alert>\n      </DialogContent>\n      <DialogActions sx={dialogActions}>\n        <Button\n          variant=\"contained\"\n          onClick={handleUpdate}\n          disabled={!saveMigration}\n        >\n          {t('dictionary.confirm')}\n        </Button>\n        <Button variant=\"outlined\" color=\"primary\" onClick={handleCancel}>\n          {t('dictionary.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nconst RosAcceptance = ({\n  status,\n  migration,\n}: {\n  status: RiScStatus;\n  migration?: boolean;\n}): React.JSX.Element => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  if (migration) {\n    return (\n      <>\n        <Typography paragraph sx={subtitle1}>\n          <WarningAmberOutlined\n            fontSize=\"medium\"\n            sx={{ transform: 'translateY(5px)', marginTop: '5px' }}\n          />{' '}\n          {t('rosStatus.statusBadge.migration.title')}\n        </Typography>\n        <Typography>\n          {t('rosStatus.statusBadge.migration.description')}\n        </Typography>\n      </>\n    );\n  }\n  switch (status) {\n    case RiScStatus.Draft:\n      return (\n        <Typography paragraph sx={subtitle1}>\n          {t('rosStatus.statusBadge.missing')}\n        </Typography>\n      );\n    case RiScStatus.SentForApproval:\n    case RiScStatus.Published:\n      return (\n        <Typography paragraph sx={subtitle1}>\n          <CheckIcon fontSize=\"medium\" sx={{ transform: 'translateY(5px)' }} />{' '}\n          {t('rosStatus.statusBadge.approved')}\n        </Typography>\n      );\n    default:\n      return (\n        <Typography paragraph sx={subtitle1}>\n          {t('rosStatus.statusBadge.error')}\n        </Typography>\n      );\n  }\n};\n\nconst emptyDifferenceFetchState: DifferenceFetchState = {\n  differenceState: {\n    entriesOnLeft: [],\n    entriesOnRight: [],\n    difference: [],\n  },\n  status: null,\n  isLoading: false,\n  errorMessage: '',\n  currentDifferenceId: '',\n  defaultLastModifiedDateString: '',\n};\n\ninterface RiScStatusProps {\n  selectedRiSc: RiScWithMetadata;\n  publishRiScFn: () => void;\n}\n\nexport const RiScStatusComponent = ({\n  selectedRiSc,\n  publishRiScFn,\n}: RiScStatusProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { fetchDifference } = useAuthenticatedFetch();\n\n  const [publishRiScDialogIsOpen, setPublishRiScDialogIsOpen] =\n    useState<boolean>(false);\n\n  const [migrationDialogIsOpen, setMigrationDialogIsOpen] =\n    useState<boolean>(false);\n\n  const [differenceFetchState, setDifferenceFetchState] =\n    useState<DifferenceFetchState>(emptyDifferenceFetchState);\n\n  const { updateRiSc } = useRiScs();\n\n  const handleApproveAndPublish = () => {\n    publishRiScFn();\n    setPublishRiScDialogIsOpen(false);\n  };\n\n  const getDifferences = () => {\n    if (\n      !selectedRiSc ||\n      differenceFetchState.isLoading ||\n      differenceFetchState.currentDifferenceId === selectedRiSc.id\n    )\n      return;\n\n    setDifferenceFetchState({ ...differenceFetchState, isLoading: true });\n    fetchDifference(\n      selectedRiSc,\n      response => {\n        setDifferenceFetchState({\n          differenceState: response.differenceState,\n          isLoading: false,\n          currentDifferenceId: selectedRiSc.id,\n          status: response.status,\n          errorMessage: response.errorMessage,\n          defaultLastModifiedDateString: response.defaultLastModifiedDateString,\n        });\n      },\n      () => {\n        setDifferenceFetchState({\n          ...emptyDifferenceFetchState,\n          errorMessage: t('rosStatus.difference.error'),\n          status: 'FrontendFallback', // Fallback when the backend does not deliver a response with status\n        });\n      },\n    );\n  };\n\n  const handleUpdate = () => {\n    updateRiSc(selectedRiSc.content);\n    setMigrationDialogIsOpen(false);\n  };\n\n  const handleOpenPublishRiScDialog = () => {\n    setPublishRiScDialogIsOpen(true);\n    getDifferences();\n  };\n\n  useEffect(() => {\n    setDifferenceFetchState(emptyDifferenceFetchState);\n  }, [selectedRiSc]);\n\n  return (\n    <InfoCard>\n      <Typography variant=\"h5\">Status</Typography>\n\n      <RosAcceptance\n        status={selectedRiSc.status}\n        migration={selectedRiSc.migrationStatus?.migrationChanges}\n      />\n      {selectedRiSc.status === RiScStatus.SentForApproval &&\n        !selectedRiSc.migrationStatus?.migrationChanges && (\n          <Typography sx={{ fontWeight: 700 }} paragraph variant=\"subtitle1\">\n            <PullRequestSvg />\n            {t('rosStatus.prStatus')}\n            <Link target=\"_blank\" href={selectedRiSc.pullRequestUrl}>\n              Github\n            </Link>\n          </Typography>\n        )}\n      {selectedRiSc.status === RiScStatus.Draft &&\n        !selectedRiSc.migrationStatus?.migrationChanges && (\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={handleOpenPublishRiScDialog}\n            sx={{ display: 'block', marginLeft: 'auto' }}\n          >\n            {t('rosStatus.approveButton')}\n          </Button>\n        )}\n      {selectedRiSc.migrationStatus?.migrationChanges && (\n        <>\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            onClick={() => setMigrationDialogIsOpen(!migrationDialogIsOpen)}\n            sx={{ display: 'block', marginLeft: 'auto' }}\n          >\n            <Typography variant=\"button\">\n              {t('rosStatus.moreInformationButton')}\n            </Typography>\n          </Button>\n          <RiScMigrationDialog\n            openDialog={migrationDialogIsOpen}\n            handleUpdate={handleUpdate}\n            handleCancel={() => setMigrationDialogIsOpen(false)}\n            migrationVersions={selectedRiSc.migrationStatus?.migrationVersions}\n          />\n        </>\n      )}\n      <RiScPublishDialog\n        openDialog={publishRiScDialogIsOpen}\n        handlePublish={handleApproveAndPublish}\n        handleCancel={() => setPublishRiScDialogIsOpen(false)}\n        differenceFetchState={differenceFetchState}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/riScPlugin/RiScPlugin.esm.js

@@ -35,6 +35,7 @@ const RiScPlugin = () => {
     riScs,
     selectRiSc,
     isFetching,
+    resetResponse,
     resetRiScStatus,
     response,
     riScUpdateStatus
@@ -44,12 +45,15 @@ const RiScPlugin = () => {
     "step"
   );
   useEffect(() => {
-    if (scenarioWizardStep !== null) resetRiScStatus();
-  }, [resetRiScStatus, scenarioWizardStep]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, response && /* @__PURE__ */ React.createElement(
+    if (scenarioWizardStep !== null) {
+      resetRiScStatus();
+      resetResponse();
+    }
+  }, [resetRiScStatus, resetResponse, scenarioWizardStep]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, response && !riScUpdateStatus.isLoading && /* @__PURE__ */ React.createElement(
     Alert,
     {
-      severity: getAlertSeverity(response.status),
+      severity: getAlertSeverity(riScUpdateStatus),
       sx: { marginBottom: 2 }
     },
     /* @__PURE__ */ React.createElement(Typography, null, response.statusMessage)

package/dist/components/riScPlugin/RiScPlugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScPlugin.esm.js","sources":["../../../src/components/riScPlugin/RiScPlugin.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ContentHeader, SupportButton } from '@backstage/core-components';\nimport { useSearchParams } from 'react-router-dom';\nimport { ScenarioWizard } from '../scenarioWizard/ScenarioWizard';\nimport { ScenarioDrawer } from '../scenarioDrawer/ScenarioDrawer';\nimport { RiskMatrix } from '../riskMatrix/RiskMatrix';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Grid from '@mui/material/Grid';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport Typography from '@mui/material/Typography';\nimport { getAlertSeverity } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDialog, RiScDialogStates } from '../riScDialog/RiScDialog';\nimport { RiScInfo } from '../riScInfo/RiScInfo';\nimport AddCircle from '@mui/icons-material/AddCircle';\nimport { Spinner } from '../common/Spinner';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { ScenarioWizardSteps } from '../../contexts/ScenarioContext';\nimport { ScenarioTableWrapper } from '../scenarioTable/ScenarioTable';\n\nexport const RiScPlugin = () => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riScDialogState, setRiScDialogState] = useState<RiScDialogStates>(\n    RiScDialogStates.Closed,\n  );\n\n  const openCreateRiScDialog = () =>\n    setRiScDialogState(RiScDialogStates.Create);\n  const openEditRiScDialog = () => setRiScDialogState(RiScDialogStates.Edit);\n  const closeRiScDialog = () => setRiScDialogState(RiScDialogStates.Closed);\n\n  const {\n    selectedRiSc,\n    riScs,\n    selectRiSc,\n    isFetching,\n    resetRiScStatus,\n    response,\n    riScUpdateStatus,\n  } = useRiScs();\n\n  const [searchParams] = useSearchParams();\n  const scenarioWizardStep = searchParams.get(\n    'step',\n  ) as ScenarioWizardSteps | null;\n\n  useEffect(() => {\n    if (scenarioWizardStep !== null) resetRiScStatus();\n  }, [resetRiScStatus, scenarioWizardStep]);\n\n  return (\n    <>\n      {response && (\n        <Alert\n          severity={getAlertSeverity(response.status)}\n          sx={{ marginBottom: 2 }}\n        >\n          <Typography>{response.statusMessage}</Typography>\n        </Alert>\n      )}\n      {riScUpdateStatus.isLoading && (\n        <LinearProgress\n          sx={{\n            position: 'sticky',\n            top: 0,\n            margin: 2,\n          }}\n        />\n      )}\n\n      {scenarioWizardStep !== null ? (\n        <ScenarioWizard step={scenarioWizardStep} />\n      ) : (\n        <>\n          <ContentHeader title={t('contentHeader.title')}>\n            <SupportButton />\n          </ContentHeader>\n\n          {isFetching && <Spinner size={80} />}\n\n          <Grid container spacing={4}>\n            {riScs !== null && riScs.length !== 0 && (\n              <Grid\n                item\n                xs={12}\n                sm={6}\n                sx={{\n                  maxWidth: '600px',\n                  minWidth: '300px',\n                }}\n              >\n                <Select\n                  variant=\"standard\"\n                  value={selectedRiSc?.content.title ?? ''}\n                  onChange={e => selectRiSc(e.target.value)}\n                  sx={{ width: '100%' }}\n                >\n                  {riScs.map(riSc => (\n                    <MenuItem key={riSc.id} value={riSc.content.title}>\n                      <ListItemText primary={riSc.content.title} />\n                    </MenuItem>\n                  )) ?? []}\n                </Select>\n              </Grid>\n            )}\n\n            {!isFetching && (\n              <Grid item xs>\n                <Button\n                  startIcon={<AddCircle />}\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={openCreateRiScDialog}\n                  sx={{\n                    minWidth: '205px',\n                  }}\n                >\n                  {t('contentHeader.createNewButton')}\n                </Button>\n              </Grid>\n            )}\n\n            {selectedRiSc && (\n              <>\n                <Grid item xs={12}>\n                  <RiScInfo riSc={selectedRiSc} edit={openEditRiScDialog} />\n                </Grid>\n                <Grid item xs md={7} lg={8}>\n                  <ScenarioTableWrapper riSc={selectedRiSc} />\n                </Grid>\n                <Grid item xs md={5} lg={4}>\n                  <RiskMatrix riSc={selectedRiSc.content} />\n                </Grid>\n              </>\n            )}\n          </Grid>\n        </>\n      )}\n\n      {riScDialogState !== RiScDialogStates.Closed && (\n        <RiScDialog onClose={closeRiScDialog} dialogState={riScDialogState} />\n      )}\n\n      {!scenarioWizardStep && <ScenarioDrawer />}\n    </>\n  );\n};\n"],"names":["Select"],"mappings":"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"}
+{"version":3,"file":"RiScPlugin.esm.js","sources":["../../../src/components/riScPlugin/RiScPlugin.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { ContentHeader, SupportButton } from '@backstage/core-components';\nimport { useSearchParams } from 'react-router-dom';\nimport { ScenarioWizard } from '../scenarioWizard/ScenarioWizard';\nimport { ScenarioDrawer } from '../scenarioDrawer/ScenarioDrawer';\nimport { RiskMatrix } from '../riskMatrix/RiskMatrix';\nimport Alert from '@mui/material/Alert';\nimport Button from '@mui/material/Button';\nimport Grid from '@mui/material/Grid';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport Typography from '@mui/material/Typography';\nimport { getAlertSeverity } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiScDialog, RiScDialogStates } from '../riScDialog/RiScDialog';\nimport { RiScInfo } from '../riScInfo/RiScInfo';\nimport AddCircle from '@mui/icons-material/AddCircle';\nimport { Spinner } from '../common/Spinner';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport Select from '@mui/material/Select';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { ScenarioWizardSteps } from '../../contexts/ScenarioContext';\nimport { ScenarioTableWrapper } from '../scenarioTable/ScenarioTable';\n\nexport const RiScPlugin = () => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [riScDialogState, setRiScDialogState] = useState<RiScDialogStates>(\n    RiScDialogStates.Closed,\n  );\n\n  const openCreateRiScDialog = () =>\n    setRiScDialogState(RiScDialogStates.Create);\n  const openEditRiScDialog = () => setRiScDialogState(RiScDialogStates.Edit);\n  const closeRiScDialog = () => setRiScDialogState(RiScDialogStates.Closed);\n\n  const {\n    selectedRiSc,\n    riScs,\n    selectRiSc,\n    isFetching,\n    resetResponse,\n    resetRiScStatus,\n    response,\n    riScUpdateStatus,\n  } = useRiScs();\n\n  const [searchParams] = useSearchParams();\n  const scenarioWizardStep = searchParams.get(\n    'step',\n  ) as ScenarioWizardSteps | null;\n\n  useEffect(() => {\n    if (scenarioWizardStep !== null) {\n      resetRiScStatus();\n      resetResponse();\n    }\n  }, [resetRiScStatus, resetResponse, scenarioWizardStep]);\n\n  return (\n    <>\n      {response && !riScUpdateStatus.isLoading && (\n        <Alert\n          severity={getAlertSeverity(riScUpdateStatus)}\n          sx={{ marginBottom: 2 }}\n        >\n          <Typography>{response.statusMessage}</Typography>\n        </Alert>\n      )}\n      {riScUpdateStatus.isLoading && (\n        <LinearProgress\n          sx={{\n            position: 'sticky',\n            top: 0,\n            margin: 2,\n          }}\n        />\n      )}\n\n      {scenarioWizardStep !== null ? (\n        <ScenarioWizard step={scenarioWizardStep} />\n      ) : (\n        <>\n          <ContentHeader title={t('contentHeader.title')}>\n            <SupportButton />\n          </ContentHeader>\n\n          {isFetching && <Spinner size={80} />}\n\n          <Grid container spacing={4}>\n            {riScs !== null && riScs.length !== 0 && (\n              <Grid\n                item\n                xs={12}\n                sm={6}\n                sx={{\n                  maxWidth: '600px',\n                  minWidth: '300px',\n                }}\n              >\n                <Select\n                  variant=\"standard\"\n                  value={selectedRiSc?.content.title ?? ''}\n                  onChange={e => selectRiSc(e.target.value)}\n                  sx={{ width: '100%' }}\n                >\n                  {riScs.map(riSc => (\n                    <MenuItem key={riSc.id} value={riSc.content.title}>\n                      <ListItemText primary={riSc.content.title} />\n                    </MenuItem>\n                  )) ?? []}\n                </Select>\n              </Grid>\n            )}\n\n            {!isFetching && (\n              <Grid item xs>\n                <Button\n                  startIcon={<AddCircle />}\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={openCreateRiScDialog}\n                  sx={{\n                    minWidth: '205px',\n                  }}\n                >\n                  {t('contentHeader.createNewButton')}\n                </Button>\n              </Grid>\n            )}\n\n            {selectedRiSc && (\n              <>\n                <Grid item xs={12}>\n                  <RiScInfo riSc={selectedRiSc} edit={openEditRiScDialog} />\n                </Grid>\n                <Grid item xs md={7} lg={8}>\n                  <ScenarioTableWrapper riSc={selectedRiSc} />\n                </Grid>\n                <Grid item xs md={5} lg={4}>\n                  <RiskMatrix riSc={selectedRiSc.content} />\n                </Grid>\n              </>\n            )}\n          </Grid>\n        </>\n      )}\n\n      {riScDialogState !== RiScDialogStates.Closed && (\n        <RiScDialog onClose={closeRiScDialog} dialogState={riScDialogState} />\n      )}\n\n      {!scenarioWizardStep && <ScenarioDrawer />}\n    </>\n  );\n};\n"],"names":["Select"],"mappings":"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"}