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

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

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

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

@@ -0,0 +1,131 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+export function handleChangeDoorStyleEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0, _x1, _x10) {
+  return _handleChangeDoorStyleEvent.apply(this, arguments);
+}
+function _handleChangeDoorStyleEvent() {
+  _handleChangeDoorStyleEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.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__*/_regeneratorRuntime.mark(function _loop() {
+            var item;
+            return _regeneratorRuntime.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 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
+                var mappedCabinetDefinitionList, rt, _i;
+                return _regeneratorRuntime.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/es/events/external/handlers.elementOps.js

@@ -0,0 +1,8 @@
+export function handleDuplicateElement(props, getElement, payload, state) {
+  var distElement = getElement(payload, state);
+  if (distElement) props.itemsActions.duplicateSelected(distElement, props.onInternalEvent);
+}
+export function handleDeleteElement(props, getElement, payload, state) {
+  var distElement = getElement(payload, state);
+  if (distElement) props.projectActions.remove(distElement);
+}

package/es/events/external/handlers.finishing.js

@@ -0,0 +1,26 @@
+import { FINISHING_TYPE, MODE_ELEVATION_VIEW } from "../../constants";
+export function handleSetFinishing(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;
+  }
+}

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

@@ -0,0 +1,4 @@
+import { ARRAY_3D_MODES } from "../../constants";
+export function handleAddHole(props, state, payload) {
+  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/es/events/external/handlers.loadProject.js

@@ -0,0 +1,117 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { convert } from "../../utils/convert-units-lite";
+import { INTERNAL_EVENT_ITEMS_CATALOG } from "../../constants";
+import { Scene, State } from "../../models";
+export function handleLoadProjectEvent(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8) {
+  return _handleLoadProjectEvent.apply(this, arguments);
+}
+function _handleLoadProjectEvent() {
+  _handleLoadProjectEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.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 _regeneratorRuntime.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__*/_regeneratorRuntime.mark(function _loop() {
+            var _evt$payload3, _it$properties, _it$properties2, _it$properties3, _it$doorStyle2;
+            var it;
+            return _regeneratorRuntime.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 !== 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 ? 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 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 _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(result) {
+                var _evt$payload2;
+                var cdsList, cabinetDefinitionList, rt, _i;
+                return _regeneratorRuntime.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/es/events/external/handlers.molding.js

@@ -0,0 +1,24 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+export function handleSetMolding(_x, _x2, _x3) {
+  return _handleSetMolding.apply(this, arguments);
+}
+function _handleSetMolding() {
+  _handleSetMolding = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(props, loadMoldingSvg, payload) {
+    var moldingInfo, isGlobal;
+    return _regeneratorRuntime.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/es/events/external/handlers.projectLifecycle.js

@@ -0,0 +1,11 @@
+export function handleNewProject(props) {
+  var defaulTitle = 'Untitle';
+  props.projectActions.newProject();
+  props.projectActions.rename(defaulTitle);
+}
+export function handleUndo(props) {
+  props.projectActions.undo();
+}
+export function handleRedo(props) {
+  props.projectActions.redo();
+}

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

@@ -0,0 +1,32 @@
+import { PROJECT_SETTING_OPTION } from "../../constants";
+import { convert } from "../../utils/convert-units-lite";
+export function handleProjectSetting(props, payload, layer) {
+  var option = payload.option,
+    value = payload.value;
+  switch (option) {
+    case PROJECT_SETTING_OPTION.CHANGE_MEASUREMENT_UNIT:
+      props.viewer2DActions.updateCeilHeight(convert(layer.ceilHeight).from(layer.unit).to(value));
+      props.viewer2DActions.updateCeilHeightUnit(value);
+      props.viewer3DActions.update3DCeilHeightUnit(value);
+      props.viewer3DActions.update3DCeilHeight(convert(layer.ceilHeight).from(layer.unit).to(value));
+      break;
+    case PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT:
+      props.viewer2DActions.updateCeilHeight(value);
+      props.viewer3DActions.update3DCeilHeight(value);
+      break;
+    case PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE:
+      props.viewer2DActions.changeWallLengthMeasure(value);
+      break;
+    case PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE:
+      props.viewer2DActions.changeBaseCabinetMeasure(value);
+      break;
+    case PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE:
+      props.viewer2DActions.changeWallCabinetMeasure(value);
+      break;
+    case PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE:
+      props.viewer2DActions.changeWindowDoorMeasure(value);
+      break;
+    default:
+      break;
+  }
+}

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

@@ -0,0 +1,41 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+export function handleReplaceCabinet(_x, _x2, _x3, _x4) {
+  return _handleReplaceCabinet.apply(this, arguments);
+}
+function _handleReplaceCabinet() {
+  _handleReplaceCabinet = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(props, addItemToCatalog, payload, state) {
+    var _payload$replaceItemI, _payload$replaceItemI2, _payload$replaceItemI3;
+    var layerID, layer, orginalItemInfo, originalItem, originalItemPos, replaceItem;
+    return _regeneratorRuntime.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/es/events/external/handlers.roomShape.js

@@ -0,0 +1,8 @@
+export 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/es/events/external/handlers.syncScene.js

@@ -0,0 +1,21 @@
+export 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/es/events/external/handlers.updateSelectedElements.js

@@ -0,0 +1,11 @@
+export 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/es/events/external/handlers.viewMode.js

@@ -0,0 +1,11 @@
+export function handleToggleTo3D(props, MODE_IDLE_3D_CONST) {
+  props.projectActions.unselectAll();
+  props.projectActions.setMode(MODE_IDLE_3D_CONST);
+}
+export function handleToggleTo2D(props, MODE_IDLE_CONST) {
+  props.projectActions.setMode(MODE_IDLE_CONST);
+}
+export 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/es/events/external/handlers.viewerNavigation.js

@@ -0,0 +1,108 @@
+import { EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_ROTATE_PAN, MODE_IDLE, MODE_IDLE_3D, TOP, BOTTOM, LEFT, RIGHT } from "../../constants";
+import { centering2D, updateViwer2D } from "../../utils/helper";
+export function handleMoveAndRotatePan2D3D(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;
+    }
+  }
+}
+export 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;
+  updateViwer2D(value, props.viewer2DActions);
+}
+export 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;
+  updateViwer2D(value, props.viewer2DActions);
+}
+export function handleCentering2D(props, state) {
+  centering2D(state, props.viewer2DActions);
+}

package/es/events/external/handlers.wall.js

@@ -0,0 +1,7 @@
+import { MODE_2D_PAN, MODE_IDLE } from "../../constants";
+export function handleAddWall(props, state) {
+  if (state.mode === MODE_IDLE || state.mode === MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
+    props.projectActions.setMode(MODE_IDLE);
+    props.linesActions.selectToolDrawingLine('wall');
+  }
+}

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

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { isEmpty } from "../../../components/viewer2d/utils";
-import { Map } from 'immutable';
+import { toJSIfNeeded } from "../../../shared/objects/immutable";
 export function ccdfMapper(ccdf_list, layer) {
   // This function make cabinet definition using ccdf, layer's item information and catalog
   // console.log(ccdf_list, catalog);
@@ -11,7 +11,7 @@ export function ccdfMapper(ccdf_list, layer) {
   var cdfId;
   var structure_json = {};
   var cabinetDefinition = {};
-  var layerJS = Map.isMap(layer) ? layer.toJS() : layer;
+  var layerJS = toJSIfNeeded(layer);
   ccdf_list === null || ccdf_list === void 0 || ccdf_list.forEach(function (ccdf) {
     var itemKeys = Object.keys(layerJS.items);
     var correctItemId = '';