texteditorrefactor 0.0.5 → 0.0.13

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

@@ -0,0 +1,101 @@
+"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 = __importStar(require("reactflow"));
+// import "reactflow/dist/style.css";
+const FlashCardNode_1 = __importDefault(require("../FlashCardNode/FlashCardNode"));
+const MobileAccordionView_1 = require("../FlashCardNode/MobileAccordionView");
+const useRecapGraphLogic_1 = require("./useRecapGraphLogic");
+const RecapGraph = ({ jsonData = null, contentMap = {}, iconConfig = [], onContentUpdate, onIconDataUpdate, isAdmin = false, isMobile = false, playicon = {}, }) => {
+    const [layout, setLayout] = (0, react_1.useState)({
+        nodes: [],
+        edges: [],
+        bounds: null,
+    });
+    const logic = (0, useRecapGraphLogic_1.useRecapGraphLogic)(jsonData, contentMap, iconConfig);
+    const nodeTypes = (0, react_1.useMemo)(() => ({
+        flashcard: (props) => ((0, jsx_runtime_1.jsx)(FlashCardNode_1.default, { ...props, rootNodeId: jsonData?._id, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, isAdmin: isAdmin, isMobile: isMobile, playicon: playicon })),
+    }), [onContentUpdate, onIconDataUpdate, isAdmin, isMobile, jsonData?._id]);
+    const graphData = (0, react_1.useMemo)(() => {
+        if (!jsonData)
+            return { nodes: [], edges: [] };
+        const nodes = logic.buildNodes(jsonData);
+        const edges = logic.buildEdges(jsonData, nodes);
+        return { nodes, edges };
+    }, [jsonData, logic?.activeExpandedNodeId]);
+    const computeBounds = (nodes) => {
+        if (!nodes || nodes.length === 0) {
+            return {
+                minX: -2000,
+                minY: -2000,
+                maxX: 2000,
+                maxY: 2000,
+            };
+        }
+        const minX = Math.min(...nodes.map((n) => n.position.x));
+        const maxX = Math.max(...nodes.map((n) => n.position.x + (n.width || 260)));
+        const minY = Math.min(...nodes.map((n) => n.position.y));
+        const maxY = Math.max(...nodes.map((n) => n.position.y + (n.height || 150)));
+        const PAD = 400;
+        return {
+            minX: minX - PAD,
+            minY: minY - PAD,
+            maxX: maxX + PAD,
+            maxY: maxY + PAD,
+        };
+    };
+    (0, react_1.useEffect)(() => {
+        const res = logic.computeCustomLayout(graphData.nodes, graphData.edges);
+        setLayout((prev) => ({
+            nodes: graphData.nodes.map((n) => ({
+                ...n,
+                position: res.nodes.find((m) => m.id === n.id)?.position || n.position,
+            })),
+            edges: graphData.edges,
+            bounds: computeBounds(res.nodes),
+        }));
+    }, [logic.expandedNodeId, logic.expandedNodeHeight]);
+    const bounds = layout.bounds || {
+        minX: -2000,
+        minY: -2000,
+        maxX: 2000,
+        maxY: 2000,
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            width: isAdmin ? "100vw" : "100%",
+            height: isAdmin ? "100vh" : "90%",
+            backgroundColor: "#f8fafc",
+        }, children: isMobile ? ((0, jsx_runtime_1.jsx)(MobileAccordionView_1.MobileAccordionView, { jsonData: jsonData, contentMap: contentMap, iconConfig: iconConfig, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, isAdmin: isAdmin, playicon: playicon })) : ((0, jsx_runtime_1.jsxs)(reactflow_1.default, { nodes: layout.nodes, edges: layout.edges, nodeTypes: nodeTypes, proOptions: { hideAttribution: true }, fitView: true, panOnScroll: true, panOnScrollMode: "free", zoomOnPinch: true, zoomOnScroll: false, panOnDrag: true, minZoom: 0.4, maxZoom: 1.6, translateExtent: [
+                [bounds.minX, bounds.minY],
+                [bounds.maxX, bounds.maxY],
+            ], children: [(0, jsx_runtime_1.jsx)(reactflow_1.Controls, { showFitView: false, showInteractive: false }), (0, jsx_runtime_1.jsx)(reactflow_1.Background, { variant: "none" })] })) }));
+};
+exports.default = RecapGraph;
+//# sourceMappingURL=Reactgraphflow.js.map

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

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

