kitchen-simulator 4.0.4-react-18 → 4.0.7-react-18

package/es/LiteKitchenConfigurator.js

@@ -317,7 +317,9 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         onInternalEvent = _this$props.onInternalEvent;
 
       // handle external events
-      if (prevProps.externalEvent !== externalEvent) {
+      var prevId = prevProps.externalEvent && prevProps.externalEvent.id;
+      var nextId = externalEvent && externalEvent.id;
+      if (nextId != null && prevId !== nextId) {
         handleExternalEvent(this.props);
       }
       var plannerState = stateExtractor(state);

package/es/LiteRenderer.js

@@ -145,6 +145,13 @@ export default function LiteRenderer(props) {
     onInternalEvent = props.onInternalEvent,
     onError = props.onError,
     passThrough = _objectWithoutProperties(props, _excluded);
+  var normalizedExternalEvent = React.useMemo(function () {
+    if (!externalEvent) return null;
+    if (externalEvent.id != null) return externalEvent;
+    return _objectSpread(_objectSpread({}, externalEvent), {}, {
+      id: "".concat(Date.now(), "-").concat(Math.random())
+    });
+  }, [externalEvent]);
 
   /* ---------- track last external event ---------- */
   var lastExternalEventRef = useRef(null);
@@ -291,7 +298,7 @@ export default function LiteRenderer(props) {
       return state.get('KitchenConfigurator');
     },
     configData: configData,
-    externalEvent: externalEvent,
+    externalEvent: normalizedExternalEvent,
     onInternalEvent: onInternalEvent
   }, passThrough))));
 }

package/es/index.js

@@ -11,15 +11,9 @@ import { createRoot } from 'react-dom/client';
 import LiteRenderer from "./LiteRenderer";
 export function renderKitchenSimulator(container) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (!container) {
-    throw new Error('renderKitchenSimulator: container is required');
-  }
-
-  // cache the root on the container so we never call createRoot twice
-  if (!container.__kitchenRoot) {
-    container.__kitchenRoot = createRoot(container);
-  }
   var setExternalEventFn = null;
+
+  // Internal wrapper that exposes a state setter
   var Wrapper = /*#__PURE__*/function (_React$Component) {
     function Wrapper(p) {
       var _this;
@@ -47,17 +41,16 @@ export function renderKitchenSimulator(container) {
         }));
       }
     }]);
-  }(React.Component);
-  container.__kitchenRoot.render(/*#__PURE__*/React.createElement(Wrapper, props));
+  }(React.Component); // React 18 root
+  var root = createRoot(container);
+  root.render(/*#__PURE__*/React.createElement(Wrapper, props));
   return {
     updateExternalEvent: function updateExternalEvent(newExternalEvent) {
-      setExternalEventFn && setExternalEventFn(newExternalEvent);
+      var _setExternalEventFn;
+      (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
     },
     unmount: function unmount() {
-      if (container.__kitchenRoot) {
-        container.__kitchenRoot.unmount();
-        container.__kitchenRoot = null;
-      }
+      root.unmount();
       setExternalEventFn = null;
     }
   };

package/lib/LiteKitchenConfigurator.js

@@ -326,7 +326,9 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         onInternalEvent = _this$props.onInternalEvent;
 
       // handle external events
-      if (prevProps.externalEvent !== externalEvent) {
+      var prevId = prevProps.externalEvent && prevProps.externalEvent.id;
+      var nextId = externalEvent && externalEvent.id;
+      if (nextId != null && prevId !== nextId) {
         (0, _isolateEventHandler.handleExternalEvent)(this.props);
       }
       var plannerState = stateExtractor(state);

package/lib/LiteRenderer.js

@@ -154,6 +154,13 @@ function LiteRenderer(props) {
     onInternalEvent = props.onInternalEvent,
     onError = props.onError,
     passThrough = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var normalizedExternalEvent = _react["default"].useMemo(function () {
+    if (!externalEvent) return null;
+    if (externalEvent.id != null) return externalEvent;
+    return _objectSpread(_objectSpread({}, externalEvent), {}, {
+      id: "".concat(Date.now(), "-").concat(Math.random())
+    });
+  }, [externalEvent]);
 
   /* ---------- track last external event ---------- */
   var lastExternalEventRef = (0, _react.useRef)(null);
@@ -300,7 +307,7 @@ function LiteRenderer(props) {
       return state.get('KitchenConfigurator');
     },
     configData: configData,
-    externalEvent: externalEvent,
+    externalEvent: normalizedExternalEvent,
     onInternalEvent: onInternalEvent
   }, passThrough))));
 }

package/lib/index.js

@@ -19,15 +19,9 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function renderKitchenSimulator(container) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (!container) {
-    throw new Error('renderKitchenSimulator: container is required');
-  }
-
-  // cache the root on the container so we never call createRoot twice
-  if (!container.__kitchenRoot) {
-    container.__kitchenRoot = (0, _client.createRoot)(container);
-  }
   var setExternalEventFn = null;
+
+  // Internal wrapper that exposes a state setter
   var Wrapper = /*#__PURE__*/function (_React$Component) {
     function Wrapper(p) {
       var _this;
@@ -55,17 +49,16 @@ function renderKitchenSimulator(container) {
         }));
       }
     }]);
-  }(_react["default"].Component);
-  container.__kitchenRoot.render(/*#__PURE__*/_react["default"].createElement(Wrapper, props));
+  }(_react["default"].Component); // React 18 root
+  var root = (0, _client.createRoot)(container);
+  root.render(/*#__PURE__*/_react["default"].createElement(Wrapper, props));
   return {
     updateExternalEvent: function updateExternalEvent(newExternalEvent) {
-      setExternalEventFn && setExternalEventFn(newExternalEvent);
+      var _setExternalEventFn;
+      (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(newExternalEvent);
     },
     unmount: function unmount() {
-      if (container.__kitchenRoot) {
-        container.__kitchenRoot.unmount();
-        container.__kitchenRoot = null;
-      }
+      root.unmount();
       setExternalEventFn = null;
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "4.0.4-react-18",
+  "version": "4.0.7-react-18",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",
@@ -78,8 +78,6 @@
     "polylabel": "1.0.2",
     "posthog-js": "^1.271.0",
     "prop-types": "^15.8.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "react-ga4": "^1.4.1",
     "react-hotjar": "^1.0.11",
     "react-icons": "3.5.0",
@@ -89,7 +87,13 @@
     "redux": "^5.0.1",
     "three": "0.166.0"
   },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
   "devDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "@babel/cli": "^7.28.3",
     "@babel/core": "^7.28.4",
     "@babel/plugin-transform-modules-commonjs": "^7.27.1",