feat: Integrate upsertProductOrEventApi in Simulations and Products components; adjust loadInitialFloorItems to accept renderDistance parameter; update material handling in addAssetModel and Vehicles components

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

@@ -2,6 +2,8 @@ import React, { useEffect } from 'react'
 import { useProductStore } from '../../../store/simulation/useProductStore'
 import * as THREE from 'three';
 import { useSelectedProduct } from '../../../store/simulation/useSimulationStore';
+import { upsertProductOrEventApi } from '../../../services/simulation/UpsertProductOrEventApi';
+import { getAllProductsApi } from '../../../services/simulation/getallProductsApi';
 
 function Products() {
     const { products, addProduct } = useProductStore();
@@ -12,10 +14,22 @@ function Products() {
             const id = THREE.MathUtils.generateUUID();
             const name = 'Product 1';
             addProduct(name, id);
+            // upsertProductOrEventApi({ productName: name, productId: id }).then((data) => {
+            //     console.log('data: ', data);
+            // });
             setSelectedProduct(id, name);
         }
     }, [products])
 
+    useEffect(() => {
+        // const email = localStorage.getItem('email')
+        // const organization = (email!.split("@")[1]).split(".")[0];
+        // console.log(organization);
+        // getAllProductsApi(organization).then((data) => {
+        //     console.log('data: ', data);
+        // })
+    }, [])
+
     return (
         <>
         </>

app/src/modules/simulation/roboticArm/instances/roboticArmInstances.tsx

@@ -5,7 +5,6 @@ import { useArmBotStore } from '../../../../store/simulation/useArmBotStore';
 function RoboticArmInstances() {
     const { armBots } = useArmBotStore();
 
-
     return (
         <>
 

app/src/modules/simulation/roboticArm/roboticArm.tsx

@@ -3,15 +3,11 @@ import RoboticArmInstances from "./instances/roboticArmInstances";
 import { useArmBotStore } from "../../../store/simulation/useArmBotStore";
 
 function RoboticArm() {
-    const { armBots, addArmBot, addCurrentAction } = useArmBotStore();
+    const { armBots, addArmBot, removeArmBot, addCurrentAction } = useArmBotStore();
 
     const armBotStatusSample: RoboticArmEventSchema[] = [
         {
             state: "idle",
-            // currentAction: {
-            //     actionUuid: "action-001",
-            //     actionName: "Pick Component",
-            // },
             modelUuid: "armbot-xyz-001",
             modelName: "ArmBot-X200",
             position: [0, 0, 0],
@@ -80,6 +76,7 @@ function RoboticArm() {
     ];
 
     useEffect(() => {
+        removeArmBot(armBotStatusSample[0].modelUuid);
         addArmBot('123', armBotStatusSample[0]);
         // addCurrentAction('armbot-xyz-001', 'action-001');
     }, []);
@@ -94,8 +91,6 @@ function RoboticArm() {
 
             <RoboticArmInstances />
 
-            <></>
-
         </>
     );
 }

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

@@ -24,7 +24,6 @@ function Vehicles() {
                     actionUuid: "action-456",
                     actionName: "Deliver to Zone A",
                     actionType: "travel",
-                    material: "crate",
                     unLoadDuration: 15,
                     loadCapacity: 5,
                     pickUpPoint: { x: 5, y: 0, z: 3 },
@@ -68,7 +67,6 @@ function Vehicles() {
                     actionUuid: "action-456",
                     actionName: "Deliver to Zone A",
                     actionType: "travel",
-                    material: "crate",
                     unLoadDuration: 15,
                     loadCapacity: 5,
                     pickUpPoint: { x: 5, y: 0, z: 3 },