@kartverket/backstage-plugin-risk-scorecard 2.1.6 → 3.0.0

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

@@ -0,0 +1,180 @@
+import { Box, DialogContentText, Accordion, AccordionSummary, AccordionDetails, FormLabel, List, ListItem, ListItemText, ListItemSecondaryAction, IconButton, Typography, Link, TextField, Button } from '@mui/material';
+import { GcpCryptoKeyMenu } from '../sopsConfigDialog/GcpCryptoKeyMenu.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import { ExpandMore, AddCircle } from '@mui/icons-material';
+import DeleteIcon from '@mui/icons-material/Delete';
+import React__default, { useState, useEffect } from 'react';
+import { RiScDialogStates } from './RiScDialog.esm.js';
+import { isPublicAgeKeyValid } from '../../utils/utilityfunctions.esm.js';
+
+const ConfigEncryptionDialog = ({
+  gcpCryptoKeys,
+  sopsData,
+  setValue,
+  state
+}) => {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  const [publicAgeKeyHelperText, setPublicKeyTextFieldHelperText] = useState("");
+  const [publicAgeKeyError, setPublicKeyTextFieldError] = useState(false);
+  const [newPublicAgeKey, setNewPublicAgeKey] = useState("");
+  const [publicAgeKeys, setPublicAgeKeys] = useState(() => {
+    if (sopsData?.key_groups) {
+      return sopsData.key_groups.flatMap((group) => group.age || []).map((age) => age.recipient).filter(
+        (key) => key !== "age18e0t6ve0vdxqzzjt7rxf0r6vzc37fhs5cad2qz40r02c3spzgvvq8uxz23"
+      ).filter(
+        (key) => key !== "age145s860ux96jvx6d7nwvzar588qjmgv5p47sp6nmmt2jnmhqh4scqcuk0mg"
+      ).filter(
+        (key) => key !== "age1kjpgclkjev08aa8l2uy277gn0cngrkrkazt240405ezqywkm5axqt3d3tq"
+      );
+    }
+    return [];
+  });
+  const [chosenGcpCryptoKey, setChosenGcpCryptoKey] = useState(() => {
+    if (state === RiScDialogStates.EditEncryption && sopsData?.key_groups) {
+      const gcpKms = sopsData.key_groups.find((keygroup) => keygroup.gcp_kms)?.gcp_kms?.[0];
+      if (gcpKms?.resource_id) {
+        const resourceParts = gcpKms.resource_id.split("/");
+        if (resourceParts.length === 8) {
+          return {
+            projectId: resourceParts[1],
+            keyRing: resourceParts[5],
+            keyName: resourceParts[7],
+            locations: resourceParts[3],
+            resourceId: gcpKms.resource_id,
+            createdAt: gcpKms.created_at,
+            hasEncryptDecryptAccess: true
+          };
+        }
+      }
+    }
+    return gcpCryptoKeys[0];
+  });
+  useEffect(() => {
+    setValue("sopsConfig", {
+      shamir_threshold: 2,
+      key_groups: [
+        {
+          gcp_kms: [
+            {
+              resource_id: chosenGcpCryptoKey.resourceId,
+              created_at: chosenGcpCryptoKey.createdAt
+            }
+          ]
+        },
+        ...publicAgeKeys.length > 0 ? [
+          {
+            age: publicAgeKeys.map((key) => ({
+              recipient: key
+            }))
+          }
+        ] : []
+      ]
+    });
+  }, [chosenGcpCryptoKey, publicAgeKeys, setValue]);
+  const handleChangeGcpCryptoKey = (newKey) => {
+    setChosenGcpCryptoKey(newKey);
+  };
+  const handleAddPublicAgeKey = () => {
+    if (isPublicAgeKeyValid(newPublicAgeKey)) {
+      if (publicAgeKeys.includes(newPublicAgeKey)) {
+        setPublicKeyTextFieldHelperText(
+          t("sopsConfigDialog.publicKeyHelperTextKeyAlreadyExistInSopsConfig")
+        );
+        setPublicKeyTextFieldError(true);
+      } else {
+        setPublicAgeKeys([...publicAgeKeys, newPublicAgeKey]);
+        setNewPublicAgeKey("");
+      }
+    } else {
+      setPublicKeyTextFieldHelperText(
+        t("sopsConfigDialog.publicKeyHelperTextKeyNotValid")
+      );
+      setPublicKeyTextFieldError(true);
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(Box, { sx: { display: "flex", flexDirection: "column", gap: "16px" } }, /* @__PURE__ */ React__default.createElement(DialogContentText, null, state === RiScDialogStates.Create ? t("sopsConfigDialog.description.new") : t("sopsConfigDialog.description.edit")), t("sopsConfigDialog.selectKeysTitle"), t("sopsConfigDialog.gcpCryptoKeyDescription"), /* @__PURE__ */ React__default.createElement(
+    GcpCryptoKeyMenu,
+    {
+      chosenGcpCryptoKey,
+      onChange: handleChangeGcpCryptoKey,
+      gcpCryptoKeys
+    }
+  ), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Accordion, { elevation: 1, defaultExpanded: publicAgeKeys.length > 0 }, /* @__PURE__ */ React__default.createElement(
+    AccordionSummary,
+    {
+      expandIcon: /* @__PURE__ */ React__default.createElement(ExpandMore, null),
+      "aria-controls": "panel1-content",
+      id: "panel1-header"
+    },
+    t("sopsConfigDialog.publicAgeKeyQuestion")
+  ), /* @__PURE__ */ React__default.createElement(AccordionDetails, null, /* @__PURE__ */ React__default.createElement(Box, null, publicAgeKeys.length > 0 && /* @__PURE__ */ React__default.createElement(FormLabel, null, t("sopsConfigDialog.publicAgeKeysAlreadyPresent")), /* @__PURE__ */ React__default.createElement(List, null, publicAgeKeys.map((key) => /* @__PURE__ */ React__default.createElement(ListItem, { key, dense: true }, /* @__PURE__ */ React__default.createElement(ListItemText, null, key), /* @__PURE__ */ React__default.createElement(ListItemSecondaryAction, null, /* @__PURE__ */ React__default.createElement(
+    IconButton,
+    {
+      onClick: () => {
+        setPublicAgeKeys(
+          publicAgeKeys.filter((k) => k !== key)
+        );
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(DeleteIcon, null)
+  ))))), /* @__PURE__ */ React__default.createElement(Typography, null, t("dictionary.click"), " ", /* @__PURE__ */ React__default.createElement(
+    Link,
+    {
+      href: "https://kartverket.atlassian.net/wiki/spaces/SIK/pages/1472528509/Skrive+koden+r+RoS+lokalt",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      color: "primary",
+      underline: "hover"
+    },
+    t("dictionary.here")
+  ), " ", t("sopsConfigDialog.writeLocalRiscSuffix")), /* @__PURE__ */ React__default.createElement(Typography, null, `${t("sopsConfigDialog.publicAgeKeyDescription")} (${t(
+    "dictionary.optional"
+  )})`), /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "space-between",
+        gap: 2
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      TextField,
+      {
+        label: t("sopsConfigDialog.publicAgeKey"),
+        helperText: publicAgeKeyHelperText,
+        error: publicAgeKeyError,
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            handleAddPublicAgeKey();
+          }
+        },
+        onFocus: () => {
+          setPublicKeyTextFieldError(false);
+          setPublicKeyTextFieldHelperText("");
+        },
+        value: newPublicAgeKey,
+        onChange: (e) => setNewPublicAgeKey(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        startIcon: /* @__PURE__ */ React__default.createElement(AddCircle, null),
+        variant: "text",
+        color: "primary",
+        onClick: handleAddPublicAgeKey,
+        sx: {
+          maxWidth: 200,
+          mt: 1
+        }
+      },
+      t("sopsConfigDialog.addPublicAgeKey")
+    )
+  ))))));
+};
+
+export { ConfigEncryptionDialog as default };
+//# sourceMappingURL=ConfigEncryptionDialog.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigEncryptionDialog.esm.js","sources":["../../../src/components/riScDialog/ConfigEncryptionDialog.tsx"],"sourcesContent":["import {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Box,\n  Button,\n  DialogContentText,\n  FormLabel,\n  IconButton,\n  Link,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport { GcpCryptoKeyMenu } from '../sopsConfigDialog/GcpCryptoKeyMenu';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { AddCircle, ExpandMore } from '@mui/icons-material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { GcpCryptoKeyObject, SopsConfigDTO } from '../../utils/DTOs';\nimport React, { useEffect, useState } from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { UseFormRegister, UseFormSetValue } from 'react-hook-form';\nimport { RiScDialogStates } from './RiScDialog';\nimport { isPublicAgeKeyValid } from '../../utils/utilityfunctions';\n\ninterface ConfigEncryptionDialogProps {\n  gcpCryptoKeys: GcpCryptoKeyObject[];\n  sopsData?: SopsConfigDTO;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  register: UseFormRegister<RiScWithMetadata>;\n  state: RiScDialogStates;\n}\n\nconst ConfigEncryptionDialog = ({\n  gcpCryptoKeys,\n  sopsData,\n  setValue,\n  state,\n}: ConfigEncryptionDialogProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [publicAgeKeyHelperText, setPublicKeyTextFieldHelperText] =\n    useState('');\n  const [publicAgeKeyError, setPublicKeyTextFieldError] = useState(false);\n  const [newPublicAgeKey, setNewPublicAgeKey] = useState('');\n  const [publicAgeKeys, setPublicAgeKeys] = useState<string[]>(() => {\n    if (sopsData?.key_groups) {\n      return sopsData.key_groups\n        .flatMap(group => group.age || [])\n        .map(age => age.recipient)\n        .filter(\n          key =>\n            key !==\n            'age18e0t6ve0vdxqzzjt7rxf0r6vzc37fhs5cad2qz40r02c3spzgvvq8uxz23',\n        )\n        .filter(\n          key =>\n            key !==\n            'age145s860ux96jvx6d7nwvzar588qjmgv5p47sp6nmmt2jnmhqh4scqcuk0mg',\n        )\n        .filter(\n          key =>\n            key !==\n            'age1kjpgclkjev08aa8l2uy277gn0cngrkrkazt240405ezqywkm5axqt3d3tq',\n        );\n    }\n    return [];\n  });\n\n  const [chosenGcpCryptoKey, setChosenGcpCryptoKey] =\n    useState<GcpCryptoKeyObject>(() => {\n      if (state === RiScDialogStates.EditEncryption && sopsData?.key_groups) {\n        const gcpKms = sopsData.key_groups.find(keygroup => keygroup.gcp_kms)\n          ?.gcp_kms?.[0];\n        if (gcpKms?.resource_id) {\n          const resourceParts = gcpKms.resource_id.split('/');\n          if (resourceParts.length === 8) {\n            return {\n              projectId: resourceParts[1],\n              keyRing: resourceParts[5],\n              keyName: resourceParts[7],\n              locations: resourceParts[3],\n              resourceId: gcpKms.resource_id,\n              createdAt: gcpKms.created_at,\n              hasEncryptDecryptAccess: true,\n            };\n          }\n        }\n      }\n      return gcpCryptoKeys[0];\n    });\n\n  useEffect(() => {\n    setValue('sopsConfig', {\n      shamir_threshold: 2,\n      key_groups: [\n        {\n          gcp_kms: [\n            {\n              resource_id: chosenGcpCryptoKey.resourceId,\n              created_at: chosenGcpCryptoKey.createdAt,\n            },\n          ],\n        },\n        ...(publicAgeKeys.length > 0\n          ? [\n              {\n                age: publicAgeKeys.map(key => ({\n                  recipient: key,\n                })),\n              },\n            ]\n          : []),\n      ],\n    });\n  }, [chosenGcpCryptoKey, publicAgeKeys, setValue]);\n\n  const handleChangeGcpCryptoKey = (newKey: GcpCryptoKeyObject) => {\n    setChosenGcpCryptoKey(newKey);\n  };\n\n  const handleAddPublicAgeKey = () => {\n    if (isPublicAgeKeyValid(newPublicAgeKey)) {\n      if (publicAgeKeys.includes(newPublicAgeKey)) {\n        setPublicKeyTextFieldHelperText(\n          t('sopsConfigDialog.publicKeyHelperTextKeyAlreadyExistInSopsConfig'),\n        );\n        setPublicKeyTextFieldError(true);\n      } else {\n        setPublicAgeKeys([...publicAgeKeys, newPublicAgeKey]);\n        setNewPublicAgeKey('');\n      }\n    } else {\n      setPublicKeyTextFieldHelperText(\n        t('sopsConfigDialog.publicKeyHelperTextKeyNotValid'),\n      );\n      setPublicKeyTextFieldError(true);\n    }\n  };\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n      <DialogContentText>\n        {state === RiScDialogStates.Create\n          ? t('sopsConfigDialog.description.new')\n          : t('sopsConfigDialog.description.edit')}\n      </DialogContentText>\n      {t('sopsConfigDialog.selectKeysTitle')}\n      {t('sopsConfigDialog.gcpCryptoKeyDescription')}\n\n      <GcpCryptoKeyMenu\n        chosenGcpCryptoKey={chosenGcpCryptoKey}\n        onChange={handleChangeGcpCryptoKey}\n        gcpCryptoKeys={gcpCryptoKeys}\n      />\n      <Box>\n        <Accordion elevation={1} defaultExpanded={publicAgeKeys.length > 0}>\n          <AccordionSummary\n            expandIcon={<ExpandMore />}\n            aria-controls=\"panel1-content\"\n            id=\"panel1-header\"\n          >\n            {t('sopsConfigDialog.publicAgeKeyQuestion')}\n          </AccordionSummary>\n          <AccordionDetails>\n            <Box>\n              {publicAgeKeys.length > 0 && (\n                <FormLabel>\n                  {t('sopsConfigDialog.publicAgeKeysAlreadyPresent')}\n                </FormLabel>\n              )}\n              <List>\n                {publicAgeKeys.map(key => (\n                  <ListItem key={key} dense>\n                    <ListItemText>{key}</ListItemText>\n                    <ListItemSecondaryAction>\n                      <IconButton\n                        onClick={() => {\n                          setPublicAgeKeys(\n                            publicAgeKeys.filter(k => k !== key),\n                          );\n                        }}\n                      >\n                        <DeleteIcon />\n                      </IconButton>\n                    </ListItemSecondaryAction>\n                  </ListItem>\n                ))}\n              </List>\n              <Typography>\n                {t('dictionary.click')}{' '}\n                <Link\n                  href=\"https://kartverket.atlassian.net/wiki/spaces/SIK/pages/1472528509/Skrive+koden+r+RoS+lokalt\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  color=\"primary\"\n                  underline=\"hover\"\n                >\n                  {t('dictionary.here')}\n                </Link>{' '}\n                {t('sopsConfigDialog.writeLocalRiscSuffix')}\n              </Typography>\n              <Typography>\n                {`${t('sopsConfigDialog.publicAgeKeyDescription')} (${t(\n                  'dictionary.optional',\n                )})`}\n              </Typography>\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexDirection: 'column',\n                  alignItems: 'space-between',\n                  gap: 2,\n                }}\n              >\n                <TextField\n                  label={t('sopsConfigDialog.publicAgeKey')}\n                  helperText={publicAgeKeyHelperText}\n                  error={publicAgeKeyError}\n                  onKeyDown={e => {\n                    if (e.key === 'Enter') {\n                      handleAddPublicAgeKey();\n                    }\n                  }}\n                  onFocus={() => {\n                    setPublicKeyTextFieldError(false);\n                    setPublicKeyTextFieldHelperText('');\n                  }}\n                  value={newPublicAgeKey}\n                  onChange={e => setNewPublicAgeKey(e.target.value)}\n                />\n                <Button\n                  startIcon={<AddCircle />}\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={handleAddPublicAgeKey}\n                  sx={{\n                    maxWidth: 200,\n                    mt: 1,\n                  }}\n                >\n                  {t('sopsConfigDialog.addPublicAgeKey')}\n                </Button>\n              </Box>\n            </Box>\n          </AccordionDetails>\n        </Accordion>\n      </Box>\n    </Box>\n  );\n};\n\nexport default ConfigEncryptionDialog;\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,68 @@
+import { Input } from '../common/Input.esm.js';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Switch from '@mui/material/Switch';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import Typography from '@mui/material/Typography';
+import React__default from 'react';
+import { DialogContentText } from '@mui/material';
+import { RiScDialogStates, CreateRiScFrom } from './RiScDialog.esm.js';
+import Box from '@mui/material/Box';
+
+const ConfigRiscInfo = ({
+  dialogState,
+  createRiScFrom,
+  handleChangeCreateRiScFrom,
+  register,
+  errors
+}) => {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Input,
+    {
+      required: true,
+      ...register("content.title", { required: true }),
+      error: errors?.content?.title !== void 0,
+      label: t("dictionary.title")
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Input,
+    {
+      required: true,
+      ...register("content.scope", { required: true }),
+      label: t("dictionary.scope"),
+      sublabel: t("rosDialog.scopeDescription"),
+      error: errors?.content?.scope !== void 0,
+      minRows: 4
+    }
+  ), dialogState === RiScDialogStates.Create && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(DialogContentText, null, t("rosDialog.generateInitialDescription")), /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 4
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Typography,
+      {
+        sx: {
+          fontWeight: "bold"
+        }
+      },
+      t("rosDialog.generateInitialToggleDescription")
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      FormControlLabel,
+      {
+        control: /* @__PURE__ */ React__default.createElement(Switch, { onChange: () => handleChangeCreateRiScFrom() }),
+        label: createRiScFrom === CreateRiScFrom.Scratch ? t("dictionary.no") : t("dictionary.yes")
+      }
+    )
+  )));
+};
+
+export { ConfigRiscInfo as default };
+//# sourceMappingURL=ConfigRiscInfo.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigRiscInfo.esm.js","sources":["../../../src/components/riScDialog/ConfigRiscInfo.tsx"],"sourcesContent":["import { Input } from '../common/Input';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Switch from '@mui/material/Switch';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\nimport { DialogContentText } from '@mui/material';\nimport { RiScDialogStates } from './RiScDialog';\nimport Box from '@mui/material/Box';\nimport { CreateRiScFrom } from './RiScDialog';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { FieldErrors } from 'react-hook-form/dist/types/errors';\nimport { UseFormRegister } from 'react-hook-form/dist/types/form';\n\ninterface ConfigRiscInfoProps {\n  dialogState: RiScDialogStates;\n  createRiScFrom: CreateRiScFrom;\n  handleChangeCreateRiScFrom: () => void;\n  register: UseFormRegister<RiScWithMetadata>;\n  errors: FieldErrors<RiScWithMetadata>;\n}\n\nconst ConfigRiscInfo = ({\n  dialogState,\n  createRiScFrom,\n  handleChangeCreateRiScFrom,\n  register,\n  errors,\n}: ConfigRiscInfoProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  return (\n    <>\n      <Input\n        required\n        {...register('content.title', { required: true })}\n        error={errors?.content?.title !== undefined}\n        label={t('dictionary.title')}\n      />\n      <Input\n        required\n        {...register('content.scope', { required: true })}\n        label={t('dictionary.scope')}\n        sublabel={t('rosDialog.scopeDescription')}\n        error={errors?.content?.scope !== undefined}\n        minRows={4}\n      />\n\n      {dialogState === RiScDialogStates.Create && (\n        <div>\n          <DialogContentText>\n            {t('rosDialog.generateInitialDescription')}\n          </DialogContentText>\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: 4,\n            }}\n          >\n            <Typography\n              sx={{\n                fontWeight: 'bold',\n              }}\n            >\n              {t('rosDialog.generateInitialToggleDescription')}\n            </Typography>\n            <FormControlLabel\n              control={<Switch onChange={() => handleChangeCreateRiScFrom()} />}\n              label={\n                createRiScFrom === CreateRiScFrom.Scratch\n                  ? t('dictionary.no')\n                  : t('dictionary.yes')\n              }\n            />\n          </Box>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default ConfigRiscInfo;\n"],"names":["React"],"mappings":";;;;;;;;;;;AAuBA,MAAM,iBAAiB,CAAC;AAAA,EACtB,WAAA;AAAA,EACA,cAAA;AAAA,EACA,0BAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAQ,EAAA,IAAA;AAAA,MACP,GAAG,QAAS,CAAA,eAAA,EAAiB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA,MAChD,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,MAClC,KAAA,EAAO,EAAE,kBAAkB;AAAA;AAAA,GAE7B,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAQ,EAAA,IAAA;AAAA,MACP,GAAG,QAAS,CAAA,eAAA,EAAiB,EAAE,QAAA,EAAU,MAAM,CAAA;AAAA,MAChD,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,MAC3B,QAAA,EAAU,EAAE,4BAA4B,CAAA;AAAA,MACxC,KAAA,EAAO,MAAQ,EAAA,OAAA,EAAS,KAAU,KAAA,MAAA;AAAA,MAClC,OAAS,EAAA;AAAA;AAAA,GACX,EAEC,WAAgB,KAAA,gBAAA,CAAiB,MAChC,oBAAAA,cAAA,CAAA,aAAA,CAAC,KACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBACE,EAAA,IAAA,EAAA,CAAA,CAAE,sCAAsC,CAC3C,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,UAAY,EAAA,QAAA;AAAA,QACZ,GAAK,EAAA;AAAA;AACP,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,UAAY,EAAA;AAAA;AACd,OAAA;AAAA,MAEC,EAAE,4CAA4C;AAAA,KACjD;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,yBAAUA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,QAAU,EAAA,MAAM,4BAA8B,EAAA,CAAA;AAAA,QAC/D,KAAA,EACE,mBAAmB,cAAe,CAAA,OAAA,GAC9B,EAAE,eAAe,CAAA,GACjB,EAAE,gBAAgB;AAAA;AAAA;AAE1B,GAEJ,CAEJ,CAAA;AAEJ;;;;"}

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

