@kartverket/backstage-plugin-risk-scorecard 3.3.4 → 3.5.0

package/dist/PluginRoot.esm.js

@@ -6,6 +6,8 @@ import { RiScPlugin } from './components/riScPlugin/RiScPlugin.esm.js';
 import { ScenarioProvider } from './contexts/ScenarioContext.esm.js';
 import { riScRouteRef, scenarioRouteRef } from './routes.esm.js';
 import { RiScProvider } from './contexts/RiScContext.esm.js';
+import '@backstage/ui/css/styles.css';
+import 'remixicon/fonts/remixicon.css';
 
 const emotionInsertionPoint = document.createElement("meta");
 emotionInsertionPoint.setAttribute("name", "emotion-insertion-point");

package/dist/PluginRoot.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PluginRoot.esm.js","sources":["../src/PluginRoot.tsx"],"sourcesContent":["import { Route, Routes } from 'react-router-dom';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { RiScPlugin } from './components/riScPlugin/RiScPlugin';\nimport { ScenarioProvider } from './contexts/ScenarioContext';\nimport { riScRouteRef, scenarioRouteRef } from './routes';\nimport { RiScProvider } from './contexts/RiScContext';\n\nconst emotionInsertionPoint = document.createElement('meta');\nemotionInsertionPoint.setAttribute('name', 'emotion-insertion-point');\ndocument.querySelector('head')?.appendChild(emotionInsertionPoint);\n\nconst cache = createCache({\n  key: 'css',\n  insertionPoint: emotionInsertionPoint,\n});\n\nfunction ProvidedPlugin() {\n  return (\n    <CacheProvider value={cache}>\n      <RiScProvider>\n        <ScenarioProvider>\n          <RiScPlugin />\n        </ScenarioProvider>\n      </RiScProvider>\n    </CacheProvider>\n  );\n}\n\nexport function PluginRoot() {\n  return (\n    <Routes>\n      <Route path=\"/\" element={<ProvidedPlugin />} />\n      <Route path={riScRouteRef.path} element={<ProvidedPlugin />} />\n      <Route path={scenarioRouteRef.path} element={<ProvidedPlugin />} />\n    </Routes>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAQA,MAAM,qBAAA,GAAwB,QAAS,CAAA,aAAA,CAAc,MAAM,CAAA;AAC3D,qBAAsB,CAAA,YAAA,CAAa,QAAQ,yBAAyB,CAAA;AACpE,QAAA,CAAS,aAAc,CAAA,MAAM,CAAG,EAAA,WAAA,CAAY,qBAAqB,CAAA;AAEjE,MAAM,QAAQ,WAAY,CAAA;AAAA,EACxB,GAAK,EAAA,KAAA;AAAA,EACL,cAAgB,EAAA;AAClB,CAAC,CAAA;AAED,SAAS,cAAiB,GAAA;AACxB,EAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,KAAA,EACpB,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,CACd,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;AAEO,SAAS,UAAa,GAAA;AAC3B,EAAA,4BACG,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7C,GAAA,CAAC,SAAM,IAAM,EAAA,YAAA,CAAa,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7D,GAAA,CAAC,SAAM,IAAM,EAAA,gBAAA,CAAiB,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA;AAAA,GACnE,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PluginRoot.esm.js","sources":["../src/PluginRoot.tsx"],"sourcesContent":["import { Route, Routes } from 'react-router-dom';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { RiScPlugin } from './components/riScPlugin/RiScPlugin';\nimport { ScenarioProvider } from './contexts/ScenarioContext';\nimport { riScRouteRef, scenarioRouteRef } from './routes';\nimport { RiScProvider } from './contexts/RiScContext';\nimport '@backstage/ui/css/styles.css';\nimport 'remixicon/fonts/remixicon.css';\n\nconst emotionInsertionPoint = document.createElement('meta');\nemotionInsertionPoint.setAttribute('name', 'emotion-insertion-point');\ndocument.querySelector('head')?.appendChild(emotionInsertionPoint);\n\nconst cache = createCache({\n  key: 'css',\n  insertionPoint: emotionInsertionPoint,\n});\n\nfunction ProvidedPlugin() {\n  return (\n    <CacheProvider value={cache}>\n      <RiScProvider>\n        <ScenarioProvider>\n          <RiScPlugin />\n        </ScenarioProvider>\n      </RiScProvider>\n    </CacheProvider>\n  );\n}\n\nexport function PluginRoot() {\n  return (\n    <Routes>\n      <Route path=\"/\" element={<ProvidedPlugin />} />\n      <Route path={riScRouteRef.path} element={<ProvidedPlugin />} />\n      <Route path={scenarioRouteRef.path} element={<ProvidedPlugin />} />\n    </Routes>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAUA,MAAM,qBAAA,GAAwB,QAAS,CAAA,aAAA,CAAc,MAAM,CAAA;AAC3D,qBAAsB,CAAA,YAAA,CAAa,QAAQ,yBAAyB,CAAA;AACpE,QAAA,CAAS,aAAc,CAAA,MAAM,CAAG,EAAA,WAAA,CAAY,qBAAqB,CAAA;AAEjE,MAAM,QAAQ,WAAY,CAAA;AAAA,EACxB,GAAK,EAAA,KAAA;AAAA,EACL,cAAgB,EAAA;AAClB,CAAC,CAAA;AAED,SAAS,cAAiB,GAAA;AACxB,EAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,KAAA,EACpB,QAAC,kBAAA,GAAA,CAAA,YAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,CACd,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;AAEO,SAAS,UAAa,GAAA;AAC3B,EAAA,4BACG,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7C,GAAA,CAAC,SAAM,IAAM,EAAA,YAAA,CAAa,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7D,GAAA,CAAC,SAAM,IAAM,EAAA,gBAAA,CAAiB,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA;AAAA,GACnE,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/riScDialog/EditEncryptionButton.esm.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { Button } from '@backstage/ui';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import { useRiScs } from '../../contexts/RiScContext.esm.js';
+
+function EditEncryptionButton({
+  onEditEncryption
+}) {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  const { selectedRiSc } = useRiScs();
+  if (!selectedRiSc) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "secondary",
+      iconStart: /* @__PURE__ */ jsx("i", { className: "ri-settings-2-line" }),
+      onClick: onEditEncryption,
+      children: t("contentHeader.editEncryption")
+    }
+  );
+}
+
+export { EditEncryptionButton };
+//# sourceMappingURL=EditEncryptionButton.esm.js.map

package/dist/components/riScDialog/EditEncryptionButton.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditEncryptionButton.esm.js","sources":["../../../src/components/riScDialog/EditEncryptionButton.tsx"],"sourcesContent":["import { Button } from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiScs } from '../../contexts/RiScContext';\n\nexport function EditEncryptionButton({\n  onEditEncryption,\n}: {\n  onEditEncryption: () => void;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { selectedRiSc } = useRiScs();\n\n  if (!selectedRiSc) {\n    return null;\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      iconStart={<i className=\"ri-settings-2-line\" />}\n      onClick={onEditEncryption}\n    >\n      {t('contentHeader.editEncryption')}\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,oBAAqB,CAAA;AAAA,EACnC;AACF,CAEG,EAAA;AACD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,QAAS,EAAA;AAElC,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,SAAW,kBAAA,GAAA,CAAC,GAAE,EAAA,EAAA,SAAA,EAAU,oBAAqB,EAAA,CAAA;AAAA,MAC7C,OAAS,EAAA,gBAAA;AAAA,MAER,YAAE,8BAA8B;AAAA;AAAA,GACnC;AAEJ;;;;"}

package/dist/components/riScDialog/RiScDialog.esm.js

@@ -15,6 +15,7 @@ import Box from '@mui/material/Box';
 import { Stepper, Step, StepLabel } from '@mui/material';
 import ConfigEncryptionDialog from './ConfigEncryptionDialog.esm.js';
 import ConfigRiscInfo from './ConfigRiscInfo.esm.js';
+import { Delete } from '@material-ui/icons';
 
 var RiScDialogStates = /* @__PURE__ */ ((RiScDialogStates2) => {
   RiScDialogStates2[RiScDialogStates2["Closed"] = 0] = "Closed";
@@ -40,7 +41,11 @@ function RiScStepper({
     children
   ] });
 }
-function RiScDialog({ onClose, dialogState }) {
+function RiScDialog({
+  onClose,
+  dialogState,
+  onDelete
+}) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const { selectedRiSc, createNewRiSc, deleteRiSc, updateRiSc, gcpCryptoKeys } = useRiScs();
   const {
@@ -169,7 +174,7 @@ function RiScDialog({ onClose, dialogState }) {
   }
   if (dialogState === 2 /* EditRiscInfo */) {
     return /* @__PURE__ */ jsxs(Dialog, { open: true, onClose, children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: t("rosDialog.titleEdit") }),
+      /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexDirection: "column" }, children: t("rosDialog.titleEdit") }) }),
       /* @__PURE__ */ jsx(
         DialogContent,
         {
@@ -189,6 +194,20 @@ function RiScDialog({ onClose, dialogState }) {
         }
       ),
       /* @__PURE__ */ jsxs(DialogActions, { sx: dialogActions, children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            startIcon: /* @__PURE__ */ jsx(Delete, {}),
+            variant: "text",
+            color: "error",
+            onClick: onDelete,
+            sx: {
+              position: "absolute",
+              left: 16
+            },
+            children: t("contentHeader.deleteButton")
+          }
+        ),
         /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: onClose, children: t("dictionary.cancel") }),
         /* @__PURE__ */ jsx(Button, { variant: "contained", onClick: handleFinish, children: t("dictionary.save") })
       ] })

