kitchen-simulator 1.0.0-alin.4 → 1.0.0-alin.40

package/es/devLiteRenderer.js

@@ -4,11 +4,14 @@ import ContainerDimensions from 'react-container-dimensions';
 import mockProps from "./mocks/mockProps.json";
 import mockCategoryData from "./mocks/categoryData.json";
 import mockDataBundle from "./mocks/dataBundle.json";
-import cabinetPaylod from "./mocks/cabinetPayload.json";
+import cabinetPaylod from "./mocks/cabinetPayload2.json";
+import doorStylePaylod from "./mocks/doorStylePayload.json";
+import oStylePaylod from "./mocks/oStylePayload.json";
+import rectangleData from "./mocks/rectangleShape.json";
 import ReactDOM from 'react-dom';
 import LiteRenderer from "./LiteRenderer";
 import { Button } from 'antd';
-import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT } from "./constants";
+import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT } from "./constants";
 
 // --- renderer props ---
 var options = {
@@ -22,6 +25,18 @@ function WorkSpace(props) {
     externalEvent = _useState2[0],
     setExternalEvent = _useState2[1];
   var offset = 5;
+  useEffect(function () {
+    var evt = {
+      type: EXTERNAL_EVENT_SET_INITIAL_DATA,
+      payload: {
+        doorStyle: {
+          doorStyle: doorStylePaylod,
+          oStyle: oStylePaylod
+        }
+      }
+    };
+    setExternalEvent(evt);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: "flex gap-4"
   }, /*#__PURE__*/React.createElement(Button, {
@@ -107,6 +122,28 @@ function WorkSpace(props) {
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: "/assets/img/svg/bottombar/arrow-right.svg"
+  })), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ZOOM_IN,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-minus.svg"
+  })), /*#__PURE__*/React.createElement(Button, {
+    actionType: "primary",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ZOOM_OUT,
+        payload: {}
+      };
+      setExternalEvent(evt);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/assets/img/svg/bottombar/arrow-plus.svg"
   })), /*#__PURE__*/React.createElement(Button, {
     actionType: "primary",
     onClick: function onClick() {
@@ -134,9 +171,30 @@ function WorkSpace(props) {
       };
       setExternalEvent(evt);
     }
-  }, "Add B12 Cabinet"), /*#__PURE__*/React.createElement(LiteRenderer, {
-    width: 1200,
-    height: 953,
+  }, "Add B12 Cabinet"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_CHANGE_DOORSTYLE,
+        payload: {
+          doorStyle: doorStylePaylod,
+          isAll: true
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "DoorStyle (Change into Midtown White Shaker)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_ROOM_SHAPE,
+        payload: rectangleData
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Room shape(rectangle)"), /*#__PURE__*/React.createElement(LiteRenderer, {
+    width: props.width,
+    height: props.height,
     projectElement: mockProps.projectElement,
     categoryData: mockCategoryData,
     dataBundle: mockDataBundle,
@@ -158,4 +216,11 @@ function WorkSpace(props) {
     }
   }));
 }
-ReactDOM.render(/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(WorkSpace, null)), document.getElementById('app'));
+ReactDOM.render(/*#__PURE__*/React.createElement(ContainerDimensions, null, function (_ref) {
+  var width = _ref.width,
+    height = _ref.height;
+  return /*#__PURE__*/React.createElement(WorkSpace, {
+    width: width,
+    height: height
+  });
+}), document.getElementById('app'));

package/es/index.js

@@ -7,19 +7,21 @@ import LiteRenderer from "./LiteRenderer";
 export function renderKitchenSimulator(container) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var currentProps = props;