@@ -4,37 +4,65 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
 import { useRiScs } from '../../contexts/RiScContext.esm.js';
 import { useForm } from 'react-hook-form';
-import { Input } from '../common/Input.esm.js';
 import Button from '@mui/material/Button';
 import Dialog from '@mui/material/Dialog';
 import DialogContent from '@mui/material/DialogContent';
 import DialogTitle from '@mui/material/DialogTitle';
 import DialogActions from '@mui/material/DialogActions';
 import { dialogActions } from '../common/mixins.esm.js';
-import { DialogContentText } from '@material-ui/core';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Switch from '@mui/material/Switch';
 import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
+import { Stepper, Step, StepLabel } from '@mui/material';
+import ConfigEncryptionDialog from './ConfigEncryptionDialog.esm.js';
+import ConfigRiscInfo from './ConfigRiscInfo.esm.js';
 
 var RiScDialogStates = /* @__PURE__ */ ((RiScDialogStates2) => {
   RiScDialogStates2[RiScDialogStates2["Closed"] = 0] = "Closed";
-  RiScDialogStates2[RiScDialogStates2["Edit"] = 1] = "Edit";
-  RiScDialogStates2[RiScDialogStates2["Create"] = 2] = "Create";
+  RiScDialogStates2[RiScDialogStates2["Create"] = 1] = "Create";
+  RiScDialogStates2[RiScDialogStates2["EditRiscInfo"] = 2] = "EditRiscInfo";
+  RiScDialogStates2[RiScDialogStates2["EditEncryption"] = 3] = "EditEncryption";
   return RiScDialogStates2;
 })(RiScDialogStates || {});
