kitchen-simulator 11.36.0 → 11.38.0

package/es/reducers/items-reducer.js

@@ -109,7 +109,7 @@ export default function (state, action) {
       state = stateHistoryPush(state).updatedState;
       return Item.setCounterTop(state, action.counterTop).updatedState;
     case SET_MOLDING:
-      return Item.setMolding(state, action.molding, action.isAll).updatedState;
+      return Item.setMolding(state, action.molding, action.isAll, action.onInternalEvent).updatedState;
     case UPDATE_MOLDING:
       return Item.updateMolding(state).updatedState;
     case SET_WALL_COLOR:

package/es/utils/molding.js

@@ -699,97 +699,6 @@ function getTrimmedContourLineSegs(lineSegs, otherLines, cnt) {
     return [];
   }
 }
-export function getLinesFromItems(moldingGroup, layer, catalog) {
-  var allLineRects = GeometryUtils.buildRectFromLines(layer, GeometryUtils.getAllLines(layer));
-  var items = _toConsumableArray(moldingGroup.items);
-  var MGlines = getLinesOfItem(items[0], allLineRects, catalog);
-  items = sortItemsByDistance(items, items[0]);
-  var _loop7 = function _loop7() {
-    var itemLines = getLinesOfItem(items[i], allLineRects, catalog);
-    var temp_MGLines = [];
-    MGlines.forEach(function (line) {
-      var idx = itemLines.findIndex(function (itemLine) {
-        return isLinesOverlapped(line, itemLine);
-      });
-      var curItemLine = itemLines[idx];
-      if (idx > -1) {
-        if (!(GeometryUtils.samePoints(line[0], curItemLine[0]) && GeometryUtils.samePoints(line[1], curItemLine[1]) || GeometryUtils.samePoints(line[0], curItemLine[1]) && GeometryUtils.samePoints(line[1], curItemLine[0]))) {
-          var MGLine = mergeOverlappedLines(line, curItemLine);
-          temp_MGLines.push(MGLine);
-        }
-        itemLines.splice(idx, 1);
-      } else {
-        temp_MGLines.push(line);
-      }
-    });
-    itemLines.forEach(function (itemLine) {
-      return temp_MGLines.push(itemLine);
-    });
-    MGlines = [].concat(temp_MGLines);
-  };
-  for (var i = 1; i < items.length; i++) {
-    _loop7();
-  }
-  // return MGlines;
-  var snapped_other_items = layer.items.toArray().filter(function (item) {
-    if (items.some(function (it) {
-      return item.id === it.id;
-    })) return false;
-    return isItemSnappedGroup(item, items);
-  });
-  snapped_other_items.forEach(function (item) {
-    var itemAltitude = item.properties.get('altitude').get('_length');
-    var itemAltitudeUnit = item.properties.get('altitude').get('_unit');
-    itemAltitude = convert(itemAltitude).from(itemAltitudeUnit).to('cm');
-    var itemHeight = item.properties.get('height').get('_length');
-    var itemHeightUnit = item.properties.get('height').get('_unit');
-    itemHeight = convert(itemHeight).from(itemHeightUnit).to('cm');
-    var mgroupAltitude = items[0].properties.get('altitude').get('_length');
-    var mgroupAltitudeUnit = items[0].properties.get('altitude').get('_unit');
-    mgroupAltitude = convert(mgroupAltitude).from(mgroupAltitudeUnit).to('cm');
-    var mgroupHeight = items[0].properties.get('height').get('_length');
-    var mgroupHeightUnit = items[0].properties.get('height').get('_unit');
-    mgroupHeight = convert(mgroupHeight).from(mgroupHeightUnit).to('cm');
-    var flag = false;
-    switch (moldingGroup.location_type) {
-      case TOP_MOLDING_LOCATION:
-        flag = itemAltitude + itemHeight > mgroupAltitude + mgroupHeight;
-        break;
-      case MIDDLE_MOLDING_LOCATION:
-        flag = true;
-        break;
-      case BOTTOM_MOLDING_LOCATION:
-        flag = itemAltitude < mgroupAltitude;
-        break;
-    }
-    if (item.category !== 'cabinet' || ![BASE_CABINET_LAYOUTPOS, WALL_CABINET_LAYOUTPOS, TALL_CABINET_LAYOUTPOS].includes(item.layoutpos)) flag = true;
-    if (flag) {
-      var itemLines = getLinesOfItem(item, allLineRects, catalog);
-      var temp_MGLines = [];
-      MGlines.forEach(function (mgl) {
-        var idx = itemLines.findIndex(function (itl) {
-          return isLinesOverlapped(mgl, itl);
-        });
-        var curITL = itemLines[idx];
-        if (idx > -1) {
-          if (getDelta(mgl[0], mgl[1], curITL[1], curITL[0]) < EPSILON || getDelta(mgl[0], mgl[1], curITL[0], curITL[1]) < EPSILON) {
-            if (GeometryUtils.verticesDistance(mgl[0], mgl[1]) > GeometryUtils.verticesDistance(curITL[0], curITL[1])) {
-              var MGLine = mergeOverlappedLines(mgl, curITL);
-              temp_MGLines.push(MGLine);
-            }
-            itemLines.splice(idx, 1);
-          } else {
-            temp_MGLines.push(mgl);
-          }
-        } else {
-          temp_MGLines.push(mgl);
-        }
-      });
-      MGlines = [].concat(temp_MGLines);
-    }
-  });
-  return MGlines;
-}
 function getMDPoints(newMD) {
   if (newMD.lines.length < 1) return _objectSpread(_objectSpread({}, newMD), {}, {
     pointGroups: []
@@ -839,7 +748,7 @@ function getMDPoints(newMD) {
   var pointGroups = [[]];
   var flag = 1;
   var i = 0;
-  var _loop8 = function _loop8() {
+  var _loop7 = function _loop7() {
     if (pointGroups[i].length === 0) {
       pointGroups[i].push(new Three.Vector2(MDlines[0][0].x - cPos.x, MDlines[0][0].y - cPos.y), new Three.Vector2(MDlines[0][1].x - cPos.x, MDlines[0][1].y - cPos.y));
       MDlines.splice(0, 1);
@@ -904,7 +813,7 @@ function getMDPoints(newMD) {
     }
   };
   while (MDlines.length !== 0) {
-    _loop8();
+    _loop7();
   }
   var z = newMD.items[0].properties.get('altitude').get('_length');
   var zUnit = newMD.items[0].properties.get('altitude').get('_unit') || 'cm';
@@ -1014,14 +923,14 @@ export function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLe
   // filter the real molding line segments
   var removeLineIds = []; // remove the line that fully overlapped to other line
   var newLines = []; // new countour line segment that except the overlapped part
-  var _loop9 = function _loop9(i) {
+  var _loop8 = function _loop8(i) {
     var srcLine = {
       x1: moldingLines[i].line[0].x,
       y1: moldingLines[i].line[0].y,
       x2: moldingLines[i].line[1].x,
       y2: moldingLines[i].line[1].y
     };
-    var _loop1 = function _loop1(_j) {
+    var _loop0 = function _loop0(_j) {
         if (i === _j) return 0; // continue
         if (Math.abs(moldingLines[i].z - moldingLines[_j].z) > EPSILON) return 0; // continue
         var destLine = {
@@ -1056,13 +965,13 @@ export function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLe
       },
       _ret4;
     for (var _j = 0; _j < moldingLines.length; _j++) {
-      _ret4 = _loop1(_j);
+      _ret4 = _loop0(_j);
       if (_ret4 === 0) continue;
       if (_ret4 === 1) break;
     }
   };
   for (var i = 0; i < moldingLines.length; i++) {
-    _loop9(i);
+    _loop8(i);
   }
   moldingLines = moldingLines.filter(function (line, idx) {
     return !removeLineIds.some(function (id) {
@@ -1093,7 +1002,7 @@ export function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLe
   // console.log('moldingLines: ', moldingLines);
 
   // make molding data with grouping molding & doorStyle
-  var _loop0 = function _loop0() {
+  var _loop9 = function _loop9() {
     var ml = moldingLines[k];
     var mlLength = ml.molding.name === TOE_KICK_MOLDING ? ml.inchWidth : convert(GeometryUtils.verticesDistance(ml.line[0], ml.line[1])).from('cm').to('in');
     var idx = moldingData.findIndex(function (v) {
@@ -1110,7 +1019,7 @@ export function getMoldingDataOfScene2(layer, catalog, doorStyle, moldingPieceLe
     }
   };
   for (var k = 0; k < moldingLines.length; k++) {
-    _loop0();
+    _loop9();
   }
   // console.log('moldingData: ', moldingData);
 

package/lib/actions/items-actions.js

@@ -326,10 +326,12 @@ function setWallColor(texture) {
   };
 }
 function setMolding(texture, isAll) {
+  var onInternalEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   return {
     type: _constants.SET_MOLDING,
     molding: texture,
-    isAll: isAll
+    isAll: isAll,
+    onInternalEvent: onInternalEvent
   };
 }
 function updateMolding() {

package/lib/class/item.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -22,6 +24,8 @@ var _history = require("../utils/history");
 var _immutable2 = require("../shared/objects/immutable");
 var _cabinetMirror = require("../shared/domain/cabinet-mirror");
 var _cabinetWarning = require("../shared/domain/cabinet-warning");
+var _ccdfToCDSMapper = require("../mappings/external-events/mappers/ccdfToCDSMapper");
+var _handleExternalEvent = require("../events/external/handleExternalEvent.util");
 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 allItemRect;
@@ -133,22 +137,17 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           var refAlt = refItem === null || refItem === void 0 || (_refItem$properties = refItem.properties) === null || _refItem$properties === void 0 || (_refItem$properties$g = _refItem$properties.get) === null || _refItem$properties$g === void 0 ? void 0 : _refItem$properties$g.call(_refItem$properties, 'altitude');
           if (refAlt) item = item.setIn(['properties', 'altitude'], refAlt);
         } else {
-          var _layer$doorStyle, _temp, _ref, _temp$doorStyles$cds$, _temp2, _temp3, _state5;
+          var _layer$doorStyle, _temp;
           var layer = state.getIn(['scene', 'layers', layerID]);
           var temp = (_layer$doorStyle = layer === null || layer === void 0 ? void 0 : layer.doorStyle) !== null && _layer$doorStyle !== void 0 ? _layer$doorStyle : state.doorStyle;
           if (!(0, _utils.isEmpty)(temp) && _immutable.Map.isMap(temp)) temp = (_temp = temp) === null || _temp === void 0 ? void 0 : _temp.toJS();
-          var cds = (_ref = (_temp$doorStyles$cds$ = (_temp2 = temp) === null || _temp2 === void 0 || (_temp2 = _temp2.doorStyles) === null || _temp2 === void 0 || (_temp2 = _temp2.cds) === null || _temp2 === void 0 ? void 0 : _temp2.find(function (elem) {
-            var _state3;
-            return elem.itemID === ((_state3 = state) === null || _state3 === void 0 || (_state3 = _state3.catalog) === null || _state3 === void 0 ? void 0 : _state3.getIn(['elements', type, 'itemID']));
-          })) !== null && _temp$doorStyles$cds$ !== void 0 ? _temp$doorStyles$cds$ : (_temp3 = temp) === null || _temp3 === void 0 || (_temp3 = _temp3.cds) === null || _temp3 === void 0 ? void 0 : _temp3.find(function (elem) {
-            var _state4;
-            return elem.itemID === ((_state4 = state) === null || _state4 === void 0 || (_state4 = _state4.catalog) === null || _state4 === void 0 ? void 0 : _state4.getIn(['elements', type, 'itemID']));
-          })) !== null && _ref !== void 0 ? _ref : (_state5 = state) === null || _state5 === void 0 || (_state5 = _state5.catalog) === null || _state5 === void 0 ? void 0 : _state5.getIn(['elements', type, 'cds']);
+          var cds = (0, _ccdfToCDSMapper.mapFromCCDFToCDS)([(0, _immutable2.toJSIfNeeded)(item.ccdf)], [(0, _immutable2.toJSIfNeeded)(item)]);
+          temp.cds = cds;
           if (cds) {
-            var _temp4;
-            var updatedDoorStyles = _objectSpread(_objectSpread({}, (_temp4 = temp) === null || _temp4 === void 0 ? void 0 : _temp4.doorStyles), {}, {
-              cds: [cds],
-              cabinet_door_style_id: cds.cabinet_door_style_id
+            var _temp2;
+            var updatedDoorStyles = _objectSpread(_objectSpread({}, (_temp2 = temp) === null || _temp2 === void 0 ? void 0 : _temp2.doorStyles), {}, {
+              cds: cds,
+              cabinet_door_style_id: cds[0].cabinet_door_style_id
             });
             item = item.merge({
               doorStyle: (0, _immutable.fromJS)(_objectSpread(_objectSpread({}, temp), {}, {
@@ -321,7 +320,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         updatedState: state
       };
       var idSet = null;
-      if (applyScope === _constants.DOORSTYLE_SCOPE_SINGLE) {
+      if (applyScope === _constants.DOORSTYLE_SCOPE_SINGLE || applyScope === false) {
         var selectedItemIds = state.getIn(['scene', 'layers', layerID, 'selected', 'items']).toJS();
         idSet = new Set(selectedItemIds);
       }
@@ -341,14 +340,15 @@ var Item = exports["default"] = /*#__PURE__*/function () {
       layer.items.forEach(function (it) {
         var _idSet2;
         // if (isEmpty(it?.molding)) return;
-        var should = applyScope === _constants.DOORSTYLE_SCOPE_ALL ? true : (_idSet2 = idSet) === null || _idSet2 === void 0 ? void 0 : _idSet2.has(it.id);
+        var should = applyScope === _constants.DOORSTYLE_SCOPE_ALL || applyScope === true ? true : (_idSet2 = idSet) === null || _idSet2 === void 0 ? void 0 : _idSet2.has(it.id);
         if (!should) return;
         var itemMoldings = it.molding;
+        var itemDoorFinish = it.doorStyle;
         var updatedItemMoldings = [];
         itemMoldings === null || itemMoldings === void 0 || itemMoldings.forEach(function (md) {
           var itemMoldingID = md.itemID;
           var picked = ccdf_list.find(function (c) {
-            return (c === null || c === void 0 ? void 0 : c.cabinet_id) && c.cabinet_id === itemMoldingID;
+            return (c === null || c === void 0 ? void 0 : c.cabinet_id) && (c === null || c === void 0 ? void 0 : c.door_finish_id) && c.cabinet_id === itemMoldingID && c.door_finish_id === (itemDoorFinish === null || itemDoorFinish === void 0 ? void 0 : itemDoorFinish.id);
           });
           if (!picked) return;
           md.ccdf = picked;
@@ -861,8 +861,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "updateDraggingItemChanged",
     value: function updateDraggingItemChanged(state, x, y, layerID, itemID) {
-      var _state6 = state,
-        scene = _state6.scene;
+      var _state3 = state,
+        scene = _state3.scene;
       // let originalX = draggingSupport.get('originalX');
       // let originalY = draggingSupport.get('originalY');
 
@@ -954,9 +954,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "updateDraggingItem",
     value: function updateDraggingItem(state, x, y) {
-      var _state7 = state,
-        draggingSupport = _state7.draggingSupport,
-        scene = _state7.scene;
+      var _state4 = state,
+        draggingSupport = _state4.draggingSupport,
+        scene = _state4.scene;
       var layerID = draggingSupport.get('layerID');
       var itemID = draggingSupport.get('itemID');
       var startPointX = draggingSupport.get('startPointX');
@@ -988,9 +988,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "updateDraggingItem3DX",
     value: function updateDraggingItem3DX(state, x) {
-      var _state8 = state,
-        draggingSupport = _state8.draggingSupport,
-        scene = _state8.scene;
+      var _state5 = state,
+        draggingSupport = _state5.draggingSupport,
+        scene = _state5.scene;
       var layerID = draggingSupport.get('layerID');
       var itemID = draggingSupport.get('itemID');
       var startPointX = draggingSupport.get('startPointX');
@@ -1010,9 +1010,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "updateDraggingItem3DY",
     value: function updateDraggingItem3DY(state, y) {
-      var _state9 = state,
-        draggingSupport = _state9.draggingSupport,
-        scene = _state9.scene;
+      var _state6 = state,
+        draggingSupport = _state6.draggingSupport,
+        scene = _state6.scene;
       var layerID = draggingSupport.get('layerID');
       var itemID = draggingSupport.get('itemID');
       var startPointY = draggingSupport.get('startPointY');
@@ -1093,9 +1093,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "updateRotatingItem",
     value: function updateRotatingItem(state, x, y) {
-      var _state0 = state,
-        rotatingSupport = _state0.rotatingSupport,
-        scene = _state0.scene;
+      var _state7 = state,
+        rotatingSupport = _state7.rotatingSupport,
+        scene = _state7.scene;
       var layerID = rotatingSupport.get('layerID');
       var itemID = rotatingSupport.get('itemID');
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
@@ -1178,9 +1178,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "replaceSubmodule",
     value: function replaceSubmodule(state, url) {
-      var _state1 = state,
-        replacingSupport = _state1.replacingSupport,
-        scene = _state1.scene;
+      var _state8 = state,
+        replacingSupport = _state8.replacingSupport,
+        scene = _state8.scene;
       url = 'catalog/texture.png';
       var urlData = url.split('/');
       var newURL = '';
@@ -1281,9 +1281,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "animateObject",
     value: function animateObject(state, value) {
-      var _state10 = state,
-        replacingSupport = _state10.replacingSupport,
-        scene = _state10.scene;
+      var _state9 = state,
+        replacingSupport = _state9.replacingSupport,
+        scene = _state9.scene;
       var layerID = replacingSupport.get('layerID');
       var itemID = replacingSupport.get('itemID');
       var item = state.getIn(['scene', 'layers', layerID, 'items', itemID]);
@@ -1320,8 +1320,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
       state = state.merge({
         doorStyle: doorStyle
       });
-      var _state11 = state,
-        scene = _state11.scene;
+      var _state0 = state,
+        scene = _state0.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       var items = layers.items;
@@ -1530,8 +1530,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setCounterTop",
     value: function setCounterTop(state, counterTop) {
-      var _state12 = state,
-        scene = _state12.scene;
+      var _state1 = state,
+        scene = _state1.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       layers = layers.mergeIn(['counterTop'], counterTop);
@@ -1575,8 +1575,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setDoorHandle",
     value: function setDoorHandle(state, doorHandle) {
-      var _state13 = state,
-        scene = _state13.scene;
+      var _state10 = state,
+        scene = _state10.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       layer = layer.mergeIn(['doorHandle'], doorHandle);
@@ -1600,8 +1600,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setHandleMaterial",
     value: function setHandleMaterial(state, material) {
-      var _state14 = state,
-        scene = _state14.scene;
+      var _state11 = state,
+        scene = _state11.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       var items = layers.items;
@@ -1626,8 +1626,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setWallColor",
     value: function setWallColor(state, wallColor) {
-      var _state15 = state,
-        scene = _state15.scene;
+      var _state12 = state,
+        scene = _state12.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       layer = layer.merge({
@@ -1653,8 +1653,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setBacksplash",
     value: function setBacksplash(state, backsplash) {
-      var _state16 = state,
-        scene = _state16.scene;
+      var _state13 = state,
+        scene = _state13.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       var dataJSON = layer.toJS();
@@ -1682,8 +1682,10 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setMolding",
     value: function setMolding(state, molding, isAll) {
-      var _state17 = state,
-        scene = _state17.scene;
+      var _this4 = this;
+      var onInternalEvent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+      var _state14 = state,
+        scene = _state14.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       if (isAll) {
@@ -1765,6 +1767,60 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           });
         }
       }
+      var layerId = state.getIn(['scene', 'selectedLayer']);
+      var allItems = state.getIn(['scene', 'layers', layerId, 'items']).toJS();
+      var targetItems = [],
+        molding_ccdf_list = [];
+      switch (isAll) {
+        case true:
+          targetItems = Object.values(allItems);
+          break;
+        case false:
+          targetItems = Object.values(allItems.filter(function (item) {
+            var _item$molding;
+            return !(0, _utils.isEmpty)(item === null || item === void 0 || (_item$molding = item.molding) === null || _item$molding === void 0 ? void 0 : _item$molding.find(function (md) {
+              return md.itemID === molding.itemID;
+            }));
+          }));
+        default:
+          break;
+      }
+      for (var i = 0; i < targetItems.length; i++) {
+        var _item$molding2;
+        var item = targetItems[i];
+        molding_ccdf_list.push.apply(molding_ccdf_list, (0, _toConsumableArray2["default"])((0, _handleExternalEvent.prepareMoldingCCDFList)(item === null || item === void 0 ? void 0 : item.doorStyle, item === null || item === void 0 || (_item$molding2 = item.molding) === null || _item$molding2 === void 0 ? void 0 : _item$molding2.filter(function (md) {
+          return md.itemID === molding.itemID;
+        }))));
+      }
+      if (molding_ccdf_list.length > 0) {
+        onInternalEvent === null || onInternalEvent === void 0 || onInternalEvent({
+          type: _constants.INTERNAL_EVENT_ITEMS_CATALOG,
+          value: {
+            event_type: 'change_door_style',
+            ccdf_list: [],
+            molding_ccdf_list: molding_ccdf_list
+          }
+        },
+        /*#__PURE__*/
+        // result is ccdf_list
+        function () {
+          var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
+            var _this4$setMoldingsCCD, _result$molding_ccdf_;
+            return _regenerator["default"].wrap(function (_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  state = (_this4$setMoldingsCCD = _this4.setMoldingsCCDF(state, (_result$molding_ccdf_ = result === null || result === void 0 ? void 0 : result.molding_ccdf_list) !== null && _result$molding_ccdf_ !== void 0 ? _result$molding_ccdf_ : [], isAll)) === null || _this4$setMoldingsCCD === void 0 ? void 0 : _this4$setMoldingsCCD.updatedState;
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function (_x) {
+            return _ref.apply(this, arguments);
+          };
+        }());
+      }
       state = state.merge({
         sceneHistory: (0, _history.historyPush)(state.sceneHistory, state.scene)
       });
@@ -1775,8 +1831,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "updateMolding",
     value: function updateMolding(state) {
-      var _state18 = state,
-        scene = _state18.scene;
+      var _state15 = state,
+        scene = _state15.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       var selectedItem = layer.getIn(['items', layer.selected.toJS().items[0]]);
@@ -1900,8 +1956,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setBacksplashVisible",
     value: function setBacksplashVisible(state, itemID, backsplashVisible) {
-      var _state19 = state,
-        scene = _state19.scene;
+      var _state16 = state,
+        scene = _state16.scene;
       var layerID = scene.get('selectedLayer');
       var layer = scene.layers.get(layerID);
       layer = layer.mergeIn(['items', itemID, 'backsplashVisible'], backsplashVisible);
@@ -1921,8 +1977,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setApplianceMaterial",
     value: function setApplianceMaterial(state, material) {
-      var _state20 = state,
-        scene = _state20.scene;
+      var _state17 = state,
+        scene = _state17.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       var items = layers.items;
@@ -1946,8 +2002,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setModelling",
     value: function setModelling(state, molding) {
-      var _state21 = state,
-        scene = _state21.scene;
+      var _state18 = state,
+        scene = _state18.scene;
       var layerID = scene.get('selectedLayer');
       var layers = scene.layers.get(layerID);
       var items = layers.items;
@@ -2057,8 +2113,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "toggleLoadingCabinet",
     value: function toggleLoadingCabinet(state) {
-      var _state22 = state,
-        scene = _state22.scene;
+      var _state19 = state,
+        scene = _state19.scene;
       console.log('scene.isLoadingCabinet: ', !scene.isLoadingCabinet);
       // scene = scene.set('isLoadingCabinet', !scene.isLoadingCabinet);
       // state = state.set('scene', scene);
@@ -2070,8 +2126,8 @@ var Item = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "endLoading",
     value: function endLoading(state) {
-      var _state23 = state,
-        scene = _state23.scene;
+      var _state20 = state,
+        scene = _state20.scene;
       state = state.setIn(['scene', 'loadFlag'], true);
       return {
         updatedState: state