performanceresultscreens 0.0.26 → 0.0.30

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

@@ -0,0 +1,201 @@
+"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

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

package/dist/components/Molecules/SmartLearn/SmartLearn.js

@@ -6,8 +6,9 @@ const react_2 = require("@chakra-ui/react");
 const icons_1 = require("@chakra-ui/icons");
 const SmartLearn_styles_1 = require("./SmartLearn.styles");
 const useCustomToast_1 = require("../../Atoms/useCustomToast");
+const accordionConstants_1 = require("../../../utils/accordionConstants");
 const LearningCreditsCard = ({ initialState = "limited", onStateChange = () => { }, onRequestCredits = () => { }, onLearnMoreClick = () => { }, countdown = 0, // countdown in seconds
-isMobile, }) => {
+isMobile, messagetext, isSchoolPayEnabled = false, }) => {
     const [cardState, setCardState] = (0, react_1.useState)(initialState);
     const showToast = (0, useCustomToast_1.useCustomToast)();
     const handleStateChange = (newState) => {
@@ -18,10 +19,10 @@ isMobile, }) => {
         const result = onRequestCredits();
         if (result !== false) {
             // Handle state transitions based on current card state
-            if (cardState === "limited") {
+            if (cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.limited) {
                 handleStateChange("requestSent");
             }
-            else if (cardState === "noCredits") {
+            else if (cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.noCredits) {
                 handleStateChange("noCreditsRequestSent");
             }
             // Don't change state for "requestSent" or "noCreditsRequestSent"
@@ -38,20 +39,22 @@ isMobile, }) => {
                             ? SmartLearn_styles_1.cardStyles.limitedusagemobile
                             : SmartLearn_styles_1.cardStyles.limitedUsageAlert, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile ? SmartLearn_styles_1.cardStyles.alertmobilelimited : SmartLearn_styles_1.cardStyles.alertText, children: "Limited Usage Remaining" }) }) }), (0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "stretch", spacing: 0, sx: isMobile
                         ? SmartLearn_styles_1.cardStyles.mobilewarningcontainer
-                        : SmartLearn_styles_1.cardStyles.warningTextContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Currently you limited credits to explore all the features of the product." }), (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: [(0, jsx_runtime_1.jsx)("span", { style: SmartLearn_styles_1.cardStyles.bodyTextlern, children: "Ask your parent for more" }), " ", "Learning Credits to keep going without interruptions."] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.bulletPointContainer, children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyTextpoint, children: ["\u2022 Guided Practice sessions with Vin", (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Personalised review in AP and many more."] }) })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "12px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: isMobile
-                                ? SmartLearn_styles_1.cardStyles.mobilebodytextw
-                                : SmartLearn_styles_1.cardStyles.requestSentBodyText, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) }) })] }) }));
+                        : SmartLearn_styles_1.cardStyles.warningTextContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Currently you limited credits to explore all the features of the product." }), (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: [(0, jsx_runtime_1.jsx)("span", { style: SmartLearn_styles_1.cardStyles.bodyTextlern, children: "Ask your parent for more" }), " ", "Learning Credits to keep going without interruptions."] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.bulletPointContainer, children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyTextpoint, children: ["\u2022 Guided Practice sessions with Vin", (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Personalised review in AP and many more."] }) })] }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "12px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: isMobile
+                                        ? SmartLearn_styles_1.cardStyles.mobilebodytextw
+                                        : SmartLearn_styles_1.cardStyles.requestSentBodyText, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) }) })] }))] }) }));
     const renderRequestSentCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "linear-gradient(124.5deg, #E3CF9B 0%, #9E7636 100%)", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.requestSent, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlexRequestSent, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerText, children: "SmartLearn" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", sx: isMobile
                                 ? SmartLearn_styles_1.cardStyles.mobilelearnbutton
