kitchen-simulator 11.0.0-react.18 → 11.0.0

package/es/index.js

@@ -140,14 +140,8 @@ function installGltfTracker() {
             if (g.inFlight < 0) g.inFlight = 0;
             notify();
             _this.removeEventListener('loadend', _done);
-            _this.removeEventListener('error', _done);
-            _this.removeEventListener('abort', _done);
-            _this.removeEventListener('timeout', _done);
           };
           this.addEventListener('loadend', _done);
-          this.addEventListener('error', _done);
-          this.addEventListener('abort', _done);
-          this.addEventListener('timeout', _done);
         }
         for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
           args[_key2] = arguments[_key2];
@@ -246,11 +240,13 @@ function installGltfTracker() {
       var _ref3,
         _ref3$timeoutMs,
         timeoutMs,
+        start,
         _args4 = arguments;
       return _regeneratorRuntime.wrap(function (_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             _ref3 = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {}, _ref3$timeoutMs = _ref3.timeoutMs, timeoutMs = _ref3$timeoutMs === void 0 ? 30000 : _ref3$timeoutMs;
+            start = Date.now();
             _context4.next = 1;
             return waitStableIdle2Frames();
           case 1:
@@ -262,50 +258,38 @@ function installGltfTracker() {
           case 2:
             return _context4.abrupt("return", new Promise(function (resolve, reject) {
               var unsub = null;
-              var finished = false;
-              var finishOk = function finishOk() {
-                if (finished) return;
-                finished = true;
-                if (unsub) unsub();
-                clearTimeout(timer);
-                resolve(true);
-              };
-              var finishErr = function finishErr(err) {
-                if (finished) return;
-                finished = true;
-                if (unsub) unsub();
-                clearTimeout(timer);
-                reject(err);
-              };
-
-              // ✅ Real timeout no matter what happens with inFlight changes
-              var timer = setTimeout(function () {
-                finishErr(new Error('3D assets did not become idle within timeout'));
-              }, timeoutMs);
               var onChange = /*#__PURE__*/function () {
                 var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(count) {
                   var stable;
                   return _regeneratorRuntime.wrap(function (_context3) {
                     while (1) switch (_context3.prev = _context3.next) {
                       case 0:
-                        if (!finished) {
+                        if (!(count !== 0)) {
                           _context3.next = 1;
                           break;
                         }
+                        if (Date.now() - start > timeoutMs) {
+                          if (unsub) unsub();
+                          reject(new Error('3D assets did not become idle within timeout'));
+                        }
                         return _context3.abrupt("return");
                       case 1:
-                        if (!(count !== 0)) {
-                          _context3.next = 2;
+                        _context3.next = 2;
+                        return waitStableIdle2Frames();
+                      case 2:
+                        stable = _context3.sent;
+                        if (!stable) {
+                          _context3.next = 3;
                           break;
                         }
+                        if (unsub) unsub();
+                        resolve(true);
                         return _context3.abrupt("return");
-                      case 2:
-                        _context3.next = 3;
-                        return waitStableIdle2Frames();
                       case 3:
-                        stable = _context3.sent;
-                        if (stable) finishOk();
-                        // else keep waiting
+                        if (Date.now() - start > timeoutMs) {
+                          if (unsub) unsub();
+                          reject(new Error('3D assets did not become idle within timeout'));
+                        }
                       case 4:
                       case "end":
                         return _context3.stop();
@@ -452,7 +436,7 @@ export function renderKitchenSimulator(container) {
   }
   function _drain() {
     _drain = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-      var item, _t;
+      var item;
       return _regeneratorRuntime.wrap(function (_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
@@ -466,7 +450,7 @@ export function renderKitchenSimulator(container) {
             _context8.prev = 2;
           case 3:
             if (!(!destroyed && queue.length)) {
-              _context8.next = 10;
+              _context8.next = 8;
               break;
             }
             if (setExternalEventFn) {
@@ -486,31 +470,21 @@ export function renderKitchenSimulator(container) {
             pendingMarkers["delete"](item.token);
             return _context8.abrupt("continue", 3);
           case 6:
-            _context8.prev = 6;
             setExternalEventFn(item);
             _context8.next = 7;
             return settle(item);
           case 7:
-            _context8.next = 9;
+            _context8.next = 3;
             break;
           case 8:
             _context8.prev = 8;
-            _t = _context8["catch"](6);
-            console.error('[kitchen-simulator] event failed:', item, _t);
-            // IMPORTANT: continue so we can eventually consume the marker
-            // Optionally you can decide to clear remaining queue here.
-          case 9:
-            _context8.next = 3;
-            break;
-          case 10:
-            _context8.prev = 10;
             draining = false;
-            return _context8.finish(10);
-          case 11:
+            return _context8.finish(8);
+          case 9:
           case "end":
             return _context8.stop();
         }
-      }, _callee8, null, [[2,, 10, 11], [6, 8]]);
+      }, _callee8, null, [[2,, 8, 9]]);
     }));
     return _drain.apply(this, arguments);
   }
@@ -566,9 +540,6 @@ export function renderKitchenSimulator(container) {
       return gltfTracker.subscribe(cb);
     },
     sendExternalEvents: function sendExternalEvents(eventOrEvents) {
-      var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-        _ref5$timeoutMs = _ref5.timeoutMs,
-        timeoutMs = _ref5$timeoutMs === void 0 ? 60000 : _ref5$timeoutMs;
       var events = Array.isArray(eventOrEvents) ? eventOrEvents : [eventOrEvents];
       var _iterator2 = _createForOfIteratorHelper(events),
         _step2;
@@ -592,47 +563,36 @@ export function renderKitchenSimulator(container) {
 
       // resolve when marker cleared
       return new Promise(function (resolve) {
-        var start = Date.now();
         var check = /*#__PURE__*/function () {
-          var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+          var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
             return _regeneratorRuntime.wrap(function (_context6) {
               while (1) switch (_context6.prev = _context6.next) {
                 case 0:
                   if (destroyed) {
-                    _context6.next = 4;
-                    break;
-                  }
-                  if (pendingMarkers.has(token)) {
-                    _context6.next = 1;
+                    _context6.next = 3;
                     break;
                   }
-                  resolve(true);
-                  return _context6.abrupt("return");
-                case 1:
-                  if (!(Date.now() - start > timeoutMs)) {
+                  if (!pendingMarkers.has(token)) {
                     _context6.next = 2;
                     break;
                   }
-                  console.error('[kitchen-simulator] sendExternalEvents timed out');
-                  pendingMarkers["delete"](token); // fail-open
-                  resolve(false);
-                  return _context6.abrupt("return");
-                case 2:
-                  _context6.next = 3;
+                  _context6.next = 1;
                   return nextFrame();
+                case 1:
+                  return _context6.abrupt("continue", 0);
+                case 2:
+                  resolve(true);
+                  return _context6.abrupt("return");
                 case 3:
-                  _context6.next = 0;
-                  break;
-                case 4:
                   resolve(false);
-                case 5:
+                case 4:
                 case "end":
                   return _context6.stop();
               }
             }, _callee6);
           }));
           return function check() {
-            return _ref6.apply(this, arguments);
+            return _ref5.apply(this, arguments);
           };
         }();
         check();

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

@@ -0,0 +1,28 @@
+import { EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_LOAD_PROJECT, EXTERNAL_EVENT_REPLACE_CABINET } from "../../constants";
+import { isEmpty } from "../../utils/helper";
+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.
+ */
+export function mapExternalEventPayload(evt, state) {
+  if (isEmpty(evt)) return null;
+  switch (evt.type) {
+    case EXTERNAL_EVENT_REPLACE_CABINET:
+      evt.payload.replaceItemInfo = mapAddItemEvent(evt.payload.replaceItemInfo, state);
+      return evt;
+    case EXTERNAL_EVENT_ADD_ITEM:
+      evt.payload = mapAddItemEvent(evt.payload, state);
+      return evt;
+    case EXTERNAL_EVENT_CHANGE_DOORSTYLE:
+      return mapChangeDoorStyleEvent(evt, state);
+    case EXTERNAL_EVENT_LOAD_PROJECT:
+      return mapLoadProjectEvent(evt, state);
+    default:
+      return evt;
+  }
+}

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

@@ -0,0 +1,97 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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 { 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)
+ */
+export function mapAddItemEvent(orgEvtPayload, state) {
+  var _evtPayload, _evtPayload3;
+  // make structure_json using assest3D
+  var layerId = state.getIn(['scene', 'selectedLayer']);
+  var layer = state.getIn(['scene', 'layers', layerId]);
+  var tempStructure = {};
+  var tempPlaceholders = [];
+  var cabinetDoorFinishId, animation;
+  if (isEmpty(orgEvtPayload)) return null;
+  var evtPayload = structuredClone(orgEvtPayload);
+  if (((_evtPayload = evtPayload) === null || _evtPayload === void 0 ? void 0 : _evtPayload.type) !== ITEM_TYPE.CABINET) {
+    var _evtPayload2;
+    evtPayload.structure_json = {
+      base: (_evtPayload2 = evtPayload) === null || _evtPayload2 === void 0 ? void 0 : _evtPayload2.gltf
+    };
+    return evtPayload;
+  }
+  var cabinetDoorFinish = (_evtPayload3 = evtPayload) === null || _evtPayload3 === void 0 ? void 0 : _evtPayload3.ccdf;
+  var assets3d = cabinetDoorFinish === null || cabinetDoorFinish === void 0 ? void 0 : cabinetDoorFinish.assets3d;
+  if (isEmpty(assets3d)) {
+    var _evtPayload4;
+    tempStructure.base = (_evtPayload4 = evtPayload) === null || _evtPayload4 === void 0 ? void 0 : _evtPayload4.gltf;
+  }
+  if (!isEmpty(cabinetDoorFinish === null || cabinetDoorFinish === void 0 ? void 0 : cabinetDoorFinish.id)) {
+    cabinetDoorFinishId = cabinetDoorFinish.id;
+  }
+
+  // clone so we can push injected handle assets without mutating original
+  var updatedAssets3D = _toConsumableArray(assets3d);
+
+  // first pass: inject door-handle assets where needed
+  if (!isEmpty(assets3d)) {
+    assets3d.forEach(function (asItem) {
+      // make door handle
+      if (!isEmpty(asItem === null || asItem === void 0 ? void 0 : asItem.placeholder_name)) {
+        var phName = asItem.placeholder_name;
+        if (phName.includes('door_')) {
+          var doorHandleName = phName.slice(0, phName.length - 2) + '_handle' + phName.slice(phName.length - 2);
+          updatedAssets3D.push({
+            placeholder_name: doorHandleName,
+            gltf: layer.get('doorHandle')
+          });
+        }
+      }
+    });
+
+    // second pass: build structure + placeholders from full asset list
+    updatedAssets3D.forEach(function (asitem) {
+      var _evtPayload5;
+      // set base field with gltf
+      tempStructure.base = (_evtPayload5 = evtPayload) === null || _evtPayload5 === void 0 ? void 0 : _evtPayload5.gltf;
+      if (!isEmpty(asitem === null || asitem === void 0 ? void 0 : asitem.placeholder_name)) {
+        // make the structure using placeholder_name and gltf
+        var phName = asitem.placeholder_name;
+        if (!phName.includes('_handle_') && !phName.includes('sink')) {
+          phName = 'base_' + phName;
+        }
+        tempStructure[phName] = asitem.gltf;
+      }
+    });
+  }
+
+  // make the tempPlaceholders using structure and id
+  tempPlaceholders.push({
+    id: cabinetDoorFinishId,
+    structure: tempStructure
+  });
+
+  // make the structure_json using animation and tempPlaceholders
+  var structure_json = {
+    animation: animation,
+    tempPlaceholders: tempPlaceholders
+  };
+
+  // rebuild the cabinet payload with structure_json
+  evtPayload = _objectSpread(_objectSpread({}, evtPayload), {}, {
+    structure_json: structure_json
+  });
+  return evtPayload;
+}

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

@@ -0,0 +1,100 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { isEmpty } from "../../../components/viewer2d/utils";
+import { toJSIfNeeded } from "../../../shared/objects/immutable";
+export function ccdfMapper(ccdf_list, layer) {
+  // This function make cabinet definition using ccdf, layer's item information and catalog
+  // console.log(ccdf_list, catalog);
+  // make structure_json list using ccdf-list
+  var cabinetDefinitionList = [];
+  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++) {
+      var it = layerJS.items[itemKeys[i]];
+      // Join key: scene_cabinet_id (instance id).
+      if (!!(ccdf !== null && ccdf !== void 0 && ccdf.scene_cabinet_id) && (it === null || it === void 0 ? void 0 : it.id) === ccdf.scene_cabinet_id) correctItemId = layerJS.items[itemKeys[i]].id;
+    }
+    var cd = layerJS.items[correctItemId];
+    if (cd && !!(ccdf !== null && ccdf !== void 0 && ccdf.scene_cabinet_id) && (cd === null || cd === void 0 ? void 0 : cd.id) === ccdf.scene_cabinet_id) {
+      if (!isEmpty(ccdf === null || ccdf === void 0 ? void 0 : ccdf.id)) {
+        cdfId = ccdf.id;
+      }
+      var assets3d = Array.isArray(ccdf === null || ccdf === void 0 ? void 0 : ccdf.assets3d) ? ccdf.assets3d : [];
+      var updatedAssets3D = _toConsumableArray(assets3d);
+
+      // Always set base cabinet gltf even when there are no door/drawer assets.
+      // This ensures we can render a naked cabinet (base-only) for unsupported door styles.
+      structure.base = (ccdf === null || ccdf === void 0 ? void 0 : ccdf.gltf) || cd.gltf;
+
+      // make structure (augment assets3d with door handles)
+      assets3d.forEach(function (asItem) {
+        // make door handle
+        if (!isEmpty(asItem === null || asItem === void 0 ? void 0 : asItem.placeholder_name)) {
+          var phName = asItem.placeholder_name;
+          if (phName.includes('door_')) {
+            var doorHandleName = phName.slice(0, phName.length - 2) + '_handle' + phName.slice(phName.length - 2);
+            updatedAssets3D.push({
+              placeholder_name: doorHandleName,
+              gltf: layerJS.doorHandle
+            });
+          }
+        }
+      });
+      updatedAssets3D.forEach(function (asitem) {
+        if (!isEmpty(asitem === null || asitem === void 0 ? void 0 : asitem.placeholder_name)) {
+          // make the structure using placeholder_name and gltf
+          var phName = asitem.placeholder_name;
+          if (!phName.includes('_handle_') && !phName.includes('sink')) {
+            phName = 'base_' + phName;
+          }
+          structure[phName] = asitem.gltf;
+        }
+      });
+      // make tempPlaceholders
+      // Only push when we have at least a base cabinet gltf to render.
+      if (!isEmpty(structure === null || structure === void 0 ? void 0 : structure.base)) {
+        tempPlaceholders.push({
+          structure: structure,
+          id: cdfId
+        });
+      }
+      // make structure_json
+      structure_json = {
+        tempPlaceholders: tempPlaceholders
+      };
+      // make cabinet definition using structure_json and catalog
+      cabinetDefinition = {
+        type: cd.category,
+        itemID: cd.itemID,
+        name: cd.name,
+        long_name: cd.long_name,
+        sizeinfo: cd.sizeinfo,
+        description: cd.description,
+        prototype: cd.prototype,
+        base: cd.base,
+        shape_svg: cd.shape_svg,
+        // If host provides cabinet base gltf/bin at CCDF top-level, prefer it.
+        gltf: (ccdf === null || ccdf === void 0 ? void 0 : ccdf.gltf) || cd.gltf,
+        bin: (ccdf === null || ccdf === void 0 ? void 0 : ccdf.bin) || (cd === null || cd === void 0 ? void 0 : cd.bin),
+        structure_json: structure_json,
+        layoutpos: cd.layoutpos,
+        is_corner: cd.is_corner,
+        obj_property: cd.obj_property,
+        outline: cd.outline
+      };
+    }
+    // make cabinet definition list using cabinetDefinition
+    cabinetDefinitionList.push(cabinetDefinition);
+  });
+  return cabinetDefinitionList;
+}

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

@@ -0,0 +1,49 @@
+import { isEmpty } from "../../../components/viewer2d/utils";
+export function mapFromCCDFToCDS(ccdf_list) {
+  var sceneItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  // This function make CDS from CCDF_List
+  // `sceneItems` (optional) lets us map CCDF rows back onto placed scene items
+  // using stable identity (long_name), because host `cabinet_id` can vary per doorstyle.
+  var itemsArray = sceneItems ? Array.isArray(sceneItems) ? sceneItems : Object.values(sceneItems) : null;
+  var itemCDSList = [];
+  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;
+    }
+    asItem === null || asItem === void 0 || asItem.assets3d.forEach(function (as) {
+      if (!isEmpty(as === null || as === void 0 ? void 0 : as.placeholder_name) && !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'] = !isEmpty(as === null || as === void 0 ? void 0 : as.is_euro_cds) ? as.is_euro_cds : 0;
+      itemCDSData['euro_shape_svg'] = !isEmpty(as === null || as === void 0 ? void 0 : as.euro_shape_svg) ? as.is_euro_cds : null;
+      itemCDSData['euro_width'] = !isEmpty(as === null || as === void 0 ? void 0 : as.euro_width) ? as.is_euro_cds : null;
+      itemCDSData['euro_height'] = !isEmpty(as === null || as === void 0 ? void 0 : as.euro_height) ? as.is_euro_cds : null;
+      itemCDSData['euro_length'] = !isEmpty(as === null || as === void 0 ? void 0 : as.euro_length) ? as.is_euro_cds : null;
+    });
+    var data = [];
+    data.push(itemCDSData);
+
+    // Prefer stable join key: long_name -> scene item's itemID.
+    // Fall back to host cabinet_id for backward compatibility.
+    var resolvedItemID = asItem === null || asItem === void 0 ? void 0 : asItem.cabinet_id;
+    if (itemsArray) {
+      var match = itemsArray.find(function (it) {
+        return it.id === asItem.scene_cabinet_id;
+      });
+      if (match !== null && match !== void 0 && match.itemID) resolvedItemID = match.itemID;
+    }
+    itemCDSList.push({
+      itemID: resolvedItemID,
+      long_name: asItem === null || asItem === void 0 ? void 0 : asItem.long_name,
+      data: data,
+      cabinet_door_style_id: cabitnetDoorStyleId
+    });
+  });
+  return itemCDSList;
+}

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

@@ -0,0 +1,37 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { DEFAULT_INTERIOR_URL } from "../../../constants";
+import { isEmpty } from "../../../utils/helper";
+export function mapChangeDoorStyleEvent(evt, state) {
+  var _evt$payload, _layer$toJS;
+  if (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 (isEmpty(targetDoorStyle)) return evt;
+  var layerId = state.getIn(['scene', 'selectedLayer']);
+  var layer = state.getIn(['scene', 'layers', layerId]);
+  if (isEmpty(layer)) return evt;
+  var handleTexture = layer.get('doorHandle');
+  var counterToptexture = layer === null || layer === void 0 || (_layer$toJS = layer.toJS()) === null || _layer$toJS === void 0 || (_layer$toJS = _layer$toJS.counterTop) === null || _layer$toJS === void 0 ? void 0 : _layer$toJS.uri;
+
+  // make doorStyles and update the doorStyle payload
+  var Max_PH = 9;
+  var doorStyles = {
+    base: targetDoorStyle.texture,
+    counttop: counterToptexture,
+    interior: DEFAULT_INTERIOR_URL
+  };
+  for (var i = 1; i <= Max_PH; i++) {
+    doorStyles['base_door_' + i] = targetDoorStyle.texture;
+    doorStyles['base_fixed_drawer_door_' + i] = targetDoorStyle.texture;
+    doorStyles['base_drawer_' + i] = targetDoorStyle.texture;
+    doorStyles['base_drawer_door_' + i] = targetDoorStyle.texture;
+    doorStyles['door_handle_' + i] = handleTexture;
+    doorStyles['fixed_drawer_door_handle_' + i] = handleTexture;
+    doorStyles['drawer_door_handle_' + i] = handleTexture;
+  }
+  evt.payload.doorStyle = _objectSpread(_objectSpread({}, targetDoorStyle), {}, {
+    doorStyles: doorStyles
+  });
+  return evt;
+}

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

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { DEFAULT_DOOR_HANDLE_TEXTURE_URL, DEFAULT_INTERIOR_URL } from "../../../constants";
+import { isEmpty } from "../../../utils/helper";
+export function mapLoadProjectEvent(evt, state) {
+  // preprocessing for loading project
+  // this function make doorStyles using item's doorStyle
+  if (isEmpty(evt)) return null;
+  var layerId = evt.payload.layers['layer-1'].id;
+  var layer = evt.payload.layers;
+  var itemKeys = Object.keys(layer[layerId].items);
+  if (isEmpty(layer)) return evt;
+  var handleTexture = !isEmpty(layer.doorHandle) ? layer.doorHandle : DEFAULT_DOOR_HANDLE_TEXTURE_URL;
+  var counterToptexture = layer.counterTop;
+  // make doorStyles and update the doorStyle payload
+  var Max_PH = 9;
+  for (var i = 0; i < itemKeys.length; i++) {
+    var item = layer[layerId].items[itemKeys[i]];
+    var doorStyle = item.doorStyle;
+    var doorStyles = {
+      base: doorStyle.texture,
+      counttop: counterToptexture,
+      interior: DEFAULT_INTERIOR_URL
+    };
+    for (var _i = 1; _i <= Max_PH; _i++) {
+      doorStyles['base_door_' + _i] = doorStyle.texture;
+      doorStyles['base_fixed_drawer_door_' + _i] = doorStyle.texture;
+      doorStyles['base_drawer_' + _i] = doorStyle.texture;
+      doorStyles['base_drawer_door_' + _i] = doorStyle.texture;
+      doorStyles['door_handle_' + _i] = handleTexture;
+      doorStyles['fixed_drawer_door_handle_' + _i] = handleTexture;
+      doorStyles['drawer_door_handle_' + _i] = handleTexture;
+    }
+    item.doorStyle = _objectSpread(_objectSpread({}, doorStyle), {}, {
+      doorStyles: doorStyles
+    });
+    layer[layerId].items[itemKeys[i]] = item;
+  }
+  return evt;
+}
+export function updateProjectWithCDSList(project, cdsList) {
+  //This function updates the project json using CDSList
+  if (isEmpty(project) || isEmpty(cdsList)) return project;
+  var layerId = project.layers['layer-1'].id;
+  var layer = project.layers;
+  var itemKeys = Object.keys(layer[layerId].items);
+  if (isEmpty(itemKeys)) return project;
+  var _loop = function _loop(i) {
+    cdsList.forEach(function (cds) {
+      var _layer$layerId;
+      if (((_layer$layerId = layer[layerId]) === null || _layer$layerId === void 0 || (_layer$layerId = _layer$layerId.items[itemKeys[i]]) === null || _layer$layerId === void 0 ? void 0 : _layer$layerId.itemID) === (cds === null || cds === void 0 ? void 0 : cds.itemID)) {
+        layer[layerId].items[itemKeys[i]].doorStyle.cds = cds;
+      }
+    });
+  };
+  for (var i = 0; i < itemKeys.length; i++) {
+    _loop(i);
+  }
+  project.layers = layer;
+  return project;
+}