From 736129f684ec687f8e5ba859ff7366c8b4738fd4 Mon Sep 17 00:00:00 2001
From: Salokiam <salokiam@protonmail.com>
Date: Thu, 30 Nov 2023 18:35:08 +0100
Subject: [PATCH] upgrade to Vaadin version 24

---
 .gitmodules                                   |   2 +-
 .run/Alice_clear.run.xml                      |   4 +-
 .run/Charly_clear.run.xml                     |  16 -
 .run/Seed_1.run.xml                           |   2 +-
 .run/Seed_2.run.xml                           |   6 +-
 .run/Tomcat 9.0.64 vanilla2.run.xml           | 101 ----
 build.gradle                                  |   2 +-
 gradle.properties                             |   2 +-
 package.json                                  | 451 +++++++-----------
 .../java/bisq/web/base/ServiceListener.java   |   7 +-
 .../web/ui/welcome/TestCreateProfile.java     |   3 +-
 tsconfig.json                                 |  22 +-
 12 files changed, 197 insertions(+), 421 deletions(-)
 delete mode 100644 .run/Charly_clear.run.xml
 delete mode 100644 .run/Tomcat 9.0.64 vanilla2.run.xml

diff --git a/.gitmodules b/.gitmodules
index 26ae223..d45303b 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,4 +1,4 @@
 [submodule "bisq"]
 	path = bisq
 	url = https://github.com/salokiam/bisq2.git
-	branch = update-to-vaadin24
+	branch = up-bisq2-libs
diff --git a/.run/Alice_clear.run.xml b/.run/Alice_clear.run.xml
index 504db40..b4a5b6b 100644
--- a/.run/Alice_clear.run.xml
+++ b/.run/Alice_clear.run.xml
@@ -2,8 +2,8 @@
   <configuration default="false" name="Alice_clear" type="Application" factoryName="Application">
     <option name="ALTERNATIVE_JRE_PATH" value="corretto-18" />
     <option name="ALTERNATIVE_JRE_PATH_ENABLED" value="true" />
-    <option name="MAIN_CLASS_NAME" value="bisq.desktopapp.Main" />
-    <module name="bisq.desktopapp.main" />
+    <option name="MAIN_CLASS_NAME" value="bisq.desktop_app.DesktopApp" />
+    <module name="bisq.desktop_app.main" />
     <option name="PROGRAM_PARAMETERS" value="--appName=bisq2_Alice --data-dir=~/work/bisq2/web-ui/" />
     <option name="VM_PARAMETERS" value="-Dapplication.network.supportedTransportTypes.0=CLEAR -Dapplication.network.seedAddressByTransportType.clear.0=127.0.0.1:8000 -Dapplication.network.seedAddressByTransportType.clear.1=127.0.0.1:8001" />
     <method v="2">
diff --git a/.run/Charly_clear.run.xml b/.run/Charly_clear.run.xml
deleted file mode 100644
index c2f7a91..0000000
--- a/.run/Charly_clear.run.xml
+++ /dev/null
@@ -1,16 +0,0 @@
-<component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="Charly_clear" type="Application" factoryName="Application">
-    <option name="ALTERNATIVE_JRE_PATH" value="corretto-18" />
-    <option name="ALTERNATIVE_JRE_PATH_ENABLED" value="true" />
-    <envs>
-      <env name="APPDATA" value="$PROJECT_DIR$/../../../bisq2/web-ui/" />
-    </envs>
-    <option name="MAIN_CLASS_NAME" value="bisq.desktopapp.Main" />
-    <module name="bisq.desktopapp.main" />
-    <option name="PROGRAM_PARAMETERS" value=" --appName=bisq2_Clarly" />
-    <option name="VM_PARAMETERS" value="-Dapplication.network.supportedTransportTypes.0=CLEAR -Dapplication.network.seedAddressByTransportType.clear.0=127.0.0.1:8000 -Dapplication.network.seedAddressByTransportType.clear.1=127.0.0.1:8001" />
-    <method v="2">
-      <option name="Make" enabled="true" />
-    </method>
-  </configuration>
-</component>
\ No newline at end of file
diff --git a/.run/Seed_1.run.xml b/.run/Seed_1.run.xml
index 660b1da..30088ee 100644
--- a/.run/Seed_1.run.xml
+++ b/.run/Seed_1.run.xml
@@ -4,7 +4,7 @@
       <env name="APPDATA" value="~/work/bisq2/web-ui/" />
     </envs>
     <option name="MAIN_CLASS_NAME" value="bisq.seed_node.SeedNodeApp" />
-    <module name="bisq.seed_node_app.test" />
+    <module name="bisq.seed_node_app.main" />
     <option name="PROGRAM_PARAMETERS" value="--appName=bisq2_seed1" />
     <option name="VM_PARAMETERS" value="-Dapplication.network.defaultNodePortByTransportType.clear=8000 -Dapplication.network.supportedTransportTypes.0=CLEAR -Dapplication.network.seedAddressByTransportType.clear.0=127.0.0.1:8000 -Dapplication.network.seedAddressByTransportType.clear.1=127.0.0.1:8001" />
     <method v="2">
diff --git a/.run/Seed_2.run.xml b/.run/Seed_2.run.xml
index 536a546..29a8626 100644
--- a/.run/Seed_2.run.xml
+++ b/.run/Seed_2.run.xml
@@ -3,10 +3,10 @@
     <envs>
       <env name="APPDATA" value="~/work/bisq2/web-ui/" />
     </envs>
-    <option name="MAIN_CLASS_NAME" value="bisq.seed.SeedMain" />
-    <module name="bisq.seed.main" />
+    <option name="MAIN_CLASS_NAME" value="bisq.seed_node.SeedNodeApp" />
+    <module name="bisq.seed_node_app.main" />
     <option name="PROGRAM_PARAMETERS" value="--appName=bisq2_seed2" />