+var CreateRiScFrom = /* @__PURE__ */ ((CreateRiScFrom2) => {
+  CreateRiScFrom2[CreateRiScFrom2["Scratch"] = 0] = "Scratch";
+  CreateRiScFrom2[CreateRiScFrom2["Default"] = 1] = "Default";
+  return CreateRiScFrom2;
+})(CreateRiScFrom || {});
+const RiScStepper = ({
+  children,
+  activeStep
+}) => {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  const steps = [t("rosDialog.stepRiscDetails"), t("rosDialog.stepEncryption")];
+  return /* @__PURE__ */ React__default.createElement(Box, { sx: { width: "100%", p: 2 } }, /* @__PURE__ */ React__default.createElement(Stepper, { activeStep }, steps.map((label) => /* @__PURE__ */ React__default.createElement(Step, { key: label }, /* @__PURE__ */ React__default.createElement(StepLabel, null, label)))), children);
+};
 const RiScDialog = ({ onClose, dialogState }) => {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
-  const { selectedRiSc, createNewRiSc, updateRiSc } = useRiScs();
+  const { selectedRiSc, createNewRiSc, updateRiSc, gcpCryptoKeys } = useRiScs();
   const {
     register,
     handleSubmit,
-    formState: { isDirty, errors }
+    formState: { errors },
+    setValue
   } = useForm({
-    defaultValues: dialogState === 1 /* Edit */ ? selectedRiSc.content : emptyRiSc(),
+    defaultValues: dialogState === 2 /* EditRiscInfo */ || dialogState === 3 /* EditEncryption */ ? selectedRiSc : {
+      content: emptyRiSc(),
+      sopsConfig: {
+        shamir_threshold: 2,
+        key_groups: []
+      }
+    },
     mode: "onBlur"
   });
-  const titleTranslation = dialogState === 2 /* Create */ ? t("rosDialog.titleNew") : t("rosDialog.titleEdit");
+  const [activeStep, setActiveStep] = useState(0);
+  const titleTranslation = (() => {
+    if (dialogState === 1 /* Create */) {
+      return t("rosDialog.titleNew", {});
+    }
+    if (dialogState === 2 /* EditRiscInfo */) {
+      return t("rosDialog.titleEdit", {});
+    }
+    return t("rosDialog.editEncryption", {});
+  })();
   const [createRiScFrom, setCreateRiScFrom] = useState(
     0 /* Scratch */
   );
@@ -45,68 +73,107 @@ const RiScDialog = ({ onClose, dialogState }) => {
       setCreateRiScFrom(0 /* Scratch */);
     }
   };
