kitchen-simulator 4.0.0-queuedEvents → 4.0.0

package/es/LiteRenderer.js

@@ -1,6 +1,4 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
@@ -8,83 +6,57 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _excluded = ["width", "height", "projectElement", "categoryData", "dataBundle", "configData", "options", "user", "auth", "featureFlags", "sentry", "analytics", "externalEvent", "onExternalEventProcessed", "onError"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+var _excluded = ["width", "height", "configData", "externalEvent", "onInternalEvent", "onError"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import React, { useCallback, useEffect, useRef } from 'react';
+// LiteRenderer.jsx
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Provider } from 'react-redux';
 import { createStore } from 'redux';
+import { Map } from 'immutable';
+import * as Sentry from '@sentry/react';
+import * as THREE from 'three';
 import * as Models from "./models";
 import { State } from "./models";
 import PlannerReducer from "./reducers/reducer";
 import AppContext from "./AppContext";
 import Catalog from "./catalog/catalog";
-import { SVGLoader } from 'three/addons/loaders/SVGLoader';
-import { isEmpty } from "./utils/helper";
-import { TOE_KICK_MOLDING } from "./constants";
 import * as Areas from "./catalog/areas/area/planner-element";
 import * as Lines from "./catalog/lines/wall/planner-element";
 import * as Holes from "./catalog/holes/export";
-import { render2DItem, render3DApplianceItem, render3DItem, render3DLightingItem } from "./catalog/utils/item-loader";
 import { ConsoleDebugger, Keyboard } from "./plugins/export";
-import { Map } from 'immutable';
-import * as Sentry from '@sentry/react';
-import { loadProject, rename } from "./actions/project-actions";
-import exporter from "./catalog/utils/exporter";
-import * as THREE from 'three';
 import LiteKitchenConfigurator from "./LiteKitchenConfigurator";
-if (typeof window !== 'undefined') window.THREE = THREE;
-
-/* ============================== component ============================= */
-var MyCatalog = new Catalog();
-var AppState = Map({
-  KitchenConfigurator: new State()
-});
-console.log('Version: 378.45-202509_DIY-364-mbox-crash');
-isProduction && Sentry.init({
-  dsn: process.env.SENTRY_DSN,
-  environment: process.env.SENTRY_ENVIRONMENT
-});
+var isBrowser = typeof window !== 'undefined';
+if (isBrowser) window.THREE = THREE;
 
-//define reducer
-var reducer = function reducer(state, action) {
-  state = state || AppState;
-  state = state.update('KitchenConfigurator', function (plannerState) {
-    return PlannerReducer(plannerState, action);
+// ---- Keep prior Sentry behavior but ensure it only initializes once ----
+var __sentryInited = false;
+function ensureSentryInit() {
+  if (!isBrowser) return;
+  // assumes isProduction exists in your build just like today
+  if (!isProduction) return;
+  if (__sentryInited) return;
+  __sentryInited = true;
+  Sentry.init({
+    dsn: process.env.SENTRY_DSN,
+    environment: process.env.SENTRY_ENVIRONMENT
   });
-  return state;
-};
-var store = createStore(reducer, null, !isProduction && window.devToolsExtension ? window.devToolsExtension({
-  features: {
-    pause: true,
-    // start/pause recording of dispatched actions
-    lock: true,
-    // lock/unlock dispatching actions and side effects
-    persist: true,
-    // persist states on page reloading
-    "export": true,
-    // export history of actions in a file
-    "import": 'custom',
-    // import history of actions from a file
-    jump: true,
-    // jump back and forth (time travelling)
-    skip: true,
-    // skip (cancel) actions
-    reorder: true,
-    // drag and drop actions in the history list
-    dispatch: true,
-    // dispatch custom actions or action creators
-    test: true // generate tests for the selected actions
-  },
-  maxAge: 999999
-}) : function (f) {
-  return f;
-});
-var plugins = [Keyboard(), ConsoleDebugger()];
+}
+
+// ---------------- error helpers ----------------
+function safeJson(v) {
+  try {
+    return JSON.parse(JSON.stringify(v));
+  } catch (_unused) {
+    return undefined;
+  }
+}
 function serializeError(err) {
   try {
     if (!err) return {
@@ -101,19 +73,12 @@ function serializeError(err) {
       message: String(err),
       raw: safeJson(err)
     };
-  } catch (_unused) {
+  } catch (_unused2) {
     return {
       message: 'Error serializing error'
     };
   }
 }
-function safeJson(v) {
-  try {
-    return JSON.parse(JSON.stringify(v));
-  } catch (_unused2) {
-    return undefined;
-  }
-}
 
 /* ---------- Error Boundary that pushes into buffer ---------- */
 var ToolErrorBoundary = /*#__PURE__*/function (_React$Component) {
@@ -141,38 +106,139 @@ var ToolErrorBoundary = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 }(React.Component);
+ToolErrorBoundary.propTypes = {
+  pushError: PropTypes.func.isRequired,
+  children: PropTypes.any
+};
+
+// ----------------- catalog init -----------------
+function initCatalogOnce(catalog) {
+  if (!catalog) return;
+  if (catalog.__ksInitialized) return;
+  for (var x in Areas) catalog.registerElement(Areas[x]);
+  for (var _x in Lines) catalog.registerElement(Lines[_x]);
+  for (var _x2 in Holes) catalog.registerElement(Holes[_x2]);
+  catalog.registerCategory('Windows', 'Windows', [Holes.windowClear, Holes.windowCross, Holes.windowDoubleHung, Holes.windowVertical]);
+  catalog.registerCategory('Doors', 'Doors', [Holes.doorInterior, Holes.doorExterior, Holes.doorCloset, Holes.doorSliding, Holes.doorwayFramed, Holes.doorwayFrameless]);
+  catalog.__ksInitialized = true;
+}
+
+// ----------------- store factory -----------------
+function createInstanceStore() {
+  var AppState = Map({
+    KitchenConfigurator: new State()
+  });
+  var reducer = function reducer(state, action) {
+    state = state || AppState;
+    return state.update('KitchenConfigurator', function (plannerState) {
+      return PlannerReducer(plannerState, action);
+    });
+  };
+  var enhancer = !isProduction && isBrowser && window.devToolsExtension ? window.devToolsExtension({
+    features: {
+      pause: true,
+      lock: true,
+      persist: true,
+      "export": true,
+      "import": 'custom',
+      jump: true,
+      skip: true,
+      reorder: true,
+      dispatch: true,
+      test: true
+    },
+    maxAge: 999999
+  }) : function (f) {
+    return f;
+  };
+  return createStore(reducer, null, enhancer);
+}
+function createPlugins() {
+  return [Keyboard(), ConsoleDebugger()];
+}
 export default function LiteRenderer(props) {
+  ensureSentryInit();
   var width = props.width,
     height = props.height,
-    projectElement = props.projectElement,
-    categoryData = props.categoryData,
-    dataBundle = props.dataBundle,
     configData = props.configData,
-    options = props.options,
-    user = props.user,
-    auth = props.auth,
-    featureFlags = props.featureFlags,
-    sentry = props.sentry,
-    analytics = props.analytics,
     externalEvent = props.externalEvent,
-    onExternalEventProcessed = props.onExternalEventProcessed,
+    onInternalEvent = props.onInternalEvent,
     onError = props.onError,
     passThrough = _objectWithoutProperties(props, _excluded);
 
+  // ✅ instance-scoped store (no module singleton)
+  var storeRef = useRef(null);
+  if (!storeRef.current) storeRef.current = createInstanceStore();
+
+  // ✅ instance-scoped catalog (no module singleton)
+  var catalogRef = useRef(null);
+  if (!catalogRef.current) {
+    catalogRef.current = new Catalog();
+    initCatalogOnce(catalogRef.current);
+  }
+
+  // ✅ stable plugins array
+  var plugins = useMemo(function () {
+    return createPlugins();
+  }, []);
+
+  // ✅ plugin lifecycle: supports cleanup if plugin returns function
+  var pluginCleanupsRef = useRef([]);
+  useEffect(function () {
+    var store = storeRef.current;
+    var stateExtractor = function stateExtractor(state) {
+      return state.get('KitchenConfigurator');
+    };
+    var cleanups = [];
+    var _iterator = _createForOfIteratorHelper(plugins),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var p = _step.value;
+        try {
+          var maybeCleanup = p === null || p === void 0 ? void 0 : p(store, stateExtractor);
+          if (typeof maybeCleanup === 'function') cleanups.push(maybeCleanup);
+        } catch (_unused4) {
+          // keep prior behavior: do not crash
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    pluginCleanupsRef.current = cleanups;
+    return function () {
+      var _iterator2 = _createForOfIteratorHelper(pluginCleanupsRef.current),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var fn = _step2.value;
+          try {
+            fn();
+          } catch (_unused3) {}
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      pluginCleanupsRef.current = [];
+    };
+  }, [plugins]);
+
   /* ---------- track last external event ---------- */
   var lastExternalEventRef = useRef(null);
   useEffect(function () {
-    if (externalEvent) {
-      lastExternalEventRef.current = externalEvent;
-    }
+    if (externalEvent) lastExternalEventRef.current = externalEvent;
   }, [externalEvent]);
 
   /* ---------- error buffer + last emitted bundle ---------- */
-  var errorsBufferRef = useRef([]); // pending errors (not yet emitted)
+  var errorsBufferRef = useRef([]);
   var lastEmittedRef = useRef({
     externalEvent: null,
     errors: []
-  }); // last bundle we sent
+  });
   var flushTimerRef = useRef(null);
   var emit = useCallback(function (external, errors) {
     var payload = {
@@ -181,13 +247,11 @@ export default function LiteRenderer(props) {
     };
     try {
       onError === null || onError === void 0 || onError(payload);
-    } catch (_unused3) {}
+    } catch (_unused5) {}
     // eslint-disable-next-line no-console
     console.debug('[LiteRenderer:onError]', payload);
     lastEmittedRef.current = payload;
   }, [onError]);
-
-  // batch short bursts (e.g., multiple async errors in same tick)
   var scheduleFlush = useCallback(function () {
     if (flushTimerRef.current) return;
     flushTimerRef.current = setTimeout(function () {
@@ -196,7 +260,7 @@ export default function LiteRenderer(props) {
       if (!errors.length) return;
       errorsBufferRef.current = [];
       emit(lastExternalEventRef.current, errors);
-    }, 0); // micro-batch; increase (e.g. 50ms) if you want coarser batching
+    }, 0);
   }, [emit]);
   var pushError = useCallback(function (errPayload) {
     errorsBufferRef.current.push(_objectSpread({
@@ -207,6 +271,7 @@ export default function LiteRenderer(props) {
 
   /* ---------- global runtime + async error capture ---------- */
   useEffect(function () {
+    if (!isBrowser) return;
     var onWindowError = function onWindowError(event) {
       pushError({
         type: 'runtime-error',
@@ -238,316 +303,20 @@ export default function LiteRenderer(props) {
     var prev = prevExternalEventRef.current;
     if (prev === externalEvent) return;
     prevExternalEventRef.current = externalEvent;
-
-    // if we already emitted something before, re-send it with the new event context
     var last = lastEmittedRef.current;
     if (last && last.errors && last.errors.length) {
       emit(lastExternalEventRef.current, last.errors);
     }
   }, [externalEvent, emit]);
-  var _ref = categoryData && categoryData.data || {},
-    catalogs = _ref.catalogs,
-    colorAlias = _ref.colorAlias,
-    subgroups = _ref.subgroups;
-  var _ref2 = dataBundle || {},
-    _ref2$data = _ref2.data,
-    data = _ref2$data === void 0 ? [] : _ref2$data,
-    _ref2$appliances = _ref2.appliances,
-    appliances = _ref2$appliances === void 0 ? [] : _ref2$appliances,
-    _ref2$furnishing = _ref2.furnishing,
-    furnishing = _ref2$furnishing === void 0 ? [] : _ref2$furnishing,
-    _ref2$lighting = _ref2.lighting,
-    lighting = _ref2$lighting === void 0 ? [] : _ref2$lighting;
-  var _projectElement = _slicedToArray(projectElement, 1),
-    project_data = _projectElement[0].project_data;
-  var id = configData.id,
-    logoImg = configData.logoImg,
-    companyUrl = configData.companyUrl;
-  var _React$useState = React.useState([]),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    outlineSVGData = _React$useState2[0],
-    setOutlineSVGData = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    catalogInitiated = _React$useState4[0],
-    setCatalogInitiated = _React$useState4[1];
-  useEffect(function () {
-    var initMyCatalog = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var x, _x, _x2;
-        return _regeneratorRuntime.wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              for (x in Areas) MyCatalog.registerElement(Areas[x]);
-              for (_x in Lines) MyCatalog.registerElement(Lines[_x]);
-              for (_x2 in Holes) MyCatalog.registerElement(Holes[_x2]);
-              MyCatalog.registerCategory('Windows', 'Windows', [Holes.windowClear, Holes.windowCross, Holes.windowDoubleHung, Holes.windowVertical]);
-              MyCatalog.registerCategory('Doors', 'Doors', [Holes.doorInterior, Holes.doorExterior, Holes.doorCloset, Holes.doorSliding, Holes.doorwayFramed, Holes.doorwayFrameless]);
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function initMyCatalog() {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-    var loadMoldings = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var door_color_alias, subgroup_ids, door_color_alias_ids, doorStyleData, molding, toeMoldingData, cabinets, promises;
-        return _regeneratorRuntime.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              door_color_alias = [];
-              subgroup_ids = catalogs.filter(function (item) {
-                return item.id == id;
-              })[0].manufacturer_subgroup_ids.split(',');
-              door_color_alias_ids = [];
-              subgroups.forEach(function (subgroup) {
-                if (subgroup_ids.some(function (id) {
-                  return id == subgroup.id.toString();
-                })) {
-                  subgroup.door_color_alias_ids.split(',').forEach(function (item) {
-                    item != '' && door_color_alias_ids.push(item);
-                  });
-                }
-              });
-              colorAlias.forEach(function (color) {
-                return door_color_alias_ids.some(function (id) {
-                  return id == color.id.toString();
-                }) && door_color_alias.push(color);
-              });
-              doorStyleData = categoryData.data.doorStyles.items;
-              categoryData.data.doorStyles.items = doorStyleData.treeStruct;
-              door_color_alias.forEach(function (dca) {
-                doorStyleData.doorColorData.forEach(function (dc) {
-                  dc.door_style_id = parseInt(dc.door_style_id);
-                  if (dc.id !== dca.door_color_id) return;
-                  dc.name = dca.alias_name;
-                  dc.color_sku_alias = dca.sku_alias_name;
-                  doorStyleData.treeStruct.forEach(function (el) {
-                    el.items.forEach(function (elem) {
-                      return dc.door_style_id === elem.id && (dc.door_style_name = elem.name);
-                    });
-                  });
-                  dca.alias_installation_type = isEmpty(dca.alias_installation_type) ? [] : dca.alias_installation_type.split(',').map(function (n) {
-                    return parseInt(n);
-                  });
-                  categoryData.data.doorStyles.items.forEach(function (item) {
-                    if (dca.alias_installation_type.some(function (ait) {
-                      return ait === item.id;
-                    })) item.items.forEach(function (ds) {
-                      if (ds.name === dc.door_style_name) ds.items.push(dc);
-                    });
-                  });
-                });
-              });
-              molding = [];
-              toeMoldingData = [];
-              cabinets = categoryData.data.cabinets;
-              cabinets[cabinets.length - 1].items.forEach(function (index) {
-                if (index.name.toLowerCase().includes('molding')) {
-                  index.items.forEach(function (item) {
-                    return molding.push(item);
-                  });
-                }
-                if (index.name.includes(TOE_KICK_MOLDING)) {
-                  index.items.forEach(function (item) {
-                    return toeMoldingData.push(item);
-                  });
-                }
-              });
-              categoryData.data.toeMoldingData = toeMoldingData;
-              promises = molding.map(function (child) {
-                return new Promise(function (resolve, reject) {
-                  var url = child === null || child === void 0 ? void 0 : child.shape_svg;
-                  if (!url) return resolve();
-                  var loader = new SVGLoader();
-                  loader.load(url, function (data) {
-                    var _data$xml$viewBox$ani, _data$xml, _data$xml$viewBox$ani2, _data$xml2;
-                    child.data = {
-                      paths: data.paths,
-                      svg_width: (_data$xml$viewBox$ani = (_data$xml = data.xml) === null || _data$xml === void 0 || (_data$xml = _data$xml.viewBox) === null || _data$xml === void 0 || (_data$xml = _data$xml.animVal) === null || _data$xml === void 0 ? void 0 : _data$xml.width) !== null && _data$xml$viewBox$ani !== void 0 ? _data$xml$viewBox$ani : 0,
-                      svg_height: (_data$xml$viewBox$ani2 = (_data$xml2 = data.xml) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.viewBox) === null || _data$xml2 === void 0 || (_data$xml2 = _data$xml2.animVal) === null || _data$xml2 === void 0 ? void 0 : _data$xml2.height) !== null && _data$xml$viewBox$ani2 !== void 0 ? _data$xml$viewBox$ani2 : 0
-                    };
-                    resolve();
-                  }, null, function (error) {
-                    console.error(error);
-                    reject(error);
-                  });
-                });
-              });
-              return _context2.abrupt("return", Promise.all(promises));
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function loadMoldings() {
-        return _ref4.apply(this, arguments);
-      };
-    }();
-    var loadSVGs = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        var svgLoadPromises, outlineData;
-        return _regeneratorRuntime.wrap(function (_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              svgLoadPromises = data.map(/*#__PURE__*/function () {
-                var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(item) {
-                  var _parsed$xml$viewBox, _parsed$xml$viewBox2, response, svgText, loader, parsed, _t;
-                  return _regeneratorRuntime.wrap(function (_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
-                      case 0:
-                        if (item.outline) {
-                          _context3.next = 1;
-                          break;
-                        }
-                        return _context3.abrupt("return", null);
-                      case 1:
-                        _context3.prev = 1;
-                        _context3.next = 2;
-                        return fetch(item.outline, {
-                          cache: 'no-store'
-                        });
-                      case 2:
-                        response = _context3.sent;
-                        _context3.next = 3;
-                        return response.text();
-                      case 3:
-                        svgText = _context3.sent;
-                        loader = new SVGLoader();
-                        parsed = loader.parse(svgText);
-                        if (!isEmpty(parsed.paths)) {
-                          _context3.next = 4;
-                          break;
-                        }
-                        return _context3.abrupt("return", null);
-                      case 4:
-                        return _context3.abrupt("return", {
-                          paths: parsed.paths,
-                          svgWidth: parseFloat(parsed.xml.getAttribute('width')) || ((_parsed$xml$viewBox = parsed.xml.viewBox) === null || _parsed$xml$viewBox === void 0 || (_parsed$xml$viewBox = _parsed$xml$viewBox.animVal) === null || _parsed$xml$viewBox === void 0 ? void 0 : _parsed$xml$viewBox.width) || 0,
-                          svgHeight: parseFloat(parsed.xml.getAttribute('height')) || ((_parsed$xml$viewBox2 = parsed.xml.viewBox) === null || _parsed$xml$viewBox2 === void 0 || (_parsed$xml$viewBox2 = _parsed$xml$viewBox2.animVal) === null || _parsed$xml$viewBox2 === void 0 ? void 0 : _parsed$xml$viewBox2.height) || 0,
-                          reverse: !parseFloat(parsed.xml.getAttribute('height'))
-                        });
-                      case 5:
-                        _context3.prev = 5;
-                        _t = _context3["catch"](1);
-                        console.error('Failed to load SVG:', item.outline, _t);
-                        return _context3.abrupt("return", null);
-                      case 6:
-                      case "end":
-                        return _context3.stop();
-                    }
-                  }, _callee3, null, [[1, 5]]);
-                }));
-                return function (_x3) {
-                  return _ref6.apply(this, arguments);
-                };
-              }());
-              _context4.next = 1;
-              return Promise.all(svgLoadPromises);
-            case 1:
-              outlineData = _context4.sent;
-              setOutlineSVGData(outlineData);
-            case 2:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      return function loadSVGs() {
-        return _ref5.apply(this, arguments);
-      };
-    }();
-    var initCatalog = /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-        return _regeneratorRuntime.wrap(function (_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              setCatalogInitiated(false);
-              _context5.next = 1;
-              return initMyCatalog();
-            case 1:
-              _context5.next = 2;
-              return loadMoldings();
-            case 2:
-              _context5.next = 3;
-              return loadSVGs();
-            case 3:
-              setCatalogInitiated(true);
-            case 4:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5);
-      }));
-      return function initCatalog() {
-        return _ref7.apply(this, arguments);
-      };
-    }();
-    initCatalog();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [categoryData, data, id, catalogs, colorAlias, subgroups]);
-
-  // Register items once SVGs are loaded
-  useEffect(function () {
-    if (!outlineSVGData.length) return;
-    var Item = [];
-    data.forEach(function (obj, index) {
-      Item.push(exporter(_objectSpread(_objectSpread({}, obj), {}, {
-        type: 'cabinet',
-        outlineSVGData: outlineSVGData[index],
-        render2DItem: render2DItem,
-        render3DItem: render3DItem
-      })));
-    });
-    appliances.forEach(function (obj) {
-      Item.push(exporter(_objectSpread(_objectSpread({}, obj), {}, {
-        render2DItem: render2DItem,
-        render3DItem: render3DApplianceItem,
-        type: 'appliance'
-      })));
-    });
-    lighting.forEach(function (obj) {
-      Item.push(exporter(_objectSpread(_objectSpread({}, obj), {}, {
-        type: 'lighting',
-        render2DItem: render2DItem,
-        render3DItem: render3DLightingItem
-      })));
-    });
-    furnishing.forEach(function (obj) {
-      Item.push(exporter(_objectSpread(_objectSpread({}, obj), {}, {
-        type: 'furnishing',
-        render2DItem: render2DItem,
-        render3DItem: render3DApplianceItem
-      })));
-    });
-    for (var x in Item) MyCatalog.registerElement(Item[x]);
-  }, [outlineSVGData, data, appliances, furnishing, lighting]);
-  useEffect(function () {
-    if (projectElement.length === 0) return;
-    if (!catalogInitiated) return;
-    sessionStorage.setItem('projectTitle', projectElement[0].title);
-    store.dispatch(rename(projectElement[0].title));
-    sessionStorage.setItem('projectId', projectElement[0].id);
-    sessionStorage.setItem('email', projectElement[0].email);
-    sessionStorage.setItem('firstName', projectElement[0].firstName);
-    sessionStorage.setItem('lastName', projectElement[0].lastName);
-    sessionStorage.setItem('phone', projectElement[0].phone);
-    var jsonData;
-    jsonData = JSON.parse(projectElement[0].project_data);
-    jsonData.isLoadingCabinet = false;
-    store.dispatch(loadProject(jsonData, categoryData));
-  }, [project_data, catalogInitiated]);
+  var _ref = configData || {},
+    logoImg = _ref.logoImg,
+    companyUrl = _ref.companyUrl;
   return /*#__PURE__*/React.createElement(AppContext.Provider, null, /*#__PURE__*/React.createElement(Provider, {
-    store: store
+    store: storeRef.current
   }, /*#__PURE__*/React.createElement(ToolErrorBoundary, {
     pushError: pushError
   }, /*#__PURE__*/React.createElement(LiteKitchenConfigurator, _extends({
-    catalog: MyCatalog,
+    catalog: catalogRef.current,
     width: width,
     height: height,
     logoImage: logoImg,
@@ -556,22 +325,14 @@ export default function LiteRenderer(props) {
     stateExtractor: function stateExtractor(state) {
       return state.get('KitchenConfigurator');
     },
-    categoryData: categoryData,
-    data: data,
     configData: configData,
     externalEvent: externalEvent,
-    onExternalEventProcessed: onExternalEventProcessed
+    onInternalEvent: onInternalEvent
   }, passThrough)))));
 }
-
-/* ============================== prop types ============================== */
-
 LiteRenderer.propTypes = {
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  projectElement: PropTypes.arrayOf(PropTypes.object),
-  categoryData: PropTypes.any,
-  dataBundle: PropTypes.any,
   configData: PropTypes.any,
   catalog: PropTypes.oneOfType([PropTypes.object, PropTypes.instanceOf(Models.Catalog)]),
   logoImg: PropTypes.any,
@@ -585,7 +346,7 @@ LiteRenderer.propTypes = {
     environment: PropTypes.string
   }),
   externalEvent: PropTypes.object,
-  onExternalEventProcessed: PropTypes.func,
+  onInternalEvent: PropTypes.func,
   onError: PropTypes.func,
   store: PropTypes.object
 };