-  var render = function render(newProps) {
-    ReactDOM.render(/*#__PURE__*/React.createElement(LiteRenderer, newProps), container);
-  };
-  render(props);
+
+  // Initial render
+  var root = ReactDOM.render(/*#__PURE__*/React.createElement(LiteRenderer, props), container);
   return {
-    updateExternalEvent: function updateExternalEvent(externalEvent) {
-      currentProps = _objectSpread(_objectSpread({}, currentProps), {}, {
-        externalEvent: externalEvent
-      });
-      render(currentProps);
-    },
-    unmount: function unmount() {
-      ReactDOM.unmountComponentAtNode(container);
+    root: root,
+    updateExternalEvent: function updateExternalEvent(newExternalEvent) {
+      var prevEvent = currentProps.externalEvent;
+      var isSameEvent = prevEvent && newExternalEvent && prevEvent.type === newExternalEvent.type && JSON.stringify(prevEvent.payload) === JSON.stringify(newExternalEvent.payload);
+      if (!isSameEvent) {
+        currentProps = _objectSpread(_objectSpread({}, currentProps), {}, {
+          externalEvent: newExternalEvent
+        });
+        ReactDOM.render(/*#__PURE__*/React.createElement(LiteRenderer, currentProps), container);
+      }
     }
   };
-}
+}
+export default renderKitchenSimulator;

package/es/reducers/items-reducer.js

