mtf-co 0.0.1

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

@@ -0,0 +1,158 @@
+"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");
+// Mcqtemp.jsx
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const tutor_utils_1 = require("../../../utils/tutor-utils");
+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 imageModal_1 = __importDefault(require("../../Atoms/imageModal"));
+const Mcqtemp = (props) => {
+    const { options, userAnswer, onAnswerSubmitted: propOnAnswerSubmitted, handleAnswerChange, option_image_details, currentQuestion, taskType, answer, isDontAllow, isStandaloneWithSubjectMapping, isStandalone, isReviewScreen, isFactual, styles, } = props;
+    const [selectedValue, setSelectedValue] = (0, react_1.useState)((0, common_utils_1.isNotEmptyOrNull)(userAnswer) ? (0, common_utils_1.extractGivenAnswers)(userAnswer) : []);
+    const [optionsData, setOptionsData] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        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
+        ? 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));
+    const handleCheckBoxChange = (event) => {
+        const itemName = event.target.name;
+        const isChecked = event.target.checked;
+        const updatedSelectedValue = isChecked
+            ? [...selectedValue, itemName]
+            : selectedValue.filter((item) => item !== itemName);
+        setSelectedValue(updatedSelectedValue);
+        handleAnswerChange({ selectedItem: updatedSelectedValue });
+    };
+    (0, react_1.useEffect)(() => {
+        if (propOnAnswerSubmitted) {
+            setOnAnswerSubmitted(propOnAnswerSubmitted);
+        }
+    }, [propOnAnswerSubmitted]);
+    const openImage = (index) => {
+        setImageIndex(index);
+        setIsOpen(true);
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+    };
+    const getAnswerStyle = (item, selectedValue, answerSubmitted, imagesList, currentQuestion) => {
+        if (!answerSubmitted) {
+            if (selectedValue.includes(item)) {
+                return imagesList?.length > 0
+                    ? "inner-container-selected"
+                    : "inner-container-selected-noimage";
+            }
+            else {
+                return imagesList?.length > 0
+                    ? "inner-container"
+                    : "inner-container-noimage";
+            }
+        }
+        else {
+            if (answer.includes(item)) {
+                if (isReviewScreen) {
+                    return imagesList?.length > 0
+                        ? "inner-container-correct"
+                        : "inner-container-correct-noimage";
+                }
+                else if (presentationMode.DisplayCorrectAnswerInstantly ||
+                    (presentationMode.DisplayCorrectAnswerAfterNextClick &&
+                        currentQuestion?.showGreen)) {
+                    return imagesList?.length > 0
+                        ? "inner-container-correct"
+                        : "inner-container-correct-noimage";
+                }
+                else {
+                    if (selectedValue.includes(item)) {
+                        return taskType === LearningPathUtils_1.taskTypes.assessment || isFactual
+                            ? imagesList?.length > 0
+                                ? "inner-container"
+                                : "inner-container-noimage"
+                            : imagesList?.length > 0
+                                ? "inner-container-selected"
+                                : "inner-container-selected-noimage";
+                    }
+                    else {
+                        return imagesList?.length > 0
+                            ? "inner-container"
+                            : "inner-container-noimage";
+                    }
+                }
+            }
+            else if (selectedValue.includes(item)) {
+                if (isReviewScreen) {
+                    return imagesList?.length > 0
+                        ? "inner-container-wrong"
+                        : "inner-container-wrong-noimage";
+                }
+                else if (presentationMode.DisplayWrongAnswerInstantly ||
+                    (presentationMode.DisplayWrongAnswerAfterNextClick &&
+                        currentQuestion.showRed)) {
+                    return imagesList?.length > 0
+                        ? "inner-container-wrong"
+                        : "inner-container-wrong-noimage";
+                }
+                else {
+                    return taskType === LearningPathUtils_1.taskTypes.assessment || isFactual
+                        ? imagesList?.length > 0
+                            ? "inner-container"
+                            : "inner-container-noimage"
+                        : imagesList?.length > 0
+                            ? "inner-container-selected"
+                            : "inner-container-selected-noimage";
+                }
+            }
+            else {
+                return imagesList?.length > 0
+                    ? "inner-container"
+                    : "inner-container-noimage";
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: isDontAllow ? { pointerEvents: "none" } : {}, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, common_utils_1.hasLongString)(optionsData) ? "outer-container-column" : "outer-container", children: optionsData.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(react_2.Box, { className: styles[getAnswerStyle(item, selectedValue, onAnswerSubmittedRef.current, option_image_details, currentQuestion)], variant: "outlined", cursor: "pointer", children: [(0, jsx_runtime_1.jsx)(react_2.Checkbox, { isChecked: selectedValue.includes(item), onChange: handleCheckBoxChange, name: item, children: (0, tutor_utils_1.renderContent)(item) }), option_image_details?.length > 0 && ((0, jsx_runtime_1.jsx)(react_2.Image, { className: styles["mcq-image"], onClick: () => openImage(index), src: option_image_details[index]?.url, alt: `Image ${index}` }))] }) }, 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()) }))] }));
+};
+exports.default = Mcqtemp;
+//# sourceMappingURL=mcqtemp.js.map

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

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

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

