kitchen-simulator 4.0.0-queuedEvents → 4.0.0

package/lib/models.js

@@ -45,16 +45,16 @@ var DefaultGrids = exports.DefaultGrids = new _immutable.Map({
     id: 'h1',
     type: 'horizontal-streak',
     properties: {
-      step: 30.48,
-      colors: ['#bbb', '#bbb', '#bbb', '#bbb', '#bbb'] // dot's color
+      step: 30,
+      colors: ['rgb(115, 125, 153)']
     }
   }),
   v1: new Grid({
     id: 'v1',
     type: 'vertical-streak',
     properties: {
-      step: 30.48,
-      colors: ['#bbb', '#bbb', '#bbb', '#bbb', '#bbb'] // dot's color
+      step: 30,
+      colors: ['rgb(229, 233, 245)']
     }
   })
 });
@@ -206,6 +206,8 @@ var Item = exports.Item = /*#__PURE__*/function (_Record7) {
     uri: ''
   },
   molding: [],
+  isInitialPos: false,
+  //current {x,y} is the initial position from host?
   backsplashVisible: false,
   applianceMaterial: {
     roughness: 0.4,
@@ -345,7 +347,9 @@ var CatalogElement = exports.CatalogElement = /*#__PURE__*/function (_Record1) {
   info: new _immutable.Map(),
   properties: new _immutable.Map(),
   obj: new _immutable.Map(),
-  type: ''
+  type: '',
+  cds: new _immutable.Map(),
+  structure_json: {}
 }, 'CatalogElement'));
 var Catalog = exports.Catalog = /*#__PURE__*/function (_Record10) {
   function Catalog() {

package/lib/plugins/SVGLoader.js

@@ -85,11 +85,13 @@ SVGLoader.prototype = Object.assign(Object.create(_three.Loader.prototype), {
         case 'use':
           style = parseStyle(node, style);
           var usedNodeId = node.href.baseVal.substring(1);
-          var usedNode = node.viewportElement.getElementById(usedNodeId);
-          if (usedNode) {
-            parseNode(usedNode, style);
-          } else {
-            console.warn("SVGLoader: 'use node' references non-existent node id: " + usedNodeId);
+          if (node.viewportElement.getElementById(usedNodeId)) {
+            var usedNode = node.viewportElement.getElementById(usedNodeId);
+            if (usedNode) {
+              parseNode(usedNode, style);
+            } else {
+              console.warn("SVGLoader: 'use node' references non-existent node id: " + usedNodeId);
+            }
           }
           break;
         default:

package/lib/plugins/console-debugger.js

@@ -34,8 +34,6 @@ function consoleDebugger() {
     });
     console.groupCollapsed('KitchenConfigurator');
     console.info('KitchenConfigurator is ready');
-    console.info('console.log(KitchenConfigurator)');
-    console.log(window.KitchenConfigurator);
     console.groupEnd();
   };
 }

package/lib/plugins/keyboard.js

@@ -12,12 +12,21 @@ function keyboard() {
       var state = stateExtractor(store.getState());
       var mode = state.get('mode');
       switch (event.keyCode) {
-        case _constants.KEYBOARD_BUTTON_CODE.BACKSPACE:
-        case _constants.KEYBOARD_BUTTON_CODE.DELETE:
-          {
-            if ([_constants.MODE_IDLE, _constants.MODE_3D_FIRST_PERSON, _constants.MODE_3D_VIEW, _constants.MODE_IDLE_3D, _constants.MODE_ROTATING_ITEM_3D, _constants.MODE_DRAGGING_ITEM_3D].includes(mode)) store.dispatch((0, _projectActions.remove)());
-            break;
-          }
+        // 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)());

package/lib/reducers/items-reducer.js

@@ -20,7 +20,7 @@ function _default(state, action) {
     case _constants.EDIT_WIDTH:
       return _export.Item.editWidth(state, action.newWidth, action.layerID, action.itemID).updatedState;
     case _constants.DUPLICATE_SELECTED:
-      return _export.Item.duplicateSelected(state, action.currentObject).updatedState;
+      return _export.Item.duplicateSelected(state, action.currentObject, action.onInternalEvent).updatedState;
     case _constants.END_CREATING_CABINET:
       return _export.Item.endCreatingCabinet(state).updatedState;
     case _constants.UPDATE_POPUP_OPEN:
@@ -31,11 +31,11 @@ function _default(state, action) {
       state = state.merge({
         sceneHistory: _export2.history.historyPush(state.sceneHistory, state.scene)
       });
-      return _export.Item.selectToolDrawingItem(state, action.sceneComponentType, action.oStyle).updatedState;
+      return _export.Item.selectToolDrawingItem(state, action.sceneComponentType).updatedState;
     case _constants.REPLACE_ITEM:
       return _export.Item.replaceItem(state, action.selectedPos, action.currentObject, action.selectedObject).updatedState;
     case _constants.UPDATE_DRAWING_ITEM:
-      return _export.Item.updateDrawingItem(state, action.layerID, action.x, action.y).updatedState;
+      return _export.Item.updateDrawingItem(state, action.layerID, action.x, action.y, action.isInitialPos).updatedState;
     case _constants.END_DRAWING_ITEM:
       state = state.merge({
         sceneHistory: _export2.history.historyPush(state.sceneHistory, state.scene)
@@ -108,7 +108,7 @@ function _default(state, action) {
     case _constants.SELECT_TOOL_DRAWING_ITEM_3D:
       return _export.Item.selectToolDrawingItem3D(state, action.sceneComponentType).updatedState;
     case _constants.SET_DOOR_STYLE:
-      return _export.Item.setDoorStyle(state, action.doorStyle, action.isAll).updatedState;
+      return _export.Item.setDoorStyle(state, action.doorStyle, action.itemCDS, action.isAll).updatedState;
     case _constants.SET_HANDLE_MATERIAL:
       return _export.Item.setHandleMaterial(state, action.material).updatedState;
     case _constants.SET_DOOR_HANDLE:
@@ -133,7 +133,7 @@ function _default(state, action) {
     case _constants.SET_APPLIANCE_MATERIAL:
       return _export.Item.setApplianceMaterial(state, action.material).updatedState;
     case _constants.SET_INITIAL_DOOR_STYLE:
-      return _export.Item.setInitialDoorStyle(state, action.doorStyle, action.oStyle).updatedState;
+      return _export.Item.setInitialDoorStyle(state, action.doorStyle).updatedState;
     case _constants.UPDATE_ITEM_POSITION:
       return _export.Item.updateItemPosition(state, action.layerID, action.itemID, action.pos).updatedState;
     // case SET_MOVE_STATUS:

package/lib/reducers/lines-reducer.js

@@ -19,7 +19,7 @@ function _default(state, action) {
       state = state.merge({
         sceneHistory: _export2.history.historyPush(state.sceneHistory, state.scene)
       });
-      return _export.Line.beginDrawingLine(state, action.layerID, action.x, action.y).updatedState;
+      return _export.Line.beginDrawingLine(state, action.layerID, action.x, action.y, action.onInternalEvent).updatedState;
     case _constants.UPDATE_DRAWING_LINE:
       return _export.Line.updateDrawingLine(state, action.x, action.y, action.relatedLines).updatedState;
     case _constants.STOP_DRAWING_LINE:

package/lib/reducers/project-reducer.js

@@ -12,7 +12,7 @@ function _default(state, action) {
     case _constants.NEW_PROJECT:
       return _export2.Project.newProject(state).updatedState;
     case _constants.LOAD_PROJECT:
-      return _export2.Project.loadProject(state, action.sceneJSON, action.categoryData).updatedState;
+      return _export2.Project.loadProject(state, action.sceneJSON).updatedState;
     case _constants.OPEN_CATALOG:
       return _export2.Project.openCatalog(state).updatedState;
     case _constants.CHANGE_CATALOG_PAGE:
@@ -49,7 +49,7 @@ function _default(state, action) {
       state = state.merge({
         sceneHistory: _export.history.historyPush(state.sceneHistory, state.scene)
       });
-      return _export2.Project.remove(state).updatedState;
+      return _export2.Project.remove(state, action.delObject).updatedState;
     case _constants.UNDO:
       return _export2.Project.undo(state).updatedState;
     case _constants.REDO:
@@ -131,6 +131,8 @@ function _default(state, action) {
       return _export2.Project.setIsHelp(state, action.isHelp).updatedState;
     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;
     default:
       return state;
   }

package/lib/shared-style.js

@@ -60,13 +60,13 @@ var AREA_MESH_COLOR = exports.AREA_MESH_COLOR = {
   unselected: 'rgb(221,221,255)'
 };
 var INTERIOR_LINE = exports.INTERIOR_LINE = {
-  unselected: ' #0a0a10',
-  selected: '#4C12A1'
+  selected: '#6E1EA8',
+  unselected: ' #455A64'
 };
 var LINE_MESH_COLOR = exports.LINE_MESH_COLOR = {
-  selected: '#4C12A1',
+  selected: '#6E1EA8',
   unselected: 'rgb(135,145,171)'
 };
 var LINE_MESH = exports.LINE_MESH = {
-  selected: '#4C12A1'
+  selected: '#6E1EA8'
 };

package/lib/utils/geometry.js

@@ -14,6 +14,7 @@ exports.angleBetweenTwoPoints = angleBetweenTwoPoints;
 exports.angleBetweenTwoPointsAndOrigin = angleBetweenTwoPointsAndOrigin;
 exports.buildRectFromLines = buildRectFromLines;
 exports.calcCreateSnap = calcCreateSnap;
+exports.calcDistancesFromItemToWalls = calcDistancesFromItemToWalls;
 exports.calcSnap = calcSnap;
 exports.calcSnap1 = calcSnap1;
 exports.calcSnap2 = calcSnap2;
@@ -1972,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;
@@ -2204,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]);
@@ -2542,4 +2543,165 @@ function validRect(itemRect, rects) {
   return rects.every(function (rect) {
     return !intersectRect(rect.rect, updatedItemRect.rect);
   });
+}
+function getCalcRectFromItem2(itemInfo) {
+  var x = itemInfo.pos.x;
+  var y = itemInfo.pos.y;
+  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 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);
+  return {
+    rectCenterPoint: [[point(mx, my), 180], [point(m1x, m1y), -90], [point(m2x, m2y), 0], [point(m3x, m3y), 90]]
+  };
+}
+function getAllItems2(curItem, layer) {
+  var rectarray = [];
+  var tempHeight = curItem.get('properties').get('depth');
+  layer.items.forEach(function (item) {
+    var val = {
+      pos: {
+        x: item.x,
+        y: item.y
+      },
+      rotRad: item.rotation / 180 * Math.PI
+    };
+    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');
+    val.size = {
+      width: width,
+      height: height
+    };
+    if (curItem.get('id') !== item.id) {
+      var detectObjectsAtSameAltitudeFlag = curItem.get('layoutpos') === 'Base' ? item.properties.getIn(['altitude', '_length']) <= curItem.get('properties').getIn(['altitude', '_length']) + tempHeight.get('_length') : item.properties.getIn(['altitude', '_length']) + item.properties.getIn(['height', '_length']) >= curItem.get('properties').getIn(['altitude', '_length']);
+      if (detectObjectsAtSameAltitudeFlag) {
+        var x = val.pos.x;
+        var y = val.pos.y;
+        var rotRad = val.rotRad;
+        var w = val.size.width / 2;
+        var h = val.size.height / 2;
+        var mx = x - w * Math.cos(rotRad);
+        var my = y - w * Math.sin(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;
+        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)]
+        });
+        rectarray.push({
+          rect: [point(x2, y2), point(x3, y3), point(x2, y2), point(x3, y3)]
+        });
+        rectarray.push({
+          rect: [point(x3, y3), point(x0, y0), point(x3, y3), point(x0, y0)]
+        });
+      }
+    }
+  });
+  return {
+    others: rectarray
+  };
+}
+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 (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)(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; // middle of front line of cabinet rect
+  var center_y = y;
+  var center_x1 = x - center_h * Math.sin(rotRad); // center point of cabinet rect
+  var center_y1 = y + center_h * Math.cos(rotRad);
+  var PointArray = [];
+  var itemInfo = {
+    pos: {
+      x: x,
+      y: y
+    },
+    rotRad: rotRad
+  };
+  itemInfo.size = {
+    width: width,
+    height: height
+  };
+  var curiteminfo = getCalcRectFromItem2(itemInfo);
+  var allItemRect = getAllItems2(curItem, layer);
+  var allLines = getAllLines(layer);
+  var allLineRects = buildRectFromLines(layer, allLines);
+  var allRect = allLineRects.concat(allItemRect.others);
+  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; // normal line of cabinet rect edge
+    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);
+    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 = {}; // 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 (
+        // 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);
+          }
+        }
+      }
+    });
+    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/get-edges-of-subgraphs.js

@@ -1,5 +1,9 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 function getEdgesOfSubgraphs(subgraphs, graph) {
   var edges = [];
   subgraphs.forEach(function (component) {
@@ -25,4 +29,5 @@ function getVerticesFromBiconnectedComponent(component) {
   });
   return vertices;
 }
-module.exports = getEdgesOfSubgraphs;
+var _default = exports["default"] = getEdgesOfSubgraphs;
+module.exports = exports.default;

package/lib/utils/graph-cycles.js

@@ -1,5 +1,9 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 /**
  * UTILS
  */
@@ -204,15 +208,12 @@ function find_inner_cycles(V, EV) {
 }
 
 // export default find_inner_cycles;
-module.exports = find_inner_cycles;
-
+var _default = exports["default"] = find_inner_cycles;
 /**
  * DATA
  */
-
 // let V = [[0.5774, 1.0], [1.0, 1.0], [1.1547, 0.0], [1.0, 0.0], [0.0, 0.0], [0.0, 0.732], [1.0, 0.1547], [0.732, 0.0], [1.0491, 0.183], [-0.317, 0.549], [1.0, 0.268], [0.183, -0.3169], [0.5491, 1.049], [0.4642, 1.0], [0.0, -0.4226], [0.0, 1.0]]
 // let EV = [[0, 1], [2, 3], [5, 4], [7, 6], [2, 8], [3, 6], [4, 9], [0, 10], [9, 5], [8, 10], [7, 11], [12, 13], [6, 8], [6, 10], [4, 7], [4, 11], [4, 14], [5, 15], [11, 14], [0, 12], [13, 15], [0, 13], [1, 10], [3, 7], [5, 13]]
-
 // let V = [[0,0],[10,0],[10,10],[0,10], [100,100],[110,100],[110,110],[100,110], [5,0], [5,10]]
 // let V = [[0,0.5],[12,-0.7],[14,14],[-2,10], [103,106],[117,98],[96,112],[104,109], [5.5,0.8], [4.8,10.5]]
 // let EV = [[3,9],[9,2],[2,1],[1,8],[8,0],[0,3],[8,9]] // IT WORKS
@@ -221,14 +222,11 @@ module.exports = find_inner_cycles;
 // let EV = [[2,3],[1,2],[0,1],[3,0]] // IT WORKS
 // let EV = [[2,3],[1,2],[0,1],[3,0],[6,7],[5,6],[4,5],[7,4]] // IT WORKS
 // let EV = [[3,2],[2,1],[1,0],[0,3],[7,6],[6,5],[5,4],[4,7]] // IT WORKS
-
 // let V = [[2,5],[5,6],[10,6.8],[23,8],[9.6,11.3],[20,15],[25,16],[29,18],[30,22],[4,11],[6,10],[24,25],[18,20],[27,7]]
 // let EV = [[0,1],[10,0],[9,10],[9,1],[1,2],[4,2],[3,13],[2,3],[4,5],[5,6],[6,7],[12,5],[12,11],[11,6],[11,8],[7,8],[9,4]]
-
 /**
  * MAIN
  */
-
 // let cycles_data = find_inner_cycles(V, EV)
 // console.log('############## OUTPUT')
 // console.log('EDGES:')
@@ -237,4 +235,5 @@ module.exports = find_inner_cycles;
 // console.log('VERTICES:')
 // console.log(cycles_data.v_cycles)
 // console.log('\n')
-// console.log(cycles_data.ev_mapping.every(m => m.color === 2))
+// console.log(cycles_data.ev_mapping.every(m => m.color === 2))
+module.exports = exports.default;

package/lib/utils/graph.js

@@ -1,6 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 //JS porting of this code http://www.geeksforgeeks.org/biconnected-components/
@@ -145,4 +149,5 @@ var Graph = /*#__PURE__*/function () {
     }
   }]);
 }();
