texteditorrefactor 0.0.5 → 0.0.13

package/dist/components/Molecules/comprehension/ComprehensionLayout.js

@@ -17,7 +17,7 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
     // Function to get the filtered sub-questions (will be used in useEffect)
     const getFilteredSubQuestions = () => {
         if (isTeacher) {
-            return questionObject?.sub_questions || [];
+            return questionObject?.sub_questions || questionObject?.sub_question || [];
         }
         else {
             return questionObject?.sub_question || [];
@@ -30,7 +30,8 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
         }
     }, [isTeacher, questionObject, presenterLogic]);
     const getUserAnswerForSubQuestion = (subQuestionId) => {
-        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === subQuestionId);
+        let subQuestionObj = questionObject?.sub_questions || questionObject?.sub_question;
+        const subQuestion = subQuestionObj?.find((ans) => ans?.question === subQuestionId);
         if (!subQuestion?.user_answer)
             return null;
         try {
@@ -43,7 +44,8 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
         }
     };
     const getAssistantInfoForSubQuestion = (subQuestionId) => {
-        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === subQuestionId);
+        let subQuestionObj = questionObject?.sub_questions || questionObject?.sub_question;
+        const subQuestion = subQuestionObj?.find((ans) => ans?.question === subQuestionId);
         if (!subQuestion?.user_answer)
             return null;
         const subQuestionChatID = JSON.parse(subQuestion?.user_answer)?.chatId;
