idmission-web-sdk 0.0.96 → 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.96';
+var webSdkVersion = '0.0.98';
 
 function getPlatform() {
   return window.platform;
@@ -13973,10 +13973,6 @@ 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',
@@ -13984,8 +13980,24 @@ 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) {
-  var _a, _b;
   if (fullscreen === void 0) {
     fullscreen = true;
   }
@@ -13994,9 +14006,18 @@ var renderElement = function renderElement(component, targetElement, fullscreen)
     if (!result) throw new Error("targetElement ".concat(targetElement, " not found"));
     targetElement = result;
   }
-  if (fullscreen) component = /*#__PURE__*/React__default['default'].createElement(Fullscreen, null, component);
-  ReactDOM__default['default'].render(component, targetElement);
-  if (fullscreen) (_b = (_a = targetElement).requestFullscreen) === null || _b === void 0 ? void 0 : _b.call(_a);
+  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) {