idmission-web-sdk 2.2.122 → 2.2.124

package/dist/sdk2.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  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';
+  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';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -22,6 +22,7 @@
   }
 
   var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+  var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -210,7 +211,7 @@
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
-  var webSdkVersion = '2.2.122';
+  var webSdkVersion = '2.2.124';
 
   function getPlatform() {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -11102,6 +11103,13 @@
         return window.removeEventListener('resize', onResize);
       };
     }, [onResize]);
+    React.useEffect(function resetWhenProviderUnmounts() {
+      return function () {
+        return useIdCaptureStore.getState().dispatch({
+          type: 'resetWizard'
+        });
+      };
+    }, []);
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
   var dispatchIdCaptureAction = function dispatchIdCaptureAction(action) {
@@ -21155,13 +21163,6 @@
   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,
@@ -21290,6 +21291,13 @@
       }
     }, 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';
@@ -27546,7 +27554,78 @@
   };
 
   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,
@@ -28034,6 +28113,16 @@
   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;