update assetID

app/src/components/layout/scenes/MainScene.tsx

@@ -1,7 +1,9 @@
 import React from "react";
 import {
   useLoadingProgress,
+  useRenameModeStore,
   useSaveVersion,
+  useSelectedFloorItem,
   useSocketStore,
   useWidgetSubOption,
 } from "../../../store/builder/store";
@@ -30,6 +32,10 @@ import {
 import { useProductContext } from "../../../modules/simulation/products/productContext";
 import { useProductStore } from "../../../store/simulation/useProductStore";
 import RegularDropDown from "../../ui/inputs/RegularDropDown";
+import RenameTooltip from "../../ui/features/RenameTooltip";
+import { setFloorItemApi } from "../../../services/factoryBuilder/assest/floorAsset/setFloorItemApi";
+import { useAssetsStore } from "../../../store/builder/useAssetStore";
+import { useParams } from "react-router-dom";
 
 function MainScene() {
   const { products } = useProductStore();
@@ -47,13 +53,33 @@ function MainScene() {
   const { selectedZone } = useSelectedZoneStore();
   const { setFloatingWidget } = useFloatingWidget();
   const { comparisonProduct } = useComparisonProduct();
-
+  const { selectedFloorItem, setSelectedFloorItem } = useSelectedFloorItem();
+  const { setName } = useAssetsStore();
+  const { projectId } = useParams()
+  const { isRenameMode, setIsRenameMode } = useRenameModeStore();
   const handleSelectLayout = (option: string) => {
     const product = products.find((product) => product.productName === option);
     if (product) {
       setMainProduct(product.productUuid, product.productName);
     }
   };
+  const handleObjectRename = async (newName: string) => {
+    const email = localStorage.getItem("email") ?? "";
+    const organization = email?.split("@")[1]?.split(".")[0];
+    let response = await setFloorItemApi(
+      organization,
+      selectedFloorItem.userData.modelUuid,
+      newName,
+      projectId
+    );
+    selectedFloorItem.userData = {
+      ...selectedFloorItem.userData,
+      modelName: newName
+    };
+    setSelectedFloorItem(selectedFloorItem);
+    setIsRenameMode(false);
+    setName(selectedFloorItem.userData.modelUuid, response.modelName);
+  }
 
   return (
     <>
@@ -79,6 +105,7 @@ function MainScene() {
           {(isPlaying || comparisonProduct !== null) &&
             activeModule !== "simulation" && <ControlsPlayer />}
 
+          {isRenameMode && selectedFloorItem?.userData.modelName && <RenameTooltip name={selectedFloorItem?.userData.modelName} onSubmit={handleObjectRename} />}
           {/* remove this later */}
           {activeModule === "builder" && !toggleThreeD && <SelectFloorPlan />}
         </>