@@ -0,0 +1,9 @@
+export default MatchingQuestion;
+declare function MatchingQuestion({ question, onAnswerChanged, isAnswerSubmitted, userAnswer, styles, showAnswer }: {
+    question: any;
+    onAnswerChanged: any;
+    isAnswerSubmitted?: boolean | undefined;
+    userAnswer?: null | undefined;
+    styles: any;
+    showAnswer?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,149 @@
+"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_dnd_1 = require("react-dnd");
+const react_usestateref_1 = __importDefault(require("react-usestateref"));
+const react_dnd_2 = require("react-dnd");
+const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
+const tutor_utils_1 = require("../../../utils/tutor-utils");
+const ItemType = "MATCH_ITEM";
+const DraggableOption = ({ option, rowId, isDragDisabled, styles }) => {
+    const [{ isDragging }, drag] = (0, react_dnd_1.useDrag)(() => ({
+        type: ItemType,
+        item: { option, fromRowId: rowId },
+        collect: (monitor) => ({
+            isDragging: monitor.isDragging(),
+        }),
+    }), [isDragDisabled]);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: isDragDisabled ? null : drag, className: `${styles["draggable-option"]} ${isDragging ? styles["dragging"] : ""} ${isDragDisabled ? styles["drag-disabled"] : ""}`, style: {
+            cursor: isDragDisabled ? "default" : "grab",
+        }, children: [(0, tutor_utils_1.renderContent)(option.text, true), !isDragDisabled && ((0, jsx_runtime_1.jsx)("div", { className: styles["draggable-tooltip"], children: "Drag and drop to change the options" }))] }));
+};
+const DropZone = ({ rowId, option, onDrop, isDropDisabled, styles, isCorrect }) => {
+    const [{ isOver }, drop] = (0, react_dnd_1.useDrop)(() => ({
+        accept: ItemType,
+        drop: isDropDisabled ? undefined : (item) => onDrop(rowId, item),
+        collect: (monitor) => ({
+            isOver: !isDropDisabled && monitor.isOver(),
+        }),
+    }), [isDropDisabled, onDrop]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: isDropDisabled ? null : drop, className: `${styles["drop-zone"]} ${isOver ? styles["over"] : ""} ${option ? styles["filled"] : ""} ${isDropDisabled ? styles["drop-disabled"] : ""} ${isCorrect === false ? styles["incorrect"] : ""}`, style: {
+            pointerEvents: isDropDisabled ? "none" : "auto",
+        }, children: option ? ((0, jsx_runtime_1.jsx)(DraggableOption, { option: option, rowId: rowId, isDragDisabled: isDropDisabled, styles: styles })) : ((0, jsx_runtime_1.jsx)("span", { className: styles["drop-placeholder"], children: "Drop here" })) }));
+};
+const MatchingQuestion = ({ question, onAnswerChanged, isAnswerSubmitted = false, userAnswer = null, styles, showAnswer = false }) => {
+    const [rowPositions, setRowPositions] = (0, react_1.useState)({});
+    const [hasInitialized, setHasInitialized] = (0, react_1.useState)(false);
+    const [onAnswerSubmitted, setOnAnswerSubmitted, onAnswerSubmittedRef] = (0, react_usestateref_1.default)(isAnswerSubmitted);
+    // Disable drag and drop if userAnswer exists or if showAnswer is true
+    const isDragDropDisabled = (userAnswer && Object.keys(userAnswer).length > 0) || showAnswer;
+    const optionsLayout = question?.options_layout || [];
+    const answersLayout = question?.answers_layout || [];
+    const answersKey = question?.answers_key || [];
+    // Get correctness data from userAnswer
+    const answerResults = userAnswer?.answerResult || [];
+    const optionsWithIds = optionsLayout.map((option, idx) => ({
+        id: idx.toString(),
+        text: option,
+    }));
+    const answersWithIds = answersLayout.map((answer, idx) => ({
+        id: idx.toString(),
+        text: answer,
+    }));
+    (0, react_1.useEffect)(() => {
+        if (!answersWithIds.length || hasInitialized)
+            return;
+        let initialPositions = {};
+        if (showAnswer && answerResults.length > 0) {
+            // Show actual answers when showAnswer is true
+            answerResults.forEach((result, idx) => {
+                initialPositions[idx] = {
+                    id: idx.toString(),
+                    text: result.actualAnswer,
+                };
+            });
+        }
+        else if (userAnswer && answerResults.length > 0) {
+            // Show given answers when userAnswer is present
+            answerResults.forEach((result, idx) => {
+                initialPositions[idx] = {
+                    id: idx.toString(),
+                    text: result.givenAnswer, // Shows the user's given answer
+                };
+            });
+        }
+        else {
+            // Show user answers or empty
+            answersWithIds.forEach((answer, idx) => {
+                initialPositions[idx] = answer;
+            });
+        }
+        setRowPositions(initialPositions);
+        setHasInitialized(true);
+    }, [answersWithIds.length, hasInitialized, showAnswer, answerResults]);
+    (0, react_1.useEffect)(() => {
+        if (isAnswerSubmitted) {
+            setOnAnswerSubmitted(isAnswerSubmitted);
+        }
+    }, [isAnswerSubmitted]);
+    const handleDrop = (0, react_1.useCallback)((targetRowId, draggedItem) => {
+        if (onAnswerSubmittedRef.current || isDragDropDisabled) {
+            return;
+        }
+        setRowPositions((prev) => {
+            const updated = { ...prev };
+            const sourceRowId = draggedItem.fromRowId;
+            if (targetRowId !== sourceRowId) {
+                const temp = updated[targetRowId];
+                updated[targetRowId] = updated[sourceRowId];
+                updated[sourceRowId] = temp;
+            }
+            const currentAnswers = Object.values(updated).map(pos => pos.text);
+            const hashedAnswers = currentAnswers.map(answer => answerEncryptText(answer));
+            onAnswerChanged({
+                answer: currentAnswers,
+                hashedIndexAnswer: hashedAnswers,
+                selectedIndex: '',
+            });
+            return updated;
+        });
+    }, [onAnswerSubmittedRef, onAnswerChanged, isDragDropDisabled]);
+    return ((0, jsx_runtime_1.jsx)(react_dnd_2.DndProvider, { backend: react_dnd_html5_backend_1.HTML5Backend, children: (0, jsx_runtime_1.jsx)("div", { className: styles["conservation-matcher"], style: {
+                transition: "opacity 0.3s ease",
+                pointerEvents: (onAnswerSubmittedRef.current || showAnswer) ? "none" : "auto",
+            }, children: (0, jsx_runtime_1.jsxs)("div", { className: styles["matcher-table"], children: [(0, jsx_runtime_1.jsxs)("div", { className: styles["table-header"], children: [(0, jsx_runtime_1.jsx)("div", { className: `${styles["header-cell"]} ${styles["left"]}`, children: "Description" }), (0, jsx_runtime_1.jsx)("div", { className: `${styles["header-cell"]} ${styles["right"]}`, children: "Options" })] }), optionsWithIds.map((option, idx) => {
+                        // Get the correctness status for this row
+                        // Don't show incorrect status when showAnswer is true
+                        const isCorrect = showAnswer ? undefined : answerResults[idx]?.isCorrect;
+                        return ((0, jsx_runtime_1.jsxs)("div", { className: styles["table-row"], children: [(0, jsx_runtime_1.jsx)("div", { className: `${styles["cell"]} ${styles["left"]}`, children: option.text }), (0, jsx_runtime_1.jsx)("div", { className: `${styles["cell"]} ${styles["right"]}`, children: (0, jsx_runtime_1.jsx)(DropZone, { rowId: idx, option: rowPositions[idx], onDrop: handleDrop, isDropDisabled: onAnswerSubmittedRef.current || isDragDropDisabled, isCorrect: isCorrect, styles: styles }) })] }, option.id));
+                    })] }) }) }));
+};
+exports.default = MatchingQuestion;
+//# sourceMappingURL=mtf.js.map

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

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

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

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