idmission-web-sdk 0.0.91 → 0.0.93

package/dist/index.d.ts

@@ -7,14 +7,15 @@ 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';
-export declare const renderIdValidation: (targetElement: Element | DocumentFragment | string, options: IdValidationProps, fullscreen?: boolean) => void;
-export declare const renderFaceValidation: (targetElement: Element | DocumentFragment | string, options: FaceValidationProps, fullscreen?: boolean) => void;
-export declare const renderIdAndFaceValidation: (targetElement: Element | DocumentFragment | string, options: IdAndFaceValidationProps, fullscreen?: boolean) => void;
-export declare const renderCustomerIdAndBiometricsEnrollment: (targetElement: Element | DocumentFragment | string, options: CustomerEnrollmentProps, fullscreen?: boolean) => void;
-export declare const renderCustomerBiometricsEnrollment: (targetElement: Element | DocumentFragment | string, options: CustomerEnrollmentProps, fullscreen?: boolean) => void;
-export declare const renderCustomerVerification: (targetElement: Element | DocumentFragment | string, options: CustomerVerificationProps, fullscreen?: boolean) => void;
-export declare const renderCustomerIdentification: (targetElement: Element | DocumentFragment | string, options: CustomerIdentificationProps, fullscreen?: boolean) => void;
-export declare const renderSignatureKYC: (targetElement: Element | DocumentFragment | string, options: SignatureKYCProps, fullscreen?: boolean) => void;
+type TargetElement = Element | HTMLElement | 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;
+export declare const renderCustomerIdAndBiometricsEnrollment: (targetElement: TargetElement, options: CustomerEnrollmentProps, fullscreen?: boolean) => void;
+export declare const renderCustomerBiometricsEnrollment: (targetElement: TargetElement, options: CustomerEnrollmentProps, fullscreen?: boolean) => void;
+export declare const renderCustomerVerification: (targetElement: TargetElement, options: CustomerVerificationProps, fullscreen?: boolean) => void;
+export declare const renderCustomerIdentification: (targetElement: TargetElement, options: CustomerIdentificationProps, fullscreen?: boolean) => void;
+export declare const renderSignatureKYC: (targetElement: TargetElement, options: SignatureKYCProps, fullscreen?: boolean) => void;
 export type IDmissionSDK = {
     renderIdValidation: typeof renderIdValidation;
     renderFaceValidation: typeof renderFaceValidation;

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');
-require('react-dom');
+var client = require('react-dom/client');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -49,7 +49,7 @@ var tf__namespace = /*#__PURE__*/_interopNamespace(tf);
 var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 
-var webSdkVersion = '0.0.91';
+var webSdkVersion = '0.0.93';
 
 function getPlatform() {
   return window.platform;
@@ -13972,6 +13972,10 @@ i18n__default['default'].use(LanguageDetector__default['default']).use(reactI18n
     escapeValue: false
   }
 });
