questionlayoutrefactoring 0.0.1

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

@@ -0,0 +1,304 @@
+"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 react_2 = require("@chakra-ui/react");
+const imageModal_1 = __importDefault(require("../../Atoms/imageModal"));
+const common_utils_1 = require("../../../utils/common-utils");
+const react_usestateref_1 = __importDefault(require("react-usestateref"));
+const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
+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, 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)([]);
+    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)(isReviewScreen
+        ? LearningPathUtils_1.taskTypes.reviewMode
+        : isFactual
+            ? LearningPathUtils_1.taskTypes.assessment
+            : isStandalone || isStandaloneWithSubjectMapping
+                ? LearningPathUtils_1.taskTypes.standalone
+                : taskType));
+    (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 = (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);
+        }
+        if (!answerSubmitted) {
+            if (item === value) {
+                return imagesList?.length > 0
+                    ? "scq-card-selected"
+                    : "scq-card-selected-noimage";
+            }
+            else {
+                return imagesList?.length > 0 ? "scq-card" : "scq-card-noimage";
+            }
+        }
+        else {
+            if ((0, common_utils_1.isNotEmptyOrNull)(currentQuestion?.answers_index_hashed_keys)
+                ? item === currentQuestion?.answers_index_hashed_keys?.[0]
+                : item === answer?.[0]) {
+                if (isReviewScreen) {
+                    return imagesList?.length > 0
+                        ? "scq-card-correct"
+                        : "scq-card-correct-noimage";
+                }
+                else if (presentationMode.DisplayCorrectAnswerInstantly ||
+                    (presentationMode.DisplayCorrectAnswerAfterNextClick &&
+                        currentQuestion?.showGreen)) {
+                    return imagesList?.length > 0
+                        ? "scq-card-correct"
+                        : "scq-card-correct-noimage";
+                }
+                else {
+                    if (item === value) {
+                        return taskType === LearningPathUtils_1.taskTypes.assessment || isFactual
+                            ? imagesList?.length > 0
+                                ? "scq-card"
+                                : "scq-card-noimage"
+                            : imagesList?.length > 0
+                                ? "scq-card-selected"
+                                : "scq-card-selected-noimage";
+                    }
+                    else {
+                        return imagesList?.length > 0 ? "scq-card" : "scq-card-noimage";
+                    }
+                }
+            }
+            else if (item === value) {
+                if (isReviewScreen) {
+                    return imagesList?.length > 0
+                        ? "scq-card-wrong"
+                        : "scq-card-wrong-noimage";
+                }
+                else if (presentationMode.DisplayWrongAnswerInstantly ||
+                    (presentationMode.DisplayWrongAnswerAfterNextClick &&
+                        currentQuestion.showRed)) {
+                    return imagesList?.length > 0
+                        ? "scq-card-wrong"
+                        : "scq-card-wrong-noimage";
+                }
+                else {
+                    return taskType === LearningPathUtils_1.taskTypes.assessment || isFactual
+                        ? imagesList?.length > 0
+                            ? "scq-card"
+                            : "scq-card-noimage"
+                        : imagesList?.length > 0
+                            ? "scq-card-selected"
+                            : "scq-card-selected-noimage";
+                }
+            }
+            else {
+                return imagesList?.length > 0 ? "scq-card" : "scq-card-noimage";
+            }
+        }
+    }, [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

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

package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.d.ts

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

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

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnswersLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
+const scqtemp_1 = __importDefault(require("../optionLayouts/scqtemp"));
+const mcqtemp_1 = __importDefault(require("../optionLayouts/mcqtemp"));
+const fibtemp_1 = __importDefault(require("../optionLayouts/fibtemp"));
+const Scqnew_1 = __importDefault(require("../optionLayouts/Scqnew"));
+const common_utils_1 = require("../../../utils/common-utils");
+const AnswersLayout = (props) => {
+    const [selectedAnswer, setSelectedAnswer] = (0, react_1.useState)("");
+    const [onSubmitClicked, setOnSubmitClicked] = (0, react_1.useState)(props.onAnswerSubmitted);
+    const { question_type, question, isDisabled, allowToCopy = false, onSend, commonProps, options, userAnswer, onAnswerSubmitted: propOnAnswerSubmitted, option_image_details, currentQuestion, taskType, answers: answer, isDontAllow = false, isStandaloneWithSubjectMapping, isStandalone, isReviewScreen, isFactual, presenterLogic, isComprehension, setLayoutType, question_id, modifiedOptions, images_details, displayedQues, } = props;
+    const handleAnswerChange = (item) => {
+        setSelectedAnswer(item?.selectedItem);
+        if (isReviewScreen) {
+            onSend({ answer: item?.selectedItem });
+        }
+        else {
+            props.onSend({
+                answer: item?.selectedItem,
+                hashedIndexAnswer: item?.selectedHashedIndexAnswer,
+                selectedIndex: item?.selectedIndex,
+            });
+        }
+    };
+    const onSubmitReceive = (data) => {
+        onSend(data);
+    };
+    let isStudent = presenterLogic?.isStudent === common_utils_1.reviewUserRoles?.STUDENT;
+    // MCQ Component rendering
+    const renderMCQ = () => {
+        return ((0, jsx_runtime_1.jsx)(mcqtemp_1.default, { options: options, userAnswer: userAnswer, handleAnswerChange: handleAnswerChange, onAnswerSubmitted: propOnAnswerSubmitted, option_image_details: option_image_details, isDontAllow: isDontAllow, currentQuestion: currentQuestion, taskType: taskType, answer: answer, isStandaloneWithSubjectMapping: isStandaloneWithSubjectMapping, isStandalone: isStandalone, isReviewScreen: isReviewScreen, isFactual: isFactual, styles: commonProps.mcqStyle }));
+    };
+    // FIB Component rendering
+    const renderFIB = () => {
+        return ((0, jsx_runtime_1.jsx)(fibtemp_1.default, { question: question, userAnswer: userAnswer, handleAnswerChange: handleAnswerChange, isDisabled: isDisabled, onAnswerSubmitted: propOnAnswerSubmitted, allowToCopy: allowToCopy, currentQuestion: currentQuestion, isDontAllow: isDontAllow, taskType: taskType, styles: commonProps?.fibStyle }));
+    };
+    // SCQ Component rendering
+    const renderSCQ = () => {
+        if (isReviewScreen && !isStudent) {
+            return ((0, jsx_runtime_1.jsx)(scqtemp_1.default, { options: options, userAnswer: userAnswer, handleAnswerChange: handleAnswerChange, onAnswerSubmitted: propOnAnswerSubmitted, option_image_details: option_image_details, isDontAllow: isDontAllow || false, currentQuestion: currentQuestion, taskType: taskType, answer: answer, isReviewScreen: isReviewScreen, isComprehension: isComprehension, setLayoutType: setLayoutType, styles: commonProps?.scqStyle, icons: commonProps?.icons, isStandaloneWithSubjectMapping: isStandaloneWithSubjectMapping, isStandalone: isStandalone, isFactual: isFactual, presenterLogic: presenterLogic }));
+        }
+        return ((0, jsx_runtime_1.jsx)(Scqnew_1.default, { "data-testid": "scq-component", options: options, userAnswer: userAnswer, handleAnswerChange: handleAnswerChange, onAnswerSubmitted: propOnAnswerSubmitted, option_image_details: option_image_details, isDontAllow: isDontAllow || false, currentQuestion: currentQuestion, taskType: taskType, answer: answer, isReviewScreen: isReviewScreen, isComprehension: isComprehension, setLayoutType: setLayoutType, styles: commonProps?.scqStyle, icons: commonProps?.icons, displayedQues: !isReviewScreen && displayedQues, question_type: !isReviewScreen && question_type, question_id: !isReviewScreen && question_id, modifiedOptions: !isReviewScreen && modifiedOptions, question: !isReviewScreen && question, images_details: !isReviewScreen && images_details, isDisabled: !isReviewScreen && isDisabled, onSend: !isReviewScreen && onSubmitReceive, isStandaloneWithSubjectMapping: isReviewScreen && isStandaloneWithSubjectMapping, isStandalone: isReviewScreen && isStandalone, isFactual: isReviewScreen && isFactual, presenterLogic: isReviewScreen && presenterLogic }, !isReviewScreen && question));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { id: isReviewScreen ? undefined : "answers-layout", children: [question_type === LearningPathUtils_1.questionTypes.mcq && renderMCQ(), (question_type === LearningPathUtils_1.questionTypes.fib ||
+                question_type === LearningPathUtils_1.questionTypes.drag_fib) && renderFIB(), (question_type === LearningPathUtils_1.questionTypes.scq ||
+                question_type === LearningPathUtils_1.questionTypes.reason_assertion ||
+                question_type === LearningPathUtils_1.questionTypes.tf ||
+                question_type === LearningPathUtils_1.questionTypes.yn ||
+                question_type === LearningPathUtils_1.questionTypes.sorting ||
+                question_type === LearningPathUtils_1.questionTypes.match ||
+                question_type === LearningPathUtils_1.questionTypes.nav) && renderSCQ()] }));
+};
+exports.AnswersLayout = AnswersLayout;
+//# sourceMappingURL=AnswerLayoutnew.js.map

