performanceresultscreens 0.0.12 → 0.0.14

package/dist/components/Molecules/optionLayouts/scqtemp.js

@@ -37,16 +37,10 @@ const presentationModes_1 = require("../../../utils/presentationModes");
 const tutor_utils_1 = require("../../../utils/tutor-utils");
 const crypto_1 = require("../../../utils/crypto");
 const Scqtemp = (props) => {
-    const { options, userAnswer, onAnswerSubmitted: propOnAnswerSubmitted, handleAnswerChange, option_image_details, currentQuestion, taskType, answer, isDontAllow, isStandaloneWithSubjectMapping, isStandalone, isReviewScreen, isFactual, styles, icons, presenterLogic, } = props;
+    const { options, userAnswer, onAnswerSubmitted: propOnAnswerSubmitted, handleAnswerChange, option_image_details, currentQuestion, taskType, answer, isDontAllow, isStandaloneWithSubjectMapping, isStandalone, isReviewScreen, isFactual, styles, icons, presenterLogic, setLayoutType, } = props;
+    const [windowWidth, setWindowWidth] = (0, react_1.useState)(typeof window !== "undefined" ? window.innerWidth : 1024);
     const [value, setValue] = (0, react_1.useState)();
     const [optionsData, setOptionsData] = (0, react_1.useState)([]);
-    (0, react_1.useEffect)(() => {
-        let answerValue = (0, common_utils_1.isNotEmptyOrNull)(userAnswer)
-            ? (0, common_utils_1.handleRemoveExtraSpaceInBubbles)((0, common_utils_1.extractGivenAnswers)(userAnswer)?.[0])
-            : "";
-        setValue(answerValue);
-        setOptionsData(options.map((item) => (0, common_utils_1.handleRemoveExtraSpaceInBubbles)(item)));
-    }, [options]);
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const [imageIndex, setImageIndex] = (0, react_1.useState)();
     const [onAnswerSubmitted, setOnAnswerSubmitted, onAnswerSubmittedRef] = (0, react_usestateref_1.default)(propOnAnswerSubmitted
@@ -61,16 +55,94 @@ const Scqtemp = (props) => {
             : isStandalone || isStandaloneWithSubjectMapping
                 ? LearningPathUtils_1.taskTypes.standalone
                 : taskType));
-    const handleOnChange = (item) => {
+    (0, react_1.useEffect)(() => {
+        let answerValue = (0, common_utils_1.isNotEmptyOrNull)(userAnswer)
+            ? (0, common_utils_1.handleRemoveExtraSpaceInBubbles)((0, common_utils_1.extractGivenAnswers)(userAnswer)?.[0])
+            : "";
+        setValue(answerValue);
+        setOptionsData(options.map((item) => (0, common_utils_1.handleRemoveExtraSpaceInBubbles)(item)));
+    }, [options]);
+    (0, react_1.useEffect)(() => {
+        const handleResize = () => setWindowWidth(window.innerWidth);
+        window.addEventListener("resize", handleResize);
+        return () => window.removeEventListener("resize", handleResize);
+    }, []);
+    const screenConfig = (0, react_1.useMemo)(() => {
+        if (windowWidth >= 1536)
+            return {
+                characterCount: 30,
+                screenSize: "desktop",
+            };
+        if (windowWidth >= 1400)
+            return {
+                characterCount: 30,
+                screenSize: "desktop",
+            };
+        if (windowWidth >= 1280)
+            return {
+                characterCount: 24,
+                screenSize: "desktop",
+            };
+        if (windowWidth >= 1100)
+            return {
+                characterCount: 20,
+                screenSize: "desktop",
+            };
+        if (windowWidth >= 992)
+            return {
+                characterCount: 14,
+                screenSize: "desktop",
+            };
+        if (windowWidth >= 768)
+            return {
+                characterCount: 12,
+                screenSize: "tablet",
+            };
+        return { characterCount: 6, screenSize: "mobile" };
+    }, [windowWidth]);
+    const layoutType = (0, react_1.useMemo)(() => {
+        const { characterCount, screenSize } = screenConfig;
+        if (option_image_details?.length > 0) {
+            if (screenSize === "mobile")
+                return "column";
+            return "twoRows";
+        }
+        if (screenSize === "mobile")
+            return "column";
+        const checkLongString = (0, common_utils_1.hasLongString)(optionsData, characterCount);
+        if (screenSize === "tablet") {
+            return checkLongString ? "column" : "twoRows";
+        }
+        if (screenSize === "desktop") {
+            const checkLongStringTwoRows = (0, common_utils_1.hasLongString)(optionsData, characterCount + 2);
+            if (!checkLongStringTwoRows && checkLongString)
+                return "twoRows";
+            if (checkLongStringTwoRows)
+                return "column";
+            return "row";
+        }
+        return "row";
+    }, [screenConfig, optionsData, option_image_details]);
+    (0, react_1.useEffect)(() => {
+        setLayoutType?.(layoutType);
+    }, [layoutType, setLayoutType]);
+    const handleOnChange = (0, react_1.useCallback)((item) => {
         setValue(item);
         handleAnswerChange({ selectedItem: item });
-    };
+    }, [handleAnswerChange]);
+    const openImage = (0, react_1.useCallback)((index) => {
+        setImageIndex(index);
+        setIsOpen(true);
+    }, []);
+    const handleClose = (0, react_1.useCallback)(() => {
+        setIsOpen(false);
+    }, []);
     (0, react_1.useEffect)(() => {
         if (propOnAnswerSubmitted) {
             setOnAnswerSubmitted(propOnAnswerSubmitted);
         }
     }, [propOnAnswerSubmitted]);
-    const getAnswerStyle = (item, value, answerSubmitted, imagesList, currentQuestion, index) => {
+    const getAnswerStyle = (0, react_1.useCallback)((item, value, answerSubmitted, imagesList, currentQuestion, index) => {
         if ((0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.answers_index_hashed_keys)) {
             item = (0, crypto_1.answers_index_hashed_keys)(currentQuestion?.uuid + common_utils_1.passphrase + index);
         }
@@ -142,50 +214,91 @@ const Scqtemp = (props) => {
                 return imagesList?.length > 0 ? "scq-card" : "scq-card-noimage";
             }
         }
-    };
-    const openImage = (index) => {
-        setImageIndex(index);
-        setIsOpen(true);
-    };
-    const handleClose = () => {
-        setIsOpen(false);
-    };
-    let isStudent = presenterLogic?.isStudent === common_utils_1.reviewUserRoles?.STUDENT;
-    return ((0, jsx_runtime_1.jsxs)("div", { style: isDontAllow ? { pointerEvents: "none" } : {}, children: [(0, jsx_runtime_1.jsx)(react_2.Flex, { flexDirection: [
-                    "column",
-                    (0, common_utils_1.hasLongString)(optionsData) ? "column" : "row",
-                    (0, common_utils_1.hasLongString)(optionsData) ? "column" : "row",
-                ], gap: "14px", children: optionsData.map((item, index) => {
-                    //for student
-                    let correctAnswerIndicator = getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index) === "scq-card-correct" ||
-                        getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index) === "scq-card-correct-noimage";
-                    let wrongAnswerIndicator = getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index) === "scq-card-wrong" ||
-                        getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index) === "scq-card-wrong-noimage";
-                    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(react_2.Box, { className: styles[getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index)], variant: "outlined", cursor: "pointer", onClick: () => {
-                                !onAnswerSubmittedRef.current && handleOnChange(item);
-                            }, display: isStudent && "flex", justifyContent: isStudent && "space-between", alignItems: isStudent && "center", gap: isStudent && "8px", children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { borderRadius: "50%", bgColor: "white", padding: "8px", borderColor: "#8f82d7", borderWidth: "1px", display: "flex", h: "28px", justifyContent: "center", alignItems: "center", children: (0, jsx_runtime_1.jsx)(react_2.Text, { as: "b", fontSize: "md", children: String.fromCharCode(65 + index) }) }), (0, jsx_runtime_1.jsxs)("div", { className: styles["scq-content"], children: [(0, jsx_runtime_1.jsx)(react_2.Text, { className: styles[taskType === LearningPathUtils_1.taskTypes.assessment || isFactual
-                                                        ? !onAnswerSubmittedRef.current
-                                                            ? item === value
-                                                                ? "scq-text-selected"
-                                                                : "scq-text"
-                                                            : (item === value || item === answer[0]) &&
-                                                                isReviewScreen
-                                                                ? "scq-text-selected"
-                                                                : "scq-text"
-                                                        : item === value ||
-                                                            (item === answer[0] &&
-                                                                onAnswerSubmittedRef.current &&
-                                                                presentationMode.DisplayCorrectAnswerAfterNextClick &&
-                                                                currentQuestion?.showGreen)
-                                                            ? "scq-text-selected"
-                                                            : "scq-text"], variant: "body2", color: correctAnswerIndicator || wrongAnswerIndicator
-                                                        ? "black"
-                                                        : "", children: (0, tutor_utils_1.renderContent)(item) }), option_image_details?.length > 0 && ((0, jsx_runtime_1.jsx)(react_2.Image, { className: styles["scq-image"], onClick: () => openImage(index), src: option_image_details?.[index]?.url, alt: `Image ${index}` }))] })] }), isStudent && ((0, jsx_runtime_1.jsx)(react_2.Box, { display: "flex", children: (0, jsx_runtime_1.jsx)(react_2.Image, { visibility: correctAnswerIndicator || wrongAnswerIndicator
-                                            ? "visible"
-                                            : "hidden", src: correctAnswerIndicator
-                                            ? icons?.CheckmarkCircle
-                                            : icons?.closeCircle, width: "24px", height: "24px" }) }))] }) }, index));
-                }) }), isOpen && ((0, jsx_runtime_1.jsx)("div", { style: { background: "blue" }, children: (0, jsx_runtime_1.jsx)(imageModal_1.default, { isOpen: isOpen, handleClose: handleClose, url: option_image_details?.[imageIndex]?.url }, Math.random()) }))] }));
+    }, [presentationMode, isReviewScreen, taskType, isFactual, answer]);
+    const renderSingleOption = (0, react_1.useCallback)((item, index, isColumn = false) => {
+        const correctAnswerIndicator = getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index) === "scq-card-correct" ||
+            getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index) === "scq-card-correct-noimage";
+        const wrongAnswerIndicator = getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index) === "scq-card-wrong" ||
+            getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index) === "scq-card-wrong-noimage";
+        let isStudent = presenterLogic?.isStudent === common_utils_1.reviewUserRoles?.STUDENT;
+        return ((0, jsx_runtime_1.jsxs)(react_2.Box, { className: `${styles[getAnswerStyle(item, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, index)]} ${layoutType === "twoRows"
+                ? option_image_details?.length === 0
+                    ? styles.twoRowOptions
+                    : ""
+                : ""}`, variant: "outlined", cursor: "pointer", onClick: () => {
+                !onAnswerSubmittedRef.current && handleOnChange(item);
+            }, display: isStudent && "flex", justifyContent: isStudent && "space-between", alignItems: isStudent && "center", gap: isStudent && "8px", style: {
+                cursor: !onAnswerSubmittedRef.current && isDontAllow
+                    ? "pointer"
+                    : "default",
+                pointerEvents: isDontAllow ? "none" : "auto",
+            }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { borderRadius: "50%", bgColor: correctAnswerIndicator
+                                ? "#456125" // ✅ Correct answer alphabet background
+                                : "#414141" // Default
+                            , padding: "8px", color: "#F1F1F1", borderColor: correctAnswerIndicator ? "#456125" : "#414141", borderWidth: "1px", display: "flex", h: "28px", justifyContent: "center", alignItems: "center", children: (0, jsx_runtime_1.jsx)(react_2.Text, { as: "b", fontSize: "14px", fontFamily: "Inter, sans-serif", children: String.fromCharCode(65 + index) }) }), (0, jsx_runtime_1.jsxs)("div", { className: styles["scq-content"], children: [(0, jsx_runtime_1.jsx)(react_2.Text, { className: styles[taskType === LearningPathUtils_1.taskTypes.assessment || isFactual
+                                        ? !onAnswerSubmittedRef.current
+                                            ? item === value
+                                                ? "scq-text-selected"
+                                                : "scq-text"
+                                            : (item === value || item === answer?.[0]) &&
+                                                isReviewScreen
+                                                ? "scq-text-selected"
+                                                : "scq-text"
+                                        : item === value ||
+                                            (item === answer?.[0] &&
+                                                onAnswerSubmittedRef.current &&
+                                                presentationMode.DisplayCorrectAnswerAfterNextClick &&
+                                                currentQuestion?.showGreen)
+                                            ? "scq-text-selected"
+                                            : "scq-text"], variant: "body2", color: correctAnswerIndicator || wrongAnswerIndicator ? "white" : "", children: (0, tutor_utils_1.renderContent)(item) }), option_image_details?.length > 0 &&
+                                    option_image_details[index] && ((0, jsx_runtime_1.jsx)(react_2.Image, { className: styles["scq-image"], onClick: () => openImage(index), src: option_image_details?.[index]?.url, alt: `Image ${index}`, style: { cursor: "pointer" } }))] })] }), isStudent && ((0, jsx_runtime_1.jsx)(react_2.Box, { display: "flex", children: (0, jsx_runtime_1.jsx)(react_2.Image, { visibility: correctAnswerIndicator || wrongAnswerIndicator
+                            ? "visible"
+                            : "hidden", src: correctAnswerIndicator
+                            ? icons?.CheckmarkCircle
+                            : icons?.closeCircle, width: "24px", height: "24px" }) }))] }, index));
+    }, [
+        getAnswerStyle,
+        value,
+        onAnswerSubmittedRef,
+        option_image_details,
+        currentQuestion,
+        handleOnChange,
+        openImage,
+        presenterLogic,
+        taskType,
+        isFactual,
+        answer,
+        isReviewScreen,
+        presentationMode,
+        styles,
+        icons,
+        isDontAllow,
+        layoutType,
+    ]);
+    const renderedOptions = (0, react_1.useMemo)(() => {
+        if (!optionsData?.length)
+            return null;
+        if (layoutType === "twoRows") {
+            const rows = [];
+            for (let i = 0; i < optionsData?.length; i += 2) {
+                rows.push(optionsData?.slice(i, i + 2));
+            }
+            return ((0, jsx_runtime_1.jsx)(react_2.Box, { className: styles.twoRowsWrapper, children: rows.map((row, rowIndex) => ((0, jsx_runtime_1.jsx)(react_2.Box, { className: styles.rowContainer, children: row.map((item, idx) => {
+                        const actualIndex = rowIndex * 2 + idx;
+                        return ((0, jsx_runtime_1.jsx)(react_2.Box, { children: renderSingleOption(item, actualIndex, false) }, actualIndex));
+                    }) }, rowIndex))) }));
+        }
+        return optionsData.map((item, index) => renderSingleOption(item, index, layoutType === "column"));
+    }, [optionsData, layoutType, renderSingleOption]);
+    const wrapperClasses = (0, react_1.useMemo)(() => {
+        const classes = [styles.optionsWrapper];
+        if (layoutType === "column")
+            classes.push(styles.columnWrapper);
+        if (layoutType === "twoRows")
+            classes.push(styles.twoRowsContainer);
+        return classes.join(" ");
+    }, [layoutType, styles]);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: isDontAllow ? { pointerEvents: "none" } : {}, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { className: wrapperClasses, children: renderedOptions }), isOpen && ((0, jsx_runtime_1.jsx)("div", { style: { background: "blue" }, children: (0, jsx_runtime_1.jsx)(imageModal_1.default, { isOpen: isOpen, handleClose: handleClose, url: option_image_details?.[imageIndex]?.url }, Math.random()) }))] }));
 };
 exports.default = Scqtemp;
 //# sourceMappingURL=scqtemp.js.map

