kitchen-simulator 1.0.0-alin.8 → 1.0.0-clark.100

package/es/LiteKitchenConfigurator.js

@@ -1,15 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 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";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _excluded = ["width", "height", "state", "stateExtractor"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -42,23 +40,6 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
     _this = _callSuper(this, LiteKitchenConfigurator, [props]);
 
     // utm tracking
-    _defineProperty(_this, "handleBeforeUnload", function (e) {
-      var areas = _this.props.stateExtractor(_this.props.state).getIn(['scene', 'layers', _this.props.stateExtractor(_this.props.state).scene.selectedLayer, 'areas']);
-      if (!_this.state.isSaved && areas.size > 0) {
-        setTimeout(function () {
-          _this.setState({
-            savePromptVisible: true,
-            isLeaving: true
-          });
-        }, 500);
-        _this.saveProjectToStorage();
-
-        // This line is required to trigger the browser confirmation dialog
-        e.preventDefault();
-        e.returnValue = '';
-        return '';
-      }
-    });
     var utmDetailParams = new URLSearchParams(_this.props.location && _this.props.location.search);
     var utmStrEncoded = utmDetailParams.get('details');
     var utmRequestData = null;
@@ -331,139 +312,20 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         catalog: this.props.catalog
       });
     }
-  }, {
-    key: "saveProjectToStorage",
-    value: function saveProjectToStorage() {
-      var _this$props = this.props,
-        state = _this$props.state,
-        stateExtractor = _this$props.stateExtractor;
-      var extractedState = stateExtractor(state);
-      var projectData = JSON.stringify(extractedState.get('scene').toJS());
-      sessionStorage.setItem(window.location.href, projectData);
-    }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this3 = this;
-      window.addEventListener('beforeunload', this.handleBeforeUnload);
       console.log('context =>', this.context);
       window.forRedo = [];
       var store = this.context.store;
-      var _this$props2 = this.props,
-        projectActions = _this$props2.projectActions,
-        catalog = _this$props2.catalog,
-        stateExtractor = _this$props2.stateExtractor,
-        state = _this$props2.state,
-        plugins = _this$props2.plugins;
-      projectActions.initCatalog(catalog);
-      var match = this.props.match;
-      if (sessionStorage.getItem(window.location.href)) {
-        var jsonData = sessionStorage.getItem(window.location.href);
-        projectActions.loadProject(JSON.parse(jsonData), this.props.categoryData);
-        sessionStorage.removeItem(window.location.href);
-        return;
-      }
+      var _this$props = this.props,
+        stateExtractor = _this$props.stateExtractor,
+        plugins = _this$props.plugins;
       var newplugins = _toConsumableArray(plugins);
       newplugins.forEach(function (newplugin) {
         return newplugin(store, stateExtractor);
       });
-      if (match && match.params.pid === undefined) {
-        projectActions.newProject();
-        sessionStorage.setItem('projectTitle', 'Untitled');
-        projectActions.rename('Untitled');
-        sessionStorage.removeItem('projectId');
-        sessionStorage.removeItem('email');
-        sessionStorage.removeItem('firstName');
-        sessionStorage.removeItem('lastName');
-        sessionStorage.removeItem('usedObjects');
-        return;
-      }
-      if (match && match.params.pid !== undefined) {
-        if (match.params.pid === 'new') {
-          projectActions.newProject();
-          sessionStorage.setItem('projectTitle', 'Untitled');
-          projectActions.rename('Untitled');
-          sessionStorage.removeItem('projectId');
-          sessionStorage.removeItem('email');
-          sessionStorage.removeItem('firstName');
-          sessionStorage.removeItem('lastName');
-          sessionStorage.removeItem('usedObjects');
-        } else {
-          axios.post("".concat(constants.API_SERVER_URL, "/api/project/loadPidProject"), {
-            pid: match.params.pid,
-            visualizerName: sessionStorage.getItem('visualizerName')
-          }).then(/*#__PURE__*/function () {
-            var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(response) {
-              var projectElement, jsonData, _t;
-              return _regeneratorRuntime.wrap(function (_context) {
-                while (1) switch (_context.prev = _context.next) {
-                  case 0:
-                    projectElement = response.data.projectElement;
-                    if (!(projectElement.length === 0)) {
-                      _context.next = 1;
-                      break;
-                    }
-                    return _context.abrupt("return");
-                  case 1:
-                    sessionStorage.setItem('projectTitle', projectElement[0].title);
-                    projectActions.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);
-                    if (!projectElement[0].project_data) {
-                      _context.next = 2;
-                      break;
-                    }
-                    jsonData = JSON.parse(projectElement[0].project_data);
-                    _context.next = 5;
-                    break;
-                  case 2:
-                    _context.prev = 2;
-                    _context.next = 3;
-                    return axios.post("".concat(constants.API_SERVER_URL, "/api/project/loadPidData"), {
-                      pid: match.params.pid
-                    }).data.data;
-                  case 3:
-                    jsonData = _context.sent;
-                    _context.next = 5;
-                    break;
-                  case 4:
-                    _context.prev = 4;
-                    _t = _context["catch"](2);
-                    _this3.setState({
-                      isSnackBarOpen: true,
-                      snackBarMessage: _t
-                    });
-                  case 5:
-                    jsonData.isLoadingCabinet = false;
-                    projectActions.loadProject(jsonData, _this3.props.categoryData);
-                  case 6:
-                  case "end":
-                    return _context.stop();
-                }
-              }, _callee, null, [[2, 4]]);
-            }));
-            return function (_x) {
-              return _ref.apply(this, arguments);
-            };
-          }());
-        }
-        sessionStorage.removeItem('user_type');
-        sessionStorage.removeItem('project_type');
-        sessionStorage.removeItem('project_timeline');
-      }
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.addEventListener('beforeunload', this.handleBeforeUnload);
-      window.onbeforeunload = null;
-    }
-  }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {}
   }, {
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
@@ -471,11 +333,12 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         state = nextProps.state,
         projectActions = nextProps.projectActions,
         catalog = nextProps.catalog,
-        externalEvent = nextProps.externalEvent;
+        externalEvent = nextProps.externalEvent,
+        onInternalEvent = nextProps.onInternalEvent;
 
       // handle external events
       if (this.props.externalEvent !== externalEvent) {
-        handleExternalEvent(externalEvent, this.props);
+        handleExternalEvent(nextProps);
       }
       var plannerState = stateExtractor(state);
       var catalogReady = plannerState.getIn(['catalog', 'ready']);
@@ -494,12 +357,12 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props3 = this.props,
-        width = _this$props3.width,
-        height = _this$props3.height,
-        state = _this$props3.state,
-        stateExtractor = _this$props3.stateExtractor,
-        props = _objectWithoutProperties(_this$props3, _excluded);
+      var _this$props2 = this.props,
+        width = _this$props2.width,
+        height = _this$props2.height,
+        state = _this$props2.state,
+        stateExtractor = _this$props2.stateExtractor,
+        props = _objectWithoutProperties(_this$props2, _excluded);
       var _this$state = this.state,
         savePopupVisible = _this$state.savePopupVisible,
         quotePopupVisible = _this$state.quotePopupVisible,
@@ -507,8 +370,6 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         signOpen = _this$state.signOpen,
         myProjectsOpen = _this$state.myProjectsOpen;
       var contentW = width - toolbarW;
-      var categoryData = this.props.categoryData;
-      // console.log(categoryData);
       // let contentW = width - toolbarW - sidebarW;
       // let toolbarH = height - footerBarH;
       // let contentH = height - footerBarH;
@@ -519,27 +380,6 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       var headerW = width;
       var headerH = 60;
       var extractedState = stateExtractor(state);
-      var doorStyle = extractedState.get('doorStyle');
-      if (extractedState.getIn(['scene', 'layers', extractedState.scene.selectedLayer, 'doorStyle']) !== undefined && extractedState.getIn(['scene', 'layers', extractedState.scene.selectedLayer, 'doorStyle']) !== null) {
-        var extractedStateData = extractedState.getIn(['scene', 'layers', extractedState.scene.selectedLayer, 'doorStyle']);
-        var doorIdAvailable = false;
-        if (this.props.categoryData.doorStyles && this.props.categoryData.doorStyles.items) {
-          this.props.categoryData.doorStyles.items.find(function (category) {
-            doorIdAvailable = category.items.find(function (style) {
-              var item = style.items.find(function (it) {
-                return it.id === extractedStateData.id;
-              });
-              if (item) {
-                colorItem = item;
-                return true;
-              } else {
-                return false;
-              }
-            });
-          });
-        }
-        if (doorIdAvailable) doorStyle = extractedStateData;
-      }
       var firstVisit = this.state.wizardStepOpend && this.isProjectEmpty(extractedState.scene);
       var allVisible = firstVisit || signOpen || myProjectsOpen;
       var _scene = extractedState.getIn(['scene']);
@@ -582,7 +422,8 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       }, props, {
         onWheel: function onWheel(event) {
           return event.preventDefault();
-        }
+        },
+        onInternalEvent: this.props.onInternalEvent
       }))));
     }
   }]);
