kitchen-simulator 1.0.0-DIY-1119

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

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleAddItemEvent = handleAddItemEvent;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+function handleAddItemEvent(_x, _x2, _x3, _x4, _x5, _x6) {
+  return _handleAddItemEvent.apply(this, arguments);
+}
+function _handleAddItemEvent() {
+  _handleAddItemEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(props, state, payload, addItemToCatalog, isEmpty, ARRAY_3D_MODES) {
+    var element, _state$viewer2D, _payload$initialPosit, mouseX, mouseY, v2d, vPosX, vPosY, layerID;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (isEmpty(payload)) {
+            _context.next = 2;
+            break;
+          }
+          element = payload;
+          _context.next = 1;
+          return addItemToCatalog(element, state, props.catalog, props.projectActions);
+        case 1:
+          // start drawing item
+          if (ARRAY_3D_MODES.includes(state.mode)) {
+            // in 3d view
+            props.itemsActions.selectToolDrawingItem3D(element.name);
+          } else {
+            // in 2d view
+            // create cabinet
+            props.itemsActions.selectToolDrawingItem(element.name);
+            // mapping the initial position of client coord to viewer2D coord
+            _payload$initialPosit = payload.initialPosition, mouseX = _payload$initialPosit.mouseX, mouseY = _payload$initialPosit.mouseY;
+            v2d = (_state$viewer2D = state.viewer2D) === null || _state$viewer2D === void 0 ? void 0 : _state$viewer2D.toJS();
+            if (mouseX && mouseY && v2d) {
+              vPosX = (mouseX - v2d.e) / v2d.a;
+              vPosY = (mouseY - v2d.f) / v2d.d;
+              layerID = state.scene.selectedLayer; // move cabinet to initial position
+              props.itemsActions.updateDrawingItem(layerID, vPosX, -vPosY + state.scene.height, true);
+            }
+          }
+          props.projectActions.pushLastSelectedCatalogElementToHistory(element);
+          props.projectActions.setIsCabinetDrawing(true);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _handleAddItemEvent.apply(this, arguments);
+}

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

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleChangeDoorStyleEvent = handleChangeDoorStyleEvent;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _asyncPool = require("../../shared/concurrency/async-pool");
+var _handleExternalEvent = require("./handleExternalEvent.util");
+function handleChangeDoorStyleEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10) {
+  return _handleChangeDoorStyleEvent.apply(this, arguments);
+}
+function _handleChangeDoorStyleEvent() {
+  _handleChangeDoorStyleEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].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, moldingData, targetItems, idSet, selectedItemIds, ccdf_list, _loop, i, moldingCCDFList, _props$onInternalEven, _t;
+    return _regenerator["default"].wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          doorStyle = payload.doorStyle, applyScope = payload.applyScope, _payload$itemIds = payload.itemIds, itemIds = _payload$itemIds === void 0 ? [] : _payload$itemIds;
+          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) {
+            selectedItemIds = state.getIn(['scene', 'layers', layerId, 'selected', 'items']).toJS();
+            idSet = new Set(selectedItemIds);
+          }
+          if (applyScope === DOORSTYLE_SCOPE_MULTIPLE) {
+            // itemIds contains item.id (instance IDs)
+            idSet = new Set(itemIds);
+          }
+          _t = applyScope;
+          _context3.next = _t === DOORSTYLE_SCOPE_ALL ? 1 : _t === DOORSTYLE_SCOPE_SINGLE ? 2 : _t === DOORSTYLE_SCOPE_MULTIPLE ? 2 : 3;
+          break;
+        case 1:
+          targetItems = Object.values(allItems);
+          return _context3.abrupt("continue", 4);
+        case 2:
+          targetItems = Object.values(allItems).filter(function (item) {
+            var _idSet;
+            return (_idSet = idSet) === null || _idSet === void 0 ? void 0 : _idSet.has(item.id);
+          });
+          return _context3.abrupt("continue", 4);
+        case 3:
+          return _context3.abrupt("continue", 4);
+        case 4:
+          ccdf_list = [];
+          _loop = /*#__PURE__*/_regenerator["default"].mark(function _loop() {
+            var item, _item$ccdf$catalog_ca, _item$ccdf, _item$ccdf$cabinet_id, _item$ccdf2, _doorStyle$id2, _item$long_name;
+            return _regenerator["default"].wrap(function (_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  item = targetItems[i];
+                  if (!ccdf_list.some(function (v) {
+                    return v.scene_cabinet_id === item.id;
+                  })) {
+                    ccdf_list.push({
+                      cabinet_sku: item.type,
+                      sizeinfo: item.sizeinfo,
+                      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,
+                      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
+                    });
+                  }
+                case 1:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _loop);
+          });
+          i = 0;
+        case 5:
+          if (!(i < targetItems.length)) {
+            _context3.next = 7;
+            break;
+          }
+          return _context3.delegateYield(_loop(), "t0", 6);
+        case 6:
+          i++;
+          _context3.next = 5;
+          break;
+        case 7:
+          moldingCCDFList = (0, _handleExternalEvent.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,
+                molding_ccdf_list: moldingCCDFList
+              }
+            },
+            /*#__PURE__*/
+            // result is ccdf_list
+            function () {
+              var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
+                var _result$ccdf_list, _doorStyle$id, _result$molding_ccdf_;
+                var mappedCabinetDefinitionList, rt;
+                return _regenerator["default"].wrap(function (_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      // 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 === null || result === void 0 ? void 0 : result.ccdf_list, layer); // result: ccdf_list
+                      rt = mergeSameElements(mappedCabinetDefinitionList); // Load/parse cabinet assets in parallel (but capped to avoid flooding the network/main thread)
+                      _context.next = 1;
+                      return (0, _asyncPool.asyncPool)(6, rt !== null && rt !== void 0 ? rt : [], function (element) {
+                        return addItemToCatalog(element, state, props.catalog, props.projectActions);
+                      });
+                    case 1:
+                      // 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.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 2:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              }));
+              return function (_x11) {
+                return _ref.apply(this, arguments);
+              };
+            }());
+          } else {
+            props.itemsActions.setDoorStyle(doorStyle, itemCDS, applyScope, itemIds);
+          }
+        case 8:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee2);
+  }));
+  return _handleChangeDoorStyleEvent.apply(this, arguments);
+}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleDeleteElement = handleDeleteElement;
+exports.handleDuplicateElement = handleDuplicateElement;
+exports.handleMirrorElement = handleMirrorElement;
+var _cabinetMirror = require("../../shared/domain/cabinet-mirror");
+function handleDuplicateElement(props, getElement, payload, state) {
+  var distElement = getElement(payload, state);
+  if (distElement) props.itemsActions.duplicateSelected(distElement, props.onInternalEvent);
+}
+function handleDeleteElement(props, getElement, payload, state) {
+  var distElement = getElement(payload, state);
+  if (distElement) props.projectActions.remove(distElement);
+}
+function handleMirrorElement(props, getElement, payload, state) {
+  var distElement = getElement(payload, state);
+  if (!distElement || distElement.prototype !== 'items' || !(0, _cabinetMirror.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/lib/events/external/handlers.finishing.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleSetFinishing = handleSetFinishing;
+var _constants = require("../../constants");
+function handleSetFinishing(props, state, payload) {
+  switch (payload.category) {
+    case _constants.FINISHING_TYPE.WALL_COLOR:
+      if (state.mode !== _constants.MODE_ELEVATION_VIEW) props.itemsActions.setWallColor(payload.color);
+      break;
+    case _constants.FINISHING_TYPE.COUNTER_TOP:
+      props.itemsActions.setCounterTop({
+        uri: payload.texture
+      });
+      break;
+    case _constants.FINISHING_TYPE.FLOOR_STYLE:
+      if (state.mode !== _constants.MODE_ELEVATION_VIEW) props.areaActions.setFloorStyles({
+        uri: payload.texture
+      });
+      break;
+    case _constants.FINISHING_TYPE.BACKSPLASH:
+      if (state.mode !== _constants.MODE_ELEVATION_VIEW) props.itemsActions.setBacksplash({
+        uri: payload.texture
+      });
+      break;
+    case _constants.FINISHING_TYPE.DOOR_HANDLE:
+      props.itemsActions.setDoorHandle(payload.gltf);
+      break;
+  }
+}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleAddHole = handleAddHole;
+var _constants = require("../../constants");
+function handleAddHole(props, state, payload) {
+  _constants.ARRAY_3D_MODES.includes(state.mode) ? props.holesActions.selectToolDrawingHole3D(payload === null || payload === void 0 ? void 0 : payload.holeName) : props.holesActions.selectToolDrawingHole(payload === null || payload === void 0 ? void 0 : payload.holeName);
+}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleLoadProjectEvent = handleLoadProjectEvent;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _convertUnitsLite = require("../../utils/convert-units-lite");
+var _constants = require("../../constants");
+var _models = require("../../models");
+var _asyncPool = require("../../shared/concurrency/async-pool");
+var _handleExternalEvent = require("./handleExternalEvent.util");
+var _utils = require("../../components/viewer2d/utils");
+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 handleLoadProjectEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
+  return _handleLoadProjectEvent.apply(this, arguments);
+}
+function _handleLoadProjectEvent() {
+  _handleLoadProjectEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(props, state, evt, mapFromCCDFToCDS, updateProjectWithCDSList, ccdfMapper, mergeSameElements, addItemToCatalog) {
+    var layerName, _evt$payload$layers$l, _evt$payload, _state$catalog, ccdf_list, molding_ccdf_list, items, newScene, tempState, _props$onInternalEven;
+    return _regenerator["default"].wrap(function (_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          layerName = 'layer-1';
+          if (evt !== null && evt !== void 0 && evt.payload) {
+            // prepare item data request
+            ccdf_list = [], molding_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;
+              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')) {
+                it.properties.altitude.length = (0, _convertUnitsLite.convert)(it.properties.altitude._length).from(it.properties.altitude._unit).to('cm');
+              }
+              /////////
+              if (!ccdf_list.some(function (v) {
+                return v.scene_cabinet_id === it.id;
+              })) {
+                var _it$ccdf$catalog_cabi, _it$ccdf, _it$ccdf$cabinet_id, _it$ccdf2, _it$ccdf$door_finish_, _it$ccdf3, _it$long_name;
+                ccdf_list.push({
+                  cabinet_sku: it.type,
+                  sizeinfo: it.sizeinfo,
+                  catalog_cabinet_sku: (_it$ccdf$catalog_cabi = it === null || it === void 0 || (_it$ccdf = it.ccdf) === null || _it$ccdf === void 0 ? void 0 : _it$ccdf.catalog_cabinet_sku) !== null && _it$ccdf$catalog_cabi !== void 0 ? _it$ccdf$catalog_cabi : it.sku_number,
+                  cabinet_id: (_it$ccdf$cabinet_id = it === null || it === void 0 || (_it$ccdf2 = it.ccdf) === null || _it$ccdf2 === void 0 ? void 0 : _it$ccdf2.cabinet_id) !== null && _it$ccdf$cabinet_id !== void 0 ? _it$ccdf$cabinet_id : it === null || it === void 0 ? void 0 : it.itemID,
+                  ccdf: it.ccdf,
+                  target_door_finish_id: (_it$ccdf$door_finish_ = it === null || it === void 0 || (_it$ccdf3 = it.ccdf) === null || _it$ccdf3 === void 0 ? void 0 : _it$ccdf3.door_finish_id) !== null && _it$ccdf$door_finish_ !== void 0 ? _it$ccdf$door_finish_ : it.doorStyle.id,
+                  long_name: (_it$long_name = it === null || it === void 0 ? void 0 : it.long_name) !== null && _it$long_name !== void 0 ? _it$long_name : null,
+                  scene_cabinet_id: it.id
+                });
+                if (!(0, _utils.isEmpty)(it.doorStyle) && !(0, _utils.isEmpty)(it.molding)) molding_ccdf_list.push.apply(molding_ccdf_list, (0, _toConsumableArray2["default"])((0, _handleExternalEvent.prepareMoldingCCDFList)(it.doorStyle, it.molding)));
+              }
+            });
+            newScene = new _models.Scene(evt === null || evt === void 0 ? void 0 : evt.payload);
+            tempState = new _models.State({
+              scene: newScene.toJS(),
+              catalog: (_state$catalog = state.catalog) === null || _state$catalog === void 0 ? void 0 : _state$catalog.toJS()
+            }); // request item catalog data to host app
+            if (ccdf_list.length > 0) {
+              (_props$onInternalEven = props.onInternalEvent) === null || _props$onInternalEven === void 0 || _props$onInternalEven.call(props, {
+                type: _constants.INTERNAL_EVENT_ITEMS_CATALOG,
+                value: {
+                  event_type: 'load_project',
+                  ccdf_list: ccdf_list,
+                  molding_ccdf_list: molding_ccdf_list
+                }
+              }, /*#__PURE__*/function () {
+                var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
+                  var _evt$payload2;
+                  var cdsList, _result$ccdf_list, resp, cabinetDefinitionList, rt;
+                  return _regenerator["default"].wrap(function (_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        cdsList = mapFromCCDFToCDS(result === null || result === void 0 ? void 0 : result.ccdf_list, items);
+                        evt.payload = updateProjectWithCDSList(evt.payload, cdsList);
+
+                        // Attach matched ccdf to each scene instance before loading into state,
+                        // so SYNC payload includes `scene.layers[].items[].ccdf.id`.
+                        // IMPORTANT: host response `ccdf_list[]` may not include `door_finish_id`.
+                        // Use request payload (`ccdf_list[].door_finish_id`) / scene doorStyle.id as door_finish_id source.
+                        try {
+                          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 _it$doorStyle$id, _it$doorStyle;
+                            var it = items[k];
+                            var desiredDoorFinishId = (_it$doorStyle$id = it === null || it === void 0 || (_it$doorStyle = it.doorStyle) === null || _it$doorStyle === void 0 ? void 0 : _it$doorStyle.id) !== null && _it$doorStyle$id !== void 0 ? _it$doorStyle$id : null;
+                            if (!desiredDoorFinishId) return;
+                            var picked = resp.find(function (c) {
+                              return (c === null || c === void 0 ? void 0 : c.scene_cabinet_id) && c.scene_cabinet_id === it.id;
+                            });
+                            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
+                              });
+                            }
+                          });
+                        } catch (e) {
+                          // best-effort only
+                        }
+                        cabinetDefinitionList = ccdfMapper(result === null || result === void 0 ? void 0 : result.ccdf_list, evt === null || evt === void 0 || (_evt$payload2 = evt.payload) === null || _evt$payload2 === void 0 ? void 0 : _evt$payload2.layers['layer-1']);
+                        rt = mergeSameElements(cabinetDefinitionList); // Load/parse cabinet assets in parallel (but capped to avoid flooding the network/main thread)
+                        _context.next = 1;
+                        return (0, _asyncPool.asyncPool)(6, rt !== null && rt !== void 0 ? rt : [], function (element) {
+                          return addItemToCatalog(element, tempState, props.catalog, props.projectActions);
+                        });
+                      case 1:
+                        props.projectActions.loadProject(evt.payload);
+                        props.itemsActions.setMoldingsCCDF(result === null || result === void 0 ? void 0 : result.molding_ccdf_list, 'all');
+                      case 2:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }, _callee);
+                }));
+                return function (_x9) {
+                  return _ref.apply(this, arguments);
+                };
+              }());
+            } else props.projectActions.loadProject(evt.payload);
+          }
+        case 1:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _handleLoadProjectEvent.apply(this, arguments);
+}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleSetMolding = handleSetMolding;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+function handleSetMolding(_x, _x2, _x3) {
+  return _handleSetMolding.apply(this, arguments);
+}
+function _handleSetMolding() {
+  _handleSetMolding = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(props, loadMoldingSvg, payload) {
+    var moldingInfo, isGlobal;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          moldingInfo = payload.moldingInfo, isGlobal = payload.isGlobal;
+          _context.next = 1;
+          return loadMoldingSvg(moldingInfo);
+        case 1:
+          props.itemsActions.setMolding(moldingInfo, isGlobal, props.onInternalEvent);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _handleSetMolding.apply(this, arguments);
+}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleNewProject = handleNewProject;
+exports.handleRedo = handleRedo;
+exports.handleUndo = handleUndo;
+function handleNewProject(props) {
+  var defaulTitle = 'Untitle';
+  props.projectActions.newProject();
+  props.projectActions.rename(defaulTitle);
+}
+function handleUndo(props) {
+  props.projectActions.undo();
+}
+function handleRedo(props) {
+  props.projectActions.redo();
+}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleProjectSetting = handleProjectSetting;
+var _constants = require("../../constants");
+var _convertUnitsLite = require("../../utils/convert-units-lite");
+function handleProjectSetting(props, payload, layer) {
+  var option = payload.option,
+    value = payload.value;
+  switch (option) {
+    case _constants.PROJECT_SETTING_OPTION.CHANGE_MEASUREMENT_UNIT:
+      props.viewer2DActions.updateCeilHeight((0, _convertUnitsLite.convert)(layer.ceilHeight).from(layer.unit).to(value));
+      props.viewer2DActions.updateCeilHeightUnit(value);
+      props.viewer3DActions.update3DCeilHeightUnit(value);
+      props.viewer3DActions.update3DCeilHeight((0, _convertUnitsLite.convert)(layer.ceilHeight).from(layer.unit).to(value));
+      break;
+    case _constants.PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT:
+      props.viewer2DActions.updateCeilHeight(value);
+      props.viewer3DActions.update3DCeilHeight(value);
+      break;
+    case _constants.PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE:
+      props.viewer2DActions.changeWallLengthMeasure(value);
+      break;
+    case _constants.PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE:
+      props.viewer2DActions.changeBaseCabinetMeasure(value);
+      break;
+    case _constants.PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE:
+      props.viewer2DActions.changeWallCabinetMeasure(value);
+      break;
+    case _constants.PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE:
+      props.viewer2DActions.changeWindowDoorMeasure(value);
+      break;
+    default:
+      break;
+  }
+}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleReplaceCabinet = handleReplaceCabinet;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+function handleReplaceCabinet(_x, _x2, _x3, _x4) {
+  return _handleReplaceCabinet.apply(this, arguments);
+}
+function _handleReplaceCabinet() {
+  _handleReplaceCabinet = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(props, addItemToCatalog, payload, state) {
+    var _payload$replaceItemI, _payload$replaceItemI2, _payload$replaceItemI3;
+    var layerID, layer, orginalItemInfo, originalItem, originalItemPos, replaceItem;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          layerID = state.scene.selectedLayer;
+          layer = state.scene.getIn(['layers', layerID]).toJS();
+          orginalItemInfo = payload === null || payload === void 0 ? void 0 : payload.orginalItemInfo;
+          originalItem = layer === null || layer === void 0 ? void 0 : layer.items[orginalItemInfo.id];
+          _context.next = 1;
+          return addItemToCatalog(payload.replaceItemInfo, state, props.catalog, props.projectActions);
+        case 1:
+          originalItemPos = {
+            rotation: originalItem.rotation,
+            selectedItemId: originalItem.id,
+            x: originalItem.x,
+            y: originalItem.y
+          };
+          replaceItem = {
+            name: payload === null || payload === void 0 || (_payload$replaceItemI = payload.replaceItemInfo) === null || _payload$replaceItemI === void 0 ? void 0 : _payload$replaceItemI.name,
+            info: {
+              width: payload === null || payload === void 0 || (_payload$replaceItemI2 = payload.replaceItemInfo) === null || _payload$replaceItemI2 === void 0 || (_payload$replaceItemI2 = _payload$replaceItemI2.sizeinfo) === null || _payload$replaceItemI2 === void 0 ? void 0 : _payload$replaceItemI2.width,
+              height: payload === null || payload === void 0 || (_payload$replaceItemI3 = payload.replaceItemInfo) === null || _payload$replaceItemI3 === void 0 || (_payload$replaceItemI3 = _payload$replaceItemI3.sizeinfo) === null || _payload$replaceItemI3 === void 0 ? void 0 : _payload$replaceItemI3.height
+            }
+          };
+          props.itemsActions.replaceItem(originalItemPos, originalItem, replaceItem);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _handleReplaceCabinet.apply(this, arguments);
+}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleAddRoomShape = handleAddRoomShape;
+function handleAddRoomShape(props, payload) {
+  var roomShapeType = payload.roomShapeType,
+    width = payload.width,
+    height = payload.height,
+    measurementUnit = payload.measurementUnit,
+    doorStyle = payload.doorStyle;
+  props.projectActions.createRoomWithShape(roomShapeType, width, height, measurementUnit, doorStyle);
+}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleSyncScene = handleSyncScene;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _lineMetrics = require("../../shared/math/line-metrics");
+function addLineLengthsToScene(sceneData) {
+  if (!(sceneData !== null && sceneData !== void 0 && sceneData.layers)) return;
+  Object.values(sceneData.layers).forEach(function (layerData) {
+    var _ref, _layerData$unit;
+    var unit = (_ref = (_layerData$unit = layerData === null || layerData === void 0 ? void 0 : layerData.unit) !== null && _layerData$unit !== void 0 ? _layerData$unit : sceneData === null || sceneData === void 0 ? void 0 : sceneData.unit) !== null && _ref !== void 0 ? _ref : 'cm';
+    var vertices = layerData === null || layerData === void 0 ? void 0 : layerData.vertices;
+    var lines = layerData === null || layerData === void 0 ? void 0 : layerData.lines;
+    if (!vertices || !lines) return;
+    Object.values(lines).forEach(function (line) {
+      try {
+        var length = (0, _lineMetrics.getLineLength)(line, vertices, unit);
+        if (length != null) line.length = length;
+      } catch (e) {
+        var _line$vertices;
+        // Fallback: still provide a usable length value (cm)
+        var _ref2 = (_line$vertices = line === null || line === void 0 ? void 0 : line.vertices) !== null && _line$vertices !== void 0 ? _line$vertices : [],
+          _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+          v0Id = _ref3[0],
+          v1Id = _ref3[1];
+        var v0 = vertices === null || vertices === void 0 ? void 0 : vertices[v0Id];
+        var v1 = vertices === null || vertices === void 0 ? void 0 : vertices[v1Id];
+        if (!v0 || !v1) return;
+        line.length = Math.hypot(v0.x - v1.x, v0.y - v1.y);
+      }
+    });
+  });
+}
+function handleSyncScene(props, state, layer, layerId, getMoldingDataOfScene2, computeSkinPanels, DEFAULT_MOLDING_PIECE_LENGTH, INTERNAL_EVENT_SYNC_SCENE) {
+  var _layer$doorStyle, _props$configData$mol, _props$configData, _props$configData$ski, _props$configData2, _props$onInternalEven;
+  var sceneData = state.scene.toJS();
+
+  // Add `length` field for all walls (lines) in sync payload
+  addLineLengthsToScene(sceneData);
+
+  // get molding data for "ReviewForQuote"
+  var currentTexture = (_layer$doorStyle = layer === null || layer === void 0 ? void 0 : layer.doorStyle) !== null && _layer$doorStyle !== void 0 ? _layer$doorStyle : props.state.doorStyle;
+  if (currentTexture && currentTexture.toJS) currentTexture = currentTexture.toJS();
+  var moldingPieceLength = (_props$configData$mol = props === null || props === void 0 || (_props$configData = props.configData) === null || _props$configData === void 0 ? void 0 : _props$configData.moldingPieceLength) !== null && _props$configData$mol !== void 0 ? _props$configData$mol : DEFAULT_MOLDING_PIECE_LENGTH;
+  sceneData.layers[layerId].moldingData = getMoldingDataOfScene2(layer, props.catalog, currentTexture, moldingPieceLength);
+
+  // get skin panel data
+  var skinPanelExclusionSKUs = (_props$configData$ski = props === null || props === void 0 || (_props$configData2 = props.configData) === null || _props$configData2 === void 0 ? void 0 : _props$configData2.skinPanelExclusionSKUs) !== null && _props$configData$ski !== void 0 ? _props$configData$ski : [];
+  sceneData.layers[layerId].skinPanelData = computeSkinPanels(layer, skinPanelExclusionSKUs);
+
+  // send scene object from 3DTool to HostApp using internalEvent
+  (_props$onInternalEven = props.onInternalEvent) === null || _props$onInternalEven === void 0 || _props$onInternalEven.call(props, {
+    type: INTERNAL_EVENT_SYNC_SCENE,
+    value: {
+      scene: sceneData
+    }
+  });
+}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleUpdateSelectedElementsEvent = handleUpdateSelectedElementsEvent;
+function handleUpdateSelectedElementsEvent(props, state, evt, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, updateAttributeOfSelectedElement, updatePropertyOfSelectedElement) {
+  var layerId = state.getIn(['scene', 'selectedLayer']);
+  var layer = state.getIn(['scene', 'layers', layerId]);
+  var _layer$getIn = layer.getIn(['selected']),
+    selectedLines = _layer$getIn.lines,
+    selectedHoles = _layer$getIn.holes,
+    selectedItems = _layer$getIn.items;
+  for (var i = 0; i < selectedLines.size; i++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(layer.getIn(['lines', selectedLines.get(i)]), evt.payload, state, layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(layer.getIn(['lines', selectedLines.get(i)]), evt.payload, props.catalog, props.projectActions, evt.callback);
+  for (var _i = 0; _i < selectedHoles.size; _i++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(layer.getIn(['holes', selectedHoles.get(_i)]), evt.payload, state, layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(layer.getIn(['holes', selectedHoles.get(_i)]), evt.payload, props.catalog, props.projectActions, evt.callback);
+  for (var _i2 = 0; _i2 < selectedItems.size; _i2++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(layer.getIn(['items', selectedItems.get(_i2)]), evt.payload, state, layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(layer.getIn(['items', selectedItems.get(_i2)]), evt.payload, props.catalog, props.projectActions, evt.callback);
+}