strip of setOutput function before saving output node

Author: jsajal

src/components/molecules/flow/index.js

@@ -109,7 +109,8 @@ const Flow = ({ tabId, collectionId, flowData }) => {
       tab.isDirty = true;
       tab.flowData = {
         nodes: nodes.map((node) => {
-          return { ...node };
+          const _node = JSON.parse(JSON.stringify(node));
+          return { ..._node };
         }),
         edges: edges.map((edge) => {
           return {
@@ -153,7 +154,7 @@ const Flow = ({ tabId, collectionId, flowData }) => {
     if (isEqual(nodes, []) && isEqual(edges, [])) {
       return;
     }
-    if (flowData && isEqual(nodes, flowData.nodes) && isEqual(edges, flowData.edges)) {
+    if (flowData && isEqual(JSON.parse(JSON.stringify(nodes)), flowData.nodes) && isEqual(edges, flowData.edges)) {
       console.debug('canvas is unchanged');
       return;
     }

src/components/molecules/flow/nodes/EvaluateNode.js

@@ -23,7 +23,7 @@ const operatorMenu = (data) => {
       <select
         onChange={handleOperatorSelection}
         name='auth-type'
-        default={selectedOperatorValue}
+        value={selectedOperatorValue}
         className='w-full h-12 px-1 py-2 border rounded-md border-neutral-500 text-neutral-500 outline-0 focus:ring-0'
       >
         <option value={CHOOSE_OPERATOR_DEFAULT_VALUE_OBJ.value}>

src/stores/CollectionStore.js

@@ -248,7 +248,7 @@ const useCollectionStore = create((set, get) => ({
 
           if (item) {
             item.modifiedAt = Date.now();
-            console.log(`Collection updated: ${JSON.stringify(collection)}`);
+            // console.log(`Collection updated: ${JSON.stringify(collection)}`);
 
             // check if there are any open tabs, if yes mark them saved
             const tab = useTabStore.getState().tabs.find((t) => t.id === item.id);