kitchen-simulator 7.0.9-react-18 → 10.0.0

package/es/{utils/isolate-event-handler.js → events/external/handleExternalEvent.util.js}

@@ -1,21 +1,22 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+var _excluded = ["ccdf"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Map } from 'immutable';
-import { EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, MODE_IDLE, MODE_2D_PAN, EXTERNAL_EVENT_ADD_ITEM, ARRAY_3D_MODES, MODE_IDLE_3D, MODE_ELEVATION_VIEW, MODE_DRAWING_LINE, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, INTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, ATT_ITEM_POS, ATT_LINE_LENGTH, ATT_VERTEXT_ONE, ATT_VERTEXT_TWO, ATT_HOLE_OFFSET_A, ATT_HOLE_OFFSET_B, UNIT_CENTIMETER, UNIT_INCH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, EXTERNAL_EVENT_CENTERING_2D, EXTERNAL_EVENT_DUPLICATE_ELEMENT, EXTERNAL_EVENT_DELETE_ELEMENT, ELEMENT_HOLE, ELEMENT_ITEM, ELEMENT_LINE, EXTERNAL_EVENT_REPLACE_CABINET, FINISHING_TYPE, EXTERNAL_EVENT_SET_FINISHING, EXTERNAL_EVENT_ROTATE_PAN } from "../constants";
-import { isEmpty, updateViwer2D, centering2D } from "./helper";
-import exporter from "../catalog/utils/exporter";
-import { render2DItem, render3DItem, render3DApplianceItem, render3DLightingItem } from "../catalog/utils/item-loader";
-import { convert } from "./convert-units-lite";
-import { GeometryUtils, MathUtils } from "./export";
-import { returnReplaceableDeepSearchType } from "../components/viewer2d/utils";
-import { SVGLoader } from 'three/addons/loaders/SVGLoader.js';
-import { getMoldingDataOfScene2 } from "./molding";
-import { Scene, State } from "../models";
+import { MODE_DRAWING_LINE, ATT_ITEM_POS, ATT_LINE_LENGTH, ATT_VERTEXT_ONE, ATT_VERTEXT_TWO, ATT_HOLE_OFFSET_A, ATT_HOLE_OFFSET_B, UNIT_CENTIMETER, UNIT_INCH, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, ELEMENT_HOLE, ELEMENT_ITEM, ELEMENT_LINE } from "../../constants";
+import { isEmpty } from "../../utils/helper";
+import exporter from "../../catalog/utils/exporter";
+import { render2DItem, render3DItem, render3DApplianceItem, render3DLightingItem } from "../../catalog/utils/item-loader";
+import { convert } from "../../utils/convert-units-lite";
+import { GeometryUtils, MathUtils } from "../../utils/export";
+import { returnReplaceableDeepSearchType } from "../../components/viewer2d/utils";
+import { SVGLoader } from 'three/addons/loaders/SVGLoader';
+import { calcDistancesFromHoleToNearestOneOrWall } from "../../utils/geometry";
 var PRECISION = 2;
 
 // ---- compatibility: supports old + optimized props shapes ----
@@ -453,27 +454,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();
       }