@@ -601,7 +442,8 @@ LiteKitchenConfigurator.propTypes = {
   footerbarComponents: PropTypes.array,
   customContents: PropTypes.object,
   softwareSignature: PropTypes.string,
-  configData: PropTypes.object
+  configData: PropTypes.object,
+  onInternalEvent: PropTypes.func
 };
 LiteKitchenConfigurator.contextTypes = {
   store: PropTypes.object.isRequired

package/es/LiteRenderer.js

@@ -8,7 +8,7 @@ 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", "onError"];
+var _excluded = ["width", "height", "projectElement", "dataBundle", "configData", "options", "user", "auth", "featureFlags", "sentry", "analytics", "externalEvent", "onInternalEvent", "onError"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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; }
@@ -33,7 +33,6 @@ import { render2DItem, render3DApplianceItem, render3DItem, render3DLightingItem
 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";
@@ -145,7 +144,6 @@ export default function LiteRenderer(props) {
   var width = props.width,
     height = props.height,
     projectElement = props.projectElement,
-    categoryData = props.categoryData,
     dataBundle = props.dataBundle,
     configData = props.configData,
     options = props.options,
@@ -155,6 +153,7 @@ export default function LiteRenderer(props) {
     sentry = props.sentry,
     analytics = props.analytics,
     externalEvent = props.externalEvent,
+    onInternalEvent = props.onInternalEvent,
     onError = props.onError,
     passThrough = _objectWithoutProperties(props, _excluded);
 
@@ -244,21 +243,15 @@ export default function LiteRenderer(props) {
       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 _ref = dataBundle || {},
+    _ref$data = _ref.data,
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$appliances = _ref.appliances,
+    appliances = _ref$appliances === void 0 ? [] : _ref$appliances,
+    _ref$furnishing = _ref.furnishing,
+    furnishing = _ref$furnishing === void 0 ? [] : _ref$furnishing,
+    _ref$lighting = _ref.lighting,
+    lighting = _ref$lighting === void 0 ? [] : _ref$lighting;
   var id = configData.id,
     logoImg = configData.logoImg,
     companyUrl = configData.companyUrl;
@@ -266,13 +259,9 @@ export default function LiteRenderer(props) {
     _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 _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         var x, _x, _x2;
         return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -289,75 +278,19 @@ export default function LiteRenderer(props) {
         }, _callee);
       }));
       return function initMyCatalog() {
-        return _ref3.apply(this, arguments);
+        return _ref2.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;
+      var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var molding, toeMoldingData, moldingData, 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;
+              toeMoldingData = {};
+              moldingData = {};
+              if (moldingData.name = TOE_KICK_MOLDING) toeMoldingData = moldingData;
               promises = molding.map(function (child) {
                 return new Promise(function (resolve, reject) {
                   var url = child === null || child === void 0 ? void 0 : child.shape_svg;
@@ -385,17 +318,17 @@ export default function LiteRenderer(props) {
         }, _callee2);
       }));
       return function loadMoldings() {
-        return _ref4.apply(this, arguments);
+        return _ref3.apply(this, arguments);
       };
     }();
     var loadSVGs = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var _ref4 = _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 _ref5 = _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) {
@@ -443,7 +376,7 @@ export default function LiteRenderer(props) {
                   }, _callee3, null, [[1, 5]]);
                 }));
                 return function (_x3) {
-                  return _ref6.apply(this, arguments);
+                  return _ref5.apply(this, arguments);
                 };
               }());
               _context4.next = 1;