@@ -70,7 +72,8 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
         return questionObject?.sub_question?.find((subQues) => subQues?.version_uuid === versionUuid);
     };
     const getSubQuestionSessionId = (versionUuid) => {
-        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === versionUuid);
+        let subQuestionObj = questionObject?.sub_questions || questionObject?.sub_question;
+        const subQuestion = subQuestionObj?.find((ans) => ans?.question === versionUuid);
         return subQuestion?.session_id;
     };
     const handleSubQuestionNavigate = (versionUuid) => {
@@ -91,7 +94,8 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
         }
     };
     const getSubQuestionTutorMode = (versionUuid) => {
-        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === versionUuid);
+        let subQuestionObj = questionObject?.sub_questions || questionObject?.sub_question;
+        const subQuestion = subQuestionObj?.find((ans) => ans?.question === versionUuid);
         return subQuestion?.tutor_mode;
     };
     return ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: ComprehensionStyles_1.styles?.mainContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: ComprehensionStyles_1.styles?.passageContainer, children: (0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, assistantImg: assistantImg || commonProps?.icons?.AssistantImg, text: questionObject?.question_layout, hideVin: !presenterLogic?.showVinIcon, isCopy: false, isQuestion: false, isComprehension: isComprehension, commonProps: commonProps, assistantStyle: commonProps?.assistantStyle, isFromParentApp: isFromParentApp }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: ComprehensionStyles_1.styles?.subQuestionContainer, children: filteredSubQuestions?.map((subQues, index) => {

package/dist/components/Molecules/comprehension/ComprehensionLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComprehensionLayout.js","sourceRoot":"","sources":["../../../../src/components/Molecules/comprehension/ComprehensionLayout.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAmD;AACnD,+DAA+C;AAE/C,6EAAuD;AAEvD,4CAAuC;AACvC,8DAAgF;AAChF,4EAAoD;AA4CpD,MAAM,0BAA0B,GAC9B,2BAAgE,CAAC;AAsCnE,MAAM,mBAAmB,GAAG,CAAC,EAC3B,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,UAAU,EACV,eAAe,EACf,WAAW,EACX,WAAW,EACX,SAAS,EACT,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,UAAU,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,eAAe,EACf,WAAW,EACX,OAAO,EACP,eAAe,EACf,cAAc,EACd,SAAS,GAAG,KAAK,EACjB,mBAAmB,EACnB,cAAc,EACd,cAAc,GACW,EAAE,EAAE;IAC7B,MAAM,SAAS,GAAG,cAAc,EAAE,SAAS,KAAK,8BAAe,EAAE,OAAO,CAAC;IACzE,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,IAAA,gBAAQ,EAAQ,EAAE,CAAC,CAAC;IAE5E,yEAAyE;IACzE,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,IAAI,SAAS,EAAE;YACb,OAAO,cAAc,EAAE,aAAa,IAAI,EAAE,CAAC;SAC5C;aAAM;YACL,OAAO,cAAc,EAAE,YAAY,IAAI,EAAE,CAAC;SAC3C;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE,SAAS,KAAK,MAAM,EAAE;YACxC,MAAM,YAAY,GAAG,uBAAuB,EAAE,CAAC;YAC/C,uBAAuB,CAAC,YAAY,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhD,MAAM,2BAA2B,GAAG,CAAC,aAAqB,EAAE,EAAE;QAC5D,MAAM,WAAW,GAAG,cAAc,EAAE,aAAa,EAAE,IAAI,CACrD,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,aAAa,CAC9C,CAAC;QACF,IAAI,CAAC,WAAW,EAAE,WAAW;YAAE,OAAO,IAAI,CAAC;QAC3C,IAAI;YACF,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YAC1D,OAAO,YAAY,CAAC;SACrB;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAC;YAC/C,OAAO,IAAI,CAAC;SACb;IACH,CAAC,CAAC;IAEF,MAAM,8BAA8B,GAAG,CAAC,aAAqB,EAAE,EAAE;QAC/D,MAAM,WAAW,GAAG,cAAc,EAAE,aAAa,EAAE,IAAI,CACrD,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,aAAa,CAC9C,CAAC;QACF,IAAI,CAAC,WAAW,EAAE,WAAW;YAAE,OAAO,IAAI,CAAC;QAC3C,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAEvE,MAAM,aAAa,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE;YAChD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACtC,OAAO,MAAM,KAAK,iBAAiB,CAAC;QACtC,CAAC,CAAC,CAAC;QAEH,IAAI,aAAa,EAAE;YACjB,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAC/C,OAAO,aAAa,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;SACtC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,OAAY,EAAE,QAAa,EAAE,EAAE;QACnD,IAAI,CAAC,IAAA,+BAAgB,EAAC,QAAQ,EAAE,OAAO,CAAC,EAAE;YACxC,IAAI,OAAO,GAAG,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;YACtD,OAAO,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC;SAChC;aAAM;YACL,OAAO,QAAQ,EAAE,OAAO,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE;QAC7C,OAAO,cAAc,EAAE,YAAY,EAAE,IAAI,CACvC,CAAC,OAAY,EAAE,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,WAAW,CACxD,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,WAAmB,EAAE,EAAE;QACtD,MAAM,WAAW,GAAG,cAAc,EAAE,aAAa,EAAE,IAAI,CACrD,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAC5C,CAAC;QACF,OAAO,WAAW,EAAE,UAAU,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,WAAmB,EAAE,EAAE;QACxD,IAAI,IAAA,+BAAgB,EAAC,cAAc,CAAC,IAAI,cAAc,EAAE;YACtD,IAAI,iBAAiB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;YACpD,IAAI,UAAU,GAAG,uBAAuB,CAAC,WAAW,CAAC,CAAC;YACtD,iBAAiB,GAAG;gBAClB,GAAG,iBAAiB;gBACpB,OAAO,EAAE,cAAc,EAAE,eAAe;gBACxC,gBAAgB,EAAE,cAAc,EAAE,YAAY;aAC/C,CAAC;YACF,IAAI,mBAAmB,GAAG;gBACxB,cAAc,EAAE,iBAAiB;gBACjC,UAAU,EAAE,2BAA2B,CAAC,WAAW,CAAC;gBACpD,UAAU,EAAE,UAAU;aACvB,CAAC;YACF,cAAc,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,WAAmB,EAAE,EAAE;QACtD,MAAM,WAAW,GAAG,cAAc,EAAE,aAAa,EAAE,IAAI,CACrD,CAAC,GAAQ,EAAE,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAC5C,CAAC;QACF,OAAO,WAAW,EAAE,UAAU,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,WAAG,IAAC,EAAE,EAAE,4BAAM,EAAE,aAAa,aAC5B,uBAAC,WAAG,IAAC,EAAE,EAAE,4BAAM,EAAE,gBAAgB,YAC/B,uBAAC,mBAAW,IACV,sBAAsB,EAAE,sBAAsB,EAC9C,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAC5C,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,YAAY,IAAI,WAAW,EAAE,KAAK,EAAE,YAAY,EAC9D,IAAI,EAAE,cAAc,EAAE,eAAe,EACrC,OAAO,EAAE,CAAC,cAAc,EAAE,WAAW,EACrC,MAAM,EAAE,KAAK,EACb,UAAU,EAAE,KAAK,EACjB,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,WAAW,EAAE,cAAc,EAC3C,eAAe,EAAE,eAAe,GAChC,GACE,EAEN,uBAAC,WAAG,IAAC,EAAE,EAAE,4BAAM,EAAE,oBAAoB,YAClC,oBAAoB,EAAE,GAAG,CAAC,CAAC,OAAY,EAAE,KAAa,EAAE,EAAE;oBACzD,MAAM,aAAa,GAAG,8BAA8B,CAClD,OAAO,EAAE,YAAY,CACtB,CAAC;oBAEF,MAAM,OAAO,GAAG,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;oBAErD,OAAO,CACL,uBAAC,0BAA0B,IAEzB,gBAAgB,EAAE,KAAK,EACvB,cAAc,EAAE,OAAO,EACvB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,2BAA2B,CAAC,OAAO,EAAE,YAAY,CAAC,EAC9D,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,IAAI,EACvB,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE;4BACd,GAAG,cAAc;4BACjB,aAAa,EAAE,KAAK;4BACpB,eAAe,EAAE,KAAK;yBACvB,EACD,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,aAAa,EACtB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,yBAAyB,EACzC,UAAU,EAAE,uBAAuB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC1D,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,IA/BzB,KAAK,CAgCV,CACH,CAAC;gBACJ,CAAC,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ComprehensionLayout.js","sourceRoot":"","sources":["../../../../src/components/Molecules/comprehension/ComprehensionLayout.tsx"],"names":[],"mappings":"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"}

package/dist/components/Organisms/D3Graphs/Reactflow.d.ts

@@ -0,0 +1 @@
+export default function KnowledgeCellFlowchart(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/D3Graphs/Reactflow.js

@@ -0,0 +1,244 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const reactflow_1 = __importStar(require("reactflow"));
+require("reactflow/dist/style.css");
+const RecapData_1 = require("../../../utils/RecapData");
+const colors = [
+    '#FFD700', '#9B59B6', '#76D7C4', '#FF6B6B', '#4ECDC4',
+    '#45B7D1', '#FFA07A', '#98D8C8', '#F7DC6F', '#BB8FCE',
+    '#85C1E2', '#F8B88B', '#A9DFBF', '#F5B7B1', '#D7BDE2'
+];
+const getRandomColor = (id) => {
+    let hash = 0;
+    for (let i = 0; i < id.length; i++) {
+        hash = ((hash << 5) - hash) + id.charCodeAt(i);
+        hash = hash & hash;
+    }
+    return colors[Math.abs(hash) % colors.length];
+};
+const getNodeStyle = (depth, color) => {
+    const sizes = {
+        0: { width: 220, height: 70, fontSize: 13 },
+        1: { width: 200, height: 60, fontSize: 12 },
+        2: { width: 180, height: 55, fontSize: 11 },
+        3: { width: 160, height: 50, fontSize: 10 },
+        4: { width: 140, height: 45, fontSize: 9 },
+    };
+    const size = sizes[Math.min(depth, 4)];
+    return {
+        background: color,
+        border: `2px solid ${color}`,
+        borderRadius: '8px',
+        padding: '8px',
+        fontSize: `${size.fontSize}px`,
+        fontWeight: 'bold',
+        color: depth === 0 ? '#000' : '#fff',
+        textAlign: 'center',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: `${size.width}px`,
+        height: `${size.height}px`,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'pre-wrap',
+        wordBreak: 'break-word',
+    };
+};
+const truncateText = (text, maxLength = 40) => {
+    return text.length > maxLength ? text.substring(0, maxLength) + '...' : text;
+};
+// Function to merge content by ID
+const mergeContentByID = (contentArrays) => {
+    const mergedContent = {};
+    contentArrays.forEach((contentObj) => {
+        Object.entries(contentObj).forEach(([id, content]) => {
+            console.log(`Merging content for ID: ${id}`, content);
+            if (!mergedContent[id]) {
+                mergedContent[id] = {
+                    videos: [],
+                    recap: null,
+                    sections: {},
+                };
+            }
+            // Handle array content (videos)
+            if (Array.isArray(content)) {
+                console.log(`Adding videos to ${id}:`, content);
+                mergedContent[id].videos.push(...content);
+            }
+            // Handle object content (recap, sections)
+            else if (typeof content === 'object' && content !== null) {
+                if (content.sections) {
+                    console.log(`Adding sections to ${id}:`, content.sections);
+                    mergedContent[id].sections = {
+                        ...mergedContent[id].sections,
+                        ...content.sections,
+                    };
+                }
+                else {
+                    console.log(`Adding recap/other content to ${id}:`, content);
+                    mergedContent[id].recap = content;
+                }
+            }
+            console.log(`Merged state for ${id}:`, mergedContent[id]);
+        });
+    });
+    return mergedContent;
+};
+const buildNodesAndEdges = (data, contentData = null) => {
+    const nodes = [];
+    const edges = [];
+    const nodeColorMap = {};
+    const nodeContentMap = {};
+    // Merge content if provided
+    let mergedContent = {};
+    if (contentData) {
+        mergedContent = mergeContentByID(contentData);
+        console.log('Final merged content:', mergedContent);
+    }
+    // First pass: collect all nodes and their depths
+    const nodeDepthMap = {};
+    const childrenCountMap = {};
+    const traverse = (node, depth = 0) => {
+        const nodeId = node._id;
+        const nodeColor = getRandomColor(nodeId);
+        nodeColorMap[nodeId] = nodeColor;
+        nodeDepthMap[nodeId] = depth;
+        // Check if this node has associated content
+        if (mergedContent[nodeId]) {
+            console.log(`Found content for node ID: ${nodeId}`, mergedContent[nodeId]);
+            nodeContentMap[nodeId] = mergedContent[nodeId];
+        }
+        nodes.push({
+            id: nodeId,
+            data: { label: truncateText(node.name) },
+            position: { x: 0, y: 0 },
+            depth,
+            color: nodeColor,
+            hasContent: !!mergedContent[nodeId],
+        });
+        if (node.children && node.children.length > 0) {
+            node.children.forEach((child) => {
+                edges.push({
+                    id: `${nodeId}-${child._id}`,
+                    source: nodeId,
+                    target: child._id,
+                    type: 'smoothstep',
+                });
+                traverse(child, depth + 1);
+            });
+        }
+    };
+    if (data && data.data && data.data.length > 0) {
+        traverse(data.data[0]);
+    }
+    // Second pass: calculate positions using improved spacing algorithm
+    const levelMap = {};
+    nodes.forEach((node) => {
+        const depth = nodeDepthMap[node.id];
+        if (!levelMap[depth]) {
+            levelMap[depth] = [];
+        }
+        levelMap[depth].push(node.id);
+    });
+    // Calculate proper spacing based on tree structure
+    const levelHeight = 200;
+    let maxNodesInLevel = 0;
+    Object.keys(levelMap).forEach((level) => {
+        maxNodesInLevel = Math.max(maxNodesInLevel, levelMap[level].length);
+    });
+    const baseHorizontalSpacing = Math.max(320, 250 + (maxNodesInLevel * 20));
+    // Position nodes level by level
+    Object.keys(levelMap).forEach((level) => {
+        const nodesInLevel = levelMap[level];
+        const levelIndex = parseInt(level);
+        // Calculate spacing for this level
+        const totalWidth = (nodesInLevel.length - 1) * baseHorizontalSpacing;
+        const startX = -totalWidth / 2;
+        nodesInLevel.forEach((nodeId, index) => {
+            const node = nodes.find((n) => n.id === nodeId);
+            if (node) {
+                node.position = {
+                    x: startX + index * baseHorizontalSpacing,
+                    y: levelIndex * levelHeight,
+                };
+            }
+        });
+    });
+    // Build final edges with styling
+    const finalEdges = edges.map((edge) => ({
+        ...edge,
+        style: {
+            stroke: nodeColorMap[edge.source],
+            strokeWidth: 2,
+        },
+    }));
+    // Build final nodes with styling
+    const finalNodes = nodes.map((node) => ({
+        id: node.id,
+        data: { label: node.data.label },
+        position: node.position,
+        style: getNodeStyle(node.depth, node.color),
+    }));
+    return { nodes: finalNodes, edges: finalEdges };
+};
+// Sample content arrays
+const contentArrays = [
+    {
+        "640ae1d4db321523ed862422": ["video1.mp4", "video2.mp4"],
+    },
+    {
+        "640ae1d4db321523ed862422": {
+            sections: {
+                "summary": [
+                    { "title": "Introduction", "description": "Overview" }
+                ]
+            }
+        },
+    },
+    {
+        "640ae29fdb321523ed86242a": ["video3.mp4", "video4.mp4"],
+    },
+    {
+        "640ae20fdb321523ed862426": {
+            sections: {
+                "detailed": [
+                    { "title": "Types", "description": "Resource types explained" }
+                ]
+            }
+        },
+    }
+];
+function KnowledgeCellFlowchart() {
+    const { nodes: initialNodes, edges: initialEdges } = (0, react_1.useMemo)(() => buildNodesAndEdges(RecapData_1.jsonData, contentArrays), []);
+    const [nodes] = (0, reactflow_1.useNodesState)(initialNodes);
+    const [edges] = (0, reactflow_1.useEdgesState)(initialEdges);
+    return ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%', height: '100vh' }, children: (0, jsx_runtime_1.jsx)(reactflow_1.default, { nodes: nodes, edges: edges, fitView: true }) }));
+}
+exports.default = KnowledgeCellFlowchart;
+//# sourceMappingURL=Reactflow.js.map

package/dist/components/Organisms/D3Graphs/Reactflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reactflow.js","sourceRoot":"","sources":["../../../../src/components/Organisms/D3Graphs/Reactflow.jsx"],"names":[],"mappings":"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"}

package/dist/components/Organisms/FlashCardNode/AccordionChildItem.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const icons_1 = require("@chakra-ui/icons");
+const AccordionChildItem = (0, react_1.memo)(({ child, parentColor, index, isMobile }) => {
+    const [childExpanded, setChildExpanded] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(Box, { mb: "8px", pl: isMobile ? "12px" : "8px", borderLeft: `2px solid ${parentColor}40`, animation: "slideDown 0.3s ease-out", children: [(0, jsx_runtime_1.jsxs)(Flex, { align: "center", justify: "space-between", p: isMobile ? "12px" : "8px", bg: "#f8f8f8", borderRadius: "4px", cursor: "pointer", transition: "all 0.2s ease", minH: isMobile ? "44px" : "auto", children: [(0, jsx_runtime_1.jsx)(Text, { fontSize: isMobile ? "13px" : "12px", fontWeight: "500", flex: "1", color: "#333", children: child.label }), child.hasChildren && ((0, jsx_runtime_1.jsx)(Flex, { as: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            setChildExpanded(!childExpanded);
+                        }, bg: "none", border: "none", p: isMobile ? "8px" : "2px", cursor: "pointer", align: "center", color: "#666", minW: isMobile ? "44px" : "auto", minH: isMobile ? "44px" : "auto", justify: "center", children: childExpanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { boxSize: isMobile ? 5 : 3.5 })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { boxSize: isMobile ? 5 : 3.5 })) }))] }), child.hasChildren && childExpanded && ((0, jsx_runtime_1.jsx)(Box, { mt: "6px", pl: isMobile ? "12px" : "8px", borderLeft: `2px solid ${parentColor}20`, children: (0, jsx_runtime_1.jsxs)(Flex, { fontSize: isMobile ? "12px" : "11px", p: isMobile ? "12px" : "6px 8px", bg: "#fafafa", borderRadius: "3px", color: "#666", minH: isMobile ? "44px" : "auto", align: "center", children: [child.childCount, " nested item(s)"] }) }))] }));
+});
+AccordionChildItem.displayName = 'AccordionChildItem';
+//# sourceMappingURL=AccordionChildItem.js.map

