From e5994165a47e7950e68e97f0c4c81313fab687e3 Mon Sep 17 00:00:00 2001
From: Artsiom Tsybulko <tsybulko.artem@gmail.com>
Date: Fri, 18 Jul 2025 11:41:03 +0300
Subject: [PATCH] Update samples

---
 angular/document-reader-device/package.json   |  2 +-
 .../src/app/app.component.ts                  |  4 +--
 .../src/app/components/reader.component.ts    |  2 +-
 .../document-reader-device/src/globals.d.ts   |  9 +++++-
 cdn/document-reader-device.html               |  5 ++-
 .../components/document-reader-device.vue     |  6 ++--
 nuxt/document-reader-device/package.json      |  2 +-
 ui-components/react/App.tsx                   |  4 +--
 ui-components/react/components/Menu.tsx       |  1 +
 ui-components/react/globals.d.ts              |  2 ++
 ui-components/react/package.json              | 14 ++++----
 ui-components/react/tsconfig.app.json         | 26 ---------------
 ui-components/react/tsconfig.json             | 32 +++++++++++++------
 ui-components/react/tsconfig.node.json        | 15 ---------
 webpack/camera-snapshot/package.json          |  8 ++---
 webpack/document-reader-device/index.js       |  2 +-
 webpack/document-reader-device/package.json   | 10 +++---
 webpack/document-reader/package.json          |  8 ++---
 18 files changed, 67 insertions(+), 85 deletions(-)
 create mode 100644 ui-components/react/globals.d.ts
 delete mode 100644 ui-components/react/tsconfig.app.json
 delete mode 100644 ui-components/react/tsconfig.node.json

diff --git a/angular/document-reader-device/package.json b/angular/document-reader-device/package.json
index f10858e..7b8a9b6 100644
--- a/angular/document-reader-device/package.json
+++ b/angular/document-reader-device/package.json
@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^19.0.0",
     "@angular/platform-browser-dynamic": "^19.0.0",
     "@angular/router": "^19.0.0",
