idmission-web-sdk 1.0.37 → 1.0.39

package/dist/components/id_capture/IdCapture.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '../../lib/utils/OffscreenCanvasPolyfill';
 import { DocumentType } from '../../lib/models/DocumentDetection';
 import { PDF417DetectionResult } from '../../lib/barcode/Native';
 import { CaptureAttemptMetadata } from '../../contexts/SubmissionContext';

package/dist/lib/camera/hooks.d.ts

@@ -6,4 +6,3 @@ export declare const useCamera: (resolution?: CameraResolution) => {
     videoLoaded: boolean;
     setVideoLoaded: (is: boolean) => void;
 };
-export declare const useWindowFocus: () => boolean;

package/dist/sdk2.cjs.development.js

@@ -10,7 +10,6 @@ var i18n = require('i18next');
 var reactI18next = require('react-i18next');
 var LanguageDetector = require('i18next-browser-languagedetector');
 var styled = require('styled-components');
-var Ladda = require('ladda');
 var tf = require('@tensorflow/tfjs');
 var useResizeObserver = require('use-resize-observer');
 var tasksVision = require('@mediapipe/tasks-vision');
@@ -45,12 +44,11 @@ var Sentry__namespace = /*#__PURE__*/_interopNamespace(Sentry);
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 var LanguageDetector__default = /*#__PURE__*/_interopDefaultLegacy(LanguageDetector);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var Ladda__namespace = /*#__PURE__*/_interopNamespace(Ladda);
 var tf__namespace = /*#__PURE__*/_interopNamespace(tf);
 var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '1.0.37';
+var webSdkVersion = '1.0.39';
 
 function getPlatform() {
   return window.platform;
@@ -303,15 +301,18 @@ var LoaderButton = function LoaderButton(_a) {
   colors.loadingBackgroundColor || (colors.loadingBackgroundColor = 'gray');
   colors.loadingTextColor || (colors.loadingTextColor = 'white');
   React.useEffect(function () {
-    if (!buttonRef.current) return;
-    laddaRef.current = Ladda__namespace.create(buttonRef.current);
-    laddaRef.current.start();
-    var currentProgress = 0;
-    var interval = setInterval(function () {
-      var _a;
-      if (currentProgress < 0.9) currentProgress += 0.1;
-      (_a = laddaRef.current) === null || _a === void 0 ? void 0 : _a.setProgress(currentProgress);
-    }, 250);
+    var interval;
+    Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('ladda')); }).then(function (Ladda) {
+      if (!buttonRef.current) return;
+      laddaRef.current = Ladda.create(buttonRef.current);
+      laddaRef.current.start();
+      var currentProgress = 0;
+      interval = setInterval(function () {
+        var _a;
+        if (currentProgress < 0.9) currentProgress += 0.1;
+        (_a = laddaRef.current) === null || _a === void 0 ? void 0 : _a.setProgress(currentProgress);
+      }, 250);
+    });
     return function () {
       var _a;
       (_a = laddaRef.current) === null || _a === void 0 ? void 0 : _a.remove();
@@ -337,7 +338,7 @@ var LoaderButton = function LoaderButton(_a) {
     className: "ladda-label"
   }, children));
 };
