idmission-web-sdk 2.5.81-changeset-release-develop-3ddb15a → 2.5.81-react16compat.0

package/dist/sdk2.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('platform'), require('tus-js-client'), require('styled-components'), require('react-dom'), require('react-dom/client')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'platform', 'tus-js-client', 'styled-components', 'react-dom', 'react-dom/client'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.React, global.platform, global.tus, global.styled, global.ReactDOM, global.ReactDOM));
-})(this, (function (exports, React, platform, tusJsClient, sc$1, reactDom, ReactDOM) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('platform'), require('tus-js-client'), require('styled-components'), require('react-dom')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'platform', 'tus-js-client', 'styled-components', 'react-dom'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Sdk2 = {}, global.React, global.platform, global.tus, global.styled, global.ReactDOM));
+})(this, (function (exports, React, platform, tusJsClient, sc$1, ReactDOM) { 'use strict';
 
   function _interopNamespaceDefault(e) {
     var n = Object.create(null);
@@ -25,7 +25,7 @@
 
   // Extracted from the barrel so modules inside this package can read the
   // version without importing index.ts (which would be circular).
-  var webSdkUiVersion = '0.5.0';
+  var webSdkUiVersion = '0.4.0';
 
   function asyncGeneratorStep(n, t, e, r, o, a, c) {
     try {
@@ -491,7 +491,7 @@
     return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray$A(r) || _nonIterableSpread();
   }
 
-  var webSdkCoreVersion = '0.5.0';
+  var webSdkCoreVersion = '0.4.0';
 
   var maxTime = 86400000;
   var maxCount = 1000000;
@@ -11686,7 +11686,7 @@
     });
     var portalLocation = document.getElementById('idmission-above-guides-content');
     if (!portalLocation) return element;
-    return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
+    return /*#__PURE__*/ReactDOM.createPortal(element, portalLocation);
   }
   var DebugStatsPaneDiv = styled.span(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n  font-size: 16px;\n  font-family: monospace;\n  position: absolute;\n  left: 20px;\n  bottom: 20px;\n  margin-right: 20px;\n  padding: 8px;\n  color: limegreen;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 10002;\n  pointer-events: none;\n"])));
   var ObjectDetectionDebugOverlayDiv = styled.div(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 1001;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  pointer-events: none;\n  ", "\n  transform-style: preserve-3d;\n"])), function (_ref3) {
@@ -12089,7 +12089,7 @@
     }, []);
     if (!target) return null;
     var bottomColor = hiddenBottomColor != null ? hiddenBottomColor : color;
-    return /*#__PURE__*/reactDom.createPortal(jsxs(Fragment, {
+    return /*#__PURE__*/ReactDOM.createPortal(jsxs(Fragment, {
       children: [jsx(EdgeStrip, {
         "$edge": "top",
         "$color": color,
@@ -12203,7 +12203,7 @@
     var element = jsx(GuidanceMessageContainerDiv, _extends({}, props));
     var portalLocation = document.getElementById('idmission-above-guides-content');
     if (!portalLocation) return element;
-    return /*#__PURE__*/reactDom.createPortal(element, portalLocation);
+    return /*#__PURE__*/ReactDOM.createPortal(element, portalLocation);
   };
   var GuidanceMessage = styled.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n  margin-left: auto;\n  margin-right: auto;\n  background: ", ";\n  color: ", ";\n  border-radius: 8px;\n  z-index: 10001;\n  padding: 16px 24px;\n  font-size: 18px;\n  font-weight: bold;\n  box-shadow:\n    0 1px 3px 0 rgb(0 0 0 / 0.1),\n    0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])), function (props) {
     var _ref3, _props$$background, _props$theme, _props$$variant;
@@ -54108,7 +54108,7 @@
     });
   }
 
-  var webSdkVersion = '2.5.81-changeset-release-develop-3ddb15a';
+  var webSdkVersion = '2.5.81-react16compat.0';
 
   // GENERATED by scripts/styleBagTypes.mjs from
   // src/__fixtures__/sdk2StyleBags.json and the mapper sweep — do not
@@ -56998,6 +56998,25 @@
     }, mapCustomerIdAndBiometricsEnrollmentProps(props, ctx)), props.children);
   };
 
+  /**
+   * react-16-compat: React 16/17 have no `createRoot`, so this adapts the legacy
+   * `ReactDOM.render` API to the root shape the rest of this module expects.
+   * Keeping that shape means the teardown logic below stays byte-identical to
+   * develop and merges cleanly. Runs on React 16.14 through 18; React 19
+   * removed `ReactDOM.render`, which is why this build's peer range stops at 18.
+   */
+  function createRoot(container) {
+    return {
+      render: function render(element) {
+        // eslint-disable-next-line react/no-deprecated -- the only mount API React 16 has
+        ReactDOM.render(element, container);
+      },
+      unmount: function unmount() {
+        // eslint-disable-next-line react/no-deprecated -- pairs with ReactDOM.render above
+        ReactDOM.unmountComponentAtNode(container);
+      }
+    };
+  }
   /**
    * Targets whose `remove` this module has already wrapped. Permanent: the
    * wrapper is installed at most once per element, so repeat renders can never
@@ -57025,8 +57044,7 @@
       targetElement = document.createElement('div');
       document.body.append(targetElement);
     }
-    var root = ReactDOM.createRoot(targetElement);
-    root.render(/*#__PURE__*/React.createElement(OverlayContainer, null, component));
+    var root = createRoot(targetElement);
     if ('remove' in targetElement) {
       var element_1 = targetElement;
       // Always point at the newest root, even when the wrapper is already
@@ -57076,6 +57094,10 @@
         };
       }
     }
+    // react-16-compat: render LAST. A legacy root mounts synchronously, so layout
+    // effects (e.g. a customer `loadingSpinner`) run inside this call; one that
+    // calls `.remove()` must already hit the wrapper above, not the native method.
+    root.render(/*#__PURE__*/React.createElement(OverlayContainer, null, component));
     return targetElement;
   }
   function renderComponent(Component, targetElement, options) {