@@ -105,7 +105,7 @@ export default function (state, action) {
     case SELECT_TOOL_DRAWING_ITEM_3D:
       return Item.selectToolDrawingItem3D(state, action.sceneComponentType).updatedState;
     case SET_DOOR_STYLE:
-      return Item.setDoorStyle(state, action.doorStyle, action.pathes, action.isAll).updatedState;
+      return Item.setDoorStyle(state, action.doorStyle, action.isAll).updatedState;
     case SET_HANDLE_MATERIAL:
       return Item.setHandleMaterial(state, action.material).updatedState;
     case SET_DOOR_HANDLE:

package/es/utils/geometry.js

@@ -873,18 +873,18 @@ export function getAllItemSnap(allItemRects) {
     var snap4 = itemrectInfo(rect.rect[3].x + ox0, rect.rect[3].y + oy0, nrot, cur && cur.size, rect.layoutpos, rect.is_corner);
     var sizeinfo = otherItems[index].cat && otherItems[index].cat.info.sizeinfo;
     if (sizeinfo) {
-      var leftBlindLength = sizeinfo.leftBlindLength,
-        rightBlindLength = sizeinfo.rightBlindLength;
-      if (leftBlindLength > 0) {
-        var vx = leftBlindLength - ch;
+      var left_blind_length = sizeinfo.left_blind_length,
+        right_blind_length = sizeinfo.right_blind_length;
+      if (left_blind_length > 0) {
+        var vx = left_blind_length - ch;
         var vy = cw;
         var dx = vx * cos + vy * sin;
         var dy = vx * sin - vy * cos;
         var snap6 = itemrectInfo(rect.rect[0].x + dx, rect.rect[0].y + dy, rect.rotRad + Math.PI / 2, cur && cur.size, rect.layoutpos, rect.is_corner);
         allItemSnap.push(snap6);
       }
-      if (rightBlindLength > 0) {
-        var _vx = ch - rightBlindLength;
+      if (right_blind_length > 0) {
+        var _vx = ch - right_blind_length;
         var _vy = cw;
         var _dx = _vx * cos + _vy * sin;
         var _dy = _vx * sin - _vy * cos;

package/es/utils/isolate-event-handler.js

@@ -4,12 +4,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { fromJS, List, Map, Record } from 'immutable';
-import { EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, MODE_IDLE, MODE_2D_PAN, EXTERNAL_EVENT_ADD_ITEM, ARRAY_3D_MODES, MODE_IDLE_3D, MODE_ELEVATION_VIEW, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT } from "../constants";
+import { EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, MODE_IDLE, MODE_2D_PAN, EXTERNAL_EVENT_ADD_ITEM, ARRAY_3D_MODES, MODE_IDLE_3D, MODE_ELEVATION_VIEW, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, ZOOM_VARIABLE } from "../constants";
 import { isEmpty } from "./helper";
 import exporter from "../catalog/utils/exporter";
 import { render2DItem, render3DItem } from "../catalog/utils/item-loader";
-import Catalog from "../catalog/catalog";
-import { CatalogElement, safeLoadMapList } from "../models";
 var loadSVGsByItem = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(item) {
     var _parsed$xml$viewBox, _parsed$xml$viewBox2, response, svgText, loader, parsed, _t;
@@ -62,42 +60,46 @@ var loadSVGsByItem = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-export function handleExternalEvent(_x2, _x3) {
+var compareSVGRect = function compareSVGRect(value) {
+  return value.e <= 10 && value.e + value.a * value.SVGWidth + 10 >= value.viewerWidth && value.f <= 80 && value.f + value.d * value.SVGHeight + 10 >= value.viewerHeight ? true : false;
+};
+export function handleExternalEvent(_x2) {
   return _handleExternalEvent.apply(this, arguments);
 }
 function _handleExternalEvent() {
-  _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(evt, props) {
-    var state, sLineCnt, element, catalog, outlineSVGData, catalogInstance, elementJs, _evt$payload, moveType, moveValue, value, defaulTitle, _t2, _t3;
+  _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(props) {
+    var evt, state, sLineCnt, element, catalog, outlineSVGData, catalogInstance, elementJs, _evt$payload, moveType, moveValue, value, defaulTitle, _evt$payload2, doorStyle, isAll, _doorStyle, _value, _zoomValue, _value2, _zoomValue2, _t2, _t3;
     return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          state = props.state;
+          evt = props.externalEvent;
+          state = props.state.get('KitchenConfigurator');
           _t2 = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context2.next = _t2 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 1 : _t2 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 2 : _t2 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 3 : _t2 === EXTERNAL_EVENT_ADD_WALL ? 4 : _t2 === EXTERNAL_EVENT_ADD_ITEM ? 5 : _t2 === EXTERNAL_EVENT_MOVE_PAN ? 9 : _t2 === EXTERNAL_EVENT_NEW_PROJECT ? 15 : 16;
+          _context2.next = _t2 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 1 : _t2 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 2 : _t2 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 3 : _t2 === EXTERNAL_EVENT_ADD_WALL ? 4 : _t2 === EXTERNAL_EVENT_ADD_ITEM ? 5 : _t2 === EXTERNAL_EVENT_MOVE_PAN ? 9 : _t2 === EXTERNAL_EVENT_NEW_PROJECT ? 15 : _t2 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 16 : _t2 === EXTERNAL_EVENT_SET_INITIAL_DATA ? 17 : _t2 === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 18 : _t2 === EXTERNAL_EVENT_ZOOM_IN ? 19 : _t2 === EXTERNAL_EVENT_ZOOM_OUT ? 22 : 25;
           break;
         case 1:
           props.projectActions.setMode(MODE_IDLE_3D);
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 25);
         case 2:
           props.projectActions.setMode(MODE_IDLE);
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 25);
         case 3:
-          sLineCnt = state.getIn(['KitchenConfigurator', 'scene', 'layers', 'layer-1', 'selected', 'lines']).size;
+          sLineCnt = state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size;
           if (sLineCnt > 0) props.projectActions.setMode(MODE_ELEVATION_VIEW);
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 25);
         case 4:
           if (state.mode === MODE_IDLE || state.mode === MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
             props.projectActions.setMode(MODE_IDLE);
             props.linesActions.selectToolDrawingLine('wall');
           }
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 25);
         case 5:
           if (isEmpty(evt === null || evt === void 0 ? void 0 : evt.payload)) {
             _context2.next = 8;
             break;
           }
           element = evt.payload;
-          catalog = state.getIn(['KitchenConfigurator', 'catalog']).toJS(); // add item to catalog of state
+          catalog = state.getIn(['catalog']).toJS(); // add item to catalog of state
           if (!isEmpty(catalog === null || catalog === void 0 ? void 0 : catalog.elements[element.name])) {
             _context2.next = 7;
             break;
@@ -122,10 +124,10 @@ function _handleExternalEvent() {
           props.projectActions.pushLastSelectedCatalogElementToHistory(element);
           props.projectActions.setIsCabinetDrawing(true);
         case 8:
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 25);
         case 9:
           _evt$payload = evt.payload, moveType = _evt$payload.moveType, moveValue = _evt$payload.moveValue;
-          value = state.getIn(['KitchenConfigurator', 'viewer2D']).toJS();
+          value = state.getIn(['viewer2D']).toJS();
           _t3 = moveType;
           _context2.next = _t3 === TOP ? 10 : _t3 === BOTTOM ? 11 : _t3 === RIGHT ? 12 : _t3 === LEFT ? 13 : 14;
           break;
@@ -142,14 +144,79 @@ function _handleExternalEvent() {
           value.e -= moveValue;
           return _context2.abrupt("continue", 14);
         case 14:
-          if (value.e <= 10 && value.e + value.a * value.SVGWidth + 10 >= value.viewerWidth && value.f <= 80 && value.f + value.d * value.SVGHeight + 10 >= value.viewerHeight) props.viewer2DActions.updateCameraView(value);
-          return _context2.abrupt("continue", 16);
+          if (compareSVGRect(value)) props.viewer2DActions.updateCameraView(value);
+          return _context2.abrupt("continue", 25);
         case 15:
           defaulTitle = 'Untitle';
           props.projectActions.newProject();
           props.projectActions.rename(defaulTitle);
-          return _context2.abrupt("continue", 16);
+          return _context2.abrupt("continue", 25);
         case 16:
+          _evt$payload2 = evt.payload, doorStyle = _evt$payload2.doorStyle, isAll = _evt$payload2.isAll;
+          props.itemsActions.setDoorStyle(doorStyle, isAll);
+          return _context2.abrupt("continue", 25);
+        case 17:
+          _doorStyle = evt.payload.doorStyle;
+          props.itemsActions.setInitialDoorStyle(_doorStyle.doorStyle, _doorStyle.oStyle);
+          return _context2.abrupt("continue", 25);
+        case 18:
+          props.projectActions.loadProject(evt.payload, props.categoryData);
+          return _context2.abrupt("continue", 25);
+        case 19:
+          _value = state.getIn(['viewer2D']).toJS();
+          _value.a -= 0.1;
+          _value.d -= 0.1;
+          _value.e += _value.SVGWidth * 0.1 / 2;
+          _value.f += _value.SVGHeight * 0.1 / 2;
+          _zoomValue = parseInt((_value.a - 0.5) / ZOOM_VARIABLE);
+          if (!(_zoomValue > 404)) {
+            _context2.next = 20;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 20:
+          if (!(_zoomValue < 35 || Number.isNaN(_zoomValue))) {
+            _context2.next = 21;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 21:
+          while (!(_value.e <= 10)) {
+            _value.e -= 0.1;
+          }
+          while (!(_value.e + _value.a * _value.SVGWidth + 10 >= _value.viewerWidth)) {
+            _value.e += 0.1;
+          }
+          while (!(_value.f <= 80)) {
+            _value.f -= 0.1;
+          }
+          while (!(_value.f + _value.a * _value.SVGHeight + 10 >= _value.viewerHeight)) {
+            _value.f += 0.1;
+          }
+          if (compareSVGRect(_value)) props.viewer2DActions.updateCameraView(_value);
+          return _context2.abrupt("continue", 25);
+        case 22:
+          _value2 = state.getIn(['viewer2D']).toJS();
+          _value2.a += 0.1;
+          _value2.d += 0.1;
+          _value2.e -= _value2.SVGWidth * 0.1 / 2;
+          _value2.f -= _value2.SVGHeight * 0.1 / 2;
+          _zoomValue2 = parseInt((_value2.a - 0.5) / ZOOM_VARIABLE);
+          if (!(_zoomValue2 > 404)) {
+            _context2.next = 23;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 23:
+          if (!(_zoomValue2 < 35 || Number.isNaN(_zoomValue2))) {
+            _context2.next = 24;
+            break;
+          }
+          return _context2.abrupt("return");
+        case 24:
+          if (compareSVGRect(_value2)) props.viewer2DActions.updateCameraView(_value2);
+          return _context2.abrupt("continue", 25);
+        case 25:
         case "end":
           return _context2.stop();
       }

package/lib/LiteKitchenConfigurator.js

@@ -112,7 +112,8 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       redirectURL: '',
       snackBarMessage: '',
       isSaved: false,
-      isLeaving: false
+      isLeaving: false,
+      stateCatalog: _this.props.catalog
     };
 
     // For UTM tracking
@@ -476,6 +477,7 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
+      var _oldState$catalog, _plannerState$catalog;
       var stateExtractor = nextProps.stateExtractor,
         state = nextProps.state,
         projectActions = nextProps.projectActions,
@@ -484,9 +486,18 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
 
       // handle external events
       if (this.props.externalEvent !== externalEvent) {
-        (0, _isolateEventHandler.handleExternalEvent)(externalEvent, this.props);
+        (0, _isolateEventHandler.handleExternalEvent)(nextProps);
       }
       var plannerState = stateExtractor(state);
+      var oldState = stateExtractor(this.props.state);
+      if ((oldState === null || oldState === void 0 || (_oldState$catalog = oldState.catalog) === null || _oldState$catalog === void 0 ? void 0 : _oldState$catalog.elements) !== (plannerState === null || plannerState === void 0 || (_plannerState$catalog = plannerState.catalog) === null || _plannerState$catalog === void 0 ? void 0 : _plannerState$catalog.elements)) {
+        // copy state.catalog to the props.catalog
+        // let catalog = this.state.stateCatalog;
+        // console.log('111111', plannerState?.catalog?.elements.toJS());
+        // catalog.elements = plannerState?.catalog?.elements.toJS();
+        // console.log('222222', catalog);
+        // this.setState({ stateCatalog: catalog });
+      }
       var catalogReady = plannerState.getIn(['catalog', 'ready']);
       if (!catalogReady) {
         projectActions.initCatalog(catalog);
@@ -582,7 +593,7 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_export2.Content, (0, _extends2["default"])({
         width: contentW,
         height: contentH,
-        catalog: this.props.catalog,
+        catalog: this.state.stateCatalog,
         state: extractedState,
         toolBar: this.state.toolbar,
         setToolbar: this.setToolbar,

package/lib/LiteRenderer.js

@@ -41,7 +41,7 @@ var _exporter = _interopRequireDefault(require("./catalog/utils/exporter"));
 var THREE = _interopRequireWildcard(require("three"));
 var _LiteKitchenConfigurator = _interopRequireDefault(require("./LiteKitchenConfigurator"));
 var _excluded = ["width", "height", "projectElement", "categoryData", "dataBundle", "configData", "options", "user", "auth", "featureFlags", "sentry", "analytics", "externalEvent", "onError"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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) { (0, _defineProperty2["default"])(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 = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
@@ -258,8 +258,6 @@ function LiteRenderer(props) {
     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,
@@ -271,14 +269,10 @@ function LiteRenderer(props) {
   var id = configData.id,
     logoImg = configData.logoImg,
     companyUrl = configData.companyUrl;
-  var _React$useState = _react["default"].useState([]),
+  var _React$useState = _react["default"].useState(false),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    outlineSVGData = _React$useState2[0],
-    setOutlineSVGData = _React$useState2[1];
-  var _React$useState3 = _react["default"].useState(false),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    catalogInitiated = _React$useState4[0],
-    setCatalogInitiated = _React$useState4[1];
+    catalogInitiated = _React$useState2[0],
+    setCatalogInitiated = _React$useState2[1];
   (0, _react.useEffect)(function () {
     var initMyCatalog = /*#__PURE__*/function () {
       var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
@@ -397,103 +391,27 @@ function LiteRenderer(props) {
         return _ref4.apply(this, arguments);
       };
     }();
-    var loadSVGs = /*#__PURE__*/function () {
-      var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-        var svgLoadPromises, outlineData;
-        return _regenerator["default"].wrap(function (_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              svgLoadPromises = data.map(/*#__PURE__*/function () {
-                var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(item) {
-                  var _parsed$xml$viewBox, _parsed$xml$viewBox2, response, svgText, loader, parsed, _t;
-                  return _regenerator["default"].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.SVGLoader();
-                        parsed = loader.parse(svgText);
-                        if (!(0, _helper.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 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
-        return _regenerator["default"].wrap(function (_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+      var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+        return _regenerator["default"].wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               setCatalogInitiated(false);
-              _context5.next = 1;
+              _context3.next = 1;
               return initMyCatalog();
             case 1:
-              _context5.next = 2;
+              _context3.next = 2;
               return loadMoldings();
             case 2:
-              _context5.next = 3;
-              return loadSVGs();
-            case 3:
               setCatalogInitiated(true);
-            case 4:
+            case 3:
             case "end":
-              return _context5.stop();
+              return _context3.stop();
           }
-        }, _callee5);
+        }, _callee3);
       }));
       return function initCatalog() {
-        return _ref7.apply(this, arguments);
+        return _ref5.apply(this, arguments);
       };
     }();
     initCatalog();
@@ -502,16 +420,7 @@ function LiteRenderer(props) {
 
   // Register items once SVGs are loaded
   (0, _react.useEffect)(function () {
-    if (!outlineSVGData.length) return;
     var Item = [];
-    data.forEach(function (obj, index) {
-      Item.push((0, _exporter["default"])(_objectSpread(_objectSpread({}, obj), {}, {
-        type: 'cabinet',
-        outlineSVGData: outlineSVGData[index],
-        render2DItem: _itemLoader.render2DItem,
-        render3DItem: _itemLoader.render3DItem
-      })));
-    });
     appliances.forEach(function (obj) {
       Item.push((0, _exporter["default"])(_objectSpread(_objectSpread({}, obj), {}, {
         render2DItem: _itemLoader.render2DItem,
@@ -534,7 +443,7 @@ function LiteRenderer(props) {
       })));
     });
     for (var x in Item) MyCatalog.registerElement(Item[x]);
-  }, [outlineSVGData, data, appliances, furnishing, lighting]);
+  }, [appliances, furnishing, lighting]);
   (0, _react.useEffect)(function () {
     if (projectElement.length === 0) return;
     if (!catalogInitiated) return;
@@ -565,7 +474,6 @@ function LiteRenderer(props) {
       return state.get('KitchenConfigurator');
     },
     categoryData: categoryData,
-    data: data,
     configData: configData,
     externalEvent: externalEvent
   }, passThrough)))));

package/lib/actions/items-actions.js

@@ -274,11 +274,10 @@ function updateItemsAltitude(layerID, itemID, value) {
     value: value
   };
 }
-function setDoorStyle(doorStyle, pathes, isAll) {
+function setDoorStyle(doorStyle, isAll) {
   return {
     type: _constants.SET_DOOR_STYLE,
     doorStyle: doorStyle,
-    pathes: pathes,
     isAll: isAll
   };
 }

package/lib/catalog/catalog.js

@@ -254,7 +254,10 @@ var Catalog = exports["default"] = /*#__PURE__*/function () {
       if (name === '') {
         throw new Error('Category has empty name');
       }
-      return !this.hasCategory(name);
+      if (this.hasCategory(name)) {
+        throw new Error('Category has already been registered');
+      }
+      return true;
     }
 
     /**

package/lib/class/item.js

@@ -1171,7 +1171,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "setDoorStyle",
-    value: function setDoorStyle(state, doorStyle, pathes, isAll) {
+    value: function setDoorStyle(state, doorStyle, isAll) {
       var _this2 = this;
       var keys = Object.keys(doorStyle.doorStyles);
       keys = keys.filter(function (elem) {

package/lib/class/project.js

@@ -487,6 +487,10 @@ var Project = exports["default"] = /*#__PURE__*/function () {
         };
       }
       var mode;
+      var isLineAction = false;
+      if (state.mode.includes('LINE')) {
+        isLineAction = true;
+      }
       if (state.mode == _constants.MODE_DRAWING_ITEM_3D) {
         mode = _constants.MODE_IDLE_3D;
         if (state.drawingSupport.has('currentID')) state = _export2.Layer.removeElement(state, state.scene.selectedLayer, 'items', state.drawingSupport.get('currentID')).updatedState;
@@ -529,6 +533,9 @@ var Project = exports["default"] = /*#__PURE__*/function () {
         draggingSupport: new _immutable.Map(),
         rotatingSupport: new _immutable.Map()
       });
+      if (isLineAction) {
+        state = _export2.Line.applyWallChanges(state, _constants.END_DRAWING_LINE).updatedState;
+      }
       return {
         updatedState: state
       };
@@ -613,7 +620,7 @@ var Project = exports["default"] = /*#__PURE__*/function () {
           updatedState: state
         };
       } catch (error) {
-        console.log('initCatalogError', error);
+        console.log('addElementToCatalogError', error);
         return {
           updatedState: state
         };