Refactor floor management components and APIs: enhance FloorInstance for shape creation, update FloorInstances to handle floor rendering and UUID tracking, and improve FloorCreator with project and version context. Modify floor store methods for better floor management and integrate API calls for floor upsert and deletion. Adjust wall and point components to support new floor functionalities.

app/src/modules/builder/point/point.tsx

@@ -14,7 +14,10 @@ import { upsertAisleApi } from '../../../services/factoryBuilder/aisle/upsertAis
 import { deleteAisleApi } from '../../../services/factoryBuilder/aisle/deleteAisleApi';
 // import { upsertWallApi } from '../../../services/factoryBuilder/wall/upsertWallApi';
 // import { deleteWallApi } from '../../../services/factoryBuilder/wall/deleteWallApi';
+import { upsertFloorApi } from '../../../services/factoryBuilder/floor/upsertFloorApi';
+
 import { getUserData } from '../../../functions/getUserData';
+import { deleteFloorApi } from '../../../services/factoryBuilder/floor/deleteFloorApi';
 
 function Point({ point }: { readonly point: Point }) {
     const materialRef = useRef<THREE.ShaderMaterial>(null);
@@ -27,7 +30,7 @@ function Point({ point }: { readonly point: Point }) {
     const { aisleStore, wallStore, floorStore } = useSceneContext();
     const { setPosition: setAislePosition, removePoint: removeAislePoint, getAislesByPointId } = aisleStore();
     const { setPosition: setWallPosition, removePoint: removeWallPoint, getWallsByPointId } = wallStore();
-    const { setPosition: setFloorPosition, removePoint: removeFloorPoint } = floorStore();
+    const { setPosition: setFloorPosition, removePoint: removeFloorPoint, getFloorsByPointId } = floorStore();
     const { snapAislePoint, snapAisleAngle, snapWallPoint, snapWallAngle, snapFloorPoint, snapFloorAngle } = usePointSnapping({ uuid: point.pointUuid, pointType: point.pointType, position: point.position });
     const { hoveredPoint, setHoveredPoint } = useBuilderStore();
     const { userId, organization } = getUserData();
@@ -174,9 +177,28 @@ function Point({ point }: { readonly point: Point }) {
                     socket.emit('v1:model-Wall:add', data);
                 });
             }
-            // console.log('Wall after drag: ', point);
         } else if (point.pointType === 'Floor') {
-            // console.log('Floor after drag: ', point);
+            const updatedFloors = getFloorsByPointId(point.pointUuid);
+            if (updatedFloors && updatedFloors.length > 0 && projectId) {
+                updatedFloors.forEach((updatedFloor) => {
+
+                    // API
+
+                    // upsertFloorApi(projectId, selectedVersion?.versionId || '', updatedFloor);
+
+                    // SOCKET
+
+                    const data = {
+                        floorData: updatedFloor,
+                        projectId: projectId,
+                        versionId: selectedVersion?.versionId || '',
+                        userId: userId,
+                        organization: organization
+                    }
+
+                    socket.emit('v1:model-Floor:add', data);
+                });
+            }
         }
     }
 
@@ -220,9 +242,51 @@ function Point({ point }: { readonly point: Point }) {
                 }
             }
             if (point.pointType === 'Floor') {
-                const removedFloors = removeFloorPoint(point.pointUuid);
+                const { removedFloors, updatedFloors } = removeFloorPoint(point.pointUuid);
                 setHoveredPoint(null);
                 if (removedFloors.length > 0) {
+                    removedFloors.forEach(floor => {
+                        if (projectId) {
+
+                            // API
+
+                            // deleteFloorApi(projectId, selectedVersion?.versionId || '', floor.floorUuid);
+
+                            // SOCKET
+
+                            const data = {
+                                floorUuid: floor.floorUuid,
+                                projectId: projectId,
+                                versionId: selectedVersion?.versionId || '',
+                                userId: userId,
+                                organization: organization
+                            }
+
+                            socket.emit('v1:model-Floor:delete', data);
+                        }
+                    });
+                }
+                if (updatedFloors.length > 0) {
+                    updatedFloors.forEach(floor => {
+                        if (projectId) {
+
+                            // API
+
+                            // upsertFloorApi(projectId, selectedVersion?.versionId || '', floor);
+
+                            // SOCKET
+
+                            const data = {
+                                floorData: floor,
+                                projectId: projectId,
+                                versionId: selectedVersion?.versionId || '',
+                                userId: userId,
+                                organization: organization
+                            }
+
+                            socket.emit('v1:model-Floor:add', data);
+                        }
+                    });
                 }
             }
             gl.domElement.style.cursor = 'default';