From 3c946bf6e438a7f69e437c96798960deaafbd50d Mon Sep 17 00:00:00 2001
From: jpuzz0 <96431149+jpuzz0@users.noreply.github.com>
Date: Wed, 31 Jul 2024 16:21:42 -0400
Subject: [PATCH 01/11] [RHOAIENG-7485] Admin - Database status in Model
 Registry Table (#3046)

---
 .../ModelRegistriesTableRow.tsx               |   4 +
 .../ModelRegistryTableRowStatus.tsx           | 157 +++++++
 .../ModelRegistryTableRowStatus.spec.tsx      | 389 ++++++++++++++++++
 .../pages/modelRegistrySettings/columns.ts    |   5 +
 4 files changed, 555 insertions(+)
 create mode 100644 frontend/src/pages/modelRegistrySettings/ModelRegistryTableRowStatus.tsx
 create mode 100644 frontend/src/pages/modelRegistrySettings/__tests__/ModelRegistryTableRowStatus.spec.tsx

diff --git a/frontend/src/pages/modelRegistrySettings/ModelRegistriesTableRow.tsx b/frontend/src/pages/modelRegistrySettings/ModelRegistriesTableRow.tsx
index 6a7e84615c..cd75a344f5 100644
--- a/frontend/src/pages/modelRegistrySettings/ModelRegistriesTableRow.tsx
+++ b/frontend/src/pages/modelRegistrySettings/ModelRegistriesTableRow.tsx
@@ -5,6 +5,7 @@ import { ModelRegistryKind } from '~/k8sTypes';
 import ResourceNameTooltip from '~/components/ResourceNameTooltip';
 import ViewDatabaseConfigModal from './ViewDatabaseConfigModal';
 import DeleteModelRegistryModal from './DeleteModelRegistryModal';
+import { ModelRegistryTableRowStatus } from './ModelRegistryTableRowStatus';
 
 type ModelRegistriesTableRowProps = {
   modelRegistry: ModelRegistryKind;
@@ -30,6 +31,9 @@ const ModelRegistriesTableRow: React.FC<ModelRegistriesTableRowProps> = ({
             <p>{mr.metadata.annotations['openshift.io/description']}</p>
           )}
         </Td>
+        <Td dataLabel="Status">
+          <ModelRegistryTableRowStatus conditions={mr.status?.conditions} />
+        </Td>
         <Td modifier="fitContent">
           <Link
             aria-label={`Manage permissions for model registry ${mr.metadata.name}`}
diff --git a/frontend/src/pages/modelRegistrySettings/ModelRegistryTableRowStatus.tsx b/frontend/src/pages/modelRegistrySettings/ModelRegistryTableRowStatus.tsx
new file mode 100644
index 0000000000..7536cb77e6
--- /dev/null
+++ b/frontend/src/pages/modelRegistrySettings/ModelRegistryTableRowStatus.tsx
@@ -0,0 +1,157 @@
+import React from 'react';
+
+import { Label, Popover, Stack, StackItem } from '@patternfly/react-core';
+import {
+  CheckCircleIcon,
+  DegradedIcon,
+  ExclamationCircleIcon,
+  ExclamationTriangleIcon,
+  InProgressIcon,
+} from '@patternfly/react-icons';
+
+import { K8sCondition } from '~/k8sTypes';
+
+enum ModelRegistryStatus {
+  Progressing = 'Progressing',
+  Degraded = 'Degraded',
+  Available = 'Available',
+  IstioAvailable = 'IstioAvailable',
+  GatewayAvailable = 'GatewayAvailable',
+}
+
+enum ModelRegistryStatusLabel {
+  Progressing = 'Progressing',
+  Available = 'Available',
+  Degrading = 'Degrading',
+  Unavailable = 'Unavailable',
+}
+
+enum ConditionStatus {
+  True = 'True',
+  False = 'False',
+}
+
+interface ModelRegistryTableRowStatusProps {
+  conditions: K8sCondition[] | undefined;
+}
+
+export const ModelRegistryTableRowStatus: React.FC<ModelRegistryTableRowStatusProps> = ({
+  conditions,
+}) => {
+  const conditionsMap =
+    conditions?.reduce((acc: Record<string, K8sCondition | undefined>, condition) => {
+      acc[condition.type] = condition;
+      return acc;
+    }, {}) ?? {};
+  let statusLabel: string = ModelRegistryStatusLabel.Progressing;
+  let icon = <InProgressIcon />;
+  let color: React.ComponentProps<typeof Label>['color'] = 'blue';
+  let popoverMessages: string[] = [];
+  let popoverTitle = '';
+
+  if (Object.values(conditionsMap).length) {
+    const {
+      [ModelRegistryStatus.Available]: availableCondition,
+      [ModelRegistryStatus.Progressing]: progressCondition,
+      [ModelRegistryStatus.Degraded]: degradedCondition,
+    } = conditionsMap;
+    const lastAvailableConditionTime = new Date(
+      availableCondition?.lastTransitionTime ?? '',
+    ).getTime();
+
+    popoverMessages =
+      availableCondition?.status === ConditionStatus.False
+        ? Object.values(conditionsMap).reduce((messages: string[], condition) => {
+            if (condition?.status === ConditionStatus.False && condition.message) {
+              messages.push(condition.message);
+            }
+
+            return messages;
+          }, [])
+        : [];
+
+    // Available
+    if (availableCondition?.status === ConditionStatus.True) {
+      statusLabel = ModelRegistryStatusLabel.Available;
+      icon = <CheckCircleIcon />;
+      color = 'green';
+    }
+    // Progressing
+    else if (
+      progressCondition?.status === ConditionStatus.True &&
+      lastAvailableConditionTime < new Date(progressCondition.lastTransitionTime ?? '').getTime()
+    ) {
+      statusLabel = ModelRegistryStatusLabel.Progressing;
+      icon = <InProgressIcon />;
+      color = 'blue';
+    }
+    // Degrading
+    else if (
+      degradedCondition?.status === ConditionStatus.True &&
+      lastAvailableConditionTime < new Date(degradedCondition.lastTransitionTime ?? '').getTime()
+    ) {
+      statusLabel = ModelRegistryStatusLabel.Degrading;
+      icon = <DegradedIcon />;
+      color = 'gold';
+      popoverTitle = 'Service is degrading';
+    }
+    // Unavailable
+    else {
+      statusLabel = ModelRegistryStatusLabel.Unavailable;
+      icon = <ExclamationCircleIcon />;
+      color = 'red';
+
+      const {
+        [ModelRegistryStatus.IstioAvailable]: istioAvailableCondition,
+        [ModelRegistryStatus.GatewayAvailable]: gatewayAvailableCondition,
+      } = conditionsMap;
+
+      if (
+        istioAvailableCondition?.status === ConditionStatus.False &&
+        gatewayAvailableCondition?.status === ConditionStatus.False
+      ) {
+        popoverTitle = 'Istio resources and Istio Gateway resources are both unavailable';
+      } else if (istioAvailableCondition?.status === ConditionStatus.False) {
+        popoverTitle = 'Istio resources are unavailable';
+      } else if (gatewayAvailableCondition?.status === ConditionStatus.False) {
+        popoverTitle = 'Istio Gateway resources are unavailable';
+      } else if (
+        istioAvailableCondition?.status === ConditionStatus.True &&
+        gatewayAvailableCondition?.status === ConditionStatus.True
+      ) {
+        popoverTitle = 'Deployment is unavailable';
+      } else {
+        popoverTitle = 'Service is unavailable';
+      }
+    }
+  }
+
+  const label = (
+    <Label data-testid="model-registry-label" icon={icon} color={color} isCompact>
+      {statusLabel}
+    </Label>
+  );
+
+  return popoverTitle && popoverMessages.length ? (
+    <Popover
+      headerContent={popoverTitle}
+      {...(statusLabel === ModelRegistryStatusLabel.Degrading
+        ? {
+            alertSeverityVariant: 'warning',
+            headerIcon: <ExclamationTriangleIcon />,
+          }
+        : { alertSeverityVariant: 'danger', headerIcon: <ExclamationCircleIcon /> })}
+      bodyContent={
+        <Stack hasGutter>
+          {popoverMessages.map((message, index) => (
+            <StackItem key={`message-${index}`}>{message}</StackItem>
+          ))}
+        </Stack>
+      }
+    >
+      {label}
+    </Popover>
+  ) : (
+    label
+  );
+};
diff --git a/frontend/src/pages/modelRegistrySettings/__tests__/ModelRegistryTableRowStatus.spec.tsx b/frontend/src/pages/modelRegistrySettings/__tests__/ModelRegistryTableRowStatus.spec.tsx
new file mode 100644
index 0000000000..969a24a313
--- /dev/null
+++ b/frontend/src/pages/modelRegistrySettings/__tests__/ModelRegistryTableRowStatus.spec.tsx
@@ -0,0 +1,389 @@
+import React from 'react';
+
+import { render, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import '@testing-library/jest-dom';
+
+import { ModelRegistryTableRowStatus } from '~/pages/modelRegistrySettings/ModelRegistryTableRowStatus';
+
+describe('ModelRegistryTableRowStatus', () => {
+  it('renders "Istio resources and Istio Gateway resources are both unavailable" as popover title', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          { status: 'False', type: 'Available', message: 'Some unavailable message' },
+          {
+            status: 'False',
+            type: 'IstioAvailable',
+            message: 'Some istio unavailable message',
+          },
+          {
+            status: 'False',
+            type: 'GatewayAvailable',
+            message: 'Some gateway unavailable message',
+          },
+        ]}
+      />,
+    );
+
+    await user.click(screen.getByText('Unavailable'));
+    expect(
+      screen.getByRole('heading', {
+        name: 'danger alert: Istio resources and Istio Gateway resources are both unavailable',
+      }),
+    ).toBeVisible();
+  });
+
+  it('renders "Istio resources are unavailable" as popover title', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          { status: 'False', type: 'Available', message: 'Some unavailable message' },
+          {
+            status: 'False',
+            type: 'IstioAvailable',
+            message: 'Some istio unavailable message',
+          },
+          {
+            status: 'True',
+            type: 'GatewayAvailable',
+          },
+        ]}
+      />,
+    );
+
+    await user.click(screen.getByText('Unavailable'));
+    expect(
+      screen.getByRole('heading', { name: 'danger alert: Istio resources are unavailable' }),
+    ).toBeVisible();
+  });
+
+  it('renders "Istio Gateway resources are unavailable" as popover title', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          { status: 'False', type: 'Available', message: 'Some unavailable message' },
+          {
+            status: 'True',
+            type: 'IstioAvailable',
+          },
+          {
+            status: 'False',
+            type: 'GatewayAvailable',
+            message: 'Some gateway unavailable message',
+          },
+        ]}
+      />,
+    );
+
+    await user.click(screen.getByText('Unavailable'));
+    expect(
+      screen.getByRole('heading', {
+        name: 'danger alert: Istio Gateway resources are unavailable',
+      }),
+    ).toBeVisible();
+  });
+
+  it('renders "Deployment is unavailable" as popover title', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          { status: 'False', type: 'Available', message: 'Some unavailable message' },
+          {
+            status: 'True',
+            type: 'IstioAvailable',
+          },
+          {
+            status: 'True',
+            type: 'GatewayAvailable',
+          },
+        ]}
+      />,
+    );
+
+    await user.click(screen.getByText('Unavailable'));
+    expect(
+      screen.getByRole('heading', { name: 'danger alert: Deployment is unavailable' }),
+    ).toBeVisible();
+  });
+
+  it('renders "Available" status', () => {
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          { status: 'False', type: 'Degraded' },
+          { status: 'True', type: 'Available' },
+        ]}
+      />,
+    );
+    expect(screen.getByText('Available')).toBeVisible();
+  });
+
+  it('renders "Progressing" status when conditions are empty', () => {
+    render(<ModelRegistryTableRowStatus conditions={[]} />);
+    expect(screen.getByText('Progressing')).toBeVisible();
+  });
+
+  it('renders "Progressing" status when conditions are undefined', () => {
+    render(<ModelRegistryTableRowStatus conditions={undefined} />);
+    expect(screen.getByText('Progressing')).toBeVisible();
+  });
+
+  it('renders "Unavailable" status when the last "Progressing" time is less than the latest "Available" time', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          {
+            lastTransitionTime: '2024-07-17T00:00:00Z',
+            status: 'True',
+            type: 'Progressing',
+          },
+          {
+            lastTransitionTime: '2024-07-18T00:00:00Z',
+            status: 'False',
+            type: 'Available',
+            message: 'Some unavailable message',
+          },
+        ]}
+      />,
+    );
+
+    const label = screen.getByText('Unavailable');
+    expect(label).toBeVisible();
+
+    await user.click(label);
+
+    expect(
+      screen.getByRole('heading', { name: 'danger alert: Service is unavailable' }),
+    ).toBeVisible();
+    expect(screen.getByText('Some unavailable message')).toBeVisible();
+  });
+
+  it('renders "Progressing" status when the last "Progressing" time is greater than the latest "Available" time', () => {
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          {
+            lastTransitionTime: '2024-07-18T00:00:00Z',
+            status: 'True',
+            type: 'Progressing',
+          },
+          {
+            lastTransitionTime: '2024-07-17T00:00:00Z',
+            status: 'False',
+            type: 'Available',
+            message: 'Some unavailable message',
+          },
+        ]}
+      />,
+    );
+
+    expect(screen.getByText('Progressing')).toBeVisible();
+  });
+
+  it('renders "Unavailable" status when the last "Progressing" time is equal to the latest "Available" time', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          {
+            lastTransitionTime: '2024-07-17T00:00:00Z',
+            status: 'True',
+            type: 'Progressing',
+          },
+          {
+            lastTransitionTime: '2024-07-17T00:00:00Z',
+            status: 'False',
+            type: 'Available',
+            message: 'Some unavailable message',
+          },
+        ]}
+      />,
+    );
+
+    const label = screen.getByText('Unavailable');
+    expect(label).toBeVisible();
+
+    await user.click(label);
+
+    expect(
+      screen.getByRole('heading', { name: 'danger alert: Service is unavailable' }),
+    ).toBeVisible();
+    expect(screen.getByText('Some unavailable message')).toBeVisible();
+  });
+
+  it('renders "Unavailable" status when the last "Degraded" time is less than the latest "Available" time', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          {
+            lastTransitionTime: '2024-07-17T00:00:00Z',
+            status: 'True',
+            type: 'Degraded',
+          },
+          {
+            lastTransitionTime: '2024-07-18T00:00:00Z',
+            status: 'False',
+            type: 'Available',
+            message: 'Some unavailable message',
+          },
+        ]}
+      />,
+    );
+
+    const label = screen.getByText('Unavailable');
+    expect(label).toBeVisible();
+
+    await user.click(label);
+
+    expect(
+      screen.getByRole('heading', { name: 'danger alert: Service is unavailable' }),
+    ).toBeVisible();
+    expect(screen.getByText('Some unavailable message')).toBeVisible();
+  });
+
+  it('renders "Degrading" status when the last "Degraded" time is greater than the latest "Available" time', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          {
+            lastTransitionTime: '2024-07-18T00:00:00Z',
+            status: 'True',
+            type: 'Degraded',
+          },
+          {
+            lastTransitionTime: '2024-07-17T00:00:00Z',
+            status: 'False',
+            type: 'Available',
+            message: 'Some unavailable message',
+          },
+        ]}
+      />,
+    );
+
+    const label = screen.getByText('Degrading');
+    expect(label).toBeVisible();
+
+    await user.click(label);
+
+    expect(
+      screen.getByRole('heading', { name: 'warning alert: Service is degrading' }),
+    ).toBeVisible();
+    expect(screen.getByText('Some unavailable message')).toBeVisible();
+  });
+
+  it('renders "Unavailable" status when the last "Degraded" time is equal to the latest "Available" time', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          {
+            lastTransitionTime: '2024-07-17T00:00:00Z',
+            status: 'True',
+            type: 'Degraded',
+          },
+          {
+            lastTransitionTime: '2024-07-17T00:00:00Z',
+            status: 'False',
+            type: 'Available',
+            message: 'Some unavailable message',
+          },
+        ]}
+      />,
+    );
+
+    const label = screen.getByText('Unavailable');
+    expect(label).toBeVisible();
+
+    await user.click(label);
+
+    expect(
+      screen.getByRole('heading', { name: 'danger alert: Service is unavailable' }),
+    ).toBeVisible();
+    expect(screen.getByText('Some unavailable message')).toBeVisible();
+  });
+
+  it('renders "Unavailable" with multiple messages in popover', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          {
+            status: 'False',
+            type: 'Progressing',
+            message: 'Some unavailable message 1',
+          },
+          {
+            status: 'False',
+            type: 'Degraded',
+            message: 'Some unavailable message 2',
+          },
+          {
+            status: 'False',
+            type: 'Available',
+            message: 'Some unavailable message 3',
+          },
+        ]}
+      />,
+    );
+
+    const label = screen.getByText('Unavailable');
+    expect(label).toBeVisible();
+
+    await user.click(label);
+
+    expect(
+      screen.getByRole('heading', { name: 'danger alert: Service is unavailable' }),
+    ).toBeVisible();
+    expect(screen.getByText('Some unavailable message 1')).toBeVisible();
+    expect(screen.getByText('Some unavailable message 2')).toBeVisible();
+    expect(screen.getByText('Some unavailable message 3')).toBeVisible();
+  });
+
+  it('renders "Unavailable" with an unknown status', async () => {
+    const user = userEvent.setup();
+
+    render(
+      <ModelRegistryTableRowStatus
+        conditions={[
+          {
+            status: 'False',
+            type: 'Available',
+            message: 'Some unknown status message',
+          },
+          {
+            status: 'True',
+            type: 'Unknown',
+          },
+        ]}
+      />,
+    );
+
+    const label = screen.getByText('Unavailable');
+    expect(label).toBeVisible();
+
+    await user.click(label);
+
+    expect(
+      screen.getByRole('heading', { name: 'danger alert: Service is unavailable' }),
+    ).toBeVisible();
+    expect(screen.getByText('Some unknown status message')).toBeVisible();
+  });
+});
diff --git a/frontend/src/pages/modelRegistrySettings/columns.ts b/frontend/src/pages/modelRegistrySettings/columns.ts
index e9711b1633..4362dd020c 100644
--- a/frontend/src/pages/modelRegistrySettings/columns.ts
+++ b/frontend/src/pages/modelRegistrySettings/columns.ts
@@ -8,6 +8,11 @@ export const modelRegistryColumns: SortableData<ModelRegistryKind>[] = [
     sortable: (a, b) => a.metadata.name.localeCompare(b.metadata.name),
     width: 30,
   },
+  {
+    field: 'status',
+    label: 'Status',
+    sortable: false,
+  },
   {
     field: 'manage permissions',
     label: '',

From 45b6306dc7f57a395fcd21e02bb9f9d4dd5bbfa8 Mon Sep 17 00:00:00 2001
From: Robert Sun <107655677+rsun19@users.noreply.github.com>
Date: Thu, 1 Aug 2024 15:42:17 -0400
Subject: [PATCH 02/11] moving testing dependencies to optional (#3042)

---
 frontend/package-lock.json | 1458 ++++++++++++++++++------------------
 frontend/package.json      |   50 +-
 2 files changed, 753 insertions(+), 755 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 66f037f0bc..53ac2b02a2 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -51,14 +51,6 @@
       },
       "devDependencies": {
         "@babel/core": "^7.21.0",
-        "@cypress/code-coverage": "^3.12.34",
-        "@jsdevtools/coverage-istanbul-loader": "^3.0.5",
-        "@testing-library/cypress": "^10.0.1",
-        "@testing-library/dom": "^9.3.4",
-        "@testing-library/jest-dom": "^6.3.0",
-        "@testing-library/react": "^14.0.0",
-        "@testing-library/user-event": "^14.5.2",
-        "@types/chai-subset": "^1.3.5",
         "@types/dompurify": "^2.2.6",
         "@types/google-protobuf": "^3.7.2",
         "@types/js-yaml": "^4.0.6",
@@ -70,45 +62,30 @@
         "@types/react-router-dom": "^5.3.3",
         "@types/showdown": "^2.0.3",
         "@types/ws": "^8.5.10",
-        "@typescript-eslint/eslint-plugin": "^7.1.1",
-        "@typescript-eslint/parser": "^7.1.1",
         "babel-loader": "^8.3.0",
         "babel-plugin-transform-imports": "^2.0.0",
-        "chai-subset": "^1.6.0",
         "concurrently": "^8.2.2",
         "copy-webpack-plugin": "^12.0.2",
         "core-js": "^3.37.1",
         "css-loader": "^5.2.7",
         "css-minimizer-webpack-plugin": "^4.2.2",
-        "cypress": "^13.10.0",
-        "cypress-axe": "^1.5.0",
-        "cypress-high-resolution": "^1.0.0",
-        "cypress-mochawesome-reporter": "^3.8.2",
-        "cypress-multi-reporters": "^1.6.4",
         "dotenv": "^8.2.0",
         "dotenv-expand": "^5.1.0",
         "dotenv-webpack": "^6.0.0",
-        "expect": "^29.7.0",
         "file-loader": "^6.1.1",
         "html-webpack-plugin": "^5.5.0",
-        "http-server": "^14.1.1",
         "imagemin": "^7.0.0",
-        "istanbul-merge": "^2.0.0",
         "js-yaml-loader": "^1.2.2",
-        "junit-report-merger": "^7.0.0",
         "mini-css-extract-plugin": "^2.7.2",
-        "mocha-junit-reporter": "^2.2.1",
         "monaco-editor-webpack-plugin": "^7.0.1",
         "npm-run-all": "^4.1.5",
         "null-loader": "^4.0.1",
-        "nyc": "^15.1.0",
         "prettier": "^2.1.2",
         "protobufjs": "^7.3.2",
         "raw-loader": "^4.0.2",
         "regenerator-runtime": "^0.13.7",
         "rimraf": "^3.0.2",
         "sass-loader": "^13.2.0",
-        "serve": "^14.2.1",
         "style-loader": "^2.0.0",
         "svg-url-loader": "^6.0.0",
         "terser-webpack-plugin": "^5.3.6",
@@ -117,7 +94,6 @@
         "typescript": "^5.3.3",
         "url-loader": "^4.1.1",
         "victory-core": "^36.8.3",
-        "wait-on": "^7.2.0",
         "webpack": "^5.76.0",
         "webpack-bundle-analyzer": "^4.7.0",
         "webpack-cli": "^4.10.0",
@@ -131,7 +107,23 @@
         "@babel/preset-env": "^7.21.5",
         "@babel/preset-react": "^7.18.6",
         "@babel/preset-typescript": "^7.21.5",
+        "@cypress/code-coverage": "^3.12.34",
+        "@jsdevtools/coverage-istanbul-loader": "^3.0.5",
+        "@testing-library/cypress": "^10.0.1",
+        "@testing-library/dom": "^9.3.4",
+        "@testing-library/jest-dom": "^6.3.0",
+        "@testing-library/react": "^14.0.0",
+        "@testing-library/user-event": "^14.5.2",
+        "@types/chai-subset": "^1.3.5",
         "@types/jest": "^28.1.8",
+        "@typescript-eslint/eslint-plugin": "^7.1.1",
+        "@typescript-eslint/parser": "^7.1.1",
+        "chai-subset": "^1.6.0",
+        "cypress": "^13.10.0",
+        "cypress-axe": "^1.5.0",
+        "cypress-high-resolution": "^1.0.0",
+        "cypress-mochawesome-reporter": "^3.8.2",
+        "cypress-multi-reporters": "^1.6.4",
         "eslint": "^8.57.0",
         "eslint-config-prettier": "^8.6.0",
         "eslint-import-resolver-node": "^0.3.7",
@@ -144,17 +136,25 @@
         "eslint-plugin-prettier": "^4.2.1",
         "eslint-plugin-react": "^7.32.2",
         "eslint-plugin-react-hooks": "^4.6.0",
+        "expect": "^29.7.0",
+        "http-server": "^14.1.1",
+        "istanbul-merge": "^2.0.0",
         "jest": "^28.1.3",
         "jest-environment-jsdom": "^29.4.3",
+        "junit-report-merger": "^7.0.0",
+        "mocha-junit-reporter": "^2.2.1",
         "npm-run-all": "^4.1.5",
-        "ts-jest": "^28.0.8"
+        "nyc": "^15.1.0",
+        "serve": "^14.2.1",
+        "ts-jest": "^28.0.8",
+        "wait-on": "^7.2.0"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
       "version": "1.2.6",
       "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
       "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -163,7 +163,7 @@
       "version": "4.3.3",
       "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.3.3.tgz",
       "integrity": "sha512-rE0Pygv0sEZ4vBWHlAgJLGDU7Pm8xoO6p3wsEceb7GYAjScrOHpEo8KK/eVkAcnSM+slAEtXjA2JpdjLp4fJQQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@ampproject/remapping": {
       "version": "2.2.1",
@@ -249,7 +249,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz",
       "integrity": "sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/types": "^7.22.5"
       },
@@ -261,7 +261,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz",
       "integrity": "sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/types": "^7.22.15"
       },
@@ -289,7 +289,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz",
       "integrity": "sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-environment-visitor": "^7.22.5",
@@ -312,7 +312,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz",
       "integrity": "sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "regexpu-core": "^5.3.1",
@@ -329,7 +329,7 @@
       "version": "0.4.2",
       "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz",
       "integrity": "sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -379,7 +379,7 @@
       "version": "7.23.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz",
       "integrity": "sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/types": "^7.23.0"
       },
@@ -422,7 +422,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz",
       "integrity": "sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/types": "^7.22.5"
       },
@@ -434,7 +434,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
       "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -443,7 +443,7 @@
       "version": "7.22.20",
       "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz",
       "integrity": "sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-environment-visitor": "^7.22.20",
@@ -460,7 +460,7 @@
       "version": "7.22.20",
       "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz",
       "integrity": "sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-member-expression-to-functions": "^7.22.15",
@@ -489,7 +489,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz",
       "integrity": "sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/types": "^7.22.5"
       },
@@ -540,7 +540,7 @@
       "version": "7.22.20",
       "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz",
       "integrity": "sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-function-name": "^7.22.5",
         "@babel/template": "^7.22.15",
@@ -594,7 +594,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz",
       "integrity": "sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -609,7 +609,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz",
       "integrity": "sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
@@ -626,7 +626,7 @@
       "version": "7.21.0-placeholder-for-preset-env.2",
       "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
       "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=6.9.0"
       },
@@ -638,7 +638,7 @@
       "version": "7.8.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
       "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -662,7 +662,7 @@
       "version": "7.12.13",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
       "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.12.13"
       },
@@ -674,7 +674,7 @@
       "version": "7.14.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
       "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
       },
@@ -689,7 +689,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
       "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -701,7 +701,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
       "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.3"
       },
@@ -713,7 +713,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz",
       "integrity": "sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -728,7 +728,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz",
       "integrity": "sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -743,7 +743,7 @@
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
       "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -755,7 +755,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
       "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -782,7 +782,7 @@
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
       "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -794,7 +794,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
       "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -806,7 +806,7 @@
       "version": "7.10.4",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
       "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.10.4"
       },
@@ -818,7 +818,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
       "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -830,7 +830,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
       "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -842,7 +842,7 @@
       "version": "7.8.3",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
       "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
       },
@@ -854,7 +854,7 @@
       "version": "7.14.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
       "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
       },
@@ -869,7 +869,7 @@
       "version": "7.14.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
       "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.14.5"
       },
@@ -899,7 +899,7 @@
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
       "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.18.6",
         "@babel/helper-plugin-utils": "^7.18.6"
@@ -915,7 +915,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz",
       "integrity": "sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -930,7 +930,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.15.tgz",
       "integrity": "sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -948,7 +948,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz",
       "integrity": "sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-module-imports": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -965,7 +965,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz",
       "integrity": "sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -980,7 +980,7 @@
       "version": "7.23.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.0.tgz",
       "integrity": "sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -995,7 +995,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz",
       "integrity": "sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1011,7 +1011,7 @@
       "version": "7.22.11",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz",
       "integrity": "sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.22.11",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -1028,7 +1028,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz",
       "integrity": "sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-compilation-targets": "^7.22.15",
@@ -1051,7 +1051,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz",
       "integrity": "sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/template": "^7.22.5"
@@ -1067,7 +1067,7 @@
       "version": "7.23.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.0.tgz",
       "integrity": "sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1082,7 +1082,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz",
       "integrity": "sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1098,7 +1098,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz",
       "integrity": "sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1113,7 +1113,7 @@
       "version": "7.22.11",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz",
       "integrity": "sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-dynamic-import": "^7.8.3"
@@ -1129,7 +1129,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz",
       "integrity": "sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-builder-binary-assignment-operator-visitor": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1145,7 +1145,7 @@
       "version": "7.22.11",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz",
       "integrity": "sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
@@ -1161,7 +1161,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz",
       "integrity": "sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1176,7 +1176,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz",
       "integrity": "sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.5",
         "@babel/helper-function-name": "^7.22.5",
@@ -1193,7 +1193,7 @@
       "version": "7.22.11",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz",
       "integrity": "sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-json-strings": "^7.8.3"
@@ -1209,7 +1209,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz",
       "integrity": "sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1224,7 +1224,7 @@
       "version": "7.22.11",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz",
       "integrity": "sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
@@ -1240,7 +1240,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz",
       "integrity": "sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1255,7 +1255,7 @@
       "version": "7.23.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.0.tgz",
       "integrity": "sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-module-transforms": "^7.23.0",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1271,7 +1271,7 @@
       "version": "7.23.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.0.tgz",
       "integrity": "sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-module-transforms": "^7.23.0",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -1288,7 +1288,7 @@
       "version": "7.23.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.0.tgz",
       "integrity": "sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-hoist-variables": "^7.22.5",
         "@babel/helper-module-transforms": "^7.23.0",
@@ -1306,7 +1306,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz",
       "integrity": "sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-module-transforms": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1322,7 +1322,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz",
       "integrity": "sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1338,7 +1338,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz",
       "integrity": "sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1353,7 +1353,7 @@
       "version": "7.22.11",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz",
       "integrity": "sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
@@ -1369,7 +1369,7 @@
       "version": "7.22.11",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz",
       "integrity": "sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-numeric-separator": "^7.10.4"
@@ -1385,7 +1385,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz",
       "integrity": "sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/compat-data": "^7.22.9",
         "@babel/helper-compilation-targets": "^7.22.15",
@@ -1404,7 +1404,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz",
       "integrity": "sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-replace-supers": "^7.22.5"
@@ -1420,7 +1420,7 @@
       "version": "7.22.11",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz",
       "integrity": "sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
@@ -1436,7 +1436,7 @@
       "version": "7.23.0",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.0.tgz",
       "integrity": "sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
@@ -1453,7 +1453,7 @@
       "version": "7.22.15",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz",
       "integrity": "sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1468,7 +1468,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz",
       "integrity": "sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1484,7 +1484,7 @@
       "version": "7.22.11",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz",
       "integrity": "sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-create-class-features-plugin": "^7.22.11",
@@ -1502,7 +1502,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz",
       "integrity": "sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1582,7 +1582,7 @@
       "version": "7.22.10",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz",
       "integrity": "sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "regenerator-transform": "^0.15.2"
@@ -1598,7 +1598,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz",
       "integrity": "sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1613,7 +1613,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz",
       "integrity": "sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1628,7 +1628,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz",
       "integrity": "sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
@@ -1644,7 +1644,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz",
       "integrity": "sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1659,7 +1659,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz",
       "integrity": "sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1674,7 +1674,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz",
       "integrity": "sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1707,7 +1707,7 @@
       "version": "7.22.10",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz",
       "integrity": "sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
       },
@@ -1722,7 +1722,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz",
       "integrity": "sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1738,7 +1738,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz",
       "integrity": "sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1754,7 +1754,7 @@
       "version": "7.22.5",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz",
       "integrity": "sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-create-regexp-features-plugin": "^7.22.5",
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -1770,7 +1770,7 @@
       "version": "7.22.20",
       "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.22.20.tgz",
       "integrity": "sha512-11MY04gGC4kSzlPHRfvVkNAZhUxOvm7DCJ37hPDnUENwe06npjIRAfInEMTGSb4LZK5ZgDFkv5hw0lGebHeTyg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/compat-data": "^7.22.20",
         "@babel/helper-compilation-targets": "^7.22.15",
@@ -1864,7 +1864,7 @@
       "version": "0.1.6-no-external-plugins",
       "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
       "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.0.0",
         "@babel/types": "^7.4.4",
@@ -1917,7 +1917,7 @@
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/@babel/runtime": {
       "version": "7.23.9",
@@ -1994,7 +1994,6 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
       "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
-      "dev": true,
       "optional": true,
       "engines": {
         "node": ">=0.1.90"
@@ -2004,7 +2003,7 @@
       "version": "3.12.35",
       "resolved": "https://registry.npmjs.org/@cypress/code-coverage/-/code-coverage-3.12.35.tgz",
       "integrity": "sha512-QmgyW9x8Z524qQc9BVFD+Dm/XMFgj1eafUg4N7xwpxN2lGmJs9EtiiRDpkbe+2BUAlFTAtveRyYE9q4wyz8Lcw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@cypress/webpack-preprocessor": "^6.0.0",
         "chalk": "4.1.2",
@@ -2028,7 +2027,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -2043,13 +2042,13 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@cypress/code-coverage/node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -2065,7 +2064,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
       "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "get-stream": "^5.0.0",
@@ -2088,7 +2087,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
       "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "pump": "^3.0.0"
       },
@@ -2103,7 +2102,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -2112,7 +2111,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
       "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8.12.0"
       }
@@ -2121,7 +2120,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -2133,7 +2132,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -2145,7 +2144,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.1.tgz",
       "integrity": "sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "aws-sign2": "~0.7.0",
         "aws4": "^1.8.0",
@@ -2174,7 +2173,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
       "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.6",
@@ -2188,7 +2187,7 @@
       "version": "6.10.4",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.4.tgz",
       "integrity": "sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "side-channel": "^1.0.4"
       },
@@ -2203,7 +2202,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/@cypress/webpack-preprocessor/-/webpack-preprocessor-6.0.1.tgz",
       "integrity": "sha512-WVNeFVSnFKxE3WZNRIriduTgqJRpevaiJIPlfqYTTzfXRD7X1Pv4woDE+G4caPV9bJqVKmVFiwzrXMRNeJxpxA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "bluebird": "3.7.1",
         "debug": "^4.3.4",
@@ -2220,13 +2219,13 @@
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.1.tgz",
       "integrity": "sha512-DdmyoGCleJnkbp3nkbxTLJ18rjDsE4yCggEwKNXkeV123sPNfOCYeDoeuOY+F2FrSjO1YXcTU+dsy96KMy+gcg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@cypress/xvfb": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz",
       "integrity": "sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "debug": "^3.1.0",
         "lodash.once": "^4.1.1"
@@ -2236,7 +2235,7 @@
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ms": "^2.1.1"
       }
@@ -2332,7 +2331,7 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
       "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "eslint-visitor-keys": "^3.3.0"
       },
@@ -2347,7 +2346,7 @@
       "version": "4.9.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz",
       "integrity": "sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
@@ -2356,7 +2355,7 @@
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
       "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -2379,13 +2378,13 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -2400,7 +2399,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -2412,7 +2411,7 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
@@ -2424,7 +2423,7 @@
       "version": "8.57.0",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
       "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -2433,13 +2432,13 @@
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
       "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@hapi/topo": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
       "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@hapi/hoek": "^9.0.0"
       }
@@ -2448,7 +2447,7 @@
       "version": "0.11.14",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
       "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^2.0.2",
         "debug": "^4.3.1",
@@ -2462,7 +2461,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=12.22"
       },
@@ -2475,13 +2474,13 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz",
       "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/@istanbuljs/load-nyc-config": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
       "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "camelcase": "^5.3.1",
         "find-up": "^4.1.0",
@@ -2497,7 +2496,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -2510,7 +2509,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -2522,7 +2521,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -2537,7 +2536,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -2549,7 +2548,7 @@
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
       "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -3637,7 +3636,7 @@
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.5.tgz",
       "integrity": "sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.0",
         "@jridgewell/trace-mapping": "^0.3.9"
@@ -3663,7 +3662,7 @@
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/@jsdevtools/coverage-istanbul-loader/-/coverage-istanbul-loader-3.0.5.tgz",
       "integrity": "sha512-EUCPEkaRPvmHjWAAZkWMT7JDzpw7FKB00WTISaiXsbNOd5hCHg77XLA8sLYLFDo1zepYLo2w7GstN8YBqRXZfA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "convert-source-map": "^1.7.0",
         "istanbul-lib-instrument": "^4.0.3",
@@ -3676,13 +3675,13 @@
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
       "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@jsdevtools/coverage-istanbul-loader/node_modules/istanbul-lib-instrument": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz",
       "integrity": "sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@babel/core": "^7.7.5",
         "@istanbuljs/schema": "^0.1.2",
@@ -3697,7 +3696,7 @@
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
       "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@types/json-schema": "^7.0.5",
         "ajv": "^6.12.4",
@@ -3780,7 +3779,7 @@
       "version": "1.15.10",
       "resolved": "https://registry.npmjs.org/@oozcitak/dom/-/dom-1.15.10.tgz",
       "integrity": "sha512-0JT29/LaxVgRcGKvHmSrUTEvZ8BXvZhGl2LASRUgHqDTC1M5g1pLmVv56IYNyt3bG2CUjDkc67wnyZC14pbQrQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@oozcitak/infra": "1.0.8",
         "@oozcitak/url": "1.0.4",
@@ -3794,7 +3793,7 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@oozcitak/infra/-/infra-1.0.8.tgz",
       "integrity": "sha512-JRAUc9VR6IGHOL7OGF+yrvs0LO8SlqGnPAMqyzOuFZPSZSXI7Xf2O9+awQPSMXgIWGtgUf/dA6Hs6X6ySEaWTg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@oozcitak/util": "8.3.8"
       },
@@ -3806,7 +3805,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/@oozcitak/url/-/url-1.0.4.tgz",
       "integrity": "sha512-kDcD8y+y3FCSOvnBI6HJgl00viO/nGbQoCINmQ0h98OhnGITrWR3bOGfwYCthgcrV8AnTJz8MzslTQbC3SOAmw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@oozcitak/infra": "1.0.8",
         "@oozcitak/util": "8.3.8"
@@ -3819,7 +3818,7 @@
       "version": "8.3.8",
       "resolved": "https://registry.npmjs.org/@oozcitak/util/-/util-8.3.8.tgz",
       "integrity": "sha512-T8TbSnGsxo6TDBJx/Sgv/BlVJL3tshxZP7Aq5R1mSnM5OcHY2dQaxLMu2+E8u3gN0MLOzdjurqN4ZRVuzQycOQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8.0"
       }
@@ -4216,7 +4215,7 @@
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
       "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@hapi/hoek": "^9.0.0"
       }
@@ -4225,13 +4224,13 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz",
       "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@sideway/pinpoint": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
       "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@sinclair/typebox": {
       "version": "0.24.51",
@@ -4273,7 +4272,7 @@
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/@testing-library/cypress/-/cypress-10.0.1.tgz",
       "integrity": "sha512-e8uswjTZIBhaIXjzEcrQQ8nHRWHgZH7XBxKuIWxZ/T7FxfWhCR48nFhUX5nfPizjVOKSThEfOSv67jquc1ASkw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@babel/runtime": "^7.14.6",
         "@testing-library/dom": "^9.0.0"
@@ -4290,7 +4289,7 @@
       "version": "9.3.4",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.4.tgz",
       "integrity": "sha512-FlS4ZWlp97iiNWig0Muq8p+3rVDjRiYE+YKGbAqXOu9nwJFFOdL00kFpz42M+4huzYi86vAK1sOOfyOG45muIQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@babel/code-frame": "^7.10.4",
         "@babel/runtime": "^7.12.5",
@@ -4309,7 +4308,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -4324,7 +4323,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -4340,7 +4339,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -4349,7 +4348,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -4361,7 +4360,7 @@
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.3.0.tgz",
       "integrity": "sha512-hJVIrkFizEQxoWsGBlycTcQhrpoCH4DhXfrnHFFXgkx3Xdm15zycsq5Ep+vpw4W8S0NJa8cxDHcuJib+1tEbhg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@adobe/css-tools": "^4.3.2",
         "@babel/runtime": "^7.9.2",
@@ -4406,7 +4405,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -4421,7 +4420,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
       "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -4434,13 +4433,13 @@
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
       "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@testing-library/jest-dom/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -4449,7 +4448,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -4461,7 +4460,7 @@
       "version": "14.0.0",
       "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-14.0.0.tgz",
       "integrity": "sha512-S04gSNJbYE30TlIMLTzv6QCTzt9AqIF5y6s6SzVFILNcNvbV/jU96GeiTPillGQo+Ny64M/5PV7klNYYgv5Dfg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@babel/runtime": "^7.12.5",
         "@testing-library/dom": "^9.0.0",
@@ -4479,7 +4478,7 @@
       "version": "14.5.2",
       "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz",
       "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=12",
         "npm": ">=6"
@@ -4510,7 +4509,7 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.2.tgz",
       "integrity": "sha512-PHKZuMN+K5qgKIWhBodXzQslTo5P+K/6LqeKXS6O/4liIDdZqaX5RXrCK++LAw+y/nptN48YmUMFiQHRSWYwtQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.2",
@@ -4576,13 +4575,13 @@
       "version": "4.3.14",
       "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.14.tgz",
       "integrity": "sha512-Wj71sXE4Q4AkGdG9Tvq1u/fquNz9EdG4LIJMwVVII7ashjD/8cf8fyIfJAjRr6YcsXnSE8cOGQPq1gqeR8z+3w==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@types/chai-subset": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/@types/chai-subset/-/chai-subset-1.3.5.tgz",
       "integrity": "sha512-c2mPnw+xHtXDoHmdtcCXGwyLMiauiAyxWMzhGpqHC4nqI/Y5G2XhTampslK2rb59kpcuHon03UH8W6iYUzw88A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@types/chai": "*"
       }
@@ -4850,7 +4849,7 @@
       "version": "8.44.3",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.3.tgz",
       "integrity": "sha512-iM/WfkwAhwmPff3wZuPLYiHX18HI24jU8k1ZSH7P8FHwxTjZ2P6CoX2wnF43oprR+YXJM6UUxATkNvyv/JHd+g==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/estree": "*",
         "@types/json-schema": "*"
@@ -4860,7 +4859,7 @@
       "version": "3.7.5",
       "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.5.tgz",
       "integrity": "sha512-JNvhIEyxVW6EoMIFIvj93ZOywYFatlpu9deeH6eSx6PE3WHYvHaQtmHmQeNw7aA81bYGBPPQqdtBm6b1SsQMmA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/eslint": "*",
         "@types/estree": "*"
@@ -4870,7 +4869,7 @@
       "version": "0.0.51",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.51.tgz",
       "integrity": "sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@types/express": {
       "version": "4.17.18",
@@ -5135,7 +5134,7 @@
       "version": "7.0.13",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
       "integrity": "sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@types/json5": {
       "version": "0.0.29",
@@ -5273,7 +5272,7 @@
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
       "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@types/send": {
       "version": "0.17.2",
@@ -5315,13 +5314,13 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz",
       "integrity": "sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@types/sizzle": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.8.tgz",
       "integrity": "sha512-0vWLNK2D5MT9dg0iOo8GlKguPAU02QjmZitPEsXRuJXU/OGIOt9vT9Fc26wtYuavLxtO45v9PGleoL9Z0k1LHg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@types/sockjs": {
       "version": "0.3.34",
@@ -5336,7 +5335,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz",
       "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/@types/tough-cookie": {
       "version": "4.0.3",
@@ -5383,7 +5382,6 @@
       "version": "2.10.3",
       "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
       "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
-      "dev": true,
       "optional": true,
       "dependencies": {
         "@types/node": "*"
@@ -5393,7 +5391,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.1.1.tgz",
       "integrity": "sha512-zioDz623d0RHNhvx0eesUmGfIjzrk18nSBC8xewepKXbBvN/7c1qImV7Hg8TI1URTxKax7/zxfxj3Uph8Chcuw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.5.1",
         "@typescript-eslint/scope-manager": "7.1.1",
@@ -5428,7 +5426,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -5440,7 +5438,7 @@
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
       "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -5455,13 +5453,13 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@typescript-eslint/parser": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.1.1.tgz",
       "integrity": "sha512-ZWUFyL0z04R1nAEgr9e79YtV5LbafdOtN7yapNbn1ansMyaegl2D4bL7vHoJ4HPSc4CaLwuCVas8CVuneKzplQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "7.1.1",
         "@typescript-eslint/types": "7.1.1",
@@ -5489,7 +5487,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.1.1.tgz",
       "integrity": "sha512-cirZpA8bJMRb4WZ+rO6+mnOJrGFDd38WoXCEI57+CYBqta8Yc8aJym2i7vyqLL1vVYljgw0X27axkUXz32T8TA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@typescript-eslint/types": "7.1.1",
         "@typescript-eslint/visitor-keys": "7.1.1"
@@ -5506,7 +5504,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.1.1.tgz",
       "integrity": "sha512-5r4RKze6XHEEhlZnJtR3GYeCh1IueUHdbrukV2KSlLXaTjuSfeVF8mZUVPLovidCuZfbVjfhi4c0DNSa/Rdg5g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@typescript-eslint/typescript-estree": "7.1.1",
         "@typescript-eslint/utils": "7.1.1",
@@ -5533,7 +5531,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.1.1.tgz",
       "integrity": "sha512-KhewzrlRMrgeKm1U9bh2z5aoL4s7K3tK5DwHDn8MHv0yQfWFz/0ZR6trrIHHa5CsF83j/GgHqzdbzCXJ3crx0Q==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
       },
@@ -5546,7 +5544,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.1.1.tgz",
       "integrity": "sha512-9ZOncVSfr+sMXVxxca2OJOPagRwT0u/UHikM2Rd6L/aB+kL/QAuTnsv6MeXtjzCJYb8PzrXarypSGIPx3Jemxw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@typescript-eslint/types": "7.1.1",
         "@typescript-eslint/visitor-keys": "7.1.1",
@@ -5574,7 +5572,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
@@ -5583,7 +5581,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -5595,7 +5593,7 @@
       "version": "9.0.3",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
       "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -5610,7 +5608,7 @@
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
       "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -5625,13 +5623,13 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@typescript-eslint/utils": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.1.1.tgz",
       "integrity": "sha512-thOXM89xA03xAE0lW7alstvnyoBUbBX38YtY+zAUcpRPcq9EIhXPuJ0YTv948MbzmKh6e1AUszn5cBFK49Umqg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "@types/json-schema": "^7.0.12",
@@ -5656,7 +5654,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -5668,7 +5666,7 @@
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
       "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -5683,13 +5681,13 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@typescript-eslint/visitor-keys": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.1.1.tgz",
       "integrity": "sha512-yTdHDQxY7cSoCcAtiBzVzxleJhkGB9NncSIyMYe2+OGON1ZsP9zOPws/Pqgopa65jvknOjlk/w7ulPlZ78PiLQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@typescript-eslint/types": "7.1.1",
         "eslint-visitor-keys": "^3.4.1"
@@ -5706,13 +5704,13 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
       "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.11.6",
         "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
@@ -5722,25 +5720,25 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
       "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@webassemblyjs/helper-api-error": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
       "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@webassemblyjs/helper-buffer": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
       "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@webassemblyjs/helper-numbers": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
       "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.11.6",
         "@webassemblyjs/helper-api-error": "1.11.6",
@@ -5751,13 +5749,13 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
       "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
       "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-buffer": "1.11.6",
@@ -5769,7 +5767,7 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
       "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
       }
@@ -5778,7 +5776,7 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
       "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@xtuc/long": "4.2.2"
       }
@@ -5787,13 +5785,13 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
       "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@webassemblyjs/wasm-edit": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
       "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-buffer": "1.11.6",
@@ -5809,7 +5807,7 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
       "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
@@ -5822,7 +5820,7 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
       "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-buffer": "1.11.6",
@@ -5834,7 +5832,7 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
       "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
         "@webassemblyjs/helper-api-error": "1.11.6",
@@ -5848,7 +5846,7 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
       "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.11.6",
         "@xtuc/long": "4.2.2"
@@ -5894,19 +5892,19 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
       "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@xtuc/long": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@zeit/schemas": {
       "version": "2.29.0",
       "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.29.0.tgz",
       "integrity": "sha512-g5QiLIfbg3pLuYUJPlisNKY+epQJTcMDsOnVNkscrDP1oi7vmJnzOANYJI/1pZcVJ6umUkBv3aFtlg1UvUHGzA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/abab": {
       "version": "2.0.6",
@@ -5918,7 +5916,7 @@
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
       "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "mime-types": "~2.1.34",
         "negotiator": "0.6.3"
@@ -5962,7 +5960,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "devOptional": true,
+      "optional": true,
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
@@ -5983,7 +5981,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
       "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "clean-stack": "^2.0.0",
         "indent-string": "^4.0.0"
@@ -6051,7 +6049,7 @@
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
       "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
+      "devOptional": true,
       "peerDependencies": {
         "ajv": "^6.9.1"
       }
@@ -6060,7 +6058,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
       "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "string-width": "^4.1.0"
       }
@@ -6069,13 +6067,13 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/ansi-align/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -6089,7 +6087,7 @@
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
       "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=6"
       }
@@ -6098,7 +6096,7 @@
       "version": "4.3.2",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
       "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "type-fest": "^0.21.3"
       },
@@ -6113,7 +6111,7 @@
       "version": "0.21.3",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
       "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
@@ -6185,7 +6183,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/append-transform/-/append-transform-2.0.0.tgz",
       "integrity": "sha512-7yeyCEurROLQJFv5Xj4lEGTy0borxepjFv1g22oAdqFu//SrAlDl1O1Nxx15SH1RoliUml6p8dwJW9jvZughhg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "default-require-extensions": "^3.0.0"
       },
@@ -6197,7 +6195,6 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
       "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -6211,19 +6208,20 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "optional": true
     },
     "node_modules/archy": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz",
       "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==",
-      "dev": true
+      "optional": true
     },
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
       "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/argparse": {
       "version": "1.0.10",
@@ -6238,7 +6236,7 @@
       "version": "5.1.3",
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
       "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "deep-equal": "^2.0.5"
       }
@@ -6285,7 +6283,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
       "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=8"
       }
@@ -6331,7 +6329,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
       "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.2.0",
@@ -6383,7 +6381,7 @@
       "version": "0.2.6",
       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
       "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "safer-buffer": "~2.1.0"
       }
@@ -6392,7 +6390,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
       "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=0.8"
       }
@@ -6407,7 +6405,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
       "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -6416,7 +6414,7 @@
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
       "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/asynciterator.prototype": {
       "version": "1.0.0",
@@ -6436,7 +6434,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
       "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 4.0.0"
       }
@@ -6465,7 +6463,7 @@
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
       "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "*"
       }
@@ -6474,13 +6472,13 @@
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
       "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/axe-core": {
       "version": "4.8.2",
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.8.2.tgz",
       "integrity": "sha512-/dlp0fxyM3R8YW7MFzaHWXrf4zzbr0vaYb23VBFCl83R7nWNPg/yaQw2Dc8jzCMmDVLhSdzH8MjrsuIUuvX+6g==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "engines": {
         "node": ">=4"
@@ -6694,7 +6692,7 @@
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.3.0.tgz",
       "integrity": "sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "find-cache-dir": "^3.3.1",
         "loader-utils": "^2.0.0",
@@ -6713,7 +6711,7 @@
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
       "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/json-schema": "^7.0.5",
         "ajv": "^6.12.4",
@@ -6762,7 +6760,7 @@
       "version": "0.4.5",
       "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz",
       "integrity": "sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
         "@babel/helper-define-polyfill-provider": "^0.4.2",
@@ -6776,7 +6774,7 @@
       "version": "0.8.4",
       "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.4.tgz",
       "integrity": "sha512-9l//BZZsPR+5XjyJMPtZSK4jv0BsTO1zDac2GC6ygx9WLGlcsnRd1Co0B2zT5fF5Ic6BZy+9m3HNZ3QcOeDKfg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-define-polyfill-provider": "^0.4.2",
         "core-js-compat": "^3.32.2"
@@ -6789,7 +6787,7 @@
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz",
       "integrity": "sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/helper-define-polyfill-provider": "^0.4.2"
       },
@@ -6856,7 +6854,6 @@
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
       "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -6870,13 +6867,14 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "optional": true
     },
     "node_modules/basic-auth": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
       "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "safe-buffer": "5.1.2"
       },
@@ -6888,7 +6886,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
+      "optional": true
     },
     "node_modules/batch": {
       "version": "0.6.1",
@@ -6900,7 +6898,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
       "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "tweetnacl": "^0.14.3"
       }
@@ -6909,7 +6907,7 @@
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
       "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": "*"
       }
@@ -6926,13 +6924,13 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz",
       "integrity": "sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/bluebird": {
       "version": "3.7.2",
       "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
       "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/body-parser": {
       "version": "1.20.2",
@@ -7028,7 +7026,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz",
       "integrity": "sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-align": "^3.0.1",
         "camelcase": "^7.0.0",
@@ -7050,7 +7048,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz",
       "integrity": "sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=14.16"
       },
@@ -7062,7 +7060,7 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
       "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "^12.17.0 || ^14.13 || >=16.0.0"
       },
@@ -7095,7 +7093,7 @@
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
       "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==",
-      "dev": true,
+      "optional": true,
       "peer": true
     },
     "node_modules/browserslist": {
@@ -7155,7 +7153,6 @@
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
       "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -7170,6 +7167,7 @@
           "url": "https://feross.org/support"
         }
       ],
+      "optional": true,
       "dependencies": {
         "base64-js": "^1.3.1",
         "ieee754": "^1.1.13"
@@ -7179,7 +7177,7 @@
       "version": "0.2.13",
       "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
       "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "*"
       }
@@ -7203,7 +7201,7 @@
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/cachedir/-/cachedir-2.4.0.tgz",
       "integrity": "sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=6"
       }
@@ -7212,7 +7210,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/caching-transform/-/caching-transform-4.0.0.tgz",
       "integrity": "sha512-kpqOvwXnjjN44D89K5ccQC+RUrsy7jB/XLlRrx0D7/2HNcTPqzsb6XgYoErwko6QsV184CA2YgS1fxDiiDZMWA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "hasha": "^5.0.0",
         "make-dir": "^3.0.0",
@@ -7227,7 +7225,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
       "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "imurmurhash": "^0.1.4",
         "is-typedarray": "^1.0.0",
@@ -7252,7 +7250,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=6"
       }
@@ -7271,7 +7269,7 @@
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
       "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=6"
       }
@@ -7312,13 +7310,13 @@
       "version": "0.12.0",
       "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
       "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==",
-      "dev": true
+      "optional": true
     },
     "node_modules/chai-subset": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/chai-subset/-/chai-subset-1.6.0.tgz",
       "integrity": "sha512-K3d+KmqdS5XKW5DWPd5sgNffL3uxdDe+6GdnJh3AYPhwnBGRY5urfvfcbRtWIvvpz+KxkL9FeBB6MZewLUNwug==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=4"
       }
@@ -7341,7 +7339,7 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz",
       "integrity": "sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "chalk": "^4.1.2"
       },
@@ -7356,7 +7354,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -7371,7 +7369,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -7387,7 +7385,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -7396,7 +7394,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -7417,7 +7415,7 @@
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
       "integrity": "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "*"
       }
@@ -7426,7 +7424,7 @@
       "version": "2.24.0",
       "resolved": "https://registry.npmjs.org/check-more-types/-/check-more-types-2.24.0.tgz",
       "integrity": "sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -7461,7 +7459,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
       "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=6.0"
       }
@@ -7508,7 +7506,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
       "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=6"
       }
@@ -7517,7 +7515,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
       "integrity": "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
@@ -7529,7 +7527,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
       "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "restore-cursor": "^3.1.0"
       },
@@ -7541,7 +7539,7 @@
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz",
       "integrity": "sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "string-width": "^4.2.0"
       },
@@ -7556,13 +7554,13 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/cli-table3/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -7576,7 +7574,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
       "integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "slice-ansi": "^3.0.0",
         "string-width": "^4.2.0"
@@ -7592,13 +7590,13 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/cli-truncate/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -7612,7 +7610,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz",
       "integrity": "sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "arch": "^2.2.0",
         "execa": "^5.1.1",
@@ -7778,7 +7776,7 @@
       "version": "2.0.20",
       "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
       "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/combined-stream": {
       "version": "1.0.8",
@@ -7803,7 +7801,7 @@
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz",
       "integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=4.0.0"
       }
@@ -7812,7 +7810,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
       "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/compare-versions": {
       "version": "3.6.0",
@@ -7823,7 +7821,7 @@
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
       "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "mime-db": ">= 1.43.0 < 2"
       },
@@ -7835,7 +7833,7 @@
       "version": "1.7.4",
       "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
       "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "accepts": "~1.3.5",
         "bytes": "3.0.0",
@@ -7853,7 +7851,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
       "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">= 0.8"
       }
@@ -7862,7 +7860,7 @@
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "ms": "2.0.0"
       }
@@ -7871,13 +7869,13 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/compression/node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/concat-map": {
       "version": "0.0.1",
@@ -8178,7 +8176,7 @@
       "version": "3.33.0",
       "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
       "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "browserslist": "^4.22.1"
       },
@@ -8197,7 +8195,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/corser/-/corser-2.0.1.tgz",
       "integrity": "sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.4.0"
       }
@@ -8220,7 +8218,7 @@
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
       "integrity": "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "*"
       }
@@ -8504,7 +8502,7 @@
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
       "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/cssesc": {
       "version": "3.0.0",
@@ -8648,8 +8646,8 @@
       "version": "13.10.0",
       "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.10.0.tgz",
       "integrity": "sha512-tOhwRlurVOQbMduX+KonoMeQILs2cwR3yHGGENoFvvSoLUBHmJ8b9/n21gFSDqjlOJ+SRVcwuh+fG/JDsHsT6Q==",
-      "dev": true,
       "hasInstallScript": true,
+      "optional": true,
       "dependencies": {
         "@cypress/request": "^3.0.0",
         "@cypress/xvfb": "^1.2.4",
@@ -8705,7 +8703,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/cypress-axe/-/cypress-axe-1.5.0.tgz",
       "integrity": "sha512-Hy/owCjfj+25KMsecvDgo4fC/781ccL+e8p+UUYoadGVM2ogZF9XIKbiM6KI8Y3cEaSreymdD6ZzccbI2bY0lQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
@@ -8718,7 +8716,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/cypress-high-resolution/-/cypress-high-resolution-1.0.0.tgz",
       "integrity": "sha512-uZRmUVBYbh7Hdid6dwzFp2/iCf9FWlK6qPTQZ7twzqkmpRtfTGOXlUttBSts8EHBu9wye3HgwVY/Lr2Pzipckw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "debug": "^4.3.2"
       }
@@ -8727,7 +8725,7 @@
       "version": "3.8.2",
       "resolved": "https://registry.npmjs.org/cypress-mochawesome-reporter/-/cypress-mochawesome-reporter-3.8.2.tgz",
       "integrity": "sha512-oJZkNzhNmN9ZD+LmZyFuPb8aWaIijyHyqYh52YOBvR6B6ckfJNCHP3A98a+/nG0H4t46CKTNwo+wNpMa4d2kjA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "commander": "^10.0.1",
         "fs-extra": "^10.0.1",
@@ -8752,7 +8750,7 @@
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
       "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=14"
       }
@@ -8761,7 +8759,7 @@
       "version": "1.6.4",
       "resolved": "https://registry.npmjs.org/cypress-multi-reporters/-/cypress-multi-reporters-1.6.4.tgz",
       "integrity": "sha512-3xU2t6pZjZy/ORHaCvci5OT1DAboS4UuMMM8NBAizeb2C9qmHt+cgAjXgurazkwkPRdO7ccK39M5ZaPCju0r6A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "debug": "^4.3.4",
         "lodash": "^4.17.21"
@@ -8777,7 +8775,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -8792,7 +8790,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -8808,7 +8806,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -8820,7 +8818,7 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
       "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 6"
       }
@@ -8829,7 +8827,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
       "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "get-stream": "^5.0.0",
@@ -8852,7 +8850,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
       "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "debug": "^4.1.1",
         "get-stream": "^5.1.0",
@@ -8872,7 +8870,7 @@
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
       "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "at-least-node": "^1.0.0",
         "graceful-fs": "^4.2.0",
@@ -8887,7 +8885,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
       "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "pump": "^3.0.0"
       },
@@ -8902,7 +8900,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -8911,7 +8909,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
       "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8.12.0"
       }
@@ -8920,7 +8918,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -8932,13 +8930,13 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz",
       "integrity": "sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/cypress/node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
       "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -8953,7 +8951,7 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -8968,7 +8966,7 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
       "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "rimraf": "^3.0.0"
       },
@@ -8980,7 +8978,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/d3": {
       "version": "7.8.5",
@@ -9370,7 +9368,7 @@
       "version": "1.14.1",
       "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
       "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "assert-plus": "^1.0.0"
       },
@@ -9412,7 +9410,7 @@
       "version": "4.6.3",
       "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-4.6.3.tgz",
       "integrity": "sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "*"
       }
@@ -9421,7 +9419,7 @@
       "version": "1.11.10",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
       "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/debug": {
       "version": "4.3.4",
@@ -9444,7 +9442,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
       "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9465,7 +9463,7 @@
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.2.tgz",
       "integrity": "sha512-xjVyBf0w5vH0I42jdAZzOKVldmPgSulmiyPRywoyq7HXC9qdgo17kxJE+rdnif5Tz6+pIrpJI8dCpMNLIGkUiA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "array-buffer-byte-length": "^1.0.0",
         "call-bind": "^1.0.2",
@@ -9494,7 +9492,7 @@
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
       "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=4.0.0"
       }
@@ -9503,7 +9501,7 @@
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/deepmerge": {
       "version": "4.3.1",
@@ -9530,7 +9528,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-3.0.1.tgz",
       "integrity": "sha512-eXTJmRbm2TIt9MgWTsOH1wEuhew6XGZcMeGKCtLedIg/NCsg1iBePXkceTdK4Fii7pzmN9tGsZhKzZ4h7O/fxw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "strip-bom": "^4.0.0"
       },
@@ -9657,7 +9655,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/diff/-/diff-5.0.0.tgz",
       "integrity": "sha512-/VTCrvm5Z0JGty/BWHljh+BAiw3IK+2j87NGMu8Nwc/f48WoDAC395uomO9ZD117ZOBaHmkX1oyLvkVM/aIT3w==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=0.3.1"
       }
@@ -9675,7 +9673,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
       "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "path-type": "^4.0.0"
       },
@@ -9705,7 +9703,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -9717,7 +9715,7 @@
       "version": "0.5.16",
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/dom-converter": {
       "version": "0.2.0",
@@ -9810,13 +9808,13 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
       "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/ecc-jsbn": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
       "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "jsbn": "~0.1.0",
         "safer-buffer": "^2.1.0"
@@ -9850,13 +9848,13 @@
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/emojis-list": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
       "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">= 4"
       }
@@ -9874,7 +9872,7 @@
       "version": "1.4.4",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
       "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "once": "^1.4.0"
       }
@@ -9896,7 +9894,7 @@
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz",
       "integrity": "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-colors": "^4.1.1",
         "strip-ansi": "^6.0.1"
@@ -9995,7 +9993,7 @@
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
       "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "get-intrinsic": "^1.1.3",
@@ -10037,7 +10035,7 @@
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.3.1.tgz",
       "integrity": "sha512-JUFAyicQV9mXc3YRxPnDlrfBKpqt6hUYzz9/boprUJHs4e4KVr3XwOF70doO6gwXUor6EWZJAyWAfKki84t20Q==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/es-set-tostringtag": {
       "version": "2.0.1",
@@ -10057,7 +10055,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
       "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "has": "^1.0.3"
       }
@@ -10083,7 +10081,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
       "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/escalade": {
       "version": "3.1.1",
@@ -10098,7 +10096,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
       "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/escape-string-regexp": {
       "version": "1.0.5",
@@ -10134,7 +10132,7 @@
       "version": "8.57.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
       "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -10518,7 +10516,7 @@
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
       "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^4.1.1"
@@ -10531,7 +10529,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -10540,7 +10538,7 @@
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -10552,7 +10550,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -10567,13 +10565,13 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/eslint/node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -10589,7 +10587,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
@@ -10601,7 +10599,7 @@
       "version": "7.2.2",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
       "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
@@ -10617,7 +10615,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -10629,7 +10627,7 @@
       "version": "13.22.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.22.0.tgz",
       "integrity": "sha512-H1Ddc/PbZHTDVJSnj8kWptIRSD6AM3pK+mKytuIVF4uoBV7rshFlhhvA58ceJ5wp3Er58w6zj7bykMpYXt3ETw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -10644,7 +10642,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -10653,7 +10651,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -10665,7 +10663,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -10677,7 +10675,7 @@
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
@@ -10689,7 +10687,7 @@
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
       "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
@@ -10719,7 +10717,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
       "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -10752,7 +10750,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10770,19 +10768,19 @@
       "version": "6.4.7",
       "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz",
       "integrity": "sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/eventemitter3": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
       "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
       "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=0.8.x"
       }
@@ -10814,7 +10812,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/executable/-/executable-4.1.1.tgz",
       "integrity": "sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "pify": "^2.2.0"
       },
@@ -10826,7 +10824,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -10844,7 +10842,7 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
       "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@jest/expect-utils": "^29.7.0",
         "jest-get-type": "^29.6.3",
@@ -10860,7 +10858,7 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz",
       "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "jest-get-type": "^29.6.3"
       },
@@ -10872,7 +10870,7 @@
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
       "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@sinclair/typebox": "^0.27.8"
       },
@@ -10884,7 +10882,7 @@
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
       "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "@types/istanbul-lib-coverage": "^2.0.0",
@@ -10901,13 +10899,13 @@
       "version": "0.27.8",
       "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
       "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/expect/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -10922,7 +10920,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -10938,7 +10936,7 @@
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
       "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
@@ -10947,7 +10945,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -10956,7 +10954,7 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
       "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "chalk": "^4.0.0",
         "diff-sequences": "^29.6.3",
@@ -10971,7 +10969,7 @@
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
       "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
@@ -10980,7 +10978,7 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
       "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "chalk": "^4.0.0",
         "jest-diff": "^29.7.0",
@@ -10995,7 +10993,7 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
       "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@babel/code-frame": "^7.12.13",
         "@jest/types": "^29.6.3",
@@ -11015,7 +11013,7 @@
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
       "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@jest/schemas": "^29.6.3",
         "ansi-styles": "^5.0.0",
@@ -11029,7 +11027,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
@@ -11041,13 +11039,13 @@
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
       "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-      "dev": true
+      "optional": true
     },
     "node_modules/expect/node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -11131,16 +11129,16 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
       "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
-      "dev": true
+      "optional": true
     },
     "node_modules/extsprintf": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
       "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
-      "dev": true,
       "engines": [
         "node >=0.6.0"
-      ]
+      ],
+      "optional": true
     },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
@@ -11180,13 +11178,13 @@
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/fast-url-parser": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/fast-url-parser/-/fast-url-parser-1.1.3.tgz",
       "integrity": "sha512-5jOCVXADYNuRkKFzNJ0dCCewsZiYo0dz8QNYljkOpFC6r2U4OBmKtvm/Tsuh4w1YYdDqDb31a8TVhBJ2OJKdqQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "punycode": "^1.3.2"
       }
@@ -11195,7 +11193,7 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
       "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/fastest-levenshtein": {
       "version": "1.0.16",
@@ -11240,7 +11238,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
       "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "pend": "~1.2.0"
       }
@@ -11249,7 +11247,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
       "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "escape-string-regexp": "^1.0.5"
       },
@@ -11264,7 +11262,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -11360,7 +11358,7 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
       "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "commondir": "^1.0.1",
         "make-dir": "^3.0.2",
@@ -11377,7 +11375,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -11390,7 +11388,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -11402,7 +11400,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -11417,7 +11415,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -11429,7 +11427,7 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
       "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "find-up": "^4.0.0"
       },
@@ -11441,7 +11439,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -11457,7 +11455,7 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
       "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "bin": {
         "flat": "cli.js"
@@ -11467,7 +11465,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.0.tgz",
       "integrity": "sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "flatted": "^3.2.7",
         "keyv": "^4.5.3",
@@ -11481,7 +11479,7 @@
       "version": "3.2.9",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
       "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/focus-trap": {
       "version": "7.5.2",
@@ -11523,7 +11521,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
       "integrity": "sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^3.0.2"
@@ -11536,7 +11534,7 @@
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
       "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "*"
       }
@@ -11576,7 +11574,6 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/fromentries/-/fromentries-1.3.2.tgz",
       "integrity": "sha512-cHEpEQHUg0f8XdtZCc2ZAhrHzKzT0MrFUTcvx+hfxYu7rGMDc5SKoXFh+n4YigxsHXRzc6OrCshdR1bWH6HHyg==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -11590,13 +11587,14 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "optional": true
     },
     "node_modules/fs-extra": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
       "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "graceful-fs": "^4.2.0",
         "jsonfile": "^6.0.1",
@@ -11635,7 +11633,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/fsu/-/fsu-1.1.1.tgz",
       "integrity": "sha512-xQVsnjJ/5pQtcKh+KjUoZGzVWn4uNkchxTF6Lwjr4Gf7nQr8fmUfhKJ62zE77+xQg9xnxi5KUps7XGs+VC986A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/function-bind": {
       "version": "1.1.2",
@@ -11715,7 +11713,7 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
       "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=8.0.0"
       }
@@ -11764,7 +11762,7 @@
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/getos/-/getos-3.2.1.tgz",
       "integrity": "sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "async": "^3.2.0"
       }
@@ -11773,7 +11771,7 @@
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
       "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "assert-plus": "^1.0.0"
       }
@@ -11813,13 +11811,13 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/global-dirs": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz",
       "integrity": "sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ini": "2.0.0"
       },
@@ -11858,7 +11856,7 @@
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
       "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "array-union": "^2.1.0",
         "dir-glob": "^3.0.1",
@@ -11901,7 +11899,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
       "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/grpc-web": {
       "version": "1.5.0",
@@ -12011,7 +12009,7 @@
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/hasha/-/hasha-5.2.2.tgz",
       "integrity": "sha512-Hrp5vIK/xr5SkeN2onO32H0MgNZ0f17HRNH39WfL0SYUNOTZ5Lz1TJ8Pajo/87dYGEFlLMm7mIc/k/s6Bvz9HQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "is-stream": "^2.0.0",
         "type-fest": "^0.8.0"
@@ -12027,7 +12025,7 @@
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
       "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -12048,7 +12046,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "dev": true,
+      "devOptional": true,
       "bin": {
         "he": "bin/he"
       }
@@ -12127,7 +12125,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
       "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "whatwg-encoding": "^2.0.0"
       },
@@ -12155,7 +12153,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
       "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/html-minifier-terser": {
       "version": "6.1.0",
@@ -12242,7 +12240,7 @@
       "version": "1.18.1",
       "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
       "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "eventemitter3": "^4.0.0",
         "follow-redirects": "^1.0.0",
@@ -12294,7 +12292,7 @@
       "version": "14.1.1",
       "resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
       "integrity": "sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "basic-auth": "^2.0.1",
         "chalk": "^4.1.2",
@@ -12321,7 +12319,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -12336,7 +12334,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -12352,7 +12350,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -12361,7 +12359,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -12373,7 +12371,7 @@
       "version": "1.3.6",
       "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz",
       "integrity": "sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "assert-plus": "^1.0.0",
         "jsprim": "^2.0.2",
@@ -12432,7 +12430,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
       "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -12446,7 +12443,8 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "optional": true
     },
     "node_modules/ignore": {
       "version": "5.2.4",
@@ -12506,7 +12504,7 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -12522,7 +12520,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=4"
       }
@@ -12614,7 +12612,7 @@
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=0.8.19"
       }
@@ -12623,7 +12621,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
       "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -12648,7 +12646,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz",
       "integrity": "sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       }
@@ -12697,7 +12695,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
       "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "has-tostringtag": "^1.0.0"
@@ -12787,7 +12785,7 @@
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
       "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
-      "dev": true
+      "optional": true
     },
     "node_modules/is-callable": {
       "version": "1.2.7",
@@ -12805,7 +12803,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz",
       "integrity": "sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ci-info": "^3.2.0"
       },
@@ -12844,7 +12842,7 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
       "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "dev": true,
+      "devOptional": true,
       "bin": {
         "is-docker": "cli.js"
       },
@@ -12923,7 +12921,7 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz",
       "integrity": "sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "global-dirs": "^3.0.0",
         "is-path-inside": "^3.0.2"
@@ -12972,7 +12970,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
       "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
-      "devOptional": true,
+      "optional": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -13016,7 +13014,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -13046,7 +13044,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/is-port-reachable/-/is-port-reachable-4.0.0.tgz",
       "integrity": "sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       },
@@ -13080,7 +13078,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
       "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
-      "devOptional": true,
+      "optional": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -13158,13 +13156,13 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
       "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/is-unicode-supported": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
       "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
@@ -13188,7 +13186,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
       "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
-      "devOptional": true,
+      "optional": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -13209,7 +13207,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
       "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "get-intrinsic": "^1.1.1"
@@ -13222,7 +13220,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
       "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -13231,7 +13229,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
       "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "is-docker": "^2.0.0"
       },
@@ -13255,13 +13253,13 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
       "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==",
-      "dev": true
+      "optional": true
     },
     "node_modules/istanbul-lib-coverage": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
       "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -13270,7 +13268,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-3.0.0.tgz",
       "integrity": "sha512-Pt/uge1Q9s+5VAZ+pCo16TYMWPBIl+oaNIjgLQxcX0itS6ueeaA+pEfThZpH8WxhFgCiEb8sAJY6MdUKgiIWaQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "append-transform": "^2.0.0"
       },
@@ -13298,7 +13296,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/istanbul-lib-processinfo/-/istanbul-lib-processinfo-2.0.3.tgz",
       "integrity": "sha512-NkwHbo3E00oybX6NGJi6ar0B29vxyvNwoC7eJ4G4Yq28UfY758Hgn/heV8VRFhevPED4LXfFz0DQ8z/0kw9zMg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "archy": "^1.0.0",
         "cross-spawn": "^7.0.3",
@@ -13315,7 +13313,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
       "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "aggregate-error": "^3.0.0"
       },
@@ -13327,7 +13325,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
       "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "istanbul-lib-coverage": "^3.0.0",
         "make-dir": "^4.0.0",
@@ -13341,7 +13339,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -13350,7 +13348,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -13362,7 +13360,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
       "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "semver": "^7.5.3"
       },
@@ -13377,7 +13375,7 @@
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
       "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
       },
@@ -13392,7 +13390,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -13404,13 +13402,13 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/istanbul-lib-source-maps": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
       "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "debug": "^4.1.1",
         "istanbul-lib-coverage": "^3.0.0",
@@ -13424,7 +13422,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/istanbul-merge/-/istanbul-merge-2.0.0.tgz",
       "integrity": "sha512-Y812/uTdnF5Qc2qWxA7jQOTkqpFLEr7BHy8mzUQFRJstTjPigNS1Bh3q06AbOhBZ7tZqrI4MZdMgG34KVnUn6w==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "array.prototype.flatmap": "^1.3.1",
         "for-each": "^0.3.3",
@@ -13447,7 +13445,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -13462,7 +13460,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
       "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "string-width": "^4.2.0",
         "strip-ansi": "^6.0.0",
@@ -13473,13 +13471,13 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/istanbul-merge/node_modules/find-up": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -13492,7 +13490,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -13504,7 +13502,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -13519,7 +13517,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -13531,7 +13529,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -13545,7 +13543,7 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
       "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -13559,13 +13557,13 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
       "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/istanbul-merge/node_modules/yargs": {
       "version": "15.4.1",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
       "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "cliui": "^6.0.0",
         "decamelize": "^1.2.0",
@@ -13587,7 +13585,7 @@
       "version": "3.1.6",
       "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.6.tgz",
       "integrity": "sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "html-escaper": "^2.0.0",
         "istanbul-lib-report": "^3.0.0"
@@ -16084,7 +16082,7 @@
       "version": "17.13.1",
       "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.1.tgz",
       "integrity": "sha512-vaBlIKCyo4FCUtCm7Eu4QZd/q02bWcxfUO6YSXAZOWF6gzcLBeba8kwotUdYJjDLW8Cz8RywsSOqiNJZW0mNvg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@hapi/hoek": "^9.3.0",
         "@hapi/topo": "^5.1.0",
@@ -16152,7 +16150,7 @@
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
       "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/jsdom": {
       "version": "20.0.3",
@@ -16215,7 +16213,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
       "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/json-parse-better-errors": {
       "version": "1.0.2",
@@ -16233,7 +16231,7 @@
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
       "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
@@ -16245,7 +16243,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/json-stringify-safe": {
       "version": "5.0.1",
@@ -16268,7 +16266,7 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
       "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "universalify": "^2.0.0"
       },
@@ -16280,10 +16278,10 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz",
       "integrity": "sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==",
-      "dev": true,
       "engines": [
         "node >=0.6.0"
       ],
+      "optional": true,
       "dependencies": {
         "assert-plus": "1.0.0",
         "extsprintf": "1.3.0",
@@ -16310,7 +16308,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/junit-report-merger/-/junit-report-merger-7.0.0.tgz",
       "integrity": "sha512-i7IYPpwVFpju+UKdxYIG9UTMb6NjfRGzWzE/lRExdEf4K3agqXtVBnJWhL9aMM2lNX7uWW/rhVidiDBsG4n5cw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "commander": "~12.0.0",
         "fast-glob": "~3.3.0",
@@ -16328,7 +16326,7 @@
       "version": "12.0.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-12.0.0.tgz",
       "integrity": "sha512-MwVNWlYjDTtOjX5PiD7o5pK0UrFU/OYgcJfjjK4RaHZETNtjJqrZa9Y9ds88+A+f+d5lv+561eZ+yCKoS3gbAA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=18"
       }
@@ -16346,7 +16344,7 @@
       "version": "4.5.3",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.3.tgz",
       "integrity": "sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "json-buffer": "3.0.1"
       }
@@ -16401,7 +16399,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz",
       "integrity": "sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "> 0.8"
       }
@@ -16419,7 +16417,7 @@
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -16452,7 +16450,7 @@
       "version": "3.14.0",
       "resolved": "https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz",
       "integrity": "sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "cli-truncate": "^2.1.0",
         "colorette": "^2.0.16",
@@ -16479,7 +16477,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -16494,13 +16492,13 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/listr2/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -16514,7 +16512,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -16568,7 +16566,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
       "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=6.11.5"
       }
@@ -16577,7 +16575,7 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
       "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "big.js": "^5.2.2",
         "emojis-list": "^3.0.0",
@@ -16591,7 +16589,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -16634,7 +16632,7 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
       "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/lodash.invokemap": {
       "version": "4.6.0",
@@ -16646,25 +16644,25 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/lodash.isempty/-/lodash.isempty-4.4.0.tgz",
       "integrity": "sha512-oKMuF3xEeqDltrGMfDxAPGIVMSSRv8tbRSODbrs4KGsRRLEhrW8N8Rd4DRgB2+621hY8A8XwwrTVhXWpxFvMzg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/lodash.isfunction": {
       "version": "3.0.9",
       "resolved": "https://registry.npmjs.org/lodash.isfunction/-/lodash.isfunction-3.0.9.tgz",
       "integrity": "sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==",
-      "dev": true
+      "optional": true
     },
     "node_modules/lodash.isobject": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/lodash.isobject/-/lodash.isobject-3.0.2.tgz",
       "integrity": "sha512-3/Qptq2vr7WeJbB4KHUSKlq8Pl7ASXi3UG6CMbBm8WRtXi8+GHm7mKaU3urfpSEzWe2wCIChs6/sdocUsTKJiA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/lodash.isstring": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
       "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
-      "dev": true
+      "optional": true
     },
     "node_modules/lodash.memoize": {
       "version": "4.1.2",
@@ -16676,13 +16674,13 @@
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/lodash.once": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
       "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/lodash.pullall": {
       "version": "4.2.0",
@@ -16706,7 +16704,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
       "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "chalk": "^4.1.0",
         "is-unicode-supported": "^0.1.0"
@@ -16722,7 +16720,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -16737,7 +16735,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -16753,7 +16751,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -16762,7 +16760,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -16774,7 +16772,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
       "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-escapes": "^4.3.0",
         "cli-cursor": "^3.1.0",
@@ -16792,7 +16790,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -16807,13 +16805,13 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/log-update/node_modules/slice-ansi": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
       "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "astral-regex": "^2.0.0",
@@ -16830,7 +16828,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -16844,7 +16842,7 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
       "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -16892,7 +16890,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
-      "dev": true,
+      "optional": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -16901,7 +16899,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
       "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "semver": "^6.0.0"
       },
@@ -16931,7 +16929,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
       "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "charenc": "0.0.2",
         "crypt": "0.0.2",
@@ -17038,7 +17036,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/merge-source-map/-/merge-source-map-1.1.0.tgz",
       "integrity": "sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "source-map": "^0.6.1"
       }
@@ -17096,7 +17094,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
       "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "dev": true,
+      "devOptional": true,
       "bin": {
         "mime": "cli.js"
       },
@@ -17136,7 +17134,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
       "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=4"
       }
@@ -17244,7 +17242,7 @@
       "version": "0.5.6",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
       "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "minimist": "^1.2.6"
       },
@@ -17310,7 +17308,7 @@
       "version": "10.4.0",
       "resolved": "https://registry.npmjs.org/mocha/-/mocha-10.4.0.tgz",
       "integrity": "sha512-eqhGB8JKapEYcC4ytX/xrzKforgEc3j1pGlAXVy3eRwrtAy5/nIfT1SvgGzfN0XZZxeLq0aQWkOUAmqIJiv+bA==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "ansi-colors": "4.1.1",
@@ -17346,7 +17344,7 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/mocha-junit-reporter/-/mocha-junit-reporter-2.2.1.tgz",
       "integrity": "sha512-iDn2tlKHn8Vh8o4nCzcUVW4q7iXp7cC4EB78N0cDHIobLymyHNwe0XG8HEHHjc3hJlXm0Vy6zcrxaIhnI2fWmw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "debug": "^4.3.4",
         "md5": "^2.3.0",
@@ -17362,7 +17360,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz",
       "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==",
-      "dev": true,
+      "optional": true,
       "bin": {
         "mkdirp": "dist/cjs/src/bin.js"
       },
@@ -17377,7 +17375,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
       "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "engines": {
         "node": ">=6"
@@ -17387,7 +17385,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "color-convert": "^2.0.1"
@@ -17403,14 +17401,14 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
+      "optional": true,
       "peer": true
     },
     "node_modules/mocha/node_modules/brace-expansion": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "balanced-match": "^1.0.0"
@@ -17420,7 +17418,7 @@
       "version": "7.0.4",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
       "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "string-width": "^4.2.0",
@@ -17432,14 +17430,14 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
+      "optional": true,
       "peer": true
     },
     "node_modules/mocha/node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "engines": {
         "node": ">=10"
@@ -17453,7 +17451,7 @@
       "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
       "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
@@ -17473,7 +17471,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "engines": {
         "node": ">=8"
@@ -17483,7 +17481,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "argparse": "^2.0.1"
@@ -17496,7 +17494,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.0.1.tgz",
       "integrity": "sha512-nLDxIFRyhDblz3qMuq+SoRZED4+miJ/G+tdDrjkkkRnjAsBexeGpgjLEQ0blJy7rHhR2b93rhQY4SvyWu9v03g==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
@@ -17509,14 +17507,14 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
+      "optional": true,
       "peer": true
     },
     "node_modules/mocha/node_modules/serialize-javascript": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
       "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "randombytes": "^2.1.0"
@@ -17526,7 +17524,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
@@ -17541,7 +17539,7 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "has-flag": "^4.0.0"
@@ -17557,7 +17555,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
@@ -17575,7 +17573,7 @@
       "version": "16.2.0",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
       "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "cliui": "^7.0.2",
@@ -17594,7 +17592,7 @@
       "version": "20.2.4",
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.4.tgz",
       "integrity": "sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "engines": {
         "node": ">=10"
@@ -17604,7 +17602,7 @@
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/mochawesome/-/mochawesome-7.1.3.tgz",
       "integrity": "sha512-Vkb3jR5GZ1cXohMQQ73H3cZz7RoxGjjUo0G5hu0jLaW+0FdUxUwg3Cj29bqQdh0rFcnyV06pWmqmi5eBPnEuNQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "chalk": "^4.1.2",
         "diff": "^5.0.0",
@@ -17625,7 +17623,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/mochawesome-merge/-/mochawesome-merge-4.3.0.tgz",
       "integrity": "sha512-1roR6g+VUlfdaRmL8dCiVpKiaUhbPVm1ZQYUM6zHX46mWk+tpsKVZR6ba98k2zc8nlPvYd71yn5gyH970pKBSw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "fs-extra": "^7.0.1",
         "glob": "^7.1.6",
@@ -17642,7 +17640,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -17657,7 +17655,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
       "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "string-width": "^4.2.0",
         "strip-ansi": "^6.0.0",
@@ -17668,13 +17666,13 @@
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/mochawesome-merge/node_modules/find-up": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -17687,7 +17685,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
       "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "graceful-fs": "^4.1.2",
         "jsonfile": "^4.0.0",
@@ -17701,7 +17699,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
       "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
-      "dev": true,
+      "optional": true,
       "optionalDependencies": {
         "graceful-fs": "^4.1.6"
       }
@@ -17710,7 +17708,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -17722,7 +17720,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -17737,7 +17735,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -17749,7 +17747,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -17763,7 +17761,7 @@
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
       "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 4.0.0"
       }
@@ -17772,7 +17770,7 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
       "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -17786,13 +17784,13 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
       "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/mochawesome-merge/node_modules/yargs": {
       "version": "15.4.1",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
       "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "cliui": "^6.0.0",
         "decamelize": "^1.2.0",
@@ -17814,7 +17812,7 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/mochawesome-report-generator/-/mochawesome-report-generator-6.2.0.tgz",
       "integrity": "sha512-Ghw8JhQFizF0Vjbtp9B0i//+BOkV5OWcQCPpbO0NGOoxV33o+gKDYU0Pr2pGxkIHnqZ+g5mYiXF7GMNgAcDpSg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "chalk": "^4.1.2",
         "dateformat": "^4.5.1",
@@ -17837,7 +17835,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -17852,7 +17850,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -17868,7 +17866,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -17877,7 +17875,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -17889,7 +17887,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -17904,7 +17902,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -17920,7 +17918,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -17929,7 +17927,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -18010,13 +18008,13 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/negotiator": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
       "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -18025,7 +18023,7 @@
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/nice-try": {
       "version": "1.0.5",
@@ -18062,7 +18060,7 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/node-preload/-/node-preload-0.2.1.tgz",
       "integrity": "sha512-RM5oyBy45cLEoHqCeh+MNuFAxO0vTFBLskvQbOKnEE7YTTSN4tbN8QWDIPQ6L+WvKsB/qLEGpYe2ZZ9d4W9OIQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "process-on-spawn": "^1.0.0"
       },
@@ -18263,7 +18261,7 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/nyc/-/nyc-15.1.0.tgz",
       "integrity": "sha512-jMW04n9SxKdKi1ZMGhvUTHBN0EICCRkHemEoE5jm6mTYcqcdas0ATzgUgejlQUHMvpnOZqGB5Xxsv9KxJW1j8A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@istanbuljs/load-nyc-config": "^1.0.0",
         "@istanbuljs/schema": "^0.1.2",
@@ -18304,7 +18302,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -18319,7 +18317,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
       "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "string-width": "^4.2.0",
         "strip-ansi": "^6.0.0",
@@ -18330,19 +18328,19 @@
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
       "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/nyc/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
+      "optional": true
     },
     "node_modules/nyc/node_modules/find-up": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
       "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "locate-path": "^5.0.0",
         "path-exists": "^4.0.0"
@@ -18355,7 +18353,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz",
       "integrity": "sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@babel/core": "^7.7.5",
         "@istanbuljs/schema": "^0.1.2",
@@ -18370,7 +18368,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
       "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "p-locate": "^4.1.0"
       },
@@ -18382,7 +18380,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
       "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "p-try": "^2.0.0"
       },
@@ -18397,7 +18395,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
       "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "p-limit": "^2.2.0"
       },
@@ -18409,7 +18407,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
       "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "aggregate-error": "^3.0.0"
       },
@@ -18421,7 +18419,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -18435,7 +18433,7 @@
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
       "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -18449,13 +18447,13 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
       "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/nyc/node_modules/yargs": {
       "version": "15.4.1",
       "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
       "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "cliui": "^6.0.0",
         "decamelize": "^1.2.0",
@@ -18494,7 +18492,7 @@
       "version": "1.1.5",
       "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
       "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.1.3"
@@ -18628,7 +18626,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
       "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">= 0.8"
       }
@@ -18678,7 +18676,7 @@
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
       "integrity": "sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==",
-      "dev": true,
+      "devOptional": true,
       "bin": {
         "opener": "bin/opener-bin.js"
       }
@@ -18687,7 +18685,7 @@
       "version": "0.9.3",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
       "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@aashutoshrathi/word-wrap": "^1.2.3",
         "deep-is": "^0.1.3",
@@ -18704,13 +18702,13 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz",
       "integrity": "sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -18725,7 +18723,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -18740,7 +18738,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
       "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "aggregate-error": "^3.0.0"
       },
@@ -18789,7 +18787,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/package-hash/-/package-hash-4.0.0.tgz",
       "integrity": "sha512-whdkPIooSu/bASggZ96BWVvZTRMOFxnyUG5PnTSGKoJE2gd5mbVNmR2Nj20QFzxYYgAXpoqC+AiXzl+UMRh7zQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "graceful-fs": "^4.1.15",
         "hasha": "^5.0.0",
@@ -18814,7 +18812,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -18905,7 +18903,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
       "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
-      "dev": true
+      "optional": true
     },
     "node_modules/path-key": {
       "version": "3.1.1",
@@ -18932,7 +18930,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=8"
       }
@@ -18941,13 +18939,13 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
       "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/performance-now": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
       "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
-      "dev": true
+      "optional": true
     },
     "node_modules/picocolors": {
       "version": "1.0.0",
@@ -19026,7 +19024,7 @@
       "version": "1.0.32",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
       "integrity": "sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "async": "^2.6.4",
         "debug": "^3.2.7",
@@ -19040,7 +19038,7 @@
       "version": "2.6.4",
       "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
       "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "lodash": "^4.17.14"
       }
@@ -19049,7 +19047,7 @@
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
       "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ms": "^2.1.1"
       }
@@ -19569,7 +19567,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -19605,7 +19603,7 @@
       "version": "5.6.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
       "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=6"
       },
@@ -19627,7 +19625,7 @@
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -19641,7 +19639,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
@@ -19653,13 +19651,13 @@
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
-      "dev": true
+      "optional": true
     },
     "node_modules/process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
       "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.6.0"
       }
@@ -19674,7 +19672,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/process-on-spawn/-/process-on-spawn-1.0.0.tgz",
       "integrity": "sha512-1WsPDsUSMmZH5LeMLegqkPDrsGgsWwk1Exipy2hvB0o/F0ASzbpIctSCcZIK1ykJvtTJULEH+20WOFjMvGnCTg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "fromentries": "^1.2.0"
       },
@@ -19762,13 +19760,13 @@
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
       "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/pump": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
       "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "end-of-stream": "^1.1.0",
         "once": "^1.3.1"
@@ -19787,7 +19785,7 @@
       "version": "6.11.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
       "integrity": "sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "side-channel": "^1.0.4"
       },
@@ -19802,7 +19800,7 @@
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
       "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
@@ -19828,7 +19826,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
       "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "safe-buffer": "^5.1.0"
       }
@@ -19893,7 +19891,7 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
       "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "deep-extend": "^0.6.0",
         "ini": "~1.3.0",
@@ -19908,13 +19906,13 @@
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true
+      "optional": true
     },
     "node_modules/rc/node_modules/strip-json-comments": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
       "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -20153,7 +20151,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
       "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "indent-string": "^4.0.0",
         "strip-indent": "^3.0.0"
@@ -20202,13 +20200,13 @@
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
       "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/regenerate-unicode-properties": {
       "version": "10.1.1",
       "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz",
       "integrity": "sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "regenerate": "^1.4.2"
       },
@@ -20226,7 +20224,7 @@
       "version": "0.15.2",
       "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
       "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/runtime": "^7.8.4"
       }
@@ -20252,7 +20250,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
       "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@babel/regjsgen": "^0.8.0",
         "regenerate": "^1.4.2",
@@ -20269,7 +20267,7 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz",
       "integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "rc": "^1.1.6",
         "safe-buffer": "^5.0.1"
@@ -20279,7 +20277,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
       "integrity": "sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "rc": "^1.0.1"
       },
@@ -20291,7 +20289,7 @@
       "version": "0.9.1",
       "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
       "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "jsesc": "~0.5.0"
       },
@@ -20303,7 +20301,7 @@
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
       "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
-      "devOptional": true,
+      "optional": true,
       "bin": {
         "jsesc": "bin/jsesc"
       }
@@ -20321,7 +20319,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/release-zalgo/-/release-zalgo-1.0.0.tgz",
       "integrity": "sha512-gUAyHVHPPC5wdqX/LG4LWtRYtgjxyX78oanFNTMMyFEfOqdC54s3eE82imuWKbOeqYht2CrNf64Qb8vgmmtZGA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "es6-error": "^4.0.1"
       },
@@ -20438,7 +20436,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz",
       "integrity": "sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "throttleit": "^1.0.0"
       }
@@ -20456,7 +20454,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -20465,7 +20463,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
       "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/requires-port": {
       "version": "1.0.0",
@@ -20538,7 +20536,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
       "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "onetime": "^5.1.0",
         "signal-exit": "^3.0.2"
@@ -20570,7 +20568,7 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz",
       "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/rimraf": {
       "version": "3.0.2",
@@ -20624,7 +20622,7 @@
       "version": "7.8.1",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
       "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -20651,7 +20649,7 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
       "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "dev": true,
+      "devOptional": true,
       "funding": [
         {
           "type": "github",
@@ -20768,7 +20766,7 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
       "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/json-schema": "^7.0.8",
         "ajv": "^6.12.5",
@@ -20786,7 +20784,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/secure-compare/-/secure-compare-3.0.1.tgz",
       "integrity": "sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==",
-      "dev": true
+      "optional": true
     },
     "node_modules/select-hose": {
       "version": "2.0.0",
@@ -20864,7 +20862,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
       "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "randombytes": "^2.1.0"
       }
@@ -20873,7 +20871,7 @@
       "version": "14.2.1",
       "resolved": "https://registry.npmjs.org/serve/-/serve-14.2.1.tgz",
       "integrity": "sha512-48er5fzHh7GCShLnNyPBRPEjs2I6QBozeGr02gaacROiyS/8ARADlj595j39iZXAqBbJHH/ivJJyPRWY9sQWZA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@zeit/schemas": "2.29.0",
         "ajv": "8.11.0",
@@ -20898,7 +20896,7 @@
       "version": "6.1.5",
       "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.5.tgz",
       "integrity": "sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "bytes": "3.0.0",
         "content-disposition": "0.5.2",
@@ -20914,7 +20912,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
       "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.8"
       }
@@ -20923,7 +20921,7 @@
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
       "integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -20932,7 +20930,7 @@
       "version": "1.33.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
       "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -20941,7 +20939,7 @@
       "version": "2.1.18",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
       "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "mime-db": "~1.33.0"
       },
@@ -20953,13 +20951,13 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-2.2.1.tgz",
       "integrity": "sha512-gu9bD6Ta5bwGrrU8muHzVOBFFREpp2iRkVfhBJahwJ6p6Xw20SjT0MxLnwkjOibQmGSYhiUnf2FLe7k+jcFmGQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/serve-handler/node_modules/range-parser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
       "integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -21061,7 +21059,7 @@
       "version": "8.11.0",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
       "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "json-schema-traverse": "^1.0.0",
@@ -21077,7 +21075,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
       "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": "^12.17.0 || ^14.13 || >=16.0.0"
       },
@@ -21089,13 +21087,13 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
+      "optional": true
     },
     "node_modules/set-blocking": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
       "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
-      "dev": true
+      "optional": true
     },
     "node_modules/set-function-name": {
       "version": "2.0.1",
@@ -21227,7 +21225,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
       "integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "astral-regex": "^2.0.0",
@@ -21241,7 +21239,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -21300,7 +21298,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/spawn-wrap/-/spawn-wrap-2.0.0.tgz",
       "integrity": "sha512-EeajNjfN9zMnULLwhZZQU3GWBoFNkbngTUPfaawT4RkMiviTxcX0qfhVbGey39mfctfDHkWtuecgQ8NJcyQWHg==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "foreground-child": "^2.0.0",
         "is-windows": "^1.0.2",
@@ -21385,7 +21383,7 @@
       "version": "1.18.0",
       "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
       "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "asn1": "~0.2.3",
         "assert-plus": "^1.0.0",
@@ -21417,7 +21415,7 @@
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
       "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "escape-string-regexp": "^2.0.0"
       },
@@ -21429,7 +21427,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
       "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -21452,7 +21450,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
       "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "internal-slot": "^1.0.4"
       },
@@ -21486,7 +21484,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "eastasianwidth": "^0.2.0",
         "emoji-regex": "^9.2.2",
@@ -21503,7 +21501,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=12"
       },
@@ -21515,7 +21513,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -21624,7 +21622,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
       "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -21642,7 +21640,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
       "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "min-indent": "^1.0.0"
       },
@@ -21654,7 +21652,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       },
@@ -21861,13 +21859,13 @@
       "version": "3.2.29",
       "resolved": "https://registry.npmjs.org/tcomb/-/tcomb-3.2.29.tgz",
       "integrity": "sha512-di2Hd1DB2Zfw6StGv861JoAF5h/uQVu/QJp2g8KVbtfKnoHdBQl5M32YWq6mnSYBQ1vFFrns5B1haWJL7rKaOQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/tcomb-validation": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/tcomb-validation/-/tcomb-validation-3.4.1.tgz",
       "integrity": "sha512-urVVMQOma4RXwiVCa2nM2eqrAomHROHvWPuj6UkDGz/eb5kcy0x6P0dVt6kzpUZtYMNoAqJLWmz1BPtxrtjtrA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "tcomb": "^3.0.0"
       }
@@ -21892,7 +21890,7 @@
       "version": "5.21.0",
       "resolved": "https://registry.npmjs.org/terser/-/terser-5.21.0.tgz",
       "integrity": "sha512-WtnFKrxu9kaoXuiZFSGrcAvvBqAdmKx0SFNmVNYdJamMu9yyN3I/QF0FbH4QcqJQ+y1CJnzxGIKH0cSj+FGYRw==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@jridgewell/source-map": "^0.3.3",
         "acorn": "^8.8.2",
@@ -21910,7 +21908,7 @@
       "version": "5.3.9",
       "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.9.tgz",
       "integrity": "sha512-ZuXsqE07EcggTWQjXUj+Aot/OMcD0bMKGgF63f7UxYcu5/AJF53aIpK1YoP5xR9l6s/Hy2b+t1AM0bLNPRuhwA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.17",
         "jest-worker": "^27.4.5",
@@ -21944,7 +21942,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=8"
       }
@@ -21953,7 +21951,7 @@
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
       "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/node": "*",
         "merge-stream": "^2.0.0",
@@ -21967,7 +21965,7 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -21982,13 +21980,13 @@
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
       "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/terser/node_modules/source-map-support": {
       "version": "0.5.21",
       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
       "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "buffer-from": "^1.0.0",
         "source-map": "^0.6.0"
@@ -21998,7 +21996,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
       "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "@istanbuljs/schema": "^0.1.2",
         "glob": "^7.1.4",
@@ -22012,13 +22010,13 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "devOptional": true
+      "optional": true
     },
     "node_modules/throttleit": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/throttleit/-/throttleit-1.0.1.tgz",
       "integrity": "sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ==",
-      "dev": true,
+      "optional": true,
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
@@ -22027,7 +22025,7 @@
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
       "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
-      "dev": true
+      "optional": true
     },
     "node_modules/thunky": {
       "version": "1.1.0",
@@ -22088,7 +22086,7 @@
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
       "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "psl": "^1.1.33",
         "punycode": "^2.1.1",
@@ -22103,7 +22101,7 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
       "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">= 4.0.0"
       }
@@ -22133,7 +22131,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.2.1.tgz",
       "integrity": "sha512-RIYA36cJn2WiH9Hy77hdF9r7oEwxAtB/TS9/S4Qd90Ap4z5FSiin5zEiTL44OII1Y3IIlEvxwxFUVgrHSZ/UpA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=16"
       },
@@ -22465,7 +22463,7 @@
       "version": "0.6.0",
       "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
       "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "safe-buffer": "^5.0.1"
       },
@@ -22477,13 +22475,13 @@
       "version": "0.14.5",
       "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
       "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -22504,7 +22502,7 @@
       "version": "2.19.0",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
       "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=12.20"
       },
@@ -22594,7 +22592,7 @@
       "version": "3.1.5",
       "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
       "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "is-typedarray": "^1.0.0"
       }
@@ -22645,7 +22643,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
       "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=4"
       }
@@ -22654,7 +22652,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
       "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "unicode-canonical-property-names-ecmascript": "^2.0.0",
         "unicode-property-aliases-ecmascript": "^2.0.0"
@@ -22667,7 +22665,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
       "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=4"
       }
@@ -22676,7 +22674,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
       "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=4"
       }
@@ -22697,7 +22695,7 @@
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz",
       "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "qs": "^6.4.0"
       },
@@ -22709,7 +22707,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
       "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 10.0.0"
       }
@@ -22727,7 +22725,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
       "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=8"
       }
@@ -22766,7 +22764,7 @@
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/update-check/-/update-check-1.5.4.tgz",
       "integrity": "sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "registry-auth-token": "3.3.2",
         "registry-url": "3.1.0"
@@ -22785,7 +22783,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
       "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
-      "dev": true
+      "optional": true
     },
     "node_modules/url-loader": {
       "version": "4.1.1",
@@ -22818,7 +22816,7 @@
       "version": "1.5.10",
       "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
       "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "querystringify": "^2.1.1",
         "requires-port": "^1.0.0"
@@ -22895,7 +22893,7 @@
       "version": "13.12.0",
       "resolved": "https://registry.npmjs.org/validator/-/validator-13.12.0.tgz",
       "integrity": "sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">= 0.10"
       }
@@ -22904,7 +22902,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">= 0.8"
       }
@@ -22913,10 +22911,10 @@
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
       "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
-      "dev": true,
       "engines": [
         "node >=0.6.0"
       ],
+      "optional": true,
       "dependencies": {
         "assert-plus": "^1.0.0",
         "core-util-is": "1.0.2",
@@ -22927,7 +22925,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
       "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/victory-area": {
       "version": "36.9.2",
@@ -23243,7 +23241,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/wait-on/-/wait-on-7.2.0.tgz",
       "integrity": "sha512-wCQcHkRazgjG5XoAq9jbTMLpNIjoSlZslrJ2+N9MxDsGEv1HnFoVjOCexL0ESva7Y9cu350j+DWADdk54s4AFQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "axios": "^1.6.1",
         "joi": "^17.11.0",
@@ -23271,7 +23269,7 @@
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
       "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
@@ -23350,7 +23348,7 @@
       "version": "5.88.2",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.88.2.tgz",
       "integrity": "sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
         "@types/estree": "^1.0.0",
@@ -23724,13 +23722,13 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.2.tgz",
       "integrity": "sha512-VeiPZ9MMwXjO32/Xu7+OwflfmeoRwkE/qzndw42gGtgJwZopBnzy2gD//NN1+go1mADzkDcqf/KnFRSjTJ8xJA==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/webpack/node_modules/acorn-import-assertions": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
       "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
-      "dev": true,
+      "devOptional": true,
       "peerDependencies": {
         "acorn": "^8"
       }
@@ -23739,7 +23737,7 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
       "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=10.13.0"
       }
@@ -23771,7 +23769,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
       "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "iconv-lite": "0.6.3"
       },
@@ -23862,7 +23860,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
       "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
-      "devOptional": true,
+      "optional": true,
       "dependencies": {
         "is-map": "^2.0.1",
         "is-set": "^2.0.1",
@@ -23877,7 +23875,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
       "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
-      "dev": true
+      "optional": true
     },
     "node_modules/which-typed-array": {
       "version": "1.1.11",
@@ -23902,7 +23900,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz",
       "integrity": "sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "string-width": "^5.0.1"
       },
@@ -23923,14 +23921,14 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/workerpool/-/workerpool-6.2.1.tgz",
       "integrity": "sha512-ILEIE97kDZvF9Wb9f6h5aXK4swSlKGUcOEGiIYb2OOu/IrDU9iwj0fD//SsA6E5ibwJxpEvhullJY4Sl4GcpAw==",
-      "dev": true,
+      "optional": true,
       "peer": true
     },
     "node_modules/wrap-ansi": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-styles": "^6.1.0",
         "string-width": "^5.0.1",
@@ -23947,7 +23945,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=12"
       },
@@ -23959,7 +23957,7 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
+      "optional": true,
       "engines": {
         "node": ">=12"
       },
@@ -23971,7 +23969,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -24026,7 +24024,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/xml/-/xml-1.0.1.tgz",
       "integrity": "sha512-huCv9IH9Tcf95zuYCsQraZtWnJvBtLVE0QHMOs8bWyZAFZNDcYjsPq1nEx8jKA9y+Beo9v+7OBPRisQTjinQMw==",
-      "dev": true
+      "optional": true
     },
     "node_modules/xml-name-validator": {
       "version": "4.0.0",
@@ -24041,7 +24039,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/xmlbuilder2/-/xmlbuilder2-3.1.1.tgz",
       "integrity": "sha512-WCSfbfZnQDdLQLiMdGUQpMxxckeQ4oZNMNhLVkcekTu7xhD4tuUDyAPoY8CwXvBYE6LwBHd6QW2WZXlOWr1vCw==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "@oozcitak/dom": "1.15.10",
         "@oozcitak/infra": "1.0.8",
@@ -24103,7 +24101,7 @@
       "version": "18.1.3",
       "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
       "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "camelcase": "^5.0.0",
         "decamelize": "^1.2.0"
@@ -24116,7 +24114,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/yargs-unparser/-/yargs-unparser-2.0.0.tgz",
       "integrity": "sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "dependencies": {
         "camelcase": "^6.0.0",
@@ -24132,7 +24130,7 @@
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
       "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "engines": {
         "node": ">=10"
@@ -24145,7 +24143,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-4.0.0.tgz",
       "integrity": "sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "engines": {
         "node": ">=10"
@@ -24158,7 +24156,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
       "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
-      "dev": true,
+      "optional": true,
       "peer": true,
       "engines": {
         "node": ">=8"
@@ -24197,7 +24195,7 @@
       "version": "2.10.0",
       "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
       "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
-      "dev": true,
+      "optional": true,
       "dependencies": {
         "buffer-crc32": "~0.2.3",
         "fd-slicer": "~1.1.0"
@@ -24207,7 +24205,7 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "devOptional": true,
+      "optional": true,
       "engines": {
         "node": ">=10"
       },
diff --git a/frontend/package.json b/frontend/package.json
index f3bd6d8642..9d39321c55 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -94,14 +94,6 @@
   },
   "devDependencies": {
     "@babel/core": "^7.21.0",
-    "@cypress/code-coverage": "^3.12.34",
-    "@jsdevtools/coverage-istanbul-loader": "^3.0.5",
-    "@testing-library/cypress": "^10.0.1",
-    "@testing-library/dom": "^9.3.4",
-    "@testing-library/jest-dom": "^6.3.0",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/chai-subset": "^1.3.5",
     "@types/dompurify": "^2.2.6",
     "@types/google-protobuf": "^3.7.2",
     "@types/js-yaml": "^4.0.6",
@@ -113,45 +105,30 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/showdown": "^2.0.3",
     "@types/ws": "^8.5.10",
-    "@typescript-eslint/eslint-plugin": "^7.1.1",
-    "@typescript-eslint/parser": "^7.1.1",
     "babel-loader": "^8.3.0",
     "babel-plugin-transform-imports": "^2.0.0",
-    "chai-subset": "^1.6.0",
     "concurrently": "^8.2.2",
     "copy-webpack-plugin": "^12.0.2",
     "core-js": "^3.37.1",
     "css-loader": "^5.2.7",
     "css-minimizer-webpack-plugin": "^4.2.2",
-    "cypress": "^13.10.0",
-    "cypress-axe": "^1.5.0",
-    "cypress-high-resolution": "^1.0.0",
-    "cypress-mochawesome-reporter": "^3.8.2",
-    "cypress-multi-reporters": "^1.6.4",
     "dotenv": "^8.2.0",
     "dotenv-expand": "^5.1.0",
     "dotenv-webpack": "^6.0.0",
-    "expect": "^29.7.0",
     "file-loader": "^6.1.1",
     "html-webpack-plugin": "^5.5.0",
-    "http-server": "^14.1.1",
     "imagemin": "^7.0.0",
-    "istanbul-merge": "^2.0.0",
     "js-yaml-loader": "^1.2.2",
-    "junit-report-merger": "^7.0.0",
     "mini-css-extract-plugin": "^2.7.2",
-    "mocha-junit-reporter": "^2.2.1",
     "monaco-editor-webpack-plugin": "^7.0.1",
     "npm-run-all": "^4.1.5",
     "null-loader": "^4.0.1",
-    "nyc": "^15.1.0",
     "prettier": "^2.1.2",
     "protobufjs": "^7.3.2",
     "raw-loader": "^4.0.2",
     "regenerator-runtime": "^0.13.7",
     "rimraf": "^3.0.2",
     "sass-loader": "^13.2.0",
-    "serve": "^14.2.1",
     "style-loader": "^2.0.0",
     "svg-url-loader": "^6.0.0",
     "terser-webpack-plugin": "^5.3.6",
@@ -160,7 +137,6 @@
     "typescript": "^5.3.3",
     "url-loader": "^4.1.1",
     "victory-core": "^36.8.3",
-    "wait-on": "^7.2.0",
     "webpack": "^5.76.0",
     "webpack-bundle-analyzer": "^4.7.0",
     "webpack-cli": "^4.10.0",
@@ -171,6 +147,13 @@
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
+    "@cypress/code-coverage": "^3.12.34",
+    "chai-subset": "^1.6.0",
+    "cypress": "^13.10.0",
+    "cypress-axe": "^1.5.0",
+    "cypress-high-resolution": "^1.0.0",
+    "cypress-mochawesome-reporter": "^3.8.2",
+    "cypress-multi-reporters": "^1.6.4",
     "@types/jest": "^28.1.8",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^8.6.0",
@@ -184,10 +167,27 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "expect": "^29.7.0",
+    "http-server": "^14.1.1",
+    "istanbul-merge": "^2.0.0",
     "jest": "^28.1.3",
     "jest-environment-jsdom": "^29.4.3",
+    "junit-report-merger": "^7.0.0",
+    "@jsdevtools/coverage-istanbul-loader": "^3.0.5",
+    "mocha-junit-reporter": "^2.2.1",
     "npm-run-all": "^4.1.5",
-    "ts-jest": "^28.0.8"
+    "nyc": "^15.1.0",
+    "serve": "^14.2.1",
+    "@testing-library/cypress": "^10.0.1",
+    "@testing-library/dom": "^9.3.4",
+    "@testing-library/jest-dom": "^6.3.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/chai-subset": "^1.3.5",
+    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/parser": "^7.1.1",
+    "ts-jest": "^28.0.8",
+    "wait-on": "^7.2.0"
   },
   "overrides": {
     "@openshift/dynamic-plugin-sdk-utils": {

From 73e69e58efafbaf15d01accc334f76618a123ca4 Mon Sep 17 00:00:00 2001
From: Jeff Phillips <jephilli@redhat.com>
Date: Fri, 2 Aug 2024 13:09:25 -0400
Subject: [PATCH 03/11] [RHOAIENG-10311] Backend service endpoints for
 connection types (#3048)

---
 .../connection-types/connectionTypeUtils.ts   | 190 ++++++++++++++++++
 .../src/routes/api/connection-types/index.ts  |  91 +++++++++
 backend/src/types.ts                          |   1 +
 .../connectionTypes/__tests__/utils.spec.ts   |   4 +-
 .../src/concepts/connectionTypes/types.ts     |   4 +-
 .../src/concepts/connectionTypes/utils.ts     |   8 +-
 .../src/services/connectionTypesService.ts    |  85 ++++++++
 7 files changed, 377 insertions(+), 6 deletions(-)
 create mode 100644 backend/src/routes/api/connection-types/connectionTypeUtils.ts
 create mode 100644 backend/src/routes/api/connection-types/index.ts
 create mode 100644 frontend/src/services/connectionTypesService.ts

diff --git a/backend/src/routes/api/connection-types/connectionTypeUtils.ts b/backend/src/routes/api/connection-types/connectionTypeUtils.ts
new file mode 100644
index 0000000000..a3d2110ae8
--- /dev/null
+++ b/backend/src/routes/api/connection-types/connectionTypeUtils.ts
@@ -0,0 +1,190 @@
+import { PatchUtils, V1ConfigMap } from '@kubernetes/client-node';
+import { KnownLabels, KubeFastifyInstance, RecursivePartial } from '../../../types';
+import { getNamespaces } from '../../../utils/notebookUtils';
+import { errorHandler } from '../../../utils';
+
+const isConnectionTypeConfigMap = (configMap: V1ConfigMap): boolean =>
+  configMap.metadata.labels &&
+  configMap.metadata.labels[KnownLabels.DASHBOARD_RESOURCE] === 'true' &&
+  configMap.metadata.labels[KnownLabels.CONNECTION_TYPE] === 'true';
+
+const isExistingConnectionType = async (
+  fastify: KubeFastifyInstance,
+  name: string,
+): Promise<boolean> => {
+  const coreV1Api = fastify.kube.coreV1Api;
+  const { dashboardNamespace } = getNamespaces(fastify);
+
+  const response = await coreV1Api.readNamespacedConfigMap(name, dashboardNamespace);
+  return isConnectionTypeConfigMap(response.body);
+};
+
+export const listConnectionTypes = async (fastify: KubeFastifyInstance): Promise<V1ConfigMap[]> => {
+  const { dashboardNamespace } = getNamespaces(fastify);
+  const coreV1Api = fastify.kube.coreV1Api;
+  const connectionTypes: V1ConfigMap[] = [];
+
+  let _continue: string = undefined;
+  let remainingItemCount = 1;
+  try {
+    while (remainingItemCount) {
+      const response = await coreV1Api.listNamespacedConfigMap(
+        dashboardNamespace,
+        undefined,
+        undefined,
+        _continue,
+        undefined,
+        `${KnownLabels.DASHBOARD_RESOURCE} = true, ${KnownLabels.CONNECTION_TYPE} = true`,
+      );
+      connectionTypes.push(...(response?.body?.items ?? []));
+      remainingItemCount = response?.body.metadata?.remainingItemCount;
+      _continue = response?.body.metadata?._continue;
+    }
+    return connectionTypes;
+  } catch (e) {
+    fastify.log.error(`Error fetching configmaps for connection types: `, e);
+    throw new Error(`Failed to list connection types: ${errorHandler(e)}.`);
+  }
+};
+
+export const getConnectionType = async (
+  fastify: KubeFastifyInstance,
+  name: string,
+): Promise<V1ConfigMap> => {
+  const { dashboardNamespace } = getNamespaces(fastify);
+  const coreV1Api = fastify.kube.coreV1Api;
+  try {
+    const response = await coreV1Api.readNamespacedConfigMap(name, dashboardNamespace);
+    if (!isConnectionTypeConfigMap(response.body)) {
+      throw new Error(`object is not a connection type.`);
+    }
+    return response.body;
+  } catch (e) {
+    fastify.log.error(`Error fetching connection type: `, e);
+    throw new Error(`Failed to get connection type: ${errorHandler(e)}.`);
+  }
+};
+
+export const createConnectionType = async (
+  fastify: KubeFastifyInstance,
+  connectionType: V1ConfigMap,
+): Promise<{ success: boolean; error: string }> => {
+  const coreV1Api = fastify.kube.coreV1Api;
+  const { dashboardNamespace } = getNamespaces(fastify);
+
+  if (!isConnectionTypeConfigMap(connectionType)) {
+    const error = 'Unable to add connection type, incorrect labels.';
+    fastify.log.error(error);
+    return { success: false, error };
+  }
+
+  try {
+    await coreV1Api.createNamespacedConfigMap(dashboardNamespace, connectionType);
+    return { success: true, error: '' };
+  } catch (e) {
+    const error = `Unable to add connection type: ${errorHandler(e)}.`;
+    fastify.log.error(error);
+    return { success: false, error };
+  }
+};
+
+export const updateConnectionType = async (
+  fastify: KubeFastifyInstance,
+  name: string,
+  connectionType: V1ConfigMap,
+): Promise<{ success: boolean; error: string }> => {
+  const coreV1Api = fastify.kube.coreV1Api;
+  const { dashboardNamespace } = getNamespaces(fastify);
+
+  if (!isConnectionTypeConfigMap(connectionType)) {
+    const error = 'Unable to add connection type, incorrect labels.';
+    fastify.log.error(error);
+    return { success: false, error };
+  }
+
+  try {
+    const validConnectionType = await isExistingConnectionType(fastify, name);
+    if (!validConnectionType) {
+      const error = `Unable to update connection type, object is not a connection type`;
+      fastify.log.error(error);
+      return { success: false, error };
+    }
+
+    await coreV1Api.replaceNamespacedConfigMap(name, dashboardNamespace, connectionType);
+    return { success: true, error: '' };
+  } catch (e) {
+    const error = `Unable to update connection type: ${errorHandler(e)}.`;
+    fastify.log.error(error);
+    return { success: false, error };
+  }
+};
+
+export const patchConnectionType = async (
+  fastify: KubeFastifyInstance,
+  name: string,
+  partialConfigMap: RecursivePartial<V1ConfigMap>,
+): Promise<{ success: boolean; error: string }> => {
+  const coreV1Api = fastify.kube.coreV1Api;
+  const { dashboardNamespace } = getNamespaces(fastify);
+
+  if (
+    (partialConfigMap.metadata.labels?.[KnownLabels.DASHBOARD_RESOURCE] &&
+      partialConfigMap.metadata.labels[KnownLabels.DASHBOARD_RESOURCE] !== 'true') ||
+    (partialConfigMap.metadata.labels?.[KnownLabels.CONNECTION_TYPE] &&
+      partialConfigMap.metadata.labels[KnownLabels.CONNECTION_TYPE] !== 'true')
+  ) {
+    const error = 'Unable to update connection type, incorrect labels.';
+    fastify.log.error(error);
+    return { success: false, error };
+  }
+
+  try {
+    const validConnectionType = await isExistingConnectionType(fastify, name);
+    if (!validConnectionType) {
+      const error = `Unable to update connection type, object is not a connection type`;
+      fastify.log.error(error);
+      return { success: false, error };
+    }
+    const options = {
+      headers: { 'Content-type': PatchUtils.PATCH_FORMAT_JSON_PATCH },
+    };
+
+    await coreV1Api.patchNamespacedConfigMap(
+      name,
+      dashboardNamespace,
+      partialConfigMap,
+      undefined,
+      undefined,
+      undefined,
+      undefined,
+      options,
+    );
+    return { success: true, error: '' };
+  } catch (e) {
+    const error = `Unable to update connection type: ${errorHandler(e)}.`;
+    fastify.log.error(error);
+    return { success: false, error };
+  }
+};
+
+export const deleteConnectionType = async (
+  fastify: KubeFastifyInstance,
+  name: string,
+): Promise<{ success: boolean; error: string }> => {
+  const { dashboardNamespace } = getNamespaces(fastify);
+  const coreV1Api = fastify.kube.coreV1Api;
+  try {
+    const validConnectionType = await isExistingConnectionType(fastify, name);
+    if (!validConnectionType) {
+      const error = `Unable to delete connection type, object is not a connection type`;
+      fastify.log.error(error);
+      return { success: false, error };
+    }
+    await coreV1Api.deleteNamespacedConfigMap(name, dashboardNamespace);
+    return { success: true, error: '' };
+  } catch (e) {
+    const error = `Unable to delete connection type: ${errorHandler(e)}.`;
+    fastify.log.error(error);
+    return { success: false, error };
+  }
+};
diff --git a/backend/src/routes/api/connection-types/index.ts b/backend/src/routes/api/connection-types/index.ts
new file mode 100644
index 0000000000..9dc4d1e05d
--- /dev/null
+++ b/backend/src/routes/api/connection-types/index.ts
@@ -0,0 +1,91 @@
+import { V1ConfigMap } from '@kubernetes/client-node';
+import { FastifyReply, FastifyRequest } from 'fastify';
+import { KubeFastifyInstance, RecursivePartial } from '../../../types';
+import { secureAdminRoute } from '../../../utils/route-security';
+import {
+  getConnectionType,
+  listConnectionTypes,
+  createConnectionType,
+  updateConnectionType,
+  patchConnectionType,
+  deleteConnectionType,
+} from './connectionTypeUtils';
+
+module.exports = async (fastify: KubeFastifyInstance) => {
+  fastify.get(
+    '/',
+    secureAdminRoute(fastify)(async (request: FastifyRequest, reply: FastifyReply) =>
+      listConnectionTypes(fastify)
+        .then((res) => res)
+        .catch((res) => {
+          reply.send(res);
+        }),
+    ),
+  );
+
+  fastify.get(
+    '/:name',
+    secureAdminRoute(fastify)(
+      async (request: FastifyRequest<{ Params: { name: string } }>, reply: FastifyReply) =>
+        getConnectionType(fastify, request.params.name)
+          .then((res) => res)
+          .catch((res) => {
+            reply.send(res);
+          }),
+    ),
+  );
+
+  fastify.post(
+    '/',
+    secureAdminRoute(fastify)(
+      async (request: FastifyRequest<{ Body: V1ConfigMap }>, reply: FastifyReply) =>
+        createConnectionType(fastify, request.body)
+          .then((res) => res)
+          .catch((res) => {
+            reply.send(res);
+          }),
+    ),
+  );
+
+  fastify.put(
+    '/:name',
+    secureAdminRoute(fastify)(
+      async (
+        request: FastifyRequest<{ Params: { name: string }; Body: V1ConfigMap }>,
+        reply: FastifyReply,
+      ) =>
+        updateConnectionType(fastify, request.params.name, request.body)
+          .then((res) => res)
+          .catch((res) => {
+            reply.send(res);
+          }),
+    ),
+  );
+
+  fastify.patch(
+    '/:name',
+    secureAdminRoute(fastify)(
+      async (
+        request: FastifyRequest<{ Params: { name: string }; Body: RecursivePartial<V1ConfigMap> }>,
+        reply: FastifyReply,
+      ) =>
+        patchConnectionType(fastify, request.params.name, request.body)
+          .then((res) => res)
+          .catch((res) => {
+            reply.send(res);
+          }),
+    ),
+  );
+
+  fastify.delete(
+    '/:name',
+    secureAdminRoute(fastify)(
+      async (request: FastifyRequest<{ Params: { name: string } }>, reply: FastifyReply) =>
+        deleteConnectionType(fastify, request.params.name)
+          .then((res) => res)
+          .catch((res) => {
+            reply.send(res);
+          }),
+    ),
+  );
+};
diff --git a/backend/src/types.ts b/backend/src/types.ts
index 0da7f13d37..28249c0e84 100644
--- a/backend/src/types.ts
+++ b/backend/src/types.ts
@@ -981,6 +981,7 @@ export enum KnownLabels {
   PROJECT_SHARING = 'opendatahub.io/project-sharing',
   MODEL_SERVING_PROJECT = 'modelmesh-enabled',
   DATA_CONNECTION_AWS = 'opendatahub.io/managed',
+  CONNECTION_TYPE = 'opendatahub.io/connection-type',
 }
 
 type ComponentNames =
diff --git a/frontend/src/concepts/connectionTypes/__tests__/utils.spec.ts b/frontend/src/concepts/connectionTypes/__tests__/utils.spec.ts
index cbb9557561..93f7aacc55 100644
--- a/frontend/src/concepts/connectionTypes/__tests__/utils.spec.ts
+++ b/frontend/src/concepts/connectionTypes/__tests__/utils.spec.ts
@@ -8,14 +8,14 @@ describe('utils', () => {
   it('should serialize / deserialize connection type fields', () => {
     const ct = mockConnectionTypeConfigMapObj({});
     const configMap = toConnectionTypeConfigMap(ct);
-    expect(typeof configMap.data.fields).toBe('string');
+    expect(typeof configMap.data?.fields).toBe('string');
     expect(ct).toEqual(toConnectionTypeConfigMapObj(toConnectionTypeConfigMap(ct)));
   });
 
   it('should serialize / deserialize connection type with missing fields', () => {
     const ct = mockConnectionTypeConfigMapObj({ fields: undefined });
     const configMap = toConnectionTypeConfigMap(ct);
-    expect(configMap.data.fields).toBeUndefined();
+    expect(configMap.data?.fields).toBeUndefined();
     expect(ct).toEqual(toConnectionTypeConfigMapObj(configMap));
   });
 });
diff --git a/frontend/src/concepts/connectionTypes/types.ts b/frontend/src/concepts/connectionTypes/types.ts
index 289643f57d..82a5b959d5 100644
--- a/frontend/src/concepts/connectionTypes/types.ts
+++ b/frontend/src/concepts/connectionTypes/types.ts
@@ -95,14 +95,14 @@ export type ConnectionTypeConfigMap = K8sResourceCommon & {
       'opendatahub.io/connection-type': 'true';
     };
   };
-  data: {
+  data?: {
     // JSON of type ConnectionTypeField
     fields?: string;
   };
 };
 
 export type ConnectionTypeConfigMapObj = Omit<ConnectionTypeConfigMap, 'data'> & {
-  data: {
+  data?: {
     fields?: ConnectionTypeField[];
   };
 };
diff --git a/frontend/src/concepts/connectionTypes/utils.ts b/frontend/src/concepts/connectionTypes/utils.ts
index 7fb9121a2f..dac5355724 100644
--- a/frontend/src/concepts/connectionTypes/utils.ts
+++ b/frontend/src/concepts/connectionTypes/utils.ts
@@ -7,12 +7,16 @@ export const toConnectionTypeConfigMapObj = (
   configMap: ConnectionTypeConfigMap,
 ): ConnectionTypeConfigMapObj => ({
   ...configMap,
-  data: { fields: configMap.data.fields ? JSON.parse(configMap.data.fields) : undefined },
+  data: configMap.data
+    ? { fields: configMap.data.fields ? JSON.parse(configMap.data.fields) : undefined }
+    : undefined,
 });
 
 export const toConnectionTypeConfigMap = (
   obj: ConnectionTypeConfigMapObj,
 ): ConnectionTypeConfigMap => ({
   ...obj,
-  data: { fields: obj.data.fields ? JSON.stringify(obj.data.fields) : undefined },
+  data: obj.data
+    ? { fields: obj.data.fields ? JSON.stringify(obj.data.fields) : undefined }
+    : undefined,
 });
diff --git a/frontend/src/services/connectionTypesService.ts b/frontend/src/services/connectionTypesService.ts
new file mode 100644
index 0000000000..d4e9bcf63e
--- /dev/null
+++ b/frontend/src/services/connectionTypesService.ts
@@ -0,0 +1,85 @@
+import axios from '~/utilities/axios';
+import { ResponseStatus } from '~/types';
+import {
+  ConnectionTypeConfigMap,
+  ConnectionTypeConfigMapObj,
+} from '~/concepts/connectionTypes/types';
+import {
+  toConnectionTypeConfigMap,
+  toConnectionTypeConfigMapObj,
+} from '~/concepts/connectionTypes/utils';
+
+export const fetchConnectionTypes = (): Promise<ConnectionTypeConfigMapObj[]> => {
+  const url = `/api/connection-types`;
+  return axios
+    .get(url)
+    .then((response) =>
+      response.data.map((cm: ConnectionTypeConfigMap) => toConnectionTypeConfigMapObj(cm)),
+    )
+    .catch((e) => {
+      throw new Error(e.response.data.message);
+    });
+};
+
+export const fetchConnectionType = (name: string): Promise<ConnectionTypeConfigMapObj> => {
+  const url = `/api/connection-types/${name}`;
+  return axios
+    .get(url)
+    .then((response) => toConnectionTypeConfigMapObj(response.data))
+    .catch((e) => {
+      throw new Error(e.response.data.message);
+    });
+};
+
+export const createConnectionType = (
+  connectionType: ConnectionTypeConfigMapObj,
+): Promise<ResponseStatus> => {
+  const url = `/api/connection-types`;
+  return axios
+    .post(url, toConnectionTypeConfigMap(connectionType))
+    .then((response) => response.data)
+    .catch((e) => {
+      throw new Error(e.response.data.message);
+    });
+};
+
+export const updateConnectionType = (
+  connectionType: ConnectionTypeConfigMapObj,
+): Promise<ResponseStatus> => {
+  const url = `/api/connection-types/${connectionType.metadata.name}`;
+  return axios
+    .put(url, toConnectionTypeConfigMap(connectionType))
+    .then((response) => response.data)
+    .catch((e) => {
+      throw new Error(e.response.data.message);
+    });
+};
+
+export const updateConnectionTypeEnabled = (
+  name: string,
+  enabled: boolean,
+): Promise<ResponseStatus> => {
+  const url = `/api/connection-types/${name}`;
+  return axios
+    .patch(url, [
+      {
+        op: 'replace',
+        path: '/metadata/annotations/opendatahub.io~1enabled',
+        value: enabled,
+      },
+    ])
+    .then((response) => response.data)
+    .catch((e) => {
+      throw new Error(e.response.data.message);
+    });
+};
+
+export const deleteConnectionType = (name: string): Promise<ResponseStatus> => {
+  const url = `/api/connection-types/${name}`;
+  return axios
+    .delete(url)
+    .then((response) => response.data)
+    .catch((e) => {
+      throw new Error(e.response.data.message);
+    });
+};

From e7239c594cd0cb1ec70f7e11be74ec34706e84a0 Mon Sep 17 00:00:00 2001
From: "Heiko W. Rupp" <hwr@pilhuhn.de>
Date: Mon, 5 Aug 2024 15:49:52 +0200
Subject: [PATCH 04/11] [RHOAIENG-9754] Use the npm-Version of the Segment
 libraries instead of loading from remote. (#3014)

---
 frontend/package-lock.json                    | 187 +++++++++++++++++-
 frontend/package.json                         |   1 +
 .../analyticsTracking/initSegment.tsx         |  82 ++------
 3 files changed, 203 insertions(+), 67 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 53ac2b02a2..6088e382bd 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -26,6 +26,7 @@
         "@patternfly/react-tokens": "^5.3.1",
         "@patternfly/react-topology": "^5.4.0-prerelease.10",
         "@patternfly/react-virtualized-extension": "^5.1.0",
+        "@segment/analytics-next": "^1.72.0",
         "@types/classnames": "^2.3.1",
         "axios": "^1.6.4",
         "classnames": "^2.2.6",
@@ -3716,6 +3717,27 @@
       "integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==",
       "dev": true
     },
+    "node_modules/@lukeed/csprng": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@lukeed/csprng/-/csprng-1.1.0.tgz",
+      "integrity": "sha512-Z7C/xXCiGWsg0KuKsHTKJxbWhpI3Vs5GwLfOean7MGyVFGqdRgBbAjOCh6u4bbjPc/8MJ2pZmK/0DLdCbivLDA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@lukeed/uuid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@lukeed/uuid/-/uuid-2.0.1.tgz",
+      "integrity": "sha512-qC72D4+CDdjGqJvkFMMEAtancHUQ7/d/tAiHf64z8MopFDmcrtbcJuerDtFceuAfQJ2pDSfCKCtbqoGBNnwg0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@lukeed/csprng": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/@monaco-editor/loader": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.4.0.tgz",
@@ -4211,6 +4233,87 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/@segment/analytics-core": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@segment/analytics-core/-/analytics-core-1.6.0.tgz",
+      "integrity": "sha512-bn9X++IScUfpT7aJGjKU/yJAu/Ko2sYD6HsKA70Z2560E89x30pqgqboVKY8kootvQnT4UKCJiUr5NDMgjmWdQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lukeed/uuid": "^2.0.0",
+        "@segment/analytics-generic-utils": "1.2.0",
+        "dset": "^3.1.2",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@segment/analytics-generic-utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@segment/analytics-generic-utils/-/analytics-generic-utils-1.2.0.tgz",
+      "integrity": "sha512-DfnW6mW3YQOLlDQQdR89k4EqfHb0g/3XvBXkovH1FstUN93eL1kfW9CsDcVQyH3bAC5ZsFyjA/o/1Q2j0QeoWw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@segment/analytics-next": {
+      "version": "1.72.0",
+      "resolved": "https://registry.npmjs.org/@segment/analytics-next/-/analytics-next-1.72.0.tgz",
+      "integrity": "sha512-NqJ8819q1DJ2nWo71XnJhkdBYIh0oYOP8yBqJhcyqsQYiSo3Eg4NGLm+7ubMcFzB/1YRM005medyvokEmDocuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lukeed/uuid": "^2.0.0",
+        "@segment/analytics-core": "1.6.0",
+        "@segment/analytics-generic-utils": "1.2.0",
+        "@segment/analytics.js-video-plugins": "^0.2.1",
+        "@segment/facade": "^3.4.9",
+        "dset": "^3.1.2",
+        "js-cookie": "3.0.1",
+        "node-fetch": "^2.6.7",
+        "tslib": "^2.4.1",
+        "unfetch": "^4.1.0"
+      }
+    },
+    "node_modules/@segment/analytics.js-video-plugins": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@segment/analytics.js-video-plugins/-/analytics.js-video-plugins-0.2.1.tgz",
+      "integrity": "sha512-lZwCyEXT4aaHBLNK433okEKdxGAuyrVmop4BpQqQSJuRz0DglPZgd9B/XjiiWs1UyOankg2aNYMN3VcS8t4eSQ==",
+      "license": "ISC",
+      "dependencies": {
+        "unfetch": "^3.1.1"
+      }
+    },
+    "node_modules/@segment/analytics.js-video-plugins/node_modules/unfetch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-3.1.2.tgz",
+      "integrity": "sha512-L0qrK7ZeAudGiKYw6nzFjnJ2D5WHblUBwmHIqtPS6oKUd+Hcpk7/hKsSmcHsTlpd1TbTNsiRBUKRq3bHLNIqIw==",
+      "license": "MIT"
+    },
+    "node_modules/@segment/facade": {
+      "version": "3.4.10",
+      "resolved": "https://registry.npmjs.org/@segment/facade/-/facade-3.4.10.tgz",
+      "integrity": "sha512-xVQBbB/lNvk/u8+ey0kC/+g8pT3l0gCT8O2y9Z+StMMn3KAFAQ9w8xfgef67tJybktOKKU7pQGRPolRM1i1pdA==",
+      "license": "SEE LICENSE IN LICENSE",
+      "dependencies": {
+        "@segment/isodate-traverse": "^1.1.1",
+        "inherits": "^2.0.4",
+        "new-date": "^1.0.3",
+        "obj-case": "0.2.1"
+      }
+    },
+    "node_modules/@segment/isodate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@segment/isodate/-/isodate-1.0.3.tgz",
+      "integrity": "sha512-BtanDuvJqnACFkeeYje7pWULVv8RgZaqKHWwGFnL/g/TH/CcZjkIVTfGDp/MAxmilYHUkrX70SqwnYSTNEaN7A==",
+      "license": "SEE LICENSE IN LICENSE"
+    },
+    "node_modules/@segment/isodate-traverse": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@segment/isodate-traverse/-/isodate-traverse-1.1.1.tgz",
+      "integrity": "sha512-+G6e1SgAUkcq0EDMi+SRLfT48TNlLPF3QnSgFGVs0V9F3o3fq/woQ2rHFlW20W0yy5NnCUH0QGU3Am2rZy/E3w==",
+      "license": "SEE LICENSE IN LICENSE",
+      "dependencies": {
+        "@segment/isodate": "^1.0.3"
+      }
+    },
     "node_modules/@sideway/address": {
       "version": "4.1.5",
       "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
@@ -9798,6 +9901,15 @@
         "webpack": "^1 || ^2 || ^3 || ^4 || ^5"
       }
     },
+    "node_modules/dset": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/dset/-/dset-3.1.3.tgz",
+      "integrity": "sha512-20TuZZHCEZ2O71q9/+8BwKwZ0QtD9D8ObhrihJPr+vLLYlSuAU3/zL4cSlgbfeoGHTjCSJBa7NGcrF9/Bx/WJQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/duplexer": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
@@ -12639,8 +12751,7 @@
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "devOptional": true
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/ini": {
       "version": "2.0.0",
@@ -16091,6 +16202,15 @@
         "@sideway/pinpoint": "^2.0.0"
       }
     },
+    "node_modules/js-cookie": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.1.tgz",
+      "integrity": "sha512-+0rgsUXZu4ncpPxRL+lNEptWMOWl9etvPHc/koSRp6MPwpRYAhmk0dUG00J4bxVV3r9uUzfo24wW0knS07SKSw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -18025,6 +18145,15 @@
       "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
       "devOptional": true
     },
+    "node_modules/new-date": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/new-date/-/new-date-1.0.3.tgz",
+      "integrity": "sha512-0fsVvQPbo2I18DT2zVHpezmeeNYV2JaJSrseiHLc17GNOxJzUdx5mvSigPu8LtIfZSij5i1wXnXFspEs2CD6hA==",
+      "license": "SEE LICENSE IN LICENSE",
+      "dependencies": {
+        "@segment/isodate": "1.0.3"
+      }
+    },
     "node_modules/nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@@ -18041,6 +18170,48 @@
         "tslib": "^2.0.3"
       }
     },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-fetch/node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
+    "node_modules/node-fetch/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/node-forge": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
@@ -18471,6 +18642,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/obj-case": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/obj-case/-/obj-case-0.2.1.tgz",
+      "integrity": "sha512-PquYBBTy+Y6Ob/O2574XHhDtHJlV1cJHMCgW+rDRc9J5hhmRelJB3k5dTK/3cVmFVtzvAKuENeuLpoyTzMzkOg==",
+      "license": "MIT"
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -22639,6 +22816,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/unfetch": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
+      "integrity": "sha512-F9p7yYCn6cIW9El1zi0HI6vqpeIvBsr3dSuRO6Xuppb1u5rXpCPmMvLSyECLhybr9isec8Ohl0hPekMVrEinDA==",
+      "license": "MIT"
+    },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 9d39321c55..2adb953921 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -69,6 +69,7 @@
     "@patternfly/react-tokens": "^5.3.1",
     "@patternfly/react-topology": "^5.4.0-prerelease.10",
     "@patternfly/react-virtualized-extension": "^5.1.0",
+    "@segment/analytics-next": "^1.72.0",
     "@types/classnames": "^2.3.1",
     "axios": "^1.6.4",
     "classnames": "^2.2.6",
diff --git a/frontend/src/concepts/analyticsTracking/initSegment.tsx b/frontend/src/concepts/analyticsTracking/initSegment.tsx
index c464dfea98..ce53aba158 100644
--- a/frontend/src/concepts/analyticsTracking/initSegment.tsx
+++ b/frontend/src/concepts/analyticsTracking/initSegment.tsx
@@ -1,74 +1,26 @@
+import { AnalyticsBrowser } from '@segment/analytics-next';
+
 export const initSegment = async (props: {
   segmentKey: string;
   enabled: boolean;
 }): Promise<void> => {
   const { segmentKey, enabled } = props;
-  const analytics = (window.analytics = window.analytics || []);
-  if (analytics.initialize) {
+  if (!enabled || !segmentKey) {
     return;
   }
-  if (analytics.invoked) {
-    /* eslint-disable-next-line no-console */
-    console.error('Segment snippet included twice.');
-  } else {
-    analytics.invoked = true;
-    analytics.methods = [
-      'trackSubmit',
-      'trackClick',
-      'trackLink',
-      'trackForm',
-      'pageview',
-      'identify',
-      'reset',
-      'group',
-      'track',
-      'ready',
-      'alias',
-      'debug',
-      'page',
-      'once',
-      'off',
-      'on',
-      'addSourceMiddleware',
-      'addIntegrationMiddleware',
-      'setAnonymousId',
-      'addDestinationMiddleware',
-    ];
-    analytics.factory =
-      (e: string) =>
-      (...t: unknown[]) => {
-        t.unshift(e);
-        analytics.push(t);
-        return analytics;
-      };
-    for (let e = 0; e < analytics.methods.length; e++) {
-      const key = analytics.methods[e];
-      analytics[key] = analytics.factory(key);
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    analytics.load = (key: string, options: any) => {
-      const t = document.createElement('script');
-      t.type = 'text/javascript';
-      t.async = true;
-      t.src = `https://console.redhat.com/connections/cdn/analytics.js/v1/${encodeURIComponent(
-        key,
-      )}/analytics.min.js`;
-      const n = document.getElementsByTagName('script')[0];
-      if (n.parentNode) {
-        n.parentNode.insertBefore(t, n);
-      }
-      analytics._loadOptions = options;
-    };
-    analytics.SNIPPET_VERSION = '4.13.1';
-    if (segmentKey && enabled) {
-      analytics.load(segmentKey, {
-        integrations: {
-          'Segment.io': {
-            apiHost: 'console.redhat.com/connections/api/v1',
-            protocol: 'https',
-          },
+  window.analytics = AnalyticsBrowser.load(
+    {
+      writeKey: segmentKey,
+      cdnURL: 'https://console.redhat.com/connections/cdn',
+    },
+
+    {
+      integrations: {
+        'Segment.io': {
+          apiHost: 'console.redhat.com/connections/api/v1',
+          protocol: 'https',
         },
-      });
-    }
-  }
+      },
+    },
+  );
 };

From 7535921b03bfa17cdb0e63e30214a32326e8e3b7 Mon Sep 17 00:00:00 2001
From: jpuzz0 <96431149+jpuzz0@users.noreply.github.com>
Date: Tue, 6 Aug 2024 10:26:14 -0400
Subject: [PATCH 05/11] [RHOAIENG-10208] Pipeline Run creation - Experiment
 dropdown - 'View more' causes API error (#3054)

---
 .../pipelineSelector/useCreateSelectors.ts    | 33 ++++++++++++++++---
 1 file changed, 28 insertions(+), 5 deletions(-)

diff --git a/frontend/src/concepts/pipelines/content/pipelineSelector/useCreateSelectors.ts b/frontend/src/concepts/pipelines/content/pipelineSelector/useCreateSelectors.ts
index 1b44d6f898..7843ed6aac 100644
--- a/frontend/src/concepts/pipelines/content/pipelineSelector/useCreateSelectors.ts
+++ b/frontend/src/concepts/pipelines/content/pipelineSelector/useCreateSelectors.ts
@@ -18,6 +18,8 @@ import {
   ExperimentKFv2,
   PipelineCoreResourceKFv2,
   PipelineKFv2,
+  PipelinesFilterOp,
+  StorageStateKF,
 } from '~/concepts/pipelines/kfTypes';
 import { PipelineListPaged } from '~/concepts/pipelines/types';
 import { FetchState } from '~/utilities/useFetchState';
@@ -38,18 +40,39 @@ type UsePipelineSelectorData<DataType> = {
 };
 
 export const getExperimentSelector =
-  (useTable: typeof useExperimentTable) => (): UsePipelineSelectorData<ExperimentKFv2> => {
+  (useTable: typeof useExperimentTable, storageState?: StorageStateKF) =>
+  (): UsePipelineSelectorData<ExperimentKFv2> => {
     const experimentsTable = useTable();
     const [[{ items: initialData, nextPageToken: initialPageToken }, loaded]] = experimentsTable;
-    return useCreateSelector<ExperimentKFv2>(
-      experimentsTable,
-      useExperimentLoadMore({ initialData, initialPageToken, loaded }),
+
+    return useCreateSelector<ExperimentKFv2>(experimentsTable, () =>
+      useExperimentLoadMore({
+        initialData,
+        initialPageToken,
+        loaded,
+      })({
+        ...(storageState && {
+          filter: {
+            predicates: [
+              {
+                key: 'storage_state',
+                operation: PipelinesFilterOp.EQUALS,
+                // eslint-disable-next-line camelcase
+                string_value: storageState,
+              },
+            ],
+          },
+        }),
+      }),
     );
   };
 
 export const useAllExperimentSelector = getExperimentSelector(useExperimentTable);
 
-export const useActiveExperimentSelector = getExperimentSelector(useActiveExperimentTable);
+export const useActiveExperimentSelector = getExperimentSelector(
+  useActiveExperimentTable,
+  StorageStateKF.AVAILABLE,
+);
 
 export const usePipelineSelector = (): UsePipelineSelectorData<PipelineKFv2> => {
   const pipelinesTable = usePipelinesTable();

From 45b42f20f0fdae0536bb35581d8639b861947370 Mon Sep 17 00:00:00 2001
From: Purva Naik <pnaik@redhat.com>
Date: Tue, 6 Aug 2024 20:40:12 +0530
Subject: [PATCH 06/11] trim cron string (#3061)

---
 .../mocked/pipelines/pipelineCreateRuns.cy.ts | 156 +++++++++++++-----
 .../contentSections/TriggerTypeField.tsx      |   2 +-
 2 files changed, 112 insertions(+), 46 deletions(-)

diff --git a/frontend/src/__tests__/cypress/cypress/tests/mocked/pipelines/pipelineCreateRuns.cy.ts b/frontend/src/__tests__/cypress/cypress/tests/mocked/pipelines/pipelineCreateRuns.cy.ts
index d00bce64a9..106b8c804d 100644
--- a/frontend/src/__tests__/cypress/cypress/tests/mocked/pipelines/pipelineCreateRuns.cy.ts
+++ b/frontend/src/__tests__/cypress/cypress/tests/mocked/pipelines/pipelineCreateRuns.cy.ts
@@ -549,56 +549,47 @@ describe('Pipeline create runs', () => {
     });
 
     it('creates a schedule', () => {
-      visitLegacyRunsPage();
-      pipelineRunsGlobal.findSchedulesTab().click();
+      createScheduleRunCommonTest();
+      createSchedulePage.findExperimentSelect().should('contain.text', 'Default');
+      createSchedulePage.findExperimentSelect().should('not.be.disabled').click();
+      createSchedulePage.selectExperimentByName('Test experiment 1');
+      createSchedulePage
+        .mockCreateRecurringRun(projectName, mockPipelineVersion, createRecurringRunParams)
+        .as('createSchedule');
+      createSchedulePage.submit();
 
-      const createRecurringRunParams: Partial<PipelineRecurringRunKFv2> = {
-        display_name: 'New recurring run',
-        description: 'New recurring run description',
-        recurring_run_id: 'new-recurring-run-id',
-        runtime_config: {
-          parameters: {
-            min_max_scaler: false,
-            neighbors: 1,
-            standard_scaler: 'no',
+      cy.wait('@createSchedule').then((interception) => {
+        expect(interception.request.body).to.eql({
+          display_name: 'New recurring run',
+          description: 'New recurring run description',
+          pipeline_version_reference: {
+            pipeline_id: 'test-pipeline',
+            pipeline_version_id: 'test-pipeline-version',
           },
-        },
-      };
-
-      // Mock experiments, pipelines & versions for form select dropdowns
-      createSchedulePage.mockGetExperiments(projectName, mockExperiments);
-      createSchedulePage.mockGetExperiments(projectName, mockExperiments);
-      createSchedulePage.mockGetPipelines(projectName, [mockPipeline]);
-      createSchedulePage.mockGetPipelineVersions(
-        projectName,
-        [mockPipelineVersion],
-        mockPipelineVersion.pipeline_id,
-      );
+          runtime_config: {
+            parameters: { min_max_scaler: false, neighbors: 1, standard_scaler: 'no' },
+          },
+          trigger: { periodic_schedule: { interval_second: '604800' } },
+          max_concurrency: '10',
+          mode: 'ENABLE',
+          no_catchup: false,
+          service_account: '',
+          experiment_id: 'experiment-1',
+        });
+      });
 
       // Navigate to the 'Create run' page
-      pipelineRunsGlobal.findScheduleRunButton().click();
+
       verifyRelativeURL(
-        `/pipelines/${projectName}/${mockPipelineVersion.pipeline_id}/${mockPipelineVersion.pipeline_version_id}/schedules/create`,
+        `/pipelines/${projectName}/${mockPipelineVersion.pipeline_id}/${mockPipelineVersion.pipeline_version_id}/schedules/${createRecurringRunParams.recurring_run_id}`,
       );
-      createSchedulePage.find();
+    });
 
+    it('creates a schedule with trigger type cron without whitespace', () => {
       // Fill out the form with a schedule and submit
-      createRunPage.fillName(initialMockRecurringRuns[0].display_name);
-      cy.findByTestId('duplicate-name-help-text').should('be.visible');
-      createSchedulePage.fillName('New recurring run');
-      createSchedulePage.fillDescription('New recurring run description');
-      createSchedulePage.findExperimentSelect().should('contain.text', 'Default');
-      createSchedulePage.findExperimentSelect().should('not.be.disabled').click();
-      createSchedulePage.selectExperimentByName('Test experiment 1');
-      createSchedulePage.findPipelineSelect().should('not.be.disabled').click();
-      createSchedulePage.selectPipelineByName('Test pipeline');
-      createSchedulePage.findPipelineVersionSelect().should('not.be.disabled');
-
-      const parameters = createRecurringRunParams.runtime_config?.parameters || {};
-      const paramsSection = createRunPage.getParamsSection();
-      paramsSection.findParamById('radio-min_max_scaler-false').click();
-      paramsSection.fillParamInputById('neighbors', String(parameters.neighbors));
-      paramsSection.fillParamInputById('standard_scaler', String(parameters.standard_scaler));
+      createScheduleRunCommonTest();
+      createSchedulePage.findScheduledRunTypeSelector().findDropdownItem('Cron').click();
+      createSchedulePage.findScheduledRunCron().fill('@every 5m');
       createSchedulePage
         .mockCreateRecurringRun(projectName, mockPipelineVersion, createRecurringRunParams)
         .as('createSchedule');
@@ -615,12 +606,12 @@ describe('Pipeline create runs', () => {
           runtime_config: {
             parameters: { min_max_scaler: false, neighbors: 1, standard_scaler: 'no' },
           },
-          trigger: { periodic_schedule: { interval_second: '604800' } },
+          trigger: { cron_schedule: { cron: '@every 5m' } },
           max_concurrency: '10',
-          mode: 'ENABLE',
+          mode: 'DISABLE',
           no_catchup: false,
           service_account: '',
-          experiment_id: 'experiment-1',
+          experiment_id: 'default',
         });
       });
 
@@ -630,6 +621,36 @@ describe('Pipeline create runs', () => {
       );
     });
 
+    it('creates a schedule with trigger type cron with whitespace', () => {
+      createScheduleRunCommonTest();
+      createSchedulePage.findScheduledRunTypeSelector().findDropdownItem('Cron').click();
+      createSchedulePage.findScheduledRunCron().fill('@every 5m ');
+      createSchedulePage
+        .mockCreateRecurringRun(projectName, mockPipelineVersion, createRecurringRunParams)
+        .as('createSchedule');
+      createSchedulePage.submit();
+
+      cy.wait('@createSchedule').then((interception) => {
+        expect(interception.request.body).to.eql({
+          display_name: 'New recurring run',
+          description: 'New recurring run description',
+          pipeline_version_reference: {
+            pipeline_id: 'test-pipeline',
+            pipeline_version_id: 'test-pipeline-version',
+          },
+          runtime_config: {
+            parameters: { min_max_scaler: false, neighbors: 1, standard_scaler: 'no' },
+          },
+          trigger: { cron_schedule: { cron: '@every 5m' } },
+          max_concurrency: '10',
+          mode: 'DISABLE',
+          no_catchup: false,
+          service_account: '',
+          experiment_id: 'default',
+        });
+      });
+    });
+
     it('duplicates a schedule', () => {
       const [mockRecurringRun] = initialMockRecurringRuns;
       const mockExperiment = mockExperiments[0];
@@ -857,3 +878,48 @@ const initIntercepts = () => {
     );
   });
 };
+
+const createRecurringRunParams: Partial<PipelineRecurringRunKFv2> = {
+  display_name: 'New recurring run',
+  description: 'New recurring run description',
+  recurring_run_id: 'new-recurring-run-id',
+  runtime_config: {
+    parameters: {
+      min_max_scaler: false,
+      neighbors: 1,
+      standard_scaler: 'no',
+    },
+  },
+};
+
+const createScheduleRunCommonTest = () => {
+  visitLegacyRunsPage();
+  pipelineRunsGlobal.findSchedulesTab().click();
+  // Mock experiments, pipelines & versions for form select dropdowns
+  createSchedulePage.mockGetExperiments(projectName, mockExperiments);
+  createSchedulePage.mockGetPipelines(projectName, [mockPipeline]);
+  createSchedulePage.mockGetPipelineVersions(
+    projectName,
+    [mockPipelineVersion],
+    mockPipelineVersion.pipeline_id,
+  );
+
+  // Navigate to the 'Create run' page
+  pipelineRunsGlobal.findScheduleRunButton().click();
+  verifyRelativeURL(
+    `/pipelines/${projectName}/${mockPipelineVersion.pipeline_id}/${mockPipelineVersion.pipeline_version_id}/schedules/create`,
+  );
+  createSchedulePage.find();
+  createRunPage.fillName(initialMockRecurringRuns[0].display_name);
+  cy.findByTestId('duplicate-name-help-text').should('be.visible');
+  createSchedulePage.fillName('New recurring run');
+  createSchedulePage.fillDescription('New recurring run description');
+  createSchedulePage.findPipelineSelect().should('not.be.disabled').click();
+  createSchedulePage.selectPipelineByName('Test pipeline');
+  createSchedulePage.findPipelineVersionSelect().should('not.be.disabled');
+  const parameters = createRecurringRunParams.runtime_config?.parameters || {};
+  const paramsSection = createRunPage.getParamsSection();
+  paramsSection.findParamById('radio-min_max_scaler-false').click();
+  paramsSection.fillParamInputById('neighbors', String(parameters.neighbors));
+  paramsSection.fillParamInputById('standard_scaler', String(parameters.standard_scaler));
+};
diff --git a/frontend/src/concepts/pipelines/content/createRun/contentSections/TriggerTypeField.tsx b/frontend/src/concepts/pipelines/content/createRun/contentSections/TriggerTypeField.tsx
index 4078328a03..ffcdaaf817 100644
--- a/frontend/src/concepts/pipelines/content/createRun/contentSections/TriggerTypeField.tsx
+++ b/frontend/src/concepts/pipelines/content/createRun/contentSections/TriggerTypeField.tsx
@@ -36,7 +36,7 @@ const TriggerTypeField: React.FC<TriggerTypeFieldProps> = ({ data, onChange }) =
             clickTip="Copied"
             onChange={(e, value) => {
               if (typeof value === 'string') {
-                onChange({ ...data, value });
+                onChange({ ...data, value: value.trim() });
               }
             }}
           >

From 9e87e704aa8ad93412316fa6ca1cabd76f8f2ced Mon Sep 17 00:00:00 2001
From: Purva Naik <pnaik@redhat.com>
Date: Tue, 6 Aug 2024 23:49:57 +0530
Subject: [PATCH 07/11] truncated pipeline selector (#3058)

---
 .../content/pipelineSelector/PipelineSelector.tsx    | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/concepts/pipelines/content/pipelineSelector/PipelineSelector.tsx b/frontend/src/concepts/pipelines/content/pipelineSelector/PipelineSelector.tsx
index 38bc4d08b3..fd8a4126cf 100644
--- a/frontend/src/concepts/pipelines/content/pipelineSelector/PipelineSelector.tsx
+++ b/frontend/src/concepts/pipelines/content/pipelineSelector/PipelineSelector.tsx
@@ -13,6 +13,7 @@ import {
   MenuToggle,
   SearchInput,
   Spinner,
+  Truncate,
 } from '@patternfly/react-core';
 import { TableVariant } from '@patternfly/react-table';
 import PipelineSelectorTableRow from '~/concepts/pipelines/content/pipelineSelector/PipelineSelectorTableRow';
@@ -127,9 +128,14 @@ const PipelineSelector: React.FC<PipelineSelectorProps> = ({ selection, onSelect
           isFullWidth
           data-testid="pipeline-toggle-button"
         >
-          {initialLoaded
-            ? selection || (totalSize === 0 ? 'No pipelines available' : 'Select a pipeline')
-            : 'Loading pipelines'}
+          <Truncate
+            content={
+              initialLoaded
+                ? selection || (totalSize === 0 ? 'No pipelines available' : 'Select a pipeline')
+                : 'Loading pipelines'
+            }
+            className="truncate-no-min-width"
+          />
         </MenuToggle>
       }
       menu={menu}

From 7ef421f2129d68f7299fbd613a47d35c3ab23517 Mon Sep 17 00:00:00 2001
From: Purva Naik <pnaik@redhat.com>
Date: Wed, 7 Aug 2024 00:06:27 +0530
Subject: [PATCH 08/11] added selected edge (#3066)

---
 frontend/src/concepts/topology/PipelineTaskEdge.tsx | 3 ++-
 frontend/src/concepts/topology/factories.ts         | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/concepts/topology/PipelineTaskEdge.tsx b/frontend/src/concepts/topology/PipelineTaskEdge.tsx
index 9cad5449a1..8dcd4db24a 100644
--- a/frontend/src/concepts/topology/PipelineTaskEdge.tsx
+++ b/frontend/src/concepts/topology/PipelineTaskEdge.tsx
@@ -5,10 +5,11 @@ import {
   EdgeTerminalType,
   observer,
   TaskEdge,
+  WithSelectionProps,
   isEdge,
 } from '@patternfly/react-topology';
 
-interface PipelineTaskEdgeProps {
+interface PipelineTaskEdgeProps extends WithSelectionProps {
   element: GraphElement;
 }
 
diff --git a/frontend/src/concepts/topology/factories.ts b/frontend/src/concepts/topology/factories.ts
index bfe89022f4..4e7aad9eea 100644
--- a/frontend/src/concepts/topology/factories.ts
+++ b/frontend/src/concepts/topology/factories.ts
@@ -28,7 +28,7 @@ export const pipelineComponentFactory: ComponentFactory = (kind, type) => {
     case DEFAULT_SPACER_NODE_TYPE:
       return SpacerNode;
     case DEFAULT_EDGE_TYPE:
-      return PipelineTaskEdge;
+      return withSelection()(PipelineTaskEdge);
     case EXECUTION_TASK_NODE_TYPE:
       return withSelection()(PipelineDefaultTaskGroup);
     default:

From 457d01d6e5345f039b660e011fba27d82b25391b Mon Sep 17 00:00:00 2001
From: Mike Turley <mike.turley@alum.cs.umass.edu>
Date: Wed, 7 Aug 2024 06:09:36 -0400
Subject: [PATCH 09/11] API integration for Register Model form (#3065)

* Implement registerModel form submission (WIP)

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Construct URI for object storage mode

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Fix page layout and microcopy, and add sourceModelFormatVersion field

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Move uri utils and add unit tests for them

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Cypress test for register button

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Stub for register model page cypress tests

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Add full cypress tests for submitting register form

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Fix TODO

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Fix imports

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Fix tests

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Sanitize inputs in uri utils, fix breadcrumb bar

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Fix tests

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

* Fix another test

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>

---------

Signed-off-by: Mike Turley <mike.turley@alum.cs.umass.edu>
---
 .../cypress/cypress/pages/modelRegistry.ts    |   4 +
 .../pages/modelRegistry/registerModelPage.ts  |  41 ++
 .../cypress/cypress/support/commands/odh.ts   |  16 +
 .../mocked/modelRegistry/modelRegistry.cy.ts  | 122 +++--
 .../mocked/modelRegistry/registerModel.cy.ts  | 235 +++++++++
 .../modelRegistry/__tests__/custom.spec.ts    |  82 +++
 frontend/src/api/modelRegistry/custom.ts      |  33 ++
 .../modelRegistry/__tests__/utils.spec.ts     | 122 +++++
 .../context/useModelRegistryAPIState.tsx      |   4 +
 frontend/src/concepts/modelRegistry/types.ts  |  16 +-
 frontend/src/concepts/modelRegistry/utils.ts  |  39 ++
 .../screens/RegisterModel/RegisterModel.tsx   | 469 +++++++++---------
 .../RegisterModel/useRegisterModelData.ts     |  52 +-
 .../screens/RegisterModel/utils.ts            |  89 ++++
 14 files changed, 1030 insertions(+), 294 deletions(-)
 create mode 100644 frontend/src/__tests__/cypress/cypress/pages/modelRegistry/registerModelPage.ts
 create mode 100644 frontend/src/__tests__/cypress/cypress/tests/mocked/modelRegistry/registerModel.cy.ts
 create mode 100644 frontend/src/concepts/modelRegistry/__tests__/utils.spec.ts
 create mode 100644 frontend/src/concepts/modelRegistry/utils.ts
 create mode 100644 frontend/src/pages/modelRegistry/screens/RegisterModel/utils.ts

diff --git a/frontend/src/__tests__/cypress/cypress/pages/modelRegistry.ts b/frontend/src/__tests__/cypress/cypress/pages/modelRegistry.ts
index 4c96700e9e..88688563d9 100644
--- a/frontend/src/__tests__/cypress/cypress/pages/modelRegistry.ts
+++ b/frontend/src/__tests__/cypress/cypress/pages/modelRegistry.ts
@@ -167,6 +167,10 @@ class ModelRegistry {
   findModelVersionsTableFilter() {
     return cy.findByTestId('model-versions-table-filter');
   }
+
+  findRegisterModelButton() {
+    return cy.findByRole('button', { name: 'Register model' });
+  }
 }
 
 export const modelRegistry = new ModelRegistry();
diff --git a/frontend/src/__tests__/cypress/cypress/pages/modelRegistry/registerModelPage.ts b/frontend/src/__tests__/cypress/cypress/pages/modelRegistry/registerModelPage.ts
new file mode 100644
index 0000000000..d420cdff09
--- /dev/null
+++ b/frontend/src/__tests__/cypress/cypress/pages/modelRegistry/registerModelPage.ts
@@ -0,0 +1,41 @@
+export enum FormFieldSelector {
+  MODEL_NAME = '#model-name',
+  MODEL_DESCRIPTION = '#model-description',
+  VERSION_NAME = '#version-name',
+  VERSION_DESCRIPTION = '#version-description',
+  SOURCE_MODEL_FORMAT = '#source-model-format',
+  SOURCE_MODEL_FORMAT_VERSION = '#source-model-format-version',
+  LOCATION_TYPE_OBJECT_STORAGE = '#location-type-object-storage',
+  LOCATION_ENDPOINT = '#location-endpoint',
+  LOCATION_BUCKET = '#location-bucket',
+  LOCATION_REGION = '#location-region',
+  LOCATION_PATH = '#location-path',
+  LOCATION_TYPE_URI = '#location-type-uri',
+  LOCATION_URI = '#location-uri',
+}
+
+class RegisterModelPage {
+  visit() {
+    const preferredModelRegistry = 'modelregistry-sample';
+    cy.visitWithLogin(`/modelRegistry/${preferredModelRegistry}/registerModel`);
+    this.wait();
+  }
+
+  private wait() {
+    const preferredModelRegistry = 'modelregistry-sample';
+    cy.findByTestId('app-page-title').should('exist');
+    cy.findByTestId('app-page-title').contains('Register model');
+    cy.findByText(`Model registry - ${preferredModelRegistry}`).should('exist');
+    cy.testA11y();
+  }
+
+  findFormField(selector: FormFieldSelector) {
+    return cy.get(selector);
+  }
+
+  findSubmitButton() {
+    return cy.findByTestId('create-button');
+  }
+}
+
+export const registerModelPage = new RegisterModelPage();
diff --git a/frontend/src/__tests__/cypress/cypress/support/commands/odh.ts b/frontend/src/__tests__/cypress/cypress/support/commands/odh.ts
index c02ff019ba..51838eb9a3 100644
--- a/frontend/src/__tests__/cypress/cypress/support/commands/odh.ts
+++ b/frontend/src/__tests__/cypress/cypress/support/commands/odh.ts
@@ -2,6 +2,7 @@ import type { K8sResourceListResult } from '@openshift/dynamic-plugin-sdk-utils'
 import type { GenericStaticResponse, RouteHandlerController } from 'cypress/types/net-stubbing';
 import type { BaseMetricCreationResponse, BaseMetricListResponse } from '~/api';
 import type {
+  ModelArtifact,
   ModelArtifactList,
   ModelVersion,
   ModelVersionList,
@@ -294,11 +295,21 @@ declare global {
           options: { path: { serviceName: string; apiVersion: string } },
           response: OdhResponse<RegisteredModelList>,
         ) => Cypress.Chainable<null>) &
+        ((
+          type: 'POST /api/service/modelregistry/:serviceName/api/model_registry/:apiVersion/registered_models',
+          options: { path: { serviceName: string; apiVersion: string } },
+          response: OdhResponse<RegisteredModel>,
+        ) => Cypress.Chainable<null>) &
         ((
           type: 'GET /api/service/modelregistry/:serviceName/api/model_registry/:apiVersion/registered_models/:registeredModelId/versions',
           options: { path: { serviceName: string; apiVersion: string; registeredModelId: number } },
           response: OdhResponse<ModelVersionList>,
         ) => Cypress.Chainable<null>) &
+        ((
+          type: 'POST /api/service/modelregistry/:serviceName/api/model_registry/:apiVersion/registered_models/:registeredModelId/versions',
+          options: { path: { serviceName: string; apiVersion: string; registeredModelId: number } },
+          response: OdhResponse<ModelVersion>,
+        ) => Cypress.Chainable<null>) &
         ((
           type: 'GET /api/service/modelregistry/:serviceName/api/model_registry/:apiVersion/registered_models/:registeredModelId',
           options: { path: { serviceName: string; apiVersion: string; registeredModelId: number } },
@@ -321,6 +332,11 @@ declare global {
           options: { path: { serviceName: string; apiVersion: string; modelVersionId: number } },
           response: OdhResponse<ModelArtifactList>,
         ) => Cypress.Chainable<null>) &
+        ((
+          type: 'POST /api/service/modelregistry/:serviceName/api/model_registry/:apiVersion/model_versions/:modelVersionId/artifacts',
+          options: { path: { serviceName: string; apiVersion: string; modelVersionId: number } },
+          response: OdhResponse<ModelArtifact>,
+        ) => Cypress.Chainable<null>) &
         ((
           type: 'PATCH /api/service/modelregistry/:serviceName/api/model_registry/:apiVersion/model_versions/:modelVersionId',
           options: { path: { serviceName: string; apiVersion: string; modelVersionId: number } },
diff --git a/frontend/src/__tests__/cypress/cypress/tests/mocked/modelRegistry/modelRegistry.cy.ts b/frontend/src/__tests__/cypress/cypress/tests/mocked/modelRegistry/modelRegistry.cy.ts
index 1e110dff25..24c8dd0a70 100644
--- a/frontend/src/__tests__/cypress/cypress/tests/mocked/modelRegistry/modelRegistry.cy.ts
+++ b/frontend/src/__tests__/cypress/cypress/tests/mocked/modelRegistry/modelRegistry.cy.ts
@@ -101,7 +101,7 @@ const initIntercepts = ({
   );
 };
 
-describe('Model Registry', () => {
+describe('Model Registry core', () => {
   it('Model Registry Disabled in the cluster', () => {
     initIntercepts({
       disableModelRegistryFeature: true,
@@ -134,57 +134,81 @@ describe('Model Registry', () => {
     modelRegistry.shouldregisteredModelsEmpty();
   });
 
-  it('Registered model table', () => {
-    initIntercepts({
-      disableModelRegistryFeature: false,
+  describe('Registered model table', () => {
+    beforeEach(() => {
+      initIntercepts({ disableModelRegistryFeature: false });
+      modelRegistry.visit();
     });
 
+    it('Renders row contents', () => {
+      const registeredModelRow = modelRegistry.getRow('Fraud detection model');
+      registeredModelRow.findName().contains('Fraud detection model');
+      registeredModelRow
+        .findDescription()
+        .contains(
+          'A machine learning model trained to detect fraudulent transactions in financial data',
+        );
+      registeredModelRow.findOwner().contains('Author 1');
+
+      // Label popover
+      registeredModelRow.findLabelPopoverText().contains('2 more');
+      registeredModelRow.findLabelPopoverText().click();
+      registeredModelRow.shouldContainsPopoverLabels([
+        'Machine learning',
+        'Next data to be overflow',
+      ]);
+    });
+
+    it('Renders labels in modal', () => {
+      const registeredModelRow2 = modelRegistry.getRow('Label modal');
+      registeredModelRow2.findLabelModalText().contains('6 more');
+      registeredModelRow2.findLabelModalText().click();
+      labelModal.shouldContainsModalLabels([
+        'Testing label',
+        'Financial',
+        'Financial data',
+        'Fraud detection',
+        'Machine learning',
+        'Next data to be overflow',
+        'Label x',
+        'Label y',
+        'Label z',
+      ]);
+      labelModal.findModalSearchInput().type('Financial');
+      labelModal.shouldContainsModalLabels(['Financial', 'Financial data']);
+      labelModal.findCloseModal().click();
+    });
+
+    it('Sorts by model name', () => {
+      modelRegistry.findRegisteredModelTableHeaderButton('Model name').should(be.sortAscending);
+      modelRegistry.findRegisteredModelTableHeaderButton('Model name').click();
+      modelRegistry.findRegisteredModelTableHeaderButton('Model name').should(be.sortDescending);
+    });
+
+    it('Filters by keyword', () => {
+      modelRegistry.findTableSearch().type('Fraud detection model');
+      modelRegistry.findTableRows().should('have.length', 1);
+      modelRegistry.findTableRows().contains('Fraud detection model');
+    });
+  });
+});
+
+describe('Register Model button', () => {
+  it('Navigates to register page from empty state', () => {
+    initIntercepts({ disableModelRegistryFeature: false, registeredModels: [] });
     modelRegistry.visit();
+    modelRegistry.findRegisterModelButton().click();
+    cy.findByTestId('app-page-title').should('exist');
+    cy.findByTestId('app-page-title').contains('Register model');
+    cy.findByText('Model registry - modelregistry-sample').should('exist');
+  });
 
-    const registeredModelRow = modelRegistry.getRow('Fraud detection model');
-    registeredModelRow.findName().contains('Fraud detection model');
-    registeredModelRow
-      .findDescription()
-      .contains(
-        'A machine learning model trained to detect fraudulent transactions in financial data',
-      );
-    registeredModelRow.findOwner().contains('Author 1');
-
-    // Label popover
-    registeredModelRow.findLabelPopoverText().contains('2 more');
-    registeredModelRow.findLabelPopoverText().click();
-    registeredModelRow.shouldContainsPopoverLabels([
-      'Machine learning',
-      'Next data to be overflow',
-    ]);
-
-    // Label modal
-    const registeredModelRow2 = modelRegistry.getRow('Label modal');
-    registeredModelRow2.findLabelModalText().contains('6 more');
-    registeredModelRow2.findLabelModalText().click();
-    labelModal.shouldContainsModalLabels([
-      'Testing label',
-      'Financial',
-      'Financial data',
-      'Fraud detection',
-      'Machine learning',
-      'Next data to be overflow',
-      'Label x',
-      'Label y',
-      'Label z',
-    ]);
-    labelModal.findModalSearchInput().type('Financial');
-    labelModal.shouldContainsModalLabels(['Financial', 'Financial data']);
-    labelModal.findCloseModal().click();
-
-    // sort by modelName
-    modelRegistry.findRegisteredModelTableHeaderButton('Model name').should(be.sortAscending);
-    modelRegistry.findRegisteredModelTableHeaderButton('Model name').click();
-    modelRegistry.findRegisteredModelTableHeaderButton('Model name').should(be.sortDescending);
-
-    // filtering by keyword
-    modelRegistry.findTableSearch().type('Fraud detection model');
-    modelRegistry.findTableRows().should('have.length', 1);
-    modelRegistry.findTableRows().contains('Fraud detection model');
+  it('Navigates to register page from table toolbar', () => {
+    initIntercepts({ disableModelRegistryFeature: false });
+    modelRegistry.visit();
+    modelRegistry.findRegisterModelButton().click();
+    cy.findByTestId('app-page-title').should('exist');
+    cy.findByTestId('app-page-title').contains('Register model');
+    cy.findByText('Model registry - modelregistry-sample').should('exist');
   });
 });
diff --git a/frontend/src/__tests__/cypress/cypress/tests/mocked/modelRegistry/registerModel.cy.ts b/frontend/src/__tests__/cypress/cypress/tests/mocked/modelRegistry/registerModel.cy.ts
new file mode 100644
index 0000000000..e108df61f0
--- /dev/null
+++ b/frontend/src/__tests__/cypress/cypress/tests/mocked/modelRegistry/registerModel.cy.ts
@@ -0,0 +1,235 @@
+import { mockDashboardConfig, mockDscStatus, mockK8sResourceList } from '~/__mocks__';
+import { mockDsciStatus } from '~/__mocks__/mockDsciStatus';
+import { StackCapability, StackComponent } from '~/concepts/areas/types';
+import { ModelRegistryModel } from '~/__tests__/cypress/cypress/utils/models';
+import {
+  FormFieldSelector,
+  registerModelPage,
+} from '~/__tests__/cypress/cypress/pages/modelRegistry/registerModelPage';
+import { mockModelRegistry } from '~/__mocks__/mockModelRegistry';
+import { mockRegisteredModel } from '~/__mocks__/mockRegisteredModel';
+import { mockModelVersion } from '~/__mocks__/mockModelVersion';
+import { mockModelArtifact } from '~/__mocks__/mockModelArtifact';
+import {
+  ModelArtifactState,
+  ModelState,
+  type RegisteredModel,
+  type ModelVersion,
+  type ModelArtifact,
+} from '~/concepts/modelRegistry/types';
+
+const MODEL_REGISTRY_API_VERSION = 'v1alpha3';
+
+const initIntercepts = () => {
+  cy.interceptOdh(
+    'GET /api/config',
+    mockDashboardConfig({
+      disableModelRegistry: false,
+    }),
+  );
+  cy.interceptOdh(
+    'GET /api/dsc/status',
+    mockDscStatus({
+      installedComponents: {
+        [StackComponent.MODEL_REGISTRY]: true,
+        [StackComponent.MODEL_MESH]: true,
+      },
+    }),
+  );
+  cy.interceptOdh(
+    'GET /api/dsci/status',
+    mockDsciStatus({
+      requiredCapabilities: [StackCapability.SERVICE_MESH, StackCapability.SERVICE_MESH_AUTHZ],
+    }),
+  );
+
+  // TODO replace these with a mock list of services when https://github.com/opendatahub-io/odh-dashboard/pull/3034 is merged
+  cy.interceptK8sList(
+    ModelRegistryModel,
+    mockK8sResourceList([mockModelRegistry({ name: 'modelregistry-sample' })]),
+  );
+  cy.interceptK8s(ModelRegistryModel, mockModelRegistry({ name: 'modelregistry-sample' }));
+
+  cy.interceptOdh(
+    'POST /api/service/modelregistry/:serviceName/api/model_registry/:apiVersion/registered_models',
+    {
+      path: {
+        serviceName: 'modelregistry-sample',
+        apiVersion: MODEL_REGISTRY_API_VERSION,
+      },
+    },
+    mockRegisteredModel({ id: '1', name: 'Test model name' }),
+  ).as('createRegisteredModel');
+
+  cy.interceptOdh(
+    'POST /api/service/modelregistry/:serviceName/api/model_registry/:apiVersion/registered_models/:registeredModelId/versions',
+    {
+      path: {
+        serviceName: 'modelregistry-sample',
+        apiVersion: MODEL_REGISTRY_API_VERSION,
+        registeredModelId: 1,
+      },
+    },
+    mockModelVersion({ id: '2', name: 'Test version name' }),
+  ).as('createModelVersion');
+
+  cy.interceptOdh(
+    'POST /api/service/modelregistry/:serviceName/api/model_registry/:apiVersion/model_versions/:modelVersionId/artifacts',
+    {
+      path: {
+        serviceName: 'modelregistry-sample',
+        apiVersion: MODEL_REGISTRY_API_VERSION,
+        modelVersionId: 2,
+      },
+    },
+    mockModelArtifact(),
+  ).as('createModelArtifact');
+};
+
+describe('Register model page', () => {
+  beforeEach(() => {
+    initIntercepts();
+    registerModelPage.visit();
+  });
+
+  it('Disables submit until required fields are filled in object storage mode', () => {
+    registerModelPage.findSubmitButton().should('be.disabled');
+    registerModelPage.findFormField(FormFieldSelector.MODEL_NAME).type('Test model name');
+    registerModelPage.findFormField(FormFieldSelector.VERSION_NAME).type('Test version name');
+    registerModelPage.findFormField(FormFieldSelector.LOCATION_TYPE_OBJECT_STORAGE).click();
+    registerModelPage
+      .findFormField(FormFieldSelector.LOCATION_ENDPOINT)
+      .type('http://s3.amazonaws.com/');
+    registerModelPage.findFormField(FormFieldSelector.LOCATION_BUCKET).type('test-bucket');
+    registerModelPage
+      .findFormField(FormFieldSelector.LOCATION_PATH)
+      .type('demo-models/flan-t5-small-caikit');
+    registerModelPage.findSubmitButton().should('be.enabled');
+  });
+
+  it('Creates expected resources on submit in object storage mode', () => {
+    registerModelPage.findFormField(FormFieldSelector.MODEL_NAME).type('Test model name');
+    registerModelPage
+      .findFormField(FormFieldSelector.MODEL_DESCRIPTION)
+      .type('Test model description');
+    registerModelPage.findFormField(FormFieldSelector.VERSION_NAME).type('Test version name');
+    registerModelPage
+      .findFormField(FormFieldSelector.VERSION_DESCRIPTION)
+      .type('Test version description');
+    registerModelPage.findFormField(FormFieldSelector.SOURCE_MODEL_FORMAT).type('caikit');
+    registerModelPage.findFormField(FormFieldSelector.SOURCE_MODEL_FORMAT_VERSION).type('1');
+    registerModelPage.findFormField(FormFieldSelector.LOCATION_TYPE_OBJECT_STORAGE).click();
+    registerModelPage
+      .findFormField(FormFieldSelector.LOCATION_ENDPOINT)
+      .type('http://s3.amazonaws.com/');
+    registerModelPage.findFormField(FormFieldSelector.LOCATION_BUCKET).type('test-bucket');
+    registerModelPage.findFormField(FormFieldSelector.LOCATION_REGION).type('us-east-1');
+    registerModelPage
+      .findFormField(FormFieldSelector.LOCATION_PATH)
+      .type('demo-models/flan-t5-small-caikit');
+
+    registerModelPage.findSubmitButton().click();
+
+    cy.wait('@createRegisteredModel').then((interception) => {
+      expect(interception.request.body).to.containSubset({
+        name: 'Test model name',
+        description: 'Test model description',
+        customProperties: {},
+        state: ModelState.LIVE,
+      } satisfies Partial<RegisteredModel>);
+    });
+    cy.wait('@createModelVersion').then((interception) => {
+      expect(interception.request.body).to.containSubset({
+        name: 'Test version name',
+        description: 'Test version description',
+        customProperties: {},
+        state: ModelState.LIVE,
+        author: 'test-user',
+        registeredModelId: '1',
+      } satisfies Partial<ModelVersion>);
+    });
+    cy.wait('@createModelArtifact').then((interception) => {
+      expect(interception.request.body).to.containSubset({
+        name: 'Test model name-Test version name-artifact',
+        description: 'Test version description',
+        customProperties: {},
+        state: ModelArtifactState.LIVE,
+        author: 'test-user',
+        modelFormatName: 'caikit',
+        modelFormatVersion: '1',
+        uri: 's3://test-bucket/demo-models/flan-t5-small-caikit?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F&defaultRegion=us-east-1',
+        artifactType: 'model-artifact',
+      } satisfies Partial<ModelArtifact>);
+    });
+
+    cy.url().should('include', '/modelRegistry/modelregistry-sample/registeredModels/1');
+  });
+
+  it('Disables submit until required fields are filled in URI mode', () => {
+    registerModelPage.findSubmitButton().should('be.disabled');
+    registerModelPage.findFormField(FormFieldSelector.MODEL_NAME).type('Test model name');
+    registerModelPage.findFormField(FormFieldSelector.VERSION_NAME).type('Test version name');
+    registerModelPage.findFormField(FormFieldSelector.LOCATION_TYPE_URI).click();
+    registerModelPage
+      .findFormField(FormFieldSelector.LOCATION_URI)
+      .type(
+        's3://test-bucket/demo-models/flan-t5-small-caikit?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F&defaultRegion=us-east-1',
+      );
+    registerModelPage.findSubmitButton().should('be.enabled');
+  });
+
+  it('Creates expected resources on submit in URI mode', () => {
+    registerModelPage.findFormField(FormFieldSelector.MODEL_NAME).type('Test model name');
+    registerModelPage
+      .findFormField(FormFieldSelector.MODEL_DESCRIPTION)
+      .type('Test model description');
+    registerModelPage.findFormField(FormFieldSelector.VERSION_NAME).type('Test version name');
+    registerModelPage
+      .findFormField(FormFieldSelector.VERSION_DESCRIPTION)
+      .type('Test version description');
+    registerModelPage.findFormField(FormFieldSelector.SOURCE_MODEL_FORMAT).type('caikit');
+    registerModelPage.findFormField(FormFieldSelector.SOURCE_MODEL_FORMAT_VERSION).type('1');
+    registerModelPage.findFormField(FormFieldSelector.LOCATION_TYPE_URI).click();
+    registerModelPage
+      .findFormField(FormFieldSelector.LOCATION_URI)
+      .type(
+        's3://test-bucket/demo-models/flan-t5-small-caikit?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F&defaultRegion=us-east-1',
+      );
+
+    registerModelPage.findSubmitButton().click();
+
+    cy.wait('@createRegisteredModel').then((interception) => {
+      expect(interception.request.body).to.containSubset({
+        name: 'Test model name',
+        description: 'Test model description',
+        customProperties: {},
+        state: ModelState.LIVE,
+      } satisfies Partial<RegisteredModel>);
+    });
+    cy.wait('@createModelVersion').then((interception) => {
+      expect(interception.request.body).to.containSubset({
+        name: 'Test version name',
+        description: 'Test version description',
+        customProperties: {},
+        state: ModelState.LIVE,
+        author: 'test-user',
+        registeredModelId: '1',
+      } satisfies Partial<ModelVersion>);
+    });
+    cy.wait('@createModelArtifact').then((interception) => {
+      expect(interception.request.body).to.containSubset({
+        name: 'Test model name-Test version name-artifact',
+        description: 'Test version description',
+        customProperties: {},
+        state: ModelArtifactState.LIVE,
+        author: 'test-user',
+        modelFormatName: 'caikit',
+        modelFormatVersion: '1',
+        uri: 's3://test-bucket/demo-models/flan-t5-small-caikit?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F&defaultRegion=us-east-1',
+        artifactType: 'model-artifact',
+      } satisfies Partial<ModelArtifact>);
+    });
+
+    cy.url().should('include', '/modelRegistry/modelregistry-sample/registeredModels/1');
+  });
+});
diff --git a/frontend/src/api/modelRegistry/__tests__/custom.spec.ts b/frontend/src/api/modelRegistry/__tests__/custom.spec.ts
index 5efcfcce41..200a6f1ba5 100644
--- a/frontend/src/api/modelRegistry/__tests__/custom.spec.ts
+++ b/frontend/src/api/modelRegistry/__tests__/custom.spec.ts
@@ -16,6 +16,8 @@ import {
   patchModelVersion,
   patchRegisteredModel,
   getModelArtifactsByModelVersion,
+  createModelVersionForRegisteredModel,
+  createModelArtifactForModelVersion,
 } from '~/api/modelRegistry/custom';
 import { MODEL_REGISTRY_API_VERSION } from '~/concepts/modelRegistry/const';
 
@@ -104,6 +106,40 @@ describe('createModelVersion', () => {
   });
 });
 
+describe('createModelVersionForRegisteredModel', () => {
+  it('should call proxyCREATE and handleModelRegistryFailures to create model version for a model', () => {
+    expect(
+      createModelVersionForRegisteredModel('hostPath')(K8sAPIOptionsMock, '1', {
+        description: 'test',
+        externalID: '1',
+        author: 'test author',
+        registeredModelId: '1',
+        name: 'test new model version',
+        state: ModelState.LIVE,
+        customProperties: {},
+      }),
+    ).toBe(mockResultPromise);
+    expect(proxyCREATEMock).toHaveBeenCalledTimes(1);
+    expect(proxyCREATEMock).toHaveBeenCalledWith(
+      'hostPath',
+      `/api/model_registry/${MODEL_REGISTRY_API_VERSION}/registered_models/1/versions`,
+      {
+        description: 'test',
+        externalID: '1',
+        author: 'test author',
+        registeredModelId: '1',
+        name: 'test new model version',
+        state: ModelState.LIVE,
+        customProperties: {},
+      },
+      {},
+      K8sAPIOptionsMock,
+    );
+    expect(handleModelRegistryFailuresMock).toHaveBeenCalledTimes(1);
+    expect(handleModelRegistryFailuresMock).toHaveBeenCalledWith(mockProxyPromise);
+  });
+});
+
 describe('createModelArtifact', () => {
   it('should call proxyCREATE and handleModelRegistryFailures to create model artifact', () => {
     expect(
@@ -119,6 +155,7 @@ describe('createModelArtifact', () => {
         modelFormatVersion: 'testmodelFormatVersion',
         serviceAccountName: 'testserviceAccountname',
         customProperties: {},
+        artifactType: 'model-artifact',
       }),
     ).toBe(mockResultPromise);
     expect(proxyCREATEMock).toHaveBeenCalledTimes(1);
@@ -137,6 +174,51 @@ describe('createModelArtifact', () => {
         modelFormatVersion: 'testmodelFormatVersion',
         serviceAccountName: 'testserviceAccountname',
         customProperties: {},
+        artifactType: 'model-artifact',
+      },
+      {},
+      K8sAPIOptionsMock,
+    );
+    expect(handleModelRegistryFailuresMock).toHaveBeenCalledTimes(1);
+    expect(handleModelRegistryFailuresMock).toHaveBeenCalledWith(mockProxyPromise);
+  });
+});
+
+describe('createModelArtifactForModelVersion', () => {
+  it('should call proxyCREATE and handleModelRegistryFailures to create model artifact for version', () => {
+    expect(
+      createModelArtifactForModelVersion('hostPath')(K8sAPIOptionsMock, '2', {
+        description: 'test',
+        externalID: 'test',
+        uri: 'test-uri',
+        state: ModelArtifactState.LIVE,
+        name: 'test-name',
+        modelFormatName: 'test-modelformatname',
+        storageKey: 'teststoragekey',
+        storagePath: 'teststoragePath',
+        modelFormatVersion: 'testmodelFormatVersion',
+        serviceAccountName: 'testserviceAccountname',
+        customProperties: {},
+        artifactType: 'model-artifact',
+      }),
+    ).toBe(mockResultPromise);
+    expect(proxyCREATEMock).toHaveBeenCalledTimes(1);
+    expect(proxyCREATEMock).toHaveBeenCalledWith(
+      'hostPath',
+      `/api/model_registry/${MODEL_REGISTRY_API_VERSION}/model_versions/2/artifacts`,
+      {
+        description: 'test',
+        externalID: 'test',
+        uri: 'test-uri',
+        state: ModelArtifactState.LIVE,
+        name: 'test-name',
+        modelFormatName: 'test-modelformatname',
+        storageKey: 'teststoragekey',
+        storagePath: 'teststoragePath',
+        modelFormatVersion: 'testmodelFormatVersion',
+        serviceAccountName: 'testserviceAccountname',
+        customProperties: {},
+        artifactType: 'model-artifact',
       },
       {},
       K8sAPIOptionsMock,
diff --git a/frontend/src/api/modelRegistry/custom.ts b/frontend/src/api/modelRegistry/custom.ts
index 8282cc51ff..3604ed6357 100644
--- a/frontend/src/api/modelRegistry/custom.ts
+++ b/frontend/src/api/modelRegistry/custom.ts
@@ -39,6 +39,22 @@ export const createModelVersion =
         opts,
       ),
     );
+export const createModelVersionForRegisteredModel =
+  (hostpath: string) =>
+  (
+    opts: K8sAPIOptions,
+    registeredModelId: string,
+    data: CreateModelVersionData,
+  ): Promise<ModelVersion> =>
+    handleModelRegistryFailures(
+      proxyCREATE(
+        hostpath,
+        `/api/model_registry/${MODEL_REGISTRY_API_VERSION}/registered_models/${registeredModelId}/versions`,
+        data,
+        {},
+        opts,
+      ),
+    );
 
 export const createModelArtifact =
   (hostPath: string) =>
@@ -53,6 +69,23 @@ export const createModelArtifact =
       ),
     );
 
+export const createModelArtifactForModelVersion =
+  (hostPath: string) =>
+  (
+    opts: K8sAPIOptions,
+    modelVersionId: string,
+    data: CreateModelArtifactData,
+  ): Promise<ModelArtifact> =>
+    handleModelRegistryFailures(
+      proxyCREATE(
+        hostPath,
+        `/api/model_registry/${MODEL_REGISTRY_API_VERSION}/model_versions/${modelVersionId}/artifacts`,
+        data,
+        {},
+        opts,
+      ),
+    );
+
 export const getRegisteredModel =
   (hostPath: string) =>
   (opts: K8sAPIOptions, registeredModelId: string): Promise<RegisteredModel> =>
diff --git a/frontend/src/concepts/modelRegistry/__tests__/utils.spec.ts b/frontend/src/concepts/modelRegistry/__tests__/utils.spec.ts
new file mode 100644
index 0000000000..314277b795
--- /dev/null
+++ b/frontend/src/concepts/modelRegistry/__tests__/utils.spec.ts
@@ -0,0 +1,122 @@
+import {
+  ObjectStorageFields,
+  objectStorageFieldsToUri,
+  uriToObjectStorageFields,
+} from '~/concepts/modelRegistry/utils';
+
+describe('objectStorageFieldsToUri', () => {
+  it('converts fields to URI with all fields present', () => {
+    const uri = objectStorageFieldsToUri({
+      endpoint: 'http://s3.amazonaws.com/',
+      bucket: 'test-bucket',
+      region: 'us-east-1',
+      path: 'demo-models/flan-t5-small-caikit',
+    });
+    expect(uri).toEqual(
+      's3://test-bucket/demo-models/flan-t5-small-caikit?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F&defaultRegion=us-east-1',
+    );
+  });
+
+  it('converts fields to URI with region missing', () => {
+    const uri = objectStorageFieldsToUri({
+      endpoint: 'http://s3.amazonaws.com/',
+      bucket: 'test-bucket',
+      path: 'demo-models/flan-t5-small-caikit',
+    });
+    expect(uri).toEqual(
+      's3://test-bucket/demo-models/flan-t5-small-caikit?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F',
+    );
+  });
+
+  it('converts fields to URI with region empty', () => {
+    const uri = objectStorageFieldsToUri({
+      endpoint: 'http://s3.amazonaws.com/',
+      bucket: 'test-bucket',
+      region: '',
+      path: 'demo-models/flan-t5-small-caikit',
+    });
+    expect(uri).toEqual(
+      's3://test-bucket/demo-models/flan-t5-small-caikit?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F',
+    );
+  });
+
+  it('falls back to null if endpoint is empty', () => {
+    const uri = objectStorageFieldsToUri({
+      endpoint: '',
+      bucket: 'test-bucket',
+      region: 'us-east-1',
+      path: 'demo-models/flan-t5-small-caikit',
+    });
+    expect(uri).toEqual(null);
+  });
+
+  it('falls back to null if bucket is empty', () => {
+    const uri = objectStorageFieldsToUri({
+      endpoint: 'http://s3.amazonaws.com/',
+      bucket: '',
+      region: 'us-east-1',
+      path: 'demo-models/flan-t5-small-caikit',
+    });
+    expect(uri).toEqual(null);
+  });
+
+  it('falls back to null if path is empty', () => {
+    const uri = objectStorageFieldsToUri({
+      endpoint: 'http://s3.amazonaws.com/',
+      bucket: 'test-bucket',
+      region: 'us-east-1',
+      path: '',
+    });
+    expect(uri).toEqual(null);
+  });
+});
+
+describe('uriToObjectStorageFields', () => {
+  it('converts URI to fields with all params present', () => {
+    const fields = uriToObjectStorageFields(
+      's3://test-bucket/demo-models/flan-t5-small-caikit?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F&defaultRegion=us-east-1',
+    );
+    expect(fields).toEqual({
+      endpoint: 'http://s3.amazonaws.com/',
+      bucket: 'test-bucket',
+      region: 'us-east-1',
+      path: 'demo-models/flan-t5-small-caikit',
+    } satisfies ObjectStorageFields);
+  });
+
+  it('converts URI to fields with region missing', () => {
+    const fields = uriToObjectStorageFields(
+      's3://test-bucket/demo-models/flan-t5-small-caikit?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F',
+    );
+    expect(fields).toEqual({
+      endpoint: 'http://s3.amazonaws.com/',
+      bucket: 'test-bucket',
+      path: 'demo-models/flan-t5-small-caikit',
+      region: undefined,
+    } satisfies ObjectStorageFields);
+  });
+
+  it('falls back to null if endpoint is missing', () => {
+    const fields = uriToObjectStorageFields('s3://test-bucket/demo-models/flan-t5-small-caikit');
+    expect(fields).toBeNull();
+  });
+
+  it('falls back to null if path is missing', () => {
+    const fields = uriToObjectStorageFields(
+      's3://test-bucket/?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F&defaultRegion=us-east-1',
+    );
+    expect(fields).toBeNull();
+  });
+
+  it('falls back to null if bucket is missing', () => {
+    const fields = uriToObjectStorageFields(
+      's3://?endpoint=http%3A%2F%2Fs3.amazonaws.com%2F&defaultRegion=us-east-1',
+    );
+    expect(fields).toBeNull();
+  });
+
+  it('falls back to null if the URI is malformed', () => {
+    const fields = uriToObjectStorageFields('test-bucket/demo-models/flan-t5-small-caikit');
+    expect(fields).toBeNull();
+  });
+});
diff --git a/frontend/src/concepts/modelRegistry/context/useModelRegistryAPIState.tsx b/frontend/src/concepts/modelRegistry/context/useModelRegistryAPIState.tsx
index ee5e5627ac..64c09c29ad 100644
--- a/frontend/src/concepts/modelRegistry/context/useModelRegistryAPIState.tsx
+++ b/frontend/src/concepts/modelRegistry/context/useModelRegistryAPIState.tsx
@@ -3,7 +3,9 @@ import { APIState } from '~/concepts/proxy/types';
 import { ModelRegistryAPIs } from '~/concepts/modelRegistry/types';
 import {
   createModelArtifact,
+  createModelArtifactForModelVersion,
   createModelVersion,
+  createModelVersionForRegisteredModel,
   createRegisteredModel,
   getListModelArtifacts,
   getListModelVersions,
@@ -28,7 +30,9 @@ const useModelRegistryAPIState = (
     (path: string) => ({
       createRegisteredModel: createRegisteredModel(path),
       createModelVersion: createModelVersion(path),
+      createModelVersionForRegisteredModel: createModelVersionForRegisteredModel(path),
       createModelArtifact: createModelArtifact(path),
+      createModelArtifactForModelVersion: createModelArtifactForModelVersion(path),
       getRegisteredModel: getRegisteredModel(path),
       getModelVersion: getModelVersion(path),
       getModelArtifact: getModelArtifact(path),
diff --git a/frontend/src/concepts/modelRegistry/types.ts b/frontend/src/concepts/modelRegistry/types.ts
index e93a9d8f72..d601a97409 100644
--- a/frontend/src/concepts/modelRegistry/types.ts
+++ b/frontend/src/concepts/modelRegistry/types.ts
@@ -145,7 +145,7 @@ export type CreateModelVersionData = Omit<
 
 export type CreateModelArtifactData = Omit<
   ModelArtifact,
-  'lastUpdateTimeSinceEpoch' | 'createTimeSinceEpoch' | 'id' | 'artifactType'
+  'lastUpdateTimeSinceEpoch' | 'createTimeSinceEpoch' | 'id'
 >;
 
 export type ModelRegistryListParams = {
@@ -170,11 +170,23 @@ export type CreateModelVersion = (
   data: CreateModelVersionData,
 ) => Promise<ModelVersion>;
 
+export type CreateModelVersionForRegisteredModel = (
+  opts: K8sAPIOptions,
+  registeredModelId: string,
+  data: CreateModelVersionData,
+) => Promise<ModelVersion>;
+
 export type CreateModelArtifact = (
   opts: K8sAPIOptions,
   data: CreateModelArtifactData,
 ) => Promise<ModelArtifact>;
 
+export type CreateModelArtifactForModelVersion = (
+  opts: K8sAPIOptions,
+  modelVersionId: string,
+  data: CreateModelArtifactData,
+) => Promise<ModelArtifact>;
+
 export type GetRegisteredModel = (
   opts: K8sAPIOptions,
   registeredModelId: string,
@@ -227,7 +239,9 @@ export type PatchModelArtifact = (
 export type ModelRegistryAPIs = {
   createRegisteredModel: CreateRegisteredModel;
   createModelVersion: CreateModelVersion;
+  createModelVersionForRegisteredModel: CreateModelVersionForRegisteredModel;
   createModelArtifact: CreateModelArtifact;
+  createModelArtifactForModelVersion: CreateModelArtifactForModelVersion;
   getRegisteredModel: GetRegisteredModel;
   getModelVersion: GetModelVersion;
   getModelArtifact: GetModelArtifact;
diff --git a/frontend/src/concepts/modelRegistry/utils.ts b/frontend/src/concepts/modelRegistry/utils.ts
new file mode 100644
index 0000000000..b9d39754d4
--- /dev/null
+++ b/frontend/src/concepts/modelRegistry/utils.ts
@@ -0,0 +1,39 @@
+export type ObjectStorageFields = {
+  endpoint: string;
+  bucket: string;
+  region?: string;
+  path: string;
+};
+
+export const objectStorageFieldsToUri = (fields: ObjectStorageFields): string | null => {
+  const { endpoint, bucket, region, path } = fields;
+  if (!endpoint || !bucket || !path) {
+    return null;
+  }
+  const searchParams = new URLSearchParams();
+  searchParams.set('endpoint', endpoint);
+  if (region) {
+    searchParams.set('defaultRegion', region);
+  }
+  return `s3://${bucket}/${path}?${searchParams.toString()}`;
+};
+
+export const uriToObjectStorageFields = (uri: string): ObjectStorageFields | null => {
+  try {
+    const urlObj = new URL(uri);
+    // Some environments include the first token after the protocol (our bucket) in the pathname and some have it as the hostname
+    const [bucket, ...pathSplit] = `${urlObj.hostname}/${urlObj.pathname}`
+      .split('/')
+      .filter(Boolean);
+    const path = pathSplit.join('/');
+    const searchParams = new URLSearchParams(urlObj.search);
+    const endpoint = searchParams.get('endpoint');
+    const region = searchParams.get('defaultRegion');
+    if (endpoint && bucket && path) {
+      return { endpoint, bucket, region: region || undefined, path };
+    }
+    return null;
+  } catch {
+    return null;
+  }
+};
diff --git a/frontend/src/pages/modelRegistry/screens/RegisterModel/RegisterModel.tsx b/frontend/src/pages/modelRegistry/screens/RegisterModel/RegisterModel.tsx
index f3724e6707..bfb563fb95 100644
--- a/frontend/src/pages/modelRegistry/screens/RegisterModel/RegisterModel.tsx
+++ b/frontend/src/pages/modelRegistry/screens/RegisterModel/RegisterModel.tsx
@@ -13,6 +13,7 @@ import {
   HelperTextItem,
   InputGroupItem,
   InputGroupText,
+  PageSection,
   Radio,
   Split,
   SplitItem,
@@ -23,41 +24,40 @@ import {
   TextInput,
   Title,
 } from '@patternfly/react-core';
-import { useParams } from 'react-router';
+import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
+import { useParams, useNavigate } from 'react-router';
 import { Link } from 'react-router-dom';
 import ApplicationsPage from '~/pages/ApplicationsPage';
-import useRegisterModelData from './useRegisterModelData';
+import { ModelRegistryContext } from '~/concepts/modelRegistry/context/ModelRegistryContext';
+import { useAppSelector } from '~/redux/hooks';
+import { useRegisterModelData, ModelLocationType } from './useRegisterModelData';
+import { registerModel } from './utils';
 
 const RegisterModel: React.FC = () => {
   const { modelRegistry: mrName } = useParams();
-  const [
-    {
-      modelRegistryName,
-      modelName,
-      modelDescription,
-      versionName,
-      versionDescription,
-      sourceModelFormat,
-      modelLocationType,
-      modelLocationEndpoint,
-      modelLocationBucket,
-      modelLocationRegion,
-      modelLocationPath,
-      modelLocationURI,
-    },
-    setData,
-    resetData,
-  ] = useRegisterModelData(mrName);
+  const navigate = useNavigate();
+  const [formData, setData] = useRegisterModelData();
+  const {
+    modelName,
+    modelDescription,
+    versionName,
+    versionDescription,
+    sourceModelFormat,
+    sourceModelFormatVersion,
+    modelLocationType,
+    modelLocationEndpoint,
+    modelLocationBucket,
+    modelLocationRegion,
+    modelLocationPath,
+    modelLocationURI,
+  } = formData;
   const [loading, setIsLoading] = React.useState(false);
   const [error, setError] = React.useState<Error | undefined>(undefined);
 
-  enum ModelLocationType {
-    ObjectStorage = 'Object storage',
-    URI = 'URI',
-  }
+  const { apiState } = React.useContext(ModelRegistryContext);
+  const author = useAppSelector((state) => state.user || '');
 
   const isSubmitDisabled =
-    !modelRegistryName ||
     !modelName ||
     !versionName ||
     loading ||
@@ -68,23 +68,15 @@ const RegisterModel: React.FC = () => {
   const handleSubmit = () => {
     setIsLoading(true);
     setError(undefined);
-    //TODO: implement submit calls/logic. remove console log and alert
-    alert('This functionality is not yet implemented');
-    /* eslint-disable-next-line no-console */
-    console.log({
-      modelRegistryName,
-      modelName,
-      modelDescription,
-      versionName,
-      versionDescription,
-      sourceModelFormat,
-      modelLocationType,
-      modelLocationEndpoint,
-      modelLocationBucket,
-      modelLocationRegion,
-      modelLocationPath,
-      modelLocationURI,
-    });
+
+    registerModel(apiState, formData, author)
+      .then(({ registeredModel }) => {
+        navigate(`/modelRegistry/${mrName}/registeredModels/${registeredModel.id}`);
+      })
+      .catch((e: Error) => {
+        setIsLoading(false);
+        setError(e);
+      });
   };
 
   return (
@@ -93,206 +85,233 @@ const RegisterModel: React.FC = () => {
       description="Create a new model and register a first version of the new model."
       breadcrumb={
         <Breadcrumb>
-          <BreadcrumbItem render={() => <Link to="/modelRegistry">Model registry</Link>} />
           <BreadcrumbItem
-            render={() => (
-              <Link to={`/modelRegistry/${modelRegistryName}`}>{modelRegistryName}</Link>
-            )}
+            render={() => <Link to={`/modelRegistry/${mrName}`}>Model registry - {mrName}</Link>}
           />
           <BreadcrumbItem>Register model</BreadcrumbItem>
         </Breadcrumb>
       }
       loaded
       empty={false}
-      provideChildrenPadding
     >
-      <Form>
-        <Stack hasGutter>
-          <StackItem>
-            <FormGroup label="Model registry" isRequired fieldId="mr-name">
-              <TextInput
-                isDisabled
+      <PageSection variant="light" isFilled>
+        <Form isWidthLimited>
+          <Stack hasGutter>
+            <StackItem>
+              <FormGroup
+                label="Model registry"
                 isRequired
-                type="text"
-                id="mr-name"
-                name="mr-name"
-                value={modelRegistryName}
-              />
-            </FormGroup>
-          </StackItem>
-          <StackItem>
-            <FormSection
-              title={
-                <>
-                  <Title headingLevel="h2">Model info</Title>
-                  <Text component="p" className="form-subtitle-text">
-                    Configure the model info you want to create.
-                  </Text>
-                </>
-              }
-            >
-              <FormGroup label="Model name" isRequired fieldId="model-name">
-                <TextInput
-                  isRequired
-                  type="text"
-                  id="model-name"
-                  name="model-name"
-                  value={modelName}
-                  onChange={(_e, value) => setData('modelName', value)}
-                />
-              </FormGroup>
-              <FormGroup label="Model description" fieldId="model-description">
-                <TextArea
-                  type="text"
-                  id="model-description"
-                  name="model-description"
-                  value={modelDescription}
-                  onChange={(_e, value) => setData('modelDescription', value)}
-                />
-              </FormGroup>
-            </FormSection>
-            <FormSection
-              title={
-                <>
-                  <Title headingLevel="h2">Version info</Title>
-                  <Text component="p" className="form-subtitle-text">
-                    Configure the version info for the run that you want to register.
-                  </Text>
-                </>
-              }
-            >
-              <FormGroup label="Version name" isRequired fieldId="version-name">
+                fieldId="mr-name"
+                className={spacing.mbLg}
+              >
                 <TextInput
+                  isDisabled
                   isRequired
                   type="text"
-                  id="version-name"
-                  name="version-name"
-                  value={versionName}
-                  onChange={(_e, value) => setData('versionName', value)}
-                />
-              </FormGroup>
-              <FormGroup label="Version description" fieldId="version-description">
-                <TextArea
-                  type="text"
-                  id="version-description"
-                  name="version-description"
-                  value={versionDescription}
-                  onChange={(_e, value) => setData('versionDescription', value)}
+                  id="mr-name"
+                  name="mr-name"
+                  value={mrName}
                 />
               </FormGroup>
-              <FormGroup label="Source model format" fieldId="source-model-format">
-                <TextInput
-                  type="text"
-                  placeholder="Example, tensorflow"
-                  id="source-model-format"
-                  name="source-model-format"
-                  value={sourceModelFormat}
-                  onChange={(_e, value) => setData('sourceModelFormat', value)}
+            </StackItem>
+            <StackItem>
+              <FormSection
+                title={
+                  <>
+                    <Title headingLevel="h2" size="md">
+                      Model details
+                    </Title>
+                    <Text component="p" className="form-subtitle-text">
+                      Provide general details that apply to all versions of this model.
+                    </Text>
+                  </>
+                }
+              >
+                <FormGroup label="Model name" isRequired fieldId="model-name">
+                  <TextInput
+                    isRequired
+                    type="text"
+                    id="model-name"
+                    name="model-name"
+                    value={modelName}
+                    onChange={(_e, value) => setData('modelName', value)}
+                  />
+                </FormGroup>
+                <FormGroup label="Model description" fieldId="model-description">
+                  <TextArea
+                    type="text"
+                    id="model-description"
+                    name="model-description"
+                    value={modelDescription}
+                    onChange={(_e, value) => setData('modelDescription', value)}
+                  />
+                </FormGroup>
+              </FormSection>
+              <FormSection
+                title={
+                  <>
+                    <Title headingLevel="h2">Version details</Title>
+                    <Text component="p" className="form-subtitle-text">
+                      Configure details for the first version of this model.
+                    </Text>
+                  </>
+                }
+              >
+                <FormGroup label="Version name" isRequired fieldId="version-name">
+                  <TextInput
+                    isRequired
+                    type="text"
+                    id="version-name"
+                    name="version-name"
+                    value={versionName}
+                    onChange={(_e, value) => setData('versionName', value)}
+                  />
+                </FormGroup>
+                <FormGroup label="Version description" fieldId="version-description">
+                  <TextArea
+                    type="text"
+                    id="version-description"
+                    name="version-description"
+                    value={versionDescription}
+                    onChange={(_e, value) => setData('versionDescription', value)}
+                  />
+                </FormGroup>
+                <FormGroup label="Source model format" fieldId="source-model-format">
+                  <TextInput
+                    type="text"
+                    placeholder="Example, tensorflow"
+                    id="source-model-format"
+                    name="source-model-format"
+                    value={sourceModelFormat}
+                    onChange={(_e, value) => setData('sourceModelFormat', value)}
+                  />
+                </FormGroup>
+                <FormGroup
+                  label="Source model format version"
+                  fieldId="source-model-format-version"
+                >
+                  <TextInput
+                    type="text"
+                    placeholder="Example, 1"
+                    id="source-model-format-version"
+                    name="source-model-format-version"
+                    value={sourceModelFormatVersion}
+                    onChange={(_e, value) => setData('sourceModelFormatVersion', value)}
+                  />
+                </FormGroup>
+              </FormSection>
+              <FormSection
+                title={
+                  <>
+                    <Title headingLevel="h2">Model location</Title>
+                    <Text component="p" className="form-subtitle-text">
+                      Specify the model location by providing either the object storage details or
+                      the URI.
+                    </Text>
+                  </>
+                }
+              >
+                <Radio
+                  isChecked={modelLocationType === ModelLocationType.ObjectStorage}
+                  name="location-type-object-storage"
+                  onChange={() => {
+                    setData('modelLocationType', ModelLocationType.ObjectStorage);
+                  }}
+                  label="Object storage"
+                  id="location-type-object-storage"
+                  body={
+                    modelLocationType === ModelLocationType.ObjectStorage && (
+                      <Form>
+                        <FormGroup label="Endpoint" isRequired fieldId="location-endpoint">
+                          <TextInput
+                            isRequired
+                            type="text"
+                            id="location-endpoint"
+                            name="location-endpoint"
+                            value={modelLocationEndpoint}
+                            onChange={(_e, value) => setData('modelLocationEndpoint', value)}
+                          />
+                        </FormGroup>
+                        <FormGroup label="Bucket" isRequired fieldId="location-bucket">
+                          <TextInput
+                            isRequired
+                            type="text"
+                            id="location-bucket"
+                            name="location-bucket"
+                            value={modelLocationBucket}
+                            onChange={(_e, value) => setData('modelLocationBucket', value)}
+                          />
+                        </FormGroup>
+                        <FormGroup label="Region" fieldId="location-region">
+                          <TextInput
+                            type="text"
+                            id="location-region"
+                            name="location-region"
+                            value={modelLocationRegion}
+                            onChange={(_e, value) => setData('modelLocationRegion', value)}
+                          />
+                        </FormGroup>
+                        <FormGroup label="Path" isRequired fieldId="location-path">
+                          <Split hasGutter>
+                            <SplitItem>
+                              <InputGroupText isPlain>/</InputGroupText>
+                            </SplitItem>
+                            <SplitItem isFilled>
+                              <InputGroupItem>
+                                <TextInput
+                                  isRequired
+                                  type="text"
+                                  id="location-path"
+                                  name="location-path"
+                                  value={modelLocationPath}
+                                  onChange={(_e, value) => setData('modelLocationPath', value)}
+                                />
+                              </InputGroupItem>
+                            </SplitItem>
+                          </Split>
+                          <HelperText>
+                            <HelperTextItem>
+                              Enter a path to a model or folder. This path cannot point to a root
+                              folder.
+                            </HelperTextItem>
+                          </HelperText>
+                        </FormGroup>
+                      </Form>
+                    )
+                  }
                 />
-              </FormGroup>
-            </FormSection>
-            <FormSection
-              title={
-                <>
-                  <Title headingLevel="h2">Model location</Title>
-                  <Text component="p" className="form-subtitle-text">
-                    Specify the model location by providing either the object storage details or the
-                    URI.
-                  </Text>
-                </>
-              }
-            >
-              <Radio
-                isChecked={modelLocationType === ModelLocationType.ObjectStorage}
-                name="location-type-object-storage"
-                onChange={() => {
-                  setData('modelLocationType', ModelLocationType.ObjectStorage);
-                }}
-                label="Object storage"
-                id="location-type-object-storage"
-              />
-              {modelLocationType === ModelLocationType.ObjectStorage && (
-                <>
-                  <FormGroup label="Endpoint" isRequired fieldId="location-endpoint">
-                    <TextInput
-                      isRequired
-                      type="text"
-                      id="location-endpoint"
-                      name="location-endpoint"
-                      value={modelLocationEndpoint}
-                      onChange={(_e, value) => setData('modelLocationEndpoint', value)}
-                    />
-                  </FormGroup>
-                  <FormGroup label="Bucket" isRequired fieldId="location-bucket">
-                    <TextInput
-                      isRequired
-                      type="text"
-                      id="location-bucket"
-                      name="location-bucket"
-                      value={modelLocationBucket}
-                      onChange={(_e, value) => setData('modelLocationBucket', value)}
-                    />
-                  </FormGroup>
-                  <FormGroup label="Region" fieldId="location-region">
-                    <TextInput
-                      type="text"
-                      id="location-region"
-                      name="location-region"
-                      value={modelLocationRegion}
-                      onChange={(_e, value) => setData('modelLocationRegion', value)}
-                    />
-                  </FormGroup>
-                  <FormGroup label="Path" isRequired fieldId="location-path">
-                    <Split hasGutter>
-                      <SplitItem>
-                        <InputGroupText isPlain>/</InputGroupText>
-                      </SplitItem>
-                      <SplitItem isFilled>
-                        <InputGroupItem>
+                <Radio
+                  isChecked={modelLocationType === ModelLocationType.URI}
+                  name="location-type-uri"
+                  onChange={() => {
+                    setData('modelLocationType', ModelLocationType.URI);
+                  }}
+                  label="URI"
+                  id="location-type-uri"
+                  body={
+                    modelLocationType === ModelLocationType.URI && (
+                      <Form>
+                        <FormGroup label="URI" isRequired fieldId="location-uri">
                           <TextInput
                             isRequired
                             type="text"
-                            id="location-path"
-                            name="location-path"
-                            value={modelLocationPath}
-                            onChange={(_e, value) => setData('modelLocationPath', value)}
+                            id="location-uri"
+                            name="location-uri"
+                            value={modelLocationURI}
+                            onChange={(_e, value) => setData('modelLocationURI', value)}
                           />
-                        </InputGroupItem>
-                      </SplitItem>
-                    </Split>
-                    <HelperText>
-                      <HelperTextItem>
-                        Enter a path to a model or folder. This path cannot point to a root folder.
-                      </HelperTextItem>
-                    </HelperText>
-                  </FormGroup>
-                </>
-              )}
-              <Radio
-                isChecked={modelLocationType === ModelLocationType.URI}
-                name="location-type-uri"
-                onChange={() => {
-                  setData('modelLocationType', ModelLocationType.URI);
-                }}
-                label="URI"
-                id="location-type-uri"
-              />
-              {modelLocationType === ModelLocationType.URI && (
-                <>
-                  <FormGroup label="URI" isRequired fieldId="location-uri">
-                    <TextInput
-                      isRequired
-                      type="text"
-                      id="location-uri"
-                      name="location-uri"
-                      value={modelLocationURI}
-                      onChange={(_e, value) => setData('modelLocationURI', value)}
-                    />
-                  </FormGroup>
-                </>
-              )}
-            </FormSection>
-          </StackItem>
+                        </FormGroup>
+                      </Form>
+                    )
+                  }
+                />
+              </FormSection>
+            </StackItem>
+          </Stack>
+        </Form>
+      </PageSection>
+      <PageSection stickyOnBreakpoint={{ default: 'bottom' }} variant="light">
+        <Stack hasGutter>
           {error && (
             <StackItem>
               <Alert
@@ -321,14 +340,14 @@ const RegisterModel: React.FC = () => {
                 isDisabled={loading}
                 variant="link"
                 id="cancel-button"
-                onClick={() => resetData()}
+                onClick={() => navigate(`/modelRegistry/${mrName}`)}
               >
                 Cancel
               </Button>
             </ActionGroup>
           </StackItem>
         </Stack>
-      </Form>
+      </PageSection>
     </ApplicationsPage>
   );
 };
diff --git a/frontend/src/pages/modelRegistry/screens/RegisterModel/useRegisterModelData.ts b/frontend/src/pages/modelRegistry/screens/RegisterModel/useRegisterModelData.ts
index d1e59e301f..f35c69527b 100644
--- a/frontend/src/pages/modelRegistry/screens/RegisterModel/useRegisterModelData.ts
+++ b/frontend/src/pages/modelRegistry/screens/RegisterModel/useRegisterModelData.ts
@@ -1,13 +1,21 @@
 import useGenericObjectState, { GenericObjectState } from '~/utilities/useGenericObjectState';
 
-export type RegisterModelData = {
-  modelRegistryName: string;
+export enum ModelLocationType {
+  ObjectStorage = 'Object storage',
+  URI = 'URI',
+}
+
+export type RegisterModelFormData = RegisterVersionFormData & {
   modelName: string;
   modelDescription: string;
+};
+
+export type RegisterVersionFormData = {
   versionName: string;
   versionDescription: string;
   sourceModelFormat: string;
-  modelLocationType: string;
+  sourceModelFormatVersion: string;
+  modelLocationType: ModelLocationType;
   modelLocationEndpoint: string;
   modelLocationBucket: string;
   modelLocationRegion: string;
@@ -15,20 +23,26 @@ export type RegisterModelData = {
   modelLocationURI: string;
 };
 
-const useRegisterModelData = (mrName?: string): GenericObjectState<RegisterModelData> =>
-  useGenericObjectState<RegisterModelData>({
-    modelRegistryName: mrName || '',
-    modelName: '',
-    modelDescription: '',
-    versionName: '',
-    versionDescription: '',
-    sourceModelFormat: '',
-    modelLocationType: 'Object storage',
-    modelLocationEndpoint: '',
-    modelLocationBucket: '',
-    modelLocationRegion: '',
-    modelLocationPath: '',
-    modelLocationURI: '',
-  });
+const registerVersionFormDataDefaults: RegisterVersionFormData = {
+  versionName: '',
+  versionDescription: '',
+  sourceModelFormat: '',
+  sourceModelFormatVersion: '',
+  modelLocationType: ModelLocationType.ObjectStorage,
+  modelLocationEndpoint: '',
+  modelLocationBucket: '',
+  modelLocationRegion: '',
+  modelLocationPath: '',
+  modelLocationURI: '',
+};
+const registerModelFormDataDefaults: RegisterModelFormData = {
+  ...registerVersionFormDataDefaults,
+  modelName: '',
+  modelDescription: '',
+};
+
+export const useRegisterModelData = (): GenericObjectState<RegisterModelFormData> =>
+  useGenericObjectState<RegisterModelFormData>(registerModelFormDataDefaults);
 
-export default useRegisterModelData;
+export const useRegisterVersionData = (): GenericObjectState<RegisterVersionFormData> =>
+  useGenericObjectState<RegisterVersionFormData>(registerVersionFormDataDefaults);
diff --git a/frontend/src/pages/modelRegistry/screens/RegisterModel/utils.ts b/frontend/src/pages/modelRegistry/screens/RegisterModel/utils.ts
new file mode 100644
index 0000000000..aec7c75c53
--- /dev/null
+++ b/frontend/src/pages/modelRegistry/screens/RegisterModel/utils.ts
@@ -0,0 +1,89 @@
+import {
+  ModelArtifact,
+  ModelArtifactState,
+  ModelState,
+  ModelVersion,
+  RegisteredModel,
+} from '~/concepts/modelRegistry/types';
+import { ModelRegistryAPIState } from '~/concepts/modelRegistry/context/useModelRegistryAPIState';
+import { objectStorageFieldsToUri } from '~/concepts/modelRegistry/utils';
+import {
+  ModelLocationType,
+  RegisterModelFormData,
+  RegisterVersionFormData,
+} from './useRegisterModelData';
+
+export type RegisterModelCreatedResources = RegisterVersionCreatedResources & {
+  registeredModel: RegisteredModel;
+};
+
+export type RegisterVersionCreatedResources = {
+  modelVersion: ModelVersion;
+  modelArtifact: ModelArtifact;
+};
+
+export const registerModel = async (
+  apiState: ModelRegistryAPIState,
+  formData: RegisterModelFormData,
+  author: string,
+): Promise<RegisterModelCreatedResources> => {
+  const registeredModel = await apiState.api.createRegisteredModel(
+    {},
+    {
+      name: formData.modelName,
+      description: formData.modelDescription,
+      customProperties: {},
+      state: ModelState.LIVE,
+    },
+  );
+  const { modelVersion, modelArtifact } = await registerVersion(
+    apiState,
+    registeredModel,
+    formData,
+    author,
+  );
+  return { registeredModel, modelVersion, modelArtifact };
+};
+
+export const registerVersion = async (
+  apiState: ModelRegistryAPIState,
+  registeredModel: RegisteredModel,
+  formData: RegisterVersionFormData,
+  author: string,
+): Promise<RegisterVersionCreatedResources> => {
+  const modelVersion = await apiState.api.createModelVersionForRegisteredModel(
+    {},
+    registeredModel.id,
+    {
+      name: formData.versionName,
+      description: formData.versionDescription,
+      customProperties: {},
+      state: ModelState.LIVE,
+      author,
+      registeredModelId: registeredModel.id,
+    },
+  );
+  const modelArtifact = await apiState.api.createModelArtifactForModelVersion({}, modelVersion.id, {
+    name: `${registeredModel.name}-${formData.versionName}-artifact`,
+    description: formData.versionDescription,
+    customProperties: {},
+    state: ModelArtifactState.LIVE,
+    author,
+    modelFormatName: formData.sourceModelFormat,
+    modelFormatVersion: formData.sourceModelFormatVersion,
+    // TODO fill in the name of the data connection we used to prefill if we used one
+    // TODO this should be done as part of https://issues.redhat.com/browse/RHOAIENG-9914
+    // storageKey: 'TODO',
+    uri:
+      formData.modelLocationType === ModelLocationType.ObjectStorage
+        ? objectStorageFieldsToUri({
+            endpoint: formData.modelLocationEndpoint,
+            bucket: formData.modelLocationBucket,
+            region: formData.modelLocationRegion,
+            path: formData.modelLocationPath,
+          }) || '' // We'll only hit this case if required fields are empty strings, so form validation should catch it.
+        : formData.modelLocationURI,
+    artifactType: 'model-artifact',
+  });
+  return { modelVersion, modelArtifact };
+};

From 934fe4a282eaab62ee065e56b19a532811377ace Mon Sep 17 00:00:00 2001
From: Christian Vogt <cvogt@redhat.com>
Date: Wed, 7 Aug 2024 13:30:49 -0400
Subject: [PATCH 10/11] connection type preview form generation (#3056)

---
 frontend/src/__mocks__/mockConnectionType.ts  | 207 ++++++++++++++---
 frontend/src/components/FormGroupText.scss    |   8 +
 frontend/src/components/FormGroupText.tsx     |  17 ++
 .../src/components/NumberInputWrapper.tsx     |  30 +--
 frontend/src/components/PasswordInput.tsx     |  13 +-
 .../components/pf-overrides/FormSection.scss  |   8 +
 .../components/pf-overrides/FormSection.tsx   |  35 +++
 .../connectionTypes/ConnectionTypePreview.tsx |  44 ++++
 .../ConnectionTypePreviewDrawer.tsx           |  78 +++++++
 .../connectionTypes/__tests__/utils.spec.ts   | 184 ++++++++++++++-
 .../fields/BooleanFormField.tsx               |  36 +++
 .../fields/ConnectionTypeDataFormField.tsx    |  61 +++++
 .../fields/ConnectionTypeFormFields.tsx       |  64 ++++++
 .../fields/DataFormFieldGroup.tsx             |  41 ++++
 .../fields/DropdownFormField.tsx              |  88 ++++++++
 .../connectionTypes/fields/FileFormField.tsx  |  49 ++++
 .../fields/HiddenFormField.tsx                |  31 +++
 .../fields/NumericFormField.tsx               |  32 +++
 .../fields/SectionFormField.tsx               |  16 ++
 .../fields/ShortTextFormField.tsx             |  29 +++
 .../connectionTypes/fields/TextFormField.tsx  |  30 +++
 .../fields/UnspecifiedValue.tsx               |  14 ++
 .../connectionTypes/fields/UriFormField.tsx   |  29 +++
 .../__tests__/BooleanFormField.spec.tsx       |  81 +++++++
 .../ConnectionTypeDataFormField.spec.tsx      |  31 +++
 .../ConnectionTypeFormFields.spec.tsx         |  54 +++++
 .../__tests__/DataFormFieldGroup.spec.tsx     |  82 +++++++
 .../__tests__/DropdownFormField.spec.tsx      | 211 ++++++++++++++++++
 .../fields/__tests__/FileFormField.spec.tsx   |  82 +++++++
 .../fields/__tests__/HiddenFormField.spec.tsx |  71 ++++++
 .../__tests__/NumericFormField.spec.tsx       |  69 ++++++
 .../__tests__/ShortTextFormField.spec.tsx     |  71 ++++++
 .../fields/__tests__/TextFormField.spec.tsx   |  69 ++++++
 .../fields/__tests__/UriFormField.spec.tsx    |  69 ++++++
 .../src/concepts/connectionTypes/types.ts     |  49 ++--
 .../src/concepts/connectionTypes/utils.ts     |  26 +++
 .../src/concepts/k8s/NameDescriptionField.tsx |  29 ++-
 .../ConfigurePipelinesServerModal.scss        |   6 -
 .../ConfigurePipelinesServerModal.tsx         |   1 -
 .../ObjectStorageSection.tsx                  |  15 +-
 .../PipelinesDatabaseSection.tsx              |  22 +-
 .../screens/RegisterModel/RegisterModel.tsx   |  37 +--
 .../modelRegistrySettings/CreateModal.scss    |   6 -
 .../modelRegistrySettings/CreateModal.tsx     |  15 +-
 44 files changed, 2074 insertions(+), 166 deletions(-)
 create mode 100644 frontend/src/components/FormGroupText.scss
 create mode 100644 frontend/src/components/FormGroupText.tsx
 create mode 100644 frontend/src/components/pf-overrides/FormSection.scss
 create mode 100644 frontend/src/components/pf-overrides/FormSection.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/ConnectionTypePreview.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/ConnectionTypePreviewDrawer.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/BooleanFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/ConnectionTypeDataFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/ConnectionTypeFormFields.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/DataFormFieldGroup.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/DropdownFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/FileFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/HiddenFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/NumericFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/SectionFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/ShortTextFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/TextFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/UnspecifiedValue.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/UriFormField.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/BooleanFormField.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/ConnectionTypeDataFormField.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/ConnectionTypeFormFields.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/DataFormFieldGroup.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/DropdownFormField.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/FileFormField.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/HiddenFormField.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/NumericFormField.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/ShortTextFormField.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/TextFormField.spec.tsx
 create mode 100644 frontend/src/concepts/connectionTypes/fields/__tests__/UriFormField.spec.tsx
 delete mode 100644 frontend/src/concepts/pipelines/content/configurePipelinesServer/ConfigurePipelinesServerModal.scss
 delete mode 100644 frontend/src/pages/modelRegistrySettings/CreateModal.scss

diff --git a/frontend/src/__mocks__/mockConnectionType.ts b/frontend/src/__mocks__/mockConnectionType.ts
index 9731c3ad9b..988f9ae23e 100644
--- a/frontend/src/__mocks__/mockConnectionType.ts
+++ b/frontend/src/__mocks__/mockConnectionType.ts
@@ -23,7 +23,7 @@ export const mockConnectionTypeConfigMap = (
 export const mockConnectionTypeConfigMapObj = ({
   name = 'connection-type-sample',
   namespace = 'opendatahub',
-  displayName = name,
+  displayName = name.replace(/-/g, ' '),
   description = 'Connection type description',
   enabled = true,
   username = 'dashboard-admin',
@@ -93,46 +93,66 @@ const mockFields: ConnectionTypeField[] = [
     type: 'short-text',
     name: 'Short text 3',
     description: 'Test short text with default value and read only',
-    envVar: 'short-text-1',
+    envVar: 'short-text-3',
     required: false,
     properties: {
       defaultValue: 'This is the default value and is read only',
       defaultReadOnly: true,
     },
   },
+  {
+    type: 'short-text',
+    name: 'Short text 4',
+    description: 'Test short text with no default value and read only',
+    envVar: 'short-text-4',
+    required: false,
+    properties: {
+      defaultReadOnly: true,
+    },
+  },
 
   {
     type: 'section',
-    name: 'Paragraph',
-    description: 'This section contains paragraph fields.',
+    name: 'Text',
+    description: 'This section contains text fields.',
   },
   {
-    type: 'paragraph',
-    name: 'Paragraph 1',
-    description: 'Test paragraph',
-    envVar: 'paragraph-1',
+    type: 'text',
+    name: 'Text 1',
+    description: 'Test text',
+    envVar: 'text-1',
     required: false,
     properties: {},
   },
   {
-    type: 'paragraph',
-    name: 'Paragraph 2',
-    description: 'Test paragraph with default value',
-    envVar: 'paragraph-2',
+    type: 'text',
+    name: 'Text 2',
+    description: 'Test text with default value',
+    envVar: 'text-2',
     required: true,
     properties: {
-      defaultValue: 'This is the default value',
+      defaultValue: 'This is the default value\nOne\nTwo\nThree\nFour',
       defaultReadOnly: false,
     },
   },
   {
-    type: 'paragraph',
-    name: 'Paragraph 3',
-    description: 'Test paragraph with default value and read only',
-    envVar: 'paragraph-3',
+    type: 'text',
+    name: 'Text 3',
+    description: 'Test text with default value and read only',
+    envVar: 'text-3',
+    required: false,
+    properties: {
+      defaultValue: 'This is the default value\nOne\nTwo\nThree\nFour',
+      defaultReadOnly: true,
+    },
+  },
+  {
+    type: 'text',
+    name: 'Text 4',
+    description: 'Test text with no default value and read only',
+    envVar: 'text-4',
     required: false,
     properties: {
-      defaultValue: 'This is the default value',
       defaultReadOnly: true,
     },
   },
@@ -172,6 +192,16 @@ const mockFields: ConnectionTypeField[] = [
       defaultReadOnly: true,
     },
   },
+  {
+    type: 'hidden',
+    name: 'Hidden 4',
+    description: 'Test hidden with no default value and read only',
+    envVar: 'hidden-4',
+    required: false,
+    properties: {
+      defaultReadOnly: true,
+    },
+  },
 
   {
     type: 'section',
@@ -208,6 +238,16 @@ const mockFields: ConnectionTypeField[] = [
       defaultReadOnly: true,
     },
   },
+  {
+    type: 'uri',
+    name: 'URI 4',
+    description: 'Test URI with no default value and read only',
+    envVar: 'uri-4',
+    required: false,
+    properties: {
+      defaultReadOnly: true,
+    },
+  },
 
   {
     type: 'section',
@@ -244,6 +284,16 @@ const mockFields: ConnectionTypeField[] = [
       defaultReadOnly: true,
     },
   },
+  {
+    type: 'file',
+    name: 'File 4',
+    description: 'Test file with no default value and read only',
+    envVar: 'file-4',
+    required: false,
+    properties: {
+      defaultReadOnly: true,
+    },
+  },
 
   {
     type: 'section',
@@ -278,7 +328,18 @@ const mockFields: ConnectionTypeField[] = [
     required: false,
     properties: {
       label: 'Input label',
-      defaultValue: false,
+      defaultValue: true,
+      defaultReadOnly: true,
+    },
+  },
+  {
+    type: 'boolean',
+    name: 'Boolean 4',
+    description: 'Test boolean with no default value and read only',
+    envVar: 'boolean-4',
+    required: false,
+    properties: {
+      label: 'Input label',
       defaultReadOnly: true,
     },
   },
@@ -314,21 +375,31 @@ const mockFields: ConnectionTypeField[] = [
     envVar: 'numeric-3',
     required: false,
     properties: {
-      defaultValue: 3,
+      defaultValue: 2,
+      defaultReadOnly: true,
+    },
+  },
+  {
+    type: 'numeric',
+    name: 'Numeric 4',
+    description: 'Test numeric with no default value and read only',
+    envVar: 'numeric-4',
+    required: false,
+    properties: {
       defaultReadOnly: true,
     },
   },
 
   {
     type: 'section',
-    name: 'Dropdown',
-    description: 'This section contains dropdown fields.',
+    name: 'Dropdown - single',
+    description: 'This section contains single variant dropdown fields.',
   },
   {
     type: 'dropdown',
-    name: 'Dropdown 1',
+    name: 'Dropdown single 1',
     description: 'Test dropdown single variant',
-    envVar: 'dropdown-1',
+    envVar: 'dropdown-single-1',
     required: false,
     properties: {
       variant: 'single',
@@ -342,7 +413,7 @@ const mockFields: ConnectionTypeField[] = [
   },
   {
     type: 'dropdown',
-    name: 'Dropdown 2',
+    name: 'Dropdown single 2',
     description: 'Test dropdown single variant with default value',
     envVar: 'dropdown-2',
     required: true,
@@ -355,13 +426,55 @@ const mockFields: ConnectionTypeField[] = [
         { value: '4', label: 'Four' },
       ],
       defaultValue: ['3'],
+      defaultReadOnly: false,
     },
   },
   {
     type: 'dropdown',
-    name: 'Dropdown 3',
-    description: 'Test dropdown multi variant',
+    name: 'Dropdown single 3',
+    description: 'Test dropdown single variant with default value and read only',
     envVar: 'dropdown-3',
+    required: true,
+    properties: {
+      variant: 'single',
+      items: [
+        { value: '1', label: 'One' },
+        { value: '2', label: 'Two' },
+        { value: '3', label: 'Three' },
+        { value: '4', label: 'Four' },
+      ],
+      defaultValue: ['3'],
+      defaultReadOnly: true,
+    },
+  },
+  {
+    type: 'dropdown',
+    name: 'Dropdown single 4',
+    description: 'Test dropdown single variant with no default value and read only',
+    envVar: 'dropdown-4',
+    required: true,
+    properties: {
+      variant: 'single',
+      items: [
+        { value: '1', label: 'One' },
+        { value: '2', label: 'Two' },
+        { value: '3', label: 'Three' },
+        { value: '4', label: 'Four' },
+      ],
+      defaultReadOnly: true,
+    },
+  },
+
+  {
+    type: 'section',
+    name: 'Dropdown - multi',
+    description: 'This section contains multi variant dropdown fields.',
+  },
+  {
+    type: 'dropdown',
+    name: 'Dropdown multi 1',
+    description: 'Test dropdown multi variant',
+    envVar: 'dropdown-multi-1',
     required: false,
     properties: {
       variant: 'multi',
@@ -375,9 +488,9 @@ const mockFields: ConnectionTypeField[] = [
   },
   {
     type: 'dropdown',
-    name: 'Dropdown 4',
+    name: 'Dropdown multi 2',
     description: 'Test dropdown multi variant with default values',
-    envVar: 'dropdown-4',
+    envVar: 'dropdown-multi-2',
     required: false,
     properties: {
       variant: 'multi',
@@ -388,6 +501,42 @@ const mockFields: ConnectionTypeField[] = [
         { value: '4', label: 'Four' },
       ],
       defaultValue: ['2', '3'],
+      defaultReadOnly: false,
+    },
+  },
+  {
+    type: 'dropdown',
+    name: 'Dropdown multi 3',
+    description: 'Test dropdown multi variant with default values and read only',
+    envVar: 'dropdown-multi-3',
+    required: false,
+    properties: {
+      variant: 'multi',
+      items: [
+        { value: '1', label: 'One' },
+        { value: '2', label: 'Two' },
+        { value: '3', label: 'Three' },
+        { value: '4', label: 'Four' },
+      ],
+      defaultValue: ['2', '3'],
+      defaultReadOnly: true,
+    },
+  },
+  {
+    type: 'dropdown',
+    name: 'Dropdown multi 4',
+    description: 'Test dropdown multi variant with no default values and read only',
+    envVar: 'dropdown-multi-4',
+    required: false,
+    properties: {
+      variant: 'multi',
+      items: [
+        { value: '1', label: 'One' },
+        { value: '2', label: 'Two' },
+        { value: '3', label: 'Three' },
+        { value: '4', label: 'Four' },
+      ],
+      defaultReadOnly: true,
     },
   },
 ];
diff --git a/frontend/src/components/FormGroupText.scss b/frontend/src/components/FormGroupText.scss
new file mode 100644
index 0000000000..80bc60b0b8
--- /dev/null
+++ b/frontend/src/components/FormGroupText.scss
@@ -0,0 +1,8 @@
+.odh-form-group-text {
+  // applies the same form element font size as overriden by App.scss
+  font-size: var(--pf-v5-global--FontSize--sm);
+
+  @at-root pre#{&} {
+    font-family: var(--pf-v5-global--FontFamily--text);
+  }
+}
diff --git a/frontend/src/components/FormGroupText.tsx b/frontend/src/components/FormGroupText.tsx
new file mode 100644
index 0000000000..bbea3a3a5a
--- /dev/null
+++ b/frontend/src/components/FormGroupText.tsx
@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+import './FormGroupText.scss';
+
+type Props = {
+  component?: 'div' | 'pre';
+  children?: React.ReactNode;
+  id?: string;
+};
+
+const FormGroupText: React.FC<Props> = ({ component: Component = 'div', id, children }) => (
+  <Component id={id} className="odh-form-group-text">
+    {children}
+  </Component>
+);
+
+export default FormGroupText;
diff --git a/frontend/src/components/NumberInputWrapper.tsx b/frontend/src/components/NumberInputWrapper.tsx
index 34cbcd654e..e0373a0bc9 100644
--- a/frontend/src/components/NumberInputWrapper.tsx
+++ b/frontend/src/components/NumberInputWrapper.tsx
@@ -3,7 +3,7 @@ import { NumberInput } from '@patternfly/react-core';
 
 type NumberInputWrapperProps = {
   onBlur?: (blurValue: number) => void;
-  onChange: (newValue: number) => void;
+  onChange?: (newValue: number) => void;
 } & Omit<React.ComponentProps<typeof NumberInput>, 'onChange' | 'onPlus' | 'onMinus'>;
 
 const NumberInputWrapper: React.FC<NumberInputWrapperProps> = ({
@@ -21,24 +21,28 @@ const NumberInputWrapper: React.FC<NumberInputWrapperProps> = ({
     max={max}
     validated={validated}
     value={value}
-    onChange={(e) => {
-      let v = parseInt(e.currentTarget.value);
-      if (min) {
-        v = Math.max(v, min);
-      }
-      if (max) {
-        v = Math.min(v, max);
-      }
-      onChange(v);
-    }}
+    onChange={
+      onChange
+        ? (e) => {
+            let v = parseInt(e.currentTarget.value);
+            if (min) {
+              v = Math.max(v, min);
+            }
+            if (max) {
+              v = Math.min(v, max);
+            }
+            onChange(v);
+          }
+        : undefined
+    }
     onBlur={
       onBlur &&
       ((e) => {
         onBlur(parseInt(e.currentTarget.value));
       })
     }
-    onPlus={() => onChange((value || 0) + 1)}
-    onMinus={() => onChange((value || 0) - 1)}
+    onPlus={onChange ? () => onChange((value || 0) + 1) : undefined}
+    onMinus={onChange ? () => onChange((value || 0) - 1) : undefined}
   />
 );
 
diff --git a/frontend/src/components/PasswordInput.tsx b/frontend/src/components/PasswordInput.tsx
index 787cd66b72..0f16d8bf2c 100644
--- a/frontend/src/components/PasswordInput.tsx
+++ b/frontend/src/components/PasswordInput.tsx
@@ -2,7 +2,16 @@ import * as React from 'react';
 import { Button, InputGroup, TextInput, InputGroupItem } from '@patternfly/react-core';
 import { EyeIcon, EyeSlashIcon } from '@patternfly/react-icons';
 
-const PasswordInput: React.FC<React.ComponentProps<typeof TextInput>> = (props) => {
+type Props = React.ComponentProps<typeof TextInput> & {
+  ariaLabelShow?: string;
+  ariaLabelHide?: string;
+};
+
+const PasswordInput: React.FC<Props> = ({
+  ariaLabelShow = 'Show password',
+  ariaLabelHide = 'Hide password',
+  ...props
+}) => {
   const [isPasswordHidden, setPasswordHidden] = React.useState(true);
 
   return (
@@ -12,7 +21,7 @@ const PasswordInput: React.FC<React.ComponentProps<typeof TextInput>> = (props)
       </InputGroupItem>
       <InputGroupItem>
         <Button
-          aria-label={isPasswordHidden ? 'Show password' : 'Hide password'}
+          aria-label={isPasswordHidden ? ariaLabelShow : ariaLabelHide}
           variant="control"
           onClick={() => setPasswordHidden(!isPasswordHidden)}
         >
diff --git a/frontend/src/components/pf-overrides/FormSection.scss b/frontend/src/components/pf-overrides/FormSection.scss
new file mode 100644
index 0000000000..25872ed952
--- /dev/null
+++ b/frontend/src/components/pf-overrides/FormSection.scss
@@ -0,0 +1,8 @@
+.odh-form-section {
+  &__desc {
+    margin-top: var(--pf-v5-global--spacer--sm);
+    font-size: var(--pf-v5-global--FontSize--sm);
+    color: var(--pf-v5-global--Color--200);
+    font-weight: initial;
+  }
+}
diff --git a/frontend/src/components/pf-overrides/FormSection.tsx b/frontend/src/components/pf-overrides/FormSection.tsx
new file mode 100644
index 0000000000..35bb4e3acf
--- /dev/null
+++ b/frontend/src/components/pf-overrides/FormSection.tsx
@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { FormSection as PFFormSection, FormSectionProps, Text } from '@patternfly/react-core';
+
+import './FormSection.scss';
+
+type Props = FormSectionProps & {
+  description?: React.ReactNode;
+};
+
+// Remove once https://github.com/patternfly/patternfly/issues/6663 is fixed
+const FormSection: React.FC<Props> = ({
+  description,
+  title,
+  titleElement: TitleElement = 'div',
+  ...props
+}) => (
+  <PFFormSection
+    {...props}
+    titleElement={description ? 'div' : TitleElement}
+    title={
+      description ? (
+        <>
+          <TitleElement className="pf-v5-c-form__section-title">{title}</TitleElement>
+          <Text component="p" className="odh-form-section__desc">
+            {description}
+          </Text>
+        </>
+      ) : (
+        title
+      )
+    }
+  />
+);
+
+export default FormSection;
diff --git a/frontend/src/concepts/connectionTypes/ConnectionTypePreview.tsx b/frontend/src/concepts/connectionTypes/ConnectionTypePreview.tsx
new file mode 100644
index 0000000000..c189395872
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/ConnectionTypePreview.tsx
@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { Divider, Form, FormGroup, FormSection, Title } from '@patternfly/react-core';
+import FormGroupText from '~/components/FormGroupText';
+import ConnectionTypeFormFields from '~/concepts/connectionTypes/fields/ConnectionTypeFormFields';
+import { ConnectionTypeConfigMapObj } from '~/concepts/connectionTypes/types';
+import NameDescriptionField from '~/concepts/k8s/NameDescriptionField';
+import { getDescriptionFromK8sResource, getDisplayNameFromK8sResource } from '~/concepts/k8s/utils';
+import UnspecifiedValue from '~/concepts/connectionTypes/fields/UnspecifiedValue';
+
+type Props = {
+  obj?: ConnectionTypeConfigMapObj;
+};
+
+const ConnectionTypePreview: React.FC<Props> = ({ obj }) => (
+  <Form>
+    <Title headingLevel="h1">Add connection</Title>
+    <FormSection title="Connection type details" style={{ marginTop: 0 }}>
+      <FormGroup label="Connection type name" fieldId="connection-type-name">
+        <FormGroupText id="connection-type-name">
+          {(obj && getDisplayNameFromK8sResource(obj)) || <UnspecifiedValue />}
+        </FormGroupText>
+      </FormGroup>
+      <FormGroup label="Connection type description" fieldId="connection-type-description">
+        <FormGroupText id="connection-type-description">
+          {(obj && getDescriptionFromK8sResource(obj)) || <UnspecifiedValue />}
+        </FormGroupText>
+      </FormGroup>
+    </FormSection>
+    <Divider />
+    <FormSection title="Connection details" style={{ marginTop: 0 }}>
+      <NameDescriptionField
+        nameFieldId="connection-details-name"
+        descriptionFieldId="connection-details-description"
+        data={{
+          name: '',
+          description: '',
+        }}
+      />
+      <ConnectionTypeFormFields fields={obj?.data?.fields} isPreview />
+    </FormSection>
+  </Form>
+);
+
+export default ConnectionTypePreview;
diff --git a/frontend/src/concepts/connectionTypes/ConnectionTypePreviewDrawer.tsx b/frontend/src/concepts/connectionTypes/ConnectionTypePreviewDrawer.tsx
new file mode 100644
index 0000000000..65d9f8c5ee
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/ConnectionTypePreviewDrawer.tsx
@@ -0,0 +1,78 @@
+import React from 'react';
+import {
+  Drawer,
+  DrawerPanelContent,
+  DrawerHead,
+  DrawerActions,
+  DrawerCloseButton,
+  DrawerContent,
+  DrawerContentBody,
+  Title,
+  DrawerPanelBody,
+  Card,
+  CardBody,
+  Text,
+} from '@patternfly/react-core';
+import ConnectionTypePreview from '~/concepts/connectionTypes/ConnectionTypePreview';
+import { ConnectionTypeConfigMapObj } from '~/concepts/connectionTypes/types';
+
+type Props = {
+  children?: React.ReactNode;
+  isExpanded: boolean;
+  onClose: () => void;
+  obj: ConnectionTypeConfigMapObj;
+};
+
+const ConnectionTypePreviewDrawer: React.FC<Props> = ({ children, isExpanded, onClose, obj }) => {
+  const panelContent = (
+    <DrawerPanelContent
+      isResizable
+      style={{
+        backgroundColor: 'var(--pf-v5-global--BackgroundColor--200)',
+      }}
+    >
+      <DrawerHead>
+        <Title headingLevel="h2" size="xl">
+          Preview connection type
+        </Title>
+        <DrawerActions>
+          <DrawerCloseButton onClick={() => onClose()} />
+        </DrawerActions>
+      </DrawerHead>
+
+      <DrawerPanelBody>
+        <div
+          style={{
+            paddingBottom: 'var(--pf-v5-global--spacer--lg)',
+          }}
+        >
+          <Text component="small">
+            This preview shows the user view of the connection type form, and is for reference only.
+            Updates in the developer view are automatically in the user view.
+          </Text>
+          <Card
+            isFlat
+            isRounded
+            style={{
+              marginTop: 'var(--pf-v5-global--spacer--md)',
+            }}
+          >
+            <CardBody>
+              <ConnectionTypePreview obj={obj} />
+            </CardBody>
+          </Card>
+        </div>
+      </DrawerPanelBody>
+    </DrawerPanelContent>
+  );
+
+  return (
+    <Drawer isExpanded={isExpanded} isInline>
+      <DrawerContent panelContent={panelContent}>
+        <DrawerContentBody>{children}</DrawerContentBody>
+      </DrawerContent>
+    </Drawer>
+  );
+};
+
+export default ConnectionTypePreviewDrawer;
diff --git a/frontend/src/concepts/connectionTypes/__tests__/utils.spec.ts b/frontend/src/concepts/connectionTypes/__tests__/utils.spec.ts
index 93f7aacc55..3cabf41ca8 100644
--- a/frontend/src/concepts/connectionTypes/__tests__/utils.spec.ts
+++ b/frontend/src/concepts/connectionTypes/__tests__/utils.spec.ts
@@ -1,10 +1,12 @@
 import { mockConnectionTypeConfigMapObj } from '~/__mocks__/mockConnectionType';
+import { DropdownField, HiddenField, TextField } from '~/concepts/connectionTypes/types';
 import {
+  defaultValueToString,
   toConnectionTypeConfigMap,
   toConnectionTypeConfigMapObj,
 } from '~/concepts/connectionTypes/utils';
 
-describe('utils', () => {
+describe('toConnectionTypeConfigMap / toConnectionTypeConfigMapObj', () => {
   it('should serialize / deserialize connection type fields', () => {
     const ct = mockConnectionTypeConfigMapObj({});
     const configMap = toConnectionTypeConfigMap(ct);
@@ -19,3 +21,183 @@ describe('utils', () => {
     expect(ct).toEqual(toConnectionTypeConfigMapObj(configMap));
   });
 });
+
+describe('defaultValueToString', () => {
+  it('should return default value as string', () => {
+    expect(
+      defaultValueToString({
+        type: 'text',
+        name: 'test',
+        envVar: 'test',
+        properties: {},
+      } satisfies TextField),
+    ).toBe(undefined);
+    expect(
+      defaultValueToString({
+        type: 'text',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          defaultValue: '',
+        },
+      } satisfies TextField),
+    ).toBe('');
+    expect(
+      defaultValueToString({
+        type: 'text',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          defaultValue: 'test value',
+        },
+      } satisfies TextField),
+    ).toBe('test value');
+  });
+  it('should return masked hidden value as string', () => {
+    expect(
+      defaultValueToString({
+        type: 'hidden',
+        name: 'test',
+        envVar: 'test',
+        properties: {},
+      } satisfies HiddenField),
+    ).toBe(undefined);
+    expect(
+      defaultValueToString({
+        type: 'hidden',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          defaultValue: '',
+        },
+      } satisfies HiddenField),
+    ).toBe('');
+    expect(
+      defaultValueToString({
+        type: 'hidden',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          defaultValue: 'test value',
+        },
+      } satisfies HiddenField),
+    ).toBe('••••••••••');
+  });
+
+  it('should return single variant dropdown value as string', () => {
+    expect(
+      defaultValueToString({
+        type: 'dropdown',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          variant: 'single',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+        },
+      } satisfies DropdownField),
+    ).toBe(undefined);
+    expect(
+      defaultValueToString({
+        type: 'dropdown',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          variant: 'single',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: [],
+        },
+      } satisfies DropdownField),
+    ).toBe(undefined);
+    expect(
+      defaultValueToString({
+        type: 'dropdown',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          variant: 'single',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: ['2'],
+        },
+      } satisfies DropdownField),
+    ).toBe('Two');
+    expect(
+      defaultValueToString({
+        type: 'dropdown',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          variant: 'single',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          // supply an array with multiple values for single variant
+          defaultValue: ['2', '3'],
+        },
+      } satisfies DropdownField),
+    ).toBe('Two');
+  });
+
+  it('should return multi variant dropdown value as string', () => {
+    expect(
+      defaultValueToString({
+        type: 'dropdown',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          variant: 'multi',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+        },
+      } satisfies DropdownField),
+    ).toBe(undefined);
+    expect(
+      defaultValueToString({
+        type: 'dropdown',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          variant: 'multi',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: [],
+        },
+      } satisfies DropdownField),
+    ).toBe(undefined);
+    expect(
+      defaultValueToString({
+        type: 'dropdown',
+        name: 'test',
+        envVar: 'test',
+        properties: {
+          variant: 'multi',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: ['2', '3'],
+        },
+      } satisfies DropdownField),
+    ).toBe('Two, Three');
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/BooleanFormField.tsx b/frontend/src/concepts/connectionTypes/fields/BooleanFormField.tsx
new file mode 100644
index 0000000000..2f60d3f762
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/BooleanFormField.tsx
@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { Checkbox } from '@patternfly/react-core';
+import { BooleanField } from '~/concepts/connectionTypes/types';
+import DataFormFieldGroup from '~/concepts/connectionTypes/fields/DataFormFieldGroup';
+
+type Props = {
+  field: BooleanField;
+  isPreview?: boolean;
+  value?: boolean;
+  onChange?: (value: boolean) => void;
+};
+
+const BooleanFormField: React.FC<Props> = ({ field, isPreview, onChange, value }) => (
+  <DataFormFieldGroup field={field} isPreview={!!isPreview} renderDefaultValue={false}>
+    {(id) => (
+      <Checkbox
+        aria-readonly={isPreview}
+        id={id}
+        name={id}
+        label={field.properties.label}
+        aria-label={field.properties.label || field.name}
+        isDisabled={field.properties.defaultReadOnly}
+        isChecked={
+          isPreview || field.properties.defaultReadOnly ? !!field.properties.defaultValue : !!value
+        }
+        onChange={
+          isPreview || field.properties.defaultReadOnly || !onChange
+            ? () => undefined
+            : (_e, v) => onChange(v)
+        }
+      />
+    )}
+  </DataFormFieldGroup>
+);
+
+export default BooleanFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/ConnectionTypeDataFormField.tsx b/frontend/src/concepts/connectionTypes/fields/ConnectionTypeDataFormField.tsx
new file mode 100644
index 0000000000..7a13c20830
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/ConnectionTypeDataFormField.tsx
@@ -0,0 +1,61 @@
+import * as React from 'react';
+import BooleanFormField from '~/concepts/connectionTypes/fields/BooleanFormField';
+import DropdownFormField from '~/concepts/connectionTypes/fields/DropdownFormField';
+import FileFormField from '~/concepts/connectionTypes/fields/FileFormField';
+import HiddenFormField from '~/concepts/connectionTypes/fields/HiddenFormField';
+import NumericFormField from '~/concepts/connectionTypes/fields/NumericFormField';
+import TextFormField from '~/concepts/connectionTypes/fields/TextFormField';
+import ShortTextFormField from '~/concepts/connectionTypes/fields/ShortTextFormField';
+import UriFormField from '~/concepts/connectionTypes/fields/UriFormField';
+import { ConnectionTypeDataField, ConnectionTypeFieldType } from '~/concepts/connectionTypes/types';
+
+type Props<T extends ConnectionTypeDataField> = {
+  field: T;
+  isPreview?: boolean;
+  onChange?: (field: T, value: unknown) => void;
+  value?: T['properties']['defaultValue'];
+};
+
+const ConnectionTypeDataFormField = <T extends ConnectionTypeDataField>({
+  field,
+  isPreview,
+  onChange,
+  value,
+}: Props<T>): React.ReactNode => {
+  const commonProps = {
+    isPreview,
+    onChange: onChange ? (v: unknown) => onChange(field, v) : undefined,
+    // even though the value is the type of the field default value, typescript cannot determine this here
+    // or when applied to the element itself within the switch statement
+    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions,@typescript-eslint/no-explicit-any
+    value: value as any,
+  };
+  switch (field.type) {
+    case ConnectionTypeFieldType.ShortText:
+      return <ShortTextFormField {...commonProps} field={field} />;
+
+    case ConnectionTypeFieldType.Text:
+      return <TextFormField {...commonProps} field={field} />;
+
+    case ConnectionTypeFieldType.URI:
+      return <UriFormField {...commonProps} field={field} />;
+
+    case ConnectionTypeFieldType.Hidden:
+      return <HiddenFormField {...commonProps} field={field} />;
+
+    case ConnectionTypeFieldType.File:
+      return <FileFormField {...commonProps} field={field} />;
+
+    case ConnectionTypeFieldType.Boolean:
+      return <BooleanFormField {...commonProps} field={field} />;
+
+    case ConnectionTypeFieldType.Numeric:
+      return <NumericFormField {...commonProps} field={field} />;
+
+    case ConnectionTypeFieldType.Dropdown:
+      return <DropdownFormField {...commonProps} field={field} />;
+  }
+  return null;
+};
+
+export default ConnectionTypeDataFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/ConnectionTypeFormFields.tsx b/frontend/src/concepts/connectionTypes/fields/ConnectionTypeFormFields.tsx
new file mode 100644
index 0000000000..a155abbdb7
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/ConnectionTypeFormFields.tsx
@@ -0,0 +1,64 @@
+import { FormSection } from '@patternfly/react-core';
+import * as React from 'react';
+import ConnectionTypeDataFormField from '~/concepts/connectionTypes/fields/ConnectionTypeDataFormField';
+import SectionFormField from '~/concepts/connectionTypes/fields/SectionFormField';
+import {
+  ConnectionTypeDataField,
+  ConnectionTypeField,
+  ConnectionTypeFieldType,
+  SectionField,
+} from '~/concepts/connectionTypes/types';
+
+type Props = {
+  fields?: ConnectionTypeField[];
+  isPreview?: boolean;
+  onChange?: (field: ConnectionTypeDataField, value: unknown) => void;
+};
+
+type FieldGroup = { section: SectionField | undefined; fields: ConnectionTypeDataField[] };
+
+const createKey = (field: ConnectionTypeField) =>
+  `${field.type}-${field.type === ConnectionTypeFieldType.Section ? field.name : field.envVar}`;
+
+const ConnectionTypeFormFields: React.FC<Props> = ({ fields, isPreview, onChange }) => {
+  const fieldGroups = React.useMemo(
+    () =>
+      fields?.reduce<FieldGroup[]>((acc, field) => {
+        if (field.type === ConnectionTypeFieldType.Section) {
+          acc.push({ section: field, fields: [] });
+        } else if (acc.length === 0) {
+          acc.push({ section: undefined, fields: [field] });
+        } else {
+          acc[acc.length - 1].fields.push(field);
+        }
+        return acc;
+      }, []),
+    [fields],
+  );
+
+  const renderDataFields = (dataFields: ConnectionTypeDataField[]) =>
+    dataFields.map((field) => (
+      <ConnectionTypeDataFormField
+        key={createKey(field)}
+        field={field}
+        isPreview={isPreview}
+        onChange={onChange}
+      />
+    ));
+
+  return (
+    <>
+      {fieldGroups?.map((fieldGroup) =>
+        fieldGroup.section ? (
+          <SectionFormField field={fieldGroup.section} key={createKey(fieldGroup.section)}>
+            {renderDataFields(fieldGroup.fields)}
+          </SectionFormField>
+        ) : (
+          <FormSection key="ungrouped-fields">{renderDataFields(fieldGroup.fields)}</FormSection>
+        ),
+      )}
+    </>
+  );
+};
+
+export default ConnectionTypeFormFields;
diff --git a/frontend/src/concepts/connectionTypes/fields/DataFormFieldGroup.tsx b/frontend/src/concepts/connectionTypes/fields/DataFormFieldGroup.tsx
new file mode 100644
index 0000000000..2fe67db210
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/DataFormFieldGroup.tsx
@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { FormGroup } from '@patternfly/react-core';
+import { ConnectionTypeDataField } from '~/concepts/connectionTypes/types';
+import FormGroupText from '~/components/FormGroupText';
+import UnspecifiedValue from '~/concepts/connectionTypes/fields/UnspecifiedValue';
+import { defaultValueToString } from '~/concepts/connectionTypes/utils';
+
+type Props<T extends ConnectionTypeDataField> = {
+  field: T;
+  isPreview: boolean;
+  children: (id: string) => React.ReactNode;
+  renderDefaultValue?: boolean;
+};
+
+const DataFormFieldGroup = <T extends ConnectionTypeDataField>({
+  field,
+  isPreview,
+  children,
+  renderDefaultValue = true,
+}: Props<T>): React.ReactNode => {
+  const id = `${field.type}-${field.envVar}`;
+  return (
+    <FormGroup
+      label={field.name}
+      fieldId={id}
+      data-testid={`field ${field.type} ${field.envVar}`}
+      // do not mark read only fields as required
+      isRequired={field.required && !field.properties.defaultReadOnly}
+    >
+      {field.properties.defaultReadOnly && renderDefaultValue ? (
+        <FormGroupText id={id}>
+          {defaultValueToString(field) ?? (isPreview ? <UnspecifiedValue /> : '-')}
+        </FormGroupText>
+      ) : (
+        children(id)
+      )}
+    </FormGroup>
+  );
+};
+
+export default DataFormFieldGroup;
diff --git a/frontend/src/concepts/connectionTypes/fields/DropdownFormField.tsx b/frontend/src/concepts/connectionTypes/fields/DropdownFormField.tsx
new file mode 100644
index 0000000000..5a6032d23c
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/DropdownFormField.tsx
@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { Badge, MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-core';
+import { DropdownField } from '~/concepts/connectionTypes/types';
+import DataFormFieldGroup from '~/concepts/connectionTypes/fields/DataFormFieldGroup';
+
+type Props = {
+  field: DropdownField;
+  isPreview?: boolean;
+  onChange?: (value: string[]) => void;
+  value?: string[];
+};
+
+const DropdownFormField: React.FC<Props> = ({ field, isPreview, onChange, value }) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const isMulti = field.properties.variant === 'multi';
+  const selected = isPreview ? field.properties.defaultValue : value;
+  return (
+    <DataFormFieldGroup field={field} isPreview={!!isPreview}>
+      {(id) => (
+        <Select
+          isOpen={isOpen}
+          shouldFocusToggleOnSelect
+          selected={selected}
+          onSelect={
+            isPreview || !onChange
+              ? undefined
+              : (_e, v) => {
+                  if (isMulti) {
+                    if (selected?.includes(String(v))) {
+                      onChange(selected.filter((s) => s !== v));
+                    } else {
+                      onChange([...(selected || []), String(v)]);
+                    }
+                  } else {
+                    onChange([String(v)]);
+                    setIsOpen(false);
+                  }
+                }
+          }
+          onOpenChange={(open) => setIsOpen(open)}
+          toggle={(toggleRef) => (
+            <MenuToggle
+              ref={toggleRef}
+              id={id}
+              isFullWidth
+              onClick={() => {
+                setIsOpen((open) => !open);
+              }}
+              isExpanded={isOpen}
+            >
+              {isMulti ? (
+                <>
+                  Count{' '}
+                  <Badge>
+                    {(isPreview ? field.properties.defaultValue?.length : value?.length) ?? 0}{' '}
+                    selected
+                  </Badge>
+                </>
+              ) : (
+                (isPreview
+                  ? field.properties.items?.find(
+                      (i) => i.value === field.properties.defaultValue?.[0],
+                    )?.label
+                  : field.properties.items?.find((i) => value?.includes(i.value))?.label) ||
+                'Select a value'
+              )}
+            </MenuToggle>
+          )}
+        >
+          <SelectList>
+            {field.properties.items?.map((i) => (
+              <SelectOption
+                value={i.value}
+                key={i.value}
+                hasCheckbox={isMulti}
+                selected={selected?.includes(i.value)}
+              >
+                {i.label}
+              </SelectOption>
+            ))}
+          </SelectList>
+        </Select>
+      )}
+    </DataFormFieldGroup>
+  );
+};
+
+export default DropdownFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/FileFormField.tsx b/frontend/src/concepts/connectionTypes/fields/FileFormField.tsx
new file mode 100644
index 0000000000..2ffb22052b
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/FileFormField.tsx
@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { FileUpload } from '@patternfly/react-core';
+import { FileField } from '~/concepts/connectionTypes/types';
+import DataFormFieldGroup from '~/concepts/connectionTypes/fields/DataFormFieldGroup';
+
+type Props = {
+  field: FileField;
+  isPreview?: boolean;
+  value?: string;
+  onChange?: (value: string) => void;
+};
+
+const FileFormField: React.FC<Props> = ({ field, isPreview, onChange, value }) => {
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [filename, setFilename] = React.useState('');
+  const readOnly = isPreview || field.properties.defaultReadOnly;
+  return (
+    <DataFormFieldGroup field={field} isPreview={!!isPreview} renderDefaultValue={false}>
+      {(id) => (
+        <FileUpload
+          id={id}
+          name={id}
+          type="text"
+          isLoading={isLoading}
+          value={
+            isPreview || field.properties.defaultReadOnly ? field.properties.defaultValue : value
+          }
+          filename={filename}
+          allowEditingUploadedText
+          isReadOnly={readOnly}
+          isDisabled={readOnly}
+          filenamePlaceholder={readOnly ? '' : 'Drag and drop a file or upload one'}
+          browseButtonText="Upload"
+          clearButtonText="Clear"
+          onDataChange={isPreview || !onChange ? undefined : (e, content) => onChange(content)}
+          onFileInputChange={(_e, file) => setFilename(file.name)}
+          onReadStarted={() => {
+            setIsLoading(true);
+          }}
+          onReadFinished={() => {
+            setIsLoading(false);
+          }}
+        />
+      )}
+    </DataFormFieldGroup>
+  );
+};
+
+export default FileFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/HiddenFormField.tsx b/frontend/src/concepts/connectionTypes/fields/HiddenFormField.tsx
new file mode 100644
index 0000000000..169c51fbfc
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/HiddenFormField.tsx
@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { HiddenField } from '~/concepts/connectionTypes/types';
+import PasswordInput from '~/components/PasswordInput';
+import DataFormFieldGroup from '~/concepts/connectionTypes/fields/DataFormFieldGroup';
+
+type Props = {
+  field: HiddenField;
+  isPreview?: boolean;
+  value?: string;
+  onChange?: (value: string) => void;
+};
+
+const HiddenFormField: React.FC<Props> = ({ field, isPreview, onChange, value }) => (
+  <DataFormFieldGroup field={field} isPreview={!!isPreview}>
+    {(id) => (
+      <PasswordInput
+        aria-readonly={isPreview}
+        autoComplete="off"
+        isRequired={field.required}
+        id={id}
+        name={id}
+        ariaLabelHide="Hide value"
+        ariaLabelShow="Show value"
+        value={(isPreview ? field.properties.defaultValue : value) ?? ''}
+        onChange={isPreview || !onChange ? undefined : (_e, v) => onChange(v)}
+      />
+    )}
+  </DataFormFieldGroup>
+);
+
+export default HiddenFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/NumericFormField.tsx b/frontend/src/concepts/connectionTypes/fields/NumericFormField.tsx
new file mode 100644
index 0000000000..54a1975b40
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/NumericFormField.tsx
@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { NumericField } from '~/concepts/connectionTypes/types';
+import NumberInputWrapper from '~/components/NumberInputWrapper';
+import DataFormFieldGroup from '~/concepts/connectionTypes/fields/DataFormFieldGroup';
+
+type Props = {
+  field: NumericField;
+  isPreview?: boolean;
+  value?: number;
+  onChange?: (value: number) => void;
+};
+
+const NumericFormField: React.FC<Props> = ({ field, isPreview, onChange, value }) => (
+  <DataFormFieldGroup field={field} isPreview={!!isPreview}>
+    {(id) => (
+      <NumberInputWrapper
+        inputProps={{
+          'aria-readonly': isPreview,
+          id,
+          name: id,
+          placeholder: `${field.properties.defaultValue ?? ''}`,
+        }}
+        inputName={id}
+        value={isPreview ? field.properties.defaultValue : value}
+        // NumberInput shows a disabled input if no onChange provided
+        onChange={isPreview || !onChange ? () => undefined : onChange}
+      />
+    )}
+  </DataFormFieldGroup>
+);
+
+export default NumericFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/SectionFormField.tsx b/frontend/src/concepts/connectionTypes/fields/SectionFormField.tsx
new file mode 100644
index 0000000000..5f8cac18b6
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/SectionFormField.tsx
@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { SectionField } from '~/concepts/connectionTypes/types';
+import FormSection from '~/components/pf-overrides/FormSection';
+
+type Props = {
+  field: SectionField;
+  children?: React.ReactNode;
+};
+
+const SectionFormField: React.FC<Props> = ({ field: { name, description }, children }) => (
+  <FormSection title={name} description={description}>
+    {children}
+  </FormSection>
+);
+
+export default SectionFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/ShortTextFormField.tsx b/frontend/src/concepts/connectionTypes/fields/ShortTextFormField.tsx
new file mode 100644
index 0000000000..99a03f5c2d
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/ShortTextFormField.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { TextInput } from '@patternfly/react-core';
+import { ShortTextField } from '~/concepts/connectionTypes/types';
+import DataFormFieldGroup from '~/concepts/connectionTypes/fields/DataFormFieldGroup';
+
+type Props = {
+  field: ShortTextField;
+  isPreview?: boolean;
+  value?: string;
+  onChange?: (value: string) => void;
+};
+
+const ShortTextFormField: React.FC<Props> = ({ field, isPreview, onChange, value }) => (
+  <DataFormFieldGroup field={field} isPreview={!!isPreview}>
+    {(id) => (
+      <TextInput
+        aria-readonly={isPreview}
+        autoComplete="off"
+        isRequired={field.required}
+        id={id}
+        name={id}
+        value={(isPreview ? field.properties.defaultValue : value) ?? ''}
+        onChange={isPreview || !onChange ? undefined : (_e, v) => onChange(v)}
+      />
+    )}
+  </DataFormFieldGroup>
+);
+
+export default ShortTextFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/TextFormField.tsx b/frontend/src/concepts/connectionTypes/fields/TextFormField.tsx
new file mode 100644
index 0000000000..ac101ea88b
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/TextFormField.tsx
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { TextArea } from '@patternfly/react-core';
+import { TextField } from '~/concepts/connectionTypes/types';
+import DataFormFieldGroup from '~/concepts/connectionTypes/fields/DataFormFieldGroup';
+
+type Props = {
+  field: TextField;
+  isPreview?: boolean;
+  value?: string;
+  onChange?: (value: string) => void;
+};
+
+const TextFormField: React.FC<Props> = ({ field, isPreview, onChange, value }) => (
+  <DataFormFieldGroup field={field} isPreview={!!isPreview}>
+    {(id) => (
+      <TextArea
+        aria-readonly={isPreview}
+        autoComplete="off"
+        isRequired={field.required}
+        id={id}
+        name={id}
+        resizeOrientation="vertical"
+        value={(isPreview ? field.properties.defaultValue : value) ?? ''}
+        onChange={isPreview || !onChange ? undefined : (_e, v) => onChange(v)}
+      />
+    )}
+  </DataFormFieldGroup>
+);
+
+export default TextFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/UnspecifiedValue.tsx b/frontend/src/concepts/connectionTypes/fields/UnspecifiedValue.tsx
new file mode 100644
index 0000000000..7d8b8619a6
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/UnspecifiedValue.tsx
@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ExclamationCircleIcon } from '@patternfly/react-icons';
+
+const UnspecifiedValue: React.FC = () => (
+  <>
+    Unspecified{' '}
+    <ExclamationCircleIcon
+      color="var(--pf-v5-global--danger-color--100)"
+      aria-label="unspecified"
+    />
+  </>
+);
+
+export default UnspecifiedValue;
diff --git a/frontend/src/concepts/connectionTypes/fields/UriFormField.tsx b/frontend/src/concepts/connectionTypes/fields/UriFormField.tsx
new file mode 100644
index 0000000000..679db4fea8
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/UriFormField.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { TextInput } from '@patternfly/react-core';
+import { UriField } from '~/concepts/connectionTypes/types';
+import DataFormFieldGroup from '~/concepts/connectionTypes/fields/DataFormFieldGroup';
+
+type Props = {
+  field: UriField;
+  isPreview?: boolean;
+  value?: string;
+  onChange?: (value: string) => void;
+};
+
+const UriFormField: React.FC<Props> = ({ field, isPreview, onChange, value }) => (
+  <DataFormFieldGroup field={field} isPreview={!!isPreview}>
+    {(id) => (
+      <TextInput
+        aria-readonly={isPreview}
+        autoComplete="off"
+        isRequired={field.required}
+        id={id}
+        name={id}
+        value={(isPreview ? field.properties.defaultValue : value) ?? ''}
+        onChange={isPreview || !onChange ? undefined : (_e, v) => onChange(v)}
+      />
+    )}
+  </DataFormFieldGroup>
+);
+
+export default UriFormField;
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/BooleanFormField.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/BooleanFormField.spec.tsx
new file mode 100644
index 0000000000..f2f394d8d0
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/BooleanFormField.spec.tsx
@@ -0,0 +1,81 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import { BooleanField } from '~/concepts/connectionTypes/types';
+import BooleanFormField from '~/concepts/connectionTypes/fields/BooleanFormField';
+
+describe('BooleanFormField', () => {
+  it('should render editable field', () => {
+    const onChange = jest.fn();
+    const field: BooleanField = {
+      type: 'boolean',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        label: 'test-label',
+        defaultValue: false,
+      },
+    };
+
+    render(<BooleanFormField field={field} value onChange={onChange} />);
+    const checkbox = screen.getByRole('checkbox');
+    expect(checkbox).toBeChecked();
+    expect(checkbox).not.toBeDisabled();
+    expect(screen.getByLabelText('test-label')).toBe(checkbox);
+
+    act(() => {
+      checkbox.click();
+    });
+    expect(onChange).toHaveBeenCalledWith(false);
+  });
+
+  it('should render preview field', () => {
+    const onChange = jest.fn();
+    const field: BooleanField = {
+      type: 'boolean',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        label: 'test-label',
+        defaultValue: true,
+      },
+    };
+
+    render(<BooleanFormField field={field} value={false} onChange={onChange} isPreview />);
+    const checkbox = screen.getByRole('checkbox');
+    expect(checkbox).toBeChecked();
+    expect(checkbox).not.toBeDisabled();
+    expect(screen.getByLabelText('test-label')).toBe(checkbox);
+
+    act(() => {
+      checkbox.click();
+    });
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it('should render default value read only field', () => {
+    const onChange = jest.fn();
+    const field: BooleanField = {
+      type: 'boolean',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        label: 'test-label',
+        defaultValue: true,
+        defaultReadOnly: true,
+      },
+    };
+
+    render(<BooleanFormField field={field} value={false} onChange={onChange} />);
+    const checkbox = screen.getByRole('checkbox');
+    expect(checkbox).toBeChecked();
+    expect(checkbox).toBeDisabled();
+    expect(screen.getByLabelText('test-label')).toBe(checkbox);
+
+    act(() => {
+      checkbox.click();
+    });
+    expect(onChange).not.toHaveBeenCalled();
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/ConnectionTypeDataFormField.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/ConnectionTypeDataFormField.spec.tsx
new file mode 100644
index 0000000000..4b5c20979b
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/ConnectionTypeDataFormField.spec.tsx
@@ -0,0 +1,31 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { render } from '@testing-library/react';
+import { ConnectionTypeDataField, ConnectionTypeFieldType } from '~/concepts/connectionTypes/types';
+import ConnectionTypeDataFormField from '~/concepts/connectionTypes/fields/ConnectionTypeDataFormField';
+
+describe('ConnectionTypeDataFormField', () => {
+  it('should render field', () => {
+    const test = (type: ConnectionTypeFieldType) => {
+      const field = {
+        type,
+        name: 'test-name',
+        envVar: 'test-envVar',
+        properties: {},
+      } as ConnectionTypeDataField;
+      expect(
+        render(<ConnectionTypeDataFormField field={field} />).queryByTestId(
+          `field ${type} test-envVar`,
+        ),
+      ).toBeInTheDocument();
+    };
+    test(ConnectionTypeFieldType.Boolean);
+    test(ConnectionTypeFieldType.ShortText);
+    test(ConnectionTypeFieldType.Text);
+    test(ConnectionTypeFieldType.URI);
+    test(ConnectionTypeFieldType.Hidden);
+    test(ConnectionTypeFieldType.File);
+    test(ConnectionTypeFieldType.Numeric);
+    test(ConnectionTypeFieldType.Dropdown);
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/ConnectionTypeFormFields.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/ConnectionTypeFormFields.spec.tsx
new file mode 100644
index 0000000000..f71c1b7673
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/ConnectionTypeFormFields.spec.tsx
@@ -0,0 +1,54 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { render, within } from '@testing-library/react';
+import { ConnectionTypeField } from '~/concepts/connectionTypes/types';
+import ConnectionTypeFormFields from '~/concepts/connectionTypes/fields/ConnectionTypeFormFields';
+
+const testFields: ConnectionTypeField[] = [
+  {
+    type: 'boolean',
+    name: 'Boolean 1',
+    envVar: 'boolean-1',
+    properties: {},
+  },
+  {
+    type: 'section',
+    name: 'section-1',
+  },
+  {
+    type: 'text',
+    name: 'Text 1',
+    envVar: 'text-1',
+    properties: {},
+  },
+  {
+    type: 'text',
+    name: 'Text 2',
+    envVar: 'text-2',
+    properties: {},
+  },
+  {
+    type: 'section',
+    name: 'section-2',
+  },
+  {
+    type: 'numeric',
+    name: 'Numeric 1',
+    envVar: 'numeric-1',
+    properties: {},
+  },
+];
+describe('ConnectionTypeFormFields', () => {
+  it('should render sectioned fields', () => {
+    const result = render(<ConnectionTypeFormFields fields={testFields} isPreview />);
+
+    const ungrouped = result.getByRole('group', { name: '' });
+    const section1 = result.getByRole('group', { name: 'section-1' });
+    const section2 = result.getByRole('group', { name: 'section-2' });
+
+    within(ungrouped).getByTestId('field boolean boolean-1');
+    within(section1).getByTestId('field text text-1');
+    within(section1).getByTestId('field text text-2');
+    within(section2).getByTestId('field numeric numeric-1');
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/DataFormFieldGroup.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/DataFormFieldGroup.spec.tsx
new file mode 100644
index 0000000000..7ee461309b
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/DataFormFieldGroup.spec.tsx
@@ -0,0 +1,82 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { render } from '@testing-library/react';
+import DataFormFieldGroup from '~/concepts/connectionTypes/fields/DataFormFieldGroup';
+import { TextField } from '~/concepts/connectionTypes/types';
+
+describe('DataFormFieldGroup', () => {
+  it('should conditionally render children', () => {
+    const children = jest.fn();
+    const field: TextField = {
+      type: 'text',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {},
+    };
+    render(
+      <DataFormFieldGroup field={field} isPreview={false}>
+        {children}
+      </DataFormFieldGroup>,
+    );
+    expect(children).toHaveBeenCalledWith('text-test-envVar');
+
+    children.mockReset();
+    field.properties.defaultReadOnly = true;
+    render(
+      <DataFormFieldGroup field={field} isPreview={false} renderDefaultValue={false}>
+        {children}
+      </DataFormFieldGroup>,
+    );
+    expect(children).toHaveBeenCalledWith('text-test-envVar');
+
+    children.mockReset();
+    render(
+      <DataFormFieldGroup field={field} isPreview={false} renderDefaultValue>
+        {children}
+      </DataFormFieldGroup>,
+    );
+    expect(children).not.toHaveBeenCalled();
+
+    children.mockReset();
+    render(
+      <DataFormFieldGroup field={field} isPreview={false} renderDefaultValue={false}>
+        {children}
+      </DataFormFieldGroup>,
+    );
+    expect(children).toHaveBeenCalledWith('text-test-envVar');
+  });
+
+  it('should render default text', () => {
+    const children = jest.fn();
+    const field: TextField = {
+      type: 'text',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'Test value',
+        defaultReadOnly: true,
+      },
+    };
+    let result = render(
+      <DataFormFieldGroup field={field} isPreview={false}>
+        {children}
+      </DataFormFieldGroup>,
+    );
+    expect(result.container).toHaveTextContent('Test value');
+
+    field.properties.defaultValue = '';
+    result = render(
+      <DataFormFieldGroup field={field} isPreview={false}>
+        {children}
+      </DataFormFieldGroup>,
+    );
+    expect(result.container).not.toHaveTextContent('Unspecified');
+
+    result = render(
+      <DataFormFieldGroup field={field} isPreview>
+        {children}
+      </DataFormFieldGroup>,
+    );
+    expect(result.container).not.toHaveTextContent('Unspecified');
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/DropdownFormField.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/DropdownFormField.spec.tsx
new file mode 100644
index 0000000000..875b59e9fc
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/DropdownFormField.spec.tsx
@@ -0,0 +1,211 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { render, screen, waitFor } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import { DropdownField } from '~/concepts/connectionTypes/types';
+import DropdownFormField from '~/concepts/connectionTypes/fields/DropdownFormField';
+
+describe('DropdownFormField', () => {
+  describe('single variant', () => {
+    it('should render editable field', async () => {
+      const onChange = jest.fn();
+      const field: DropdownField = {
+        type: 'dropdown',
+        name: 'test-name',
+        envVar: 'test-envVar',
+        properties: {
+          variant: 'single',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: ['3'],
+        },
+      };
+
+      render(<DropdownFormField field={field} value={['2']} onChange={onChange} />);
+      const input = screen.getByRole('button');
+      expect(input).toHaveTextContent('Two');
+      expect(input).not.toBeDisabled();
+
+      act(() => {
+        input.click();
+      });
+      const option = screen.getByRole('option', { name: 'One' });
+      act(() => {
+        option.click();
+      });
+      await waitFor(() => expect(input).toHaveAttribute('aria-expanded', 'false'));
+      expect(onChange).toHaveBeenCalledWith(['1']);
+    });
+
+    it('should render preview field', async () => {
+      const onChange = jest.fn();
+      const field: DropdownField = {
+        type: 'dropdown',
+        name: 'test-name',
+        envVar: 'test-envVar',
+        properties: {
+          variant: 'single',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: ['3'],
+        },
+      };
+
+      render(<DropdownFormField field={field} value={['2']} onChange={onChange} isPreview />);
+      const input = screen.getByRole('button');
+      expect(input).toHaveTextContent('Three');
+      expect(input).not.toBeDisabled();
+
+      act(() => {
+        input.click();
+      });
+      const option = screen.getByRole('option', { name: 'One' });
+      act(() => {
+        option.click();
+      });
+      expect(onChange).not.toHaveBeenCalled();
+
+      // close menu to suppress error from popper
+      act(() => {
+        input.click();
+      });
+      await waitFor(() => expect(input).toHaveAttribute('aria-expanded', 'false'));
+    });
+
+    it('should render default value read only field', async () => {
+      const onChange = jest.fn();
+      const field: DropdownField = {
+        type: 'dropdown',
+        name: 'test-name',
+        envVar: 'test-envVar',
+        properties: {
+          variant: 'single',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: ['3'],
+          defaultReadOnly: true,
+        },
+      };
+
+      render(<DropdownFormField field={field} value={['2']} onChange={onChange} isPreview />);
+      expect(screen.queryByRole('button')).not.toBeInTheDocument();
+      expect(screen.queryByText('Three')).toBeInTheDocument();
+    });
+  });
+
+  describe('multi variant', () => {
+    it('should render editable field', async () => {
+      const onChange = jest.fn();
+      const field: DropdownField = {
+        type: 'dropdown',
+        name: 'test-name',
+        envVar: 'test-envVar',
+        properties: {
+          variant: 'multi',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: ['3'],
+        },
+      };
+
+      render(<DropdownFormField field={field} value={['1', '2']} onChange={onChange} />);
+      const input = screen.getByRole('button');
+      expect(input).toHaveTextContent('Count 2 selected');
+      expect(input).not.toBeDisabled();
+
+      act(() => {
+        input.click();
+      });
+
+      const checkboxOne = screen.getByLabelText('One');
+      const checkboxThree = screen.getByLabelText('Three');
+
+      // close menu
+      act(() => {
+        checkboxOne.click();
+      });
+      expect(onChange).toHaveBeenCalledWith(['2']);
+
+      onChange.mockReset();
+
+      act(() => {
+        checkboxThree.click();
+        input.click();
+      });
+      await waitFor(() => expect(input).toHaveAttribute('aria-expanded', 'false'));
+      expect(onChange).toHaveBeenCalledWith(['1', '2', '3']);
+    });
+
+    it('should render preview field', async () => {
+      const onChange = jest.fn();
+      const field: DropdownField = {
+        type: 'dropdown',
+        name: 'test-name',
+        envVar: 'test-envVar',
+        properties: {
+          variant: 'multi',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: ['3'],
+        },
+      };
+
+      render(<DropdownFormField field={field} value={['1', '2']} onChange={onChange} isPreview />);
+      const input = screen.getByRole('button');
+      expect(input).toHaveTextContent('Count 1 selected');
+      expect(input).not.toBeDisabled();
+
+      act(() => {
+        input.click();
+      });
+
+      const checkboxOne = screen.getByLabelText('One');
+
+      // close menu
+      act(() => {
+        checkboxOne.click();
+        input.click();
+      });
+      expect(onChange).not.toHaveBeenCalled();
+      await waitFor(() => expect(input).toHaveAttribute('aria-expanded', 'false'));
+    });
+
+    it('should render default value read only field', async () => {
+      const onChange = jest.fn();
+      const field: DropdownField = {
+        type: 'dropdown',
+        name: 'test-name',
+        envVar: 'test-envVar',
+        properties: {
+          variant: 'multi',
+          items: [
+            { value: '1', label: 'One' },
+            { value: '2', label: 'Two' },
+            { value: '3', label: 'Three' },
+          ],
+          defaultValue: ['2', '3'],
+          defaultReadOnly: true,
+        },
+      };
+
+      render(<DropdownFormField field={field} value={['1', '2']} onChange={onChange} isPreview />);
+      expect(screen.queryByRole('button')).not.toBeInTheDocument();
+      expect(screen.queryByText('Two, Three')).toBeInTheDocument();
+    });
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/FileFormField.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/FileFormField.spec.tsx
new file mode 100644
index 0000000000..2985248468
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/FileFormField.spec.tsx
@@ -0,0 +1,82 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import { FileField } from '~/concepts/connectionTypes/types';
+import FileFormField from '~/concepts/connectionTypes/fields/FileFormField';
+
+describe('FileFormField', () => {
+  it('should render editable field', () => {
+    const onChange = jest.fn();
+    const field: FileField = {
+      type: 'file',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+      },
+    };
+
+    render(<FileFormField field={field} value="supplied-value" onChange={onChange} />);
+    const [, contentInput] = screen.getAllByRole('textbox');
+    expect(contentInput).toHaveValue('supplied-value');
+    expect(contentInput).not.toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Upload' })).not.toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Clear' })).not.toBeDisabled();
+
+    act(() => {
+      fireEvent.change(contentInput, { target: { value: 'new-value' } });
+    });
+    // TODO why is there no callback?
+    // expect(onChange).toHaveBeenCalledWith('new-value');
+  });
+
+  it('should render preview field', () => {
+    const onChange = jest.fn();
+    const field: FileField = {
+      type: 'file',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+      },
+    };
+
+    render(<FileFormField field={field} value="supplied-value" onChange={onChange} isPreview />);
+    const [, contentInput] = screen.getAllByRole('textbox');
+    expect(contentInput).toHaveValue('default-value');
+    expect(contentInput).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Upload' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Clear' })).toBeDisabled();
+
+    act(() => {
+      fireEvent.change(contentInput, { target: { value: 'new-value' } });
+    });
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it('should render default value read only field', async () => {
+    const onChange = jest.fn();
+    const field: FileField = {
+      type: 'file',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+        defaultReadOnly: true,
+      },
+    };
+
+    render(<FileFormField field={field} value="supplied-value" onChange={onChange} />);
+    const [, contentInput] = screen.getAllByRole('textbox');
+    expect(contentInput).toHaveValue('default-value');
+    expect(contentInput).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Upload' })).toBeDisabled();
+    expect(screen.getByRole('button', { name: 'Clear' })).toBeDisabled();
+
+    act(() => {
+      fireEvent.change(contentInput, { target: { value: 'new-value' } });
+    });
+    expect(onChange).not.toHaveBeenCalled();
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/HiddenFormField.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/HiddenFormField.spec.tsx
new file mode 100644
index 0000000000..94a3f7b824
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/HiddenFormField.spec.tsx
@@ -0,0 +1,71 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import { HiddenField } from '~/concepts/connectionTypes/types';
+import HiddenFormField from '~/concepts/connectionTypes/fields/HiddenFormField';
+
+describe('HiddenFormField', () => {
+  it('should render editable field', () => {
+    const onChange = jest.fn();
+    const field: HiddenField = {
+      type: 'hidden',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+      },
+    };
+
+    render(<HiddenFormField field={field} value="supplied-value" onChange={onChange} />);
+    const input = screen.getByLabelText('test-name');
+    expect(input.getAttribute('type')).toBe('password');
+    expect(input).toHaveValue('supplied-value');
+    expect(input).not.toBeDisabled();
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'new-value' } });
+    });
+    expect(onChange).toHaveBeenCalledWith('new-value');
+  });
+
+  it('should render preview field', () => {
+    const onChange = jest.fn();
+    const field: HiddenField = {
+      type: 'hidden',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+      },
+    };
+
+    render(<HiddenFormField field={field} value="supplied-value" onChange={onChange} isPreview />);
+    const input = screen.getByLabelText('test-name');
+    expect(input.getAttribute('type')).toBe('password');
+    expect(input).toHaveValue('default-value');
+    expect(input).not.toBeDisabled();
+    expect(input).toHaveAttribute('aria-readonly', 'true');
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'new-value' } });
+    });
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it('should render default value read only field', async () => {
+    const field: HiddenField = {
+      type: 'hidden',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+        defaultReadOnly: true,
+      },
+    };
+
+    render(<HiddenFormField field={field} value="supplied-value" />);
+    expect(screen.queryByRole('test-name')).not.toBeInTheDocument();
+    expect(screen.queryByText('••••••••••')).toBeInTheDocument();
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/NumericFormField.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/NumericFormField.spec.tsx
new file mode 100644
index 0000000000..bdd6055ee5
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/NumericFormField.spec.tsx
@@ -0,0 +1,69 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import { NumericField } from '~/concepts/connectionTypes/types';
+import NumericFormField from '~/concepts/connectionTypes/fields/NumericFormField';
+
+describe('NumericFormField', () => {
+  it('should render editable field', () => {
+    const onChange = jest.fn();
+    const field: NumericField = {
+      type: 'numeric',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 2,
+      },
+    };
+
+    render(<NumericFormField field={field} value={3} onChange={onChange} />);
+    const input = screen.getByRole('spinbutton');
+    expect(input).toHaveValue(3);
+    expect(input).not.toBeDisabled();
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 4 } });
+    });
+    expect(onChange).toHaveBeenCalledWith(4);
+  });
+
+  it('should render preview field', () => {
+    const onChange = jest.fn();
+    const field: NumericField = {
+      type: 'numeric',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 2,
+      },
+    };
+
+    render(<NumericFormField field={field} value={3} onChange={onChange} isPreview />);
+    const input = screen.getByRole('spinbutton');
+    expect(input).toHaveValue(2);
+    expect(input).not.toBeDisabled();
+    expect(input).toHaveAttribute('aria-readonly', 'true');
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 4 } });
+    });
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it('should render default value read only field', async () => {
+    const field: NumericField = {
+      type: 'numeric',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 2,
+        defaultReadOnly: true,
+      },
+    };
+
+    render(<NumericFormField field={field} value={3} />);
+    expect(screen.queryByRole('spinbutton')).not.toBeInTheDocument();
+    expect(screen.queryByText(2)).toBeInTheDocument();
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/ShortTextFormField.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/ShortTextFormField.spec.tsx
new file mode 100644
index 0000000000..f330dda80e
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/ShortTextFormField.spec.tsx
@@ -0,0 +1,71 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import { ShortTextField } from '~/concepts/connectionTypes/types';
+import ShortTextFormField from '~/concepts/connectionTypes/fields/ShortTextFormField';
+
+describe('ShortTextFormField', () => {
+  it('should render editable field', () => {
+    const onChange = jest.fn();
+    const field: ShortTextField = {
+      type: 'short-text',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+      },
+    };
+
+    render(<ShortTextFormField field={field} value="supplied-value" onChange={onChange} />);
+    const input = screen.getByRole('textbox');
+    expect(input).toHaveValue('supplied-value');
+    expect(input).not.toBeDisabled();
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'new-value' } });
+    });
+    expect(onChange).toHaveBeenCalledWith('new-value');
+  });
+
+  it('should render preview field', () => {
+    const onChange = jest.fn();
+    const field: ShortTextField = {
+      type: 'short-text',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+      },
+    };
+
+    render(
+      <ShortTextFormField field={field} value="supplied-value" onChange={onChange} isPreview />,
+    );
+    const input = screen.getByRole('textbox');
+    expect(input).toHaveValue('default-value');
+    expect(input).not.toBeDisabled();
+    expect(input).toHaveAttribute('aria-readonly', 'true');
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'new-value' } });
+    });
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it('should render default value read only field', async () => {
+    const field: ShortTextField = {
+      type: 'short-text',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+        defaultReadOnly: true,
+      },
+    };
+
+    render(<ShortTextFormField field={field} value="supplied-value" />);
+    expect(screen.queryByRole('textbox')).not.toBeInTheDocument();
+    expect(screen.queryByText('default-value')).toBeInTheDocument();
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/TextFormField.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/TextFormField.spec.tsx
new file mode 100644
index 0000000000..1ca02ccb2f
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/TextFormField.spec.tsx
@@ -0,0 +1,69 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import { TextField } from '~/concepts/connectionTypes/types';
+import TextFormField from '~/concepts/connectionTypes/fields/TextFormField';
+
+describe('TextFormField', () => {
+  it('should render editable field', () => {
+    const onChange = jest.fn();
+    const field: TextField = {
+      type: 'text',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+      },
+    };
+
+    render(<TextFormField field={field} value="supplied-value" onChange={onChange} />);
+    const input = screen.getByRole('textbox');
+    expect(input).toHaveValue('supplied-value');
+    expect(input).not.toBeDisabled();
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'new-value' } });
+    });
+    expect(onChange).toHaveBeenCalledWith('new-value');
+  });
+
+  it('should render preview field', () => {
+    const onChange = jest.fn();
+    const field: TextField = {
+      type: 'text',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+      },
+    };
+
+    render(<TextFormField field={field} value="supplied-value" onChange={onChange} isPreview />);
+    const input = screen.getByRole('textbox');
+    expect(input).toHaveValue('default-value');
+    expect(input).not.toBeDisabled();
+    expect(input).toHaveAttribute('aria-readonly', 'true');
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'new-value' } });
+    });
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it('should render default value read only field', async () => {
+    const field: TextField = {
+      type: 'text',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'default-value',
+        defaultReadOnly: true,
+      },
+    };
+
+    render(<TextFormField field={field} value="supplied-value" />);
+    expect(screen.queryByRole('textbox')).not.toBeInTheDocument();
+    expect(screen.queryByText('default-value')).toBeInTheDocument();
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/fields/__tests__/UriFormField.spec.tsx b/frontend/src/concepts/connectionTypes/fields/__tests__/UriFormField.spec.tsx
new file mode 100644
index 0000000000..5a9376ca4d
--- /dev/null
+++ b/frontend/src/concepts/connectionTypes/fields/__tests__/UriFormField.spec.tsx
@@ -0,0 +1,69 @@
+import * as React from 'react';
+import '@testing-library/jest-dom';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import { UriField } from '~/concepts/connectionTypes/types';
+import UriFormField from '~/concepts/connectionTypes/fields/UriFormField';
+
+describe('UriFormField', () => {
+  it('should render editable field', () => {
+    const onChange = jest.fn();
+    const field: UriField = {
+      type: 'uri',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'http://foo.com',
+      },
+    };
+
+    render(<UriFormField field={field} value="http://bar.com" onChange={onChange} />);
+    const input = screen.getByRole('textbox');
+    expect(input).toHaveValue('http://bar.com');
+    expect(input).not.toBeDisabled();
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'http://new.com' } });
+    });
+    expect(onChange).toHaveBeenCalledWith('http://new.com');
+  });
+
+  it('should render preview field', () => {
+    const onChange = jest.fn();
+    const field: UriField = {
+      type: 'uri',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'http://foo.com',
+      },
+    };
+
+    render(<UriFormField field={field} value="http://bar.com" onChange={onChange} isPreview />);
+    const input = screen.getByRole('textbox');
+    expect(input).toHaveValue('http://foo.com');
+    expect(input).not.toBeDisabled();
+    expect(input).toHaveAttribute('aria-readonly', 'true');
+
+    act(() => {
+      fireEvent.change(input, { target: { value: 'http://new.com' } });
+    });
+    expect(onChange).not.toHaveBeenCalled();
+  });
+
+  it('should render default value read only field', async () => {
+    const field: UriField = {
+      type: 'uri',
+      name: 'test-name',
+      envVar: 'test-envVar',
+      properties: {
+        defaultValue: 'http://foo.com',
+        defaultReadOnly: true,
+      },
+    };
+
+    render(<UriFormField field={field} value="http://bar.com" />);
+    expect(screen.queryByRole('textbox')).not.toBeInTheDocument();
+    expect(screen.queryByText('http://foo.com')).toBeInTheDocument();
+  });
+});
diff --git a/frontend/src/concepts/connectionTypes/types.ts b/frontend/src/concepts/connectionTypes/types.ts
index 82a5b959d5..4552db052e 100644
--- a/frontend/src/concepts/connectionTypes/types.ts
+++ b/frontend/src/concepts/connectionTypes/types.ts
@@ -7,9 +7,9 @@ export enum ConnectionTypeFieldType {
   File = 'file',
   Hidden = 'hidden',
   Numeric = 'numeric',
-  Paragraph = 'paragraph',
   Section = 'section',
   ShortText = 'short-text',
+  Text = 'text',
   URI = 'uri',
 }
 
@@ -20,8 +20,8 @@ export const connectionTypeDataFields = [
   ConnectionTypeFieldType.File,
   ConnectionTypeFieldType.Hidden,
   ConnectionTypeFieldType.Numeric,
-  ConnectionTypeFieldType.Paragraph,
   ConnectionTypeFieldType.ShortText,
+  ConnectionTypeFieldType.Text,
   ConnectionTypeFieldType.URI,
 ];
 
@@ -31,47 +31,40 @@ type Field<T extends ConnectionTypeFieldType | string> = {
   description?: string;
 };
 
-type DataField<T extends ConnectionTypeFieldType | string, P> = Field<T> & {
+// P default to an empty set of properties
+// eslint-disable-next-line @typescript-eslint/ban-types
+type DataField<T extends ConnectionTypeFieldType | string, V = string, P = {}> = Field<T> & {
   envVar: string;
   required?: boolean;
-  properties: P;
-};
-
-type TextProps = {
-  defaultValue?: string;
-  defaultReadOnly?: boolean;
+  properties: P & {
+    defaultValue?: V;
+    defaultReadOnly?: boolean;
+  };
 };
 
 export type SectionField = Field<ConnectionTypeFieldType.Section | 'section'>;
 
-export type HiddenField = DataField<ConnectionTypeFieldType.Hidden | 'hidden', TextProps>;
-export type ParagraphField = DataField<ConnectionTypeFieldType.Paragraph | 'paragraph', TextProps>;
-export type FileField = DataField<ConnectionTypeFieldType.File | 'file', TextProps>;
-export type ShortTextField = DataField<ConnectionTypeFieldType.ShortText | 'short-text', TextProps>;
-export type UriField = DataField<ConnectionTypeFieldType.URI | 'uri', TextProps>;
+export type HiddenField = DataField<ConnectionTypeFieldType.Hidden | 'hidden'>;
+export type FileField = DataField<ConnectionTypeFieldType.File | 'file'>;
+export type ShortTextField = DataField<ConnectionTypeFieldType.ShortText | 'short-text'>;
+export type TextField = DataField<ConnectionTypeFieldType.Text | 'text'>;
+export type UriField = DataField<ConnectionTypeFieldType.URI | 'uri'>;
 export type BooleanField = DataField<
   ConnectionTypeFieldType.Boolean | 'boolean',
+  boolean,
   {
     label?: string;
-    defaultValue?: boolean;
-    defaultReadOnly?: boolean;
   }
 >;
 export type DropdownField = DataField<
   ConnectionTypeFieldType.Dropdown | 'dropdown',
+  string[],
   {
-    variant: 'single' | 'multi';
-    items: { label: string; value: string }[];
-    defaultValue?: string[];
-  }
->;
-export type NumericField = DataField<
-  ConnectionTypeFieldType.Numeric | 'numeric',
-  {
-    defaultValue?: number;
-    defaultReadOnly?: boolean;
+    variant?: 'single' | 'multi';
+    items?: { label: string; value: string }[];
   }
 >;
+export type NumericField = DataField<ConnectionTypeFieldType.Numeric | 'numeric', number>;
 
 export type ConnectionTypeField =
   | BooleanField
@@ -79,11 +72,13 @@ export type ConnectionTypeField =
   | FileField
   | HiddenField
   | NumericField
-  | ParagraphField
+  | TextField
   | SectionField
   | ShortTextField
   | UriField;
 
+export type ConnectionTypeDataField = Exclude<ConnectionTypeField, SectionField>;
+
 export type ConnectionTypeConfigMap = K8sResourceCommon & {
   metadata: {
     name: string;
diff --git a/frontend/src/concepts/connectionTypes/utils.ts b/frontend/src/concepts/connectionTypes/utils.ts
index dac5355724..6ed8b7b535 100644
--- a/frontend/src/concepts/connectionTypes/utils.ts
+++ b/frontend/src/concepts/connectionTypes/utils.ts
@@ -1,6 +1,8 @@
 import {
   ConnectionTypeConfigMap,
   ConnectionTypeConfigMapObj,
+  ConnectionTypeDataField,
+  ConnectionTypeFieldType,
 } from '~/concepts/connectionTypes/types';
 
 export const toConnectionTypeConfigMapObj = (
@@ -20,3 +22,27 @@ export const toConnectionTypeConfigMap = (
     ? { fields: obj.data.fields ? JSON.stringify(obj.data.fields) : undefined }
     : undefined,
 });
+
+export const defaultValueToString = <T extends ConnectionTypeDataField>(
+  field: T,
+): string | undefined => {
+  const { defaultValue } = field.properties;
+  switch (field.type) {
+    case ConnectionTypeFieldType.Hidden:
+      if (defaultValue) {
+        return '••••••••••';
+      }
+      break;
+    case ConnectionTypeFieldType.Dropdown:
+      if (Array.isArray(defaultValue)) {
+        const values =
+          field.properties.variant === 'single' ? defaultValue.slice(0, 1) : defaultValue;
+        const items = values
+          .map((v) => field.properties.items?.find(({ value }) => value === v)?.label)
+          .filter((i) => i != null);
+        return items.length > 0 ? items.join(', ') : undefined;
+      }
+      break;
+  }
+  return defaultValue == null ? defaultValue : `${defaultValue}`;
+};
diff --git a/frontend/src/concepts/k8s/NameDescriptionField.tsx b/frontend/src/concepts/k8s/NameDescriptionField.tsx
index 3514e74d56..e8affd3f58 100644
--- a/frontend/src/concepts/k8s/NameDescriptionField.tsx
+++ b/frontend/src/concepts/k8s/NameDescriptionField.tsx
@@ -18,7 +18,7 @@ type NameDescriptionFieldProps = {
   nameFieldId: string;
   descriptionFieldId: string;
   data: NameDescType;
-  setData: (data: NameDescType) => void;
+  setData?: (data: NameDescType) => void;
   autoFocusName?: boolean;
   showK8sName?: boolean;
   disableK8sName?: boolean;
@@ -60,16 +60,21 @@ const NameDescriptionField: React.FC<NameDescriptionFieldProps> = ({
       <StackItem>
         <FormGroup label="Name" isRequired fieldId={nameFieldId}>
           <TextInput
+            aria-readonly={!setData}
             isRequired
             ref={autoSelectNameRef}
             id={nameFieldId}
             data-testid={nameFieldId}
             name={nameFieldId}
             value={data.name}
-            onChange={(_e, value) => {
-              setData({ ...data, name: value });
-              onNameChange?.(value);
-            }}
+            onChange={
+              setData
+                ? (_e, value) => {
+                    setData({ ...data, name: value });
+                    onNameChange?.(value);
+                  }
+                : undefined
+            }
             maxLength={maxLength}
           />
 
@@ -105,15 +110,20 @@ const NameDescriptionField: React.FC<NameDescriptionFieldProps> = ({
             fieldId={`resource-${nameFieldId}`}
           >
             <TextInput
+              aria-readonly={!setData}
               isRequired
               isDisabled={disableK8sName}
               id={`resource-${nameFieldId}`}
               name={`resource-${nameFieldId}`}
               data-testid={`resource-${nameFieldId}`}
               value={data.k8sName ?? k8sName}
-              onChange={(e, value) => {
-                setData({ ...data, k8sName: value });
-              }}
+              onChange={
+                setData
+                  ? (e, value) => {
+                      setData({ ...data, k8sName: value });
+                    }
+                  : undefined
+              }
               validated={!isValidK8sName(data.k8sName) ? 'error' : undefined}
             />
             {!disableK8sName && (
@@ -137,12 +147,13 @@ const NameDescriptionField: React.FC<NameDescriptionFieldProps> = ({
       <StackItem>
         <FormGroup label="Description" fieldId={descriptionFieldId}>
           <TextArea
+            aria-readonly={!setData}
             resizeOrientation="vertical"
             id={descriptionFieldId}
             data-testid={descriptionFieldId}
             name={descriptionFieldId}
             value={data.description}
-            onChange={(e, description) => setData({ ...data, description })}
+            onChange={setData ? (e, description) => setData({ ...data, description }) : undefined}
           />
         </FormGroup>
       </StackItem>
diff --git a/frontend/src/concepts/pipelines/content/configurePipelinesServer/ConfigurePipelinesServerModal.scss b/frontend/src/concepts/pipelines/content/configurePipelinesServer/ConfigurePipelinesServerModal.scss
deleted file mode 100644
index 6a544f6de2..0000000000
--- a/frontend/src/concepts/pipelines/content/configurePipelinesServer/ConfigurePipelinesServerModal.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// targeting specific form section title elements to override --pf-v5-c-form__section-title--FontSize, --pf-v5-c-form__section-title--FontWeight
-.form-subtitle-text {
-  color: var(--pf-v5-global--Color--200);
-  font-size: initial;
-  font-weight: initial;
-}
diff --git a/frontend/src/concepts/pipelines/content/configurePipelinesServer/ConfigurePipelinesServerModal.tsx b/frontend/src/concepts/pipelines/content/configurePipelinesServer/ConfigurePipelinesServerModal.tsx
index 4a16b8725c..4242f596a5 100644
--- a/frontend/src/concepts/pipelines/content/configurePipelinesServer/ConfigurePipelinesServerModal.tsx
+++ b/frontend/src/concepts/pipelines/content/configurePipelinesServer/ConfigurePipelinesServerModal.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { Alert, Form, Modal, Stack, StackItem } from '@patternfly/react-core';
-import './ConfigurePipelinesServerModal.scss';
 import { usePipelinesAPI } from '~/concepts/pipelines/context';
 import { createPipelinesCR, deleteSecret } from '~/api';
 import useDataConnections from '~/pages/projects/screens/detail/data-connections/useDataConnections';
diff --git a/frontend/src/concepts/pipelines/content/configurePipelinesServer/ObjectStorageSection.tsx b/frontend/src/concepts/pipelines/content/configurePipelinesServer/ObjectStorageSection.tsx
index 408eba0165..b940937fc1 100644
--- a/frontend/src/concepts/pipelines/content/configurePipelinesServer/ObjectStorageSection.tsx
+++ b/frontend/src/concepts/pipelines/content/configurePipelinesServer/ObjectStorageSection.tsx
@@ -1,9 +1,6 @@
 import React from 'react';
 import {
-  FormSection,
-  Title,
   FormGroup,
-  Text,
   TextInput,
   InputGroup,
   Tooltip,
@@ -14,9 +11,9 @@ import {
 import { DataConnection } from '~/pages/projects/types';
 import { AwsKeys, PIPELINE_AWS_FIELDS } from '~/pages/projects/dataConnections/const';
 import { FieldListField } from '~/components/FieldList';
+import FormSection from '~/components/pf-overrides/FormSection';
 import { PipelineDropdown } from './PipelineDropdown';
 import { PipelineServerConfigType } from './types';
-import './ConfigurePipelinesServerModal.scss';
 
 export type FieldOptions = {
   key: string;
@@ -49,14 +46,8 @@ export const ObjectStorageSection = ({
 
   return (
     <FormSection
-      title={
-        <>
-          <Title headingLevel="h2">Object storage connection</Title>
-          <Text component="p" className="form-subtitle-text">
-            To store pipeline artifacts. Must be S3 compatible
-          </Text>
-        </>
-      }
+      title="Object storage connection"
+      description="To store pipeline artifacts. Must be S3 compatible"
     >
       {PIPELINE_AWS_FIELDS.map((field) =>
         field.key === 'AWS_ACCESS_KEY_ID' ? (
diff --git a/frontend/src/concepts/pipelines/content/configurePipelinesServer/PipelinesDatabaseSection.tsx b/frontend/src/concepts/pipelines/content/configurePipelinesServer/PipelinesDatabaseSection.tsx
index cc69a00c53..122c08c47d 100644
--- a/frontend/src/concepts/pipelines/content/configurePipelinesServer/PipelinesDatabaseSection.tsx
+++ b/frontend/src/concepts/pipelines/content/configurePipelinesServer/PipelinesDatabaseSection.tsx
@@ -1,15 +1,8 @@
-import {
-  FormSection,
-  Title,
-  FormGroup,
-  ExpandableSection,
-  Radio,
-  Text,
-} from '@patternfly/react-core';
 import React from 'react';
+import { FormGroup, ExpandableSection, Radio } from '@patternfly/react-core';
+import FormSection from '~/components/pf-overrides/FormSection';
 import DatabaseConnectionField from './DatabaseConnectionField';
 import { PipelineServerConfigType } from './types';
-import './ConfigurePipelinesServerModal.scss';
 
 type PipelinesDatabaseSectionProps = {
   setConfig: (config: PipelineServerConfigType) => void;
@@ -24,15 +17,8 @@ export const PipelinesDatabaseSection = ({
 
   return (
     <FormSection
-      title={
-        <>
-          <Title headingLevel="h2">Database</Title>
-          <Text component="p" className="form-subtitle-text">
-            This is where your pipeline data is stored. Use the default database to store data on
-            your cluster, or connect to an external database.
-          </Text>
-        </>
-      }
+      title="Database"
+      description="This is where your pipeline data is stored. Use the default database to store data on your cluster, or connect to an external database."
     >
       <FormGroup hasNoPaddingTop isStack>
         <ExpandableSection
diff --git a/frontend/src/pages/modelRegistry/screens/RegisterModel/RegisterModel.tsx b/frontend/src/pages/modelRegistry/screens/RegisterModel/RegisterModel.tsx
index bfb563fb95..99d41362ee 100644
--- a/frontend/src/pages/modelRegistry/screens/RegisterModel/RegisterModel.tsx
+++ b/frontend/src/pages/modelRegistry/screens/RegisterModel/RegisterModel.tsx
@@ -8,7 +8,6 @@ import {
   Button,
   Form,
   FormGroup,
-  FormSection,
   HelperText,
   HelperTextItem,
   InputGroupItem,
@@ -19,14 +18,13 @@ import {
   SplitItem,
   Stack,
   StackItem,
-  Text,
   TextArea,
   TextInput,
-  Title,
 } from '@patternfly/react-core';
 import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
 import { useParams, useNavigate } from 'react-router';
 import { Link } from 'react-router-dom';
+import FormSection from '~/components/pf-overrides/FormSection';
 import ApplicationsPage from '~/pages/ApplicationsPage';
 import { ModelRegistryContext } from '~/concepts/modelRegistry/context/ModelRegistryContext';
 import { useAppSelector } from '~/redux/hooks';
@@ -116,16 +114,8 @@ const RegisterModel: React.FC = () => {
             </StackItem>
             <StackItem>
               <FormSection
-                title={
-                  <>
-                    <Title headingLevel="h2" size="md">
-                      Model details
-                    </Title>
-                    <Text component="p" className="form-subtitle-text">
-                      Provide general details that apply to all versions of this model.
-                    </Text>
-                  </>
-                }
+                title="Model details"
+                description="Provide general details that apply to all versions of this model."
               >
                 <FormGroup label="Model name" isRequired fieldId="model-name">
                   <TextInput
@@ -148,14 +138,8 @@ const RegisterModel: React.FC = () => {
                 </FormGroup>
               </FormSection>
               <FormSection
-                title={
-                  <>
-                    <Title headingLevel="h2">Version details</Title>
-                    <Text component="p" className="form-subtitle-text">
-                      Configure details for the first version of this model.
-                    </Text>
-                  </>
-                }
+                title="Version details"
+                description="Configure details for the first version of this model."
               >
                 <FormGroup label="Version name" isRequired fieldId="version-name">
                   <TextInput
@@ -201,15 +185,8 @@ const RegisterModel: React.FC = () => {
                 </FormGroup>
               </FormSection>
               <FormSection
-                title={
-                  <>
-                    <Title headingLevel="h2">Model location</Title>
-                    <Text component="p" className="form-subtitle-text">
-                      Specify the model location by providing either the object storage details or
-                      the URI.
-                    </Text>
-                  </>
-                }
+                title="Model location"
+                description="Specify the model location by providing either the object storage details or the URI."
               >
                 <Radio
                   isChecked={modelLocationType === ModelLocationType.ObjectStorage}
diff --git a/frontend/src/pages/modelRegistrySettings/CreateModal.scss b/frontend/src/pages/modelRegistrySettings/CreateModal.scss
deleted file mode 100644
index 56ae84e93e..0000000000
--- a/frontend/src/pages/modelRegistrySettings/CreateModal.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// targeting specific form section title elements to override --pf-v5-c-form__section-title--FontSize, --pf-v5-c-form__section-title--FontWeight
-.form-subtitle-text {
-    color: var(--pf-v5-global--Color--200);
-    font-size: initial;
-    font-weight: initial;
-}
\ No newline at end of file
diff --git a/frontend/src/pages/modelRegistrySettings/CreateModal.tsx b/frontend/src/pages/modelRegistrySettings/CreateModal.tsx
index e1affd9004..2b06ad574f 100644
--- a/frontend/src/pages/modelRegistrySettings/CreateModal.tsx
+++ b/frontend/src/pages/modelRegistrySettings/CreateModal.tsx
@@ -3,13 +3,10 @@ import {
   Button,
   Form,
   FormGroup,
-  FormSection,
   HelperText,
   HelperTextItem,
   Modal,
-  Text,
   TextInput,
-  Title,
 } from '@patternfly/react-core';
 import PasswordInput from '~/components/PasswordInput';
 import DashboardModalFooter from '~/concepts/dashboard/DashboardModalFooter';
@@ -18,9 +15,9 @@ import { MODEL_REGISTRY_DEFAULT_NAMESPACE } from '~/concepts/modelRegistry/const
 import { ModelRegistryModel } from '~/api';
 import { createModelRegistryBackend } from '~/services/modelRegistrySettingsService';
 import { isValidK8sName, translateDisplayNameForK8s } from '~/concepts/k8s/utils';
-import './CreateModal.scss';
 import NameDescriptionField from '~/concepts/k8s/NameDescriptionField';
 import { NameDescType } from '~/pages/projects/types';
+import FormSection from '~/components/pf-overrides/FormSection';
 
 type CreateModalProps = {
   isOpen: boolean;
@@ -160,14 +157,8 @@ const CreateModal: React.FC<CreateModalProps> = ({ isOpen, onClose, refresh }) =
           }}
         />
         <FormSection
-          title={
-            <>
-              <Title headingLevel="h2">Database</Title>
-              <Text component="p" className="form-subtitle-text">
-                This is where model data is stored. You need to connect to an external database.
-              </Text>
-            </>
-          }
+          title="Database"
+          description="This is where model data is stored. You need to connect to an external database."
         >
           <FormGroup label="Host" isRequired fieldId="mr-host">
             <TextInput

From d83304cd5325771cd80c096a689bc0389ee9669c Mon Sep 17 00:00:00 2001
From: Andrew Ballantyne <8126518+andrewballantyne@users.noreply.github.com>
Date: Wed, 7 Aug 2024 14:40:20 -0400
Subject: [PATCH 11/11] Remove squash commits checklist item (#3071)

---
 .github/pull_request_template.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index 2d60c65550..81e898d668 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -21,7 +21,6 @@
 
 Self checklist (all need to be checked):
 - [ ] The developer has manually tested the changes and verified that the changes work
-- [ ] Commits have been squashed into descriptive, self-contained units of work (e.g. 'WIP' and 'Implements feedback' style messages have been removed)
 - [ ] Testing instructions have been added in the PR body (for PRs involving changes that are not immediately obvious).
 - [ ] The developer has added tests or explained why testing cannot be added (unit or cypress tests for related changes)