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

package/es/devLiteRenderer.js

@@ -15,14 +15,13 @@ import roomShapePayload from "./mocks/roomShapePayload.json";
 import itemCDSPayload from "./mocks/itemCDSPayload.json";
 import lightingPayload from "./mocks/lightingPayload.json";
 import furnishingPayload from "./mocks/furnishingPayload.json";
-import rectangleData from "./mocks/rectangleShape.json";
 import moldingPayload from "./mocks/moldingPayload.json";
 import replaceCabinetPayload from "./mocks/replaceCabinetPayload.json";
 import holesPayload from "./mocks/holesPayload.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_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, BACK_DIST_ANG, ATT_ITEM_POS, ATT_ITEM_ROTATION, ATT_LINE_LENGTH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, EXTERNAL_EVENT_CENTERING_2D, PROP_ALTITUDE, EXTERNAL_EVENT_DUPLICATE_ELEMENT, ELEMENT_ITEM, EXTERNAL_EVENT_DELETE_ELEMENT, PROP_RESIZE_WIDTH, EXTERNAL_EVENT_REPLACE_CABINET, EXTERNAL_EVENT_SET_FINISHING, FINISHING_TYPE, EXTERNAL_EVENT_ROTATE_PAN, DOORSTYLE_SCOPE_ALL } 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_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, BACK_DIST_ANG, ATT_ITEM_POS, ATT_ITEM_ROTATION, ATT_LINE_LENGTH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, EXTERNAL_EVENT_CENTERING_2D, PROP_ALTITUDE, EXTERNAL_EVENT_DUPLICATE_ELEMENT, ELEMENT_ITEM, EXTERNAL_EVENT_DELETE_ELEMENT, PROP_RESIZE_WIDTH, EXTERNAL_EVENT_REPLACE_CABINET, EXTERNAL_EVENT_SET_FINISHING, FINISHING_TYPE, EXTERNAL_EVENT_ROTATE_PAN, DOORSTYLE_SCOPE_ALL, ATT_HOLE_OFFSET_A, ATT_HOLE_OFFSET_B, DEFAULT_INTERIOR_URL, DEFAULT_DOOR_HANDLE_TEXTURE_URL } from "./constants";
 import { convert } from "./utils/convert-units-lite";
 
 // --- renderer props ---