package/dist/components/Molecules/questionLayouts/AnswerLayoutnew.js.map

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

package/dist/components/Molecules/questionLayouts/AnswerLayouts.d.ts

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

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

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnswersLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
+const scqtemp_1 = __importDefault(require("../optionLayouts/scqtemp"));
+const mcqtemp_1 = __importDefault(require("../optionLayouts/mcqtemp"));
+const fibtemp_1 = __importDefault(require("../optionLayouts/fibtemp"));
+const scqStudent_1 = __importDefault(require("../optionLayouts/scqStudent"));
+const common_utils_1 = require("../../../utils/common-utils");
+const AnswersLayout = (props) => {
+    const [selectedAnswer, setSelectedAnswer] = (0, react_1.useState)("");
+    const { question_type, question, isDisabled, allowToCopy = false, onSend, commonProps, options, userAnswer, onAnswerSubmitted: propOnAnswerSubmitted, option_image_details, currentQuestion, taskType, answers: answer, isDontAllow = false, isStandaloneWithSubjectMapping, isStandalone, isReviewScreen, isFactual, presenterLogic, isComprehension, setLayoutType, } = props;
+    const handleAnswerChange = (item) => {
+        setSelectedAnswer(item.selectedItem);
+        onSend({ answer: item.selectedItem });
+    };
+    const onSubmitReceive = (data) => {
+        onSend(data);
+    };
+    let isStudent = presenterLogic?.isStudent === common_utils_1.reviewUserRoles?.STUDENT;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [question_type === LearningPathUtils_1.questionTypes.mcq && ((0, jsx_runtime_1.jsx)(mcqtemp_1.default, { options: options, userAnswer: userAnswer, handleAnswerChange: handleAnswerChange, onAnswerSubmitted: propOnAnswerSubmitted, option_image_details: option_image_details, isDontAllow: isDontAllow, currentQuestion: currentQuestion, taskType: taskType, answer: answer, isStandaloneWithSubjectMapping: isStandaloneWithSubjectMapping, isStandalone: isStandalone, isReviewScreen: isReviewScreen, isFactual: isFactual, styles: commonProps.mcqStyle })), (question_type === LearningPathUtils_1.questionTypes.fib ||
+                question_type === LearningPathUtils_1.questionTypes.drag_fib) && ((0, jsx_runtime_1.jsx)(fibtemp_1.default, { question: question, userAnswer: userAnswer, handleAnswerChange: handleAnswerChange, isDisabled: isDisabled, onAnswerSubmitted: propOnAnswerSubmitted, allowToCopy: allowToCopy, currentQuestion: currentQuestion, isDontAllow: isDontAllow, taskType: taskType, styles: commonProps?.fibStyle })), (question_type === LearningPathUtils_1.questionTypes.scq ||
+                question_type === LearningPathUtils_1.questionTypes.reason_assertion ||
+                question_type === LearningPathUtils_1.questionTypes.tf ||
+                question_type === LearningPathUtils_1.questionTypes.yn ||
+                question_type === LearningPathUtils_1.questionTypes.sorting ||
+                question_type === LearningPathUtils_1.questionTypes.match ||
+                question_type === LearningPathUtils_1.questionTypes.nav) &&
+                (isStudent ? ((0, jsx_runtime_1.jsx)(scqStudent_1.default, { options: options, userAnswer: userAnswer, handleAnswerChange: handleAnswerChange, onAnswerSubmitted: propOnAnswerSubmitted, option_image_details: option_image_details, isDontAllow: isDontAllow, currentQuestion: currentQuestion, taskType: taskType, answer: answer, isStandaloneWithSubjectMapping: isStandaloneWithSubjectMapping, isStandalone: isStandalone, isReviewScreen: isReviewScreen, isFactual: isFactual, styles: commonProps.scqStyle, icons: commonProps?.icons, presenterLogic: presenterLogic, isComprehension: isComprehension, setLayoutType: setLayoutType })) : ((0, jsx_runtime_1.jsx)(scqtemp_1.default, { options: options, userAnswer: userAnswer, handleAnswerChange: handleAnswerChange, onAnswerSubmitted: propOnAnswerSubmitted, option_image_details: option_image_details, isDontAllow: isDontAllow, currentQuestion: currentQuestion, taskType: taskType, answer: answer, isStandaloneWithSubjectMapping: isStandaloneWithSubjectMapping, isStandalone: isStandalone, isReviewScreen: isReviewScreen, isFactual: isFactual, styles: commonProps.scqStyle, icons: commonProps?.icons, presenterLogic: presenterLogic })))] }));
+};
+exports.AnswersLayout = AnswersLayout;
+//# sourceMappingURL=AnswerLayouts.js.map

