idmission-web-sdk 0.0.97 → 0.0.99

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.99';
 
 function getPlatform() {
   return window.platform;
@@ -13980,17 +13980,68 @@ if (Sentry__namespace !== undefined && Sentry__namespace.init) {
     debug: true
   });
 }
+function PortalWrapper(_a) {
+  var _this = this;
+  var children = _a.children,
+    _b = _a.fullscreen,
+    fullscreen = _b === void 0 ? false : _b;
+  var ref = React.useRef(null);
+  React.useEffect(function () {
+    if (!fullscreen || !isMobile()) return;
+    (function () {
+      return tslib.__awaiter(_this, void 0, void 0, function () {
+        var _a;
+        return tslib.__generator(this, function (_b) {
+          switch (_b.label) {
+            case 0:
+              if (!!ref.current) return [3, 2];
+              return [4, new Promise(function (resolve) {
+                var interval = setInterval(function () {
+                  if (ref.current) {
+                    clearInterval(interval);
+                    resolve(null);
+                  }
+                }, 5);
+              })];
+            case 1:
+              _b.sent();
+              _b.label = 2;
+            case 2:
+              (_a = ref.current) === null || _a === void 0 ? void 0 : _a.requestFullscreen();
+              return [2];
+          }
+        });
+      });
+    })();
+    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) {