human to conveyor, conveyor to human multiple actions completed

app/src/modules/simulation/vehicle/instances/instance/vehicleInstance.tsx

@@ -11,16 +11,20 @@ import InteractivePoints from '../animator/interactivePoint';
 import MaterialAnimator from '../animator/materialAnimator';
 import VehicleAnimator from '../animator/vehicleAnimator';
 
+import { useHumanEventManager } from '../../../human/eventManager/useHumanEventManager';
+
 function VehicleInstance({ agvDetail }: Readonly<{ agvDetail: VehicleStatus }>) {
     const { navMesh } = useNavMesh();
     const { isPlaying } = usePlayButtonStore();
-    const { materialStore, armBotStore, conveyorStore, vehicleStore, storageUnitStore, humanStore, productStore } = useSceneContext();
-    const { removeMaterial, setEndTime } = materialStore();
+    const { materialStore, armBotStore, conveyorStore, vehicleStore, storageUnitStore, humanStore, productStore, assetStore } = useSceneContext();
+    const { removeMaterial, setEndTime, setIsVisible } = materialStore();
     const { getStorageUnitById } = storageUnitStore();
-    const { getHumanById } = humanStore();
+    const { getHumanById, addCurrentAction } = humanStore();
     const { getArmBotById } = armBotStore();
     const { getConveyorById } = conveyorStore();
     const { triggerPointActions } = useTriggerHandler();
+    const { setCurrentAnimation, getAssetById } = assetStore();
+    const { addHumanToMonitor } = useHumanEventManager();
     const { getActionByUuid, getEventByModelUuid, getTriggerByUuid } = productStore();
     const { selectedProductStore } = useProductContext();
     const { selectedProduct } = selectedProductStore();
@@ -96,7 +100,7 @@ function VehicleInstance({ agvDetail }: Readonly<{ agvDetail: VehicleStatus }>)
     }
 
     useEffect(() => {
-        if (isPlaying || selectedPath === "auto") {
+        if (isPlaying && selectedPath === "auto") {
             if (!agvDetail.point.action.unLoadPoint || !agvDetail.point.action.pickUpPoint) return;
 
             if (!agvDetail.isActive && agvDetail.state === 'idle' && currentPhase === 'stationed') {
@@ -223,6 +227,7 @@ function VehicleInstance({ agvDetail }: Readonly<{ agvDetail: VehicleStatus }>)
         if (agvDetail.point.action.triggers.length > 0) {
             const trigger = getTriggerByUuid(selectedProduct.productUuid, agvDetail.point.action.triggers[0]?.triggerUuid);
             const model = getEventByModelUuid(selectedProduct.productUuid, trigger?.triggeredAsset?.triggeredModel?.modelUuid || '');
+            const triggeredAction = getActionByUuid(selectedProduct.productUuid, trigger?.triggeredAsset?.triggeredAction?.actionUuid || '');
 
             if (trigger && model) {
                 if (model.type === 'transfer') {
@@ -244,8 +249,8 @@ function VehicleInstance({ agvDetail }: Readonly<{ agvDetail: VehicleStatus }>)
                     }
                 } else if (model.type === 'human') {
                     const action = getActionByUuid(selectedProduct.productUuid, agvDetail.point.action.actionUuid);
-                    if (action) {
-                        handleMaterialDropToHuman(model);
+                    if (action && (triggeredAction?.actionType === 'assembly' || triggeredAction?.actionType === 'worker')) {
+                        handleMaterialDropToHuman(model, triggeredAction);
                     }
                 }
             } else {
@@ -260,75 +265,56 @@ function VehicleInstance({ agvDetail }: Readonly<{ agvDetail: VehicleStatus }>)
         }
     }
 
-    function handleMaterialDropToHuman(model: HumanEventSchema) {
+    function handleMaterialDropToHuman(model: HumanEventSchema, action: HumanAction) {
+
         if (model) {
-            if (model.point.action.actionType === 'worker') {
-                loopMaterialDropToHuman(
-                    agvDetail.modelUuid,
-                    agvDetail.currentLoad,
-                    agvDetail.point.action.unLoadDuration,
-                    model.modelUuid,
-                    model.point.action.loadCapacity,
-                    agvDetail.point.action
-                );
+            if (action.actionType === 'worker') {
+                addHumanToMonitor(model.modelUuid, () => {
+                    loopMaterialDropToHuman(
+                        agvDetail,
+                        model.modelUuid,
+                        agvDetail.point.action,
+                        action.actionUuid
+                    );
+                }, action.actionUuid || '')
             }
         }
     }
 
     function loopMaterialDropToHuman(
-        vehicleId: string,
-        vehicleCurrentLoad: number,
-        unLoadDuration: number,
+        vehicle: VehicleStatus,
         humanId: string,
-        storageMaxCapacity: number,
-        action: VehicleAction
+        vehicleAction: VehicleAction,
+        humanActionId: string
     ) {
-        startTime = performance.now();
-        const fixedInterval = ((unLoadDuration / vehicleCurrentLoad) * (1000 / isSpeedRef.current));
+        let currentVehicleLoad = vehicle.currentLoad;
 
         const unloadLoop = () => {
-            if (isPausedRef.current) {
-                pauseTimeRef.current ??= performance.now();
-                requestAnimationFrame(unloadLoop);
-                return;
-            }
-
-            if (pauseTimeRef.current) {
-                const pauseDuration = performance.now() - pauseTimeRef.current;
-                startTime += pauseDuration;
-                pauseTimeRef.current = null;
-            }
-
-            const elapsedTime = performance.now() - startTime;
             const human = getHumanById(humanId);
+            const humanAsset = getAssetById(humanId);
+            const humanAction = human?.point.actions.find((action) => action.actionUuid === humanActionId);
 
-            if (elapsedTime >= fixedInterval) {
-                if (human && agvDetail &&
-                    human.currentLoad < storageMaxCapacity &&
-                    vehicleCurrentLoad > 0) {
+            if (!human || human.currentAction?.actionUuid !== humanAction?.actionUuid) return;
 
-                    decrementVehicleLoad(vehicleId, 1);
-                    vehicleCurrentLoad -= 1;
-
-                    const material = removeLastMaterial(vehicleId);
-                    if (material) {
-
-                        triggerPointActions(action, material.materialId);
-
-                    }
-
-                    if (vehicleCurrentLoad > 0 && human.currentLoad < storageMaxCapacity) {
-                        startTime = performance.now();
-                        requestAnimationFrame(unloadLoop);
-                    }
+            if (humanAsset && human.currentMaterials.length > 0 && humanAsset.animationState?.current === 'pickup' && humanAsset.animationState?.isCompleted) {
+                decrementVehicleLoad(vehicle.modelUuid, 1);
+                currentVehicleLoad -= 1;
+                const material = removeLastMaterial(vehicle.modelUuid);
+                if (material) {
+                    setIsVisible(material.materialId, false);
                 }
-            } else {
-                requestAnimationFrame(unloadLoop);
+            } else if (!human.isActive && human.currentLoad < (humanAction?.loadCapacity || 0) && humanAsset?.animationState?.current === 'waiting') {
+                setCurrentAnimation(human.modelUuid, 'pickup', true, false, false);
             }
+            setTimeout(() => {
+                requestAnimationFrame(unloadLoop);
+            }, 150)
         };
 
         const human = getHumanById(humanId);
-        if (human && vehicleCurrentLoad > 0 && human?.currentLoad < storageMaxCapacity) {
+        const humanAction = human?.point.actions.find((action) => action.actionUuid === humanActionId);
+        if (human && human.currentAction?.actionUuid !== humanActionId && human.currentLoad < (humanAction?.loadCapacity || 0)) {
+            addCurrentAction(humanId, humanActionId);
             unloadLoop();
         }
     }