kitchen-simulator 5.0.0-new-api → 5.0.0-new-api.2

package/lib/events/external/handlers.wall.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleAddWall = handleAddWall;
+var _constants = require("../../constants");
+function handleAddWall(props, state) {
+  if (state.mode === _constants.MODE_IDLE || state.mode === _constants.MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
+    props.projectActions.setMode(_constants.MODE_IDLE);
+    props.linesActions.selectToolDrawingLine('wall');
+  }
+}

package/lib/mappings/external-events/mappers/ccdfMapper.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ccdfMapper = ccdfMapper;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _utils = require("../../../components/viewer2d/utils");
-var _immutable = require("immutable");
+var _immutable = require("../../../shared/objects/immutable");
 function ccdfMapper(ccdf_list, layer) {
   // This function make cabinet definition using ccdf, layer's item information and catalog
   // console.log(ccdf_list, catalog);
@@ -18,7 +18,7 @@ function ccdfMapper(ccdf_list, layer) {
   var cdfId;
   var structure_json = {};
   var cabinetDefinition = {};
-  var layerJS = _immutable.Map.isMap(layer) ? layer.toJS() : layer;
+  var layerJS = (0, _immutable.toJSIfNeeded)(layer);
   ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (ccdf) {
     var itemKeys = Object.keys(layerJS.items);
     var correctItemId = '';

package/lib/mappings/external-events/mappers/changeDoorStyleMapper.js

@@ -11,7 +11,7 @@ var _helper = require("../../../utils/helper");
 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 mapChangeDoorStyleEvent(evt, state) {
-  var _evt$payload, _layer$toJS, _targetDoorStyle$ccdf;
+  var _evt$payload, _layer$toJS;
   if ((0, _helper.isEmpty)(evt)) return null;
   var targetDoorStyle = evt === null || evt === void 0 || (_evt$payload = evt.payload) === null || _evt$payload === void 0 ? void 0 : _evt$payload.doorStyle;
   if ((0, _helper.isEmpty)(targetDoorStyle)) return evt;
@@ -40,33 +40,5 @@ function mapChangeDoorStyleEvent(evt, state) {
   evt.payload.doorStyle = _objectSpread(_objectSpread({}, targetDoorStyle), {}, {
     doorStyles: doorStyles
   });
-  // make itemCDS using assets3d
-  var itemCDS = [];
-  var itemCDSData = {};
-  var cabitnetDoorStyleId;
-  targetDoorStyle === null || targetDoorStyle === void 0 || (_targetDoorStyle$ccdf = targetDoorStyle.ccdf_list) === null || _targetDoorStyle$ccdf === void 0 || _targetDoorStyle$ccdf.forEach(function (asItem) {
-    if (!(0, _helper.isEmpty)(asItem === null || asItem === void 0 ? void 0 : asItem.id)) {
-      cabitnetDoorStyleId = asItem.id;
-    }
-    asItem === null || asItem === void 0 || asItem.assets3d.forEach(function (as) {
-      if (!(0, _helper.isEmpty)(as === null || as === void 0 ? void 0 : as.placeholder_name) && !(0, _helper.isEmpty)(as === null || as === void 0 ? void 0 : as.gltf)) {
-        var updatedName = 'base_' + (as === null || as === void 0 ? void 0 : as.placeholder_name) + '_gltf';
-        itemCDSData[updatedName] = as === null || as === void 0 ? void 0 : as.gltf;
-      }
-      itemCDSData['is_euro_cds'] = !(0, _helper.isEmpty)(as === null || as === void 0 ? void 0 : as.is_euro_cds) ? as.is_euro_cds : 0;
-      itemCDSData['euro_shape_svg'] = !(0, _helper.isEmpty)(as === null || as === void 0 ? void 0 : as.euro_shape_svg) ? as.is_euro_cds : null;
-      itemCDSData['euro_width'] = !(0, _helper.isEmpty)(as === null || as === void 0 ? void 0 : as.euro_width) ? as.is_euro_cds : null;
-      itemCDSData['euro_height'] = !(0, _helper.isEmpty)(as === null || as === void 0 ? void 0 : as.euro_height) ? as.is_euro_cds : null;
-      itemCDSData['euro_length'] = !(0, _helper.isEmpty)(as === null || as === void 0 ? void 0 : as.euro_length) ? as.is_euro_cds : null;
-    });
-    var data = [];
-    data.push(itemCDSData);
-    itemCDS.push({
-      itemID: asItem.cabinet_id,
-      data: data,
-      cabinet_door_style_id: cabitnetDoorStyleId
-    });
-  });
-  evt.payload.itemCDS = itemCDS;
   return evt;
 }

package/lib/reducers/export.js

@@ -46,12 +46,6 @@ Object.defineProperty(exports, "KitchenConfiguratorSceneReducer", {
     return _sceneReducer["default"];
   }
 });
-Object.defineProperty(exports, "KitchenConfiguratorUserReducer", {
-  enumerable: true,
-  get: function get() {
-    return _userReducer["default"];
-  }
-});
 Object.defineProperty(exports, "KitchenConfiguratorVerticesReducer", {
   enumerable: true,
   get: function get() {
@@ -81,7 +75,6 @@ var _sceneReducer = _interopRequireDefault(require("./scene-reducer"));
 var _verticesReducer = _interopRequireDefault(require("./vertices-reducer"));
 var _viewer2dReducer = _interopRequireDefault(require("./viewer2d-reducer"));
 var _viewer3dReducer = _interopRequireDefault(require("./viewer3d-reducer"));
-var _userReducer = _interopRequireDefault(require("./user-reducer"));
 var _default = exports["default"] = {
   KitchenConfiguratorAreasReducer: _areasReducer["default"],
   KitchenConfiguratorHolesReducer: _holesReducer["default"],
@@ -92,6 +85,5 @@ var _default = exports["default"] = {
   KitchenConfiguratorSceneReducer: _sceneReducer["default"],
   KitchenConfiguratorVerticesReducer: _verticesReducer["default"],
   KitchenConfiguratorViewer2dReducer: _viewer2dReducer["default"],
-  KitchenConfiguratorViewer3dReducer: _viewer3dReducer["default"],
-  KitchenConfiguratorUserReducer: _userReducer["default"]
+  KitchenConfiguratorViewer3dReducer: _viewer3dReducer["default"]
 };

package/lib/reducers/reducer.js

@@ -21,6 +21,5 @@ function appReducer(state, action) {
   if (_constants.GROUP_ACTIONS[action.type]) return _export.KitchenConfiguratorGroupsReducer.apply(void 0, arguments);
   if (_constants.SCENE_ACTIONS[action.type]) return _export.KitchenConfiguratorSceneReducer.apply(void 0, arguments);
   if (_constants.VERTEX_ACTIONS[action.type]) return _export.KitchenConfiguratorVerticesReducer.apply(void 0, arguments);
-  if (_constants.USER_ACTIONS[action.type]) return _export.KitchenConfiguratorUserReducer.apply(void 0, arguments);
   return state || initialState;
 }

package/lib/shared/objects/immutable.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toJSIfNeeded = toJSIfNeeded;
+function toJSIfNeeded(value) {
+  return value && typeof value.toJS === 'function' ? value.toJS() : value;
+}

package/lib/utils/geometry.js

@@ -2236,8 +2236,6 @@ function relationshipOfTwoOverlappedLines2(srcLine, destLine) {
       };
       var line0 = [p1, p2].sort(comparator);
       var line1 = [p3, p4].sort(comparator);
-      var isReversedSrcLineDirection = false;
-      if (line0[0].x === srcLine.x2 && line0[0].y === srcLine.y2) isReversedSrcLineDirection = true;
       var _sort3 = [line0, line1].sort(function (lineA, lineB) {
           return comparator(lineA[0], lineB[0]);
         }),
@@ -2245,101 +2243,305 @@ function relationshipOfTwoOverlappedLines2(srcLine, destLine) {
         lineSX = _sort4[0],
         lineDX = _sort4[1];
       var isReversedSrcLineIdx = false;
-      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]);
+      if (lineSX[0].x === line0[0].x && lineSX[0].y === line0[0].y) isReversedSrcLineIdx = false; // SX=srcLine, DX=destLine
+      else if (lineSX[0].x === line1[0].x && lineSX[0].y === line1[0].y) isReversedSrcLineIdx = true; // DX=srcLine, SX=destLine
+
+      var compare0 = comparator(lineSX[0], lineDX[0]); // always <= 0
       var compare1 = comparator(lineSX[1], lineDX[0]);
       var compare2 = comparator(lineSX[1], lineDX[1]);
-      if (_export.MathUtils.fAbs(compare0) < _constants.EPSILON && _export.MathUtils.fAbs(compare2) < _constants.EPSILON) {
-        return {
-          result: _constants.OVERLAP_SAME
-        };
-      } else if (_export.MathUtils.fAbs(compare0) < _constants.EPSILON && compare2 < 0) {
-        // lineDX includes lineSX
-        if (!isReversedSrcLineIdx) {
-          // dest === lineDX : dest includes src
-          // return OVERLAP_INCLUDED; // lineSX[1] - lineDX[1]
-          return {
-            result: _constants.OVERLAP_INCLUDED
+      var sp = null,
+        ep = null;
+      if (_export.MathUtils.fAbs(compare1) < _constants.EPSILON) {
+        //       SX
+        //  |----------|
+        //                   DX
+        //             |------------|
+        // link : lineSX[0] - lineDX[1]
+        if (lineSX[0].x === p1.x && lineSX[0].y === p1.y || lineDX[1].x === p2.x && lineDX[1].y === p2.y) {
+          sp = {
+            x: lineSX[0].x,
+            y: lineSX[0].y
+          };
+          ep = {
+            x: lineDX[1].x,
+            y: lineDX[1].y
+          };
+        } else {
+          // srcLine Direction is reversed
+          sp = {
+            x: lineDX[1].x,
+            y: lineDX[1].y
+          };
+          ep = {
+            x: lineSX[0].x,
+            y: lineSX[0].y
           };
         }
-        //  else {
-        //   // src includes dest
-        //   // return OVERLAP_SOME; // lineSX[1] - lineDX[1]
-        //   return {
-        //     result: OVERLAP_SOME,
-        //     trimmedSegs: {
-        //       x1: lineSX[1].x,
-        //       y1: lineSX[1].y,
-        //       x2: lineDX[1].x,
-        //       y2: lineDX[1].y
-        //     }
-        //   };
-        // }
-      }
-      if (_export.MathUtils.fAbs(compare1) < _constants.EPSILON) {
-        // return OVERLAP_LINK; // lineSX[1]
         return {
           result: _constants.OVERLAP_LINK,
           linkedLine: {
-            x1: isReversedSrcLineDirection ? lineDX[1].x : lineSX[0].x,
-            y1: isReversedSrcLineDirection ? lineDX[1].y : lineSX[0].y,
-            x2: isReversedSrcLineDirection ? lineSX[0].x : lineDX[1].x,
-            y2: isReversedSrcLineDirection ? lineSX[0].y : lineDX[1].y
+            x1: sp.x,
+            y1: sp.y,
+            x2: ep.x,
+            y2: ep.y
           }
         };
       } else if (compare1 < 0) {
+        //       SX
+        //  |----------|
+        //                     DX
+        //                |----------|
+        // none
         return {
           result: _constants.OVERLAP_NONE
         };
-      } else {
-        if (_export.MathUtils.fAbs(compare2) < _constants.EPSILON || compare2 > 0) {
-          // lineSX includes lineDX
-          if (isReversedSrcLineIdx) {
-            // dest === lineSX : dest includes src
-            // return OVERLAP_INCLUDED; // lineDX[0] - lineDX[1]
+      } else if (_export.MathUtils.fAbs(compare0) < _constants.EPSILON && _export.MathUtils.fAbs(compare2) < _constants.EPSILON) {
+        //       SX
+        //  |----------|
+        //       DX
+        //  |----------|
+        return {
+          result: _constants.OVERLAP_SAME
+        };
+      } else if (_export.MathUtils.fAbs(compare0) < _constants.EPSILON) {
+        if (compare2 < 0 && isReversedSrcLineIdx) {
+          //       SX
+          //  |---------------|
+          //             DX
+          //  |-----------------------|
+          // DX includes SX, DX=srcLine, SX=destLine : sx1 - dx1
+          if (lineDX[1].x === p2.x && lineDX[1].y === p2.y) {
+            sp = {
+              x: lineSX[1].x,
+              y: lineSX[1].y
+            };
+            ep = {
+              x: lineDX[1].x,
+              y: lineDX[1].y
+            };
+          } else {
+            // srcLine Direction is reversed
+            sp = {
+              x: lineDX[1].x,
+              y: lineDX[1].y
+            };
+            ep = {
+              x: lineSX[1].x,
+              y: lineSX[1].y
+            };
+          }
+          return {
+            result: _constants.OVERLAP_SOME,
+            trimmedSegs: [{
+              x1: sp.x,
+              y1: sp.y,
+              x2: ep.x,
+              y2: ep.y
+            }]
+          };
+        } else if (compare2 > 0 && !isReversedSrcLineIdx) {
+          //             SX
+          //  |-----------------------|
+          //         DX
+          //  |---------------|
+          // SX includes DX, SX=srcLine, DX=destLine  : dx1 - sx1
+          if (lineSX[1].x === p2.x && lineSX[1].y === p2.y) {
+            sp = {
+              x: lineDX[1].x,
+              y: lineDX[1].y
+            };
+            ep = {
+              x: lineSX[1].x,
+              y: lineSX[1].y
+            };
+          } else {
+            // srcLine Direction is reversed
+            sp = {
+              x: lineSX[1].x,
+              y: lineSX[1].y
+            };
+            ep = {
+              x: lineDX[1].x,
+              y: lineDX[1].y
+            };
+          }
+          return {
+            result: _constants.OVERLAP_SOME,
+            trimmedSegs: [{
+              x1: sp.x,
+              y1: sp.y,
+              x2: ep.x,
+              y2: ep.y
+            }]
+          };
+        } else {
+          //       srcLine
+          //  |---------------|
+          //          destLine
+          //  |-----------------------|
+          // destLine includes srcLine
+          return {
+            result: _constants.OVERLAP_INCLUDED
+          };
+        }
+      } else if (_export.MathUtils.fAbs(compare2) < _constants.EPSILON) {
+        //             SX
+        //  |-----------------------|
+        //                DX
+        //       |------------------|
+        if (isReversedSrcLineIdx) {
+          // SX includes DX, DX=srcLine, SX=destLine
+          // destLine includes srcLine
+          return {
+            result: _constants.OVERLAP_INCLUDED
+          };
+        } else {
+          // SX includes DX, SX=srcLine, DX=destLine
+          // srcLine incluedes destLine : sx0 - dx0
+          if (lineSX[1].x === p2.x && lineSX[1].y === p2.y) {
+            sp = {
+              x: lineSX[0].x,
+              y: lineSX[0].y
+            };
+            ep = {
+              x: lineDX[0].x,
+              y: lineDX[0].y
+            };
+          } else {
+            // srcLine direction is reversed
+            sp = {
+              x: lineDX[0].x,
+              y: lineDX[0].y
+            };
+            ep = {
+              x: lineSX[0].x,
+              y: lineSX[0].y
+            };
+          }
+          return {
+            result: _constants.OVERLAP_SOME,
+            trimmedSegs: [{
+              x1: sp.x,
+              y1: sp.y,
+              x2: ep.x,
+              y2: ep.y
+            }]
+          };
+        }
+      } else if (compare0 < 0 && compare2 > 0) {
+        //             SX
+        //  |-----------------------|
+        //             DX
+        //     |----------------|
+        if (isReversedSrcLineIdx) {
+          // SX includes DX, DX=srcLine, SX=destLine
+          // destLine includes srcLine
+          return {
+            result: _constants.OVERLAP_INCLUDED
+          };
+        } else {
+          // SX includes DX, SX=srcLine, DX=destLine
+          // srcLine incluedes destLine : sx0 - dx0, dx1 - sx1
+          if (lineSX[1].x === p2.x && lineSX[1].y === p2.y) {
             return {
-              result: _constants.OVERLAP_INCLUDED
+              result: _constants.OVERLAP_SOME,
+              trimmedSegs: [{
+                x1: lineSX[0].x,
+                y1: lineSX[0].y,
+                x2: lineDX[0].x,
+                y2: lineDX[0].y
+              }, {
+                x1: lineDX[1].x,
+                y1: lineDX[1].y,
+                x2: lineSX[1].x,
+                y2: lineSX[1].y
+              }]
             };
           } else {
-            // dest === lineDX : src includes dest
-            var trimmedSegs = [];
-            // return OVERLAP_SOME; // lineSX[0] - lineDX[0], lineDX[1] - lineSX[1]
-            if (compare0 < 0) trimmedSegs.push({
-              x1: isReversedSrcLineDirection ? lineDX[0].x : lineSX[0].x,
-              y1: isReversedSrcLineDirection ? lineDX[0].y : lineSX[0].y,
-              x2: isReversedSrcLineDirection ? lineSX[0].x : lineDX[0].x,
-              y2: isReversedSrcLineDirection ? lineSX[0].y : lineDX[0].y
-            });
-            if (compare2 > 0) trimmedSegs.push({
-              x1: isReversedSrcLineDirection ? lineSX[1].x : lineDX[1].x,
-              y1: isReversedSrcLineDirection ? lineSX[1].y : lineDX[1].y,
-              x2: isReversedSrcLineDirection ? lineDX[1].x : lineSX[1].x,
-              y2: isReversedSrcLineDirection ? lineDX[1].y : lineSX[1].y
-            });
+            // srcLine direction is reversed
             return {
               result: _constants.OVERLAP_SOME,
-              trimmedSegs: trimmedSegs
+              trimmedSegs: [{
+                x1: lineDX[0].x,
+                y1: lineDX[0].y,
+                x2: lineSX[0].x,
+                y2: lineSX[0].y
+              }, {
+                x1: lineSX[1].x,
+                y1: lineSX[1].y,
+                x2: lineDX[1].x,
+                y2: lineDX[1].y
+              }]
             };
           }
         }
-        if (compare2 < 0) {
-          // return OVERLAP_SOME; // lineSX[0] - lineDX[0], lineSX[1] - lineDX[1]
-          var _trimmedSegs = [];
-          if (compare0 < 0 && !isReversedSrcLineIdx) _trimmedSegs.push({
-            x1: isReversedSrcLineDirection ? lineDX[0].x : lineSX[0].x,
-            y1: isReversedSrcLineDirection ? lineDX[0].y : lineSX[0].y,
-            x2: isReversedSrcLineDirection ? lineSX[0].x : lineDX[0].x,
-            y2: isReversedSrcLineDirection ? lineSX[0].y : lineDX[0].y
-          });
-          if (compare2 < 0 && isReversedSrcLineIdx) _trimmedSegs.push({
-            x1: isReversedSrcLineDirection ? lineDX[1].x : lineSX[1].x,
-            y1: isReversedSrcLineDirection ? lineDX[1].y : lineSX[1].y,
-            x2: isReversedSrcLineDirection ? lineSX[1].x : lineDX[1].x,
-            y2: isReversedSrcLineDirection ? lineSX[1].y : lineDX[1].y
-          });
+      } else if (compare2 < 0) {
+        //             SX
+        //  |-----------------------|
+        //                   DX
+        //     |----------------------------|
+        // overlap some
+        if (isReversedSrcLineIdx) {
+          // DX=srcLine, SX=destLine
+          if (lineDX[1].x === p2.x && lineDX[1].y === p2.y) {
+            sp = {
+              x: lineSX[1].x,
+              y: lineSX[1].y
+            };
+            ep = {
+              x: lineDX[1].x,
+              y: lineDX[1].y
+            };
+          } else {
+            // srcLine direction is reversed
+            sp = {
+              x: lineDX[1].x,
+              y: lineDX[1].y
+            };
+            ep = {
+              x: lineSX[1].x,
+              y: lineSX[1].y
+            };
+          }
+          return {
+            result: _constants.OVERLAP_SOME,
+            trimmedSegs: [{
+              x1: sp.x,
+              y1: sp.y,
+              x2: ep.x,
+              y2: ep.y
+            }]
+          };
+        } else {
+          // SX=srcLine, DX=destLine
+          if (lineSX[1].x === p2.x && lineSX[1].y === p2.y) {
+            sp = {
+              x: lineSX[0].x,
+              y: lineSX[0].y
+            };
+            ep = {
+              x: lineDX[0].x,
+              y: lineDX[0].y
+            };
+          } else {
+            // srcLine direction is reversed
+            sp = {
+              x: lineDX[0].x,
+              y: lineDX[0].y
+            };
+            ep = {
+              x: lineSX[0].x,
+              y: lineSX[0].y
+            };
+          }
           return {
             result: _constants.OVERLAP_SOME,
-            trimmedSegs: _trimmedSegs
+            trimmedSegs: [{
+              x1: sp.x,
+              y1: sp.y,
+              x2: ep.x,
+              y2: ep.y
+            }]
           };
         }
       }

package/lib/utils/history.js

@@ -18,7 +18,7 @@ var historyPush = exports.historyPush = function historyPush(historyStructure, i
       });
 
       // convert map to object of the [value] field
-      if (_immutable.List.isList(toPush.get('diff')) && ((_toPush$get = toPush.get('diff')) === null || _toPush$get === void 0 ? void 0 : _toPush$get.size) > 1) {
+      if (_immutable.List.isList(toPush.get('diff')) && ((_toPush$get = toPush.get('diff')) === null || _toPush$get === void 0 ? void 0 : _toPush$get.size) > 0) {
         for (var i = 0; i < toPush.get('diff').size; i++) {
           var mapValue = toPush.get('diff').get(i).get('value');
           if (_immutable.Map.isMap(mapValue)) {

package/lib/utils/molding.js

@@ -276,8 +276,9 @@ function getLinesOfItem(item, allLineRects, catalog) {
   var hUnit = item.properties.get('depth').get('_unit') || 'cm';
   newDepth = (0, _convertUnitsLite.convert)(newDepth).from(hUnit).to('cm');
   if (item) {
+    var _element;
     // Get Outline Data of Selected Item
-    outline = element.info.outline;
+    outline = (_element = element) === null || _element === void 0 || (_element = _element.info) === null || _element === void 0 ? void 0 : _element.outline;
     if (outline) {
       // Extract Points from `outline`
       var outlinePaths = outline.paths;
@@ -347,9 +348,9 @@ function getLinesOfItem2(item, allLineRects, catalog) {
   var hUnit = item.properties.get('depth').get('_unit') || 'cm';
   newDepth = (0, _convertUnitsLite.convert)(newDepth).from(hUnit).to('cm');
   if (item) {
-    var _element;
+    var _element2;
     // Get Outline Data of Selected Item
-    outline = (_element = element) === null || _element === void 0 ? void 0 : _element.info.outline;
+    outline = (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.info.outline;
     if (outline) {
       // Extract Points from `outline`
       var outlinePaths = outline.paths;
@@ -457,6 +458,7 @@ function getLinesFromItems2(moldingGroup, layer, catalog) {
   var MGlines = [];
   var MGlinesOtherSnapped = [];
   var items = (0, _toConsumableArray2["default"])(moldingGroup.items);
+  items = sortItemsByDistance(items, items[0]);
   // The other item's lines (these items are snapped to the moldingGroup items)
   var itemsOtherSnapped = layer.items.toArray().filter(function (item) {
     if (items.some(function (it) {
@@ -591,23 +593,7 @@ function getLinesFromItems2(moldingGroup, layer, catalog) {
       })) return 1; // continue
       var mergedResult = getMergedLine(MGlines[_i3], filteredMGlines, 0);
       if (mergedResult) {
-        // keep origin line direction
-        var rstLine = mergedResult.mergedLine;
-        // if (
-        //   (Math.abs(MGlines[i][0].x - rstLine[1].x) < EPSILON &&
-        //     Math.abs(MGlines[i][0].y - rstLine[1].y) < EPSILON) ||
-        //   (Math.abs(MGlines[i][1].x - rstLine[0].x) < EPSILON &&
-        //     Math.abs(MGlines[i][1].y - rstLine[0].y) < EPSILON)
-        // ) {
-        //   // swap two end points
-        //   const tx = rstLine[0].x;
-        //   const ty = rstLine[0].y;
-        //   rstLine[0].x = rstLine[1].x;
-        //   rstLine[0].y = rstLine[1].y;
-        //   rstLine[1].x = tx;
-        //   rstLine[1].y = ty;
-        // }
-        newMGlines.push(rstLine);
+        newMGlines.push(mergedResult.mergedLine);
         filteredMGlines = mergedResult.filteredMGlines;
       }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "5.0.0-new-api",
+  "version": "5.0.0-new-api.2",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",