-    <option name="VM_PARAMETERS" value="-Dapplication.network.defaultNodePortByTransportType.clear=8001 -Dapplication.network.supportedTransportTypes.0=CLEAR -Dapplication.network.seedAddressByTransportType.clear.0=127.0.0.1:8000 -Dapplication.network.seedAddressByTransportType.clear.1=127.0.0.1:8001" />
+    <option name="VM_PARAMETERS" value="-Dapplication.network.configByTransportType.clear.defaultNodePort=8001 -Dapplication.network.supportedTransportTypes.0=CLEAR -Dapplication.network.seedAddressByTransportType.clear.0=127.0.0.1:8000 -Dapplication.network.seedAddressByTransportType.clear.1=127.0.0.1:8001" />
     <method v="2">
       <option name="Make" enabled="true" />
     </method>
diff --git a/.run/Tomcat 9.0.64 vanilla2.run.xml b/.run/Tomcat 9.0.64 vanilla2.run.xml
deleted file mode 100644
index 735a024..0000000
--- a/.run/Tomcat 9.0.64 vanilla2.run.xml	
+++ /dev/null
@@ -1,101 +0,0 @@
-<component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="Tomcat 9.0.64 vanilla2" type="#com.intellij.j2ee.web.tomcat.TomcatRunConfigurationFactory" factoryName="Local" APPLICATION_SERVER_NAME="Tomcat 9.0.64 vanilla" ALTERNATIVE_JRE_ENABLED="true" ALTERNATIVE_JRE_PATH="jbr-17">
-    <option name="OPEN_IN_BROWSER" value="false" />
-    <option name="COMMON_VM_ARGUMENTS" value="--add-exports java.base/jdk.internal.misc=ALL-UNNAMED -XX:HotswapAgent=fatjar -XX:+AllowEnhancedClassRedefinition -Dapplication.network.supportedTransportTypes.0=CLEAR -Dapplication.network.seedAddressByTransportType.clear.0=127.0.0.1:8000 -Dapplication.network.seedAddressByTransportType.clear.1=127.0.0.1:8001 -DAPPDATA=~/work/bisq2/web-ui/web-app" />
-    <option name="SHOW_DIALOG_ON_UPDATE" value="false" />
-    <deployment>
-      <artifact name="Gradle : bisq2-web-ui.war (exploded)">
-        <settings>
-          <option name="CONTEXT_PATH" value="/" />
-        </settings>
-      </artifact>
-    </deployment>
-    <server-settings>
-      <option name="BASE_DIRECTORY_NAME" value="260d29bd-2944-4fb5-a341-ade3fc8d7879" />
-    </server-settings>
-    <predefined_log_file enabled="true" id="Tomcat" />
-    <predefined_log_file enabled="true" id="Tomcat Catalina" />
-    <predefined_log_file id="Tomcat Manager" />
-    <predefined_log_file id="Tomcat Host Manager" />
-    <predefined_log_file id="Tomcat Localhost Access" />
-    <RunnerSettings RunnerId="Debug">
-      <option name="DEBUG_PORT" value="4969" />
-    </RunnerSettings>
-    <ConfigurationWrapper VM_VAR="JAVA_OPTS" RunnerId="Cover">
-      <option name="USE_ENV_VARIABLES" value="true" />
-      <STARTUP>
-        <option name="USE_DEFAULT" value="true" />
-        <option name="SCRIPT" value="" />
-        <option name="VM_PARAMETERS" value="" />
-        <option name="PROGRAM_PARAMETERS" value="" />
-      </STARTUP>
-      <SHUTDOWN>
-        <option name="USE_DEFAULT" value="true" />
-        <option name="SCRIPT" value="" />
-        <option name="VM_PARAMETERS" value="" />
-        <option name="PROGRAM_PARAMETERS" value="" />
-      </SHUTDOWN>
-    </ConfigurationWrapper>
-    <ConfigurationWrapper VM_VAR="JAVA_OPTS" RunnerId="Debug">
-      <option name="USE_ENV_VARIABLES" value="true" />
-      <STARTUP>
-        <option name="USE_DEFAULT" value="true" />
-        <option name="SCRIPT" value="" />
-        <option name="VM_PARAMETERS" value="" />
-        <option name="PROGRAM_PARAMETERS" value="" />
-      </STARTUP>
-      <SHUTDOWN>
-        <option name="USE_DEFAULT" value="true" />
-        <option name="SCRIPT" value="" />
-        <option name="VM_PARAMETERS" value="" />
-        <option name="PROGRAM_PARAMETERS" value="" />
-      </SHUTDOWN>
-      <EnvironmentVariables>
-        <option name="NAME" value="APPDATA" />
-        <option name="VALUE" value="/work/bisq2/web-ui/web-app" />
-        <option name="IS_PREDEFINED" value="false" />
-      </EnvironmentVariables>
-    </ConfigurationWrapper>
-    <ConfigurationWrapper VM_VAR="JAVA_OPTS" RunnerId="Profile">
-      <option name="USE_ENV_VARIABLES" value="true" />
-      <STARTUP>
-        <option name="USE_DEFAULT" value="true" />
-        <option name="SCRIPT" value="" />
-        <option name="VM_PARAMETERS" value="" />
-        <option name="PROGRAM_PARAMETERS" value="" />
-      </STARTUP>
-      <SHUTDOWN>
-        <option name="USE_DEFAULT" value="true" />
-        <option name="SCRIPT" value="" />
-        <option name="VM_PARAMETERS" value="" />
-        <option name="PROGRAM_PARAMETERS" value="" />
-      </SHUTDOWN>
-    </ConfigurationWrapper>
-    <ConfigurationWrapper VM_VAR="JAVA_OPTS" RunnerId="Run">
-      <option name="USE_ENV_VARIABLES" value="true" />
-      <STARTUP>
-        <option name="USE_DEFAULT" value="true" />
-        <option name="SCRIPT" value="" />
-        <option name="VM_PARAMETERS" value="" />
-        <option name="PROGRAM_PARAMETERS" value="" />
-      </STARTUP>
-      <SHUTDOWN>
-        <option name="USE_DEFAULT" value="true" />
-        <option name="SCRIPT" value="" />
-        <option name="VM_PARAMETERS" value="" />
-        <option name="PROGRAM_PARAMETERS" value="" />
-      </SHUTDOWN>
-      <EnvironmentVariables>
-        <option name="NAME" value="APPDATA" />
-        <option name="VALUE" value="/work/bisq2/web-ui/web-app" />
-        <option name="IS_PREDEFINED" value="false" />
-      </EnvironmentVariables>
-    </ConfigurationWrapper>
-    <method v="2">
-      <option name="Make" enabled="true" />
-      <option name="BuildArtifacts" enabled="true">
-        <artifact name="Gradle : bisq2-web-ui.war (exploded)" />
-      </option>
-    </method>
-  </configuration>
-</component>
\ No newline at end of file
diff --git a/build.gradle b/build.gradle
index 62eeef1..0fa0298 100644
--- a/build.gradle
+++ b/build.gradle
@@ -11,7 +11,7 @@ plugins {
     id 'com.vaadin'
 }
 
