questionlayoutrefactoring 0.0.89 → 0.0.91

package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js

@@ -0,0 +1,365 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRecapGraphLogic = void 0;
+const react_1 = require("react");
+const contentUtils_1 = require("../../../utils/contentUtils");
+const useRecapGraphLogic = (jsonData, contentMap, iconConfig) => {
+    const [expandedNodeId, setExpandedNodeId] = (0, react_1.useState)(null);
+    const [expandedNodeHeight, setExpandedNodeHeight] = (0, react_1.useState)(0);
+    const [activeExpandedNodeId, setActiveExpandedNodeId] = (0, react_1.useState)(null);
+    const [isTransitioning, setIsTransitioning] = (0, react_1.useState)(false);
+    const [expandedNodes, setExpandedNodes] = (0, react_1.useState)({});
+    const [contentExpanded, setContentExpanded] = (0, react_1.useState)({});
+    const [displayTypes, setDisplayTypes] = (0, react_1.useState)({});
+    const [videoIndices, setVideoIndices] = (0, react_1.useState)({});
+    (0, react_1.useEffect)(() => {
+        if (jsonData) {
+            setExpandedNodes((prev) => ({
+                ...prev,
+                [jsonData._id]: true,
+            }));
+        }
+    }, [jsonData?._id]);
+    // Build color map with consistent logic
+    const colorMap = (0, react_1.useMemo)(() => {
+        const map = {};
+        let level1ColorIndex = 0;
+        const buildColorMap = (nodeData, level = 0, parentColorKey = null) => {
+            if (!nodeData)
+                return;
+            let colorKey;
+            if (level === 0) {
+                colorKey = "root";
+            }
+            else if (level === 1) {
+                colorKey = String(level1ColorIndex % 8);
+                level1ColorIndex++;
+            }
+            else {
+                colorKey = parentColorKey;
+            }
+            map[nodeData._id] = { level, colorKey };
+            if (nodeData.children?.length) {
+                nodeData.children.forEach((child) => {
+                    buildColorMap(child, level + 1, colorKey);
+                });
+            }
+        };
+        if (jsonData)
+            buildColorMap(jsonData);
+        return map;
+    }, [jsonData]);
+    // Get colors for a node
+    const getNodeColors = (nodeId) => {
+        const colorInfo = colorMap[nodeId] || { level: 0, colorKey: "root" };
+        const headerColor = colorInfo.level === 0 ? contentUtils_1.COLOR_MAP.root : contentUtils_1.COLOR_MAP[colorInfo.colorKey];
+        const bgColor = colorInfo.level === 0
+            ? contentUtils_1.LIGHT_COLOR_MAP.root
+            : contentUtils_1.LIGHT_COLOR_MAP[colorInfo.colorKey];
+        return { headerColor, bgColor, colorInfo };
+    };
+    // Check if node has content
+    const getNodeContent = (nodeId) => {
+        const nodeContent = contentMap[nodeId] || null;
+        const hasContent = nodeContent &&
+            ((nodeContent.videos && nodeContent.videos.length > 0) ||
+                (nodeContent.recap && Object.keys(nodeContent.recap).length > 0));
+        return { nodeContent, hasContent };
+    };
+    // Build nodes for RecapGraph
+    const buildNodes = (data) => {
+        const nodes = [];
+        let level1ColorIndex = 0;
+        const processNode = (nodeData, lvl, parentColorKey = null) => {
+            let colorKey, nodeColor;
+            if (lvl === 0) {
+                colorKey = "root";
+                nodeColor = contentUtils_1.COLOR_MAP.root;
+            }
+            else if (lvl === 1) {
+                colorKey = String(level1ColorIndex % 8);
+                nodeColor = contentUtils_1.COLOR_MAP[colorKey];
+                level1ColorIndex++;
+            }
+            else {
+                colorKey = parentColorKey;
+                nodeColor = contentUtils_1.LIGHT_COLOR_MAP[colorKey];
+            }
+            const { hasContent } = getNodeContent(nodeData._id);
+            nodes.push({
+                id: nodeData._id,
+                type: "flashcard",
+                data: {
+                    id: nodeData._id,
+                    label: nodeData?.description,
+                    color: nodeColor,
+                    content: contentMap[nodeData._id] || null,
+                    hasContent,
+                    bgColor: contentUtils_1.LIGHT_COLOR_MAP[colorKey],
+                    colorKey,
+                    level: lvl,
+                    hasMultipleChildren: nodeData.children?.length > 1,
+                    icons: iconConfig,
+                    onExpandChange: (nodeId, isExpanded, height) => {
+                        setIsTransitioning(true);
+                        if (isExpanded) {
+                            setExpandedNodeId(nodeId);
+                            setExpandedNodeHeight(height);
+                        }
+                        else {
+                            setExpandedNodeId(null);
+                            setExpandedNodeHeight(0);
+                        }
+                        const timer = setTimeout(() => {
+                            setIsTransitioning(false);
+                        }, 350);
+                        return () => clearTimeout(timer);
+                    },
+                    onNodeExpand: (nodeId) => {
+                        setIsTransitioning(true);
+                        setActiveExpandedNodeId(nodeId);
+                    },
+                    shouldClose: activeExpandedNodeId !== null &&
+                        activeExpandedNodeId !== nodeData._id,
+                },
+                position: { x: 0, y: 0 },
+                draggable: false,
+                style: {
+                    zIndex: 1,
+                    transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+                },
+            });
+            nodeData.children?.forEach((child) => processNode(child, lvl + 1, colorKey));
+        };
+        if (data)
+            processNode(data, 0);
+        return nodes;
+    };
+    // Build edges for RecapGraph
+    const buildEdges = (data, nodes) => {
+        const edges = [];
+        const nodeColorMap = {};
+        nodes.forEach((n) => {
+            nodeColorMap[n.id] = n.data.color;
+        });
+        const processNode = (nodeData, parentLevel = 0) => {
+            const hasMultipleChildren = (nodeData.children?.length || 0) > 1;
+            nodeData.children?.forEach((child) => {
+                const sourceColor = nodeColorMap[nodeData._id] || "#94a3b8";
+                let sourceHandle = "bottom";
+                let targetHandle = "top";
+                if (parentLevel >= 1 && hasMultipleChildren) {
+                    targetHandle = "left";
+                }
+                else if (parentLevel >= 1) {
+                    targetHandle = "top";
+                }
+                edges.push({
+                    id: `${nodeData._id}-${child._id}`,
+                    source: nodeData._id,
+                    target: child._id,
+                    sourceHandle,
+                    targetHandle,
+                    type: "bezier",
+                    style: { stroke: sourceColor, strokeWidth: 2 },
+                    markerEnd: {
+                        type: "arrowclosed",
+                        color: sourceColor,
+                        width: 10,
+                        height: 10,
+                    },
+                });
+                processNode(child, parentLevel + 1);
+            });
+        };
+        if (data)
+            processNode(data, 0);
+        return edges;
+    };
+    // Compute layout for RecapGraph
+    const computeCustomLayout = (inputNodes, inputEdges) => {
+        if (!inputNodes.length || !jsonData)
+            return { nodes: [], edges: [] };
+        const NODE_WIDTH = 390;
+        const NODE_HEIGHT = 80;
+        const HORIZONTAL_SPACING = 240;
+        const VERTICAL_SPACING = 120;
+        const VERTICAL_STACK_SPACING = 30;
+        const HORIZONTAL_OFFSET = 225;
+        const positions = {};
+        const childrenMap = {};
+        const levelMap = {};
+        const nodeHeights = {};
+        inputNodes.forEach((n) => {
+            if (n.id === expandedNodeId) {
+                nodeHeights[n.id] = NODE_HEIGHT + expandedNodeHeight + 100;
+            }
+            else {
+                nodeHeights[n.id] = NODE_HEIGHT;
+            }
+        });
+        const buildMaps = (node, level = 0, parentId = null) => {
+            levelMap[node._id] = level;
+            if (parentId) {
+                if (!childrenMap[parentId])
+                    childrenMap[parentId] = [];
+                childrenMap[parentId].push(node._id);
+            }
+            if (node.children) {
+                node.children.forEach((child) => buildMaps(child, level + 1, node._id));
+            }
+        };
+        buildMaps(jsonData);
+        const subtreeWidths = {};
+        const subtreeHeights = {};
+        const calcSubtreeDimensions = (nodeId) => {
+            const children = childrenMap[nodeId] || [];
+            const level = levelMap[nodeId];
+            const currentNodeHeight = nodeHeights[nodeId];
+            if (children.length === 0) {
+                subtreeWidths[nodeId] = NODE_WIDTH;
+                subtreeHeights[nodeId] = currentNodeHeight;
+                return;
+            }
+            const hasMultipleChildren = children.length > 1;
+            if (level >= 1 && hasMultipleChildren) {
+                children.forEach((childId) => calcSubtreeDimensions(childId));
+                const maxChildWidth = Math.max(...children.map((cid) => subtreeWidths[cid]));
+                const totalHeight = children.reduce((sum, cid) => sum + subtreeHeights[cid], 0);
+                const spacing = (children.length - 1) * VERTICAL_STACK_SPACING;
+                subtreeWidths[nodeId] = NODE_WIDTH + HORIZONTAL_OFFSET + maxChildWidth;
+                subtreeHeights[nodeId] = Math.max(currentNodeHeight, totalHeight + spacing);
+            }
+            else {
+                children.forEach((childId) => calcSubtreeDimensions(childId));
+                const childrenTotalWidth = children.reduce((sum, cid) => sum + subtreeWidths[cid], 0);
+                const spacing = (children.length - 1) * HORIZONTAL_SPACING;
+                subtreeWidths[nodeId] = Math.max(NODE_WIDTH, childrenTotalWidth + spacing);
+                subtreeHeights[nodeId] = currentNodeHeight;
+            }
+        };
+        const getAllNodeIds = (node) => {
+            let ids = [node._id];
+            if (node.children) {
+                node.children.forEach((child) => {
+                    ids = ids.concat(getAllNodeIds(child));
+                });
+            }
+            return ids;
+        };
+        getAllNodeIds(jsonData).forEach((id) => calcSubtreeDimensions(id));
+        const positionNodes = () => {
+            positions[jsonData._id] = { x: 0, y: 0 };
+            const level1Children = childrenMap[jsonData._id] || [];
+            if (level1Children.length === 0)
+                return;
+            const totalWidth = level1Children.length * NODE_WIDTH;
+            const totalSpacing = (level1Children.length - 1) * HORIZONTAL_SPACING;
+            const fullWidth = totalWidth + totalSpacing;
+            let currentX = -fullWidth / 2;
+            const level1Y = nodeHeights[jsonData._id] + VERTICAL_SPACING;
+            level1Children.forEach((childId) => {
+                positions[childId] = {
+                    x: currentX + NODE_WIDTH / 2,
+                    y: level1Y,
+                };
+                currentX += NODE_WIDTH + HORIZONTAL_SPACING;
+            });
+            const positionSubtree = (parentId) => {
+                const children = childrenMap[parentId] || [];
+                if (children.length === 0)
+                    return;
+                const parentPos = positions[parentId];
+                const parentLevel = levelMap[parentId];
+                const hasMultipleChildren = children.length > 1;
+                if (parentLevel >= 1 && hasMultipleChildren) {
+                    let currentY = parentPos.y + nodeHeights[parentId] + VERTICAL_SPACING - 80;
+                    const childX = parentPos.x + HORIZONTAL_OFFSET;
+                    children.forEach((childId) => {
+                        positions[childId] = {
+                            x: childX,
+                            y: currentY,
+                        };
+                        currentY += nodeHeights[childId] + VERTICAL_STACK_SPACING;
+                        positionSubtree(childId);
+                    });
+                }
+                else {
+                    const childrenTotalWidth = children.reduce((sum, cid) => sum + subtreeWidths[cid], 0);
+                    const spacing = (children.length - 1) * HORIZONTAL_SPACING;
+                    const fullChildrenWidth = childrenTotalWidth + spacing;
+                    let childX = parentPos.x - fullChildrenWidth / 2;
+                    const childY = parentPos.y + nodeHeights[parentId] + VERTICAL_SPACING;
+                    children.forEach((childId) => {
+                        const childWidth = subtreeWidths[childId];
+                        positions[childId] = {
+                            x: childX + childWidth / 2,
+                            y: childY,
+                        };
+                        positionSubtree(childId);
+                        childX += childWidth + HORIZONTAL_SPACING;
+                    });
+                }
+            };
+            level1Children.forEach((childId) => positionSubtree(childId));
+        };
+        positionNodes();
+        const layoutNodes = inputNodes.map((n) => ({
+            ...n,
+            position: positions[n.id] || { x: 0, y: 0 },
+        }));
+        return { nodes: layoutNodes, edges: inputEdges };
+    };
+    // Event handlers for mobile accordion view
+    const handleChevronClick = (nodeId) => {
+        setExpandedNodes((prev) => ({
+            ...prev,
+            [nodeId]: !prev[nodeId],
+        }));
+    };
+    const handleIconClick = (nodeId, type, availableContentTypes) => {
+        const isSame = displayTypes[nodeId] === type;
+        setActiveExpandedNodeId(nodeId);
+        setContentExpanded((prev) => ({
+            ...prev,
+            [nodeId]: isSame ? !prev[nodeId] : true,
+        }));
+        setDisplayTypes((prev) => ({
+            ...prev,
+            [nodeId]: type,
+        }));
+    };
+    const setCurrentVideoIdx = (nodeId, idxOrUpdater) => {
+        setVideoIndices((prev) => {
+            const currentIdx = prev[nodeId] || 0;
+            const newIdx = idxOrUpdater(currentIdx);
+            return {
+                ...prev,
+                [nodeId]: newIdx,
+            };
+        });
+    };
+    return {
+        // State
+        expandedNodeId,
+        expandedNodeHeight,
+        activeExpandedNodeId,
+        isTransitioning,
+        expandedNodes,
+        contentExpanded,
+        displayTypes,
+        videoIndices,
+        colorMap,
+        // Methods
+        getNodeColors,
+        getNodeContent,
+        buildNodes,
+        buildEdges,
+        computeCustomLayout,
+        handleChevronClick,
+        handleIconClick,
+        setCurrentVideoIdx,
+    };
+};
+exports.useRecapGraphLogic = useRecapGraphLogic;
+//# sourceMappingURL=useRecapGraphLogic.js.map