-  const onSubmit = handleSubmit((data) => {
-    if (dialogState === 2 /* Create */) {
+  const handleNext = handleSubmit(() => {
+    if (activeStep === 0) {
+      setActiveStep(1);
+    }
+  });
+  const handleBack = () => {
+    if (activeStep === 1) {
+      setActiveStep(0);
+    }
+  };
+  const handleFinish = handleSubmit((data) => {
+    if (dialogState === 1 /* Create */) {
       createNewRiSc(data, createRiScFrom === 1 /* Default */);
     } else {
       updateRiSc(data);
     }
     onClose();
   });
-  return /* @__PURE__ */ React__default.createElement(Dialog, { open: dialogState !== 0 /* Closed */, onClose }, /* @__PURE__ */ React__default.createElement(DialogTitle, null, titleTranslation), /* @__PURE__ */ React__default.createElement(
-    DialogContent,
-    {
-      sx: { display: "flex", flexDirection: "column", gap: "16px" }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Input,
-      {
-        required: true,
-        ...register("title", { required: true }),
-        error: errors.title !== void 0,
-        label: t("dictionary.title")
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Input,
-      {
-        required: true,
-        ...register("scope", { required: true }),
-        label: t("dictionary.scope"),
-        sublabel: t("rosDialog.scopeDescription"),
-        error: errors.scope !== void 0,
-        minRows: 4
-      }
-    ),
-    dialogState === 2 /* Create */ && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(DialogContentText, null, t("rosDialog.generateInitialDescription")), /* @__PURE__ */ React__default.createElement(
-      Box,
+  if (dialogState === 1 /* Create */) {
+    return /* @__PURE__ */ React__default.createElement(Dialog, { open: dialogState === 1 /* Create */, onClose }, /* @__PURE__ */ React__default.createElement(DialogTitle, null, titleTranslation), /* @__PURE__ */ React__default.createElement(RiScStepper, { activeStep }, /* @__PURE__ */ React__default.createElement(
+      DialogContent,
       {
-        sx: {
-          display: "flex",
-          flexDirection: "row",
-          alignItems: "center",
-          gap: 4
+        sx: { display: "flex", flexDirection: "column", gap: "16px" }
+      },
+      activeStep === 0 && /* @__PURE__ */ React__default.createElement(
+        ConfigRiscInfo,
+        {
+          dialogState,
+          createRiScFrom,
+          handleChangeCreateRiScFrom,
+          register,
+          errors
+        }
+      ),
+      activeStep === 1 && /* @__PURE__ */ React__default.createElement(
+        ConfigEncryptionDialog,
+        {
+          gcpCryptoKeys,
+          setValue,
+          state: dialogState,
+          register
         }
+      )
+    )), /* @__PURE__ */ React__default.createElement(DialogActions, { sx: dialogActions }, activeStep > 0 && /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", onClick: handleBack }, t("dictionary.previous")), /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", onClick: onClose }, t("dictionary.cancel")), activeStep === 0 ? /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", onClick: handleNext }, t("dictionary.next")) : /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", onClick: handleFinish }, t("dictionary.save"))));
+  }
+  if (dialogState === 2 /* EditRiscInfo */) {
+    return /* @__PURE__ */ React__default.createElement(
+      Dialog,
+      {
+        open: dialogState === 2 /* EditRiscInfo */,
+        onClose
       },
+      /* @__PURE__ */ React__default.createElement(DialogTitle, null, titleTranslation),
       /* @__PURE__ */ React__default.createElement(
-        Typography,
+        DialogContent,
         {
-          sx: {
-            fontWeight: "bold"
-          }
+          sx: { display: "flex", flexDirection: "column", gap: "16px" }
         },
-        t("rosDialog.generateInitialToggleDescription")
+        /* @__PURE__ */ React__default.createElement(
+          ConfigRiscInfo,
+          {
+            dialogState,
+            createRiScFrom,
+            handleChangeCreateRiScFrom,
+            register,
+            errors
+          }
+        )
       ),
+      /* @__PURE__ */ React__default.createElement(DialogActions, { sx: dialogActions }, /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", onClick: onClose }, t("dictionary.cancel")), /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", onClick: handleFinish }, t("dictionary.save")))
+    );
+  }
+  if (dialogState === 3 /* EditEncryption */) {
+    return /* @__PURE__ */ React__default.createElement(
+      Dialog,
+      {
+        open: dialogState === 3 /* EditEncryption */,
+        onClose
+      },
+      /* @__PURE__ */ React__default.createElement(DialogTitle, null, titleTranslation),
       /* @__PURE__ */ React__default.createElement(
-        FormControlLabel,
+        DialogContent,
         {
-          control: /* @__PURE__ */ React__default.createElement(Switch, { onChange: () => handleChangeCreateRiScFrom() }),
-          label: createRiScFrom === 0 /* Scratch */ ? t("dictionary.no") : t("dictionary.yes")
-        }
-      )
-    ))
-  ), /* @__PURE__ */ React__default.createElement(DialogActions, { sx: dialogActions }, /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", onClick: onSubmit, disabled: !isDirty }, t("dictionary.save")), /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", onClick: onClose }, t("dictionary.cancel"))));
+          sx: { display: "flex", flexDirection: "column", gap: "16px" }
+        },
+        /* @__PURE__ */ React__default.createElement(
+          ConfigEncryptionDialog,
+          {
+            gcpCryptoKeys,
+            sopsData: selectedRiSc?.sopsConfig,
+            setValue,
+            state: dialogState,
+            register
+          }
+        )
+      ),
+      /* @__PURE__ */ React__default.createElement(DialogActions, { sx: dialogActions }, /* @__PURE__ */ React__default.createElement(Button, { variant: "outlined", onClick: onClose }, t("dictionary.cancel")), /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", onClick: handleFinish }, t("dictionary.save")))
+    );
+  }
+  return null;
 };
 
