3d widget api added and template frontend and backend completed

app/src/modules/visualization/handleSaveTemplate.ts

@@ -1,74 +1,89 @@
+import { saveTemplateApi } from "../../services/realTimeVisulization/zoneData/saveTempleteApi";
 import { Template } from "../../store/useTemplateStore";
 import { captureVisualization } from "./captureVisualization";
 
 type HandleSaveTemplateProps = {
   addTemplate: (template: Template) => void;
+  floatingWidget: []; // Updated type from `[]` to `any[]` for clarity
+  widgets3D: []; // Updated type from `[]` to `any[]` for clarity
   selectedZone: {
-    panelOrder: string[]; // Adjust the type based on actual data structure
-    widgets: any[]; // Replace `any` with the actual widget type
+    panelOrder: string[];
+    widgets: any[];
   };
   templates?: Template[];
 };
 
-// Generate a unique ID (placeholder function)
+// Generate a unique ID
 const generateUniqueId = (): string => {
   return `${Date.now()}-${Math.random().toString(36).substring(2, 15)}`;
 };
 
-// Refactored function
 export const handleSaveTemplate = async ({
   addTemplate,
+  floatingWidget,
+  widgets3D,
   selectedZone,
   templates = [],
 }: HandleSaveTemplateProps): Promise<void> => {
   try {
     // Check if the selected zone has any widgets
     if (!selectedZone.widgets || selectedZone.widgets.length === 0) {
-      console.warn("Cannot save an empty template.");
+      console.warn("No widgets found in the selected zone.");
       return;
     }
 
     // Check if the template already exists
-    const isDuplicate = templates.some((template) => {
-      const isSamePanelOrder =
+    const isDuplicate = templates.some(
+      (template) =>
         JSON.stringify(template.panelOrder) ===
-        JSON.stringify(selectedZone.panelOrder);
-      const isSameWidgets =
+          JSON.stringify(selectedZone.panelOrder) &&
         JSON.stringify(template.widgets) ===
-        JSON.stringify(selectedZone.widgets);
-      return isSamePanelOrder && isSameWidgets;
-    });
+          JSON.stringify(selectedZone.widgets)
+    );
 
     if (isDuplicate) {
-      console.warn("This template already exists.");
       return;
     }
 
     // Capture visualization snapshot
     const snapshot = await captureVisualization();
-    if (!snapshot) {
-      console.error("Failed to capture visualization snapshot.");
-      return;
-    }
-
+    console.log("snapshot: ", snapshot);
+    // if (!snapshot) {
+    //   return;
+    // }
     // Create a new template
     const newTemplate: Template = {
       id: generateUniqueId(),
-      name: `Template ${Date.now()}`,
+      name: `Template ${new Date().toISOString()}`, // Better name formatting
       panelOrder: selectedZone.panelOrder,
       widgets: selectedZone.widgets,
       snapshot,
+      floatingWidget,
+      widgets3D,
     };
 
-    console.log("Saving template:", newTemplate);
+    // Extract organization from email
+    const email = localStorage.getItem("email") || "";
+    const organization = email.includes("@")
+      ? email.split("@")[1]?.split(".")[0]
+      : "";
+
+    if (!organization) {
+      console.error("Organization could not be determined from email.");
+      return;
+    }
 
     // Save the template
     try {
+      const response = await saveTemplateApi(organization, newTemplate);
+      console.log("Save API Response:", response);
+
+      // Add template only if API call succeeds
       addTemplate(newTemplate);
-    } catch (error) {
-      console.error("Failed to add template:", error);
+    } catch (apiError) {
+      console.error("Error saving template to API:", apiError);
     }
   } catch (error) {
-    console.error("Failed to save template:", error);
+    console.error("Error in handleSaveTemplate:", error);
   }
 };