kitchen-simulator 4.4.6 → 5.0.0-new-api.1

package/es/utils/isolate-event-handler.js

@@ -18,6 +18,10 @@ import { getMoldingDataOfScene2 } from "./molding";
 import { Scene, State } from "../models";
 import { calcDistancesFromHoleToNearestOneOrWall } from "./geometry";
 import { computeSkinPanels } from "./skinPanelEngine";
+import { mapExternalEventPayload } from "../mappings/external-events/mapExternalEventPayload";
+import { ccdfMapper } from "../mappings/external-events/mappers/ccdfMapper";
+import { mapFromCCDFToCDS } from "../mappings/external-events/mappers/ccdfToCDSMapper";
+import { updateProjectWithCDSList } from "../mappings/external-events/mappers/loadProjectMapper";
 var PRECISION = 2;
 
 // ---- compatibility: supports old + optimized props shapes ----
@@ -455,27 +459,28 @@ function updateCabinetPayload(_x3) {
 }
 function _updateCabinetPayload() {
   _updateCabinetPayload = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(cabinetPayload) {
-    var cabinetPayloadKeys, i, _cabinetPayload$cabin, _cabinetPayload$cabin2;
+    var tempPlaceholders, cabinetPayloadKeys, i;
     return _regeneratorRuntime.wrap(function (_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
-          // let tempPlaceholders = [];
-          // tempPlaceholders = await parseTempPlaceholdersFromCabinetPayload(
-          //   cabinetPayload
-          // );
+          tempPlaceholders = [];
+          _context6.next = 1;
+          return parseTempPlaceholdersFromCabinetPayload(cabinetPayload);
+        case 1:
+          tempPlaceholders = _context6.sent;
           cabinetPayloadKeys = Object.keys(cabinetPayload);
           for (i = 0; i < cabinetPayloadKeys.length; i++) {
             if (cabinetPayloadKeys[i] === 'structure_json') {
-              cabinetPayload[cabinetPayloadKeys[i]]['placeholders'] = (_cabinetPayload$cabin = (_cabinetPayload$cabin2 = cabinetPayload[cabinetPayloadKeys[i]]['tempPlaceholders'][0]) === null || _cabinetPayload$cabin2 === void 0 ? void 0 : _cabinetPayload$cabin2.placeholders) !== null && _cabinetPayload$cabin !== void 0 ? _cabinetPayload$cabin : [];
-
               // cabinetPayload[cabinetPayloadKeys[i]]['placeholders'] =
-              //   tempPlaceholders[0].placeholders;
-              // cabinetPayload[cabinetPayloadKeys[i]]['tempPlaceholders'] =
-              //   tempPlaceholders;
+              //   cabinetPayload[cabinetPayloadKeys[i]]['tempPlaceholders'][0]
+              //     ?.placeholders ?? [];
+
+              cabinetPayload[cabinetPayloadKeys[i]]['placeholders'] = tempPlaceholders[0].placeholders;
+              cabinetPayload[cabinetPayloadKeys[i]]['tempPlaceholders'] = tempPlaceholders;
             }
           }
           return _context6.abrupt("return", cabinetPayload);
-        case 1:
+        case 2:
         case "end":
           return _context6.stop();
       }
@@ -1211,13 +1216,12 @@ export function handleExternalEvent(_x0) {
 }
 function _handleExternalEvent() {
   _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee0(props) {
-    var _evt$payload3, _evt$payload4;
-    var evt, state, layerId, layer, _evt$payload, _state$catalog, cdsItems, itemKeys, _loop6, i, newScene, tempState, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _evt$payload5, doorStyle, itemCDS, applyScope, _evt$payload5$itemIds, itemIds, _layerId, allItems, targetItems, idSet, selectedItemIds, _cdsItems, _loop7, _i2, _props$onInternalEven2, _evt$payload6, roomShapeType, width, height, measurementUnit, _doorStyle, value, _value, _evt$payload7, moldingInfo, isGlobal, distElement, _distElement, _evt$payload8, option, _value2, _layerId2, _layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i4, _i5, _i6, _evt$payload9, _evt$payload0, _evt$payload1, _evt$payload10, _layerID, _layer2, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$configData$mol, _props$configData, _props$configData$ski, _props$configData2, _props$onInternalEven3, sceneData, currentTexture, moldingPieceLength, skinPanelExclusionSKUs, _t5, _t6, _t7;
+    var _evt$payload4, _evt$payload5;
+    var state, evt, layerId, layer, _evt$payload, _state$catalog, cdsItems, itemKeys, _loop6, i, newScene, tempState, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _evt$payload6, doorStyle, applyScope, _evt$payload6$itemIds, itemIds, itemCDS, _layerId, allItems, targetItems, idSet, selectedItemIds, ccdf_list, _loop7, _i2, _props$onInternalEven2, _evt$payload7, roomShapeType, width, height, measurementUnit, _doorStyle, value, _value, _evt$payload8, moldingInfo, isGlobal, distElement, _distElement, _evt$payload9, option, _value2, _layerId2, _layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i4, _i5, _i6, _evt$payload0, _evt$payload1, _evt$payload10, _evt$payload11, _layerID, _layer2, orginalItemInfo, originalItem, originalItemPos, replaceItem, _layer$doorStyle, _currentTexture, _props$configData$mol, _props$configData, _props$configData$ski, _props$configData2, _props$onInternalEven3, sceneData, currentTexture, moldingPieceLength, skinPanelExclusionSKUs, _t5, _t6, _t7;
     return _regeneratorRuntime.wrap(function (_context11) {
       while (1) switch (_context11.prev = _context11.next) {
         case 0:
           // console.log('***external event****', props.externalEvent);
-          evt = props.externalEvent;
           state = getPlannerStateFromProps(props);
           if (state) {
             _context11.next = 1;
@@ -1225,6 +1229,7 @@ function _handleExternalEvent() {
           }
           return _context11.abrupt("return");
         case 1:
+          evt = mapExternalEventPayload(props.externalEvent, state);
           layerId = state.getIn(['scene', 'selectedLayer']);
           layer = state.getIn(['scene', 'layers', layerId]);
           _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
@@ -1239,19 +1244,19 @@ function _handleExternalEvent() {
           cdsItems = [];
           itemKeys = evt !== null && evt !== void 0 && (_evt$payload = evt.payload) !== null && _evt$payload !== void 0 && (_evt$payload = _evt$payload.layers['layer-1']) !== null && _evt$payload !== void 0 && _evt$payload.items ? Object.keys(evt.payload.layers['layer-1'].items) : [];
           _loop6 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop6() {
-            var _evt$payload2, _it$properties, _it$properties2, _it$properties3, _it$doorStyle2;
+            var _evt$payload3, _it$properties, _it$properties2, _it$properties3, _it$doorStyle2;
             var it;
             return _regeneratorRuntime.wrap(function (_context0) {
               while (1) switch (_context0.prev = _context0.next) {
                 case 0:
-                  it = evt === null || evt === void 0 || (_evt$payload2 = evt.payload) === null || _evt$payload2 === void 0 || (_evt$payload2 = _evt$payload2.layers['layer-1']) === null || _evt$payload2 === void 0 ? void 0 : _evt$payload2.items[itemKeys[i]]; //////// check altitude of item property and change length from _length (convert length from 'in' fo 'cm')
+                  it = evt === null || evt === void 0 || (_evt$payload3 = evt.payload) === null || _evt$payload3 === void 0 || (_evt$payload3 = _evt$payload3.layers['layer-1']) === null || _evt$payload3 === void 0 ? void 0 : _evt$payload3.items[itemKeys[i]]; //////// 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')) {
                     it.properties.altitude.length = convert(it.properties.altitude._length).from(it.properties.altitude._unit).to('cm');
                   }
                   /////////
                   if (!cdsItems.some(function (v) {
                     var _it$doorStyle;
-                    return it.itemID === v.itemID && it.name === v.name && ((_it$doorStyle = it.doorStyle) === null || _it$doorStyle === void 0 || (_it$doorStyle = _it$doorStyle.doorStyles) === null || _it$doorStyle === void 0 ? void 0 : _it$doorStyle.cabinet_door_style_id) === v.cdsId;
+                    return it.itemID === v.itemID && it.name === v.name && ((_it$doorStyle = it.doorStyle) === null || _it$doorStyle === void 0 ? void 0 : _it$doorStyle.id) === v.dfId;
                   })) cdsItems.push({
                     itemID: it.itemID,
                     prototype: it.prototype,
@@ -1259,7 +1264,7 @@ function _handleExternalEvent() {
                     name: it.name,
                     type: it.type,
                     sku_number: it.sku_number,
-                    cdsId: (_it$doorStyle2 = it.doorStyle) === null || _it$doorStyle2 === void 0 || (_it$doorStyle2 = _it$doorStyle2.doorStyles) === null || _it$doorStyle2 === void 0 ? void 0 : _it$doorStyle2.cabinet_door_style_id
+                    dfId: (_it$doorStyle2 = it.doorStyle) === null || _it$doorStyle2 === void 0 ? void 0 : _it$doorStyle2.id
                   });
                 case 1:
                 case "end":
@@ -1292,11 +1297,15 @@ function _handleExternalEvent() {
               }
             }, /*#__PURE__*/function () {
               var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(result) {
-                var rt, _i;
+                var _evt$payload2;
+                var cdsList, cabinetDefinitionList, rt, _i;
                 return _regeneratorRuntime.wrap(function (_context9) {
                   while (1) switch (_context9.prev = _context9.next) {
                     case 0:
-                      rt = mergeSameElements(result === null || result === void 0 ? void 0 : result.elements);
+                      cdsList = mapFromCCDFToCDS(result === null || result === void 0 ? void 0 : result.ccdf_list);
+                      evt.payload = updateProjectWithCDSList(evt.payload, cdsList);
+                      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);
                       _i = 0;
                     case 1:
                       if (!(_i < (rt === null || rt === void 0 ? void 0 : rt.length))) {
@@ -1373,7 +1382,7 @@ function _handleExternalEvent() {
         case 13:
           return _context11.abrupt("continue", 49);
         case 14:
-          ARRAY_3D_MODES.includes(state.mode) ? props.holesActions.selectToolDrawingHole3D(evt === null || evt === void 0 || (_evt$payload3 = evt.payload) === null || _evt$payload3 === void 0 ? void 0 : _evt$payload3.holeName) : props.holesActions.selectToolDrawingHole(evt === null || evt === void 0 || (_evt$payload4 = evt.payload) === null || _evt$payload4 === void 0 ? void 0 : _evt$payload4.holeName);
+          ARRAY_3D_MODES.includes(state.mode) ? props.holesActions.selectToolDrawingHole3D(evt === null || evt === void 0 || (_evt$payload4 = evt.payload) === null || _evt$payload4 === void 0 ? void 0 : _evt$payload4.holeName) : props.holesActions.selectToolDrawingHole(evt === null || evt === void 0 || (_evt$payload5 = evt.payload) === null || _evt$payload5 === void 0 ? void 0 : _evt$payload5.holeName);
           return _context11.abrupt("continue", 49);
         case 15:
           moveAndRotatePan2D3D(evt.type, props, evt.payload, state);
@@ -1384,7 +1393,8 @@ function _handleExternalEvent() {
           props.projectActions.rename(defaulTitle);
           return _context11.abrupt("continue", 49);
         case 17:
-          _evt$payload5 = evt.payload, doorStyle = _evt$payload5.doorStyle, itemCDS = _evt$payload5.itemCDS, applyScope = _evt$payload5.applyScope, _evt$payload5$itemIds = _evt$payload5.itemIds, itemIds = _evt$payload5$itemIds === void 0 ? [] : _evt$payload5$itemIds;
+          _evt$payload6 = evt.payload, doorStyle = _evt$payload6.doorStyle, applyScope = _evt$payload6.applyScope, _evt$payload6$itemIds = _evt$payload6.itemIds, itemIds = _evt$payload6$itemIds === void 0 ? [] : _evt$payload6$itemIds;
+          itemCDS = [];
           _layerId = state.getIn(['scene', 'selectedLayer']);
           allItems = state.getIn(['scene', 'layers', _layerId, 'items']).toJS();
           targetItems = []; // Prepare idSet for SINGLE or MULTIPLE
@@ -1412,28 +1422,24 @@ function _handleExternalEvent() {
         case 20:
           return _context11.abrupt("continue", 21);
         case 21:
-          _cdsItems = [];
+          ccdf_list = [];
           _loop7 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop7() {
-            var _itemCDS$find;
-            var item, cdsId;
+            var item;
             return _regeneratorRuntime.wrap(function (_context10) {
               while (1) switch (_context10.prev = _context10.next) {
                 case 0:
                   item = targetItems[_i2];
-                  cdsId = (_itemCDS$find = itemCDS.find(function (itCDS) {
-                    return itCDS.itemID === item.itemID;
-                  })) === null || _itemCDS$find === void 0 ? void 0 : _itemCDS$find.cabinet_door_style_id;
-                  if (cdsId && !_cdsItems.some(function (v) {
-                    return item.itemID === v.itemID && item.name === v.name && cdsId === v.cdsId;
+                  if (!ccdf_list.some(function (v) {
+                    return item.itemID === v.itemID && item.name === v.name && doorStyle.id === v.doorFinishId;
                   })) {
-                    _cdsItems.push({
+                    ccdf_list.push({
                       itemID: item.itemID,
                       prototype: item.prototype,
                       category: item.category,
                       name: item.name,
                       type: item.type,
                       sku_number: item.sku_number,
-                      cdsId: cdsId
+                      doorFinishId: doorStyle.id
                     });
                   }
                 case 1:
@@ -1454,19 +1460,24 @@ function _handleExternalEvent() {
           _context11.next = 22;
           break;
         case 24:
-          if (_cdsItems.length > 0) {
+          if (ccdf_list.length > 0) {
             (_props$onInternalEven2 = props.onInternalEvent) === null || _props$onInternalEven2 === void 0 || _props$onInternalEven2.call(props, {
               type: INTERNAL_EVENT_ITEMS_CATALOG,
               value: {
-                cdsItems: _cdsItems
+                ccdf_list: ccdf_list
               }
-            }, /*#__PURE__*/function () {
+            },
+            /*#__PURE__*/
+            // result is ccdf_list
+            function () {
               var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(result) {
-                var rt, _i3;
+                var mappedCabinetDefinitionList, rt, _i3;
                 return _regeneratorRuntime.wrap(function (_context1) {
                   while (1) switch (_context1.prev = _context1.next) {
                     case 0:
-                      rt = mergeSameElements(result === null || result === void 0 ? void 0 : result.elements);
+                      itemCDS = mapFromCCDFToCDS(result === null || result === void 0 ? void 0 : result.ccdf_list);
+                      mappedCabinetDefinitionList = ccdfMapper(result.ccdf_list, layer); // result: ccdf_list
+                      rt = mergeSameElements(mappedCabinetDefinitionList);
                       _i3 = 0;
                     case 1:
                       if (!(_i3 < (rt === null || rt === void 0 ? void 0 : rt.length))) {
@@ -1496,7 +1507,7 @@ function _handleExternalEvent() {
           }
           return _context11.abrupt("continue", 49);
         case 25:
-          _evt$payload6 = evt.payload, roomShapeType = _evt$payload6.roomShapeType, width = _evt$payload6.width, height = _evt$payload6.height, measurementUnit = _evt$payload6.measurementUnit, _doorStyle = _evt$payload6.doorStyle;
+          _evt$payload7 = evt.payload, roomShapeType = _evt$payload7.roomShapeType, width = _evt$payload7.width, height = _evt$payload7.height, measurementUnit = _evt$payload7.measurementUnit, _doorStyle = _evt$payload7.doorStyle;
           props.projectActions.createRoomWithShape(roomShapeType, width, height, measurementUnit, _doorStyle);
           return _context11.abrupt("continue", 49);
         case 26:
@@ -1525,7 +1536,7 @@ function _handleExternalEvent() {
           props.projectActions.redo();
           return _context11.abrupt("continue", 49);
         case 31:
-          _evt$payload7 = evt.payload, moldingInfo = _evt$payload7.moldingInfo, isGlobal = _evt$payload7.isGlobal;
+          _evt$payload8 = evt.payload, moldingInfo = _evt$payload8.moldingInfo, isGlobal = _evt$payload8.isGlobal;
           _context11.next = 32;
           return loadMoldingSvg(moldingInfo);
         case 32:
@@ -1540,7 +1551,7 @@ function _handleExternalEvent() {
           if (_distElement) props.projectActions.remove(_distElement);
           return _context11.abrupt("continue", 49);
         case 35:
-          _evt$payload8 = evt.payload, option = _evt$payload8.option, _value2 = _evt$payload8.value;
+          _evt$payload9 = evt.payload, option = _evt$payload9.option, _value2 = _evt$payload9.value;
           _t7 = option;
           _context11.next = _t7 === PROJECT_SETTING_OPTION.CHANGE_MEASUREMENT_UNIT ? 36 : _t7 === PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT ? 37 : _t7 === PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE ? 38 : _t7 === PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE ? 39 : _t7 === PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE ? 40 : _t7 === PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE ? 41 : 42;
           break;
@@ -1581,7 +1592,7 @@ function _handleExternalEvent() {
         case 45:
           _layerID = state.scene.selectedLayer;
           _layer2 = state.scene.getIn(['layers', _layerID]).toJS();
-          orginalItemInfo = evt === null || evt === void 0 || (_evt$payload9 = evt.payload) === null || _evt$payload9 === void 0 ? void 0 : _evt$payload9.orginalItemInfo;
+          orginalItemInfo = evt === null || evt === void 0 || (_evt$payload0 = evt.payload) === null || _evt$payload0 === void 0 ? void 0 : _evt$payload0.orginalItemInfo;
           originalItem = _layer2 === null || _layer2 === void 0 ? void 0 : _layer2.items[orginalItemInfo.id];
           _context11.next = 46;
           return addItemToCatalog(evt.payload.replaceItemInfo, state, props.catalog, props.projectActions);
@@ -1593,10 +1604,10 @@ function _handleExternalEvent() {
             y: originalItem.y
           };
           replaceItem = {
-            name: evt === null || evt === void 0 || (_evt$payload0 = evt.payload) === null || _evt$payload0 === void 0 || (_evt$payload0 = _evt$payload0.replaceItemInfo) === null || _evt$payload0 === void 0 ? void 0 : _evt$payload0.name,
+            name: evt === null || evt === void 0 || (_evt$payload1 = evt.payload) === null || _evt$payload1 === void 0 || (_evt$payload1 = _evt$payload1.replaceItemInfo) === null || _evt$payload1 === void 0 ? void 0 : _evt$payload1.name,
             info: {
-              width: evt === null || evt === void 0 || (_evt$payload1 = evt.payload) === null || _evt$payload1 === void 0 || (_evt$payload1 = _evt$payload1.replaceItemInfo) === null || _evt$payload1 === void 0 || (_evt$payload1 = _evt$payload1.sizeinfo) === null || _evt$payload1 === void 0 ? void 0 : _evt$payload1.width,
-              height: evt === null || evt === void 0 || (_evt$payload10 = evt.payload) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.replaceItemInfo) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.sizeinfo) === null || _evt$payload10 === void 0 ? void 0 : _evt$payload10.height
+              width: evt === null || evt === void 0 || (_evt$payload10 = evt.payload) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.replaceItemInfo) === null || _evt$payload10 === void 0 || (_evt$payload10 = _evt$payload10.sizeinfo) === null || _evt$payload10 === void 0 ? void 0 : _evt$payload10.width,
+              height: evt === null || evt === void 0 || (_evt$payload11 = evt.payload) === null || _evt$payload11 === void 0 || (_evt$payload11 = _evt$payload11.replaceItemInfo) === null || _evt$payload11 === void 0 || (_evt$payload11 = _evt$payload11.sizeinfo) === null || _evt$payload11 === void 0 ? void 0 : _evt$payload11.height
             }
           };
           props.itemsActions.replaceItem(originalItemPos, originalItem, replaceItem);
@@ -1606,7 +1617,8 @@ function _handleExternalEvent() {
           return _context11.abrupt("continue", 49);
         case 48:
           sceneData = state.scene.toJS(); // get molding data for "ReviewForQuote"
-          currentTexture = layer.doorStyle !== null || layer.doorStyle !== undefined ? layer.doorStyle : props.state.doorStyle.toJS();
+          currentTexture = (_layer$doorStyle = layer === null || layer === void 0 ? void 0 : layer.doorStyle) !== null && _layer$doorStyle !== void 0 ? _layer$doorStyle : props.state.doorStyle;
+          if (!isEmpty(currentTexture) && Map.isMap(currentTexture)) currentTexture = (_currentTexture = currentTexture) === null || _currentTexture === void 0 ? void 0 : _currentTexture.toJS();
           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);
 

package/es/utils/molding.js

@@ -248,8 +248,9 @@ export function getLinesOfItem(item, allLineRects, catalog) {
   var hUnit = item.properties.get('depth').get('_unit') || 'cm';
   newDepth = convert(newDepth).from(hUnit).to('cm');
   if (item) {
+    var _element;
     // Get Outline Data of Selected Item
-    outline = element.info.outline;
+    outline = (_element = element) === null || _element === void 0 || (_element = _element.info) === null || _element === void 0 ? void 0 : _element.outline;
     if (outline) {
       // Extract Points from `outline`
       var outlinePaths = outline.paths;
@@ -319,9 +320,9 @@ export function getLinesOfItem2(item, allLineRects, catalog) {
   var hUnit = item.properties.get('depth').get('_unit') || 'cm';
   newDepth = convert(newDepth).from(hUnit).to('cm');
   if (item) {
-    var _element;
+    var _element2;
     // Get Outline Data of Selected Item
-    outline = (_element = element) === null || _element === void 0 ? void 0 : _element.info.outline;
+    outline = (_element2 = element) === null || _element2 === void 0 ? void 0 : _element2.info.outline;
     if (outline) {
       // Extract Points from `outline`
       var outlinePaths = outline.paths;
@@ -429,6 +430,7 @@ export function getLinesFromItems2(moldingGroup, layer, catalog) {
   var MGlines = [];
   var MGlinesOtherSnapped = [];
   var items = _toConsumableArray(moldingGroup.items);
+  items = sortItemsByDistance(items, items[0]);
   // The other item's lines (these items are snapped to the moldingGroup items)
   var itemsOtherSnapped = layer.items.toArray().filter(function (item) {
     if (items.some(function (it) {

package/lib/LiteRenderer.js

@@ -9,11 +9,6 @@ exports["default"] = LiteRenderer;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactRedux = require("react-redux");
@@ -28,18 +23,16 @@ var _AppContext = _interopRequireDefault(require("./AppContext"));
 var _catalog = _interopRequireDefault(require("./catalog/catalog"));
 var Areas = _interopRequireWildcard(require("./catalog/areas/area/planner-element"));
 var Lines = _interopRequireWildcard(require("./catalog/lines/wall/planner-element"));
-var Holes = _interopRequireWildcard(require("./catalog/holes/export"));
-var _export2 = require("./plugins/export");
+var _holesToCatalog = require("./mappings/holesToCatalog");
+var _export = require("./plugins/export");
 var _LiteKitchenConfigurator = _interopRequireDefault(require("./LiteKitchenConfigurator"));
-var _excluded = ["width", "height", "configData", "externalEvent", "onInternalEvent", "onError"];
+var _excluded = ["width", "height", "configData", "externalEvent", "onInternalEvent", "onError", "holes"]; // LiteRenderer.jsx
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // LiteRenderer.jsx
 var isBrowser = typeof window !== 'undefined';
 if (isBrowser) window.THREE = THREE;
 
@@ -88,50 +81,15 @@ function serializeError(err) {
   }
 }
 
-/* ---------- Error Boundary that pushes into buffer ---------- */
-var ToolErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  function ToolErrorBoundary() {
-    (0, _classCallCheck2["default"])(this, ToolErrorBoundary);
-    return _callSuper(this, ToolErrorBoundary, arguments);
-  }
-  (0, _inherits2["default"])(ToolErrorBoundary, _React$Component);
-  return (0, _createClass2["default"])(ToolErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error, info) {
-      var pushError = this.props.pushError;
-      pushError({
-        type: 'render-error',
-        error: serializeError(error),
-        info: {
-          componentStack: info === null || info === void 0 ? void 0 : info.componentStack
-        }
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.props.children;
-    }
-  }]);
-}(_react["default"].Component);
-ToolErrorBoundary.propTypes = {
-  pushError: _propTypes["default"].func.isRequired,
-  children: _propTypes["default"].any
-};
-
 // ----------------- catalog init -----------------
 function initCatalogOnce(catalog) {
   if (!catalog) return;
-  if (catalog.__ksInitialized) return;
-  for (var x in Areas) catalog.registerElement(Areas[x]);
-  for (var _x in Lines) catalog.registerElement(Lines[_x]);
-  for (var _x2 in Holes) catalog.registerElement(Holes[_x2]);
-  catalog.registerCategory('Windows', 'Windows', [Holes.windowClear, Holes.windowCross, Holes.windowDoubleHung, Holes.windowVertical]);
-  catalog.registerCategory('Doors', 'Doors', [Holes.doorInterior, Holes.doorExterior, Holes.doorCloset, Holes.doorSliding, Holes.doorwayFramed, Holes.doorwayFrameless]);
-  catalog.__ksInitialized = true;
+  if (!catalog.__ksInitialized) {
+    for (var x in Areas) catalog.registerElement(Areas[x]);
+    for (var _x in Lines) catalog.registerElement(Lines[_x]);
+    catalog.__ksInitialized = true;
+  }
 }
-
-// ----------------- store factory -----------------
 function createInstanceStore() {
   var AppState = (0, _immutable.Map)({
     KitchenConfigurator: new _models.State()
@@ -162,7 +120,7 @@ function createInstanceStore() {
   return (0, _redux.createStore)(reducer, null, enhancer);
 }
 function createPlugins() {
-  return [(0, _export2.Keyboard)(), (0, _export2.ConsoleDebugger)()];
+  return [(0, _export.Keyboard)(), (0, _export.ConsoleDebugger)()];
 }
 function LiteRenderer(props) {
   ensureSentryInit();
@@ -172,7 +130,11 @@ function LiteRenderer(props) {
     externalEvent = props.externalEvent,
     onInternalEvent = props.onInternalEvent,
     onError = props.onError,
+    holes = props.holes,
     passThrough = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var holePayload = (0, _react.useMemo)(function () {
+    return (0, _holesToCatalog.buildHoleElements)(holes);
+  }, [holes]);
 
   // ✅ instance-scoped store (no module singleton)
   var storeRef = (0, _react.useRef)(null);
@@ -182,8 +144,9 @@ function LiteRenderer(props) {
   var catalogRef = (0, _react.useRef)(null);
   if (!catalogRef.current) {
     catalogRef.current = new _catalog["default"]();
-    initCatalogOnce(catalogRef.current);
   }
+  initCatalogOnce(catalogRef.current);
+  (0, _holesToCatalog.registerDynamicHoles)(catalogRef.current, holePayload);
 
   // ✅ stable plugins array
   var plugins = (0, _react.useMemo)(function () {
@@ -321,8 +284,6 @@ function LiteRenderer(props) {
     companyUrl = _ref.companyUrl;
   return /*#__PURE__*/_react["default"].createElement(_AppContext["default"].Provider, null, /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
     store: storeRef.current
-  }, /*#__PURE__*/_react["default"].createElement(ToolErrorBoundary, {
-    pushError: pushError
   }, /*#__PURE__*/_react["default"].createElement(_LiteKitchenConfigurator["default"], (0, _extends2["default"])({
     catalog: catalogRef.current,
     width: width,
@@ -336,7 +297,7 @@ function LiteRenderer(props) {
     configData: configData,
     externalEvent: externalEvent,
     onInternalEvent: onInternalEvent
-  }, passThrough)))));
+  }, passThrough))));
 }
 LiteRenderer.propTypes = {
   width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
@@ -356,6 +317,7 @@ LiteRenderer.propTypes = {
   externalEvent: _propTypes["default"].object,
   onInternalEvent: _propTypes["default"].func,
   onError: _propTypes["default"].func,
+  holes: _propTypes["default"].array,
   store: _propTypes["default"].object
 };
 module.exports = exports.default;