-                                : SmartLearn_styles_1.cardStyles.learnMoreButton, cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.learnMoreRequireText, children: "Learn more" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.chevronIcon })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.limitedUsageAlert, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.alertText, children: "Limited Usage Remaining" }) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.requestSentTextContainer, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Currently you have limited credits to explore all the features of the product." }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButton, children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", px: "91px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonrequireText, children: "Request sent" }) }) }) })] }) }));
+                                : SmartLearn_styles_1.cardStyles.learnMoreButton, cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.learnMoreRequireText, children: "Learn more" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.chevronIcon })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.limitedUsageAlert, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.alertText, children: "Limited Usage Remaining" }) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.requestSentTextContainer, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: messagetext }) }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButton, children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", px: "91px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonrequireText, children: "Request sent" }) }) }) })] }))] }) }));
     const renderUnlockedCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "linear-gradient(124.5deg, #E3CF9B 0%, #9E7636 100%)", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.unlocked, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlex, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerlimitedText, children: "SmartLearn" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", sx: isMobile
                                 ? SmartLearn_styles_1.cardStyles.mobilelearnbutton
                                 : SmartLearn_styles_1.cardStyles.learnMoreButton, cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.learnMoreUnlockedText, children: "Learn more" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.chevronUnlockedIcon })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.successMessageContainer, children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.successMessage, children: ["Going great! You've unlocked the full power of SchoolAi.", (0, jsx_runtime_1.jsx)("br", {}), "So go ahead and discover the joy of learning with SmartLearn!"] }) })] }) }));
-    const renderNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: ["You're ", (0, jsx_runtime_1.jsx)("b", { children: "missing out on your full learning potential" }), " without having access to SmartLearn."] }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Ask your parent for Learning Credits now to unlock all features and keep exploring!" })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.nocreditleaningButton, children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.discoverfeatures, children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.discoverText, children: "Discover all features" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) })] }) }));
-    const renderRequestsentNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsx)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: [(0, jsx_runtime_1.jsx)("b", { children: "We\u2019ve sent a note to your parent about learning credits." }), " Once they add some, you\u2019ll unlock all SmartLearn features!"] }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.nocreditleaningButton, children: (0, jsx_runtime_1.jsxs)(react_2.Button, { size: "sm", onClick: onLearnMoreClick, sx: SmartLearn_styles_1.cardStyles.primaryButtonnocredit, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile
+    const renderNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: ["You're ", (0, jsx_runtime_1.jsx)("b", { children: "missing out on your full learning potential" }), " without having access to SmartLearn."] }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Ask your parent for Learning Credits now to unlock all features and keep exploring!" })] }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.nocreditleaningButton, children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) })), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.discoverfeatures, children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.discoverText, children: "Discover all features" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) })] }) }));
+    const renderRequestsentNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsx)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: messagetext && isSchoolPayEnabled ? (messagetext) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("b", { children: "We\u2019ve sent a note to your parent about learning credits." }), " ", "Once they add some, you\u2019ll unlock all SmartLearn features!"] })) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.nocreditleaningButton, children: (0, jsx_runtime_1.jsxs)(react_2.Button, { size: "sm", onClick: onLearnMoreClick, sx: SmartLearn_styles_1.cardStyles.primaryButtonnocredit, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile
                                     ? SmartLearn_styles_1.cardStyles.buttonTextnocreditMobile
-                                    : SmartLearn_styles_1.cardStyles.buttonTextnocredit, children: "Discover all features for now" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "20px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButtonnocredit, children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", px: "91px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonrequireTextnocredit, children: "Request sent" }) }) }) })] }) }));
-    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [cardState === "limited" && renderLimitedCard(), cardState === "requestSent" && renderRequestSentCard(), cardState === "unlocked" && renderUnlockedCard(), cardState === "noCredits" && renderNoCreditsCard(), cardState === "noCreditsRequestSent" && renderRequestsentNoCreditsCard()] }));
+                                    : SmartLearn_styles_1.cardStyles.buttonTextnocredit, children: "Discover all features for now" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "20px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButtonnocredit, children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", px: "91px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonrequireTextnocredit, children: "Request sent" }) }) }) }))] }) }));
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.limited && renderLimitedCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.requestSent &&
+                renderRequestSentCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.unlocked && renderUnlockedCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.noCredits && renderNoCreditsCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.noCreditsRequestSent &&
+                renderRequestsentNoCreditsCard()] }));
 };
 exports.default = LearningCreditsCard;
 //# sourceMappingURL=SmartLearn.js.map

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

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

