feat: 完成表单项渲染，完成表单项和patch节点校验

src/components/mui/MyCheckBox.tsx

@@ -2,12 +2,17 @@ import * as React from "react";
 import FormGroup from "@mui/material/FormGroup";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Checkbox from "@mui/material/Checkbox";
+import FormControl from "@mui/material/FormControl";
+import FormHelperText from '@mui/material/FormHelperText';
 import _ from "lodash";
 
 type IMyCheckBoxProps = {
   value: Array<any>;
   options: Array<ICheckBoxOption>;
   onChange: any; // 直接返回选中项的数组
+  variant?: "standard" | "outlined" | "filled";
+  error?: boolean; 
+  helperText?: string;
 };
 
 type ICheckBoxOption = {
@@ -32,7 +37,7 @@ export const optionsTransform = (
 };
 
 export default function MyCheckBox(props: IMyCheckBoxProps) {
-  const { value, options, onChange } = props;
+  const { value, options, onChange, error = false, helperText, variant } = props;
 
   const getCheckedStatus = (
     checkBoxItemValue: any,
@@ -56,6 +61,7 @@ export default function MyCheckBox(props: IMyCheckBoxProps) {
   };
 
   return (
+    <FormControl fullWidth variant={variant} error={error}>
     <FormGroup row>
       {options.map((option) => {
         return (
@@ -74,5 +80,7 @@ export default function MyCheckBox(props: IMyCheckBoxProps) {
         );
       })}
     </FormGroup>
+      {helperText && <FormHelperText>{helperText}</FormHelperText>}
+    </FormControl>
   );
 }

src/components/mui/MyInput.tsx

@@ -12,6 +12,8 @@ type MyInputProps = {
   placeholder?: string;
   fullWidth?: boolean; // 宽度是否和容器一致
   InputProps?: any; // input加前后icon可以用这个
+  error?: boolean; 
+  helperText?: string;
 };
 
 const MyInput = (props: MyInputProps) => {
@@ -27,10 +29,14 @@ const MyInput = (props: MyInputProps) => {
     placeholder = "请输入",
     fullWidth = true,
     InputProps,
+    error = false,
+    helperText,
   } = props;
 
   return (
     <TextField
+      error={error}
+      helperText={helperText}
       value={value}
       sx={{ ...inputSx }}
       id={id}

src/components/mui/MyRadio.tsx

@@ -2,11 +2,16 @@ import * as React from "react";
 import Radio from "@mui/material/Radio";
 import RadioGroup from "@mui/material/RadioGroup";
 import FormControlLabel from "@mui/material/FormControlLabel";
+import FormControl from "@mui/material/FormControl";
+import FormHelperText from '@mui/material/FormHelperText';
 
 type IMyRadioProps = {
   value: any;
   options: Array<ICheckBoxOption>;
   onChange: any;
+  variant?: "standard" | "outlined" | "filled";
+  error?: boolean; 
+  helperText?: string;
 };
 
 type ICheckBoxOption = {
@@ -32,26 +37,29 @@ export const optionsTransform = (
 };
 
 export default function MyRadio(props: IMyRadioProps) {
-  const { value, options, onChange } = props;
+  const { value, options, onChange , error = false, helperText, variant} = props;
 
   return (
-    <RadioGroup
-      row
-      aria-labelledby="demo-row-radio-buttons-group-label"
-      name="row-radio-buttons-group"
-      value={value}
-      onChange={onChange}
-    >
-      {options.map((option) => {
-        return (
-          <FormControlLabel
-            key={option.value}
-            value={option.value}
-            control={<Radio />}
-            label={option.label}
-          />
-        );
-      })}
-    </RadioGroup>
+    <FormControl fullWidth variant={variant} error={error}>
+      <RadioGroup
+        row
+        aria-labelledby="demo-row-radio-buttons-group-label"
+        name="row-radio-buttons-group"
+        value={value}
+        onChange={onChange}
+      >
+        {options.map((option) => {
+          return (
+            <FormControlLabel
+              key={option.value}
+              value={option.value}
+              control={<Radio />}
+              label={option.label}
+            />
+          );
+        })}
+      </RadioGroup>
+      {helperText && <FormHelperText>{helperText}</FormHelperText>}
+    </FormControl>
   );
 }

src/views/Project/ProjectSubmitWork/ConfigForm/index.module.css

@@ -26,12 +26,18 @@
   box-sizing: border-box;
   position: relative;
 }
+.backgroundTitleTextIcon{
+  visibility: hidden;
+}
+.backgroundTitleTextIconShow{
+  visibility: visible;
+}
 .backgroundTitleText {
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   color: rgba(30, 38, 51, 1);
-  margin-left: 28px;
+  margin-left: 12px;
 }
 .formItems {
   padding: 20px 44px 40px 44px;
@@ -70,12 +76,15 @@
   line-height: 22px;
   margin-bottom: 12px;
 }
-.parameterDataType {
-  color: rgba(138, 144, 153, 1);
-  margin-left: 16px;
+.parameterContent{
+  position: relative;
 }
 .parameterDesc {
   position: absolute;
-  bottom: 12px;
+  top: 12px;
   right: -22px;
 }
+.parameterDataType {
+  color: rgba(138, 144, 153, 1);
+  margin-left: 16px;
+}

src/views/Project/ProjectSubmitWork/ConfigForm/index.tsx

@@ -10,8 +10,10 @@ import MySelect, { optionsTransform } from "../components/MySelect";
 import MyCheckBox from "@/components/mui/MyCheckBox";
 import MyRadio from "@/components/mui/MyRadio";
 import _ from "lodash";
+import { getCheckResult } from "../util";
 import fileSelectIcon from "@/assets/project/fileSelect.svg";
 import questionMark from "@/assets/project/questionMark.svg";
+import jobSueIcon from "@/assets/project/jobSue.svg";
 
 type ConfigFormProps = {
   templateConfigInfo?: ITemplateConfig;
@@ -49,15 +51,40 @@ const ConfigForm = (props: ConfigFormProps) => {
     const result: IRenderTasks = [];
     templateConfigInfo?.tasks.forEach((task, taskIndex) => {
       if (task.type === "BATCH") {
-        result.push({ ...task, flows: [] });
+        result.push({ ...task, flows: [], isCheck: true });
       } else {
         result[result.length - 1]?.flows.push({ ...task });
       }
     });
+    result.forEach((task) => {
+      let isCheck = true
+      if (task.parameters.length > 0) {
+        task.parameters.forEach((parameter)=>{
+          const { error } = getCheckResult(parameter, parameter.value)
+          if (error) {
+            isCheck = false
+            return
+          }
+        })
+      }
+      if(task.flows.length>0) {
+        task.flows.forEach((flow) => {
+          if (flow.parameters.length > 0) {
+            flow.parameters.forEach((parameter)=>{
+              const { error } = getCheckResult(parameter, parameter.value)
+              if (error) {
+                isCheck = false
+                return
+              }
+            })
+          }
+        })
+      }
+      task.isCheck = isCheck
+    })
     return result;
   }, [templateConfigInfo]);
 
-  console.log(renderTasks);
 
   // const options = [
   //   {
@@ -191,8 +218,12 @@ const ConfigForm = (props: ConfigFormProps) => {
                 [styles.backgroundTitlePass]: true,
               })}
             >
-              {/* <img src="" alt="" /> */}
-              <span>下面的子项校验是否通过</span>
+              <img 
+              className={classnames({
+                [styles.backgroundTitleTextIcon]: true,
+                [styles.backgroundTitleTextIconShow]: task.isCheck,
+              })}
+              src={jobSueIcon} alt="" />
               <span className={styles.backgroundTitleText}>{task.title}</span>
             </div>
             <div className={styles.taskConfigBox}>
@@ -208,8 +239,55 @@ const ConfigForm = (props: ConfigFormProps) => {
                         {parameter.dataType}
                       </span>
                     </div>
+                    <div className={styles.parameterContent}>
                     {parameter.domType.toLowerCase() === "input" && (
-                      <MyInput
+                        <MyInput
+                          value={parameter.value}
+                          onChange={(e: any) =>
+                            handleParameterChange(
+                              e,
+                              task.id,
+                              parameter.name || ""
+                            )
+                          }
+                          placeholder="请输入"
+                          error={parameter.error || false}
+                          helperText={parameter.helperText}
+                        ></MyInput>
+                      )}
+                      {parameter.domType.toLowerCase() === "select" && (
+                        <MySelect
+                          value={parameter.value}
+                          onChange={(e: any) =>
+                            handleParameterChange(
+                              e,
+                              task.id,
+                              parameter.name || ""
+                            )
+                          }
+                          error={parameter.error || false}
+                          helperText={parameter.helperText}
+                          options={optionsTransform(parameter.choices, "key")}
+                        ></MySelect>
+                      )}
+                      {parameter.domType.toLowerCase() === "multipleselect" && (
+                        <MySelect
+                          value={parameter.value}
+                          onChange={(e: any) =>
+                            handleParameterChange(
+                              e,
+                              task.id,
+                              parameter.name || ""
+                            )
+                          }
+                          multiple={true}
+                          error={parameter.error || false}
+                          helperText={parameter.helperText}
+                          options={optionsTransform(parameter.choices, "key")}
+                        ></MySelect>
+                      )}
+                      {parameter.domType.toLowerCase() === "radio" && (
+                        <MyRadio
                         value={parameter.value}
                         onChange={(e: any) =>
                           handleParameterChange(
@@ -218,19 +296,40 @@ const ConfigForm = (props: ConfigFormProps) => {
                             parameter.name || ""
                           )
                         }
-                        placeholder="请输入"
-                      ></MyInput>
-                    )}
-                    {/* {parameter.domType.toLowerCase()} */}
-                    {parameter.description && (
-                      <Tooltip title={parameter.description} placement="top">
-                        <img
-                          className={styles.parameterDesc}
-                          src={questionMark}
-                          alt=""
-                        />
-                      </Tooltip>
-                    )}
+                        options={optionsTransform(parameter.choices, "key")}
+                        error={parameter.error || false}
+                        helperText={parameter.helperText}
+                      ></MyRadio>
+                      )}
+                      {parameter.domType.toLowerCase() === "checkbox" && (
+                        <MyCheckBox
+                        value={parameter.value}
+                        onChange={(e: any) =>
+                          handleParameterChange(
+                            {
+                              target: {
+                                value: e
+                              }
+                            },
+                            task.id,
+                            parameter.name || ""
+                          )
+                        }
+                        options={optionsTransform(parameter.choices, "key")}
+                        error={parameter.error || false}
+                        helperText={parameter.helperText}
+                      ></MyCheckBox>
+                      )}
+                      {parameter.description && (
+                        <Tooltip title={parameter.description} placement="top">
+                          <img
+                            className={styles.parameterDesc}
+                            src={questionMark}
+                            alt=""
+                          />
+                        </Tooltip>
+                      )}
+                    </div>
                     {/* question mark */}
                   </div>
                 );

src/views/Project/ProjectSubmitWork/components/MySelect.tsx

@@ -3,6 +3,7 @@ import Box from "@mui/material/Box";
 import InputLabel from "@mui/material/InputLabel";
 import MenuItem from "@mui/material/MenuItem";
 import FormControl from "@mui/material/FormControl";
+import FormHelperText from '@mui/material/FormHelperText';
 import Select, { SelectProps } from "@mui/material/Select";
 
 export interface IOption {
@@ -39,6 +40,8 @@ interface IProps
   isTitle?: boolean;
   size?: "small" | "medium";
   multiple?: boolean; // 多选
+  error?: boolean; 
+  helperText?: string;
 }
 export default function MySelect(props: IProps) {
   const {
@@ -50,11 +53,13 @@ export default function MySelect(props: IProps) {
     variant,
     size = "small",
     multiple = false,
+    error = false,
+    helperText,
   } = props;
 
   return (
     <Box sx={{ minWidth: 120 }}>
-      <FormControl fullWidth variant={variant}>
+      <FormControl fullWidth variant={variant} error={error}>
         {isTitle ? (
           <InputLabel id="demo-simple-select-label">
             {title || "请选择"}
@@ -84,6 +89,7 @@ export default function MySelect(props: IProps) {
               })
             : null}
         </Select>
+        {helperText && <FormHelperText>{helperText}</FormHelperText>}
       </FormControl>
     </Box>
   );

src/views/Project/ProjectSubmitWork/index.tsx

@@ -18,12 +18,13 @@ import _ from "lodash";
 import useMyRequest from "@/hooks/useMyRequest";
 import { fetchTemplateConfigInfo } from "@/api/project_api";
 import { useLocation, useNavigate } from "react-router-dom";
+import { getCheckResult } from "./util";
 import { IResponse } from "@/api/http";
-// import { templateConfigJson } from "./mock";
+import { templateConfigJson } from "./mock";
 
 const ProjectSubmitWork = () => {
   const [templateConfigInfo, setTemplateConfigInfo] =
-    useState<ITemplateConfig>();
+    useState<ITemplateConfig>(templateConfigJson as ITemplateConfig);
   const location: any = useLocation();
   const navigate = useNavigate();
 
@@ -31,7 +32,11 @@ const ProjectSubmitWork = () => {
   const { run } = useMyRequest(fetchTemplateConfigInfo, {
     onSuccess: (res: IResponse<ITemplateConfig>) => {
       setTemplateConfigInfo(res.data);
+      // setTemplateConfigInfo(templateConfigJson as ITemplateConfig);
     },
+    // onError: () => {
+    //   setTemplateConfigInfo(templateConfigJson as ITemplateConfig);
+    // }
   });
 
   useEffect(() => {
@@ -47,6 +52,29 @@ const ProjectSubmitWork = () => {
         tack.parameters.forEach((parameter) => {
           if (parameter.name === parameterName) {
             parameter.value = value;
+            const checkResult = getCheckResult(parameter,value)
+            parameter.error = checkResult.error
+            parameter.helperText = checkResult.helperText
+            // 表单校验
+            // if (parameter.required && !value) {
+            //   parameter.error = true
+            //   parameter.helperText = '该选项是必填项'
+            // } else if (parameter.validators.length > 0) {
+            //   parameter.validators.forEach((validator)=>{
+            //     let error = false
+            //     let helperText = ''
+            //     const reg = new RegExp(validator.regex)
+            //     if (!reg.test(value)) {
+            //       error = true
+            //       helperText = validator.message
+            //     }
+            //     parameter.error = error
+            //     parameter.helperText = helperText
+            //   })
+            // } else {
+            //   parameter.error = false
+            //   parameter.helperText = ''
+            // }
           } else {
             return;
           }

src/views/Project/ProjectSubmitWork/interface.ts

@@ -14,7 +14,7 @@ export interface IParameter {
   required: boolean;
   domType: IDomType;
   dataType?: string;
-  value: string;
+  value: any;
   description: string;
   language: string;
   languageVersion: string;
@@ -24,6 +24,8 @@ export interface IParameter {
   tasks: ITask[];
   validators: Array<IValidator>;
   choices: Array<IChoice>;
+  error? : boolean;
+  helperText? : string;
 }
 
 export interface ITask {
@@ -99,4 +101,5 @@ export type IRenderTask = {
   parameters: Array<IParameter>;
   edges: Array<IEdge>;
   flows: ITask[];
+  isCheck: boolean; // 里面的子项表单校验是否全部通过
 };

src/views/Project/ProjectSubmitWork/mock.ts

@@ -17,125 +17,166 @@ export const templateConfigJson = {
         x: 0,
         y: 0,
       },
-      type: "batch",
+      type: "BATCH",
       parameters: [
         {
           hidden: false,
           name: "in",
           required: true,
-          domType: "input",
+          // domType: "input",
+          // domType: "select",
+          // domType: "multipleselect",
+          // domType: "radio",
+          domType: "checkbox",
           dataType: "stringParameter",
-          value: "",
+          // value: "",
+          value: [],
           description: "输入一段字符串",
-          validators: "",
-          choices: [],
-        },
-        {
-          hidden: true,
-          name: "out",
-          required: true,
-          domType: "File",
-          dataType: "stringParameter",
-          value: "/home/cloudam/task_a.out",
-          description: "task_A的输出",
-          validators: "",
-          choices: [],
+          validators: [
+            {
+              regex: '^[0-9]*$',
+              message: '只能输入数字'
+            }
+          ],
+          choices: [
+            {
+              key: '1',
+              value: 'a'
+            },
+            {
+              key: '2',
+              value: '2'
+            },
+            {
+              key: '3',
+              value: '3'
+            }
+          ],
+          language: '1',
+          languageVersion: '1',
+          tags:['1'],
+          source:'1',
+          productId:'1',
+          tasks: [{
+            id: 'id',
+            title: 'title',
+            description: 'description',
+            position: {
+              x: 100,
+              y: 200
+            },
+            type: 'BATCH',
+            parentNode: '1',
+            parameters: [],
+            edges: []
+          }]
         },
+        // {
+        //   hidden: true,
+        //   name: "out",
+        //   required: true,
+        //   domType: "File",
+        //   dataType: "stringParameter",
+        //   value: "/home/cloudam/task_a.out",
+        //   description: "task_A的输出",
+        //   validators: "",
+        //   choices: [],
+        // },
       ],
       edges: [],
     },
-    {
-      id: "流式算子ID1",
-      title: "task_B",
-      description: "这是task_B",
-      position: {
-        x: 100,
-        y: 50,
-      },
-      type: "batch",
-      parameters: [
-        {
-          hidden: true,
-          name: "in",
-          required: true,
-          domType: "pathSelect",
-          // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
-          dataType: "stringParameter",
-          value: "task_A.out",
-          description: "这是task_B的输入",
-          validators: "",
-          choices: [],
-        },
-        {
-          hidden: false,
-          name: "sb",
-          required: false,
-          domType: "input",
-          // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
-          dataType: "stringParameter",
-          value: "",
-          description: "这是task_B的输入",
-          validators: [],
-          choices: [],
-        },
-      ],
-      edges: [
-        {
-          id: "10001",
-          source: "流式算子ID1",
-          sourceHandle: "流式算子1出口A",
-          target: "流式算子ID2",
-          targetHandle: "流式算子2入口A",
-          lable: "",
-        },
-      ],
-    },
-    {
-      id: "流式算子ID2",
-      title: "task_C",
-      description: "这是task_C",
-      position: {
-        x: 100,
-        y: 100,
-      },
-      type: "batch",
-      parameters: [
-        {
-          hidden: true,
-          name: "in",
-          required: true,
-          domType: "pathSelect",
-          // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
-          dataType: "stringParameter",
-          value: "task_A.out",
-          description: "这是task_C的输入",
-          validators: "",
-          choices: [],
-        },
-        {
-          hidden: false,
-          name: "sc",
-          required: false,
-          domType: "input",
-          // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
-          dataType: "stringParameter",
-          value: "",
-          description: "这是task_C的输入",
-          validators: [],
-          choices: [],
-        },
-      ],
-      edges: [
-        {
-          id: "10002",
-          source: "流式算子ID2",
-          sourceHandle: "流式算子1出口A",
-          target: "流式算子ID2",
-          targetHandle: "流式算子2入口A",
-          lable: "",
-        },
-      ],
-    },
+    // {
+    //   id: "流式算子ID1",
+    //   title: "task_B",
+    //   description: "这是task_B",
+    //   position: {
+    //     x: 100,
+    //     y: 50,
+    //   },
+    //   type: "batch",
+    //   parameters: [
+    //     {
+    //       hidden: true,
+    //       name: "in",
+    //       required: true,
+    //       domType: "pathSelect",
+    //       // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+    //       dataType: "stringParameter",
+    //       value: "task_A.out",
+    //       description: "这是task_B的输入",
+    //       validators: "",
+    //       choices: [],
+    //     },
+    //     {
+    //       hidden: false,
+    //       name: "sb",
+    //       required: false,
+    //       domType: "input",
+    //       // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+    //       dataType: "stringParameter",
+    //       value: "",
+    //       description: "这是task_B的输入",
+    //       validators: [],
+    //       choices: [],
+    //     },
+    //   ],
+    //   edges: [
+    //     {
+    //       id: "10001",
+    //       source: "流式算子ID1",
+    //       sourceHandle: "流式算子1出口A",
+    //       target: "流式算子ID2",
+    //       targetHandle: "流式算子2入口A",
+    //       lable: "",
+    //     },
+    //   ],
+    // },
+    // {
+    //   id: "流式算子ID2",
+    //   title: "task_C",
+    //   description: "这是task_C",
+    //   position: {
+    //     x: 100,
+    //     y: 100,
+    //   },
+    //   type: "batch",
+    //   parameters: [
+    //     {
+    //       hidden: true,
+    //       name: "in",
+    //       required: true,
+    //       domType: "pathSelect",
+    //       // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+    //       dataType: "stringParameter",
+    //       value: "task_A.out",
+    //       description: "这是task_C的输入",
+    //       validators: "",
+    //       choices: [],
+    //     },
+    //     {
+    //       hidden: false,
+    //       name: "sc",
+    //       required: false,
+    //       domType: "input",
+    //       // pathSelect-路径选择器  datasetSelect-数据集选择器 fileSelect-文件选择器 input-输入框 select-单选下拉框 multipleSelect-多选下拉框 radio-单选组 checkbox-多选组
+    //       dataType: "stringParameter",
+    //       value: "",
+    //       description: "这是task_C的输入",
+    //       validators: [],
+    //       choices: [],
+    //     },
+    //   ],
+    //   edges: [
+    //     {
+    //       id: "10002",
+    //       source: "流式算子ID2",
+    //       sourceHandle: "流式算子1出口A",
+    //       target: "流式算子ID2",
+    //       targetHandle: "流式算子2入口A",
+    //       lable: "",
+    //     },
+    //   ],
+    // },
   ],
 };
 // {

src/views/Project/ProjectSubmitWork/util.ts

+import { IParameter } from "./interface"
+export const getCheckResult = (parameter: IParameter, value: string): {
+    error: boolean,
+    helperText: string
+} => {
+    let error = false
+    let helperText = ''
+    // 表单校验
+    if (parameter.required) {
+        if (Array.isArray(value)) {
+            if (value.length === 0) {
+                error = true
+                helperText = '该选项是必填项'
+            }
+        } else if (value === '' || value === null || value === undefined) {
+            error = true
+            helperText = '该选项是必填项'
+        }
+    }
+    if (parameter.validators.length > 0) {
+        parameter.validators.forEach((validator)=>{
+            const reg = new RegExp(validator.regex)
+            if (!reg.test(value)) {
+                error = true
+                helperText = validator.message
+            }
+        })
+    }
+    return {
+        error,
+        helperText
+    }
+}
\ No newline at end of file

yarn.lock

@@ -31,7 +31,7 @@
   "resolved" "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.17.10.tgz"
   "version" "7.17.10"
 
-"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.0", "@babel/core@^7.12.3", "@babel/core@^7.13.0", "@babel/core@^7.16.0", "@babel/core@^7.4.0-0", "@babel/core@^7.7.2", "@babel/core@^7.8.0", "@babel/core@>=7.11.0":
+"@babel/core@^7.1.0", "@babel/core@^7.11.1", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.2", "@babel/core@^7.8.0":
   "integrity" "sha512-liKoppandF3ZcBnIYFjfSDHZLKdLHGJRkoWtG8zQyGJBQfIYobpnVGI5+pLBNtS6psFLDzyq8+h5HiVljW9PNA=="
   "resolved" "https://registry.npmjs.org/@babel/core/-/core-7.17.10.tgz"
   "version" "7.17.10"
@@ -488,7 +488,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-flow@^7.14.5", "@babel/plugin-syntax-flow@^7.16.7":
+"@babel/plugin-syntax-flow@^7.16.7":
   "integrity" "sha512-UDo3YGQO0jH6ytzVwgSLv9i/CzMcUjbKenL67dTrAZPPv6GFAtDhe6jqnvmoKzC/7htNTohhos+onPtDMqJwaQ=="
   "resolved" "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.16.7.tgz"
   "version" "7.16.7"
@@ -793,7 +793,7 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.16.7"
 
-"@babel/plugin-transform-react-jsx@^7.14.9", "@babel/plugin-transform-react-jsx@^7.16.7":
+"@babel/plugin-transform-react-jsx@^7.16.7":
   "integrity" "sha512-9tjBm4O07f7mzKSIlEmPdiE6ub7kfIe6Cd+w+oQebpATfTQMAgW+YOuWxogbKVTulA+MEO7byMeIUtQ1z+z+ZQ=="
   "resolved" "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.17.3.tgz"
   "version" "7.17.3"
@@ -1025,6 +1025,13 @@
   dependencies:
     "regenerator-runtime" "^0.13.4"
 
+"@babel/runtime@^7.18.0":
+  "integrity" "sha512-38Y8f7YUhce/K7RMwTp7m0uCumpv9hZkitCbBClqQIow1qSbCvGkcegKOXpEWCQLfWmevgRiWokZ1GkpfhbZug=="
+  "resolved" "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.18.3.tgz"
+  "version" "7.18.3"
+  dependencies:
+    "regenerator-runtime" "^0.13.4"
+
 "@babel/template@^7.16.7", "@babel/template@^7.3.3":
   "integrity" "sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w=="
   "resolved" "https://registry.npmjs.org/@babel/template/-/template-7.16.7.tgz"
@@ -1190,7 +1197,7 @@
     "source-map" "^0.5.7"
     "stylis" "4.0.13"
 
-"@emotion/cache@^11.7.1":
+"@emotion/cache@*", "@emotion/cache@^11.7.1":
   "integrity" "sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A=="
   "resolved" "https://registry.npmjs.org/@emotion/cache/-/cache-11.7.1.tgz"
   "version" "11.7.1"
@@ -1201,6 +1208,17 @@
     "@emotion/weak-memoize" "^0.2.5"
     "stylis" "4.0.13"
 
+"@emotion/cache@^11.9.3":
+  "integrity" "sha512-0dgkI/JKlCXa+lEXviaMtGBL0ynpx4osh7rjOXE71q9bIF8G+XhJgvi+wDu0B0IdCVx37BffiwXlN9I3UuzFvg=="
+  "resolved" "https://registry.npmmirror.com/@emotion/cache/-/cache-11.9.3.tgz"
+  "version" "11.9.3"
+  dependencies:
+    "@emotion/memoize" "^0.7.4"
+    "@emotion/sheet" "^1.1.1"
+    "@emotion/utils" "^1.0.0"
+    "@emotion/weak-memoize" "^0.2.5"
+    "stylis" "4.0.13"
+
 "@emotion/hash@^0.8.0":
   "integrity" "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
   "resolved" "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz"
@@ -1218,20 +1236,20 @@
   "resolved" "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.5.tgz"
   "version" "0.7.5"
 
-"@emotion/react@^11.0.0-rc.0", "@emotion/react@^11.4.1", "@emotion/react@^11.5.0", "@emotion/react@^11.9.0":
-  "integrity" "sha512-lBVSF5d0ceKtfKCDQJveNAtkC7ayxpVlgOohLgXqRwqWr9bOf4TZAFFyIcNngnV6xK6X4x2ZeXq7vliHkoVkxQ=="
-  "resolved" "https://registry.npmjs.org/@emotion/react/-/react-11.9.0.tgz"
-  "version" "11.9.0"
+"@emotion/react@^11.9.3":
+  "integrity" "sha512-g9Q1GcTOlzOEjqwuLF/Zd9LC+4FljjPjDfxSM7KmEakm+hsHXk+bYZ2q+/hTJzr0OUNkujo72pXLQvXj6H+GJQ=="
+  "resolved" "https://registry.npmmirror.com/@emotion/react/-/react-11.9.3.tgz"
+  "version" "11.9.3"
   dependencies:
     "@babel/runtime" "^7.13.10"
     "@emotion/babel-plugin" "^11.7.1"
-    "@emotion/cache" "^11.7.1"
-    "@emotion/serialize" "^1.0.3"
+    "@emotion/cache" "^11.9.3"
+    "@emotion/serialize" "^1.0.4"
     "@emotion/utils" "^1.1.0"
     "@emotion/weak-memoize" "^0.2.5"
     "hoist-non-react-statics" "^3.3.1"
 
-"@emotion/serialize@^1.0.2", "@emotion/serialize@^1.0.3":
+"@emotion/serialize@*", "@emotion/serialize@^1.0.2":
   "integrity" "sha512-2mSSvgLfyV3q+iVh3YWgNlUc2a9ZlDU7DjuP5MjK3AXRR0dYigCrP99aeFtaB2L/hjfEZdSThn5dsZ0ufqbvsA=="
   "resolved" "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.0.3.tgz"
   "version" "1.0.3"
@@ -1242,12 +1260,28 @@
     "@emotion/utils" "^1.0.0"
     "csstype" "^3.0.2"
 
+"@emotion/serialize@^1.0.4":
+  "integrity" "sha512-1JHamSpH8PIfFwAMryO2bNka+y8+KA5yga5Ocf2d7ZEiJjb7xlLW7aknBGZqJLajuLOvJ+72vN+IBSwPlXD1Pg=="
+  "resolved" "https://registry.npmmirror.com/@emotion/serialize/-/serialize-1.0.4.tgz"
+  "version" "1.0.4"
+  dependencies:
+    "@emotion/hash" "^0.8.0"
+    "@emotion/memoize" "^0.7.4"
+    "@emotion/unitless" "^0.7.5"
+    "@emotion/utils" "^1.0.0"
+    "csstype" "^3.0.2"
+
 "@emotion/sheet@^1.1.0":
   "integrity" "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
   "resolved" "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.1.0.tgz"
   "version" "1.1.0"
 
-"@emotion/styled@^11.3.0", "@emotion/styled@^11.8.1":
+"@emotion/sheet@^1.1.1":
+  "integrity" "sha512-J3YPccVRMiTZxYAY0IOq3kd+hUP8idY8Kz6B/Cyo+JuXq52Ek+zbPbSQUrVQp95aJ+lsAW7DPL1P2Z+U1jGkKA=="
+  "resolved" "https://registry.npmmirror.com/@emotion/sheet/-/sheet-1.1.1.tgz"
+  "version" "1.1.1"
+
+"@emotion/styled@^11.8.1":
   "integrity" "sha512-OghEVAYBZMpEquHZwuelXcRjRJQOVayvbmNR0zr174NHdmMgrNkLC6TljKC5h9lZLkN5WGrdUcrKlOJ4phhoTQ=="
   "resolved" "https://registry.npmjs.org/@emotion/styled/-/styled-11.8.1.tgz"
   "version" "11.8.1"
@@ -1263,7 +1297,7 @@
   "resolved" "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz"
   "version" "0.7.5"
 
-"@emotion/utils@^1.0.0", "@emotion/utils@^1.1.0":
+"@emotion/utils@*", "@emotion/utils@^1.0.0", "@emotion/utils@^1.1.0":
   "integrity" "sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ=="
   "resolved" "https://registry.npmjs.org/@emotion/utils/-/utils-1.1.0.tgz"
   "version" "1.1.0"
@@ -1599,7 +1633,7 @@
   dependencies:
     "@babel/runtime" "^7.17.2"
 
-"@mui/lab@^5.0.0-alpha.83":
+"@mui/lab@^5.0.0-alpha.84":
   "integrity" "sha512-HLYD6E3PAlzKMGZkkpiPI7trHP3WYDvrjQstEsFwdaGy9AMWPmyTxhwUyfB4VVHOx3zcj4p/a36kECDtEOAJ+g=="
   "resolved" "https://registry.npmmirror.com/@mui/lab/-/lab-5.0.0-alpha.84.tgz"
   "version" "5.0.0-alpha.84"
@@ -1615,7 +1649,7 @@
     "react-transition-group" "^4.4.2"
     "rifm" "^0.12.1"
 
-"@mui/material@^5.0.0", "@mui/material@^5.2.3", "@mui/material@^5.6.4":
+"@mui/material@^5.6.4":
   "integrity" "sha512-7TD+u/SExZK2a55w6reX56oPk37gKr/M/XGt156X+m0d9LhzOsW864nkErIX/H8oSkX/6kCimxu1FDsO+gjiVw=="
   "resolved" "https://registry.npmjs.org/@mui/material/-/material-5.6.4.tgz"
   "version" "5.6.4"
@@ -1674,7 +1708,21 @@
     "jss-plugin-vendor-prefixer" "^10.8.2"
     "prop-types" "^15.8.1"
 
-"@mui/system@^5.2.3", "@mui/system@^5.6.4", "@mui/system@^5.8.2":
+"@mui/system@^5.6.4":
+  "integrity" "sha512-N74gDNKM+MnWvKTMmCPvCVLH4f0ZzakP1bcMDaPctrHwcyxNcEmtTGNpIiVk0Iu7vtThZAFL3DjHpINPGF7+cg=="
+  "resolved" "https://registry.npmmirror.com/@mui/system/-/system-5.8.2.tgz"
+  "version" "5.8.2"
+  dependencies:
+    "@babel/runtime" "^7.17.2"
+    "@mui/private-theming" "^5.8.0"
+    "@mui/styled-engine" "^5.8.0"
+    "@mui/types" "^7.1.3"
+    "@mui/utils" "^5.8.0"
+    "clsx" "^1.1.1"
+    "csstype" "^3.1.0"
+    "prop-types" "^15.8.1"
+
+"@mui/system@^5.8.2":
   "integrity" "sha512-N74gDNKM+MnWvKTMmCPvCVLH4f0ZzakP1bcMDaPctrHwcyxNcEmtTGNpIiVk0Iu7vtThZAFL3DjHpINPGF7+cg=="
   "resolved" "https://registry.npmmirror.com/@mui/system/-/system-5.8.2.tgz"
   "version" "5.8.2"
@@ -1934,7 +1982,7 @@
     "@svgr/plugin-svgo" "^5.5.0"
     "loader-utils" "^2.0.0"
 
-"@testing-library/dom@^8.5.0", "@testing-library/dom@>=7.21.4":
+"@testing-library/dom@^8.5.0":
   "integrity" "sha512-9VHgfIatKNXQNaZTtLnalIy0jNZzY35a4S3oi08YAt9Hv1VsfZ/DfA45lM8D/UhtHBGJ4/lGwp0PZkVndRkoOQ=="
   "resolved" "https://registry.npmjs.org/@testing-library/dom/-/dom-8.13.0.tgz"
   "version" "8.13.0"
@@ -1994,7 +2042,7 @@
   "resolved" "https://registry.npmjs.org/@types/aria-query/-/aria-query-4.2.2.tgz"
   "version" "4.2.2"
 
-"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14", "@types/babel__core@^7.1.9":
+"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.14":
   "integrity" "sha512-WEOTgRsbYkvA/KCsDwVEGkd7WAr1e3g31VHQ8zy5gul/V1qKullU/BU5I68X5v7V3GnB9eotmom4v5a5gjxorw=="
   "resolved" "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.19.tgz"
   "version" "7.1.19"
@@ -2057,6 +2105,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/crypto-js@^4.1.1":
+  "integrity" "sha512-BG7fQKZ689HIoc5h+6D2Dgq1fABRa0RbBWKBd9SP/MVRVXROflpm5fhwyATX5duFmbStzyzyycPB8qUYKDH3NA=="
+  "resolved" "https://registry.npmmirror.com/@types/crypto-js/-/crypto-js-4.1.1.tgz"
+  "version" "4.1.1"
+
 "@types/eslint-scope@^3.7.3":
   "integrity" "sha512-PB3ldyrcnAicT35TWPs5IcwKD8S333HMaa2VVv4+wdvebJkjWuW/xESoB8IwRcog8HYVYamb1g/R31Qv5Bx03g=="
   "resolved" "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.3.tgz"
@@ -2229,7 +2282,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^17.0.0", "@types/react@^17.0.0 || ^18.0.0", "@types/react@^18.0.9":
+"@types/react@*", "@types/react@^18.0.9":
   "integrity" "sha512-9bjbg1hJHUm4De19L1cHiW0Jvx3geel6Qczhjd0qY5VKVE2X5+x77YxAepuCwVh4vrgZJdgEJw48zrhRIeF4Nw=="
   "resolved" "https://registry.npmjs.org/@types/react/-/react-18.0.9.tgz"
   "version" "18.0.9"
@@ -2320,7 +2373,7 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^4.0.0 || ^5.0.0", "@typescript-eslint/eslint-plugin@^5.5.0":
+"@typescript-eslint/eslint-plugin@^5.5.0":
   "integrity" "sha512-YCiy5PUzpAeOPGQ7VSGDEY2NeYUV1B0swde2e0HzokRsHBYjSdF6DZ51OuRZxVPHx0032lXGLvOMls91D8FXlg=="
   "resolved" "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.22.0.tgz"
   "version" "5.22.0"
@@ -2342,7 +2395,7 @@
   dependencies:
     "@typescript-eslint/utils" "5.22.0"
 
-"@typescript-eslint/parser@^5.0.0", "@typescript-eslint/parser@^5.5.0":
+"@typescript-eslint/parser@^5.5.0":
   "integrity" "sha512-piwC4krUpRDqPaPbFaycN70KCP87+PC5WZmrWs+DlVOxxmF+zI6b6hETv7Quy4s9wbkV16ikMeZgXsvzwI3icQ=="
   "resolved" "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.22.0.tgz"
   "version" "5.22.0"
@@ -2583,11 +2636,6 @@
   "resolved" "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz"
   "version" "7.2.0"
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", "acorn@^8", "acorn@^8.2.4", "acorn@^8.4.1", "acorn@^8.5.0", "acorn@^8.7.1":
-  "integrity" "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A=="
-  "resolved" "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz"
-  "version" "8.7.1"
-
 "acorn@^7.0.0":
   "integrity" "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
   "resolved" "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
@@ -2598,6 +2646,11 @@
   "resolved" "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz"
   "version" "7.4.1"
 
+"acorn@^8.2.4", "acorn@^8.4.1", "acorn@^8.5.0", "acorn@^8.7.1":
+  "integrity" "sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A=="
+  "resolved" "https://registry.npmjs.org/acorn/-/acorn-8.7.1.tgz"
+  "version" "8.7.1"
+
 "address@^1.0.1", "address@^1.1.2":
   "integrity" "sha512-tNEZYz5G/zYunxFm7sfhAxkXEuLj3K6BKwv6ZURlsF6yiUQ65z0Q2wZW9L5cPUl9ocofGvXOdFYbFHp0+6MOig=="
   "resolved" "https://registry.npmjs.org/address/-/address-1.2.0.tgz"
@@ -2656,7 +2709,7 @@
   dependencies:
     "fast-deep-equal" "^3.1.3"
 
-"ajv@^6.10.0", "ajv@^6.12.2", "ajv@^6.12.4", "ajv@^6.12.5", "ajv@^6.9.1":
+"ajv@^6.10.0", "ajv@^6.12.2", "ajv@^6.12.4", "ajv@^6.12.5":
   "integrity" "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g=="
   "resolved" "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz"
   "version" "6.12.6"
@@ -2676,7 +2729,7 @@
     "require-from-string" "^2.0.2"
     "uri-js" "^4.2.2"
 
-"ajv@^8.6.0", "ajv@>=8":
+"ajv@^8.6.0":
   "integrity" "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg=="
   "resolved" "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz"
   "version" "8.11.0"
@@ -2686,7 +2739,7 @@
     "require-from-string" "^2.0.2"
     "uri-js" "^4.2.2"
 
-"ajv@^8.8.0", "ajv@^8.8.2":
+"ajv@^8.8.0":
   "integrity" "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg=="
   "resolved" "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz"
   "version" "8.11.0"
@@ -2858,6 +2911,11 @@
   "resolved" "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz"
   "version" "2.1.2"
 
+"attr-accept@^2.2.2":
+  "integrity" "sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg=="
+  "resolved" "https://registry.npmmirror.com/attr-accept/-/attr-accept-2.2.2.tgz"
+  "version" "2.2.2"
+
 "autoprefixer@^10.4.6":
   "integrity" "sha512-ypHju4Y2Oav95SipEcCcI5J7CGPuvz8oat7sUtYj3ClK44bldfvtvcxK6IEK++7rqB7YchDGzweZIBG+SD0ZAA=="
   "resolved" "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.7.tgz"
@@ -3135,7 +3193,7 @@
   "resolved" "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz"
   "version" "1.0.0"
 
-"browserslist@^4.0.0", "browserslist@^4.14.5", "browserslist@^4.16.6", "browserslist@^4.18.1", "browserslist@^4.20.2", "browserslist@^4.20.3", "browserslist@>= 4", "browserslist@>=4":
+"browserslist@^4.0.0", "browserslist@^4.14.5", "browserslist@^4.16.6", "browserslist@^4.18.1", "browserslist@^4.20.2", "browserslist@^4.20.3":
   "integrity" "sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg=="
   "resolved" "https://registry.npmjs.org/browserslist/-/browserslist-4.20.3.tgz"
   "version" "4.20.3"
@@ -3153,6 +3211,11 @@
   dependencies:
     "node-int64" "^0.4.0"
 
+"buffer-from@^0.1.1":
+  "integrity" "sha512-RiWIenusJsmI2KcvqQABB83tLxCByE3upSP8QU3rJDMVFGPWLvPQJt/O1Su9moRWeH7d+Q2HYb68f6+v+tw2vg=="
+  "resolved" "https://registry.npmmirror.com/buffer-from/-/buffer-from-0.1.2.tgz"
+  "version" "0.1.2"
+
 "buffer-from@^1.0.0":
   "integrity" "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
   "resolved" "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz"
@@ -3328,6 +3391,11 @@
   "resolved" "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz"
   "version" "1.2.2"
 
+"classcat@^5.0.3":
+  "integrity" "sha512-6dK2ke4VEJZOFx2ZfdDAl5OhEL8lvkl6EHF92IfRePfHxQTqir5NlcNVUv+2idjDqCX2NDc8m8YSAI5NI975ZQ=="
+  "resolved" "https://registry.npmmirror.com/classcat/-/classcat-5.0.3.tgz"
+  "version" "5.0.3"
+
 "classnames@^2.3.1":
   "integrity" "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
   "resolved" "https://registry.npmmirror.com/classnames/-/classnames-2.3.1.tgz"
@@ -3412,6 +3480,14 @@
   "resolved" "https://registry.npmjs.org/colorette/-/colorette-2.0.16.tgz"
   "version" "2.0.16"
 
+"combine-errors@^3.0.3":
+  "integrity" "sha512-C8ikRNRMygCwaTx+Ek3Yr+OuZzgZjduCOfSQBjbM8V3MfgcjSTeto/GXP6PAwKvJz/v15b7GHZvx5rOlczFw/Q=="
+  "resolved" "https://registry.npmmirror.com/combine-errors/-/combine-errors-3.0.3.tgz"
+  "version" "3.0.3"
+  dependencies:
+    "custom-error-instance" "2.1.1"
+    "lodash.uniqby" "4.5.0"
+
 "combined-stream@^1.0.8":
   "integrity" "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg=="
   "resolved" "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz"
@@ -3567,6 +3643,11 @@
     "shebang-command" "^2.0.0"
     "which" "^2.0.1"
 
+"crypto-js@^4.1.1":
+  "integrity" "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+  "resolved" "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz"
+  "version" "4.1.1"
+
 "crypto-random-string@^2.0.0":
   "integrity" "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA=="
   "resolved" "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz"
@@ -3792,6 +3873,73 @@
   "resolved" "https://registry.npmmirror.com/csstype/-/csstype-3.1.0.tgz"
   "version" "3.1.0"
 
+"custom-error-instance@2.1.1":
+  "integrity" "sha512-p6JFxJc3M4OTD2li2qaHkDCw9SfMw82Ldr6OC9Je1aXiGfhx2W8p3GaoeaGrPJTUN9NirTM/KTxHWMUdR1rsUg=="
+  "resolved" "https://registry.npmmirror.com/custom-error-instance/-/custom-error-instance-2.1.1.tgz"
+  "version" "2.1.1"
+
+"d3-color@1 - 3":
+  "integrity" "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="
+  "resolved" "https://registry.npmmirror.com/d3-color/-/d3-color-3.1.0.tgz"
+  "version" "3.1.0"
+
+"d3-dispatch@1 - 3":
+  "integrity" "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg=="
+  "resolved" "https://registry.npmmirror.com/d3-dispatch/-/d3-dispatch-3.0.1.tgz"
+  "version" "3.0.1"
+
+"d3-drag@^3.0.0", "d3-drag@2 - 3":
+  "integrity" "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg=="
+  "resolved" "https://registry.npmmirror.com/d3-drag/-/d3-drag-3.0.0.tgz"
+  "version" "3.0.0"
+  dependencies:
+    "d3-dispatch" "1 - 3"
+    "d3-selection" "3"
+
+"d3-ease@1 - 3":
+  "integrity" "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w=="
+  "resolved" "https://registry.npmmirror.com/d3-ease/-/d3-ease-3.0.1.tgz"
+  "version" "3.0.1"
+
+"d3-interpolate@1 - 3":
+  "integrity" "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g=="
+  "resolved" "https://registry.npmmirror.com/d3-interpolate/-/d3-interpolate-3.0.1.tgz"
+  "version" "3.0.1"
+  dependencies:
+    "d3-color" "1 - 3"
+
+"d3-selection@^3.0.0", "d3-selection@2 - 3", "d3-selection@3":
+  "integrity" "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ=="
+  "resolved" "https://registry.npmmirror.com/d3-selection/-/d3-selection-3.0.0.tgz"
+  "version" "3.0.0"
+
+"d3-timer@1 - 3":
+  "integrity" "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA=="
+  "resolved" "https://registry.npmmirror.com/d3-timer/-/d3-timer-3.0.1.tgz"
+  "version" "3.0.1"
+
+"d3-transition@2 - 3":
+  "integrity" "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w=="
+  "resolved" "https://registry.npmmirror.com/d3-transition/-/d3-transition-3.0.1.tgz"
+  "version" "3.0.1"
+  dependencies:
+    "d3-color" "1 - 3"
+    "d3-dispatch" "1 - 3"
+    "d3-ease" "1 - 3"
+    "d3-interpolate" "1 - 3"
+    "d3-timer" "1 - 3"
+
+"d3-zoom@^3.0.0":
+  "integrity" "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw=="
+  "resolved" "https://registry.npmmirror.com/d3-zoom/-/d3-zoom-3.0.0.tgz"
+  "version" "3.0.0"
+  dependencies:
+    "d3-dispatch" "1 - 3"
+    "d3-drag" "2 - 3"
+    "d3-interpolate" "1 - 3"
+    "d3-selection" "2 - 3"
+    "d3-transition" "2 - 3"
+
 "damerau-levenshtein@^1.0.7":
   "integrity" "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
   "resolved" "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz"
@@ -3806,7 +3954,7 @@
     "whatwg-mimetype" "^2.3.0"
     "whatwg-url" "^8.0.0"
 
-"dayjs@^1.10.7", "dayjs@^1.8.17", "dayjs@^1.9.1":
+"dayjs@^1.9.1":
   "integrity" "sha512-F4LXf1OeU9hrSYRPTTj/6FbO4HTjPKXvEIC1P2kcnFurViINCVk3ZV0xAS3XVx9MkMsXbbqlK6hjseaYbgKEHw=="
   "resolved" "https://registry.npmjs.org/dayjs/-/dayjs-1.11.2.tgz"
   "version" "1.11.2"
@@ -4430,7 +4578,7 @@
     "normalize-path" "^3.0.0"
     "schema-utils" "^3.1.1"
 
-"eslint@*", "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^3 || ^4 || ^5 || ^6 || ^7 || ^8", "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^7.0.0 || ^8.0.0", "eslint@^7.5.0 || ^8.0.0", "eslint@^8.0.0", "eslint@^8.1.0", "eslint@^8.3.0", "eslint@>= 6", "eslint@>=5":
+"eslint@^8.3.0":
   "integrity" "sha512-GG5USZ1jhCu8HJkzGgeK8/+RGnHaNYZGrGDzUtigK3BsGESW/rs2az23XqE0WVwDxy1VRvvjSSGu5nB0Bu+6SA=="
   "resolved" "https://registry.npmjs.org/eslint/-/eslint-8.15.0.tgz"
   "version" "8.15.0"
@@ -4663,6 +4811,13 @@
     "loader-utils" "^2.0.0"
     "schema-utils" "^3.0.0"
 
+"file-selector@^0.6.0":
+  "integrity" "sha512-QlZ5yJC0VxHxQQsQhXvBaC7VRJ2uaxTf+Tfpu4Z/OcVQJVpZO+DGU0rkoVW5ce2SccxugvpBJoMvUs59iILYdw=="
+  "resolved" "https://registry.npmmirror.com/file-selector/-/file-selector-0.6.0.tgz"
+  "version" "0.6.0"
+  dependencies:
+    "tslib" "^2.4.0"
+
 "filelist@^1.0.1":
   "integrity" "sha512-LwjCsruLWQULGYKy7TX0OPtrL9kLpojOFKc5VCTxdFTV7w5zbsgqVKfnkKG7Qgjtq50gKfO56hJv88OfcGb70Q=="
   "resolved" "https://registry.npmjs.org/filelist/-/filelist-1.0.3.tgz"
@@ -5275,7 +5430,7 @@
   "resolved" "https://registry.npmjs.org/ignore/-/ignore-5.2.0.tgz"
   "version" "5.2.0"
 
-"immer@^9.0.12", "immer@^9.0.7", "immer@>=2.0.0":
+"immer@^9.0.12", "immer@^9.0.7":
   "integrity" "sha512-lk7UNmSbAukB5B6dh9fnh5D0bJTOFKxVg2cyJWTYrWRfhLrLMBquONcUs3aFq507hNoIZEDDh8lb8UtOizSMhA=="
   "resolved" "https://registry.npmjs.org/immer/-/immer-9.0.12.tgz"
   "version" "9.0.12"
@@ -5856,7 +6011,7 @@
     "jest-regex-util" "^27.5.1"
     "jest-snapshot" "^27.5.1"
 
-"jest-resolve@*", "jest-resolve@^27.4.2", "jest-resolve@^27.5.1":
+"jest-resolve@^27.4.2", "jest-resolve@^27.5.1":
   "integrity" "sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw=="
   "resolved" "https://registry.npmjs.org/jest-resolve/-/jest-resolve-27.5.1.tgz"
   "version" "27.5.1"
@@ -6057,7 +6212,7 @@
     "merge-stream" "^2.0.0"
     "supports-color" "^8.0.0"
 
-"jest@^27.0.0 || ^28.0.0", "jest@^27.4.3":
+"jest@^27.4.3":
   "integrity" "sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ=="
   "resolved" "https://registry.npmjs.org/jest/-/jest-27.5.1.tgz"
   "version" "27.5.1"
@@ -6066,6 +6221,11 @@
     "import-local" "^3.0.2"
     "jest-cli" "^27.5.1"
 
+"js-base64@^2.4.9":
+  "integrity" "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
+  "resolved" "https://registry.npmmirror.com/js-base64/-/js-base64-2.6.4.tgz"
+  "version" "2.6.4"
+
 "js-cookie@^2.x.x":
   "integrity" "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
   "resolved" "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz"
@@ -6181,9 +6341,8 @@
   "resolved" "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz"
   "version" "6.1.0"
   dependencies:
-    "universalify" "^2.0.0"
-  optionalDependencies:
     "graceful-fs" "^4.1.6"
+    "universalify" "^2.0.0"
 
 "jsonpointer@^5.0.0":
   "integrity" "sha512-PNYZIdMjVIvVgDSYKTT63Y+KZ6IZvGRNNWcxwD+GNnUz1MKPfv30J8ueCjdwcN0nDx2SlshgyB7Oy0epAzVRRg=="
@@ -6375,6 +6534,43 @@
   dependencies:
     "p-locate" "^5.0.0"
 
+"lodash._baseiteratee@~4.7.0":
+  "integrity" "sha512-nqB9M+wITz0BX/Q2xg6fQ8mLkyfF7MU7eE+MNBNjTHFKeKaZAPEzEg+E8LWxKWf1DQVflNEn9N49yAuqKh2mWQ=="
+  "resolved" "https://registry.npmmirror.com/lodash._baseiteratee/-/lodash._baseiteratee-4.7.0.tgz"
+  "version" "4.7.0"
+  dependencies:
+    "lodash._stringtopath" "~4.8.0"
+
+"lodash._basetostring@~4.12.0":
+  "integrity" "sha512-SwcRIbyxnN6CFEEK4K1y+zuApvWdpQdBHM/swxP962s8HIxPO3alBH5t3m/dl+f4CMUug6sJb7Pww8d13/9WSw=="
+  "resolved" "https://registry.npmmirror.com/lodash._basetostring/-/lodash._basetostring-4.12.0.tgz"
+  "version" "4.12.0"
+
+"lodash._baseuniq@~4.6.0":
+  "integrity" "sha512-Ja1YevpHZctlI5beLA7oc5KNDhGcPixFhcqSiORHNsp/1QTv7amAXzw+gu4YOvErqVlMVyIJGgtzeepCnnur0A=="
+  "resolved" "https://registry.npmmirror.com/lodash._baseuniq/-/lodash._baseuniq-4.6.0.tgz"
+  "version" "4.6.0"
+  dependencies:
+    "lodash._createset" "~4.0.0"
+    "lodash._root" "~3.0.0"
+
+"lodash._createset@~4.0.0":
+  "integrity" "sha512-GTkC6YMprrJZCYU3zcqZj+jkXkrXzq3IPBcF/fIPpNEAB4hZEtXU8zp/RwKOvZl43NUmwDbyRk3+ZTbeRdEBXA=="
+  "resolved" "https://registry.npmmirror.com/lodash._createset/-/lodash._createset-4.0.3.tgz"
+  "version" "4.0.3"
+
+"lodash._root@~3.0.0":
+  "integrity" "sha512-O0pWuFSK6x4EXhM1dhZ8gchNtG7JMqBtrHdoUFUWXD7dJnNSUze1GuyQr5sOs0aCvgGeI3o/OJW8f4ca7FDxmQ=="
+  "resolved" "https://registry.npmmirror.com/lodash._root/-/lodash._root-3.0.1.tgz"
+  "version" "3.0.1"
+
+"lodash._stringtopath@~4.8.0":
+  "integrity" "sha512-SXL66C731p0xPDC5LZg4wI5H+dJo/EO4KTqOMwLYCH3+FmmfAKJEZCm6ohGpI+T1xwsDsJCfL4OnhorllvlTPQ=="
+  "resolved" "https://registry.npmmirror.com/lodash._stringtopath/-/lodash._stringtopath-4.8.0.tgz"
+  "version" "4.8.0"
+  dependencies:
+    "lodash._basetostring" "~4.12.0"
+
 "lodash.debounce@^4.0.8":
   "integrity" "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
   "resolved" "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz"
@@ -6395,14 +6591,27 @@
   "resolved" "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz"
   "version" "4.7.0"
 
+"lodash.throttle@^4.1.1":
+  "integrity" "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ=="
+  "resolved" "https://registry.npmmirror.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz"
+  "version" "4.1.1"
+
 "lodash.uniq@^4.5.0":
   "integrity" "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M="
   "resolved" "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz"
   "version" "4.5.0"
 
+"lodash.uniqby@4.5.0":
+  "integrity" "sha512-IRt7cfTtHy6f1aRVA5n7kT8rgN3N1nH6MOWLcHfpWG2SH19E3JksLK38MktLxZDhlAjCP9jpIXkOnRXlu6oByQ=="
+  "resolved" "https://registry.npmmirror.com/lodash.uniqby/-/lodash.uniqby-4.5.0.tgz"
+  "version" "4.5.0"
+  dependencies:
+    "lodash._baseiteratee" "~4.7.0"
+    "lodash._baseuniq" "~4.6.0"
+
 "lodash@^4.17.15", "lodash@^4.17.20", "lodash@^4.17.21", "lodash@^4.7.0":
   "integrity" "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-  "resolved" "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz"
+  "resolved" "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   "version" "4.17.21"
 
 "loose-envify@^1.1.0", "loose-envify@^1.4.0":
@@ -6586,7 +6795,7 @@
   dependencies:
     "mobx-react-lite" "^3.4.0"
 
-"mobx@^6.1.0", "mobx@^6.5.0":
+"mobx@^6.5.0":
   "integrity" "sha512-pHZ/cySF00FVENDWIDzJyoObFahK6Eg4d0papqm6d7yMkxWTZ/S/csqJX1A3PsYy4t5k3z2QnlwuCfMW5lSEwA=="
   "resolved" "https://registry.npmjs.org/mobx/-/mobx-6.5.0.tgz"
   "version" "6.5.0"
@@ -6598,7 +6807,7 @@
   dependencies:
     "commander" "*"
 
-"moment@^2.24.0", "moment@^2.29.1", "moment@^2.29.3":
+"moment@^2.29.3":
   "integrity" "sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw=="
   "resolved" "https://registry.npmmirror.com/moment/-/moment-2.29.3.tgz"
   "version" "2.29.3"
@@ -7555,15 +7764,6 @@
   "resolved" "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   "version" "4.2.0"
 
-"postcss@^7.0.0 || ^8.0.1", "postcss@^8", "postcss@^8.0.0", "postcss@^8.0.2", "postcss@^8.0.3", "postcss@^8.0.9", "postcss@^8.1.0", "postcss@^8.1.2", "postcss@^8.1.4", "postcss@^8.2.14", "postcss@^8.2.15", "postcss@^8.2.2", "postcss@^8.3", "postcss@^8.3.3", "postcss@^8.3.5", "postcss@^8.4", "postcss@^8.4.12", "postcss@^8.4.4", "postcss@^8.4.6", "postcss@^8.4.7", "postcss@>= 8", "postcss@>=8", "postcss@>=8.0.9":
-  "integrity" "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA=="
-  "resolved" "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz"
-  "version" "8.4.13"
-  dependencies:
-    "nanoid" "^3.3.3"
-    "picocolors" "^1.0.0"
-    "source-map-js" "^1.0.2"
-
 "postcss@^7.0.35":
   "integrity" "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA=="
   "resolved" "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz"
@@ -7572,6 +7772,15 @@
     "picocolors" "^0.2.1"
     "source-map" "^0.6.1"
 
+"postcss@^8.3.5", "postcss@^8.4.12", "postcss@^8.4.4", "postcss@^8.4.7":
+  "integrity" "sha512-jtL6eTBrza5MPzy8oJLFuUscHDXTV5KcLlqAWHl5q5WYRfnNRGSmOZmOZ1T6Gy7A99mOZfqungmZMpMmCVJ8ZA=="
+  "resolved" "https://registry.npmjs.org/postcss/-/postcss-8.4.13.tgz"
+  "version" "8.4.13"
+  dependencies:
+    "nanoid" "^3.3.3"
+    "picocolors" "^1.0.0"
+    "source-map-js" "^1.0.2"
+
 "prelude-ls@^1.2.1":
   "integrity" "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="
   "resolved" "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
@@ -7643,6 +7852,14 @@
     "object-assign" "^4.1.1"
     "react-is" "^16.13.1"
 
+"proper-lockfile@^2.0.1":
+  "integrity" "sha512-rjaeGbsmhNDcDInmwi4MuI6mRwJu6zq8GjYCLuSuE7GF+4UjgzkL69sVKKJ2T2xH61kK7rXvGYpvaTu909oXaQ=="
+  "resolved" "https://registry.npmmirror.com/proper-lockfile/-/proper-lockfile-2.0.1.tgz"
+  "version" "2.0.1"
+  dependencies:
+    "graceful-fs" "^4.1.2"
+    "retry" "^0.10.0"
+
 "proxy-addr@~2.0.7":
   "integrity" "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg=="
   "resolved" "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz"
@@ -7673,6 +7890,11 @@
   dependencies:
     "side-channel" "^1.0.4"
 
+"querystringify@^2.1.1":
+  "integrity" "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
+  "resolved" "https://registry.npmmirror.com/querystringify/-/querystringify-2.2.0.tgz"
+  "version" "2.2.0"
+
 "queue-microtask@^1.2.2":
   "integrity" "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
   "resolved" "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz"
@@ -7754,7 +7976,7 @@
     "strip-ansi" "^6.0.1"
     "text-table" "^0.2.0"
 
-"react-dom@^17.0.0 || ^18.0.0", "react-dom@^17.0.2 || ^18.0.0", "react-dom@^18.0.0", "react-dom@^18.1.0", "react-dom@>=16.6.0", "react-dom@>=16.8":
+"react-dom@^18.1.0":
   "integrity" "sha512-fU1Txz7Budmvamp7bshe4Zi32d0ll7ect+ccxNu9FlObT605GOEB8BfO4tmRJ39R5Zj831VCpvQ05QPBW5yb+w=="
   "resolved" "https://registry.npmjs.org/react-dom/-/react-dom-18.1.0.tgz"
   "version" "18.1.0"
@@ -7762,11 +7984,32 @@
     "loose-envify" "^1.1.0"
     "scheduler" "^0.22.0"
 
+"react-dropzone@^14.2.1":
+  "integrity" "sha512-jzX6wDtAjlfwZ+Fbg+G17EszWUkQVxhMTWMfAC9qSUq7II2pKglHA8aarbFKl0mLpRPDaNUcy+HD/Sf4gkf76Q=="
+  "resolved" "https://registry.npmmirror.com/react-dropzone/-/react-dropzone-14.2.1.tgz"
+  "version" "14.2.1"
+  dependencies:
+    "attr-accept" "^2.2.2"
+    "file-selector" "^0.6.0"
+    "prop-types" "^15.8.1"
+
 "react-error-overlay@^6.0.11":
   "integrity" "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
   "resolved" "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz"
   "version" "6.0.11"
 
+"react-flow-renderer@^10.3.7":
+  "integrity" "sha512-0WGyozT4SzMpim8MQRFBR8hqm11FGApXm+UD05BoAejhcUgohvmckBTRIQKxzGC2WQLR/6oXRzwzRYGQdrb4rw=="
+  "resolved" "https://registry.npmmirror.com/react-flow-renderer/-/react-flow-renderer-10.3.7.tgz"
+  "version" "10.3.7"
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+    "classcat" "^5.0.3"
+    "d3-drag" "^3.0.0"
+    "d3-selection" "^3.0.0"
+    "d3-zoom" "^3.0.0"
+    "zustand" "^3.7.2"
+
 "react-is@^16.13.1":
   "integrity" "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
   "resolved" "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
@@ -7787,7 +8030,7 @@
   "resolved" "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz"
   "version" "18.1.0"
 
-"react-refresh@^0.11.0", "react-refresh@>=0.10.0 <1.0.0":
+"react-refresh@^0.11.0":
   "integrity" "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A=="
   "resolved" "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz"
   "version" "0.11.0"
@@ -7817,7 +8060,7 @@
     "loose-envify" "^1.4.0"
     "prop-types" "^15.6.2"
 
-"react@^16.8.0 || ^17 || ^18", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.1 || ^18.0.0", "react@^17.0.0", "react@^17.0.0 || ^18.0.0", "react@^17.0.2 || ^18.0.0", "react@^18.0.0", "react@^18.1.0", "react@>=16.6.0", "react@>=16.8", "react@>=16.8.0":
+"react@^18.1.0":
   "integrity" "sha512-4oL8ivCz5ZEPyclFQXaNksK3adutVS8l2xzZU0cqEFrE9Sb7fC0EFK5uEk74wIreL1DERyjvsU915j1pcT2uEQ=="
   "resolved" "https://registry.npmjs.org/react/-/react-18.1.0.tgz"
   "version" "18.1.0"
@@ -8021,6 +8264,11 @@
     "is-core-module" "^2.2.0"
     "path-parse" "^1.0.6"
 
+"retry@^0.10.0":
+  "integrity" "sha512-ZXUSQYTHdl3uS7IuCehYfMzKyIDBNoAuUblvy5oGO5UJSUTmStUUVPXbA9Qxd173Bgre53yCQczQuHgRWAdvJQ=="
+  "resolved" "https://registry.npmmirror.com/retry/-/retry-0.10.1.tgz"
+  "version" "0.10.1"
+
 "retry@^0.13.1":
   "integrity" "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg=="
   "resolved" "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz"
@@ -8053,7 +8301,7 @@
     "serialize-javascript" "^4.0.0"
     "terser" "^5.0.0"
 
-"rollup@^1.20.0 || ^2.0.0", "rollup@^1.20.0||^2.0.0", "rollup@^2.0.0", "rollup@^2.43.1":
+"rollup@^2.43.1":
   "integrity" "sha512-KqtR2YcO35/KKijg4nx4STO3569aqCUeGRkKWnJ6r+AvBBrVY9L4pmf4NHVrQr4mTOq6msbohflxr2kpihhaOA=="
   "resolved" "https://registry.npmjs.org/rollup/-/rollup-2.72.0.tgz"
   "version" "2.72.0"
@@ -8872,11 +9120,20 @@
   "resolved" "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz"
   "version" "1.14.1"
 
-"tslib@^2.0.3":
+"tslib@^2.0.3", "tslib@^2.4.0":
   "integrity" "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
   "resolved" "https://registry.npmjs.org/tslib/-/tslib-2.4.0.tgz"
   "version" "2.4.0"
 
+"tss-react@^3.7.0":
+  "integrity" "sha512-thvJWR+sr3ZGMcV/Ryo1F5RzjXd1gMTzYV/ckfUEBhu701uTYE3KyL9DNxv827uRFPFSLYG7bKefuc7kmYMB9Q=="
+  "resolved" "https://registry.npmmirror.com/tss-react/-/tss-react-3.7.0.tgz"
+  "version" "3.7.0"
+  dependencies:
+    "@emotion/cache" "*"
+    "@emotion/serialize" "*"
+    "@emotion/utils" "*"
+
 "tsutils@^3.21.0":
   "integrity" "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA=="
   "resolved" "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz"
@@ -8884,6 +9141,18 @@
   dependencies:
     "tslib" "^1.8.1"
 
+"tus-js-client@2.1.1":
+  "integrity" "sha512-ILpgHlR0nfKxmlkXfrZ2z61upkHEXhADOGbGyvXSPjp7bn1NhU50p/Mu59q577Xirayr9vlW4tmoFqUrHKcWeQ=="
+  "resolved" "https://registry.npmmirror.com/tus-js-client/-/tus-js-client-2.1.1.tgz"
+  "version" "2.1.1"
+  dependencies:
+    "buffer-from" "^0.1.1"
+    "combine-errors" "^3.0.3"
+    "js-base64" "^2.4.9"
+    "lodash.throttle" "^4.1.1"
+    "proper-lockfile" "^2.0.1"
+    "url-parse" "^1.4.3"
+
 "type-check@^0.4.0", "type-check@~0.4.0":
   "integrity" "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew=="
   "resolved" "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz"
@@ -8913,7 +9182,7 @@
   "resolved" "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
   "version" "0.20.2"
 
-"type-fest@^0.21.3", "type-fest@>=0.17.0 <3.0.0":
+"type-fest@^0.21.3":
   "integrity" "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w=="
   "resolved" "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz"
   "version" "0.21.3"
@@ -8933,7 +9202,7 @@
   dependencies:
     "is-typedarray" "^1.0.0"
 
-"typescript@^4.6.4", "typescript@>= 2.7", "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta":
+"typescript@^4.6.4":
   "integrity" "sha512-9ia/jWHIEbo49HfjrLGfKbZSuWo9iTMwXO+Ca3pRsSpbsMbc7/IU8NKdCZVRRBafVPGnoJeFL76ZOAA84I9fEg=="
   "resolved" "https://registry.npmjs.org/typescript/-/typescript-4.6.4.tgz"
   "version" "4.6.4"
@@ -9010,6 +9279,14 @@
   dependencies:
     "punycode" "^2.1.0"
 
+"url-parse@^1.4.3":
+  "integrity" "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ=="
+  "resolved" "https://registry.npmmirror.com/url-parse/-/url-parse-1.5.10.tgz"
+  "version" "1.5.10"
+  dependencies:
+    "querystringify" "^2.1.1"
+    "requires-port" "^1.0.0"
+
 "use-immer@^0.7.0":
   "integrity" "sha512-Re4hjrP3a/2ABZjAc0b7AK9s626bnO+H33RO2VUhiDZ2StBz5B663K6WNNlr4QtHWaGUmvLpwt3whFvvWuolQw=="
   "resolved" "https://registry.npmjs.org/use-immer/-/use-immer-0.7.0.tgz"
@@ -9131,7 +9408,7 @@
     "range-parser" "^1.2.1"
     "schema-utils" "^4.0.0"
 
-"webpack-dev-server@^4.6.0", "webpack-dev-server@3.x || 4.x":
+"webpack-dev-server@^4.6.0":
   "integrity" "sha512-+Nlb39iQSOSsFv0lWUuUTim3jDQO8nhK3E68f//J2r5rIcp4lULHXz2oZ0UVdEeWXEh5lSzYUlzarZhDAeAVQw=="
   "resolved" "https://registry.npmmirror.com/webpack-dev-server/-/webpack-dev-server-4.9.0.tgz"
   "version" "4.9.0"
@@ -9194,7 +9471,7 @@
   "resolved" "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz"
   "version" "3.2.3"
 
-"webpack@^4.0.0 || ^5.0.0", "webpack@^4.37.0 || ^5.0.0", "webpack@^4.4.0 || ^5.9.0", "webpack@^4.44.2 || ^5.47.0", "webpack@^5.0.0", "webpack@^5.1.0", "webpack@^5.20.0", "webpack@^5.64.4", "webpack@>= 4", "webpack@>=2", "webpack@>=4.43.0 <6.0.0":
+"webpack@^5.64.4":
   "integrity" "sha512-qmSmbspI0Qo5ld49htys8GY9XhS9CGqFoHTsOVAnjBdg0Zn79y135R+k4IR4rKK6+eKaabMhJwiVB7xw0SJu5w=="
   "resolved" "https://registry.npmjs.org/webpack/-/webpack-5.72.0.tgz"
   "version" "5.72.0"
@@ -9558,3 +9835,8 @@
   "integrity" "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
   "resolved" "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"
   "version" "0.1.0"
+
+"zustand@^3.7.2":
+  "integrity" "sha512-PIJDIZKtokhof+9+60cpockVOq05sJzHCriyvaLBmEJixseQ1a5Kdov6fWZfWOu5SK9c+FhH1jU0tntLxRJYMA=="
+  "resolved" "https://registry.npmmirror.com/zustand/-/zustand-3.7.2.tgz"
+  "version" "3.7.2"