package/dist/components/Molecules/questionLayouts/AnswerLayouts.js.map

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

package/dist/components/Molecules/questionLayouts/Question.styles.d.ts

@@ -0,0 +1,70 @@
+export declare const styles: {
+    readonly mainContainer: {
+        readonly padding: "24px 24px 24px 20px";
+        readonly backgroundColor: "#F5F3FB";
+        readonly '@media (max-width: 767px)': {
+            readonly display: "flex";
+            readonly flexDirection: "column";
+            readonly alignItems: "flex-end";
+            readonly gap: "12px";
+        };
+    };
+    readonly container: {
+        readonly display: "grid";
+        readonly gridTemplateColumns: "repeat(42, 1fr)";
+        readonly gap: "4px";
+        readonly width: "100%";
+    };
+    readonly indexColumn: {
+        readonly gridColumn: "1 / 3";
+        readonly display: "flex";
+        readonly alignItems: "flex-start";
+        readonly justifyContent: "center";
+        readonly padding: "4px 12px";
+        readonly border: "1px solid #130159";
+        readonly width: "32px";
+        readonly height: "32px";
+        readonly borderRadius: "16px";
+    };
+    readonly index: {
+        readonly fontFamily: "\"Inter\", sans-serif";
+        readonly fontWeight: 600;
+        readonly fontSize: "16px";
+        readonly lineHeight: "24px";
+        readonly color: "#130159";
+        readonly letterSpacing: "0";
+    };
+    readonly contentColumn: {
+        readonly gridColumn: "3 / 36";
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly gap: "16px";
+    };
+    readonly question: {
+        readonly fontFamily: "\"Poppins\", sans-serif";
+        readonly fontWeight: 600;
+        readonly fontSize: "16px";
+        readonly lineHeight: "24px";
+        readonly color: "#130159";
+        readonly letterSpacing: "0";
+    };
+    readonly actionsColumn: {
+        readonly gridColumn: "38 / 43";
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly gap: "66px";
+        readonly justifyContent: "space-between";
+        readonly alignItems: "flex-end";
+    };
+    readonly icon: {
+        readonly width: "24px";
+        readonly height: "24px";
+        readonly color: "#A19BC0";
+    };
+    readonly twoRows: {
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly alignItems: "flex-end";
+        readonly gap: "12px";
+    };
+};

