questionlayoutrefactoring 0.0.1

package/dist/components/Molecules/comprehension/ComprehensionLayout.js

@@ -0,0 +1,108 @@
+"use strict";
+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 = require("react");
+const ComprehensionStyles_1 = require("./ComprehensionStyles");
+const Assistant_1 = __importDefault(require("../Tutor/Assistant/Assistant"));
+const react_2 = require("@chakra-ui/react");
+const common_utils_1 = require("../../../utils/common-utils");
+const SubQuestionLayout_1 = __importDefault(require("./SubQuestionLayout"));
+const SubQuestionLayoutComponent = SubQuestionLayout_1.default;
+const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionStatus, handleMoreQuestions, isQuestionSelection, moreQuestionsAvailable, questionObject, userAnswer, onAnswerChanged, isDontAllow, allowToCopy, isFactual, taskType, isComprehension, assistantImg, loaderText, finalText, presenterLogic, onAnswerSubmitted, learningStepData, commonProps, showDiscussLabel, displayedQues, discussIcon, isFromParentApp, showDiscuss, history, isFirstQuestion, handleNavigate, enableBox = false, activeQuestionIndex, childComponent, isReviewScreen, }) => {
+    const isTeacher = presenterLogic?.isStudent === common_utils_1.reviewUserRoles?.TEACHER;
+    const [filteredSubQuestions, setFilteredSubQuestions] = (0, react_1.useState)([]);
+    // Function to get the filtered sub-questions (will be used in useEffect)
+    const getFilteredSubQuestions = () => {
+        if (isTeacher) {
+            return questionObject?.sub_questions || [];
+        }
+        else {
+            return questionObject?.sub_question || [];
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (presenterLogic?.isStudent !== "none") {
+            const subQuestions = getFilteredSubQuestions();
+            setFilteredSubQuestions(subQuestions);
+        }
+    }, [isTeacher, questionObject, presenterLogic]);
+    const getUserAnswerForSubQuestion = (subQuestionId) => {
+        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === subQuestionId);
+        if (!subQuestion?.user_answer)
+            return null;
+        try {
+            const finalUserAns = JSON.parse(subQuestion?.user_answer);
+            return finalUserAns;
+        }
+        catch (e) {
+            console.error("Error parsing user answer:", e);
+            return null;
+        }
+    };
+    const getAssistantInfoForSubQuestion = (subQuestionId) => {
+        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === subQuestionId);
+        if (!subQuestion?.user_answer)
+            return null;
+        const subQuestionChatID = JSON.parse(subQuestion?.user_answer)?.chatId;
+        const historyObject = history?.find((item) => {
+            const chatId = Object.keys(item)?.[0];
+            return chatId === subQuestionChatID;
+        });
+        if (historyObject) {
+            const chatId = Object.keys(historyObject)?.[0];
+            return historyObject?.[chatId] || [];
+        }
+        return [];
+    };
+    const fetchSummary = (history, question) => {
+        if (!(0, common_utils_1.isNotEmptyOrNull)(question?.summary)) {
+            let summary = history?.[history?.length - 1]?.content;
+            return summary?.trim?.() || "";
+        }
+        else {
+            return question?.summary;
+        }
+    };
+    const getSubQuestion = (versionUuid) => {
+        return questionObject?.sub_question?.find((subQues) => subQues?.version_uuid === versionUuid);
+    };
+    const getSubQuestionSessionId = (versionUuid) => {
+        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === versionUuid);
+        return subQuestion?.session_id;
+    };
+    const handleSubQuestionNavigate = (versionUuid) => {
+        if ((0, common_utils_1.isNotEmptyOrNull)(questionObject) && handleNavigate) {
+            let subQuestionObject = getSubQuestion(versionUuid);
+            let session_id = getSubQuestionSessionId(versionUuid);
+            subQuestionObject = {
+                ...subQuestionObject,
+                passage: questionObject?.question_layout,
+                main_question_id: questionObject?.version_uuid,
+            };
+            let finalQuestionObject = {
+                questionObject: subQuestionObject,
+                userAnswer: getUserAnswerForSubQuestion(versionUuid),
+                session_id: session_id,
+            };
+            handleNavigate(finalQuestionObject, versionUuid);
+        }
+    };
+    const getSubQuestionTutorMode = (versionUuid) => {
+        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === versionUuid);
+        return subQuestion?.tutor_mode;
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: ComprehensionStyles_1.styles?.mainContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: ComprehensionStyles_1.styles?.passageContainer, children: (0, jsx_runtime_1.jsx)(Assistant_1.default, { moreQuestionsAvailable: moreQuestionsAvailable, questionIndex: questionIndex, selectionStatus: selectionStatus, presenterLogic: presenterLogic, handleSelectionStatus: handleSelectionStatus, handleMoreQuestions: handleMoreQuestions, assistantImg: assistantImg || commonProps?.icons?.AssistantImg, text: questionObject?.question_layout, hideVin: !presenterLogic?.showVinIcon, isCopy: false, isQuestion: false, isComprehension: isComprehension, commonProps: commonProps, assistantStyle: commonProps?.assistantStyle, isFromParentApp: isFromParentApp }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: ComprehensionStyles_1.styles?.subQuestionContainer, children: filteredSubQuestions?.map((subQues, index) => {
+                    const assistantInfo = getAssistantInfoForSubQuestion(subQues?.version_uuid);
+                    const summary = fetchSummary(assistantInfo, subQues);
+                    return ((0, jsx_runtime_1.jsx)(SubQuestionLayoutComponent, { subQuestionIndex: index, questionObject: subQues, taskType: taskType, onAnswerChanged: onAnswerChanged, onAnswerSubmitted: onAnswerSubmitted, userAnswer: getUserAnswerForSubQuestion(subQues?.version_uuid), displayedQues: displayedQues, learningStepData: learningStepData, isFactual: isFactual, allowToCopy: allowToCopy, isDontAllow: isDontAllow, commonProps: commonProps, showDiscussLabel: showDiscussLabel, isAnswerSubmitted: true, hideVin: true, discussIcon: discussIcon, isComprehension: isComprehension, presenterLogic: {
+                            ...presenterLogic,
+                            enableGetMore: false,
+                            enableSelection: false,
+                        }, isFromParentApp: isFromParentApp, showDiscuss: showDiscuss, history: assistantInfo, isFirstQuestion: isFirstQuestion, summary: summary, handleNavigate: handleSubQuestionNavigate, tutor_mode: getSubQuestionTutorMode(subQues?.version_uuid), isTeacher: isTeacher, isReviewScreen: isReviewScreen }, index));
+                }) })] }));
+};
+exports.default = ComprehensionLayout;
+//# sourceMappingURL=ComprehensionLayout.js.map

