kitchen-simulator 11.27.0 → 11.28.2

package/es/events/external/handlers.changeDoorStyle.js

@@ -1,11 +1,28 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+function prepareMoldingCCDFList(doorStyle, moldingData) {
+  var moldingCCDFs = [];
+  for (var i = 0; i < moldingData.length; i++) {
+    var _molding$ccdf$catalog, _molding$ccdf, _molding$ccdf$cabinet, _molding$ccdf2, _doorStyle$id, _molding$long_name;
+    var molding = moldingData[i];
+    moldingCCDFs.push({
+      sizeinfo: molding.sizeinfo,
+      catalog_cabinet_sku: (_molding$ccdf$catalog = molding === null || molding === void 0 || (_molding$ccdf = molding.ccdf) === null || _molding$ccdf === void 0 ? void 0 : _molding$ccdf.catalog_cabinet_sku) !== null && _molding$ccdf$catalog !== void 0 ? _molding$ccdf$catalog : molding.sku_number,
+      cabinet_id: (_molding$ccdf$cabinet = molding === null || molding === void 0 || (_molding$ccdf2 = molding.ccdf) === null || _molding$ccdf2 === void 0 ? void 0 : _molding$ccdf2.cabinet_id) !== null && _molding$ccdf$cabinet !== void 0 ? _molding$ccdf$cabinet : molding.itemID,
+      ccdf: molding.ccdf,
+      target_door_finish_id: (_doorStyle$id = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id !== void 0 ? _doorStyle$id : null,
+      long_name: (_molding$long_name = molding === null || molding === void 0 ? void 0 : molding.long_name) !== null && _molding$long_name !== void 0 ? _molding$long_name : null,
+      id: molding.itemID
+    });
+  }
+  return moldingCCDFs;
+}
 export function handleChangeDoorStyleEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10) {
   return _handleChangeDoorStyleEvent.apply(this, arguments);
 }
 function _handleChangeDoorStyleEvent() {
   _handleChangeDoorStyleEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(props, state, layer, payload, DOORSTYLE_SCOPE_SINGLE, DOORSTYLE_SCOPE_MULTIPLE, DOORSTYLE_SCOPE_ALL, INTERNAL_EVENT_ITEMS_CATALOG, mapFromCCDFToCDS, ccdfMapper, mergeSameElements, addItemToCatalog) {
-    var doorStyle, applyScope, _payload$itemIds, itemIds, itemCDS, layerId, allItems, targetItems, idSet, selectedItemIds, ccdf_list, _loop, i, _props$onInternalEven, _t;
+    var doorStyle, applyScope, _payload$itemIds, itemIds, itemCDS, layerId, allItems, moldingData, targetItems, idSet, selectedItemIds, ccdf_list, _loop, i, moldingCCDFList, _props$onInternalEven, _t;
     return _regeneratorRuntime.wrap(function (_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -13,6 +30,7 @@ function _handleChangeDoorStyleEvent() {
           itemCDS = [];
           layerId = state.getIn(['scene', 'selectedLayer']);
           allItems = state.getIn(['scene', 'layers', layerId, 'items']).toJS();
+          moldingData = state.getIn(['scene', 'layers', layerId, 'molding']);
           targetItems = []; // Prepare idSet for SINGLE or MULTIPLE
           idSet = null;
           if (applyScope === DOORSTYLE_SCOPE_SINGLE) {
@@ -40,7 +58,7 @@ function _handleChangeDoorStyleEvent() {
         case 4:
           ccdf_list = [];
           _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
-            var item, _item$ccdf$catalog_ca, _item$ccdf, _item$ccdf$cabinet_id, _item$ccdf2, _doorStyle$id2, _item$long_name;
+            var item, _item$ccdf$catalog_ca, _item$ccdf, _item$ccdf$cabinet_id, _item$ccdf2, _doorStyle$id3, _item$long_name;
             return _regeneratorRuntime.wrap(function (_context2) {
               while (1) switch (_context2.prev = _context2.next) {
                 case 0:
@@ -54,7 +72,7 @@ function _handleChangeDoorStyleEvent() {
                       catalog_cabinet_sku: (_item$ccdf$catalog_ca = item === null || item === void 0 || (_item$ccdf = item.ccdf) === null || _item$ccdf === void 0 ? void 0 : _item$ccdf.catalog_cabinet_sku) !== null && _item$ccdf$catalog_ca !== void 0 ? _item$ccdf$catalog_ca : item.sku_number,
                       cabinet_id: (_item$ccdf$cabinet_id = item === null || item === void 0 || (_item$ccdf2 = item.ccdf) === null || _item$ccdf2 === void 0 ? void 0 : _item$ccdf2.cabinet_id) !== null && _item$ccdf$cabinet_id !== void 0 ? _item$ccdf$cabinet_id : null,
                       ccdf: item.ccdf,
-                      target_door_finish_id: (_doorStyle$id2 = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id2 !== void 0 ? _doorStyle$id2 : null,
+                      target_door_finish_id: (_doorStyle$id3 = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id3 !== void 0 ? _doorStyle$id3 : null,
                       long_name: (_item$long_name = item === null || item === void 0 ? void 0 : item.long_name) !== null && _item$long_name !== void 0 ? _item$long_name : null,
                       scene_cabinet_id: item.id
                     });
@@ -77,19 +95,21 @@ function _handleChangeDoorStyleEvent() {
           _context3.next = 5;
           break;
         case 7:
+          moldingCCDFList = prepareMoldingCCDFList(doorStyle, moldingData);
           if (ccdf_list.length > 0) {
             (_props$onInternalEven = props.onInternalEvent) === null || _props$onInternalEven === void 0 || _props$onInternalEven.call(props, {
               type: INTERNAL_EVENT_ITEMS_CATALOG,
               value: {
                 event_type: 'change_door_style',
-                ccdf_list: ccdf_list
+                ccdf_list: ccdf_list,
+                molding_ccdf_list: moldingCCDFList
               }
             },
             /*#__PURE__*/
             // result is ccdf_list
             function () {
               var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
-                var _result$ccdf_list, _doorStyle$id;
+                var _result$ccdf_list, _doorStyle$id2, _result$molding_ccdf_;
                 var mappedCabinetDefinitionList, rt, _i;
                 return _regeneratorRuntime.wrap(function (_context) {
                   while (1) switch (_context.prev = _context.next) {
@@ -97,7 +117,7 @@ function _handleChangeDoorStyleEvent() {
                       // Map CCDF rows back to placed items using stable identity (long_name),
                       // because host `cabinet_id` can vary by doorstyle.
                       itemCDS = mapFromCCDFToCDS(result === null || result === void 0 ? void 0 : result.ccdf_list, targetItems);
-                      mappedCabinetDefinitionList = ccdfMapper(result.ccdf_list, layer); // result: ccdf_list
+                      mappedCabinetDefinitionList = ccdfMapper(result === null || result === void 0 ? void 0 : result.ccdf_list, layer); // result: ccdf_list
                       rt = mergeSameElements(mappedCabinetDefinitionList);
                       _i = 0;
                     case 1:
@@ -115,7 +135,8 @@ function _handleChangeDoorStyleEvent() {
                       // Persist ccdf on affected instances so SYNC includes the latest ccdf.id for each item.
                       // IMPORTANT: host response `ccdf_list[]` may not include `door_finish_id`.
                       // Use request door_finish_id (doorStyle.id) as the source of truth for door_finish_id.
-                      props.itemsActions.setItemsCCDF((_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [], applyScope, itemIds, (_doorStyle$id = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id !== void 0 ? _doorStyle$id : null);
+                      props.itemsActions.setItemsCCDF((_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [], applyScope, itemIds, (_doorStyle$id2 = doorStyle === null || doorStyle === void 0 ? void 0 : doorStyle.id) !== null && _doorStyle$id2 !== void 0 ? _doorStyle$id2 : null);
+                      props.itemsActions.setMoldingsCCDF((_result$molding_ccdf_ = result === null || result === void 0 ? void 0 : result.molding_ccdf_list) !== null && _result$molding_ccdf_ !== void 0 ? _result$molding_ccdf_ : [], applyScope);
                       props.itemsActions.setDoorStyle(doorStyle, itemCDS, applyScope, itemIds);
                     case 4:
                     case "end":

package/es/events/external/handlers.elementOps.js

@@ -1,3 +1,4 @@
+import { canMirrorCabinet } from "../../shared/domain/cabinet-mirror";
 export function handleDuplicateElement(props, getElement, payload, state) {
   var distElement = getElement(payload, state);
   if (distElement) props.itemsActions.duplicateSelected(distElement, props.onInternalEvent);
@@ -5,4 +6,11 @@ export function handleDuplicateElement(props, getElement, payload, state) {
 export function handleDeleteElement(props, getElement, payload, state) {
   var distElement = getElement(payload, state);
   if (distElement) props.projectActions.remove(distElement);
+}
+export function handleMirrorElement(props, getElement, payload, state) {
+  var distElement = getElement(payload, state);
+  if (!distElement || distElement.prototype !== 'items' || !canMirrorCabinet(distElement)) return;
+  var layerID = state.getIn(['scene', 'selectedLayer']);
+  var mirrored = typeof (payload === null || payload === void 0 ? void 0 : payload.mirrored) === 'boolean' ? payload.mirrored : null;
+  props.itemsActions.toggleItemMirror(layerID, distElement.id, mirrored, props.onInternalEvent);
 }

package/es/mappings/external-events/mapExternalEventPayload.js

@@ -4,10 +4,10 @@ import { mapAddItemEvent } from "./mappers/addItemMapper";
 import { mapChangeDoorStyleEvent } from "./mappers/changeDoorStyleMapper";
 import { mapLoadProjectEvent } from "./mappers/loadProjectMapper";
 
-/**
- * Main dispatcher for external event payload mapping.
- * Converts new API formats into legacy internal formats (e.g. assets3d -> structure_json)
- * without changing the behavior of the existing 3D tool.
+/**
+ * Main dispatcher for external event payload mapping.
+ * Converts new API formats into legacy internal formats (e.g. assets3d -> structure_json)
+ * without changing the behavior of the existing 3D tool.
  */
 export function mapExternalEventPayload(evt, state, defaultTextures) {
   if (isEmpty(evt)) return null;

package/es/mappings/external-events/mappers/addItemMapper.js

@@ -5,15 +5,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { ITEM_TYPE } from "../../../constants";
 import { isEmpty } from "../../../utils/helper";
 
-/**
- * Mapping logic for EXTERNAL_EVENT_ADD_ITEM.
- *
- * Converts the new assets3d payload shape into the legacy structure_json format
- * expected by the existing 3D tool.
- *
- * @param {Object} evt.payload   External event payload
- * @param {Immutable.Map} state Planner state
- * @returns {Object|null} Updated event (or null when payload is empty)
+/**
+ * Mapping logic for EXTERNAL_EVENT_ADD_ITEM.
+ *
+ * Converts the new assets3d payload shape into the legacy structure_json format
+ * expected by the existing 3D tool.
+ *
+ * @param {Object} evt.payload   External event payload
+ * @param {Immutable.Map} state Planner state
+ * @returns {Object|null} Updated event (or null when payload is empty)
  */
 export function mapAddItemEvent(orgEvtPayload, state) {
   var _evtPayload, _evtPayload3;

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

@@ -70,7 +70,7 @@ export function ccdfMapper(ccdf_list, layer) {
         });
       }
       // make structure_json
-      if (cd.category === 'cabinet' || cd.category === 'Base' /* TEMP fix: DIY-973, 'Base' should have not been set in 'category' */) structure_json = {
+      if (cd.category === 'cabinet' || cd.category === 'Base') structure_json = {
         tempPlaceholders: tempPlaceholders
       };else structure_json = structure;
       // make cabinet definition using structure_json and catalog

package/es/models.js

@@ -208,6 +208,8 @@ export var Item = /*#__PURE__*/function (_Record7) {
     uri: ''
   },
   molding: [],
+  can_be_mirrored: false,
+  mirrored: false,
   isInitialPos: false,
   //current {x,y} is the initial position from host?
   backsplashVisible: false,
@@ -356,6 +358,8 @@ export var CatalogElement = /*#__PURE__*/function (_Record1) {
   type: '',
   cds: new Map(),
   ccdf_list: new List(),
+  can_be_mirrored: false,
+  mirrored: false,
   structure_json: {},
   gltf: ''
 }, 'CatalogElement'));

package/es/reducers/items-reducer.js

@@ -1,6 +1,7 @@
 import { Item, Area } from "../class/export";
 import { history } from "../utils/export";
-import { TOGGLE_LOADING_CABINET, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, SELECT_ITEM, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, UPDATE_ITEM_POSITION, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, SET_MOLDING, UPDATE_MOLDING, STORE_DIST_ARRAY, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM, SET_ITEMS_CCDF
+import { canMirrorCabinet } from "../shared/domain/cabinet-mirror";
+import { TOGGLE_LOADING_CABINET, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, SELECT_ITEM, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, UPDATE_ITEM_POSITION, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, TOGGLE_ITEM_MIRROR, EDIT_WIDTH, END_LOADING, SET_MOLDING, UPDATE_MOLDING, STORE_DIST_ARRAY, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM, SET_ITEMS_CCDF, SET_MOLDINGS_CCDF
 // SET_MOVE_STATUS,
 // SET_ROTATE_STATUS
 } from "../constants";
@@ -18,6 +19,12 @@ export default function (state, action) {
       return Item.editWidth(state, action.newWidth, action.layerID, action.itemID).updatedState;
     case DUPLICATE_SELECTED:
       return Item.duplicateSelected(state, action.currentObject, action.onInternalEvent).updatedState;
+    case TOGGLE_ITEM_MIRROR:
+      if (!canMirrorCabinet(state.getIn(['scene', 'layers', action.layerID, 'items', action.itemID]))) return state;
+      state = state.merge({
+        sceneHistory: history.historyPush(state.sceneHistory, state.scene)
+      });
+      return Item.toggleItemMirror(state, action.layerID, action.itemID, action.mirrored, action.onInternalEvent).updatedState;
     case END_CREATING_CABINET:
       return Item.endCreatingCabinet(state).updatedState;
     case UPDATE_POPUP_OPEN:
@@ -136,6 +143,8 @@ export default function (state, action) {
       return Item.setInitialDoorStyle(state, action.doorStyle).updatedState;
     case SET_ITEMS_CCDF:
       return Item.setItemsCCDF(state, action.ccdf_list, action.applyScope, action.itemIds, action.doorFinishId).updatedState;
+    case SET_MOLDINGS_CCDF:
+      return Item.setMoldingsCCDF(state, action.ccdf_list, action.applyScope).updatedState;
     case UPDATE_ITEM_POSITION:
       return Item.updateItemPosition(state, action.layerID, action.itemID, action.pos).updatedState;
     // case SET_MOVE_STATUS:

package/es/shared/domain/asset/sanitize-asset-url.js

@@ -1,8 +1,8 @@
-/**
- * Strip stray dots from the **path portion** of a GLTF/BIN URL.
- * e.g. `…/B36_36x34.5x24.gltf` → `…/B36_36x345x24.gltf`
- *
- * Leaves the protocol/domain and the final file extension untouched.
+/**
+ * Strip stray dots from the **path portion** of a GLTF/BIN URL.
+ * e.g. `…/B36_36x34.5x24.gltf` → `…/B36_36x345x24.gltf`
+ *
+ * Leaves the protocol/domain and the final file extension untouched.
  */
 export var sanitizeAssetUrl = function sanitizeAssetUrl(url) {
   if (!url) return url;

package/es/shared/domain/cabinet-mirror.js

@@ -0,0 +1,7 @@
+import { ITEM_TYPE } from "../../constants";
+import { toJSIfNeeded } from "../objects/immutable";
+export function canMirrorCabinet(item) {
+  var js = toJSIfNeeded(item);
+  var isCabinet = (js === null || js === void 0 ? void 0 : js.category) === ITEM_TYPE.CABINET || (js === null || js === void 0 ? void 0 : js.type) === ITEM_TYPE.CABINET;
+  return isCabinet && (js === null || js === void 0 ? void 0 : js.can_be_mirrored) === true;
+}

package/es/utils/geometry.js

@@ -1645,12 +1645,12 @@ export function calcSnap2(allItemRect, allItemSnap, allLineRects, allLineSnap, a
             }
           });
         }
-        if (allItemRect.cur.itemInfo.name.includes('Hood') || allItemRect.cur.itemInfo.name.includes('Range') || allItemRect.cur.itemInfo.name.includes('Cook Top')) {
+        if (allItemRect.cur.itemInfo.name.includes('Hood') || allItemRect.cur.itemInfo.cabinet_category.toLowerCase().includes('hood') || allItemRect.cur.itemInfo.name.includes('Range') || allItemRect.cur.itemInfo.name.includes('Cook Top')) {
           var _intersects = allItemRect.others.filter(function (others) {
             return intersectRect(others.rect, curitem.rect);
           });
           _intersects.forEach(function (rect) {
-            if (isPointInArea(allArea, rect.itemInfo) || !allArea.length) if (rect.itemInfo.name.includes('Hood') || rect.itemInfo.name.includes('Range') || rect.itemInfo.name.includes('Cook Top')) {
+            if (isPointInArea(allArea, rect.itemInfo) || !allArea.length) if (rect.itemInfo.name.includes('Hood') || rect.itemInfo.cabinet_category.toLowerCase().includes('hood') || rect.itemInfo.name.includes('Range') || rect.itemInfo.name.includes('Cook Top')) {
               nx = rect.itemInfo.x;
               ny = rect.itemInfo.y;
               rotRad = rect.itemInfo.rotation * Math.PI / 180;
@@ -2036,9 +2036,11 @@ export function needSnap(curItem, othItem) {
   var delta;
   curFloor > otherFloor ? delta = otherItem.height : delta = currentItem.height;
   if (Math.abs(curFloor - otherFloor) < delta) blSnap = true;
+  var isBlsnapOth = othItem.item.category === 'cabinet' && othItem.item.layoutpos === BASE_CABINET_LAYOUTPOS && Math.abs(curFloor - otherFloor) >= delta;
+  var isBlsnapCur = curItem.selectedItem.category === 'cabinet' && curItem.selectedItem.layoutpos === BASE_CABINET_LAYOUTPOS && Math.abs(curFloor - otherFloor) >= delta;
   if (curItem.cat.hasOwnProperty('long_name') || othItem.cat && othItem.cat.hasOwnProperty('long_name')) {
     if (curItem.cat.long_name.includes('Hood') || othItem.cat && othItem.cat.long_name.includes('Hood')) blSnap = true;
-    if (curItem.cat.long_name.includes('Hood') && othItem.cat && othItem.cat.long_name.includes('Base Cabinet') || curItem.cat.long_name.includes('Base Cabinet') && othItem.cat && othItem.cat.long_name.includes('Hood')) blSnap = false;
+    if (curItem.cat.long_name.includes('Hood') && othItem.cat && isBlsnapOth || isBlsnapCur && othItem.cat.long_name.includes('Hood')) blSnap = false;
     if (curItem.cat.long_name.includes('Cook Top') && othItem.cat && othItem.cat.long_name.includes('Cabinet') || curItem.cat.long_name.includes('Cabinet') && othItem.cat && othItem.cat.long_name.includes('Cook Top')) blSnap = true;
   }
   return blSnap;

package/es/utils/skinPanelEngine.js

@@ -137,10 +137,10 @@ function isSnappedWithCornerCabient(srcItem, desItem) {
   } else return false;
 }
 
-/**
- * @param {*} faceSegs
- * @param {*} otherFaces
- * @returns
+/**
+ * @param {*} faceSegs
+ * @param {*} otherFaces
+ * @returns
  */
 function getTrimmedFaceSegs(faceSegs, otherFaces, cnt) {
   try {
@@ -301,8 +301,8 @@ function applyGroupingRules(faces) {
   };
 }
 
-/**
- * Horizontal Grouping (for base cabinets back-to-back : BSV48 48" x 34.5")
+/**
+ * Horizontal Grouping (for base cabinets back-to-back : BSV48 48" x 34.5")
  */
 function applyHorizontalGrouping(faces) {
   var removeIdxs = [];
@@ -344,8 +344,8 @@ function applyHorizontalGrouping(faces) {
   };
 }
 
-/**
- * Vertical Grouping (For CT3DR or CT2DR SKUs + stacked wall cabinets)
+/**
+ * Vertical Grouping (For CT3DR or CT2DR SKUs + stacked wall cabinets)
  */
 function applyVerticalGrouping(faces) {
   var removeIdxs = [];
@@ -436,8 +436,8 @@ function buildMP3SkinPanelArray(bottomHeight, topHeight, mp3SkinPanelArray) {
   return skinPanelTypeArray;
 }
 
-/**
- * Decide which skin panel pieces are needed for a tall cabinet.
+/**
+ * Decide which skin panel pieces are needed for a tall cabinet.
  */
 function resolveTallCabinetBundle(face) {
   var item = face.itemInfo;
@@ -457,8 +457,8 @@ function resolveTallCabinetBundle(face) {
   return face !== null && face !== void 0 && face.skinPanelSKU ? [face.skinPanelSKU] : [];
 }
 
-/**
- * Converts a face → list of SKUs
+/**
+ * Converts a face → list of SKUs
  */
 function resolveSkinPanelSKU(face) {
   var layout = face.itemInfo.layoutpos;
@@ -468,8 +468,8 @@ function resolveSkinPanelSKU(face) {
   return [face.skinPanelSKU];
 }
 
-/**
- * Make skin panel data with grouping skinPanelSKU & doorStyle
+/**
+ * Make skin panel data with grouping skinPanelSKU & doorStyle
  */
 function buildSkinPanelData(faces) {
   var tempResult = [];

package/lib/actions/items-actions.js

@@ -34,10 +34,12 @@ exports.setInitialDoorStyle = setInitialDoorStyle;
 exports.setItemsCCDF = setItemsCCDF;
 exports.setModelling = setModelling;
 exports.setMolding = setMolding;
+exports.setMoldingsCCDF = setMoldingsCCDF;
 exports.setMoveStatus = setMoveStatus;
 exports.setRotateStatus = setRotateStatus;
 exports.setWallColor = setWallColor;
 exports.storeDistArray = storeDistArray;
+exports.toggleItemMirror = toggleItemMirror;
 exports.toggleLoadingCabinet = toggleLoadingCabinet;
 exports.updateDraggingItem = updateDraggingItem;
 exports.updateDraggingItem3DX = updateDraggingItem3DX;
@@ -91,6 +93,17 @@ function duplicateSelected(currentObject) {
     onInternalEvent: onInternalEvent
   };
 }
+function toggleItemMirror(layerID, itemID) {
+  var mirrored = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var onInternalEvent = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  return {
+    type: _constants.TOGGLE_ITEM_MIRROR,
+    layerID: layerID,
+    itemID: itemID,
+    mirrored: mirrored,
+    onInternalEvent: onInternalEvent
+  };
+}
 function replaceItem(selectedPos, currentObject, selectedObject) {
   return {
     type: _constants.REPLACE_ITEM,
@@ -380,4 +393,11 @@ function setItemsCCDF(ccdf_list, applyScope) {
     itemIds: itemIds,
     doorFinishId: doorFinishId
   };
+}
+function setMoldingsCCDF(ccdf_list, applyScope) {
+  return {
+    type: _constants.SET_MOLDINGS_CCDF,
+    ccdf_list: ccdf_list,
+    applyScope: applyScope
+  };
 }

package/lib/assets/img/svg/3d_item_move.svg

@@ -1,106 +1,10 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="20"
-   height="20"
-   id="svg2985"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   sodipodi:docname="New document 2">
-  <defs
-     id="defs2987" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="11.197802"
-     inkscape:cx="16"
-     inkscape:cy="16"
-     inkscape:current-layer="layer1"
-     showgrid="true"
-     inkscape:grid-bbox="true"
-     inkscape:document-units="px"
-     inkscape:window-width="1920"
-     inkscape:window-height="1017"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
-     inkscape:window-maximized="1" />
-  <metadata
-     id="metadata2990">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     id="layer1"
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     transform="translate(0,-12)">
-    <g
-       style="fill:none"
-       id="g3059"
-       transform="translate(-645,-367)">
-      <g
-         id="g3035"
-         clip-path="url(#clip29_0_1)">
-        <path
-           id="path3037"
-           d="m 661,386 3,3 -3,3"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-        <path
-           id="path3039"
-           d="m 658,389 h 6"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-        <path
-           id="path3041"
-           d="m 649,386 -3,3 3,3"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-        <path
-           id="path3043"
-           d="m 646,389 h 6"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-        <path
-           id="path3045"
-           d="m 652,395 3,3 3,-3"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-        <path
-           id="path3047"
-           d="m 655,392 v 6"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-        <path
-           id="path3049"
-           d="m 658,383 -3,-3 -3,3"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-        <path
-           id="path3051"
-           d="m 655,380 v 6"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-      </g>
-    </g>
-  </g>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6L14 8L12 10" stroke="#3A0B80" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 8H14" stroke="#3A0B80" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 6L2 8L4 10" stroke="#3A0B80" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 8H6" stroke="#3A0B80" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 12L8 14L10 12" stroke="#3A0B80" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 10V14" stroke="#3A0B80" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 4L8 2L6 4" stroke="#3A0B80" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 2V6" stroke="#3A0B80" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/lib/assets/img/svg/3d_item_rotation.svg

@@ -1,76 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="20"
-   height="20"
-   id="svg2985"
-   version="1.1"
-   inkscape:version="0.48.4 r9939"
-   sodipodi:docname="item_rotation.svg">
-  <defs
-     id="defs2987" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="7"
-     inkscape:cx="24"
-     inkscape:cy="24"
-     inkscape:current-layer="layer1"
-     showgrid="true"
-     inkscape:grid-bbox="true"
-     inkscape:document-units="px"
-     inkscape:window-width="995"
-     inkscape:window-height="660"
-     inkscape:window-x="368"
-     inkscape:window-y="198"
-     inkscape:window-maximized="0" />
-  <metadata
-     id="metadata2990">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     id="layer1"
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     transform="translate(0,-28)">
-    <g
-       style="fill:none"
-       id="g3009"
-       transform="translate(-645,-307.5)">
-      <g
-         id="g2995"
-         clip-path="url(#clip30_0_1)">
-        <path
-           id="path2999"
-           d="m 660,347.328 c 2.414,-0.718 4,-1.94 4,-3.328 0,-2.21 -4.03,-4 -9,-4 -4.97,0 -9,1.79 -9,4 0,2.21 4.03,4 9,4"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-        <path
-           id="path3001"
-           d="m 652,345 3,3 -3,3"
-           inkscape:connector-curvature="0"
-           style="stroke:#4c12a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" />
-      </g>
-    </g>
-  </g>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3333 10.2188C12.9427 9.74016 14 8.9255 14 8.00016C14 6.52683 11.3133 5.3335 8 5.3335C4.68667 5.3335 2 6.52683 2 8.00016C2 9.4735 4.68667 10.6668 8 10.6668" stroke="#3A0B80" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 8.6665L8 10.6665L6 12.6665" stroke="#3A0B80" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/lib/assets/img/svg/accessories.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11.05 5.47V20.18L8 20.96" stroke="#000F33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M16.02 3V17.32L14.13 17.76" stroke="#000F33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M11.05 5.47V20.18L8 20.96" stroke="#000F33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M16.02 3V17.32L14.13 17.76" stroke="#000F33" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/lib/assets/img/svg/bottombar/elevation-back.svg

@@ -1,6 +1,6 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.91868 1L9.14126 12.3969L1.90534 17.3692L0.994629 4.08224L8.91868 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5564 21L20.2416 14.9342L21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M8.91868 1L9.14126 12.3969L1.90534 17.3692L0.994629 4.08224L8.91868 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/lib/assets/img/svg/bottombar/elevation-front.svg

@@ -1,6 +1,6 @@
-<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M14.5564 21L20.2416 14.9342M21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-<path d="M8.91868 1L0.994629 4.08224L1.90534 17.3692L9.14126 12.3969" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
-</svg>
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.9187 1L21.0053 2.53972L20.2418 14.9342L9.14128 12.3969L8.9187 1Z" fill="#4C12A1" fill-opacity="0.5" stroke="#4C12A1" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.5566 21L1.90534 17.3692L0.994629 4.08224L14.8953 6.34588L14.5566 21Z" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M14.5564 21L20.2416 14.9342M21.0051 2.53973L14.8952 6.34589" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+<path d="M8.91868 1L0.994629 4.08224L1.90534 17.3692L9.14126 12.3969" stroke="#C1CAE4" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 3"/>
+</svg>