fix(chatComponent): import processFlow function from reactflowUtils to fix reference error

fix(chatComponent): update validation check to use processFlow function to correctly count nodes
fix(formModal): remove unnecessary spread operator on processFlow function call
fix(reactflowUtils): update getGroupStatus function to correctly return status based on ssData

src/frontend/src/components/chatComponent/buildTrigger/index.tsx

@@ -10,7 +10,7 @@ import { FlowType } from "../../../types/flow";
 import { TabsContext } from "../../../contexts/tabsContext";
 import { parsedDataType } from "../../../types/components";
 import { TabsState } from "../../../types/tabs";
-import { validateNodes } from "../../../utils/reactflowUtils";
+import { processFlow, validateNodes } from "../../../utils/reactflowUtils";
 import RadialProgressComponent from "../../RadialProgress";
 import IconComponent from "../../genericIconComponent";
 
@@ -128,7 +128,7 @@ export default function BuildTrigger({
     // Step 3: Wait for the stream to finish
     while (!finished) {
       await new Promise((resolve) => setTimeout(resolve, 100));
-      finished = validationResults.length === flow.data!.nodes.length;
+      finished = validationResults.length === processFlow(flow.data!).nodes.length;
     }
     // Step 4: Return true if all nodes are valid, false otherwise
     return validationResults.every((result) => result);

src/frontend/src/modals/formModal/index.tsx

@@ -368,7 +368,7 @@ export default function FormModal({
         tabsState[flow.id].formKeysData.template
       );
       sendAll({
-        ...processFlow(reactFlowInstance?.toObject()!),
+        ...reactFlowInstance?.toObject()!,
         inputs: inputs!,
         chatHistory,
         name: flow.name,

src/frontend/src/utils/reactflowUtils.ts

@@ -921,16 +921,18 @@ export function getGroupStatus(
   flow: FlowType,
   ssData: { [key: string]: { valid: boolean; params: string } }
 ) {
-  let Nodestatus: Array<string> = [];
+  let status = { valid: true, params: "Built sucessfully ✨" };
   const { nodes } = flow.data!;
   const ids = nodes.map((n: NodeType) => n.data.id);
+  ids.forEach((id)=>console.log(ssData[id]))
   ids.forEach((id) => {
     if (!ssData[id]) {
-      return ssData[id];
+      status = ssData[id]
+      return
     }
     if (!ssData[id].valid) {
-      return { valid: false, params: ssData[id].params };
+      status =  { valid: false, params: ssData[id].params };
     }
   });
-  return { valid: true, params: "Built sucessfully ✨" };
+  return status;
 }