package/dist/components/Molecules/questionLayouts/Question.styles.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    mainContainer: {
+        padding: '24px 24px 24px 20px',
+        backgroundColor: '#F5F3FB',
+        '@media (max-width: 767px)': {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'flex-end',
+            gap: '12px',
+        },
+    },
+    container: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(42, 1fr)',
+        gap: '4px',
+        width: '100%',
+    },
+    indexColumn: {
+        gridColumn: '1 / 3',
+        display: 'flex',
+        alignItems: 'flex-start',
+        justifyContent: 'center',
+        padding: '4px 12px',
+        border: '1px solid #130159',
+        width: '32px',
+        height: '32px',
+        borderRadius: '16px',
+    },
+    index: {
+        fontFamily: '"Inter", sans-serif',
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '24px',
+        color: '#130159',
+        letterSpacing: '0',
+    },
+    contentColumn: {
+        gridColumn: '3 / 36',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '16px',
+        // backgroundColor: 'red', // commented out as in original
+    },
+    question: {
+        fontFamily: '"Poppins", sans-serif',
+        fontWeight: 600,
+        fontSize: '16px',
+        lineHeight: '24px',
+        color: '#130159',
+        letterSpacing: '0',
+    },
+    actionsColumn: {
+        gridColumn: '38 / 43',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '66px',
+        justifyContent: 'space-between',
+        alignItems: 'flex-end',
+        // backgroundColor: 'green', // commented out as in original
+    },
+    icon: {
+        width: '24px',
+        height: '24px',
+        // border: '1px solid #A099BF', // commented out as in original
+        color: '#A19BC0',
+    },
+    twoRows: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-end',
+        gap: '12px',
+    },
+};
+//# sourceMappingURL=Question.styles.js.map