+function Fullscreen(_a) {
+  var children = _a.children;
+  return /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, children);
+}
 if (Sentry__namespace !== undefined && Sentry__namespace.init) {
   Sentry__namespace.init({
     dsn: 'https://0a8e0e8df645473abe217b60b50fbcb1@o4505120557367296.ingest.sentry.io/4505120582008832',
@@ -13980,35 +13984,64 @@ if (Sentry__namespace !== undefined && Sentry__namespace.init) {
   });
 }
 var renderElement = function renderElement(component, targetElement, fullscreen) {
+  if (fullscreen === void 0) {
+    fullscreen = true;
+  }
   if (typeof targetElement === 'string') {
     var result = document.querySelector(targetElement);
     if (!result) throw new Error("targetElement ".concat(targetElement, " not found"));
     targetElement = result;
   }
+  if (fullscreen) component = /*#__PURE__*/React__default['default'].createElement(Fullscreen, null, component);
+  client.createRoot(targetElement).render(component);
 };
 var renderIdValidation = function renderIdValidation(targetElement, options, fullscreen) {
-  renderElement( /*#__PURE__*/React__default['default'].createElement(IdValidation, tslib.__assign({}, options)), targetElement);
+  if (fullscreen === void 0) {
+    fullscreen = true;
+  }
+  renderElement( /*#__PURE__*/React__default['default'].createElement(IdValidation, tslib.__assign({}, options)), targetElement, fullscreen);
 };
 var renderFaceValidation = function renderFaceValidation(targetElement, options, fullscreen) {
-  renderElement( /*#__PURE__*/React__default['default'].createElement(FaceValidation, tslib.__assign({}, options)), targetElement);
+  if (fullscreen === void 0) {
+    fullscreen = true;
+  }
+  renderElement( /*#__PURE__*/React__default['default'].createElement(FaceValidation, tslib.__assign({}, options)), targetElement, fullscreen);
 };
 var renderIdAndFaceValidation = function renderIdAndFaceValidation(targetElement, options, fullscreen) {
-  renderElement( /*#__PURE__*/React__default['default'].createElement(IdAndFaceValidation, tslib.__assign({}, options)), targetElement);
+  if (fullscreen === void 0) {
+    fullscreen = true;
+  }
+  renderElement( /*#__PURE__*/React__default['default'].createElement(IdAndFaceValidation, tslib.__assign({}, options)), targetElement, fullscreen);
 };
 var renderCustomerIdAndBiometricsEnrollment = function renderCustomerIdAndBiometricsEnrollment(targetElement, options, fullscreen) {
-  renderElement( /*#__PURE__*/React__default['default'].createElement(CustomerIdAndBiometricsEnrollment, tslib.__assign({}, options)), targetElement);
+  if (fullscreen === void 0) {
+    fullscreen = true;
+  }
+  renderElement( /*#__PURE__*/React__default['default'].createElement(CustomerIdAndBiometricsEnrollment, tslib.__assign({}, options)), targetElement, fullscreen);
 };
 var renderCustomerBiometricsEnrollment = function renderCustomerBiometricsEnrollment(targetElement, options, fullscreen) {
-  renderElement( /*#__PURE__*/React__default['default'].createElement(CustomerBiometricsEnrollment, tslib.__assign({}, options)), targetElement);
+  if (fullscreen === void 0) {
+    fullscreen = true;
+  }
+  renderElement( /*#__PURE__*/React__default['default'].createElement(CustomerBiometricsEnrollment, tslib.__assign({}, options)), targetElement, fullscreen);
 };
 var renderCustomerVerification = function renderCustomerVerification(targetElement, options, fullscreen) {
-  renderElement( /*#__PURE__*/React__default['default'].createElement(CustomerVerification, tslib.__assign({}, options)), targetElement);
+  if (fullscreen === void 0) {
+    fullscreen = true;
+  }
+  renderElement( /*#__PURE__*/React__default['default'].createElement(CustomerVerification, tslib.__assign({}, options)), targetElement, fullscreen);
 };
 var renderCustomerIdentification = function renderCustomerIdentification(targetElement, options, fullscreen) {
-  renderElement( /*#__PURE__*/React__default['default'].createElement(CustomerIdentification, tslib.__assign({}, options)), targetElement);
+  if (fullscreen === void 0) {
+    fullscreen = true;
+  }
+  renderElement( /*#__PURE__*/React__default['default'].createElement(CustomerIdentification, tslib.__assign({}, options)), targetElement, fullscreen);
 };
 var renderSignatureKYC = function renderSignatureKYC(targetElement, options, fullscreen) {
-  renderElement( /*#__PURE__*/React__default['default'].createElement(SignatureKYC, tslib.__assign({}, options)), targetElement);
+  if (fullscreen === void 0) {
+    fullscreen = true;
+  }
+  renderElement( /*#__PURE__*/React__default['default'].createElement(SignatureKYC, tslib.__assign({}, options)), targetElement, fullscreen);
 };
 globalThis.IDmissionSDK = {
   renderIdValidation: renderIdValidation,