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

package/lib/devLiteRenderer.js

@@ -19,7 +19,6 @@ var _roomShapePayload = _interopRequireDefault(require("./mocks/roomShapePayload
 var _itemCDSPayload = _interopRequireDefault(require("./mocks/itemCDSPayload.json"));
 var _lightingPayload = _interopRequireDefault(require("./mocks/lightingPayload.json"));
 var _furnishingPayload = _interopRequireDefault(require("./mocks/furnishingPayload.json"));
-var _rectangleShape = _interopRequireDefault(require("./mocks/rectangleShape.json"));
 var _moldingPayload = _interopRequireDefault(require("./mocks/moldingPayload.json"));
 var _replaceCabinetPayload = _interopRequireDefault(require("./mocks/replaceCabinetPayload.json"));
 var _holesPayload = _interopRequireDefault(require("./mocks/holesPayload.json"));
@@ -66,9 +65,9 @@ function WorkSpace(props) {
     externalEvent = _useState2[0],
     setExternalEvent = _useState2[1];
   var offset = 5;
-  var holeButtons = Array.isArray(_holesPayload["default"]) ? _holesPayload["default"].filter(function (hole) {
+  var holeButtons = Array.isArray(_holesPayload["default"]) ? [_holesPayload["default"].find(function (hole) {
     return hole && !hole.is_deleted;
-  }) : [];
+  })] : [];
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex gap-4"
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
@@ -87,7 +86,7 @@ function WorkSpace(props) {
       var evt = {
         type: _constants.EXTERNAL_EVENT_LOAD_PROJECT,
         // send request for sync scene data to 3DTool
-        payload: JSON.parse(_mockProps["default"].projectElement[0].project_data)
+        payload: _mockProps["default"].projectElement[0].project_data
       };
       setExternalEvent(evt);
     }
@@ -284,70 +283,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: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_1: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_1: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_2: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_2: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_3: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_3: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_4: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_4: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_5: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_5: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_6: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_6: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_7: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_7: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_8: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_8: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_9: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_9: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL
             },
             installation_types: [125, 124]
           }
@@ -382,70 +381,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: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_1: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_1: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_2: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_2: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_3: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_3: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_4: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_4: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_5: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_5: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_6: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_6: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_7: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_7: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_8: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_8: _constants.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: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              fixed_drawer_door_handle_9: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL,
+              drawer_door_handle_9: _constants.DEFAULT_DOOR_HANDLE_TEXTURE_URL
             },
             installation_types: [125, 124]
           }
