idmission-web-sdk 2.2.122 → 2.2.124

package/dist/sdk2.esm.js

@@ -1,5 +1,6 @@
 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';
@@ -202,7 +203,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   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
@@ -4768,6 +4769,13 @@ function IdCaptureStateProvider(_a) {
       return window.removeEventListener('resize', onResize);
     };
   }, [onResize]);
+  useEffect(function resetWhenProviderUnmounts() {
+    return function () {
+      return useIdCaptureStore.getState().dispatch({
+        type: 'resetWizard'
+      });
+    };
+  }, []);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
 }
 var dispatchIdCaptureAction = function dispatchIdCaptureAction(action) {
@@ -12031,13 +12039,6 @@ 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,
@@ -12166,6 +12167,13 @@ 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';
@@ -17654,7 +17662,78 @@ 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,
@@ -17666,5 +17745,5 @@ globalThis.IDmissionSDK = {
   setServerUrl: setServerUrl
 };
 
-export { CapturedDocumentImg, CustomerBiometricsEnrollment, CustomerIdAndBiometricsEnrollment, CustomerIdentification, CustomerVerification, DocumentCapture, FaceValidation, IdAndFaceValidation, IdValidation, SignatureKYC, VideoIdValidation, allowedAuthUrls, defaultAuthUrl, defaultSubmissionUrl, isObject, preloadModels, setServerUrl, themes };
+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 };
 //# sourceMappingURL=sdk2.esm.js.map