package/dist/components/Molecules/questionLayouts/Question.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Question.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/questionLayouts/Question.styles.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,aAAa,EAAE;QACb,OAAO,EAAE,qBAAqB;QAC9B,eAAe,EAAE,SAAS;QAC1B,2BAA2B,EAAE;YAC3B,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,UAAU;YACtB,GAAG,EAAE,MAAM;SACZ;KACF;IAED,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,iBAAiB;QACtC,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,MAAM;KACd;IAED,WAAW,EAAE;QACX,UAAU,EAAE,OAAO;QACnB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,YAAY;QACxB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,mBAAmB;QAC3B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,MAAM;KACrB;IAED,KAAK,EAAE;QACL,UAAU,EAAE,qBAAqB;QACjC,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,GAAG;KACnB;IAED,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,MAAM;QACX,0DAA0D;KAC3D;IAED,QAAQ,EAAE;QACR,UAAU,EAAE,uBAAuB;QACnC,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;QAChB,aAAa,EAAE,GAAG;KACnB;IAED,aAAa,EAAE;QACb,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,MAAM;QACX,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,UAAU;QACtB,4DAA4D;KAC7D;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,+DAA+D;QAC/D,KAAK,EAAE,SAAS;KACjB;IAED,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,UAAU;QACtB,GAAG,EAAE,MAAM;KACZ;CACO,CAAC"}

package/dist/components/Molecules/questionLayouts/QuestionLayoutnew.d.ts

@@ -0,0 +1,2 @@
+export function QuestionsLayout(props?: {}): import("react/jsx-runtime").JSX.Element;
+export default QuestionsLayout;