package/dist/components/Organisms/FlashCardNode/AccordionChildItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionChildItem.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/AccordionChildItem.jsx"],"names":[],"mappings":"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"}

package/dist/components/Organisms/FlashCardNode/FlashCardNode.d.ts

@@ -0,0 +1,3 @@
+export default FlashcardNode;
+declare const FlashcardNode: React.NamedExoticComponent<object>;
+import React from "react";

package/dist/components/Organisms/FlashCardNode/FlashCardNode.js

@@ -0,0 +1,93 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const reactflow_1 = require("reactflow");
+const NodeHandles_1 = require("./NodeHandles");
+const contentUtils_1 = require("../../../utils/contentUtils");
+const FlashcardContainer_1 = __importDefault(require("./FlashcardContainer"));
+const FlashcardNode = (0, react_1.memo)((props) => {
+    const { data, rootNodeId, onContentUpdate, isAdmin, onIconDataUpdate, isMobile, playicon, } = props;
+    const [currentVideoIdx, setCurrentVideoIdx] = (0, react_1.useState)(0);
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
+    const [isAnimating, setIsAnimating] = (0, react_1.useState)(false);
+    const containerRef = (0, react_1.useRef)(null);
+    const updateNodeInternals = (0, reactflow_1.useUpdateNodeInternals)();
+    const { hasContent, level, hasMultipleChildren, color, label, icons = [], content, bgColor, colorKey, onNodeExpand, shouldClose, } = data;
+    const availableTypes = (0, contentUtils_1.getAvailableContentTypes)(content);
+    const [displayType, setDisplayType] = (0, react_1.useState)(null);
+    const availableIcons = icons.filter((icon) => availableTypes.includes(icon.type));
+    const handleIconClick = (iconType) => {
+        if (!isExpanded || displayType !== iconType) {
+            onNodeExpand?.(data.id);
+        }
+        const newExpanded = displayType === iconType ? !isExpanded : true;
+        setDisplayType(iconType);
+        setIsExpanded(newExpanded);
+        setIsAnimating(true);
+    };
+    // Handle closing when another node is expanded
+    (0, react_1.useEffect)(() => {
+        if (shouldClose && isExpanded) {
+            setIsAnimating(true);
+            // Small delay to allow animation
+            const timer = setTimeout(() => {
+                setIsExpanded(false);
+                setDisplayType(null);
+                setIsAnimating(false);
+            }, 150);
+            return () => clearTimeout(timer);
+        }
+    }, [shouldClose, isExpanded]);
+    (0, react_1.useEffect)(() => {
+        if (!containerRef.current)
+            return;
+        const height = containerRef.current.offsetHeight;
+        data?.onExpandChange?.(data.id, isExpanded, isExpanded ? height : 0);
+        // Update node internals after animation completes
+        if (isAnimating) {
+            const timer = setTimeout(() => {
+                updateNodeInternals(data.id);
+                setIsAnimating(false);
+            }, 300);
+            return () => clearTimeout(timer);
+        }
+        else {
+            updateNodeInternals(data.id);
+        }
+    }, [isExpanded, isAnimating]);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, style: {
+            width: "390px",
+            transition: isAnimating ? "transform 0.3s ease-in-out" : "none",
+            transform: isAnimating ? "scale(0.98)" : "scale(1)",
+        }, children: [(0, jsx_runtime_1.jsx)(NodeHandles_1.NodeHandles, { level: level, hasMultipleChildren: hasMultipleChildren }), (0, jsx_runtime_1.jsx)(FlashcardContainer_1.default, { label: label, color: color, hasContent: hasContent, isExpanded: isExpanded, availableIcons: availableIcons, displayType: displayType, handleIconClick: handleIconClick, content: content, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, isAdmin: isAdmin, nodeId: data.id, rootNodeId: rootNodeId, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, level: level, bgColor: bgColor, colorKey: colorKey, playicon: playicon })] }));
+});
+FlashcardNode.displayName = "FlashcardNode";
+exports.default = FlashcardNode;
+//# sourceMappingURL=FlashCardNode.js.map

