kitchen-simulator 3.1.1 → 4.0.0-react-18

package/lib/mocks/mockProps2.json

@@ -0,0 +1,9 @@
+{
+  "configData": {
+    "success": true,
+    "id": "5",
+    "logoImg": "https://media.test.diydesignspace.com/uploads/Dealers/202508144813_14/logoImg/prime-log-circle.png",
+    "companyUrl": "https://www.primecabinetry.com"
+  },
+  "projectElement": []
+}

package/lib/mocks/moldingPayload.json

@@ -0,0 +1,19 @@
+{
+  "type": "cabinet",
+  "itemID": 352,
+  "name": "FBM",
+  "long_name": "96\" Base Molding",
+  "thumbnail": "https://media.test.diydesignspace.com/uploads/Cabinet/202212144446_352/thumbnail/FBM.png",
+  "shape_svg": "https://media.test.diydesignspace.com/uploads/Cabinet/202212144446_352/shape_svg/FBM.svg",
+  "molding_type": "Base",
+  "width": 12,
+  "width_unit": "inch",
+  "height": 0,
+  "height_unit": "inch",
+  "location_type": "Bottom",
+  "length": 12,
+  "length_unit": "inch",
+  "asset": "FBM.svg",
+  "info": { "width": 12, "height": 12, "tall": 0 },
+  "category": "molding"
+}

package/lib/mocks/projectItemsCatalog.json

@@ -0,0 +1,133 @@
+{
+  "elements": [
+    {
+      "itemID": 63,
+      "long_name": "12\" Base Cabinet",
+      "name": "B12",
+      "sizeinfo": {
+        "width": 12,
+        "depth": 24,
+        "height": 34.5,
+        "leftBlindLength": 0,
+        "rightBlindLength": 0
+      },
+      "description": "",
+      "prototype": "items",
+      "type": "cabinet",
+      "base": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/thumbnail/B12.png",
+      "shape_svg": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/shape_svg/B12.svg",
+      "structure_json": {
+        "animation": {},
+        "tempPlaceholders": [
+          {
+            "id": 60,
+            "structure": {
+              "base": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/gltf/B12.gltf",
+              "base_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202105170324_60/%7Bdata%5Bkey%5D%7D/B12_door_shaker.gltf",
+              "door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf",
+              "base_drawer_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202105170324_60/drawer_1/B12_interior_drawer.gltf",
+              "base_drawer_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202105170324_60/%7Bdata%5Bkey%5D%7D/B12_drawer_door_shaker.gltf",
+              "drawer_door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf"
+            }
+          }
+        ]
+      },
+      "layoutpos": "Base",
+      "is_corner": 0,
+      "alti": 0,
+      "obj_property": {
+        "manufacturer": "USCD",
+        "door_style": null,
+        "sku_number": "B12",
+        "door_category": null,
+        "cabinet_category": "Single Door Base Cabinets",
+        "skuArray": [
+          {
+            "door_color_id": 122,
+            "sku": "B12"
+          },
+          {
+            "door_color_id": 123,
+            "sku": "B12"
+          },
+          {
+            "door_color_id": 124,
+            "sku": "B12"
+          },
+          {
+            "door_color_id": 125,
+            "sku": "B12"
+          },
+          {
+            "door_color_id": 199,
+            "sku": "B12"
+          }
+        ],
+        "has_single_door": true
+      },
+      "customer_property": {
+        "left_blind_length": 0,
+        "is_euro_cds": 0,
+        "euro_shape_svg": null,
+        "euro_width": null,
+        "euro_height": null,
+        "euro_length": null
+      },
+      "outline": null
+    },
+    {
+      "itemID": 75,
+      "long_name": "21\" Base Cabinet",
+      "name": "B21",
+      "sizeinfo": {
+        "width": 21,
+        "depth": 24,
+        "height": 34.5,
+        "leftBlindLength": 0,
+        "rightBlindLength": 0
+      },
+      "description": "",
+      "prototype": "items",
+      "type": "cabinet",
+      "base": "https://media.test.diydesignspace.com/uploads/Cabinet/202106075221_75/thumbnail/B21.png",
+      "shape_svg": "https://media.test.diydesignspace.com/uploads/Cabinet/202106075221_75/shape_svg/B21%20padding.svg",
+      "structure_json": {
+        "animation": {},
+        "tempPlaceholders": [
+          {
+            "id": 103,
+            "structure": {
+              "base": "https://media.test.diydesignspace.com/uploads/Cabinet/202106075221_75/gltf/B21.gltf",
+              "base_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202106075019_103/%7Bdata%5Bkey%5D%7D/B21_door_shaker.gltf",
+              "door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf",
+              "base_drawer_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202106075019_103/drawer_1/B21_interior_drawer.gltf",
+              "base_drawer_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202106075019_103/%7Bdata%5Bkey%5D%7D/B21_drawer_door_shaker.gltf",
+              "drawer_door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf"
+            }
+          }
+        ]
+      },
+      "layoutpos": "Base",
+      "is_corner": 0,
+      "alti": 0,
+      "obj_property": {
+        "manufacturer": "USCD",
+        "door_style": null,
+        "sku_number": "B21",
+        "door_category": null,
+        "cabinet_category": "Single Door Base Cabinets",
+        "skuArray": [],
+        "has_single_door": true
+      },
+      "customer_property": {
+        "left_blind_length": 0,
+        "is_euro_cds": 0,
+        "euro_shape_svg": null,
+        "euro_width": null,
+        "euro_height": null,
+        "euro_length": null
+      },
+      "outline": null
+    }
+  ]
+}

