Refactor model identifier naming conventions from 'modeluuid' and 'modelname' to 'modelUuid' and 'modelName' across multiple modules for consistency and clarity. Update related API calls and local storage handling to reflect these changes. Remove unused deleteProductDataApi service and implement deleteProductApi service for product data deletion. Introduce steeringAngle property in vehicle configurations.

app/src/components/layout/sidebarRight/simulation/Simulations.tsx

@@ -18,6 +18,8 @@ import EditWidgetOption from "../../../ui/menu/EditWidgetOption";
 import { handleAddEventToProduct } from "../../../../modules/simulation/events/points/functions/handleAddEventToProduct";
 import { useEventsStore } from "../../../../store/simulation/useEventsStore";
 import { deleteEventDataApi } from "../../../../services/simulation/deleteEventDataApi";
+import { upsertProductOrEventApi } from "../../../../services/simulation/UpsertProductOrEventApi";
+import { deleteProductApi } from "../../../../services/simulation/deleteProductApi";
 
 interface Event {
     pathName: string;
@@ -41,9 +43,14 @@ const Simulations: React.FC = () => {
     const { selectedProduct, setSelectedProduct } = useSelectedProduct();
     const { getEventByModelUuid } = useEventsStore();
     const { selectedAsset, clearSelectedAsset } = useSelectedAsset();
+    const email = localStorage.getItem('email')
+    const organization = (email!.split("@")[1]).split(".")[0];
 
     const handleAddProduct = () => {
-        addProduct(`Product ${products.length + 1}`, generateUUID());
+        const id = generateUUID();
+        const name = `Product ${products.length + 1}`;
+        addProduct(name, id);
+        upsertProductOrEventApi({ productName: name, productId: id, organization: organization });
     };
 
     const handleRemoveProduct = (productId: string) => {
@@ -68,6 +75,7 @@ const Simulations: React.FC = () => {
         }
 
         removeProduct(productId);
+        deleteProductApi(productId, organization);
     };
 
     const handleRenameProduct = (productId: string, newName: string) => {

app/src/components/ui/list/DropDownList.tsx

@@ -81,8 +81,8 @@ const DropDownList: React.FC<DropDownListProps> = ({
           return isPointInsidePolygon([x, z], polygon2D);
         })
         .map((item: any) => ({
-          id: item.modeluuid,
-          name: item.modelname,
+          id: item.modelUuid,
+          name: item.modelName,
           position: item.position,
           rotation: item.rotation
         }));

app/src/components/ui/list/List.tsx

@@ -136,8 +136,8 @@ const List: React.FC<ListProps> = ({ items = [], remove }) => {
       console.log('response: ', response);
       setFloorItems((prevFloorItems: any[]) =>
         prevFloorItems.map((floorItems) =>
-          floorItems.modeluuid === zoneAssetId.id
-            ? { ...floorItems, modelname: response.modelname }
+          floorItems.modelUuid === zoneAssetId.id
+            ? { ...floorItems, modelName: response.modelName }
             : floorItems
         )
       );