-export { RiScDialog, RiScDialogStates };
+export { CreateRiScFrom, RiScDialog, RiScDialogStates };
 //# sourceMappingURL=RiScDialog.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { RiSc } from '../../utils/types';\nimport { emptyRiSc } 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 { Input } from '../common/Input';\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 { DialogContentText } from '@material-ui/core';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Switch from '@mui/material/Switch';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\n\nexport enum RiScDialogStates {\n  Closed,\n  Edit,\n  Create,\n}\n\ninterface RiScDialogProps {\n  onClose: () => void;\n  dialogState: RiScDialogStates;\n}\n\nenum CreateRiScFrom {\n  Scratch,\n  Default,\n}\n\nexport const RiScDialog = ({ onClose, dialogState }: RiScDialogProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { selectedRiSc, createNewRiSc, updateRiSc } = useRiScs();\n\n  const {\n    register,\n    handleSubmit,\n    formState: { isDirty, errors },\n  } = useForm<RiSc>({\n    defaultValues:\n      dialogState === RiScDialogStates.Edit\n        ? selectedRiSc!.content\n        : emptyRiSc(),\n    mode: 'onBlur',\n  });\n\n  const titleTranslation =\n    dialogState === RiScDialogStates.Create\n      ? t('rosDialog.titleNew')\n      : t('rosDialog.titleEdit');\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 onSubmit = handleSubmit((data: RiSc) => {\n    if (dialogState === RiScDialogStates.Create) {\n      createNewRiSc(data, createRiScFrom === CreateRiScFrom.Default);\n    } else {\n      updateRiSc(data);\n    }\n    onClose();\n  });\n\n  return (\n    <Dialog open={dialogState !== RiScDialogStates.Closed} onClose={onClose}>\n      <DialogTitle>{titleTranslation}</DialogTitle>\n\n      <DialogContent\n        sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n      >\n        <Input\n          required\n          {...register('title', { required: true })}\n          error={errors.title !== undefined}\n          label={t('dictionary.title')}\n        />\n        <Input\n          required\n          {...register('scope', { required: true })}\n          label={t('dictionary.scope')}\n          sublabel={t('rosDialog.scopeDescription')}\n          error={errors.scope !== undefined}\n          minRows={4}\n        />\n\n        {dialogState === RiScDialogStates.Create && (\n          <div>\n            <DialogContentText>\n              {t('rosDialog.generateInitialDescription')}\n            </DialogContentText>\n            <Box\n              sx={{\n                display: 'flex',\n                flexDirection: 'row',\n                alignItems: 'center',\n                gap: 4,\n              }}\n            >\n              <Typography\n                sx={{\n                  fontWeight: 'bold',\n                }}\n              >\n                {t('rosDialog.generateInitialToggleDescription')}\n              </Typography>\n              <FormControlLabel\n                control={\n                  <Switch onChange={() => handleChangeCreateRiScFrom()} />\n                }\n                label={\n                  createRiScFrom === CreateRiScFrom.Scratch\n                    ? t('dictionary.no')\n                    : t('dictionary.yes')\n                }\n              />\n            </Box>\n          </div>\n        )}\n      </DialogContent>\n\n      <DialogActions sx={dialogActions}>\n        <Button variant=\"contained\" onClick={onSubmit} disabled={!isDirty}>\n          {t('dictionary.save')}\n        </Button>\n        <Button variant=\"outlined\" onClick={onClose}>\n          {t('dictionary.cancel')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":["RiScDialogStates","React"],"mappings":"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"}
