updated

app/src/modules/simulation/spatialUI/vehicle/vehicleUI.tsx

@@ -3,7 +3,6 @@ import * as Types from "../../../../types/world/worldTypes";
 import { useGLTF } from "@react-three/drei";
 import { useFrame, useThree } from "@react-three/fiber";
 import { useSelectedEventSphere, useIsDragging, useIsRotating, } from "../../../../store/simulation/useSimulationStore";
-import { useProductStore } from "../../../../store/simulation/useProductStore";
 import { upsertProductOrEventApi } from "../../../../services/simulation/products/UpsertProductOrEventApi";
 import { DoubleSide, Group, Plane, Vector3 } from "three";
 
@@ -12,6 +11,7 @@ import startEnd from "../../../../assets/gltf-glb/ui/arrow_red.glb";
 import { useSceneContext } from "../../../scene/sceneContext";
 import { useProductContext } from "../../products/productContext";
 import { useParams } from "react-router-dom";
+import { useVersionContext } from "../../../builder/version/versionContext";
 
 const VehicleUI = () => {
     const { scene: startScene } = useGLTF(startPoint) as any;
@@ -21,10 +21,10 @@ const VehicleUI = () => {
     const prevMousePos = useRef({ x: 0, y: 0 });
     const { selectedEventSphere } = useSelectedEventSphere();
     const { selectedProductStore } = useProductContext();
-    const { vehicleStore } = useSceneContext();
+    const { vehicleStore, productStore } = useSceneContext();
     const { selectedProduct } = selectedProductStore();
     const { vehicles, getVehicleById } = vehicleStore();
-    const { updateEvent } = useProductStore();
+    const { updateEvent } = productStore();
     const [startPosition, setStartPosition] = useState<[number, number, number]>([0, 1, 0,]);
 
     const [endPosition, setEndPosition] = useState<[number, number, number]>([0, 1, 0,]);
@@ -45,6 +45,8 @@ const VehicleUI = () => {
     const controls: any = state.controls;
     const [selectedVehicleData, setSelectedVechicleData] = useState<{ position: [number, number, number]; rotation: [number, number, number]; }>({ position: [0, 0, 0], rotation: [0, 0, 0] });
     const CIRCLE_RADIUS = 0.8;
+    const { selectedVersionStore } = useVersionContext();
+    const { selectedVersion } = selectedVersionStore();
     const { projectId } = useParams();
 
     const updateBackend = (
@@ -58,6 +60,7 @@ const VehicleUI = () => {
             productUuid: productUuid,
             projectId: projectId,
             eventDatas: eventData,
+            versionId: selectedVersion?.versionId || '',
         });
     };