package/dist/components/Molecules/SmartLearn/SmartLearn.stories.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.noCreditsRequestSent = exports.NoCredits = exports.Unlocked = exports.RequestSent = exports.Limited = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@chakra-ui/react");
-const addon_actions_1 = require("@storybook/addon-actions");
+// import { action } from "@storybook/addon-actions";
 const SmartLearn_1 = __importDefault(require("./SmartLearn"));
 const meta = {
     title: "Components/Molecules/LearningCreditsCard",
@@ -34,10 +34,10 @@ const meta = {
             control: "text",
             description: "Countdown text for the request sent state",
         },
-        onStateChange: {
-            action: "stateChanged",
-            description: "Callback function called when state changes",
-        },
+        // onStateChange: {
+        //   action: "stateChanged",
+        //   description: "Callback function called when state changes",
+        // },
         isMobile: {
             control: "boolean",
             description: "Whether the card should render in mobile mode",
@@ -49,7 +49,7 @@ exports.Limited = {
     args: {
         initialState: "limited",
         isMobile: true,
-        onStateChange: (0, addon_actions_1.action)("State changed"),
+        // onStateChange: action("State changed"),
     },
 };
 exports.RequestSent = {
@@ -57,28 +57,31 @@ exports.RequestSent = {
         initialState: "requestSent",
         countdown: 8000,
         isMobile: false,
-        onStateChange: (0, addon_actions_1.action)("State changed"),
+        // onStateChange: action("State changed"),
+        messagetext: "You’re close to running out of Learning Credits to unlock the full power of Vin.",
     },
 };
 exports.Unlocked = {
     args: {
         initialState: "unlocked",
         isMobile: false,
-        onStateChange: (0, addon_actions_1.action)("State changed"),
+        // onStateChange: action("State changed"),
     },
 };
 exports.NoCredits = {
     args: {
         initialState: "noCredits",
         isMobile: false,
-        onStateChange: (0, addon_actions_1.action)("State changed"),
+        // onStateChange: action("State changed"),
     },
 };
 exports.noCreditsRequestSent = {
     args: {
         initialState: "noCreditsRequestSent",
         isMobile: false,
-        onStateChange: (0, addon_actions_1.action)("State changed"),
+        // onStateChange: action("State changed"),
+        messagetext: 'Hello',
+        isSchoolPayEnabled: true,
     },
 };
 //# sourceMappingURL=SmartLearn.stories.js.map

package/dist/components/Molecules/SmartLearn/SmartLearn.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartLearn.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SmartLearn/SmartLearn.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,4CAAkD;AAClD,4DAAkD;AAClD,8DAA+C;AAG/C,MAAM,IAAI,GAAqC;IAC7C,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,oBAAmB;IAC9B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,SAAS;oBACT,aAAa;oBACb,UAAU;oBACV,WAAW;iBACG;aACjB;YACD,WAAW,EAAE,+BAA+B;SAC7C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;SACzD;QACD,aAAa,EAAE;YACb,MAAM,EAAE,cAAc;YACtB,WAAW,EAAE,6CAA6C;SAC3D;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,+CAA+C;SAC7D;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS;QACvB,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,IAAA,sBAAM,EAAC,eAAe,CAAC;KACvC;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,YAAY,EAAE,aAAa;QAC3B,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,IAAA,sBAAM,EAAC,eAAe,CAAC;KACvC;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,IAAA,sBAAM,EAAC,eAAe,CAAC;KACvC;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,IAAA,sBAAM,EAAC,eAAe,CAAC;KACvC;CACF,CAAC;AAEW,QAAA,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,YAAY,EAAE,sBAAsB;QACpC,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,IAAA,sBAAM,EAAC,eAAe,CAAC;KACvC;CACF,CAAC"}
+{"version":3,"file":"SmartLearn.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SmartLearn/SmartLearn.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,4CAAkD;AAClD,qDAAqD;AACrD,8DAA+C;AAG/C,MAAM,IAAI,GAAqC;IAC7C,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,oBAAmB;IAC9B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,SAAS;oBACT,aAAa;oBACb,UAAU;oBACV,WAAW;iBACG;aACjB;YACD,WAAW,EAAE,+BAA+B;SAC7C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;SACzD;QACD,mBAAmB;QACnB,4BAA4B;QAC5B,gEAAgE;QAChE,KAAK;QACL,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,+CAA+C;SAC7D;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS;QACvB,QAAQ,EAAE,IAAI;QACd,0CAA0C;KAC3C;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,YAAY,EAAE,aAAa;QAC3B,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,KAAK;QACf,0CAA0C;QAC1C,WAAW,EACT,kFAAkF;KACrF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,KAAK;QACf,0CAA0C;KAC3C;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,KAAK;QACf,0CAA0C;KAC3C;CACF,CAAC;AAEW,QAAA,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,YAAY,EAAE,sBAAsB;QACpC,QAAQ,EAAE,KAAK;QACf,0CAA0C;QAC1C,WAAW,EAAC,OAAO;QACnB,kBAAkB,EAAE,IAAI;KACzB;CACF,CAAC"}

package/dist/components/Molecules/SmartLearn/types.d.ts

@@ -1,4 +1,5 @@
-export type CardState = 'limited' | 'requestSent' | 'unlocked' | 'noCredits' | 'noCreditsRequestSent';
+/// <reference types="react" />
+export type CardState = "limited" | "requestSent" | "unlocked" | "noCredits" | "noCreditsRequestSent";
 export interface LearningCreditsCardProps {
     initialState?: CardState;
     onStateChange?: (state: CardState) => void;
@@ -6,4 +7,20 @@ export interface LearningCreditsCardProps {
     onLearnMoreClick?: () => void;
     onRequestCredits?: () => void | boolean;
     isMobile: boolean;
+    messagetext: string;
+    isSchoolPayEnabled: boolean;
+}
+export type AccordionCardState = "noCredits" | "requestSent" | "doubt" | "doubtRequestSent" | "revision";
+export interface AccordionCardProps {
+    initialState?: AccordionCardState;
+    userName: string;
+    timer?: number;
+    onBack: () => void;
+    onRequestCredits?: () => void | boolean;
+    onStateChange?: (state: AccordionCardState) => void;
+    showIcon?: boolean;
+    assistantIcon?: string | React.ReactNode;
+    features?: string[];
+    isSchoolPayEnabled?: boolean;
+    messageText?: string;
 }

package/dist/components/Molecules/Tutor/User/User.js

@@ -4,14 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@chakra-ui/react");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
 const customTheme_1 = require("../../../../utils/customTheme");
 const md_1 = require("react-icons/md");
 const lu_1 = require("react-icons/lu");
 const tutor_utils_1 = require("../../../../utils/tutor-utils");
 const ExtractedDiagramView_1 = __importDefault(require("../../../Atoms/ExtractedDiagramView/ExtractedDiagramView"));
+const TranscriptionImagePreview_1 = __importDefault(require("../../../Atoms/TranscriptionImagePreview/TranscriptionImagePreview"));
 function User(props) {
     const { text, handleCopy, transcribeImageList, onPreview, isTutor = false, isComprehension = false, isRevision = false, isRevisionBasedQuestion = false, } = props;
+    const [openModal, setOpenModal] = (0, react_1.useState)(false);
     // Check if at least one image has annotations
     const checkHasAnnotations = (imageList) => {
         return imageList?.some((item) => item?.annotations?.length > 0);
@@ -26,9 +29,10 @@ function User(props) {
         if (!checkHasAnnotations(transcribeImageList)) {
             return null;
         }
-        return ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(react_1.Divider, { borderColor: "#00000033", my: 2 }), (0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "14px", fontWeight: "600", color: "#130159", textDecoration: "underline", children: "Extracted Diagrams:" }), (0, jsx_runtime_1.jsx)(react_1.Box, { px: 2, mt: 2, display: "flex", flexWrap: "wrap", gap: 4, w: "auto", maxW: "calc(4 * 120px + 3 * 16px)", children: imagesWithAnnotations?.map((item) => ((0, jsx_runtime_1.jsx)(ExtractedDiagramView_1.default, { imageUrl: item?.image, imageBoxes: item?.annotations, showLabel: false }, item?.id || Math.random()))) })] }));
+        return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Divider, { borderColor: "#00000033", my: 2 }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", fontWeight: "600", color: "#130159", textDecoration: "underline", children: "Extracted Diagrams:" }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: 2, mt: 2, display: "flex", flexWrap: "wrap", gap: 4, w: "auto", maxW: "calc(4 * 120px + 3 * 16px)", children: imagesWithAnnotations?.map((item, idx) => ((0, jsx_runtime_1.jsx)(ExtractedDiagramView_1.default, { imageUrl: item?.image, imageBoxes: item?.annotations, showLabel: false, context: "user-preview" }, `diagram-${item?.id}-${item?.image}-${idx}`))) })] }));
     };