+{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { emptyRiSc } 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,\n  Create,\n  EditRiscInfo,\n  EditEncryption,\n}\n\ninterface RiScDialogProps {\n  onClose: () => void;\n  dialogState: RiScDialogStates;\n}\n\nexport enum CreateRiScFrom {\n  Scratch,\n  Default,\n}\n\nconst 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 const RiScDialog = ({ onClose, dialogState }: RiScDialogProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { selectedRiSc, createNewRiSc, updateRiSc, gcpCryptoKeys } = useRiScs();\n\n  const {\n    register,\n    handleSubmit,\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              key_groups: [],\n            },\n          },\n    mode: 'onBlur',\n  });\n\n  const [activeStep, setActiveStep] = useState(0);\n  const titleTranslation = (() => {\n    if (dialogState === RiScDialogStates.Create) {\n      return t('rosDialog.titleNew', {});\n    }\n    if (dialogState === RiScDialogStates.EditRiscInfo) {\n      return t('rosDialog.titleEdit', {});\n    }\n    return t('rosDialog.editEncryption', {});\n  })();\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    if (activeStep === 0) {\n      setActiveStep(1);\n    }\n  });\n\n  const 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 {\n      updateRiSc(data);\n    }\n    onClose();\n  });\n\n  if (dialogState === RiScDialogStates.Create) {\n    return (\n      <Dialog open={dialogState === RiScDialogStates.Create} onClose={onClose}>\n        <DialogTitle>{titleTranslation}</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              />\n            )}\n            {activeStep === 1 && (\n              <ConfigEncryptionDialog\n                gcpCryptoKeys={gcpCryptoKeys}\n                setValue={setValue}\n                state={dialogState}\n                register={register}\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 === 0 ? (\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.EditRiscInfo) {\n    return (\n      <Dialog\n        open={dialogState === RiScDialogStates.EditRiscInfo}\n        onClose={onClose}\n      >\n        <DialogTitle>{titleTranslation}</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          />\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\n        open={dialogState === RiScDialogStates.EditEncryption}\n        onClose={onClose}\n      >\n        <DialogTitle>{titleTranslation}</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          />\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","React"],"mappings":"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"}

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

@@ -8,7 +8,7 @@ import { useFontStyles } from '../../utils/style.esm.js';
 import EditButton from '../common/EditButton.esm.js';
 import { useRiScs } from '../../contexts/RiScContext.esm.js';
 
-const RiScInfo = ({ riSc, edit }) => {
+const RiScInfo = ({ riScWithMetadata, edit }) => {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const { label, body2 } = useFontStyles();
   const { approveRiSc } = useRiScs();
@@ -33,10 +33,16 @@ const RiScInfo = ({ riSc, edit }) => {
           justifyContent: "space-between"
         }
       },
-      /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, riSc.content.title),
+      /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, riScWithMetadata.content.title),
       /* @__PURE__ */ React__default.createElement(EditButton, { onClick: edit })
-    ), /* @__PURE__ */ React__default.createElement(Typography, { className: label }, t("dictionary.scope")), /* @__PURE__ */ React__default.createElement(Typography, { className: body2 }, riSc.content.scope))
-  ), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, sm: 6, md: 6 }, /* @__PURE__ */ React__default.createElement(RiScStatusComponent, { selectedRiSc: riSc, publishRiScFn: approveRiSc })));
+    ), /* @__PURE__ */ React__default.createElement(Typography, { className: label }, t("dictionary.scope")), /* @__PURE__ */ React__default.createElement(Typography, { className: body2 }, riScWithMetadata.content.scope))
+  ), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, sm: 6, md: 6 }, /* @__PURE__ */ React__default.createElement(
+    RiScStatusComponent,
+    {
+      selectedRiSc: riScWithMetadata,
+      publishRiScFn: approveRiSc
+    }
+  )));
 };
 
 export { RiScInfo };

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