@@ -568,6 +567,38 @@ function WorkSpace(props) {
       setExternalEvent(evt);
     }
   }, "OP-Wall Length to 100"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: _constants.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["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
+        payload: {
+          attributeName: _constants.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["default"].createElement(_antd.Button, {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {
@@ -649,6 +680,33 @@ function WorkSpace(props) {
       }
     }, "Add Hole (".concat(hole.type, " - ").concat(hole.name, ")"));
   }), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ADD_ITEM,
+        payload: _appliancePayload["default"]
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Appliance (30 Bottom Freezer)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ADD_ITEM,
+        payload: _lightingPayload["default"]
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Lighting"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
+    actionType: "danger",
+    onClick: function onClick() {
+      var evt = {
+        type: _constants.EXTERNAL_EVENT_ADD_ITEM,
+        payload: _furnishingPayload["default"]
+      };
+      setExternalEvent(evt);
+    }
+  }, "Add Furnishing"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
     actionType: "danger",
     onClick: function onClick() {
       var evt = {

package/lib/events/external/handleExternalEvent.js

@@ -0,0 +1,147 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleExternalEvent = handleExternalEvent;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _constants = require("../../constants");
+var _helper = require("../../utils/helper");
+var _mapExternalEventPayload = require("../../mappings/external-events/mapExternalEventPayload");
+var _ccdfMapper = require("../../mappings/external-events/mappers/ccdfMapper");
+var _ccdfToCDSMapper = require("../../mappings/external-events/mappers/ccdfToCDSMapper");
+var _loadProjectMapper = require("../../mappings/external-events/mappers/loadProjectMapper");
+var _skinPanelEngine = require("../../utils/skinPanelEngine");
+var _molding = require("../../utils/molding");
+var _handlers = require("./handlers.viewMode");
+var _handlers2 = require("./handlers.viewerNavigation");
+var _handlers3 = require("./handlers.projectLifecycle");
+var _handlers4 = require("./handlers.projectSettings");
+var _handlers5 = require("./handlers.finishing");
+var _handlers6 = require("./handlers.wall");
+var _handlers7 = require("./handlers.hole");
+var _handlers8 = require("./handlers.roomShape");
+var _handlers9 = require("./handlers.molding");
+var _handlers0 = require("./handlers.elementOps");
+var _handlers1 = require("./handlers.replaceCabinet");
+var _handlers10 = require("./handlers.syncScene");
+var _handlers11 = require("./handlers.loadProject");
+var _handlers12 = require("./handlers.addItem");
+var _handlers13 = require("./handlers.changeDoorStyle");
+var _handlers14 = require("./handlers.updateSelectedElements");
+var _handleExternalEvent2 = require("./handleExternalEvent.util");
+function handleExternalEvent(_x) {
+  return _handleExternalEvent.apply(this, arguments);
+}
+function _handleExternalEvent() {
+  _handleExternalEvent = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(props) {
+    var state, evt, layerId, layer, _t;
+    return _regenerator["default"].wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          // console.log('***external event****', props.externalEvent);
+          state = (0, _handleExternalEvent2.getPlannerStateFromProps)(props);
+          if (state) {
+            _context.next = 1;
+            break;
+          }
+          return _context.abrupt("return");
+        case 1:
+          evt = (0, _mapExternalEventPayload.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 === _constants.EXTERNAL_EVENT_LOAD_PROJECT ? 2 : _t === _constants.EXTERNAL_EVENT_TOGGLE_TO_3D ? 4 : _t === _constants.EXTERNAL_EVENT_TOGGLE_TO_2D ? 5 : _t === _constants.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION ? 6 : _t === _constants.EXTERNAL_EVENT_ADD_WALL ? 7 : _t === _constants.EXTERNAL_EVENT_ADD_ITEM ? 8 : _t === _constants.EXTERNAL_EVENT_ADD_HOLE ? 10 : _t === _constants.EXTERNAL_EVENT_ROTATE_PAN ? 11 : _t === _constants.EXTERNAL_EVENT_MOVE_PAN ? 11 : _t === _constants.EXTERNAL_EVENT_NEW_PROJECT ? 12 : _t === _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE ? 13 : _t === _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE ? 15 : _t === _constants.EXTERNAL_EVENT_ZOOM_IN ? 16 : _t === _constants.EXTERNAL_EVENT_ZOOM_OUT ? 17 : _t === _constants.EXTERNAL_EVENT_CENTERING_2D ? 18 : _t === _constants.EXTERNAL_EVENT_UNDO ? 19 : _t === _constants.EXTERNAL_EVENT_REDO ? 20 : _t === _constants.EXTERNAL_EVENT_SET_MOLDING ? 21 : _t === _constants.EXTERNAL_EVENT_DUPLICATE_ELEMENT ? 23 : _t === _constants.EXTERNAL_EVENT_DELETE_ELEMENT ? 24 : _t === _constants.EXTERNAL_EVENT_PROJECT_SETTING ? 25 : _t === _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE ? 26 : _t === _constants.EXTERNAL_EVENT_UPDATE_PROPERTY ? 26 : _t === _constants.EXTERNAL_EVENT_REPLACE_CABINET ? 27 : _t === _constants.EXTERNAL_EVENT_SET_FINISHING ? 29 : _t === _constants.EXTERNAL_EVENT_SYNC_SCENE ? 30 : 31;
+          break;
+        case 2:
+          _context.next = 3;
+          return (0, _handlers11.handleLoadProjectEvent)(props, state, evt, _ccdfToCDSMapper.mapFromCCDFToCDS, _loadProjectMapper.updateProjectWithCDSList, _ccdfMapper.ccdfMapper, _handleExternalEvent2.mergeSameElements, _handleExternalEvent2.addItemToCatalog);
+        case 3:
+          return _context.abrupt("continue", 31);
+        case 4:
+          (0, _handlers.handleToggleTo3D)(props, _constants.MODE_IDLE_3D);
+          return _context.abrupt("continue", 31);
+        case 5:
+          (0, _handlers.handleToggleTo2D)(props, _constants.MODE_IDLE);
+          return _context.abrupt("continue", 31);
+        case 6:
+          (0, _handlers.handleToggleToElevation)(props, layer, _constants.MODE_ELEVATION_VIEW);
+          return _context.abrupt("continue", 31);
+        case 7:
+          (0, _handlers6.handleAddWall)(props, state);
+          return _context.abrupt("continue", 31);
+        case 8:
+          _context.next = 9;
+          return (0, _handlers12.handleAddItemEvent)(props, state, evt === null || evt === void 0 ? void 0 : evt.payload, _handleExternalEvent2.addItemToCatalog, _helper.isEmpty, _constants.ARRAY_3D_MODES);
+        case 9:
+          return _context.abrupt("continue", 31);
+        case 10:
+          (0, _handlers7.handleAddHole)(props, state, evt === null || evt === void 0 ? void 0 : evt.payload);
+          return _context.abrupt("continue", 31);
+        case 11:
+          (0, _handlers2.handleMoveAndRotatePan2D3D)(evt.type, props, evt.payload, state);
+          return _context.abrupt("continue", 31);
+        case 12:
+          (0, _handlers3.handleNewProject)(props);
+          return _context.abrupt("continue", 31);
+        case 13:
+          _context.next = 14;
+          return (0, _handlers13.handleChangeDoorStyleEvent)(props, state, layer, evt.payload, _constants.DOORSTYLE_SCOPE_SINGLE, _constants.DOORSTYLE_SCOPE_MULTIPLE, _constants.DOORSTYLE_SCOPE_ALL, _constants.INTERNAL_EVENT_ITEMS_CATALOG, _ccdfToCDSMapper.mapFromCCDFToCDS, _ccdfMapper.ccdfMapper, _handleExternalEvent2.mergeSameElements, _handleExternalEvent2.addItemToCatalog);
+        case 14:
+          return _context.abrupt("continue", 31);
+        case 15:
+          (0, _handlers8.handleAddRoomShape)(props, evt.payload);
+          return _context.abrupt("continue", 31);
+        case 16:
+          (0, _handlers2.handleZoomIn)(props, state);
+          return _context.abrupt("continue", 31);
+        case 17:
+          (0, _handlers2.handleZoomOut)(props, state);
+          return _context.abrupt("continue", 31);
+        case 18:
+          (0, _handlers2.handleCentering2D)(props, state);
+          return _context.abrupt("continue", 31);
+        case 19:
+          (0, _handlers3.handleUndo)(props);
+          return _context.abrupt("continue", 31);
+        case 20:
+          (0, _handlers3.handleRedo)(props);
+          return _context.abrupt("continue", 31);
+        case 21:
+          _context.next = 22;
+          return (0, _handlers9.handleSetMolding)(props, _handleExternalEvent2.loadMoldingSvg, evt.payload);
+        case 22:
+          return _context.abrupt("continue", 31);
+        case 23:
+          (0, _handlers0.handleDuplicateElement)(props, _handleExternalEvent2.getElement, evt.payload, state);
+          return _context.abrupt("continue", 31);
+        case 24:
+          (0, _handlers0.handleDeleteElement)(props, _handleExternalEvent2.getElement, evt.payload, state);
+          return _context.abrupt("continue", 31);
+        case 25:
+          (0, _handlers4.handleProjectSetting)(props, evt.payload, layer);
+          return _context.abrupt("continue", 31);
+        case 26:
+          (0, _handlers14.handleUpdateSelectedElementsEvent)(props, state, evt, _constants.EXTERNAL_EVENT_UPDATE_ATTRIBUTE, _handleExternalEvent2.updateAttributeOfSelectedElement, _handleExternalEvent2.updatePropertyOfSelectedElement);
+          return _context.abrupt("continue", 31);
+        case 27:
+          _context.next = 28;
+          return (0, _handlers1.handleReplaceCabinet)(props, _handleExternalEvent2.addItemToCatalog, evt === null || evt === void 0 ? void 0 : evt.payload, state);
+        case 28:
+          return _context.abrupt("continue", 31);
+        case 29:
+          (0, _handlers5.handleSetFinishing)(props, state, evt.payload);
+          return _context.abrupt("continue", 31);
+        case 30:
+          (0, _handlers10.handleSyncScene)(props, state, layer, layerId, _molding.getMoldingDataOfScene2, _skinPanelEngine.computeSkinPanels, _constants.DEFAULT_MOLDING_PIECE_LENGTH, _constants.INTERNAL_EVENT_SYNC_SCENE);
+          return _context.abrupt("continue", 31);
+        case 31:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _handleExternalEvent.apply(this, arguments);
+}