Integrate active module checks in FloorItemsGroup and SelectionControls for improved event handling

app/src/modules/builder/groups/floorItemsGroup.tsx

@@ -12,6 +12,7 @@ import DeleteFloorItems from "../geomentries/assets/deleteFloorItems";
 import loadInitialFloorItems from "../../scene/IntialLoad/loadInitialFloorItems";
 import addAssetModel from "../geomentries/assets/addAssetModel";
 import { getFloorItems } from "../../../services/factoryBuilder/assest/floorAsset/getFloorItemsApi";
+import useModuleStore from "../../../store/useModuleStore";
 // import { retrieveGLTF } from "../../../utils/indexDB/idbUtils";
 const assetManagerWorker = new Worker(new URL('../../../services/factoryBuilder/webWorkers/assetManagerWorker.js', import.meta.url));
 const gltfLoaderWorker = new Worker(new URL('../../../services/factoryBuilder/webWorkers/gltfLoaderWorker.js', import.meta.url));
@@ -30,6 +31,7 @@ const FloorItemsGroup = ({ itemsGroup, hoveredDeletableFloorItem, AttachedObject
     const { activeTool } = useActiveTool();
     const { selectedItem, setSelectedItem } = useSelectedItem();
     const { setLoadingProgress } = useLoadingProgress();
+    const { activeModule } = useModuleStore();
     const { socket } = useSocketStore();
 
     const loader = new GLTFLoader();
@@ -279,12 +281,18 @@ const FloorItemsGroup = ({ itemsGroup, hoveredDeletableFloorItem, AttachedObject
             event.preventDefault();
         };
 
-        canvasElement.addEventListener("mousedown", onMouseDown);
+        if (activeModule === "builder") {
-        canvasElement.addEventListener("mouseup", onMouseUp);
+            canvasElement.addEventListener("mousedown", onMouseDown);
-        canvasElement.addEventListener("mousemove", onMouseMove);
+            canvasElement.addEventListener("mouseup", onMouseUp);
-        canvasElement.addEventListener("dblclick", onDblClick);
+            canvasElement.addEventListener("mousemove", onMouseMove);
-        canvasElement.addEventListener("drop", onDrop);
+            canvasElement.addEventListener("dblclick", onDblClick);
-        canvasElement.addEventListener("dragover", onDragOver);
+            canvasElement.addEventListener("drop", onDrop);
+            canvasElement.addEventListener("dragover", onDragOver);
+        } else {
+            const target = controls.getTarget(new THREE.Vector3());
+            controls.setTarget(target.x, 0, target.z, true);
+            setselectedFloorItem(null);
+        }
 
         return () => {
             canvasElement.removeEventListener("mousedown", onMouseDown);
@@ -294,7 +302,7 @@ const FloorItemsGroup = ({ itemsGroup, hoveredDeletableFloorItem, AttachedObject
             canvasElement.removeEventListener("drop", onDrop);
             canvasElement.removeEventListener("dragover", onDragOver);
         };
-    }, [deleteModels, transformMode, controls, selectedItem, state.camera, state.pointer, activeTool]);
+    }, [deleteModels, transformMode, controls, selectedItem, state.camera, state.pointer, activeTool, activeModule]);
 
     useFrame(() => {
         if (controls)

app/src/modules/scene/controls/selection/selectionControls.tsx

@@ -13,6 +13,7 @@ import DuplicationControls from "./duplicationControls";
 import CopyPasteControls from "./copyPasteControls";
 import MoveControls from "./moveControls";
 import RotateControls from "./rotateControls";
+import useModuleStore from "../../../../store/useModuleStore";
 
 const SelectionControls: React.FC = () => {
     const { camera, controls, gl, scene, pointer } = useThree();
@@ -27,6 +28,7 @@ const SelectionControls: React.FC = () => {
     const [duplicatedObjects, setDuplicatedObjects] = useState<THREE.Object3D[]>([]);
     const boundingBoxRef = useRef<THREE.Mesh>();
     const { floorItems, setFloorItems } = useFloorItems();
+    const { activeModule } = useModuleStore();
     const { socket } = useSocketStore();
     const selectionBox = useMemo(() => new SelectionBox(camera, scene), [camera, scene]);
 
@@ -97,13 +99,16 @@ const SelectionControls: React.FC = () => {
             clearSelection();
         }
 
-        if (!toggleView) {
+        if (!toggleView && activeModule === "builder") {
             helper.enabled = true;
             canvasElement.addEventListener("pointerdown", onPointerDown);
             canvasElement.addEventListener("pointermove", onPointerMove);
             canvasElement.addEventListener("contextmenu", onContextMenu);
             canvasElement.addEventListener("pointerup", onPointerUp);
             canvasElement.addEventListener("keydown", onKeyDown);
+        } else {
+            helper.enabled = false;
+            helper.dispose();
         }
 
         return () => {
@@ -115,7 +120,13 @@ const SelectionControls: React.FC = () => {
             helper.enabled = false;
             helper.dispose();
         };
-    }, [camera, controls, scene, toggleView, selectedAssets, copiedObjects, pastedObjects, duplicatedObjects, movedObjects, socket, floorItems, rotatedObjects]);
+    }, [camera, controls, scene, toggleView, selectedAssets, copiedObjects, pastedObjects, duplicatedObjects, movedObjects, socket, floorItems, rotatedObjects, activeModule]);
+
+    useEffect(() => {
+        if (activeModule !== "builder") {
+            clearSelection();
+        }
+    }, [activeModule]);
 
     useFrame(() => {
         if (pastedObjects.length === 0 && duplicatedObjects.length === 0 && movedObjects.length === 0 && rotatedObjects.length === 0) {