-var StyledButton = styled__default['default'].button(templateObject_1$a || (templateObject_1$a = tslib.__makeTemplateObject(["\n  border-radius: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  text-transform: none;\n  -webkit-appearance: button;\n\n  &:not(:disabled),\n  &[type='button']:not(:disabled),\n  &[type='reset']:not(:disabled),\n  &[type='submit']:not(:disabled) {\n    cursor: pointer;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline: 0;\n  }\n\n  --bs-btn-padding-x: 0.75rem;\n  --bs-btn-padding-y: 0.375rem;\n  --bs-btn-font-family: ;\n  --bs-btn-font-size: 1rem;\n  --bs-btn-font-weight: 400;\n  --bs-btn-line-height: 1.5;\n  --bs-btn-color: var(--bs-body-color);\n  --bs-btn-bg: transparent;\n  --bs-btn-border-width: var(--bs-border-width);\n  --bs-btn-border-color: transparent;\n  --bs-btn-border-radius: var(--bs-border-radius);\n  --bs-btn-hover-border-color: transparent;\n  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n    0 1px 1px rgba(0, 0, 0, 0.075);\n  --bs-btn-disabled-opacity: 0.65;\n  --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n  display: inline-block;\n  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n  font-family: var(--bs-btn-font-family);\n  font-size: var(--bs-btn-font-size);\n  font-weight: var(--bs-btn-font-weight);\n  line-height: var(--bs-btn-line-height);\n  color: var(--bs-btn-color);\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n  border-radius: var(--bs-btn-border-radius);\n  background-color: var(--bs-btn-bg);\n  transition:\n    color 0.15s ease-in-out,\n    background-color 0.15s ease-in-out,\n    border-color 0.15s ease-in-out,\n    box-shadow 0.15s ease-in-out;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  &:hover {\n    filter: brightness(1.15);\n  }\n\n  &:focus-visible {\n    color: var(--bs-btn-hover-color);\n    background-color: var(--bs-btn-hover-bg);\n    border-color: var(--bs-btn-hover-border-color);\n    outline: 0;\n    box-shadow: var(--bs-btn-focus-box-shadow);\n  }\n\n  &:disabled,\n  &.disabled,\n  fieldset:disabled & {\n    color: var(--bs-btn-disabled-color);\n    pointer-events: none;\n    background-color: var(--bs-btn-disabled-bg);\n    border-color: var(--bs-btn-disabled-border-color);\n    opacity: var(--bs-btn-disabled-opacity);\n  }\n\n  --bs-btn-color: ", ";\n  --bs-btn-bg: ", ";\n  --bs-btn-border-color: ", ";\n  --bs-btn-focus-shadow-rgb: 49, 132, 253;\n  --bs-btn-active-color: #fff;\n  --bs-btn-active-bg: #0a58ca;\n  --bs-btn-active-border-color: #0a53be;\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n  --bs-btn-disabled-color: ", ";\n  --bs-btn-disabled-bg: ", ";\n  --bs-btn-disabled-border-color: ", ";\n\n  --bs-btn-padding-y: 14px;\n  --bs-btn-padding-x: 1rem;\n  --bs-btn-font-size: 18px;\n  --bs-btn-border-radius: 4px;\n"], ["\n  border-radius: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  text-transform: none;\n  -webkit-appearance: button;\n\n  &:not(:disabled),\n  &[type='button']:not(:disabled),\n  &[type='reset']:not(:disabled),\n  &[type='submit']:not(:disabled) {\n    cursor: pointer;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline: 0;\n  }\n\n  --bs-btn-padding-x: 0.75rem;\n  --bs-btn-padding-y: 0.375rem;\n  --bs-btn-font-family: ;\n  --bs-btn-font-size: 1rem;\n  --bs-btn-font-weight: 400;\n  --bs-btn-line-height: 1.5;\n  --bs-btn-color: var(--bs-body-color);\n  --bs-btn-bg: transparent;\n  --bs-btn-border-width: var(--bs-border-width);\n  --bs-btn-border-color: transparent;\n  --bs-btn-border-radius: var(--bs-border-radius);\n  --bs-btn-hover-border-color: transparent;\n  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n    0 1px 1px rgba(0, 0, 0, 0.075);\n  --bs-btn-disabled-opacity: 0.65;\n  --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n  display: inline-block;\n  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n  font-family: var(--bs-btn-font-family);\n  font-size: var(--bs-btn-font-size);\n  font-weight: var(--bs-btn-font-weight);\n  line-height: var(--bs-btn-line-height);\n  color: var(--bs-btn-color);\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n  border-radius: var(--bs-btn-border-radius);\n  background-color: var(--bs-btn-bg);\n  transition:\n    color 0.15s ease-in-out,\n    background-color 0.15s ease-in-out,\n    border-color 0.15s ease-in-out,\n    box-shadow 0.15s ease-in-out;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  &:hover {\n    filter: brightness(1.15);\n  }\n\n  &:focus-visible {\n    color: var(--bs-btn-hover-color);\n    background-color: var(--bs-btn-hover-bg);\n    border-color: var(--bs-btn-hover-border-color);\n    outline: 0;\n    box-shadow: var(--bs-btn-focus-box-shadow);\n  }\n\n  &:disabled,\n  &.disabled,\n  fieldset:disabled & {\n    color: var(--bs-btn-disabled-color);\n    pointer-events: none;\n    background-color: var(--bs-btn-disabled-bg);\n    border-color: var(--bs-btn-disabled-border-color);\n    opacity: var(--bs-btn-disabled-opacity);\n  }\n\n  --bs-btn-color: ", ";\n  --bs-btn-bg: ", ";\n  --bs-btn-border-color: ", ";\n  --bs-btn-focus-shadow-rgb: 49, 132, 253;\n  --bs-btn-active-color: #fff;\n  --bs-btn-active-bg: #0a58ca;\n  --bs-btn-active-border-color: #0a53be;\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n  --bs-btn-disabled-color: ", ";\n  --bs-btn-disabled-bg: ", ";\n  --bs-btn-disabled-border-color: ", ";\n\n  --bs-btn-padding-y: 14px;\n  --bs-btn-padding-x: 1rem;\n  --bs-btn-font-size: 18px;\n  --bs-btn-border-radius: 4px;\n"])), function (_a) {
+var StyledButton = styled__default['default'].button(templateObject_1$a || (templateObject_1$a = tslib.__makeTemplateObject(["\n  border-radius: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  text-transform: none;\n  -webkit-appearance: button;\n\n  &:not(:disabled),\n  &[type='button']:not(:disabled),\n  &[type='reset']:not(:disabled),\n  &[type='submit']:not(:disabled) {\n    cursor: pointer;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline: 0;\n  }\n\n  --bs-btn-padding-x: 0.75rem;\n  --bs-btn-padding-y: 0.375rem;\n  --bs-btn-font-family: ;\n  --bs-btn-font-size: 1rem;\n  --bs-btn-font-weight: 400;\n  --bs-btn-line-height: 1.5;\n  --bs-btn-color: var(--bs-body-color);\n  --bs-btn-bg: transparent;\n  --bs-btn-border-width: var(--bs-border-width);\n  --bs-btn-border-color: transparent;\n  --bs-btn-border-radius: var(--bs-border-radius);\n  --bs-btn-hover-border-color: transparent;\n  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n    0 1px 1px rgba(0, 0, 0, 0.075);\n  --bs-btn-disabled-opacity: 0.65;\n  --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n  display: inline-block;\n  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n  font-family: var(--bs-btn-font-family);\n  font-size: var(--bs-btn-font-size);\n  font-weight: var(--bs-btn-font-weight);\n  line-height: var(--bs-btn-line-height);\n  color: var(--bs-btn-color);\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n  border-radius: var(--bs-btn-border-radius);\n  background-color: var(--bs-btn-bg);\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  &:hover {\n    filter: brightness(1.15);\n  }\n\n  &:focus-visible {\n    color: var(--bs-btn-hover-color);\n    background-color: var(--bs-btn-hover-bg);\n    border-color: var(--bs-btn-hover-border-color);\n    outline: 0;\n    box-shadow: var(--bs-btn-focus-box-shadow);\n  }\n\n  &:disabled,\n  &.disabled,\n  fieldset:disabled & {\n    color: var(--bs-btn-disabled-color);\n    pointer-events: none;\n    background-color: var(--bs-btn-disabled-bg);\n    border-color: var(--bs-btn-disabled-border-color);\n    opacity: var(--bs-btn-disabled-opacity);\n  }\n\n  --bs-btn-color: ", ";\n  --bs-btn-bg: ", ";\n  --bs-btn-border-color: ", ";\n  --bs-btn-focus-shadow-rgb: 49, 132, 253;\n  --bs-btn-active-color: #fff;\n  --bs-btn-active-bg: #0a58ca;\n  --bs-btn-active-border-color: #0a53be;\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n  --bs-btn-disabled-color: ", ";\n  --bs-btn-disabled-bg: ", ";\n  --bs-btn-disabled-border-color: ", ";\n\n  --bs-btn-padding-y: 14px;\n  --bs-btn-padding-x: 1rem;\n  --bs-btn-font-size: 18px;\n  --bs-btn-border-radius: 4px;\n"], ["\n  border-radius: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  text-transform: none;\n  -webkit-appearance: button;\n\n  &:not(:disabled),\n  &[type='button']:not(:disabled),\n  &[type='reset']:not(:disabled),\n  &[type='submit']:not(:disabled) {\n    cursor: pointer;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline: 0;\n  }\n\n  --bs-btn-padding-x: 0.75rem;\n  --bs-btn-padding-y: 0.375rem;\n  --bs-btn-font-family: ;\n  --bs-btn-font-size: 1rem;\n  --bs-btn-font-weight: 400;\n  --bs-btn-line-height: 1.5;\n  --bs-btn-color: var(--bs-body-color);\n  --bs-btn-bg: transparent;\n  --bs-btn-border-width: var(--bs-border-width);\n  --bs-btn-border-color: transparent;\n  --bs-btn-border-radius: var(--bs-border-radius);\n  --bs-btn-hover-border-color: transparent;\n  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n    0 1px 1px rgba(0, 0, 0, 0.075);\n  --bs-btn-disabled-opacity: 0.65;\n  --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n  display: inline-block;\n  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n  font-family: var(--bs-btn-font-family);\n  font-size: var(--bs-btn-font-size);\n  font-weight: var(--bs-btn-font-weight);\n  line-height: var(--bs-btn-line-height);\n  color: var(--bs-btn-color);\n  text-align: center;\n  text-decoration: none;\n  vertical-align: middle;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n  border-radius: var(--bs-btn-border-radius);\n  background-color: var(--bs-btn-bg);\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  &:hover {\n    filter: brightness(1.15);\n  }\n\n  &:focus-visible {\n    color: var(--bs-btn-hover-color);\n    background-color: var(--bs-btn-hover-bg);\n    border-color: var(--bs-btn-hover-border-color);\n    outline: 0;\n    box-shadow: var(--bs-btn-focus-box-shadow);\n  }\n\n  &:disabled,\n  &.disabled,\n  fieldset:disabled & {\n    color: var(--bs-btn-disabled-color);\n    pointer-events: none;\n    background-color: var(--bs-btn-disabled-bg);\n    border-color: var(--bs-btn-disabled-border-color);\n    opacity: var(--bs-btn-disabled-opacity);\n  }\n\n  --bs-btn-color: ", ";\n  --bs-btn-bg: ", ";\n  --bs-btn-border-color: ", ";\n  --bs-btn-focus-shadow-rgb: 49, 132, 253;\n  --bs-btn-active-color: #fff;\n  --bs-btn-active-bg: #0a58ca;\n  --bs-btn-active-border-color: #0a53be;\n  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n  --bs-btn-disabled-color: ", ";\n  --bs-btn-disabled-bg: ", ";\n  --bs-btn-disabled-border-color: ", ";\n\n  --bs-btn-padding-y: 14px;\n  --bs-btn-padding-x: 1rem;\n  --bs-btn-font-size: 18px;\n  --bs-btn-border-radius: 4px;\n"])), function (_a) {
   var $textColor = _a.$textColor;
   return $textColor !== null && $textColor !== void 0 ? $textColor : '#fff';
 }, function (_a) {
@@ -966,24 +967,6 @@ function bboxToDetectedObjectUnscaled(box, score, label) {
   };
 }
 
-if (!window.OffscreenCanvas) {
-  window.OffscreenCanvas = function () {
-    function OffscreenCanvas(width, height) {
-      var _this = this;
-      this.canvas = document.createElement('canvas');
-      this.canvas.width = width;
-      this.canvas.height = height;
-      this.canvas.convertToBlob = function () {
-        return new Promise(function (resolve) {
-          _this.canvas.toBlob(resolve);
-        });
-      };
-      return this.canvas;
-    }
-    return OffscreenCanvas;
-  }();
-}
-
 var GuideOrientationContext = /*#__PURE__*/React.createContext({
   orientation: 'landscape',
   wrapperWidth: 1,