@@ -62,9 +61,9 @@ function WorkSpace(props) {
     externalEvent = _useState2[0],
     setExternalEvent = _useState2[1];
   var offset = 5;
-  var holeButtons = Array.isArray(holesPayload) ? holesPayload.filter(function (hole) {
+  var holeButtons = Array.isArray(holesPayload) ? [holesPayload.find(function (hole) {
     return hole && !hole.is_deleted;
-  }) : [];
+  })] : [];
   return /*#__PURE__*/React.createElement("div", {
     className: "flex gap-4"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
@@ -83,7 +82,7 @@ function WorkSpace(props) {
       var evt = {
         type: EXTERNAL_EVENT_LOAD_PROJECT,
         // send request for sync scene data to 3DTool
-        payload: JSON.parse(mockProps.projectElement[0].project_data)
+        payload: mockProps.projectElement[0].project_data
       };
       setExternalEvent(evt);
     }
@@ -280,70 +279,70 @@ function WorkSpace(props) {
             doorStyles: {
               base: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               counttop: 'https://media.test.diydesignspace.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg',
-              interior: 'https://media.test.diydesignspace.com/uploads/assets/default/maple.jpg',
+              interior: DEFAULT_INTERIOR_URL,
               base_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_1: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_1: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_1: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_2: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_2: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_2: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_3: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_3: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_3: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_4: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_4: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_4: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_5: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_5: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_5: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_6: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_6: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_6: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_7: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_7: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_7: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_8: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_8: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_8: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg'
+              door_handle_9: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_9: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_9: DEFAULT_DOOR_HANDLE_TEXTURE_URL
             },
             installation_types: [125, 124]
           }
@@ -378,70 +377,70 @@ function WorkSpace(props) {
             doorStyles: {
               base: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               counttop: 'https://media.test.diydesignspace.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg',
-              interior: 'https://media.test.diydesignspace.com/uploads/assets/default/maple.jpg',
+              interior: DEFAULT_INTERIOR_URL,
               base_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_1: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_1: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_1: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_2: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_2: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_2: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_3: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_3: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_3: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_4: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_4: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_4: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_5: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_5: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_5: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_6: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_6: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_6: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_7: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_7: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_7: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
+              door_handle_8: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_8: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_8: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
               base_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_fixed_drawer_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
               base_drawer_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
-              door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              fixed_drawer_door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
-              drawer_door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg'
+              door_handle_9: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_9: DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_9: DEFAULT_DOOR_HANDLE_TEXTURE_URL
             },
             installation_types: [125, 124]
           }
@@ -564,6 +563,38 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, "OP-Wall Length to 100"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: ATT_HOLE_OFFSET_A,
+          value: 20
+        },
+        callback: function callback(updatedAttributeForm) {
+          console.log(updatedAttributeForm);
+          // Do something here with new attributes
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "OP-Window Left Distance To 20"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: ATT_HOLE_OFFSET_B,
+          value: 20
+        },
+        callback: function callback(updatedAttributeForm) {
+          console.log(updatedAttributeForm);
+          // Do something here with new attributes
+        }
+      };
+      setExternalEvent(evt);
+    }
+  }, "OP-Window Right Distance To 20"), /*#__PURE__*/React.createElement(Button, {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {
@@ -645,6 +676,33 @@ function WorkSpace(props) {
       }
     }, "Add Hole (".concat(hole.type, " - ").concat(hole.name, ")"));
   }), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_ITEM,
+        payload: appliancePaylod
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Appliance (30 Bottom Freezer)"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_ITEM,
+        payload: lightingPayload
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Lighting"), /*#__PURE__*/React.createElement(Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: EXTERNAL_EVENT_ADD_ITEM,
+        payload: furnishingPayload
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Furnishing"), /*#__PURE__*/React.createElement(Button, {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {

package/es/events/external/handleExternalEvent.js

