From b9c167d614e89718c4414f02190b89a4a66f6ed5 Mon Sep 17 00:00:00 2001
From: Kenneth Aasan <k.aasan@sportradar.com>
Date: Wed, 24 Apr 2024 09:09:14 +0200
Subject: [PATCH 01/28] refactor: migrate from tslint to eslint (#996)

---
 .eslintrc.json                                |   64 +
 library/e2e/integration/standalone.e2e.ts     |    1 +
 library/src/__tests__/index.test.tsx          |    2 +
 library/src/components/Bindings.tsx           |    4 +-
 library/src/components/CollapseButton.tsx     |    2 +-
 library/src/components/Extensions.tsx         |    7 +-
 library/src/components/Schema.tsx             |  118 +-
 library/src/components/Tag.tsx                |    2 +-
 .../components/__tests__/Bindings.test.tsx    |   12 +-
 .../components/__tests__/Extensions.test.tsx  |    7 +-
 .../src/components/__tests__/Schema.test.tsx  |   24 +-
 library/src/config/config.ts                  |    1 +
 library/src/containers/AsyncApi/AsyncApi.tsx  |    7 +-
 library/src/containers/AsyncApi/Layout.tsx    |    4 +-
 .../src/containers/AsyncApi/Standalone.tsx    |    6 +-
 library/src/containers/Error/Error.tsx        |    4 +-
 library/src/containers/Info/Info.tsx          |    8 +-
 library/src/containers/Messages/Message.tsx   |    2 +-
 .../containers/Messages/MessageExample.tsx    |    9 +-
 .../src/containers/Operations/Operation.tsx   |   45 +-
 library/src/containers/Servers/Security.tsx   |   12 +-
 library/src/containers/Servers/Server.tsx     |    2 +-
 library/src/containers/Sidebar/Sidebar.tsx    |   68 +-
 .../Sidebar/__tests__/SideBar.test.tsx        |   23 +-
 library/src/contexts/useSpec.ts               |    1 +
 library/src/helpers/__tests__/common.test.ts  |    2 +-
 library/src/helpers/__tests__/message.test.ts |   36 +-
 library/src/helpers/__tests__/schema.test.ts  |   42 +-
 library/src/helpers/__tests__/sidebar.test.ts |    8 +-
 .../helpers/__tests__/specification.test.ts   |    2 +-
 library/src/helpers/bindingsHelpers.ts        |    1 +
 library/src/helpers/common.ts                 |   19 +-
 library/src/helpers/marked.ts                 |   13 +-
 library/src/helpers/message.ts                |   11 +-
 library/src/helpers/parser.ts                 |    7 +
 library/src/helpers/schema.ts                 |   49 +-
 library/src/helpers/server.ts                 |    1 +
 library/src/helpers/sidebar.ts                |    3 +-
 library/src/helpers/specification.ts          |   14 +-
 library/src/standalone-codebase.ts            |   14 +-
 library/src/standalone-without-parser.ts      |    2 +
 library/src/standalone.ts                     |    2 +
 library/src/types.ts                          |    8 +-
 library/webpack.config.js                     |    4 +-
 package-lock.json                             | 1929 +++++++----------
 package.json                                  |   38 +-
 playground/.eslintrc.json                     |    3 -
 playground/app/layout.tsx                     |    1 +
 playground/app/page.tsx                       |    5 +-
 playground/components/CodeEditorComponent.tsx |    2 +-
 playground/components/FetchSchema.tsx         |    9 +-
 playground/components/SplitWrapper.tsx        |    2 +-
 playground/components/Tab.tsx                 |    2 +-
 playground/components/Tabs.tsx                |    7 +-
 playground/next.config.mjs                    |    3 +
 playground/package.json                       |    3 -
 playground/utils/defaultConfig.ts             |    2 +-
 playground/utils/helpers.ts                   |   12 +-
 tsconfig.base.json                            |    4 +-
 tslint.json                                   |   42 -
 web-component/src/AsyncApiWebComponent.tsx    |   16 +-
 61 files changed, 1200 insertions(+), 1553 deletions(-)
 create mode 100644 .eslintrc.json
 delete mode 100644 playground/.eslintrc.json
 delete mode 100644 tslint.json

diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100644
index 000000000..dabc669f2
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,64 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "jest/globals": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended-type-checked",
+    "plugin:@typescript-eslint/stylistic-type-checked",
+    "plugin:react/recommended",
+    "next/core-web-vitals",
+    "plugin:sonarjs/recommended",
+    "plugin:jest/recommended",
+    "prettier"
+  ],
+  "plugins": [
+    "eslint-plugin-import",
+    "eslint-plugin-react",
+    "@typescript-eslint",
+    "@typescript-eslint/tslint",
+    "sonarjs",
+    "jest"
+    // "prettier" uncomment when prettier is upgraded to the newest version
+  ],
+  "settings": {
+    "next": {
+      "rootDir": "playground/"
+    }
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": [
+      "./library/tsconfig.json",
+      "./library/e2e/tsconfig.json",
+      "./playground/tsconfig.json",
+      "./web-component/tsconfig.json"
+    ]
+  },
+  "root": true,
+  "rules": {
+    // "prettier/prettier": "error" uncomment when prettier is upgraded to the newest version
+    "jest/expect-expect": [
+      "error",
+      {
+        "assertFunctionNames": ["expect", "cy"]
+      }
+    ]
+  },
+  "ignorePatterns": [
+    "library/browser",
+    "library/lib",
+    "library/e2e/plugins/index.js",
+    "library/loaders/remove-hashbag-loader.js",
+    "library/jest.config.js",
+    "library/postcss.config.js",
+    "library/webpack.config.js",
+    "library/tailwind.config.js",
+    "playground/out",
+    "playground/postcss.config.js",
+    "web-component/lib",
+    "web-component/webpack.config.js"
+  ]
+}
diff --git a/library/e2e/integration/standalone.e2e.ts b/library/e2e/integration/standalone.e2e.ts
index bc16d8bf3..2e9e55715 100644
--- a/library/e2e/integration/standalone.e2e.ts
+++ b/library/e2e/integration/standalone.e2e.ts
@@ -1,3 +1,4 @@
+/* eslint-disable jest/valid-title */
 describe('Standalone bundle', () => {
   testSuite('With parser', 'e2e/sites/standalone.html');
   testSuite('With parser for v3', 'e2e/sites/standalone-v3.html');
diff --git a/library/src/__tests__/index.test.tsx b/library/src/__tests__/index.test.tsx
index 70a8c0951..3bb01e8b3 100644
--- a/library/src/__tests__/index.test.tsx
+++ b/library/src/__tests__/index.test.tsx
@@ -2,6 +2,8 @@
  * @jest-environment jsdom
  */
 
+/* eslint-disable sonarjs/no-duplicate-string */
+
 import React from 'react';
 import { render, waitFor } from '@testing-library/react';
 import AsyncApiComponent from '..';
diff --git a/library/src/components/Bindings.tsx b/library/src/components/Bindings.tsx
index f01816657..7b77e7c88 100644
--- a/library/src/components/Bindings.tsx
+++ b/library/src/components/Bindings.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import React from 'react';
 import { Schema } from './Schema';
 import { SchemaHelpers } from '../helpers';
@@ -18,6 +19,7 @@ export const Bindings: React.FunctionComponent<Props> = ({
 
   const renderedBindings = bindings.all().map(binding => {
     const bindingValue = binding.value();
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const schema = SchemaHelpers.jsonToSchema(bindingValue);
     const protocol = binding.protocol();
     const schemaName = (
@@ -34,7 +36,7 @@ export const Bindings: React.FunctionComponent<Props> = ({
           schemaName={schemaName}
           schema={schema}
           key={protocol}
-          onlyTitle={true}
+          onlyTitle
         />
       )
     );
diff --git a/library/src/components/CollapseButton.tsx b/library/src/components/CollapseButton.tsx
index 5b34db9ca..bea5a7a00 100644
--- a/library/src/components/CollapseButton.tsx
+++ b/library/src/components/CollapseButton.tsx
@@ -41,7 +41,7 @@ export const CollapseButton: React.FunctionComponent<Props> = ({
       {...chevronProps}
       className={`inline-block align-baseline cursor-pointer ml-0.5 -mb-1 w-5 h-5 transform transition-transform duration-150 ease-linear ${
         expanded ? '-rotate-90' : ''
-      } ${chevronProps?.className || ''}`}
+      } ${chevronProps?.className ?? ''}`}
     />
   </button>
 );
diff --git a/library/src/components/Extensions.tsx b/library/src/components/Extensions.tsx
index e7ce06630..b98d44c00 100644
--- a/library/src/components/Extensions.tsx
+++ b/library/src/components/Extensions.tsx
@@ -1,3 +1,6 @@
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+
 import React from 'react';
 
 import { Schema } from './Schema';
@@ -6,6 +9,7 @@ import { SchemaHelpers } from '../helpers';
 
 interface Props {
   name?: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   item: any;
 }
 
@@ -19,10 +23,11 @@ export const Extensions: React.FunctionComponent<Props> = ({
   }
 
   const schema = SchemaHelpers.jsonToSchema(extensions);
+
   return (
     schema && (
       <div className="mt-2">
-        <Schema schemaName={name} schema={schema} onlyTitle={true} />
+        <Schema schemaName={name} schema={schema} onlyTitle />
       </div>
     )
   );
diff --git a/library/src/components/Schema.tsx b/library/src/components/Schema.tsx
index 2de7cbe82..328d6cd27 100644
--- a/library/src/components/Schema.tsx
+++ b/library/src/components/Schema.tsx
@@ -33,6 +33,7 @@ export const Schema: React.FunctionComponent<Props> = ({
   expanded: propExpanded = false,
   onlyTitle = false,
   isArray = false,
+  // eslint-disable-next-line sonarjs/cognitive-complexity
 }) => {
   const { reverse, deepExpanded } = useContext(SchemaContext);
   const [expanded, setExpanded] = useState(propExpanded || isArray);
@@ -42,13 +43,13 @@ export const Schema: React.FunctionComponent<Props> = ({
     if (!isArray) {
       setDeepExpand(deepExpanded);
     }
-  }, [deepExpanded, setDeepExpand]);
+  }, [isArray, deepExpanded, setDeepExpand]);
 
   useEffect(() => {
     if (!isArray) {
       setExpanded(deepExpand);
     }
-  }, [deepExpand, setExpanded]);
+  }, [isArray, deepExpand, setExpanded]);
 
   if (
     !schema ||
@@ -246,7 +247,7 @@ export const Schema: React.FunctionComponent<Props> = ({
                   <span className="border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-2 py-0">
                     <Href
                       href={externalDocs.url()}
-                      title={externalDocs.description() || ''}
+                      title={externalDocs.description() ?? ''}
                     >
                       Documentation
                     </Href>
@@ -276,54 +277,45 @@ export const Schema: React.FunctionComponent<Props> = ({
               reverse ? 'bg-gray-200' : ''
             } ${expanded ? 'block' : 'hidden'}`}
           >
-            <SchemaProperties schema={schema} isArray={isArray} />
+            <SchemaProperties schema={schema} />
             <SchemaItems schema={schema} />
 
-            {schema.oneOf() &&
-              schema
-                .oneOf()
-                ?.map((s, idx) => (
-                  <Schema
-                    key={idx}
-                    schema={s}
-                    schemaName={SchemaHelpers.applicatorSchemaName(
-                      idx,
-                      'Adheres to',
-                      'Or to',
-                      s.title(),
-                    )}
-                  />
-                ))}
-            {schema.anyOf() &&
-              schema
-                .anyOf()
-                ?.map((s, idx) => (
-                  <Schema
-                    key={idx}
-                    schema={s}
-                    schemaName={SchemaHelpers.applicatorSchemaName(
-                      idx,
-                      'Can adhere to',
-                      'Or to',
-                      s.title(),
-                    )}
-                  />
-                ))}
-            {schema.allOf() &&
-              schema
-                .allOf()
-                ?.map((s, idx) => (
-                  <Schema
-                    key={idx}
-                    schema={s}
-                    schemaName={SchemaHelpers.applicatorSchemaName(
-                      idx,
-                      'Consists of',
-                      'And of',
-                      s.title(),
-                    )}
-                  />
-                ))}
+            {schema.oneOf()?.map((s, idx) => (
+              <Schema
+                key={idx}
+                schema={s}
+                schemaName={SchemaHelpers.applicatorSchemaName(
+                  idx,
+                  'Adheres to',
+                  'Or to',
+                  s.title(),
+                )}
+              />
+            ))}
+            {schema.anyOf()?.map((s, idx) => (
+              <Schema
+                key={idx}
+                schema={s}
+                schemaName={SchemaHelpers.applicatorSchemaName(
+                  idx,
+                  'Can adhere to',
+                  'Or to',
+                  s.title(),
+                )}
+              />
+            ))}
+            {schema.allOf()?.map((s, idx) => (
+              <Schema
+                key={idx}
+                schema={s}
+                schemaName={SchemaHelpers.applicatorSchemaName(
+                  idx,
+                  'Consists of',
+                  'And of',
+                  s.title(),
+                )}
+              />
+            ))}
             {schema.not() && (
               <Schema schema={schema.not()} schemaName="Cannot adhere to:" />
             )}
@@ -374,19 +366,17 @@ export const Schema: React.FunctionComponent<Props> = ({
 
 interface SchemaPropertiesProps {
   schema: SchemaInterface;
-  isArray: boolean;
 }
 
 const SchemaProperties: React.FunctionComponent<SchemaPropertiesProps> = ({
   schema,
-  isArray,
 }) => {
   const properties = schema.properties();
   if (properties === undefined || !Object.keys(properties)) {
     return null;
   }
 
-  const required = schema.required() || [];
+  const required = schema.required() ?? [];
   const patternProperties = schema.patternProperties();
 
   return (
@@ -396,7 +386,7 @@ const SchemaProperties: React.FunctionComponent<SchemaPropertiesProps> = ({
           schema={property}
           schemaName={propertyName}
           required={required.includes(propertyName)}
-          isProperty={true}
+          isProperty
           isCircular={property.isCircular()}
           dependentRequired={SchemaHelpers.getDependentRequired(
             propertyName,
@@ -405,13 +395,13 @@ const SchemaProperties: React.FunctionComponent<SchemaPropertiesProps> = ({
           key={propertyName}
         />
       ))}
-      {Object.entries(patternProperties || {}).map(
+      {Object.entries(patternProperties ?? {}).map(
         ([propertyName, property]) => (
           <Schema
             schema={property}
             schemaName={propertyName}
-            isPatternProperty={true}
-            isProperty={true}
+            isPatternProperty
+            isProperty
             isCircular={property.isCircular()}
             key={propertyName}
           />
@@ -438,7 +428,7 @@ const AdditionalProperties: React.FunctionComponent<AdditionalPropertiesProps> =
   }
 
   const type = schema.type();
-  if (type === undefined || !type.includes('object')) {
+  if (!type?.includes('object')) {
     return null;
   }
 
@@ -468,7 +458,7 @@ interface SchemaItemsProps {
 
 const SchemaItems: React.FunctionComponent<SchemaItemsProps> = ({ schema }) => {
   const type = schema.type();
-  if (type === undefined || !type.includes('array')) {
+  if (!type?.includes('array')) {
     return null;
   }
   const items = schema.items();
@@ -477,16 +467,16 @@ const SchemaItems: React.FunctionComponent<SchemaItemsProps> = ({ schema }) => {
   if (
     items &&
     !Array.isArray(items) &&
-    Object.keys(items.properties() || {}).length
+    Object.keys(items.properties() ?? {}).length
   ) {
-    return <Schema schema={items} isArray={true} />;
+    return <Schema schema={items} isArray />;
   } else if (Array.isArray(items)) {
     return (
       <>
         {items.map((item, idx) => (
           <Schema
             schema={item}
-            isArray={true}
+            isArray
             schemaName={`${idx + 1} item:`}
             key={idx}
           />
@@ -494,7 +484,7 @@ const SchemaItems: React.FunctionComponent<SchemaItemsProps> = ({ schema }) => {
       </>
     );
   }
-  return <Schema schema={items} isArray={true} schemaName="Items:" />;
+  return <Schema schema={items} isArray schemaName="Items:" />;
 };
 
 interface AdditionalItemsProps {
@@ -514,13 +504,14 @@ const AdditionalItems: React.FunctionComponent<AdditionalItemsProps> = ({
   }
 
   const type = schema.type();
-  if (type === undefined || !type.includes('array')) {
+  if (!type?.includes('array')) {
     return null;
   }
   if (!Array.isArray(schema.items())) {
     return null;
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
   const additionalItems = schema.additionalItems() as any;
   if (additionalItems === true || additionalItems === undefined) {
     return (
@@ -536,5 +527,6 @@ const AdditionalItems: React.FunctionComponent<AdditionalItemsProps> = ({
       </p>
     );
   }
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   return <Schema schemaName="Additional items:" schema={additionalItems} />;
 };
diff --git a/library/src/components/Tag.tsx b/library/src/components/Tag.tsx
index 74e8e27e0..6806b651f 100644
--- a/library/src/components/Tag.tsx
+++ b/library/src/components/Tag.tsx
@@ -9,7 +9,7 @@ interface Props {
 
 export const Tag: React.FunctionComponent<Props> = ({ tag }) => {
   const name = `#${tag.name()}`;
-  const description = tag.description() || '';
+  const description = tag.description() ?? '';
   const externalDocs = tag.externalDocs();
 
   const element = (
diff --git a/library/src/components/__tests__/Bindings.test.tsx b/library/src/components/__tests__/Bindings.test.tsx
index a7d5a1807..b7321dee3 100644
--- a/library/src/components/__tests__/Bindings.test.tsx
+++ b/library/src/components/__tests__/Bindings.test.tsx
@@ -2,6 +2,8 @@
  * @jest-environment jsdom
  */
 
+/* eslint-disable sonarjs/no-duplicate-string */
+
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import {
@@ -10,14 +12,16 @@ import {
 } from '@asyncapi/parser';
 
 import { Bindings } from '../Bindings';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function createBinding(bindingObj: Record<string, any>) {
-  const bindings: BindingSchema[] = [];
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const bindings: BindingSchema<any>[] = [];
   for (const [protocol, binding] of Object.entries(bindingObj)) {
     const obj: Record<string, unknown> = {};
     obj[protocol] = binding;
     bindings.push(
       new BindingSchema(binding, {
-        asyncapi: {} as any,
+        asyncapi: {} as never,
         pointer: '',
         protocol,
       }),
@@ -26,7 +30,7 @@ function createBinding(bindingObj: Record<string, any>) {
   return new BindingsSchema(bindings);
 }
 describe('Bindings component', () => {
-  test('should work with simple data', async () => {
+  test('should work with simple data', () => {
     const bindings = {
       mqtt: {
         fooMqtt: 'barMqtt',
@@ -47,7 +51,7 @@ describe('Bindings component', () => {
     expect(screen.getByText('barKafka')).toBeDefined();
   });
 
-  test('should render empty binding as string', async () => {
+  test('should render empty binding as string', () => {
     const bindings = {
       mqtt: {
         foo: 'bar',
diff --git a/library/src/components/__tests__/Extensions.test.tsx b/library/src/components/__tests__/Extensions.test.tsx
index 02cc1da4f..d7e5e5e41 100644
--- a/library/src/components/__tests__/Extensions.test.tsx
+++ b/library/src/components/__tests__/Extensions.test.tsx
@@ -5,13 +5,12 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 
-// @ts-ignore
 import { SchemaV2 as SchemaModel } from '@asyncapi/parser';
 
 import { Extensions } from '../Extensions';
 
 describe('Extensions component', () => {
-  test('should work with simple data', async () => {
+  test('should work with simple data', () => {
     const schema = {
       'x-foo': 'xBar',
       'x-bar': 'xFoo',
@@ -26,7 +25,7 @@ describe('Extensions component', () => {
     expect(screen.getByText('xFoo')).toBeDefined();
   });
 
-  test('should filter non extensions', async () => {
+  test('should filter non extensions', () => {
     const schema = {
       foo: {
         foo: 'bar',
@@ -49,7 +48,7 @@ describe('Extensions component', () => {
     expect(screen.queryByText('bar')).toEqual(null);
   });
 
-  test('should render empty extension as string', async () => {
+  test('should render empty extension as string', () => {
     const schema = {
       'x-foo': 'xBar',
       'x-bar': undefined,
diff --git a/library/src/components/__tests__/Schema.test.tsx b/library/src/components/__tests__/Schema.test.tsx
index 2c840fd9b..9222fbffc 100644
--- a/library/src/components/__tests__/Schema.test.tsx
+++ b/library/src/components/__tests__/Schema.test.tsx
@@ -9,20 +9,22 @@ import { SchemaV2 as SchemaModel } from '@asyncapi/parser';
 import { Schema } from '../Schema';
 
 describe('Schema component', () => {
-  test('should work with true schema', async () => {
+  // eslint-disable-next-line jest/expect-expect
+  test('should work with true schema', () => {
     const schema = true;
-    const schemaModel = new SchemaModel(schema as any);
+    const schemaModel = new SchemaModel(schema as never);
 
     render(<Schema schema={schemaModel} />);
   });
 
-  test('should work with false schema', async () => {
+  // eslint-disable-next-line jest/expect-expect
+  test('should work with false schema', () => {
     const schema = false;
-    const schemaModel = new SchemaModel(schema as any);
+    const schemaModel = new SchemaModel(schema as never);
 
     render(<Schema schema={schemaModel} />);
   });
-  test('should work with circular references in schema', async () => {
+  test('should work with circular references in schema', () => {
     const schema = {
       type: 'object',
       properties: {
@@ -35,7 +37,7 @@ describe('Schema component', () => {
     };
     schema.properties.circular = schema;
     schema.properties.circularTwo = schema;
-    const schemaModel = new SchemaModel(schema as any);
+    const schemaModel = new SchemaModel(schema as never);
 
     render(<Schema schema={schemaModel} />);
 
@@ -49,7 +51,7 @@ describe('Schema component', () => {
   });
 
   describe('should render boolean values', () => {
-    test('defined as defaults', async () => {
+    test('defined as defaults', () => {
       const schema = {
         type: 'object',
         properties: {
@@ -63,7 +65,7 @@ describe('Schema component', () => {
           },
         },
       };
-      const schemaModel = new SchemaModel(schema as any);
+      const schemaModel = new SchemaModel(schema as never);
 
       render(<Schema schema={schemaModel} />);
 
@@ -71,7 +73,7 @@ describe('Schema component', () => {
       expect(screen.getByText('false')).toBeDefined();
     });
 
-    test('defined as const', async () => {
+    test('defined as const', () => {
       const schema = {
         type: 'object',
         properties: {
@@ -85,7 +87,7 @@ describe('Schema component', () => {
           },
         },
       };
-      const schemaModel = new SchemaModel(schema as any);
+      const schemaModel = new SchemaModel(schema as never);
 
       render(<Schema schema={schemaModel} />);
 
@@ -95,7 +97,7 @@ describe('Schema component', () => {
   });
 
   describe('should render arrays', () => {
-    test('which includes oneOf', async () => {
+    test('which includes oneOf', () => {
       const schemaModel = new SchemaModel({
         title: 'Sets',
         type: 'array',
diff --git a/library/src/config/config.ts b/library/src/config/config.ts
index 8967f6b0e..0218996eb 100644
--- a/library/src/config/config.ts
+++ b/library/src/config/config.ts
@@ -3,6 +3,7 @@ export interface ConfigInterface {
   show?: ShowConfig;
   expand?: ExpandConfig;
   sidebar?: SideBarConfig;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   parserOptions?: any;
   publishLabel?: string;
   subscribeLabel?: string;
diff --git a/library/src/containers/AsyncApi/AsyncApi.tsx b/library/src/containers/AsyncApi/AsyncApi.tsx
index d8921c3dd..dd3d37d18 100644
--- a/library/src/containers/AsyncApi/AsyncApi.tsx
+++ b/library/src/containers/AsyncApi/AsyncApi.tsx
@@ -27,10 +27,6 @@ class AsyncApiComponent extends Component<AsyncApiProps, AsyncAPIState> {
     error: undefined,
   };
 
-  constructor(props: AsyncApiProps) {
-    super(props);
-  }
-
   async componentDidMount() {
     if (this.props.schema) {
       const { schema, config } = this.props;
@@ -54,13 +50,14 @@ class AsyncApiComponent extends Component<AsyncApiProps, AsyncAPIState> {
 
     return (
       <AsyncApiStandalone
-        schema={asyncapi || schema}
+        schema={asyncapi ?? schema}
         config={config}
         error={error}
       />
     );
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   private async parseSchema(schema: PropsSchema, parserOptions?: any) {
     const parsedSpec = SpecificationHelpers.retrieveParsedSpec(schema);
     if (parsedSpec) {
diff --git a/library/src/containers/AsyncApi/Layout.tsx b/library/src/containers/AsyncApi/Layout.tsx
index ef72b95f3..5bf6bac38 100644
--- a/library/src/containers/AsyncApi/Layout.tsx
+++ b/library/src/containers/AsyncApi/Layout.tsx
@@ -43,14 +43,14 @@ const AsyncApiLayout: React.FunctionComponent<Props> = ({
     },
   });
 
-  const configShow = config.show || {};
+  const configShow = config.show ?? {};
   return (
     <ConfigContext.Provider value={config}>
       <SpecificationContext.Provider value={asyncapi}>
         <section className="aui-root">
           <div
             className={`${observerClassName} relative md:flex bg-white leading-normal`}
-            id={config.schemaID || undefined}
+            id={config.schemaID ?? undefined}
             ref={ref}
           >
             {configShow.sidebar && <Sidebar />}
diff --git a/library/src/containers/AsyncApi/Standalone.tsx b/library/src/containers/AsyncApi/Standalone.tsx
index 4f5d72fb6..658aa9b4e 100644
--- a/library/src/containers/AsyncApi/Standalone.tsx
+++ b/library/src/containers/AsyncApi/Standalone.tsx
@@ -34,13 +34,13 @@ class AsyncApiComponent extends Component<AsyncApiProps, AsyncAPIState> {
     }
   }
 
-  async componentDidMount() {
+  componentDidMount() {
     if (!this.state.asyncapi) {
       this.updateState(this.props.schema);
     }
   }
 
-  async componentDidUpdate(prevProps: AsyncApiProps) {
+  componentDidUpdate(prevProps: AsyncApiProps) {
     const oldSchema = prevProps.schema;
     const newSchema = this.props.schema;
 
@@ -53,7 +53,7 @@ class AsyncApiComponent extends Component<AsyncApiProps, AsyncAPIState> {
     const { config, error: propError } = this.props;
     const { asyncapi, error: stateError } = this.state;
 
-    const error = propError || stateError;
+    const error = propError ?? stateError;
     const concatenatedConfig: ConfigInterface = {
       ...defaultConfig,
       ...config,
diff --git a/library/src/containers/Error/Error.tsx b/library/src/containers/Error/Error.tsx
index d526a92d5..984cc8fa2 100644
--- a/library/src/containers/Error/Error.tsx
+++ b/library/src/containers/Error/Error.tsx
@@ -10,7 +10,7 @@ const renderErrors = (errors: ValidationError[]): React.ReactNode => {
 
   return errors
     .map((singleError: ValidationError, index: number) => {
-      if (!singleError || !singleError.title || !singleError.location) {
+      if (!singleError?.title || !singleError.location) {
         return null;
       }
       return (
@@ -42,7 +42,7 @@ export const Error: React.FunctionComponent<Props> = ({ error }) => {
           <h2 className="p-2">
             {title ? `${ERROR_TEXT}: ${title}` : ERROR_TEXT}
           </h2>
-          {validationErrors && validationErrors.length ? (
+          {validationErrors?.length ? (
             <div className="bg-gray-800 text-white text-xs p-2">
               <pre>{renderErrors(validationErrors)}</pre>
             </div>
diff --git a/library/src/containers/Info/Info.tsx b/library/src/containers/Info/Info.tsx
index 8e43b25fd..49a4d40d7 100644
--- a/library/src/containers/Info/Info.tsx
+++ b/library/src/containers/Info/Info.tsx
@@ -25,7 +25,7 @@ export const Info: React.FunctionComponent = () => {
   const contact = info.contact();
 
   const showInfoList =
-    license || termsOfService || defaultContentType || contact || externalDocs;
+    license ?? termsOfService ?? defaultContentType ?? contact ?? externalDocs;
 
   return (
     <div className="panel-item">
@@ -41,7 +41,7 @@ export const Info: React.FunctionComponent = () => {
                 {license.url() ? (
                   <Href
                     className="border border-solid border-orange-300 hover:bg-orange-300 hover:text-orange-600 text-orange-500 font-bold no-underline text-xs uppercase rounded px-3 py-1"
-                    href={license.url() || ''}
+                    href={license.url() ?? ''}
                   >
                     <span>{license.name()}</span>
                   </Href>
@@ -88,9 +88,9 @@ export const Info: React.FunctionComponent = () => {
                   <li className="inline-block mt-2 mr-2">
                     <Href
                       className="border border-solid border-purple-300 hover:bg-purple-300 hover:text-purple-600 text-purple-500 font-bold no-underline text-xs uppercase rounded px-3 py-1"
-                      href={contact.url() || ''}
+                      href={contact.url() ?? ''}
                     >
-                      <span>{contact.name() || URL_SUPPORT_TEXT}</span>
+                      <span>{contact.name() ?? URL_SUPPORT_TEXT}</span>
                     </Href>
                   </li>
                 )}
diff --git a/library/src/containers/Messages/Message.tsx b/library/src/containers/Messages/Message.tsx
index 7024c2d25..4d5c5fbf3 100644
--- a/library/src/containers/Messages/Message.tsx
+++ b/library/src/containers/Messages/Message.tsx
@@ -47,7 +47,7 @@ export const Message: React.FunctionComponent<Props> = ({
 
   const contentType = message.contentType();
   const externalDocs = message.externalDocs();
-  const showInfoList = contentType || externalDocs;
+  const showInfoList = contentType ?? externalDocs;
 
   return (
     <div className="panel-item">
diff --git a/library/src/containers/Messages/MessageExample.tsx b/library/src/containers/Messages/MessageExample.tsx
index 7b32ae4ad..6818da632 100644
--- a/library/src/containers/Messages/MessageExample.tsx
+++ b/library/src/containers/Messages/MessageExample.tsx
@@ -52,13 +52,12 @@ export const Example: React.FunctionComponent<ExampleProps> = ({
 }) => {
   const config = useConfig();
   const [expanded, setExpanded] = useState(
-    (config && config.expand && config.expand.messageExamples) || false,
+    config?.expand?.messageExamples ?? false,
   );
 
   useEffect(() => {
-    setExpanded(
-      (config && config.expand && config.expand.messageExamples) || false,
-    );
+    setExpanded(config?.expand?.messageExamples ?? false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [config.expand]);
 
   return (
@@ -93,6 +92,7 @@ export const Example: React.FunctionComponent<ExampleProps> = ({
                 )}
                 <div className="mt-1">
                   <JSONSnippet
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                     snippet={MessageHelpers.sanitizeExample(example.example)}
                   />
                 </div>
@@ -102,6 +102,7 @@ export const Example: React.FunctionComponent<ExampleProps> = ({
         ) : (
           <div className="mt-4">
             <JSONSnippet
+              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
               snippet={MessageHelpers.generateExample(schema.json())}
             />
             <h6 className="text-xs font-bold text-gray-600 italic mt-2">
diff --git a/library/src/containers/Operations/Operation.tsx b/library/src/containers/Operations/Operation.tsx
index 2e46ce0a3..78dfad2c3 100644
--- a/library/src/containers/Operations/Operation.tsx
+++ b/library/src/containers/Operations/Operation.tsx
@@ -75,11 +75,7 @@ export const Operation: React.FunctionComponent<Props> = props => {
               config,
             )}
           >
-            <Schema
-              schemaName="Parameters"
-              schema={parameters}
-              expanded={true}
-            />
+            <Schema schemaName="Parameters" schema={parameters} expanded />
           </div>
         )}
 
@@ -145,7 +141,7 @@ export const Operation: React.FunctionComponent<Props> = props => {
                 .all()
                 .map((msg, idx) => (
                   <li className="mt-4" key={msg.id()}>
-                    <Message message={msg} index={idx} showExamples={true} />
+                    <Message message={msg} index={idx} showExamples />
                   </li>
                 ))}
             </ul>
@@ -154,10 +150,7 @@ export const Operation: React.FunctionComponent<Props> = props => {
           <div className="mt-2">
             <p className="px-8">Accepts the following message:</p>
             <div className="mt-2">
-              <Message
-                message={operation.messages().all()[0]}
-                showExamples={true}
-              />
+              <Message message={operation.messages().all()[0]} showExamples />
             </div>
           </div>
         )}
@@ -266,7 +259,7 @@ export const OperationReplyInfo: React.FunctionComponent<Props> = props => {
           <div className="border rounded">
             <div
               className={`w-full ${
-                type === 'reply'
+                type === PayloadType.REPLY
                   ? 'bg-green-600 border-green-600'
                   : 'bg-blue-600 border-blue-600'
               } text-sm rounded-t h-8 px-4 border text-white flex items-center`}
@@ -276,7 +269,7 @@ export const OperationReplyInfo: React.FunctionComponent<Props> = props => {
             <div className="flex">
               <div
                 className={`w-1 h-11 ${
-                  type === 'reply' ? 'bg-green-600' : 'bg-blue-600'
+                  type === PayloadType.REPLY ? 'bg-green-600' : 'bg-blue-600'
                 } mt-4`}
               />
               <div className="p-4">
@@ -344,11 +337,7 @@ export const OperationReplyInfo: React.FunctionComponent<Props> = props => {
                       <ul>
                         {replyMessages.all().map((msg, idx) => (
                           <li className="mt-4" key={msg.id()}>
-                            <Message
-                              message={msg}
-                              index={idx}
-                              showExamples={true}
-                            />
+                            <Message message={msg} index={idx} showExamples />
                           </li>
                         ))}
                       </ul>
@@ -358,7 +347,7 @@ export const OperationReplyInfo: React.FunctionComponent<Props> = props => {
                       <div className="mt-2">
                         <Message
                           message={replyMessages.all()[0]}
-                          showExamples={true}
+                          showExamples
                         />
                       </div>
                     </div>
@@ -439,7 +428,7 @@ export const OperationReplyChannelInfo: React.FunctionComponent<Props> = ({
               .all()
               .map((msg, idx) => (
                 <li className="mt-4" key={msg.id()}>
-                  <Message message={msg} index={idx} showExamples={true} />
+                  <Message message={msg} index={idx} showExamples />
                 </li>
               ))}
           </ul>
@@ -448,10 +437,7 @@ export const OperationReplyChannelInfo: React.FunctionComponent<Props> = ({
         <div className="mt-2">
           <span className="text-xs text-gray-700">Message:</span>
           <div className="mt-2">
-            <Message
-              message={channel.messages().all()[0]}
-              showExamples={true}
-            />
+            <Message message={channel.messages().all()[0]} showExamples />
           </div>
         </div>
       )}
@@ -463,7 +449,7 @@ export const OperationReplyChannelInfo: React.FunctionComponent<Props> = ({
             config,
           )}
         >
-          <Schema schemaName="Parameters" schema={parameters} expanded={true} />
+          <Schema schemaName="Parameters" schema={parameters} expanded />
         </div>
       )}
       {channel.bindings() && (
@@ -483,17 +469,22 @@ export const OperationReplyAddressInfo: React.FunctionComponent<Props> = ({
     return <></>;
   }
   const reply = operation.reply();
-  if (reply === undefined || !reply.hasAddress()) {
+  if (!reply?.address) {
     return <></>;
   }
-  const replyAddress = reply.address()!;
+  const replyAddress = reply.address();
+
+  if (!replyAddress) {
+    return <></>;
+  }
+
   const replyAddressLocation = replyAddress.location();
 
   return (
     <div className="flex">
       <div
         className={`w-1 h-11 ${
-          type === 'reply' ? 'bg-green-600' : 'bg-blue-600'
+          type === PayloadType.REPLY ? 'bg-green-600' : 'bg-blue-600'
         } mt-4`}
       />
       <div className="p-4">
diff --git a/library/src/containers/Servers/Security.tsx b/library/src/containers/Servers/Security.tsx
index ad125cd04..2174636e3 100644
--- a/library/src/containers/Servers/Security.tsx
+++ b/library/src/containers/Servers/Security.tsx
@@ -41,6 +41,7 @@ export const Security: React.FunctionComponent<Props> = ({
         const requirements = requirement.all();
         const key = Object.keys(requirements)[0];
         const def = securitySchemes[Number(key)];
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const requiredScopes: any = requirements[Number(key)];
 
         if (!def) {
@@ -50,6 +51,7 @@ export const Security: React.FunctionComponent<Props> = ({
           <SecurityItem
             protocol={protocol}
             securitySchema={def}
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
             requiredScopes={requiredScopes}
             key={def.type()}
           />
@@ -101,7 +103,7 @@ function collectSecuritySchemas(
     if (securitySchema.openIdConnectUrl()) {
       schemas.push(
         <Href
-          href={securitySchema.openIdConnectUrl() as string}
+          href={securitySchema.openIdConnectUrl()!}
           className="underline"
         >
           Connect URL
@@ -167,16 +169,16 @@ const SecurityItem: React.FunctionComponent<SecurityItemProps> = ({
   const flows = securitySchema?.flows();
   const unwrappedFlows: Record<string, OAuthFlowInterface> = {};
   if (flows?.hasImplicit()) {
-    unwrappedFlows.implicit = flows.implicit() as OAuthFlowInterface;
+    unwrappedFlows.implicit = flows.implicit()!;
   }
   if (flows?.hasAuthorizationCode()) {
-    unwrappedFlows.authorizationCode = flows.authorizationCode() as OAuthFlowInterface;
+    unwrappedFlows.authorizationCode = flows.authorizationCode()!;
   }
   if (flows?.hasClientCredentials()) {
-    unwrappedFlows.clientCredentials = flows.clientCredentials() as OAuthFlowInterface;
+    unwrappedFlows.clientCredentials = flows.clientCredentials()!;
   }
   if (flows?.hasPassword()) {
-    unwrappedFlows.password = flows.implicit() as OAuthFlowInterface;
+    unwrappedFlows.password = flows.implicit()!;
   }
   const renderedFlows = Object.entries(unwrappedFlows).map(
     ([flowName, flow]) => {
diff --git a/library/src/containers/Servers/Server.tsx b/library/src/containers/Servers/Server.tsx
index 97c162357..560444ee1 100644
--- a/library/src/containers/Servers/Server.tsx
+++ b/library/src/containers/Servers/Server.tsx
@@ -61,7 +61,7 @@ export const Server: React.FunctionComponent<Props> = ({
               <Schema
                 schemaName="URL Variables"
                 schema={urlVariables}
-                expanded={true}
+                expanded
               />
             </div>
           )}
diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index d3ff1846e..e65eee678 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -16,6 +16,7 @@ export const Sidebar: React.FunctionComponent = () => {
   const asyncapi = useSpec();
 
   const info = asyncapi.info();
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const logo = info
     .extensions()
     .get('x-logo')
@@ -123,7 +124,9 @@ export const Sidebar: React.FunctionComponent = () => {
           <div className="sidebar--content">
             <div>
               {logo ? (
+                // eslint-disable-next-line @next/next/no-img-element
                 <img
+                  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                   src={logo}
                   alt={`${info.title()} logo, ${info.version()} version`}
                 />
@@ -242,39 +245,40 @@ const OperationsList: React.FunctionComponent = () => {
   const operations = asyncapi.operations().all();
   const showOperations = sidebarConfig?.showOperations ?? 'byDefault';
 
-  const processedOperations: Array<TagObject<
-    OperationItemProps
-  >> = operations.map(operation => {
-    const operationChannel = operation.channels();
-    const operationHrefId = CommonHelpers.getOperationIdentifier({
-      operation,
-      config,
-    });
-    const type = CommonHelpers.getOperationType(operation);
+  const processedOperations: TagObject<OperationItemProps>[] = operations.map(
+    operation => {
+      const operationChannel = operation.channels();
+      const operationHrefId = CommonHelpers.getOperationIdentifier({
+        operation,
+        config,
+      });
+      const type = CommonHelpers.getOperationType(operation);
 
-    const specV = asyncapi.version();
-    const version = specV.localeCompare('2.6.0', undefined, { numeric: true });
-    let label: string = '';
-    if (version === 0) {
-      // old version uses different labels for the operations
-      const operationChannels = operationChannel.all();
-      const channelAddress = operationChannels[0]?.address();
-      label = operation.hasSummary()
-        ? operation.summary()!
-        : channelAddress ?? '';
-    } else {
-      label = operation.id()!;
-    }
-    return {
-      name: `${type}-${operation.id()}`,
-      tags: operation.tags(),
-      data: {
-        label,
-        type,
-        operationHrefId,
-      },
-    };
-  });
+      const specV = asyncapi.version();
+      const version = specV.localeCompare('2.6.0', undefined, {
+        numeric: true,
+      });
+      let label = '';
+      if (version === 0) {
+        // old version uses different labels for the operations
+        const operationChannels = operationChannel.all();
+        const channelAddress = operationChannels[0]?.address() ?? '';
+        const operationSummary = operation.summary();
+        label = operationSummary ?? channelAddress;
+      } else {
+        label = operation.id() ?? '';
+      }
+      return {
+        name: `${type}-${operation.id()}`,
+        tags: operation.tags(),
+        data: {
+          label,
+          type,
+          operationHrefId,
+        },
+      };
+    },
+  );
 
   if (showOperations === 'byDefault') {
     return (
diff --git a/library/src/containers/Sidebar/__tests__/SideBar.test.tsx b/library/src/containers/Sidebar/__tests__/SideBar.test.tsx
index 9c6b8da5a..f98d53b22 100644
--- a/library/src/containers/Sidebar/__tests__/SideBar.test.tsx
+++ b/library/src/containers/Sidebar/__tests__/SideBar.test.tsx
@@ -13,11 +13,14 @@ describe('Sidebar component', () => {
   let parsed: AsyncAPIDocumentInterface;
   beforeAll(async () => {
     const parsedDoc = await Parser.parse(asyncapi, {});
+    // eslint-disable-next-line jest/no-standalone-expect
     expect(parsedDoc.error).toBeUndefined();
+    // eslint-disable-next-line jest/no-standalone-expect
     expect(parsedDoc.asyncapi).toBeDefined();
     parsed = parsedDoc.asyncapi!;
   });
-  test('should render sidebar with showOperations: byDefault', async () => {
+  // eslint-disable-next-line jest/expect-expect
+  test('should render sidebar with showOperations: byDefault', () => {
     render(
       <ConfigContext.Provider
         value={{ sidebar: { showOperations: 'byDefault' } }}
@@ -28,7 +31,8 @@ describe('Sidebar component', () => {
       </ConfigContext.Provider>,
     );
   });
-  test('should render sidebar with showOperations: byOperationsTags', async () => {
+  // eslint-disable-next-line jest/expect-expect
+  test('should render sidebar with showOperations: byOperationsTags', () => {
     render(
       <ConfigContext.Provider
         value={{ sidebar: { showOperations: 'byOperationsTags' } }}
@@ -39,7 +43,8 @@ describe('Sidebar component', () => {
       </ConfigContext.Provider>,
     );
   });
-  test('should render sidebar with showOperations: bySpecTags', async () => {
+  // eslint-disable-next-line jest/expect-expect
+  test('should render sidebar with showOperations: bySpecTags', () => {
     render(
       <ConfigContext.Provider
         value={{ sidebar: { showOperations: 'bySpecTags' } }}
@@ -50,7 +55,8 @@ describe('Sidebar component', () => {
       </ConfigContext.Provider>,
     );
   });
-  test('should render sidebar with showServers: byDefault', async () => {
+  // eslint-disable-next-line jest/expect-expect
+  test('should render sidebar with showServers: byDefault', () => {
     render(
       <ConfigContext.Provider value={{ sidebar: { showServers: 'byDefault' } }}>
         <SpecificationContext.Provider value={parsed}>
@@ -59,7 +65,8 @@ describe('Sidebar component', () => {
       </ConfigContext.Provider>,
     );
   });
-  test('should render sidebar with showServers: byServersTags', async () => {
+  // eslint-disable-next-line jest/expect-expect
+  test('should render sidebar with showServers: byServersTags', () => {
     render(
       <ConfigContext.Provider
         value={{ sidebar: { showServers: 'byServersTags' } }}
@@ -70,7 +77,8 @@ describe('Sidebar component', () => {
       </ConfigContext.Provider>,
     );
   });
-  test('should render sidebar with showServers: bySpecTags', async () => {
+  // eslint-disable-next-line jest/expect-expect
+  test('should render sidebar with showServers: bySpecTags', () => {
     render(
       <ConfigContext.Provider
         value={{ sidebar: { showServers: 'bySpecTags' } }}
@@ -81,7 +89,8 @@ describe('Sidebar component', () => {
       </ConfigContext.Provider>,
     );
   });
-  test('should render with showOperations: byDefault, showServers: byDefault', async () => {
+  // eslint-disable-next-line jest/expect-expect
+  test('should render with showOperations: byDefault, showServers: byDefault', () => {
     render(
       <ConfigContext.Provider
         value={{
diff --git a/library/src/contexts/useSpec.ts b/library/src/contexts/useSpec.ts
index 6af268243..785448d7f 100644
--- a/library/src/contexts/useSpec.ts
+++ b/library/src/contexts/useSpec.ts
@@ -3,6 +3,7 @@ import { AsyncAPIDocumentInterface } from '@asyncapi/parser';
 
 export const SpecificationContext = React.createContext<
   AsyncAPIDocumentInterface
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
 >(null as any);
 
 export function useSpec() {
diff --git a/library/src/helpers/__tests__/common.test.ts b/library/src/helpers/__tests__/common.test.ts
index 3049195c7..7dbaefb4f 100644
--- a/library/src/helpers/__tests__/common.test.ts
+++ b/library/src/helpers/__tests__/common.test.ts
@@ -7,7 +7,7 @@ describe('CommonHelpers', () => {
       expect(result).toEqual(`test`);
     });
 
-    test('should return identifier without config argument', () => {
+    test('should return identifier with config argument', () => {
       const result = CommonHelpers.getIdentifier('test', {
         schemaID: 'prefix-id',
       });
diff --git a/library/src/helpers/__tests__/message.test.ts b/library/src/helpers/__tests__/message.test.ts
index c0b5ece8a..55f5e960c 100644
--- a/library/src/helpers/__tests__/message.test.ts
+++ b/library/src/helpers/__tests__/message.test.ts
@@ -1,21 +1,22 @@
+/* eslint-disable sonarjs/no-duplicate-string */
 import { MessageHelpers } from '../message';
 import { MessageV2 as Message } from '@asyncapi/parser';
 
 describe('MessageHelpers', () => {
   describe('.generateExample', () => {
     test('should return empty string by default', () => {
-      const result = MessageHelpers.generateExample({});
-      expect(result).toEqual('');
+      expect(MessageHelpers.generateExample({})).toEqual('');
     });
 
     test('should instantiate all properties', () => {
-      const result = MessageHelpers.generateExample({
-        properties: {
-          a: { type: 'string' },
-          b: { type: 'integer' },
-        },
-      });
-      expect(result).toEqual({
+      expect(
+        MessageHelpers.generateExample({
+          properties: {
+            a: { type: 'string' },
+            b: { type: 'integer' },
+          },
+        }),
+      ).toEqual({
         a: 'string',
         b: 0,
       });
@@ -24,14 +25,15 @@ describe('MessageHelpers', () => {
 
   describe('.sanitizeExample', () => {
     test('should sanitize example', () => {
-      const result = MessageHelpers.sanitizeExample({
-        properties: {
-          a: { type: 'string' },
-          b: { type: 'integer', 'x-schema-private-foo': true },
-        },
-        'x-parser-foo': true,
-      });
-      expect(result).toEqual({
+      expect(
+        MessageHelpers.sanitizeExample({
+          properties: {
+            a: { type: 'string' },
+            b: { type: 'integer', 'x-schema-private-foo': true },
+          },
+          'x-parser-foo': true,
+        }),
+      ).toEqual({
         properties: {
           a: { type: 'string' },
           b: { type: 'integer' },
diff --git a/library/src/helpers/__tests__/schema.test.ts b/library/src/helpers/__tests__/schema.test.ts
index 59edfceef..aaa5b6f7a 100644
--- a/library/src/helpers/__tests__/schema.test.ts
+++ b/library/src/helpers/__tests__/schema.test.ts
@@ -1,3 +1,4 @@
+/* eslint-disable sonarjs/no-duplicate-string */
 import { ParameterObject } from '@asyncapi/parser/esm/spec-types/v2';
 import { SchemaHelpers, SchemaCustomTypes } from '../schema';
 import {
@@ -11,12 +12,12 @@ import {
 describe('SchemaHelpers', () => {
   describe('.toSchemaType', () => {
     test('should handle falsy value', () => {
-      const result = SchemaHelpers.toSchemaType(null as any);
+      const result = SchemaHelpers.toSchemaType(null as never);
       expect(result).toEqual(SchemaCustomTypes.UNKNOWN);
     });
 
     test('should handle object without .json() function', () => {
-      const result = SchemaHelpers.toSchemaType({} as any);
+      const result = SchemaHelpers.toSchemaType({} as never);
       expect(result).toEqual(SchemaCustomTypes.UNKNOWN);
     });
 
@@ -32,7 +33,7 @@ describe('SchemaHelpers', () => {
       expect(result).toEqual(SchemaCustomTypes.ANY);
     });
 
-    test('should handle schema with non JSON Schema keywords ', () => {
+    test('should handle schema with non JSON Schema keywords', () => {
       const schema = new Schema({ foo: 'bar', 'x-ext': 'someExt' });
       const result = SchemaHelpers.toSchemaType(schema);
       expect(result).toEqual(SchemaCustomTypes.ANY);
@@ -427,7 +428,8 @@ describe('SchemaHelpers', () => {
       const variables = new ServerVariablesV2([
         new ServerVariable(
           { enum: ['foo', 'bar'], default: 'foo' },
-          { asyncapi: {} as any, pointer: '', id: 'foo' },
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+          { asyncapi: {} as never, pointer: '', id: 'foo' },
         ),
         new ServerVariable(
           {
@@ -436,7 +438,7 @@ describe('SchemaHelpers', () => {
             examples: ['foo', 'bar'],
             description: 'Some description',
           },
-          { asyncapi: {} as any, pointer: '', id: 'bar' },
+          { asyncapi: {} as never, pointer: '', id: 'bar' },
         ),
       ]);
       const schema = new Schema({
@@ -469,7 +471,7 @@ describe('SchemaHelpers', () => {
       for (const [paramProperty, param] of Object.entries(parameters)) {
         params.push(
           new ChannelParameter(param as ParameterObject, {
-            asyncapi: {} as any,
+            asyncapi: {} as never,
             pointer: '',
             id: paramProperty,
           }),
@@ -545,8 +547,7 @@ describe('SchemaHelpers', () => {
         const: 'foobar',
         'x-schema-private-raw-value': true,
       });
-      const result = SchemaHelpers.jsonToSchema(json);
-      expect(result).toEqual(schema);
+      expect(SchemaHelpers.jsonToSchema(json)).toEqual(schema);
     });
 
     test('should transform number to schema', () => {
@@ -556,8 +557,7 @@ describe('SchemaHelpers', () => {
         const: '2137',
         'x-schema-private-raw-value': true,
       });
-      const result = SchemaHelpers.jsonToSchema(json);
-      expect(result).toEqual(schema);
+      expect(SchemaHelpers.jsonToSchema(json)).toEqual(schema);
     });
 
     test('should transform boolean to schema', () => {
@@ -567,8 +567,7 @@ describe('SchemaHelpers', () => {
         const: 'true',
         'x-schema-private-raw-value': true,
       });
-      const result = SchemaHelpers.jsonToSchema(json);
-      expect(result).toEqual(schema);
+      expect(SchemaHelpers.jsonToSchema(json)).toEqual(schema);
     });
 
     test('should transform array to schema', () => {
@@ -594,8 +593,7 @@ describe('SchemaHelpers', () => {
         ],
         'x-schema-private-render-additional-info': false,
       });
-      const result = SchemaHelpers.jsonToSchema(json);
-      expect(result).toEqual(schema);
+      expect(SchemaHelpers.jsonToSchema(json)).toEqual(schema);
     });
 
     test('should transform object to schema', () => {
@@ -613,8 +611,7 @@ describe('SchemaHelpers', () => {
         },
         'x-schema-private-render-additional-info': false,
       });
-      const result = SchemaHelpers.jsonToSchema(json);
-      expect(result).toEqual(schema);
+      expect(SchemaHelpers.jsonToSchema(json)).toEqual(schema);
     });
 
     test('should transform complex data to schema', () => {
@@ -654,28 +651,25 @@ describe('SchemaHelpers', () => {
         },
         'x-schema-private-render-additional-info': false,
       });
-      const result = SchemaHelpers.jsonToSchema(json);
-      expect(result).toEqual(schema);
+      expect(SchemaHelpers.jsonToSchema(json)).toEqual(schema);
     });
 
     test('should return empty string when data is null', () => {
-      const result = SchemaHelpers.jsonToSchema(null);
       const schema = new Schema({
         type: 'string',
         const: '',
         'x-schema-private-raw-value': true,
       });
-      expect(result).toEqual(schema);
+      expect(SchemaHelpers.jsonToSchema(null)).toEqual(schema);
     });
 
     test('should return empty string when data is undefined', () => {
-      const result = SchemaHelpers.jsonToSchema(undefined);
       const schema = new Schema({
         type: 'string',
         const: '',
         'x-schema-private-raw-value': true,
       });
-      expect(result).toEqual(schema);
+      expect(SchemaHelpers.jsonToSchema(undefined)).toEqual(schema);
     });
   });
 
@@ -806,7 +800,7 @@ describe('SchemaHelpers', () => {
           },
         },
       };
-      const schema = new Schema(jsonSchema as any);
+      const schema = new Schema(jsonSchema as never);
       const expected = new Schema({
         type: 'object',
         properties: {
@@ -851,7 +845,7 @@ describe('SchemaHelpers', () => {
           },
         },
       };
-      const schema = new Schema(jsonSchema as any);
+      const schema = new Schema(jsonSchema as never);
       const expected = new Schema({
         type: 'object',
         properties: {
diff --git a/library/src/helpers/__tests__/sidebar.test.ts b/library/src/helpers/__tests__/sidebar.test.ts
index 32b89c85c..ecd504f87 100644
--- a/library/src/helpers/__tests__/sidebar.test.ts
+++ b/library/src/helpers/__tests__/sidebar.test.ts
@@ -5,7 +5,7 @@ describe('sidebar', () => {
   describe('.filterObjectsByTags', () => {
     test('should handle empty objects and find nothing', () => {
       const tagsToFind = ['test'];
-      const objects: Array<TagObject<OperationInterface>> = [];
+      const objects: TagObject<OperationInterface>[] = [];
       const filteredTags = filterObjectsByTags(tagsToFind, objects);
       expect(filteredTags.tagged.size).toEqual(0);
       expect(filteredTags.untagged.length).toEqual(0);
@@ -13,7 +13,7 @@ describe('sidebar', () => {
     test('should handle find one instance', () => {
       const tagsToFind = ['test'];
       const tagsToSearch = new TagsV2([new TagV2({ name: 'test' })]);
-      const objects: Array<TagObject<any>> = [
+      const objects: TagObject<unknown>[] = [
         { data: {}, name: '', tags: tagsToSearch },
       ];
       const filteredTags = filterObjectsByTags(tagsToFind, objects);
@@ -37,10 +37,10 @@ describe('sidebar', () => {
         name: '',
         tags: new TagsV2([new TagV2({ name: 'test' })]),
       };
-      const objects: Array<TagObject<any>> = [obj1, obj2, obj3];
+      const objects: TagObject<unknown>[] = [obj1, obj2, obj3];
       const filteredTags = filterObjectsByTags(tagsToFind, objects);
       expect(filteredTags.tagged.size).toEqual(1);
-      expect(filteredTags.tagged.get('test')!.length).toEqual(2);
+      expect(filteredTags.tagged.get('test')?.length).toEqual(2);
       expect(filteredTags.untagged.length).toEqual(1);
     });
   });
diff --git a/library/src/helpers/__tests__/specification.test.ts b/library/src/helpers/__tests__/specification.test.ts
index 48c4532c2..69d654568 100644
--- a/library/src/helpers/__tests__/specification.test.ts
+++ b/library/src/helpers/__tests__/specification.test.ts
@@ -20,7 +20,7 @@ describe('SpecificationHelpers', () => {
       expect(result instanceof AsyncAPIDocument).toEqual(true);
     });
 
-    test('should return parsed specification when is passed parsed stringified spec (by string) ', () => {
+    test('should return parsed specification when is passed parsed stringified spec (by string)', () => {
       const doc = {
         asyncapi: '2.0.0',
         info: { title: 'test', version: '0.0.0' },
diff --git a/library/src/helpers/bindingsHelpers.ts b/library/src/helpers/bindingsHelpers.ts
index 5b63b673e..5f2657f0c 100644
--- a/library/src/helpers/bindingsHelpers.ts
+++ b/library/src/helpers/bindingsHelpers.ts
@@ -18,6 +18,7 @@ class BindingsHelper {
     return this.schemaObjectKeys.includes(`${bindingType}.${context}`);
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   isObject(value: any): boolean {
     return !!value && typeof value === 'object';
   }
diff --git a/library/src/helpers/common.ts b/library/src/helpers/common.ts
index cfc71694b..3a44bde57 100644
--- a/library/src/helpers/common.ts
+++ b/library/src/helpers/common.ts
@@ -9,6 +9,7 @@ import {
   SEND_LABEL_DEFAULT_TEXT,
   SUBSCRIBE_LABEL_DEFAULT_TEXT,
 } from '../constants';
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 export class CommonHelpers {
   static getIdentifier(id: string, config?: ConfigInterface) {
     const schemaID = config?.schemaID;
@@ -25,10 +26,8 @@ export class CommonHelpers {
         return PayloadType.SEND;
       }
     }
-    if (operation.isReceive()) {
-      if (operation.reply() !== undefined) {
-        return PayloadType.REPLY;
-      }
+    if (operation.isReceive() && operation.reply() !== undefined) {
+      return PayloadType.REPLY;
     }
     return PayloadType.RECEIVE;
   }
@@ -52,13 +51,11 @@ export class CommonHelpers {
         );
       }
     }
-    if (operation.isReceive()) {
-      if (operation.reply() !== undefined) {
-        return CommonHelpers.getIdentifier(
-          `operation-${PayloadType.REPLY}-${operation.id()}`,
-          config,
-        );
-      }
+    if (operation.isReceive() && operation.reply() !== undefined) {
+      return CommonHelpers.getIdentifier(
+        `operation-${PayloadType.REPLY}-${operation.id()}`,
+        config,
+      );
     }
     return CommonHelpers.getIdentifier(
       `operation-${PayloadType.RECEIVE}-${operation.id()}`,
diff --git a/library/src/helpers/marked.ts b/library/src/helpers/marked.ts
index 12deb76a4..30428d3a9 100644
--- a/library/src/helpers/marked.ts
+++ b/library/src/helpers/marked.ts
@@ -1,27 +1,32 @@
 import { marked } from 'marked';
 
-// @ts-ignore
+// @ts-expect-error no types exists
 import hljs from 'highlight.js/lib/core';
 
-// @ts-ignore
+// @ts-expect-error no types exists
 import json from 'highlight.js/lib/languages/json';
+// eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
 hljs.registerLanguage('json', json);
 
-// @ts-ignore
+// @ts-expect-error no types exists
 import yaml from 'highlight.js/lib/languages/yaml';
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
 hljs.registerLanguage('yaml', yaml);
 
-// @ts-ignore
+// @ts-expect-error no types exists
 import bash from 'highlight.js/lib/languages/bash';
+// eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
 hljs.registerLanguage('bash', bash);
 
 const markedOptions: marked.MarkedOptions = {
   langPrefix: 'hljs language-',
   highlight: (code, language) => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
     if (!hljs.getLanguage(language)) {
       return code;
     }
     try {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
       return hljs.highlight(code, { language }).value;
     } catch (e) {
       return code;
diff --git a/library/src/helpers/message.ts b/library/src/helpers/message.ts
index bf21d946a..8e78deded 100644
--- a/library/src/helpers/message.ts
+++ b/library/src/helpers/message.ts
@@ -1,20 +1,24 @@
 import { MessageInterface } from '@asyncapi/parser';
-// @ts-ignore
 import { sample } from 'openapi-sampler';
 
 import { MessageExample } from '../types';
 
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 export class MessageHelpers {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   static generateExample(schema: any, options: any = {}) {
     try {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-argument
       return this.sanitizeExample(sample(schema, options)) || '';
     } catch (e) {
       return '';
     }
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   static sanitizeExample(schema: any): any {
     if (typeof schema === 'object' && schema && !Array.isArray(schema)) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
       return Object.entries(schema).reduce((obj, [propertyName, property]) => {
         if (
           !propertyName.startsWith('x-parser-') &&
@@ -54,9 +58,11 @@ export class MessageHelpers {
 
     const payload = msg.payload();
     if (payload?.examples()) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       return payload.examples()?.map(example => ({ example }));
     }
-    return;
+
+    return undefined;
   }
 
   static getHeadersExamples(
@@ -84,6 +90,7 @@ export class MessageHelpers {
 
     const headers = msg.headers();
     if (headers?.examples()) {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       return headers.examples()?.map(example => ({ example }));
     }
     return undefined;
diff --git a/library/src/helpers/parser.ts b/library/src/helpers/parser.ts
index a078bcef9..44947ca09 100644
--- a/library/src/helpers/parser.ts
+++ b/library/src/helpers/parser.ts
@@ -12,12 +12,16 @@ asyncapiParser.registerSchemaParser(OpenAPISchemaParser());
 asyncapiParser.registerSchemaParser(AvroSchemaParser());
 asyncapiParser.registerSchemaParser(ProtoBuffSchemaParser());
 
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 export class Parser {
   static async parse(
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents, @typescript-eslint/no-explicit-any
     content: string | any,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     parserOptions?: any,
   ): Promise<ParserReturn> {
     try {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
       const { document } = await asyncapiParser.parse(content, parserOptions);
       return { asyncapi: document };
     } catch (err) {
@@ -27,14 +31,17 @@ export class Parser {
 
   static async parseFromUrl(
     arg: FetchingSchemaInterface,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     parserOptions?: any,
   ): Promise<ParserReturn> {
     try {
       const fromResult = fromURL(
         asyncapiParser,
         arg.url,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         arg.requestOptions as any,
       );
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
       const { document } = await fromResult.parse(parserOptions);
       return { asyncapi: document };
     } catch (err) {
diff --git a/library/src/helpers/schema.ts b/library/src/helpers/schema.ts
index b2c8ebbe3..176c72a3d 100644
--- a/library/src/helpers/schema.ts
+++ b/library/src/helpers/schema.ts
@@ -59,6 +59,7 @@ const jsonSchemaKeywordTypes: Record<string, string> = {
 };
 const jsonSchemaKeywords = Object.keys(jsonSchemaKeywordTypes);
 
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 export class SchemaHelpers {
   static extRenderAdditionalInfo = 'x-schema-private-render-additional-info';
   static extRawValue = 'x-schema-private-raw-value';
@@ -119,9 +120,11 @@ export class SchemaHelpers {
     }
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   static prettifyValue(value: any, strict = true): string {
     const typeOf = typeof value;
     if (typeOf === 'string') {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
       return strict ? `"${value}"` : value;
     }
     if (typeOf === 'number' || typeOf === 'bigint' || typeOf === 'boolean') {
@@ -195,25 +198,19 @@ export class SchemaHelpers {
     }
 
     if (
-      schema.oneOf() ||
-      schema.anyOf() ||
-      schema.allOf() ||
-      Object.keys(schema.properties() || {}).length > 0 ||
-      schema.items() ||
-      schema.not() ||
-      schema.if() ||
-      schema.then() ||
+      ((schema.oneOf() ??
+        schema.anyOf() ??
+        schema.allOf() ??
+        Object.keys(schema.properties() ?? {}).length > 0) ||
+        (schema.items() ?? schema.not() ?? schema.if() ?? schema.then())) ??
       schema.else()
     ) {
       return true;
     }
 
     const customExtensions = this.getCustomExtensions(schema);
-    if (customExtensions && Object.keys(customExtensions).length) {
-      return true;
-    }
 
-    return false;
+    return !!(customExtensions && Object.keys(customExtensions).length);
   }
 
   static serverVariablesToSchema(
@@ -234,6 +231,7 @@ export class SchemaHelpers {
       required: Object.keys(obj),
       [this.extRenderAdditionalInfo]: false,
     };
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return new SchemaClass(json as any);
   }
 
@@ -261,11 +259,15 @@ export class SchemaHelpers {
       required: Object.keys(obj),
       [this.extRenderAdditionalInfo]: false,
     };
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return new SchemaClass(json as any);
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   static jsonToSchema(value: any): any {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const json = this.jsonFieldToSchema(value);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
     return new SchemaClass(json);
   }
 
@@ -275,10 +277,13 @@ export class SchemaHelpers {
    *
    * @param value
    */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   static getCustomExtensions(value: any) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     if (!value || typeof value.extensions !== 'function') {
       return;
     }
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
     const extensions = value.extensions() as ExtensionsInterface;
     const filteredExtensions: Record<string, unknown> = {};
     for (const ext of extensions.all()) {
@@ -345,7 +350,8 @@ export class SchemaHelpers {
       properties: Object.entries(records).reduce(
         (obj, [propertyName, propertySchema]) => {
           obj[propertyName] = {
-            ...(propertySchema.json() as Record<string, unknown>),
+            // @ts-expect-error add proper check
+            ...propertySchema.json(),
           };
           return obj;
         },
@@ -353,6 +359,7 @@ export class SchemaHelpers {
       ),
       [this.extRenderAdditionalInfo]: false,
     };
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
     return new SchemaClass(json as any);
   }
 
@@ -401,9 +408,10 @@ export class SchemaHelpers {
     if (schema.allOf()) {
       return 'allOf';
     }
-    return;
+    return undefined;
   }
 
+  // eslint-disable-next-line sonarjs/cognitive-complexity
   private static inferType(schema: SchemaInterface): string[] | string {
     let types = schema.type();
 
@@ -418,6 +426,7 @@ export class SchemaHelpers {
       return types;
     }
 
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const constValue = schema.const();
     if (constValue !== undefined) {
       return typeof constValue;
@@ -441,6 +450,7 @@ export class SchemaHelpers {
     return SchemaCustomTypes.ANY;
   }
 
+  // eslint-disable-next-line sonarjs/cognitive-complexity
   private static humanizeNumberRangeConstraint(
     min: number | undefined,
     exclusiveMin: number | undefined,
@@ -506,6 +516,7 @@ export class SchemaHelpers {
     return stringRange;
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   private static jsonFieldToSchema(value: any): any {
     if (value === undefined || value === null) {
       return {
@@ -515,10 +526,13 @@ export class SchemaHelpers {
       };
     }
     if (typeof value !== 'object') {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       const str =
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
         typeof value.toString === 'function' ? value.toString() : value;
       return {
         type: 'string',
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
         const: str,
         [this.extRawValue]: true,
       };
@@ -529,12 +543,14 @@ export class SchemaHelpers {
     if (Array.isArray(value)) {
       return {
         type: 'array',
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-return
         items: value.map(v => this.jsonFieldToSchema(v)),
         [this.extRenderAdditionalInfo]: false,
       };
     }
     return {
       type: 'object',
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
       properties: Object.entries(value).reduce((obj, [k, v]) => {
         obj[k] = this.jsonFieldToSchema(v);
         return obj;
@@ -543,12 +559,17 @@ export class SchemaHelpers {
     };
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   private static isJSONSchema(value: any): boolean {
+    // eslint-disable-next-line sonarjs/prefer-single-boolean-return
     if (
       value &&
       typeof value === 'object' &&
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
       (jsonSchemaTypes.includes(value.type) ||
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
         (Array.isArray(value.type) &&
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
           value.type.some((t: string) => !jsonSchemaTypes.includes(t))))
     ) {
       return true;
diff --git a/library/src/helpers/server.ts b/library/src/helpers/server.ts
index c5e9d2f9d..72ff5bd09 100644
--- a/library/src/helpers/server.ts
+++ b/library/src/helpers/server.ts
@@ -1,5 +1,6 @@
 import { SecuritySchemeInterface } from '@asyncapi/parser';
 
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 export class ServerHelpers {
   static securityType(value: string) {
     switch (value) {
diff --git a/library/src/helpers/sidebar.ts b/library/src/helpers/sidebar.ts
index affab80f0..02485632e 100644
--- a/library/src/helpers/sidebar.ts
+++ b/library/src/helpers/sidebar.ts
@@ -1,5 +1,6 @@
 import { TagsInterface } from '@asyncapi/parser';
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export interface TagObject<T = any> {
   name: string;
   tags: TagsInterface;
@@ -15,7 +16,7 @@ export interface SortedReturnType {
  */
 export function filterObjectsByTags<T>(
   tags: string[],
-  objects: Array<TagObject<T>>,
+  objects: TagObject<T>[],
 ): SortedReturnType {
   const taggedObjects = new Set<TagObject>();
   const tagged = new Map<string, TagObject[]>();
diff --git a/library/src/helpers/specification.ts b/library/src/helpers/specification.ts
index fd27be001..cfb770d47 100644
--- a/library/src/helpers/specification.ts
+++ b/library/src/helpers/specification.ts
@@ -8,12 +8,13 @@ import {
 } from '@asyncapi/parser';
 import { isStringifiedDocument } from '@asyncapi/parser/cjs/document';
 
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 export class SpecificationHelpers {
   /**
    * Returns parsed AsyncAPI specification.
    */
   static retrieveParsedSpec(
-    schema: any,
+    schema: unknown,
   ): AsyncAPIDocumentInterface | undefined {
     if (!schema) {
       return undefined;
@@ -32,7 +33,7 @@ export class SpecificationHelpers {
     // check if input is a string and try parse it
     if (typeof schema === 'string') {
       try {
-        schema = JSON.parse(schema);
+        schema = JSON.parse(schema) as Record<string, unknown>;
       } catch (e) {
         return undefined;
       }
@@ -50,17 +51,20 @@ export class SpecificationHelpers {
    * Check if given schema have one of the specified tags.
    */
   static containTags(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     schema: any,
     tags: TagInterface | TagInterface[],
   ): boolean {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const tagsToCheck =
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
       typeof schema.tags === 'function' ? schema.tags() : undefined;
     if (tagsToCheck === undefined || !Array.isArray(tagsToCheck)) {
       return false;
     }
-    tags = Array.isArray(tags) ? tags : [tags];
+    const tagsArr = Array.isArray(tags) ? tags : [tags];
     return tagsToCheck.some((tag: TagInterface) =>
-      (tags as TagInterface[]).some(t => t.name() === tag.name()),
+      tagsArr.some(t => t.name() === tag.name()),
     );
   }
 
@@ -69,7 +73,7 @@ export class SpecificationHelpers {
    */
   static operationsTags(spec: AsyncAPIDocumentInterface) {
     const tags = new Map<string, TagInterface>();
-    Object.entries(spec.operations().all()).forEach(([_, operation]) => {
+    Object.entries(spec.operations().all()).forEach(([, operation]) => {
       if (operation?.tags().length > 0) {
         operation
           .tags()
diff --git a/library/src/standalone-codebase.ts b/library/src/standalone-codebase.ts
index f69f2cbb7..39fcd2575 100644
--- a/library/src/standalone-codebase.ts
+++ b/library/src/standalone-codebase.ts
@@ -1,6 +1,8 @@
 import React from 'react';
 import {
+  // eslint-disable-next-line react/no-deprecated
   hydrate as hydrateComponent,
+  // eslint-disable-next-line react/no-deprecated
   render as renderComponent,
 } from 'react-dom';
 
@@ -16,17 +18,19 @@ function querySelector(selector: string): Element | DocumentFragment | null {
  *
  * @param {Any} component of any kind
  */
-export function createRender<P>(component: any) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function createRender<P extends object>(component: any) {
   return (
     props: P,
     container?: Element | DocumentFragment | null,
     callback?: () => void,
   ) => {
-    container = container || querySelector('asyncapi');
+    container = container ?? querySelector('asyncapi');
     if (container === null) {
       return;
     }
 
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
     renderComponent(React.createElement(component, props), container, callback);
   };
 }
@@ -36,18 +40,20 @@ export function createRender<P>(component: any) {
  *
  * @param {Any} component of any kind
  */
-export function createHydrate<P>(component: any) {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function createHydrate<P extends object>(component: any) {
   return (
     props: P,
     container?: Element | DocumentFragment | null,
     callback?: () => void,
   ) => {
-    container = container || querySelector('asyncapi');
+    container = container ?? querySelector('asyncapi');
     if (container === null) {
       return;
     }
 
     hydrateComponent(
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
       React.createElement(component, props),
       container,
       callback,
diff --git a/library/src/standalone-without-parser.ts b/library/src/standalone-without-parser.ts
index 746c7e6b0..63bbc3816 100644
--- a/library/src/standalone-without-parser.ts
+++ b/library/src/standalone-without-parser.ts
@@ -5,8 +5,10 @@ import AsyncApiComponent, {
 import { createRender, createHydrate } from './standalone-codebase';
 import { hljs } from './helpers';
 
+// eslint-disable-next-line import/no-anonymous-default-export
 export default {
   render: createRender<AsyncApiProps>(AsyncApiComponent),
   hydrate: createHydrate<AsyncApiProps>(AsyncApiComponent),
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   hljs,
 };
diff --git a/library/src/standalone.ts b/library/src/standalone.ts
index 1c9ba6abd..5ed62e13a 100644
--- a/library/src/standalone.ts
+++ b/library/src/standalone.ts
@@ -5,8 +5,10 @@ import AsyncApiComponent, {
 import { createRender, createHydrate } from './standalone-codebase';
 import { hljs } from './helpers';
 
+// eslint-disable-next-line import/no-anonymous-default-export
 export default {
   render: createRender<AsyncApiProps>(AsyncApiComponent),
   hydrate: createHydrate<AsyncApiProps>(AsyncApiComponent),
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   hljs,
 };
diff --git a/library/src/types.ts b/library/src/types.ts
index d6d1e2db4..c1d52ae4c 100644
--- a/library/src/types.ts
+++ b/library/src/types.ts
@@ -39,7 +39,7 @@ export enum PayloadType {
 export interface MessageExample {
   name?: string;
   summary?: string;
-  example: any;
+  example: unknown;
 }
 
 export interface ValidationError {
@@ -59,14 +59,14 @@ export interface ErrorObject {
   type: string;
   title: string;
   detail?: string;
-  parsedJSON?: any;
+  parsedJSON?: unknown;
   validationErrors?: ValidationError[];
   location?: {
     startLine: number;
     startColumn: number;
     startOffset: number;
   };
-  refs?: Array<{
+  refs?: {
     title: string;
     jsonPointer: string;
     startLine: number;
@@ -75,5 +75,5 @@ export interface ErrorObject {
     endLine: number;
     endColumn: number;
     endOffset: number;
-  }>;
+  }[];
 }
diff --git a/library/webpack.config.js b/library/webpack.config.js
index 5df644176..9fddc67b5 100644
--- a/library/webpack.config.js
+++ b/library/webpack.config.js
@@ -144,7 +144,7 @@ const standaloneBundle = {
 
 const bundles = [];
 
-process.env['BUILD_MODE'] === 'umd' && bundles.push(umdBundle);
-process.env['BUILD_MODE'] === 'standalone' && bundles.push(standaloneBundle);
+process.env.BUILD_MODE === 'umd' && bundles.push(umdBundle);
+process.env.BUILD_MODE === 'standalone' && bundles.push(standaloneBundle);
 
 module.exports = bundles;
diff --git a/package-lock.json b/package-lock.json
index 6a29d6a67..29a80798d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,19 +10,23 @@
         "web-component"
       ],
       "devDependencies": {
+        "@typescript-eslint/eslint-plugin": "^7.7.1",
+        "@typescript-eslint/eslint-plugin-tslint": "^7.0.2",
+        "@typescript-eslint/parser": "^7.7.1",
         "concurrently": "^6.0.1",
-        "husky": "^2.4.1",
+        "eslint": "^8.57.0",
+        "eslint-config-next": "^14.2.2",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-import": "^2.29.1",
+        "eslint-plugin-jest": "^28.2.0",
+        "eslint-plugin-react": "^7.34.1",
+        "eslint-plugin-sonarjs": "^0.25.1",
         "lerna": "^8.1.2",
-        "lint-staged": "15.2.2",
         "markdown-toc": "^1.2.0",
         "markdownlint-cli": "^0.17.0",
         "prettier": "^1.18.2",
         "react-split": "^2.0.9",
         "tslib": "^1.10.0",
-        "tslint": "^5.17.0",
-        "tslint-config-prettier": "^1.18.0",
-        "tslint-react": "^4.0.0",
-        "tslint-react-hooks": "^2.1.1",
         "typescript": "^5.3.3"
       },
       "engines": {
@@ -3632,9 +3636,9 @@
       "integrity": "sha512-Py8zIo+02ht82brwwhTg36iogzFqGLPXlRGKQw5s+qP/kMNc4MAyDeEwBKDijk6zTIbegEgu8Qy7C1LboslQAw=="
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.1.0.tgz",
-      "integrity": "sha512-x4FavbNEeXx/baD/zC/SdrvkjSby8nBn8KcCREqk6UuwvwoAPZmaV8TFCAuo/cpovBRTIY67mHhe86MQQm/68Q==",
+      "version": "14.2.2",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.2.tgz",
+      "integrity": "sha512-q+Ec2648JtBpKiu/FSJm8HAsFXlNvioHeBCbTP12T1SGcHYwhqHULSfQgFkPgHDu3kzNp2Kem4J54bK4rPQ5SQ==",
       "dev": true,
       "dependencies": {
         "glob": "10.3.10"
@@ -5529,6 +5533,12 @@
       "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
       "dev": true
     },
+    "node_modules/@types/semver": {
+      "version": "7.5.8",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
+      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
+      "dev": true
+    },
     "node_modules/@types/sinonjs__fake-timers": {
       "version": "6.0.4",
       "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-6.0.4.tgz",
@@ -5596,27 +5606,34 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
-      "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.7.1.tgz",
+      "integrity": "sha512-KwfdWXJBOviaBVhxO3p5TJiLpNuh2iyXyjmWN0f1nU87pwyvfS0EmjC6ukQVYVFJd/K1+0NWGPDXiyEyQorn0Q==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "6.21.0",
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/typescript-estree": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0",
-        "debug": "^4.3.4"
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "7.7.1",
+        "@typescript-eslint/type-utils": "7.7.1",
+        "@typescript-eslint/utils": "7.7.1",
+        "@typescript-eslint/visitor-keys": "7.7.1",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
+        "@typescript-eslint/parser": "^7.0.0",
+        "eslint": "^8.56.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -5624,14 +5641,13 @@
         }
       }
     },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
-      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
+    "node_modules/@typescript-eslint/eslint-plugin-tslint": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin-tslint/-/eslint-plugin-tslint-7.0.2.tgz",
+      "integrity": "sha512-Os20XlgmnXPlfqcvO5I6asARarEXZ/BQ2WEHaphfN+d8CUq8H3lGM2ep3SGcwaF1PXpAxfNBDN8U4EYhliFfSQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0"
+        "@typescript-eslint/utils": "7.0.2"
       },
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -5639,12 +5655,34 @@
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0",
+        "tslint": "^5.0.0 || ^6.0.0",
+        "typescript": "*"
       }
     },
-    "node_modules/@typescript-eslint/types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
-      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
+    "node_modules/@typescript-eslint/eslint-plugin-tslint/node_modules/@typescript-eslint/scope-manager": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.0.2.tgz",
+      "integrity": "sha512-l6sa2jF3h+qgN2qUMjVR3uCNGjWw4ahGfzIYsCtFrQJCjhbrDPdiihYT8FnnqFwsWX+20hK592yX9I2rxKTP4g==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "7.0.2",
+        "@typescript-eslint/visitor-keys": "7.0.2"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin-tslint/node_modules/@typescript-eslint/types": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.0.2.tgz",
+      "integrity": "sha512-ZzcCQHj4JaXFjdOql6adYV4B/oFOFjPOC9XYwCaZFRvqN8Llfvv4gSxrkQkd2u4Ci62i2c6W6gkDwQJDaRc4nA==",
       "dev": true,
       "engines": {
         "node": "^16.0.0 || >=18.0.0"
@@ -5654,14 +5692,14 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
-      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
+    "node_modules/@typescript-eslint/eslint-plugin-tslint/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.0.2.tgz",
+      "integrity": "sha512-3AMc8khTcELFWcKcPc0xiLviEvvfzATpdPj/DXuOGIdQIIFybf4DMT1vKRbuAEOFMwhWt7NFLXRkbjsvKZQyvw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.21.0",
-        "@typescript-eslint/visitor-keys": "6.21.0",
+        "@typescript-eslint/types": "7.0.2",
+        "@typescript-eslint/visitor-keys": "7.0.2",
         "debug": "^4.3.4",
         "globby": "^11.1.0",
         "is-glob": "^4.0.3",
@@ -5682,7 +5720,49 @@
         }
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+    "node_modules/@typescript-eslint/eslint-plugin-tslint/node_modules/@typescript-eslint/utils": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.0.2.tgz",
+      "integrity": "sha512-PZPIONBIB/X684bhT1XlrkjNZJIEevwkKDsdwfiu1WeqBxYEEdIgVDgm8/bbKHVu+6YOpeRqcfImTdImx/4Bsw==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "7.0.2",
+        "@typescript-eslint/types": "7.0.2",
+        "@typescript-eslint/typescript-estree": "7.0.2",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin-tslint/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.0.2.tgz",
+      "integrity": "sha512-8Y+YiBmqPighbm5xA2k4wKTxRzx9EkBu7Rlw+WHqMvRJ3RPz/BMBO9b2ru0LUNmXg120PHUXD5+SWFy2R8DqlQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "7.0.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin-tslint/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==",
@@ -5691,7 +5771,7 @@
         "balanced-match": "^1.0.0"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+    "node_modules/@typescript-eslint/eslint-plugin-tslint/node_modules/minimatch": {
       "version": "9.0.3",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
       "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
@@ -5706,17 +5786,179 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.7.1.tgz",
+      "integrity": "sha512-vmPzBOOtz48F6JAGVS/kZYk4EkXao6iGrD838sp1w3NQQC0W8ry/q641KU4PrG7AKNAf56NOcR8GOpH8l9FPCw==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "7.7.1",
+        "@typescript-eslint/types": "7.7.1",
+        "@typescript-eslint/typescript-estree": "7.7.1",
+        "@typescript-eslint/visitor-keys": "7.7.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.7.1.tgz",
+      "integrity": "sha512-PytBif2SF+9SpEUKynYn5g1RHFddJUcyynGpztX3l/ik7KmZEv19WCMhUBkHXPU9es/VWGD3/zg3wg90+Dh2rA==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "7.7.1",
+        "@typescript-eslint/visitor-keys": "7.7.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.7.1.tgz",
+      "integrity": "sha512-ZksJLW3WF7o75zaBPScdW1Gbkwhd/lyeXGf1kQCxJaOeITscoSl0MjynVvCzuV5boUz/3fOI06Lz8La55mu29Q==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "7.7.1",
+        "@typescript-eslint/utils": "7.7.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.7.1.tgz",
+      "integrity": "sha512-AmPmnGW1ZLTpWa+/2omPrPfR7BcbUU4oha5VIbSbS1a1Tv966bklvLNXxp3mrbc+P2j4MNOTfDffNsk4o0c6/w==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.7.1.tgz",
+      "integrity": "sha512-CXe0JHCXru8Fa36dteXqmH2YxngKJjkQLjxzoj6LYwzZ7qZvgsLSc+eqItCrqIop8Vl2UKoAi0StVWu97FQZIQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "7.7.1",
+        "@typescript-eslint/visitor-keys": "7.7.1",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/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,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
+      "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.7.1.tgz",
+      "integrity": "sha512-QUvBxPEaBXf41ZBbaidKICgVL8Hin0p6prQDu6bbetWo39BKbWJxRsErOzMNT1rXvTll+J7ChrbmMCXM9rsvOQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.15",
+        "@types/semver": "^7.5.8",
+        "@typescript-eslint/scope-manager": "7.7.1",
+        "@typescript-eslint/types": "7.7.1",
+        "@typescript-eslint/typescript-estree": "7.7.1",
+        "semver": "^7.6.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || >=20.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.56.0"
+      }
+    },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
-      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.7.1.tgz",
+      "integrity": "sha512-gBL3Eq25uADw1LQ9kVpf3hRM+DWzs0uZknHYK3hq4jcTPqVCClHGDnB6UUUV2SFeBeA4KWHWbbLqmbGcZ4FYbw==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "6.21.0",
-        "eslint-visitor-keys": "^3.4.1"
+        "@typescript-eslint/types": "7.7.1",
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
-        "node": "^16.0.0 || >=18.0.0"
+        "node": "^18.18.0 || >=20.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -7593,6 +7835,7 @@
       "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz",
       "integrity": "sha512-wxXCdllwGhI2kCC0MnvTGYTMvnVZTvqgypkiTI8Pa5tcz2i6VqsqwYGgqwXji+4RgCzms6EajE4IxiUH6HH8nQ==",
       "dev": true,
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8088,72 +8331,6 @@
         "@colors/colors": "1.5.0"
       }
     },
-    "node_modules/cli-truncate": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-4.0.0.tgz",
-      "integrity": "sha512-nPdaFdQ0h/GEigbPClz11D0v/ZJEwxmeVZGeMo3Z5StPtUTkA9o1lD6QwoirYiSDzbcwn2XcjwmCp68W1IS4TA==",
-      "dev": true,
-      "dependencies": {
-        "slice-ansi": "^5.0.0",
-        "string-width": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cli-truncate/node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/cli-truncate/node_modules/emoji-regex": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
-      "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
-      "dev": true
-    },
-    "node_modules/cli-truncate/node_modules/string-width": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.1.0.tgz",
-      "integrity": "sha512-SEIJCWiX7Kg4c129n48aDRwLbFb2LJmXXFrWBG4NGaRtMQ3myKPKbwrD1BKqQn74oCoNMBVrfDEr5M9YxCsrkw==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^10.3.0",
-        "get-east-asian-width": "^1.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cli-truncate/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
     "node_modules/cli-width": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
@@ -9895,6 +10072,7 @@
       "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
       "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
       "dev": true,
+      "peer": true,
       "engines": {
         "node": ">=0.3.1"
       }
@@ -10551,14 +10729,14 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.1.0.tgz",
-      "integrity": "sha512-SBX2ed7DoRFXC6CQSLc/SbLY9Ut6HxNB2wPTcoIWjUMd7aF7O/SIE7111L8FdZ9TXsNV4pulUDnfthpyPtbFUg==",
+      "version": "14.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.2.2.tgz",
+      "integrity": "sha512-12/uFc0KX+wUs7EDpOUGKMXBXZJiBVGdK5/m/QgXOCg2mQ0bQWoKSWNrCeOg7Vum6Kw1d1TW453W6xh+GbHquw==",
       "dev": true,
       "dependencies": {
-        "@next/eslint-plugin-next": "14.1.0",
+        "@next/eslint-plugin-next": "14.2.2",
         "@rushstack/eslint-patch": "^1.3.3",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
+        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0",
         "eslint-import-resolver-node": "^0.3.6",
         "eslint-import-resolver-typescript": "^3.5.2",
         "eslint-plugin-import": "^2.28.1",
@@ -10576,17 +10754,156 @@
         }
       }
     },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+    "node_modules/eslint-config-next/node_modules/@typescript-eslint/parser": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
+      "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
       "dev": true,
       "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
+      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/@typescript-eslint/types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
+      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
+      "dev": true,
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
+      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
+      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-config-next/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,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
+      "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
+      "dev": true,
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
     "node_modules/eslint-import-resolver-node/node_modules/debug": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
@@ -10708,113 +11025,262 @@
         "semver": "bin/semver.js"
       }
     },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz",
-      "integrity": "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==",
+    "node_modules/eslint-plugin-jest": {
+      "version": "28.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-28.2.0.tgz",
+      "integrity": "sha512-yRDti/a+f+SMSmNTiT9/M/MzXGkitl8CfzUxnpoQcTyfq8gUrXMriVcWU36W1X6BZSUoyUCJrDAWWUA2N4hE5g==",
       "dev": true,
       "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "aria-query": "^5.3.0",
-        "array-includes": "^3.1.7",
-        "array.prototype.flatmap": "^1.3.2",
-        "ast-types-flow": "^0.0.8",
-        "axe-core": "=4.7.0",
-        "axobject-query": "^3.2.1",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "es-iterator-helpers": "^1.0.15",
-        "hasown": "^2.0.0",
-        "jsx-ast-utils": "^3.3.5",
-        "language-tags": "^1.0.9",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.7",
-        "object.fromentries": "^2.0.7"
+        "@typescript-eslint/utils": "^6.0.0"
       },
       "engines": {
-        "node": ">=4.0"
+        "node": "^16.10.0 || ^18.12.0 || >=20.0.0"
       },
       "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y/node_modules/aria-query": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-      "dev": true,
-      "dependencies": {
-        "dequal": "^2.0.3"
+        "@typescript-eslint/eslint-plugin": "^6.0.0 || ^7.0.0",
+        "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0",
+        "jest": "*"
+      },
+      "peerDependenciesMeta": {
+        "@typescript-eslint/eslint-plugin": {
+          "optional": true
+        },
+        "jest": {
+          "optional": true
+        }
       }
     },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.34.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.34.0.tgz",
-      "integrity": "sha512-MeVXdReleBTdkz/bvcQMSnCXGi+c9kvy51IpinjnJgutl3YTHWsDdke7Z1ufZpGfDG8xduBDKyjtB9JH1eBKIQ==",
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
+      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
       "dev": true,
       "dependencies": {
-        "array-includes": "^3.1.7",
-        "array.prototype.findlast": "^1.2.4",
-        "array.prototype.flatmap": "^1.3.2",
-        "array.prototype.toreversed": "^1.1.2",
-        "array.prototype.tosorted": "^1.1.3",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.17",
-        "estraverse": "^5.3.0",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.7",
-        "object.fromentries": "^2.0.7",
-        "object.hasown": "^1.1.3",
-        "object.values": "^1.1.7",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.5",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.10"
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0"
       },
       "engines": {
-        "node": ">=4"
+        "node": "^16.0.0 || >=18.0.0"
       },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
+      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
       "dev": true,
       "engines": {
-        "node": ">=10"
+        "node": "^16.0.0 || >=18.0.0"
       },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
+      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
       "dev": true,
       "dependencies": {
-        "esutils": "^2.0.2"
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.5",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
-      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/utils": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.21.0.tgz",
+      "integrity": "sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==",
       "dev": true,
       "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-jest/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
+      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-plugin-jest/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,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-jest/node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz",
+      "integrity": "sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "aria-query": "^5.3.0",
+        "array-includes": "^3.1.7",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "=4.7.0",
+        "axobject-query": "^3.2.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "es-iterator-helpers": "^1.0.15",
+        "hasown": "^2.0.0",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.7",
+        "object.fromentries": "^2.0.7"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.34.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.34.1.tgz",
+      "integrity": "sha512-N97CxlouPT1AHt8Jn0mhhN2RrADlUAsk1/atcT2KyA/l9Q/E6ll7OIGwNumFmWfZ9skV3XXccYS19h80rHtgkw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.7",
+        "array.prototype.findlast": "^1.2.4",
+        "array.prototype.flatmap": "^1.3.2",
+        "array.prototype.toreversed": "^1.1.2",
+        "array.prototype.tosorted": "^1.1.3",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.0.17",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.7",
+        "object.fromentries": "^2.0.7",
+        "object.hasown": "^1.1.3",
+        "object.values": "^1.1.7",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.10"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -10829,6 +11295,18 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/eslint-plugin-sonarjs": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-sonarjs/-/eslint-plugin-sonarjs-0.25.1.tgz",
+      "integrity": "sha512-5IOKvj/GMBNqjxBdItfotfRHo7w48496GOu1hxdeXuD0mB1JBlDCViiLHETDTfA8pDAVSBimBEQoetRXYceQEw==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
     "node_modules/eslint-scope": {
       "version": "7.2.2",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
@@ -11741,18 +12219,6 @@
         "node": "6.* || 8.* || >= 10.*"
       }
     },
-    "node_modules/get-east-asian-width": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.2.0.tgz",
-      "integrity": "sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==",
-      "dev": true,
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/get-intrinsic": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
@@ -11810,15 +12276,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/get-stdin": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-7.0.0.tgz",
-      "integrity": "sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/get-stream": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
@@ -12168,7 +12625,8 @@
       "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz",
       "integrity": "sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==",
       "dev": true,
-      "optional": true
+      "optional": true,
+      "peer": true
     },
     "node_modules/gulp-header": {
       "version": "1.8.12",
@@ -12545,337 +13003,57 @@
         "debug": "4"
       },
       "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/http-signature": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz",
-      "integrity": "sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==",
-      "dev": true,
-      "dependencies": {
-        "assert-plus": "^1.0.0",
-        "jsprim": "^2.0.2",
-        "sshpk": "^1.14.1"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/https-browserify": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
-      "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
-      "dev": true
-    },
-    "node_modules/https-proxy-agent": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "dependencies": {
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/human-signals": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
-      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.12.0"
-      }
-    },
-    "node_modules/humanize-ms": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
-      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.0.0"
-      }
-    },
-    "node_modules/husky": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/husky/-/husky-2.7.0.tgz",
-      "integrity": "sha512-LIi8zzT6PyFpcYKdvWRCn/8X+6SuG2TgYYMrM6ckEYhlp44UcEduVymZGIZNLiwOUjrEud+78w/AsAiqJA/kRg==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "cosmiconfig": "^5.2.0",
-        "execa": "^1.0.0",
-        "find-up": "^3.0.0",
-        "get-stdin": "^7.0.0",
-        "is-ci": "^2.0.0",
-        "pkg-dir": "^4.1.0",
-        "please-upgrade-node": "^3.1.1",
-        "read-pkg": "^5.1.1",
-        "run-node": "^1.0.0",
-        "slash": "^3.0.0"
-      },
-      "bin": {
-        "husky-upgrade": "lib/upgrader/bin.js"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/husky/node_modules/ci-info": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
-      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
-      "dev": true
-    },
-    "node_modules/husky/node_modules/cross-spawn": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
-      "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
-      "dev": true,
-      "dependencies": {
-        "nice-try": "^1.0.4",
-        "path-key": "^2.0.1",
-        "semver": "^5.5.0",
-        "shebang-command": "^1.2.0",
-        "which": "^1.2.9"
-      },
-      "engines": {
-        "node": ">=4.8"
-      }
-    },
-    "node_modules/husky/node_modules/execa": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
-      "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^6.0.0",
-        "get-stream": "^4.0.0",
-        "is-stream": "^1.1.0",
-        "npm-run-path": "^2.0.0",
-        "p-finally": "^1.0.0",
-        "signal-exit": "^3.0.0",
-        "strip-eof": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/husky/node_modules/find-up": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
-      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/husky/node_modules/get-stream": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
-      "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
-      "dev": true,
-      "dependencies": {
-        "pump": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/husky/node_modules/is-ci": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-2.0.0.tgz",
-      "integrity": "sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==",
-      "dev": true,
-      "dependencies": {
-        "ci-info": "^2.0.0"
-      },
-      "bin": {
-        "is-ci": "bin.js"
-      }
-    },
-    "node_modules/husky/node_modules/is-stream": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
-      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/husky/node_modules/locate-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
-      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^3.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/husky/node_modules/npm-run-path": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
-      "integrity": "sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/husky/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/husky/node_modules/p-locate": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
-      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/husky/node_modules/path-exists": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
-      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/husky/node_modules/path-key": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-      "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/husky/node_modules/pkg-dir": {
-      "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,
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/husky/node_modules/pkg-dir/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,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/husky/node_modules/pkg-dir/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/husky/node_modules/pkg-dir/node_modules/p-locate": {
-      "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,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/husky/node_modules/pkg-dir/node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/husky/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
+        "node": ">= 6"
       }
     },
-    "node_modules/husky/node_modules/shebang-command": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-      "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==",
+    "node_modules/http-signature": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz",
+      "integrity": "sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==",
       "dev": true,
       "dependencies": {
-        "shebang-regex": "^1.0.0"
+        "assert-plus": "^1.0.0",
+        "jsprim": "^2.0.2",
+        "sshpk": "^1.14.1"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=0.10"
       }
     },
-    "node_modules/husky/node_modules/shebang-regex": {
+    "node_modules/https-browserify": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-      "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==",
+      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+      "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
+      "dev": true
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
+      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
       "dev": true,
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8.12.0"
       }
     },
-    "node_modules/husky/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
       "dev": true,
       "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
+        "ms": "^2.0.0"
       }
     },
     "node_modules/iconv-lite": {
@@ -16058,318 +16236,16 @@
       "integrity": "sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==",
       "dev": true,
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      }
-    },
-    "node_modules/linkify-it": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
-      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
-      "dev": true,
-      "dependencies": {
-        "uc.micro": "^1.0.1"
-      }
-    },
-    "node_modules/lint-staged": {
-      "version": "15.2.2",
-      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-15.2.2.tgz",
-      "integrity": "sha512-TiTt93OPh1OZOsb5B7k96A/ATl2AjIZo+vnzFZ6oHK5FuTk63ByDtxGQpHm+kFETjEWqgkF95M8FRXKR/LEBcw==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "5.3.0",
-        "commander": "11.1.0",
-        "debug": "4.3.4",
-        "execa": "8.0.1",
-        "lilconfig": "3.0.0",
-        "listr2": "8.0.1",
-        "micromatch": "4.0.5",
-        "pidtree": "0.6.0",
-        "string-argv": "0.3.2",
-        "yaml": "2.3.4"
-      },
-      "bin": {
-        "lint-staged": "bin/lint-staged.js"
-      },
-      "engines": {
-        "node": ">=18.12.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/lint-staged"
-      }
-    },
-    "node_modules/lint-staged/node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/lint-staged/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/lint-staged/node_modules/chalk": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
-      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
-      "dev": true,
-      "engines": {
-        "node": "^12.17.0 || ^14.13 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/lint-staged/node_modules/commander": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
-      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/lint-staged/node_modules/emoji-regex": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
-      "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
-      "dev": true
-    },
-    "node_modules/lint-staged/node_modules/eventemitter3": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
-      "dev": true
-    },
-    "node_modules/lint-staged/node_modules/execa": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-8.0.1.tgz",
-      "integrity": "sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^8.0.1",
-        "human-signals": "^5.0.0",
-        "is-stream": "^3.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^5.1.0",
-        "onetime": "^6.0.0",
-        "signal-exit": "^4.1.0",
-        "strip-final-newline": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=16.17"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/lint-staged/node_modules/get-stream": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-8.0.1.tgz",
-      "integrity": "sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lint-staged/node_modules/human-signals": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-5.0.0.tgz",
-      "integrity": "sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=16.17.0"
-      }
-    },
-    "node_modules/lint-staged/node_modules/is-stream": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
-      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lint-staged/node_modules/lilconfig": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz",
-      "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/lint-staged/node_modules/listr2": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.0.1.tgz",
-      "integrity": "sha512-ovJXBXkKGfq+CwmKTjluEqFi3p4h8xvkxGQQAQan22YCgef4KZ1mKGjzfGh6PL6AW5Csw0QiQPNuQyH+6Xk3hA==",
-      "dev": true,
-      "dependencies": {
-        "cli-truncate": "^4.0.0",
-        "colorette": "^2.0.20",
-        "eventemitter3": "^5.0.1",
-        "log-update": "^6.0.0",
-        "rfdc": "^1.3.0",
-        "wrap-ansi": "^9.0.0"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
-    "node_modules/lint-staged/node_modules/mimic-fn": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
-      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lint-staged/node_modules/npm-run-path": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.3.0.tgz",
-      "integrity": "sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lint-staged/node_modules/onetime": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
-      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lint-staged/node_modules/path-key": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
-      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lint-staged/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/lint-staged/node_modules/string-width": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.1.0.tgz",
-      "integrity": "sha512-SEIJCWiX7Kg4c129n48aDRwLbFb2LJmXXFrWBG4NGaRtMQ3myKPKbwrD1BKqQn74oCoNMBVrfDEr5M9YxCsrkw==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^10.3.0",
-        "get-east-asian-width": "^1.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lint-staged/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/lint-staged/node_modules/strip-final-newline": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
-      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lint-staged/node_modules/wrap-ansi": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz",
-      "integrity": "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.2.1",
-        "string-width": "^7.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
-    "node_modules/lint-staged/node_modules/yaml": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
-      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
+    "node_modules/linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
       "dev": true,
-      "engines": {
-        "node": ">= 14"
+      "dependencies": {
+        "uc.micro": "^1.0.1"
       }
     },
     "node_modules/list-item": {
@@ -16715,193 +16591,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/log-update": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.0.0.tgz",
-      "integrity": "sha512-niTvB4gqvtof056rRIrTZvjNYE4rCUzO6X/X+kYjd7WFxXeJ0NwEFnRxX6ehkvv3jTwrXnNdtAak5XYZuIyPFw==",
-      "dev": true,
-      "dependencies": {
-        "ansi-escapes": "^6.2.0",
-        "cli-cursor": "^4.0.0",
-        "slice-ansi": "^7.0.0",
-        "strip-ansi": "^7.1.0",
-        "wrap-ansi": "^9.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/ansi-escapes": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-6.2.0.tgz",
-      "integrity": "sha512-kzRaCqXnpzWs+3z5ABPQiVke+iq0KXkHo8xiWV4RPTi5Yli0l97BEQuhXV1s7+aSU/fu1kUuxgS4MsQ0fRuygw==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/cli-cursor": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
-      "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
-      "dev": true,
-      "dependencies": {
-        "restore-cursor": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/emoji-regex": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.3.0.tgz",
-      "integrity": "sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==",
-      "dev": true
-    },
-    "node_modules/log-update/node_modules/is-fullwidth-code-point": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.0.0.tgz",
-      "integrity": "sha512-OVa3u9kkBbw7b8Xw5F9P+D/T9X+Z4+JruYVNapTjPYZYUznQ5YfWeFkOj606XYYW8yugTfC8Pj0hYqvi4ryAhA==",
-      "dev": true,
-      "dependencies": {
-        "get-east-asian-width": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/restore-cursor": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
-      "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
-      "dev": true,
-      "dependencies": {
-        "onetime": "^5.1.0",
-        "signal-exit": "^3.0.2"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/slice-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.0.tgz",
-      "integrity": "sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.2.1",
-        "is-fullwidth-code-point": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/string-width": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.1.0.tgz",
-      "integrity": "sha512-SEIJCWiX7Kg4c129n48aDRwLbFb2LJmXXFrWBG4NGaRtMQ3myKPKbwrD1BKqQn74oCoNMBVrfDEr5M9YxCsrkw==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^10.3.0",
-        "get-east-asian-width": "^1.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/type-fest": {
-      "version": "3.13.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.1.tgz",
-      "integrity": "sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/wrap-ansi": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.0.tgz",
-      "integrity": "sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.2.1",
-        "string-width": "^7.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
     "node_modules/long": {
       "version": "5.2.3",
       "resolved": "https://registry.npmjs.org/long/-/long-5.2.3.tgz",
@@ -18123,6 +17812,7 @@
       "integrity": "sha512-oJP/9NAdd9+x2Q+rfphB2RJCHjod70RcRLjosiPMMu5gjIfwVnOUGq2nbTjTUbmy0DJ/tFIVT30+Qe3nzl4TJg==",
       "dev": true,
       "optional": true,
+      "peer": true,
       "dependencies": {
         "growly": "^1.3.0",
         "is-wsl": "^2.2.0",
@@ -20000,18 +19690,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/pidtree": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.6.0.tgz",
-      "integrity": "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==",
-      "dev": true,
-      "bin": {
-        "pidtree": "bin/pidtree.js"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
     "node_modules/pify": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
@@ -20138,15 +19816,6 @@
       "resolved": "playground",
       "link": true
     },
-    "node_modules/please-upgrade-node": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz",
-      "integrity": "sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==",
-      "dev": true,
-      "dependencies": {
-        "semver-compare": "^1.0.0"
-      }
-    },
     "node_modules/pony-cause": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/pony-cause/-/pony-cause-1.1.1.tgz",
@@ -22915,18 +22584,6 @@
         "node": ">=0.12.0"
       }
     },
-    "node_modules/run-node": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/run-node/-/run-node-1.0.0.tgz",
-      "integrity": "sha512-kc120TBlQ3mih1LSzdAJXo4xn/GWS2ec0l3S+syHDXP9uRr0JAT8Qd3mdMuyjqCzeZktgP3try92cEgf9Nks8A==",
-      "dev": true,
-      "bin": {
-        "run-node": "run-node"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -23402,12 +23059,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/semver-compare": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
-      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
-      "dev": true
-    },
     "node_modules/semver/node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
@@ -23581,7 +23232,8 @@
       "resolved": "https://registry.npmjs.org/shellwords/-/shellwords-0.1.1.tgz",
       "integrity": "sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==",
       "dev": true,
-      "optional": true
+      "optional": true,
+      "peer": true
     },
     "node_modules/side-channel": {
       "version": "1.0.6",
@@ -23826,46 +23478,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/slice-ansi": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-5.0.0.tgz",
-      "integrity": "sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.0.0",
-        "is-fullwidth-code-point": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/slice-ansi/node_modules/is-fullwidth-code-point": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-4.0.0.tgz",
-      "integrity": "sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/smart-buffer": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
@@ -24409,15 +24021,6 @@
         "safe-buffer": "~5.2.0"
       }
     },
-    "node_modules/string-argv": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
-      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.6.19"
-      }
-    },
     "node_modules/string-length": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
@@ -25832,6 +25435,7 @@
       "resolved": "https://registry.npmjs.org/tslint/-/tslint-5.20.1.tgz",
       "integrity": "sha512-EcMxhzCFt8k+/UP5r8waCf/lzmeSyVlqxqMEDQE7rWYiQky8KpIBz1JAoYXfROHrPZ1XXd43q8yQnULOLiBRQg==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "builtin-modules": "^1.1.1",
@@ -25857,61 +25461,12 @@
         "typescript": ">=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >=3.0.0-dev || >= 3.1.0-dev || >= 3.2.0-dev"
       }
     },
-    "node_modules/tslint-config-prettier": {
-      "version": "1.18.0",
-      "resolved": "https://registry.npmjs.org/tslint-config-prettier/-/tslint-config-prettier-1.18.0.tgz",
-      "integrity": "sha512-xPw9PgNPLG3iKRxmK7DWr+Ea/SzrvfHtjFt5LBl61gk2UBG/DB9kCXRjv+xyIU1rUtnayLeMUVJBcMX8Z17nDg==",
-      "dev": true,
-      "bin": {
-        "tslint-config-prettier-check": "bin/check.js"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/tslint-react": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/tslint-react/-/tslint-react-4.1.0.tgz",
-      "integrity": "sha512-Y7CbFn09X7Mpg6rc7t/WPbmjx9xPI8p1RsQyiGCLWgDR6sh3+IBSlT+bEkc0PSZcWwClOkqq2wPsID8Vep6szQ==",
-      "dev": true,
-      "dependencies": {
-        "tsutils": "^3.9.1"
-      },
-      "peerDependencies": {
-        "tslint": "^5.1.0",
-        "typescript": ">=2.8.0"
-      }
-    },
-    "node_modules/tslint-react-hooks": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/tslint-react-hooks/-/tslint-react-hooks-2.2.2.tgz",
-      "integrity": "sha512-gtwA14+WevNUtlBhvAD5Ukpxt2qMegYI7IDD8zN/3JXLksdLdEuU/T/oqlI1CtZhMJffqyNn+aqq2oUqUFXiNA==",
-      "dev": true,
-      "peerDependencies": {
-        "tslint": "5 - 6",
-        "typescript": ">=2.1.0"
-      }
-    },
-    "node_modules/tslint-react/node_modules/tsutils": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^1.8.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-      }
-    },
     "node_modules/tslint/node_modules/ansi-styles": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "color-convert": "^1.9.0"
       },
@@ -25924,6 +25479,7 @@
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
       "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "sprintf-js": "~1.0.2"
       }
@@ -25933,6 +25489,7 @@
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "ansi-styles": "^3.2.1",
         "escape-string-regexp": "^1.0.5",
@@ -25947,6 +25504,7 @@
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "color-name": "1.1.3"
       }
@@ -25955,19 +25513,22 @@
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
       "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/tslint/node_modules/commander": {
       "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
+      "dev": true,
+      "peer": true
     },
     "node_modules/tslint/node_modules/escape-string-regexp": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
       "dev": true,
+      "peer": true,
       "engines": {
         "node": ">=0.8.0"
       }
@@ -25977,6 +25538,7 @@
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -25997,6 +25559,7 @@
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
       "dev": true,
+      "peer": true,
       "engines": {
         "node": ">=4"
       }
@@ -26006,6 +25569,7 @@
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
       "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "argparse": "^1.0.7",
         "esprima": "^4.0.0"
@@ -26019,6 +25583,7 @@
       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
       "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "minimist": "^1.2.6"
       },
@@ -26031,6 +25596,7 @@
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
       "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
       "dev": true,
+      "peer": true,
       "bin": {
         "semver": "bin/semver"
       }
@@ -26039,13 +25605,15 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
       "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/tslint/node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "has-flag": "^3.0.0"
       },
@@ -26058,6 +25626,7 @@
       "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-2.29.0.tgz",
       "integrity": "sha512-g5JVHCIJwzfISaXpXE1qvNalca5Jwob6FjI4AoPlqMusJ6ftFE7IkkFoMhVLRgK+4Kx3gkzb8UZK5t5yTTvEmA==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "tslib": "^1.8.1"
       },
@@ -27656,8 +27225,6 @@
         "@types/react": "^18",
         "@types/react-dom": "^18",
         "autoprefixer": "^10.0.1",
-        "eslint": "^8",
-        "eslint-config-next": "14.1.0",
         "postcss": "^8",
         "tailwindcss": "^3.3.0",
         "typescript": "^5"
diff --git a/package.json b/package.json
index d99e02c21..c90cc6930 100644
--- a/package.json
+++ b/package.json
@@ -28,9 +28,8 @@
     "build:library": "cd library && npm run prepare",
     "build:webcomponent": "cd web-component && npm run bundle",
     "build:playground": "cd playground && npm run build",
-    "lint": "tslint -c ./tslint.json --project tsconfig.base.json --format verbose && prettier --check \"**/*.{ts,tsx,js,jsx,json,html,css,yaml}\"",
-    "lint:fix": "tslint -c ./tslint.json --project tsconfig.base.json --format verbose --fix && prettier --write \"**/*.{ts,tsx,js,jsx,json,html,css,yaml}\"",
-    "conflict-check": "tslint-config-prettier-check ./tslint.json",
+    "lint": "eslint --max-warnings 0 .",
+    "lint:fix": "eslint --max-warnings 0 . --fix",
     "markdownlint": "markdownlint **/*.md",
     "prepublishOnly": "npm run build",
     "gen-readme-toc": "markdown-toc -i README.md",
@@ -45,36 +44,23 @@
     "get:version": "cd library && npm run get:version"
   },
   "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "@typescript-eslint/eslint-plugin-tslint": "^7.0.2",
+    "@typescript-eslint/parser": "^7.7.1",
     "concurrently": "^6.0.1",
-    "husky": "^2.4.1",
+    "eslint": "^8.57.0",
+    "eslint-config-next": "^14.2.2",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jest": "^28.2.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-sonarjs": "^0.25.1",
     "lerna": "^8.1.2",
-    "lint-staged": "15.2.2",
     "markdown-toc": "^1.2.0",
     "markdownlint-cli": "^0.17.0",
     "prettier": "^1.18.2",
     "react-split": "^2.0.9",
     "tslib": "^1.10.0",
-    "tslint": "^5.17.0",
-    "tslint-config-prettier": "^1.18.0",
-    "tslint-react": "^4.0.0",
-    "tslint-react-hooks": "^2.1.1",
     "typescript": "^5.3.3"
-  },
-  "lint-staged": {
-    "linters": {
-      "**/*.{ts,tsx,js,jsx,json,css,html,yaml}": [
-        "prettier --write",
-        "git add"
-      ]
-    },
-    "ignore": [
-      "package.json",
-      "package-lock.json"
-    ]
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
   }
 }
diff --git a/playground/.eslintrc.json b/playground/.eslintrc.json
deleted file mode 100644
index bffb357a7..000000000
--- a/playground/.eslintrc.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "next/core-web-vitals"
-}
diff --git a/playground/app/layout.tsx b/playground/app/layout.tsx
index 86b72c916..3d0043744 100644
--- a/playground/app/layout.tsx
+++ b/playground/app/layout.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import './globals.css';
diff --git a/playground/app/page.tsx b/playground/app/page.tsx
index 075a2d127..a3a9ba62b 100644
--- a/playground/app/page.tsx
+++ b/playground/app/page.tsx
@@ -26,7 +26,7 @@ interface State {
   refreshing: boolean;
 }
 
-class Playground extends Component<{}, State> {
+class Playground extends Component<unknown, State> {
   updateSchemaFn: (value: string) => void;
   updateConfigFn: (value: string) => void;
 
@@ -37,6 +37,7 @@ class Playground extends Component<{}, State> {
     refreshing: false,
   };
 
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   constructor(props: any) {
     super(props);
     this.updateSchemaFn = debounce(
@@ -92,7 +93,7 @@ class Playground extends Component<{}, State> {
             </Tabs>
           </CodeEditorsWrapper>
           <AsyncApiWrapper>
-            {/* @ts-ignore remove when library and web-component is upgraded to React v18 */}
+            {/* @ts-expect-error remove when library and web-component is upgraded to React v18 */}
             <AsyncApi schema={schema} config={parsedConfig} />
           </AsyncApiWrapper>
         </SplitWrapper>
diff --git a/playground/components/CodeEditorComponent.tsx b/playground/components/CodeEditorComponent.tsx
index d2c1afdad..d185e441b 100644
--- a/playground/components/CodeEditorComponent.tsx
+++ b/playground/components/CodeEditorComponent.tsx
@@ -33,7 +33,7 @@ class CodeEditorComponent extends Component<Props, State> {
 
     return (
       <CodeEditorWrapper>
-        {/* @ts-ignore remove when library and web-component is upgraded to React v18 */}
+        {/* @ts-expect-error remove when library and web-component is upgraded to React v18 */}
         <CodeMirror
           value={code}
           basicSetup={{
diff --git a/playground/components/FetchSchema.tsx b/playground/components/FetchSchema.tsx
index e14795251..62aa6871d 100644
--- a/playground/components/FetchSchema.tsx
+++ b/playground/components/FetchSchema.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-misused-promises */
 import React, { Component } from 'react';
 import { InputWrapper, InputField, Button } from './styled';
 import { fetchSchema } from '@/utils';
@@ -23,7 +24,7 @@ class FetchSchema extends Component<Props, State> {
         <InputField
           value={link}
           placeholder="Link for external schema"
-          onChange={(e: any) => this.setState({ link: e.target.value })}
+          onChange={e => this.setState({ link: e.target.value })}
         />
         <Button type="button" onClick={this.fetchSchemaFromExternalResources}>
           Fetch schema
@@ -34,8 +35,7 @@ class FetchSchema extends Component<Props, State> {
 
   private fetchSchemaFromExternalResources = async () => {
     try {
-      // tslint:disable-next-line
-      new URL(this.state.link);
+           new URL(this.state.link);
     } catch (e) {
       return;
     }
@@ -43,7 +43,8 @@ class FetchSchema extends Component<Props, State> {
       props: { parentCallback },
       state: { link },
     } = this;
-    parentCallback(await fetchSchema(link));
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-call
+    parentCallback((await fetchSchema(link)) as string);
   };
 }
 
diff --git a/playground/components/SplitWrapper.tsx b/playground/components/SplitWrapper.tsx
index df3dffc3d..2a3a43a78 100644
--- a/playground/components/SplitWrapper.tsx
+++ b/playground/components/SplitWrapper.tsx
@@ -8,7 +8,7 @@ interface SplitWrapperProps {
 // react-split should be replaced with a React 18 friendly library or CSS
 const SplitWrapper = (props: SplitWrapperProps) => (
   <>
-    {/* @ts-ignore */}
+    {/* @ts-expect-error upgrade React to v18 */}
     <Split
       style={{
         width: '100%',
diff --git a/playground/components/Tab.tsx b/playground/components/Tab.tsx
index 9033a9ac0..dd9ef90e5 100644
--- a/playground/components/Tab.tsx
+++ b/playground/components/Tab.tsx
@@ -17,7 +17,7 @@ class Tab extends Component<TabProps> {
     return (
       <TabWrapper key={tabIndex}>
         <TabLink
-          onClick={(event: any) => {
+          onClick={event => {
             event.preventDefault();
             if (parentCallback && tabIndex) {
               parentCallback(tabIndex);
diff --git a/playground/components/Tabs.tsx b/playground/components/Tabs.tsx
index 6389224a5..fd077ab7f 100644
--- a/playground/components/Tabs.tsx
+++ b/playground/components/Tabs.tsx
@@ -35,9 +35,9 @@ class Tabs extends Component<Props, State> {
     });
   };
 
-  renderHeader = (children: Array<React.ReactElement<TabProps>>) =>
+  renderHeader = (children: React.ReactElement<TabProps>[]) =>
     React.Children.map(children, (child, index) => {
-      const c = child as React.ReactElement<TabProps>;
+      const c = child;
       return React.cloneElement(c, {
         title: c.props.title,
         parentCallback: this.handleTabClick,
@@ -46,7 +46,7 @@ class Tabs extends Component<Props, State> {
       });
     });
 
-  renderActiveTab = (children: Array<React.ReactElement<TabProps>>) => {
+  renderActiveTab = (children: React.ReactElement<TabProps>[]) => {
     if (children[this.state.activeTabIndex]) {
       return children[this.state.activeTabIndex].props.children;
     }
@@ -56,6 +56,7 @@ class Tabs extends Component<Props, State> {
   render() {
     const { additionalHeaderContent } = this.props;
     const children = []
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
       .concat(...(this.props.children as any))
       .filter(child => child !== null && child !== undefined);
 
diff --git a/playground/next.config.mjs b/playground/next.config.mjs
index c3b1720c5..274ead23c 100644
--- a/playground/next.config.mjs
+++ b/playground/next.config.mjs
@@ -25,6 +25,9 @@ const nextConfig = {
   },
   assetPrefix,
   basePath,
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
 };
 
 export default nextConfig;
diff --git a/playground/package.json b/playground/package.json
index f3fc4d2bb..32d40510c 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -5,7 +5,6 @@
   "scripts": {
     "build": "next build && touch out/.nojekyll",
     "start": "next dev",
-    "lint": "next lint",
     "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
   },
   "dependencies": {
@@ -24,8 +23,6 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
-    "eslint": "^8",
-    "eslint-config-next": "14.1.0",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
     "typescript": "^5"
diff --git a/playground/utils/defaultConfig.ts b/playground/utils/defaultConfig.ts
index 5de5538b4..b95e0bd20 100644
--- a/playground/utils/defaultConfig.ts
+++ b/playground/utils/defaultConfig.ts
@@ -1,4 +1,4 @@
-export const defaultConfig: string = `{
+export const defaultConfig = `{
   "show": {
     "sidebar": false,
     "info": true,
diff --git a/playground/utils/helpers.ts b/playground/utils/helpers.ts
index 9d8b6088d..55a8f3de7 100644
--- a/playground/utils/helpers.ts
+++ b/playground/utils/helpers.ts
@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/ban-types
 export const parse = <T extends {}>(str?: string): T => {
   if (!str) {
     return {} as T;
@@ -10,6 +11,7 @@ export const parse = <T extends {}>(str?: string): T => {
   }
 };
 
+// eslint-disable-next-line @typescript-eslint/ban-types
 export const stringify = <T extends {}>(content?: T): string => {
   if (!content) {
     return '';
@@ -22,7 +24,7 @@ export const stringify = <T extends {}>(content?: T): string => {
   }
 };
 
-export const fetchSchema = async (link: string): Promise<any> => {
+export const fetchSchema = async (link: string): Promise<unknown> => {
   const requestOptions = {
     method: 'GET',
   };
@@ -30,17 +32,22 @@ export const fetchSchema = async (link: string): Promise<any> => {
   return fetch(link, requestOptions).then(handleResponse);
 };
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function handleResponse(response: any) {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
   return response.text().then((data: string) => data);
 }
 
-export function debounce<T>(
+export function debounce(
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   func: (...args: any[]) => void,
   wait: number,
   onStart: () => void,
   onCancel: () => void,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
 ): () => any {
   let timeout: NodeJS.Timeout | undefined;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return (...args: any[]) => {
     if (timeout) {
       clearTimeout(timeout);
@@ -48,6 +55,7 @@ export function debounce<T>(
     onStart();
     timeout = setTimeout(() => {
       timeout = undefined;
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
       func(...args);
       onCancel();
     }, wait || 1000);
diff --git a/tsconfig.base.json b/tsconfig.base.json
index bd0bcd7f7..9573a2192 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -22,7 +22,5 @@
     "strictNullChecks": true,
     "noUnusedLocals": true,
     "resolveJsonModule": true
-  },
-  "include": ["./library", "./playground"],
-  "exclude": ["*/node_modules/**/*", "*/lib/**/*"]
+  }
 }
diff --git a/tslint.json b/tslint.json
deleted file mode 100644
index 8cd2cfc56..000000000
--- a/tslint.json
+++ /dev/null
@@ -1,42 +0,0 @@
-{
-  "defaultSeverity": "error",
-  "extends": [
-    "tslint:recommended",
-    "tslint-react",
-    "tslint-react-hooks",
-    "tslint-config-prettier"
-  ],
-  "rules": {
-    "interface-name": [true, "never-prefix"],
-    "member-access": [true, "no-public"],
-    "no-console": [true, "log", "info"],
-    "no-unused-expression": [true, "allow-fast-null-checks"],
-    "object-literal-sort-keys": false,
-    "ordered-imports": false,
-    "unified-signatures": false,
-    "curly": true,
-    "jsx-no-lambda": false,
-    "prefer-const": true,
-    "arrow-return-shorthand": [true, "multiline"],
-    "no-duplicate-super": true,
-    "no-duplicate-imports": true,
-    "no-duplicate-switch-case": true,
-    "no-duplicate-variable": true,
-    "no-var-keyword": true,
-    "triple-equals": true,
-    "use-isnan": true,
-    "no-debugger": true,
-    "radix": true,
-    "react-hooks-nesting": "error"
-  },
-  "jsRules": {},
-  "linterOptions": {
-    "exclude": ["*/node_modules/**/*"]
-  },
-  "ban-types": [
-    true,
-    ["Object", "Use {} instead."],
-    ["String"],
-    ["Function", "Use more precise type"]
-  ]
-}
diff --git a/web-component/src/AsyncApiWebComponent.tsx b/web-component/src/AsyncApiWebComponent.tsx
index 6635d76df..ef744ffec 100644
--- a/web-component/src/AsyncApiWebComponent.tsx
+++ b/web-component/src/AsyncApiWebComponent.tsx
@@ -1,5 +1,6 @@
+/* eslint-disable react/no-unescaped-entities */
 import * as React from 'react';
-// @ts-ignore
+// @ts-expect-error no types exists
 import { register } from 'web-react-components';
 import AsyncApiComponent, {
   AsyncApiProps,
@@ -25,17 +26,21 @@ function retrieveSchemaProp(
   let schemaFetchOptions = props.schemaFetchOptions;
 
   if (!schemaUrl || schemaUrl === 'undefined') {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
     schemaUrl = undefined as any;
   }
   if (!schemaFetchOptions) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
     schemaFetchOptions = undefined as any;
   }
 
   let schema = props.schema || {};
   if (schemaUrl) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const schemaRequestOptions = schemaFetchOptions
       ? JSON.parse(JSON.stringify(schemaFetchOptions))
-      : (schema as FetchingSchemaInterface).requestOptions || {};
+      : (schema as FetchingSchemaInterface).requestOptions ?? {};
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     schema = { url: schemaUrl, requestOptions: schemaRequestOptions };
   }
 
@@ -53,10 +58,6 @@ export class AsyncApiWebComponent extends React.Component<
 > {
   private lastUrlCheck: number = Date.now();
 
-  constructor(props: AsyncApiWebComponentProps) {
-    super(props);
-  }
-
   shouldComponentUpdate(nextProps: Readonly<AsyncApiWebComponentProps>) {
     const prevSchema = retrieveSchemaProp(this.props);
     const nextSchema = retrieveSchemaProp(nextProps);
@@ -78,7 +79,7 @@ export class AsyncApiWebComponent extends React.Component<
 
   render() {
     const props = this.props;
-    const finalCssImportPath = props.cssImportPath || 'assets/default.min.css';
+    const finalCssImportPath = props.cssImportPath ?? 'assets/default.min.css';
     const schema = retrieveSchemaProp(this.props);
 
     return (
@@ -90,6 +91,7 @@ export class AsyncApiWebComponent extends React.Component<
   }
 }
 
+// eslint-disable-next-line @typescript-eslint/no-unsafe-call
 register(AsyncApiWebComponent, 'asyncapi-component', [
   'schema',
   'schemaFetchOptions',

From ed6685580e16dd8f6b7f214957e1ee215002ae0e Mon Sep 17 00:00:00 2001
From: Kenneth Aasan <k.aasan@sportradar.com>
Date: Wed, 24 Apr 2024 09:45:04 +0200
Subject: [PATCH 02/28] refactor: upgrade prettier and format code accordingly
 (#997)

---
 .eslintrc.json                                |   6 +-
 .gitpod.yml                                   |   2 +-
 .prettierignore                               |   1 +
 library/e2e/plugins/index.js                  |   2 +-
 library/loaders/remove-hashbag-loader.js      |   2 +-
 library/src/components/Bindings.tsx           |   2 +-
 library/src/components/Schema.tsx             | 102 +++++++++---------
 library/src/components/Tags.tsx               |   2 +-
 .../containers/Messages/MessageExample.tsx    |   2 +-
 library/src/containers/Messages/Messages.tsx  |   6 +-
 .../src/containers/Operations/Operation.tsx   |  28 +++--
 .../src/containers/Operations/Operations.tsx  |   6 +-
 library/src/containers/Schemas/Schemas.tsx    |   8 +-
 library/src/containers/Servers/Security.tsx   |   7 +-
 library/src/containers/Servers/Servers.tsx    |   6 +-
 library/src/containers/Sidebar/Sidebar.tsx    |  55 ++++------
 library/src/contexts/useSpec.ts               |   5 +-
 library/src/helpers/message.ts                |  33 +++---
 library/src/helpers/schema.ts                 |  32 +++---
 library/src/helpers/sidebar.ts                |   8 +-
 library/src/helpers/specification.ts          |   6 +-
 library/tailwind.config.js                    |   4 +-
 library/webpack.config.js                     |   4 +-
 package-lock.json                             |  98 +++++++++++++++--
 package.json                                  |   6 +-
 playground/components/FetchSchema.tsx         |   4 +-
 playground/components/Tab.tsx                 |   2 +-
 playground/components/Tabs.tsx                |   2 +-
 playground/components/styled.ts               |  14 ++-
 web-component/src/AsyncApiWebComponent.tsx    |   4 +-
 30 files changed, 265 insertions(+), 194 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index dabc669f2..4cd2f8290 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -20,8 +20,8 @@
     "@typescript-eslint",
     "@typescript-eslint/tslint",
     "sonarjs",
-    "jest"
-    // "prettier" uncomment when prettier is upgraded to the newest version
+    "jest",
+    "prettier"
   ],
   "settings": {
     "next": {
@@ -39,7 +39,7 @@
   },
   "root": true,
   "rules": {
-    // "prettier/prettier": "error" uncomment when prettier is upgraded to the newest version
+    "prettier/prettier": "error",
     "jest/expect-expect": [
       "error",
       {
diff --git a/.gitpod.yml b/.gitpod.yml
index 738349d00..f7d3bc69f 100644
--- a/.gitpod.yml
+++ b/.gitpod.yml
@@ -6,4 +6,4 @@ tasks:
 # List the ports to expose. Learn more https://www.gitpod.io/docs/config-ports/
 ports:
   - port: 3000
-    onOpen: open-preview
\ No newline at end of file
+    onOpen: open-preview
diff --git a/.prettierignore b/.prettierignore
index 14e3dce0c..988b27454 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -21,3 +21,4 @@ lerna-debug.log*
 /.github
 
 playground/.next/
+playground/out/
diff --git a/library/e2e/plugins/index.js b/library/e2e/plugins/index.js
index 72005749b..5ab0413d2 100644
--- a/library/e2e/plugins/index.js
+++ b/library/e2e/plugins/index.js
@@ -23,6 +23,6 @@ const webpackOptions = {
   },
 };
 
-module.exports = on => {
+module.exports = (on) => {
   on('file:preprocessor', wp({ webpackOptions }));
 };
diff --git a/library/loaders/remove-hashbag-loader.js b/library/loaders/remove-hashbag-loader.js
index 43960049f..75df48679 100644
--- a/library/loaders/remove-hashbag-loader.js
+++ b/library/loaders/remove-hashbag-loader.js
@@ -1,6 +1,6 @@
 /**
  * Make sure code does not contain properties such as `#property`
  */
-module.exports = function(source) {
+module.exports = function (source) {
   return source.replace(/^#! .*\n/, '');
 };
diff --git a/library/src/components/Bindings.tsx b/library/src/components/Bindings.tsx
index 7b77e7c88..f40deb37f 100644
--- a/library/src/components/Bindings.tsx
+++ b/library/src/components/Bindings.tsx
@@ -17,7 +17,7 @@ export const Bindings: React.FunctionComponent<Props> = ({
     return null;
   }
 
-  const renderedBindings = bindings.all().map(binding => {
+  const renderedBindings = bindings.all().map((binding) => {
     const bindingValue = binding.value();
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const schema = SchemaHelpers.jsonToSchema(bindingValue);
diff --git a/library/src/components/Schema.tsx b/library/src/components/Schema.tsx
index 328d6cd27..2f632085c 100644
--- a/library/src/components/Schema.tsx
+++ b/library/src/components/Schema.tsx
@@ -98,14 +98,14 @@ export const Schema: React.FunctionComponent<Props> = ({
             {isExpandable && !isCircular && !isArray ? (
               <>
                 <CollapseButton
-                  onClick={() => setExpanded(prev => !prev)}
+                  onClick={() => setExpanded((prev) => !prev)}
                   expanded={expanded}
                 >
                   {renderedSchemaName}
                 </CollapseButton>
                 <button
                   type="button"
-                  onClick={() => setDeepExpand(prev => !prev)}
+                  onClick={() => setDeepExpand((prev) => !prev)}
                   className="ml-1 text-sm text-gray-500"
                 >
                   {deepExpand ? 'Collapse all' : 'Expand all'}
@@ -184,7 +184,7 @@ export const Schema: React.FunctionComponent<Props> = ({
 
                   {/* constraints */}
                   {!!constraints.length &&
-                    constraints.map(c => (
+                    constraints.map((c) => (
                       <span
                         className="bg-purple-600 font-bold no-underline text-white rounded lowercase mr-2 p-1 text-xs"
                         key={c}
@@ -280,42 +280,48 @@ export const Schema: React.FunctionComponent<Props> = ({
             <SchemaProperties schema={schema} />
             <SchemaItems schema={schema} />
 
-            {schema.oneOf()?.map((s, idx) => (
-              <Schema
-                key={idx}
-                schema={s}
-                schemaName={SchemaHelpers.applicatorSchemaName(
-                  idx,
-                  'Adheres to',
-                  'Or to',
-                  s.title(),
-                )}
-              />
-            ))}
-            {schema.anyOf()?.map((s, idx) => (
-              <Schema
-                key={idx}
-                schema={s}
-                schemaName={SchemaHelpers.applicatorSchemaName(
-                  idx,
-                  'Can adhere to',
-                  'Or to',
-                  s.title(),
-                )}
-              />
-            ))}
-            {schema.allOf()?.map((s, idx) => (
-              <Schema
-                key={idx}
-                schema={s}
-                schemaName={SchemaHelpers.applicatorSchemaName(
-                  idx,
-                  'Consists of',
-                  'And of',
-                  s.title(),
-                )}
-              />
-            ))}
+            {schema
+              .oneOf()
+              ?.map((s, idx) => (
+                <Schema
+                  key={idx}
+                  schema={s}
+                  schemaName={SchemaHelpers.applicatorSchemaName(
+                    idx,
+                    'Adheres to',
+                    'Or to',
+                    s.title(),
+                  )}
+                />
+              ))}
+            {schema
+              .anyOf()
+              ?.map((s, idx) => (
+                <Schema
+                  key={idx}
+                  schema={s}
+                  schemaName={SchemaHelpers.applicatorSchemaName(
+                    idx,
+                    'Can adhere to',
+                    'Or to',
+                    s.title(),
+                  )}
+                />
+              ))}
+            {schema
+              .allOf()
+              ?.map((s, idx) => (
+                <Schema
+                  key={idx}
+                  schema={s}
+                  schemaName={SchemaHelpers.applicatorSchemaName(
+                    idx,
+                    'Consists of',
+                    'And of',
+                    s.title(),
+                  )}
+                />
+              ))}
             {schema.not() && (
               <Schema schema={schema.not()} schemaName="Cannot adhere to:" />
             )}
@@ -415,14 +421,12 @@ interface AdditionalPropertiesProps {
   schema: SchemaInterface;
 }
 
-const AdditionalProperties: React.FunctionComponent<AdditionalPropertiesProps> = ({
-  schema,
-}) => {
+const AdditionalProperties: React.FunctionComponent<
+  AdditionalPropertiesProps
+> = ({ schema }) => {
   if (
-    schema
-      .extensions()
-      .get(SchemaHelpers.extRenderAdditionalInfo)
-      ?.value() === false
+    schema.extensions().get(SchemaHelpers.extRenderAdditionalInfo)?.value() ===
+    false
   ) {
     return null;
   }
@@ -495,10 +499,8 @@ const AdditionalItems: React.FunctionComponent<AdditionalItemsProps> = ({
   schema,
 }) => {
   if (
-    schema
-      .extensions()
-      .get(SchemaHelpers.extRenderAdditionalInfo)
-      ?.value() === false
+    schema.extensions().get(SchemaHelpers.extRenderAdditionalInfo)?.value() ===
+    false
   ) {
     return null;
   }
diff --git a/library/src/components/Tags.tsx b/library/src/components/Tags.tsx
index 3cc94fe7a..8ddb26789 100644
--- a/library/src/components/Tags.tsx
+++ b/library/src/components/Tags.tsx
@@ -14,7 +14,7 @@ export const Tags: React.FunctionComponent<Props> = ({ tags }) => {
 
   return (
     <ul className="flex flex-wrap leading-normal">
-      {tags.all().map(tag => (
+      {tags.all().map((tag) => (
         <li className="inline-block mt-2 mr-2" key={tag.name()}>
           <Tag tag={tag} />
         </li>
diff --git a/library/src/containers/Messages/MessageExample.tsx b/library/src/containers/Messages/MessageExample.tsx
index 6818da632..d2fcb7c63 100644
--- a/library/src/containers/Messages/MessageExample.tsx
+++ b/library/src/containers/Messages/MessageExample.tsx
@@ -64,7 +64,7 @@ export const Example: React.FunctionComponent<ExampleProps> = ({
     <div className="mt-4">
       <div>
         <CollapseButton
-          onClick={() => setExpanded(prev => !prev)}
+          onClick={() => setExpanded((prev) => !prev)}
           expanded={expanded}
           chevronProps={{
             className: 'fill-current text-gray-200',
diff --git a/library/src/containers/Messages/Messages.tsx b/library/src/containers/Messages/Messages.tsx
index ed8fe8469..876835837 100644
--- a/library/src/containers/Messages/Messages.tsx
+++ b/library/src/containers/Messages/Messages.tsx
@@ -10,11 +10,7 @@ export const Messages: React.FunctionComponent = () => {
   const asyncapi = useSpec();
   const config = useConfig();
   const messages =
-    !asyncapi.components().isEmpty() &&
-    asyncapi
-      .components()
-      .messages()
-      .all();
+    !asyncapi.components().isEmpty() && asyncapi.components().messages().all();
 
   if (!messages || messages.length === 0) {
     return null;
diff --git a/library/src/containers/Operations/Operation.tsx b/library/src/containers/Operations/Operation.tsx
index 78dfad2c3..d262a3a1a 100644
--- a/library/src/containers/Operations/Operation.tsx
+++ b/library/src/containers/Operations/Operation.tsx
@@ -23,7 +23,7 @@ interface Props {
   channel: ChannelInterface;
 }
 
-export const Operation: React.FunctionComponent<Props> = props => {
+export const Operation: React.FunctionComponent<Props> = (props) => {
   const { type = PayloadType.SEND, operation, channelName, channel } = props;
   const config = useConfig();
   if (!operation || !channel) {
@@ -50,7 +50,7 @@ export const Operation: React.FunctionComponent<Props> = props => {
           <div className="mt-2 text-sm">
             <p>Available only on servers:</p>
             <ul className="flex flex-wrap leading-normal">
-              {servers.map(server => (
+              {servers.map((server) => (
                 <li className="inline-block mt-2 mr-2" key={server.id()}>
                   <a
                     href={`#${CommonHelpers.getIdentifier(
@@ -161,7 +161,7 @@ export const Operation: React.FunctionComponent<Props> = props => {
   );
 };
 
-export const OperationInfo: React.FunctionComponent<Props> = props => {
+export const OperationInfo: React.FunctionComponent<Props> = (props) => {
   const { type = PayloadType.SEND, operation, channelName, channel } = props;
   const config = useConfig();
   const operationSummary = operation.summary();
@@ -170,14 +170,12 @@ export const OperationInfo: React.FunctionComponent<Props> = props => {
   const specV = useSpec().version();
   const version = specV.localeCompare('2.6.0', undefined, { numeric: true });
   const isAsyncAPIv2 = version === 0;
-  const {
-    borderColor,
-    typeLabel,
-  } = CommonHelpers.getOperationDesignInformation({
-    type,
-    config,
-    isAsyncAPIv2,
-  });
+  const { borderColor, typeLabel } =
+    CommonHelpers.getOperationDesignInformation({
+      type,
+      config,
+      isAsyncAPIv2,
+    });
   return (
     <>
       <div className="mb-4">
@@ -235,7 +233,7 @@ export const OperationInfo: React.FunctionComponent<Props> = props => {
   );
 };
 
-export const OperationReplyInfo: React.FunctionComponent<Props> = props => {
+export const OperationReplyInfo: React.FunctionComponent<Props> = (props) => {
   const { type = PayloadType.SEND, operation } = props;
   const [showMessages, setShowMessages] = useState(false);
   const [showChannel, setShowChannel] = useState(false);
@@ -297,7 +295,7 @@ export const OperationReplyInfo: React.FunctionComponent<Props> = props => {
                 <div className="mt-2">
                   {explicitChannel && (
                     <CollapseButton
-                      onClick={() => setShowChannel(prev => !prev)}
+                      onClick={() => setShowChannel((prev) => !prev)}
                       expanded={showChannel}
                     >
                       <span className="inline-block py-0.5 mr-1 text-gray-500 text-xs text-center rounded focus:outline-none">
@@ -321,7 +319,7 @@ export const OperationReplyInfo: React.FunctionComponent<Props> = props => {
             {replyMessages.isEmpty() === false && (
               <div className="p-4">
                 <CollapseButton
-                  onClick={() => setShowMessages(prev => !prev)}
+                  onClick={() => setShowMessages((prev) => !prev)}
                   expanded={showMessages}
                 >
                   <span className="inline-block py-0.5 mr-1 text-gray-500 text-xs text-center rounded focus:outline-none">
@@ -403,7 +401,7 @@ export const OperationReplyChannelInfo: React.FunctionComponent<Props> = ({
         <div className="mt-2 text-sm">
           <p>Available only on servers:</p>
           <ul className="flex flex-wrap leading-normal">
-            {servers.map(server => (
+            {servers.map((server) => (
               <li className="inline-block mt-2 mr-2" key={server.id()}>
                 <a
                   href={`#${CommonHelpers.getIdentifier(
diff --git a/library/src/containers/Operations/Operations.tsx b/library/src/containers/Operations/Operations.tsx
index bac3c011c..a185f2acb 100644
--- a/library/src/containers/Operations/Operations.tsx
+++ b/library/src/containers/Operations/Operations.tsx
@@ -5,16 +5,14 @@ import { CommonHelpers } from '../../helpers';
 import { OPERATIONS_TEXT } from '../../constants';
 
 export const Operations: React.FunctionComponent = () => {
-  const operations = useSpec()
-    .operations()
-    .all();
+  const operations = useSpec().operations().all();
   const config = useConfig();
 
   if (!Object.keys(operations).length) {
     return null;
   }
 
-  const operationsList: React.ReactNodeArray = operations.map(operation => {
+  const operationsList: React.ReactNodeArray = operations.map((operation) => {
     const channel = operation.channels().all()[0];
     const channelAddress = channel?.address() ?? '';
     const operationId = CommonHelpers.getOperationIdentifier({
diff --git a/library/src/containers/Schemas/Schemas.tsx b/library/src/containers/Schemas/Schemas.tsx
index 844f3c592..8b62261e7 100644
--- a/library/src/containers/Schemas/Schemas.tsx
+++ b/library/src/containers/Schemas/Schemas.tsx
@@ -10,11 +10,7 @@ export const Schemas: React.FunctionComponent = () => {
   const asyncapi = useSpec();
   const config = useConfig();
   const schemas =
-    !asyncapi.components().isEmpty() &&
-    asyncapi
-      .components()
-      .schemas()
-      .all();
+    !asyncapi.components().isEmpty() && asyncapi.components().schemas().all();
 
   if (!schemas || schemas.length === 0) {
     return null;
@@ -29,7 +25,7 @@ export const Schemas: React.FunctionComponent = () => {
         {SCHEMAS_TEXT}
       </h2>
       <ul>
-        {schemas.map(schema => (
+        {schemas.map((schema) => (
           <li
             className="mb-4"
             key={schema.id()}
diff --git a/library/src/containers/Servers/Security.tsx b/library/src/containers/Servers/Security.tsx
index 2174636e3..39cb91d19 100644
--- a/library/src/containers/Servers/Security.tsx
+++ b/library/src/containers/Servers/Security.tsx
@@ -37,7 +37,7 @@ export const Security: React.FunctionComponent<Props> = ({
     }
   } else {
     const securities: React.ReactNodeArray = Object.values(security)
-      .map(requirement => {
+      .map((requirement) => {
         const requirements = requirement.all();
         const key = Object.keys(requirements)[0];
         const def = securitySchemes[Number(key)];
@@ -102,10 +102,7 @@ function collectSecuritySchemas(
     }
     if (securitySchema.openIdConnectUrl()) {
       schemas.push(
-        <Href
-          href={securitySchema.openIdConnectUrl()!}
-          className="underline"
-        >
+        <Href href={securitySchema.openIdConnectUrl()!} className="underline">
           Connect URL
         </Href>,
       );
diff --git a/library/src/containers/Servers/Servers.tsx b/library/src/containers/Servers/Servers.tsx
index b0a6f5923..f17dff0ee 100644
--- a/library/src/containers/Servers/Servers.tsx
+++ b/library/src/containers/Servers/Servers.tsx
@@ -7,9 +7,7 @@ import { CommonHelpers } from '../../helpers';
 import { SERVERS_TEXT } from '../../constants';
 
 export const Servers: React.FunctionComponent = () => {
-  const servers = useSpec()
-    .servers()
-    .all();
+  const servers = useSpec().servers().all();
   const config = useConfig();
 
   if (!servers.length) {
@@ -25,7 +23,7 @@ export const Servers: React.FunctionComponent = () => {
         {SERVERS_TEXT}
       </h2>
       <ul>
-        {servers.map(server => {
+        {servers.map((server) => {
           const serverName = server.id();
           return (
             <li
diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index e65eee678..af0900152 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -17,10 +17,7 @@ export const Sidebar: React.FunctionComponent = () => {
 
   const info = asyncapi.info();
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  const logo = info
-    .extensions()
-    .get('x-logo')
-    ?.value();
+  const logo = info.extensions().get('x-logo')?.value();
   const components = asyncapi.components();
   const messages = components?.messages().all();
   const schemas = components?.schemas().all();
@@ -97,7 +94,7 @@ export const Sidebar: React.FunctionComponent = () => {
     <SidebarContext.Provider value={{ setShowSidebar }}>
       <div
         className="burger-menu rounded-full h-16 w-16 bg-white fixed bottom-16 right-8 flex items-center justify-center z-30 cursor-pointer shadow-md bg-teal-500"
-        onClick={() => setShowSidebar(prev => !prev)}
+        onClick={() => setShowSidebar((prev) => !prev)}
         data-lol={showSidebar}
       >
         <svg
@@ -177,7 +174,7 @@ const ServersList: React.FunctionComponent = () => {
   if (showServers === 'byDefault') {
     return (
       <ul className="text-sm mt-2">
-        {servers.map(server => (
+        {servers.map((server) => (
           <ServerItem serverName={server.id()} key={server.id()} />
         ))}
       </ul>
@@ -186,21 +183,18 @@ const ServersList: React.FunctionComponent = () => {
 
   let specTagNames: string[];
   if (showServers === 'bySpecTags') {
-    specTagNames = (
-      asyncapi
-        .info()
-        .tags()
-        .all() ?? []
-    ).map(tag => tag.name());
+    specTagNames = (asyncapi.info().tags().all() ?? []).map((tag) =>
+      tag.name(),
+    );
   } else {
     const serverTagNamesSet = new Set<string>();
-    servers.forEach(server => {
-      server.tags().forEach(t => serverTagNamesSet.add(t.name()));
+    servers.forEach((server) => {
+      server.tags().forEach((t) => serverTagNamesSet.add(t.name()));
     });
     specTagNames = Array.from(serverTagNamesSet);
   }
 
-  const serializedServers: TagObject[] = servers.map(server => ({
+  const serializedServers: TagObject[] = servers.map((server) => ({
     name: server.id(),
     tags: server.tags(),
     data: {},
@@ -246,7 +240,7 @@ const OperationsList: React.FunctionComponent = () => {
   const showOperations = sidebarConfig?.showOperations ?? 'byDefault';
 
   const processedOperations: TagObject<OperationItemProps>[] = operations.map(
-    operation => {
+    (operation) => {
       const operationChannel = operation.channels();
       const operationHrefId = CommonHelpers.getOperationIdentifier({
         operation,
@@ -292,19 +286,16 @@ const OperationsList: React.FunctionComponent = () => {
 
   let operationTagNames: string[];
   if (showOperations === 'bySpecTags') {
-    operationTagNames = (
-      asyncapi
-        .info()
-        .tags()
-        .all() ?? []
-    ).map(tag => tag.name());
+    operationTagNames = (asyncapi.info().tags().all() ?? []).map((tag) =>
+      tag.name(),
+    );
   } else {
     const operationTagNamesSet = new Set<string>();
-    operations.forEach(operation => {
+    operations.forEach((operation) => {
       operation
         .tags()
         .all()
-        .forEach(t => operationTagNamesSet.add(t.name()));
+        .forEach((t) => operationTagNamesSet.add(t.name()));
     });
     operationTagNames = Array.from(operationTagNamesSet);
   }
@@ -347,14 +338,12 @@ const OperationItem: React.FunctionComponent<OperationItemProps> = ({
   const specV = useSpec().version();
   const version = specV.localeCompare('2.6.0', undefined, { numeric: true });
   const isAsyncAPIv2 = version === 0;
-  const {
-    typeLabel,
-    backgroundColor,
-  } = CommonHelpers.getOperationDesignInformation({
-    type,
-    config,
-    isAsyncAPIv2,
-  });
+  const { typeLabel, backgroundColor } =
+    CommonHelpers.getOperationDesignInformation({
+      type,
+      config,
+      isAsyncAPIv2,
+    });
 
   return (
     <li key={`menu-operation-list-${operationHrefId}`}>
@@ -410,7 +399,7 @@ const ItemsByTagItem: React.FunctionComponent<ItemsByTagItemProps> = ({
   return (
     <div>
       <CollapseButton
-        onClick={() => setExpand(prev => !prev)}
+        onClick={() => setExpand((prev) => !prev)}
         chevronProps={{
           className: expand ? '-rotate-180' : '-rotate-90',
         }}
diff --git a/library/src/contexts/useSpec.ts b/library/src/contexts/useSpec.ts
index 785448d7f..92b863166 100644
--- a/library/src/contexts/useSpec.ts
+++ b/library/src/contexts/useSpec.ts
@@ -1,10 +1,9 @@
 import React, { useContext } from 'react';
 import { AsyncAPIDocumentInterface } from '@asyncapi/parser';
 
-export const SpecificationContext = React.createContext<
-  AsyncAPIDocumentInterface
+export const SpecificationContext =
   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
->(null as any);
+  React.createContext<AsyncAPIDocumentInterface>(null as any);
 
 export function useSpec() {
   return useContext(SpecificationContext);
diff --git a/library/src/helpers/message.ts b/library/src/helpers/message.ts
index 8e78deded..aa9bc487d 100644
--- a/library/src/helpers/message.ts
+++ b/library/src/helpers/message.ts
@@ -19,15 +19,18 @@ export class MessageHelpers {
   static sanitizeExample(schema: any): any {
     if (typeof schema === 'object' && schema && !Array.isArray(schema)) {
       // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      return Object.entries(schema).reduce((obj, [propertyName, property]) => {
-        if (
-          !propertyName.startsWith('x-parser-') &&
-          !propertyName.startsWith('x-schema-private-')
-        ) {
-          obj[propertyName] = this.sanitizeExample(property);
-        }
-        return obj;
-      }, {} as Record<string, unknown>);
+      return Object.entries(schema).reduce(
+        (obj, [propertyName, property]) => {
+          if (
+            !propertyName.startsWith('x-parser-') &&
+            !propertyName.startsWith('x-schema-private-')
+          ) {
+            obj[propertyName] = this.sanitizeExample(property);
+          }
+          return obj;
+        },
+        {} as Record<string, unknown>,
+      );
     }
     return schema;
   }
@@ -37,9 +40,9 @@ export class MessageHelpers {
   ): MessageExample[] | undefined {
     const examples = msg.examples().all();
 
-    if (examples.some(e => e.hasPayload())) {
+    if (examples.some((e) => e.hasPayload())) {
       const messageExamples = examples
-        .flatMap(e => {
+        .flatMap((e) => {
           if (!e.payload()) {
             return;
           }
@@ -59,7 +62,7 @@ export class MessageHelpers {
     const payload = msg.payload();
     if (payload?.examples()) {
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      return payload.examples()?.map(example => ({ example }));
+      return payload.examples()?.map((example) => ({ example }));
     }
 
     return undefined;
@@ -69,9 +72,9 @@ export class MessageHelpers {
     msg: MessageInterface,
   ): MessageExample[] | undefined {
     const examples = msg.examples().all();
-    if (examples.some(e => e.hasHeaders())) {
+    if (examples.some((e) => e.hasHeaders())) {
       const messageExamples = examples
-        .flatMap(e => {
+        .flatMap((e) => {
           if (!e.hasHeaders()) {
             return;
           }
@@ -91,7 +94,7 @@ export class MessageHelpers {
     const headers = msg.headers();
     if (headers?.examples()) {
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      return headers.examples()?.map(example => ({ example }));
+      return headers.examples()?.map((example) => ({ example }));
     }
     return undefined;
   }
diff --git a/library/src/helpers/schema.ts b/library/src/helpers/schema.ts
index 176c72a3d..12846eab9 100644
--- a/library/src/helpers/schema.ts
+++ b/library/src/helpers/schema.ts
@@ -88,7 +88,7 @@ export class SchemaHelpers {
 
     let type = this.inferType(schema);
     if (Array.isArray(type)) {
-      return type.map(t => this.toType(t, schema)).join(' | ');
+      return type.map((t) => this.toType(t, schema)).join(' | ');
     }
     type = this.toType(type, schema);
     const combinedType = this.toCombinedType(schema);
@@ -220,7 +220,7 @@ export class SchemaHelpers {
       return undefined;
     }
     const obj: Record<string, Record<string, unknown>> = {};
-    urlVariables.all().forEach(variable => {
+    urlVariables.all().forEach((variable) => {
       obj[variable.id()] = { ...(variable.json() || {}) };
       obj[variable.id()].type = 'string';
     });
@@ -242,7 +242,7 @@ export class SchemaHelpers {
       return undefined;
     }
     const obj: Record<string, Record<string, unknown>> = {};
-    parameters.all().forEach(parameter => {
+    parameters.all().forEach((parameter) => {
       const parameterSchema = parameter.schema();
       obj[parameter.id()] = { ...(parameterSchema?.json() ?? {}) };
       obj[parameter.id()].description = parameter.hasDescription()
@@ -384,15 +384,16 @@ export class SchemaHelpers {
     items: SchemaInterface[],
     schema: SchemaInterface,
   ): string {
-    const types = items.map(item => this.toSchemaType(item)).join(', ');
+    const types = items.map((item) => this.toSchemaType(item)).join(', ');
     const additionalItems = schema.additionalItems();
     if (additionalItems !== undefined && additionalItems !== false) {
       const additionalType =
         additionalItems === true
           ? SchemaCustomTypes.ANY
           : this.toSchemaType(additionalItems);
-      return `tuple<${types ||
-        SchemaCustomTypes.UNKNOWN}, ...optional<${additionalType}>>`;
+      return `tuple<${
+        types || SchemaCustomTypes.UNKNOWN
+      }, ...optional<${additionalType}>>`;
     }
     return `tuple<${types || SchemaCustomTypes.UNKNOWN}>`;
   }
@@ -419,7 +420,7 @@ export class SchemaHelpers {
       if (Array.isArray(types)) {
         // if types have `integer` and `number` types, `integer` is unnecessary
         if (types.includes('integer') && types.includes('number')) {
-          types = types.filter(t => t !== 'integer');
+          types = types.filter((t) => t !== 'integer');
         }
         return types.length === 1 ? types[0] : types;
       }
@@ -433,12 +434,12 @@ export class SchemaHelpers {
     }
     const enumValue = schema.enum();
     if (Array.isArray(enumValue) && enumValue.length) {
-      const inferredType = Array.from(new Set(enumValue.map(e => typeof e)));
+      const inferredType = Array.from(new Set(enumValue.map((e) => typeof e)));
       return inferredType.length === 1 ? inferredType[0] : inferredType;
     }
 
     const schemaKeys = Object.keys(schema.json() || {}) || [];
-    const hasInferredTypes = jsonSchemaKeywords.some(key =>
+    const hasInferredTypes = jsonSchemaKeywords.some((key) =>
       schemaKeys.includes(key),
     );
     if (hasInferredTypes === true) {
@@ -544,17 +545,20 @@ export class SchemaHelpers {
       return {
         type: 'array',
         // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-        items: value.map(v => this.jsonFieldToSchema(v)),
+        items: value.map((v) => this.jsonFieldToSchema(v)),
         [this.extRenderAdditionalInfo]: false,
       };
     }
     return {
       type: 'object',
       // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      properties: Object.entries(value).reduce((obj, [k, v]) => {
-        obj[k] = this.jsonFieldToSchema(v);
-        return obj;
-      }, {} as Record<string, unknown>),
+      properties: Object.entries(value).reduce(
+        (obj, [k, v]) => {
+          obj[k] = this.jsonFieldToSchema(v);
+          return obj;
+        },
+        {} as Record<string, unknown>,
+      ),
       [this.extRenderAdditionalInfo]: false,
     };
   }
diff --git a/library/src/helpers/sidebar.ts b/library/src/helpers/sidebar.ts
index 02485632e..4ac5dabd6 100644
--- a/library/src/helpers/sidebar.ts
+++ b/library/src/helpers/sidebar.ts
@@ -20,11 +20,11 @@ export function filterObjectsByTags<T>(
 ): SortedReturnType {
   const taggedObjects = new Set<TagObject>();
   const tagged = new Map<string, TagObject[]>();
-  tags.forEach(tag => {
+  tags.forEach((tag) => {
     const taggedForTag: TagObject[] = [];
-    objects.forEach(obj => {
+    objects.forEach((obj) => {
       const objTags = obj.tags;
-      const nameTags = (objTags.all() ?? []).map(t => t.name());
+      const nameTags = (objTags.all() ?? []).map((t) => t.name());
       const hasTag = nameTags.includes(tag);
       if (hasTag) {
         taggedForTag.push(obj);
@@ -37,7 +37,7 @@ export function filterObjectsByTags<T>(
   });
 
   const untagged: TagObject[] = [];
-  objects.forEach(obj => {
+  objects.forEach((obj) => {
     if (!taggedObjects.has(obj)) {
       untagged.push(obj);
     }
diff --git a/library/src/helpers/specification.ts b/library/src/helpers/specification.ts
index cfb770d47..121de9e46 100644
--- a/library/src/helpers/specification.ts
+++ b/library/src/helpers/specification.ts
@@ -64,7 +64,7 @@ export class SpecificationHelpers {
     }
     const tagsArr = Array.isArray(tags) ? tags : [tags];
     return tagsToCheck.some((tag: TagInterface) =>
-      tagsArr.some(t => t.name() === tag.name()),
+      tagsArr.some((t) => t.name() === tag.name()),
     );
   }
 
@@ -78,7 +78,7 @@ export class SpecificationHelpers {
         operation
           .tags()
           .all()
-          .forEach(tag => tags.set(tag.name(), tag));
+          .forEach((tag) => tags.set(tag.name(), tag));
       }
     });
     return Array.from(tags.values());
@@ -94,7 +94,7 @@ export class SpecificationHelpers {
         server
           .tags()
           .all()
-          .forEach(tag => {
+          .forEach((tag) => {
             if (tags[tag.name()]) {
               tags[tag.name()].push(_);
             } else {
diff --git a/library/tailwind.config.js b/library/tailwind.config.js
index ea5d3af61..885e9bd11 100644
--- a/library/tailwind.config.js
+++ b/library/tailwind.config.js
@@ -136,12 +136,12 @@ module.exports = {
       '5xl': '3rem',
       '6xl': '4rem',
     },
-    borderColor: theme => ({
+    borderColor: (theme) => ({
       ...theme('colors'),
       DEFAULT: theme('colors.gray.400', 'currentColor'),
     }),
     extend: {
-      typography: theme => ({
+      typography: (theme) => ({
         DEFAULT: {
           css: {
             pre: {
diff --git a/library/webpack.config.js b/library/webpack.config.js
index 9fddc67b5..88947645b 100644
--- a/library/webpack.config.js
+++ b/library/webpack.config.js
@@ -1,6 +1,6 @@
 const path = require('path');
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
-  .BundleAnalyzerPlugin;
+const BundleAnalyzerPlugin =
+  require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 const NodePolyfillPlugin = require('node-polyfill-webpack-plugin');
 
 const umdBundle = {
diff --git a/package-lock.json b/package-lock.json
index 29a80798d..10d2ab96e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,12 +19,13 @@
         "eslint-config-prettier": "^9.1.0",
         "eslint-plugin-import": "^2.29.1",
         "eslint-plugin-jest": "^28.2.0",
+        "eslint-plugin-prettier": "^5.1.3",
         "eslint-plugin-react": "^7.34.1",
         "eslint-plugin-sonarjs": "^0.25.1",
         "lerna": "^8.1.2",
         "markdown-toc": "^1.2.0",
         "markdownlint-cli": "^0.17.0",
-        "prettier": "^1.18.2",
+        "prettier": "^3.2.5",
         "react-split": "^2.0.9",
         "tslib": "^1.10.0",
         "typescript": "^5.3.3"
@@ -4492,6 +4493,18 @@
         "node": ">=14"
       }
     },
+    "node_modules/@pkgr/core": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz",
+      "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
     "node_modules/@polka/url": {
       "version": "1.0.0-next.25",
       "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.25.tgz",
@@ -11213,6 +11226,36 @@
         "dequal": "^2.0.3"
       }
     },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.3.tgz",
+      "integrity": "sha512-C9GCVAs4Eq7ZC/XFQHITLiHJxQngdtraXaM+LoUFoFp/lHNl2Zn8f3WQbe9HvTBBQ9YnKFB0/2Ajdqwo5D1EAw==",
+      "dev": true,
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.0",
+        "synckit": "^0.8.6"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-plugin-prettier"
+      },
+      "peerDependencies": {
+        "@types/eslint": ">=8.0.0",
+        "eslint": ">=8.0.0",
+        "eslint-config-prettier": "*",
+        "prettier": ">=3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/eslint": {
+          "optional": true
+        },
+        "eslint-config-prettier": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/eslint-plugin-react": {
       "version": "7.34.1",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.34.1.tgz",
@@ -11744,6 +11787,12 @@
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
     },
+    "node_modules/fast-diff": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
+      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
+      "dev": true
+    },
     "node_modules/fast-glob": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
@@ -21303,15 +21352,30 @@
       }
     },
     "node_modules/prettier": {
-      "version": "1.19.1",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.19.1.tgz",
-      "integrity": "sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==",
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
+      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
       "dev": true,
       "bin": {
-        "prettier": "bin-prettier.js"
+        "prettier": "bin/prettier.cjs"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
       }
     },
     "node_modules/pretty-bytes": {
@@ -24604,6 +24668,28 @@
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="
     },
+    "node_modules/synckit": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.8.tgz",
+      "integrity": "sha512-HwOKAP7Wc5aRGYdKH+dw0PRRpbO841v2DENBtjnR5HFWoiNByAl7vrx3p0G/rCyYXQsrxqtX48TImFtPcIHSpQ==",
+      "dev": true,
+      "dependencies": {
+        "@pkgr/core": "^0.1.0",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
+    "node_modules/synckit/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "dev": true
+    },
     "node_modules/tailwindcss": {
       "version": "2.2.19",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-2.2.19.tgz",
diff --git a/package.json b/package.json
index c90cc6930..bc8e158df 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,8 @@
     "build:webcomponent": "cd web-component && npm run bundle",
     "build:playground": "cd playground && npm run build",
     "lint": "eslint --max-warnings 0 .",
-    "lint:fix": "eslint --max-warnings 0 . --fix",
+    "lint:fix": "eslint --max-warnings 0 . --fix && npm run format",
+    "format": "prettier --write \"**/*.{ts,tsx,js,jsx,json,html,css,yaml,yml}\"",
     "markdownlint": "markdownlint **/*.md",
     "prepublishOnly": "npm run build",
     "gen-readme-toc": "markdown-toc -i README.md",
@@ -53,12 +54,13 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jest": "^28.2.0",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-sonarjs": "^0.25.1",
     "lerna": "^8.1.2",
     "markdown-toc": "^1.2.0",
     "markdownlint-cli": "^0.17.0",
-    "prettier": "^1.18.2",
+    "prettier": "^3.2.5",
     "react-split": "^2.0.9",
     "tslib": "^1.10.0",
     "typescript": "^5.3.3"
diff --git a/playground/components/FetchSchema.tsx b/playground/components/FetchSchema.tsx
index 62aa6871d..1611aedcc 100644
--- a/playground/components/FetchSchema.tsx
+++ b/playground/components/FetchSchema.tsx
@@ -24,7 +24,7 @@ class FetchSchema extends Component<Props, State> {
         <InputField
           value={link}
           placeholder="Link for external schema"
-          onChange={e => this.setState({ link: e.target.value })}
+          onChange={(e) => this.setState({ link: e.target.value })}
         />
         <Button type="button" onClick={this.fetchSchemaFromExternalResources}>
           Fetch schema
@@ -35,7 +35,7 @@ class FetchSchema extends Component<Props, State> {
 
   private fetchSchemaFromExternalResources = async () => {
     try {
-           new URL(this.state.link);
+      new URL(this.state.link);
     } catch (e) {
       return;
     }
diff --git a/playground/components/Tab.tsx b/playground/components/Tab.tsx
index dd9ef90e5..0a46bd414 100644
--- a/playground/components/Tab.tsx
+++ b/playground/components/Tab.tsx
@@ -17,7 +17,7 @@ class Tab extends Component<TabProps> {
     return (
       <TabWrapper key={tabIndex}>
         <TabLink
-          onClick={event => {
+          onClick={(event) => {
             event.preventDefault();
             if (parentCallback && tabIndex) {
               parentCallback(tabIndex);
diff --git a/playground/components/Tabs.tsx b/playground/components/Tabs.tsx
index fd077ab7f..9e1c384f6 100644
--- a/playground/components/Tabs.tsx
+++ b/playground/components/Tabs.tsx
@@ -58,7 +58,7 @@ class Tabs extends Component<Props, State> {
     const children = []
       // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
       .concat(...(this.props.children as any))
-      .filter(child => child !== null && child !== undefined);
+      .filter((child) => child !== null && child !== undefined);
 
     return (
       <TabsWrapper>
diff --git a/playground/components/styled.ts b/playground/components/styled.ts
index 99bd9ad3a..2ef6c674f 100644
--- a/playground/components/styled.ts
+++ b/playground/components/styled.ts
@@ -105,7 +105,7 @@ export const RefreshIcon = styled.div<RefreshIconProps>`
   font-weight: 700;
   color: #f77669;
   transition: 0.2s all linear;
-  opacity: ${props => (props.$show ? '1' : '0')};
+  opacity: ${(props) => (props.$show ? '1' : '0')};
   animation-name: spin;
   animation-duration: 1.5s;
   animation-iteration-count: infinite;
@@ -145,7 +145,7 @@ export const TabLink = styled.div<TabLinkProps>`
   padding: 19px 0 15px;
   border: none;
   position: relative;
-  color: ${props => (props.$active ? '#c3e88d' : '#f77669')};
+  color: ${(props) => (props.$active ? '#c3e88d' : '#f77669')};
   font-size: 14px;
   outline: none;
   transition: 0.2s color linear;
@@ -161,7 +161,7 @@ export const TabLink = styled.div<TabLinkProps>`
     bottom: 0;
     display: block;
     position: absolute;
-    height: ${props => (props.$active ? '3px' : '0px')};
+    height: ${(props) => (props.$active ? '3px' : '0px')};
     width: 100%;
     border-radius: 2px;
     background-color: #c3e88d;
@@ -199,7 +199,9 @@ export const InputField = styled.input`
   border: 3px solid #f77669;
   color: #f77669;
   border-radius: 6px;
-  transition: 0.2s border, color linear;
+  transition:
+    0.2s border,
+    color linear;
   font-size: 14px;
 
   &:hover {
@@ -219,7 +221,9 @@ export const Button = styled.button`
   font-size: 14px;
   margin-left: 12px;
   white-space: nowrap;
-  transition: 0.2s border, color linear;
+  transition:
+    0.2s border,
+    color linear;
   cursor: pointer;
 
   &:hover {
diff --git a/web-component/src/AsyncApiWebComponent.tsx b/web-component/src/AsyncApiWebComponent.tsx
index ef744ffec..9bcb139ab 100644
--- a/web-component/src/AsyncApiWebComponent.tsx
+++ b/web-component/src/AsyncApiWebComponent.tsx
@@ -53,9 +53,7 @@ export interface AsyncApiWebComponentProps extends AsyncApiProps {
   schemaUrl: string;
 }
 
-export class AsyncApiWebComponent extends React.Component<
-  AsyncApiWebComponentProps
-> {
+export class AsyncApiWebComponent extends React.Component<AsyncApiWebComponentProps> {
   private lastUrlCheck: number = Date.now();
 
   shouldComponentUpdate(nextProps: Readonly<AsyncApiWebComponentProps>) {

From 3be24562431bc50ad630fb7ae47e53fb3e6f4635 Mon Sep 17 00:00:00 2001
From: Anna Bocharova <robin_tail@me.com>
Date: Thu, 25 Apr 2024 10:23:35 +0200
Subject: [PATCH 03/28] fix: incorrect rendering of security schemas (#995)

---
 library/src/containers/Servers/Security.tsx | 21 +++++----------------
 1 file changed, 5 insertions(+), 16 deletions(-)

diff --git a/library/src/containers/Servers/Security.tsx b/library/src/containers/Servers/Security.tsx
index 39cb91d19..fe06b0c9b 100644
--- a/library/src/containers/Servers/Security.tsx
+++ b/library/src/containers/Servers/Security.tsx
@@ -6,7 +6,6 @@ import {
 } from '@asyncapi/parser';
 
 import { Href, Markdown } from '../../components';
-import { useSpec } from '../../contexts';
 import { ServerHelpers } from '../../helpers';
 
 interface Props {
@@ -20,16 +19,8 @@ export const Security: React.FunctionComponent<Props> = ({
   protocol = '',
   header = 'Security',
 }) => {
-  const asyncapi = useSpec();
-  const securitySchemes =
-    !asyncapi.components().isEmpty() && asyncapi.components().securitySchemes();
-
   let renderedSecurities;
-  if (
-    !security?.length ||
-    !securitySchemes ||
-    !Object.keys(securitySchemes).length
-  ) {
+  if (!security?.length) {
     if (protocol === 'kafka' || protocol === 'kafka-secure') {
       renderedSecurities = (
         <SecurityItem protocol={protocol} securitySchema={null} />
@@ -37,12 +28,11 @@ export const Security: React.FunctionComponent<Props> = ({
     }
   } else {
     const securities: React.ReactNodeArray = Object.values(security)
+      .map((requirements) => requirements.all())
+      .flat()
       .map((requirement) => {
-        const requirements = requirement.all();
-        const key = Object.keys(requirements)[0];
-        const def = securitySchemes[Number(key)];
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const requiredScopes: any = requirements[Number(key)];
+        const def = requirement.scheme();
+        const requiredScopes = requirement.scopes();
 
         if (!def) {
           return null;
@@ -51,7 +41,6 @@ export const Security: React.FunctionComponent<Props> = ({
           <SecurityItem
             protocol={protocol}
             securitySchema={def}
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
             requiredScopes={requiredScopes}
             key={def.type()}
           />

From cdd11f063152c527f2ae1a559ef3760ea1032a35 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Thu, 25 Apr 2024 10:44:33 +0200
Subject: [PATCH 04/28] chore(release): v1.4.10 (#999)

---
 library/package.json       |  2 +-
 package-lock.json          | 10 +++++-----
 playground/package.json    |  4 ++--
 web-component/package.json |  4 ++--
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/library/package.json b/library/package.json
index c9d7b51e3..bc96af14d 100644
--- a/library/package.json
+++ b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "1.4.9",
+  "version": "1.4.10",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {
diff --git a/package-lock.json b/package-lock.json
index 10d2ab96e..e2bba9b7a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -37,7 +37,7 @@
     },
     "library": {
       "name": "@asyncapi/react-component",
-      "version": "1.4.9",
+      "version": "1.4.10",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/avro-schema-parser": "^3.0.22",
@@ -27294,9 +27294,9 @@
       }
     },
     "playground": {
-      "version": "1.4.9",
+      "version": "1.4.10",
       "dependencies": {
-        "@asyncapi/react-component": "^1.4.9",
+        "@asyncapi/react-component": "^1.4.10",
         "@codemirror/lang-yaml": "^6.0.0",
         "@uiw/codemirror-theme-material": "^4.21.24",
         "@uiw/react-codemirror": "^4.21.24",
@@ -27507,10 +27507,10 @@
     },
     "web-component": {
       "name": "@asyncapi/web-component",
-      "version": "1.4.9",
+      "version": "1.4.10",
       "license": "Apache-2.0",
       "dependencies": {
-        "@asyncapi/react-component": "^1.4.9",
+        "@asyncapi/react-component": "^1.4.10",
         "react": "^16.8.0",
         "react-dom": "^16.8.0",
         "web-react-components": "^1.4.2"
diff --git a/playground/package.json b/playground/package.json
index 32d40510c..3c530ab07 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "playground",
-  "version": "1.4.9",
+  "version": "1.4.10",
   "private": true,
   "scripts": {
     "build": "next build && touch out/.nojekyll",
@@ -8,7 +8,7 @@
     "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
   },
   "dependencies": {
-    "@asyncapi/react-component": "^1.4.9",
+    "@asyncapi/react-component": "^1.4.10",
     "@codemirror/lang-yaml": "^6.0.0",
     "@uiw/codemirror-theme-material": "^4.21.24",
     "@uiw/react-codemirror": "^4.21.24",
diff --git a/web-component/package.json b/web-component/package.json
index ca8396f7a..7a3f57a69 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "1.4.9",
+  "version": "1.4.10",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {
@@ -44,7 +44,7 @@
     "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
   },
   "dependencies": {
-    "@asyncapi/react-component": "^1.4.9",
+    "@asyncapi/react-component": "^1.4.10",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "web-react-components": "^1.4.2"

From 6f6b8bd3fd9e8305ed224a0b267609e2dfc3997e Mon Sep 17 00:00:00 2001
From: Kenneth Aasan <k.aasan@sportradar.com>
Date: Mon, 29 Apr 2024 10:08:47 +0200
Subject: [PATCH 05/28] feat!: upgrade to react v18 (#998)

---
 library/package.json                        |  16 +-
 library/src/components/Href.tsx             |   1 +
 library/src/components/Markdown.tsx         |   4 +-
 library/src/containers/Servers/Security.tsx |   8 +-
 library/src/containers/Sidebar/Sidebar.tsx  |   1 +
 library/src/standalone-codebase.ts          |  47 ++-
 package-lock.json                           | 309 ++++----------------
 package.json                                |   1 -
 web-component/package.json                  |   6 +-
 9 files changed, 94 insertions(+), 299 deletions(-)

diff --git a/library/package.json b/library/package.json
index bc96af14d..2fc67a2b4 100644
--- a/library/package.json
+++ b/library/package.json
@@ -76,25 +76,25 @@
     "isomorphic-dompurify": "^0.13.0",
     "marked": "^4.0.14",
     "openapi-sampler": "^1.2.1",
-    "use-resize-observer": "^8.0.0"
+    "use-resize-observer": "^9.1.0"
   },
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "devDependencies": {
     "@cypress/webpack-preprocessor": "^5.9.0",
     "@tailwindcss/typography": "^0.4.0",
     "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^12.1.5",
+    "@testing-library/react": "^15.0.4",
     "@testing-library/user-event": "^12.8.3",
     "@types/dompurify": "^2.0.4",
     "@types/highlight.js": "^10.1.0",
     "@types/jest": "^26.0.23",
     "@types/marked": "^4.0.1",
     "@types/node": "^12.7.2",
-    "@types/react": "^16.9.2",
-    "@types/react-dom": "^17.0.3",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
     "autoprefixer": "^10.2.5",
     "cross-env": "^7.0.3",
     "cssnano": "^4.1.11",
@@ -105,8 +105,8 @@
     "postcss-cli": "^8.3.1",
     "postcss-import": "^14.0.2",
     "postcss-scopify": "^0.1.9",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "tailwindcss": "^2.1.1",
     "ts-jest": "^26.4.1",
     "ts-loader": "9.4.4",
diff --git a/library/src/components/Href.tsx b/library/src/components/Href.tsx
index 0399ac498..fd5c3aff5 100644
--- a/library/src/components/Href.tsx
+++ b/library/src/components/Href.tsx
@@ -4,6 +4,7 @@ interface Props {
   href: string;
   title?: string;
   className?: string;
+  children: React.ReactNode;
 }
 
 export const Href: React.FunctionComponent<Props> = ({
diff --git a/library/src/components/Markdown.tsx b/library/src/components/Markdown.tsx
index d05d2d597..c225a5f80 100644
--- a/library/src/components/Markdown.tsx
+++ b/library/src/components/Markdown.tsx
@@ -3,7 +3,9 @@ import { sanitize } from 'isomorphic-dompurify';
 
 import { renderMarkdown } from '../helpers';
 
-export const Markdown: React.FunctionComponent = ({ children }) => {
+export const Markdown: React.FunctionComponent<{
+  children: React.ReactNode;
+}> = ({ children }) => {
   if (!children) {
     return null;
   }
diff --git a/library/src/containers/Servers/Security.tsx b/library/src/containers/Servers/Security.tsx
index fe06b0c9b..3038616aa 100644
--- a/library/src/containers/Servers/Security.tsx
+++ b/library/src/containers/Servers/Security.tsx
@@ -27,7 +27,7 @@ export const Security: React.FunctionComponent<Props> = ({
       );
     }
   } else {
-    const securities: React.ReactNodeArray = Object.values(security)
+    const securities: React.ReactNode[] = Object.values(security)
       .map((requirements) => requirements.all())
       .flat()
       .map((requirement) => {
@@ -74,8 +74,8 @@ export const Security: React.FunctionComponent<Props> = ({
 function collectSecuritySchemas(
   securitySchema: SecuritySchemeInterface | null,
   requiredScopes: string[] = [],
-): React.ReactNodeArray {
-  const schemas: React.ReactNodeArray = [];
+): React.ReactNode[] {
+  const schemas: React.ReactNode[] = [];
   if (securitySchema) {
     if (securitySchema.name()) {
       schemas.push(<span>Name: {securitySchema.name()}</span>);
@@ -114,7 +114,7 @@ const SecurityItem: React.FunctionComponent<SecurityItemProps> = ({
   protocol,
   requiredScopes,
 }) => {
-  const schemas: React.ReactNodeArray = collectSecuritySchemas(
+  const schemas: React.ReactNode[] = collectSecuritySchemas(
     securitySchema,
     requiredScopes,
   );
diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index af0900152..a722eea3a 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -388,6 +388,7 @@ const ServerItem: React.FunctionComponent<ServerItemProps> = ({
 
 interface ItemsByTagItemProps {
   tagName: string;
+  children: React.ReactNode;
 }
 
 const ItemsByTagItem: React.FunctionComponent<ItemsByTagItemProps> = ({
diff --git a/library/src/standalone-codebase.ts b/library/src/standalone-codebase.ts
index 39fcd2575..b04fd996c 100644
--- a/library/src/standalone-codebase.ts
+++ b/library/src/standalone-codebase.ts
@@ -1,12 +1,7 @@
 import React from 'react';
-import {
-  // eslint-disable-next-line react/no-deprecated
-  hydrate as hydrateComponent,
-  // eslint-disable-next-line react/no-deprecated
-  render as renderComponent,
-} from 'react-dom';
-
-function querySelector(selector: string): Element | DocumentFragment | null {
+import { hydrateRoot, createRoot } from 'react-dom/client';
+
+function querySelector(selector: string): Element | null {
   if (typeof document !== 'undefined') {
     return document.querySelector(selector);
   }
@@ -18,20 +13,19 @@ function querySelector(selector: string): Element | DocumentFragment | null {
  *
  * @param {Any} component of any kind
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function createRender<P extends object>(component: any) {
-  return (
-    props: P,
-    container?: Element | DocumentFragment | null,
-    callback?: () => void,
-  ) => {
+export function createRender<
+  Props extends Parameters<typeof React.createElement>[1],
+>(component: Parameters<typeof React.createElement>[0]) {
+  return (props: Props, container?: Element | DocumentFragment | null) => {
     container = container ?? querySelector('asyncapi');
+
     if (container === null) {
       return;
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-    renderComponent(React.createElement(component, props), container, callback);
+    const root = createRoot(container);
+
+    root.render(React.createElement(component, props));
   };
 }
 
@@ -40,23 +34,16 @@ export function createRender<P extends object>(component: any) {
  *
  * @param {Any} component of any kind
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function createHydrate<P extends object>(component: any) {
-  return (
-    props: P,
-    container?: Element | DocumentFragment | null,
-    callback?: () => void,
-  ) => {
+export function createHydrate<
+  Props extends Parameters<typeof React.createElement>[1],
+>(component: Parameters<typeof React.createElement>[0]) {
+  return (props: Props, container?: Element | Document | null) => {
     container = container ?? querySelector('asyncapi');
+
     if (container === null) {
       return;
     }
 
-    hydrateComponent(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      React.createElement(component, props),
-      container,
-      callback,
-    );
+    hydrateRoot(container, React.createElement(component, props));
   };
 }
diff --git a/package-lock.json b/package-lock.json
index e2bba9b7a..f64e856f0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,7 +26,6 @@
         "markdown-toc": "^1.2.0",
         "markdownlint-cli": "^0.17.0",
         "prettier": "^3.2.5",
-        "react-split": "^2.0.9",
         "tslib": "^1.10.0",
         "typescript": "^5.3.3"
       },
@@ -48,21 +47,21 @@
         "isomorphic-dompurify": "^0.13.0",
         "marked": "^4.0.14",
         "openapi-sampler": "^1.2.1",
-        "use-resize-observer": "^8.0.0"
+        "use-resize-observer": "^9.1.0"
       },
       "devDependencies": {
         "@cypress/webpack-preprocessor": "^5.9.0",
         "@tailwindcss/typography": "^0.4.0",
         "@testing-library/jest-dom": "^5.17.0",
-        "@testing-library/react": "^12.1.5",
+        "@testing-library/react": "^15.0.4",
         "@testing-library/user-event": "^12.8.3",
         "@types/dompurify": "^2.0.4",
         "@types/highlight.js": "^10.1.0",
         "@types/jest": "^26.0.23",
         "@types/marked": "^4.0.1",
         "@types/node": "^12.7.2",
-        "@types/react": "^16.9.2",
-        "@types/react-dom": "^17.0.3",
+        "@types/react": "^18.2.79",
+        "@types/react-dom": "^18.2.25",
         "autoprefixer": "^10.2.5",
         "cross-env": "^7.0.3",
         "cssnano": "^4.1.11",
@@ -73,8 +72,8 @@
         "postcss-cli": "^8.3.1",
         "postcss-import": "^14.0.2",
         "postcss-scopify": "^0.1.9",
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "tailwindcss": "^2.1.1",
         "ts-jest": "^26.4.1",
         "ts-loader": "9.4.4",
@@ -83,72 +82,8 @@
         "webpack-cli": "5.1.4"
       },
       "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
-    "library/node_modules/@testing-library/dom": {
-      "version": "8.20.1",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.1.tgz",
-      "integrity": "sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "@babel/runtime": "^7.12.5",
-        "@types/aria-query": "^5.0.1",
-        "aria-query": "5.1.3",
-        "chalk": "^4.1.0",
-        "dom-accessibility-api": "^0.5.9",
-        "lz-string": "^1.5.0",
-        "pretty-format": "^27.0.2"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "library/node_modules/@testing-library/react": {
-      "version": "12.1.5",
-      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-12.1.5.tgz",
-      "integrity": "sha512-OfTXCJUFgjd/digLUuPxa0+/3ZxsQmE7ub9kcbW/wi96Bh3o/p5vrETcBGfP17NWPGqeYYl5LTRpwyGoMC4ysg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "@testing-library/dom": "^8.0.0",
-        "@types/react-dom": "<18.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "peerDependencies": {
-        "react": "<18.0.0",
-        "react-dom": "<18.0.0"
-      }
-    },
-    "library/node_modules/react": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
-      "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "library/node_modules/react-dom": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
-      "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2",
-        "scheduler": "^0.19.1"
-      },
-      "peerDependencies": {
-        "react": "^16.14.0"
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0"
       }
     },
     "library/node_modules/ts-jest": {
@@ -193,18 +128,6 @@
         "node": ">=4.2.0"
       }
     },
-    "library/node_modules/use-resize-observer": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",
-      "integrity": "sha512-n0iKSeiQpJCyaFh5JA0qsVLBIovsF4EIIR1G6XiBwKJN66ZrD4Oj62bjcuTAATPKiSp6an/2UZZxCf/67fk3sQ==",
-      "dependencies": {
-        "@juggle/resize-observer": "^3.3.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
     "node_modules/@aashutoshrathi/word-wrap": {
       "version": "1.2.6",
       "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
@@ -5156,23 +5079,22 @@
       }
     },
     "node_modules/@testing-library/dom": {
-      "version": "9.3.4",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.4.tgz",
-      "integrity": "sha512-FlS4ZWlp97iiNWig0Muq8p+3rVDjRiYE+YKGbAqXOu9nwJFFOdL00kFpz42M+4huzYi86vAK1sOOfyOG45muIQ==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.0.0.tgz",
+      "integrity": "sha512-PmJPnogldqoVFf+EwbHvbBJ98MmqASV8kLrBYgsDNxQcFMeIS7JFL48sfyXvuMtgmWO/wMhh25odr+8VhDmn4g==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.10.4",
         "@babel/runtime": "^7.12.5",
         "@types/aria-query": "^5.0.1",
-        "aria-query": "5.1.3",
+        "aria-query": "5.3.0",
         "chalk": "^4.1.0",
         "dom-accessibility-api": "^0.5.9",
         "lz-string": "^1.5.0",
         "pretty-format": "^27.0.2"
       },
       "engines": {
-        "node": ">=14"
+        "node": ">=18"
       }
     },
     "node_modules/@testing-library/jest-dom": {
@@ -5210,6 +5132,24 @@
         "node": ">=8"
       }
     },
+    "node_modules/@testing-library/react": {
+      "version": "15.0.4",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-15.0.4.tgz",
+      "integrity": "sha512-Fw/LM1emOHKfCxv5R0tz+25TOtiMt0o5Np1zJmb4LbSacOagXQX4ooAaHiJfGUMe+OjUk504BX11W+9Z8CvyZA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@testing-library/dom": "^10.0.0",
+        "@types/react-dom": "^18.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      }
+    },
     "node_modules/@testing-library/user-event": {
       "version": "12.8.3",
       "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-12.8.3.tgz",
@@ -5510,42 +5450,24 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "16.14.58",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.14.58.tgz",
-      "integrity": "sha512-F8FNMutMPDU2AitpdmBUZozvli+0oCMdgRXG5dY+01gHxYsw6i+dX7HAoYE7k1inZ0ATNVbsjOfrWptUy+kbvA==",
+      "version": "18.2.79",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.79.tgz",
+      "integrity": "sha512-RwGAGXPl9kSXwdNTafkOEuFrTBD5SA2B3iEB96xi8+xu5ddUa/cpvyVCSNn+asgLCTHkb5ZxN8gbuibYJi4s1w==",
       "dev": true,
       "dependencies": {
         "@types/prop-types": "*",
-        "@types/scheduler": "*",
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "17.0.25",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.25.tgz",
-      "integrity": "sha512-urx7A7UxkZQmThYA4So0NelOVjx3V4rNFVJwp0WZlbIK5eM4rNJDiN3R/E9ix0MBh6kAEojk/9YL+Te6D9zHNA==",
-      "dev": true,
-      "dependencies": {
-        "@types/react": "^17"
-      }
-    },
-    "node_modules/@types/react-dom/node_modules/@types/react": {
-      "version": "17.0.77",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.77.tgz",
-      "integrity": "sha512-iDAZD0Oq82JyO/EfLI12s9EgE+qqshyURjJn4o8E3bF0D69ScuQOF2/+KE++Zt09y8nSw3Bb3JWBBh/g5H87cg==",
+      "version": "18.2.25",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.25.tgz",
+      "integrity": "sha512-o/V48vf4MQh7juIKZU2QGDfli6p1+OOi5oXx36Hffpc9adsHeXjVp8rHuPkjd8VT8sOJ2Zp05HR7CdpGTIUFUA==",
       "dev": true,
       "dependencies": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
-        "csstype": "^3.0.2"
+        "@types/react": "*"
       }
     },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
-      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
-      "dev": true
-    },
     "node_modules/@types/semver": {
       "version": "7.5.8",
       "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
@@ -6698,12 +6620,12 @@
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
     "node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
       "dev": true,
       "dependencies": {
-        "deep-equal": "^2.0.5"
+        "dequal": "^2.0.3"
       }
     },
     "node_modules/arr-diff": {
@@ -9842,38 +9764,6 @@
       "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==",
       "dev": true
     },
-    "node_modules/deep-equal": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
-      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.5",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.2",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/deep-extend": {
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.5.1.tgz",
@@ -10555,26 +10445,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/es-get-iterator": {
-      "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,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/es-iterator-helpers": {
       "version": "1.0.17",
       "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.17.tgz",
@@ -11217,15 +11087,6 @@
         "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
       }
     },
-    "node_modules/eslint-plugin-jsx-a11y/node_modules/aria-query": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
-      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
-      "dev": true,
-      "dependencies": {
-        "dequal": "^2.0.3"
-      }
-    },
     "node_modules/eslint-plugin-prettier": {
       "version": "5.1.3",
       "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.1.3.tgz",
@@ -23079,15 +22940,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/scheduler": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
-      "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
-      }
-    },
     "node_modules/schema-utils": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
@@ -24034,18 +23886,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/stop-iteration-iterator": {
-      "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,
-      "dependencies": {
-        "internal-slot": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
     "node_modules/stream-browserify": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
@@ -26369,6 +26209,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/use-resize-observer": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-9.1.0.tgz",
+      "integrity": "sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==",
+      "dependencies": {
+        "@juggle/resize-observer": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": "16.8.0 - 18",
+        "react-dom": "16.8.0 - 18"
+      }
+    },
     "node_modules/util": {
       "version": "0.12.5",
       "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
@@ -27325,26 +27177,6 @@
         "undici-types": "~5.26.4"
       }
     },
-    "playground/node_modules/@types/react": {
-      "version": "18.2.66",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.66.tgz",
-      "integrity": "sha512-OYTmMI4UigXeFMF/j4uv0lBBEbongSgptPrHBxqME44h9+yNov+oL6Z3ocJKo0WyXR84sQUNeyIp9MRfckvZpg==",
-      "dev": true,
-      "dependencies": {
-        "@types/prop-types": "*",
-        "@types/scheduler": "*",
-        "csstype": "^3.0.2"
-      }
-    },
-    "playground/node_modules/@types/react-dom": {
-      "version": "18.2.22",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.22.tgz",
-      "integrity": "sha512-fHkBXPeNtfvri6gdsMYyW+dW7RXFo6Ad09nLFK0VQWR7yGLai/Cyvyj696gbwYvBnhGtevUG9cET0pmUbMtoPQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/react": "*"
-      }
-    },
     "playground/node_modules/object-hash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
@@ -27511,44 +27343,17 @@
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/react-component": "^1.4.10",
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0",
+        "react": "^18",
+        "react-dom": "^18",
         "web-react-components": "^1.4.2"
       },
       "devDependencies": {
-        "@types/react": "^16.9.2",
+        "@types/react": "^18",
         "node-polyfill-webpack-plugin": "^2.0.1",
         "ts-loader": "9.4.4",
         "webpack": "5.88.2",
         "webpack-cli": "5.1.4"
       }
-    },
-    "web-component/node_modules/react": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
-      "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "web-component/node_modules/react-dom": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
-      "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2",
-        "scheduler": "^0.19.1"
-      },
-      "peerDependencies": {
-        "react": "^16.14.0"
-      }
     }
   }
 }
diff --git a/package.json b/package.json
index bc8e158df..2d2fa9946 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,6 @@
     "markdown-toc": "^1.2.0",
     "markdownlint-cli": "^0.17.0",
     "prettier": "^3.2.5",
-    "react-split": "^2.0.9",
     "tslib": "^1.10.0",
     "typescript": "^5.3.3"
   }
diff --git a/web-component/package.json b/web-component/package.json
index 7a3f57a69..577c3c30f 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -45,12 +45,12 @@
   },
   "dependencies": {
     "@asyncapi/react-component": "^1.4.10",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0",
+    "react": "^18",
+    "react-dom": "^18",
     "web-react-components": "^1.4.2"
   },
   "devDependencies": {
-    "@types/react": "^16.9.2",
+    "@types/react": "^18",
     "node-polyfill-webpack-plugin": "^2.0.1",
     "ts-loader": "9.4.4",
     "webpack": "5.88.2",

From 9a044f29493c75d8a9d7b05c0b6f16c7d69eb000 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Mon, 29 Apr 2024 10:29:38 +0200
Subject: [PATCH 06/28] chore(release): v2.0.0 (#1000)

---
 library/package.json       |  2 +-
 package-lock.json          | 50 +++++++++++++++++++++++++++++++++++---
 playground/package.json    |  2 +-
 web-component/package.json |  2 +-
 4 files changed, 50 insertions(+), 6 deletions(-)

diff --git a/library/package.json b/library/package.json
index 2fc67a2b4..f40125e23 100644
--- a/library/package.json
+++ b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "1.4.10",
+  "version": "2.0.0",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {
diff --git a/package-lock.json b/package-lock.json
index f64e856f0..1ca23bdbb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
     },
     "library": {
       "name": "@asyncapi/react-component",
-      "version": "1.4.10",
+      "version": "2.0.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/avro-schema-parser": "^3.0.22",
@@ -27146,7 +27146,7 @@
       }
     },
     "playground": {
-      "version": "1.4.10",
+      "version": "2.0.0",
       "dependencies": {
         "@asyncapi/react-component": "^1.4.10",
         "@codemirror/lang-yaml": "^6.0.0",
@@ -27325,6 +27325,18 @@
         "node": ">=14.0.0"
       }
     },
+    "playground/node_modules/use-resize-observer": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",
+      "integrity": "sha512-n0iKSeiQpJCyaFh5JA0qsVLBIovsF4EIIR1G6XiBwKJN66ZrD4Oj62bjcuTAATPKiSp6an/2UZZxCf/67fk3sQ==",
+      "dependencies": {
+        "@juggle/resize-observer": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
     "playground/node_modules/yaml": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.1.tgz",
@@ -27339,7 +27351,7 @@
     },
     "web-component": {
       "name": "@asyncapi/web-component",
-      "version": "1.4.10",
+      "version": "2.0.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/react-component": "^1.4.10",
@@ -27354,6 +27366,38 @@
         "webpack": "5.88.2",
         "webpack-cli": "5.1.4"
       }
+    },
+    "web-component/node_modules/@asyncapi/react-component": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/@asyncapi/react-component/-/react-component-1.4.10.tgz",
+      "integrity": "sha512-ejANS06yj1ZM4YDtsRi0g7h3EEJLGusewjzeugK+tGntNAKVZRvTPUXhbSDMhTARHuZXhUGLlITIno7N1aXapw==",
+      "dependencies": {
+        "@asyncapi/avro-schema-parser": "^3.0.22",
+        "@asyncapi/openapi-schema-parser": "^3.0.22",
+        "@asyncapi/parser": "^3.0.14",
+        "@asyncapi/protobuf-schema-parser": "^3.2.12",
+        "highlight.js": "^10.7.2",
+        "isomorphic-dompurify": "^0.13.0",
+        "marked": "^4.0.14",
+        "openapi-sampler": "^1.2.1",
+        "use-resize-observer": "^8.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "web-component/node_modules/use-resize-observer": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",
+      "integrity": "sha512-n0iKSeiQpJCyaFh5JA0qsVLBIovsF4EIIR1G6XiBwKJN66ZrD4Oj62bjcuTAATPKiSp6an/2UZZxCf/67fk3sQ==",
+      "dependencies": {
+        "@juggle/resize-observer": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
     }
   }
 }
diff --git a/playground/package.json b/playground/package.json
index 3c530ab07..0b3985f6d 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "playground",
-  "version": "1.4.10",
+  "version": "2.0.0",
   "private": true,
   "scripts": {
     "build": "next build && touch out/.nojekyll",
diff --git a/web-component/package.json b/web-component/package.json
index 577c3c30f..ced8b0c71 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "1.4.10",
+  "version": "2.0.0",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {

From f07356afdef4ff3dbd1aabf85fffac885562c3a2 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Tue, 30 Apr 2024 11:06:52 +0200
Subject: [PATCH 07/28] ci: update of files from global .github repo (#1001)

---
 .github/workflows/if-nodejs-release.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/if-nodejs-release.yml b/.github/workflows/if-nodejs-release.yml
index 234c5a9c5..e578d9002 100644
--- a/.github/workflows/if-nodejs-release.yml
+++ b/.github/workflows/if-nodejs-release.yml
@@ -15,6 +15,7 @@ on:
       - next-major-spec
       - beta
       - alpha
+      - next
 
 jobs:
 
@@ -128,4 +129,4 @@ jobs:
           fields: repo,action,workflow
           text: 'Release workflow failed in release job'
         env:
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_CI_FAIL_NOTIFY }}
\ No newline at end of file
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_CI_FAIL_NOTIFY }}

From b11120303ee5c3d5d47afe78b7d4c0f4cf91a2ac Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 2 May 2024 12:13:45 +0200
Subject: [PATCH 08/28] chore(deps-dev): bump ejs from 3.1.9 to 3.1.10 (#1002)

---
 package-lock.json | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1ca23bdbb..525c8dfa2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10188,9 +10188,9 @@
       "dev": true
     },
     "node_modules/ejs": {
-      "version": "3.1.9",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
-      "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
       "dev": true,
       "dependencies": {
         "jake": "^10.8.5"
@@ -27168,6 +27168,26 @@
         "typescript": "^5"
       }
     },
+    "playground/node_modules/@asyncapi/react-component": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/@asyncapi/react-component/-/react-component-1.4.10.tgz",
+      "integrity": "sha512-ejANS06yj1ZM4YDtsRi0g7h3EEJLGusewjzeugK+tGntNAKVZRvTPUXhbSDMhTARHuZXhUGLlITIno7N1aXapw==",
+      "dependencies": {
+        "@asyncapi/avro-schema-parser": "^3.0.22",
+        "@asyncapi/openapi-schema-parser": "^3.0.22",
+        "@asyncapi/parser": "^3.0.14",
+        "@asyncapi/protobuf-schema-parser": "^3.2.12",
+        "highlight.js": "^10.7.2",
+        "isomorphic-dompurify": "^0.13.0",
+        "marked": "^4.0.14",
+        "openapi-sampler": "^1.2.1",
+        "use-resize-observer": "^8.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
     "playground/node_modules/@types/node": {
       "version": "20.11.27",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.27.tgz",

From 18db57359280b15ce81bcee22057dad8bea841f5 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Mon, 6 May 2024 08:50:58 +0200
Subject: [PATCH 09/28] ci: update of files from global .github repo (#1003)

---
 .github/workflows/bounty-program-commands.yml | 50 ++++++++++++++++---
 1 file changed, 43 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/bounty-program-commands.yml b/.github/workflows/bounty-program-commands.yml
index 433f7d953..645e0c90d 100644
--- a/.github/workflows/bounty-program-commands.yml
+++ b/.github/workflows/bounty-program-commands.yml
@@ -14,12 +14,18 @@ on:
     types:
       - created
 
+env:
+  BOUNTY_PROGRAM_LABELS_JSON: |
+    [
+      {"name": "bounty", "color": "0e8a16", "description": "Participation in the Bounty Program"}
+    ]
+
 jobs:
   guard-against-unauthorized-use:
     if: >
       github.actor != ('aeworxet' || 'thulieblack') &&
       (
-        contains(github.event.comment.body, '/bounty' )
+        startsWith(github.event.comment.body, '/bounty' )
       )
 
     runs-on: ubuntu-latest
@@ -46,15 +52,10 @@ jobs:
     if: >
       github.actor == ('aeworxet' || 'thulieblack') &&
       (
-        contains(github.event.comment.body, '/bounty' )
+        startsWith(github.event.comment.body, '/bounty' )
       )
 
     runs-on: ubuntu-latest
-    env:
-      BOUNTY_PROGRAM_LABELS_JSON: |
-        [
-          {"name": "bounty", "color": "0e8a16", "description": "Participation in the Bounty Program"}
-        ]
 
     steps:
       - name: Add label `bounty`
@@ -88,3 +89,38 @@ jobs:
               repo: context.repo.repo,
               labels: [BOUNTY_PROGRAM_LABELS[0].name]
             })
+
+  remove-label-bounty:
+    if: >
+      github.actor == ('aeworxet' || 'thulieblack') &&
+      (
+        startsWith(github.event.comment.body, '/unbounty' )
+      )
+
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Remove label `bounty`
+        uses: actions/github-script@v6
+
+        with:
+          github-token: ${{ secrets.GH_TOKEN }}
+          script: |
+            const BOUNTY_PROGRAM_LABELS = JSON.parse(process.env.BOUNTY_PROGRAM_LABELS_JSON);
+            let LIST_OF_LABELS_FOR_ISSUE = await github.rest.issues.listLabelsOnIssue({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: context.issue.number,
+                });
+
+            LIST_OF_LABELS_FOR_ISSUE = LIST_OF_LABELS_FOR_ISSUE.data.map(key => key.name);
+
+            if (LIST_OF_LABELS_FOR_ISSUE.includes(BOUNTY_PROGRAM_LABELS[0].name)) {
+              console.log('Removing label `bounty`...');
+              github.rest.issues.removeLabel({
+                issue_number: context.issue.number,
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                name: [BOUNTY_PROGRAM_LABELS[0].name]
+              })
+            }

From 848d0fdf92bf6712cfb04209232511b745a97548 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 10 May 2024 07:46:34 +0200
Subject: [PATCH 10/28] chore(deps): bump next from 14.1.0 to 14.1.1 (#1005)

---
 package-lock.json       | 88 ++++++++++++++++++++---------------------
 playground/package.json |  2 +-
 2 files changed, 45 insertions(+), 45 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 525c8dfa2..cab717f03 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3555,9 +3555,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.1.0.tgz",
-      "integrity": "sha512-Py8zIo+02ht82brwwhTg36iogzFqGLPXlRGKQw5s+qP/kMNc4MAyDeEwBKDijk6zTIbegEgu8Qy7C1LboslQAw=="
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.1.1.tgz",
+      "integrity": "sha512-7CnQyD5G8shHxQIIg3c7/pSeYFeMhsNbpU/bmvH7ZnDql7mNRgg8O2JZrhrc/soFnfBnKP4/xXNiiSIPn2w8gA=="
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "14.2.2",
@@ -3569,9 +3569,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.0.tgz",
-      "integrity": "sha512-nUDn7TOGcIeyQni6lZHfzNoo9S0euXnu0jhsbMOmMJUBfgsnESdjN97kM7cBqQxZa8L/bM9om/S5/1dzCrW6wQ==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.1.tgz",
+      "integrity": "sha512-yDjSFKQKTIjyT7cFv+DqQfW5jsD+tVxXTckSe1KIouKk75t1qZmj/mV3wzdmFb0XHVGtyRjDMulfVG8uCKemOQ==",
       "cpu": [
         "arm64"
       ],
@@ -3584,9 +3584,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.0.tgz",
-      "integrity": "sha512-1jgudN5haWxiAl3O1ljUS2GfupPmcftu2RYJqZiMJmmbBT5M1XDffjUtRUzP4W3cBHsrvkfOFdQ71hAreNQP6g==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.1.tgz",
+      "integrity": "sha512-KCQmBL0CmFmN8D64FHIZVD9I4ugQsDBBEJKiblXGgwn7wBCSe8N4Dx47sdzl4JAg39IkSN5NNrr8AniXLMb3aw==",
       "cpu": [
         "x64"
       ],
@@ -3599,9 +3599,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.0.tgz",
-      "integrity": "sha512-RHo7Tcj+jllXUbK7xk2NyIDod3YcCPDZxj1WLIYxd709BQ7WuRYl3OWUNG+WUfqeQBds6kvZYlc42NJJTNi4tQ==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.1.tgz",
+      "integrity": "sha512-YDQfbWyW0JMKhJf/T4eyFr4b3tceTorQ5w2n7I0mNVTFOvu6CGEzfwT3RSAQGTi/FFMTFcuspPec/7dFHuP7Eg==",
       "cpu": [
         "arm64"
       ],
@@ -3614,9 +3614,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.0.tgz",
-      "integrity": "sha512-v6kP8sHYxjO8RwHmWMJSq7VZP2nYCkRVQ0qolh2l6xroe9QjbgV8siTbduED4u0hlk0+tjS6/Tuy4n5XCp+l6g==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.1.tgz",
+      "integrity": "sha512-fiuN/OG6sNGRN/bRFxRvV5LyzLB8gaL8cbDH5o3mEiVwfcMzyE5T//ilMmaTrnA8HLMS6hoz4cHOu6Qcp9vxgQ==",
       "cpu": [
         "arm64"
       ],
@@ -3629,9 +3629,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.0.tgz",
-      "integrity": "sha512-zJ2pnoFYB1F4vmEVlb/eSe+VH679zT1VdXlZKX+pE66grOgjmKJHKacf82g/sWE4MQ4Rk2FMBCRnX+l6/TVYzQ==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.1.tgz",
+      "integrity": "sha512-rv6AAdEXoezjbdfp3ouMuVqeLjE1Bin0AuE6qxE6V9g3Giz5/R3xpocHoAi7CufRR+lnkuUjRBn05SYJ83oKNQ==",
       "cpu": [
         "x64"
       ],
@@ -3644,9 +3644,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.0.tgz",
-      "integrity": "sha512-rbaIYFt2X9YZBSbH/CwGAjbBG2/MrACCVu2X0+kSykHzHnYH5FjHxwXLkcoJ10cX0aWCEynpu+rP76x0914atg==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.1.tgz",
+      "integrity": "sha512-YAZLGsaNeChSrpz/G7MxO3TIBLaMN8QWMr3X8bt6rCvKovwU7GqQlDu99WdvF33kI8ZahvcdbFsy4jAFzFX7og==",
       "cpu": [
         "x64"
       ],
@@ -3659,9 +3659,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.0.tgz",
-      "integrity": "sha512-o1N5TsYc8f/HpGt39OUQpQ9AKIGApd3QLueu7hXk//2xq5Z9OxmV6sQfNp8C7qYmiOlHYODOGqNNa0e9jvchGQ==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.1.tgz",
+      "integrity": "sha512-1L4mUYPBMvVDMZg1inUYyPvFSduot0g73hgfD9CODgbr4xiTYe0VOMTZzaRqYJYBA9mana0x4eaAaypmWo1r5A==",
       "cpu": [
         "arm64"
       ],
@@ -3674,9 +3674,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.0.tgz",
-      "integrity": "sha512-XXIuB1DBRCFwNO6EEzCTMHT5pauwaSj4SWs7CYnME57eaReAKBXCnkUE80p/pAZcewm7hs+vGvNqDPacEXHVkw==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.1.tgz",
+      "integrity": "sha512-jvIE9tsuj9vpbbXlR5YxrghRfMuG0Qm/nZ/1KDHc+y6FpnZ/apsgh+G6t15vefU0zp3WSpTMIdXRUsNl/7RSuw==",
       "cpu": [
         "ia32"
       ],
@@ -3689,9 +3689,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.0.tgz",
-      "integrity": "sha512-9WEbVRRAqJ3YFVqEZIxUqkiO8l1nool1LmNxygr5HWF8AcSYsEpneUDhmjUVJEzO2A04+oPtZdombzzPPkTtgg==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.1.tgz",
+      "integrity": "sha512-S6K6EHDU5+1KrBDLko7/c1MNy/Ya73pIAmvKeFwsF4RmBFJSO7/7YeD4FnZ4iBdzE69PpQ4sOMU9ORKeNuxe8A==",
       "cpu": [
         "x64"
       ],
@@ -17505,11 +17505,11 @@
       "dev": true
     },
     "node_modules/next": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.1.0.tgz",
-      "integrity": "sha512-wlzrsbfeSU48YQBjZhDzOwhWhGsy+uQycR8bHAOt1LY1bn3zZEcDyHQOEoN3aWzQ8LHCAJ1nqrWCc9XF2+O45Q==",
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.1.1.tgz",
+      "integrity": "sha512-McrGJqlGSHeaz2yTRPkEucxQKe5Zq7uPwyeHNmJaZNY4wx9E9QdxmTp310agFRoMuIYgQrCrT3petg13fSVOww==",
       "dependencies": {
-        "@next/env": "14.1.0",
+        "@next/env": "14.1.1",
         "@swc/helpers": "0.5.2",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001579",
@@ -17524,15 +17524,15 @@
         "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.1.0",
-        "@next/swc-darwin-x64": "14.1.0",
-        "@next/swc-linux-arm64-gnu": "14.1.0",
-        "@next/swc-linux-arm64-musl": "14.1.0",
-        "@next/swc-linux-x64-gnu": "14.1.0",
-        "@next/swc-linux-x64-musl": "14.1.0",
-        "@next/swc-win32-arm64-msvc": "14.1.0",
-        "@next/swc-win32-ia32-msvc": "14.1.0",
-        "@next/swc-win32-x64-msvc": "14.1.0"
+        "@next/swc-darwin-arm64": "14.1.1",
+        "@next/swc-darwin-x64": "14.1.1",
+        "@next/swc-linux-arm64-gnu": "14.1.1",
+        "@next/swc-linux-arm64-musl": "14.1.1",
+        "@next/swc-linux-x64-gnu": "14.1.1",
+        "@next/swc-linux-x64-musl": "14.1.1",
+        "@next/swc-win32-arm64-msvc": "14.1.1",
+        "@next/swc-win32-ia32-msvc": "14.1.1",
+        "@next/swc-win32-x64-msvc": "14.1.1"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -27152,7 +27152,7 @@
         "@codemirror/lang-yaml": "^6.0.0",
         "@uiw/codemirror-theme-material": "^4.21.24",
         "@uiw/react-codemirror": "^4.21.24",
-        "next": "14.1.0",
+        "next": "14.1.1",
         "react": "^18",
         "react-dom": "^18",
         "react-split": "^2.0.14",
diff --git a/playground/package.json b/playground/package.json
index 0b3985f6d..b51d1d63d 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -12,7 +12,7 @@
     "@codemirror/lang-yaml": "^6.0.0",
     "@uiw/codemirror-theme-material": "^4.21.24",
     "@uiw/react-codemirror": "^4.21.24",
-    "next": "14.1.0",
+    "next": "14.1.1",
     "react": "^18",
     "react-dom": "^18",
     "react-split": "^2.0.14",

From 3bc22adc55ccc16d6e488a4ecf86dee111f8cd60 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 13 May 2024 06:52:48 +0200
Subject: [PATCH 11/28] chore(deps): bump next from 14.1.0 to 14.1.1 in
 /playground (#1004)

Co-authored-by: asyncapi-bot-eve <bot+eve@asyncapi.io>

From ba2cf79ad8357217e6746a767e0eeb426a242642 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Wed, 5 Jun 2024 12:07:36 +0200
Subject: [PATCH 12/28] fix: update @asyncapi/parser to 3.0.15 version and
 others (#1011)

---
 library/package.json |  8 ++++----
 package-lock.json    | 38 +++++++++++++++++++-------------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/library/package.json b/library/package.json
index f40125e23..4d03644c2 100644
--- a/library/package.json
+++ b/library/package.json
@@ -68,10 +68,10 @@
     "get:version": "echo $npm_package_version"
   },
   "dependencies": {
-    "@asyncapi/avro-schema-parser": "^3.0.22",
-    "@asyncapi/openapi-schema-parser": "^3.0.22",
-    "@asyncapi/parser": "^3.0.14",
-    "@asyncapi/protobuf-schema-parser": "^3.2.12",
+    "@asyncapi/avro-schema-parser": "^3.0.23",
+    "@asyncapi/openapi-schema-parser": "^3.0.23",
+    "@asyncapi/parser": "^3.0.15",
+    "@asyncapi/protobuf-schema-parser": "^3.2.13",
     "highlight.js": "^10.7.2",
     "isomorphic-dompurify": "^0.13.0",
     "marked": "^4.0.14",
diff --git a/package-lock.json b/package-lock.json
index cab717f03..5aa872c99 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,10 +39,10 @@
       "version": "2.0.0",
       "license": "Apache-2.0",
       "dependencies": {
-        "@asyncapi/avro-schema-parser": "^3.0.22",
-        "@asyncapi/openapi-schema-parser": "^3.0.22",
-        "@asyncapi/parser": "^3.0.14",
-        "@asyncapi/protobuf-schema-parser": "^3.2.12",
+        "@asyncapi/avro-schema-parser": "^3.0.23",
+        "@asyncapi/openapi-schema-parser": "^3.0.23",
+        "@asyncapi/parser": "^3.0.15",
+        "@asyncapi/protobuf-schema-parser": "^3.2.13",
         "highlight.js": "^10.7.2",
         "isomorphic-dompurify": "^0.13.0",
         "marked": "^4.0.14",
@@ -169,21 +169,21 @@
       }
     },
     "node_modules/@asyncapi/avro-schema-parser": {
-      "version": "3.0.22",
-      "resolved": "https://registry.npmjs.org/@asyncapi/avro-schema-parser/-/avro-schema-parser-3.0.22.tgz",
-      "integrity": "sha512-nrrIIPehHoS1+Zc0eCO3+ijo7VJhWaFqVTupFYJVxxiwNrx7HpldLiTt1awIUDU6rJTm9czGLQq8MIgtXb/Dqg==",
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/@asyncapi/avro-schema-parser/-/avro-schema-parser-3.0.23.tgz",
+      "integrity": "sha512-NVJg84ldlsIjngRfKejiqDoXx+e32b7oCkzGv9b1vVvaalUBjbw9HOpnLak6FXPigqEKJ4BesMVU4TnZXtGWNQ==",
       "dependencies": {
-        "@asyncapi/parser": "^3.0.14",
+        "@asyncapi/parser": "^3.0.15",
         "@types/json-schema": "^7.0.11",
         "avsc": "^5.7.6"
       }
     },
     "node_modules/@asyncapi/openapi-schema-parser": {
-      "version": "3.0.22",
-      "resolved": "https://registry.npmjs.org/@asyncapi/openapi-schema-parser/-/openapi-schema-parser-3.0.22.tgz",
-      "integrity": "sha512-rPI5onl1Sb/PslsyyPFCANUkok36j0ADH2A51U+THKcAHiZ3mu+QAqr/Cnvm1sXTEkNL1Mxl78uLTJQ1wOTQtA==",
+      "version": "3.0.23",
+      "resolved": "https://registry.npmjs.org/@asyncapi/openapi-schema-parser/-/openapi-schema-parser-3.0.23.tgz",
+      "integrity": "sha512-REliv3/Um6lAMlp8W+NXTUnrjDqjQbPFvsGyngzDgq/J0wEEZxB3Mo5tyUk4eRsKTb2iCiDv3Xv/x5VAybkBSQ==",
       "dependencies": {
-        "@asyncapi/parser": "^3.0.14",
+        "@asyncapi/parser": "^3.0.15",
         "@openapi-contrib/openapi-schema-to-json-schema": "~3.2.0",
         "ajv": "^8.11.0",
         "ajv-errors": "^3.0.0",
@@ -191,9 +191,9 @@
       }
     },
     "node_modules/@asyncapi/parser": {
-      "version": "3.0.14",
-      "resolved": "https://registry.npmjs.org/@asyncapi/parser/-/parser-3.0.14.tgz",
-      "integrity": "sha512-tC2gmKkw28PWWMcGUXHQjTfVftiZdr+FQtsfapaHh36spX9uwe13iYzkcTyCkwSJAHibtg7wvStuHsiufP8xng==",
+      "version": "3.0.15",
+      "resolved": "https://registry.npmjs.org/@asyncapi/parser/-/parser-3.0.15.tgz",
+      "integrity": "sha512-tP4O6c9jM8pKimg8kw3+/SdPAKJQWPmYozO6ZFJB5ziVtsr3Z8Qe06V13QcBOg4LzIWAwontyG5lZ5jnyvuDPQ==",
       "dependencies": {
         "@asyncapi/specs": "^6.6.0",
         "@openapi-contrib/openapi-schema-to-json-schema": "~3.2.0",
@@ -217,11 +217,11 @@
       }
     },
     "node_modules/@asyncapi/protobuf-schema-parser": {
-      "version": "3.2.12",
-      "resolved": "https://registry.npmjs.org/@asyncapi/protobuf-schema-parser/-/protobuf-schema-parser-3.2.12.tgz",
-      "integrity": "sha512-ROMx71sdfeAvpRoRWkjKXxP6Cu6xNE2P/b7Nl3jiXcPUNhlwUu2m5ScV00v4C2d/So6jNrxnUzXeg1Q3f20EZw==",
+      "version": "3.2.13",
+      "resolved": "https://registry.npmjs.org/@asyncapi/protobuf-schema-parser/-/protobuf-schema-parser-3.2.13.tgz",
+      "integrity": "sha512-8h+lLoCadAXi1HynYisgHYPDa2P+hzg03vie/6Ngdzm0h0fbrCMKdLneiv0OO5Ec96W0JgsTeGbs8bk6k63qAw==",
       "dependencies": {
-        "@asyncapi/parser": "^3.0.14",
+        "@asyncapi/parser": "^3.0.15",
         "@types/protocol-buffers-schema": "^3.4.1",
         "protobufjs": "^7.2.6"
       }

From 29bc704f43e65b5e61f48b5ad8931216fc147619 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Tue, 11 Jun 2024 14:56:58 +0200
Subject: [PATCH 13/28] ci: update of files from global .github repo (#1010)

Co-authored-by: asyncapi-bot-eve <bot+eve@asyncapi.io>%0ACo-authored-by: asyncapi-bot <info@asyncapi.io>
---
 .github/workflows/if-nodejs-pr-testing.yml     | 4 +++-
 .github/workflows/if-nodejs-release.yml        | 4 +++-
 .github/workflows/issues-prs-notifications.yml | 6 ------
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/if-nodejs-pr-testing.yml b/.github/workflows/if-nodejs-pr-testing.yml
index 66ea65528..462e61316 100644
--- a/.github/workflows/if-nodejs-pr-testing.yml
+++ b/.github/workflows/if-nodejs-pr-testing.yml
@@ -14,7 +14,9 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        os: [ubuntu-latest, macos-latest, windows-latest]
+        # Using macos-13 instead of latest (macos-14) due to an issue with Puppeteer and such runner. 
+        # See: https://github.com/puppeteer/puppeteer/issues/12327 and https://github.com/asyncapi/parser-js/issues/1001
+        os: [ubuntu-latest, macos-13, windows-latest]
     steps:
       - if: >
           !github.event.pull_request.draft && !(
diff --git a/.github/workflows/if-nodejs-release.yml b/.github/workflows/if-nodejs-release.yml
index e578d9002..72d01de47 100644
--- a/.github/workflows/if-nodejs-release.yml
+++ b/.github/workflows/if-nodejs-release.yml
@@ -33,7 +33,9 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        os: [ubuntu-latest, macos-latest, windows-latest]
+        # Using macos-13 instead of latest (macos-14) due to an issue with Puppeteer and such runner. 
+        # See: https://github.com/puppeteer/puppeteer/issues/12327 and https://github.com/asyncapi/parser-js/issues/1001
+        os: [ubuntu-latest, macos-13, windows-latest]
     steps:
       - name: Set git to use LF #to once and for all finish neverending fight between Unix and Windows
         run: |
diff --git a/.github/workflows/issues-prs-notifications.yml b/.github/workflows/issues-prs-notifications.yml
index 78ebe9601..b8b20c6ba 100644
--- a/.github/workflows/issues-prs-notifications.yml
+++ b/.github/workflows/issues-prs-notifications.yml
@@ -20,8 +20,6 @@ jobs:
     name: Notify slack on every new issue
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
       - name: Convert markdown to slack markdown for issue
         uses: asyncapi/.github/.github/actions/slackify-markdown@master
         id: issuemarkdown
@@ -40,8 +38,6 @@ jobs:
     name: Notify slack on every new pull request
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
       - name: Convert markdown to slack markdown for pull request
         uses: asyncapi/.github/.github/actions/slackify-markdown@master
         id: prmarkdown
@@ -60,8 +56,6 @@ jobs:
     name: Notify slack on every new pull request
     runs-on: ubuntu-latest
     steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
       - name: Convert markdown to slack markdown for pull request
         uses: asyncapi/.github/.github/actions/slackify-markdown@master
         id: discussionmarkdown

From de1f6f0a0d9148fbf04ee244e6ae4fa38f784043 Mon Sep 17 00:00:00 2001
From: Duc Tai Ly <124802873+ductaily@users.noreply.github.com>
Date: Tue, 11 Jun 2024 15:08:57 +0200
Subject: [PATCH 14/28] fix: development server not detecting local changes
 (#1006)

Co-authored-by: Duc Tai Ly <duc.tai.ly@sap.com>%0ACo-authored-by: Lukasz Gornicki <lpgornicki@gmail.com>
---
 .../workflows/release-wc-and-playground.yml   |  3 --
 package-lock.json                             | 34 +------------------
 package.json                                  |  4 +--
 playground/bump-react-comp.sh                 | 13 -------
 playground/package.json                       |  6 ++--
 5 files changed, 4 insertions(+), 56 deletions(-)
 delete mode 100755 playground/bump-react-comp.sh

diff --git a/.github/workflows/release-wc-and-playground.yml b/.github/workflows/release-wc-and-playground.yml
index a8ac2ac82..9e7270e3b 100644
--- a/.github/workflows/release-wc-and-playground.yml
+++ b/.github/workflows/release-wc-and-playground.yml
@@ -76,9 +76,6 @@ jobs:
           node-version: "${{ steps.lockversion.outputs.version }}"
           cache: 'npm'
           cache-dependency-path: '**/package-lock.json'
-      - name: Use latest version of react component in the playground
-        run: VERSION=${{github.event.release.tag_name}} npm run install:reactcomp
-        working-directory: ./playground
       - name: Install dependencies
         run: npm install
       - name: Build
diff --git a/package-lock.json b/package-lock.json
index 5aa872c99..4c5b00b28 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27148,7 +27148,7 @@
     "playground": {
       "version": "2.0.0",
       "dependencies": {
-        "@asyncapi/react-component": "^1.4.10",
+        "@asyncapi/react-component": "file:../library",
         "@codemirror/lang-yaml": "^6.0.0",
         "@uiw/codemirror-theme-material": "^4.21.24",
         "@uiw/react-codemirror": "^4.21.24",
@@ -27168,26 +27168,6 @@
         "typescript": "^5"
       }
     },
-    "playground/node_modules/@asyncapi/react-component": {
-      "version": "1.4.10",
-      "resolved": "https://registry.npmjs.org/@asyncapi/react-component/-/react-component-1.4.10.tgz",
-      "integrity": "sha512-ejANS06yj1ZM4YDtsRi0g7h3EEJLGusewjzeugK+tGntNAKVZRvTPUXhbSDMhTARHuZXhUGLlITIno7N1aXapw==",
-      "dependencies": {
-        "@asyncapi/avro-schema-parser": "^3.0.22",
-        "@asyncapi/openapi-schema-parser": "^3.0.22",
-        "@asyncapi/parser": "^3.0.14",
-        "@asyncapi/protobuf-schema-parser": "^3.2.12",
-        "highlight.js": "^10.7.2",
-        "isomorphic-dompurify": "^0.13.0",
-        "marked": "^4.0.14",
-        "openapi-sampler": "^1.2.1",
-        "use-resize-observer": "^8.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
     "playground/node_modules/@types/node": {
       "version": "20.11.27",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.27.tgz",
@@ -27345,18 +27325,6 @@
         "node": ">=14.0.0"
       }
     },
-    "playground/node_modules/use-resize-observer": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",
-      "integrity": "sha512-n0iKSeiQpJCyaFh5JA0qsVLBIovsF4EIIR1G6XiBwKJN66ZrD4Oj62bjcuTAATPKiSp6an/2UZZxCf/67fk3sQ==",
-      "dependencies": {
-        "@juggle/resize-observer": "^3.3.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
     "playground/node_modules/yaml": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.1.tgz",
diff --git a/package.json b/package.json
index 2d2fa9946..1a8f50d5d 100644
--- a/package.json
+++ b/package.json
@@ -35,11 +35,9 @@
     "prepublishOnly": "npm run build",
     "gen-readme-toc": "markdown-toc -i README.md",
     "generate:assets": "npm run gen-readme-toc",
-    "bump:playground:version": "cd playground && npm --no-git-tag-version --allow-same-version version $VERSION",
     "bump:webcomp:version": "cd web-component && npm --no-git-tag-version --allow-same-version version $VERSION",
     "bump:lib:version": "cd library && npm --no-git-tag-version --allow-same-version version $VERSION",
-    "bump:version": "npm run bump:lib:version && npm run bump:webcomp:version && npm run bump:playground:version && npm run install:reactcomp:webcomponent && npm run install:reactcomp:playground",
-    "install:reactcomp:playground": "cd playground && npm run install:reactcomp",
+    "bump:version": "npm run bump:lib:version && npm run bump:webcomp:version && npm run install:reactcomp:webcomponent",
     "install:reactcomp:webcomponent": "cd web-component && npm run install:reactcomp",
     "get:name": "cd library && npm run get:name",
     "get:version": "cd library && npm run get:version"
diff --git a/playground/bump-react-comp.sh b/playground/bump-react-comp.sh
deleted file mode 100755
index 159f37e5e..000000000
--- a/playground/bump-react-comp.sh
+++ /dev/null
@@ -1,13 +0,0 @@
-#!/usr/bin/env bash
-
-#Use in CI only
-#Purpos of this script is to use it to install/bump provided version of the React component
-
-# sleep for 120 seconds before using latest version in web-component, because sometimes NPM needs additional few seconds to `save` package in registry
-sleep 2m
-echo "Log all versions of the package on npm registry"
-npm show @asyncapi/react-component versions
-echo "Log latest version of the package on npm registry"
-npm show @asyncapi/react-component dist-tags.latest
-echo "Starting installation"
-npm install @asyncapi/react-component@$VERSION --save --loglevel verbose
diff --git a/playground/package.json b/playground/package.json
index b51d1d63d..33ed03e08 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -1,14 +1,12 @@
 {
   "name": "playground",
-  "version": "2.0.0",
   "private": true,
   "scripts": {
     "build": "next build && touch out/.nojekyll",
-    "start": "next dev",
-    "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
+    "start": "next dev"
   },
   "dependencies": {
-    "@asyncapi/react-component": "^1.4.10",
+    "@asyncapi/react-component": "file:../library",
     "@codemirror/lang-yaml": "^6.0.0",
     "@uiw/codemirror-theme-material": "^4.21.24",
     "@uiw/react-codemirror": "^4.21.24",

From e5386d7f8d93ae7697869d2d9dc36d54be3ebc8e Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Tue, 11 Jun 2024 15:25:45 +0200
Subject: [PATCH 15/28] chore(release): v2.0.2 (#1013)

---
 library/package.json       |  2 +-
 package-lock.json          | 25 ++-----------------------
 web-component/package.json |  2 +-
 3 files changed, 4 insertions(+), 25 deletions(-)

diff --git a/library/package.json b/library/package.json
index 4d03644c2..06362c776 100644
--- a/library/package.json
+++ b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {
diff --git a/package-lock.json b/package-lock.json
index 4c5b00b28..e4aa3654b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
     },
     "library": {
       "name": "@asyncapi/react-component",
-      "version": "2.0.0",
+      "version": "2.0.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/avro-schema-parser": "^3.0.23",
@@ -27146,7 +27146,6 @@
       }
     },
     "playground": {
-      "version": "2.0.0",
       "dependencies": {
         "@asyncapi/react-component": "file:../library",
         "@codemirror/lang-yaml": "^6.0.0",
@@ -27339,7 +27338,7 @@
     },
     "web-component": {
       "name": "@asyncapi/web-component",
-      "version": "2.0.0",
+      "version": "2.0.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/react-component": "^1.4.10",
@@ -27355,26 +27354,6 @@
         "webpack-cli": "5.1.4"
       }
     },
-    "web-component/node_modules/@asyncapi/react-component": {
-      "version": "1.4.10",
-      "resolved": "https://registry.npmjs.org/@asyncapi/react-component/-/react-component-1.4.10.tgz",
-      "integrity": "sha512-ejANS06yj1ZM4YDtsRi0g7h3EEJLGusewjzeugK+tGntNAKVZRvTPUXhbSDMhTARHuZXhUGLlITIno7N1aXapw==",
-      "dependencies": {
-        "@asyncapi/avro-schema-parser": "^3.0.22",
-        "@asyncapi/openapi-schema-parser": "^3.0.22",
-        "@asyncapi/parser": "^3.0.14",
-        "@asyncapi/protobuf-schema-parser": "^3.2.12",
-        "highlight.js": "^10.7.2",
-        "isomorphic-dompurify": "^0.13.0",
-        "marked": "^4.0.14",
-        "openapi-sampler": "^1.2.1",
-        "use-resize-observer": "^8.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
     "web-component/node_modules/use-resize-observer": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",
diff --git a/web-component/package.json b/web-component/package.json
index ced8b0c71..a5825e91f 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {

From 85459558aef6316d348d2d161564d9a6aab8e697 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Thu, 13 Jun 2024 10:23:48 +0200
Subject: [PATCH 16/28] fix: update @asyncapi/parser to 3.1.0 version and
 others (#1014)

Co-authored-by: asyncapi-bot <info@asyncapi.io>
---
 library/package.json |  8 +++---
 package-lock.json    | 66 +++++++++++++++++++++++++++++---------------
 2 files changed, 47 insertions(+), 27 deletions(-)

diff --git a/library/package.json b/library/package.json
index 06362c776..a3d813378 100644
--- a/library/package.json
+++ b/library/package.json
@@ -68,10 +68,10 @@
     "get:version": "echo $npm_package_version"
   },
   "dependencies": {
-    "@asyncapi/avro-schema-parser": "^3.0.23",
-    "@asyncapi/openapi-schema-parser": "^3.0.23",
-    "@asyncapi/parser": "^3.0.15",
-    "@asyncapi/protobuf-schema-parser": "^3.2.13",
+    "@asyncapi/avro-schema-parser": "^3.0.24",
+    "@asyncapi/openapi-schema-parser": "^3.0.24",
+    "@asyncapi/parser": "^3.1.0",
+    "@asyncapi/protobuf-schema-parser": "^3.2.14",
     "highlight.js": "^10.7.2",
     "isomorphic-dompurify": "^0.13.0",
     "marked": "^4.0.14",
diff --git a/package-lock.json b/package-lock.json
index e4aa3654b..bc12fbd76 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,10 +39,10 @@
       "version": "2.0.2",
       "license": "Apache-2.0",
       "dependencies": {
-        "@asyncapi/avro-schema-parser": "^3.0.23",
-        "@asyncapi/openapi-schema-parser": "^3.0.23",
-        "@asyncapi/parser": "^3.0.15",
-        "@asyncapi/protobuf-schema-parser": "^3.2.13",
+        "@asyncapi/avro-schema-parser": "^3.0.24",
+        "@asyncapi/openapi-schema-parser": "^3.0.24",
+        "@asyncapi/parser": "^3.1.0",
+        "@asyncapi/protobuf-schema-parser": "^3.2.14",
         "highlight.js": "^10.7.2",
         "isomorphic-dompurify": "^0.13.0",
         "marked": "^4.0.14",
@@ -169,21 +169,21 @@
       }
     },
     "node_modules/@asyncapi/avro-schema-parser": {
-      "version": "3.0.23",
-      "resolved": "https://registry.npmjs.org/@asyncapi/avro-schema-parser/-/avro-schema-parser-3.0.23.tgz",
-      "integrity": "sha512-NVJg84ldlsIjngRfKejiqDoXx+e32b7oCkzGv9b1vVvaalUBjbw9HOpnLak6FXPigqEKJ4BesMVU4TnZXtGWNQ==",
+      "version": "3.0.24",
+      "resolved": "https://registry.npmjs.org/@asyncapi/avro-schema-parser/-/avro-schema-parser-3.0.24.tgz",
+      "integrity": "sha512-YMyr2S2heMrWHRyECknjHeejlZl5exUSv9nD1gTejAT13fSf0PqIRydZ9ZuoglCLBg55AeehypR2zLIBu/9kHQ==",
       "dependencies": {
-        "@asyncapi/parser": "^3.0.15",
+        "@asyncapi/parser": "^3.1.0",
         "@types/json-schema": "^7.0.11",
         "avsc": "^5.7.6"
       }
     },
     "node_modules/@asyncapi/openapi-schema-parser": {
-      "version": "3.0.23",
-      "resolved": "https://registry.npmjs.org/@asyncapi/openapi-schema-parser/-/openapi-schema-parser-3.0.23.tgz",
-      "integrity": "sha512-REliv3/Um6lAMlp8W+NXTUnrjDqjQbPFvsGyngzDgq/J0wEEZxB3Mo5tyUk4eRsKTb2iCiDv3Xv/x5VAybkBSQ==",
+      "version": "3.0.24",
+      "resolved": "https://registry.npmjs.org/@asyncapi/openapi-schema-parser/-/openapi-schema-parser-3.0.24.tgz",
+      "integrity": "sha512-7wz2yVDedJMS+TzOuqCvRWJMc6pNHICKZcOhnW6ZvyVLAh7hYIqQE1WA4OoXT4cKVbwSU3V2Q4bZagSsAIQd6Q==",
       "dependencies": {
-        "@asyncapi/parser": "^3.0.15",
+        "@asyncapi/parser": "^3.1.0",
         "@openapi-contrib/openapi-schema-to-json-schema": "~3.2.0",
         "ajv": "^8.11.0",
         "ajv-errors": "^3.0.0",
@@ -191,11 +191,11 @@
       }
     },
     "node_modules/@asyncapi/parser": {
-      "version": "3.0.15",
-      "resolved": "https://registry.npmjs.org/@asyncapi/parser/-/parser-3.0.15.tgz",
-      "integrity": "sha512-tP4O6c9jM8pKimg8kw3+/SdPAKJQWPmYozO6ZFJB5ziVtsr3Z8Qe06V13QcBOg4LzIWAwontyG5lZ5jnyvuDPQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@asyncapi/parser/-/parser-3.1.0.tgz",
+      "integrity": "sha512-rUd+fsPRE68o+F3gLqk7OaBj5J5VgBiLk9eJBGEXolNmKbVd45mxJm2aBpMkphQEmYHuBvxZyiNYlSCyr1D2fA==",
       "dependencies": {
-        "@asyncapi/specs": "^6.6.0",
+        "@asyncapi/specs": "^6.7.1",
         "@openapi-contrib/openapi-schema-to-json-schema": "~3.2.0",
         "@stoplight/json": "^3.20.2",
         "@stoplight/json-ref-readers": "^1.2.2",
@@ -217,11 +217,11 @@
       }
     },
     "node_modules/@asyncapi/protobuf-schema-parser": {
-      "version": "3.2.13",
-      "resolved": "https://registry.npmjs.org/@asyncapi/protobuf-schema-parser/-/protobuf-schema-parser-3.2.13.tgz",
-      "integrity": "sha512-8h+lLoCadAXi1HynYisgHYPDa2P+hzg03vie/6Ngdzm0h0fbrCMKdLneiv0OO5Ec96W0JgsTeGbs8bk6k63qAw==",
+      "version": "3.2.14",
+      "resolved": "https://registry.npmjs.org/@asyncapi/protobuf-schema-parser/-/protobuf-schema-parser-3.2.14.tgz",
+      "integrity": "sha512-7v64Jxhz2IBfaQECUhfwuLRMFQTysvmqtvT+Esgd9NooIPRnkEzgCbBnC25oGjzSB6Sju28G406lQpO15HHaEw==",
       "dependencies": {
-        "@asyncapi/parser": "^3.0.15",
+        "@asyncapi/parser": "^3.1.0",
         "@types/protocol-buffers-schema": "^3.4.1",
         "protobufjs": "^7.2.6"
       }
@@ -231,9 +231,9 @@
       "link": true
     },
     "node_modules/@asyncapi/specs": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/@asyncapi/specs/-/specs-6.6.0.tgz",
-      "integrity": "sha512-pXJa0sCeBpif5al5CSa0f3HvwVBQXzd96/Xgq8Jsh6KM4CYxCe7p6paaC9fDjdBVXyWAioQmZiGRxEVUMINbUw==",
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/@asyncapi/specs/-/specs-6.7.1.tgz",
+      "integrity": "sha512-jEaW2vgAwD9GboCdO/TI1zN2k+iowL8YFYwiZwTIr4U4KDmsgo3BLypScl6Jl4+IvY9RdsWE67nuzVX7jooiqQ==",
       "dependencies": {
         "@types/json-schema": "^7.0.11"
       }
@@ -27354,6 +27354,26 @@
         "webpack-cli": "5.1.4"
       }
     },
+    "web-component/node_modules/@asyncapi/react-component": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/@asyncapi/react-component/-/react-component-1.4.10.tgz",
+      "integrity": "sha512-ejANS06yj1ZM4YDtsRi0g7h3EEJLGusewjzeugK+tGntNAKVZRvTPUXhbSDMhTARHuZXhUGLlITIno7N1aXapw==",
+      "dependencies": {
+        "@asyncapi/avro-schema-parser": "^3.0.22",
+        "@asyncapi/openapi-schema-parser": "^3.0.22",
+        "@asyncapi/parser": "^3.0.14",
+        "@asyncapi/protobuf-schema-parser": "^3.2.12",
+        "highlight.js": "^10.7.2",
+        "isomorphic-dompurify": "^0.13.0",
+        "marked": "^4.0.14",
+        "openapi-sampler": "^1.2.1",
+        "use-resize-observer": "^8.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
     "web-component/node_modules/use-resize-observer": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",

From a884dcf3f8038ecbffffb36db13b494f36cf0683 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Thu, 13 Jun 2024 10:41:18 +0200
Subject: [PATCH 17/28] chore(release): v2.0.3 (#1015)

---
 library/package.json       |  2 +-
 package-lock.json          | 24 ++----------------------
 web-component/package.json |  2 +-
 3 files changed, 4 insertions(+), 24 deletions(-)

diff --git a/library/package.json b/library/package.json
index a3d813378..5d5cd7276 100644
--- a/library/package.json
+++ b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {
diff --git a/package-lock.json b/package-lock.json
index bc12fbd76..61e1e8a9c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
     },
     "library": {
       "name": "@asyncapi/react-component",
-      "version": "2.0.2",
+      "version": "2.0.3",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/avro-schema-parser": "^3.0.24",
@@ -27338,7 +27338,7 @@
     },
     "web-component": {
       "name": "@asyncapi/web-component",
-      "version": "2.0.2",
+      "version": "2.0.3",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/react-component": "^1.4.10",
@@ -27354,26 +27354,6 @@
         "webpack-cli": "5.1.4"
       }
     },
-    "web-component/node_modules/@asyncapi/react-component": {
-      "version": "1.4.10",
-      "resolved": "https://registry.npmjs.org/@asyncapi/react-component/-/react-component-1.4.10.tgz",
-      "integrity": "sha512-ejANS06yj1ZM4YDtsRi0g7h3EEJLGusewjzeugK+tGntNAKVZRvTPUXhbSDMhTARHuZXhUGLlITIno7N1aXapw==",
-      "dependencies": {
-        "@asyncapi/avro-schema-parser": "^3.0.22",
-        "@asyncapi/openapi-schema-parser": "^3.0.22",
-        "@asyncapi/parser": "^3.0.14",
-        "@asyncapi/protobuf-schema-parser": "^3.2.12",
-        "highlight.js": "^10.7.2",
-        "isomorphic-dompurify": "^0.13.0",
-        "marked": "^4.0.14",
-        "openapi-sampler": "^1.2.1",
-        "use-resize-observer": "^8.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
     "web-component/node_modules/use-resize-observer": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",
diff --git a/web-component/package.json b/web-component/package.json
index a5825e91f..f78b756f9 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {

From 99bce32f7b9d403bb0cebfbbeb398ef90fcb8db0 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 21 Jun 2024 00:21:45 +0200
Subject: [PATCH 18/28] chore(deps): bump ws from 7.5.9 to 7.5.10 (#1017)

---
 package-lock.json | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 61e1e8a9c..6642122b6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27006,9 +27006,9 @@
       }
     },
     "node_modules/ws": {
-      "version": "7.5.9",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
       "engines": {
         "node": ">=8.3.0"
       },
@@ -27354,6 +27354,26 @@
         "webpack-cli": "5.1.4"
       }
     },
+    "web-component/node_modules/@asyncapi/react-component": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/@asyncapi/react-component/-/react-component-1.4.10.tgz",
+      "integrity": "sha512-ejANS06yj1ZM4YDtsRi0g7h3EEJLGusewjzeugK+tGntNAKVZRvTPUXhbSDMhTARHuZXhUGLlITIno7N1aXapw==",
+      "dependencies": {
+        "@asyncapi/avro-schema-parser": "^3.0.22",
+        "@asyncapi/openapi-schema-parser": "^3.0.22",
+        "@asyncapi/parser": "^3.0.14",
+        "@asyncapi/protobuf-schema-parser": "^3.2.12",
+        "highlight.js": "^10.7.2",
+        "isomorphic-dompurify": "^0.13.0",
+        "marked": "^4.0.14",
+        "openapi-sampler": "^1.2.1",
+        "use-resize-observer": "^8.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
     "web-component/node_modules/use-resize-observer": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",

From 5871fa27906d7020fc392ba13504bffa93ae7e49 Mon Sep 17 00:00:00 2001
From: Lukasz Gornicki <lpgornicki@gmail.com>
Date: Tue, 25 Jun 2024 12:56:53 +0200
Subject: [PATCH 19/28] fix: remove code needed prior react 18 to fix release
 of webcomponent (#1019)

---
 .../workflows/release-wc-and-playground.yml    | 18 ++++++++++++++++++
 playground/app/page.tsx                        |  1 -
 playground/components/CodeEditorComponent.tsx  |  1 -
 playground/components/SplitWrapper.tsx         |  1 -
 web-component/package.json                     |  4 ++--
 web-component/webpack.config.js                |  2 +-
 6 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/.github/workflows/release-wc-and-playground.yml b/.github/workflows/release-wc-and-playground.yml
index 9e7270e3b..65d50a215 100644
--- a/.github/workflows/release-wc-and-playground.yml
+++ b/.github/workflows/release-wc-and-playground.yml
@@ -55,6 +55,15 @@ jobs:
           package: ./web-component/package.json
           access: public
           tag: github.event.release.target_commitish
+      - if: failure() # Only, on failure, send a message on the 94_bot-failing-ci slack channel
+        name: Report workflow run status to Slack
+        uses: 8398a7/action-slack@v3
+        with:
+          status: ${{ job.status }}
+          fields: repo,action,workflow
+          text: 'Release of web component for AsyncAPI React failed'
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_CI_FAIL_NOTIFY }}
 
   playground:
     name: Release Playground
@@ -89,3 +98,12 @@ jobs:
           folder: playground/out
           git-config-name: asyncapi-bot
           git-config-email: info@asyncapi.io
+      - if: failure() # Only, on failure, send a message on the 94_bot-failing-ci slack channel
+        name: Report workflow run status to Slack
+        uses: 8398a7/action-slack@v3
+        with:
+          status: ${{ job.status }}
+          fields: repo,action,workflow
+          text: 'Release of playground for AsyncAPI React failed'
+        env:
+          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_CI_FAIL_NOTIFY }}
\ No newline at end of file
diff --git a/playground/app/page.tsx b/playground/app/page.tsx
index a3a9ba62b..66c128f42 100644
--- a/playground/app/page.tsx
+++ b/playground/app/page.tsx
@@ -93,7 +93,6 @@ class Playground extends Component<unknown, State> {
             </Tabs>
           </CodeEditorsWrapper>
           <AsyncApiWrapper>
-            {/* @ts-expect-error remove when library and web-component is upgraded to React v18 */}
             <AsyncApi schema={schema} config={parsedConfig} />
           </AsyncApiWrapper>
         </SplitWrapper>
diff --git a/playground/components/CodeEditorComponent.tsx b/playground/components/CodeEditorComponent.tsx
index d185e441b..6d2f90b76 100644
--- a/playground/components/CodeEditorComponent.tsx
+++ b/playground/components/CodeEditorComponent.tsx
@@ -33,7 +33,6 @@ class CodeEditorComponent extends Component<Props, State> {
 
     return (
       <CodeEditorWrapper>
-        {/* @ts-expect-error remove when library and web-component is upgraded to React v18 */}
         <CodeMirror
           value={code}
           basicSetup={{
diff --git a/playground/components/SplitWrapper.tsx b/playground/components/SplitWrapper.tsx
index 2a3a43a78..31fd7fc1b 100644
--- a/playground/components/SplitWrapper.tsx
+++ b/playground/components/SplitWrapper.tsx
@@ -8,7 +8,6 @@ interface SplitWrapperProps {
 // react-split should be replaced with a React 18 friendly library or CSS
 const SplitWrapper = (props: SplitWrapperProps) => (
   <>
-    {/* @ts-expect-error upgrade React to v18 */}
     <Split
       style={{
         width: '100%',
diff --git a/web-component/package.json b/web-component/package.json
index f78b756f9..38678dbcd 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -45,8 +45,8 @@
   },
   "dependencies": {
     "@asyncapi/react-component": "^1.4.10",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "web-react-components": "^1.4.2"
   },
   "devDependencies": {
diff --git a/web-component/webpack.config.js b/web-component/webpack.config.js
index 4daab1ca8..d40e97826 100644
--- a/web-component/webpack.config.js
+++ b/web-component/webpack.config.js
@@ -25,7 +25,7 @@ module.exports = {
       // 2. You might be breaking the Rules of Hooks
       // 3. You might have more than one copy of React in the same app
       // See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem."
-      react: path.resolve('./node_modules/react'),
+      react: path.resolve('../node_modules/react'),
     },
     fallback: {
       fs: false,

From 4a0aeb2555b9e34ace978978642d8bb60dd5e6a7 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Tue, 25 Jun 2024 13:16:28 +0200
Subject: [PATCH 20/28] chore(release): v2.0.4 (#1020)

---
 library/package.json       |  2 +-
 package-lock.json          | 28 ++++------------------------
 web-component/package.json |  2 +-
 3 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/library/package.json b/library/package.json
index 5d5cd7276..9ec1a1f6c 100644
--- a/library/package.json
+++ b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {
diff --git a/package-lock.json b/package-lock.json
index 6642122b6..c28514708 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
     },
     "library": {
       "name": "@asyncapi/react-component",
-      "version": "2.0.3",
+      "version": "2.0.4",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/avro-schema-parser": "^3.0.24",
@@ -27338,12 +27338,12 @@
     },
     "web-component": {
       "name": "@asyncapi/web-component",
-      "version": "2.0.3",
+      "version": "2.0.4",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/react-component": "^1.4.10",
-        "react": "^18",
-        "react-dom": "^18",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "web-react-components": "^1.4.2"
       },
       "devDependencies": {
@@ -27354,26 +27354,6 @@
         "webpack-cli": "5.1.4"
       }
     },
-    "web-component/node_modules/@asyncapi/react-component": {
-      "version": "1.4.10",
-      "resolved": "https://registry.npmjs.org/@asyncapi/react-component/-/react-component-1.4.10.tgz",
-      "integrity": "sha512-ejANS06yj1ZM4YDtsRi0g7h3EEJLGusewjzeugK+tGntNAKVZRvTPUXhbSDMhTARHuZXhUGLlITIno7N1aXapw==",
-      "dependencies": {
-        "@asyncapi/avro-schema-parser": "^3.0.22",
-        "@asyncapi/openapi-schema-parser": "^3.0.22",
-        "@asyncapi/parser": "^3.0.14",
-        "@asyncapi/protobuf-schema-parser": "^3.2.12",
-        "highlight.js": "^10.7.2",
-        "isomorphic-dompurify": "^0.13.0",
-        "marked": "^4.0.14",
-        "openapi-sampler": "^1.2.1",
-        "use-resize-observer": "^8.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
-    },
     "web-component/node_modules/use-resize-observer": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",
diff --git a/web-component/package.json b/web-component/package.json
index 38678dbcd..c824f8ed3 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {

From 571a94adcc2d03658f7bb9b3aed7a5675e7ae4f7 Mon Sep 17 00:00:00 2001
From: Lukasz Gornicki <lpgornicki@gmail.com>
Date: Wed, 26 Jun 2024 14:56:41 +0200
Subject: [PATCH 21/28] fix: update web-component bumping script for react
 (#1021)

---
 web-component/bump-react-comp.sh | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web-component/bump-react-comp.sh b/web-component/bump-react-comp.sh
index 91f28f81d..d7b405323 100755
--- a/web-component/bump-react-comp.sh
+++ b/web-component/bump-react-comp.sh
@@ -9,5 +9,7 @@ echo "Log all versions of the package on npm registry"
 npm show @asyncapi/react-component versions
 echo "Log latest version of the package on npm registry"
 npm show @asyncapi/react-component dist-tags.latest
-echo "Starting installation"
+echo "We need to uninstall old version first to make sure package.json will get updated latest version number"
+npm uninstall @asyncapi/react-component
+echo "Starting installation of @asyncapi/react-component@$VERSION in $PWD"
 npm install @asyncapi/react-component@$VERSION --save --loglevel verbose
\ No newline at end of file

From 482464d88a1d510d8be37ea340eb56aa0d8b7f0b Mon Sep 17 00:00:00 2001
From: Lukasz Gornicki <lpgornicki@gmail.com>
Date: Wed, 3 Jul 2024 14:57:56 +0200
Subject: [PATCH 22/28]  fix: bump `isomorphic-dompurify` and fix
 `package-lock.json` (#1026)

---
 library/package.json       |   2 +-
 package-lock.json          | 373 +++++++++++++++++++++++++++++++++----
 web-component/package.json |   2 +-
 3 files changed, 338 insertions(+), 39 deletions(-)

diff --git a/library/package.json b/library/package.json
index 9ec1a1f6c..b8fcacaaf 100644
--- a/library/package.json
+++ b/library/package.json
@@ -73,7 +73,7 @@
     "@asyncapi/parser": "^3.1.0",
     "@asyncapi/protobuf-schema-parser": "^3.2.14",
     "highlight.js": "^10.7.2",
-    "isomorphic-dompurify": "^0.13.0",
+    "isomorphic-dompurify": "^2.12.0",
     "marked": "^4.0.14",
     "openapi-sampler": "^1.2.1",
     "use-resize-observer": "^9.1.0"
diff --git a/package-lock.json b/package-lock.json
index c28514708..66b1d5852 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,7 +44,7 @@
         "@asyncapi/parser": "^3.1.0",
         "@asyncapi/protobuf-schema-parser": "^3.2.14",
         "highlight.js": "^10.7.2",
-        "isomorphic-dompurify": "^0.13.0",
+        "isomorphic-dompurify": "^2.12.0",
         "marked": "^4.0.14",
         "openapi-sampler": "^1.2.1",
         "use-resize-observer": "^9.1.0"
@@ -5170,6 +5170,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
       "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -5271,6 +5272,7 @@
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-2.4.0.tgz",
       "integrity": "sha512-IDBwO5IZhrKvHFUl+clZxgf3hn2b/lU6H1KaBShPkQyGJUQ0xwebezIPSuiyGwfz1UzJWQl4M7BDxtHtCCPlTg==",
+      "dev": true,
       "dependencies": {
         "@types/trusted-types": "*"
       }
@@ -6257,7 +6259,8 @@
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
       "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
-      "deprecated": "Use your platform's native atob() and btoa() methods instead"
+      "deprecated": "Use your platform's native atob() and btoa() methods instead",
+      "dev": true
     },
     "node_modules/abbrev": {
       "version": "2.0.0",
@@ -6283,6 +6286,7 @@
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
       "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "dev": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -6294,6 +6298,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz",
       "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
+      "dev": true,
       "dependencies": {
         "acorn": "^7.1.1",
         "acorn-walk": "^7.1.1"
@@ -6303,6 +6308,7 @@
       "version": "7.4.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
       "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -6355,6 +6361,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
       "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+      "dev": true,
       "engines": {
         "node": ">=0.4.0"
       }
@@ -6369,6 +6376,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
       "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
       "dependencies": {
         "debug": "4"
       },
@@ -7546,7 +7554,8 @@
     "node_modules/browser-process-hrtime": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
-      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow=="
+      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
+      "dev": true
     },
     "node_modules/browserify-aes": {
       "version": "1.2.0",
@@ -9516,12 +9525,14 @@
     "node_modules/cssom": {
       "version": "0.4.4",
       "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.4.4.tgz",
-      "integrity": "sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw=="
+      "integrity": "sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==",
+      "dev": true
     },
     "node_modules/cssstyle": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
       "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "dev": true,
       "dependencies": {
         "cssom": "~0.3.6"
       },
@@ -9532,7 +9543,8 @@
     "node_modules/cssstyle/node_modules/cssom": {
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
-      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg=="
+      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+      "dev": true
     },
     "node_modules/csstype": {
       "version": "3.1.3",
@@ -9654,6 +9666,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz",
       "integrity": "sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==",
+      "dev": true,
       "dependencies": {
         "abab": "^2.0.3",
         "whatwg-mimetype": "^2.3.0",
@@ -10096,6 +10109,7 @@
       "resolved": "https://registry.npmjs.org/domexception/-/domexception-2.0.1.tgz",
       "integrity": "sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==",
       "deprecated": "Use your platform's native DOMException instead",
+      "dev": true,
       "dependencies": {
         "webidl-conversions": "^5.0.0"
       },
@@ -10107,14 +10121,15 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz",
       "integrity": "sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/dompurify": {
-      "version": "2.4.7",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.4.7.tgz",
-      "integrity": "sha512-kxxKlPEDa6Nc5WJi+qRgPbOAbgTpSULL+vI3NUXsZMlkJxTqYI9wg5ZTay2sFrdZRWHPWNi+EdAhcJf81WtoMQ=="
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.5.tgz",
+      "integrity": "sha512-lwG+n5h8QNpxtyrJW/gJWckL+1/DQiYMX8f7t8Z2AZTPw1esVrqjI63i7Zc2Gz0aKzLVMYC1V1PL/ky+aY/NgA=="
     },
     "node_modules/domutils": {
       "version": "1.7.0",
@@ -10540,6 +10555,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
       "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
       "dependencies": {
         "esprima": "^4.0.1",
         "estraverse": "^5.2.0",
@@ -11309,6 +11325,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
       "bin": {
         "esparse": "bin/esparse.js",
         "esvalidate": "bin/esvalidate.js"
@@ -11345,6 +11362,7 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -11353,6 +11371,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -12872,6 +12891,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz",
       "integrity": "sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==",
+      "dev": true,
       "dependencies": {
         "whatwg-encoding": "^1.0.5"
       },
@@ -12907,6 +12927,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
       "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
+      "dev": true,
       "dependencies": {
         "@tootallnate/once": "1",
         "agent-base": "6",
@@ -12940,6 +12961,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
       "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
       "dependencies": {
         "agent-base": "6",
         "debug": "4"
@@ -12970,6 +12992,7 @@
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3"
       },
@@ -14011,13 +14034,283 @@
       "dev": true
     },
     "node_modules/isomorphic-dompurify": {
-      "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/isomorphic-dompurify/-/isomorphic-dompurify-0.13.0.tgz",
-      "integrity": "sha512-j2/kt/PGbxvfeEm1uiRLlttZkQdn3hFe1rMr/wm3qFnMXSIw0Nmqu79k+TIoSj+KOwO98Sz9TbuNHU7ejv7IZA==",
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-dompurify/-/isomorphic-dompurify-2.12.0.tgz",
+      "integrity": "sha512-jJm6VgJ9toBLqNUHuLudn+2Q3NBBaoPbsh5SzzO2dp9Zq9+p6fEg4Ffuq9RZsofb8OnqE6FJVVq3MRDLlmBHpA==",
+      "dependencies": {
+        "@types/dompurify": "^3.0.5",
+        "dompurify": "^3.1.5",
+        "jsdom": "^24.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/@types/dompurify": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.0.5.tgz",
+      "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
+      "dependencies": {
+        "@types/trusted-types": "*"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/agent-base": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
+      "integrity": "sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/cssstyle": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.0.1.tgz",
+      "integrity": "sha512-8ZYiJ3A/3OkDd093CBT/0UKDWry7ak4BdPTFP2+QEP7cmhouyq/Up709ASSj2cK02BbZiMgk7kYjZNS4QP5qrQ==",
+      "dependencies": {
+        "rrweb-cssom": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/cssstyle/node_modules/rrweb-cssom": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
+      "integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw=="
+    },
+    "node_modules/isomorphic-dompurify/node_modules/data-urls": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-5.0.0.tgz",
+      "integrity": "sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==",
+      "dependencies": {
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/html-encoding-sniffer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
+      "integrity": "sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==",
+      "dependencies": {
+        "whatwg-encoding": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/https-proxy-agent": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.5.tgz",
+      "integrity": "sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==",
+      "dependencies": {
+        "agent-base": "^7.0.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
       "dependencies": {
-        "@types/dompurify": "^2.1.0",
-        "dompurify": "^2.2.7",
-        "jsdom": "^16.5.2"
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/jsdom": {
+      "version": "24.1.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-24.1.0.tgz",
+      "integrity": "sha512-6gpM7pRXCwIOKxX47cgOyvyQDN/Eh0f1MeKySBV2xGdKtqJBLj8P25eY3EVCWo2mglDDzozR2r2MW4T+JiNUZA==",
+      "dependencies": {
+        "cssstyle": "^4.0.1",
+        "data-urls": "^5.0.0",
+        "decimal.js": "^10.4.3",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^4.0.0",
+        "http-proxy-agent": "^7.0.2",
+        "https-proxy-agent": "^7.0.4",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.10",
+        "parse5": "^7.1.2",
+        "rrweb-cssom": "^0.7.0",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.1.4",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^3.1.1",
+        "whatwg-mimetype": "^4.0.0",
+        "whatwg-url": "^14.0.0",
+        "ws": "^8.17.0",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "canvas": "^2.11.2"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/parse5": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
+      "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
+      "dependencies": {
+        "entities": "^4.4.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/tr46": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz",
+      "integrity": "sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/whatwg-url": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.0.0.tgz",
+      "integrity": "sha512-1lfMEm2IEr7RIV+f4lUNPOqfFL+pO+Xw3fJSqmjX9AbXcXcYOkCe1P6+9VBZB6n94af16NfZf+sSk0JCBZC9aw==",
+      "dependencies": {
+        "tr46": "^5.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/isomorphic-dompurify/node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "engines": {
+        "node": ">=18"
       }
     },
     "node_modules/isstream": {
@@ -15185,6 +15478,7 @@
       "version": "16.7.0",
       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-16.7.0.tgz",
       "integrity": "sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==",
+      "dev": true,
       "dependencies": {
         "abab": "^2.0.5",
         "acorn": "^8.2.4",
@@ -15230,6 +15524,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.1.tgz",
       "integrity": "sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==",
+      "dev": true,
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
@@ -18312,9 +18607,9 @@
       }
     },
     "node_modules/nwsapi": {
-      "version": "2.2.7",
-      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
-      "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ=="
+      "version": "2.2.10",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.10.tgz",
+      "integrity": "sha512-QK0sRs7MKv0tKe1+5uZIQk/C8XGza4DAnztJG8iD+TpJIORARrCxczA738awHrZoHeTjSSoHqao2teO0dC/gFQ=="
     },
     "node_modules/nx": {
       "version": "18.0.8",
@@ -19471,7 +19766,8 @@
     "node_modules/parse5": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
-      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw=="
+      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
+      "dev": true
     },
     "node_modules/pascalcase": {
       "version": "0.1.1",
@@ -22491,6 +22787,11 @@
         "inherits": "^2.0.1"
       }
     },
+    "node_modules/rrweb-cssom": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.7.1.tgz",
+      "integrity": "sha512-TrEMa7JGdVm0UThDJSx7ddw5nVm3UJS9o9CCIZ72B1vSyEZoziDqBYP3XIoi/12lKrJR8rE3jeFHMok2F/Mnsg=="
+    },
     "node_modules/rsvp": {
       "version": "4.8.5",
       "resolved": "https://registry.npmjs.org/rsvp/-/rsvp-4.8.5.tgz",
@@ -22933,6 +23234,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz",
       "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
+      "dev": true,
       "dependencies": {
         "xmlchars": "^2.2.0"
       },
@@ -23587,7 +23889,7 @@
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "devOptional": true,
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -25231,9 +25533,9 @@
       }
     },
     "node_modules/tough-cookie": {
-      "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==",
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
       "dependencies": {
         "psl": "^1.1.33",
         "punycode": "^2.1.1",
@@ -25256,6 +25558,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-2.1.0.tgz",
       "integrity": "sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==",
+      "dev": true,
       "dependencies": {
         "punycode": "^2.1.1"
       },
@@ -26358,6 +26661,7 @@
       "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
       "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
       "deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
+      "dev": true,
       "dependencies": {
         "browser-process-hrtime": "^1.0.0"
       }
@@ -26371,6 +26675,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz",
       "integrity": "sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==",
+      "dev": true,
       "dependencies": {
         "xml-name-validator": "^3.0.0"
       },
@@ -26422,6 +26727,7 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
       "integrity": "sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==",
+      "dev": true,
       "engines": {
         "node": ">=10.4"
       }
@@ -26673,6 +26979,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz",
       "integrity": "sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==",
+      "dev": true,
       "dependencies": {
         "iconv-lite": "0.4.24"
       }
@@ -26680,12 +26987,14 @@
     "node_modules/whatwg-mimetype": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz",
-      "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g=="
+      "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==",
+      "dev": true
     },
     "node_modules/whatwg-url": {
       "version": "8.7.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-8.7.0.tgz",
       "integrity": "sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==",
+      "dev": true,
       "dependencies": {
         "lodash": "^4.7.0",
         "tr46": "^2.1.0",
@@ -27009,6 +27318,7 @@
       "version": "7.5.10",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
       "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "dev": true,
       "engines": {
         "node": ">=8.3.0"
       },
@@ -27028,7 +27338,8 @@
     "node_modules/xml-name-validator": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
-      "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw=="
+      "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==",
+      "dev": true
     },
     "node_modules/xmlchars": {
       "version": "2.2.0",
@@ -27341,7 +27652,7 @@
       "version": "2.0.4",
       "license": "Apache-2.0",
       "dependencies": {
-        "@asyncapi/react-component": "^1.4.10",
+        "@asyncapi/react-component": "^2.0.4",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "web-react-components": "^1.4.2"
@@ -27353,18 +27664,6 @@
         "webpack": "5.88.2",
         "webpack-cli": "5.1.4"
       }
-    },
-    "web-component/node_modules/use-resize-observer": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-8.0.0.tgz",
-      "integrity": "sha512-n0iKSeiQpJCyaFh5JA0qsVLBIovsF4EIIR1G6XiBwKJN66ZrD4Oj62bjcuTAATPKiSp6an/2UZZxCf/67fk3sQ==",
-      "dependencies": {
-        "@juggle/resize-observer": "^3.3.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.8.0",
-        "react-dom": ">=16.8.0"
-      }
     }
   }
 }
diff --git a/web-component/package.json b/web-component/package.json
index c824f8ed3..36a1ccb3f 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -44,7 +44,7 @@
     "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
   },
   "dependencies": {
-    "@asyncapi/react-component": "^1.4.10",
+    "@asyncapi/react-component": "^2.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "web-react-components": "^1.4.2"

From 282829f3b2e610653252383953ec1f79607e0e6b Mon Sep 17 00:00:00 2001
From: Tobias Sauerwein <to.srwn@gmail.com>
Date: Wed, 3 Jul 2024 20:31:57 +0200
Subject: [PATCH 23/28] feat: add configuration to always show message examples
 (#1016)

---
 docs/configuration/config-modification.md    | 6 +++++-
 library/src/config/config.ts                 | 1 +
 library/src/config/default.ts                | 1 +
 library/src/containers/Messages/Messages.tsx | 1 +
 4 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/docs/configuration/config-modification.md b/docs/configuration/config-modification.md
index 633260303..b1c6ec19f 100644
--- a/docs/configuration/config-modification.md
+++ b/docs/configuration/config-modification.md
@@ -17,6 +17,7 @@ interface ConfigInterface {
     servers?: boolean;
     operations?: boolean;
     messages?: boolean;
+    messageExamples?: boolean;
     schemas?: boolean;
     errors?: boolean;
   };
@@ -45,7 +46,10 @@ interface ConfigInterface {
 - **show?: Partial<ShowConfig>**
 
   This field contains configuration responsible for rendering specific parts of the AsyncAPI component.
-  All except the `sidebar` fields are set to `true` by default.
+  The `sidebar` and `messageExamples` fields are set to `false` by default. The default for all other fields is `true`.
+
+  The examples for messages shown within an operation are always displayed. To also show examples for the
+  standalone messages in the "Messages" section, set `messageExamples` to `true`.
 
 - **sidebar?: Partial<SideBarConfig>**
 
diff --git a/library/src/config/config.ts b/library/src/config/config.ts
index 0218996eb..39b55ce7f 100644
--- a/library/src/config/config.ts
+++ b/library/src/config/config.ts
@@ -19,6 +19,7 @@ export interface ShowConfig {
   servers?: boolean;
   operations?: boolean;
   messages?: boolean;
+  messageExamples?: boolean;
   schemas?: boolean;
   errors?: boolean;
 }
diff --git a/library/src/config/default.ts b/library/src/config/default.ts
index 725fff4c5..12e6dffa6 100644
--- a/library/src/config/default.ts
+++ b/library/src/config/default.ts
@@ -16,6 +16,7 @@ export const defaultConfig: ConfigInterface = {
     servers: true,
     operations: true,
     messages: true,
+    messageExamples: false,
     schemas: true,
     errors: true,
   },
diff --git a/library/src/containers/Messages/Messages.tsx b/library/src/containers/Messages/Messages.tsx
index 876835837..52300c2bc 100644
--- a/library/src/containers/Messages/Messages.tsx
+++ b/library/src/containers/Messages/Messages.tsx
@@ -36,6 +36,7 @@ export const Messages: React.FunctionComponent = () => {
               message={message}
               index={idx + 1}
               key={message.id()}
+              showExamples={config?.show?.messageExamples ?? false}
             />
           </li>
         ))}

From 6936c78e31a9844e0306f3133bf97249ff742315 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Wed, 3 Jul 2024 20:50:34 +0200
Subject: [PATCH 24/28] chore(release): v2.1.0 (#1028)

---
 library/package.json       | 2 +-
 package-lock.json          | 6 +++---
 web-component/package.json | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/library/package.json b/library/package.json
index b8fcacaaf..2524830e9 100644
--- a/library/package.json
+++ b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {
diff --git a/package-lock.json b/package-lock.json
index 66b1d5852..efa40ea1a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
     },
     "library": {
       "name": "@asyncapi/react-component",
-      "version": "2.0.4",
+      "version": "2.1.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/avro-schema-parser": "^3.0.24",
@@ -27649,10 +27649,10 @@
     },
     "web-component": {
       "name": "@asyncapi/web-component",
-      "version": "2.0.4",
+      "version": "2.1.0",
       "license": "Apache-2.0",
       "dependencies": {
-        "@asyncapi/react-component": "^2.0.4",
+        "@asyncapi/react-component": "^2.1.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "web-react-components": "^1.4.2"
diff --git a/web-component/package.json b/web-component/package.json
index 36a1ccb3f..4ad754fbc 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {
@@ -44,7 +44,7 @@
     "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
   },
   "dependencies": {
-    "@asyncapi/react-component": "^2.0.4",
+    "@asyncapi/react-component": "^2.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "web-react-components": "^1.4.2"

From f087fd0f44a24ce3f646dbb9837ef61458fc09aa Mon Sep 17 00:00:00 2001
From: pltod2 <ptodorov@axway.com>
Date: Wed, 17 Jul 2024 09:49:52 +0100
Subject: [PATCH 25/28] fix: render specs that contain oauth2 password flow
 only (#1023)

Co-authored-by: Lukasz Gornicki <lpgornicki@gmail.com>
---
 .../src/__tests__/docs/v3/streetlights-mqtt.json  | 15 +++++++++++++++
 library/src/containers/Servers/Security.tsx       |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/library/src/__tests__/docs/v3/streetlights-mqtt.json b/library/src/__tests__/docs/v3/streetlights-mqtt.json
index 0d22525d3..f65827e07 100644
--- a/library/src/__tests__/docs/v3/streetlights-mqtt.json
+++ b/library/src/__tests__/docs/v3/streetlights-mqtt.json
@@ -69,6 +69,9 @@
         },
         {
           "$ref": "#/components/securitySchemes/openIdConnectWellKnown"
+        },
+        {
+          "$ref": "#/components/securitySchemes/oauth2Password"
         }
       ],
       "tags": [
@@ -348,6 +351,18 @@
       "openIdConnectWellKnown": {
         "type": "openIdConnect",
         "openIdConnectUrl": "https://authserver.example/.well-known"
+      },
+      "oauth2Password": {
+        "type": "oauth2",
+        "description": "Flows to support OAuth 2.0",
+        "flows": {
+          "password": {
+            "tokenUrl": "https://authserver.example/token",
+            "availableScopes": {
+              "streetlights:on": "Ability to switch lights on"
+            }
+          }
+        }
       }
     },
     "parameters": {
diff --git a/library/src/containers/Servers/Security.tsx b/library/src/containers/Servers/Security.tsx
index 3038616aa..8fbe3847b 100644
--- a/library/src/containers/Servers/Security.tsx
+++ b/library/src/containers/Servers/Security.tsx
@@ -164,7 +164,7 @@ const SecurityItem: React.FunctionComponent<SecurityItemProps> = ({
     unwrappedFlows.clientCredentials = flows.clientCredentials()!;
   }
   if (flows?.hasPassword()) {
-    unwrappedFlows.password = flows.implicit()!;
+    unwrappedFlows.password = flows.password()!;
   }
   const renderedFlows = Object.entries(unwrappedFlows).map(
     ([flowName, flow]) => {

From 88882d4e5894ace083f1850fa63f3870deba9dba Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Wed, 17 Jul 2024 11:07:12 +0200
Subject: [PATCH 26/28] chore(release): v2.1.1 (#1031)

---
 library/package.json       | 2 +-
 package-lock.json          | 6 +++---
 web-component/package.json | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/library/package.json b/library/package.json
index 2524830e9..762d14bd0 100644
--- a/library/package.json
+++ b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {
diff --git a/package-lock.json b/package-lock.json
index efa40ea1a..ccc6a1f34 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
     },
     "library": {
       "name": "@asyncapi/react-component",
-      "version": "2.1.0",
+      "version": "2.1.1",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/avro-schema-parser": "^3.0.24",
@@ -27649,10 +27649,10 @@
     },
     "web-component": {
       "name": "@asyncapi/web-component",
-      "version": "2.1.0",
+      "version": "2.1.1",
       "license": "Apache-2.0",
       "dependencies": {
-        "@asyncapi/react-component": "^2.1.0",
+        "@asyncapi/react-component": "^2.1.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "web-react-components": "^1.4.2"
diff --git a/web-component/package.json b/web-component/package.json
index 4ad754fbc..8e3cf4573 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {
@@ -44,7 +44,7 @@
     "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
   },
   "dependencies": {
-    "@asyncapi/react-component": "^2.1.0",
+    "@asyncapi/react-component": "^2.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "web-react-components": "^1.4.2"

From f1978c4650f9eb8dd0f7bd977a037865f3978c7e Mon Sep 17 00:00:00 2001
From: "Diego T." <diegotorresd@gmail.com>
Date: Thu, 25 Jul 2024 19:39:22 +0200
Subject: [PATCH 27/28] feat: add configuration to use channel addresses in the
 sidebar for AsyncAPI v3 (#1022)

Co-authored-by: Lukasz Gornicki <lpgornicki@gmail.com>
---
 docs/configuration/config-modification.md     |  3 +++
 library/src/config/config.ts                  |  1 +
 library/src/containers/Sidebar/Sidebar.tsx    |  2 +-
 .../Sidebar/__tests__/SideBar.test.tsx        | 24 +++++++++++++++++++
 4 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/docs/configuration/config-modification.md b/docs/configuration/config-modification.md
index b1c6ec19f..3eb36a4cc 100644
--- a/docs/configuration/config-modification.md
+++ b/docs/configuration/config-modification.md
@@ -27,6 +27,7 @@ interface ConfigInterface {
   sidebar?: {
     showServers?: 'byDefault' | 'bySpecTags' | 'byServersTags';
     showOperations?: 'byDefault' | 'bySpecTags' | 'byOperationsTags';
+    useChannelAddressAsIdentifier?: boolean;
   },
   parserOptions?: ParserOptions;
   publishLabel?: string;
@@ -56,6 +57,8 @@ interface ConfigInterface {
   This field contains configuration responsible for the way of working of the sidebar.
   `showServers` field is set to `byDefault` by default.
   `showOperations` field is set to `byDefault` by default.
+  `useChannelAddressAsIdentifier`: for AsyncAPI v3 documents, use the operation summary or channel address in the sidebar instead of the operationId.
+  By default, this behavior is applied only to AsyncAPI v2 documents.
   
 - **expand?: Partial<ExpandConfig>**
 
diff --git a/library/src/config/config.ts b/library/src/config/config.ts
index 39b55ce7f..9ad84af18 100644
--- a/library/src/config/config.ts
+++ b/library/src/config/config.ts
@@ -31,4 +31,5 @@ export interface ExpandConfig {
 export interface SideBarConfig {
   showServers?: 'byDefault' | 'bySpecTags' | 'byServersTags';
   showOperations?: 'byDefault' | 'bySpecTags' | 'byOperationsTags';
+  useChannelAddressAsIdentifier?: boolean;
 }
diff --git a/library/src/containers/Sidebar/Sidebar.tsx b/library/src/containers/Sidebar/Sidebar.tsx
index a722eea3a..6e1eeaefc 100644
--- a/library/src/containers/Sidebar/Sidebar.tsx
+++ b/library/src/containers/Sidebar/Sidebar.tsx
@@ -253,7 +253,7 @@ const OperationsList: React.FunctionComponent = () => {
         numeric: true,
       });
       let label = '';
-      if (version === 0) {
+      if (version === 0 || sidebarConfig?.useChannelAddressAsIdentifier) {
         // old version uses different labels for the operations
         const operationChannels = operationChannel.all();
         const channelAddress = operationChannels[0]?.address() ?? '';
diff --git a/library/src/containers/Sidebar/__tests__/SideBar.test.tsx b/library/src/containers/Sidebar/__tests__/SideBar.test.tsx
index f98d53b22..4701a0006 100644
--- a/library/src/containers/Sidebar/__tests__/SideBar.test.tsx
+++ b/library/src/containers/Sidebar/__tests__/SideBar.test.tsx
@@ -103,4 +103,28 @@ describe('Sidebar component', () => {
       </ConfigContext.Provider>,
     );
   });
+  test('should render with useChannelAddressAsIdentifier: true', () => {
+    const { container } = render(
+      <ConfigContext.Provider
+        value={{ sidebar: { useChannelAddressAsIdentifier: true } }}
+      >
+        <SpecificationContext.Provider value={parsed}>
+          <Sidebar />
+        </SpecificationContext.Provider>
+      </ConfigContext.Provider>,
+    );
+    const operations = container.querySelectorAll('a[href^="#operation-"]');
+    const expectedOperationDescriptions = [
+      'Inform about environmental lighting conditions of a particular streetlight.', // because the channel has a summary
+      'smartylighting.streetlights.1.0.action.{streetlightId}.turn.on',
+      'smartylighting.streetlights.1.0.action.{streetlightId}.turn.off',
+      'smartylighting.streetlights.1.0.action.{streetlightId}.dim',
+    ];
+    for (let i = 0; i < operations.length; i++) {
+      // eslint-disable-next-line jest/no-standalone-expect
+      expect(operations[i].querySelectorAll('span')[1].textContent).toBe(
+        expectedOperationDescriptions[i],
+      );
+    }
+  });
 });

From d2ebc570f1dc26c218af0bc1159019706d9bba24 Mon Sep 17 00:00:00 2001
From: asyncapi-bot <bot+chan@asyncapi.io>
Date: Thu, 25 Jul 2024 20:00:07 +0200
Subject: [PATCH 28/28] chore(release): v2.2.0 (#1033)

---
 library/package.json       | 2 +-
 package-lock.json          | 6 +++---
 web-component/package.json | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/library/package.json b/library/package.json
index 762d14bd0..396b00f8d 100644
--- a/library/package.json
+++ b/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/react-component",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "private": false,
   "description": "A React component for AsyncAPI specification.",
   "repository": {
diff --git a/package-lock.json b/package-lock.json
index ccc6a1f34..7d117134f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
     },
     "library": {
       "name": "@asyncapi/react-component",
-      "version": "2.1.1",
+      "version": "2.2.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@asyncapi/avro-schema-parser": "^3.0.24",
@@ -27649,10 +27649,10 @@
     },
     "web-component": {
       "name": "@asyncapi/web-component",
-      "version": "2.1.1",
+      "version": "2.2.0",
       "license": "Apache-2.0",
       "dependencies": {
-        "@asyncapi/react-component": "^2.1.1",
+        "@asyncapi/react-component": "^2.2.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "web-react-components": "^1.4.2"
diff --git a/web-component/package.json b/web-component/package.json
index 8e3cf4573..88af28463 100644
--- a/web-component/package.json
+++ b/web-component/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@asyncapi/web-component",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "private": false,
   "description": "A web component for AsyncAPI specification. Based on @asyncapi/react-component.",
   "repository": {
@@ -44,7 +44,7 @@
     "install:reactcomp": "chmod +x ./bump-react-comp.sh && ./bump-react-comp.sh"
   },
   "dependencies": {
-    "@asyncapi/react-component": "^2.1.1",
+    "@asyncapi/react-component": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "web-react-components": "^1.4.2"