kitchen-simulator 5.0.0-new-api → 5.0.0-new-api.2

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

@@ -0,0 +1,138 @@
+"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"));
+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, targetItems, idSet, selectedItemIds, ccdf_list, _loop, i, _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();
+          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;
+            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 item.itemID === v.itemID && item.name === v.name && doorStyle.id === v.doorFinishId;
+                  })) {
+                    ccdf_list.push({
+                      itemID: item.itemID,
+                      prototype: item.prototype,
+                      category: item.category,
+                      name: item.name,
+                      type: item.type,
+                      sku_number: item.sku_number,
+                      doorFinishId: doorStyle.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:
+          if (ccdf_list.length > 0) {
+            (_props$onInternalEven = props.onInternalEvent) === null || _props$onInternalEven === void 0 || _props$onInternalEven.call(props, {
+              type: INTERNAL_EVENT_ITEMS_CATALOG,
+              value: {
+                ccdf_list: ccdf_list
+              }
+            },
+            /*#__PURE__*/
+            // result is ccdf_list
+            function () {
+              var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
+                var mappedCabinetDefinitionList, rt, _i;
+                return _regenerator["default"].wrap(function (_context) {
+                  while (1) switch (_context.prev = _context.next) {
+                    case 0:
+                      itemCDS = mapFromCCDFToCDS(result === null || result === void 0 ? void 0 : result.ccdf_list);
+                      mappedCabinetDefinitionList = ccdfMapper(result.ccdf_list, layer); // result: ccdf_list
+                      rt = mergeSameElements(mappedCabinetDefinitionList);
+                      _i = 0;
+                    case 1:
+                      if (!(_i < (rt === null || rt === void 0 ? void 0 : rt.length))) {
+                        _context.next = 3;
+                        break;
+                      }
+                      _context.next = 2;
+                      return addItemToCatalog(rt[_i], state, props.catalog, props.projectActions);
+                    case 2:
+                      _i++;
+                      _context.next = 1;
+                      break;
+                    case 3:
+                      props.itemsActions.setDoorStyle(doorStyle, itemCDS, applyScope, itemIds);
+                    case 4:
+                    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,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleDeleteElement = handleDeleteElement;
+exports.handleDuplicateElement = handleDuplicateElement;
+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);
+}

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,124 @@
+"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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _convertUnitsLite = require("../../utils/convert-units-lite");
+var _constants = require("../../constants");
+var _models = require("../../models");
+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 _evt$payload, _state$catalog, cdsItems, itemKeys, _loop, i, newScene, tempState, _props$onInternalEven;
+    return _regenerator["default"].wrap(function (_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(evt !== null && evt !== void 0 && evt.payload)) {
+            _context3.next = 4;
+            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) : [];
+          _loop = /*#__PURE__*/_regenerator["default"].mark(function _loop() {
+            var _evt$payload3, _it$properties, _it$properties2, _it$properties3, _it$doorStyle2;
+            var it;
+            return _regenerator["default"].wrap(function (_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  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 !== (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 (!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 ? void 0 : _it$doorStyle.id) === v.dfId;
+                  })) cdsItems.push({
+                    itemID: it.itemID,
+                    prototype: it.prototype,
+                    category: it.category,
+                    name: it.name,
+                    type: it.type,
+                    sku_number: it.sku_number,
+                    dfId: (_it$doorStyle2 = it.doorStyle) === null || _it$doorStyle2 === void 0 ? void 0 : _it$doorStyle2.id
+                  });
+                case 1:
+                case "end":
+                  return _context2.stop();
+              }
+            }, _loop);
+          });
+          i = 0;
+        case 1:
+          if (!(i < itemKeys.length)) {
+            _context3.next = 3;
+            break;
+          }
+          return _context3.delegateYield(_loop(), "t0", 2);
+        case 2:
+          i++;
+          _context3.next = 1;
+          break;
+        case 3:
+          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 (cdsItems.length > 0) {
+            (_props$onInternalEven = props.onInternalEvent) === null || _props$onInternalEven === void 0 || _props$onInternalEven.call(props, {
+              type: _constants.INTERNAL_EVENT_ITEMS_CATALOG,
+              value: {
+                cdsItems: cdsItems
+              }
+            }, /*#__PURE__*/function () {
+              var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(result) {
+                var _evt$payload2;
+                var cdsList, cabinetDefinitionList, rt, _i;
+                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);
+                      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))) {
+                        _context.next = 3;
+                        break;
+                      }
+                      _context.next = 2;
+                      return addItemToCatalog(rt[_i], tempState, props.catalog, props.projectActions);
+                    case 2:
+                      _i++;
+                      _context.next = 1;
+                      break;
+                    case 3:
+                      props.projectActions.loadProject(evt.payload);
+                    case 4:
+                    case "end":
+                      return _context.stop();
+                  }
+                }, _callee);
+              }));
+              return function (_x9) {
+                return _ref.apply(this, arguments);
+              };
+            }());
+          } else props.projectActions.loadProject(evt.payload);
+        case 4:
+        case "end":
+          return _context3.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);
+        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,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleSyncScene = handleSyncScene;
+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();
+  // 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, props.catalog);
+
+  // 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);
+}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleToggleTo2D = handleToggleTo2D;
+exports.handleToggleTo3D = handleToggleTo3D;
+exports.handleToggleToElevation = handleToggleToElevation;
+function handleToggleTo3D(props, MODE_IDLE_3D_CONST) {
+  props.projectActions.unselectAll();
+  props.projectActions.setMode(MODE_IDLE_3D_CONST);
+}
+function handleToggleTo2D(props, MODE_IDLE_CONST) {
+  props.projectActions.setMode(MODE_IDLE_CONST);
+}
+function handleToggleToElevation(props, layer, MODE_ELEVATION_VIEW_CONST) {
+  var sLineCnt = layer.selected.lines.size;
+  if (sLineCnt > 0) props.projectActions.setMode(MODE_ELEVATION_VIEW_CONST);
+}

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

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleCentering2D = handleCentering2D;
+exports.handleMoveAndRotatePan2D3D = handleMoveAndRotatePan2D3D;
+exports.handleZoomIn = handleZoomIn;
+exports.handleZoomOut = handleZoomOut;
+var _constants = require("../../constants");
+var _helper = require("../../utils/helper");
+function handleMoveAndRotatePan2D3D(eventType, props, payload, state) {
+  if (eventType === _constants.EXTERNAL_EVENT_MOVE_PAN) {
+    var moveType = payload.moveType,
+      moveValue = payload.moveValue;
+    var value = state.getIn(['viewer2D']).toJS();
+    if (state.mode === _constants.MODE_IDLE) {
+      switch (moveType) {
+        case _constants.TOP:
+          value.f -= moveValue;
+          break;
+        case _constants.BOTTOM:
+          value.f += moveValue;
+          break;
+        case _constants.RIGHT:
+          value.e += moveValue;
+          break;
+        case _constants.LEFT:
+          value.e -= moveValue;
+          break;
+      }
+      (0, _helper.updateViwer2D)(value, props.viewer2DActions);
+    } else if (state.mode === _constants.MODE_IDLE_3D) {
+      switch (moveType) {
+        case _constants.TOP:
+          window.interval = setTimeout(function () {
+            window.tDKeyDown({
+              keyCode: 38
+            });
+          }, 50);
+          break;
+        case _constants.BOTTOM:
+          window.interval = setTimeout(function () {
+            window.tDKeyDown({
+              keyCode: 40
+            });
+          }, 50);
+          break;
+        case _constants.RIGHT:
+          window.interval = setTimeout(function () {
+            window.tDKeyDown({
+              keyCode: 37
+            });
+          }, 50);
+          break;
+        case _constants.LEFT:
+          window.interval = setTimeout(function () {
+            window.tDKeyDown({
+              keyCode: 39
+            });
+          }, 50);
+          break;
+      }
+    }
+  } else if (eventType === _constants.EXTERNAL_EVENT_ROTATE_PAN) {
+    var rotateType = payload.rotateType;
+    switch (rotateType) {
+      case _constants.TOP:
+        window.interval = setTimeout(function () {
+          window.SPKeyDown({
+            keyCode: 87
+          });
+        }, 50);
+        break;
+      case _constants.BOTTOM:
+        window.interval = setTimeout(function () {
+          window.SPKeyDown({
+            keyCode: 83
+          });
+        }, 50);
+        break;
+      case _constants.RIGHT:
+        window.interval = setTimeout(function () {
+          window.SPKeyDown({
+            keyCode: 68
+          });
+        }, 50);
+        break;
+      case _constants.LEFT:
+        window.interval = setTimeout(function () {
+          window.SPKeyDown({
+            keyCode: 65
+          });
+        }, 50);
+        break;
+    }
+  }
+}
+function handleZoomIn(props, state) {
+  var 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;
+  (0, _helper.updateViwer2D)(value, props.viewer2DActions);
+}
+function handleZoomOut(props, state) {
+  var 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;
+  (0, _helper.updateViwer2D)(value, props.viewer2DActions);
+}
+function handleCentering2D(props, state) {
+  (0, _helper.centering2D)(state, props.viewer2DActions);
+}