-vaadinVersion = '23.1.3'
+vaadinVersion = '24.2.5'
 
 defaultTasks("build")
 
diff --git a/gradle.properties b/gradle.properties
index 3b19980..3df1064 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -1 +1 @@
-vaadinVersion=23.1.2
+vaadinVersion=24.2.5
diff --git a/package.json b/package.json
index 2bcc32d..3d82cd0 100644
--- a/package.json
+++ b/package.json
@@ -1,259 +1,180 @@
 {
   "dependencies": {
-    "@polymer/iron-icon": "3.0.1",
-    "@polymer/iron-iconset-svg": "3.0.1",
-    "@polymer/iron-list": "3.1.0",
-    "@polymer/iron-meta": "3.0.1",
-    "@polymer/iron-resizable-behavior": "3.0.1",
-    "@polymer/polymer": "3.4.1",
-    "@vaadin/accordion": "23.1.3",
-    "@vaadin/app-layout": "23.1.3",
-    "@vaadin/avatar": "23.1.3",
-    "@vaadin/avatar-group": "23.1.3",
-    "@vaadin/bundles": "23.1.3",
-    "@vaadin/button": "23.1.3",
-    "@vaadin/checkbox": "23.1.3",
-    "@vaadin/checkbox-group": "23.1.3",
-    "@vaadin/combo-box": "23.1.3",
-    "@vaadin/common-frontend": "0.0.17",
-    "@vaadin/component-base": "23.1.3",
-    "@vaadin/context-menu": "23.1.3",
-    "@vaadin/custom-field": "23.1.3",
-    "@vaadin/date-picker": "23.1.3",
-    "@vaadin/date-time-picker": "23.1.3",
-    "@vaadin/details": "23.1.3",
-    "@vaadin/dialog": "23.1.3",
-    "@vaadin/email-field": "23.1.3",
-    "@vaadin/field-base": "23.1.3",
-    "@vaadin/field-highlighter": "23.1.3",
-    "@vaadin/flow-frontend": "./build/flow-frontend",
-    "@vaadin/form-layout": "23.1.3",
-    "@vaadin/grid": "23.1.3",
-    "@vaadin/horizontal-layout": "23.1.3",
-    "@vaadin/icon": "23.1.3",
-    "@vaadin/icons": "23.1.3",
-    "@vaadin/input-container": "23.1.3",
-    "@vaadin/integer-field": "23.1.3",
-    "@vaadin/item": "23.1.3",
-    "@vaadin/list-box": "23.1.3",
-    "@vaadin/lit-renderer": "23.1.3",
-    "@vaadin/login": "23.1.3",
-    "@vaadin/menu-bar": "23.1.3",
-    "@vaadin/message-input": "23.1.3",
-    "@vaadin/message-list": "23.1.3",
-    "@vaadin/notification": "23.1.3",
-    "@vaadin/number-field": "23.1.3",
-    "@vaadin/password-field": "23.1.3",
-    "@vaadin/polymer-legacy-adapter": "23.1.3",
-    "@vaadin/progress-bar": "23.1.3",
-    "@vaadin/radio-group": "23.1.3",
-    "@vaadin/router": "1.7.4",
-    "@vaadin/scroller": "23.1.3",
-    "@vaadin/select": "23.1.3",
-    "@vaadin/split-layout": "23.1.3",
-    "@vaadin/tabs": "23.1.3",
-    "@vaadin/text-area": "23.1.3",
-    "@vaadin/text-field": "23.1.3",
-    "@vaadin/time-picker": "23.1.3",
-    "@vaadin/upload": "23.1.3",
-    "@vaadin/vaadin-accordion": "23.1.3",
-    "@vaadin/vaadin-app-layout": "23.1.3",
-    "@vaadin/vaadin-avatar": "23.1.3",
-    "@vaadin/vaadin-button": "23.1.3",
-    "@vaadin/vaadin-checkbox": "23.1.3",
-    "@vaadin/vaadin-combo-box": "23.1.3",
-    "@vaadin/vaadin-context-menu": "23.1.3",
-    "@vaadin/vaadin-custom-field": "23.1.3",
-    "@vaadin/vaadin-date-picker": "23.1.3",
-    "@vaadin/vaadin-date-time-picker": "23.1.3",
-    "@vaadin/vaadin-details": "23.1.3",
-    "@vaadin/vaadin-development-mode-detector": "2.0.5",
-    "@vaadin/vaadin-dialog": "23.1.3",
-    "@vaadin/vaadin-form-layout": "23.1.3",
-    "@vaadin/vaadin-grid": "23.1.3",
-    "@vaadin/vaadin-icon": "23.1.3",
-    "@vaadin/vaadin-icons": "23.1.3",
-    "@vaadin/vaadin-item": "23.1.3",
-    "@vaadin/vaadin-list-box": "23.1.3",
-    "@vaadin/vaadin-list-mixin": "23.1.3",
-    "@vaadin/vaadin-login": "23.1.3",
-    "@vaadin/vaadin-lumo-styles": "23.1.3",
-    "@vaadin/vaadin-material-styles": "23.1.3",
-    "@vaadin/vaadin-menu-bar": "23.1.3",
-    "@vaadin/vaadin-messages": "23.1.3",
-    "@vaadin/vaadin-notification": "23.1.3",
-    "@vaadin/vaadin-ordered-layout": "23.1.3",
-    "@vaadin/vaadin-overlay": "23.1.3",
-    "@vaadin/vaadin-progress-bar": "23.1.3",
-    "@vaadin/vaadin-radio-button": "23.1.3",
-    "@vaadin/vaadin-select": "23.1.3",
-    "@vaadin/vaadin-split-layout": "23.1.3",
-    "@vaadin/vaadin-tabs": "23.1.3",
-    "@vaadin/vaadin-template-renderer": "23.1.3",
-    "@vaadin/vaadin-text-field": "23.1.3",
-    "@vaadin/vaadin-themable-mixin": "23.1.3",
-    "@vaadin/vaadin-time-picker": "23.1.3",
-    "@vaadin/vaadin-upload": "23.1.3",
+    "@polymer/polymer": "3.5.1",
+    "@vaadin/a11y-base": "24.2.4",
+    "@vaadin/accordion": "24.2.4",
+    "@vaadin/app-layout": "24.2.4",
+    "@vaadin/avatar": "24.2.4",
+    "@vaadin/avatar-group": "24.2.4",
+    "@vaadin/bundles": "24.2.4",
+    "@vaadin/button": "24.2.4",
+    "@vaadin/checkbox": "24.2.4",
+    "@vaadin/checkbox-group": "24.2.4",
+    "@vaadin/combo-box": "24.2.4",
+    "@vaadin/common-frontend": "0.0.18",
+    "@vaadin/component-base": "24.2.4",
+    "@vaadin/confirm-dialog": "24.2.4",
+    "@vaadin/context-menu": "24.2.4",
+    "@vaadin/custom-field": "24.2.4",
+    "@vaadin/date-picker": "24.2.4",
+    "@vaadin/date-time-picker": "24.2.4",
+    "@vaadin/details": "24.2.4",
+    "@vaadin/dialog": "24.2.4",
+    "@vaadin/email-field": "24.2.4",
+    "@vaadin/field-base": "24.2.4",
+    "@vaadin/field-highlighter": "24.2.4",
+    "@vaadin/form-layout": "24.2.4",
+    "@vaadin/grid": "24.2.4",
+    "@vaadin/horizontal-layout": "24.2.4",
+    "@vaadin/icon": "24.2.4",
+    "@vaadin/icons": "24.2.4",
+    "@vaadin/input-container": "24.2.4",
+    "@vaadin/integer-field": "24.2.4",
+    "@vaadin/item": "24.2.4",
+    "@vaadin/list-box": "24.2.4",
+    "@vaadin/lit-renderer": "24.2.4",
+    "@vaadin/login": "24.2.4",
+    "@vaadin/menu-bar": "24.2.4",
+    "@vaadin/message-input": "24.2.4",
+    "@vaadin/message-list": "24.2.4",
+    "@vaadin/multi-select-combo-box": "24.2.4",
+    "@vaadin/notification": "24.2.4",
+    "@vaadin/number-field": "24.2.4",
+    "@vaadin/overlay": "24.2.4",
+    "@vaadin/password-field": "24.2.4",
+    "@vaadin/polymer-legacy-adapter": "24.2.4",
+    "@vaadin/progress-bar": "24.2.4",
+    "@vaadin/radio-group": "24.2.4",
+    "@vaadin/router": "1.7.5",
+    "@vaadin/scroller": "24.2.4",
+    "@vaadin/select": "24.2.4",
+    "@vaadin/side-nav": "24.2.4",
+    "@vaadin/split-layout": "24.2.4",
+    "@vaadin/tabs": "24.2.4",
+    "@vaadin/tabsheet": "24.2.4",
+    "@vaadin/text-area": "24.2.4",
+    "@vaadin/text-field": "24.2.4",
+    "@vaadin/time-picker": "24.2.4",
+    "@vaadin/tooltip": "24.2.4",
+    "@vaadin/upload": "24.2.4",
+    "@vaadin/vaadin-development-mode-detector": "2.0.6",
+    "@vaadin/vaadin-lumo-styles": "24.2.4",
+    "@vaadin/vaadin-material-styles": "24.2.4",
+    "@vaadin/vaadin-themable-mixin": "24.2.4",
     "@vaadin/vaadin-usage-statistics": "2.1.2",
-    "@vaadin/vaadin-virtual-list": "23.1.3",
-    "@vaadin/vertical-layout": "23.1.3",
-    "@vaadin/virtual-list": "23.1.3",
+    "@vaadin/vertical-layout": "24.2.4",
+    "@vaadin/virtual-list": "24.2.4",
     "construct-style-sheets-polyfill": "3.1.0",
-    "date-fns": "2.28.0",
-    "lit": "2.2.3"
+    "date-fns": "2.29.3",
+    "lit": "2.8.0"
   },
   "devDependencies": {
-    "async": "3.2.2",
-    "chokidar": "^3.5.0",
-    "compression-webpack-plugin": "4.0.1",
-    "css-loader": "5.2.7",
-    "esbuild-loader": "2.19.0",
-    "extra-watch-webpack-plugin": "1.0.3",
-    "extract-loader": "5.1.0",
-    "file-loader": "6.2.0",
-    "fork-ts-checker-webpack-plugin": "6.2.1",
-    "glob": "7.1.6",
-    "html-webpack-plugin": "4.5.1",
-    "lit-css-loader": "0.1.0",
-    "loader-utils": "2.0.0",
-    "typescript": "4.5.3",
-    "webpack": "4.46.0",
-    "webpack-cli": "4.10.0",
-    "webpack-dev-server": "4.9.2",
-    "webpack-merge": "4.2.2",
-    "workbox-core": "6.5.0",
-    "workbox-precaching": "6.5.0",
-    "workbox-webpack-plugin": "6.5.0"
+    "@rollup/plugin-replace": "5.0.2",
+    "@rollup/pluginutils": "5.0.2",
+    "@vitejs/plugin-react": "4.0.4",
+    "async": "3.2.4",
+    "glob": "10.3.3",
+    "rollup-plugin-brotli": "3.1.0",
+    "rollup-plugin-visualizer": "5.9.2",
+    "strip-css-comments": "5.0.0",
+    "transform-ast": "2.4.4",
+    "typescript": "5.1.6",
+    "vite": "4.4.11",
+    "vite-plugin-checker": "0.6.1",
+    "workbox-build": "7.0.0",
+    "workbox-core": "7.0.0",
+    "workbox-precaching": "7.0.0"
   },
   "license": "UNLICENSED",
   "name": "no-name",
   "vaadin": {
     "dependencies": {
-      "@polymer/iron-icon": "3.0.1",
-      "@polymer/iron-iconset-svg": "3.0.1",
-      "@polymer/iron-list": "3.1.0",
-      "@polymer/iron-meta": "3.0.1",
-      "@polymer/iron-resizable-behavior": "3.0.1",
-      "@polymer/polymer": "3.4.1",
-      "@vaadin/accordion": "23.1.3",
-      "@vaadin/app-layout": "23.1.3",
-      "@vaadin/avatar": "23.1.3",
-      "@vaadin/avatar-group": "23.1.3",
-      "@vaadin/bundles": "23.1.3",
-      "@vaadin/button": "23.1.3",
-      "@vaadin/checkbox": "23.1.3",
-      "@vaadin/checkbox-group": "23.1.3",
-      "@vaadin/combo-box": "23.1.3",
-      "@vaadin/common-frontend": "0.0.17",
-      "@vaadin/component-base": "23.1.3",
-      "@vaadin/context-menu": "23.1.3",
-      "@vaadin/custom-field": "23.1.3",
-      "@vaadin/date-picker": "23.1.3",
-      "@vaadin/date-time-picker": "23.1.3",
-      "@vaadin/details": "23.1.3",
-      "@vaadin/dialog": "23.1.3",
-      "@vaadin/email-field": "23.1.3",
-      "@vaadin/field-base": "23.1.3",
-      "@vaadin/field-highlighter": "23.1.3",
-      "@vaadin/form-layout": "23.1.3",
-      "@vaadin/grid": "23.1.3",
-      "@vaadin/horizontal-layout": "23.1.3",
-      "@vaadin/icon": "23.1.3",
-      "@vaadin/icons": "23.1.3",
-      "@vaadin/input-container": "23.1.3",
-      "@vaadin/integer-field": "23.1.3",
-      "@vaadin/item": "23.1.3",
-      "@vaadin/list-box": "23.1.3",
-      "@vaadin/lit-renderer": "23.1.3",
-      "@vaadin/login": "23.1.3",
-      "@vaadin/menu-bar": "23.1.3",
-      "@vaadin/message-input": "23.1.3",
-      "@vaadin/message-list": "23.1.3",
-      "@vaadin/notification": "23.1.3",
-      "@vaadin/number-field": "23.1.3",
-      "@vaadin/password-field": "23.1.3",
-      "@vaadin/polymer-legacy-adapter": "23.1.3",
-      "@vaadin/progress-bar": "23.1.3",
-      "@vaadin/radio-group": "23.1.3",
-      "@vaadin/router": "1.7.4",
-      "@vaadin/scroller": "23.1.3",
-      "@vaadin/select": "23.1.3",
-      "@vaadin/split-layout": "23.1.3",
-      "@vaadin/tabs": "23.1.3",
-      "@vaadin/text-area": "23.1.3",
-      "@vaadin/text-field": "23.1.3",
-      "@vaadin/time-picker": "23.1.3",
-      "@vaadin/upload": "23.1.3",
-      "@vaadin/vaadin-accordion": "23.1.3",
-      "@vaadin/vaadin-app-layout": "23.1.3",
-      "@vaadin/vaadin-avatar": "23.1.3",
-      "@vaadin/vaadin-button": "23.1.3",
-      "@vaadin/vaadin-checkbox": "23.1.3",
-      "@vaadin/vaadin-combo-box": "23.1.3",
-      "@vaadin/vaadin-context-menu": "23.1.3",
-      "@vaadin/vaadin-custom-field": "23.1.3",
-      "@vaadin/vaadin-date-picker": "23.1.3",
-      "@vaadin/vaadin-date-time-picker": "23.1.3",
-      "@vaadin/vaadin-details": "23.1.3",
-      "@vaadin/vaadin-development-mode-detector": "2.0.5",
-      "@vaadin/vaadin-dialog": "23.1.3",
-      "@vaadin/vaadin-form-layout": "23.1.3",
-      "@vaadin/vaadin-grid": "23.1.3",
-      "@vaadin/vaadin-icon": "23.1.3",
-      "@vaadin/vaadin-icons": "23.1.3",
-      "@vaadin/vaadin-item": "23.1.3",
-      "@vaadin/vaadin-list-box": "23.1.3",
-      "@vaadin/vaadin-list-mixin": "23.1.3",
-      "@vaadin/vaadin-login": "23.1.3",
-      "@vaadin/vaadin-lumo-styles": "23.1.3",
-      "@vaadin/vaadin-material-styles": "23.1.3",
-      "@vaadin/vaadin-menu-bar": "23.1.3",
-      "@vaadin/vaadin-messages": "23.1.3",
-      "@vaadin/vaadin-notification": "23.1.3",
-      "@vaadin/vaadin-ordered-layout": "23.1.3",
-      "@vaadin/vaadin-overlay": "23.1.3",
-      "@vaadin/vaadin-progress-bar": "23.1.3",
-      "@vaadin/vaadin-radio-button": "23.1.3",
-      "@vaadin/vaadin-select": "23.1.3",
-      "@vaadin/vaadin-split-layout": "23.1.3",
-      "@vaadin/vaadin-tabs": "23.1.3",
-      "@vaadin/vaadin-template-renderer": "23.1.3",
-      "@vaadin/vaadin-text-field": "23.1.3",
-      "@vaadin/vaadin-themable-mixin": "23.1.3",
-      "@vaadin/vaadin-time-picker": "23.1.3",
-      "@vaadin/vaadin-upload": "23.1.3",
+      "@polymer/polymer": "3.5.1",
+      "@vaadin/a11y-base": "24.2.4",
+      "@vaadin/accordion": "24.2.4",
+      "@vaadin/app-layout": "24.2.4",
+      "@vaadin/avatar": "24.2.4",
+      "@vaadin/avatar-group": "24.2.4",
+      "@vaadin/bundles": "24.2.4",
+      "@vaadin/button": "24.2.4",
+      "@vaadin/checkbox": "24.2.4",
+      "@vaadin/checkbox-group": "24.2.4",
+      "@vaadin/combo-box": "24.2.4",
+      "@vaadin/common-frontend": "0.0.18",
+      "@vaadin/component-base": "24.2.4",
+      "@vaadin/confirm-dialog": "24.2.4",
+      "@vaadin/context-menu": "24.2.4",
+      "@vaadin/custom-field": "24.2.4",
+      "@vaadin/date-picker": "24.2.4",
+      "@vaadin/date-time-picker": "24.2.4",
+      "@vaadin/details": "24.2.4",
+      "@vaadin/dialog": "24.2.4",
+      "@vaadin/email-field": "24.2.4",
+      "@vaadin/field-base": "24.2.4",
+      "@vaadin/field-highlighter": "24.2.4",
+      "@vaadin/form-layout": "24.2.4",
+      "@vaadin/grid": "24.2.4",
+      "@vaadin/horizontal-layout": "24.2.4",
+      "@vaadin/icon": "24.2.4",
+      "@vaadin/icons": "24.2.4",
+      "@vaadin/input-container": "24.2.4",
+      "@vaadin/integer-field": "24.2.4",
+      "@vaadin/item": "24.2.4",
+      "@vaadin/list-box": "24.2.4",
+      "@vaadin/lit-renderer": "24.2.4",
+      "@vaadin/login": "24.2.4",
+      "@vaadin/menu-bar": "24.2.4",
+      "@vaadin/message-input": "24.2.4",
+      "@vaadin/message-list": "24.2.4",
+      "@vaadin/multi-select-combo-box": "24.2.4",
+      "@vaadin/notification": "24.2.4",
+      "@vaadin/number-field": "24.2.4",
+      "@vaadin/overlay": "24.2.4",
+      "@vaadin/password-field": "24.2.4",
+      "@vaadin/polymer-legacy-adapter": "24.2.4",
+      "@vaadin/progress-bar": "24.2.4",
+      "@vaadin/radio-group": "24.2.4",
+      "@vaadin/router": "1.7.5",
+      "@vaadin/scroller": "24.2.4",
+      "@vaadin/select": "24.2.4",
+      "@vaadin/side-nav": "24.2.4",
+      "@vaadin/split-layout": "24.2.4",
+      "@vaadin/tabs": "24.2.4",
+      "@vaadin/tabsheet": "24.2.4",
+      "@vaadin/text-area": "24.2.4",
+      "@vaadin/text-field": "24.2.4",
+      "@vaadin/time-picker": "24.2.4",
+      "@vaadin/tooltip": "24.2.4",
+      "@vaadin/upload": "24.2.4",
+      "@vaadin/vaadin-development-mode-detector": "2.0.6",
+      "@vaadin/vaadin-lumo-styles": "24.2.4",
+      "@vaadin/vaadin-material-styles": "24.2.4",
+      "@vaadin/vaadin-themable-mixin": "24.2.4",
       "@vaadin/vaadin-usage-statistics": "2.1.2",
-      "@vaadin/vaadin-virtual-list": "23.1.3",
-      "@vaadin/vertical-layout": "23.1.3",
-      "@vaadin/virtual-list": "23.1.3",
+      "@vaadin/vertical-layout": "24.2.4",
+      "@vaadin/virtual-list": "24.2.4",
       "construct-style-sheets-polyfill": "3.1.0",
-      "date-fns": "2.28.0",
-      "lit": "2.2.3"
+      "date-fns": "2.29.3",
+      "lit": "2.8.0"
     },
     "devDependencies": {
-      "async": "3.2.2",
-      "chokidar": "^3.5.0",
-      "compression-webpack-plugin": "4.0.1",
-      "css-loader": "5.2.7",
-      "esbuild-loader": "2.19.0",
-      "extra-watch-webpack-plugin": "1.0.3",
-      "extract-loader": "5.1.0",
-      "file-loader": "6.2.0",
-      "fork-ts-checker-webpack-plugin": "6.2.1",
-      "glob": "7.1.6",
-      "html-webpack-plugin": "4.5.1",
-      "lit-css-loader": "0.1.0",
-      "loader-utils": "2.0.0",
-      "typescript": "4.5.3",
-      "webpack": "4.46.0",
-      "webpack-cli": "4.10.0",
-      "webpack-dev-server": "4.9.2",
-      "webpack-merge": "4.2.2",
-      "workbox-core": "6.5.0",
-      "workbox-precaching": "6.5.0",
-      "workbox-webpack-plugin": "6.5.0"
+      "@rollup/plugin-replace": "5.0.2",
+      "@rollup/pluginutils": "5.0.2",
+      "@vitejs/plugin-react": "4.0.4",
+      "async": "3.2.4",
+      "glob": "10.3.3",
+      "rollup-plugin-brotli": "3.1.0",
+      "rollup-plugin-visualizer": "5.9.2",
+      "strip-css-comments": "5.0.0",
+      "transform-ast": "2.4.4",
+      "typescript": "5.1.6",
+      "vite": "4.4.11",
+      "vite-plugin-checker": "0.6.1",
+      "workbox-build": "7.0.0",
+      "workbox-core": "7.0.0",
+      "workbox-precaching": "7.0.0"
     },
-    "hash": "b4af9254127653228bb8479cd6f9845ff842e4441366e2a85dabb27fa7434f2f"
+    "hash": "b1c99dc40f08e23c4ed4ea4f0b879f4a6a041e4fd0dc9b3c88c6ce6ef8181948"
   },
   "overrides": {
     "@vaadin/accordion": "$@vaadin/accordion",
@@ -277,8 +198,6 @@
     "@vaadin/icon": "$@vaadin/icon",
     "@vaadin/icons": "$@vaadin/icons",
     "@vaadin/integer-field": "$@vaadin/integer-field",
-    "@polymer/iron-icon": "$@polymer/iron-icon",
-    "@polymer/iron-list": "$@polymer/iron-list",
     "@vaadin/item": "$@vaadin/item",
     "@vaadin/list-box": "$@vaadin/list-box",
     "@vaadin/login": "$@vaadin/login",
@@ -299,42 +218,10 @@
     "@vaadin/text-field": "$@vaadin/text-field",
     "@vaadin/time-picker": "$@vaadin/time-picker",
     "@vaadin/upload": "$@vaadin/upload",
-    "@vaadin/vaadin-accordion": "$@vaadin/vaadin-accordion",
-    "@vaadin/vaadin-app-layout": "$@vaadin/vaadin-app-layout",
-    "@vaadin/vaadin-avatar": "$@vaadin/vaadin-avatar",
-    "@vaadin/vaadin-button": "$@vaadin/vaadin-button",
-    "@vaadin/vaadin-checkbox": "$@vaadin/vaadin-checkbox",
-    "@vaadin/vaadin-combo-box": "$@vaadin/vaadin-combo-box",
-    "@vaadin/vaadin-context-menu": "$@vaadin/vaadin-context-menu",
-    "@vaadin/vaadin-custom-field": "$@vaadin/vaadin-custom-field",
-    "@vaadin/vaadin-date-picker": "$@vaadin/vaadin-date-picker",
-    "@vaadin/vaadin-date-time-picker": "$@vaadin/vaadin-date-time-picker",
-    "@vaadin/vaadin-details": "$@vaadin/vaadin-details",
-    "@vaadin/vaadin-dialog": "$@vaadin/vaadin-dialog",
-    "@vaadin/vaadin-form-layout": "$@vaadin/vaadin-form-layout",
-    "@vaadin/vaadin-grid": "$@vaadin/vaadin-grid",
-    "@vaadin/vaadin-icon": "$@vaadin/vaadin-icon",
-    "@vaadin/vaadin-icons": "$@vaadin/vaadin-icons",
-    "@vaadin/vaadin-item": "$@vaadin/vaadin-item",
-    "@vaadin/vaadin-list-box": "$@vaadin/vaadin-list-box",
-    "@vaadin/vaadin-login": "$@vaadin/vaadin-login",
     "@vaadin/vaadin-lumo-styles": "$@vaadin/vaadin-lumo-styles",
     "@vaadin/vaadin-material-styles": "$@vaadin/vaadin-material-styles",
-    "@vaadin/vaadin-menu-bar": "$@vaadin/vaadin-menu-bar",
-    "@vaadin/vaadin-messages": "$@vaadin/vaadin-messages",
-    "@vaadin/vaadin-notification": "$@vaadin/vaadin-notification",
-    "@vaadin/vaadin-ordered-layout": "$@vaadin/vaadin-ordered-layout",
-    "@vaadin/vaadin-progress-bar": "$@vaadin/vaadin-progress-bar",
-    "@vaadin/vaadin-radio-button": "$@vaadin/vaadin-radio-button",
     "@vaadin/router": "$@vaadin/router",
-    "@vaadin/vaadin-select": "$@vaadin/vaadin-select",
-    "@vaadin/vaadin-split-layout": "$@vaadin/vaadin-split-layout",
-    "@vaadin/vaadin-tabs": "$@vaadin/vaadin-tabs",
-    "@vaadin/vaadin-text-field": "$@vaadin/vaadin-text-field",
     "@vaadin/vaadin-themable-mixin": "$@vaadin/vaadin-themable-mixin",
-    "@vaadin/vaadin-time-picker": "$@vaadin/vaadin-time-picker",
-    "@vaadin/vaadin-upload": "$@vaadin/vaadin-upload",
-    "@vaadin/vaadin-virtual-list": "$@vaadin/vaadin-virtual-list",
     "@vaadin/vertical-layout": "$@vaadin/vertical-layout",
     "@vaadin/virtual-list": "$@vaadin/virtual-list",
     "@polymer/polymer": "$@polymer/polymer",
@@ -342,20 +229,20 @@
     "construct-style-sheets-polyfill": "$construct-style-sheets-polyfill",
     "date-fns": "$date-fns",
     "lit": "$lit",
-    "chokidar": "$chokidar",
     "@vaadin/bundles": "$@vaadin/bundles",
     "@vaadin/component-base": "$@vaadin/component-base",
     "@vaadin/field-base": "$@vaadin/field-base",
     "@vaadin/field-highlighter": "$@vaadin/field-highlighter",
     "@vaadin/input-container": "$@vaadin/input-container",
-    "@polymer/iron-iconset-svg": "$@polymer/iron-iconset-svg",
-    "@polymer/iron-meta": "$@polymer/iron-meta",
-    "@polymer/iron-resizable-behavior": "$@polymer/iron-resizable-behavior",
     "@vaadin/lit-renderer": "$@vaadin/lit-renderer",
     "@vaadin/vaadin-development-mode-detector": "$@vaadin/vaadin-development-mode-detector",
-    "@vaadin/vaadin-list-mixin": "$@vaadin/vaadin-list-mixin",
-    "@vaadin/vaadin-overlay": "$@vaadin/vaadin-overlay",
-    "@vaadin/vaadin-template-renderer": "$@vaadin/vaadin-template-renderer",
-    "@vaadin/vaadin-usage-statistics": "$@vaadin/vaadin-usage-statistics"
+    "@vaadin/vaadin-usage-statistics": "$@vaadin/vaadin-usage-statistics",
+    "@vaadin/a11y-base": "$@vaadin/a11y-base",
+    "@vaadin/confirm-dialog": "$@vaadin/confirm-dialog",
+    "@vaadin/multi-select-combo-box": "$@vaadin/multi-select-combo-box",
+    "@vaadin/overlay": "$@vaadin/overlay",
+    "@vaadin/side-nav": "$@vaadin/side-nav",
+    "@vaadin/tabsheet": "$@vaadin/tabsheet",
+    "@vaadin/tooltip": "$@vaadin/tooltip"
   }
 }
