Update samples

angular/camera-snapshot/angular.json

@@ -63,5 +63,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

angular/camera-snapshot/src/app/app.component.ts

@@ -17,7 +17,7 @@ export class AppComponent implements OnInit {
     isOpen: boolean = false;
 
     ngOnInit(): void {
-        defineComponents();
+        void defineComponents();
     }
 
     cameraSnapshotHandler(data: CustomEvent<CameraSnapshotDetailType>) {

angular/camera-snapshot/src/app/components/snapshot.component.html

@@ -1 +1 @@
-<camera-snapshot #snapshot></camera-snapshot>
+<camera-snapshot start-screen #snapshot></camera-snapshot>

angular/camera-snapshot/src/app/components/snapshot.component.ts

@@ -14,7 +14,6 @@ export class SnapshotComponent implements AfterViewInit {
         if (!this.snapshot) return;
 
         this.snapshot.nativeElement.settings = {
-            startScreen: true,
             changeCameraButton: true,
         };
     }

angular/document-reader-device/angular.json

@@ -63,5 +63,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

angular/document-reader/angular.json

@@ -63,5 +63,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

angular/document-reader/src/app/components/reader.component.html

@@ -1 +1 @@
-<document-reader #reader></document-reader>
+<document-reader start-screen #reader></document-reader>

angular/document-reader/src/app/components/reader.component.ts

@@ -14,7 +14,6 @@ export class ReaderComponent implements AfterViewInit {
         if (!this.reader) return;
 
         this.reader.nativeElement.settings = {
-            startScreen: true,
             changeCameraButton: true,
         };
     }

angular/document-reader/src/globals.d.ts

@@ -1,13 +1,6 @@
-import {
-  DocumentReaderWebComponent,
-  DocumentReaderService,
-} from '@regulaforensics/vp-frontend-document-components';
+import { DocumentReaderWebComponent } from '@regulaforensics/vp-frontend-document-components';
 
 declare global {
-  interface Window {
-    RegulaDocumentSDK: DocumentReaderService;
-  }
-
   interface HTMLElementTagNameMap {
     'document-reader': DocumentReaderWebComponent;
   }

customization/index.html

@@ -12,7 +12,7 @@
 <div id="container">
     <!-- You can overlay your elements on top of the component and output any information based on the component's events -->
     <div class="custom-message"></div>
-    <document-reader></document-reader>
+    <document-reader start-screen></document-reader>
 </div>
 <script type="module" src="/index.js"></script>
 </body>

customization/index.js

@@ -25,7 +25,6 @@ component.settings = {
     locale: 'custom',
     regulaLogo: false,
     multipageProcessing: true,
-    startScreen: true,
     multipleFileInput: true,
     changeCameraButton: true,
     closeButton: false,

next/camera-snapshot/src/components/camera-snapshot.tsx

@@ -66,7 +66,6 @@ export default function CameraSnapshot() {
     if (!elementRefCurrent) return;
 
     elementRefCurrent.settings = {
-      startScreen: true,
       changeCameraButton: true,
     };
   }, [isOpen]);
@@ -80,7 +79,7 @@ export default function CameraSnapshot() {
       <main>
         <div style={containerStyle} ref={containerRef}>
           {isOpen ? (
-            <camera-snapshot ref={elementRef}></camera-snapshot>
+            <camera-snapshot start-screen ref={elementRef}></camera-snapshot>
           ) : (
             <button style={buttonStyle} onClick={() => setIsOpen(true)}>Open component</button>
           )}

next/document-reader/globals.d.ts

@@ -1,14 +1,6 @@
-import {
-  DocumentReaderWebComponent,
-  DocumentReaderService,
-  IDocumentReader,
-} from '@regulaforensics/vp-frontend-document-components';
+import { DocumentReaderWebComponent, IDocumentReader } from '@regulaforensics/vp-frontend-document-components';
 
 declare global {
-  interface Window {
-    RegulaDocumentSDK: DocumentReaderService;
-  }
-
   namespace React.JSX {
     interface IntrinsicElements {
       'document-reader': React.DetailedHTMLProps<IDocumentReader & React.HTMLAttributes<DocumentReaderWebComponent>,

next/document-reader/src/components/document-reader.tsx

@@ -86,7 +86,6 @@ export default function DocumentReader() {
     if (!elementRefCurrent) return;
 
     elementRefCurrent.settings = {
-      startScreen: true,
       changeCameraButton: true,
     };
   }, [isOpen]);
@@ -100,7 +99,7 @@ export default function DocumentReader() {
       <main>
         <div style={containerStyle} ref={containerRef}>
           {isOpen ? (
-            <document-reader ref={elementRef}></document-reader>
+            <document-reader start-screen ref={elementRef}></document-reader>
           ) : (
             <button style={buttonStyle} onClick={() => setIsOpen(true)}>Open component</button>
           )}

nuxt/camera-snapshot/components/camera-snapshot.vue

@@ -1,5 +1,6 @@
 <template>
   <camera-snapshot
+      start-screen
       v-if="isOpen"
       @camera-snapshot="listener"
       ref="component"
@@ -39,7 +40,6 @@ onMounted(() => {
 watch(component, () => {
   if (component.value) {
     component.value.settings = {
-      startScreen: true,
       changeCameraButton: true,
     };
   }

nuxt/document-reader/components/document-reader.vue

@@ -1,5 +1,6 @@
 <template>
   <document-reader
+      start-screen
       v-if="isOpen"
       @document-reader="listener"
       ref="component"
@@ -56,7 +57,6 @@ onMounted(async () => {
 watch(component, () => {
   if (component.value) {
     component.value.settings = {
-      startScreen: true,
       changeCameraButton: true,
     };
   }

react-ts/camera-snapshot/App.tsx

@@ -65,15 +65,14 @@ function App() {
     if (!elementRefCurrent) return;
 
     elementRefCurrent.settings = {
-      startScreen: true,
       changeCameraButton: true,
     };
   }, [isOpen]);
 
   return (
     <div style={containerStyle} ref={containerRef}>
       {isOpen ? (
-        <camera-snapshot ref={elementRef}></camera-snapshot>
+        <camera-snapshot start-screen ref={elementRef}></camera-snapshot>
       ) : (
         <button style={buttonStyle} onClick={() => setIsOpen(true)}>Open component</button>
       )}

react-ts/document-reader/App.tsx

@@ -84,15 +84,14 @@ function App() {
     if (!elementRefCurrent) return;
 
     elementRefCurrent.settings = {
-      startScreen: true,
       changeCameraButton: true,
     };
   }, [isOpen]);
 
   return (
     <div style={containerStyle} ref={containerRef}>
       {isOpen ? (
-        <document-reader ref={elementRef}></document-reader>
+        <document-reader start-screen ref={elementRef}></document-reader>
       ) : (
         <button style={buttonStyle} onClick={() => setIsOpen(true)}>Open component</button>
       )}

react-ts/document-reader/globals.d.ts

@@ -1,14 +1,6 @@
-import {
-  DocumentReaderWebComponent,
-  DocumentReaderService,
-  IDocumentReader,
-} from '@regulaforensics/vp-frontend-document-components';
+import { DocumentReaderWebComponent, IDocumentReader } from '@regulaforensics/vp-frontend-document-components';
 
 declare global {
-  interface Window {
-    RegulaDocumentSDK: DocumentReaderService;
-  }
-
   namespace React.JSX {
     interface IntrinsicElements {
       'document-reader': React.DetailedHTMLProps<IDocumentReader & React.HTMLAttributes<DocumentReaderWebComponent>,

switch-to-mobile/index.html

@@ -23,7 +23,7 @@
 </head>
 <body>
 <div id="container">
-    <document-reader></document-reader>
+    <document-reader start-screen></document-reader>
     <script type="module" src="/index.js"></script>
 </div>
 </body>

switch-to-mobile/index.js

@@ -33,7 +33,6 @@ defineComponents().then(() => window.RegulaDocumentSDK.initialize({license: impo
 // defineComponents().then(() => window.RegulaDocumentSDK.initialize({ license: 'YOUR_BASE64_LICENSE_KEY' }));
 
 documentReaderElement.settings = {
-    startScreen: true,
     changeCameraButton: true,
     uploadFileButton: false,
 };