idmission-web-sdk 2.2.124 → 2.2.126

package/dist/sdk2.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom/client'), require('platform'), require('styled-components'), require('tus-js-client'), require('react-dom'), require('prop-types')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom/client', 'platform', 'styled-components', 'tus-js-client', 'react-dom', 'prop-types'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.React, global.ReactDOM, global.platform, global.styled, global.tusJsClient, global.ReactDOM, global.PropTypes));
-})(this, (function (exports, React, ReactDOM, platform, styled, tusJsClient, reactDom, require$$0) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('platform'), require('styled-components'), require('tus-js-client'), require('react-dom'), require('prop-types')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'platform', 'styled-components', 'tus-js-client', 'react-dom', 'prop-types'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.React, global.platform, global.styled, global.tusJsClient, global.reactDom, global.PropTypes));
+})(this, (function (exports, React, platform, styled, tusJsClient, reactDom, require$$0) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -22,7 +22,6 @@
   }
 
   var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-  var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -211,7 +210,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.124';
+  var webSdkVersion = '2.2.126';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -16311,6 +16310,7 @@
     }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer$1, {
       className: classNames.continueBtnContainer
     }, modelsReady && cameraReady && ( /*#__PURE__*/React.createElement(ContinueButton$1, {
+      autoFocus: true,
       finished: true,
       className: classNames.continueBtn,
       variant: "positive",
@@ -16366,12 +16366,15 @@
   }, progressBarAnimation);
   var CustomLoadingGraphic$1 = styled.img(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  transform-style: preserve-3d;\n"], ["\n  transform-style: preserve-3d;\n"])));
   var ContinueButtonContainer$1 = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-  var ContinueButton$1 = styled(LoaderButton)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n"], ["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n"])), function (props) {
+  var ContinueButton$1 = styled(LoaderButton)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n  \n  &:focus-visible {\n    ", "\n    box-shadow: none;\n  }\n"], ["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n  \n  &:focus-visible {\n    ", "\n    box-shadow: none;\n  }\n"])), function (props) {
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
   }, function (props) {
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
+  }, function (props) {
+    var _a, _b, _c, _d, _e, _f;
+    return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.idCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.idCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
   });
   var templateObject_1$z, templateObject_2$u, templateObject_3$m, templateObject_4$g, templateObject_5$b, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$3, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$1, templateObject_15$1, templateObject_16, templateObject_17, templateObject_18;
 
@@ -21163,6 +21166,13 @@
   var templateObject_1$e, templateObject_2$c;
 
   var legacyInstructionImageUrl = "".concat(DEFAULT_CDN_URL, "/Selfie-Image-1.png");
+  var OverlayInner = styled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n"], ["\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n"])), function (props) {
+    var _a, _b, _c, _d;
+    return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
+  }, function (props) {
+    var _a, _b, _c, _d;
+    return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.textColor) !== null && _d !== void 0 ? _d : 'black';
+  });
   var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDefault(_a) {
     var onDismissed = _a.onDismissed,
       onUserCancel = _a.onUserCancel,
@@ -21281,6 +21291,7 @@
     }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React.createElement(ContinueButtonContainer, {
       className: classNames.continueBtnContainer
     }, allModelsReady && cameraReady && ( /*#__PURE__*/React.createElement(ContinueButton, {
+      autoFocus: true,
       finished: true,
       className: classNames.continueBtn,
       variant: "positive",
@@ -21291,13 +21302,6 @@
       }
     }, verbiage.continueText))))));
   };
-  var OverlayInner = styled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n"], ["\n  height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n"])), function (props) {
-    var _a, _b, _c, _d;
-    return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.backgroundColor) !== null && _d !== void 0 ? _d : '#ecedf3';
-  }, function (props) {
-    var _a, _b, _c, _d;
-    return (_d = (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.textColor) !== null && _d !== void 0 ? _d : 'black';
-  });
   var OverlayHeader = styled.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n  text-align: ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  ", "\n  padding-bottom: 0;\n"], ["\n  text-align: ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  ", "\n  padding-bottom: 0;\n"])), function (props) {
     var _a;
     return (_a = props.theme.textAlign) !== null && _a !== void 0 ? _a : 'center';
@@ -21333,12 +21337,15 @@
   }, progressBarAnimation);
   var CustomLoadingGraphic = styled.img(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
   var ContinueButtonContainer = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-  var ContinueButton = styled(LoaderButton)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n"], ["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n"])), function (props) {
+  var ContinueButton = styled(LoaderButton)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n    \n  &:focus-visible {\n    ", "\n    box-shadow: none;\n  }\n"], ["\n  margin: auto;\n  white-space: nowrap;\n  ", "\n  ", "\n    \n  &:focus-visible {\n    ", "\n    box-shadow: none;\n  }\n"])), function (props) {
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.progressBarFontSize) ? "font-size: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.progressBarFontSize, ";") : '';
   }, function (props) {
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
+  }, function (props) {
+    var _a, _b, _c, _d, _e, _f;
+    return ((_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.selfieCapture) === null || _b === void 0 ? void 0 : _b.loadingOverlay) === null || _c === void 0 ? void 0 : _c.continueBtnBorder) ? "border: ".concat((_f = (_e = (_d = props.theme) === null || _d === void 0 ? void 0 : _d.selfieCapture) === null || _e === void 0 ? void 0 : _e.loadingOverlay) === null || _f === void 0 ? void 0 : _f.continueBtnBorder, ";") : '';
   });
   var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$6, templateObject_5$3, templateObject_6$3, templateObject_7$2, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
 
