kitchen-simulator 10.0.6 → 10.0.8

package/es/catalog/utils/item-loader.js

@@ -297,6 +297,11 @@ export function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corn
     }, warning_buttons)));
   } else {
     rendered = /*#__PURE__*/React.createElement("g", {
+      "data-element-root": true,
+      "data-prototype": element.prototype,
+      "data-id": element.id,
+      "data-selected": element.selected,
+      "data-layer": layer.id,
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },

package/es/class/item.js

@@ -272,7 +272,7 @@ var Item = /*#__PURE__*/function () {
         var should = applyScope === DOORSTYLE_SCOPE_ALL ? true : (_idSet = idSet) === null || _idSet === void 0 ? void 0 : _idSet.has(it.id);
         if (!should) return;
         var picked = ccdf_list.find(function (c) {
-          return (c === null || c === void 0 ? void 0 : c.cabinet_id) == null || (c === null || c === void 0 ? void 0 : c.cabinet_id) === it.itemID;
+          return (c === null || c === void 0 ? void 0 : c.cabinet_id) === it.itemID;
         });
         if (!picked) return;
         state = state.setIn(['scene', 'layers', layerID, 'items', it.id, 'ccdf'], _objectSpread(_objectSpread({}, picked), {}, {

package/es/constants.js

@@ -317,7 +317,8 @@ export var ITEMS_ACTIONS = {
   END_LOADING: END_LOADING,
   STORE_DIST_ARRAY: STORE_DIST_ARRAY,
   VALIDATE_ITEM_POSTIONS: VALIDATE_ITEM_POSTIONS,
-  REPLACE_ITEM: REPLACE_ITEM
+  REPLACE_ITEM: REPLACE_ITEM,
+  SET_ITEMS_CCDF: SET_ITEMS_CCDF
 };
 export var HOLE_ACTIONS = {
   SELECT_HOLE: SELECT_HOLE,

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

@@ -1,7 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-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 _regeneratorRuntime from "@babel/runtime/regenerator";
 export function handleChangeDoorStyleEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10) {
   return _handleChangeDoorStyleEvent.apply(this, arguments);
@@ -51,15 +48,12 @@ function _handleChangeDoorStyleEvent() {
                   if (!ccdf_list.some(function (v) {
                     return item.itemID === v.itemID && item.name === v.name && doorStyle.id === v.doorFinishId;
                   })) {
-                    ccdf_list.push(_objectSpread(_objectSpread({}, item), {}, {
-                      itemID: item.itemID,
-                      prototype: item.prototype,
-                      category: item.category,
-                      name: item.name,
-                      type: item.type,
-                      sku_number: item.sku_number,
-                      doorFinishId: doorStyle.id
-                    }));
+                    ccdf_list.push({
+                      cabinetSku: item.sku,
+                      sizeInfo: item.sizeInfo,
+                      catalogSku: item.sku_number,
+                      ccdf: item.ccdf
+                    });
                   }
                 case 1:
                 case "end":
@@ -90,7 +84,8 @@ function _handleChangeDoorStyleEvent() {
             // result is ccdf_list
             function () {
               var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
-                var mappedCabinetDefinitionList, rt, _i, _result$ccdf_list, _doorStyle$id;
+                var _result$ccdf_list, _doorStyle$id;
+                var mappedCabinetDefinitionList, rt, _i;
                 return _regeneratorRuntime.wrap(function (_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -110,14 +105,10 @@ function _handleChangeDoorStyleEvent() {
                       _context.next = 1;
                       break;
                     case 3:
-                      // Persist ccdf on affected instances so SYNC includes ccdf.id for each item.
+                      // 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 doorFinishId (doorStyle.id) as source of truth.
-                      try {
-                        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);
-                      } catch (e) {
-                        // best-effort only
-                      }
+                      // Use request doorFinishId (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.setDoorStyle(doorStyle, itemCDS, applyScope, itemIds);
                     case 4:
                     case "end":

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

@@ -21,7 +21,7 @@ function _handleLoadProjectEvent() {
             ccdf_list = [];
             items = (_evt$payload$layers$l = evt === null || evt === void 0 || (_evt$payload = evt.payload) === null || _evt$payload === void 0 || (_evt$payload = _evt$payload.layers[layerName]) === null || _evt$payload === void 0 ? void 0 : _evt$payload.items) !== null && _evt$payload$layers$l !== void 0 ? _evt$payload$layers$l : {};
             Object.keys(items).forEach(function (k) {
-              var _it$properties, _it$properties2, _it$properties3, _it$doorStyle2;
+              var _it$properties, _it$properties2, _it$properties3;
               var it = items[k];
               //////// check altitude of item property and change length from _length (convert length from 'in' fo 'cm')
               if (it !== null && it !== void 0 && (_it$properties = it.properties) !== null && _it$properties !== void 0 && (_it$properties = _it$properties.altitude) !== null && _it$properties !== void 0 && _it$properties.length && it !== null && it !== void 0 && (_it$properties2 = it.properties) !== null && _it$properties2 !== void 0 && (_it$properties2 = _it$properties2.altitude) !== null && _it$properties2 !== void 0 && _it$properties2._unit && it !== null && it !== void 0 && (_it$properties3 = it.properties) !== null && _it$properties3 !== void 0 && (_it$properties3 = _it$properties3.altitude) !== null && _it$properties3 !== void 0 && _it$properties3._length && it.properties.altitude.length !== convert(it.properties.altitude._length).from(it.properties.altitude._unit).to('cm')) {
@@ -32,13 +32,10 @@ function _handleLoadProjectEvent() {
                 var _it$doorStyle;
                 return it.itemID === v.itemID && it.name === v.name && ((_it$doorStyle = it.doorStyle) === null || _it$doorStyle === void 0 ? void 0 : _it$doorStyle.id) === v.doorFinishId;
               })) ccdf_list.push({
-                itemID: it.itemID,
-                prototype: it.prototype,
-                category: it.category,
-                name: it.name,
-                type: it.type,
-                sku_number: it.sku_number,
-                doorFinishId: (_it$doorStyle2 = it.doorStyle) === null || _it$doorStyle2 === void 0 ? void 0 : _it$doorStyle2.id
+                cabinetSku: it.sku,
+                sizeInfo: it.sizeInfo,
+                catalogSku: it.sku_number,
+                ccdf: it.ccdf
               });
             });
             newScene = new Scene(evt === null || evt === void 0 ? void 0 : evt.payload);
@@ -55,7 +52,7 @@ function _handleLoadProjectEvent() {
               }, /*#__PURE__*/function () {
                 var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
                   var _evt$payload2;
-                  var cdsList, _result$ccdf_list, ccdfList, doorFinishIdByCabinetId, cabinetDefinitionList, rt, i;
+                  var cdsList, _result$ccdf_list, resp, cabinetDefinitionList, rt, i;
                   return _regeneratorRuntime.wrap(function (_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
@@ -67,23 +64,19 @@ function _handleLoadProjectEvent() {
                         // IMPORTANT: host response `ccdf_list[]` may not include `door_finish_id`.
                         // Use request payload (`ccdf_list[].doorFinishId`) as door_finish_id source.
                         try {
-                          ccdfList = (_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [];
-                          doorFinishIdByCabinetId = new Map(ccdf_list.filter(function (x) {
-                            return (x === null || x === void 0 ? void 0 : x.itemID) != null && (x === null || x === void 0 ? void 0 : x.doorFinishId) != null;
-                          }).map(function (x) {
-                            return [x.itemID, x.doorFinishId];
-                          }));
+                          resp = (_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [];
                           Object.keys(items).forEach(function (k) {
-                            var _ref2, _it$doorStyle$id, _it$doorStyle3;
+                            var _it$doorStyle$id, _it$doorStyle2;
                             var it = items[k];
-                            var desiredDoorFinishId = (_ref2 = (_it$doorStyle$id = it === null || it === void 0 || (_it$doorStyle3 = it.doorStyle) === null || _it$doorStyle3 === void 0 ? void 0 : _it$doorStyle3.id) !== null && _it$doorStyle$id !== void 0 ? _it$doorStyle$id : doorFinishIdByCabinetId.get(it.itemID)) !== null && _ref2 !== void 0 ? _ref2 : null; // door_finish_id
+                            var desiredDoorFinishId = (_it$doorStyle$id = it === null || it === void 0 || (_it$doorStyle2 = it.doorStyle) === null || _it$doorStyle2 === void 0 ? void 0 : _it$doorStyle2.id) !== null && _it$doorStyle$id !== void 0 ? _it$doorStyle$id : null;
                             if (!desiredDoorFinishId) return;
-                            var matched = ccdfList.find(function (c) {
+                            var picked = resp.find(function (c) {
                               return (c === null || c === void 0 ? void 0 : c.cabinet_id) === it.itemID;
                             });
-                            if (matched) {
-                              it.ccdf = _objectSpread(_objectSpread({}, matched), {}, {
-                                door_finish_id: desiredDoorFinishId
+                            if (picked) {
+                              var _picked$door_finish_i;
+                              it.ccdf = _objectSpread(_objectSpread({}, picked), {}, {
+                                door_finish_id: (_picked$door_finish_i = picked === null || picked === void 0 ? void 0 : picked.door_finish_id) !== null && _picked$door_finish_i !== void 0 ? _picked$door_finish_i : desiredDoorFinishId
                               });
                             }
                           });

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

@@ -6,13 +6,17 @@ export function ccdfMapper(ccdf_list, layer) {
   // console.log(ccdf_list, catalog);
   // make structure_json list using ccdf-list
   var cabinetDefinitionList = [];
-  var tempPlaceholders = [];
-  var structure = {};
-  var cdfId;
-  var structure_json = {};
-  var cabinetDefinition = {};
   var layerJS = toJSIfNeeded(layer);
   ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (ccdf) {
+    // IMPORTANT: DIY-834-43
+    // Each CCDF row must produce its own independent structure/tempPlaceholders objects.
+    // Reusing the same object across iterations causes cross-cabinet mutation bugs
+    // (e.g. B12's `structure.base` being overwritten by W1218's gltf).
+    var tempPlaceholders = [];
+    var structure = {};
+    var cdfId;
+    var structure_json = {};
+    var cabinetDefinition = {};
     var itemKeys = Object.keys(layerJS.items);
     var correctItemId = '';
     for (var i = 0; i < itemKeys.length; i++) {

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

@@ -2,9 +2,12 @@ import { isEmpty } from "../../../components/viewer2d/utils";
 export function mapFromCCDFToCDS(ccdf_list) {
   // This function make CDS from CCDF_List
   var itemCDSList = [];
-  var itemCDSData = {};
-  var cabitnetDoorStyleId;
   ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (asItem) {
+    // IMPORTANT: DIY-834-43
+    // `itemCDSData` must be recreated per asItem. Reusing it across iterations
+    // can leak one cabinet's door/drawer mappings into another.
+    var itemCDSData = {};
+    var cabitnetDoorStyleId;
     if (!isEmpty(asItem === null || asItem === void 0 ? void 0 : asItem.id)) {
       cabitnetDoorStyleId = asItem.id;
     }

package/lib/catalog/utils/item-loader.js

@@ -311,6 +311,11 @@ function render2DItem(element, layer, scene, sizeinfo, layoutpos, is_corner, sha
     }, warning_buttons)));
   } else {
     rendered = /*#__PURE__*/_react["default"].createElement("g", {
+      "data-element-root": true,
+      "data-prototype": element.prototype,
+      "data-id": element.id,
+      "data-selected": element.selected,
+      "data-layer": layer.id,
       onMouseOver: function onMouseOver(event) {
         setHover(true);
       },

package/lib/class/item.js

@@ -279,7 +279,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
         var should = applyScope === _constants.DOORSTYLE_SCOPE_ALL ? true : (_idSet = idSet) === null || _idSet === void 0 ? void 0 : _idSet.has(it.id);
         if (!should) return;
         var picked = ccdf_list.find(function (c) {
-          return (c === null || c === void 0 ? void 0 : c.cabinet_id) == null || (c === null || c === void 0 ? void 0 : c.cabinet_id) === it.itemID;
+          return (c === null || c === void 0 ? void 0 : c.cabinet_id) === it.itemID;
         });
         if (!picked) return;
         state = state.setIn(['scene', 'layers', layerID, 'items', it.id, 'ccdf'], _objectSpread(_objectSpread({}, picked), {}, {

package/lib/constants.js

@@ -327,7 +327,8 @@ var ITEMS_ACTIONS = exports.ITEMS_ACTIONS = {
   END_LOADING: END_LOADING,
   STORE_DIST_ARRAY: STORE_DIST_ARRAY,
   VALIDATE_ITEM_POSTIONS: VALIDATE_ITEM_POSTIONS,
-  REPLACE_ITEM: REPLACE_ITEM
+  REPLACE_ITEM: REPLACE_ITEM,
+  SET_ITEMS_CCDF: SET_ITEMS_CCDF
 };
 var HOLE_ACTIONS = exports.HOLE_ACTIONS = {
   SELECT_HOLE: SELECT_HOLE,

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

@@ -6,10 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.handleChangeDoorStyleEvent = handleChangeDoorStyleEvent;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-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 handleChangeDoorStyleEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10) {
   return _handleChangeDoorStyleEvent.apply(this, arguments);
 }
@@ -58,15 +55,12 @@ function _handleChangeDoorStyleEvent() {
                   if (!ccdf_list.some(function (v) {
                     return item.itemID === v.itemID && item.name === v.name && doorStyle.id === v.doorFinishId;
                   })) {
-                    ccdf_list.push(_objectSpread(_objectSpread({}, item), {}, {
-                      itemID: item.itemID,
-                      prototype: item.prototype,
-                      category: item.category,
-                      name: item.name,
-                      type: item.type,
-                      sku_number: item.sku_number,
-                      doorFinishId: doorStyle.id
-                    }));
+                    ccdf_list.push({
+                      cabinetSku: item.sku,
+                      sizeInfo: item.sizeInfo,
+                      catalogSku: item.sku_number,
+                      ccdf: item.ccdf
+                    });
                   }
                 case 1:
                 case "end":
@@ -97,7 +91,8 @@ function _handleChangeDoorStyleEvent() {
             // result is ccdf_list
             function () {
               var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
-                var mappedCabinetDefinitionList, rt, _i, _result$ccdf_list, _doorStyle$id;
+                var _result$ccdf_list, _doorStyle$id;
+                var mappedCabinetDefinitionList, rt, _i;
                 return _regenerator["default"].wrap(function (_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -117,14 +112,10 @@ function _handleChangeDoorStyleEvent() {
                       _context.next = 1;
                       break;
                     case 3:
-                      // Persist ccdf on affected instances so SYNC includes ccdf.id for each item.
+                      // 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 doorFinishId (doorStyle.id) as source of truth.
-                      try {
-                        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);
-                      } catch (e) {
-                        // best-effort only
-                      }
+                      // Use request doorFinishId (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.setDoorStyle(doorStyle, itemCDS, applyScope, itemIds);
                     case 4:
                     case "end":

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

@@ -28,7 +28,7 @@ function _handleLoadProjectEvent() {
             ccdf_list = [];
             items = (_evt$payload$layers$l = evt === null || evt === void 0 || (_evt$payload = evt.payload) === null || _evt$payload === void 0 || (_evt$payload = _evt$payload.layers[layerName]) === null || _evt$payload === void 0 ? void 0 : _evt$payload.items) !== null && _evt$payload$layers$l !== void 0 ? _evt$payload$layers$l : {};
             Object.keys(items).forEach(function (k) {
-              var _it$properties, _it$properties2, _it$properties3, _it$doorStyle2;
+              var _it$properties, _it$properties2, _it$properties3;
               var it = items[k];
               //////// check altitude of item property and change length from _length (convert length from 'in' fo 'cm')
               if (it !== null && it !== void 0 && (_it$properties = it.properties) !== null && _it$properties !== void 0 && (_it$properties = _it$properties.altitude) !== null && _it$properties !== void 0 && _it$properties.length && it !== null && it !== void 0 && (_it$properties2 = it.properties) !== null && _it$properties2 !== void 0 && (_it$properties2 = _it$properties2.altitude) !== null && _it$properties2 !== void 0 && _it$properties2._unit && it !== null && it !== void 0 && (_it$properties3 = it.properties) !== null && _it$properties3 !== void 0 && (_it$properties3 = _it$properties3.altitude) !== null && _it$properties3 !== void 0 && _it$properties3._length && it.properties.altitude.length !== (0, _convertUnitsLite.convert)(it.properties.altitude._length).from(it.properties.altitude._unit).to('cm')) {
@@ -39,13 +39,10 @@ function _handleLoadProjectEvent() {
                 var _it$doorStyle;
                 return it.itemID === v.itemID && it.name === v.name && ((_it$doorStyle = it.doorStyle) === null || _it$doorStyle === void 0 ? void 0 : _it$doorStyle.id) === v.doorFinishId;
               })) ccdf_list.push({
-                itemID: it.itemID,
-                prototype: it.prototype,
-                category: it.category,
-                name: it.name,
-                type: it.type,
-                sku_number: it.sku_number,
-                doorFinishId: (_it$doorStyle2 = it.doorStyle) === null || _it$doorStyle2 === void 0 ? void 0 : _it$doorStyle2.id
+                cabinetSku: it.sku,
+                sizeInfo: it.sizeInfo,
+                catalogSku: it.sku_number,
+                ccdf: it.ccdf
               });
             });
             newScene = new _models.Scene(evt === null || evt === void 0 ? void 0 : evt.payload);
@@ -62,7 +59,7 @@ function _handleLoadProjectEvent() {
               }, /*#__PURE__*/function () {
                 var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
                   var _evt$payload2;
-                  var cdsList, _result$ccdf_list, ccdfList, doorFinishIdByCabinetId, cabinetDefinitionList, rt, i;
+                  var cdsList, _result$ccdf_list, resp, cabinetDefinitionList, rt, i;
                   return _regenerator["default"].wrap(function (_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
@@ -74,23 +71,19 @@ function _handleLoadProjectEvent() {
                         // IMPORTANT: host response `ccdf_list[]` may not include `door_finish_id`.
                         // Use request payload (`ccdf_list[].doorFinishId`) as door_finish_id source.
                         try {
-                          ccdfList = (_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [];
-                          doorFinishIdByCabinetId = new Map(ccdf_list.filter(function (x) {
-                            return (x === null || x === void 0 ? void 0 : x.itemID) != null && (x === null || x === void 0 ? void 0 : x.doorFinishId) != null;
-                          }).map(function (x) {
-                            return [x.itemID, x.doorFinishId];
-                          }));
+                          resp = (_result$ccdf_list = result === null || result === void 0 ? void 0 : result.ccdf_list) !== null && _result$ccdf_list !== void 0 ? _result$ccdf_list : [];
                           Object.keys(items).forEach(function (k) {
-                            var _ref2, _it$doorStyle$id, _it$doorStyle3;
+                            var _it$doorStyle$id, _it$doorStyle2;
                             var it = items[k];
-                            var desiredDoorFinishId = (_ref2 = (_it$doorStyle$id = it === null || it === void 0 || (_it$doorStyle3 = it.doorStyle) === null || _it$doorStyle3 === void 0 ? void 0 : _it$doorStyle3.id) !== null && _it$doorStyle$id !== void 0 ? _it$doorStyle$id : doorFinishIdByCabinetId.get(it.itemID)) !== null && _ref2 !== void 0 ? _ref2 : null; // door_finish_id
+                            var desiredDoorFinishId = (_it$doorStyle$id = it === null || it === void 0 || (_it$doorStyle2 = it.doorStyle) === null || _it$doorStyle2 === void 0 ? void 0 : _it$doorStyle2.id) !== null && _it$doorStyle$id !== void 0 ? _it$doorStyle$id : null;
                             if (!desiredDoorFinishId) return;
-                            var matched = ccdfList.find(function (c) {
+                            var picked = resp.find(function (c) {
                               return (c === null || c === void 0 ? void 0 : c.cabinet_id) === it.itemID;
                             });
-                            if (matched) {
-                              it.ccdf = _objectSpread(_objectSpread({}, matched), {}, {
-                                door_finish_id: desiredDoorFinishId
+                            if (picked) {
+                              var _picked$door_finish_i;
+                              it.ccdf = _objectSpread(_objectSpread({}, picked), {}, {
+                                door_finish_id: (_picked$door_finish_i = picked === null || picked === void 0 ? void 0 : picked.door_finish_id) !== null && _picked$door_finish_i !== void 0 ? _picked$door_finish_i : desiredDoorFinishId
                               });
                             }
                           });

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

@@ -13,13 +13,17 @@ function ccdfMapper(ccdf_list, layer) {
   // console.log(ccdf_list, catalog);
   // make structure_json list using ccdf-list
   var cabinetDefinitionList = [];
-  var tempPlaceholders = [];
-  var structure = {};
-  var cdfId;
-  var structure_json = {};
-  var cabinetDefinition = {};
   var layerJS = (0, _immutable.toJSIfNeeded)(layer);
   ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (ccdf) {
+    // IMPORTANT: DIY-834-43
+    // Each CCDF row must produce its own independent structure/tempPlaceholders objects.
+    // Reusing the same object across iterations causes cross-cabinet mutation bugs
+    // (e.g. B12's `structure.base` being overwritten by W1218's gltf).
+    var tempPlaceholders = [];
+    var structure = {};
+    var cdfId;
+    var structure_json = {};
+    var cabinetDefinition = {};
     var itemKeys = Object.keys(layerJS.items);
     var correctItemId = '';
     for (var i = 0; i < itemKeys.length; i++) {

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

@@ -8,9 +8,12 @@ var _utils = require("../../../components/viewer2d/utils");
 function mapFromCCDFToCDS(ccdf_list) {
   // This function make CDS from CCDF_List
   var itemCDSList = [];
-  var itemCDSData = {};
-  var cabitnetDoorStyleId;
   ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (asItem) {
+    // IMPORTANT: DIY-834-43
+    // `itemCDSData` must be recreated per asItem. Reusing it across iterations
+    // can leak one cabinet's door/drawer mappings into another.
+    var itemCDSData = {};
+    var cabitnetDoorStyleId;
     if (!(0, _utils.isEmpty)(asItem === null || asItem === void 0 ? void 0 : asItem.id)) {
       cabitnetDoorStyleId = asItem.id;
     }

package/package.json

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