package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.d.ts

@@ -0,0 +1,29 @@
+export function useRecapGraphLogic(jsonData: any, contentMap: any, iconConfig: any): {
+    expandedNodeId: null;
+    expandedNodeHeight: number;
+    activeExpandedNodeId: null;
+    isTransitioning: boolean;
+    expandedNodes: {};
+    contentExpanded: {};
+    displayTypes: {};
+    videoIndices: {};
+    colorMap: {};
+    getNodeColors: (nodeId: any) => {
+        headerColor: any;
+        bgColor: any;
+        colorInfo: any;
+    };
+    getNodeContent: (nodeId: any) => {
+        nodeContent: any;
+        hasContent: any;
+    };
+    buildNodes: (data: any) => any[];
+    buildEdges: (data: any, nodes: any) => any[];
+    computeCustomLayout: (inputNodes: any, inputEdges: any) => {
+        nodes: any;
+        edges: any;
+    };
+    handleChevronClick: (nodeId: any) => void;
+    handleIconClick: (nodeId: any, type: any, availableContentTypes: any) => void;
+    setCurrentVideoIdx: (nodeId: any, idxOrUpdater: any) => void;
+};

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

@@ -0,0 +1,357 @@
+"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)({});
+    // 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/ReviewComponent/ChatPresenter.js

@@ -10,13 +10,13 @@ const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
 const react_2 = require("@chakra-ui/react");
 const ChatView_1 = __importDefault(require("../ChatView/ChatView"));
 function ChatPresenter(props) {
-    const { question, commonProps, assistantInfo, showCoversation, isStudent, isComprehension, assistantRefImages, tutor_mode, isRevision, isRevisionBasedQuestion, isTeacher, } = props;
+    const { question, commonProps, assistantInfo, showCoversation, isStudent, isComprehension, assistantRefImages, tutor_mode, isRevision, isRevisionBasedQuestion, isTeacher, handleShowFeedback } = props;
     const { questionObject, history } = question;
     const isDescriptiveAnswer = props?.isDescriptiveAnswer;
     return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [isDescriptiveAnswer && ((0, jsx_runtime_1.jsx)(react_2.Box, { mt: -2, children: (0, jsx_runtime_1.jsx)(DescriptiveAnswerV1_1.default, { icons: {
                         AssistantImg: commonProps?.icons?.AssistantImg,
                         CorrectAnsImg: commonProps?.icons?.CorrectAnsImg,
-                    }, user_query: history?.[0]?.content, question: questionObject || question, tutor_mode: tutor_mode, assistantObj: history?.[0] || {}, assistantStyle: commonProps?.assistantStyle, isStudent: isStudent, isComprehension: isComprehension, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion, isTeacher: isTeacher }) })), assistantInfo?.length > 0 && showCoversation && !isDescriptiveAnswer && ((0, jsx_runtime_1.jsx)(ChatView_1.default, { data: question?.history || [], assistantRefImages: assistantRefImages, assistantStyle: commonProps?.assistantStyle, assistantImg: commonProps?.icons?.AssistantImg, isStudent: isStudent, arrowImg: commonProps?.icons?.Arrow }))] }));
+                    }, user_query: history?.[0]?.content, question: questionObject || question, tutor_mode: tutor_mode, assistantObj: history?.[0] || {}, assistantStyle: commonProps?.assistantStyle, isStudent: isStudent, isComprehension: isComprehension, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion, isTeacher: isTeacher, handleShowFeedback: handleShowFeedback }) })), assistantInfo?.length > 0 && showCoversation && !isDescriptiveAnswer && ((0, jsx_runtime_1.jsx)(ChatView_1.default, { data: question?.history || [], assistantRefImages: assistantRefImages, assistantStyle: commonProps?.assistantStyle, assistantImg: commonProps?.icons?.AssistantImg, isStudent: isStudent, arrowImg: commonProps?.icons?.Arrow }))] }));
 }
 exports.default = ChatPresenter;
 //# sourceMappingURL=ChatPresenter.js.map