package/dist/components/Organisms/FlashCardNode/FlashCardNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashCardNode.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashCardNode.jsx"],"names":[],"mappings":"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"}

package/dist/components/Organisms/FlashCardNode/FlashcardContainer.d.ts

@@ -0,0 +1,27 @@
+export default FlashcardContainer;
+declare function FlashcardContainer({ label, color, hasContent, isExpanded, isNodeExpanded, isContentExpanded, availableIcons, displayType, handleIconClick, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, onContentUpdate, nodeId, rootNodeId, onIconDataUpdate, isMobile, hasChildren, onChevronClick, level, colorKey, bgColor, playicon, }: {
+    label: any;
+    color: any;
+    hasContent: any;
+    isExpanded: any;
+    isNodeExpanded: any;
+    isContentExpanded: any;
+    availableIcons: any;
+    displayType: any;
+    handleIconClick: any;
+    content: any;
+    currentVideoIdx: any;
+    setCurrentVideoIdx: any;
+    isAdmin: any;
+    onContentUpdate: any;
+    nodeId: any;
+    rootNodeId: any;
+    onIconDataUpdate: any;
+    isMobile: any;
+    hasChildren: any;
+    onChevronClick: any;
+    level: any;
+    colorKey: any;
+    bgColor: any;
+    playicon: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@chakra-ui/react");
+const IconBar_1 = require("./IconBar");
+const ContentView_1 = require("../../Molecules/RecapNode/ContentView");
+const icons_1 = require("@chakra-ui/icons");
+const FlashcardContainer = ({ label, color, hasContent, isExpanded, isNodeExpanded, isContentExpanded, availableIcons, displayType, handleIconClick, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, onContentUpdate, nodeId, rootNodeId, onIconDataUpdate, isMobile, hasChildren, onChevronClick, level, colorKey, bgColor, playicon, }) => {
+    const handleAddClick = () => {
+        onContentUpdate({
+            contentid: content?.contentid,
+            topicId: rootNodeId,
+            contentCellId: nodeId,
+            data: content,
+        });
+    };
+    const lightenedBg = bgColor;
+    const shouldShowContent = isMobile ? isContentExpanded : isExpanded;
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { p: "4px", bg: lightenedBg, borderRadius: "4px", border: `1px solid ${bgColor}`, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { bg: color, p: "8px 12px", align: "center", borderRadius: "4px", justify: "space-between", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { flex: "1", minW: "0", mr: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontFamily: "Inter", fontWeight: "600", fontSize: "14px", lineHeight: "150%", letterSpacing: "-0.019em", whiteSpace: "normal", wordBreak: "break-word", children: label }) }), hasContent && ((0, jsx_runtime_1.jsx)(react_2.Flex, { flexShrink: 0, gap: "6px", wrap: "nowrap", alignItems: "center", mr: "8px", children: (0, jsx_runtime_1.jsx)(IconBar_1.IconBar, { icons: availableIcons, displayType: displayType, onIconClick: handleIconClick, content: content, isMobile: isMobile, isExpanded: shouldShowContent }) })), isMobile && hasChildren && ((0, jsx_runtime_1.jsx)(react_2.Box, { cursor: "pointer", onClick: onChevronClick, children: isNodeExpanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { w: "25px", h: "25px", color: "black" })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { w: "25px", h: "25px", color: "black" })) })), isAdmin && ((0, jsx_runtime_1.jsx)(react_2.Button, { onClick: handleAddClick, w: "28px", h: "28px", minW: "28px", borderRadius: "50%", bg: "linear-gradient(135deg, #0f62fe, #0043ce)", color: "#fff", fontSize: "18px", fontWeight: "600", display: "flex", alignItems: "center", justifyContent: "center", transition: "all 0.2s ease-in-out", _hover: {
+                            bg: "linear-gradient(135deg, #0043ce, #0f62fe)",
+                            transform: "scale(1.05)",
+                            boxShadow: "0 6px 16px rgba(15, 98, 254, 0.45)",
+                        }, _active: { transform: "scale(0.95)" }, ml: "8px", children: "+" }))] }), hasContent && shouldShowContent && ((0, jsx_runtime_1.jsx)(react_2.Box, { padding: displayType === "videos" ? "14px" : "", fontSize: "13px", lineHeight: "1.6", borderRadius: "4px", bg: "#fff", mt: "8px", maxWidth: isMobile ? "100%" : "390px", children: (0, jsx_runtime_1.jsx)(ContentView_1.ContentView, { displayType: displayType, content: content, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, isAdmin: isAdmin, nodeId: nodeId, rootNodeId: rootNodeId, onIconDataUpdate: onIconDataUpdate, colorKey: colorKey, isMobile: isMobile, playicon: playicon }) }))] }));
+};
+exports.default = FlashcardContainer;
+//# sourceMappingURL=FlashcardContainer.js.map

package/dist/components/Organisms/FlashCardNode/FlashcardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashcardContainer.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashcardContainer.jsx"],"names":[],"mappings":"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"}

package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FlashcardNode from './FlashCardNode';
+import 'reactflow/dist/style.css';
+declare const meta: Meta<typeof FlashcardNode>;
+export default meta;
+type Story = StoryObj<typeof FlashcardNode>;
+export declare const BasicNode: Story;
+export declare const RootWithVideos: Story;
+export declare const Level1WithDefinitions: Story;
+export declare const Level2WithFormulas: Story;
+export declare const Level2WithEquations: Story;
+export declare const AllContentTypes: Story;
+export declare const LiteratureNode: Story;
+export declare const MultipleChildrenNode: Story;
+export declare const EmptyContent: Story;