@@ -458,15 +391,14 @@ export default function LiteRenderer(props) {
         }, _callee4);
       }));
       return function loadSVGs() {
-        return _ref5.apply(this, arguments);
+        return _ref4.apply(this, arguments);
       };
     }();
     var initCatalog = /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _ref6 = _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:
@@ -476,20 +408,18 @@ export default function LiteRenderer(props) {
               _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);
+        return _ref6.apply(this, arguments);
       };
     }();
     initCatalog();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [categoryData, data, id, catalogs, colorAlias, subgroups]);
+  }, [data, id]);
 
   // Register items once SVGs are loaded
   useEffect(function () {
@@ -526,21 +456,6 @@ export default function LiteRenderer(props) {
     });
     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]);
   return /*#__PURE__*/React.createElement(AppContext.Provider, null, /*#__PURE__*/React.createElement(Provider, {
     store: store
   }, /*#__PURE__*/React.createElement(ToolErrorBoundary, {
@@ -555,10 +470,10 @@ export default function LiteRenderer(props) {
     stateExtractor: function stateExtractor(state) {
       return state.get('KitchenConfigurator');
     },
-    categoryData: categoryData,
     data: data,
     configData: configData,
-    externalEvent: externalEvent
+    externalEvent: externalEvent,
+    onInternalEvent: onInternalEvent
   }, passThrough)))));
 }
 
