kitchen-simulator 3.10.0 → 3.12.0-test.1

package/lib/class/item.js

@@ -472,8 +472,9 @@ var Item = exports["default"] = /*#__PURE__*/function () {
           break;
       }
       if (onInternalEvent && duplicatedElement) {
-        var jsElement = duplicatedElement.toJS();
-        if (jsElement.prototype === 'items') jsElement.isWarning = (0, _utils.isWarningItem)(duplicatedElement);
+        var _state$get;
+        var catalog = (_state$get = state.get('catalog')) === null || _state$get === void 0 ? void 0 : _state$get.toJS();
+        var jsElement = (0, _helper.updatePayloadOfInternalEvent)(duplicatedElement, layer, catalog);
         onInternalEvent({
           type: _constants.INTERNAL_EVENT_DRAW_ELEMENT,
           value: jsElement

package/lib/class/line.js

@@ -15,7 +15,6 @@ var _export2 = require("../utils/export");
 var Three = _interopRequireWildcard(require("three"));
 var _constants = require("../constants");
 var _helper = require("../utils/helper");
-var _convertUnitsLite = require("../utils/convert-units-lite");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var timeGlobal = 0;
 var TimeRecorder = /*#__PURE__*/function () {
@@ -437,6 +436,7 @@ var Line = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "beginDrawingLine",
     value: function beginDrawingLine(state, layerID, x, y, onInternalEvent) {
+      var _state$get;
       // if end drawing by created area
       if (state.mode == _constants.MODE_IDLE) {
         return {
@@ -490,12 +490,8 @@ var Line = exports["default"] = /*#__PURE__*/function () {
         drawingSupport: drawingSupport
       });
       var layer = state.getIn(['scene', 'layers', layerID]);
-      var payload = line.toJS();
-      var v_a = layer.vertices.get(line.vertices.get(0));
-      var v_b = layer.vertices.get(line.vertices.get(1));
-      var distance = _export2.GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
-      var _length = (0, _convertUnitsLite.convert)(distance).from('cm').to(layer.unit);
-      payload.length = _length;
+      var catalog = (_state$get = state.get('catalog')) === null || _state$get === void 0 ? void 0 : _state$get.toJS();
+      var payload = (0, _helper.updatePayloadOfInternalEvent)(line, layer, catalog);
       if (onInternalEvent) onInternalEvent({
         type: _constants.INTERNAL_EVENT_START_DRAW_WALL,
         value: payload

package/lib/components/viewer2d/viewer2d.js

@@ -1259,24 +1259,7 @@ function Viewer2D(_ref, _ref2) {
         _currentObject = state.getIn(['scene', 'layers', layerID, elementPrototype, elementID]);
       }
       if (_currentObject) {
-        var _currentObject3, _currentObject4, _currentObject5;
-        var payload = (_currentObject3 = _currentObject) === null || _currentObject3 === void 0 ? void 0 : _currentObject3.toJS();
-        if (((_currentObject4 = _currentObject) === null || _currentObject4 === void 0 ? void 0 : _currentObject4.prototype) === 'lines') {
-          // caculating length of selected line//
-          var v_a = layer.vertices.get(_currentObject.vertices.get(0));
-          var v_b = layer.vertices.get(_currentObject.vertices.get(1));
-          var distance = _export2.GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
-          var _length3 = (0, _convertUnitsLite.convert)(distance).from('cm').to(layer.unit);
-          payload.length = _length3;
-          //////////////////////////////////////
-        } else if (((_currentObject5 = _currentObject) === null || _currentObject5 === void 0 ? void 0 : _currentObject5.prototype) === 'items') {
-          // check this cabinet has warning box
-          payload.isWarning = (0, _utils.isWarningItem)(_currentObject);
-          // check this item is available molding
-          payload.isMoldingAvailable = _export2.MoldingUtils.isEnableItemForMolding(layer, _currentObject);
-          // check this item is snapped to wall
-          payload.isAttachedWall = _export2.MoldingUtils.isAttachedWall(layer, _currentObject);
-        }
+        var payload = (0, _helper.updatePayloadOfInternalEvent)(_currentObject, layer, catalog);
 
         // send selection event befor replace event
         if (internalType === constants.INTERNAL_EVENT_REPLACE_CABINET) {

package/lib/components/viewer3d/scene-creator.js

@@ -677,10 +677,10 @@ function replaceObject(modifiedPath, layer, planData, actions, sceneData, oldSce
             vLine3.material.depthTest = false;
             var uVec = new Three.Vector3(-posVec.x / scalevec.x, -posVec.y / scalevec.y, -posVec.z / scalevec.z);
             var blLighting = item.type.includes('Light');
-            vLine.translateY(blLighting ? 1.6 : 0.1);
-            vLine1.translateY(blLighting ? 1.6 : 0.1);
-            vLine2.translateY(blLighting ? 1.6 : 0.1);
-            vLine3.translateY(blLighting ? 1.6 : 0.1);
+            vLine.translateY(blLighting ? 1.6 : boundingBox.min.y + 0.1);
+            vLine1.translateY(blLighting ? 1.6 : boundingBox.min.y + 0.1);
+            vLine2.translateY(blLighting ? 1.6 : boundingBox.min.y + 0.1);
+            vLine3.translateY(blLighting ? 1.6 : boundingBox.min.y + 0.1);
             upObj.translateOnAxis(uVec, 1);
             upObj.translateY(max.y - min.y);
             _mBox.name = 'TransformBox';

package/lib/components/viewer3d/viewer3d.js

@@ -1193,25 +1193,9 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
       var sendInternalEvent = function sendInternalEvent(evtType, evtElement) {
         var pointArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
         if (!(0, _helper.isEmpty)(evtType) && !(0, _helper.isEmpty)(evtElement)) {
-          var _this2$props$onIntern, _this2$props;
-          var payload = evtElement === null || evtElement === void 0 ? void 0 : evtElement.toJS();
-          if ((evtElement === null || evtElement === void 0 ? void 0 : evtElement.prototype) === 'lines') {
-            // caculating length of selected line//
-            var v_a = layer.vertices.get(evtElement.vertices.get(0));
-            var v_b = layer.vertices.get(evtElement.vertices.get(1));
-            var distance = _export.GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
-            var _length = (0, _convertUnitsLite.convert)(distance).from('cm').to(layer.unit);
-            payload.length = _length;
-            //////////////////////////////////////
-          } else if ((evtElement === null || evtElement === void 0 ? void 0 : evtElement.prototype) === 'items') {
-            // check this cabinet has warning box
-            payload.isWarning = (0, _utils.isWarningItem)(evtElement);
-            // check this item is available molding
-            payload.isMoldingAvailable = _export.MoldingUtils.isEnableItemForMolding(layer, evtElement); // check this item is snapped to wall
-            payload.isAttachedWall = _export.MoldingUtils.isAttachedWall(layer, evtElement);
-            // update distArray
-            if (pointArray) payload.distArray = pointArray;
-          }
+          var _state$get, _this2$props$onIntern, _this2$props;
+          var catalog = (_state$get = state.get('catalog')) === null || _state$get === void 0 ? void 0 : _state$get.toJS();
+          var payload = (0, _helper.updatePayloadOfInternalEvent)(evtElement, layer, catalog, pointArray);
           (_this2$props$onIntern = (_this2$props = _this2.props).onInternalEvent) === null || _this2$props$onIntern === void 0 || _this2$props$onIntern.call(_this2$props, {
             type: evtType,
             value: payload
@@ -1483,6 +1467,9 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
                   var replaceInfo = intersects[_i10].object.parent.parent.userData;
                   _this2.context.itemsActions.selectItem(replaceInfo.layerId, replaceInfo.itemId);
                   !_this2.props.downloadFlag && _this2.props.replaceCabinet(true);
+                  internalType = _constants.INTERNAL_EVENT_REPLACE_CABINET;
+                  var replaceElement = _this2.props.state.scene.layers.get(replaceInfo.layerId).items.get(replaceInfo.itemId);
+                  sendInternalEvent(internalType, replaceElement);
                   return;
                 }
               }

package/lib/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 exports.renderKitchenSimulator = renderKitchenSimulator;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -17,6 +18,8 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _react = _interopRequireDefault(require("react"));
 var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
 var _client = require("react-dom/client");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -452,10 +455,23 @@ function renderKitchenSimulator(container) {
       }
     }]);
   }(_react["default"].Component);
+  var lastProps = _objectSpread({}, props);
   var api = {
     // internal: rerender wrapper with latest props if host calls renderKitchenSimulator again
     __render: function __render(nextProps) {
-      root.render(/*#__PURE__*/_react["default"].createElement(Wrapper, nextProps));
+      lastProps = _objectSpread(_objectSpread({}, lastProps), nextProps);
+      root.render(/*#__PURE__*/_react["default"].createElement(Wrapper, lastProps));
+    },
+    updateContainerDimensions: function updateContainerDimensions(width, height) {
+      var extraProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (destroyed) return false;
+
+      // optional: accept numbers or strings, up to you
+      api.__render(_objectSpread(_objectSpread(_objectSpread({}, lastProps), extraProps), {}, {
+        width: width,
+        height: height
+      }));
+      return true;
     },
     /**
      * Send one or many events (in order).

package/lib/utils/helper.js

@@ -22,7 +22,9 @@ exports.refineProductForSummaryPdf = exports.refineMoldingForSummaryPdf = void 0
 exports.replaceMeshesWithLineSegments = replaceMeshesWithLineSegments;
 exports.textureCube = void 0;
 exports.toPlainObject = toPlainObject;
-exports.updateViwer2D = exports.translateDrawer = void 0;
+exports.translateDrawer = void 0;
+exports.updatePayloadOfInternalEvent = updatePayloadOfInternalEvent;
+exports.updateViwer2D = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _HDRCubeTextureLoader = require("three/examples/jsm/loaders/HDRCubeTextureLoader.js");
@@ -32,6 +34,7 @@ var _utils = require("./../components/viewer2d/utils");
 var _convertUnitsLite = require("./convert-units-lite");
 var _math = require("./math");
 var _awsSdk = _interopRequireDefault(require("aws-sdk"));
+var _export = require("./export");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -422,4 +425,40 @@ function centering2D(state) {
   });
   if (viewer2DActions) updateViwer2D(viewer, viewer2DActions);
   return state;
+}
+function updatePayloadOfInternalEvent(currentObject, layer, catalog) {
+  var pointArray = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  if (isEmpty(currentObject)) return null;
+  var updatedPayload = currentObject.toJS();
+  if (isEmpty(layer) || isEmpty(catalog)) return updatedPayload;
+  if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'lines') {
+    // caculating length of selected line//
+    var v_a = layer.vertices.get(currentObject.vertices.get(0));
+    var v_b = layer.vertices.get(currentObject.vertices.get(1));
+    var distance = _export.GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
+    var _length = (0, _convertUnitsLite.convert)(distance).from('cm').to(layer.unit);
+    updatedPayload.length = _length;
+    //////////////////////////////////////
+  } else if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'items') {
+    var _catalog$elements$cur;
+    // check this cabinet has warning box
+    updatedPayload.isWarning = (0, _utils.isWarningItem)(currentObject);
+    // check this item is available molding
+    updatedPayload.isMoldingAvailable = _export.MoldingUtils.isEnableItemForMolding(layer, currentObject);
+    // check this item is snapped to wall
+    updatedPayload.isAttachedWall = _export.MoldingUtils.isAttachedWall(layer, currentObject);
+    // update distArray
+    if (pointArray) updatedPayload.distArray = pointArray;
+
+    // update sku_number using sku_array
+    var currentDoorColorId = currentObject.getIn(['doorStyle', 'id']);
+    var skuArray = catalog === null || catalog === void 0 || (_catalog$elements$cur = catalog.elements[currentObject.get('name')]) === null || _catalog$elements$cur === void 0 || (_catalog$elements$cur = _catalog$elements$cur.obj) === null || _catalog$elements$cur === void 0 ? void 0 : _catalog$elements$cur.skuArray;
+    var correctSKU = skuArray === null || skuArray === void 0 ? void 0 : skuArray.find(function (sku) {
+      return sku.door_color_id === currentDoorColorId;
+    });
+    if (correctSKU) {
+      updatedPayload.sku_number = correctSKU.sku;
+    }
+  }
+  return updatedPayload;
 }

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

@@ -20,6 +20,7 @@ var _export = require("./export");
 var _utils = require("../components/viewer2d/utils");
 var _SVGLoader = require("three/addons/loaders/SVGLoader");
 var _molding = require("./molding");
+var _models = require("../models");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PRECISION = 2;
@@ -1158,7 +1159,7 @@ function handleExternalEvent(_x10) {
 function _handleExternalEvent() {
   _handleExternalEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9(props) {
     var _evt$payload3, _evt$payload4;
-    var evt, state, layerId, layer, _evt$payload, cdsItems, itemKeys, _loop3, i, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _Object$keys, _evt$payload5, doorStyle, itemCDS, isAll, _layerId, _cdsItems, allItems, selectedItemId, _itemKeys, _loop4, _i2, _props$onInternalEven2, _evt$payload6, roomShapeType, width, height, _doorStyle, value, _value, _evt$payload7, moldingInfo, isGlobal, distElement, _distElement, _evt$payload8, option, _value2, _layerId2, _layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i4, _i5, _i6, _evt$payload9, _evt$payload0, _evt$payload1, _evt$payload10, _layerID, _layer2, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$onInternalEven3, sceneData, currentTexture, _t5, _t6;
+    var evt, state, layerId, layer, _evt$payload, cdsItems, itemKeys, _loop3, i, newScene, _props$onInternalEven, sLineCnt, element, _state$viewer2D, _evt$payload$initialP, mouseX, mouseY, v2d, vPosX, vPosY, layerID, defaulTitle, _Object$keys, _evt$payload5, doorStyle, itemCDS, isAll, _layerId, _cdsItems, allItems, selectedItemId, _itemKeys, _loop4, _i2, _props$onInternalEven2, _evt$payload6, roomShapeType, width, height, _doorStyle, value, _value, _evt$payload7, moldingInfo, isGlobal, distElement, _distElement, _evt$payload8, option, _value2, _layerId2, _layer, _layer$getIn, selectedLines, selectedHoles, selectedItems, _i4, _i5, _i6, _evt$payload9, _evt$payload0, _evt$payload1, _evt$payload10, _layerID, _layer2, orginalItemInfo, originalItem, originalItemPos, replaceItem, _props$onInternalEven3, sceneData, currentTexture, _t5, _t6;
     return _regenerator["default"].wrap(function (_context1) {
       while (1) switch (_context1.prev = _context1.next) {
         case 0:
@@ -1168,9 +1169,13 @@ function _handleExternalEvent() {
           layerId = state.getIn(['scene', 'selectedLayer']);
           layer = state.getIn(['scene', 'layers', layerId]);
           _t5 = evt === null || evt === void 0 ? void 0 : evt.type;
-          _context1.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_ADD_HOLE ? 12 : _t5 === _constants.EXTERNAL_EVENT_ROTATE_PAN ? 13 : _t5 === _constants.EXTERNAL_EVENT_MOVE_PAN ? 13 : _t5 === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 14 : _t5 === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 15 : _t5 === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 19 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_IN ? 20 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 21 : _t5 === _constants.EXTERNAL_EVENT_CENTERING_2D ? 22 : _t5 === _constants.EXTERNAL_EVENT_UNDO ? 23 : _t5 === _constants.EXTERNAL_EVENT_REDO ? 24 : _t5 === _constants.EXTERNAL_EVENT_SET_MOLDING ? 25 : _t5 === _constants.EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 27 : _t5 === _constants.EXTERNAL_EVENT_DELETE_ELEMENT ? 28 : _t5 === _constants.EXTERNAL_EVENT_PROJECT_SETTING ? 29 : _t5 === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 38 : _t5 === _constants.EXTERNAL_EVENT_UPDATE_PROPERTY ? 38 : _t5 === _constants.EXTERNAL_EVENT_REPLACE_CABINET ? 39 : _t5 === _constants.EXTERNAL_EVENT_SET_FINISHING ? 41 : _t5 === _constants.EXTERNAL_EVENT_SYNC_SCENE ? 42 : 43;
+          _context1.next = _t5 === _constants.EXTERNAL_EVENT_LOAD_PROJECT ? 1 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 6 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 7 : _t5 === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 8 : _t5 === _constants.EXTERNAL_EVENT_ADD_WALL ? 9 : _t5 === _constants.EXTERNAL_EVENT_ADD_ITEM ? 10 : _t5 === _constants.EXTERNAL_EVENT_ADD_HOLE ? 13 : _t5 === _constants.EXTERNAL_EVENT_ROTATE_PAN ? 14 : _t5 === _constants.EXTERNAL_EVENT_MOVE_PAN ? 14 : _t5 === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 15 : _t5 === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 16 : _t5 === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 20 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_IN ? 21 : _t5 === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 22 : _t5 === _constants.EXTERNAL_EVENT_CENTERING_2D ? 23 : _t5 === _constants.EXTERNAL_EVENT_UNDO ? 24 : _t5 === _constants.EXTERNAL_EVENT_REDO ? 25 : _t5 === _constants.EXTERNAL_EVENT_SET_MOLDING ? 26 : _t5 === _constants.EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 28 : _t5 === _constants.EXTERNAL_EVENT_DELETE_ELEMENT ? 29 : _t5 === _constants.EXTERNAL_EVENT_PROJECT_SETTING ? 30 : _t5 === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 39 : _t5 === _constants.EXTERNAL_EVENT_UPDATE_PROPERTY ? 39 : _t5 === _constants.EXTERNAL_EVENT_REPLACE_CABINET ? 40 : _t5 === _constants.EXTERNAL_EVENT_SET_FINISHING ? 42 : _t5 === _constants.EXTERNAL_EVENT_SYNC_SCENE ? 43 : 44;
           break;
         case 1:
+          if (!(evt !== null && evt !== void 0 && evt.payload)) {
+            _context1.next = 5;
+            break;
+          }
           // prepare item data request
           cdsItems = [];
           itemKeys = Object.keys(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 ? void 0 : _evt$payload.items) || [];
@@ -1215,6 +1220,10 @@ function _handleExternalEvent() {
           _context1.next = 2;
           break;
         case 4:
+          newScene = new _models.Scene(evt === null || evt === void 0 ? void 0 : evt.payload);
+          state = new _models.State({
+            scene: newScene.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, {
@@ -1253,32 +1262,33 @@ function _handleExternalEvent() {
               };
             }());
           }
-          return _context1.abrupt("continue", 43);
         case 5:
-          props.projectActions.setMode(_constants.MODE_IDLE_3D);
-          return _context1.abrupt("continue", 43);
+          return _context1.abrupt("continue", 44);
         case 6:
-          props.projectActions.setMode(_constants.MODE_IDLE);
-          return _context1.abrupt("continue", 43);
+          props.projectActions.setMode(_constants.MODE_IDLE_3D);
+          return _context1.abrupt("continue", 44);
         case 7:
+          props.projectActions.setMode(_constants.MODE_IDLE);
+          return _context1.abrupt("continue", 44);
+        case 8:
           sLineCnt = layer.selected.lines.size;
           if (sLineCnt > 0) props.projectActions.setMode(_constants.MODE_ELEVATION_VIEW);
-          return _context1.abrupt("continue", 43);
-        case 8:
+          return _context1.abrupt("continue", 44);
+        case 9:
           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 _context1.abrupt("continue", 43);
-        case 9:
+          return _context1.abrupt("continue", 44);
+        case 10:
           if ((0, _helper.isEmpty)(evt === null || evt === void 0 ? void 0 : evt.payload)) {
-            _context1.next = 11;
+            _context1.next = 12;
             break;
           }
           element = evt.payload;
-          _context1.next = 10;
+          _context1.next = 11;
           return addItemToCatalog(element, state, props.catalog, props.projectActions);
-        case 10:
+        case 11:
           // start drawing item
           if (_constants.ARRAY_3D_MODES.includes(state.mode)) {
             // in 3d view
@@ -1299,20 +1309,20 @@ function _handleExternalEvent() {
           }
           props.projectActions.pushLastSelectedCatalogElementToHistory(element);
           props.projectActions.setIsCabinetDrawing(true);
-        case 11:
-          return _context1.abrupt("continue", 43);
         case 12:
-          _constants.ARRAY_3D_MODES.includes(state.mode) ? props.holesActions.selectToolDrawingHole3D(evt === null || evt === void 0 || (_evt$payload3 = evt.payload) === null || _evt$payload3 === void 0 ? void 0 : _evt$payload3.holeName) : props.holesActions.selectToolDrawingHole(evt === null || evt === void 0 || (_evt$payload4 = evt.payload) === null || _evt$payload4 === void 0 ? void 0 : _evt$payload4.holeName);
-          return _context1.abrupt("continue", 43);
+          return _context1.abrupt("continue", 44);
         case 13:
-          moveAndRotatePan2D3D(evt.type, props, evt.payload, state);
-          return _context1.abrupt("continue", 43);
+          _constants.ARRAY_3D_MODES.includes(state.mode) ? props.holesActions.selectToolDrawingHole3D(evt === null || evt === void 0 || (_evt$payload3 = evt.payload) === null || _evt$payload3 === void 0 ? void 0 : _evt$payload3.holeName) : props.holesActions.selectToolDrawingHole(evt === null || evt === void 0 || (_evt$payload4 = evt.payload) === null || _evt$payload4 === void 0 ? void 0 : _evt$payload4.holeName);
+          return _context1.abrupt("continue", 44);
         case 14:
+          moveAndRotatePan2D3D(evt.type, props, evt.payload, state);
+          return _context1.abrupt("continue", 44);
+        case 15:
           defaulTitle = 'Untitle';
           props.projectActions.newProject();
           props.projectActions.rename(defaulTitle);
-          return _context1.abrupt("continue", 43);
-        case 15:
+          return _context1.abrupt("continue", 44);
+        case 16:
           _evt$payload5 = evt.payload, doorStyle = _evt$payload5.doorStyle, itemCDS = _evt$payload5.itemCDS, isAll = _evt$payload5.isAll; // prepare item data request
           _layerId = state.getIn(['scene', 'selectedLayer']);
           _cdsItems = [];
@@ -1347,17 +1357,17 @@ function _handleExternalEvent() {
             }, _loop4);
           });
           _i2 = 0;
-        case 16:
+        case 17:
           if (!(_i2 < _itemKeys.length)) {
-            _context1.next = 18;
+            _context1.next = 19;
             break;
           }
-          return _context1.delegateYield(_loop4(), "t1", 17);
-        case 17:
+          return _context1.delegateYield(_loop4(), "t1", 18);
+        case 18:
           _i2++;
-          _context1.next = 16;
+          _context1.next = 17;
           break;
-        case 18:
+        case 19:
           // request item catalog data to host app
           if (_cdsItems.length > 0) {
             (_props$onInternalEven2 = props.onInternalEvent) === null || _props$onInternalEven2 === void 0 || _props$onInternalEven2.call(props, {
@@ -1396,94 +1406,94 @@ function _handleExternalEvent() {
               };
             }());
           } else props.itemsActions.setDoorStyle(doorStyle, itemCDS, isAll);
-          return _context1.abrupt("continue", 43);
-        case 19:
+          return _context1.abrupt("continue", 44);
+        case 20:
           _evt$payload6 = evt.payload, roomShapeType = _evt$payload6.roomShapeType, width = _evt$payload6.width, height = _evt$payload6.height, _doorStyle = _evt$payload6.doorStyle;
           props.projectActions.createRoomWithShape(roomShapeType, width, height, _doorStyle);
-          return _context1.abrupt("continue", 43);
-        case 20:
+          return _context1.abrupt("continue", 44);
+        case 21:
           value = state.getIn(['viewer2D']).toJS();
           value.a += 0.1;
           value.d += 0.1;
           value.e -= value.SVGWidth * 0.1 / 2;
           value.f -= value.SVGHeight * 0.1 / 2;
           (0, _helper.updateViwer2D)(value, props.viewer2DActions);
-          return _context1.abrupt("continue", 43);
-        case 21:
+          return _context1.abrupt("continue", 44);
+        case 22:
           _value = state.getIn(['viewer2D']).toJS();
           _value.a -= 0.1;
           _value.d -= 0.1;
           _value.e += _value.SVGWidth * 0.1 / 2;
           _value.f += _value.SVGHeight * 0.1 / 2;
           (0, _helper.updateViwer2D)(_value, props.viewer2DActions);
-          return _context1.abrupt("continue", 43);
-        case 22:
-          (0, _helper.centering2D)(state, props.viewer2DActions);
-          return _context1.abrupt("continue", 43);
+          return _context1.abrupt("continue", 44);
         case 23:
-          props.projectActions.undo();
-          return _context1.abrupt("continue", 43);
+          (0, _helper.centering2D)(state, props.viewer2DActions);
+          return _context1.abrupt("continue", 44);
         case 24:
-          props.projectActions.redo();
-          return _context1.abrupt("continue", 43);
+          props.projectActions.undo();
+          return _context1.abrupt("continue", 44);
         case 25:
+          props.projectActions.redo();
+          return _context1.abrupt("continue", 44);
+        case 26:
           _evt$payload7 = evt.payload, moldingInfo = _evt$payload7.moldingInfo, isGlobal = _evt$payload7.isGlobal;
-          _context1.next = 26;
+          _context1.next = 27;
           return loadMoldingSvg(moldingInfo);
-        case 26:
-          props.itemsActions.setMolding(moldingInfo, isGlobal);
-          return _context1.abrupt("continue", 43);
         case 27:
+          props.itemsActions.setMolding(moldingInfo, isGlobal);
+          return _context1.abrupt("continue", 44);
+        case 28:
           distElement = getElement(evt.payload, state);
           if (distElement) props.itemsActions.duplicateSelected(distElement, props.onInternalEvent);
-          return _context1.abrupt("continue", 43);
-        case 28:
+          return _context1.abrupt("continue", 44);
+        case 29:
           _distElement = getElement(evt.payload, state);
           if (_distElement) props.projectActions.remove(_distElement);
-          return _context1.abrupt("continue", 43);
-        case 29:
+          return _context1.abrupt("continue", 44);
+        case 30:
           _evt$payload8 = evt.payload, option = _evt$payload8.option, _value2 = _evt$payload8.value;
           _t6 = option;
-          _context1.next = _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_MEASUREMENT_UNIT ? 30 : _t6 === _constants.PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT ? 31 : _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE ? 32 : _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE ? 33 : _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE ? 34 : _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE ? 35 : 36;
+          _context1.next = _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_MEASUREMENT_UNIT ? 31 : _t6 === _constants.PROJECT_SETTING_OPTION.UPDATE_CEIL_HEIGHT ? 32 : _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_WALL_LENGTH_MEASURE ? 33 : _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_BASE_CABINET_MEASURE ? 34 : _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_WALL_CABINET_MEASURE ? 35 : _t6 === _constants.PROJECT_SETTING_OPTION.CHANGE_WINDOW_DOOR_MEASURE ? 36 : 37;
           break;
-        case 30:
-          props.viewer2DActions.updateCeilHeightUnit(_value2);
         case 31:
+          props.viewer2DActions.updateCeilHeightUnit(_value2);
+        case 32:
           props.viewer2DActions.updateCeilHeight(_value2);
           props.viewer3DActions.update3DCeilHeight(_value2);
-          return _context1.abrupt("continue", 37);
-        case 32:
-          props.viewer2DActions.changeWallLengthMeasure(_value2);
-          return _context1.abrupt("continue", 37);
+          return _context1.abrupt("continue", 38);
         case 33:
-          props.viewer2DActions.changeBaseCabinetMeasure(_value2);
-          return _context1.abrupt("continue", 37);
+          props.viewer2DActions.changeWallLengthMeasure(_value2);
+          return _context1.abrupt("continue", 38);
         case 34:
-          props.viewer2DActions.changeWallCabinetMeasure(_value2);
-          return _context1.abrupt("continue", 37);
+          props.viewer2DActions.changeBaseCabinetMeasure(_value2);
+          return _context1.abrupt("continue", 38);
         case 35:
-          props.viewer2DActions.changeWindowDoorMeasure(_value2);
-          return _context1.abrupt("continue", 37);
+          props.viewer2DActions.changeWallCabinetMeasure(_value2);
+          return _context1.abrupt("continue", 38);
         case 36:
-          return _context1.abrupt("continue", 37);
+          props.viewer2DActions.changeWindowDoorMeasure(_value2);
+          return _context1.abrupt("continue", 38);
         case 37:
-          return _context1.abrupt("continue", 43);
+          return _context1.abrupt("continue", 38);
         case 38:
+          return _context1.abrupt("continue", 44);
+        case 39:
           _layerId2 = state.getIn(['scene', 'selectedLayer']);
           _layer = state.getIn(['scene', 'layers', _layerId2]);
           _layer$getIn = _layer.getIn(['selected']), selectedLines = _layer$getIn.lines, selectedHoles = _layer$getIn.holes, selectedItems = _layer$getIn.items;
           for (_i4 = 0; _i4 < selectedLines.size; _i4++) (evt === null || evt === void 0 ? void 0 : evt.type) === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(_layer.getIn(['lines', selectedLines.get(_i4)]), evt.payload, state, _layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(_layer.getIn(['lines', selectedLines.get(_i4)]), evt.payload, props.catalog, props.projectActions, evt.callback);
           for (_i5 = 0; _i5 < selectedHoles.size; _i5++) (evt === null || evt === void 0 ? void 0 : evt.type) === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(_layer.getIn(['holes', selectedHoles.get(_i5)]), evt.payload, state, _layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(_layer.getIn(['holes', selectedHoles.get(_i5)]), evt.payload, props.catalog, props.projectActions, evt.callback);
           for (_i6 = 0; _i6 < selectedItems.size; _i6++) (evt === null || evt === void 0 ? void 0 : evt.type) === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? updateAttributeOfSelectedElement(_layer.getIn(['items', selectedItems.get(_i6)]), evt.payload, state, _layer, props.catalog, props.projectActions, evt.callback) : updatePropertyOfSelectedElement(_layer.getIn(['items', selectedItems.get(_i6)]), evt.payload, props.catalog, props.projectActions, evt.callback);
-          return _context1.abrupt("continue", 43);
-        case 39:
+          return _context1.abrupt("continue", 44);
+        case 40:
           _layerID = state.scene.selectedLayer;
           _layer2 = state.scene.getIn(['layers', _layerID]).toJS();
           orginalItemInfo = evt === null || evt === void 0 || (_evt$payload9 = evt.payload) === null || _evt$payload9 === void 0 ? void 0 : _evt$payload9.orginalItemInfo;
           originalItem = _layer2 === null || _layer2 === void 0 ? void 0 : _layer2.items[orginalItemInfo.id];
-          _context1.next = 40;
+          _context1.next = 41;
           return addItemToCatalog(evt.payload.replaceItemInfo, state, props.catalog, props.projectActions);
-        case 40:
+        case 41:
           originalItemPos = {
             rotation: originalItem.rotation,
             selectedItemId: originalItem.id,
@@ -1498,11 +1508,11 @@ function _handleExternalEvent() {
             }
           };
           props.itemsActions.replaceItem(originalItemPos, originalItem, replaceItem);
-          return _context1.abrupt("continue", 43);
-        case 41:
-          setFinishing(props, state, evt.payload);
-          return _context1.abrupt("continue", 43);
+          return _context1.abrupt("continue", 44);
         case 42:
+          setFinishing(props, state, evt.payload);
+          return _context1.abrupt("continue", 44);
+        case 43:
           sceneData = state.scene.toJS(); // get molding data for "ReviewForQuote"
           currentTexture = layer.doorStyle !== null || layer.doorStyle !== undefined ? layer.doorStyle : props.state.doorStyle.toJS();
           sceneData.layers[layerId].moldingData = (0, _molding.getMoldingDataOfScene)(layer, props.catalog, currentTexture);
@@ -1513,8 +1523,8 @@ function _handleExternalEvent() {
               scene: sceneData
             }
           });
-          return _context1.abrupt("continue", 43);
-        case 43:
+          return _context1.abrupt("continue", 44);
+        case 44:
         case "end":
           return _context1.stop();
       }

package/package.json

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