performanceresultscreens 0.0.42 → 0.0.44

package/dist/components/Molecules/Revision/Revision.js

@@ -1,201 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RevisionView = 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");
-const CustomButton_1 = __importDefault(require("../../Atoms/CustomButton/CustomButton"));
-const ChatPresenter_1 = __importDefault(require("../../Organisms/ReviewComponent/ChatPresenter"));
-const TextEditor_1 = __importDefault(require("../../Organisms/StudentEditor/components/TextEditor"));
-const DescriptiveLabel_1 = __importDefault(require("../Descriptive/DescriptiveLabel"));
-const presentationModes_1 = require("../../../utils/presentationModes");
-const QuestionsLayout_1 = require("../questionLayouts/QuestionsLayout");
-const style = {
-    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",
-    }),
-};
-// ============= UTILITY FUNCTIONS =============
-const parsedUserAnswer = (userAnswer) => {
-    if (!userAnswer)
-        return null;
-    if (typeof userAnswer === "object") {
-        return userAnswer;
-    }
-    if (typeof userAnswer === "string") {
-        try {
-            return JSON.parse(userAnswer);
-        }
-        catch (error) {
-            console.error("Failed to parse userAnswer:", error);
-            return null;
-        }
-    }
-    return null;
-};
-const shouldShowEditorInRevision = (isRevision, parsedAnswer) => {
-    if (!isRevision)
-        return false;
-    const responseType = parsedAnswer?.response_type;
-    return (responseType !== presentationModes_1.RevisionEvaluationStates.Answered &&
-        responseType !== presentationModes_1.RevisionEvaluationStates.Viewed);
-};
-const hasUserAnsweredInRevision = (isRevision, presentationConfig) => {
-    return isRevision && presentationConfig?.UserAnswered;
-};
-const isAnswerViewedInRevision = (isRevision, presentationConfig) => {
-    return isRevision && presentationConfig?.IsViewed;
-};
-// ============= SUB COMPONENTS =============
-/**
- * RevisionEditorSection - Handles editor display for unanswered questions
- */
-const RevisionEditorSection = ({ showEditor, editorData, setEditorData, isEditorDisabled, isOCREnabled, addImageRender, qindex, questionObject, isMobile, isRevision, commonProps, onAnswerSubmit, }) => {
-    if (!showEditor)
-        return null;
-    return ((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 (onAnswerSubmit) {
-                    await onAnswerSubmit(data, images);
-                    setEditorData("");
-                }
-            }, icons: {
-                submit: commonProps?.icons?.SubmitImg,
-                formula: commonProps?.icons?.Formula,
-                shift: commonProps?.icons?.Shift,
-            }, addImageRender: isOCREnabled && addImageRender(qindex, questionObject), isDisabled: isEditorDisabled, height: "500px", isRevision: isRevision, isMobile: isMobile, disablePaste: true, tutorMode: true }) }));
-};
-/**
- * RevisionAnsweredSection - Shows chat presenter for answered questions
- */
-const RevisionAnsweredSection = ({ presentationConfig, currentQuestion, history, commonProps, isStudent, isEditorDisabled, isRevision, isRevisionBasedQuestion, }) => {
-    if (!hasUserAnsweredInRevision(isRevision, presentationConfig))
-        return null;
-    return ((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: commonProps, isStudent: isStudent, assistantInfo: history, tutor_mode: !isEditorDisabled, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion }) }));
-};
-/**
- * RevisionViewedSection - Shows sample answer for viewed questions
- */
-const RevisionViewedSection = ({ presentationConfig, currentQuestion, commonProps, history, isStudent, isEditorDisabled, isRevision, questionObject }) => {
-    if (!isAnswerViewedInRevision(isRevision, presentationConfig))
-        return null;
-    return ((0, jsx_runtime_1.jsx)(react_1.Box, { mt: "20px", children: (0, jsx_runtime_1.jsx)(ChatPresenter_1.default, { showCoversation: true, isDescriptiveAnswer: true, question: questionObject, commonProps: commonProps, isStudent: isStudent, assistantInfo: history, tutor_mode: !isEditorDisabled, isRevision: isRevision, isViewed: true }) }));
-};
-/**
- * RevisionAnswerToggleButton - Show/Hide answer button
- */
-const RevisionAnswerToggleButton = ({ presentationConfig, currentQuestion, isRevision, showanswer, isEditorDisabled, handleToggleAnswer, }) => {
-    if (!presentationConfig?.ShowAnswerButton)
-        return null;
-    return ((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 })] }));
-};
-// ============= MAIN COMPONENT =============
-/**
- * RevisionView component - Main revision mode UI orchestrator
- */
-const RevisionView = (props = {}) => {
-    const { isRevision, isRevisionBasedQuestion, onToggleAnswer, qindex, tutorMode, isOCREnabled, addImageRender, isMobile, questionObject, isStudent, commonProps, userAnswer, history, onAnswerSubmit, tutor_mode, presenterLogic, isReviewScreen } = props;
-    const [editorData, setEditorData] = (0, react_2.useState)("");
-    const parsedAnswer = parsedUserAnswer(userAnswer);
-    const [currentQuestion, setCurrentQuestion] = (0, react_2.useState)({});
-    const [showanswer, setShowAnswer] = (0, react_2.useState)(() => {
-        return parsedAnswer?.response_type === presentationModes_1.RevisionEvaluationStates.Viewed;
-    });
-    (0, react_2.useEffect)(() => {
-        let quesObj = questionObject;
-        setCurrentQuestion({
-            ...quesObj,
-            history: history,
-            tutor_mode: tutor_mode,
-        });
-    }, [questionObject, history]);
-    const isEditorDisabled = false;
-    // Get revision mode
-    const revisionMode = (0, react_2.useMemo)(() => {
-        if (isRevision) {
-            return (0, presentationModes_1.getPresentationModeBasedOnTask)(presentationModes_1.presentationModes.Revision);
-        }
-    }, [isRevision]);
-    (0, react_2.useEffect)(() => {
-        if (parsedAnswer?.response_type === presentationModes_1.RevisionEvaluationStates.Viewed) {
-            setShowAnswer(true);
-        }
-    }, [parsedAnswer]);
-    // Get presentation configuration based on revision state
-    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]);
-    // Handle answer toggle with proper logic
-    const handleToggleAnswer = (0, react_2.useCallback)(async () => {
-        if (isEditorDisabled) {
-            return;
-        }
-        const hasViewedResponse = parsedAnswer?.response_type === presentationModes_1.RevisionEvaluationStates.Viewed;
-        if (hasViewedResponse) {
-            setShowAnswer(!showanswer);
-            return;
-        }
-        try {
-            if (onToggleAnswer) {
-                const result = await onToggleAnswer(qindex);
-                if (result?.success) {
-                    setShowAnswer(true);
-                }
-                else {
-                    console.error("❌ Failed to toggle answer - API call failed");
-                }
-            }
-        }
-        catch (error) {
-            console.error("❌ Error toggling answer:", error);
-            // Don't show answer on error
-        }
-    }, [showanswer, parsedAnswer, onToggleAnswer]);
-    // Show editor only when appropriate
-    const showEditor = shouldShowEditorInRevision(isRevision, parsedAnswer);
-    if (!isRevision)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(QuestionsLayout_1.QuestionsLayout, { questionIndex: qindex, presenterLogic: presenterLogic, isFromParentApp: false, tutor_mode: tutor_mode, isRevision: isRevision, onToggleAnswer: onToggleAnswer, qindex: qindex, isMobile: isMobile, isRevisionBasedQuestion: isRevisionBasedQuestion, tutorMode: tutorMode, questionObject: questionObject, isOCREnabled: isOCREnabled, addImageRender: addImageRender, userAnswer: userAnswer, history: history, onAnswerSubmit: onAnswerSubmit, commonProps: commonProps, isReviewScreen: isReviewScreen, showDiscussLabel: false, hideVin: true }), (0, jsx_runtime_1.jsx)(RevisionEditorSection, { showEditor: showEditor, editorData: editorData, setEditorData: setEditorData, isEditorDisabled: isEditorDisabled, isOCREnabled: isOCREnabled, addImageRender: addImageRender, qindex: qindex, questionObject: questionObject, isMobile: isMobile, commonProps: commonProps, onAnswerSubmit: onAnswerSubmit, isRevision: isRevision }), (0, jsx_runtime_1.jsx)(RevisionAnsweredSection, { presentationConfig: presentationConfig, currentQuestion: currentQuestion, history: history, commonProps: commonProps, isStudent: isStudent, isEditorDisabled: isEditorDisabled, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion }), (0, jsx_runtime_1.jsx)(RevisionViewedSection, { presentationConfig: presentationConfig, currentQuestion: currentQuestion, commonProps: commonProps, history: history, isStudent: isStudent, isEditorDisabled: isEditorDisabled, isRevision: isRevision, questionObject: questionObject }), (0, jsx_runtime_1.jsx)(RevisionAnswerToggleButton, { presentationConfig: presentationConfig, currentQuestion: currentQuestion, isRevision: isRevision, showanswer: showanswer, isEditorDisabled: isEditorDisabled, handleToggleAnswer: handleToggleAnswer })] }));
-};
-exports.RevisionView = RevisionView;
-exports.default = exports.RevisionView;
-//# sourceMappingURL=Revision.js.map

