kitchen-simulator 4.0.0-queuedEvents → 4.0.0

package/es/models.js

@@ -38,16 +38,16 @@ export var DefaultGrids = new 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)']
     }
   })
 });
@@ -199,6 +199,8 @@ export var Item = /*#__PURE__*/function (_Record7) {
     uri: ''
   },
   molding: [],
+  isInitialPos: false,
+  //current {x,y} is the initial position from host?
   backsplashVisible: false,
   applianceMaterial: {
     roughness: 0.4,
@@ -338,7 +340,9 @@ export var CatalogElement = /*#__PURE__*/function (_Record1) {
   info: new Map(),
   properties: new Map(),
   obj: new Map(),
-  type: ''
+  type: '',
+  cds: new Map(),
+  structure_json: {}
 }, 'CatalogElement'));
 export var Catalog = /*#__PURE__*/function (_Record10) {
   function Catalog() {

package/es/plugins/SVGLoader.js

@@ -79,11 +79,13 @@ SVGLoader.prototype = Object.assign(Object.create(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/es/plugins/console-debugger.js

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

package/es/plugins/keyboard.js

@@ -6,12 +6,21 @@ export default function keyboard() {
       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 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 KEYBOARD_BUTTON_CODE.ESC:
           {
             store.dispatch(rollback());

package/es/reducers/items-reducer.js

@@ -17,7 +17,7 @@ export default function (state, action) {
     case EDIT_WIDTH:
       return Item.editWidth(state, action.newWidth, action.layerID, action.itemID).updatedState;
     case DUPLICATE_SELECTED:
-      return Item.duplicateSelected(state, action.currentObject).updatedState;
+      return Item.duplicateSelected(state, action.currentObject, action.onInternalEvent).updatedState;
     case END_CREATING_CABINET:
       return Item.endCreatingCabinet(state).updatedState;
     case UPDATE_POPUP_OPEN:
@@ -28,11 +28,11 @@ export default function (state, action) {
       state = state.merge({
         sceneHistory: history.historyPush(state.sceneHistory, state.scene)
       });
-      return Item.selectToolDrawingItem(state, action.sceneComponentType, action.oStyle).updatedState;
+      return Item.selectToolDrawingItem(state, action.sceneComponentType).updatedState;
     case REPLACE_ITEM:
       return Item.replaceItem(state, action.selectedPos, action.currentObject, action.selectedObject).updatedState;
     case UPDATE_DRAWING_ITEM:
-      return Item.updateDrawingItem(state, action.layerID, action.x, action.y).updatedState;
+      return Item.updateDrawingItem(state, action.layerID, action.x, action.y, action.isInitialPos).updatedState;
     case END_DRAWING_ITEM:
       state = state.merge({
         sceneHistory: history.historyPush(state.sceneHistory, state.scene)
@@ -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.isAll).updatedState;
+      return Item.setDoorStyle(state, action.doorStyle, action.itemCDS, action.isAll).updatedState;
     case SET_HANDLE_MATERIAL:
       return Item.setHandleMaterial(state, action.material).updatedState;
     case SET_DOOR_HANDLE:
@@ -130,7 +130,7 @@ export default function (state, action) {
     case SET_APPLIANCE_MATERIAL:
       return Item.setApplianceMaterial(state, action.material).updatedState;
     case SET_INITIAL_DOOR_STYLE:
-      return Item.setInitialDoorStyle(state, action.doorStyle, action.oStyle).updatedState;
+      return Item.setInitialDoorStyle(state, action.doorStyle).updatedState;
     case UPDATE_ITEM_POSITION:
       return Item.updateItemPosition(state, action.layerID, action.itemID, action.pos).updatedState;
     // case SET_MOVE_STATUS:

package/es/reducers/lines-reducer.js

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

package/es/reducers/project-reducer.js

@@ -1,12 +1,12 @@
 import { history } from "../utils/export";
-import { LOAD_PROJECT, NEW_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, MODE_IDLE, UNSELECT_ALL, SELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, RECREATE, UNCREATE, PROJECT_RE_NAME, ROLLBACK, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, OPEN_PROJECT_CONFIGURATOR, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SET_STATE_PROPERTIES, SHIFT2DON, SHIFT2DOFF, MODE_DRAWING_LINE, SET_IS_HELP, SET_IS_CABINET_DRAWING, ADD_ELEMENT_TO_CATALOG } from "../constants";
+import { LOAD_PROJECT, NEW_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, MODE_IDLE, UNSELECT_ALL, SELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, RECREATE, UNCREATE, PROJECT_RE_NAME, ROLLBACK, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, OPEN_PROJECT_CONFIGURATOR, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SET_STATE_PROPERTIES, SHIFT2DON, SHIFT2DOFF, MODE_DRAWING_LINE, SET_IS_HELP, SET_IS_CABINET_DRAWING, ADD_ELEMENT_TO_CATALOG, CREATE_ROOM_WITH_SHAPE } from "../constants";
 import { Project } from "../class/export";
 export default function (state, action) {
   switch (action.type) {
     case NEW_PROJECT:
       return Project.newProject(state).updatedState;
     case LOAD_PROJECT:
-      return Project.loadProject(state, action.sceneJSON, action.categoryData).updatedState;
+      return Project.loadProject(state, action.sceneJSON).updatedState;
     case OPEN_CATALOG:
       return Project.openCatalog(state).updatedState;
     case CHANGE_CATALOG_PAGE:
@@ -43,7 +43,7 @@ export default function (state, action) {
       state = state.merge({
         sceneHistory: history.historyPush(state.sceneHistory, state.scene)
       });
-      return Project.remove(state).updatedState;
+      return Project.remove(state, action.delObject).updatedState;
     case UNDO:
       return Project.undo(state).updatedState;
     case REDO:
@@ -125,6 +125,8 @@ export default function (state, action) {
       return Project.setIsHelp(state, action.isHelp).updatedState;
     case SET_IS_CABINET_DRAWING:
       return Project.setIsCabinetDrawing(state, action.isCabinetDrawing).updatedState;
+    case CREATE_ROOM_WITH_SHAPE:
+      return Project.createRoomWithShape(state, action.roomShapeType, action.width, action.height, action.doorStyle).updatedState;
     default:
       return state;
   }

package/es/shared-style.js

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

package/es/utils/geometry.js

@@ -1873,7 +1873,7 @@ export 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;
@@ -2105,7 +2105,7 @@ export 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]);
@@ -2443,4 +2443,165 @@ export 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 = convert(item.properties.getIn(['width', '_length'])).from('in').to('cm');
+    var height = 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
+  };
+}
+export function calcDistancesFromItemToWalls(curItem, layer) {
+  if (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 = convert(curItem.get('properties').get('width').get('_length')).from(curItem.get('properties').get('width').get('_unit')).to('cm');
+    height = convert(curItem.get('properties').get('depth').get('_length')).from(curItem.get('properties').get('depth').get('_unit')).to('cm');
+  } else {
+    width = convert(curItem.info.sizeinfo.width).from('in').to('cm');
+    height = 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/es/utils/get-edges-of-subgraphs.js

@@ -23,4 +23,4 @@ function getVerticesFromBiconnectedComponent(component) {
   });
   return vertices;
 }
-module.exports = getEdgesOfSubgraphs;
+export default getEdgesOfSubgraphs;

package/es/utils/graph-cycles.js

@@ -202,7 +202,7 @@ function find_inner_cycles(V, EV) {
 }
 
 // export default find_inner_cycles;
-module.exports = find_inner_cycles;
+export default find_inner_cycles;
 
 /**
  * DATA

package/es/utils/graph.js

@@ -142,4 +142,4 @@ var Graph = /*#__PURE__*/function () {
     }
   }]);
 }();
-module.exports = Graph;
+export default Graph;

package/es/utils/helper.js

@@ -3,12 +3,13 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { HDRCubeTextureLoader } from 'three/examples/jsm/loaders/HDRCubeTextureLoader.js';
-import { ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT, ANIMATE_STEP_MAX, DECIMAL_PLACES_2, HDR_URLS, MODE_ELEVATION_VIEW } from "../constants";
+import { ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT, ANIMATE_STEP_MAX, DECIMAL_PLACES_2, HDR_URLS, MAX_ZOOM_IN_SCALE, MODE_ELEVATION_VIEW, ZOOM_VARIABLE } from "../constants";
 import * as Three from 'three';
-import { returnReplaceableDeepSearchType } from "./../components/viewer2d/utils";
+import { isWarningItem, returnReplaceableDeepSearchType } from "./../components/viewer2d/utils";
 import { convert } from "./convert-units-lite";
 import { formatNumber } from "./math";
-var AWS = require('aws-sdk');
+import AWS from 'aws-sdk';
+import { GeometryUtils, MoldingUtils } from "./export";
 var s3 = new AWS.S3({
   accessKeyId: process.env.REACT_APP_AWS_ID,
   secretAccessKey: process.env.REACT_APP_AWS_SECRET
@@ -331,4 +332,105 @@ export function isImmutable(maybeImmutable) {
 }
 export function debugUtil() {
   return new Date();
+}
+export 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 var updateViwer2D = function updateViwer2D(value) {
+  var viewer2DActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var _zoomValue = parseInt((value.a - 0.5) / ZOOM_VARIABLE);
+  if (_zoomValue > 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);
+};
+export 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 / ZOOM_VARIABLE > MAX_ZOOM_IN_SCALE ? viewer.viewerHeight / h * MAX_ZOOM_IN_SCALE / (viewer.viewerHeight / h / 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;
+}
+export 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 = GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
+    var _length = 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 = isWarningItem(currentObject);
+    // check this item is available molding
+    updatedPayload.isMoldingAvailable = MoldingUtils.isEnableItemForMolding(layer, currentObject);
+    // check this item is snapped to wall
+    updatedPayload.isAttachedWall = 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;
 }