kitchen-simulator 4.1.7-react-18 → 4.2.2

package/lib/plugins/console-debugger.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = consoleDebugger;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _export = _interopRequireDefault(require("../actions/export"));
+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 consoleDebugger() {
+  return function (store, stateExtractor) {
+    window.KitchenConfigurator = _objectSpread(_objectSpread({}, _export["default"]), {}, {
+      getStore: function getStore() {
+        return store;
+      },
+      getState: function getState() {
+        return stateExtractor(store.getState());
+      },
+      "do": function _do(actions) {
+        var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
+        actions = actions.reverse();
+        var dispatch = store.dispatch;
+        var _dispatchAction = function dispatchAction() {
+          console.info("There are other ".concat(actions.length, " actions on stack"));
+          if (actions.length === 0) return;
+          dispatch(actions.pop());
+          if (actions.length === 0) return;
+          setTimeout(_dispatchAction, delay);
+        };
+        setTimeout(_dispatchAction, 0);
+      }
+    });
+    console.groupCollapsed('KitchenConfigurator');
+    console.info('KitchenConfigurator is ready');
+    console.info('console.log(KitchenConfigurator)');
+    console.log(window.KitchenConfigurator);
+    console.groupEnd();
+  };
+}
+module.exports = exports.default;

package/lib/plugins/export.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ConsoleDebugger", {
+  enumerable: true,
+  get: function get() {
+    return _consoleDebugger["default"];
+  }
+});
+Object.defineProperty(exports, "Keyboard", {
+  enumerable: true,
+  get: function get() {
+    return _keyboard["default"];
+  }
+});
+exports["default"] = void 0;
+var _keyboard = _interopRequireDefault(require("./keyboard"));
+var _consoleDebugger = _interopRequireDefault(require("./console-debugger"));
+var _default = exports["default"] = {
+  Keyboard: _keyboard["default"],
+  ConsoleDebugger: _consoleDebugger["default"]
+};

