abstractNode implementation and flow additional info

src/components/Editor/FlowEditor.tsx

@@ -24,6 +24,7 @@ import ReactFlow, {
   useStoreApi,
 } from 'reactflow';
 import 'reactflow/dist/style.css';
+import { v4 as UUIDv4 } from 'uuid';
 import useStore from '../../store';
 import {
   polyglotEdgeComponentMapping,
@@ -34,6 +35,7 @@ import ContextMenu, {
   ContextMenuTypes,
 } from '../ContextMenu/ContextMenu';
 
+import { platform } from 'os';
 import { createNewDefaultPolyglotNode } from '../../utils/utils';
 import LateralMenu from '../LateralMenu/LateralMenu';
 import EditorNav from '../NavBars/EditorNav';
@@ -63,6 +65,7 @@ const FlowEditor = ({
     setSelectedElement,
     getSelectedElement,
     clearSelection,
+    flow,
   } = useStore((store) => ({
     getNodes: store.reactFlowNodes,
     getEdges: store.reactFlowEdges,
@@ -74,6 +77,7 @@ const FlowEditor = ({
     setSelectedElement: store.setSelectedElement,
     clearSelection: store.clearSelection,
     setLastSavedAction: store.setLastSavedAction,
+    flow: store.getFlow(),
   }));
   const { resetSelectedElements } = useStoreApi().getState();
   const { project } = useReactFlow();
@@ -133,6 +137,37 @@ const FlowEditor = ({
       x: event.clientX - rect.left,
       y: event.clientY - rect.top,
     });
+
+    if (type == 'abstractNode') {
+      console.log('abstractNode creation');
+
+      const id = UUIDv4();
+      const nodeToAdd = {
+        _id: id,
+        type: type,
+        title: 'New Node',
+        description: '',
+        difficulty: 1,
+        platform: 'Library',
+        data: {
+          useFlowData: true,
+          sourceMaterial: flow?.sourceMaterial,
+          learning_outcome: flow?.learning_outcome,
+          education_level: flow?.education_level,
+          topicsAI: flow?.topicsAI,
+          language: flow?.language,
+          macro_subject: flow?.macro_subject,
+        },
+        reactFlow: {
+          id: id,
+          type: type,
+          position: pos,
+          data: undefined,
+        },
+      };
+      useStore.getState().addNode(nodeToAdd);
+      return;
+    }
     console.log(pos);
     const nodeToAdd = createNewDefaultPolyglotNode(pos, type);
     console.log(nodeToAdd);

src/components/Forms/Fields/EnumField.tsx

@@ -15,6 +15,7 @@ export type EnumFieldProps = {
   options: JSX.Element;
   constraints?: RegisterOptions;
   hidden?: boolean;
+  defaultValue?: any;
 };
 
 const EnumField = ({
@@ -24,14 +25,19 @@ const EnumField = ({
   options,
   constraints,
   width,
+  defaultValue,
 }: EnumFieldProps) => {
   const { register, getFieldState } = useFormContext();
   const { error } = getFieldState(name);
 
   return (
     <Box p={2} width={width} hidden={hidden}>
       <FormControl isInvalid={error !== undefined}>
-        <Select {...register(name, constraints)} borderColor={'grey'}>
+        <Select
+          {...register(name, constraints)}
+          borderColor={'grey'}
+          defaultValue={defaultValue}
+        >
           {options}
         </Select>
         <FormLabel

src/components/LateralMenu/LateralMenu.tsx

@@ -64,6 +64,7 @@ const configAssessment = [
 ];
 
 const listImplementedNodes = [
+  'abstractNode',
   'multipleChoiceQuestionNode',
   'closeEndedQuestionNode',
   'OpenQuestionNode',

src/components/Modals/CreateAILPModal.tsx

@@ -1016,6 +1016,12 @@ const CreateAILPModal = ({ isOpen, onClose, action }: ModaTemplateProps) => {
                   duration: analysedMaterial.estimated_duration.toString(),
                   topics: topics,
                   tags: tags,
+                  sourceMaterial: sourceMaterial,
+                  learning_outcome: learningOutcome,
+                  education_level: eduLevel,
+                  topicsAI: selectedTopic,
+                  language: analysedMaterial.language,
+                  macro_subject: analysedMaterial.macro_subject,
                   nodes: generatedNodes,
                   edges: generatedEdges,
                 };
@@ -1031,16 +1037,18 @@ const CreateAILPModal = ({ isOpen, onClose, action }: ModaTemplateProps) => {
                     isClosable: true,
                   });
                 }
-                router.push('/flows/' + flowResponse.data.id);
-              } catch (error) {
                 toast({
-                  title: 'Generic Error',
-                  description: 'Try later: ' + (error as Error).message,
-                  status: 'error',
-                  duration: 5000,
+                  title: 'Flow created',
+                  description:
+                    'Flow created successfully, you will be redirected soon.',
+                  status: 'success',
+                  duration: 3000,
                   position: 'bottom-left',
                   isClosable: true,
                 });
+                router.push('/flows/' + flowResponse.data.id);
+              } catch (error) {
+                console.log((error as Error).message);
               } finally {
                 setGeneratingLoading(false);
               }

src/components/Modals/CreateFlowModal.tsx

@@ -109,6 +109,7 @@ const CreateFlowModal = ({ isOpen, onClose, API }: CreateFlowModalProps) => {
             duration: duration,
             learningContext: learningContext,
             topics: topics,
+            topicsAI: [],
           };
           response = await API.createNewFlow(base_Flow);
           break;

src/components/Modals/EditFlowModal.tsx

@@ -279,13 +279,15 @@ const EditFlowModal = ({
             onClick={() => {
               if (!title || !description || !tags) return;
               updateInfo({
+                //aggiorna con material... ai data
                 title: title,
                 description: description,
                 tags: tags,
                 publish: publish,
                 learningContext: learningContext,
                 duration: duration,
                 topics: topics,
+                topicsAI: [],
               });
               onClose();
             }}

src/components/Properties/Edges/EdgeProperties.tsx

@@ -19,7 +19,7 @@ const config = [
       'CreateKeywordsListNode',
       'MemoriseKeywordsListNode',
       'PromptEngineeringNode',
-      'ProblemSolvingNode',      
+      'ProblemSolvingNode',
     ],
   },
   {