package/dist/components/Organisms/ReviewComponent/ChatPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPresenter.js","sourceRoot":"","sources":["../../../../src/components/Organisms/ReviewComponent/ChatPresenter.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gHAAwF;AACxF,wEAAiE;AACjE,4CAAuC;AACvC,oEAA4C;AAE5C,SAAwB,aAAa,CAAC,KAAK;IACzC,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,aAAa,EACb,eAAe,EACf,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,uBAAuB,EACvB,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;IAC7C,MAAM,mBAAmB,GAAG,KAAK,EAAE,mBAAmB,CAAC;IACvD,OAAO,CACL,wBAAC,eAAK,CAAC,QAAQ,eAEZ,mBAAmB,IAAI,CACtB,uBAAC,WAAG,IAAC,EAAE,EAAE,CAAC,CAAC,YACT,uBAAC,6BAAmB,IAClB,KAAK,EAAE;wBACL,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY;wBAC9C,aAAa,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa;qBACjD,EACD,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EACjC,QAAQ,EAAE,cAAc,IAAI,QAAQ,EACpC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAChC,cAAc,EAAE,WAAW,EAAE,cAAc,EAC3C,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,uBAAuB,EAAE,uBAAuB,EAChD,SAAS,EAAE,SAAS,GACpB,GACE,CACP,EAEA,aAAa,EAAE,MAAM,GAAG,CAAC,IAAI,eAAe,IAAI,CAAC,mBAAmB,IAAI,CACvE,uBAAC,kBAAQ,IACP,IAAI,EAAE,QAAQ,EAAE,OAAO,IAAI,EAAE,EAC7B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,WAAW,EAAE,cAAc,EAC3C,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAC9C,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GACnC,CACH,IACc,CAClB,CAAC;AACJ,CAAC;AApDD,gCAoDC"}
+{"version":3,"file":"ChatPresenter.js","sourceRoot":"","sources":["../../../../src/components/Organisms/ReviewComponent/ChatPresenter.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gHAAwF;AACxF,wEAAiE;AACjE,4CAAuC;AACvC,oEAA4C;AAE5C,SAAwB,aAAa,CAAC,KAAK;IACzC,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,aAAa,EACb,eAAe,EACf,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,uBAAuB,EACvB,SAAS,EACT,kBAAkB,EACnB,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;IAC7C,MAAM,mBAAmB,GAAG,KAAK,EAAE,mBAAmB,CAAC;IACvD,OAAO,CACL,wBAAC,eAAK,CAAC,QAAQ,eAEZ,mBAAmB,IAAI,CACtB,uBAAC,WAAG,IAAC,EAAE,EAAE,CAAC,CAAC,YACT,uBAAC,6BAAmB,IAClB,KAAK,EAAE;wBACL,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY;wBAC9C,aAAa,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa;qBACjD,EACD,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EACjC,QAAQ,EAAE,cAAc,IAAI,QAAQ,EACpC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAChC,cAAc,EAAE,WAAW,EAAE,cAAc,EAC3C,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,uBAAuB,EAAE,uBAAuB,EAChD,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,GACE,CACP,EAEA,aAAa,EAAE,MAAM,GAAG,CAAC,IAAI,eAAe,IAAI,CAAC,mBAAmB,IAAI,CACvE,uBAAC,kBAAQ,IACP,IAAI,EAAE,QAAQ,EAAE,OAAO,IAAI,EAAE,EAC7B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,WAAW,EAAE,cAAc,EAC3C,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAC9C,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GACnC,CACH,IACc,CAClB,CAAC;AACJ,CAAC;AAtDD,gCAsDC"}

package/dist/components/Organisms/ReviewComponent/Review.d.ts

@@ -1,5 +1,5 @@
 export default Review;
-declare function Review({ authToken, questions, scrollToQuestion, onAnswerChanged, onAnswerSubmitted, isFactual, commonProps, handleNavigate, journeyData, learningStepData, isReviewScreen, presenterLogic, taskType, handleToggleChat, chatVisisbility, selectionStatus, handleSelectionStatus, handleMoreQuestions, userDetails, displayedQues, onPlay, factualStyle, handleNextProgress, updateDisplayRange, pageValue, learnProgressDetails, moreQuestionsAvailable, isFromParentApp, assistantRefImages, enableBox, childComponent, activeQuestionIndex, dataType, redirectFlag, isQuestionSelection, isCollapse, replaceClickedState, setReplaceClickedState, onCancelMoreQuestions, isRevision, onToggleAnswer, onAnswerSubmit, isMobile, tutorMode, addImageRender, isOCREnabled, isTeacher, }: {
+declare function Review({ authToken, questions, scrollToQuestion, onAnswerChanged, onAnswerSubmitted, isFactual, commonProps, handleNavigate, journeyData, learningStepData, isReviewScreen, presenterLogic, taskType, handleToggleChat, chatVisisbility, selectionStatus, handleSelectionStatus, handleMoreQuestions, userDetails, displayedQues, onPlay, factualStyle, handleNextProgress, updateDisplayRange, pageValue, learnProgressDetails, moreQuestionsAvailable, isFromParentApp, assistantRefImages, enableBox, childComponent, activeQuestionIndex, dataType, redirectFlag, isQuestionSelection, isCollapse, replaceClickedState, setReplaceClickedState, onCancelMoreQuestions, isRevision, onToggleAnswer, onAnswerSubmit, isMobile, tutorMode, addImageRender, isOCREnabled, isTeacher, handleShowFeedback }: {
     authToken: any;
     questions: any;
     scrollToQuestion: any;
@@ -47,4 +47,5 @@ declare function Review({ authToken, questions, scrollToQuestion, onAnswerChange
     addImageRender: any;
     isOCREnabled: any;
     isTeacher?: boolean | undefined;
+    handleShowFeedback: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/ReviewComponent/Review.js

@@ -161,7 +161,7 @@ const styles = {
         padding: "16px",
     },
 };
-const Review = ({ authToken, questions, scrollToQuestion, onAnswerChanged, onAnswerSubmitted, isFactual, commonProps, handleNavigate, journeyData, learningStepData, isReviewScreen, presenterLogic, taskType, handleToggleChat, chatVisisbility, selectionStatus, handleSelectionStatus, handleMoreQuestions, userDetails, displayedQues, onPlay, factualStyle, handleNextProgress, updateDisplayRange, pageValue, learnProgressDetails, moreQuestionsAvailable, isFromParentApp = false, assistantRefImages, enableBox = false, childComponent = null, activeQuestionIndex = -1, dataType, redirectFlag, isQuestionSelection = false, isCollapse = null, replaceClickedState, setReplaceClickedState, onCancelMoreQuestions, isRevision = false, onToggleAnswer, onAnswerSubmit, isMobile, tutorMode, addImageRender, isOCREnabled, isTeacher = false, }) => {
+const Review = ({ authToken, questions, scrollToQuestion, onAnswerChanged, onAnswerSubmitted, isFactual, commonProps, handleNavigate, journeyData, learningStepData, isReviewScreen, presenterLogic, taskType, handleToggleChat, chatVisisbility, selectionStatus, handleSelectionStatus, handleMoreQuestions, userDetails, displayedQues, onPlay, factualStyle, handleNextProgress, updateDisplayRange, pageValue, learnProgressDetails, moreQuestionsAvailable, isFromParentApp = false, assistantRefImages, enableBox = false, childComponent = null, activeQuestionIndex = -1, dataType, redirectFlag, isQuestionSelection = false, isCollapse = null, replaceClickedState, setReplaceClickedState, onCancelMoreQuestions, isRevision = false, onToggleAnswer, onAnswerSubmit, isMobile, tutorMode, addImageRender, isOCREnabled, isTeacher = false, handleShowFeedback }) => {
     const descriptiveQuestionTypes = [
         LearningPathUtils_1.questionTypes.short_answer,
         LearningPathUtils_1.questionTypes.very_short_answer,
@@ -301,7 +301,7 @@ const Review = ({ authToken, questions, scrollToQuestion, onAnswerChanged, onAns
                                                                         }, children: (0, jsx_runtime_1.jsx)(FactualCard_1.default, { authToken: authToken, onPlay: onPlay, index: index, question: question?.questionObject, icons: commonProps?.icons, factualStyle: commonProps?.factualStyle }) })] })) }), (0, jsx_runtime_1.jsx)(react_2.Box, { className: isFirstQuestion ? "" : "hover-show", sx: assessmentConversation &&
                                                                 styles.summaryBox(isFirstQuestion, "", isRevision), children: (0, jsx_runtime_1.jsx)(ChatPresenter_1.default, { showCoversation: assessmentConversation
                                                                     ? chatVisisbility[index]
-                                                                    : true, question: question, assistantRefImages: assistantRefImages?.[index], commonProps: commonProps, assistantInfo: assistantInfo, isStudent: isStudent, tutor_mode: tutor_mode, isDescriptiveAnswer: isDescriptiveAnswer }) })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { children: !isDescriptiveAnswer &&
+                                                                    : true, question: question, assistantRefImages: assistantRefImages?.[index], commonProps: commonProps, assistantInfo: assistantInfo, isStudent: isStudent, tutor_mode: tutor_mode, isDescriptiveAnswer: isDescriptiveAnswer, handleShowFeedback: handleShowFeedback }) })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { children: !isDescriptiveAnswer &&
                                                         !showDiscuss &&
                                                         showShadow &&
                                                         assistantInfo?.length > 0 &&
@@ -339,12 +339,12 @@ const Review = ({ authToken, questions, scrollToQuestion, onAnswerChanged, onAns
                                                                     sample_answer: questionObject?.solution_layout[0]?.data[0]
                                                                         ?.text_layout,
                                                                 },
-                                                            }, tutor_mode: tutor_mode, isStudent: isStudent, isViewed: question?.userAnswer?.response_type === "viewed" }) })), !(isRevisionBasedQuestion &&
+                                                            }, tutor_mode: tutor_mode, isStudent: isStudent, isViewed: question?.userAnswer?.response_type === "viewed", handleShowFeedback: handleShowFeedback }) })), !(isRevisionBasedQuestion &&
                                                         question?.userAnswer?.response_type === "viewed") && ((0, jsx_runtime_1.jsx)(react_2.Box, { className: isFirstQuestion ? "" : "hover-show", sx: assessmentConversation &&
                                                             styles.summaryBox(isFirstQuestion, "", isRevision), children: (0, jsx_runtime_1.jsx)(ChatPresenter_1.default, { showCoversation: assessmentConversation
                                                                 ? chatVisisbility[index]
                                                                 : true, isDescriptiveAnswer: descriptiveQuestionTypes.includes(questionObject?.question_type ||
-                                                                questionObject?.question_details?.question_type), assistantRefImages: assistantRefImages?.[index], question: question, commonProps: commonProps, assistantInfo: assistantInfo, isStudent: isStudent, tutor_mode: tutor_mode, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion, isTeacher: isTeacher }) })), !isDescriptiveAnswer &&
+                                                                questionObject?.question_details?.question_type), assistantRefImages: assistantRefImages?.[index], question: question, commonProps: commonProps, assistantInfo: assistantInfo, isStudent: isStudent, tutor_mode: tutor_mode, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion, isTeacher: isTeacher, handleShowFeedback: handleShowFeedback }) })), !isDescriptiveAnswer &&
                                                         !showDiscuss &&
                                                         showShadow &&
                                                         assistantInfo?.length > 0 &&