idmission-web-sdk 0.0.93 → 0.0.95

package/dist/index.d.ts

@@ -7,7 +7,7 @@ import { CustomerIdentification, CustomerIdentificationProps } from './component
 import { preloadModels } from './lib/models/preloadModels';
 import { CustomerBiometricsEnrollment } from './components/customer_flows/CustomerBiometricsEnrollment';
 import { SignatureKYC, SignatureKYCProps } from './components/customer_flows/SignatureKYC';
-type TargetElement = Element | HTMLElement | DocumentFragment | string;
+type TargetElement = Element | DocumentFragment | string;
 export declare const renderIdValidation: (targetElement: TargetElement, options: IdValidationProps, fullscreen?: boolean) => void;
 export declare const renderFaceValidation: (targetElement: TargetElement, options: FaceValidationProps, fullscreen?: boolean) => void;
 export declare const renderIdAndFaceValidation: (targetElement: TargetElement, options: IdAndFaceValidationProps, fullscreen?: boolean) => void;

package/dist/sdk2.cjs.development.js

@@ -14,7 +14,7 @@ var tf = require('@tensorflow/tfjs');
 var useResizeObserver = require('use-resize-observer');
 var tasksVision = require('@mediapipe/tasks-vision');
 var SignatureCanvas = require('react-signature-canvas');
-var client = require('react-dom/client');
+var ReactDOM = require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -48,8 +48,9 @@ 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 ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
-var webSdkVersion = '0.0.93';
+var webSdkVersion = '0.0.95';
 
 function getPlatform() {
   return window.platform;
@@ -13984,6 +13985,7 @@ if (Sentry__namespace !== undefined && Sentry__namespace.init) {
   });
 }
 var renderElement = function renderElement(component, targetElement, fullscreen) {
+  var _a, _b;
   if (fullscreen === void 0) {
     fullscreen = true;
   }
@@ -13993,7 +13995,16 @@ var renderElement = function renderElement(component, targetElement, fullscreen)
     targetElement = result;
   }
   if (fullscreen) component = /*#__PURE__*/React__default['default'].createElement(Fullscreen, null, component);
-  client.createRoot(targetElement).render(component);
+  ReactDOM__default['default'].render( /*#__PURE__*/ReactDOM.createPortal(component, document.body), targetElement);
+  if (fullscreen) (_b = (_a = targetElement).requestFullscreen) === null || _b === void 0 ? void 0 : _b.call(_a);
+  new MutationObserver(function (_, observer) {
+    if (!document.body.contains(targetElement)) {
+      observer.disconnect();
+      ReactDOM__default['default'].unmountComponentAtNode(targetElement);
+    }
+  }).observe(document.body, {
+    childList: true
+  });
 };
 var renderIdValidation = function renderIdValidation(targetElement, options, fullscreen) {
   if (fullscreen === void 0) {