-    "@regulaforensics/vp-frontend-document-components": "2.6.1",
+    "@regulaforensics/vp-frontend-document-device": "*",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
diff --git a/angular/document-reader-device/src/app/app.component.ts b/angular/document-reader-device/src/app/app.component.ts
index 7093cce..4ce156d 100644
--- a/angular/document-reader-device/src/app/app.component.ts
+++ b/angular/document-reader-device/src/app/app.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { ReaderComponent } from './components/reader.component';
-import { defineComponents, DocumentReaderDetailType } from '@regulaforensics/vp-frontend-document-components';
+import { defineComponents, DocumentReaderDeviceDetailType } from '@regulaforensics/vp-frontend-document-device';
 
 @Component({
     selector: 'app-root',
@@ -16,7 +16,7 @@ export class AppComponent implements OnInit {
         defineComponents();
     }
 
-    documentReaderHandler(data: CustomEvent<DocumentReaderDetailType>) {
+    documentReaderHandler(data: CustomEvent<DocumentReaderDeviceDetailType>) {
         if (data.detail.action === 'PROCESS_FINISHED') {
             const status = data.detail.data?.status;
             const isFinishStatus = status === 1;
diff --git a/angular/document-reader-device/src/app/components/reader.component.ts b/angular/document-reader-device/src/app/components/reader.component.ts
index 0cfa587..a2486fb 100644
--- a/angular/document-reader-device/src/app/components/reader.component.ts
+++ b/angular/document-reader-device/src/app/components/reader.component.ts
@@ -1,5 +1,5 @@
 import { Component, AfterViewInit, ViewChild, ElementRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { type DocumentReaderDeviceWebComponent } from '@regulaforensics/vp-frontend-document-components';
+import { type DocumentReaderDeviceWebComponent } from '@regulaforensics/vp-frontend-document-device';
 
 @Component({
     selector: 'app-reader',
diff --git a/angular/document-reader-device/src/globals.d.ts b/angular/document-reader-device/src/globals.d.ts
index 9c5fb75..bdfade2 100644
--- a/angular/document-reader-device/src/globals.d.ts
+++ b/angular/document-reader-device/src/globals.d.ts
@@ -1,7 +1,14 @@
-import { DocumentReaderDeviceWebComponent } from '@regulaforensics/vp-frontend-document-components';
+import {
+  DocumentReaderDeviceWebComponent,
+  DocumentReaderDeviceDetailType
+} from '@regulaforensics/vp-frontend-document-device';
 
 declare global {
   interface HTMLElementTagNameMap {
     'document-reader-device': DocumentReaderDeviceWebComponent;
   }
+
+  interface HTMLElementEventMap {
+    'document-reader-device': CustomEvent<DocumentReaderDeviceDetailType>;
+  }
 }
diff --git a/cdn/document-reader-device.html b/cdn/document-reader-device.html
index 71c2dfd..63f28e7 100644
--- a/cdn/document-reader-device.html
+++ b/cdn/document-reader-device.html
@@ -33,9 +33,8 @@
 <div id="container">
     <button id="button">Open component</button>
 </div>
-<script src="https://unpkg.com/@regulaforensics/vp-frontend-document-components@2.6.1/dist/main.iife.js"></script>
-<script>
-    const { defineComponents } = window.Regula;
+<script type="module">
+    import { defineComponents } from 'https://unpkg.com/@regulaforensics/vp-frontend-document-device@latest/dist/index.js';
 
     const container = document.querySelector('#container');
     const button = document.querySelector('#button');
diff --git a/nuxt/document-reader-device/components/document-reader-device.vue b/nuxt/document-reader-device/components/document-reader-device.vue
index 7bb9a3e..9de9c2d 100644
--- a/nuxt/document-reader-device/components/document-reader-device.vue
+++ b/nuxt/document-reader-device/components/document-reader-device.vue
@@ -12,13 +12,13 @@ import {
   EventActions,
   defineComponents,
   type DocumentReaderDeviceWebComponent,
-  type DocumentReaderDetailType
-} from '@regulaforensics/vp-frontend-document-components';
+  type DocumentReaderDeviceDetailType
+} from '@regulaforensics/vp-frontend-document-device';
 
 const component = ref<DocumentReaderDeviceWebComponent>();
 const isOpen = ref(false);
 
-const listener = (data: CustomEvent<DocumentReaderDetailType>) => {
+const listener = (data: CustomEvent<DocumentReaderDeviceDetailType>) => {
   if (data.detail.action === EventActions.PROCESS_FINISHED) {
     const status = data.detail.data?.status;
     const isFinishStatus = status === 1;
diff --git a/nuxt/document-reader-device/package.json b/nuxt/document-reader-device/package.json
index 09624b7..cb43518 100644
--- a/nuxt/document-reader-device/package.json
+++ b/nuxt/document-reader-device/package.json
@@ -10,7 +10,7 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@regulaforensics/vp-frontend-document-components": "2.6.1",
+    "@regulaforensics/vp-frontend-document-device": "*",
     "nuxt": "^3.12.4",
     "vue": "latest"
   }
diff --git a/ui-components/react/App.tsx b/ui-components/react/App.tsx
index 47314b7..a0baee0 100644
--- a/ui-components/react/App.tsx
+++ b/ui-components/react/App.tsx
@@ -3,7 +3,7 @@ import {
   DocumentReaderApi,
   Configuration,
   Scenario,
-  InlineResponse2001,
+  ProcessResponse,
   ProcessRequest,
 } from '@regulaforensics/document-reader-webclient';
 import { ResultTabs } from './components/ResultTabs';
@@ -17,7 +17,7 @@ interface ProcessingData {
 
 export const App = () => {
   const [processingData, setProcessingData] = useState<ProcessingData | null>(null);
-  const [response, setResponse] = useState<InlineResponse2001 | null>(null);
+  const [response, setResponse] = useState<ProcessResponse | null>(null);
   const [request, setRequest] = useState<ProcessRequest | null>(null);
   const [isLoading, setIsLoading] = useState(false);
   const showComponent = isLoading || (!isLoading && response);
diff --git a/ui-components/react/components/Menu.tsx b/ui-components/react/components/Menu.tsx
index 1792bd3..d85d5ce 100644
--- a/ui-components/react/components/Menu.tsx
+++ b/ui-components/react/components/Menu.tsx
@@ -16,6 +16,7 @@ export const Menu: FC<MenuProps> = ({
   };
 
   const handleImageUpload = (event: ChangeEvent<HTMLInputElement>) => {
+    if (!event.target.files?.[0]) return;
     convertToBase64({ file: event.target.files?.[0], mode: 'upload' });
   };
 
diff --git a/ui-components/react/globals.d.ts b/ui-components/react/globals.d.ts
new file mode 100644
index 0000000..ca49eb1
--- /dev/null
+++ b/ui-components/react/globals.d.ts
@@ -0,0 +1,2 @@
+declare module '*.jpg';
+declare module '*.jpeg';
diff --git a/ui-components/react/package.json b/ui-components/react/package.json
index a7f5b59..aef9236 100644
--- a/ui-components/react/package.json
+++ b/ui-components/react/package.json
@@ -9,14 +9,14 @@
   "dependencies": {
     "@regulaforensics/document-reader-webclient": "*",
     "@regulaforensics/ui-components": "*",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.2",
-    "@vitejs/plugin-react": "^4.3.4",
-    "typescript": "^5.7.2",
-    "vite": "^6.2.0"
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.6.0",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.5"
   }
 }
diff --git a/ui-components/react/tsconfig.app.json b/ui-components/react/tsconfig.app.json
deleted file mode 100644
index 7bbd7f9..0000000
--- a/ui-components/react/tsconfig.app.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  }
-}
diff --git a/ui-components/react/tsconfig.json b/ui-components/react/tsconfig.json
index ea9d0cd..6209ef6 100644
--- a/ui-components/react/tsconfig.json
+++ b/ui-components/react/tsconfig.json
@@ -1,11 +1,25 @@
 {
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.node.json"
-    }
-  ]
+  "compilerOptions": {
+    "composite": true,
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  }
 }
diff --git a/ui-components/react/tsconfig.node.json b/ui-components/react/tsconfig.node.json
deleted file mode 100644
index 387a89e..0000000
--- a/ui-components/react/tsconfig.node.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "noEmit": true
-  },
-  "include": [
-    "vite.config.ts"
-  ]
-}
diff --git a/webpack/camera-snapshot/package.json b/webpack/camera-snapshot/package.json
index db4f052..51d5d4c 100644
--- a/webpack/camera-snapshot/package.json
+++ b/webpack/camera-snapshot/package.json
@@ -14,10 +14,10 @@
     "@regulaforensics/vp-frontend-document-components": "*"
   },
   "devDependencies": {
-    "babel-loader": "^9.2.1",
+    "babel-loader": "^10.0.0",
     "html-webpack-plugin": "^5.6.3",
-    "webpack": "^5.97.1",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.2.0"
+    "webpack": "^5.100.2",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
   }
 }
diff --git a/webpack/document-reader-device/index.js b/webpack/document-reader-device/index.js
index fc66bb9..428ed7c 100644
--- a/webpack/document-reader-device/index.js
+++ b/webpack/document-reader-device/index.js
@@ -1,4 +1,4 @@
-import { defineComponents } from '@regulaforensics/vp-frontend-document-components';
+import { defineComponents } from '@regulaforensics/vp-frontend-document-device';
 
 const container = document.querySelector('#container');
 const button = document.querySelector('#button');
diff --git a/webpack/document-reader-device/package.json b/webpack/document-reader-device/package.json
index 35a013f..7ff5edc 100644
--- a/webpack/document-reader-device/package.json
+++ b/webpack/document-reader-device/package.json
@@ -11,13 +11,13 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@regulaforensics/vp-frontend-document-components": "2.6.1"
+    "@regulaforensics/vp-frontend-document-device": "*"
   },
   "devDependencies": {
-    "babel-loader": "^9.2.1",
+    "babel-loader": "^10.0.0",
     "html-webpack-plugin": "^5.6.3",
-    "webpack": "^5.97.1",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.2.0"
+    "webpack": "^5.100.2",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
   }
 }
diff --git a/webpack/document-reader/package.json b/webpack/document-reader/package.json
index db4f052..51d5d4c 100644
--- a/webpack/document-reader/package.json
+++ b/webpack/document-reader/package.json
@@ -14,10 +14,10 @@
     "@regulaforensics/vp-frontend-document-components": "*"
   },
   "devDependencies": {
-    "babel-loader": "^9.2.1",
+    "babel-loader": "^10.0.0",
     "html-webpack-plugin": "^5.6.3",
-    "webpack": "^5.97.1",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.2.0"
+    "webpack": "^5.100.2",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
   }
 }