@@ -568,7 +483,6 @@ 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)]),
@@ -583,6 +497,7 @@ LiteRenderer.propTypes = {
     environment: PropTypes.string
   }),
   externalEvent: PropTypes.object,
+  onInternalEvent: PropTypes.func,
   onError: PropTypes.func,
   store: PropTypes.object
 };

package/es/actions/items-actions.js

@@ -1,4 +1,4 @@
-import { TOGGLE_LOADING_CABINET, SELECT_ITEM, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_ROTATING_ITEM_CHANGED, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING_ITEM, UPDATE_ROTATING, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, SET_DISTANT, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, STORE_DIST_ARRAY, SET_MOLDING, UPDATE_MOLDING, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM, SET_MOVE_STATUS, SET_ROTATE_STATUS } from "../constants";
+import { TOGGLE_LOADING_CABINET, SELECT_ITEM, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_ROTATING_ITEM_CHANGED, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING_ITEM, UPDATE_ROTATING, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, CHANGE_DISTANCE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, SET_DISTANT, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, STORE_DIST_ARRAY, SET_MOLDING, UPDATE_MOLDING, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM, SET_MOVE_STATUS, SET_ROTATE_STATUS } from "../constants";
 export function storeDistArray(layerID, itemID, distArray) {
   return {
     type: STORE_DIST_ARRAY,
@@ -223,14 +223,20 @@ export function updateItemsAltitude(layerID, itemID, value) {
     value: value
   };
 }
-export function setDoorStyle(doorStyle, pathes, isAll) {
+export function setDoorStyle(doorStyle, itemCDS, isAll) {
   return {
     type: SET_DOOR_STYLE,
     doorStyle: doorStyle,
-    pathes: pathes,
+    itemCDS: itemCDS,
     isAll: isAll
   };
 }
+export function changeDistance(distancePayload) {
+  return {
+    type: CHANGE_DISTANCE,
+    distancePayload: distancePayload
+  };
+}
 export function setCounterTop(counterTop) {
   return {
     type: SET_COUNTER_TOP,
@@ -292,11 +298,10 @@ export function setModelling(model) {
     model: model
   };
 }
-export function setInitialDoorStyle(doorStyle, oStyle) {
+export function setInitialDoorStyle(doorStyle) {
   return {
     type: SET_INITIAL_DOOR_STYLE,
-    doorStyle: doorStyle,
-    oStyle: oStyle
+    doorStyle: doorStyle
   };
 }
 export function setMoveStatus(status) {

package/es/actions/project-actions.js

@@ -17,11 +17,10 @@ export function setStateProperties(properties) {
     properties: properties
   };
 }
-export function loadProject(sceneJSON, categoryData) {
+export function loadProject(sceneJSON) {
   return {
     type: LOAD_PROJECT,
-    sceneJSON: sceneJSON,
-    categoryData: categoryData
+    sceneJSON: sceneJSON
   };
 }
 export function newProject() {

package/es/assets/img/svg/logo.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2.53725 5.07449C3.93853 5.07449 5.07449 3.93853 5.07449 2.53725C5.07449 1.13596 3.93853 0 2.53725 0C1.13596 0 0 1.13596 0 2.53725C0 3.93853 1.13596 5.07449 2.53725 5.07449Z" fill="#6332AC"/>
+  <path d="M11.9788 5.07449C13.3801 5.07449 14.5161 3.93853 14.5161 2.53725C14.5161 1.13596 13.3801 0 11.9788 0C10.5775 0 9.44156 1.13596 9.44156 2.53725C9.44156 3.93853 10.5775 5.07449 11.9788 5.07449Z" fill="#4DCBCB"/>
+  <path d="M21.4628 5.07449C22.8641 5.07449 24 3.93853 24 2.53725C24 1.13596 22.8641 0 21.4628 0C20.0615 0 18.9255 1.13596 18.9255 2.53725C18.9255 3.93853 20.0615 5.07449 21.4628 5.07449Z" fill="#154AC5"/>
+  <path d="M2.53728 14.5169C3.93856 14.5169 5.07452 13.3809 5.07452 11.9796C5.07452 10.5783 3.93856 9.44238 2.53728 9.44238C1.13599 9.44238 3.05176e-05 10.5783 3.05176e-05 11.9796C3.05176e-05 13.3809 1.13599 14.5169 2.53728 14.5169Z" fill="#0C389D"/>
+  <path d="M11.9788 14.5169C13.3801 14.5169 14.5161 13.3809 14.5161 11.9796C14.5161 10.5783 13.3801 9.44238 11.9788 9.44238C10.5775 9.44238 9.44156 10.5783 9.44156 11.9796C9.44156 13.3809 10.5775 14.5169 11.9788 14.5169Z" fill="#4C12A1"/>
+  <path d="M21.4628 14.5169C22.8641 14.5169 24 13.3809 24 11.9796C24 10.5783 22.8641 9.44238 21.4628 9.44238C20.0615 9.44238 18.9255 10.5783 18.9255 11.9796C18.9255 13.3809 20.0615 14.5169 21.4628 14.5169Z" fill="#008D8D"/>
+  <path d="M2.53728 24C3.93856 24 5.07452 22.8641 5.07452 21.4628C5.07452 20.0615 3.93856 18.9255 2.53728 18.9255C1.13599 18.9255 3.05176e-05 20.0615 3.05176e-05 21.4628C3.05176e-05 22.8641 1.13599 24 2.53728 24Z" fill="#00B9B9"/>
+  <path d="M11.9788 24C13.3801 24 14.5161 22.8641 14.5161 21.4628C14.5161 20.0615 13.3801 18.9255 11.9788 18.9255C10.5775 18.9255 9.44156 20.0615 9.44156 21.4628C9.44156 22.8641 10.5775 24 11.9788 24Z" fill="#3A66CA"/>
+  <path d="M21.4628 24C22.8641 24 24 22.8641 24 21.4628C24 20.0615 22.8641 18.9255 21.4628 18.9255C20.0615 18.9255 18.9255 20.0615 18.9255 21.4628C18.9255 22.8641 20.0615 24 21.4628 24Z" fill="#3A0B80"/>
+</svg>