package/dist/components/riScDialog/RiScDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { emptyRiSc, isDeeplyEqual } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { useForm } from 'react-hook-form';\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 { dialogActions } from '../common/mixins';\nimport Box from '@mui/material/Box';\nimport { Step, StepLabel, Stepper } from '@mui/material';\nimport ConfigEncryptionDialog from './ConfigEncryptionDialog';\nimport ConfigRiscInfo from './ConfigRiscInfo';\n\nexport enum RiScDialogStates {\n  Closed = 0,\n  Create = 1,\n  EditRiscInfo = 2,\n  EditEncryption = 3,\n  Delete = 4,\n}\n\ninterface RiScDialogProps {\n  onClose: () => void;\n  dialogState: RiScDialogStates;\n}\n\nexport enum CreateRiScFrom {\n  Scratch = 0,\n  Default = 1,\n}\n\nfunction RiScStepper({\n  children,\n  activeStep,\n}: {\n  children: React.ReactNode;\n  activeStep: number;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const steps = [t('rosDialog.stepRiscDetails'), t('rosDialog.stepEncryption')];\n  return (\n    <Box sx={{ width: '100%', p: 2 }}>\n      <Stepper activeStep={activeStep}>\n        {steps.map(label => (\n          <Step key={label}>\n            <StepLabel>{label}</StepLabel>\n          </Step>\n        ))}\n      </Stepper>\n      {children}\n    </Box>\n  );\n}\n\nexport function RiScDialog({ onClose, dialogState }: RiScDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { selectedRiSc, createNewRiSc, deleteRiSc, updateRiSc, gcpCryptoKeys } =\n    useRiScs();\n\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n    setValue,\n  } = useForm<RiScWithMetadata>({\n    defaultValues:\n      dialogState === RiScDialogStates.EditRiscInfo ||\n      dialogState === RiScDialogStates.EditEncryption\n        ? selectedRiSc!\n        : {\n            content: emptyRiSc(),\n            sopsConfig: {\n              shamir_threshold: 2,\n            },\n          },\n    mode: 'onBlur',\n  });\n\n  const [activeStep, setActiveStep] = useState(0);\n\n  const [createRiScFrom, setCreateRiScFrom] = useState<CreateRiScFrom>(\n    CreateRiScFrom.Scratch,\n  );\n  const handleChangeCreateRiScFrom = () => {\n    if (createRiScFrom === CreateRiScFrom.Scratch) {\n      setCreateRiScFrom(CreateRiScFrom.Default);\n    } else {\n      setCreateRiScFrom(CreateRiScFrom.Scratch);\n    }\n  };\n\n  const handleNext = handleSubmit(\n    () => {\n      if (activeStep === 0) {\n        setActiveStep(1);\n      }\n    },\n    // Continue to step 1 even if there are errors, as long as there are no errors in step 0 (the content)\n    validationErrors => {\n      if (activeStep === 0 && validationErrors.content === undefined) {\n        setActiveStep(1);\n      }\n    },\n  );\n\n  function handleBack() {\n    if (activeStep === 1) {\n      setActiveStep(0);\n    }\n  }\n\n  const handleFinish = handleSubmit((data: RiScWithMetadata) => {\n    if (dialogState === RiScDialogStates.Create) {\n      createNewRiSc(data, createRiScFrom === CreateRiScFrom.Default);\n    } else if (dialogState === RiScDialogStates.Delete) {\n      deleteRiSc();\n    } else {\n      // Do manual comparison of contents, as the sopsConfig field contains many values from the backend that are not\n      // used or set by the frontend.\n      // Check if the additional Age keys are equal, using the single important field, `recipient`\n      const areAgeKeysEqual = isDeeplyEqual(\n        data.sopsConfig.age?.map(age => age.recipient).sort(),\n        selectedRiSc?.sopsConfig.age?.map(age => age.recipient).sort(),\n      );\n\n      // Check if the GCP keys are equal, using the two important fields, `resource_id` and `created_at`.\n      // Comparison uses dictionaries, where resource ids are keys and created at dates are values\n      const areGCPKeysEqual = isDeeplyEqual(\n        Object.fromEntries(\n          data.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n        Object.fromEntries(\n          selectedRiSc?.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n      );\n\n      // Only update the risc if it has changed\n      if (\n        !isDeeplyEqual(data, selectedRiSc, ['sopsConfig']) ||\n        !areGCPKeysEqual ||\n        !areAgeKeysEqual\n      ) {\n        updateRiSc(data);\n      }\n    }\n    onClose();\n  });\n\n  if (dialogState === RiScDialogStates.Create) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.titleNew')}</DialogTitle>\n        <RiScStepper activeStep={activeStep}>\n          <DialogContent\n            sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n          >\n            {activeStep === 0 && (\n              <ConfigRiscInfo\n                dialogState={dialogState}\n                createRiScFrom={createRiScFrom}\n                handleChangeCreateRiScFrom={handleChangeCreateRiScFrom}\n                register={register}\n                errors={errors}\n                setValue={setValue}\n                watch={watch}\n              />\n            )}\n            {activeStep === 1 && (\n              <ConfigEncryptionDialog\n                gcpCryptoKeys={gcpCryptoKeys}\n                setValue={setValue}\n                state={dialogState}\n                register={register}\n                errors={errors}\n              />\n            )}\n          </DialogContent>\n        </RiScStepper>\n        <DialogActions sx={dialogActions}>\n          {activeStep > 0 && (\n            <Button variant=\"outlined\" onClick={handleBack}>\n              {t('dictionary.previous')}\n            </Button>\n          )}\n          <Button variant=\"outlined\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          {activeStep < 1 ? (\n            <Button variant=\"contained\" onClick={handleNext}>\n              {t('dictionary.next')}\n            </Button>\n          ) : (\n            <Button variant=\"contained\" onClick={handleFinish}>\n              {t('dictionary.save')}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.Delete) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('deleteDialog.title')}</DialogTitle>\n        <DialogContent>\n          <DialogContent>{t('deleteDialog.confirmationMessage')}</DialogContent>\n        </DialogContent>\n        <DialogActions>\n          <Button variant=\"outlined\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button variant=\"contained\" onClick={handleFinish}>\n            {t('dictionary.delete')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditRiscInfo) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.titleEdit')}</DialogTitle>\n        <DialogContent\n          sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n        >\n          <ConfigRiscInfo\n            dialogState={dialogState}\n            createRiScFrom={createRiScFrom}\n            handleChangeCreateRiScFrom={handleChangeCreateRiScFrom}\n            register={register}\n            errors={errors}\n            setValue={setValue}\n            watch={watch}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button variant=\"outlined\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button variant=\"contained\" onClick={handleFinish}>\n            {t('dictionary.save')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditEncryption) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.editEncryption')}</DialogTitle>\n        <DialogContent\n          sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n        >\n          <ConfigEncryptionDialog\n            gcpCryptoKeys={gcpCryptoKeys}\n            sopsData={selectedRiSc?.sopsConfig}\n            setValue={setValue}\n            state={dialogState}\n            register={register}\n            errors={errors}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button variant=\"outlined\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button variant=\"contained\" onClick={handleFinish}>\n            {t('dictionary.save')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return null;\n}\n"],"names":["RiScDialogStates","CreateRiScFrom"],"mappings":"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"}
+{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { emptyRiSc, isDeeplyEqual } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { useForm } from 'react-hook-form';\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 { dialogActions } from '../common/mixins';\nimport Box from '@mui/material/Box';\nimport { Step, StepLabel, Stepper } from '@mui/material';\nimport ConfigEncryptionDialog from './ConfigEncryptionDialog';\nimport ConfigRiscInfo from './ConfigRiscInfo';\nimport { Delete as DeleteIcon } from '@material-ui/icons';\n\nexport enum RiScDialogStates {\n  Closed = 0,\n  Create = 1,\n  EditRiscInfo = 2,\n  EditEncryption = 3,\n  Delete = 4,\n}\n\ninterface RiScDialogProps {\n  onClose: () => void;\n  dialogState: RiScDialogStates;\n  onDelete: () => void;\n}\n\nexport enum CreateRiScFrom {\n  Scratch = 0,\n  Default = 1,\n}\n\nfunction RiScStepper({\n  children,\n  activeStep,\n}: {\n  children: React.ReactNode;\n  activeStep: number;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const steps = [t('rosDialog.stepRiscDetails'), t('rosDialog.stepEncryption')];\n  return (\n    <Box sx={{ width: '100%', p: 2 }}>\n      <Stepper activeStep={activeStep}>\n        {steps.map(label => (\n          <Step key={label}>\n            <StepLabel>{label}</StepLabel>\n          </Step>\n        ))}\n      </Stepper>\n      {children}\n    </Box>\n  );\n}\n\nexport function RiScDialog({\n  onClose,\n  dialogState,\n  onDelete,\n}: RiScDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { selectedRiSc, createNewRiSc, deleteRiSc, updateRiSc, gcpCryptoKeys } =\n    useRiScs();\n\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n    setValue,\n  } = useForm<RiScWithMetadata>({\n    defaultValues:\n      dialogState === RiScDialogStates.EditRiscInfo ||\n      dialogState === RiScDialogStates.EditEncryption\n        ? selectedRiSc!\n        : {\n            content: emptyRiSc(),\n            sopsConfig: {\n              shamir_threshold: 2,\n            },\n          },\n    mode: 'onBlur',\n  });\n\n  const [activeStep, setActiveStep] = useState(0);\n\n  const [createRiScFrom, setCreateRiScFrom] = useState<CreateRiScFrom>(\n    CreateRiScFrom.Scratch,\n  );\n  const handleChangeCreateRiScFrom = () => {\n    if (createRiScFrom === CreateRiScFrom.Scratch) {\n      setCreateRiScFrom(CreateRiScFrom.Default);\n    } else {\n      setCreateRiScFrom(CreateRiScFrom.Scratch);\n    }\n  };\n\n  const handleNext = handleSubmit(\n    () => {\n      if (activeStep === 0) {\n        setActiveStep(1);\n      }\n    },\n    // Continue to step 1 even if there are errors, as long as there are no errors in step 0 (the content)\n    validationErrors => {\n      if (activeStep === 0 && validationErrors.content === undefined) {\n        setActiveStep(1);\n      }\n    },\n  );\n\n  function handleBack() {\n    if (activeStep === 1) {\n      setActiveStep(0);\n    }\n  }\n\n  const handleFinish = handleSubmit((data: RiScWithMetadata) => {\n    if (dialogState === RiScDialogStates.Create) {\n      createNewRiSc(data, createRiScFrom === CreateRiScFrom.Default);\n    } else if (dialogState === RiScDialogStates.Delete) {\n      deleteRiSc();\n    } else {\n      // Do manual comparison of contents, as the sopsConfig field contains many values from the backend that are not\n      // used or set by the frontend.\n      // Check if the additional Age keys are equal, using the single important field, `recipient`\n      const areAgeKeysEqual = isDeeplyEqual(\n        data.sopsConfig.age?.map(age => age.recipient).sort(),\n        selectedRiSc?.sopsConfig.age?.map(age => age.recipient).sort(),\n      );\n\n      // Check if the GCP keys are equal, using the two important fields, `resource_id` and `created_at`.\n      // Comparison uses dictionaries, where resource ids are keys and created at dates are values\n      const areGCPKeysEqual = isDeeplyEqual(\n        Object.fromEntries(\n          data.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n        Object.fromEntries(\n          selectedRiSc?.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n      );\n\n      // Only update the risc if it has changed\n      if (\n        !isDeeplyEqual(data, selectedRiSc, ['sopsConfig']) ||\n        !areGCPKeysEqual ||\n        !areAgeKeysEqual\n      ) {\n        updateRiSc(data);\n      }\n    }\n    onClose();\n  });\n\n  if (dialogState === RiScDialogStates.Create) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.titleNew')}</DialogTitle>\n        <RiScStepper activeStep={activeStep}>\n          <DialogContent\n            sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n          >\n            {activeStep === 0 && (\n              <ConfigRiscInfo\n                dialogState={dialogState}\n                createRiScFrom={createRiScFrom}\n                handleChangeCreateRiScFrom={handleChangeCreateRiScFrom}\n                register={register}\n                errors={errors}\n                setValue={setValue}\n                watch={watch}\n              />\n            )}\n            {activeStep === 1 && (\n              <ConfigEncryptionDialog\n                gcpCryptoKeys={gcpCryptoKeys}\n                setValue={setValue}\n                state={dialogState}\n                register={register}\n                errors={errors}\n              />\n            )}\n          </DialogContent>\n        </RiScStepper>\n        <DialogActions sx={dialogActions}>\n          {activeStep > 0 && (\n            <Button variant=\"outlined\" onClick={handleBack}>\n              {t('dictionary.previous')}\n            </Button>\n          )}\n          <Button variant=\"outlined\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          {activeStep < 1 ? (\n            <Button variant=\"contained\" onClick={handleNext}>\n              {t('dictionary.next')}\n            </Button>\n          ) : (\n            <Button variant=\"contained\" onClick={handleFinish}>\n              {t('dictionary.save')}\n            </Button>\n          )}\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.Delete) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('deleteDialog.title')}</DialogTitle>\n        <DialogContent>\n          <DialogContent>{t('deleteDialog.confirmationMessage')}</DialogContent>\n        </DialogContent>\n        <DialogActions>\n          <Button variant=\"outlined\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button variant=\"contained\" onClick={handleFinish}>\n            {t('dictionary.delete')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditRiscInfo) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>\n          <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n            {t('rosDialog.titleEdit')}\n          </Box>\n        </DialogTitle>\n        <DialogContent\n          sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n        >\n          <ConfigRiscInfo\n            dialogState={dialogState}\n            createRiScFrom={createRiScFrom}\n            handleChangeCreateRiScFrom={handleChangeCreateRiScFrom}\n            register={register}\n            errors={errors}\n            setValue={setValue}\n            watch={watch}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button\n            startIcon={<DeleteIcon />}\n            variant=\"text\"\n            color=\"error\"\n            onClick={onDelete}\n            sx={{\n              position: 'absolute',\n              left: 16,\n            }}\n          >\n            {t('contentHeader.deleteButton')}\n          </Button>\n          <Button variant=\"outlined\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button variant=\"contained\" onClick={handleFinish}>\n            {t('dictionary.save')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditEncryption) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.editEncryption')}</DialogTitle>\n        <DialogContent\n          sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n        >\n          <ConfigEncryptionDialog\n            gcpCryptoKeys={gcpCryptoKeys}\n            sopsData={selectedRiSc?.sopsConfig}\n            setValue={setValue}\n            state={dialogState}\n            register={register}\n            errors={errors}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button variant=\"outlined\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button variant=\"contained\" onClick={handleFinish}>\n            {t('dictionary.save')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return null;\n}\n"],"names":["RiScDialogStates","CreateRiScFrom","DeleteIcon"],"mappings":"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"}

package/dist/components/riScDialog/SupportDialog.esm.js

@@ -0,0 +1,116 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Button, Card, CardHeader, Flex, Text } from '@backstage/ui';
+import { Dialog, DialogTitle, DialogContent } from '@material-ui/core';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import { Link } from '@mui/material';
+
+function SupportDialog() {
+  const [open, setOpen] = useState(false);
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: () => setOpen(true),
+        variant: "secondary",
+        iconStart: /* @__PURE__ */ jsx("i", { className: "ri-question-line" }),
+        children: t("supportDialog.title")
+      }
+    ),
+    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), fullWidth: true, children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("supportDialog.title") }),
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "8px",
+            marginBottom: "8px"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              SupportEntry,
+              {
+                label: t("supportDialog.entries.documentation.title"),
+                url: "https://skip.kartverket.no/docs",
+                icon: /* @__PURE__ */ jsx(
+                  "i",
+                  {
+                    className: "ri-article-line",
+                    style: { fontSize: "x-large" }
+                  }
+                ),
+                description: t("supportDialog.entries.documentation.description")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SupportEntry,
+              {
+                label: t("supportDialog.entries.slackChannel.title"),
+                url: "https://kartverketgroup.slack.com/archives/C028ZEED280",
+                icon: /* @__PURE__ */ jsx("i", { className: "ri-slack-fill", style: { fontSize: "x-large" } }),
+                description: t("supportDialog.entries.slackChannel.description")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SupportEntry,
+              {
+                label: t("supportDialog.entries.riscFeedbackChannel.title"),
+                url: "https://kartverketgroup.slack.com/archives/C075KCPTURY",
+                icon: /* @__PURE__ */ jsx("i", { className: "ri-slack-fill", style: { fontSize: "x-large" } }),
+                description: t(
+                  "supportDialog.entries.riscFeedbackChannel.description"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SupportEntry,
+              {
+                label: t("supportDialog.entries.riscDocumentation.title"),
+                url: "https://kartverket.atlassian.net/wiki/spaces/SIK/pages/1176142023/Koden+r+RoS",
+                icon: /* @__PURE__ */ jsx(
+                  "i",
+                  {
+                    className: "ri-article-line",
+                    style: { fontSize: "x-large" }
+                  }
+                ),
+                description: t(
+                  "supportDialog.entries.riscDocumentation.description"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SupportEntry,
+              {
+                label: t(
+                  "supportDialog.entries.securityMetricsFeedbackChannel.title"
+                ),
+                url: "https://kartverketgroup.slack.com/archives/C07RNB2LPUZ",
+                icon: /* @__PURE__ */ jsx("i", { className: "ri-slack-fill", style: { fontSize: "x-large" } }),
+                description: t(
+                  "supportDialog.entries.securityMetricsFeedbackChannel.description"
+                )
+              }
+            )
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+function SupportEntry(props) {
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+    props.icon,
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "0", children: [
+      /* @__PURE__ */ jsx(Text, { weight: "bold", children: props.label }),
+      /* @__PURE__ */ jsx(Link, { href: props.url, target: "_blank", children: props.description })
+    ] })
+  ] }) }) });
+}
+
+export { SupportDialog };
+//# sourceMappingURL=SupportDialog.esm.js.map