package/lib/plugins/keyboard.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = keyboard;
+var _constants = require("../constants");
+var _projectActions = require("../actions/project-actions");
+function keyboard() {
+  return function (store, stateExtractor) {
+    window.addEventListener('keydown', function (event) {
+      var state = stateExtractor(store.getState());
+      var mode = state.get('mode');
+      switch (event.keyCode) {
+        // case KEYBOARD_BUTTON_CODE.BACKSPACE:
+        // case KEYBOARD_BUTTON_CODE.DELETE: {
+        //   if (
+        //     [
+        //       MODE_IDLE,
+        //       MODE_3D_FIRST_PERSON,
+        //       MODE_3D_VIEW,
+        //       MODE_IDLE_3D,
+        //       MODE_ROTATING_ITEM_3D,
+        //       MODE_DRAGGING_ITEM_3D
+        //     ].includes(mode)
+        //   )
+        //     store.dispatch(remove());
+        //   break;
+        // }
+        case _constants.KEYBOARD_BUTTON_CODE.ESC:
+          {
+            store.dispatch((0, _projectActions.rollback)());
+            break;
+          }
+        case _constants.KEYBOARD_BUTTON_CODE.Z:
+          {
+            if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch((0, _projectActions.undo)());
+            break;
+          }
+        case _constants.KEYBOARD_BUTTON_CODE.Q:
+          {
+            if (event.getModifierState('Control') || event.getModifierState('Meta')) store.dispatch((0, _projectActions.redo)());
+            break;
+          }
+        case _constants.KEYBOARD_BUTTON_CODE.ALT:
+          {
+            if (_constants.MODE_SNAPPING.includes(mode)) store.dispatch((0, _projectActions.toggleSnap)(state.snapMask.merge({
+              SNAP_POINT: false,
+              SNAP_LINE: false,
+              SNAP_SEGMENT: false,
+              SNAP_GRID: false,
+              SNAP_GUIDE: false,
+              tempSnapConfiguartion: state.snapMask.toJS()
+            })));
+            break;
+          }
+        case _constants.KEYBOARD_BUTTON_CODE.C:
+          {
+            var selectedLayer = state.getIn(['scene', 'selectedLayer']);
+            var selected = state.getIn(['scene', 'layers', selectedLayer, 'selected']);
+            if ((mode === _constants.MODE_IDLE || mode === _constants.MODE_3D_VIEW) && (selected.holes.size || selected.areas.size || selected.items.size || selected.lines.size)) {
+              if (selected.holes.size) {
+                var hole = state.getIn(['scene', 'layers', selectedLayer, 'holes', selected.holes.get(0)]);
+                store.dispatch((0, _projectActions.copyProperties)(hole.get('properties')));
+              } else if (selected.areas.size) {
+                var area = state.getIn(['scene', 'layers', selectedLayer, 'areas', selected.areas.get(0)]);
+                store.dispatch((0, _projectActions.copyProperties)(area.properties));
+              } else if (selected.items.size) {
+                var item = state.getIn(['scene', 'layers', selectedLayer, 'items', selected.items.get(0)]);
+                store.dispatch((0, _projectActions.copyProperties)(item.properties));
+              } else if (selected.lines.size) {
+                var line = state.getIn(['scene', 'layers', selectedLayer, 'lines', selected.lines.get(0)]);
+                store.dispatch((0, _projectActions.copyProperties)(line.properties));
+              }
+            }
+            break;
+          }
+        case _constants.KEYBOARD_BUTTON_CODE.V:
+          {
+            store.dispatch((0, _projectActions.pasteProperties)());
+            break;
+          }
+        case _constants.KEYBOARD_BUTTON_CODE.SHIFT:
+          {
+            if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
+              if ([_constants.MODE_DRAWING_ITEM_3D, _constants.MODE_IDLE_3D].includes(mode)) store.dispatch((0, _projectActions.recreate)());else if ([_constants.MODE_DRAWING_ITEM, _constants.MODE_IDLE].includes(mode)) store.dispatch((0, _projectActions.shift2doff)());
+            }
+            break;
+          }
+      }
+    });
+    window.addEventListener('keyup', function (event) {
+      var state = stateExtractor(store.getState());
+      var mode = state.get('mode');
+      switch (event.keyCode) {
+        case _constants.KEYBOARD_BUTTON_CODE.ALT:
+          {
+            if (_constants.MODE_SNAPPING.includes(mode)) store.dispatch((0, _projectActions.toggleSnap)(state.snapMask.merge(state.snapMask.get('tempSnapConfiguartion'))));
+            break;
+          }
+        case _constants.KEYBOARD_BUTTON_CODE.CTRL:
+          {
+            // store.dispatch(setAlterateState());
+            break;
+          }
+        case _constants.KEYBOARD_BUTTON_CODE.SHIFT:
+          {
+            if (['TEXTAREA', 'INPUT'].includes(document.activeElement.tagName) === false) {
+              if ([_constants.MODE_DRAWING_ITEM_3D, _constants.MODE_IDLE_3D].includes(mode)) store.dispatch((0, _projectActions.uncreate)());else if ([_constants.MODE_DRAWING_ITEM, _constants.MODE_IDLE].includes(mode)) store.dispatch((0, _projectActions.shift2don)());
+            }
+            break;
+          }
+      }
+    });
+  };
+}
+module.exports = exports.default;

package/lib/reducers/project-reducer.js

@@ -132,7 +132,10 @@ function _default(state, action) {
     case _constants.SET_IS_CABINET_DRAWING:
       return _export2.Project.setIsCabinetDrawing(state, action.isCabinetDrawing).updatedState;
     case _constants.CREATE_ROOM_WITH_SHAPE:
-      return _export2.Project.createRoomWithShape(state, action.roomShapeType, action.width, action.height, action.doorStyle).updatedState;
+      state = state.merge({
+        sceneHistory: _export.history.historyPush(state.sceneHistory, state.scene)
+      });
+      return _export2.Project.createRoomWithShape(state, action.roomShapeType, action.width, action.height, action.measurementUnit, action.doorStyle).updatedState;
     default:
       return state;
   }