package/dist/components/Molecules/optionLayouts/scqtemp.js.map

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

package/dist/components/Molecules/questionLayouts/QuestionsLayout.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuestionsLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
 const react_2 = require("react");
 // import NewQuestionImage from "../../../assets/svgs/newQuestion.svg";
 const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
@@ -16,126 +17,190 @@ const common_utils_1 = require("../../../utils/common-utils");
 const CustomButton_1 = __importDefault(require("../../Atoms/CustomButton/CustomButton"));
 const ChatPresenter_1 = __importDefault(require("../../Organisms/ReviewComponent/ChatPresenter"));
 const KeyTakeAway_1 = __importDefault(require("../../Organisms/ReviewComponent/KeyTakeAway"));
+const TextEditor_1 = __importDefault(require("../../Organisms/StudentEditor/components/TextEditor"));
+const slate_conversions_1 = require("../../Organisms/StudentEditor/utils/slate-conversions");
+const DescriptiveAnswerV1_1 = __importDefault(require("../DescriptiveAnswer/DescriptiveAnswerV1"));
+const presentationModes_1 = require("../../../utils/presentationModes");
+const presentationModes_2 = require("../../../utils/presentationModes");
+const DescriptiveLabel_1 = __importDefault(require("../Descriptive/DescriptiveLabel"));
 const style = {
-    answerLayoutContainer: {
-        marginLeft: { base: "14px", md: "14px", lg: "12px" },
-    },
-    hoverShow: {
-        opacity: 0,
-        visibility: "hidden",
-        height: 0,
-        transition: "opacity 0.4s ease-in-out, height 0.4s ease-in-out",
-    },
-    discussBox: (isFirstQuestion) => ({
-        opacity: isFirstQuestion ? 1 : 0,
-        visibility: isFirstQuestion ? "visible" : "hidden",
-        height: isFirstQuestion ? "auto" : 0,
-        transition: "opacity 0.5s ease-in-out, height 0.5s ease-in-out",
-    }),
-    viewDiscussBox: (isFirstQuestion, summary) => ({
-        opacity: isFirstQuestion ? 1 : 0,
-        visibility: isFirstQuestion ? "visible" : "hidden",
-        height: isFirstQuestion ? "auto" : 0,
-        transition: "opacity 0.5s ease-in-out, height 0.5s ease-in-out",
-    }),
-    discussBtn: {
-        bg: "var(--Brand-800, rgba(95, 77, 199, 1))",
-        color: "#FFFFFF",
-        border: "1px solid #8F82D7",
-        fontSize: "14px",
-        h: "36px",
-        width: "102px",
-    },
-    viewDiscussBtn: {
-        border: "1px solid #130159",
-        borderRadius: "8px",
-        bg: "#FFFFFF",
-        width: "160px",
-    },
-    summaryBox: (isFirstQuestion, assessmentConversation) => ({
-        opacity: isFirstQuestion ? 1 : 0,
-        height: isFirstQuestion ? "auto" : 0,
-        transition: "opacity 0.5s ease-in-out, height 0.5s ease-in-out",
-        mt: {
-            base: assessmentConversation || isFirstQuestion ? "40px" : "0px",
-            md: assessmentConversation || isFirstQuestion ? "50px" : "0px",
-            lg: "0px",
-        },
-        marginLeft: "-16px",
+    showAnswerBtn: (isDisabled) => ({
+        bg: isDisabled ? "#F5F5F5" : "transparent",
+        border: isDisabled ? "1px solid #E0E0E0" : "1px solid #5F4DC7",
+        color: isDisabled ? "#BDBDBD" : "var(--Primary-Default, #5F4DC7)",
+        textAlign: "center",
+        fontFamily: "Poppins",
+        fontSize: "var(--Font-Size-button-sm, 14px)",
+        fontWeight: "500",
+        lineHeight: "var(--Line-Height-body-sm, 20px)",
+        borderRadius: "6px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "8px",
+        opacity: isDisabled ? 0.5 : 1,
+        cursor: isDisabled ? "not-allowed" : "pointer",
     }),
 };
 const QuestionsLayout = (props = {}) => {
-    const { questionIndex, selectionStatus, presenterLogic, handleSelectionStatus, handleMoreQuestions, moreQuestionsAvailable, isFromParentApp, tutor_mode, isQuestionSelection = false, } = props;
+    const { questionIndex, selectionStatus, presenterLogic, handleSelectionStatus, handleMoreQuestions, moreQuestionsAvailable, isFromParentApp, tutor_mode, isQuestionSelection = false, isRevision, onToggleAnswer, qindex, isMobile, isRevisionBasedQuestion, tutorMode, questionObject, isOCREnabled, addImageRender, onCancelMoreQuestions, isReplaceClicked, setReplaceClickedState } = props;
     const styles = props?.commonProps?.questionLayoutStyle;
     const NewQuestionImage = props?.commonProps?.icons?.NewQuestionImage;
     const [currentQuestion, setCurrentQuestion] = (0, react_2.useState)({});
     const [currentQuestionIndex, setCurrentQuestionIndex] = (0, react_2.useState)(0);
     const [layoutType, setLayoutType] = (0, react_2.useState)(null);
     const [showChat, setShowChat] = (0, react_2.useState)(false);
+    const [editorData, setEditorData] = (0, react_2.useState)("");
     (0, react_2.useEffect)(() => {
-        // Initialize the current question based on props
-        let quesObj = props?.questionObject;
-        let optionLayouts = quesObj?.options_layout?.map((item) => {
-            return (0, common_utils_1.handleRemoveExtraSpaceInBubbles)(item);
-        });
+        let quesObj = questionObject;
+        let optionLayouts = quesObj?.options_layout
+            ? quesObj?.options_layout.map((item) => (0, common_utils_1.handleRemoveExtraSpaceInBubbles)(item))
+            : [];
         let answerLayouts = (0, common_utils_1.isNotEmptyOrNull)(quesObj?.answers_index_hashed_keys)
-            ? quesObj?.answers_index_hashed_keys
-            : // : isNotEmptyOrNull(quesObj?.answers_key)
-                // ? quesObj?.answers_key
-                quesObj?.answers_layout?.map((item) => {
-                    return (0, common_utils_1.handleRemoveExtraSpaceInBubbles)(item);
-                });
+            ? quesObj.answers_index_hashed_keys
+            : quesObj?.answers_layout
+                ? quesObj.answers_layout.map((item) => (0, common_utils_1.handleRemoveExtraSpaceInBubbles)(item))
+                : [];
         quesObj.options_layout = optionLayouts;
         quesObj.answers_layout = answerLayouts;
-        setCurrentQuestion({ ...quesObj, history: props?.history, tutor_mode: tutor_mode });
-    }, [props.questionObject]);
+        setCurrentQuestion({
+            ...quesObj,
+            history: props?.history,
+            tutor_mode: tutor_mode,
+        });
+    }, [props.questionObject, props?.history]);
     const onSend = (item) => {
         props.onAnswerChanged(item.answer, currentQuestion);
     };
-    const handleToggleChat = () => {
-        setShowChat(!showChat);
-    };
     let isStudent = presenterLogic?.isStudent === common_utils_1.reviewUserRoles?.STUDENT;
-    const isDescriptiveQuestion = common_utils_1.descQuestionTypes.includes(props?.questionObject?.question_type);
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { className: props?.isComprehension &&
-            styles["comprehensionSubQuestionMainContainer"], sx: {
-            "& .hover-show": {
-                opacity: 0,
-                visibility: "hidden",
-                height: 0,
-                transition: "opacity 0.4s ease-in-out, height 0.4s ease-in-out",
-            },
-            "&:hover .hover-show": {
-                opacity: 1,
-                visibility: "visible",
-                height: "auto",
-            },
-        }, children: (0, jsx_runtime_1.jsxs)(react_1.Box, { children: [!props.isFactual &&
-                    props.learningStepData &&
-                    props.learningStepData.dialog_entry_script &&
-                    props.learningStepData.dialog_entry_script.content && ((0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, assistantImg: props?.commonProps?.icons?.AssistantImg, text: "", isCopy: false, isDialogScript: true, scriptData: props.learningStepData.dialog_entry_script.content, assistantStyle: props?.commonProps?.assistantStyle, hideVin: props?.hideVin, commonProps: props.commonProps, isQuestionSelection: isQuestionSelection })), (0, jsx_runtime_1.jsxs)(react_1.Box, { className: props?.isComprehension && styles["comprehensionMainContainer"], children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { className: props?.isComprehension && styles["comprehensionQuestionContainer"], children: [props?.isComprehension && ((0, jsx_runtime_1.jsx)(react_1.Box, { className: styles?.indexColumn, children: (0, jsx_runtime_1.jsx)(react_1.Box, { className: styles?.index, children: props?.questionIndex + 1 }) })), currentQuestion?.question_type !== LearningPathUtils_1.questionTypes.fib && ((0, jsx_runtime_1.jsx)(react_1.Box, { className: props?.isComprehension &&
-                                        styles["comprehensionSubQuestionAssistant"], children: (0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, isQuestion: true, text: currentQuestion?.question_layout
-                                            ? currentQuestion?.question_layout
-                                            : "", assistantImg: props?.commonProps?.icons?.AssistantImg, imagesList: currentQuestion?.images_details, showDiscussLabel: props?.showDiscussLabel, questionType: currentQuestion?.question_type, assistantStyle: props?.commonProps?.assistantStyle, hideVin: props?.hideVin, discussIcon: props?.discussIcon, commonProps: props.commonProps, isFromParentApp: isFromParentApp, isComprehension: props?.isComprehension, isQuestionSelection: isQuestionSelection }) }))] }), (0, jsx_runtime_1.jsx)(react_1.Box, { className: `${styles[currentQuestion?.question_type !== LearningPathUtils_1.questionTypes.fib
-                                ? "optionsContainer"
-                                : "optionsContainerForFIB"]}
+    const isDescriptiveQuestion = common_utils_1.descQuestionTypes.includes(questionObject?.question_type);
+    const isEditorDisabled = isRevision && tutorMode === false && tutor_mode === false;
+    const parsedAnswer = (() => {
+        if (!props.userAnswer)
+            return null;
+        if (typeof props.userAnswer === "object") {
+            return props.userAnswer;
+        }
+        if (typeof props.userAnswer === "string") {
+            try {
+                return JSON.parse(props.userAnswer);
+            }
+            catch (error) {
+                console.error("Failed to parse userAnswer:", error);
+                return null;
+            }
+        }
+        return null;
+    })();
+    const [showanswer, setShowAnswer] = (0, react_2.useState)(() => {
+        return parsedAnswer?.response_type === presentationModes_1.RevisionEvaluationStates.Viewed;
+    });
+    // Update showanswer when parsedAnswer changes (from parent updates)
+    (0, react_2.useEffect)(() => {
+        if (parsedAnswer?.response_type === presentationModes_1.RevisionEvaluationStates.Viewed) {
+            setShowAnswer(true);
+        }
+    }, [parsedAnswer]);
+    const handleToggleAnswer = (0, react_2.useCallback)(async () => {
+        if (isEditorDisabled) {
+            return;
+        }
+        const hasViewedResponse = parsedAnswer?.response_type === presentationModes_1.RevisionEvaluationStates.Viewed;
+        // ✅ If user already viewed (even after refresh), allow instant toggle
+        if (hasViewedResponse) {
+            setShowAnswer(!showanswer);
+            return;
+        }
+        // ⚠️ First time viewing - must call API to mark as viewed
+        try {
+            if (onToggleAnswer) {
+                const result = await onToggleAnswer(qindex);
+                // ✅ CRITICAL: Only show answer if API call succeeded
+                if (result?.success) {
+                    setShowAnswer(true);
+                }
+                else {
+                    console.error("❌ Failed to toggle answer - API call failed");
+                    // Optional: Show error toast to user
+                    // showToast({
+                    //   title: 'Unable to Show Answer',
+                    //   description: 'Could not load the answer. Please try again.',
+                    //   status: 'error',
+                    // });
+                }
+            }
+        }
+        catch (error) {
+            console.error("❌ Error toggling answer:", error);
+            // Don't show answer on error
+        }
+    }, [showanswer, parsedAnswer, onToggleAnswer]);
+    const revisionMode = (0, react_2.useMemo)(() => {
+        if (isRevision) {
+            return (0, presentationModes_2.getPresentationModeBasedOnTask)(presentationModes_1.presentationModes.Revision);
+        }
+    }, [isRevision]);
+    const presentationConfig = (0, react_2.useMemo)(() => {
+        if (!isRevision)
+            return null;
+        const responseType = parsedAnswer?.response_type;
+        const hasHistory = props?.history?.length > 0;
+        // Answered with history available
+        if (responseType === presentationModes_1.RevisionEvaluationStates.Answered) {
+            return revisionMode.Answered;
+        }
+        // User has viewed the answer - use Viewed config but make IsViewed toggleable
+        if (responseType === presentationModes_1.RevisionEvaluationStates.Viewed) {
+            return {
+                ...revisionMode.Viewed,
+                IsViewed: showanswer,
+                UserAnswered: false,
+                ShowAnswerButton: true, // Always show toggle button
+            };
+        }
+        // Default: not answered yet - CAN show editor
+        return {
+            ...revisionMode.NotAnswered,
+            ShowAnswerButton: true,
+            IsViewed: showanswer,
+        };
+    }, [isRevision, parsedAnswer, showanswer, props?.history, revisionMode]);
+    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { children: [!props?.isFactual &&
+                        props?.learningStepData?.dialog_entry_script?.content && ((0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, assistantImg: props?.commonProps?.icons?.AssistantImg, text: "", isCopy: false, isDialogScript: true, scriptData: props?.learningStepData?.dialog_entry_script?.content, assistantStyle: props?.commonProps?.assistantStyle, hideVin: props?.hideVin, commonProps: props.commonProps, isQuestionSelection: isQuestionSelection })), currentQuestion?.question_type !== LearningPathUtils_1.questionTypes.fib && ((0, jsx_runtime_1.jsxs)(react_1.Box
+                    // className={
+                    //   props?.isComprehension &&
+                    //   styles["comprehensionSubQuestionAssistant"]
+                    // }
+                    , { children: [(0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, isQuestion: true, text: currentQuestion?.question_layout
+                                    ? currentQuestion?.question_layout
+                                    : "", assistantImg: props?.commonProps?.icons?.AssistantImg, imagesList: currentQuestion?.images_details, showDiscussLabel: props?.showDiscussLabel, questionType: currentQuestion?.question_type, assistantStyle: props?.commonProps?.assistantStyle, hideVin: props?.hideVin, discussIcon: props?.discussIcon, commonProps: props.commonProps, isFromParentApp: isFromParentApp, isComprehension: props?.isTeacher ? false : props?.isComprehension, isQuestionSelection: isQuestionSelection, isRevision: isRevision, qindex: qindex, isRevisionBasedQuestion: isRevisionBasedQuestion, onCancelMoreQuestions: onCancelMoreQuestions, isReplaceClicked: isReplaceClicked, setReplaceClickedState: setReplaceClickedState }), isRevision &&
+                                parsedAnswer?.response_type !==
+                                    presentationModes_1.RevisionEvaluationStates.Answered &&
+                                parsedAnswer?.response_type !==
+                                    presentationModes_1.RevisionEvaluationStates.Viewed &&
+                                ((0, jsx_runtime_1.jsx)(react_1.Box, { position: "relative", opacity: isEditorDisabled ? 0.5 : 1, pointerEvents: isEditorDisabled ? "none" : "auto", mt: "20px", children: (0, jsx_runtime_1.jsx)(TextEditor_1.default, { data: editorData, handleChange: (data) => setEditorData(data), onSubmit: async (data, images) => {
+                                            if (props.onAnswerSubmit) {
+                                                const result = await props.onAnswerSubmit(data, images);
+                                                setEditorData("");
+                                            }
+                                        }, icons: {
+                                            submit: props?.commonProps?.icons?.SubmitImg,
+                                            formula: props?.commonProps?.icons?.Formula,
+                                            shift: props?.commonProps?.icons?.Shift,
+                                        }, addImageRender: isOCREnabled && addImageRender(qindex, questionObject), isDisabled: isEditorDisabled, height: "500px", isRevision: isRevision, isMobile: isMobile, disablePaste: true, tutorMode: tutorMode }) })), isRevision && presentationConfig?.UserAnswered && ((0, jsx_runtime_1.jsx)(react_1.Box, { mt: "20px", children: (0, jsx_runtime_1.jsx)(ChatPresenter_1.default, { showCoversation: true, isDescriptiveAnswer: true, question: currentQuestion, commonProps: props.commonProps, isStudent: isStudent, isComprehension: props?.isComprehension, assistantInfo: currentQuestion?.history || props?.history, tutor_mode: !isEditorDisabled, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion }) })), isRevision && presentationConfig?.IsViewed && ((0, jsx_runtime_1.jsx)(react_1.Box, { mt: "20px", children: (0, jsx_runtime_1.jsx)(DescriptiveAnswerV1_1.default, { icons: {
+                                        AssistantImg: props?.commonProps?.icons?.AssistantImg,
+                                        CorrectAnsImg: props?.commonProps?.icons?.CorrectAnsImg,
+                                    }, assistantObj: {
+                                        descriptive_answer: {
+                                            solution_layout: questionObject?.solution_layout,
+                                        },
+                                    }, tutor_mode: !isEditorDisabled, isStudent: isStudent, isRevision: isRevision, isViewed: true }) })), isRevision &&
+                                presentationConfig?.ShowAnswerButton &&
+                                ((0, jsx_runtime_1.jsxs)(react_1.Flex, { align: "center", justify: "space-between", w: "100%", mt: "25px", gap: "12px", children: [(0, jsx_runtime_1.jsx)(DescriptiveLabel_1.default, { questionType: currentQuestion?.question_type, isRevision: isRevision }), (0, jsx_runtime_1.jsx)(react_1.Box, { flex: "1", borderBottom: "1px dashed gray" }), (0, jsx_runtime_1.jsx)(CustomButton_1.default, { label: (0, jsx_runtime_1.jsxs)(react_1.Flex, { alignItems: "center", gap: "8px", children: [showanswer ? "Hide Answer" : "Show Answer", showanswer ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, {})) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, {}))] }), customStyles: style?.showAnswerBtn(isEditorDisabled), handleClick: handleToggleAnswer })] }))] }))] }), (0, jsx_runtime_1.jsx)(react_1.Box, { className: `${styles[currentQuestion?.question_type !== LearningPathUtils_1.questionTypes.fib
+                    ? "optionsContainer"
+                    : "optionsContainerForFIB"]}
             ${props?.isComprehension && styles["comprehensionOptionContainer"]}
-            `, children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: isStudent && style?.answerLayoutContainer, children: (0, jsx_runtime_1.jsx)(AnswerLayouts_1.AnswersLayout, { userAnswer: props.userAnswer, question_type: currentQuestion?.question_type, question_id: (0, Helper_1.getQuestionID)(currentQuestion), options: currentQuestion?.options_layout, answers: currentQuestion?.answers_layout, question: currentQuestion?.question, option_image_details: currentQuestion?.option_image_details, isDisabled: false, images_details: currentQuestion?.images_details, onSend: onSend, onAnswerSubmitted: props?.isAnswerSubmitted, isDontAllow: props?.isDontAllow || false, allowToCopy: props?.allowToCopy || false, currentQuestion: currentQuestion, taskType: props.taskType, commonProps: props.commonProps, presenterLogic: presenterLogic, isComprehension: props?.isComprehension, setLayoutType: setLayoutType }) }) }), presenterLogic?.showDiscuss &&
-                            props?.isComprehension &&
-                            !props?.isFromParentApp &&
-                            !isDescriptiveQuestion &&
-                            isStudent &&
-                            props?.history?.length === 0 && ((0, jsx_runtime_1.jsx)(react_1.Box, { alignSelf: "flex-end", className: !props.isFirstQuestion ? "hover-show" : "", sx: style.discussBox(props.isFirstQuestion), children: (0, jsx_runtime_1.jsx)(react_1.Box, { maxW: "160px", children: (0, jsx_runtime_1.jsx)(CustomButton_1.default, { label: "Discuss", customStyles: style.discussBtn, handleClick: () => props?.handleNavigate(currentQuestion?.version_uuid) }) }) })), props?.isComprehension &&
-                            !props?.isFromParentApp &&
-                            !isDescriptiveQuestion &&
-                            isStudent &&
-                            (0, common_utils_1.isNotEmptyOrNull)(props?.summary) && ((0, jsx_runtime_1.jsx)(react_1.Box, { alignSelf: "flex-end", className: !props.isFirstQuestion ? "hover-show" : "", sx: style.summaryBox(props?.isFirstQuestion, presenterLogic.showDiscuss), children: (0, jsx_runtime_1.jsx)(KeyTakeAway_1.default, { summary: props?.summary }) })), presenterLogic?.showDiscuss &&
-                            props?.isComprehension &&
-                            !props?.isFromParentApp &&
-                            !isDescriptiveQuestion &&
-                            isStudent &&
-                            props?.history?.length > 0 && ((0, jsx_runtime_1.jsx)(react_1.Box, { alignSelf: "flex-end", className: !props.isFirstQuestion ? "hover-show" : "", sx: style.viewDiscussBox(props?.isFirstQuestion), children: (0, jsx_runtime_1.jsx)(react_1.Box, { maxW: "160px", children: (0, jsx_runtime_1.jsx)(CustomButton_1.default, { label: showChat ? "Hide Discussion" : "View Discussion", customStyles: style?.viewDiscussBtn, handleClick: handleToggleChat }) }) })), props?.isComprehension && isStudent && ((0, jsx_runtime_1.jsx)(react_1.Box, { className: !props.isFirstQuestion ? "hover-show" : "", sx: presenterLogic.showDiscuss &&
-                                style?.summaryBox(props.isFirstQuestion), children: (0, jsx_runtime_1.jsx)(ChatPresenter_1.default, { showCoversation: showChat, isDescriptiveAnswer: isDescriptiveQuestion, question: currentQuestion, commonProps: props.commonProps, isStudent: isStudent, isComprehension: props?.isComprehension, assistantInfo: props?.history, tutor_mode: currentQuestion?.tutor_mode }) }))] })] }) }));
+            `, children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: isStudent && style?.answerLayoutContainer, children: (0, jsx_runtime_1.jsx)(AnswerLayouts_1.AnswersLayout, { userAnswer: props.userAnswer, question_type: currentQuestion?.question_type, question_id: (0, Helper_1.getQuestionID)(currentQuestion), options: currentQuestion?.options_layout, answers: currentQuestion?.answers_layout, question: currentQuestion?.question, option_image_details: currentQuestion?.option_image_details, isDisabled: false, images_details: currentQuestion?.images_details, onSend: onSend, onAnswerSubmitted: props?.isAnswerSubmitted, isDontAllow: props?.isDontAllow || false, allowToCopy: props?.allowToCopy || false, currentQuestion: currentQuestion, taskType: props.taskType, commonProps: props.commonProps, presenterLogic: presenterLogic, isComprehension: props?.isComprehension, setLayoutType: setLayoutType, isReviewScreen: props?.isReviewScreen }) }) })] }));
 };
 exports.QuestionsLayout = QuestionsLayout;
 //# sourceMappingURL=QuestionsLayout.js.map