package/dist/components/Molecules/Revision/Revision.js.map

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

package/dist/components/Molecules/optionLayouts/Scq.d.ts

@@ -1,2 +0,0 @@
-export default ScqComponent;
-declare function ScqComponent(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -1,427 +0,0 @@
-"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 common_utils_1 = require("../../../utils/common-utils");
-const presentationModes_1 = require("../../../utils/presentationModes");
-const react_usestateref_1 = __importDefault(require("react-usestateref"));
-const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
-const tutor_utils_1 = require("../../../utils/tutor-utils");
-const imageModal_1 = __importDefault(require("../../Atoms/imageModal"));
-const crypto_1 = require("../../../utils/crypto");
-const react_2 = require("@chakra-ui/react");
-const ScqComponent = (props) => {
-    const { options, userAnswer, onAnswerSubmitted: propOnAnswerSubmitted, handleAnswerChange, option_image_details, currentQuestion, taskType, answer, isDontAllow, isStandaloneWithSubjectMapping, isStandalone, isFactual, styles, icons, presenterLogic, isComprehension, setLayoutType, modifiedOptions, 
-    // passphrase,
-    displayedQues, isReviewScreen } = props;
-    const [windowWidth, setWindowWidth] = (0, react_1.useState)(typeof window !== "undefined" ? window.innerWidth : 1024);
-    const [value, setValue] = (0, react_1.useState)(isReviewScreen
-        ? undefined
-        : (0, common_utils_1.isNotEmptyOrNull)(userAnswer) // First approach: initialize with extracted answer
-            ? (0, common_utils_1.extractGivenAnswers)(userAnswer)?.[0]
-            : "");
-    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)();
-    const [optionsData, setOptionsData] = (0, react_1.useState)(isReviewScreen ? [] : 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
-        ? propOnAnswerSubmitted
-        : (0, common_utils_1.isNotEmptyOrNull)(userAnswer)
-            ? true
-            : false);
-    const [presentationMode, setPresentationMode] = (0, react_1.useState)((0, presentationModes_1.getPresentationModeBasedOnTask)(currentQuestion?.factual === true
-        ? LearningPathUtils_1.taskTypes?.factualMode
-        : isReviewScreen
-            ? LearningPathUtils_1.taskTypes?.reviewMode
-            : isFactual
-                ? LearningPathUtils_1.taskTypes?.assessment
-                : isStandalone || isStandaloneWithSubjectMapping
-                    ? LearningPathUtils_1.taskTypes?.standalone
-                    : taskType));
-    // Hashing states
-    const [hashedOptions, setHashedOptions] = (0, react_1.useState)({});
-    const [isHashingComplete, setIsHashingComplete] = (0, react_1.useState)(isReviewScreen);
-    (0, react_1.useEffect)(() => {
-        if (isReviewScreen) {
-            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)));
-        }
-        else {
-            setOptionsData(options);
-            if (value && options) {
-                const index = options.findIndex((opt) => opt === value);
-                setSelectedIndex(index !== -1 ? index : undefined);
-            }
-        }
-    }, [options, userAnswer, isReviewScreen]);
-    // Hashing effect
-    (0, react_1.useEffect)(() => {
-        if (isReviewScreen)
-            return;
-        const computeHashedOptions = async () => {
-            if (!optionsData.length)
-                return;
-            const hashed = {};
-            for (let i = 0; i < optionsData.length; i++) {
-                const item = optionsData[i];
-                let data = await ((0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.answers_index_hashed_keys)
-                    ? (0, crypto_1.answers_index_hashed_keys)(currentQuestion?.uuid + common_utils_1.passphrase + i)
-                    : (0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.answers_key)
-                        ? (0, crypto_1.answerEncryptText)(currentQuestion?.options_layout?.[i])
-                        : item);
-                hashed[i] = data;
-            }
-            setHashedOptions(hashed);
-            setIsHashingComplete(true);
-        };
-        computeHashedOptions();
-    }, [
-        optionsData,
-        currentQuestion?.uuid,
-        currentQuestion?.answers_index_hashed_keys,
-        currentQuestion?.answers_key,
-        isReviewScreen
-    ]);
-    // Get hashed option function
-    const getHashedOption = (0, react_1.useCallback)((item, position) => {
-        if (!isHashingComplete)
-            return item;
-        return hashedOptions[position] || item;
-    }, [hashedOptions, isHashingComplete]);
-    const handleOnChange = (0, react_1.useCallback)((item, index) => {
-        setValue(item);
-        setSelectedIndex(index);
-        if (isReviewScreen) {
-            return;
-        }
-        else {
-            let selectedAnswer = getHashedOption(item, index);
-            handleAnswerChange({
-                selectedItem: item,
-                selectedHashedIndexAnswer: selectedAnswer,
-                selectedIndex: index,
-            });
-        }
-    }, [getHashedOption, 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)
-            return;
-        setOnAnswerSubmitted(propOnAnswerSubmitted);
-        if (!isReviewScreen) {
-            const selectedAnswer = getHashedOption(value, selectedIndex);
-            setValue(selectedAnswer);
-        }
-    }, [
-        propOnAnswerSubmitted,
-        getHashedOption,
-        value,
-        selectedIndex,
-        isReviewScreen,
-    ]);
-    (0, react_1.useEffect)(() => {
-        const handleResize = () => setWindowWidth(window.innerWidth);
-        window.addEventListener("resize", handleResize);
-        return () => window.removeEventListener("resize", handleResize);
-    }, []);
-    let isStudent = presenterLogic?.isStudent === common_utils_1.reviewUserRoles?.STUDENT;
-    // Screen configuration
-    const screenConfig = (0, react_1.useMemo)(() => {
-        if (windowWidth >= 1536)
-            return {
-                characterCount: isComprehension ? 20 : 30,
-                screenSize: "desktop",
-            };
-        if (windowWidth >= 1400)
-            return {
-                characterCount: isComprehension ? 20 : 30,
-                screenSize: "desktop",
-            };
-        if (windowWidth >= 1280)
-            return {
-                characterCount: isComprehension ? 18 : 24,
-                screenSize: "desktop",
-            };
-        if (windowWidth >= 1100)
-            return {
-                characterCount: isComprehension ? 16 : 20,
-                screenSize: "desktop",
-            };
-        if (windowWidth >= 992)
-            return {
-                characterCount: isComprehension ? 10 : 14,
-                screenSize: "desktop",
-            };
-        if (windowWidth >= 768)
-            return {
-                characterCount: isComprehension ? 10 : 12,
-                screenSize: "tablet",
-            };
-        return { characterCount: 6, screenSize: "mobile" };
-    }, [windowWidth]);
-    const stringLengthAnalysis = (0, react_1.useMemo)(() => {
-        const { characterCount } = screenConfig;
-        return {
-            hasLongStrings: (0, common_utils_1.hasLongString)(options, characterCount),
-            hasVeryLongStrings: (0, common_utils_1.hasLongString)(options, characterCount + 2),
-        };
-    }, [screenConfig, options]);
-    const layoutType = (0, react_1.useMemo)(() => {
-        const { screenSize } = screenConfig;
-        const { hasLongStrings, hasVeryLongStrings } = stringLengthAnalysis;
-        if (option_image_details?.length > 0) {
-            if (screenSize === "mobile")
-                return "column";
-            return "twoRows";
-        }
-        if (screenSize === "mobile")
-            return "column";
-        if (screenSize === "tablet")
-            return hasLongStrings ? "column" : "twoRows";
-        if (screenSize === "desktop") {
-            if (hasVeryLongStrings)
-                return "column";
-            if (hasLongStrings)
-                return "twoRows";
-            return "row";
-        }
-        return "row";
-    }, [screenConfig, stringLengthAnalysis, option_image_details]);
-    (0, react_1.useEffect)(() => {
-        setLayoutType?.(layoutType);
-    }, [layoutType, setLayoutType]);
-    const getAnswerStyle = (0, react_1.useCallback)((item, value, answerSubmitted, imagesList, currentQuestion, index, isReviewScreen) => {
-        let hashedItem;
-        let hashedValue;
-        if (isReviewScreen) {
-            if ((0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.answers_index_hashed_keys)) {
-                hashedItem = (0, crypto_1.answers_index_hashed_keys)(currentQuestion?.uuid + common_utils_1.passphrase + index);
-            }
-            else {
-                hashedItem = item;
-            }
-            hashedValue = value;
-        }
-        else {
-            hashedItem = getHashedOption(item, index);
-            hashedValue = value
-                ? getHashedOption(value, optionsData.indexOf(value))
-                : value;
-        }
-        const hasImages = imagesList?.length > 0;
-        if (!answerSubmitted) {
-            if (hashedItem === hashedValue) {
-                return hasImages ? "scq-card-selected" : "scq-card-selected-noimage";
-            }
-            else {
-                return hasImages ? "scq-card" : "scq-card-noimage";
-            }
-        }
-        const isCorrectAnswer = isReviewScreen
-            ? (0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.answers_index_hashed_keys)
-                ? hashedItem === currentQuestion?.answers_index_hashed_keys?.[0]
-                : hashedItem === answer?.[0]
-            : hashedItem === answer?.[0];
-        const isUserSelection = hashedItem === hashedValue;
-        const shouldShowCorrectFeedback = presentationMode.DisplayCorrectAnswerInstantly ||
-            (presentationMode.DisplayCorrectAnswerAfterNextClick &&
-                currentQuestion?.showGreen);
-        const shouldShowWrongFeedback = presentationMode.DisplayWrongAnswerInstantly ||
-            (presentationMode.DisplayWrongAnswerAfterNextClick &&
-                currentQuestion?.showRed);
-        const isAnswerNotSubmitted = currentQuestion?.factual === true
-            ? displayedQues?.[index]?.isSubmitted !== true
-            : !answerSubmitted;
-        if (isAnswerNotSubmitted && !isReviewScreen) {
-            if (hashedItem === hashedValue) {
-                return hasImages ? "scq-card-selected" : "scq-card-selected-noimage";
-            }
-            else {
-                return hasImages ? "scq-card" : "scq-card-noimage";
-            }
-        }
-        if (isCorrectAnswer) {
-            if (shouldShowCorrectFeedback) {
-                return hasImages ? "scq-card-correct" : "scq-card-correct-noimage";
-            }
-            else {
-                if (isUserSelection) {
-                    if (isReviewScreen) {
-                        return hasImages ? "scq-card-selected" : "scq-card-selected-noimage";
-                    }
-                    else {
-                        return taskType === LearningPathUtils_1.taskTypes.assessment || isFactual
-                            ? hasImages ? "scq-card-selected" : "scq-card-selected-noimage"
-                            : hasImages
-                                ? "scq-card-selected"
-                                : "scq-card-selected-noimage";
-                    }
-                }
-                else {
-                    return hasImages ? "scq-card" : "scq-card-noimage";
-                }
-            }
-        }
-        if (isUserSelection) {
-            if (shouldShowWrongFeedback) {
-                return hasImages ? "scq-card-wrong" : "scq-card-wrong-noimage";
-            }
-            else {
-                return isReviewScreen
-                    ? hasImages
-                        ? "scq-card-selected"
-                        : "scq-card-selected-noimage"
-                    : taskType === LearningPathUtils_1.taskTypes.assessment || isFactual
-                        ? hasImages
-                            ? "scq-card-selected"
-                            : "scq-card-selected-noimage"
-                        : hasImages
-                            ? "scq-card-selected"
-                            : "scq-card-selected-noimage";
-            }
-        }
-        return hasImages ? "scq-card" : "scq-card-noimage";
-    }, [
-        getHashedOption,
-        optionsData,
-        crypto_1.answers_index_hashed_keys,
-        presentationMode,
-        answer,
-        answer,
-        taskType,
-        isFactual,
-        common_utils_1.passphrase,
-    ]);
-    const renderSingleOption = (0, react_1.useCallback)((optionContent, idx, isColumn = false) => {
-        const label = (0, common_utils_1.getCharacterFromNumber)(idx);
-        const answerStyle = getAnswerStyle(optionContent, value, onAnswerSubmittedRef.current, option_image_details, currentQuestion, idx, isReviewScreen);
-        const correctAnswer = answerStyle === "scq-card-correct" ||
-            answerStyle === "scq-card-correct-noimage";
-        const wrongAnswer = answerStyle === "scq-card-wrong" ||
-            answerStyle === "scq-card-wrong-noimage";
-        const isSelected = optionContent === value;
-        const isCorrectAnswerShown = optionContent === answer?.[0];
-        const allowClick = !onAnswerSubmittedRef.current && !isDontAllow;
-        const textColor = correctAnswer || wrongAnswer
-            ? { color: "black" }
-            : isSelected && (taskType === LearningPathUtils_1.taskTypes.assessment || isFactual)
-                ? { color: "white" }
-                : {};
-        const getTextClass = () => {
-            if (taskType === LearningPathUtils_1.taskTypes.assessment || isFactual) {
-                if (!onAnswerSubmittedRef.current)
-                    return isSelected ? "scq-text-selected" : "scq-text";
-                return isSelected || isCorrectAnswerShown
-                    ? "scq-text-selected"
-                    : "scq-text";
-            }
-            return isSelected ||
-                (isCorrectAnswerShown &&
-                    presentationMode.DisplayCorrectAnswerAfterNextClick &&
-                    currentQuestion?.showGreen)
-                ? "scq-text-selected"
-                : "scq-text";
-        };
-        const imageBlock = option_image_details?.length > 0 &&
-            option_image_details[idx] && ((0, jsx_runtime_1.jsx)(react_2.Box, { className: styles.optionImage, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: option_image_details[idx]?.url, onClick: () => openImage(idx), alt: `Image ${idx}`, className: styles["scq-image"], style: { cursor: "pointer" } }) }));
-        if (isStudent || !isReviewScreen) {
-            return ((0, jsx_runtime_1.jsxs)(react_2.Box, { className: [
-                    styles.optionContainer,
-                    isColumn && styles.columnOptions,
-                    layoutType === "twoRows" &&
-                        option_image_details?.length === 0 &&
-                        styles.twoRowOptions,
-                    isComprehension && styles.comprehensionOptionContainer,
-                    styles[answerStyle],
-                ]
-                    .filter(Boolean)
-                    .join(" "), onClick: () => allowClick && handleOnChange(optionContent), style: {
-                    cursor: allowClick ? "pointer" : "default",
-                    pointerEvents: isDontAllow ? "none" : "auto",
-                }, children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { className: styles.optionContainerLeft, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { className: styles.character, children: label }), (0, jsx_runtime_1.jsxs)(react_2.Box, { className: `${styles.optionDetails} ${styles[getTextClass()]}`, style: textColor, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { children: (0, tutor_utils_1.renderContent)(modifiedOptions?.[idx] || optionContent) }), imageBlock] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { className: styles.optionContainerRight, children: (0, jsx_runtime_1.jsx)(react_2.Image, { className: `${styles.answerIndicator} ${correctAnswer || wrongAnswer
-                                ? styles.answerIndicatorActive
-                                : ""}`, src: correctAnswer ? icons.CheckmarkCircle : icons.closeCircle, alt: correctAnswer ? "Correct" : "Wrong" }) })] }, idx));
-        }
-        return ((0, jsx_runtime_1.jsx)(react_2.Box, { className: `${styles[answerStyle]} ${layoutType === "twoRows" && option_image_details?.length === 0
-                ? styles.twoRowOptions
-                : ""}`, onClick: () => allowClick && handleOnChange(optionContent), style: {
-                cursor: allowClick ? "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%", padding: "8px", color: "#F1F1F1", display: "flex", justifyContent: "center", alignItems: "center", h: "28px", bgColor: correctAnswer ? "#456125" : "#414141", borderColor: correctAnswer ? "#456125" : "#414141", borderWidth: "1px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { as: "b", fontSize: "14px", fontFamily: "Inter, sans-serif", children: label }) }), (0, jsx_runtime_1.jsxs)("div", { className: styles["scq-content"], children: [(0, jsx_runtime_1.jsx)(react_2.Text, { className: styles[getTextClass()], color: correctAnswer || wrongAnswer ? "white" : "", children: (0, tutor_utils_1.renderContent)(optionContent) }), imageBlock] })] }) }, idx));
-    }, [
-        value,
-        getAnswerStyle,
-        onAnswerSubmittedRef,
-        handleOnChange,
-        openImage,
-        presentationMode,
-        isReviewScreen,
-        isFactual,
-        layoutType,
-    ]);
-    const renderedOptions = (0, react_1.useMemo)(() => {
-        if (!options?.length)
-            return null;
-        if (layoutType === "twoRows") {
-            const rows = [];
-            for (let i = 0; i < options?.length; i += 2) {
-                rows.push(options?.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((optionContent, idx) => {
-                        const actualIndex = rowIndex * 2 + idx;
-                        return ((0, jsx_runtime_1.jsx)(react_2.Box, { children: renderSingleOption(optionContent, actualIndex, false) }, actualIndex));
-                    }) }, rowIndex))) }));
-        }
-        return options.map((optionContent, idx) => renderSingleOption(optionContent, idx, layoutType === "column"));
-    }, [options, layoutType, renderSingleOption, styles]);
-    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]);
-    // Show loading while hashing is in progress
-    if (!isHashingComplete) {
-        return (0, jsx_runtime_1.jsx)(react_2.Box, { children: "Loading options..." });
-    }
-    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { style: isDontAllow ? { pointerEvents: "none" } : {}, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { className: wrapperClasses, children: renderedOptions }), isOpen && ((0, jsx_runtime_1.jsx)(imageModal_1.default, { isOpen: isOpen, handleClose: handleClose, url: option_image_details?.[imageIndex]?.url }, Math.random()))] }));
-};
-exports.default = ScqComponent;
-//# sourceMappingURL=Scq.js.map