@smileid/web-components 11.3.0 → 11.4.1

package/lib/components/selfie/src/smartselfie-capture/utils/mediapipeManager.ts

@@ -1,7 +1,65 @@
 import { FaceLandmarker, FilesetResolver } from '@mediapipe/tasks-vision';
 
-//  SM-S931 (for the standard S25), SM-S936 (for the S25+), and SM-S938 (for the S25 Ultra)
-const EXCLUDED_DEVICES = ['sm-s936', 'sm-s931', 'sm-s938'];
+const EXCLUDED_GPUS = [
+  'adreno-830',
+  'adreno-8xx',
+  'adreno-9xx',
+  'adreno-840',
+  'adreno-810',
+];
+
+const normalizeGpuText = (value: string): string =>
+  value
+    .toLowerCase()
+    .replace(/\(tm\)|\btm\b/g, '')
+    .replace(/[^a-z0-9]/g, '');
+
+const matchesExcludedGpu = (value: string): boolean => {
+  const normalizedValue = normalizeGpuText(value);
+
+  return EXCLUDED_GPUS.some((gpuPattern) => {
+    const normalizedPattern = normalizeGpuText(gpuPattern);
+
+    if (normalizedPattern.endsWith('xx')) {
+      const familyPrefix = normalizedPattern.slice(0, -2);
+      return new RegExp(`${familyPrefix}\\d{2}`).test(normalizedValue);
+    }
+
+    return normalizedValue.includes(normalizedPattern);
+  });
+};
+
+/**
+ * @description Gets the GPU renderer string using WebGL debug info extension.
+ * @returns {string | null} The GPU renderer string or null if unavailable.
+ */
+const getGpuRenderer = (): string | null => {
+  try {
+    const canvas = document.createElement('canvas');
+    const gl =
+      canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
+    if (!gl || !(gl instanceof WebGLRenderingContext)) return null;
+
+    const ext = gl.getExtension('WEBGL_debug_renderer_info');
+    if (!ext) return null;
+
+    return gl.getParameter(ext.UNMASKED_RENDERER_WEBGL) as string | null;
+  } catch {
+    return null;
+  }
+};
+
+/**
+ * @description Checks if the GPU renderer matches any excluded GPU.
+ * @param {string | null} [renderer] Optional GPU renderer string to use. If not provided, it will be fetched via WebGL.
+ * @returns {boolean} True if the GPU is excluded.
+ */
+const isExcludedGpuFromWebGL = (renderer?: string | null): boolean => {
+  const rendererString = (renderer ?? getGpuRenderer())?.toLowerCase() ?? '';
+  if (!rendererString) return false;
+
+  return matchesExcludedGpu(rendererString);
+};
 
 declare global {
   interface Window {
@@ -14,38 +72,70 @@ declare global {
 }
 
 /**
- * @description Detects if the user is on an excluded device using the modern and more accurate
- * User-Agent Client Hints (UA-CH) API to get the device model.
- * @returns {Promise<boolean>} - True if the device model is in the exclusion list.
+ * @description Reads system architecture hints from User-Agent Client Hints.
+ * @returns {Promise<string | null>} Lower-cased hint string or null when hints are unavailable.
  */
-const isExcludedDeviceUsingHints = async (): Promise<boolean> => {
-  // Check for User-Agent Client Hints API support
-  if (typeof navigator !== 'undefined' && navigator.userAgentData) {
-    try {
-      // Request the 'model' high-entropy value and destructure it directly
-      const { model } = await navigator.userAgentData.getHighEntropyValues([
-        'model',
-      ]);
+const getSystemArchitectureHints = async (): Promise<string | null> => {
+  if (typeof navigator === 'undefined' || !(navigator as any).userAgentData) {
+    return null;
+  }
 
-      if (!model) {
-        return false;
-      }
+  try {
+    const hints = await (navigator as any).userAgentData.getHighEntropyValues([
+      'architecture',
+      'model',
+      'platform',
+      'platformVersion',
+      'fullVersionList',
+    ]);
+
+    return JSON.stringify(hints).toLowerCase();
+  } catch (error) {
+    console.warn('UA-CH architecture hints fetch failed.', error);
+    return null;
+  }
+};
+
+/**
+ * @description Determines the MediaPipe delegate based on WebGL renderer info and UA-CH hints.
+ * Uses WebGL renderer as primary detection, UA-CH hints as secondary.
+ * @returns {Promise<'CPU' | 'GPU'>} CPU when excluded GPU is detected; otherwise GPU.
+ */
+const getDelegateFromGpuDetection = async (): Promise<'CPU' | 'GPU'> => {
+  const renderer = getGpuRenderer();
+  const hasWebGlRendererInfo = !!renderer;
+
+  // Primary check: WebGL renderer info (most reliable for GPU detection)
+  if (isExcludedGpuFromWebGL(renderer)) {
+    console.info(`[SmileID] Excluded GPU via WebGL: ${renderer}. Using CPU.`);
+    return 'CPU';
+  }
 
-      const lowerModel = model.toLowerCase();
+  // Secondary check: UA-CH hints (may contain GPU info in some browsers)
+  const hintString = await getSystemArchitectureHints();
+  const hasUaHints = !!hintString;
 
-      // Check if the extracted model string matches any of the excluded prefixes
-      return EXCLUDED_DEVICES.some((prefix) => lowerModel.includes(prefix));
-    } catch (error) {
-      // Log the error but fail safe (return false)
-      console.warn(
-        'UA-CH model fetch failed, falling back to UA string check.',
-        error,
-      );
-      return false;
+  if (hintString) {
+    const hasExcludedGpuInHints = matchesExcludedGpu(hintString);
+
+    if (hasExcludedGpuInHints) {
+      console.info(`[SmileID] Excluded GPU via UA-CH hints. Using CPU.`);
+      return 'CPU';
     }
   }
-  // If API is not supported, return false (rely on synchronous isExcludedDevice)
-  return false;
+
+  if (!hasWebGlRendererInfo && !hasUaHints) {
+    console.info(
+      '[SmileID] No WebGL renderer or UA-CH hints available. Using CPU.',
+    );
+    return 'CPU';
+  }
+
+  // Default to GPU when no exclusion is detected
+  console.info(
+    `[SmileID] No excluded GPU detected. WebGL renderer: ${renderer ?? 'unavailable'}. Using GPU.`,
+  );
+  return 'GPU';
 };
 
 // this was added because devices (mostly older) that do not support FP16 will fail to load the model.
@@ -91,12 +181,14 @@ export const getMediapipeInstance = async (): Promise<FaceLandmarker> => {
         'https://web-models.smileidentity.com/mediapipe-tasks-vision-wasm',
       );
 
-      const isExcluded = await isExcludedDeviceUsingHints();
+      const gpuDelegate = await getDelegateFromGpuDetection();
+      const delegate =
+        gpuDelegate === 'CPU' || !hasFP16Support() ? 'CPU' : 'GPU';
 
       const faceLandmarker = await FaceLandmarker.createFromOptions(vision, {
         baseOptions: {
           modelAssetPath: `https://web-models.smileidentity.com/face_landmarker/face_landmarker.task`,
-          delegate: isExcluded || !hasFP16Support() ? 'CPU' : 'GPU',
+          delegate,
         },
         outputFaceBlendshapes: true,
         runningMode: 'VIDEO',
@@ -116,3 +208,8 @@ export const getMediapipeInstance = async (): Promise<FaceLandmarker> => {
 
   return mediapipeGlobal.loading;
 };
+
+export const __testUtils = {
+  matchesExcludedGpu,
+  getDelegateFromGpuDetection,
+};

package/lib/components/signature-pad/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@smileid/signature-pad",
-  "version": "11.0.2",
+  "version": "11.4.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@smileid/signature-pad",
-      "version": "11.0.2",
+      "version": "11.4.0",
       "dependencies": {
         "signature_pad": "^5.0.2"
       },
@@ -224,21 +224,23 @@
       }
     },
     "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==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^2.0.2"
       },
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -1357,10 +1359,11 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
-      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
-      "dev": true
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/for-each": {
       "version": "0.3.3",
@@ -2073,10 +2076,11 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -2318,10 +2322,11 @@
       }
     },
     "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8.6"
       },

package/lib/components/signature-pad/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smileid/signature-pad",
-  "version": "11.3.0",
+  "version": "11.4.1",
   "private": "true",
   "exports": {
     ".": "./index.js"

package/lib/components/smart-camera-web/src/SmartCameraWeb.js

@@ -23,7 +23,7 @@ function scwTemplateString() {
       ${this.hideBackToHost} ${this.allowAgentMode} ${this.allowAgentModeTests} ${this.allowLegacySelfieFallback}
     ></selfie-capture-screens>
     <document-capture-screens ${this.applyComponentThemeColor} document-type=${this.documentType} ${this.title} ${this.documentCaptureModes} ${this.showNavigation}  ${this.hideAttribution}
-     ${this.hideBackOfId} ${this.applyComponentThemeColor} hidden></document-capture-screens>
+     ${this.hideBackOfId} ${this.newInstructions} ${this.applyComponentThemeColor} hidden></document-capture-screens>
   </div>
 `;
 }
@@ -78,6 +78,7 @@ class SmartCameraWeb extends HTMLElement {
       'hide-back-to-host',
       'show-navigation',
       'theme-color',
+      'new-instructions',
     ];
   }
 
@@ -93,6 +94,7 @@ class SmartCameraWeb extends HTMLElement {
       case 'hide-back-to-host':
       case 'show-navigation':
       case 'theme-color':
+      case 'new-instructions':
         this.disconnectedCallback();
         this.shadowRoot.innerHTML = this.render();
         this.setUpEventListeners();
@@ -227,6 +229,10 @@ class SmartCameraWeb extends HTMLElement {
     return this.hasAttribute('hide-back-of-id') ? 'hide-back-of-id' : '';
   }
 
+  get newInstructions() {
+    return this.hasAttribute('new-instructions') ? 'new-instructions' : '';
+  }
+
   get showNavigation() {
     return this.hasAttribute('show-navigation') ? 'show-navigation' : '';
   }

package/lib/styles/src/styles.js

@@ -290,7 +290,7 @@ ${typography}
     padding-bottom: 2rem;
   }
 
-  smart-camera-web, selfie-capture-screens, selfie-capture-instructions, document-capture-screens, document-capture-instructions {
+  smart-camera-web, selfie-capture-screens, selfie-capture-instructions, document-capture-screens, document-capture-instructions, document-capture-instructions-v2 {
     height: 100%;
     display: block;
   }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@smileid/web-components",
-  "version": "11.3.0",
+  "version": "11.4.1",
+  "private": false,
   "main": "dist/esm/main.js",
   "module": "dist/esm/main.js",
   "types": "dist/types/main.d.ts",
@@ -76,10 +77,11 @@
   "type": "module",
   "author": "SmileID <support@usesmileid.com> (https://usesmileid.com)",
   "dependencies": {
+    "@lottiefiles/dotlottie-web": "^0.71.0",
     "@mediapipe/tasks-vision": "^0.10.22-rc.20250304",
     "@preact/signals": "^2.1.1",
     "@tabler/icons-preact": "^3.34.0",
-    "lodash": "^4.17.23",
+    "lodash": "^4.18.1",
     "preact": "^10.27.3",
     "preact-custom-element": "^4.3.0",
     "preact-router": "^4.1.2",
@@ -107,7 +109,7 @@
     "prettier": "^3.6.2",
     "rollup-plugin-visualizer": "^6.0.3",
     "typescript": "^5.8.3",
-    "vite": "^7.2.2",
+    "vite": "^7.3.2",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-tsconfig-paths": "^1.4.1"
   },

package/dist/README.md

@@ -1,15 +0,0 @@
-# Instructions
-
-These components can be used to capture id document or liveness images
-
-1. [`smart-camera-web`](./components/smart-camera-web/src/)
-2. [`document-capture-screens`](./components/document/src/README.md)
-3. [`selfie-capture-screens`](./components/selfie/README.md)
-
-## Orchestration
-
-To build your own flow, we have several components that can be used together
-
-### document-capture-instructions
-
-This is the screen used to instruct the user how to capture document using both the camera and/or upload.

package/dist/components/README.md

@@ -1,14 +0,0 @@
-# Instructions
-
-These components can be used to capture id document or liveness images
-
-1. [`document-capture-screens`](./document/src/README.md)
-2. [`selfie-capture-screens`](./selfie/README.md)
-
-## Orchestration
-
-To build your own flow, we have several components that can be used together
-
-### document-capture-instructions
-
-This is the screen used to instruct the user how to capture document using both the camera and/or upload.

package/dist/components/document/src/README.md

@@ -1,111 +0,0 @@
-# DocumentCapture Web Component
-
-## Overview
-
-The `DocumentCaptureScreens` is a bespoke web component designed for capturing document images using a camera. It leverages the `SmartCamera` module for camera interaction and permission management.
-This component contains the flow for capturing both front and the back of id documents.
-
-### Importing the Component
-
-To utilize the `DocumentCaptureScreens` component within your project, import it into your JavaScript file as follows:
-
-```js
-import '@smileid/components/document-capture';
-```
-
-### Using the Component
-
-The DocumentCapture component can be embedded in your HTML similarly to any standard HTML element:
-
-```html
-<document-capture-screens></document-capture-screens>
-```
-
-### Attributes
-
-Customize the component's behavior with the following attributes:
-
-#### `hide-instructions`
-
-Omits the capture instructions. This attribute is boolean and does not require a value.
-
-```html
-<document-capture-screens hide-instructions></document-capture-screens>
-```
-
-#### `hide-back-of-id`
-
-Excludes the option to capture the ID's back side. This attribute is boolean.
-
-```html
-<document-capture-screens hide-back-of-id></document-capture-screens>
-```
-
-#### `show-navigation`
-
-Displays navigation controls for the capture process. This attribute is boolean.
-
-```html
-<document-capture-screens show-navigation></document-capture-screens>
-```
-
-#### `document-capture-modes`
-
-Specifies the capture modes, accepting `camera`, `upload`, or both. Value required.
-
-```html
-<document-capture-screens
-  document-capture-modes="camera,upload"
-></document-capture-screens>
-```
-
-### Permissions
-
-Camera permissions are essential for functionality. The component requests permissions automatically. Upon granting, `data-camera-ready` is set to true, and `data-camera-error` is removed. Denied permissions result in `data-camera-error` being set with an error message.
-
-For manual permission handling, appropriately set `data-camera-ready` and `data-camera-error`.
-
-### Error Handling
-
-Errors during permission requests or document capture are managed by the component, setting `data-camera-error` with the respective error message.
-
-### Event Handlers
-
-Capture events emit `document-capture-screens.publish`, providing captured images and metadata:
-
-```json
-{
-  "detail": {
-    "images": [{ "image": "base64-encoded image", "image_type_id": "" }],
-    "meta": {
-      "version": "library version"
-    }
-  }
-}
-```
-
-To handle this event:
-
-```js
-document
-  .querySelector('document-capture-screens')
-  .addEventListener('document-capture-screens.publish', function (event) {
-    console.log(event.detail);
-  });
-```
-
-### Dependencies
-
-`DocumentCaptureScreens` relies on the following modules:
-
-- [document-capture-instructions](./document-capture-instructions/README.md)
-- [document-capture](./document-capture/README.md)
-- [document-capture-review](./document-capture-review/README.md)
-- [SmartCamera](../../../domain/camera/src/README.md)
-- [FileUpload](../../../domain/file-upload/README.md)
-
-These dependencies are automatically imported with the component.
-
-### Compatibility
-
-Designed for modern browsers supporting custom web components, with specific enhancements for multi-camera Samsung devices to prevent blurry image edges. Report compatibility issues with other devices to our support team.

package/dist/components/document/src/document-capture/README.md

@@ -1,90 +0,0 @@
-# IdCapture Web Component
-
-## Overview
-
-The `IdCapture` is a custom web component designed to capture documents using a camera. It uses the `SmartCamera` module to interact with the device's camera and handle permissions.
-
-### Importing the Component
-
-To use the IdCapture component, you need to import it into your JavaScript file:
-
-```js
-import '@smileid/components/document-capture';
-```
-
-### Using the Component
-
-You can use the IdCapture component in your HTML like any other HTML element:
-
-```html
-<document-capture></document-capture>
-```
-
-### IdCapture Web Component Attributes
-
-You can use a mixture of the following attributes to configure the behavior of the component.
-
-#### hide-back-of-id
-
-This attribute, when present, hides the option to capture the back of the ID. It does not require a value.
-
-Usage:
-
-```html
-<document-capture hide-back-of-id></document-capture>
-```
-
-#### show-navigation
-
-This attribute, when present, shows the navigation controls for the document capture process. It does not require a value.
-
-Usage:
-
-```html
-<document-capture show-navigation></document-capture>
-```
-
-### Permissions
-
-The `IdCapture` component requires camera permissions to function. It will automatically request these permissions when used. If the permissions are granted, it will remove the `data-camera-error` attribute from the capture screen and set the `data-camera-ready` attribute to true. If the permissions are denied, it will remove the `data-camera-ready` attribute and set the `data-camera-error` attribute with the error message.
-
-If you handle the permissions yourself, make sure to set `data-camera-ready` and `data-camera-error` appropriately.
-
-### Error Handling
-
-If there is an error while requesting permissions or capturing the document, the `IdCapture` component will handle it and set the `data-camera-error` attribute with the error message.
-
-### Event Handlers
-
-To receive the images after they have been captured, you can listen to the custom event `document-capture.publish`. The data posted to this event has the structure:
-
-```json
-{
-  "detail": {
-    "image": "base64 image",
-    "previewImage": "base64 image"
-  }
-}
-```
-
-Usage:
-
-```js
-document
-  .querySelector('document-capture')
-  .addEventListener('document-capture.publish', function (event) {
-    console.log(event.detail);
-  });
-```
-
-### Dependencies
-
-The `DocumentCapture` component depends on the following module:
-
-- [SmartCamera](../../../../domain/camera/src/README.md)
-
-This module is imported when you use the `DocumentCapture` component in your projects.
-
-### Compatibility
-
-The IdCapture component is designed to work on all modern browsers that support custom web components. However, it includes a special case for multi-camera Samsung devices to mitigate blurry images at the edges. Please report any issues found on other devices to our support team.

package/dist/components/document/src/document-capture-instructions/README.md

@@ -1,56 +0,0 @@
-# Document Instruction Web Component Guide
-
-## Importing the Component
-
-To incorporate the DocumentInstruction component into your project, import it into your JavaScript file as follows:
-
-```js
-import '@smileid/document-capture/document-capture-instructions';
-```
-
-## Using the Component
-
-The `DocumentInstruction` component is designed to provide users with guidance for capturing document images. It can be integrated into your web page as a custom HTML element:
-
-```html
-<document-capture-instructions></document-capture-instructions>
-```
-
-### Customizing the Component
-
-Adjust the component's behavior and appearance using the following attributes:
-
-#### `show-navigation`
-
-Displays navigation controls, facilitating user interaction during the document capture process. This attribute is boolean and does not require a value.
-
-```html
-<document-capture-instructions show-navigation></document-capture-instructions>
-```
-
-#### `document-capture-modes`
-
-Determines the available modes for document capture. This attribute accepts a comma-separated string specifying the modes:
-
-- `camera`: Enables capturing document images using the camera.
-- `upload`: Allows uploading document images from the device.
-- `camera,upload`: Offers users a choice between capturing images using the camera or uploading from the device.
-
-```html
-<document-capture-instructions
-  document-capture-modes="camera,upload"
-></document-capture-instructions>
-```
-
-## Example
-
-Here is a complete example demonstrating how to embed the `DocumentInstruction` component with navigation controls and both capture modes enabled:
-
-```html
-<document-capture-instructions
-  show-navigation
-  document-capture-modes="camera,upload"
-></document-capture-instructions>
-```
-
-This setup provides an intuitive interface for users, enabling them to receive instructions, navigate through the capture process, and choose their preferred method of document image submission.