kitchen-simulator 2.0.1 → 2.0.3

package/es/components/viewer3d/viewer3d.js

@@ -2192,7 +2192,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
         scene3D = new Three.Scene();
         if (isElevationView(state.mode)) scene3D.background = new Three.Color(0xffffff);
         // change color about v1: 0x8791AB, v2: 0xC2C2C2, v3: 0xC3CADC
-        else scene3D.background = new Three.Color(0xffffff); // change color about v1: 0x8791AB, v2: 0xC2C2C2, v3: 0xC3CADC
+        else scene3D.background = new Three.Color(0xe4ebfe); // change color about v1: 0x8791AB, v2: 0xC2C2C2, v3: 0xC3CADC
         // scene3D.fog = new Three.Fog(0xC3CADC, 2000, 3500);
         window.scene3D = scene3D;
         // Camera

package/es/constants.js

@@ -664,6 +664,7 @@ export var TOP = 'Top';
 export var BOTTOM = 'Bottom';
 
 // external event type
+export var EXTERNAL_EVENT_LOAD_PROJECT = 'EXTERNAL_EVENT_LOAD_PROJECT';
 export var EXTERNAL_EVENT_TOGGLE_TO_3D = 'EXTERNAL_EVENT_TOGGLE_TO_3D';
 export var EXTERNAL_EVENT_TOGGLE_TO_2D = 'EXTERNAL_EVENT_TOGGLE_TO_2D';
 export var EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = 'EXTERNAL_EVENT_TOGGLE_TO_ELEVATION';

package/es/devLiteRenderer.js

@@ -1,7 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useEffect } from 'react';
 import ContainerDimensions from 'react-container-dimensions';
-import mockProps from "./mocks/mockProps2.json";
+import projectItemsCatalog from "./mocks/projectItemsCatalog.json";
+import mockProps from "./mocks/mockProps.json";
 import mockDataBundle from "./mocks/dataBundle2.json";
 import cabinetPaylod from "./mocks/cabinetPayload2.json";
 import doorStylePaylod from "./mocks/doorStylePayload.json";
@@ -13,7 +14,7 @@ import distancePayload from "./mocks/distancePayload.json";
 import ReactDOM from 'react-dom';
 import LiteRenderer from "./LiteRenderer";
 import { Button } from 'antd';
-import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, 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_CHANGE_DISTANCE, EXTERNAL_EVENT_SYNC_SCENE } from "./constants";
+import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, 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_CHANGE_DISTANCE, EXTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_LOAD_PROJECT } from "./constants";
 
 // --- renderer props ---
 var options = {
@@ -44,6 +45,19 @@ function WorkSpace(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "flex gap-4"
   }, /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_LOAD_PROJECT,
+        // send request for sync scene data to 3DTool
+        payload: {
+          sceneData: JSON.parse(mockProps.projectElement[0].project_data),
+          catalogItems: projectItemsCatalog
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Load Project"), /*#__PURE__*/React.createElement(Button, {
     actionType: "primary",
     onClick: function onClick() {
       var evt = {

package/es/models.js

@@ -38,16 +38,16 @@ export var DefaultGrids = new Map({
     id: 'h1',
     type: 'horizontal-streak',
     properties: {
-      step: 24,
-      colors: ['rgb(193, 202, 228)'] // dot's color
+      step: 30,
+      colors: ['rgb(115, 125, 153)']
     }
   }),
   v1: new Grid({
     id: 'v1',
     type: 'vertical-streak',
     properties: {
-      step: 24,
-      colors: ['rgb(193, 202, 228)'] // dot's color
+      step: 30,
+      colors: ['rgb(229, 233, 245)']
     }
   })
 });

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

@@ -4,7 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { fromJS, List, Map, Record } 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, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, ZOOM_VARIABLE, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_CHANGE_DISTANCE, EXTERNAL_EVENT_SYNC_SCENE, INTERNAL_EVENT_SYNC_SCENE } from "../constants";
+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, TOP, BOTTOM, LEFT, RIGHT, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_SET_INITIAL_DATA, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, ZOOM_VARIABLE, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_CHANGE_DISTANCE, EXTERNAL_EVENT_SYNC_SCENE, INTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_LOAD_PROJECT } from "../constants";
 import { isEmpty } from "./helper";
 import exporter from "../catalog/utils/exporter";
 import { render2DItem, render3DItem } from "../catalog/utils/item-loader";
