idmission-web-sdk 2.2.124 → 2.2.126

package/dist/sdk2.esm.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import React__default, { forwardRef, useState, useEffect, useRef, useContext, createContext, useReducer, useCallback, useMemo, useLayoutEffect } from 'react';
-import * as ReactDOM from 'react-dom/client';
 import platform from 'platform';
 import styled, { keyframes, useTheme, ThemeProvider as ThemeProvider$1 } from 'styled-components';
 import { useTranslation, initReactI18next } from 'react-i18next';
@@ -203,7 +202,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -7187,6 +7186,7 @@ var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a)
   }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer$1, {
     className: classNames.continueBtnContainer
   }, modelsReady && cameraReady && ( /*#__PURE__*/React__default.createElement(ContinueButton$1, {
+    autoFocus: true,
     finished: true,
     className: classNames.continueBtn,
     variant: "positive",
@@ -7242,12 +7242,15 @@ var ProgressIndicator$1 = styled.span(templateObject_15$1 || (templateObject_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;
 
@@ -12039,6 +12042,13 @@ var StyledButtonsRow$6 = styled(ButtonsRow)(templateObject_2$c || (templateObjec
 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,
@@ -12157,6 +12167,7 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
   }), allModelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer, {
     className: classNames.continueBtnContainer
   }, allModelsReady && cameraReady && ( /*#__PURE__*/React__default.createElement(ContinueButton, {
+    autoFocus: true,
     finished: true,
     className: classNames.continueBtn,
     variant: "positive",
@@ -12167,13 +12178,6 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
     }
   }, 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';
@@ -12209,12 +12213,15 @@ var ProgressIndicator = styled.span(templateObject_12 || (templateObject_12 = __
 }, 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;
 
@@ -17662,78 +17669,7 @@ var DocumentCapture = function DocumentCapture(_a) {
 };
 
 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.createRoot(targetElement);
-  root.render( /*#__PURE__*/React__default.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__default.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,
@@ -17745,5 +17681,5 @@ globalThis.IDmissionSDK = {
   setServerUrl: setServerUrl
 };
 
-export { CapturedDocumentImg, CustomerBiometricsEnrollment, CustomerIdAndBiometricsEnrollment, CustomerIdentification, CustomerVerification, DocumentCapture, FaceValidation, IdAndFaceValidation, IdValidation, SignatureKYC, VideoIdValidation, allowedAuthUrls, defaultAuthUrl, defaultSubmissionUrl, isObject, preloadModels, renderCustomerBiometricsEnrollment, renderCustomerIdAndBiometricsEnrollment, renderCustomerIdentification, renderCustomerVerification, renderDocumentCapture, renderFaceValidation, renderIdAndFaceValidation, renderIdValidation, renderSignatureKYC, renderVideoIdValidation, setServerUrl, themes };
+export { CapturedDocumentImg, CustomerBiometricsEnrollment, CustomerIdAndBiometricsEnrollment, CustomerIdentification, CustomerVerification, DocumentCapture, FaceValidation, IdAndFaceValidation, IdValidation, SignatureKYC, VideoIdValidation, allowedAuthUrls, defaultAuthUrl, defaultSubmissionUrl, isObject, preloadModels, setServerUrl, themes };
 //# sourceMappingURL=sdk2.esm.js.map