package/lib/reducers/viewer2d-reducer.js

@@ -35,8 +35,10 @@ function _default(state, action) {
           if (item.type.includes('Light')) {
             var height = item.properties.getIn(['height', '_length']);
             var heightUnit = item.properties.getIn(['height', '_unit']);
-            var newAltitude = action.value - (0, _convertUnitsLite.convert)(height).from(heightUnit).to('in');
+            var newAltitude = (0, _convertUnitsLite.convert)(action.value).from(_layer.unit).to('in') - (0, _convertUnitsLite.convert)(height).from(heightUnit).to('in');
             item = item.setIn(['properties', 'altitude', '_length'], (0, _convertUnitsLite.convert)(newAltitude).from('in').to(_layer.unit));
+            item = item.setIn(['properties', 'altitude', '_unit'], _layer.unit);
+            item = item.setIn(['properties', 'altitude', 'length'], (0, _convertUnitsLite.convert)(newAltitude).from('in').to('cm'));
           }
           return item;
         });

package/lib/reducers/viewer3d-reducer.js

@@ -40,8 +40,10 @@ function _default(state, action) {
           if (item.type.includes('Light')) {
             var height = item.properties.getIn(['height', '_length']);
             var heightUnit = item.properties.getIn(['height', '_unit']);
-            var newAltitude = action.value - (0, _convertUnitsLite.convert)(height).from(heightUnit).to('in');
+            var newAltitude = (0, _convertUnitsLite.convert)(action.value).from(_layer.unit).to('in') - (0, _convertUnitsLite.convert)(height).from(heightUnit).to('in');
             item = item.setIn(['properties', 'altitude', '_length'], (0, _convertUnitsLite.convert)(newAltitude).from('in').to(_layer.unit));
+            item = item.setIn(['properties', 'altitude', '_unit'], _layer.unit);
+            item = item.setIn(['properties', 'altitude', 'length'], (0, _convertUnitsLite.convert)(newAltitude).from('in').to('cm'));
           }
           return item;
         });

package/lib/styles/export.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TabsStyle = void 0;
+var TabsStyle = _interopRequireWildcard(require("./tabs.css"));
+exports.TabsStyle = TabsStyle;
+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); }
+var _default = exports["default"] = {
+  TabsStyle: TabsStyle
+};

package/lib/styles/tabs.css