package/dist/components/Molecules/comprehension/ComprehensionLayout.js.map

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

package/dist/components/Molecules/comprehension/ComprehensionStyles.d.ts

@@ -0,0 +1,21 @@
+export declare const styles: {
+    mainContainer: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+    };
+    passageContainer: {
+        marginLeft: string[];
+    };
+    subQuestionContainer: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+        marginLeft: string[];
+        height: string;
+        overflowY: string;
+        "&::-webkit-scrollbar": {
+            display: string;
+        };
+    };
+};

package/dist/components/Molecules/comprehension/ComprehensionStyles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    mainContainer: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "12px",
+    },
+    passageContainer: {
+        marginLeft: ["0", "50px", "12px"],
+    },
+    subQuestionContainer: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "12px",
+        marginLeft: ["0", "50px"],
+        // height: ["max-content", "260px"],
+        height: "max-content",
+        overflowY: "auto",
+        "&::-webkit-scrollbar": {
+            display: "none",
+        }
+    }
+};
+//# sourceMappingURL=ComprehensionStyles.js.map

package/dist/components/Molecules/comprehension/ComprehensionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComprehensionStyles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/comprehension/ComprehensionStyles.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IAClB,aAAa,EAAE;QACX,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,MAAM;KAEd;IACD,gBAAgB,EAAE;QACd,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC;KACpC;IACD,oBAAoB,EAAE;QAClB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,MAAM;QACX,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC;QACzB,oCAAoC;QACpC,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,MAAM;QACjB,sBAAsB,EAAE;YACpB,OAAO,EAAE,MAAM;SAClB;KACJ;CACJ,CAAA"}

package/dist/components/Molecules/comprehension/SubQuestionLayout.d.ts