@@ -0,0 +1,140 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { ARRAY_3D_MODES, DOORSTYLE_SCOPE_ALL, DOORSTYLE_SCOPE_MULTIPLE, DOORSTYLE_SCOPE_SINGLE, DEFAULT_MOLDING_PIECE_LENGTH, EXTERNAL_EVENT_ADD_HOLE, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_CENTERING_2D, EXTERNAL_EVENT_DELETE_ELEMENT, EXTERNAL_EVENT_DUPLICATE_ELEMENT, EXTERNAL_EVENT_LOAD_PROJECT, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_PROJECT_SETTING, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_REPLACE_CABINET, EXTERNAL_EVENT_ROTATE_PAN, EXTERNAL_EVENT_SET_FINISHING, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, EXTERNAL_EVENT_UPDATE_PROPERTY, INTERNAL_EVENT_ITEMS_CATALOG, INTERNAL_EVENT_SYNC_SCENE, MODE_ELEVATION_VIEW, MODE_IDLE, MODE_IDLE_3D } from "../../constants";
+import { isEmpty } from "../../utils/helper";
+import { mapExternalEventPayload } from "../../mappings/external-events/mapExternalEventPayload";
+import { ccdfMapper } from "../../mappings/external-events/mappers/ccdfMapper";
+import { mapFromCCDFToCDS } from "../../mappings/external-events/mappers/ccdfToCDSMapper";
+import { updateProjectWithCDSList } from "../../mappings/external-events/mappers/loadProjectMapper";
+import { computeSkinPanels } from "../../utils/skinPanelEngine";
+import { getMoldingDataOfScene2 } from "../../utils/molding";
+import { handleToggleTo2D, handleToggleTo3D, handleToggleToElevation } from "./handlers.viewMode";
+import { handleMoveAndRotatePan2D3D, handleZoomIn, handleZoomOut, handleCentering2D } from "./handlers.viewerNavigation";
+import { handleNewProject, handleUndo, handleRedo } from "./handlers.projectLifecycle";
+import { handleProjectSetting } from "./handlers.projectSettings";
+import { handleSetFinishing } from "./handlers.finishing";
+import { handleAddWall } from "./handlers.wall";
+import { handleAddHole } from "./handlers.hole";
+import { handleAddRoomShape } from "./handlers.roomShape";
+import { handleSetMolding } from "./handlers.molding";
+import { handleDuplicateElement, handleDeleteElement } from "./handlers.elementOps";
+import { handleReplaceCabinet } from "./handlers.replaceCabinet";
+import { handleSyncScene } from "./handlers.syncScene";
+import { handleLoadProjectEvent } from "./handlers.loadProject";
+import { handleAddItemEvent } from "./handlers.addItem";
+import { handleChangeDoorStyleEvent } from "./handlers.changeDoorStyle";
+import { handleUpdateSelectedElementsEvent } from "./handlers.updateSelectedElements";
+import { addItemToCatalog, getElement, getPlannerStateFromProps, loadMoldingSvg, mergeSameElements, updateAttributeOfSelectedElement, updatePropertyOfSelectedElement } from "./handleExternalEvent.util";
+export function handleExternalEvent(_x) {
+  return _handleExternalEvent.apply(this, arguments);
+}
+function _handleExternalEvent() {
+  _handleExternalEvent = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
+    var state, evt, layerId, layer, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          // console.log('***external event****', props.externalEvent);
+          state = getPlannerStateFromProps(props);
+          if (state) {
+            _context.next = 1;
+            break;
+          }
+          return _context.abrupt("return");
+        case 1:
+          evt = mapExternalEventPayload(props.externalEvent, state);
+          layerId = state.getIn(['scene', 'selectedLayer']);
+          layer = state.getIn(['scene', 'layers', layerId]);
+          _t = evt === null || evt === void 0 ? void 0 : evt.type;
+          _context.next = _t === EXTERNAL_EVENT_LOAD_PROJECT ? 2 : _t === EXTERNAL_EVENT_TOGGLE_TO_3D ? 4 : _t === EXTERNAL_EVENT_TOGGLE_TO_2D ? 5 : _t === EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 6 : _t === EXTERNAL_EVENT_ADD_WALL ? 7 : _t === EXTERNAL_EVENT_ADD_ITEM ? 8 : _t === EXTERNAL_EVENT_ADD_HOLE ? 10 : _t === EXTERNAL_EVENT_ROTATE_PAN ? 11 : _t === EXTERNAL_EVENT_MOVE_PAN ? 11 : _t === EXTERNAL_EVENT_NEW_PROJECT ? 12 : _t === EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 13 : _t === EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 15 : _t === EXTERNAL_EVENT_ZOOM_IN ? 16 : _t === EXTERNAL_EVENT_ZOOM_OUT ? 17 : _t === EXTERNAL_EVENT_CENTERING_2D ? 18 : _t === EXTERNAL_EVENT_UNDO ? 19 : _t === EXTERNAL_EVENT_REDO ? 20 : _t === EXTERNAL_EVENT_SET_MOLDING ? 21 : _t === EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 23 : _t === EXTERNAL_EVENT_DELETE_ELEMENT ? 24 : _t === EXTERNAL_EVENT_PROJECT_SETTING ? 25 : _t === EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 26 : _t === EXTERNAL_EVENT_UPDATE_PROPERTY ? 26 : _t === EXTERNAL_EVENT_REPLACE_CABINET ? 27 : _t === EXTERNAL_EVENT_SET_FINISHING ? 29 : _t === EXTERNAL_EVENT_SYNC_SCENE ? 30 : 31;
+          break;
+        case 2:
+          _context.next = 3;
+          return handleLoadProjectEvent(props, state, evt, mapFromCCDFToCDS, updateProjectWithCDSList, ccdfMapper, mergeSameElements, addItemToCatalog);
+        case 3:
+          return _context.abrupt("continue", 31);
+        case 4:
+          handleToggleTo3D(props, MODE_IDLE_3D);
+          return _context.abrupt("continue", 31);
+        case 5:
+          handleToggleTo2D(props, MODE_IDLE);
+          return _context.abrupt("continue", 31);
+        case 6:
+          handleToggleToElevation(props, layer, MODE_ELEVATION_VIEW);
+          return _context.abrupt("continue", 31);
+        case 7:
+          handleAddWall(props, state);
+          return _context.abrupt("continue", 31);
+        case 8:
+          _context.next = 9;
+          return handleAddItemEvent(props, state, evt === null || evt === void 0 ? void 0 : evt.payload, addItemToCatalog, isEmpty, ARRAY_3D_MODES);
+        case 9:
+          return _context.abrupt("continue", 31);
+        case 10:
+          handleAddHole(props, state, evt === null || evt === void 0 ? void 0 : evt.payload);
+          return _context.abrupt("continue", 31);
+        case 11:
+          handleMoveAndRotatePan2D3D(evt.type, props, evt.payload, state);
+          return _context.abrupt("continue", 31);
+        case 12:
+          handleNewProject(props);
+          return _context.abrupt("continue", 31);
+        case 13:
+          _context.next = 14;
+          return handleChangeDoorStyleEvent(props, state, layer, evt.payload, DOORSTYLE_SCOPE_SINGLE, DOORSTYLE_SCOPE_MULTIPLE, DOORSTYLE_SCOPE_ALL, INTERNAL_EVENT_ITEMS_CATALOG, mapFromCCDFToCDS, ccdfMapper, mergeSameElements, addItemToCatalog);
+        case 14:
+          return _context.abrupt("continue", 31);
+        case 15:
+          handleAddRoomShape(props, evt.payload);
+          return _context.abrupt("continue", 31);
+        case 16:
+          handleZoomIn(props, state);
+          return _context.abrupt("continue", 31);
+        case 17:
+          handleZoomOut(props, state);
+          return _context.abrupt("continue", 31);
+        case 18:
+          handleCentering2D(props, state);
+          return _context.abrupt("continue", 31);
+        case 19:
+          handleUndo(props);
+          return _context.abrupt("continue", 31);
+        case 20:
+          handleRedo(props);
+          return _context.abrupt("continue", 31);
+        case 21:
+          _context.next = 22;
+          return handleSetMolding(props, loadMoldingSvg, evt.payload);
+        case 22:
+          return _context.abrupt("continue", 31);
+        case 23:
+          handleDuplicateElement(props, getElement, evt.payload, state);
+          return _context.abrupt("continue", 31);
+        case 24:
+          handleDeleteElement(props, getElement, evt.payload, state);
+          return _context.abrupt("continue", 31);
+        case 25:
+          handleProjectSetting(props, evt.payload, layer);
+          return _context.abrupt("continue", 31);
+        case 26:
+          handleUpdateSelectedElementsEvent(props, state, evt, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, updateAttributeOfSelectedElement, updatePropertyOfSelectedElement);
+          return _context.abrupt("continue", 31);
+        case 27:
+          _context.next = 28;
+          return handleReplaceCabinet(props, addItemToCatalog, evt === null || evt === void 0 ? void 0 : evt.payload, state);
+        case 28:
+          return _context.abrupt("continue", 31);
+        case 29:
+          handleSetFinishing(props, state, evt.payload);
+          return _context.abrupt("continue", 31);
+        case 30:
+          handleSyncScene(props, state, layer, layerId, getMoldingDataOfScene2, computeSkinPanels, DEFAULT_MOLDING_PIECE_LENGTH, INTERNAL_EVENT_SYNC_SCENE);
+          return _context.abrupt("continue", 31);
+        case 31:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _handleExternalEvent.apply(this, arguments);
+}