changed marketplace assets

app/src/store/store.ts

@@ -5,19 +5,16 @@ import { io } from "socket.io-client";
 
 export const useSocketStore = create<any>((set: any, get: any) => ({
   socket: null,
-  initializeSocket: (email: any) => {
+  initializeSocket: (email: string, organization: string) => {
     const existingSocket = get().socket;
     if (existingSocket) {
       return;
     }
 
-    const socket = io(
-      `http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/`,
-      {
-        reconnection: false,
-        auth: { email },
-      }
-    );
+    const socket = io(`http://${process.env.REACT_APP_SERVER_SOCKET_API_BASE_URL}/Builder`, {
+      reconnection: false,
+      auth: { email, organization },
+    });
 
     set({ socket });
   },
@@ -352,10 +349,30 @@ export const useStartSimulation = create<any>((set: any) => ({
   startSimulation: false,
   setStartSimulation: (x: any) => set({ startSimulation: x }),
 }));
+
+export const useEyeDropMode = create<any>((set: any) => ({
+  eyeDropMode: false,
+  setEyeDropMode: (x: any) => set({ eyeDropMode: x }),
+}));
+
+export const useEditingPoint = create<any>((set: any) => ({
+  editingPoint: false,
+  setEditingPoint: (x: any) => set({ editingPoint: x }),
+}));
+
+export const usePreviewPosition = create<{
+  previewPosition: { x: number; y: number } | null;
+  setPreviewPosition: (position: { x: number; y: number } | null) => void;
+}>((set) => ({
+  previewPosition: null,
+  setPreviewPosition: (position) => set({ previewPosition: position }),
+}));
+
 export const usezoneTarget = create<any>((set: any) => ({
   zoneTarget: [],
   setZoneTarget: (x: any) => set({ zoneTarget: x }),
 }));
+
 export const usezonePosition = create<any>((set: any) => ({
   zonePosition: [],
   setZonePosition: (x: any) => set({ zonePosition: x }),
@@ -375,6 +392,7 @@ export const useAsset3dWidget = create<any>((set: any) => ({
   widgetSelect: "",
   setWidgetSelect: (x: any) => set({ widgetSelect: x }),
 }));
+
 export const useWidgetSubOption = create<any>((set: any) => ({
   widgetSubOption: "2D",
   setWidgetSubOption: (x: any) => set({ widgetSubOption: x }),

app/src/store/useChartStore.ts

@@ -9,20 +9,26 @@ interface MeasurementStore {
   measurements: Record<string, Measurement>;  // Change array to Record<string, Measurement>
   interval: number;
   duration: string;
+  name: string;
   setMeasurements: (newMeasurements: Record<string, Measurement>) => void;
   updateDuration: (newDuration: string) => void;
+  updateName: (newName: string) => void;
 }
 
 const useChartStore = create<MeasurementStore>((set) => ({
   measurements: {}, // Initialize as an empty object
   interval: 1000,
   duration: "1h",
+  name:'',
 
   setMeasurements: (newMeasurements) =>
     set(() => ({ measurements: newMeasurements })),
 
   updateDuration: (newDuration) =>
     set(() => ({ duration: newDuration })),
+  
+  updateName: (newName) =>
+    set(() => ({ duration: newName })),
 }));
 
 export default useChartStore;

app/src/store/useDroppedObjectsStore.ts

@@ -1,4 +1,5 @@
 import { create } from "zustand";
+import { addingFloatingWidgets } from "../services/realTimeVisulization/zoneData/addFloatingWidgets";
 
 type DroppedObject = {
   className: string;
@@ -35,6 +36,8 @@ type DroppedObjectsState = {
       bottom: number | "auto";
     }
   ) => void;
+  deleteObject: (zoneName: string, index: number) => void; // Add this line
+  duplicateObject: (zoneName: string, index: number) => void; // Add this line
 };
 
 export const useDroppedObjectsStore = create<DroppedObjectsState>((set) => ({
@@ -73,6 +76,72 @@ export const useDroppedObjectsStore = create<DroppedObjectsState>((set) => ({
         },
       };
     }),
+
+  deleteObject: (zoneName: string, index: number) =>
+    set((state) => {
+      const zone = state.zones[zoneName];
+      if (!zone) return state;
+      return {
+        zones: {
+          [zoneName]: {
+            ...zone,
+            objects: zone.objects.filter((_, i) => i !== index), // Remove object at the given index
+          },
+        },
+      };
+    }),
+  duplicateObject: async (zoneName: string, index: number) => {
+    const state = useDroppedObjectsStore.getState(); // Get the current state
+    const zone = state.zones[zoneName];
+
+    if (!zone) return;
+
+    const originalObject = zone.objects[index];
+    if (!originalObject) return;
+
+    const email = localStorage.getItem("email") || "";
+    const organization = email?.split("@")[1]?.split(".")[0];
+
+    // Create a shallow copy of the object with a unique ID and slightly adjusted position
+    const duplicatedObject: DroppedObject = {
+      ...originalObject,
+      id: `${originalObject.id}-copy-${Date.now()}`, // Unique ID
+      position: {
+        ...originalObject.position,
+        top:
+          typeof originalObject.position.top === "number"
+            ? originalObject.position.top + 20 // Offset vertically
+            : originalObject.position.top,
+        left:
+          typeof originalObject.position.left === "number"
+            ? originalObject.position.left + 20 // Offset horizontally
+            : originalObject.position.left,
+      },
+    };
+
+    console.log("zone: ", zone.zoneId);
+    console.log("duplicatedObject: ", duplicatedObject);
+
+    // Make async API call outside of Zustand set function
+    // let response = await addingFloatingWidgets(
+    //   zone.zoneId,
+    //   organization,
+    //   duplicatedObject
+    // );
+
+    // if (response.message === "FloatWidget created successfully") {
+    // Update the state inside `set`
+    useDroppedObjectsStore.setState((state) => ({
+      zones: {
+        ...state.zones,
+        [zoneName]: {
+          ...state.zones[zoneName],
+          objects: [...state.zones[zoneName].objects, duplicatedObject], // Append duplicated object
+        },
+      },
+    }));
+    // }
+  },
 }));
 
 export interface DroppedObjects {
@@ -90,3 +159,13 @@ export interface Zones {
   zoneId: string;
   objects: DroppedObject[];
 }
+
+export const use3DWidget = create<any>((set: any) => ({
+  widgets3D: [],
+  setWidgets3D: (x: any) => set({ widgets3D: x }),
+}));
+
+export const useFloatingWidget = create<any>((set: any) => ({
+  floatingWidget: [],
+  setFloatingWidget: (x: any) => set({ floatingWidget: x }),
+}));

app/src/store/useModuleStore.ts

@@ -23,4 +23,17 @@ const useSubModuleStore = create<SubModuleStore>((set) => ({
   setSubModule: (subModule) => set({ subModule }), // Update subModule state
 }));
 
-export { useSubModuleStore };
+export { useSubModuleStore };
+
+interface ThreeDState {
+  toggleThreeD: boolean;
+  setToggleThreeD: (value: boolean) => void;
+}
+
+// Create the Zustand store
+const useThreeDStore = create<ThreeDState>((set) => ({
+  toggleThreeD: true, // Initial state
+  setToggleThreeD: (value) => set({ toggleThreeD: value }), // Action to update the state
+}));
+
+export { useThreeDStore };

app/src/store/useTemplateStore.ts

@@ -1,7 +1,5 @@
 import { create } from "zustand";
 
-// type Side = "top" | "bottom" | "left" | "right";
-
 export interface Widget {
   id: string;
   type: string;
@@ -15,21 +13,34 @@ export interface Template {
   name: string;
   panelOrder: string[];
   widgets: Widget[];
-  snapshot?: string | null; // Add an optional image property (base64)
+  floatingWidget: any[]; // Fixed empty array type
+  widgets3D: any[]; // Fixed empty array type
+  snapshot?: string | null;
 }
 
 interface TemplateStore {
   templates: Template[];
   addTemplate: (template: Template) => void;
+  setTemplates: (templates: Template[]) => void; // Changed from `setTemplate`
   removeTemplate: (id: string) => void;
 }
 
 export const useTemplateStore = create<TemplateStore>((set) => ({
   templates: [],
+  
+  // Add a new template to the list
   addTemplate: (template) =>
     set((state) => ({
       templates: [...state.templates, template],
     })),
+
+  // Set (replace) the templates list with a new array
+  setTemplates: (templates) =>
+    set(() => ({
+      templates, // Ensures no duplication
+    })),
+
+  // Remove a template by ID
   removeTemplate: (id) =>
     set((state) => ({
       templates: state.templates.filter((t) => t.id !== id),
@@ -37,3 +48,4 @@ export const useTemplateStore = create<TemplateStore>((set) => ({
 }));
 
 export default useTemplateStore;
+

app/src/store/useWidgetStore.ts

@@ -33,7 +33,7 @@ interface WidgetStore {
   setDraggedAsset: (asset: Widget | null) => void; // Setter for draggedAsset
   addWidget: (widget: Widget) => void; // Add a new widget
   setWidgets: (widgets: Widget[]) => void; // Replace the entire widgets array
-  setSelectedChartId: (widget: Widget | null) => void; // Set the selected chart/widget
+  setSelectedChartId: (widget: any | null) => void; // Set the selected chart/widget
 }
 
 // Create the store with Zustand