@@ -270,7 +270,7 @@ function _parseTempPlaceholdersFromCabinetPayload() {
                     return felement.name === 'base_drawer_door' + t.name.slice(-2);
                   });
                   if (ph_temp != undefined) {
-                    var ph_drawer_door_handle = ph_temp.data.data.nodes;
+                    var ph_drawer_door_handle = ph_temp.data.nodes;
                     ph_drawer_door_handle = ph_drawer_door_handle.filter(function (element) {
                       return element.name.startsWith('ph_') && element.name.includes('handle');
                     });
@@ -334,7 +334,7 @@ function _parseTempPlaceholdersFromCabinetPayload() {
                   var phname = tempPlaceholders[0].name;
                   var newph = undefined;
                   var blAdd = true;
-                  if (element.is_corner) {
+                  if (cabinetPayload.is_corner) {
                     if (tempData['base_door' + t.name.slice(-2)][0].isLeftPlaceholder()) {
                       newph = tempPlaceholders.find(function (el) {
                         return el.name.isLeftPlaceholder();
@@ -470,64 +470,35 @@ function _updateCabinetPayload() {
   }));
   return _updateCabinetPayload.apply(this, arguments);
 }
-export function handleExternalEvent(_x7) {
-  return _handleExternalEvent.apply(this, arguments);
+function addItemToCatalog(_x7, _x8, _x9, _x0) {
+  return _addItemToCatalog.apply(this, arguments);
 }
-function _handleExternalEvent() {
-  _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(props) {
-    var evt, state, sLineCnt, elementJs, _element, catalog, updatedStructureJson, outlineSVGData, catalogInstance, _evt$payload, moveType, moveValue, value, defaulTitle, _evt$payload2, doorStyle, itemCDS, isAll, _doorStyle, _value, _zoomValue, _value2, _zoomValue2, _evt$payload3, moldingInfo, isGlobal, _evt$payload4, option, _value3, distancePayload, _props$onInternalEven, _t5, _t6;
+function _addItemToCatalog() {
+  _addItemToCatalog = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(element, state, catalogInstance, projectActions) {
+    var elementJs, catalog, updatedStructureJson, outlineSVGData;
     return _regeneratorRuntime.wrap(function (_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
-          console.log('***external event****', props.externalEvent);
-          evt = props.externalEvent;
-          state = props.state.get('KitchenConfigurator');
-          _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context5.next = _t5 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 1 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 2 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 3 : _t5 === EXTERNAL_EVENT_ADD_WALL ? 4 : _t5 === EXTERNAL_EVENT_ADD_ITEM ? 5 : _t5 === EXTERNAL_EVENT_MOVE_PAN ? 10 : _t5 === EXTERNAL_EVENT_NEW_PROJECT ? 16 : _t5 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 17 : _t5 === EXTERNAL_EVENT_SET_INITIAL_DATA ? 18 : _t5 === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 19 : _t5 === EXTERNAL_EVENT_ZOOM_IN ? 20 : _t5 === EXTERNAL_EVENT_ZOOM_OUT ? 23 : _t5 === EXTERNAL_EVENT_UNDO ? 26 : _t5 === EXTERNAL_EVENT_REDO ? 27 : _t5 === EXTERNAL_EVENT_SET_MOLDING ? 28 : _t5 === EXTERNAL_EVENT_PROJECT_SETTING ? 29 : _t5 === EXTERNAL_EVENT_CHANGE_DISTANCE ? 30 : _t5 === EXTERNAL_EVENT_SYNC_SCENE ? 31 : 32;
-          break;
-        case 1:
-          props.projectActions.setMode(MODE_IDLE_3D);
-          return _context5.abrupt("continue", 32);
-        case 2:
-          props.projectActions.setMode(MODE_IDLE);
-          return _context5.abrupt("continue", 32);
-        case 3:
-          sLineCnt = state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size;
-          if (sLineCnt > 0) props.projectActions.setMode(MODE_ELEVATION_VIEW);
-          return _context5.abrupt("continue", 32);
-        case 4:
-          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 _context5.abrupt("continue", 32);
-        case 5:
-          if (isEmpty(evt === null || evt === void 0 ? void 0 : evt.payload)) {
-            _context5.next = 9;
-            break;
-          }
-          _element = evt.payload;
           catalog = state.getIn(['catalog']).toJS(); // add item to catalog of state
-          updatedStructureJson = _objectSpread(_objectSpread({}, _element.structure_json), _element.structure_json.tempPlaceholders[0].structure);
-          _element = _objectSpread(_objectSpread({}, _element), {}, {
+          updatedStructureJson = _objectSpread(_objectSpread({}, element.structure_json), element.structure_json.tempPlaceholders[0].structure);
+          element = _objectSpread(_objectSpread({}, element), {}, {
             cds: {
-              data: [_objectSpread({}, _element.customer_property)],
-              itemID: _element.itemID
+              data: [_objectSpread({}, element.customer_property)],
+              itemID: element.itemID
             }
           });
-          _element.structure_json = updatedStructureJson;
-          if (!isEmpty(catalog === null || catalog === void 0 ? void 0 : catalog.elements[_element.name])) {
-            _context5.next = 8;
+          element.structure_json = updatedStructureJson;
+          if (!isEmpty(catalog === null || catalog === void 0 ? void 0 : catalog.elements[element.name])) {
+            _context5.next = 3;
             break;
           }
-          _context5.next = 6;
-          return loadSVGsByItem(_element);
-        case 6:
+          _context5.next = 1;
+          return loadSVGsByItem(element);
+        case 1:
           outlineSVGData = _context5.sent;
-          catalogInstance = props.catalog;
-          _context5.next = 7;
-          return updateCabinetPayload(_element);
-        case 7:
+          _context5.next = 2;
+          return updateCabinetPayload(element);
+        case 2:
           elementJs = _context5.sent;
           elementJs = exporter(_objectSpread(_objectSpread({}, elementJs), {}, {
             outlineSVGData: outlineSVGData,
@@ -537,53 +508,116 @@ function _handleExternalEvent() {
           }));
           if (catalogInstance !== null && catalogInstance !== void 0 && catalogInstance.validateElement(elementJs)) {
             catalogInstance.registerElement(elementJs);
-            props.projectActions.addElementToCatalog(elementJs);
+            projectActions.addElementToCatalog(elementJs);
           }
+        case 3:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return _addItemToCatalog.apply(this, arguments);
+}
+export function handleExternalEvent(_x1) {
+  return _handleExternalEvent.apply(this, arguments);
+}
+function _handleExternalEvent() {
+  _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(props) {
+    var evt, state, i, _evt$payload, _evt$payload2, sLineCnt, element, _evt$payload3, moveType, moveValue, value, defaulTitle, _evt$payload4, doorStyle, itemCDS, isAll, _doorStyle, _value, _zoomValue, _value2, _zoomValue2, _evt$payload5, moldingInfo, isGlobal, _evt$payload6, option, _value3, distancePayload, _props$onInternalEven, _t5, _t6;
+    return _regeneratorRuntime.wrap(function (_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          console.log('***external event****', props.externalEvent);
+          evt = props.externalEvent;
+          state = props.state.get('KitchenConfigurator');
+          _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
+          _context6.next = _t5 === EXTERNAL_EVENT_LOAD_PROJECT ? 1 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_3D ? 5 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_2D ? 6 : _t5 === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 7 : _t5 === EXTERNAL_EVENT_ADD_WALL ? 8 : _t5 === EXTERNAL_EVENT_ADD_ITEM ? 9 : _t5 === EXTERNAL_EVENT_MOVE_PAN ? 12 : _t5 === EXTERNAL_EVENT_NEW_PROJECT ? 18 : _t5 === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 19 : _t5 === EXTERNAL_EVENT_SET_INITIAL_DATA ? 20 : _t5 === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 21 : _t5 === EXTERNAL_EVENT_ZOOM_IN ? 22 : _t5 === EXTERNAL_EVENT_ZOOM_OUT ? 25 : _t5 === EXTERNAL_EVENT_UNDO ? 28 : _t5 === EXTERNAL_EVENT_REDO ? 29 : _t5 === EXTERNAL_EVENT_SET_MOLDING ? 30 : _t5 === EXTERNAL_EVENT_PROJECT_SETTING ? 31 : _t5 === EXTERNAL_EVENT_CHANGE_DISTANCE ? 32 : _t5 === EXTERNAL_EVENT_SYNC_SCENE ? 33 : 34;
+          break;
+        case 1:
+          i = 0;
+        case 2:
+          if (!(i < (evt === null || evt === void 0 || (_evt$payload = evt.payload) === null || _evt$payload === void 0 || (_evt$payload = _evt$payload.catalogItems) === null || _evt$payload === void 0 || (_evt$payload = _evt$payload.elements) === null || _evt$payload === void 0 ? void 0 : _evt$payload.length))) {
+            _context6.next = 4;
+            break;
+          }
+          _context6.next = 3;
+          return addItemToCatalog(evt === null || evt === void 0 || (_evt$payload2 = evt.payload) === null || _evt$payload2 === void 0 || (_evt$payload2 = _evt$payload2.catalogItems) === null || _evt$payload2 === void 0 ? void 0 : _evt$payload2.elements[i], state, props.catalog, props.projectActions);
+        case 3:
+          i++;
+          _context6.next = 2;
+          break;
+        case 4:
+          props.projectActions.loadProject(evt.payload.sceneData);
+          return _context6.abrupt("continue", 34);
+        case 5:
+          props.projectActions.setMode(MODE_IDLE_3D);
+          return _context6.abrupt("continue", 34);
+        case 6:
+          props.projectActions.setMode(MODE_IDLE);
+          return _context6.abrupt("continue", 34);
+        case 7:
+          sLineCnt = state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size;
+          if (sLineCnt > 0) props.projectActions.setMode(MODE_ELEVATION_VIEW);
+          return _context6.abrupt("continue", 34);
         case 8:
-          // start drawing item
-          ARRAY_3D_MODES.includes(state.mode) ? props.itemsActions.selectToolDrawingItem3D(_element.name) : props.itemsActions.selectToolDrawingItem(_element.name);
-          props.projectActions.pushLastSelectedCatalogElementToHistory(_element);
-          props.projectActions.setIsCabinetDrawing(true);
+          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 _context6.abrupt("continue", 34);
         case 9:
-          return _context5.abrupt("continue", 32);
+          if (isEmpty(evt === null || evt === void 0 ? void 0 : evt.payload)) {
+            _context6.next = 11;
+            break;
+          }
+          element = evt.payload;
+          _context6.next = 10;
+          return addItemToCatalog(element, state, props.catalog, props.projectActions);
         case 10:
-          _evt$payload = evt.payload, moveType = _evt$payload.moveType, moveValue = _evt$payload.moveValue;
+          // start drawing item
+          ARRAY_3D_MODES.includes(state.mode) ? props.itemsActions.selectToolDrawingItem3D(element.name) : props.itemsActions.selectToolDrawingItem(element.name);
+          props.projectActions.pushLastSelectedCatalogElementToHistory(element);
+          props.projectActions.setIsCabinetDrawing(true);
+        case 11:
+          return _context6.abrupt("continue", 34);
+        case 12:
+          _evt$payload3 = evt.payload, moveType = _evt$payload3.moveType, moveValue = _evt$payload3.moveValue;
           value = state.getIn(['viewer2D']).toJS();
           _t6 = moveType;
-          _context5.next = _t6 === TOP ? 11 : _t6 === BOTTOM ? 12 : _t6 === RIGHT ? 13 : _t6 === LEFT ? 14 : 15;
+          _context6.next = _t6 === TOP ? 13 : _t6 === BOTTOM ? 14 : _t6 === RIGHT ? 15 : _t6 === LEFT ? 16 : 17;
           break;
-        case 11:
+        case 13:
           value.f -= moveValue;
-          return _context5.abrupt("continue", 15);
-        case 12:
+          return _context6.abrupt("continue", 17);
+        case 14:
           value.f += moveValue;
-          return _context5.abrupt("continue", 15);
-        case 13:
+          return _context6.abrupt("continue", 17);
+        case 15:
           value.e += moveValue;
-          return _context5.abrupt("continue", 15);
-        case 14:
+          return _context6.abrupt("continue", 17);
+        case 16:
           value.e -= moveValue;
-          return _context5.abrupt("continue", 15);
-        case 15:
+          return _context6.abrupt("continue", 17);
+        case 17:
           if (compareSVGRect(value)) props.viewer2DActions.updateCameraView(value);
-          return _context5.abrupt("continue", 32);
-        case 16:
+          return _context6.abrupt("continue", 34);
+        case 18:
           defaulTitle = 'Untitle';
           props.projectActions.newProject();
           props.projectActions.rename(defaulTitle);
-          return _context5.abrupt("continue", 32);
-        case 17:
-          _evt$payload2 = evt.payload, doorStyle = _evt$payload2.doorStyle, itemCDS = _evt$payload2.itemCDS, isAll = _evt$payload2.isAll;
+          return _context6.abrupt("continue", 34);
+        case 19:
+          _evt$payload4 = evt.payload, doorStyle = _evt$payload4.doorStyle, itemCDS = _evt$payload4.itemCDS, isAll = _evt$payload4.isAll;
           props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
-          return _context5.abrupt("continue", 32);
-        case 18:
+          return _context6.abrupt("continue", 34);
+        case 20:
           _doorStyle = evt.payload.doorStyle;
           props.itemsActions.setInitialDoorStyle(_doorStyle.doorStyle);
-          return _context5.abrupt("continue", 32);
-        case 19:
+          return _context6.abrupt("continue", 34);
+        case 21:
           props.projectActions.loadProject(evt.payload);
-          return _context5.abrupt("continue", 32);
-        case 20:
+          return _context6.abrupt("continue", 34);
+        case 22:
           _value = state.getIn(['viewer2D']).toJS();
           _value.a -= 0.1;
           _value.d -= 0.1;
@@ -591,17 +625,17 @@ function _handleExternalEvent() {
           _value.f += _value.SVGHeight * 0.1 / 2;
           _zoomValue = parseInt((_value.a - 0.5) / ZOOM_VARIABLE);
           if (!(_zoomValue > 404)) {
-            _context5.next = 21;
+            _context6.next = 23;
             break;
           }
-          return _context5.abrupt("return");
-        case 21:
+          return _context6.abrupt("return");
+        case 23:
           if (!(_zoomValue < 35 || Number.isNaN(_zoomValue))) {
-            _context5.next = 22;
+            _context6.next = 24;
             break;
           }
-          return _context5.abrupt("return");
-        case 22:
+          return _context6.abrupt("return");
+        case 24:
           while (!(_value.e <= 10)) {
             _value.e -= 0.1;
           }
@@ -615,8 +649,8 @@ function _handleExternalEvent() {
             _value.f += 0.1;
           }
           if (compareSVGRect(_value)) props.viewer2DActions.updateCameraView(_value);
-          return _context5.abrupt("continue", 32);
-        case 23:
+          return _context6.abrupt("continue", 34);
+        case 25:
           _value2 = state.getIn(['viewer2D']).toJS();
           _value2.a += 0.1;
           _value2.d += 0.1;
@@ -624,31 +658,31 @@ function _handleExternalEvent() {
           _value2.f -= _value2.SVGHeight * 0.1 / 2;
           _zoomValue2 = parseInt((_value2.a - 0.5) / ZOOM_VARIABLE);
           if (!(_zoomValue2 > 404)) {
-            _context5.next = 24;
+            _context6.next = 26;
             break;
           }
-          return _context5.abrupt("return");
-        case 24:
+          return _context6.abrupt("return");
+        case 26:
           if (!(_zoomValue2 < 35 || Number.isNaN(_zoomValue2))) {
-            _context5.next = 25;
+            _context6.next = 27;
             break;
           }
-          return _context5.abrupt("return");
-        case 25:
+          return _context6.abrupt("return");
+        case 27:
           if (compareSVGRect(_value2)) props.viewer2DActions.updateCameraView(_value2);
-          return _context5.abrupt("continue", 32);
-        case 26:
+          return _context6.abrupt("continue", 34);
+        case 28:
           props.projectActions.undo();
-          return _context5.abrupt("continue", 32);
-        case 27:
+          return _context6.abrupt("continue", 34);
+        case 29:
           props.projectActions.redo();
-          return _context5.abrupt("continue", 32);
-        case 28:
-          _evt$payload3 = evt.payload, moldingInfo = _evt$payload3.moldingInfo, isGlobal = _evt$payload3.isGlobal;
+          return _context6.abrupt("continue", 34);
+        case 30:
+          _evt$payload5 = evt.payload, moldingInfo = _evt$payload5.moldingInfo, isGlobal = _evt$payload5.isGlobal;
           props.itemsActions.setMolding(moldingInfo, isGlobal);
-          return _context5.abrupt("continue", 32);
-        case 29:
-          _evt$payload4 = evt.payload, option = _evt$payload4.option, _value3 = _evt$payload4.value;
+          return _context6.abrupt("continue", 34);
+        case 31:
+          _evt$payload6 = evt.payload, option = _evt$payload6.option, _value3 = _evt$payload6.value;
           if (option === PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT) {
             props.viewer2DActions.updateCeilHeight(_value3);
             props.viewer3DActions.update3DCeilHeight(_value3);
@@ -661,11 +695,11 @@ function _handleExternalEvent() {
           } else if (option === PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE) {
             props.viewer2DActions.changeWindowDoorMeasure(_value3);
           }
-          return _context5.abrupt("continue", 32);
-        case 30:
+          return _context6.abrupt("continue", 34);
+        case 32:
           distancePayload = evt.payload;
           props.itemsActions.changeDistance(distancePayload);
-        case 31:
+        case 33:
           // 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,
@@ -673,11 +707,11 @@ function _handleExternalEvent() {
               scene: state.scene.toJS()
             }
           });
-        case 32:
+        case 34:
         case "end":
-          return _context5.stop();
+          return _context6.stop();
       }
-    }, _callee5);
+    }, _callee6);
   }));
   return _handleExternalEvent.apply(this, arguments);
 }

package/lib/components/viewer3d/viewer3d.js

@@ -2199,7 +2199,7 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
         scene3D = new Three.Scene();
         if ((0, _helper.isElevationView)(state.mode)) scene3D.background = new Three.Color(0xffffff);
         // change color about v1: 0x8791AB, v2: 0xC2C2C2, v3: 0xC3CADC
-        else scene3D.background = new Three.Color(0xffffff); // change color about v1: 0x8791AB, v2: 0xC2C2C2, v3: 0xC3CADC
+        else scene3D.background = new Three.Color(0xe4ebfe); // change color about v1: 0x8791AB, v2: 0xC2C2C2, v3: 0xC3CADC
         // scene3D.fog = new Three.Fog(0xC3CADC, 2000, 3500);
         window.scene3D = scene3D;
         // Camera

package/lib/constants.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EXTERNAL_EVENT_SET_INITIAL_DATA = exports.EXTERNAL_EVENT_REDO = exports.EXTERNAL_EVENT_PROJECT_SETTING = exports.EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_CHANGE_DISTANCE = exports.EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ITEM = exports.ERROR_DATABASE = exports.EPSILON = exports.END_UPLOADING_IMAGE = exports.END_ROTATING_ITEM_3D = exports.END_ROTATING_ITEM = exports.END_LOADING = exports.END_FITTING_IMAGE = exports.END_DRAWING_LINE = exports.END_DRAWING_ITEM = exports.END_DRAWING_HOLE_3D = exports.END_DRAWING_HOLE = exports.END_DRAGGING_VERTEX = exports.END_DRAGGING_LINE = exports.END_DRAGGING_ITEM_3D = exports.END_DRAGGING_ITEM = exports.END_DRAGGING_HOLE_3D = exports.END_DRAGGING_HOLE = exports.END_CREATING_HOLE = exports.END_CREATING_CABINET = exports.ELEVATION_VIEW_TITLE = exports.ELEVATION_VIEW_RIGHT = exports.ELEVATION_VIEW_LEFT = exports.ELEVATION_VIEW_KEYWORD = exports.ELEVATION_VIEW_FRONT = exports.ELEVATION_VIEW_BACK = exports.ELEVATION_VIEW = exports.EDIT_WIDTH = exports.EDIT = exports.DUPLICATE_SELECTED = exports.DISTANCE_MEASUREMENT_LINE_COLOR = exports.DISTANCE_EPSILON = exports.DIFFERENT_VALUES_PATH_LENGTH = exports.DELTA = exports.DEFAULT_FONT_FAMILY = exports.DECIMAL_PLACES_3 = exports.DECIMAL_PLACES_2 = exports.DASH_LINE_COLOR = exports.COPY_PROPERTIES = exports.CLIENTS_NAME = exports.CHANGE_WINDOW_DOOR_MEASURE = exports.CHANGE_WALL_LENGTH_MEASURE = exports.CHANGE_WALL_CABINET_MEASURE = exports.CHANGE_DISTANCE = exports.CHANGE_CATALOG_PAGE = exports.CHANGE_BASE_CABINET_MEASURE = exports.CEIL_UNITS_LENGTH = exports.BROWN_COLOR = exports.BOTTOM_MOLDING_LOCATION = exports.BOTTOM = exports.BG_COLOR_OVERLAY = exports.BG_COLOR_HOVER = exports.BG_COLOR_1 = exports.BG_COLOR_0 = exports.BEGIN_UPLOADING_IMAGE = exports.BEGIN_ROTATING_ITEM_3D = exports.BEGIN_ROTATING_ITEM = exports.BEGIN_FITTING_IMAGE = exports.BEGIN_DRAWING_LINE = exports.BEGIN_DRAGGING_VERTEX = exports.BEGIN_DRAGGING_LINE = exports.BEGIN_DRAGGING_ITEM_3D = exports.BEGIN_DRAGGING_ITEM = exports.BEGIN_DRAGGING_HOLE_3D = exports.BEGIN_DRAGGING_HOLE = exports.BASE_ITEM_MEASUREMENT_LINE_COLOR = exports.BASE_CABINET_LAYOUTPOS = exports.ARROW_TEXT_FORECOLOR = exports.ARROW_TEXT_FONTFACE = exports.ARROW_TEXT_BACKCOLOR = exports.ARROW_COLOR = exports.ARRAY_ELEVATION_VIEW_MODES = exports.ARRAY_3D_MODES = exports.AREA_ACTIONS = exports.API_SERVER_URL = exports.ANIMATE_STEP_MIN = exports.ANIMATE_STEP_MAX = exports.ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = exports.ANIMATE_OBJECT = exports.ALTERATE_STATE = exports.ADD_VERTICAL_GUIDE = exports.ADD_TO_GROUP = exports.ADD_LAYER = exports.ADD_HORIZONTAL_GUIDE = exports.ADD_GROUP_FROM_SELECTED = exports.ADD_GROUP = exports.ADD_ELEMENT_TO_CATALOG = exports.ADD_CIRCULAR_GUIDE = exports.ADD_CABINETS = exports.ADD_APPLIANCES = exports.ACCENT_COLOR = void 0;
-exports.PASTE_PROPERTIES = exports.OVERLAP_SOME = exports.OVERLAP_SAME = exports.OVERLAP_NONE = exports.OVERLAP_LINK = exports.OVERLAP_INCLUDED = exports.OPEN_PROJECT_CONFIGURATOR = exports.OPEN_CATALOG = exports.OBJTYPE_MESH = exports.OBJTYPE_GROUP = exports.NO_DATA_DATABASE = exports.NEW_PROJECT_BTN = exports.NEW_PROJECT = exports.NEW_DESIGN = exports.MOVE_COMPONENT = exports.MOLDING_LOCATIONS = exports.MODE_WAITING_DRAWING_LINE = exports.MODE_VIEWING_CATALOG = exports.MODE_UPLOADING_IMAGE = exports.MODE_SNAPPING = exports.MODE_ROTATING_ITEM_3D = exports.MODE_ROTATING_ITEM = exports.MODE_RIGHT_ELEVATION_VIEW = exports.MODE_LEFT_ELEVATION_VIEW = exports.MODE_IDLE_3D = exports.MODE_IDLE = exports.MODE_FRONT_VIEW = exports.MODE_FRONT_ELEVATION_VIEW = exports.MODE_FITTING_IMAGE = exports.MODE_ELEVATION_VIEW = exports.MODE_DRAWING_LINE = exports.MODE_DRAWING_ITEM_3D = exports.MODE_DRAWING_ITEM = exports.MODE_DRAWING_HOLE_3D = exports.MODE_DRAWING_HOLE = exports.MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_LINE = exports.MODE_DRAGGING_ITEM_3D = exports.MODE_DRAGGING_ITEM = exports.MODE_DRAGGING_HOLE_3D = exports.MODE_DRAGGING_HOLE = exports.MODE_CONFIGURING_PROJECT = exports.MODE_BACK_ELEVATION_VIEW = exports.MODE_3D_VIEW = exports.MODE_3D_FIRST_PERSON = exports.MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_IN = exports.MODE_2D_PAN = exports.MODE = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIDDLE_MOLDING_LOCATION = exports.MEPSILON = exports.MAX_ANGLE_SCALE = exports.MAKE_FLOOR_PLAN = exports.LOGOUT = exports.LOGIN_SUCCESS = exports.LOGIN_ERROR = exports.LOCAL_STORAGE_TOKEN_VALUE = exports.LOCAL_STORAGE_TOKEN_NAME = exports.LOCAL_STORAGE_ORIGINAL_TOKEN = exports.LOCAL_STORAGE_CUSTOMER_INFO = exports.LOCAL_STORAGE_CART_ACTION = exports.LOAD_PROJECT = exports.LIST_QUANTITIES = exports.LIST_PARTS = exports.LINE_THICKNESS = exports.LINE_ACTIONS = exports.LEFT = exports.LABEL_COLOR = exports.KITCHEN_KONFIGURATOR = exports.KEYBOARD_BUTTON_CODE = exports.ITEM_TYPE = exports.ITEM_MOVE_UP = exports.ITEMS_ACTIONS = exports.INVERT = exports.INTERNAL_EVENT_SYNC_SCENE = exports.INTERNAL_EVENT_SELECT_ELEMENT = exports.INTERNAL_EVENT_ROTATE_ELEMENT = exports.INTERNAL_EVENT_DRAW_ELEMENT = exports.INTERNAL_EVENT_DRAG_ELEMENT = exports.INSTALLATION_TYPE_SKU_SUFFIX = exports.INSTALLATION_TYPE_NAME = exports.INSTALLATION_SUFFIX_TYPE = exports.INIT_CATALOG = exports.HOLE_ACTIONS = exports.HDR_URLS = exports.HAS_LOADINGBAR = exports.GROUP_TRANSLATE = exports.GROUP_ROTATE = exports.GROUP_ACTIONS = exports.GO_BACK_TO_CATALOG_PAGE = exports.FINISHING_TOUCH = exports.EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_UNDO = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_SYNC_SCENE = exports.EXTERNAL_EVENT_SET_MOLDING = void 0;
-exports.STATUS_NEGATIVE_LIGHT_COLOR = exports.STATUS_NEGATIVE_COLOR = exports.STATUS_INFO_LIGHT_COLOR = exports.STATUS_INFO_COLOR = exports.SHIFT2DON = exports.SHIFT2DOFF = exports.SHAPE_SVG_WIDTH = exports.SHAPE_SVG_PADDING = exports.SHAPE_SVG_DEPTH = exports.SHADE_LIGHT_PURPLE_COLOR = exports.SHADE_LIGHT_GREEN_COLOR = exports.SHADE_LIGHT_BLUE_COLOR = exports.SHADE_DARK_PURPLE_COLOR = exports.SHADE_DARK_GREEN_COLOR = exports.SHADE_DARK_BLUE_COLOR = exports.SET_WALL_COLOR = exports.SET_USER_DATA = exports.SET_STATE_PROPERTIES = exports.SET_ROTATE_STATUS = exports.SET_RELATED_LINE = exports.SET_PROPERTIES = exports.SET_PROJECT_PROPERTIES = exports.SET_PROJECT_ID = exports.SET_MOVE_STATUS = exports.SET_MOLDING = exports.SET_MODELLING = exports.SET_MODE = exports.SET_LINES_ATTRIBUTES = exports.SET_LAYER_PROPERTIES = exports.SET_ITEMS_ATTRIBUTES = exports.SET_IS_HELP = exports.SET_IS_CABINET_DRAWING = exports.SET_INITIAL_DOOR_STYLE = exports.SET_HOLES_ATTRIBUTES = exports.SET_HANDLE_MATERIAL = exports.SET_GROUP_PROPERTIES = exports.SET_GROUP_BARYCENTER = exports.SET_GROUP_ATTRIBUTES = exports.SET_FLOOR_STYLES = exports.SET_DOOR_STYLE = exports.SET_DOOR_HANDLE = exports.SET_DISTANT = exports.SET_COUNTER_TOP = exports.SET_BACKSPLASH_VISIBLE = exports.SET_BACKSPLASH = exports.SET_APPLIANCE_MATERIAL = exports.SELECT_TOOL_ZOOM_OUT = exports.SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_UPLOAD_IMAGE = exports.SELECT_TOOL_PAN = exports.SELECT_TOOL_EDIT = exports.SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_HOLE_3D = exports.SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_LINE = exports.SELECT_LAYER = exports.SELECT_ITEM = exports.SELECT_HOLE = exports.SELECT_GROUP = exports.SELECT_DOOR_STYLE = exports.SELECT_AREA = exports.SELECT_ALL = exports.SELECTALL = exports.SECONDARY_PURPLE_COLOR = exports.SECONDARY_BLUE_COLOR = exports.SCENE_ACTIONS = exports.SAVE_PROJECT = exports.SAVE_DESIGN = exports.ROOM_SHAPE_MEASUREMENT_LINE_COLOR = exports.ROOM_ELEMENT_MEASUREMENT_LINE_COLOR = exports.ROLLBACK = exports.RIGHT = exports.REVIEW_AND_QUOTE = exports.REQUEST_ASSISTANCE = exports.REPLACE_SUBMODULE = exports.REPLACE_ITEM = exports.REMOVE_VERTICAL_GUIDE = exports.REMOVE_REPLACE_SUBMODULE = exports.REMOVE_LINEAR = exports.REMOVE_LAYER = exports.REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP = exports.REMOVE_FROM_GROUP = exports.REMOVE_DRAWING_SUPPORT = exports.REMOVE_CIRCULAR_GUIDE = exports.REMOVE = exports.REDO = exports.RECREATE = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PROJECT_SETTING_OPTION = exports.PROJECT_RE_NAME = exports.PROJECT_NAME_LENGTH_LIMIT = exports.PROJECT_ACTIONS = exports.PRODUCT = exports.PRIMARY_GREEN_COLOR = void 0;
-exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_ITEM_MEASUREMENT_LINE_COLOR = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = exports.TEXT_COLOR_NEUTRAL_6 = exports.TEXT_COLOR_NEUTRAL_5 = exports.TEXT_COLOR_NEUTRAL_4 = exports.TEXT_COLOR_NEUTRAL_3 = exports.TEXT_COLOR_NEUTRAL_2 = exports.TEXT_COLOR_NEUTRAL_1 = exports.TEXT_COLOR_NEUTRAL_0 = exports.TEXT_COLOR = exports.TECHNICAL_VIEW = exports.TALL_CABINET_LAYOUTPOS = exports.TAKE_PICTURE = exports.SUBTOTAL = exports.SUBMIT_REQUEST_ASSIST = exports.SUBMIT_DESIGN = exports.SUBMIT_ADD_CART = exports.STORE_DIST_ARRAY = exports.STOP_DRAWING_LINE = exports.STEP_CABINET_CHOOSE_PRODUCT = exports.STATUS_WARNING_LIGHT_COLOR = exports.STATUS_WARNING_COLOR = exports.STATUS_POSITIVE_LIGHT_COLOR = exports.STATUS_POSITIVE_COLOR = exports.STATUS_OVERDUE_LIGHT_COLOR = exports.STATUS_OVERDUE_COLOR = void 0;
+exports.EXTERNAL_EVENT_REDO = exports.EXTERNAL_EVENT_PROJECT_SETTING = exports.EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_LOAD_PROJECT = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_CHANGE_DISTANCE = exports.EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ITEM = exports.ERROR_DATABASE = exports.EPSILON = exports.END_UPLOADING_IMAGE = exports.END_ROTATING_ITEM_3D = exports.END_ROTATING_ITEM = exports.END_LOADING = exports.END_FITTING_IMAGE = exports.END_DRAWING_LINE = exports.END_DRAWING_ITEM = exports.END_DRAWING_HOLE_3D = exports.END_DRAWING_HOLE = exports.END_DRAGGING_VERTEX = exports.END_DRAGGING_LINE = exports.END_DRAGGING_ITEM_3D = exports.END_DRAGGING_ITEM = exports.END_DRAGGING_HOLE_3D = exports.END_DRAGGING_HOLE = exports.END_CREATING_HOLE = exports.END_CREATING_CABINET = exports.ELEVATION_VIEW_TITLE = exports.ELEVATION_VIEW_RIGHT = exports.ELEVATION_VIEW_LEFT = exports.ELEVATION_VIEW_KEYWORD = exports.ELEVATION_VIEW_FRONT = exports.ELEVATION_VIEW_BACK = exports.ELEVATION_VIEW = exports.EDIT_WIDTH = exports.EDIT = exports.DUPLICATE_SELECTED = exports.DISTANCE_MEASUREMENT_LINE_COLOR = exports.DISTANCE_EPSILON = exports.DIFFERENT_VALUES_PATH_LENGTH = exports.DELTA = exports.DEFAULT_FONT_FAMILY = exports.DECIMAL_PLACES_3 = exports.DECIMAL_PLACES_2 = exports.DASH_LINE_COLOR = exports.COPY_PROPERTIES = exports.CLIENTS_NAME = exports.CHANGE_WINDOW_DOOR_MEASURE = exports.CHANGE_WALL_LENGTH_MEASURE = exports.CHANGE_WALL_CABINET_MEASURE = exports.CHANGE_DISTANCE = exports.CHANGE_CATALOG_PAGE = exports.CHANGE_BASE_CABINET_MEASURE = exports.CEIL_UNITS_LENGTH = exports.BROWN_COLOR = exports.BOTTOM_MOLDING_LOCATION = exports.BOTTOM = exports.BG_COLOR_OVERLAY = exports.BG_COLOR_HOVER = exports.BG_COLOR_1 = exports.BG_COLOR_0 = exports.BEGIN_UPLOADING_IMAGE = exports.BEGIN_ROTATING_ITEM_3D = exports.BEGIN_ROTATING_ITEM = exports.BEGIN_FITTING_IMAGE = exports.BEGIN_DRAWING_LINE = exports.BEGIN_DRAGGING_VERTEX = exports.BEGIN_DRAGGING_LINE = exports.BEGIN_DRAGGING_ITEM_3D = exports.BEGIN_DRAGGING_ITEM = exports.BEGIN_DRAGGING_HOLE_3D = exports.BEGIN_DRAGGING_HOLE = exports.BASE_ITEM_MEASUREMENT_LINE_COLOR = exports.BASE_CABINET_LAYOUTPOS = exports.ARROW_TEXT_FORECOLOR = exports.ARROW_TEXT_FONTFACE = exports.ARROW_TEXT_BACKCOLOR = exports.ARROW_COLOR = exports.ARRAY_ELEVATION_VIEW_MODES = exports.ARRAY_3D_MODES = exports.AREA_ACTIONS = exports.API_SERVER_URL = exports.ANIMATE_STEP_MIN = exports.ANIMATE_STEP_MAX = exports.ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = exports.ANIMATE_OBJECT = exports.ALTERATE_STATE = exports.ADD_VERTICAL_GUIDE = exports.ADD_TO_GROUP = exports.ADD_LAYER = exports.ADD_HORIZONTAL_GUIDE = exports.ADD_GROUP_FROM_SELECTED = exports.ADD_GROUP = exports.ADD_ELEMENT_TO_CATALOG = exports.ADD_CIRCULAR_GUIDE = exports.ADD_CABINETS = exports.ADD_APPLIANCES = exports.ACCENT_COLOR = void 0;
+exports.OVERLAP_SOME = exports.OVERLAP_SAME = exports.OVERLAP_NONE = exports.OVERLAP_LINK = exports.OVERLAP_INCLUDED = exports.OPEN_PROJECT_CONFIGURATOR = exports.OPEN_CATALOG = exports.OBJTYPE_MESH = exports.OBJTYPE_GROUP = exports.NO_DATA_DATABASE = exports.NEW_PROJECT_BTN = exports.NEW_PROJECT = exports.NEW_DESIGN = exports.MOVE_COMPONENT = exports.MOLDING_LOCATIONS = exports.MODE_WAITING_DRAWING_LINE = exports.MODE_VIEWING_CATALOG = exports.MODE_UPLOADING_IMAGE = exports.MODE_SNAPPING = exports.MODE_ROTATING_ITEM_3D = exports.MODE_ROTATING_ITEM = exports.MODE_RIGHT_ELEVATION_VIEW = exports.MODE_LEFT_ELEVATION_VIEW = exports.MODE_IDLE_3D = exports.MODE_IDLE = exports.MODE_FRONT_VIEW = exports.MODE_FRONT_ELEVATION_VIEW = exports.MODE_FITTING_IMAGE = exports.MODE_ELEVATION_VIEW = exports.MODE_DRAWING_LINE = exports.MODE_DRAWING_ITEM_3D = exports.MODE_DRAWING_ITEM = exports.MODE_DRAWING_HOLE_3D = exports.MODE_DRAWING_HOLE = exports.MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_LINE = exports.MODE_DRAGGING_ITEM_3D = exports.MODE_DRAGGING_ITEM = exports.MODE_DRAGGING_HOLE_3D = exports.MODE_DRAGGING_HOLE = exports.MODE_CONFIGURING_PROJECT = exports.MODE_BACK_ELEVATION_VIEW = exports.MODE_3D_VIEW = exports.MODE_3D_FIRST_PERSON = exports.MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_IN = exports.MODE_2D_PAN = exports.MODE = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIDDLE_MOLDING_LOCATION = exports.MEPSILON = exports.MAX_ANGLE_SCALE = exports.MAKE_FLOOR_PLAN = exports.LOGOUT = exports.LOGIN_SUCCESS = exports.LOGIN_ERROR = exports.LOCAL_STORAGE_TOKEN_VALUE = exports.LOCAL_STORAGE_TOKEN_NAME = exports.LOCAL_STORAGE_ORIGINAL_TOKEN = exports.LOCAL_STORAGE_CUSTOMER_INFO = exports.LOCAL_STORAGE_CART_ACTION = exports.LOAD_PROJECT = exports.LIST_QUANTITIES = exports.LIST_PARTS = exports.LINE_THICKNESS = exports.LINE_ACTIONS = exports.LEFT = exports.LABEL_COLOR = exports.KITCHEN_KONFIGURATOR = exports.KEYBOARD_BUTTON_CODE = exports.ITEM_TYPE = exports.ITEM_MOVE_UP = exports.ITEMS_ACTIONS = exports.INVERT = exports.INTERNAL_EVENT_SYNC_SCENE = exports.INTERNAL_EVENT_SELECT_ELEMENT = exports.INTERNAL_EVENT_ROTATE_ELEMENT = exports.INTERNAL_EVENT_DRAW_ELEMENT = exports.INTERNAL_EVENT_DRAG_ELEMENT = exports.INSTALLATION_TYPE_SKU_SUFFIX = exports.INSTALLATION_TYPE_NAME = exports.INSTALLATION_SUFFIX_TYPE = exports.INIT_CATALOG = exports.HOLE_ACTIONS = exports.HDR_URLS = exports.HAS_LOADINGBAR = exports.GROUP_TRANSLATE = exports.GROUP_ROTATE = exports.GROUP_ACTIONS = exports.GO_BACK_TO_CATALOG_PAGE = exports.FINISHING_TOUCH = exports.EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_UNDO = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_SYNC_SCENE = exports.EXTERNAL_EVENT_SET_MOLDING = exports.EXTERNAL_EVENT_SET_INITIAL_DATA = void 0;
+exports.STATUS_NEGATIVE_COLOR = exports.STATUS_INFO_LIGHT_COLOR = exports.STATUS_INFO_COLOR = exports.SHIFT2DON = exports.SHIFT2DOFF = exports.SHAPE_SVG_WIDTH = exports.SHAPE_SVG_PADDING = exports.SHAPE_SVG_DEPTH = exports.SHADE_LIGHT_PURPLE_COLOR = exports.SHADE_LIGHT_GREEN_COLOR = exports.SHADE_LIGHT_BLUE_COLOR = exports.SHADE_DARK_PURPLE_COLOR = exports.SHADE_DARK_GREEN_COLOR = exports.SHADE_DARK_BLUE_COLOR = exports.SET_WALL_COLOR = exports.SET_USER_DATA = exports.SET_STATE_PROPERTIES = exports.SET_ROTATE_STATUS = exports.SET_RELATED_LINE = exports.SET_PROPERTIES = exports.SET_PROJECT_PROPERTIES = exports.SET_PROJECT_ID = exports.SET_MOVE_STATUS = exports.SET_MOLDING = exports.SET_MODELLING = exports.SET_MODE = exports.SET_LINES_ATTRIBUTES = exports.SET_LAYER_PROPERTIES = exports.SET_ITEMS_ATTRIBUTES = exports.SET_IS_HELP = exports.SET_IS_CABINET_DRAWING = exports.SET_INITIAL_DOOR_STYLE = exports.SET_HOLES_ATTRIBUTES = exports.SET_HANDLE_MATERIAL = exports.SET_GROUP_PROPERTIES = exports.SET_GROUP_BARYCENTER = exports.SET_GROUP_ATTRIBUTES = exports.SET_FLOOR_STYLES = exports.SET_DOOR_STYLE = exports.SET_DOOR_HANDLE = exports.SET_DISTANT = exports.SET_COUNTER_TOP = exports.SET_BACKSPLASH_VISIBLE = exports.SET_BACKSPLASH = exports.SET_APPLIANCE_MATERIAL = exports.SELECT_TOOL_ZOOM_OUT = exports.SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_UPLOAD_IMAGE = exports.SELECT_TOOL_PAN = exports.SELECT_TOOL_EDIT = exports.SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_HOLE_3D = exports.SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_LINE = exports.SELECT_LAYER = exports.SELECT_ITEM = exports.SELECT_HOLE = exports.SELECT_GROUP = exports.SELECT_DOOR_STYLE = exports.SELECT_AREA = exports.SELECT_ALL = exports.SELECTALL = exports.SECONDARY_PURPLE_COLOR = exports.SECONDARY_BLUE_COLOR = exports.SCENE_ACTIONS = exports.SAVE_PROJECT = exports.SAVE_DESIGN = exports.ROOM_SHAPE_MEASUREMENT_LINE_COLOR = exports.ROOM_ELEMENT_MEASUREMENT_LINE_COLOR = exports.ROLLBACK = exports.RIGHT = exports.REVIEW_AND_QUOTE = exports.REQUEST_ASSISTANCE = exports.REPLACE_SUBMODULE = exports.REPLACE_ITEM = exports.REMOVE_VERTICAL_GUIDE = exports.REMOVE_REPLACE_SUBMODULE = exports.REMOVE_LINEAR = exports.REMOVE_LAYER = exports.REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP = exports.REMOVE_FROM_GROUP = exports.REMOVE_DRAWING_SUPPORT = exports.REMOVE_CIRCULAR_GUIDE = exports.REMOVE = exports.REDO = exports.RECREATE = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PROJECT_SETTING_OPTION = exports.PROJECT_RE_NAME = exports.PROJECT_NAME_LENGTH_LIMIT = exports.PROJECT_ACTIONS = exports.PRODUCT = exports.PRIMARY_GREEN_COLOR = exports.PASTE_PROPERTIES = void 0;
+exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_ITEM_MEASUREMENT_LINE_COLOR = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = exports.TEXT_COLOR_NEUTRAL_6 = exports.TEXT_COLOR_NEUTRAL_5 = exports.TEXT_COLOR_NEUTRAL_4 = exports.TEXT_COLOR_NEUTRAL_3 = exports.TEXT_COLOR_NEUTRAL_2 = exports.TEXT_COLOR_NEUTRAL_1 = exports.TEXT_COLOR_NEUTRAL_0 = exports.TEXT_COLOR = exports.TECHNICAL_VIEW = exports.TALL_CABINET_LAYOUTPOS = exports.TAKE_PICTURE = exports.SUBTOTAL = exports.SUBMIT_REQUEST_ASSIST = exports.SUBMIT_DESIGN = exports.SUBMIT_ADD_CART = exports.STORE_DIST_ARRAY = exports.STOP_DRAWING_LINE = exports.STEP_CABINET_CHOOSE_PRODUCT = exports.STATUS_WARNING_LIGHT_COLOR = exports.STATUS_WARNING_COLOR = exports.STATUS_POSITIVE_LIGHT_COLOR = exports.STATUS_POSITIVE_COLOR = exports.STATUS_OVERDUE_LIGHT_COLOR = exports.STATUS_OVERDUE_COLOR = exports.STATUS_NEGATIVE_LIGHT_COLOR = void 0;
 //API server
 // export const API_SERVER = 'http://localhost:3000/';
 // ACTIONS project
@@ -673,6 +673,7 @@ var TOP = exports.TOP = 'Top';
 var BOTTOM = exports.BOTTOM = 'Bottom';
 
 // external event type
+var EXTERNAL_EVENT_LOAD_PROJECT = exports.EXTERNAL_EVENT_LOAD_PROJECT = 'EXTERNAL_EVENT_LOAD_PROJECT';
 var EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = 'EXTERNAL_EVENT_TOGGLE_TO_3D';
 var EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = 'EXTERNAL_EVENT_TOGGLE_TO_2D';
 var EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = 'EXTERNAL_EVENT_TOGGLE_TO_ELEVATION';

package/lib/devLiteRenderer.js

@@ -5,7 +5,8 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactContainerDimensions = _interopRequireDefault(require("react-container-dimensions"));
-var _mockProps = _interopRequireDefault(require("./mocks/mockProps2.json"));
+var _projectItemsCatalog = _interopRequireDefault(require("./mocks/projectItemsCatalog.json"));
+var _mockProps = _interopRequireDefault(require("./mocks/mockProps.json"));
 var _dataBundle = _interopRequireDefault(require("./mocks/dataBundle2.json"));
 var _cabinetPayload = _interopRequireDefault(require("./mocks/cabinetPayload2.json"));
 var _doorStylePayload = _interopRequireDefault(require("./mocks/doorStylePayload.json"));
@@ -48,6 +49,19 @@ function WorkSpace(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex gap-4"
   }, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_LOAD_PROJECT,
+        // send request for sync scene data to 3DTool
+        payload: {
+          sceneData: JSON.parse(_mockProps["default"].projectElement[0].project_data),
+          catalogItems: _projectItemsCatalog["default"]
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "Load Project"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     actionType: "primary",
     onClick: function onClick() {
       var evt = {

package/lib/models.js

@@ -45,16 +45,16 @@ var DefaultGrids = exports.DefaultGrids = new _immutable.Map({
     id: 'h1',
     type: 'horizontal-streak',
     properties: {
-      step: 24,
-      colors: ['rgb(193, 202, 228)'] // dot's color
+      step: 30,
+      colors: ['rgb(115, 125, 153)']
     }
   }),
   v1: new Grid({
     id: 'v1',
     type: 'vertical-streak',
     properties: {
-      step: 24,
-      colors: ['rgb(193, 202, 228)'] // dot's color
+      step: 30,
+      colors: ['rgb(229, 233, 245)']
     }
   })
 });

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

@@ -278,7 +278,7 @@ function _parseTempPlaceholdersFromCabinetPayload() {
                     return felement.name === 'base_drawer_door' + t.name.slice(-2);
                   });
                   if (ph_temp != undefined) {
-                    var ph_drawer_door_handle = ph_temp.data.data.nodes;
+                    var ph_drawer_door_handle = ph_temp.data.nodes;
                     ph_drawer_door_handle = ph_drawer_door_handle.filter(function (element) {
                       return element.name.startsWith('ph_') && element.name.includes('handle');
                     });
@@ -342,7 +342,7 @@ function _parseTempPlaceholdersFromCabinetPayload() {
                   var phname = tempPlaceholders[0].name;
                   var newph = undefined;
                   var blAdd = true;
-                  if (element.is_corner) {
+                  if (cabinetPayload.is_corner) {
                     if (tempData['base_door' + t.name.slice(-2)][0].isLeftPlaceholder()) {
                       newph = tempPlaceholders.find(function (el) {
                         return el.name.isLeftPlaceholder();
@@ -478,64 +478,35 @@ function _updateCabinetPayload() {
   }));
   return _updateCabinetPayload.apply(this, arguments);
 }
-function handleExternalEvent(_x7) {
-  return _handleExternalEvent.apply(this, arguments);
+function addItemToCatalog(_x7, _x8, _x9, _x0) {
+  return _addItemToCatalog.apply(this, arguments);
 }
-function _handleExternalEvent() {
-  _handleExternalEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(props) {
-    var evt, state, sLineCnt, elementJs, _element, catalog, updatedStructureJson, outlineSVGData, catalogInstance, _evt$payload, moveType, moveValue, value, defaulTitle, _evt$payload2, doorStyle, itemCDS, isAll, _doorStyle, _value, _zoomValue, _value2, _zoomValue2, _evt$payload3, moldingInfo, isGlobal, _evt$payload4, option, _value3, distancePayload, _props$onInternalEven, _t5, _t6;
+function _addItemToCatalog() {
+  _addItemToCatalog = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(element, state, catalogInstance, projectActions) {
+    var elementJs, catalog, updatedStructureJson, outlineSVGData;
     return _regenerator["default"].wrap(function (_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
-          console.log('***external event****', props.externalEvent);
-          evt = props.externalEvent;
-          state = props.state.get('KitchenConfigurator');
-          _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context5.next = _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 1 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 2 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 3 : _t5 === _constants.EXTERNAL_EVENT_ADD_WALL ? 4 : _t5 === _constants.EXTERNAL_EVENT_ADD_ITEM ? 5 : _t5 === _constants.EXTERNAL_EVENT_MOVE_PAN ? 10 : _t5 === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 16 : _t5 === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 17 : _t5 === _constants.EXTERNAL_EVENT_SET_INITIAL_DATA ? 18 : _t5 === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 19 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_IN ? 20 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 23 : _t5 === _constants.EXTERNAL_EVENT_UNDO ? 26 : _t5 === _constants.EXTERNAL_EVENT_REDO ? 27 : _t5 === _constants.EXTERNAL_EVENT_SET_MOLDING ? 28 : _t5 === _constants.EXTERNAL_EVENT_PROJECT_SETTING ? 29 : _t5 === _constants.EXTERNAL_EVENT_CHANGE_DISTANCE ? 30 : _t5 === _constants.EXTERNAL_EVENT_SYNC_SCENE ? 31 : 32;
-          break;
-        case 1:
-          props.projectActions.setMode(_constants.MODE_IDLE_3D);
-          return _context5.abrupt("continue", 32);
-        case 2:
-          props.projectActions.setMode(_constants.MODE_IDLE);
-          return _context5.abrupt("continue", 32);
-        case 3:
-          sLineCnt = state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size;
-          if (sLineCnt > 0) props.projectActions.setMode(_constants.MODE_ELEVATION_VIEW);
-          return _context5.abrupt("continue", 32);
-        case 4:
-          if (state.mode === _constants.MODE_IDLE || state.mode === _constants.MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
-            props.projectActions.setMode(_constants.MODE_IDLE);
-            props.linesActions.selectToolDrawingLine('wall');
-          }
-          return _context5.abrupt("continue", 32);
-        case 5:
-          if ((0, _helper.isEmpty)(evt === null || evt === void 0 ? void 0 : evt.payload)) {
-            _context5.next = 9;
-            break;
-          }
-          _element = evt.payload;
           catalog = state.getIn(['catalog']).toJS(); // add item to catalog of state
-          updatedStructureJson = _objectSpread(_objectSpread({}, _element.structure_json), _element.structure_json.tempPlaceholders[0].structure);
-          _element = _objectSpread(_objectSpread({}, _element), {}, {
+          updatedStructureJson = _objectSpread(_objectSpread({}, element.structure_json), element.structure_json.tempPlaceholders[0].structure);
+          element = _objectSpread(_objectSpread({}, element), {}, {
             cds: {
-              data: [_objectSpread({}, _element.customer_property)],
-              itemID: _element.itemID
+              data: [_objectSpread({}, element.customer_property)],
+              itemID: element.itemID
             }
           });
-          _element.structure_json = updatedStructureJson;
-          if (!(0, _helper.isEmpty)(catalog === null || catalog === void 0 ? void 0 : catalog.elements[_element.name])) {
-            _context5.next = 8;
+          element.structure_json = updatedStructureJson;
+          if (!(0, _helper.isEmpty)(catalog === null || catalog === void 0 ? void 0 : catalog.elements[element.name])) {
+            _context5.next = 3;
             break;
           }
-          _context5.next = 6;
-          return loadSVGsByItem(_element);
-        case 6:
+          _context5.next = 1;
+          return loadSVGsByItem(element);
+        case 1:
           outlineSVGData = _context5.sent;
-          catalogInstance = props.catalog;
-          _context5.next = 7;
-          return updateCabinetPayload(_element);
-        case 7:
+          _context5.next = 2;
+          return updateCabinetPayload(element);
+        case 2:
           elementJs = _context5.sent;
           elementJs = (0, _exporter["default"])(_objectSpread(_objectSpread({}, elementJs), {}, {
             outlineSVGData: outlineSVGData,
@@ -545,53 +516,116 @@ function _handleExternalEvent() {
           }));
           if (catalogInstance !== null && catalogInstance !== void 0 && catalogInstance.validateElement(elementJs)) {
             catalogInstance.registerElement(elementJs);
-            props.projectActions.addElementToCatalog(elementJs);
+            projectActions.addElementToCatalog(elementJs);
           }
+        case 3:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  }));
+  return _addItemToCatalog.apply(this, arguments);
+}
+function handleExternalEvent(_x1) {
+  return _handleExternalEvent.apply(this, arguments);
+}
+function _handleExternalEvent() {
+  _handleExternalEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(props) {
+    var evt, state, i, _evt$payload, _evt$payload2, sLineCnt, element, _evt$payload3, moveType, moveValue, value, defaulTitle, _evt$payload4, doorStyle, itemCDS, isAll, _doorStyle, _value, _zoomValue, _value2, _zoomValue2, _evt$payload5, moldingInfo, isGlobal, _evt$payload6, option, _value3, distancePayload, _props$onInternalEven, _t5, _t6;
+    return _regenerator["default"].wrap(function (_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          console.log('***external event****', props.externalEvent);
+          evt = props.externalEvent;
+          state = props.state.get('KitchenConfigurator');
+          _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
+          _context6.next = _t5 === _constants.EXTERNAL_EVENT_LOAD_PROJECT ? 1 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 5 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 6 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 7 : _t5 === _constants.EXTERNAL_EVENT_ADD_WALL ? 8 : _t5 === _constants.EXTERNAL_EVENT_ADD_ITEM ? 9 : _t5 === _constants.EXTERNAL_EVENT_MOVE_PAN ? 12 : _t5 === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 18 : _t5 === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 19 : _t5 === _constants.EXTERNAL_EVENT_SET_INITIAL_DATA ? 20 : _t5 === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 21 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_IN ? 22 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 25 : _t5 === _constants.EXTERNAL_EVENT_UNDO ? 28 : _t5 === _constants.EXTERNAL_EVENT_REDO ? 29 : _t5 === _constants.EXTERNAL_EVENT_SET_MOLDING ? 30 : _t5 === _constants.EXTERNAL_EVENT_PROJECT_SETTING ? 31 : _t5 === _constants.EXTERNAL_EVENT_CHANGE_DISTANCE ? 32 : _t5 === _constants.EXTERNAL_EVENT_SYNC_SCENE ? 33 : 34;
+          break;
+        case 1:
+          i = 0;
+        case 2:
+          if (!(i < (evt === null || evt === void 0 || (_evt$payload = evt.payload) === null || _evt$payload === void 0 || (_evt$payload = _evt$payload.catalogItems) === null || _evt$payload === void 0 || (_evt$payload = _evt$payload.elements) === null || _evt$payload === void 0 ? void 0 : _evt$payload.length))) {
+            _context6.next = 4;
+            break;
+          }
+          _context6.next = 3;
+          return addItemToCatalog(evt === null || evt === void 0 || (_evt$payload2 = evt.payload) === null || _evt$payload2 === void 0 || (_evt$payload2 = _evt$payload2.catalogItems) === null || _evt$payload2 === void 0 ? void 0 : _evt$payload2.elements[i], state, props.catalog, props.projectActions);
+        case 3:
+          i++;
+          _context6.next = 2;
+          break;
+        case 4:
+          props.projectActions.loadProject(evt.payload.sceneData);
+          return _context6.abrupt("continue", 34);
+        case 5:
+          props.projectActions.setMode(_constants.MODE_IDLE_3D);
+          return _context6.abrupt("continue", 34);
+        case 6:
+          props.projectActions.setMode(_constants.MODE_IDLE);
+          return _context6.abrupt("continue", 34);
+        case 7:
+          sLineCnt = state.getIn(['scene', 'layers', 'layer-1', 'selected', 'lines']).size;
+          if (sLineCnt > 0) props.projectActions.setMode(_constants.MODE_ELEVATION_VIEW);
+          return _context6.abrupt("continue", 34);
         case 8:
-          // start drawing item
-          _constants.ARRAY_3D_MODES.includes(state.mode) ? props.itemsActions.selectToolDrawingItem3D(_element.name) : props.itemsActions.selectToolDrawingItem(_element.name);
-          props.projectActions.pushLastSelectedCatalogElementToHistory(_element);
-          props.projectActions.setIsCabinetDrawing(true);
+          if (state.mode === _constants.MODE_IDLE || state.mode === _constants.MODE_2D_PAN) props.linesActions.selectToolDrawingLine('wall');else {
+            props.projectActions.setMode(_constants.MODE_IDLE);
+            props.linesActions.selectToolDrawingLine('wall');
+          }
+          return _context6.abrupt("continue", 34);
         case 9:
-          return _context5.abrupt("continue", 32);
+          if ((0, _helper.isEmpty)(evt === null || evt === void 0 ? void 0 : evt.payload)) {
+            _context6.next = 11;
+            break;
+          }
+          element = evt.payload;
+          _context6.next = 10;
+          return addItemToCatalog(element, state, props.catalog, props.projectActions);
         case 10:
-          _evt$payload = evt.payload, moveType = _evt$payload.moveType, moveValue = _evt$payload.moveValue;
+          // start drawing item
+          _constants.ARRAY_3D_MODES.includes(state.mode) ? props.itemsActions.selectToolDrawingItem3D(element.name) : props.itemsActions.selectToolDrawingItem(element.name);
+          props.projectActions.pushLastSelectedCatalogElementToHistory(element);
+          props.projectActions.setIsCabinetDrawing(true);
+        case 11:
+          return _context6.abrupt("continue", 34);
+        case 12:
+          _evt$payload3 = evt.payload, moveType = _evt$payload3.moveType, moveValue = _evt$payload3.moveValue;
           value = state.getIn(['viewer2D']).toJS();
           _t6 = moveType;
-          _context5.next = _t6 === _constants.TOP ? 11 : _t6 === _constants.BOTTOM ? 12 : _t6 === _constants.RIGHT ? 13 : _t6 === _constants.LEFT ? 14 : 15;
+          _context6.next = _t6 === _constants.TOP ? 13 : _t6 === _constants.BOTTOM ? 14 : _t6 === _constants.RIGHT ? 15 : _t6 === _constants.LEFT ? 16 : 17;
           break;
-        case 11:
+        case 13:
           value.f -= moveValue;
-          return _context5.abrupt("continue", 15);
-        case 12:
+          return _context6.abrupt("continue", 17);
+        case 14:
           value.f += moveValue;
-          return _context5.abrupt("continue", 15);
-        case 13:
+          return _context6.abrupt("continue", 17);
+        case 15:
           value.e += moveValue;
-          return _context5.abrupt("continue", 15);
-        case 14:
+          return _context6.abrupt("continue", 17);
+        case 16:
           value.e -= moveValue;
-          return _context5.abrupt("continue", 15);
-        case 15:
+          return _context6.abrupt("continue", 17);
+        case 17:
           if (compareSVGRect(value)) props.viewer2DActions.updateCameraView(value);
-          return _context5.abrupt("continue", 32);
-        case 16:
+          return _context6.abrupt("continue", 34);
+        case 18:
           defaulTitle = 'Untitle';
           props.projectActions.newProject();
           props.projectActions.rename(defaulTitle);
-          return _context5.abrupt("continue", 32);
-        case 17:
-          _evt$payload2 = evt.payload, doorStyle = _evt$payload2.doorStyle, itemCDS = _evt$payload2.itemCDS, isAll = _evt$payload2.isAll;
+          return _context6.abrupt("continue", 34);
+        case 19:
+          _evt$payload4 = evt.payload, doorStyle = _evt$payload4.doorStyle, itemCDS = _evt$payload4.itemCDS, isAll = _evt$payload4.isAll;
           props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
-          return _context5.abrupt("continue", 32);
-        case 18:
+          return _context6.abrupt("continue", 34);
+        case 20:
           _doorStyle = evt.payload.doorStyle;
           props.itemsActions.setInitialDoorStyle(_doorStyle.doorStyle);
-          return _context5.abrupt("continue", 32);
-        case 19:
+          return _context6.abrupt("continue", 34);
+        case 21:
           props.projectActions.loadProject(evt.payload);
-          return _context5.abrupt("continue", 32);
-        case 20:
+          return _context6.abrupt("continue", 34);
+        case 22:
           _value = state.getIn(['viewer2D']).toJS();
           _value.a -= 0.1;
           _value.d -= 0.1;
@@ -599,17 +633,17 @@ function _handleExternalEvent() {
           _value.f += _value.SVGHeight * 0.1 / 2;
           _zoomValue = parseInt((_value.a - 0.5) / _constants.ZOOM_VARIABLE);
           if (!(_zoomValue > 404)) {
-            _context5.next = 21;
+            _context6.next = 23;
             break;
           }
-          return _context5.abrupt("return");
-        case 21:
+          return _context6.abrupt("return");
+        case 23:
           if (!(_zoomValue < 35 || Number.isNaN(_zoomValue))) {
-            _context5.next = 22;
+            _context6.next = 24;
             break;
           }
-          return _context5.abrupt("return");
-        case 22:
+          return _context6.abrupt("return");
+        case 24:
           while (!(_value.e <= 10)) {
             _value.e -= 0.1;
           }
@@ -623,8 +657,8 @@ function _handleExternalEvent() {
             _value.f += 0.1;
           }
           if (compareSVGRect(_value)) props.viewer2DActions.updateCameraView(_value);
-          return _context5.abrupt("continue", 32);
-        case 23:
+          return _context6.abrupt("continue", 34);
+        case 25:
           _value2 = state.getIn(['viewer2D']).toJS();
           _value2.a += 0.1;
           _value2.d += 0.1;
@@ -632,31 +666,31 @@ function _handleExternalEvent() {
           _value2.f -= _value2.SVGHeight * 0.1 / 2;
           _zoomValue2 = parseInt((_value2.a - 0.5) / _constants.ZOOM_VARIABLE);
           if (!(_zoomValue2 > 404)) {
-            _context5.next = 24;
+            _context6.next = 26;
             break;
           }
-          return _context5.abrupt("return");
-        case 24:
+          return _context6.abrupt("return");
+        case 26:
           if (!(_zoomValue2 < 35 || Number.isNaN(_zoomValue2))) {
-            _context5.next = 25;
+            _context6.next = 27;
             break;
           }
-          return _context5.abrupt("return");
-        case 25:
+          return _context6.abrupt("return");
+        case 27:
           if (compareSVGRect(_value2)) props.viewer2DActions.updateCameraView(_value2);
-          return _context5.abrupt("continue", 32);
-        case 26:
+          return _context6.abrupt("continue", 34);
+        case 28:
           props.projectActions.undo();
-          return _context5.abrupt("continue", 32);
-        case 27:
+          return _context6.abrupt("continue", 34);
+        case 29:
           props.projectActions.redo();
-          return _context5.abrupt("continue", 32);
-        case 28:
-          _evt$payload3 = evt.payload, moldingInfo = _evt$payload3.moldingInfo, isGlobal = _evt$payload3.isGlobal;
+          return _context6.abrupt("continue", 34);
+        case 30:
+          _evt$payload5 = evt.payload, moldingInfo = _evt$payload5.moldingInfo, isGlobal = _evt$payload5.isGlobal;
           props.itemsActions.setMolding(moldingInfo, isGlobal);
-          return _context5.abrupt("continue", 32);
-        case 29:
-          _evt$payload4 = evt.payload, option = _evt$payload4.option, _value3 = _evt$payload4.value;
+          return _context6.abrupt("continue", 34);
+        case 31:
+          _evt$payload6 = evt.payload, option = _evt$payload6.option, _value3 = _evt$payload6.value;
           if (option === _constants.PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT) {
             props.viewer2DActions.updateCeilHeight(_value3);
             props.viewer3DActions.update3DCeilHeight(_value3);
@@ -669,11 +703,11 @@ function _handleExternalEvent() {
           } else if (option === _constants.PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE) {
             props.viewer2DActions.changeWindowDoorMeasure(_value3);
           }
-          return _context5.abrupt("continue", 32);
-        case 30:
+          return _context6.abrupt("continue", 34);
+        case 32:
           distancePayload = evt.payload;
           props.itemsActions.changeDistance(distancePayload);
-        case 31:
+        case 33:
           // send scene object from 3DTool to HostApp using internalEvent
           (_props$onInternalEven = props.onInternalEvent) === null || _props$onInternalEven === void 0 || _props$onInternalEven.call(props, {
             type: _constants.INTERNAL_EVENT_SYNC_SCENE,
@@ -681,11 +715,11 @@ function _handleExternalEvent() {
               scene: state.scene.toJS()
             }
           });
-        case 32:
+        case 34:
         case "end":
-          return _context5.stop();
+          return _context6.stop();
       }
-    }, _callee5);
+    }, _callee6);
   }));
   return _handleExternalEvent.apply(this, arguments);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",