idmission-web-sdk 0.0.97 → 0.0.98

package/dist/sdk2.cjs.development.js

@@ -50,7 +50,7 @@ var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObs
 var SignatureCanvas__default = /*#__PURE__*/_interopDefaultLegacy(SignatureCanvas);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
-var webSdkVersion = '0.0.97';
+var webSdkVersion = '0.0.98';
 
 function getPlatform() {
   return window.platform;
@@ -13980,17 +13980,44 @@ if (Sentry__namespace !== undefined && Sentry__namespace.init) {
     debug: true
   });
 }
+function PortalWrapper(_a) {
+  var children = _a.children,
+    _b = _a.fullscreen,
+    fullscreen = _b === void 0 ? false : _b;
+  var ref = React.useRef(null);
+  React.useEffect(function () {
+    var _a;
+    if (!fullscreen || !isMobile()) return;
+    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.requestFullscreen();
+    return function () {
+      document.exitFullscreen();
+    };
+  }, [fullscreen]);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: ref
+  }, children);
+}
 var renderElement = function renderElement(component, targetElement, fullscreen) {
   if (fullscreen === void 0) {
-    fullscreen = false;
+    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(OverlayContainer, null, component);
-  ReactDOM__default['default'].render(component, targetElement);
+  var portal = /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React__default['default'].createElement(PortalWrapper, {
+    fullscreen: fullscreen
+  }, /*#__PURE__*/React__default['default'].createElement(OverlayContainer, null, component)), document.body);
+  ReactDOM__default['default'].render(portal, targetElement);
+  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) {