Refactor aisle API services: remove createAisleApi, update deleteAisleApi to include versionId, and modify wall asset APIs for consistency in endpoint naming. Enhance floor and wall store functionality with new setters and methods for managing floors and walls, including decal handling. Introduce FloorInstance and FloorInstances components for rendering floor data, and implement FloorCreator for interactive floor creation. Add reference floor visualization with snapping capabilities. Update wall API services for improved error handling and response management.

app/src/components/layout/sidebarRight/properties/SelectedWallProperties.tsx

@@ -6,10 +6,20 @@ import wallTexture1 from '../../../../assets/textures/floor/factory wall texture
 
 import { useBuilderStore } from "../../../../store/builder/useBuilderStore";
 import { useSceneContext } from "../../../../modules/scene/sceneContext";
+import { useVersionContext } from "../../../../modules/builder/version/versionContext";
+import { useParams } from "react-router-dom";
+import { upsertWallApi } from "../../../../services/factoryBuilder/wall/upsertWallApi";
+import { getUserData } from "../../../../functions/getUserData";
+import { useSocketStore } from "../../../../store/builder/store";
 
 const SelectedWallProperties = () => {
     const { selectedWall } = useBuilderStore();
     const { wallStore } = useSceneContext();
+    const { selectedVersionStore } = useVersionContext();
+    const { selectedVersion } = selectedVersionStore();
+    const { socket } = useSocketStore();
+    const { userId, organization } = getUserData();
+    const { projectId } = useParams();
     const { getWallById, updateWall } = wallStore();
 
     const [activeSide, setActiveSide] = useState<"side1" | "side2">("side1");
@@ -24,14 +34,50 @@ const SelectedWallProperties = () => {
     const handleHeightChange = (val: string) => {
         const height = parseFloat(val);
         if (!isNaN(height) && wall) {
-            updateWall(wall.wallUuid, { wallHeight: height });
+            const updatedWall = updateWall(wall.wallUuid, { wallHeight: height });
+            if (updatedWall && projectId) {
+
+                // API
+
+                // upsertWallApi(projectId, selectedVersion?.versionId || '', updatedWall);
+
+                // SOCKET
+
+                const data = {
+                    wallData: updatedWall,
+                    projectId: projectId,
+                    versionId: selectedVersion?.versionId || '',
+                    userId: userId,
+                    organization: organization
+                }
+
+                socket.emit('v1:model-Wall:add', data);
+            }
         }
     };
 
     const handleThicknessChange = (val: string) => {
         const thickness = parseFloat(val);
         if (!isNaN(thickness) && wall) {
-            updateWall(wall.wallUuid, { wallThickness: thickness });
+            const updatedWall = updateWall(wall.wallUuid, { wallThickness: thickness });
+            if (updatedWall && projectId) {
+
+                // API
+
+                // upsertWallApi(projectId, selectedVersion?.versionId || '', updatedWall);
+
+                // SOCKET
+
+                const data = {
+                    wallData: updatedWall,
+                    projectId: projectId,
+                    versionId: selectedVersion?.versionId || '',
+                    userId: userId,
+                    organization: organization
+                }
+
+                socket.emit('v1:model-Wall:add', data);
+            }
         }
     };
 
@@ -39,8 +85,25 @@ const SelectedWallProperties = () => {
         if (!wall) return;
 
         const updated = (activeSide === "side1" ? { insideMaterial: material.textureId } : { outsideMaterial: material.textureId })
+        const updatedWall = updateWall(wall.wallUuid, updated);
+        if (updatedWall && projectId) {
 
-        updateWall(wall.wallUuid, updated);
+            // API
+
+            // upsertWallApi(projectId, selectedVersion?.versionId || '', updatedWall);
+
+            // SOCKET
+
+            const data = {
+                wallData: updatedWall,
+                projectId: projectId,
+                versionId: selectedVersion?.versionId || '',
+                userId: userId,
+                organization: organization
+            }
+
+            socket.emit('v1:model-Wall:add', data);
+        }
     };
 
     if (!wall) return null;