@@ -553,9 +555,30 @@ var loadSVGsByItem = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-function addItemToCatalog(_x5, _x6, _x7, _x8) {
+
+// Keep ccdf variants on the catalog definition as `ccdf_list[]`.
+// External ADD/REPLACE provides a single `ccdf` object; normalize it into `ccdf_list`.
+function populateCCDFList(param) {
+  // clone except ccdf
+  // instead, in catalog definition, ccdf variants are stored in `ccdf_list[]`
+  var ccdf = param.ccdf,
+    definition = _objectWithoutProperties(param, _excluded);
+  if (!isEmpty(ccdf)) {
+    definition.ccdf_list = Array.isArray(definition.ccdf_list) ? definition.ccdf_list : [];
+    // Merge by ccdf record id when available, else by door_finish_id.
+    if (!definition.ccdf_list.some(function (x) {
+      return !!(ccdf !== null && ccdf !== void 0 && ccdf.id) && (x === null || x === void 0 ? void 0 : x.id) === ccdf.id || !!(ccdf !== null && ccdf !== void 0 && ccdf.door_finish_id) && (x === null || x === void 0 ? void 0 : x.door_finish_id) === ccdf.door_finish_id;
+    })) {
+      definition.ccdf_list.push(ccdf);
+    }
+  }
+  return definition;
+}
+export function addItemToCatalog(_x5, _x6, _x7, _x8) {
   return _addItemToCatalog.apply(this, arguments);
-} // Get attributs of current selected element
+}
+
+// Get attributs of current selected element
 function _addItemToCatalog() {
   _addItemToCatalog = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(element, state, catalogInstance, projectActions) {
     var _elementJs, _elementJs3;
@@ -569,8 +592,7 @@ function _addItemToCatalog() {
           }
           return _context7.abrupt("return");
         case 1:
-          // clone element
-          elementJs = Object.assign({}, element); // if (isEmpty(catalog?.elements[element.name])) {
+          elementJs = populateCCDFList(element); // if (isEmpty(catalog?.elements[element.name])) {
           _context7.next = 2;
           return loadSVGsByItem(elementJs);
         case 2:
@@ -801,7 +823,7 @@ function initPropData(element, catalog) {
   }
   return new Map(mapped);
 }
-function updateAttributeOfSelectedElement(element, attrPayload, state, layer, catalog, projectActions) {
+export function updateAttributeOfSelectedElement(element, attrPayload, state, layer, catalog, projectActions) {
   var _attributesFormData;
   var callback = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
   var layerID = state.scene.selectedLayer;
@@ -884,7 +906,12 @@ function updateAttributeOfSelectedElement(element, attrPayload, state, layer, ca
       {
         switch (attributeName) {
           case ATT_HOLE_OFFSET_A:
+          case ATT_HOLE_OFFSET_B:
             {
+              var _curHole$properties$g, _curHole$properties;
+              /**** changing left distance ****/
+              var curHole = element;
+              // parent line of curHole
               var line = layer.lines.get(element.line);
               var _layer$vertices$get3 = layer.vertices.get(line.vertices.get(0)),
                 x0 = _layer$vertices$get3.x,
@@ -894,69 +921,40 @@ function updateAttributeOfSelectedElement(element, attrPayload, state, layer, ca
                 y1 = _layer$vertices$get4.y;
               var alpha = GeometryUtils.angleBetweenTwoPoints(x0, y0, x1, y1);
               var lineLength = GeometryUtils.pointsDistance(x0, y0, x1, y1);
-              var widthLength = element.properties.get('width').get('length');
-              var halfWidthLength = widthLength / 2;
-              var lengthValue = value.get('length');
-              lengthValue = Math.max(lengthValue, 0);
-              lengthValue = Math.min(lengthValue, lineLength - widthLength);
-              var xp = (lengthValue + halfWidthLength) * Math.cos(alpha) + x0;
-              var yp = (lengthValue + halfWidthLength) * Math.sin(alpha) + y0;
+              // move curHole
+              var _calcDistancesFromHol = calcDistancesFromHoleToNearestOneOrWall(curHole, layer),
+                distLeft = _calcDistancesFromHol.distLeft,
+                distRight = _calcDistancesFromHol.distRight; // old distArray
+              var mDistance = attributeName === ATT_HOLE_OFFSET_A ? distLeft - value.get('length') : value.get('length') - distRight; // movement distance
+              var xp = x0 + (lineLength * curHole.offset - mDistance) * Math.cos(alpha);
+              var yp = y0 + (lineLength * curHole.offset - mDistance) * Math.sin(alpha);
               var offset = GeometryUtils.pointPositionOnLineSegment(x0, y0, x1, y1, xp, yp);
-              /*
-              if (x0 > x1) offset = 1 - offset;
-              */
-              var endAt = MathUtils.toFixedFloat(lineLength - lineLength * offset - halfWidthLength, PRECISION);
-              var offsetUnit = attributesFormData.getIn(['offsetB', '_unit']);
-              var offsetB = new Map({
-                length: endAt,
-                _length: convert(endAt).from(UNIT_CENTIMETER).to(offsetUnit),
-                _unit: offsetUnit
-              });
-              attributesFormData = attributesFormData.set('offsetB', offsetB).set('offset', offset);
-              var offsetAttribute = new Map({
-                length: MathUtils.toFixedFloat(lengthValue, PRECISION),
-                _unit: value.get('_unit'),
-                _length: MathUtils.toFixedFloat(convert(lengthValue).from(UNIT_CENTIMETER).to(value.get('_unit')), PRECISION)
-              });
-              attributesFormData = attributesFormData.set(attributeName, offsetAttribute);
-              break;
-            }
-          case ATT_HOLE_OFFSET_B:
-            {
-              var _line = layer.lines.get(element.line);
-              var _layer$vertices$get5 = layer.vertices.get(_line.vertices.get(0)),
-                _x9 = _layer$vertices$get5.x,
-                _y = _layer$vertices$get5.y;
-              var _layer$vertices$get6 = layer.vertices.get(_line.vertices.get(1)),
-                _x0 = _layer$vertices$get6.x,
-                _y2 = _layer$vertices$get6.y;
-              var _alpha = GeometryUtils.angleBetweenTwoPoints(_x9, _y, _x0, _y2);
-              var _lineLength = GeometryUtils.pointsDistance(_x9, _y, _x0, _y2);
-              var _widthLength = element.properties.get('width').get('length');
-              var _halfWidthLength = _widthLength / 2;
-              var _lengthValue = value.get('length');
-              _lengthValue = Math.max(_lengthValue, 0);
-              _lengthValue = Math.min(_lengthValue, _lineLength - _widthLength);
-              var _xp = _x0 - (_lengthValue + _halfWidthLength) * Math.cos(_alpha);
-              var _yp = _y2 - (_lengthValue + _halfWidthLength) * Math.sin(_alpha);
-              var _offset = GeometryUtils.pointPositionOnLineSegment(_x9, _y, _x0, _y2, _xp, _yp);
-              /*
-              if (x0 > x1) offset = 1 - offset;
-              */
-              var startAt = MathUtils.toFixedFloat(_lineLength * _offset - _halfWidthLength, PRECISION);
-              var _offsetUnit = attributesFormData.getIn(['offsetA', '_unit']);
+              // make temp hole for calc new distArray
+              var newHole = {
+                id: curHole.id,
+                line: curHole.line,
+                offset: offset,
+                x: xp,
+                y: yp,
+                properties: new Map({
+                  width: new Map({
+                    length: (_curHole$properties$g = (_curHole$properties = curHole.properties) === null || _curHole$properties === void 0 || (_curHole$properties = _curHole$properties.get('width')) === null || _curHole$properties === void 0 ? void 0 : _curHole$properties.get('length')) !== null && _curHole$properties$g !== void 0 ? _curHole$properties$g : 0
+                  })
+                })
+              };
+              var newDistArray = calcDistancesFromHoleToNearestOneOrWall(newHole, layer);
+              var offsetUnit = attributesFormData.getIn(['offsetA', '_unit']);
               var offsetA = new Map({
-                length: startAt,
-                _length: convert(startAt).from(UNIT_CENTIMETER).to(_offsetUnit),
-                _unit: _offsetUnit
+                length: newDistArray.distLeft,
+                _length: convert(newDistArray.distLeft).from(UNIT_CENTIMETER).to(offsetUnit),
+                _unit: offsetUnit
               });
-              attributesFormData = attributesFormData.set('offsetA', offsetA).set('offset', _offset);
-              var _offsetAttribute = new Map({
-                length: MathUtils.toFixedFloat(_lengthValue, PRECISION),
-                _unit: value.get('_unit'),
-                _length: MathUtils.toFixedFloat(convert(_lengthValue).from(UNIT_CENTIMETER).to(value.get('_unit')), PRECISION)
+              var offsetB = new Map({
+                length: newDistArray.distRight,
+                _length: convert(newDistArray.distRight).from(UNIT_CENTIMETER).to(offsetUnit),
+                _unit: offsetUnit
               });
-              attributesFormData = attributesFormData.set(attributeName, _offsetAttribute);
+              attributesFormData = attributesFormData.set('offset', offset).set('offsetA', offsetA).set('offsetB', offsetB);
               break;
             }
           default:
@@ -993,7 +991,7 @@ function updateAttributeOfSelectedElement(element, attrPayload, state, layer, ca
   // invoke callback
   if (callback) callback((_attributesFormData = attributesFormData) === null || _attributesFormData === void 0 ? void 0 : _attributesFormData.toJS());
 }
-function updatePropertyOfSelectedElement(element, propertyPayload, catalog,
+export function updatePropertyOfSelectedElement(element, propertyPayload, catalog,
 // class instance of Catalog, get from props
 projectActions) {
   var _propertiesFormData;
@@ -1019,7 +1017,7 @@ projectActions) {
   // invoke callback
   if (callback) callback((_propertiesFormData = propertiesFormData) === null || _propertiesFormData === void 0 ? void 0 : _propertiesFormData.toJS());
 }
-function getElement(objProps, state) {
+export function getElement(objProps, state) {
   var layerID = state.scene.selectedLayer;
   var curObject = null;
   if (!isEmpty(objProps === null || objProps === void 0 ? void 0 : objProps.elementPrototype) && !isEmpty(objProps === null || objProps === void 0 ? void 0 : objProps.elementId)) curObject = state.getIn(['scene', 'layers', layerID, objProps.elementPrototype, objProps.elementId]);else {
@@ -1055,7 +1053,7 @@ function getElement(objProps, state) {
   }
   return curObject;
 }
-function loadMoldingSvg(_x1) {
+export function loadMoldingSvg(_x9) {
   return _loadMoldingSvg.apply(this, arguments);
 }
 function _loadMoldingSvg() {
@@ -1091,119 +1089,7 @@ function _loadMoldingSvg() {
   }));
   return _loadMoldingSvg.apply(this, arguments);
 }
-function setFinishing(props, state, payload) {
-  switch (payload.category) {
-    case FINISHING_TYPE.WALL_COLOR:
-      if (state.mode !== MODE_ELEVATION_VIEW) props.itemsActions.setWallColor(payload.color);
-      break;
-    case FINISHING_TYPE.COUNTER_TOP:
-      props.itemsActions.setCounterTop({
-        uri: payload.texture
-      });
-      break;
-    case FINISHING_TYPE.FLOOR_STYLE:
-      if (state.mode !== MODE_ELEVATION_VIEW) props.areaActions.setFloorStyles({
-        uri: payload.texture
-      });
-      break;
-    case FINISHING_TYPE.BACKSPLASH:
-      if (state.mode !== MODE_ELEVATION_VIEW) props.itemsActions.setBacksplash({
-        uri: payload.texture
-      });
-      break;
-    case FINISHING_TYPE.DOOR_HANDLE:
-      props.itemsActions.setDoorHandle(payload.gltf);
-      break;
-  }
-}
-function moveAndRotatePan2D3D(eventType, props, payload, state) {
-  if (eventType === EXTERNAL_EVENT_MOVE_PAN) {
-    var moveType = payload.moveType,
-      moveValue = payload.moveValue;
-    var value = state.getIn(['viewer2D']).toJS();
-    if (state.mode === MODE_IDLE) {
-      switch (moveType) {
-        case TOP:
-          value.f -= moveValue;
-          break;
-        case BOTTOM:
-          value.f += moveValue;
-          break;
-        case RIGHT:
-          value.e += moveValue;
-          break;
-        case LEFT:
-          value.e -= moveValue;
-          break;
-      }
-      updateViwer2D(value, props.viewer2DActions);
-    } else if (state.mode === MODE_IDLE_3D) {
-      switch (moveType) {
-        case TOP:
-          window.interval = setTimeout(function () {
-            window.tDKeyDown({
-              keyCode: 38
-            });
-          }, 50);
-          break;
-        case BOTTOM:
-          window.interval = setTimeout(function () {
-            window.tDKeyDown({
-              keyCode: 40
-            });
-          }, 50);
-          break;
-        case RIGHT:
-          window.interval = setTimeout(function () {
-            window.tDKeyDown({
-              keyCode: 37
-            });
-          }, 50);
-          break;
-        case LEFT:
-          window.interval = setTimeout(function () {
-            window.tDKeyDown({
-              keyCode: 39
-            });
-          }, 50);
-          break;
-      }
-    }
-  } else if (eventType === EXTERNAL_EVENT_ROTATE_PAN) {
-    var rotateType = payload.rotateType;
-    switch (rotateType) {
-      case TOP:
-        window.interval = setTimeout(function () {
-          window.SPKeyDown({
-            keyCode: 87
-          });
-        }, 50);
-        break;
-      case BOTTOM:
-        window.interval = setTimeout(function () {
-          window.SPKeyDown({
-            keyCode: 83
-          });
-        }, 50);
-        break;
-      case RIGHT:
-        window.interval = setTimeout(function () {
-          window.SPKeyDown({
-            keyCode: 68
-          });
-        }, 50);
-        break;
-      case LEFT:
-        window.interval = setTimeout(function () {
-          window.SPKeyDown({
-            keyCode: 65
-          });
-        }, 50);
-        break;
-    }
-  }
-}
-function mergeSameElements(projectItemsCatalog) {
+export function mergeSameElements(projectItemsCatalog) {
   var result = [];
   var _loop = function _loop(i) {
     var idx = result.findIndex(function (v) {
@@ -1227,396 +1113,4 @@ function mergeSameElements(projectItemsCatalog) {
     _loop(i);
   }
   return result;
-}
-export function handleExternalEvent(_x10) {
-  return _handleExternalEvent.apply(this, arguments);
-}
-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, _Object$keys, _evt$payload5, doorStyle, itemCDS, isAll, _layerId, _cdsItems, allItems, selectedItemId, _itemKeys, _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$onInternalEven3, sceneData, currentTexture, _t5, _t6;
-    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;
-            break;
-          }
-          return _context11.abrupt("return");
-        case 1:
-          layerId = state.getIn(['scene', 'selectedLayer']);
-          layer = state.getIn(['scene', 'layers', layerId]);
-          _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context11.next = _t5 === EXTERNAL_EVENT_LOAD_PROJECT ? 2 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 7 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 8 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 9 : _t5 === EXTERNAL_EVENT_ADD_WALL ? 10 : _t5 === EXTERNAL_EVENT_ADD_ITEM ? 11 : _t5 === EXTERNAL_EVENT_ADD_HOLE ? 14 : _t5 === EXTERNAL_EVENT_ROTATE_PAN ? 15 : _t5 === EXTERNAL_EVENT_MOVE_PAN ? 15 : _t5 === EXTERNAL_EVENT_NEW_PROJECT ? 16 : _t5 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 17 : _t5 === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 21 : _t5 === EXTERNAL_EVENT_ZOOM_IN ? 22 : _t5 === EXTERNAL_EVENT_ZOOM_OUT ? 23 : _t5 === EXTERNAL_EVENT_CENTERING_2D ? 24 : _t5 === EXTERNAL_EVENT_UNDO ? 25 : _t5 === EXTERNAL_EVENT_REDO ? 26 : _t5 === EXTERNAL_EVENT_SET_MOLDING ? 27 : _t5 === EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 29 : _t5 === EXTERNAL_EVENT_DELETE_ELEMENT ? 30 : _t5 === EXTERNAL_EVENT_PROJECT_SETTING ? 31 : _t5 === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 40 : _t5 === EXTERNAL_EVENT_UPDATE_PROPERTY ? 40 : _t5 === EXTERNAL_EVENT_REPLACE_CABINET ? 41 : _t5 === EXTERNAL_EVENT_SET_FINISHING ? 43 : _t5 === EXTERNAL_EVENT_SYNC_SCENE ? 44 : 45;
-          break;
-        case 2:
-          if (!(evt !== null && evt !== void 0 && evt.payload)) {
-            _context11.next = 6;
-            break;
-          }
-          // prepare item data request
-          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 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')
-                  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;
-                  })) cdsItems.push({
-                    itemID: it.itemID,
-                    prototype: it.prototype,
-                    category: it.category,
-                    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
-                  });
-                case 1:
-                case "end":
-                  return _context0.stop();
-              }
-            }, _loop6);
-          });
-          i = 0;
-        case 3:
-          if (!(i < itemKeys.length)) {
-            _context11.next = 5;
-            break;
-          }
-          return _context11.delegateYield(_loop6(), "t0", 4);
-        case 4:
-          i++;
-          _context11.next = 3;
-          break;
-        case 5:
-          newScene = new Scene(evt === null || evt === void 0 ? void 0 : evt.payload);
-          tempState = new 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 (cdsItems.length > 0) {
-            (_props$onInternalEven = props.onInternalEvent) === null || _props$onInternalEven === void 0 || _props$onInternalEven.call(props, {
-              type: INTERNAL_EVENT_ITEMS_CATALOG,
-              value: {
-                cdsItems: cdsItems
-              }
-            }, /*#__PURE__*/function () {
-              var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee8(result) {
-                var 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);
-                      _i = 0;
-                    case 1:
-                      if (!(_i < (rt === null || rt === void 0 ? void 0 : rt.length))) {
-                        _context9.next = 3;
-                        break;
-                      }
-                      _context9.next = 2;
-                      return addItemToCatalog(rt[_i], tempState, props.catalog, props.projectActions);
-                    case 2:
-                      _i++;
-                      _context9.next = 1;
-                      break;
-                    case 3:
-                      props.projectActions.loadProject(evt.payload);
-                    case 4:
-                    case "end":
-                      return _context9.stop();
-                  }
-                }, _callee8);
-              }));
-              return function (_x11) {
-                return _ref3.apply(this, arguments);
-              };
-            }());
-          } else props.projectActions.loadProject(evt.payload);
-        case 6:
-          return _context11.abrupt("continue", 45);
-        case 7:
-          props.projectActions.unselectAll();
-          props.projectActions.setMode(MODE_IDLE_3D);
-          return _context11.abrupt("continue", 45);
-        case 8:
-          props.projectActions.setMode(MODE_IDLE);
-          return _context11.abrupt("continue", 45);
-        case 9:
-          sLineCnt = layer.selected.lines.size;
-          if (sLineCnt > 0) props.projectActions.setMode(MODE_ELEVATION_VIEW);
-          return _context11.abrupt("continue", 45);
-        case 10:
-          if (state.mode === MODE_IDLE || state.mode === MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
-            props.projectActions.setMode(MODE_IDLE);
-            props.linesActions.selectToolDrawingLine('wall');
-          }
-          return _context11.abrupt("continue", 45);
-        case 11:
-          if (isEmpty(evt === null || evt === void 0 ? void 0 : evt.payload)) {
-            _context11.next = 13;
-            break;
-          }
-          element = evt.payload;
-          _context11.next = 12;
-          return addItemToCatalog(element, state, props.catalog, props.projectActions);
-        case 12:
-          // 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
-            _evt$payload$initialP = evt.payload.initialPosition, mouseX = _evt$payload$initialP.mouseX, mouseY = _evt$payload$initialP.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 13:
-          return _context11.abrupt("continue", 45);
-        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);
-          return _context11.abrupt("continue", 45);
-        case 15:
-          moveAndRotatePan2D3D(evt.type, props, evt.payload, state);
-          return _context11.abrupt("continue", 45);
-        case 16:
-          defaulTitle = 'Untitle';
-          props.projectActions.newProject();
-          props.projectActions.rename(defaulTitle);
-          return _context11.abrupt("continue", 45);
-        case 17:
-          _evt$payload5 = evt.payload, doorStyle = _evt$payload5.doorStyle, itemCDS = _evt$payload5.itemCDS, isAll = _evt$payload5.isAll; // prepare item data request
-          _layerId = state.getIn(['scene', 'selectedLayer']);
-          _cdsItems = [];
-          allItems = state.getIn(['scene', 'layers', _layerId, 'items']).toJS();
-          selectedItemId = state.getIn(['scene', 'layers', _layerId]).selected.items.toJS()[0];
-          _itemKeys = isAll ? (_Object$keys = Object.keys(allItems)) !== null && _Object$keys !== void 0 ? _Object$keys : [] : [selectedItemId];
-          _loop7 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop7() {
-            var _itemCDS$find;
-            var item, cdsId;
-            return _regeneratorRuntime.wrap(function (_context10) {
-              while (1) switch (_context10.prev = _context10.next) {
-                case 0:
-                  item = allItems[_itemKeys[_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;
-                  })) _cdsItems.push({
-                    itemID: item.itemID,
-                    prototype: item.prototype,
-                    category: item.category,
-                    name: item.name,
-                    type: item.type,
-                    sku_number: item.sku_number,
-                    cdsId: cdsId
-                  });
-                case 1:
-                case "end":
-                  return _context10.stop();
-              }
-            }, _loop7);
-          });
-          _i2 = 0;
-        case 18:
-          if (!(_i2 < _itemKeys.length)) {
-            _context11.next = 20;
-            break;
-          }
-          return _context11.delegateYield(_loop7(), "t1", 19);
-        case 19:
-          _i2++;
-          _context11.next = 18;
-          break;
-        case 20:
-          // request item catalog data to host app
-          if (_cdsItems.length > 0) {
-            (_props$onInternalEven2 = props.onInternalEvent) === null || _props$onInternalEven2 === void 0 || _props$onInternalEven2.call(props, {
-              type: INTERNAL_EVENT_ITEMS_CATALOG,
-              value: {
-                cdsItems: _cdsItems
-              }
-            }, /*#__PURE__*/function () {
-              var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee9(result) {
-                var 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);
-                      _i3 = 0;
-                    case 1:
-                      if (!(_i3 < (rt === null || rt === void 0 ? void 0 : rt.length))) {
-                        _context1.next = 3;
-                        break;
-                      }
-                      _context1.next = 2;
-                      return addItemToCatalog(rt[_i3], state, props.catalog, props.projectActions);
-                    case 2:
-                      _i3++;
-                      _context1.next = 1;
-                      break;
-                    case 3:
-                      props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
-                    case 4:
-                    case "end":
-                      return _context1.stop();
-                  }
-                }, _callee9);
-              }));
-              return function (_x12) {
-                return _ref4.apply(this, arguments);
-              };
-            }());
-          } else props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
-          return _context11.abrupt("continue", 45);
-        case 21:
-          _evt$payload6 = evt.payload, roomShapeType = _evt$payload6.roomShapeType, width = _evt$payload6.width, height = _evt$payload6.height, measurementUnit = _evt$payload6.measurementUnit, _doorStyle = _evt$payload6.doorStyle;
-          props.projectActions.createRoomWithShape(roomShapeType, width, height, measurementUnit, _doorStyle);
-          return _context11.abrupt("continue", 45);
-        case 22:
-          value = state.getIn(['viewer2D']).toJS();
-          value.a += 0.1;
-          value.d += 0.1;
-          value.e -= value.SVGWidth * 0.1 / 2;
-          value.f -= value.SVGHeight * 0.1 / 2;
-          updateViwer2D(value, props.viewer2DActions);
-          return _context11.abrupt("continue", 45);
-        case 23:
-          _value = state.getIn(['viewer2D']).toJS();
-          _value.a -= 0.1;
-          _value.d -= 0.1;
-          _value.e += _value.SVGWidth * 0.1 / 2;
-          _value.f += _value.SVGHeight * 0.1 / 2;
-          updateViwer2D(_value, props.viewer2DActions);
-          return _context11.abrupt("continue", 45);
-        case 24:
-          centering2D(state, props.viewer2DActions);
-          return _context11.abrupt("continue", 45);
-        case 25:
-          props.projectActions.undo();
-          return _context11.abrupt("continue", 45);
-        case 26:
-          props.projectActions.redo();
-          return _context11.abrupt("continue", 45);
-        case 27:
-          _evt$payload7 = evt.payload, moldingInfo = _evt$payload7.moldingInfo, isGlobal = _evt$payload7.isGlobal;
-          _context11.next = 28;
-          return loadMoldingSvg(moldingInfo);
-        case 28:
-          props.itemsActions.setMolding(moldingInfo, isGlobal);
-          return _context11.abrupt("continue", 45);
-        case 29:
-          distElement = getElement(evt.payload, state);
-          if (distElement) props.itemsActions.duplicateSelected(distElement, props.onInternalEvent);
-          return _context11.abrupt("continue", 45);
-        case 30:
-          _distElement = getElement(evt.payload, state);
-          if (_distElement) props.projectActions.remove(_distElement);
-          return _context11.abrupt("continue", 45);
-        case 31:
-          _evt$payload8 = evt.payload, option = _evt$payload8.option, _value2 = _evt$payload8.value;
-          _t6 = option;
-          _context11.next = _t6 === PROJECT_SETTING_OPTION.CHANGE_MEASUREMENT_UNIT ? 32 : _t6 === PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT ? 33 : _t6 === PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE ? 34 : _t6 === PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE ? 35 : _t6 === PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE ? 36 : _t6 === PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE ? 37 : 38;
-          break;
-        case 32:
-          props.viewer2DActions.updateCeilHeight(convert(layer.ceilHeight).from(layer.unit).to(_value2));
-          props.viewer2DActions.updateCeilHeightUnit(_value2);
-          props.viewer3DActions.update3DCeilHeightUnit(_value2);
-          props.viewer3DActions.update3DCeilHeight(convert(layer.ceilHeight).from(layer.unit).to(_value2));
-          return _context11.abrupt("continue", 39);
-        case 33:
-          props.viewer2DActions.updateCeilHeight(_value2);
-          props.viewer3DActions.update3DCeilHeight(_value2);
-          return _context11.abrupt("continue", 39);
-        case 34:
-          props.viewer2DActions.changeWallLengthMeasure(_value2);
-          return _context11.abrupt("continue", 39);
-        case 35:
-          props.viewer2DActions.changeBaseCabinetMeasure(_value2);
-          return _context11.abrupt("continue", 39);
-        case 36:
-          props.viewer2DActions.changeWallCabinetMeasure(_value2);
-          return _context11.abrupt("continue", 39);
-        case 37:
-          props.viewer2DActions.changeWindowDoorMeasure(_value2);
-          return _context11.abrupt("continue", 39);
-        case 38:
-          return _context11.abrupt("continue", 39);
-        case 39:
-          return _context11.abrupt("continue", 45);
-        case 40:
-          _layerId2 = state.getIn(['scene', 'selectedLayer']);
-          _layer = state.getIn(['scene', 'layers', _layerId2]);
-          _layer$getIn = _layer.getIn(['selected']), selectedLines = _layer$getIn.lines, selectedHoles = _layer$getIn.holes, selectedItems = _layer$getIn.items;
-          for (_i4 = 0; _i4 < selectedLines.size; _i4++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(_layer.getIn(['lines', selectedLines.get(_i4)]), evt.payload, state, _layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(_layer.getIn(['lines', selectedLines.get(_i4)]), evt.payload, props.catalog, props.projectActions, evt.callback);
-          for (_i5 = 0; _i5 < selectedHoles.size; _i5++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(_layer.getIn(['holes', selectedHoles.get(_i5)]), evt.payload, state, _layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(_layer.getIn(['holes', selectedHoles.get(_i5)]), evt.payload, props.catalog, props.projectActions, evt.callback);
-          for (_i6 = 0; _i6 < selectedItems.size; _i6++) (evt === null || evt === void 0 ? void 0 : evt.type) === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(_layer.getIn(['items', selectedItems.get(_i6)]), evt.payload, state, _layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(_layer.getIn(['items', selectedItems.get(_i6)]), evt.payload, props.catalog, props.projectActions, evt.callback);
-          return _context11.abrupt("continue", 45);
-        case 41:
-          _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;
-          originalItem = _layer2 === null || _layer2 === void 0 ? void 0 : _layer2.items[orginalItemInfo.id];
-          _context11.next = 42;
-          return addItemToCatalog(evt.payload.replaceItemInfo, state, props.catalog, props.projectActions);
-        case 42:
-          originalItemPos = {
-            rotation: originalItem.rotation,
-            selectedItemId: originalItem.id,
-            x: originalItem.x,
-            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,
-            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
-            }
-          };
-          props.itemsActions.replaceItem(originalItemPos, originalItem, replaceItem);
-          return _context11.abrupt("continue", 45);
-        case 43:
-          setFinishing(props, state, evt.payload);
-          return _context11.abrupt("continue", 45);
-        case 44:
-          sceneData = state.scene.toJS(); // get molding data for "ReviewForQuote"
-          currentTexture = layer.doorStyle !== null || layer.doorStyle !== undefined ? layer.doorStyle : props.state.doorStyle.toJS();
-          sceneData.layers[layerId].moldingData = getMoldingDataOfScene2(layer, props.catalog, currentTexture);
-          // send scene object from 3DTool to HostApp using internalEvent
-          (_props$onInternalEven3 = props.onInternalEvent) === null || _props$onInternalEven3 === void 0 || _props$onInternalEven3.call(props, {
-            type: INTERNAL_EVENT_SYNC_SCENE,
-            value: {
-              scene: sceneData
-            }
-          });
-          return _context11.abrupt("continue", 45);
-        case 45:
-        case "end":
-          return _context11.stop();
-      }
-    }, _callee0);
-  }));
-  return _handleExternalEvent.apply(this, arguments);
 }