@@ -27554,78 +27561,7 @@
   };
 
   initializeI18n();
-  function renderElement(component, targetElement) {
-    if (typeof targetElement === 'string') {
-      var result = document.querySelector(targetElement);
-      if (!result) throw new Error("targetElement ".concat(targetElement, " not found"));
-      targetElement = result;
-    } else if (!targetElement) {
-      targetElement = document.createElement('div');
-      document.body.append(targetElement);
-    }
-    var root = ReactDOM__namespace.createRoot(targetElement);
-    root.render( /*#__PURE__*/React.createElement(OverlayContainer, null, component));
-    if ('remove' in targetElement) {
-      var originalRemove_1 = targetElement.remove;
-      targetElement.remove = function () {
-        try {
-          root.unmount();
-          originalRemove_1();
-        } catch (e) {
-          debug('failed to unmount', e);
-        }
-      };
-    }
-    return targetElement;
-  }
-  function renderComponent(Component, targetElement, options) {
-    if (!options) {
-      options = targetElement;
-      targetElement = undefined;
-    }
-    return renderElement( /*#__PURE__*/React.createElement(Component, _assign({}, options)), targetElement);
-  }
-  var renderIdValidation = function renderIdValidation(optionsOrTargetElement, options) {
-    return renderComponent(IdValidation, optionsOrTargetElement, options);
-  };
-  var renderFaceValidation = function renderFaceValidation(optionsOrTargetElement, options) {
-    return renderComponent(FaceValidation, optionsOrTargetElement, options);
-  };
-  var renderIdAndFaceValidation = function renderIdAndFaceValidation(optionsOrTargetElement, options) {
-    return renderComponent(IdAndFaceValidation, optionsOrTargetElement, options);
-  };
-  var renderCustomerIdAndBiometricsEnrollment = function renderCustomerIdAndBiometricsEnrollment(optionsOrTargetElement, options) {
-    return renderComponent(CustomerIdAndBiometricsEnrollment, optionsOrTargetElement, options);
-  };
-  var renderCustomerBiometricsEnrollment = function renderCustomerBiometricsEnrollment(optionsOrTargetElement, options) {
-    return renderComponent(CustomerBiometricsEnrollment, optionsOrTargetElement, options);
-  };
-  var renderCustomerVerification = function renderCustomerVerification(optionsOrTargetElement, options) {
-    return renderComponent(CustomerVerification, optionsOrTargetElement, options);
-  };
-  var renderCustomerIdentification = function renderCustomerIdentification(optionsOrTargetElement, options) {
-    return renderComponent(CustomerIdentification, optionsOrTargetElement, options);
-  };
-  var renderSignatureKYC = function renderSignatureKYC(optionsOrTargetElement, options) {
-    return renderComponent(SignatureKYC, optionsOrTargetElement, options);
-  };
-  var renderVideoIdValidation = function renderVideoIdValidation(optionsOrTargetElement, options) {
-    return renderComponent(VideoIdValidation, optionsOrTargetElement, options);
-  };
-  var renderDocumentCapture = function renderDocumentCapture(optionsOrTargetElement, options) {
-    return renderComponent(DocumentCapture, optionsOrTargetElement, options);
-  };
   globalThis.IDmissionSDK = {
-    renderIdValidation: renderIdValidation,
-    renderFaceValidation: renderFaceValidation,
-    renderIdAndFaceValidation: renderIdAndFaceValidation,
-    renderCustomerIdAndBiometricsEnrollment: renderCustomerIdAndBiometricsEnrollment,
-    renderCustomerBiometricsEnrollment: renderCustomerBiometricsEnrollment,
-    renderCustomerVerification: renderCustomerVerification,
-    renderCustomerIdentification: renderCustomerIdentification,
-    renderSignatureKYC: renderSignatureKYC,
-    renderVideoIdValidation: renderVideoIdValidation,
-    renderDocumentCapture: renderDocumentCapture,
     preloadModels: preloadModels,
     themes: themes,
     version: webSdkVersion,
@@ -28113,16 +28049,6 @@
   exports.allowedAuthUrls = allowedAuthUrls;
   exports.isObject = isObject;
   exports.preloadModels = preloadModels;
-  exports.renderCustomerBiometricsEnrollment = renderCustomerBiometricsEnrollment;
-  exports.renderCustomerIdAndBiometricsEnrollment = renderCustomerIdAndBiometricsEnrollment;
-  exports.renderCustomerIdentification = renderCustomerIdentification;
-  exports.renderCustomerVerification = renderCustomerVerification;
-  exports.renderDocumentCapture = renderDocumentCapture;
-  exports.renderFaceValidation = renderFaceValidation;
-  exports.renderIdAndFaceValidation = renderIdAndFaceValidation;
-  exports.renderIdValidation = renderIdValidation;
-  exports.renderSignatureKYC = renderSignatureKYC;
-  exports.renderVideoIdValidation = renderVideoIdValidation;
   exports.setServerUrl = setServerUrl;
   exports.themes = themes;