@@ -0,0 +1,40 @@
+.react-tabs__tab-list {
+  border-bottom: 1px solid #aaa;
+  margin: 0 0 10px;
+  padding: 0;
+}
+
+.react-tabs__tab {
+  display: inline-block;
+  border: 1px solid transparent;
+  border-bottom: none;
+  bottom: -1px;
+  position: relative;
+  list-style: none;
+  padding: 6px 12px;
+  cursor: pointer;
+}
+
+.react-tabs__tab--selected,
+.react-tabs__tab:focus {
+  border-color: #aaa;
+  color: #1ca6fc;
+  outline: none;
+}
+
+.react-tabs__tab-panel {
+  display: none;
+}
+
+.react-tabs__tab-panel--selected {
+  display: block;
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/lib/utils/geometry.js

@@ -841,9 +841,9 @@ function getAllItemSpecified(scene, catalog, filter) {
     var info = cat === null || cat === void 0 ? void 0 : cat.info;
     var props = item.properties;
     var getSize = function getSize(key) {
-      var _props$getIn;
+      var _props$getIn, _props$getIn2, _props$getIn3;
       var length = props === null || props === void 0 || (_props$getIn = props.getIn) === null || _props$getIn === void 0 ? void 0 : _props$getIn.call(props, [key, '_length']);
-      return length != null ? (0, _convertUnitsLite.convert)(length).from('in').to(scene.unit) : 0;
+      return length != null ? (0, _convertUnitsLite.convert)(length).from((_props$getIn2 = props === null || props === void 0 || (_props$getIn3 = props.getIn) === null || _props$getIn3 === void 0 ? void 0 : _props$getIn3.call(props, [key, '_unit'])) !== null && _props$getIn2 !== void 0 ? _props$getIn2 : 'in').to(scene.unit) : 0;
     };
     val.size = {
       width: getSize('width'),
@@ -1973,7 +1973,7 @@ function getAllHoleRect(scene, val) {
   layer.lines.forEach(function (line) {
     line.holes.forEach(function (holeID) {
       var hole = layer.holes.get(holeID);
-      holes.push(hole);
+      if (hole) holes.push(hole);
     });
   });
   var i = 0;
@@ -2163,20 +2163,20 @@ function relationshipOfTwoOverlappedLines(srcLine, destLine) {
 }
 function relationshipOfTwoOverlappedLines2(srcLine, destLine) {
   var p1 = {
-    x: srcLine.x1,
-    y: srcLine.y1
+    x: Math.round(srcLine.x1 * 100) / 100,
+    y: Math.round(srcLine.y1 * 100) / 100
   };
   var p2 = {
-    x: srcLine.x2,
-    y: srcLine.y2
+    x: Math.round(srcLine.x2 * 100) / 100,
+    y: Math.round(srcLine.y2 * 100) / 100
   };
   var p3 = {
-    x: destLine.x1,
-    y: destLine.y1
+    x: Math.round(destLine.x1 * 100) / 100,
+    y: Math.round(destLine.y1 * 100) / 100
   };
   var p4 = {
-    x: destLine.x2,
-    y: destLine.y2
+    x: Math.round(destLine.x2 * 100) / 100,
+    y: Math.round(destLine.y2 * 100) / 100
   };
   var x1 = p1.x,
     y1 = p1.y;
@@ -2205,7 +2205,7 @@ function relationshipOfTwoOverlappedLines2(srcLine, destLine) {
         lineSX = _sort4[0],
         lineDX = _sort4[1];
       var isReversedSrcLineIdx = false;
-      if (lineSX[0].x === line1[0].x && lineSX[0].y === line1[0].y) isReversedSrcLineIdx = true;
+      if (lineSX[0].x === line0[0].x && lineSX[0].y === line0[0].y) isReversedSrcLineIdx = false;else if (lineSX[0].x === line1[0].x && lineSX[0].y === line1[0].y) isReversedSrcLineIdx = true;
       var compare0 = comparator(lineSX[0], lineDX[0]);
       var compare1 = comparator(lineSX[1], lineDX[0]);
       var compare2 = comparator(lineSX[1], lineDX[1]);
@@ -2550,40 +2550,20 @@ function getCalcRectFromItem2(itemInfo) {
   var w = itemInfo.size.width / 2;
   var h = itemInfo.size.height / 2;
   var rotRad = itemInfo.rotRad;
-  var mh = 3 * h / 4;
-  var mx = x - w * Math.cos(rotRad) - mh * Math.sin(rotRad);
-  var my = y - w * Math.sin(rotRad) + mh * Math.cos(rotRad);
-  var m2x = x + w * Math.cos(rotRad) - mh * Math.sin(rotRad);
-  var m2y = y + w * Math.sin(rotRad) + mh * Math.cos(rotRad);
+  var mx = x - w * Math.cos(rotRad);
+  var my = y - w * Math.sin(rotRad);
+  var m2x = x + w * Math.cos(rotRad);
+  var m2y = y + w * Math.sin(rotRad);
   var m3x = x - h * Math.sin(rotRad);
   var m3y = y + h * Math.cos(rotRad);
   var m1x = x + h * Math.sin(rotRad);
   var m1y = y - h * Math.cos(rotRad);
-  var x0 = mx + h * Math.sin(rotRad);
-  var y0 = my - h * Math.cos(rotRad);
-  var x3 = mx * 2 - x0;
-  var y3 = my * 2 - y0;
-  var x1 = x * 2 - x3;
-  var y1 = y * 2 - y3;
-  var x2 = x * 2 - x0;
-  var y2 = y * 2 - y0;
   return {
     rectCenterPoint: [[point(mx, my), 180], [point(m1x, m1y), -90], [point(m2x, m2y), 0], [point(m3x, m3y), 90]]
   };
 }
-function getAllItems2(layer, catalog) {
+function getAllItems2(curItem, layer) {
   var rectarray = [];
-  var currentItem;
-  var selectedItem;
-  if (layer.selected.items.size > 0) {
-    selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
-    var catid = selectedItem.type;
-    var cat = findCatalogElement(catalog, catid);
-    currentItem = {
-      selectedItem: selectedItem,
-      cat: cat
-    };
-  }
   layer.items.forEach(function (item) {
     var val = {
       pos: {
@@ -2592,27 +2572,21 @@ function getAllItems2(layer, catalog) {
       },
       rotRad: item.rotation / 180 * Math.PI
     };
-    var catid = item.type;
-    var cat = findCatalogElement(catalog, catid);
-    var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to('cm');
-    var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
-    // let width = cat.info.sizeinfo.width;
-    // let height = cat.info.sizeinfo.depth;
+    var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from(curItem.get('properties').get('width').get('_unit')).to('cm');
+    var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from(curItem.get('properties').get('depth').get('_unit')).to('cm');
     val.size = {
       width: width,
       height: height
     };
-    var otherItem = {
-      item: item,
-      cat: cat
-    };
-
-    // if (!GeometryUtils.needSnap(currentItem, otherItem)) {
-    //   return;
-    // }
-
-    if (!item.selected) {
-      var detectObjectsAtSameAltitudeFlag = layoutpos === 'Base' ? item.properties.getIn(['altitude', '_length']) <= altitude + tempHeight.get('_length') : item.properties.getIn(['altitude', '_length']) + item.properties.getIn(['height', '_length']) >= altitude;
+    var curItemTall = (0, _convertUnitsLite.convert)(curItem.get('properties').get('height').get('_length')).from(curItem.get('properties').get('height').get('_unit')).to('cm');
+    var zMinCurItem = (0, _convertUnitsLite.convert)(curItem.get('properties').get('altitude').get('_length')).from(curItem.get('properties').get('altitude').get('_unit')).to('cm');
+    var zMaxCurItem = zMinCurItem + curItemTall;
+    if (curItem.get('id') !== item.id) {
+      var detectObjectsAtSameAltitudeFlag = false;
+      var itemTall = (0, _convertUnitsLite.convert)(item.properties.getIn(['height', '_length'])).from(item.get('properties').get('height').get('_unit')).to('cm');
+      var zMinItem = (0, _convertUnitsLite.convert)(item.properties.getIn(['altitude', '_length'])).from(item.get('properties').get('altitude').get('_unit')).to('cm');
+      var zMaxItem = zMinItem + itemTall;
+      if (zMinItem - zMinCurItem >= 0 && zMaxCurItem - zMinItem > _constants.EPSILON || zMinCurItem - zMinItem >= 0 && zMaxItem - zMinCurItem > _constants.EPSILON) detectObjectsAtSameAltitudeFlag = true;
       if (detectObjectsAtSameAltitudeFlag) {
         var x = val.pos.x;
         var y = val.pos.y;
@@ -2644,68 +2618,25 @@ function getAllItems2(layer, catalog) {
       }
     }
   });
-
-  // layer.holes.forEach(hole => {
-  //   let val = {pos:{x:hole.x, y:hole.y}, rotRad:hole.rotation};
-  //   let catid = hole.type;
-  //   let cat = catalog.elements[catid];
-  //   let width = hole.properties.getIn(['width']).getIn(['length']);
-  //   let height = hole.properties.getIn(['height']).getIn(['length']);
-  //   val.size = {width, height};
-  //   let otherItem = {
-  //     hole,
-  //     cat
-  //   }
-
-  //   // if (!GeometryUtils.needSnap(currentItem, otherItem)) {
-  //   //   return;
-  //   // }
-
-  //   if (!hole.selected) {
-  //     let x = val.pos.x;
-  //     let y = val.pos.y;
-  //     let rotRad = val.rotRad;
-  //     let w = val.size.width / 2;
-  //     let mx = x - w * Math.cos(rotRad);
-  //     let my = y - w * Math.sin(rotRad);
-  //     let kx = x + w * Math.cos(rotRad);
-  //     let ky = y + w * Math.sin(rotRad);
-  //     let x0 = mx - 10 * Math.sin(rotRad);
-  //     let y0 = my + 10 * Math.cos(rotRad);
-  //     let x3 = mx + 10 * Math.sin(rotRad);
-  //     let y3 = my - 10 * Math.cos(rotRad);
-  //     let x1 = kx - 10 * Math.sin(rotRad);
-  //     let y1 = ky + 10 * Math.cos(rotRad);
-  //     let x2 = kx + 10 * Math.sin(rotRad);
-  //     let y2 = ky - 10 * Math.cos(rotRad);
-  //     rectarray.push({'rect':[point(x0,y0), point(x1,y1) ,point(x0,y0), point(x1,y1)]});
-  //     rectarray.push({'rect':[point(x1,y1), point(x2,y2), point(x1,y1), point(x2,y2)]}); // right
-  //     rectarray.push({'rect':[point(x2,y2), point(x3,y3), point(x2,y2), point(x3,y3)]}); // front
-  //     rectarray.push({'rect':[point(x3,y3), point(x0,y0), point(x3,y3), point(x0,y0)]}); // left
-  //   }
-  // });
   return {
     others: rectarray
   };
 }
-function calcDistancesFromItemToWalls(attributesFormData, layer, catalog) {
-  if ((0, _helper.isEmpty)(attributesFormData)) return [];
-  var x = attributesFormData.get('x');
-  var y = attributesFormData.get('y');
-  var rotRad = attributesFormData.get('rotation') / 180 * Math.PI;
+function calcDistancesFromItemToWalls(curItem, layer) {
+  if ((0, _helper.isEmpty)(curItem)) return [];
+  var x = curItem.get('x');
+  var y = curItem.get('y');
+  var rotRad = curItem.get('rotation') / 180 * Math.PI;
   var width, height;
-  if (attributesFormData.get('properties').get('width') || attributesFormData.get('properties').get('depth')) {
-    width = (0, _convertUnitsLite.convert)(attributesFormData.get('properties').get('width').get('_length')).from(attributesFormData.get('properties').get('width').get('_unit')).to('cm');
-    height = (0, _convertUnitsLite.convert)(attributesFormData.get('properties').get('depth').get('_length')).from(attributesFormData.get('properties').get('depth').get('_unit')).to('cm');
+  if (curItem.get('properties').get('width') || curItem.get('properties').get('depth')) {
+    width = (0, _convertUnitsLite.convert)(curItem.get('properties').get('width').get('_length')).from(curItem.get('properties').get('width').get('_unit')).to('cm');
+    height = (0, _convertUnitsLite.convert)(curItem.get('properties').get('depth').get('_length')).from(curItem.get('properties').get('depth').get('_unit')).to('cm');
   } else {
-    width = (0, _convertUnitsLite.convert)(attributesFormData.info.sizeinfo.width).from('in').to('cm');
-    height = (0, _convertUnitsLite.convert)(attributesFormData.info.sizeinfo.depth).from('in').to('cm');
+    width = (0, _convertUnitsLite.convert)(curItem.info.sizeinfo.width).from('in').to('cm');
+    height = (0, _convertUnitsLite.convert)(curItem.info.sizeinfo.depth).from('in').to('cm');
   }
-  var center_h = 3 * height / 8;
-  var center_x = x;
+  var center_x = x; // middle of front line of cabinet rect
   var center_y = y;
-  var center_x1 = x - center_h * Math.sin(rotRad);
-  var center_y1 = y + center_h * Math.cos(rotRad);
   var PointArray = [];
   var itemInfo = {
     pos: {
@@ -2719,24 +2650,37 @@ function calcDistancesFromItemToWalls(attributesFormData, layer, catalog) {
     height: height
   };
   var curiteminfo = getCalcRectFromItem2(itemInfo);
-  var allItemRect = getAllItems2(layer, catalog);
-  var allLines = getAllLines(layer);
-  var allLineRects = buildRectFromLines(layer, allLines);
-  var allRect = allLineRects.concat(allItemRect.others);
-  curiteminfo.rectCenterPoint.forEach(function (centerpoint) {
-    var comparelength = [];
+  var allItemRect = getAllItems2(curItem, layer); // get all item edge rects
+  var allLines = getAllLines(layer); // get all wall lines
+  var allLineRects = buildRectFromLines(layer, allLines); // make line rects from wall lines
+  var allRect = allLineRects.concat(allItemRect.others); // item edges + wall lines
+  var _loop = function _loop(i) {
+    // [rectCenterPoint] has four middle points of cabinet rect edges
+    var centerpoint = curiteminfo.rectCenterPoint[i];
+    var comparelength = []; // distance array from rectCenterPoint[i] to other lines(walls, other cabinet rect edges)
     var a;
-    var RectLineFuction;
-    if (centerpoint[1] === 180 || centerpoint[1] === 0) RectLineFuction = linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x1, center_y1);else RectLineFuction = linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x, center_y);
+    var RectLineFuction = linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x, center_y); // normal line of cabinet rect edge
+
     allRect.forEach(function (linerect) {
+      // calc distance to all other lines
       var p0 = clone_point(linerect.rect[2]);
       var p1 = clone_point(linerect.rect[3]);
-      var lineFunction = {};
+      var lineFunction = {}; // other line function
       if (p0.x !== p1.x || p0.y !== p1.y) lineFunction = linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
+      // intersection between normal line and other line
       var coordinatePoint = twoLinesIntersection(lineFunction.a, lineFunction.b, lineFunction.c, RectLineFuction.a, RectLineFuction.b, RectLineFuction.c);
       if (coordinatePoint !== undefined) {
-        if (pointsDistance(p0.x, p0.y, p1.x, p1.y) > pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && pointsDistance(p0.x, p0.y, p1.x, p1.y) > pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
-          if (pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
+        if (
+        // intersection point is on the other line
+        pointsDistance(p0.x, p0.y, p1.x, p1.y) > pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && pointsDistance(p0.x, p0.y, p1.x, p1.y) > pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
+          // check the intersection point is outside direction of edge
+          var isOutside = true;
+          for (var j = 0; j < curiteminfo.rectCenterPoint.length; j++) {
+            if (j === i) continue;
+            var otherCenterPoint = curiteminfo.rectCenterPoint[j];
+            if (isPointOnLineSegment(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y, otherCenterPoint[0].x, otherCenterPoint[0].y)) isOutside = false;
+          }
+          if (isOutside && pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
             comparelength.push(pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
             a = Math.min.apply(null, comparelength);
           }
@@ -2744,7 +2688,21 @@ function calcDistancesFromItemToWalls(attributesFormData, layer, catalog) {
       }
     });
     PointArray.push([a, centerpoint[1]]);
+  };
+  for (var i = 0; i < curiteminfo.rectCenterPoint.length; i++) {
+    _loop(i);
+  }
+  PointArray.forEach(function (pointElement, index) {
+    if (pointElement[0] == undefined) PointArray[index][0] = 0;
   });
+  var cnt = 0;
+  PointArray.forEach(function (pointElement) {
+    if (pointElement[0] == 0) cnt++;
+  });
+  if (cnt == 4 || cnt == 3) {
+    PointArray[0][0] = 100;
+    PointArray[1][0] = 100;
+  }
   return {
     PointArray: PointArray
   };

package/lib/utils/helper.js

@@ -22,7 +22,9 @@ exports.refineProductForSummaryPdf = exports.refineMoldingForSummaryPdf = void 0
 exports.replaceMeshesWithLineSegments = replaceMeshesWithLineSegments;
 exports.textureCube = void 0;
 exports.toPlainObject = toPlainObject;
-exports.updateViwer2D = exports.translateDrawer = void 0;
+exports.translateDrawer = void 0;
+exports.updatePayloadOfInternalEvent = updatePayloadOfInternalEvent;
+exports.updateViwer2D = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _HDRCubeTextureLoader = require("three/examples/jsm/loaders/HDRCubeTextureLoader.js");
@@ -32,6 +34,7 @@ var _utils = require("./../components/viewer2d/utils");
 var _convertUnitsLite = require("./convert-units-lite");
 var _math = require("./math");
 var _awsSdk = _interopRequireDefault(require("aws-sdk"));
+var _export = require("./export");
 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" != _typeof3(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; }
@@ -422,4 +425,40 @@ function centering2D(state) {
   });
   if (viewer2DActions) updateViwer2D(viewer, viewer2DActions);
   return state;
+}
+function updatePayloadOfInternalEvent(currentObject, layer, catalog) {
+  var pointArray = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  if (isEmpty(currentObject)) return null;
+  var updatedPayload = currentObject.toJS();
+  if (isEmpty(layer) || isEmpty(catalog)) return updatedPayload;
+  if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'lines') {
+    // caculating length of selected line//
+    var v_a = layer.vertices.get(currentObject.vertices.get(0));
+    var v_b = layer.vertices.get(currentObject.vertices.get(1));
+    var distance = _export.GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
+    var _length = (0, _convertUnitsLite.convert)(distance).from('cm').to(layer.unit);
+    updatedPayload.length = _length;
+    //////////////////////////////////////
+  } else if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'items') {
+    var _catalog$elements$cur;
+    // check this cabinet has warning box
+    updatedPayload.isWarning = (0, _utils.isWarningItem)(currentObject);
+    // check this item is available molding
+    updatedPayload.isMoldingAvailable = _export.MoldingUtils.isEnableItemForMolding(layer, currentObject);
+    // check this item is snapped to wall
+    updatedPayload.isAttachedWall = _export.MoldingUtils.isAttachedWall(layer, currentObject);
+    // update distArray
+    if (pointArray) updatedPayload.distArray = pointArray;
+
+    // update sku_number using sku_array
+    var currentDoorColorId = currentObject.getIn(['doorStyle', 'id']);
+    var skuArray = catalog === null || catalog === void 0 || (_catalog$elements$cur = catalog.elements[currentObject.get('name')]) === null || _catalog$elements$cur === void 0 || (_catalog$elements$cur = _catalog$elements$cur.obj) === null || _catalog$elements$cur === void 0 ? void 0 : _catalog$elements$cur.skuArray;
+    var correctSKU = skuArray === null || skuArray === void 0 ? void 0 : skuArray.find(function (sku) {
+      return sku.door_color_id === currentDoorColorId;
+    });
+    if (correctSKU) {
+      updatedPayload.sku_number = correctSKU.sku;
+    }
+  }
+  return updatedPayload;
 }