-    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsxs)(react_1.Box, { p: 2, bg: isRevision ? "#FFECEA" : "#FFBFB7", color: "#130159", display: "inline-block", borderRadius: "8px", borderTopRightRadius: isRevision ? "8px" : 0, whiteSpace: "pre-line", marginLeft: (isRevision || isRevisionBasedQuestion) ? "0px" : isComprehension ? "60px" : "52px", marginTop: isRevision ? "20px" : "0px", fontSize: isRevision ? "16px" : "14px", maxW: isRevision ? "100%" : "80%", borderTopLeftRadius: isRevision && "8px", borderBottomRightRadius: isRevision && "8px", borderBottomLeftRadius: isRevision && "8px", borderColor: isRevision && "#E7E5F5", mb: 2, children: [(0, tutor_utils_1.renderContent)(text, isTutor), handleCopy && ((0, jsx_runtime_1.jsx)(react_1.HStack, { justifyContent: "flex-end", cursor: "pointer", onClick: () => handleCopy(text), my: 2, children: (0, jsx_runtime_1.jsx)(md_1.MdFileCopy, {}) })), renderExtractedDiagrams(), transcribeImageList?.length > 0 && ((0, jsx_runtime_1.jsxs)(react_1.Box, { children: [(0, jsx_runtime_1.jsx)(react_1.Divider, { borderColor: "#00000033", my: 2 }), (0, jsx_runtime_1.jsxs)(react_1.HStack, { justifyContent: "space-between", flexWrap: "nowrap", minWidth: "0", children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "14px", color: "#000000A6", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", children: `Transcribed response` }), (0, jsx_runtime_1.jsxs)(react_1.HStack, { cursor: "pointer", onClick: () => onPreview(true), whiteSpace: "nowrap", flexShrink: 0, children: [(0, jsx_runtime_1.jsx)(react_1.Text, { fontSize: "14px", fontWeight: "400", color: "#5F4DC7", children: `Show Preview` }), (0, jsx_runtime_1.jsx)(lu_1.LuMoveUpRight, { size: 16, color: "#5F4DC7" })] })] })] }))] }) }));
+    return ((0, jsx_runtime_1.jsxs)(react_2.ChakraProvider, { theme: customTheme_1.customTheme, children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { p: 2, bg: isRevision ? "#FFECEA" : "#FFBFB7", color: "#130159", display: "inline-block", borderRadius: "8px", borderTopRightRadius: isRevision ? "8px" : 0, whiteSpace: "pre-line", overflowX: "auto", marginLeft: (isRevision || isRevisionBasedQuestion) ? "0px" : isComprehension ? "60px" : "52px", marginTop: isRevision ? "20px" : "0px", fontSize: isRevision ? "16px" : "14px", maxW: isRevision ? "100%" : "80%", borderTopLeftRadius: isRevision && "8px", borderBottomRightRadius: isRevision && "8px", borderBottomLeftRadius: isRevision && "8px", borderColor: isRevision && "#E7E5F5", mb: 2, children: [(0, tutor_utils_1.renderContent)(text, isTutor), handleCopy && ((0, jsx_runtime_1.jsx)(react_2.HStack, { justifyContent: "flex-end", cursor: "pointer", onClick: () => handleCopy(text), my: 2, children: (0, jsx_runtime_1.jsx)(md_1.MdFileCopy, {}) })), renderExtractedDiagrams(), transcribeImageList?.length > 0 && ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Divider, { borderColor: "#00000033", my: 2 }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { justifyContent: "space-between", flexWrap: "nowrap", minWidth: "0", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", color: "#000000A6", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", children: `Transcribed response` }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { cursor: "pointer", onClick: () => { setOpenModal(true); }, whiteSpace: "nowrap", flexShrink: 0, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", fontWeight: "400", color: "#5F4DC7", children: `Show Preview` }), (0, jsx_runtime_1.jsx)(lu_1.LuMoveUpRight, { size: 16, color: "#5F4DC7" })] })] })] }))] }), openModal &&
+                (0, jsx_runtime_1.jsx)(TranscriptionImagePreview_1.default, { isOpen: openModal, onClose: () => setOpenModal(false), transcribeImageList: transcribeImageList })] }));
 }
 exports.default = User;
 //# sourceMappingURL=User.js.map

package/dist/components/Molecules/Tutor/User/User.js.map

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

package/dist/components/Molecules/VideoView/VideoModal.js

@@ -8,8 +8,8 @@ const react_1 = __importDefault(require("react"));
 const react_2 = require("@chakra-ui/react");
 const react_player_1 = __importDefault(require("react-player"));
 const VideoModal = (props) => {
-    const { isOpen, onClose, videoUrl, icons = {} } = props;
-    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: isOpen && ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: styles.overlay, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: styles.closeButtonWrapper, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: icons.close, sx: styles.closeButton, onClick: onClose, alt: "Close" }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: styles.modal, children: (0, jsx_runtime_1.jsx)(react_player_1.default, { url: videoUrl, controls: true, playing: true, width: "100%", height: "100%", style: styles.player }) })] })) }));
+    const { isOpen, onClose, videoUrl, icons = {}, isTeacher = false } = props;
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: isOpen && ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: styles.overlay, onClick: isTeacher ? onClose : () => { }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: { ...styles.closeButtonWrapper, top: isTeacher ? '80px' : '10px' }, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: icons.close, sx: styles.closeButton, onClick: onClose, alt: "Close" }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: styles.modal, onClick: (e) => e.stopPropagation(), children: (0, jsx_runtime_1.jsx)(react_player_1.default, { url: videoUrl, controls: true, playing: true, width: "100%", height: "100%", style: styles.player }) })] })) }));
 };
 const styles = {
     overlay: {

package/dist/components/Molecules/VideoView/VideoModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoModal.js","sourceRoot":"","sources":["../../../../src/components/Molecules/VideoView/VideoModal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4CAA8C;AAC9C,gEAAuC;AAEvC,MAAM,UAAU,GAAG,CAAC,KAAU,EAAE,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAExD,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACZ,MAAM,IAAI,CACT,wBAAC,WAAG,IAAC,EAAE,EAAE,MAAM,CAAC,OAAO,aACrB,uBAAC,WAAG,IAAC,EAAE,EAAE,MAAM,CAAC,kBAAkB,YAChC,uBAAC,aAAK,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAC,OAAO,GAAG,GAC7E,EACN,uBAAC,WAAG,IAAC,EAAE,EAAE,MAAM,CAAC,KAAK,YACnB,uBAAC,sBAAW,IACV,GAAG,EAAE,QAAQ,EACb,QAAQ,QACR,OAAO,QACP,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,GACpB,GACE,IACF,CACP,GACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG;IACb,OAAO,EAAE;QACP,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,qBAAqB;QACtC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAC,IAAI;KACZ;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,8BAA8B;QACzC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,kBAAkB,EAAE;QAClB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;KAClB;IACD,MAAM,EAAE;QACN,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"VideoModal.js","sourceRoot":"","sources":["../../../../src/components/Molecules/VideoView/VideoModal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4CAA8C;AAC9C,gEAAuC;AAEvC,MAAM,UAAU,GAAG,CAAC,KAAU,EAAE,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3E,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACZ,MAAM,IAAI,CACT,wBAAC,WAAG,IAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,aAC9D,uBAAC,WAAG,IAAC,EAAE,EAAE,EAAC,GAAG,MAAM,CAAC,kBAAkB,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAC,YACvE,uBAAC,aAAK,IAAC,GAAG,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAC,OAAO,GAAG,GAC7E,EACN,uBAAC,WAAG,IAAC,EAAE,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YACxD,uBAAC,sBAAW,IACV,GAAG,EAAE,QAAQ,EACb,QAAQ,QACR,OAAO,QACP,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,GACpB,GACE,IACF,CACP,GACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG;IACb,OAAO,EAAE;QACP,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,qBAAqB;QACtC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAC,IAAI;KACZ;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,MAAM;QACvB,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,8BAA8B;QACzC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,kBAAkB,EAAE;QAClB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,SAAS;KAClB;IACD,MAAM,EAAE;QACN,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

@@ -17,7 +17,7 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
     // Function to get the filtered sub-questions (will be used in useEffect)
     const getFilteredSubQuestions = () => {
         if (isTeacher) {
-            return questionObject?.sub_questions || [];
+            return questionObject?.sub_questions || questionObject?.sub_question || [];
         }
         else {
             return questionObject?.sub_question || [];
@@ -30,7 +30,8 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
         }
     }, [isTeacher, questionObject, presenterLogic]);
     const getUserAnswerForSubQuestion = (subQuestionId) => {
-        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === subQuestionId);
+        let subQuestionObj = questionObject?.sub_questions || questionObject?.sub_question;
+        const subQuestion = subQuestionObj?.find((ans) => ans?.question === subQuestionId);
         if (!subQuestion?.user_answer)
             return null;
         try {
@@ -43,7 +44,8 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
         }
     };
     const getAssistantInfoForSubQuestion = (subQuestionId) => {
-        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === subQuestionId);
+        let subQuestionObj = questionObject?.sub_questions || questionObject?.sub_question;
+        const subQuestion = subQuestionObj?.find((ans) => ans?.question === subQuestionId);
         if (!subQuestion?.user_answer)
             return null;
         const subQuestionChatID = JSON.parse(subQuestion?.user_answer)?.chatId;
@@ -70,7 +72,8 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
         return questionObject?.sub_question?.find((subQues) => subQues?.version_uuid === versionUuid);
     };
     const getSubQuestionSessionId = (versionUuid) => {
-        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === versionUuid);
+        let subQuestionObj = questionObject?.sub_questions || questionObject?.sub_question;
+        const subQuestion = subQuestionObj?.find((ans) => ans?.question === versionUuid);
         return subQuestion?.session_id;
     };
     const handleSubQuestionNavigate = (versionUuid) => {
@@ -91,7 +94,8 @@ const ComprehensionLayout = ({ questionIndex, selectionStatus, handleSelectionSt
         }
     };
     const getSubQuestionTutorMode = (versionUuid) => {
-        const subQuestion = questionObject?.sub_questions?.find((ans) => ans?.question === versionUuid);
+        let subQuestionObj = questionObject?.sub_questions || questionObject?.sub_question;
+        const subQuestion = subQuestionObj?.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) => {