Refactor action updates to include productId in updateAction calls across mechanics components; enhance event handling in product store and trigger management. Add clear functions for various stores to reset state. Update action and trigger management to prevent duplicates and ensure integrity. Adjust initial load actions to use consistent naming conventions.

app/src/modules/builder/IntialLoad/loadInitialFloorItems.ts

@@ -202,11 +202,11 @@ function processLoadedModel(
                     rotation: [item.eventData.point?.rotation[0] || 0, item.eventData.point?.rotation[1] || 0, item.eventData.point?.rotation[2] || 0],
                     action: {
                         actionUuid: THREE.MathUtils.generateUUID(),
-                        actionName: "Vehicle Action",
+                        actionName: "Action 1",
                         actionType: "travel",
                         unLoadDuration: 5,
                         loadCapacity: 10,
-                        steeringAngle:0,
+                        steeringAngle: 0,
                         pickUpPoint: null,
                         unLoadPoint: null,
                         triggers: []
@@ -254,7 +254,7 @@ function processLoadedModel(
                     rotation: [item.eventData.point?.rotation[0] || 0, item.eventData.point?.rotation[1] || 0, item.eventData.point?.rotation[2] || 0],
                     action: {
                         actionUuid: THREE.MathUtils.generateUUID(),
-                        actionName: "Process Action",
+                        actionName: "Action 1",
                         actionType: "process",
                         processTime: 10,
                         swapMaterial: "material-id",
@@ -279,7 +279,7 @@ function processLoadedModel(
                     actions: [
                         {
                             actionUuid: THREE.MathUtils.generateUUID(),
-                            actionName: "Pick and Place",
+                            actionName: "Action 1",
                             actionType: "pickAndPlace",
                             process: {
                                 startPoint: [0, 0, 0],

app/src/modules/simulation/products/products.tsx

@@ -7,7 +7,7 @@ import { upsertProductOrEventApi } from '../../../services/simulation/UpsertProd
 import { getAllProductsApi } from '../../../services/simulation/getallProductsApi';
 
 function Products() {
-    const { products, addProduct, setProducts } = useProductStore();
+    const { addProduct, setProducts } = useProductStore();
     const { setSelectedProduct } = useSelectedProduct();
 
     useEffect(() => {
@@ -27,9 +27,6 @@ function Products() {
         })
     }, [])
 
-    useEffect(() => {
-    }, [])
-
     return (
         <>
 

app/src/modules/simulation/triggers/connector/triggerConnector.tsx

@@ -228,7 +228,7 @@ function TriggerConnector() {
                     };
 
                     if (firstSelectedPoint.actionUuid) {
-                        const event = addTrigger(firstSelectedPoint.actionUuid, trigger);
+                        const event = addTrigger(selectedProduct.productId, firstSelectedPoint.actionUuid, trigger);
 
                         if (event) {
                             updateBackend(
@@ -285,7 +285,7 @@ function TriggerConnector() {
                 };
 
                 if (firstSelectedPoint.actionUuid) {
-                    addTrigger(firstSelectedPoint.actionUuid, trigger);
+                    addTrigger(selectedProduct.productId, firstSelectedPoint.actionUuid, trigger);
                 }
                 setFirstSelectedPoint(null);
             }
@@ -373,9 +373,8 @@ function TriggerConnector() {
 
     const removeConnection = (connection: ConnectionLine) => {
         if (connection.trigger.triggerUuid) {
-            const event = removeTrigger(connection.trigger.triggerUuid);
+            const event = removeTrigger(selectedProduct.productId, connection.trigger.triggerUuid);
             if (event) {
-                console.log('event: ', event);
                 updateBackend(
                     selectedProduct.productName,
                     selectedProduct.productId,

app/src/modules/simulation/vehicle/vehicles.tsx

@@ -1,7 +1,6 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import VehicleInstances from "./instances/vehicleInstances";
 import { useVehicleStore } from "../../../store/simulation/useVehicleStore";
-import { useFloorItems } from "../../../store/store";
 import { useSelectedEventData, useSelectedEventSphere, useSelectedProduct } from "../../../store/simulation/useSimulationStore";
 import VehicleUI from "../ui/vehicle/vehicleUI";
 import { usePlayButtonStore } from "../../../store/usePlayButtonStore";
@@ -10,49 +9,38 @@ import { useProductStore } from "../../../store/simulation/useProductStore";
 function Vehicles() {
     const { products, getProductById } = useProductStore();
     const { selectedProduct } = useSelectedProduct();
-    const { vehicles, addVehicle, removeVehicle } = useVehicleStore();
+    const { vehicles, addVehicle, clearvehicles } = useVehicleStore();
     const { selectedEventSphere } = useSelectedEventSphere();
     const { selectedEventData } = useSelectedEventData();
-    const { floorItems } = useFloorItems();
     const { isPlaying } = usePlayButtonStore();
 
     useEffect(() => {
         if (selectedProduct.productId) {
             const product = getProductById(selectedProduct.productId);
             if (product) {
+                clearvehicles();
                 product.eventDatas.forEach(events => {
                     if (events.type === 'vehicle') {
-                        removeVehicle(events.modelUuid);
                         addVehicle(selectedProduct.productId, events);
                     }
                 });
             }
         }
-    }, [selectedProduct]);
-
-    // useEffect(() => {
-    //     vehicles.forEach(vehicle => {
-    //         const product = getProductById(vehicle.productId);
-    //         if (product) {
-    //             const eventData = product.eventDatas.find(event => event.modelUuid === vehicle.modelUuid);
-    //             if (eventData) {
-    //                 vehicle.eventData = eventData;
-    //             }
-    //         }
-    //     });
-    // }, [vehicles, products]);
+    }, [selectedProduct, products]);
 
     useEffect(() => {
-
         // console.log('vehicles: ', vehicles);
     }, [vehicles])
 
     return (
         <>
+
             <VehicleInstances />
+
             {selectedEventSphere && selectedEventData?.data.type === "vehicle" && !isPlaying &&
                 < VehicleUI />
             }
+
         </>
     );
 }

app/src/modules/visualization/RealTimeVisulization.tsx

@@ -66,8 +66,7 @@ const RealTimeVisulization: React.FC = () => {
   const { selectedZone, setSelectedZone } = useSelectedZoneStore();
 
   const { setRightSelect } = useRightSelected();
-  const { editWidgetOptions, setEditWidgetOptions } =
-    useEditWidgetOptionsStore();
+  const { editWidgetOptions, setEditWidgetOptions } = useEditWidgetOptionsStore();
   const { rightClickSelected, setRightClickSelected } = useRightClickSelected();
   const [openConfirmationPopup, setOpenConfirmationPopup] = useState(false);
   const { setFloatingWidget } = useFloatingWidget();
@@ -76,8 +75,6 @@ const RealTimeVisulization: React.FC = () => {
   const { setSelectedChartId } = useWidgetStore();
   const [waitingPanels, setWaitingPanels] = useState(null);
 
-  console.log("waitingPanels: ", waitingPanels);
-
   OuterClick({
     contextClassName: [
       "chart-container",