package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.js.map

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

package/dist/components/Organisms/StudentEditor/components/EditorComponent.d.ts

@@ -0,0 +1,4 @@
+export const EditorBox: React.NamedExoticComponent<object>;
+export const Icons: React.NamedExoticComponent<object>;
+export const LearningCreditsWarning: React.NamedExoticComponent<object>;
+import React from "react";

package/dist/components/Organisms/StudentEditor/components/EditorComponent.js

@@ -0,0 +1,148 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LearningCreditsWarning = exports.Icons = exports.EditorBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const common_utils_1 = require("../../../../utils/common-utils");
+const EditorStyles_1 = require("./EditorStyles");
+const LearningPathUtils_1 = require("../../../../utils/LearningPathUtils");
+const react_2 = __importDefault(require("react"));
+const slate_react_1 = require("slate-react");
+exports.EditorBox = react_2.default.memo(({ editorRef, handleClick, height, handleKeyDown, handlePaste, handleDrop, handleDragOver, handleDragEnter, handleDragLeave, handleDragStart, isDisabled, showBottomBar, isRevision, renderElement, isMobile, isDescAnsQues, }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { ref: editorRef, onClick: handleClick, flex: 1, width: ["100%", "auto"], sx: {
+            position: "relative",
+            minH: "0px",
+            maxH: height ?? "200px",
+            overflow: "auto",
+        }, children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: {
+                "[data-slate-placeholder]": {
+                    color: "black !important",
+                    pointerEvents: "none !important",
+                    fontWeight: "400 !important",
+                    fontSize: isMobile ? "12px" : "16px !important",
+                    lineHeight: "24px",
+                },
+            }, children: (0, jsx_runtime_1.jsx)(slate_react_1.Editable, { "data-testid": "input-editor", renderElement: renderElement, placeholder: showBottomBar
+                    ? isRevision
+                        ? "Write your answer first — that's where real learning happens."
+                        : isDescAnsQues
+                            ? isMobile
+                                ? "Answer in detail for accurate evaluation. You can also upload a handwritten note."
+                                : "Please answer in full detail, step by step, for accurate evaluation. If it's easier, you can also upload a handwritten note."
+                            : "Ask Vin any question or upload your work!"
+                    : "", readOnly: isDisabled, onKeyDown: handleKeyDown, onPaste: handlePaste, onDrop: handleDrop, onDragOver: handleDragOver, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragStart: handleDragStart, draggable: false, style: {
+                    position: "relative",
+                    outline: "none",
+                    paddingBottom: !isMobile ? "20px" : "0px",
+                    backgroundColor: "transparent",
+                    cursor: isDisabled ? "not-allowed" : "text",
+                    userSelect: isDisabled ? "none" : "auto",
+                    pointerEvents: isDisabled ? "none" : "auto",
+                    marginTop: "8px",
+                    paddingLeft: "4px",
+                    width: "100%",
+                    display: "block",
+                    overflow: "auto",
+                    "&::-webkit-scrollbar": {
+                        width: "0px",
+                        height: "0px",
+                    },
+                    scrollbarWidth: "none",
+                } }) }) }));
+});
+exports.Icons = react_2.default.memo(({ tutorMode, taskType, isDisabledRevision, icons, isDisabled, openMathEditor, addImageRender, data, handleSubmit, handleChange, formulaIconRef, submitButtonRef, addImageNavRef, tabFocusedElement, setTabFocusedElement, handleTabNavigation, }) => {
+    return ((0, jsx_runtime_1.jsxs)(react_1.HStack, { justifyContent: "flex-end", position: "relative", userSelect: "none", spacing: 5, children: [(tutorMode ||
+                (!tutorMode && taskType === LearningPathUtils_1.taskTypes.assessment) ||
+                isDisabledRevision) && ((0, jsx_runtime_1.jsxs)(react_1.HStack, { sx: { opacity: "1", zIndex: 2 }, spacing: 5, children: [icons?.formula && ((0, jsx_runtime_1.jsx)(react_1.Image, { "data-testid": "formula-icon", ref: formulaIconRef, tabIndex: isDisabled ? -1 : 0, sx: {
+                            h: "28px",
+                            w: "28px",
+                            cursor: isDisabled ? "not-allowed" : "pointer",
+                            border: tabFocusedElement === "formula"
+                                ? "2px solid #5F4DC7"
+                                : "2px solid transparent",
+                            borderRadius: "6px",
+                            padding: "2px",
+                            outline: "none",
+                            transition: "border-color 0.2s ease-in-out",
+                        }, src: icons?.formula, alt: "Add formula", onClick: () => {
+                            !isDisabled && openMathEditor();
+                        }, onFocus: () => setTabFocusedElement("formula"), onBlur: () => setTabFocusedElement(null), onKeyDown: (event) => {
+                            if (event.key === "Enter" || event.key === " ") {
+                                event.preventDefault();
+                                !isDisabled && openMathEditor();
+                            }
+                            else if (event.key === "Tab") {
+                                handleTabNavigation(event);
+                            }
+                        } })), addImageRender &&
+                        addImageRender({
+                            onTabToNext: () => {
+                                // Focus submit button when addImageRender wants to tab out
+                                setTabFocusedElement("submit");
+                                submitButtonRef.current?.focus();
+                            },
+                            setNavMethods: (methods) => {
+                                // Store navigation methods for use in handleTabNavigation
+                                addImageNavRef.current = methods || { focusFirst: null };
+                            },
+                        })] })), icons?.submit && ((0, jsx_runtime_1.jsx)(react_1.Image, { ref: submitButtonRef, tabIndex: isDisabled || (0, common_utils_1.isEmptyOrNull)(data) ? -1 : 0, "data-testid": "submit-icon", sx: {
+                    h: "48px",
+                    w: "48px",
+                    zIndex: 2,
+                    cursor: (0, common_utils_1.isEmptyOrNull)(data) ? "not-allowed" : "pointer",
+                    opacity: (0, common_utils_1.isEmptyOrNull)(data) ? 0.6 : 1,
+                    border: !isDisabled && tabFocusedElement === "submit"
+                        ? "2px solid #5F4DC7"
+                        : "2px solid transparent",
+                    borderRadius: "6px",
+                    padding: "2px",
+                    outline: "none",
+                    transition: "border-color 0.2s ease-in-out",
+                }, src: icons?.submit, alt: "submit", onClick: () => {
+                    if (!(0, common_utils_1.isEmptyOrNull)(data?.trim())) {
+                        handleSubmit();
+                        handleChange && handleChange("");
+                    }
+                }, onFocus: () => !isDisabled && setTabFocusedElement("submit"), onBlur: () => setTabFocusedElement(null), onKeyDown: (event) => {
+                    if (isDisabled)
+                        return;
+                    if (event.key === "Enter" || event.key === " ") {
+                        event.preventDefault();
+                        if (!(0, common_utils_1.isEmptyOrNull)(data?.trim())) {
+                            handleSubmit();
+                            handleChange && handleChange("");
+                        }
+                    }
+                    else if (event.key === "Tab") {
+                        handleTabNavigation(event);
+                    }
+                } }))] }));
+});
+exports.LearningCreditsWarning = react_2.default.memo(({ icons, data, handleSubmit, handleChange }) => ((0, jsx_runtime_1.jsxs)(react_1.HStack, { sx: { opacity: "1", zIndex: 2, width: "100%" }, spacing: 3, justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(react_1.HStack, { spacing: 3, children: [icons?.info && ((0, jsx_runtime_1.jsx)(react_1.Image, { sx: {
+                        h: "28px",
+                        w: "28px",
+                        cursor: "not-allowed",
+                        color: "#D0392E",
+                        transform: "rotate(180deg)",
+                    }, src: icons?.info, alt: "info" })), (0, jsx_runtime_1.jsxs)(react_1.Text, { as: "div", sx: {
+                        ...EditorStyles_1.styles.multiLineText,
+                        ...EditorStyles_1.styles.multiLineRed,
+                    }, children: ["Since you do not have enough", " ", (0, jsx_runtime_1.jsx)(react_1.Text, { as: "span", sx: { ...EditorStyles_1.styles.multiLineBold }, children: "Learning Credits Vin wont be able to help you." })] })] }), icons?.submit && ((0, jsx_runtime_1.jsx)(react_1.Image, { "data-testid": "submit-icon", sx: {
+                h: "48px",
+                w: "48px",
+                zIndex: 2,
+                cursor: (0, common_utils_1.isEmptyOrNull)(data) ? "not-allowed" : "pointer",
+                opacity: (0, common_utils_1.isEmptyOrNull)(data) ? 0.6 : 1,
+            }, src: icons?.submit, alt: "submit", onClick: () => {
+                if (!(0, common_utils_1.isEmptyOrNull)(data?.trim())) {
+                    handleSubmit();
+                    handleChange && handleChange("");
+                }
+            } }))] })));
+exports.EditorBox.displayName = "EditorBox";
+exports.Icons.displayName = "Icons";
+exports.LearningCreditsWarning.displayName = "LearningCreditsWarning";
+//# sourceMappingURL=EditorComponent.js.map

package/dist/components/Organisms/StudentEditor/components/EditorComponent.js.map

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