@@ -0,0 +1,45 @@
+interface BaseQuestionLayoutProps {
+    questionIndex?: number;
+    selectionStatus?: any;
+    handleSelectionStatus?: any;
+    handleMoreQuestions?: any;
+    isQuestionSelection?: boolean;
+    questionObject?: any;
+    onAnswerChanged?: (answer: any) => void;
+    isDontAllow?: boolean;
+    allowToCopy?: boolean;
+    isFactual?: boolean;
+    taskType?: string;
+    isAnswerSubmitted?: boolean;
+    isComprehension?: boolean;
+    isOpen?: boolean;
+    toggleOpen?: () => void;
+    onAnswerSubmit?: () => void;
+    isLastQuestion?: boolean;
+    allQuestionsAnswered?: boolean;
+    onNextQuestion?: () => void;
+    userAnswer?: any;
+    commonProps?: any;
+    showDiscussLabel?: boolean;
+    presenterLogic?: any;
+    onAnswerSubmitted?: any;
+    learningStepData?: any;
+    hideVin?: boolean;
+    discussIcon?: any;
+    isFromParentApp?: boolean;
+    tutor_mode?: boolean;
+    isTeacher?: boolean;
+    isReviewScreen?: boolean;
+}
+interface SubQuestionLayoutProps extends BaseQuestionLayoutProps {
+    questionIndex?: any;
+    subQuestionIndex?: number;
+    displayedQues?: any;
+    showDiscuss?: boolean;
+    history?: any;
+    isFirstQuestion?: boolean;
+    summary?: any;
+    handleNavigate?: (version_uuid: string) => void;
+}
+declare const SubQuestionLayout: ({ questionIndex, selectionStatus, handleSelectionStatus, handleMoreQuestions, isQuestionSelection, subQuestionIndex, questionObject, onAnswerChanged, isDontAllow, allowToCopy, isFactual, taskType, isAnswerSubmitted, displayedQues, isComprehension, isOpen, toggleOpen, onAnswerSubmit, isLastQuestion, allQuestionsAnswered, onNextQuestion, userAnswer, commonProps, showDiscussLabel, presenterLogic, onAnswerSubmitted, learningStepData, hideVin, discussIcon, isFromParentApp, showDiscuss, history, isFirstQuestion, summary, handleNavigate, tutor_mode, isTeacher, isReviewScreen, }: SubQuestionLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default SubQuestionLayout;

package/dist/components/Molecules/comprehension/SubQuestionLayout.js

@@ -0,0 +1,101 @@
+"use strict";
+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 = require("react");
+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 react_2 = require("@chakra-ui/react");
+const __1 = require("../../..");
+const QuestionsLayout_1 = require("../questionLayouts/QuestionsLayout");
+const QuestionsLayoutComponent = QuestionsLayout_1.QuestionsLayout;
+const style = {
+    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",
+    }),
+};
+const SubQuestionLayout = ({ questionIndex, selectionStatus, handleSelectionStatus, handleMoreQuestions, isQuestionSelection, subQuestionIndex, questionObject, onAnswerChanged, isDontAllow, allowToCopy, isFactual, taskType, isAnswerSubmitted, displayedQues, isComprehension, isOpen, toggleOpen, onAnswerSubmit, isLastQuestion, allQuestionsAnswered, onNextQuestion, userAnswer, commonProps, showDiscussLabel, presenterLogic, onAnswerSubmitted, learningStepData, hideVin, discussIcon, isFromParentApp, showDiscuss, history, isFirstQuestion, summary, handleNavigate, tutor_mode, isTeacher, isReviewScreen, }) => {
+    const styles = commonProps?.questionLayoutStyle;
+    const [layoutType, setLayoutType] = (0, react_1.useState)(null);
+    const [showChat, setShowChat] = (0, react_1.useState)(false);
+    let isStudent = presenterLogic?.isStudent === common_utils_1.reviewUserRoles?.STUDENT;
+    const handleToggleChat = () => {
+        setShowChat(!showChat);
+    };
+    const isDescriptiveQuestion = common_utils_1.descQuestionTypes.includes(questionObject?.question_type);
+    const isBasicDiscussionEligible = !isFromParentApp && !isDescriptiveQuestion && isStudent && tutor_mode;
+    const canShowNewDiscussButton = isBasicDiscussionEligible &&
+        presenterLogic?.showDiscuss &&
+        history?.length === 0;
+    const canShowViewDiscussButton = isBasicDiscussionEligible &&
+        presenterLogic?.showDiscuss &&
+        history?.length > 0;
+    const canShowSummary = isBasicDiscussionEligible && (0, common_utils_1.isNotEmptyOrNull)(summary);
+    return ((0, jsx_runtime_1.jsx)(react_2.Box, { className: 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_2.Box, { children: [!isFactual && learningStepData?.dialog_entry_script?.content && ((0, jsx_runtime_1.jsx)(__1.Assistant, { questionIndex: questionIndex, presenterLogic: presenterLogic, assistantImg: commonProps?.icons?.AssistantImg, text: "", isCopy: false, isDialogScript: true, scriptData: learningStepData?.dialog_entry_script?.content, assistantStyle: commonProps?.assistantStyle, hideVin: hideVin, commonProps: commonProps })), (0, jsx_runtime_1.jsxs)(react_2.Box, { className: styles?.["comprehensionMainContainer"], children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { className: styles?.["comprehensionQuestionContainer"], children: [(0, jsx_runtime_1.jsx)(react_2.Box, { className: styles?.indexColumn, children: (0, jsx_runtime_1.jsx)(react_2.Box, { className: styles?.index, children: isTeacher
+                                            ? `${String.fromCharCode(97 + (subQuestionIndex ?? 0))}.`
+                                            : (subQuestionIndex ?? 0) + 1 }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { className: styles?.["comprehensionSubQuestionAssistant"], children: (0, jsx_runtime_1.jsx)(QuestionsLayoutComponent, { questionIndex: questionIndex, questionObject: questionObject, taskType: taskType, onAnswerChanged: onAnswerChanged, onAnswerSubmitted: onAnswerSubmitted, userAnswer: userAnswer, learningStepData: learningStepData, isFactual: isFactual, allowToCopy: allowToCopy, isDontAllow: isDontAllow, commonProps: commonProps, showDiscussLabel: showDiscussLabel, isAnswerSubmitted: true, hideVin: true, discussIcon: discussIcon, isComprehension: isComprehension, presenterLogic: presenterLogic, isFromParentApp: isFromParentApp, tutor_mode: tutor_mode, isTeacher: isTeacher, isReviewScreen: isReviewScreen }) })] }), canShowNewDiscussButton && ((0, jsx_runtime_1.jsx)(react_2.Box, { alignSelf: "flex-end", className: !isFirstQuestion ? "hover-show" : "", sx: style?.discussBox(isFirstQuestion), children: (0, jsx_runtime_1.jsx)(react_2.Box, { maxW: "160px", children: (0, jsx_runtime_1.jsx)(CustomButton_1.default, { label: "Discuss", customStyles: style?.discussBtn, handleClick: () => handleNavigate &&
+                                        handleNavigate(questionObject?.version_uuid) }) }) })), canShowSummary && ((0, jsx_runtime_1.jsx)(react_2.Box, { alignSelf: "flex-end", className: !isFirstQuestion ? "hover-show" : "", sx: style?.summaryBox(isFirstQuestion, presenterLogic?.showDiscuss), children: (0, jsx_runtime_1.jsx)(KeyTakeAway_1.default, { summary: summary }) })), canShowViewDiscussButton && ((0, jsx_runtime_1.jsx)(react_2.Box, { alignSelf: "flex-end", className: !isFirstQuestion ? "hover-show" : "", sx: style?.viewDiscussBox(isFirstQuestion), children: (0, jsx_runtime_1.jsx)(react_2.Box, { maxW: "160px", children: (0, jsx_runtime_1.jsx)(CustomButton_1.default, { label: showChat ? "Hide Discussion" : "View Discussion", customStyles: style?.viewDiscussBtn, handleClick: handleToggleChat }) }) })), isStudent && ((0, jsx_runtime_1.jsx)(react_2.Box, { className: !isFirstQuestion ? "hover-show" : "", sx: presenterLogic?.showDiscuss &&
+                                style?.summaryBox(isFirstQuestion), children: (0, jsx_runtime_1.jsx)(ChatPresenter_1.default, { showCoversation: showChat, isDescriptiveAnswer: isDescriptiveQuestion, question: {
+                                    ...questionObject,
+                                    history: history,
+                                    tutor_mode: tutor_mode,
+                                }, commonProps: commonProps, isStudent: isStudent, isComprehension: isComprehension, assistantInfo: history, tutor_mode: tutor_mode }) }))] })] }) }));
+};
+exports.default = SubQuestionLayout;
+//# sourceMappingURL=SubQuestionLayout.js.map

package/dist/components/Molecules/comprehension/SubQuestionLayout.js.map

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

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

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