@@ -1 +1 @@
-{"version":3,"file":"RiScInfo.esm.js","sources":["../../../src/components/riScInfo/RiScInfo.tsx"],"sourcesContent":["import React from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { RiScStatusComponent } from './riScStatus/RiScStatusComponent';\nimport { InfoCard } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useFontStyles } from '../../utils/style';\nimport EditButton from '../common/EditButton';\nimport { useRiScs } from '../../contexts/RiScContext';\n\ninterface RiScInfoProps {\n  riSc: RiScWithMetadata;\n  edit: () => void;\n}\n\nexport const RiScInfo = ({ riSc, edit }: RiScInfoProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { label, body2 } = useFontStyles();\n\n  const { approveRiSc } = 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\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n            }}\n          >\n            <Typography variant=\"h5\">{riSc.content.title}</Typography>\n            <EditButton onClick={edit} />\n          </Box>\n          <Typography className={label}>{t('dictionary.scope')}</Typography>\n          <Typography className={body2}>{riSc.content.scope}</Typography>\n        </InfoCard>\n      </Grid>\n      <Grid item xs={12} sm={6} md={6}>\n        <RiScStatusComponent selectedRiSc={riSc} publishRiScFn={approveRiSc} />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAgBO,MAAM,QAAW,GAAA,CAAC,EAAE,IAAA,EAAM,MAA0B,KAAA;AACzD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAM,EAAA,GAAI,aAAc,EAAA;AAEvC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,QAAS,EAAA;AAEjC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAI,EAAA,IAAA;AAAA,MACJ,EAAI,EAAA,EAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA;AAAA;AACjB,KAAA;AAAA,iDAEC,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,UAAY,EAAA,QAAA;AAAA,UACZ,cAAgB,EAAA;AAAA;AAClB,OAAA;AAAA,mDAEC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,IAAA,CAAK,QAAQ,KAAM,CAAA;AAAA,sBAC7CA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAS,IAAM,EAAA;AAAA,uBAE5BA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,KAAA,EAAA,EAAQ,EAAE,kBAAkB,CAAE,CACrD,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,SAAW,EAAA,KAAA,EAAA,EAAQ,IAAK,CAAA,OAAA,CAAQ,KAAM,CACpD;AAAA,qBAEDA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAAA,+CAC3B,mBAAoB,EAAA,EAAA,YAAA,EAAc,MAAM,aAAe,EAAA,WAAA,EAAa,CACvE,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RiScInfo.esm.js","sources":["../../../src/components/riScInfo/RiScInfo.tsx"],"sourcesContent":["import React from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { RiScStatusComponent } from './riScStatus/RiScStatusComponent';\nimport { InfoCard } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useFontStyles } from '../../utils/style';\nimport EditButton from '../common/EditButton';\nimport { useRiScs } from '../../contexts/RiScContext';\n\ninterface RiScInfoProps {\n  riScWithMetadata: RiScWithMetadata;\n  edit: () => void;\n}\n\nexport const RiScInfo = ({ riScWithMetadata, edit }: RiScInfoProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { label, body2 } = useFontStyles();\n\n  const { approveRiSc } = 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\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          <Typography className={label}>{t('dictionary.scope')}</Typography>\n          <Typography className={body2}>\n            {riScWithMetadata.content.scope}\n          </Typography>\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":["React"],"mappings":";;;;;;;;;;AAgBO,MAAM,QAAW,GAAA,CAAC,EAAE,gBAAA,EAAkB,MAA0B,KAAA;AACrE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,EAAE,KAAA,EAAO,KAAM,EAAA,GAAI,aAAc,EAAA;AAEvC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,QAAS,EAAA;AAEjC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAI,EAAA,IAAA;AAAA,MACJ,EAAI,EAAA,EAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA;AAAA;AACjB,KAAA;AAAA,iDAEC,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,UAAY,EAAA,QAAA;AAAA,UACZ,cAAgB,EAAA;AAAA;AAClB,OAAA;AAAA,mDAEC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,gBAAA,CAAiB,QAAQ,KAC5B,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAS,IAAM,EAAA;AAAA,uBAE5BA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,KAAA,EAAA,EAAQ,EAAE,kBAAkB,CAAE,CACrD,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,SAAW,EAAA,KAAA,EAAA,EACpB,gBAAiB,CAAA,OAAA,CAAQ,KAC5B,CACF;AAAA,GACF,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAC5B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,gBAAA;AAAA,MACd,aAAe,EAAA;AAAA;AAAA,GAEnB,CACF,CAAA;AAEJ;;;;"}

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

@@ -71,7 +71,7 @@ const RiScStatusComponent = ({
     );
   };
   const handleUpdate = () => {
-    updateRiSc(selectedRiSc.content);
+    updateRiSc(selectedRiSc);
     setMigrationDialogIsOpen(false);
   };
   const handleOpenPublishRiScDialog = () => {