package/lib/mocks/rectangleShape.json

@@ -0,0 +1,238 @@
+{
+  "unit": "cm",
+  "rulerUnit": "in",
+  "layers": {
+    "layer-1": {
+      "id": "layer-1",
+      "altitude": 0,
+      "order": 0,
+      "opacity": 1,
+      "name": "default",
+      "visible": true,
+      "vertices": {
+        "7CRjeaRZhF": {
+          "id": "7CRjeaRZhF",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1291.05,
+          "y": 1175.29,
+          "lines": ["STZ63BwOf", "eyC5vDys2"],
+          "areas": ["bQRvW_9KxV"]
+        },
+        "vlppTvk-ik": {
+          "id": "vlppTvk-ik",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1778.73,
+          "y": 1175.29,
+          "lines": ["STZ63BwOf", "BvCbJyf6O"],
+          "areas": ["bQRvW_9KxV"]
+        },
+        "KYo9KB-NX8": {
+          "id": "KYo9KB-NX8",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1778.73,
+          "y": 809.53,
+          "lines": ["BvCbJyf6O", "uPW70hewY"],
+          "areas": ["bQRvW_9KxV"]
+        },
+        "Pa4Hy3Z26ga": {
+          "id": "Pa4Hy3Z26ga",
+          "type": "",
+          "prototype": "vertices",
+          "name": "Vertex",
+          "misc": {},
+          "selected": false,
+          "properties": {},
+          "style": "",
+          "category": "",
+          "visible": true,
+          "x": 1291.05,
+          "y": 809.53,
+          "lines": ["eyC5vDys2", "uPW70hewY"],
+          "areas": ["bQRvW_9KxV"]
+        }
+      },
+      "lines": {
+        "STZ63BwOf": {
+          "id": "STZ63BwOf",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165235,
+          "visible": true,
+          "vertices": ["7CRjeaRZhF", "vlppTvk-ik"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "eyC5vDys2": {
+          "id": "eyC5vDys2",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165265,
+          "visible": true,
+          "vertices": ["Pa4Hy3Z26ga", "7CRjeaRZhF"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "BvCbJyf6O": {
+          "id": "BvCbJyf6O",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": { "textureB": "plaster", "textureA": "plaster" },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165245,
+          "visible": true,
+          "vertices": ["vlppTvk-ik", "KYo9KB-NX8"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        },
+        "uPW70hewY": {
+          "id": "uPW70hewY",
+          "type": "wall",
+          "prototype": "lines",
+          "name": "Wall",
+          "misc": {},
+          "selected": false,
+          "properties": {
+            "textureB": "plaster",
+            "width": { "_unit": "in", "length": null },
+            "height": { "_unit": "in", "length": null },
+            "depth": { "_unit": "in", "length": null },
+            "textureA": "plaster"
+          },
+          "style": "",
+          "category": "",
+          "createdDateTime": 1693373165255,
+          "visible": true,
+          "vertices": ["KYo9KB-NX8", "Pa4Hy3Z26ga"],
+          "holes": [],
+          "focus": false,
+          "wallColor": "#dddddd"
+        }
+      },
+      "holes": {},
+      "areas": {
+        "bQRvW_9KxV": {
+          "id": "bQRvW_9KxV",
+          "type": "area",
+          "prototype": "areas",
+          "name": "Area",
+          "misc": {},
+          "selected": false,
+          "properties": {
+            "patternColor": "rgba(175,175,175)",
+            "thickness": { "length": 0 },
+            "texture": "parquet"
+          },
+          "style": "",
+          "category": "",
+          "visible": true,
+          "vertices": ["7CRjeaRZhF", "Pa4Hy3Z26ga", "KYo9KB-NX8", "vlppTvk-ik"],
+          "holes": [],
+          "texture": {
+            "roughness": 0.9,
+            "metalness": 0,
+            "uri": "https://media.test.diydesignspace.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
+          }
+        }
+      },
+      "items": {},
+      "selected": {
+        "vertices": [],
+        "lines": [],
+        "holes": [],
+        "areas": [],
+        "items": []
+      },
+      "dcmmodel": false,
+      "lrmmodel": false,
+      "fbmmodel": false,
+      "counterTop": {
+        "uri": "https://media.test.diydesignspace.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg"
+      },
+      "wallColor": {},
+      "floorStyle": {
+        "uri": "https://media.test.diydesignspace.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
+      },
+      "doorHandle": "",
+      "backsplash": { "roughness": 0.2, "metalness": 0.1, "uri": "" },
+      "backsplashApplied": false,
+      "ceilHeight": 96,
+      "unit": "in"
+    }
+  },
+  "grids": {
+    "h1": {
+      "id": "h1",
+      "type": "horizontal-streak",
+      "properties": {
+        "step": 30.48,
+        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
+      }
+    },
+    "v1": {
+      "id": "v1",
+      "type": "vertical-streak",
+      "properties": {
+        "step": 30.48,
+        "colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
+      }
+    }
+  },
+  "selectedLayer": "layer-1",
+  "groups": {},
+  "width": 3000,
+  "height": 2000,
+  "meta": {},
+  "guides": { "horizontal": {}, "vertical": {}, "circular": {} },
+  "title": "",
+  "currentProjectID": null,
+  "showfg": true,
+  "showWallLengthMeasure": 1,
+  "showBaseCabinetMeasure": 1,
+  "showWallCabinetMeasure": 1,
+  "showWindowDoorMeasure": 1,
+  "isLoadingCabinet": false,
+  "loadFlag": false
+}

package/lib/mocks/replaceCabinetPayload.json

@@ -0,0 +1,81 @@
+{
+  "orginalItemInfo": {
+    "id": "16pVUcVth6"
+  },
+  "replaceItemInfo": {
+    "itemID": 63,
+    "long_name": "12\" Base Cabinet",
+    "name": "B12",
+    "sizeinfo": {
+      "width": 12,
+      "depth": 24,
+      "height": 34.5,
+      "leftBlindLength": 0,
+      "rightBlindLength": 0
+    },
+    "description": "",
+    "prototype": "items",
+    "type": "cabinet",
+    "base": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/thumbnail/B12.png",
+    "shape_svg": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/shape_svg/B12.svg",
+    "structure_json": {
+      "animation": {},
+      "tempPlaceholders": [
+        {
+          "id": 1670,
+          "structure": {
+            "base": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/gltf/B12.gltf",
+            "base_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202206261225_1670/%7Bdata%5Bkey%5D%7D/B12_door_dakota.gltf",
+            "door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf",
+            "base_drawer_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202206261225_1670/%7Bdata%5Bkey%5D%7D/B12_interior_drawer.gltf",
+            "base_drawer_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202206261225_1670/%7Bdata%5Bkey%5D%7D/B12_drawer_door_dakota.gltf",
+            "drawer_door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf"
+          }
+        }
+      ]
+    },
+    "layoutpos": "Base",
+    "is_corner": 0,
+    "alti": 0,
+    "obj_property": {
+      "manufacturer": "USCD",
+      "door_style": null,
+      "sku_number": "B12",
+      "door_category": null,
+      "cabinet_category": "Single Door Base Cabinets",
+      "skuArray": [
+        {
+          "door_color_id": 122,
+          "sku": "B12"
+        },
+        {
+          "door_color_id": 123,
+          "sku": "B12"
+        },
+        {
+          "door_color_id": 124,
+          "sku": "B12"
+        },
+        {
+          "door_color_id": 125,
+          "sku": "B12"
+        },
+        {
+          "door_color_id": 199,
+          "sku": "B12"
+        }
+      ],
+      "has_single_door": true
+    },
+    "customer_property": {
+      "left_blind_length": 0,
+      "is_euro_cds": 0,
+      "euro_shape_svg": null,
+      "euro_width": null,
+      "euro_height": null,
+      "euro_length": null
+    },
+    "outline": null,
+    "initialPosition": { "mouseX": 100, "mouseY": 100 }
+  }
+}

package/lib/mocks/roomShapePayload.json

@@ -0,0 +1,5 @@
+{
+  "roomShapeType": "2wLeftTop",
+  "width": 100,
+  "height": 100
+}

package/lib/useAppContext.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAppContext = useAppContext;
+var _react = require("react");
+var _AppContext = _interopRequireDefault(require("./AppContext"));
+// useAppContext.js
+
+function useAppContext() {
+  var ctx = (0, _react.useContext)(_AppContext["default"]);
+  if (!ctx) throw new Error('useAppContext must be used inside <AppContext.Provider value={...}>');
+  return ctx;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "3.1.1",
+  "version": "4.0.0-react-18",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",
@@ -72,41 +72,32 @@
     "immutablediff": "0.4.4",
     "immutablepatch": "0.5.0",
     "invariant": "^2.0.0",
+    "jwt-decode": "^2.2.0",
+    "moment": "^2.30.1",
     "nanoid": "^5.1.6",
     "polylabel": "1.0.2",
     "posthog-js": "^1.271.0",
     "prop-types": "^15.8.1",
-    "react": "^16.9.0",
-    "react-container-dimensions": "1.4.1",
-    "react-dom": "16.9.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-ga4": "^1.4.1",
     "react-hotjar": "^1.0.11",
     "react-icons": "3.5.0",
-    "react-redux": "5.0.7",
-    "react-svg-pan-zoom": "2.18.0",
-    "redux": "4.0.1",
-    "three": "0.166.0",
-    "moment": "^2.30.1",
-    "jwt-decode": "^2.2.0",
-    "react-ga4": "^1.4.1",
-    "styled-components": "^5.2.0"
+    "react-redux": "^9.2.0",
+    "react-svg-pan-zoom": "^3.13.1",
+    "react-use-measure": "^2.1.7",
+    "redux": "^5.0.1",
+    "three": "0.166.0"
   },
   "devDependencies": {
-    "localstorage-slim": "^1.3.0",
-    "react-tabs": "3.0.0",
-    "sass": "^1.29.0",
-    "reactjs-popup": "^2.0.4",
-    "sass-loader": "^10.0.5",
-    "antd": "^4.24.16",
     "@babel/cli": "^7.28.3",
     "@babel/core": "^7.28.4",
     "@babel/plugin-transform-modules-commonjs": "^7.27.1",
     "@babel/plugin-transform-runtime": "^7.28.3",
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
-    "@material-ui/core": "^4.12.3",
-    "@material-ui/icons": "^4.11.2",
-    "@material-ui/lab": "^4.0.0-alpha.61",
     "@sentry/webpack-plugin": "^3.2.4",
+    "antd": "^4.24.16",
     "assert": "^2.1.0",
     "babel-loader": "^9.1.3",
     "babel-plugin-add-module-exports": "^1.0.4",
@@ -122,11 +113,15 @@
     "file-loader": "6.2.0",
     "html-webpack-plugin": "5.6.0",
     "immutable-devtools": "0.1.4",
+    "localstorage-slim": "^1.3.0",
     "mobile-detect": "^1.4.5",
     "path-browserify": "^1.0.1",
     "react-query": "^3.39.3",
     "react-router-dom": "5.1.2",
+    "reactjs-popup": "^2.0.4",
     "rimraf": "^2.6.3",
+    "sass": "^1.29.0",
+    "sass-loader": "^10.0.5",
     "stream-browserify": "^3.0.0",
     "style-loader": "*",
     "webpack": "5.92.1",

package/es/catalog/properties/export.js

@@ -1,21 +0,0 @@
-import PropertyColor from "./property-color";
-import PropertyEnum from "./property-enum";
-import PropertyString from "./property-string";
-import PropertyNumber from "./property-number";
-import PropertyLengthMeasure from "./property-length-measure";
-import PropertyToggle from "./property-toggle";
-import PropertyCheckbox from "./property-checkbox";
-import PropertyHidden from "./property-hidden";
-import PropertyReadOnly from "./property-read-only";
-export { PropertyColor, PropertyEnum, PropertyString, PropertyNumber, PropertyLengthMeasure, PropertyToggle, PropertyCheckbox, PropertyHidden, PropertyReadOnly };
-export default {
-  PropertyColor: PropertyColor,
-  PropertyEnum: PropertyEnum,
-  PropertyString: PropertyString,
-  PropertyNumber: PropertyNumber,
-  PropertyLengthMeasure: PropertyLengthMeasure,
-  PropertyToggle: PropertyToggle,
-  PropertyCheckbox: PropertyCheckbox,
-  PropertyHidden: PropertyHidden,
-  PropertyReadOnly: PropertyReadOnly
-};