package/dist/components/riScDialog/SupportDialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportDialog.esm.js","sources":["../../../src/components/riScDialog/SupportDialog.tsx"],"sourcesContent":["import { ReactElement, useState } from 'react';\nimport { Button, Card, CardHeader, Flex, Text } from '@backstage/ui';\nimport { Dialog, DialogContent, DialogTitle } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { Link } from '@mui/material';\n\nexport function SupportDialog() {\n  const [open, setOpen] = useState(false);\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <>\n      <Button\n        onClick={() => setOpen(true)}\n        variant=\"secondary\"\n        iconStart={<i className=\"ri-question-line\" />}\n      >\n        {t('supportDialog.title')}\n      </Button>\n      <Dialog open={open} onClose={() => setOpen(false)} fullWidth>\n        <DialogTitle>{t('supportDialog.title')}</DialogTitle>\n        <DialogContent>\n          <div\n            style={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '8px',\n              marginBottom: '8px',\n            }}\n          >\n            <SupportEntry\n              label={t('supportDialog.entries.documentation.title')}\n              url=\"https://skip.kartverket.no/docs\"\n              icon={\n                <i\n                  className=\"ri-article-line\"\n                  style={{ fontSize: 'x-large' }}\n                />\n              }\n              description={t('supportDialog.entries.documentation.description')}\n            />\n            <SupportEntry\n              label={t('supportDialog.entries.slackChannel.title')}\n              url=\"https://kartverketgroup.slack.com/archives/C028ZEED280\"\n              icon={\n                <i className=\"ri-slack-fill\" style={{ fontSize: 'x-large' }} />\n              }\n              description={t('supportDialog.entries.slackChannel.description')}\n            />\n            <SupportEntry\n              label={t('supportDialog.entries.riscFeedbackChannel.title')}\n              url=\"https://kartverketgroup.slack.com/archives/C075KCPTURY\"\n              icon={\n                <i className=\"ri-slack-fill\" style={{ fontSize: 'x-large' }} />\n              }\n              description={t(\n                'supportDialog.entries.riscFeedbackChannel.description',\n              )}\n            />\n            <SupportEntry\n              label={t('supportDialog.entries.riscDocumentation.title')}\n              url=\"https://kartverket.atlassian.net/wiki/spaces/SIK/pages/1176142023/Koden+r+RoS\"\n              icon={\n                <i\n                  className=\"ri-article-line\"\n                  style={{ fontSize: 'x-large' }}\n                />\n              }\n              description={t(\n                'supportDialog.entries.riscDocumentation.description',\n              )}\n            />\n            <SupportEntry\n              label={t(\n                'supportDialog.entries.securityMetricsFeedbackChannel.title',\n              )}\n              url=\"https://kartverketgroup.slack.com/archives/C07RNB2LPUZ\"\n              icon={\n                <i className=\"ri-slack-fill\" style={{ fontSize: 'x-large' }} />\n              }\n              description={t(\n                'supportDialog.entries.securityMetricsFeedbackChannel.description',\n              )}\n            />\n          </div>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n\ntype SupportEntryProps = {\n  label: string;\n  url: string;\n  description: string;\n  icon: ReactElement;\n};\n\nfunction SupportEntry(props: SupportEntryProps) {\n  return (\n    <Card>\n      <CardHeader>\n        <Flex align=\"center\">\n          {props.icon}\n          <Flex direction=\"column\" gap=\"0\">\n            <Text weight=\"bold\">{props.label}</Text>\n            <Link href={props.url} target=\"_blank\">\n              {props.description}\n            </Link>\n          </Flex>\n        </Flex>\n      </CardHeader>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/riScHeader/RiScHeader.esm.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Flex, Text } from '@backstage/ui';
+import { EditEncryptionButton } from '../riScDialog/EditEncryptionButton.esm.js';
+import { SupportDialog } from '../riScDialog/SupportDialog.esm.js';
+import { FeedbackDialog } from '../riScPlugin/FeedbackDialog.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+
+function RiScHeader(props) {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  return /* @__PURE__ */ jsx("header", { style: { position: "relative" }, children: /* @__PURE__ */ jsxs(Flex, { justify: "between", align: "center", style: { marginBottom: "16px" }, children: [
+    /* @__PURE__ */ jsx(Text, { variant: "title-medium", weight: "bold", children: t("contentHeader.title") }),
+    /* @__PURE__ */ jsxs(Flex, { children: [
+      /* @__PURE__ */ jsx(EditEncryptionButton, { onEditEncryption: props.onEditEncryption }),
+      /* @__PURE__ */ jsx(SupportDialog, {}),
+      /* @__PURE__ */ jsx(FeedbackDialog, {})
+    ] })
+  ] }) });
+}
+
+export { RiScHeader };
+//# sourceMappingURL=RiScHeader.esm.js.map

package/dist/components/riScHeader/RiScHeader.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RiScHeader.esm.js","sources":["../../../src/components/riScHeader/RiScHeader.tsx"],"sourcesContent":["import { Flex, Text } from '@backstage/ui';\nimport { EditEncryptionButton } from '../riScDialog/EditEncryptionButton.tsx';\nimport { SupportDialog } from '../riScDialog/SupportDialog.tsx';\nimport { FeedbackDialog } from '../riScPlugin/FeedbackDialog.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\n\ntype RiScHeaderProps = {\n  onEditEncryption: () => void;\n};\n\nexport function RiScHeader(props: RiScHeaderProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  return (\n    <header style={{ position: 'relative' }}>\n      <Flex justify=\"between\" align=\"center\" style={{ marginBottom: '16px' }}>\n        <Text variant=\"title-medium\" weight=\"bold\">\n          {t('contentHeader.title')}\n        </Text>\n        <Flex>\n          <EditEncryptionButton onEditEncryption={props.onEditEncryption} />\n          <SupportDialog />\n          <FeedbackDialog />\n        </Flex>\n      </Flex>\n    </header>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAWO,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,2BACG,QAAO,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,YACzB,EAAA,QAAA,kBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,WAAU,KAAM,EAAA,QAAA,EAAS,OAAO,EAAE,YAAA,EAAc,QAC5D,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAK,OAAQ,EAAA,cAAA,EAAe,QAAO,MACjC,EAAA,QAAA,EAAA,CAAA,CAAE,qBAAqB,CAC1B,EAAA,CAAA;AAAA,yBACC,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,oBAAA,EAAA,EAAqB,gBAAkB,EAAA,KAAA,CAAM,gBAAkB,EAAA,CAAA;AAAA,0BAC/D,aAAc,EAAA,EAAA,CAAA;AAAA,0BACd,cAAe,EAAA,EAAA;AAAA,KAClB,EAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/RiScInfo.esm.js

@@ -7,8 +7,14 @@ import { InfoCard } from '@backstage/core-components';
 import EditButton from '../common/EditButton.esm.js';
 import { useRiScs } from '../../contexts/RiScContext.esm.js';
 import { Markdown } from '../common/Markdown.esm.js';
+import AddCircle from '@mui/icons-material/AddCircle';
+import Button from '@mui/material/Button';
 
-function RiScInfo({ riScWithMetadata, edit }) {
+function RiScInfo({
+  riScWithMetadata,
+  edit,
+  onCreateNew
+}) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const { approveRiSc, riScs, selectedRiSc, selectRiSc } = useRiScs();
   return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
@@ -25,12 +31,38 @@ function RiScInfo({ riScWithMetadata, edit }) {
         },
         children: /* @__PURE__ */ jsxs(InfoCard, { children: [
           /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: riScs !== null && riScs.length !== 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              Typography,
+            /* @__PURE__ */ jsxs(
+              Box,
               {
-                variant: "h6",
-                style: { fontSize: 16, marginBottom: 1 },
-                children: t("contentHeader.multipleRiScs")
+                sx: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  mb: 1
+                },
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      variant: "h6",
+                      style: { fontSize: 16, marginBottom: 1 },
+                      children: t("contentHeader.multipleRiScs")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      startIcon: /* @__PURE__ */ jsx(AddCircle, {}),
+                      variant: "text",
+                      color: "success",
+                      onClick: onCreateNew,
+                      sx: {
+                        alignItems: "right"
+                      },
+                      children: t("contentHeader.createNewButton")
+                    }
+                  )
+                ]
               }
             ),
             /* @__PURE__ */ jsx(
@@ -39,6 +71,7 @@ function RiScInfo({ riScWithMetadata, edit }) {
                 variant: "standard",
                 value: selectedRiSc?.id ?? "",
                 onChange: (e) => selectRiSc(e.target.value),
+                style: { width: "100%" },
                 children: riScs.map((riSc) => /* @__PURE__ */ jsx(MenuItem, { value: riSc.id, children: /* @__PURE__ */ jsx(ListItemText, { primary: riSc.content.title }) }, riSc.id)) ?? []
               }
             )

package/dist/components/riScInfo/RiScInfo.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScInfo.esm.js","sources":["../../../src/components/riScInfo/RiScInfo.tsx"],"sourcesContent":["import { RiScWithMetadata } from '../../utils/types';\nimport {\n  Box,\n  Grid,\n  Typography,\n  Select,\n  MenuItem,\n  ListItemText,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { RiScStatusComponent } from './riScStatus/RiScStatusComponent';\nimport { InfoCard } from '@backstage/core-components';\nimport EditButton from '../common/EditButton';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { Markdown } from '../common/Markdown';\n\ninterface RiScInfoProps {\n  riScWithMetadata: RiScWithMetadata;\n  edit: () => void;\n}\n\nexport function RiScInfo({ riScWithMetadata, edit }: RiScInfoProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { approveRiSc, riScs, selectedRiSc, selectRiSc } = useRiScs();\n\n  return (\n    <Grid container>\n      <Grid\n        item\n        xs={12}\n        sm={6}\n        md={6}\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n      >\n        <InfoCard>\n          <Box sx={{ mb: 2 }}>\n            {riScs !== null && riScs.length !== 0 && (\n              <>\n                <Typography\n                  variant=\"h6\"\n                  style={{ fontSize: 16, marginBottom: 1 }}\n                >\n                  {t('contentHeader.multipleRiScs')}\n                </Typography>\n                <Select\n                  variant=\"standard\"\n                  value={selectedRiSc?.id ?? ''}\n                  onChange={e => selectRiSc(e.target.value as string)}\n                >\n                  {riScs.map(riSc => (\n                    <MenuItem key={riSc.id} value={riSc.id}>\n                      <ListItemText primary={riSc.content.title} />\n                    </MenuItem>\n                  )) ?? []}\n                </Select>\n              </>\n            )}\n          </Box>\n          <Box\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n            }}\n          >\n            <Typography variant=\"h5\">\n              {riScWithMetadata.content.title}\n            </Typography>\n            <EditButton onClick={edit} />\n          </Box>\n          <Markdown description={riScWithMetadata.content.scope} />\n        </InfoCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={6}>\n        <RiScStatusComponent\n          selectedRiSc={riScWithMetadata}\n          publishRiScFn={approveRiSc}\n        />\n      </Grid>\n    </Grid>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAsBO,SAAS,QAAS,CAAA,EAAE,gBAAkB,EAAA,IAAA,EAAuB,EAAA;AAClE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,EAAE,WAAa,EAAA,KAAA,EAAO,YAAc,EAAA,UAAA,KAAe,QAAS,EAAA;AAElE,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAA,IAAA;AAAA,QACJ,EAAI,EAAA,EAAA;AAAA,QACJ,EAAI,EAAA,CAAA;AAAA,QACJ,EAAI,EAAA,CAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA;AAAA,SACjB;AAAA,QAEA,+BAAC,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,EAAI,EAAA,CAAA,EACZ,EAAA,QAAA,EAAA,KAAA,KAAU,IAAQ,IAAA,KAAA,CAAM,MAAW,KAAA,CAAA,oBAEhC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,IAAA;AAAA,gBACR,KAAO,EAAA,EAAE,QAAU,EAAA,EAAA,EAAI,cAAc,CAAE,EAAA;AAAA,gBAEtC,YAAE,6BAA6B;AAAA;AAAA,aAClC;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,UAAA;AAAA,gBACR,KAAA,EAAO,cAAc,EAAM,IAAA,EAAA;AAAA,gBAC3B,QAAU,EAAA,CAAA,CAAA,KAAK,UAAW,CAAA,CAAA,CAAE,OAAO,KAAe,CAAA;AAAA,gBAEjD,gBAAM,GAAI,CAAA,CAAA,IAAA,yBACR,QAAuB,EAAA,EAAA,KAAA,EAAO,KAAK,EAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,gBAAa,OAAS,EAAA,IAAA,CAAK,QAAQ,KAAO,EAAA,CAAA,EAAA,EAD9B,KAAK,EAEpB,CACD,KAAK;AAAC;AAAA;AACT,WAAA,EACF,CAEJ,EAAA,CAAA;AAAA,0BACA,IAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA;AAAA,gBACL,OAAS,EAAA,MAAA;AAAA,gBACT,UAAY,EAAA,QAAA;AAAA,gBACZ,cAAgB,EAAA;AAAA,eAClB;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,gBAAA,CAAiB,QAAQ,KAC5B,EAAA,CAAA;AAAA,gCACA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAS,IAAM,EAAA;AAAA;AAAA;AAAA,WAC7B;AAAA,0BACC,GAAA,CAAA,QAAA,EAAA,EAAS,WAAa,EAAA,gBAAA,CAAiB,QAAQ,KAAO,EAAA;AAAA,SACzD,EAAA;AAAA;AAAA,KACF;AAAA,oBACA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,YAAc,EAAA,gBAAA;AAAA,QACd,aAAe,EAAA;AAAA;AAAA,KAEnB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RiScInfo.esm.js","sources":["../../../src/components/riScInfo/RiScInfo.tsx"],"sourcesContent":["import { RiScWithMetadata } from '../../utils/types';\nimport {\n  Box,\n  Grid,\n  Typography,\n  Select,\n  MenuItem,\n  ListItemText,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { RiScStatusComponent } from './riScStatus/RiScStatusComponent';\nimport { InfoCard } from '@backstage/core-components';\nimport EditButton from '../common/EditButton';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { Markdown } from '../common/Markdown';\nimport AddCircle from '@mui/icons-material/AddCircle';\nimport Button from '@mui/material/Button';\n\ninterface RiScInfoProps {\n  riScWithMetadata: RiScWithMetadata;\n  edit: () => void;\n  onCreateNew: () => void;\n}\n\nexport function RiScInfo({\n  riScWithMetadata,\n  edit,\n  onCreateNew,\n}: RiScInfoProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { approveRiSc, riScs, selectedRiSc, selectRiSc } = useRiScs();\n\n  return (\n    <Grid container>\n      <Grid\n        item\n        xs={12}\n        sm={6}\n        md={6}\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n      >\n        <InfoCard>\n          <Box sx={{ mb: 2 }}>\n            {riScs !== null && riScs.length !== 0 && (\n              <>\n                <Box\n                  sx={{\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                    mb: 1,\n                  }}\n                >\n                  <Typography\n                    variant=\"h6\"\n                    style={{ fontSize: 16, marginBottom: 1 }}\n                  >\n                    {t('contentHeader.multipleRiScs')}\n                  </Typography>\n                  <Button\n                    startIcon={<AddCircle />}\n                    variant=\"text\"\n                    color=\"success\"\n                    onClick={onCreateNew}\n                    sx={{\n                      alignItems: 'right',\n                    }}\n                  >\n                    {t('contentHeader.createNewButton')}\n                  </Button>\n                </Box>\n                <Select\n                  variant=\"standard\"\n                  value={selectedRiSc?.id ?? ''}\n                  onChange={e => selectRiSc(e.target.value as string)}\n                  style={{ width: '100%' }}\n                >\n                  {riScs.map(riSc => (\n                    <MenuItem key={riSc.id} value={riSc.id}>\n                      <ListItemText primary={riSc.content.title} />\n                    </MenuItem>\n                  )) ?? []}\n                </Select>\n              </>\n            )}\n          </Box>\n          <Box\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n            }}\n          >\n            <Typography variant=\"h5\">\n              {riScWithMetadata.content.title}\n            </Typography>\n            <EditButton onClick={edit} />\n          </Box>\n          <Markdown description={riScWithMetadata.content.scope} />\n        </InfoCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={6}>\n        <RiScStatusComponent\n          selectedRiSc={riScWithMetadata}\n          publishRiScFn={approveRiSc}\n        />\n      </Grid>\n    </Grid>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Button, Dialog, DialogTitle, DialogContent, TextField, DialogActions } from '@mui/material/';
+import { Dialog, DialogTitle, DialogContent, TextField, DialogActions } from '@mui/material/';
+import { Button } from '@backstage/ui';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
 import { useState } from 'react';
 import { dialogActions } from '../common/mixins.esm.js';
-import { AddComment } from '@material-ui/icons';
 import { useAuthenticatedFetch } from '../../utils/hooks.esm.js';
 import Alert from '@mui/material/Alert';
 
@@ -25,9 +25,8 @@ function FeedbackDialog() {
     /* @__PURE__ */ jsx(
       Button,
       {
-        variant: "text",
-        startIcon: /* @__PURE__ */ jsx(AddComment, {}),
-        color: "primary",
+        variant: "secondary",
+        iconStart: /* @__PURE__ */ jsx("i", { className: "ri-feedback-line" }),
         onClick: () => setOpen(true),
         children: t("feedbackDialog.feedbackButton")
       }
@@ -51,8 +50,8 @@ function FeedbackDialog() {
         feedbackError && /* @__PURE__ */ jsx(Alert, { severity: "error", sx: { mt: 2 }, children: feedbackError }),
         feedbackSent && /* @__PURE__ */ jsx(Alert, { severity: "success", sx: { mt: 2 }, children: t("feedbackDialog.confirmationMessage") })
       ] }) }),
-      /* @__PURE__ */ jsx(DialogActions, { sx: dialogActions, children: feedbackSent ? /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outlined", children: t("dictionary.close") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outlined", children: t("dictionary.cancel") }),
+      /* @__PURE__ */ jsx(DialogActions, { sx: dialogActions, children: feedbackSent ? /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "secondary", children: t("dictionary.close") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "secondary", children: t("dictionary.cancel") }),
         /* @__PURE__ */ jsx(
           Button,
           {
@@ -64,8 +63,8 @@ function FeedbackDialog() {
                 setFeedbackError(t("feedbackDialog.errorMessage"));
               }
             },
-            disabled: !feedbackText.trim(),
-            variant: "contained",
+            isDisabled: !feedbackText.trim(),
+            variant: "primary",
             children: t("feedbackDialog.sendButton")
           }
         )

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackDialog.esm.js","sources":["../../../src/components/riScPlugin/FeedbackDialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  TextField,\n  Button,\n} from '@mui/material/';\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useState } from 'react';\nimport { dialogActions } from '../common/mixins.ts';\nimport { AddComment } from '@material-ui/icons';\nimport { useAuthenticatedFetch } from '../../utils/hooks.ts';\nimport Alert from '@mui/material/Alert';\n\nexport function FeedbackDialog() {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { postFeedback } = useAuthenticatedFetch();\n\n  const [open, setOpen] = useState(false);\n  const [feedbackText, setFeedbackText] = useState('');\n  const [feedbackSent, setFeedbackSent] = useState(false);\n  const [feedbackError, setFeedbackError] = useState<string | null>(null);\n\n  const onClose = () => {\n    setOpen(false);\n    setFeedbackText('');\n    setFeedbackSent(false);\n    setFeedbackError(null);\n  };\n\n  return (\n    <>\n      <Button\n        variant=\"text\"\n        startIcon={<AddComment />}\n        color=\"primary\"\n        onClick={() => setOpen(true)}\n      >\n        {t('feedbackDialog.feedbackButton')}\n      </Button>\n\n      <Dialog open={open} onClose={onClose} fullWidth>\n        <DialogTitle>{t('feedbackDialog.title')}</DialogTitle>\n        <DialogContent>\n          <>\n            <TextField\n              margin=\"dense\"\n              label={t('feedbackDialog.description')}\n              fullWidth\n              multiline\n              minRows={4}\n              value={feedbackText}\n              onChange={e => setFeedbackText(e.target.value)}\n              disabled={feedbackSent}\n            />\n            {feedbackError && (\n              <Alert severity=\"error\" sx={{ mt: 2 }}>\n                {feedbackError}\n              </Alert>\n            )}\n            {feedbackSent && (\n              <Alert severity=\"success\" sx={{ mt: 2 }}>\n                {t('feedbackDialog.confirmationMessage')}\n              </Alert>\n            )}\n          </>\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          {feedbackSent ? (\n            <Button onClick={onClose} variant=\"outlined\">\n              {t('dictionary.close')}\n            </Button>\n          ) : (\n            <>\n              <Button onClick={onClose} variant=\"outlined\">\n                {t('dictionary.cancel')}\n              </Button>\n              <Button\n                onClick={async () => {\n                  try {\n                    await postFeedback(feedbackText);\n                    setFeedbackSent(true);\n                  } catch (error: any) {\n                    setFeedbackError(t('feedbackDialog.errorMessage'));\n                  }\n                }}\n                disabled={!feedbackText.trim()}\n                variant=\"contained\"\n              >\n                {t('feedbackDialog.sendButton')}\n              </Button>\n            </>\n          )}\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FeedbackDialog.esm.js","sources":["../../../src/components/riScPlugin/FeedbackDialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  TextField,\n} from '@mui/material/';\n\nimport { Button } from '@backstage/ui';\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useState } from 'react';\nimport { dialogActions } from '../common/mixins.ts';\nimport { useAuthenticatedFetch } from '../../utils/hooks.ts';\nimport Alert from '@mui/material/Alert';\n\nexport function FeedbackDialog() {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { postFeedback } = useAuthenticatedFetch();\n\n  const [open, setOpen] = useState(false);\n  const [feedbackText, setFeedbackText] = useState('');\n  const [feedbackSent, setFeedbackSent] = useState(false);\n  const [feedbackError, setFeedbackError] = useState<string | null>(null);\n\n  const onClose = () => {\n    setOpen(false);\n    setFeedbackText('');\n    setFeedbackSent(false);\n    setFeedbackError(null);\n  };\n\n  return (\n    <>\n      <Button\n        variant=\"secondary\"\n        iconStart={<i className=\"ri-feedback-line\" />}\n        onClick={() => setOpen(true)}\n      >\n        {t('feedbackDialog.feedbackButton')}\n      </Button>\n\n      <Dialog open={open} onClose={onClose} fullWidth>\n        <DialogTitle>{t('feedbackDialog.title')}</DialogTitle>\n        <DialogContent>\n          <>\n            <TextField\n              margin=\"dense\"\n              label={t('feedbackDialog.description')}\n              fullWidth\n              multiline\n              minRows={4}\n              value={feedbackText}\n              onChange={e => setFeedbackText(e.target.value)}\n              disabled={feedbackSent}\n            />\n            {feedbackError && (\n              <Alert severity=\"error\" sx={{ mt: 2 }}>\n                {feedbackError}\n              </Alert>\n            )}\n            {feedbackSent && (\n              <Alert severity=\"success\" sx={{ mt: 2 }}>\n                {t('feedbackDialog.confirmationMessage')}\n              </Alert>\n            )}\n          </>\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          {feedbackSent ? (\n            <Button onClick={onClose} variant=\"secondary\">\n              {t('dictionary.close')}\n            </Button>\n          ) : (\n            <>\n              <Button onClick={onClose} variant=\"secondary\">\n                {t('dictionary.cancel')}\n              </Button>\n              <Button\n                onClick={async () => {\n                  try {\n                    await postFeedback(feedbackText);\n                    setFeedbackSent(true);\n                  } catch (error: any) {\n                    setFeedbackError(t('feedbackDialog.errorMessage'));\n                  }\n                }}\n                isDisabled={!feedbackText.trim()}\n                variant=\"primary\"\n              >\n                {t('feedbackDialog.sendButton')}\n              </Button>\n            </>\n          )}\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}