-module.exports = Graph;
+var _default = exports["default"] = Graph;
+module.exports = exports.default;

package/lib/utils/helper.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.animateDoor = void 0;
 exports.applyEdges = applyEdges;
 exports.base64Decode = void 0;
+exports.centering2D = centering2D;
+exports.compareSVGRect = void 0;
 exports.debugUtil = debugUtil;
 exports.getSignedUrl = exports.getPathInfo = exports.getPath = void 0;
 exports.handleCamRect = handleCamRect;
@@ -21,6 +23,8 @@ exports.replaceMeshesWithLineSegments = replaceMeshesWithLineSegments;
 exports.textureCube = void 0;
 exports.toPlainObject = toPlainObject;
 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");
@@ -29,11 +33,12 @@ var Three = _interopRequireWildcard(require("three"));
 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; }
-var AWS = require('aws-sdk');
-var s3 = new AWS.S3({
+var s3 = new _awsSdk["default"].S3({
   accessKeyId: process.env.REACT_APP_AWS_ID,
   secretAccessKey: process.env.REACT_APP_AWS_SECRET
 });
@@ -355,4 +360,105 @@ function isImmutable(maybeImmutable) {
 }
 function debugUtil() {
   return new Date();
+}
+var compareSVGRect = exports.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;
+};
+var updateViwer2D = exports.updateViwer2D = function updateViwer2D(value) {
+  var viewer2DActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var _zoomValue = parseInt((value.a - 0.5) / _constants.ZOOM_VARIABLE);
+  if (_zoomValue > _constants.MAX_ZOOM_IN_SCALE) return;
+  if (_zoomValue < 0 || Number.isNaN(_zoomValue)) return;
+
+  // modify e, f to fit to SVG
+  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 (viewer2DActions && compareSVGRect(value)) viewer2DActions.updateCameraView(value);
+};
+function centering2D(state) {
+  var viewer2DActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  // calculate the bounding box of all elements in plan
+  var layer = state.scene.getIn(['layers', state.scene.selectedLayer]);
+  var bb = {
+    minX: Infinity,
+    maxX: -Infinity,
+    minY: Infinity,
+    maxY: -Infinity
+  };
+  bb = layer.vertices.reduce(function (pre, cur) {
+    pre.minX = Math.min(pre.minX, cur.x);
+    pre.maxX = Math.max(pre.maxX, cur.x);
+    pre.minY = Math.min(pre.minY, cur.y);
+    pre.maxY = Math.max(pre.maxY, cur.y);
+    return pre;
+  }, bb);
+  var w = bb.maxX - bb.minX;
+  var h = bb.maxY - bb.minY;
+
+  // calc scale and offset to fit view
+  var viewer = state.getIn(['viewer2D']).toJS();
+  if (w != 0 && Math.abs(w) != Infinity && h != 0 && Math.abs(h) != Infinity) {
+    // elements are exist && bounding box size > 0
+    viewer.a = viewer.viewerHeight < h ? viewer.viewerHeight / h : viewer.viewerHeight / h * 3 / 5 / _constants.ZOOM_VARIABLE > _constants.MAX_ZOOM_IN_SCALE ? viewer.viewerHeight / h * _constants.MAX_ZOOM_IN_SCALE / (viewer.viewerHeight / h / _constants.ZOOM_VARIABLE) : viewer.viewerHeight / h * 3 / 5;
+    viewer.d = viewer.a;
+    viewer.e = (viewer.viewerWidth - (bb.maxX + bb.minX) * viewer.a) / 2;
+    viewer.f = (viewer.viewerHeight - (bb.maxY + bb.minY) * viewer.a) / 2;
+  } else {
+    // there is no any element && bounding box size == 0
+    viewer.e = viewer.viewerWidth / 2 - viewer.SVGWidth / 2;
+    viewer.f = viewer.viewerHeight / 2 - viewer.SVGHeight / 2;
+    viewer.a = 0.99;
+    viewer.d = 0.99;
+  }
+  state = state.merge({
+    viewer2D: viewer
+  });
+  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;
 }