diff --git a/src/main/java/bisq/web/base/ServiceListener.java b/src/main/java/bisq/web/base/ServiceListener.java
index 3f58df4..635b6cd 100644
--- a/src/main/java/bisq/web/base/ServiceListener.java
+++ b/src/main/java/bisq/web/base/ServiceListener.java
@@ -15,8 +15,9 @@ public class ServiceListener implements VaadinServiceInitListener {
 
     @Override
     public void serviceInit(ServiceInitEvent event) {
-        event.getSource().addSessionInitListener(
-                initEvent -> initEvent.getSession().setErrorHandler(this::error));
+        // TODO: v24
+//        event.getSource().addSessionInitListener(
+//                initEvent -> initEvent.getSession().setErrorHandler(this::error));
     }
 
     public void error(ErrorEvent errorEvent) {
@@ -36,4 +37,4 @@ public void error(ErrorEvent errorEvent) {
     public void recover() {
         UI.getCurrent().navigate(IntroView.class);
     }
-}
\ No newline at end of file
+}
diff --git a/src/test/java/bisq/web/ui/welcome/TestCreateProfile.java b/src/test/java/bisq/web/ui/welcome/TestCreateProfile.java
index ecfdc5f..dc3098b 100644
--- a/src/test/java/bisq/web/ui/welcome/TestCreateProfile.java
+++ b/src/test/java/bisq/web/ui/welcome/TestCreateProfile.java
@@ -12,6 +12,7 @@
 import ch.qos.logback.classic.LoggerContext;
 import lombok.extern.slf4j.Slf4j;
 import org.junit.jupiter.api.Test;
+import org.slf4j.ILoggerFactory;
 import org.slf4j.LoggerFactory;
 
 import java.security.KeyPair;
@@ -49,7 +50,7 @@ public class TestCreateProfile {
 //    }
     @Test
     public void createProfile2() {
-        LoggerContext loggerContext = (LoggerContext) LoggerFactory.getILoggerFactory();
+        ILoggerFactory loggerContext =  LoggerFactory.getILoggerFactory();
         // GenerateNewProfileStep2Controller
         IdentityService identityService = BisqContext.get().getApplicationService().getIdentityService();
         KeyPair keyPair = BisqContext.get().getApplicationService().getKeyPairService().generateKeyPair();
diff --git a/tsconfig.json b/tsconfig.json
index 2f1e15a..1d3096d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,14 +4,16 @@
 // You might want to change the configurations to fit your preferences
 // For more information about the configurations, please refer to http://www.typescriptlang.org/docs/handbook/tsconfig-json.html
 {
+  "_version": "9",
   "compilerOptions": {
     "sourceMap": true,
+    "jsx": "react-jsx",
     "inlineSources": true,
     "module": "esNext",
-    "target": "es2019",
-    "moduleResolution": "node",
+    "target": "es2020",
+    "moduleResolution": "bundler",
     "strict": true,
-    "skipDefaultLibCheck": true,
+    "skipLibCheck": true,
     "noFallthroughCasesInSwitch": true,
     "noImplicitReturns": true,
     "noImplicitAny": true,
@@ -19,17 +21,19 @@
     "noUnusedLocals": false,
     "noUnusedParameters": false,
     "experimentalDecorators": true,
+    "useDefineForClassFields": false,
     "baseUrl": "frontend",
     "paths": {
-      "Frontend/*": [
-        "*"
-      ]
+      "@vaadin/flow-frontend": ["generated/jar-resources"],
+      "@vaadin/flow-frontend/*": ["generated/jar-resources/*"],
+      "Frontend/*": ["*"]
     }
   },
   "include": [
-    "frontend/**/*.ts",
-    "frontend/index.js",
+    "frontend/**/*",
     "types.d.ts"
   ],
-  "exclude": []
+  "exclude": [
+    "frontend/generated/jar-resources/**"
+  ]
 }