new_experiential_changes 0.0.1

package/dist/components/Molecules/DescriptiveAnswer/DescriptiveAnswerV1.js

@@ -0,0 +1,157 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const tutor_utils_1 = require("../../../utils/tutor-utils");
+const BubbleLoader_1 = __importDefault(require("../Tutor/BubbleLoader"));
+const customTheme_1 = require("../../../utils/customTheme");
+const User_1 = __importDefault(require("../Tutor/User/User"));
+const Assistant_styles_1 = __importDefault(require("../../Molecules/Tutor/Assistant/Assistant.styles"));
+const common_utils_1 = require("../../../utils/common-utils");
+const TranscriptionImagePreview_1 = __importDefault(require("../../Atoms/TranscriptionImagePreview/TranscriptionImagePreview"));
+const ImageModal_1 = __importDefault(require("../../Atoms/AssistantImageModal/ImageModal"));
+const CustomButton_1 = __importDefault(require("../../Atoms/CustomButton/CustomButton"));
+// Constants
+const STRINGS = {
+    CORRECT_SUMMARY: "Very good! You have answered the question correctly. Here's the summary.",
+    NEEDS_IMPROVEMENT: "You are almost there, but needs improvement. Here's the summary.",
+    INCORRECT_ANSWER: "The answer is incorrect. Here's what needs improvement:",
+    REFERENCE_ANSWER: "Reference answer:",
+    ANSWER: "Answer:",
+    WHAT_WRONG: "Here is how you can improve: ",
+    DONE_WELL: "What you have done well:",
+    ACCURATE_ANSWER: "The answer is accurate, complete, and correctly calculated",
+};
+const COLORS = {
+    PRIMARY: "#130159",
+    ERROR: "#FE2424",
+    SUCCESS: "#176D5F",
+    DIVIDER: "#0000004D",
+};
+const DescriptiveAnswerV1 = (props) => {
+    const [openModal, setOpenModal] = (0, react_1.useState)(false);
+    const { icons, loader = false, assistantObj = {}, user_query, isStudent, tutor_mode, isRevision = false, isRevisionBasedQuestion = false, isViewed, isTeacher = false, handleShowFeedback } = props;
+    const { descriptive_answer = {} } = assistantObj || {};
+    const { result = [], status = "", bandInfo = {}, transcribeImageList = [], } = descriptive_answer;
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [selectedImage, setSelectedImage] = (0, react_1.useState)({});
+    const openImage = (item) => {
+        setSelectedImage({ url: item });
+        setIsOpen(true);
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+        setSelectedImage({});
+    };
+    // Reusable components
+    const HorizontalLine = () => ((0, jsx_runtime_1.jsx)(react_2.Divider, { orientation: "horizontal", borderColor: COLORS.DIVIDER, my: 3 }));
+    const FeedbackSection = ({ title, content, highlightText = "", highlightColor = COLORS.SUCCESS, isCorrect = false, isRevision, }) => ((0, jsx_runtime_1.jsxs)(react_2.VStack, { alignItems: "flex-start", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isRevision
+                    ? Assistant_styles_1.default.revisiondescriptiveAnswerTitle
+                    : Assistant_styles_1.default?.descriptiveAnswerTitle, children: title }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isRevision
+                    ? Assistant_styles_1.default.revisiondescriptiveBandMessage
+                    : Assistant_styles_1.default?.descriptiveAnswerSub, children: (0, tutor_utils_1.renderContent)(content) }), highlightText && ((0, jsx_runtime_1.jsx)(react_2.Text, { color: highlightColor, fontWeight: isCorrect ? "bold" : "600", children: highlightText }))] }));
+    const ReferenceAnswer = () => {
+        const { REFERENCE_ANSWER, ANSWER } = STRINGS;
+        const { sample_answer, solution_layout } = descriptive_answer || {};
+        return ((0, jsx_runtime_1.jsxs)(react_2.VStack, { alignItems: "flex-start", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isRevision
+                        ? Assistant_styles_1.default.revisiondescriptiveAnswerTitle
+                        : Assistant_styles_1.default?.descriptiveAnswerTitle, children: isRevision && (0, common_utils_1.isEmptyOrNull)(user_query) ? ANSWER : REFERENCE_ANSWER }), solution_layout ? ((0, jsx_runtime_1.jsx)(react_2.VStack, { alignItems: "flex-start", children: solution_layout?.map((section) => {
+                        if (section && Array.isArray(section?.data)) {
+                            return section?.data?.map((item, index) => {
+                                if (item && !(0, common_utils_1.isEmptyOrNull)(item?.text_layout)) {
+                                    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: Assistant_styles_1.default?.descriptiveAnswerSub, children: (0, tutor_utils_1.renderContent)(item?.text_layout, true) }), item?.media_type == "image" &&
+                                                !(0, common_utils_1.isEmptyOrNull)(item?.media) && ((0, jsx_runtime_1.jsx)(react_2.Card, { variant: "outlined", sx: Assistant_styles_1.default.centeredImageCard, onClick: () => {
+                                                    openImage(item?.media);
+                                                }, children: (0, jsx_runtime_1.jsx)(react_2.Image, { sx: Assistant_styles_1.default.centeredImage, src: item?.media }) }))] }, index));
+                                }
+                            });
+                        }
+                    }) })) : ((0, jsx_runtime_1.jsx)(react_2.Text, { sx: Assistant_styles_1.default?.descriptiveAnswerSub, children: (0, tutor_utils_1.renderContent)(sample_answer) }))] }));
+    };
+    const CorrectAnswer = ({ response, CorrectAnsImg }) => {
+        const { DONE_WELL, ACCURATE_ANSWER, CORRECT_SUMMARY } = STRINGS;
+        const { student_answer_well_done = "", bandInfo = {} } = response || {};
+        return ((0, jsx_runtime_1.jsxs)(react_2.Box, { pb: 3, children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [isRevisionBasedQuestion && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontFamily: "Poppins", fontWeight: "600", fontSize: "18px", lineHeight: "24px", letterSpacing: "0", color: "#130159", mb: 2, children: "Summary" })), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: !isTeacher ? (isRevision
+                                ? Assistant_styles_1.default.revisiondescriptiveBandMessage
+                                : Assistant_styles_1.default?.descriptiveBandMessage) : { color: 'black' }, children: bandInfo?.message || CORRECT_SUMMARY }), CorrectAnsImg && (0, jsx_runtime_1.jsx)(react_2.Image, { src: CorrectAnsImg, alt: "correct answer" })] }), (0, jsx_runtime_1.jsx)(HorizontalLine, {}), (0, jsx_runtime_1.jsx)(react_2.VStack, { alignItems: "flex-start", children: !isRevision && (0, jsx_runtime_1.jsx)(ReferenceAnswer, {}) }), !isRevision && (0, jsx_runtime_1.jsx)(HorizontalLine, {}), (0, jsx_runtime_1.jsx)(FeedbackSection, { title: DONE_WELL, content: student_answer_well_done, highlightText: ACCURATE_ANSWER, isCorrect: true })] }));
+    };
+    const PartialCorrect = ({ response }) => {
+        const { NEEDS_IMPROVEMENT, WHAT_WRONG, DONE_WELL } = STRINGS;
+        const { bandInfo = {}, student_answer_missing = "", student_answer_well_done = "", } = response || {};
+        return ((0, jsx_runtime_1.jsxs)(react_2.Box, { pb: 3, children: [isRevisionBasedQuestion && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontFamily: "Poppins", fontWeight: "600", fontSize: "18px", lineHeight: "24px", letterSpacing: "0", color: "#130159", mb: 2, children: "Summary" })), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isTeacher ? { color: 'black' } : (isRevision && Assistant_styles_1.default.revisiondescriptiveBandMessage), children: bandInfo?.message || NEEDS_IMPROVEMENT }), (0, jsx_runtime_1.jsx)(HorizontalLine, {}), (0, jsx_runtime_1.jsxs)(react_2.VStack, { alignItems: "flex-start", children: [(0, jsx_runtime_1.jsx)(FeedbackSection, { title: DONE_WELL, content: student_answer_well_done, isRevision: isRevision }), (0, jsx_runtime_1.jsx)(FeedbackSection, { title: WHAT_WRONG, content: student_answer_missing, isRevision: isRevision })] }), !isRevision && (0, jsx_runtime_1.jsx)(HorizontalLine, {}), !isRevision && (0, jsx_runtime_1.jsx)(ReferenceAnswer, {})] }));
+    };
+    const IncorrectAnswer = ({ response }) => {
+        const { INCORRECT_ANSWER, WHAT_WRONG } = STRINGS;
+        const { bandInfo = {}, student_answer_missing = "" } = response || {};
+        return ((0, jsx_runtime_1.jsxs)(react_2.Box, { pb: 3, children: [isRevisionBasedQuestion && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontFamily: "Poppins", fontWeight: "600", fontSize: "18px", lineHeight: "24px", letterSpacing: "0", color: "#130159", mb: 2, children: "Summary" })), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isTeacher ? { color: 'black' } : (isRevision && Assistant_styles_1.default.revisiondescriptiveBandMessage), children: bandInfo?.message || INCORRECT_ANSWER }), (0, jsx_runtime_1.jsx)(HorizontalLine, {}), (0, jsx_runtime_1.jsx)(FeedbackSection, { title: WHAT_WRONG, content: student_answer_missing, isRevision: isRevision }), !isRevision && (0, jsx_runtime_1.jsx)(HorizontalLine, {}), !isRevision && (0, jsx_runtime_1.jsx)(ReferenceAnswer, {})] }));
+    };
+    const renderAssistantAvatar = () => ((0, jsx_runtime_1.jsx)(react_2.Image, { sx: Assistant_styles_1.default.assistantImg, src: icons?.AssistantImg, alt: "assistant" }));
+    const renderLoader = () => loader && (0, jsx_runtime_1.jsx)(BubbleLoader_1.default, {});
+    const renderAssistantContent = () => {
+        let finalStatus = bandInfo?.status || status;
+        return ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: isRevision
+                ? Assistant_styles_1.default.assistantTextStudent
+                : Assistant_styles_1.default?.descriptiveSubContainer, children: [finalStatus == "correct" && ((0, jsx_runtime_1.jsx)(CorrectAnswer, { response: descriptive_answer, CorrectAnsImg: icons?.CorrectAnsImg, isRevision: isRevision })), finalStatus == "partially_correct" && ((0, jsx_runtime_1.jsx)(PartialCorrect, { response: descriptive_answer, isRevision: isRevision })), finalStatus == "wrong" && ((0, jsx_runtime_1.jsx)(IncorrectAnswer, { response: descriptive_answer, isRevision: isRevision }))] }));
+    };
+    const renderImageModal = () => {
+        if (!isOpen)
+            return null;
+        return ((0, jsx_runtime_1.jsx)(ImageModal_1.default, { isOpen: isOpen, handleClose: handleClose, selectedImage: selectedImage }));
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.ChakraProvider, { theme: customTheme_1.customTheme, children: [(0, jsx_runtime_1.jsxs)(react_2.VStack, { alignItems: "flex-start", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { alignItems: "flex-start", justifyContent: "space-between", w: "full", children: [!(0, common_utils_1.isEmptyOrNull)(user_query) && ((0, jsx_runtime_1.jsx)(User_1.default, { text: user_query, transcribeImageList: transcribeImageList, onPreview: () => {
+                                    setOpenModal(true);
+                                }, isTutor: true, isComprehension: props?.isComprehension, isRevision: isRevision, isRevisionBasedQuestion: isRevisionBasedQuestion })), handleShowFeedback &&
+                                (0, jsx_runtime_1.jsx)(CustomButton_1.default, { label: "Add Feedback", customStyles: {
+                                        bg: "var(--Brand-800, rgba(95, 77, 199, 1))",
+                                        color: "#FFFFFF",
+                                        border: "1px solid #8F82D7",
+                                        fontSize: "14px",
+                                        h: "36px",
+                                        width: "auto",
+                                    }, handleClick: () => {
+                                        handleShowFeedback(assistantObj?.chatID);
+                                    } })] }), tutor_mode && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [result?.length > 0 && ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
+                                    ...(!isRevision &&
+                                        !isRevisionBasedQuestion &&
+                                        Assistant_styles_1.default?.descriptiveContainer),
+                                    ...(isRevisionBasedQuestion && Assistant_styles_1.default?.RevisionContainer),
+                                    ...(loader && Assistant_styles_1.default.center),
+                                    ...(props?.isComprehension &&
+                                        Assistant_styles_1.default.comprehensionDescriptiveAnswer),
+                                }, overflowX: "auto", children: [renderLoader(), renderAssistantContent()] })), ((isRevision && result?.length > 0) || isViewed) && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: Assistant_styles_1.default.RevisionContainer, children: (0, jsx_runtime_1.jsx)(react_2.Box, { overflowX: "auto", sx: Assistant_styles_1.default?.descriptiveSubContainer, children: (0, jsx_runtime_1.jsx)(ReferenceAnswer, {}) }) })), result?.length == 0 && isStudent && !isViewed && ((0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", marginLeft: { base: "40px", md: "40px", lg: "50px" }, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "16px", lineHeight: "24px", fontWeight: "400", color: "#1D287AD9", children: "I'm evaluating" }), (0, jsx_runtime_1.jsx)(BubbleLoader_1.default, {}), (0, jsx_runtime_1.jsxs)(react_2.Text, { fontSize: "16px", lineHeight: "24px", fontWeight: "400", color: "#1D287AD9", ml: "8px", children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                                                    textDecoration: "underline",
+                                                    fontWeight: "bold",
+                                                    cursor: "pointer",
+                                                }, onClick: () => {
+                                                    window.location.reload();
+                                                }, children: "Refresh" }), " ", "the page"] })] }))] }))] }), openModal && ((0, jsx_runtime_1.jsx)(TranscriptionImagePreview_1.default, { isOpen: openModal, onClose: () => setOpenModal(false), transcribeImageList: transcribeImageList })), renderImageModal()] }));
+};
+exports.default = DescriptiveAnswerV1;
+//# sourceMappingURL=DescriptiveAnswerV1.js.map

package/dist/components/Molecules/DescriptiveAnswer/DescriptiveAnswerV1.js.map

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

package/dist/components/Molecules/ExperientialComponents/NewActivityCard.d.ts

@@ -0,0 +1,24 @@
+interface Attachment {
+    url: string;
+    fileName: string;
+    mimeType: string;
+    originalURL: string;
+}
+interface NewActivityCardProps {
+    subject?: string;
+    topic?: string;
+    title?: string;
+    description?: string;
+    headerImage?: string;
+    isMandatory?: boolean;
+    emojiCount?: number;
+    commentCount?: number;
+    icons?: Record<string, string>;
+    onCardClick?: () => void;
+    attachments?: Attachment[];
+    onAttachmentClick?: (attachment: Attachment) => void;
+    isMySpace?: boolean;
+    cardColor?: string;
+}
+declare const NewActivityCard: (props: NewActivityCardProps) => import("react/jsx-runtime").JSX.Element;
+export default NewActivityCard;

package/dist/components/Molecules/ExperientialComponents/NewActivityCard.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const customTheme_1 = require("../../../utils/customTheme");
+const newActivityCardStyles_1 = require("./newActivityCardStyles");
+const Component = (props) => {
+    const { subject, topic, title, description, headerImage, isMandatory, attachments, emojiCount, commentCount, icons, onCardClick, onAttachmentClick, isMySpace = false, cardColor, } = props;
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
+    const styles = (0, react_1.useMemo)(() => {
+        return newActivityCardStyles_1.newActivityCardStyles;
+    }, []);
+    // Approximate character limit for 5 lines (adjust based on your design)
+    const characterLimit = 250;
+    const shouldShowReadMore = description && description.length > characterLimit;
+    const displayedDescription = shouldShowReadMore && !isExpanded
+        ? `${description.substring(0, characterLimit)}...`
+        : description;
+    const handleReadMoreClick = (e) => {
+        e.stopPropagation(); // Prevent triggering onCardClick
+        setIsExpanded(!isExpanded);
+    };
+    const getAttachmentType = (mimeType) => {
+        if (mimeType.startsWith("image/"))
+            return "image";
+        if (mimeType.startsWith("video/"))
+            return "video";
+        if (mimeType === "application/pdf")
+            return "pdf";
+        if (mimeType.includes("excel") ||
+            mimeType.includes("spreadsheet") ||
+            mimeType === "application/vnd.ms-excel" ||
+            mimeType ===
+                "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")
+            return "excel";
+        if (mimeType.includes("word") ||
+            mimeType.includes("document") ||
+            mimeType === "application/msword" ||
+            mimeType ===
+                "application/vnd.openxmlformats-officedocument.wordprocessingml.document")
+            return "doc";
+        return "doc"; // default fallback
+    };
+    const handleAttachmentClick = (attachment, e) => {
+        e.stopPropagation(); // Prevent triggering onCardClick
+        if (onAttachmentClick) {
+            onAttachmentClick(attachment);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: styles?.mainContainer, cursor: "pointer", onClick: onCardClick, backgroundColor: cardColor, children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: headerImage, sx: styles?.headerImage }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { flexDirection: "column", marginX: "16px", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: styles?.subjectSection, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { gap: "4px", children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { sx: styles?.subjectName, children: [subject, ":"] }), " ", (0, jsx_runtime_1.jsx)(react_2.Text, { sx: styles?.topicName, children: topic })] }), !isMySpace && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: styles?.mandatoryText, children: isMandatory ? "Mandatory" : "Optional" }))] }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: styles?.activityTitle, children: title }), (0, jsx_runtime_1.jsx)(react_2.Box, { children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: styles?.description, children: [displayedDescription, shouldShowReadMore && ((0, jsx_runtime_1.jsx)(react_2.Text, { as: "span", fontFamily: "Poppins", lineHeight: "24px", fontSize: "12px", color: "#130159", fontWeight: "700", cursor: "pointer", onClick: handleReadMoreClick, ml: 1, children: isExpanded ? "Read less" : "Read more" }))] }) }), attachments && attachments.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: styles?.attachmentHeading, children: "Attachments" }), (0, jsx_runtime_1.jsx)(react_2.Flex, { gap: "8px", flexWrap: "wrap", marginY: "8px", children: attachments.map((attachment, index) => {
+                                    const attachmentType = getAttachmentType(attachment.mimeType);
+                                    const iconSrc = icons?.[attachmentType];
+                                    return ((0, jsx_runtime_1.jsx)(react_2.Image, { src: iconSrc, alt: `${attachmentType} icon`, width: "24px", height: "24px", cursor: "pointer", onClick: (e) => handleAttachmentClick(attachment, e), title: attachment.fileName }, index));
+                                }) })] })), (0, jsx_runtime_1.jsx)(react_2.Box, { border: "1px dotted #A0A0A0" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: styles?.emojiSection, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { gap: "4px", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: icons?.emoji, alt: "Emoji icon", width: "20px", height: "20px" }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: styles?.emojiText, children: emojiCount })] }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { gap: "4px", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: icons?.comment, alt: "Comment icon", width: "20px", height: "20px" }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: styles?.emojiText, children: commentCount })] })] })] })] }));
+};
+const NewActivityCard = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { theme: customTheme_1.customTheme, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+};
+exports.default = NewActivityCard;
+//# sourceMappingURL=NewActivityCard.js.map

package/dist/components/Molecules/ExperientialComponents/NewActivityCard.js.map

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

package/dist/components/Molecules/ExperientialComponents/newActivityCardStyles.d.ts

@@ -0,0 +1,86 @@
+export declare const newActivityCardStyles: {
+    mainContainer: {
+        display: string;
+        flexDirection: string;
+        width: string;
+        maxWidth: string;
+        height: string;
+        borderRadius: string;
+        border: string;
+        paddingBottom: string;
+        gap: string;
+    };
+    headerImage: {
+        margin: string;
+        borderRadius: string;
+        width: string;
+        maxwidth: string;
+    };
+    subjectSection: {
+        justifyContent: string;
+        marginBottom: string;
+    };
+    subjectName: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: number;
+        color: string;
+    };
+    topicName: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: number;
+        color: string;
+    };
+    mandatoryText: {
+        borderRadius: string;
+        border: string;
+        background: string;
+        padding: string;
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        letterSpacing: number;
+        color: string;
+        textAlign: string;
+    };
+    activityTitle: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: number;
+        color: string;
+    };
+    description: {
+        fontFamily: string;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        letterSpacing: number;
+        color: string;
+    };
+    emojiSection: {
+        alignItems: string;
+        justifyContent: string;
+        gap: string;
+    };
+    emojiText: {
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+    attachmentHeading: {
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
+};

package/dist/components/Molecules/ExperientialComponents/newActivityCardStyles.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.newActivityCardStyles = void 0;
+exports.newActivityCardStyles = {
+    mainContainer: {
+        display: "flex",
+        flexDirection: "column",
+        width: "auto",
+        maxWidth: "350px",
+        height: "auto",
+        borderRadius: "12px",
+        border: "1px solid #0000001A",
+        paddingBottom: "24px",
+        gap: "8px",
+    },
+    headerImage: {
+        margin: "10px",
+        borderRadius: "8px",
+        width: "auto",
+        maxwidth: "330px",
+    },
+    subjectSection: {
+        justifyContent: "space-between",
+        marginBottom: "4px",
+    },
+    subjectName: {
+        fontFamily: "Poppins",
+        fontWeight: "700",
+        fontSize: "12px",
+        lineHeight: "28px",
+        letterSpacing: 0,
+        color: "#312961",
+    },
+    topicName: {
+        fontFamily: "Poppins",
+        fontWeight: "500",
+        fontSize: "12px",
+        lineHeight: "28px",
+        letterSpacing: 0,
+        color: "#263238",
+    },
+    mandatoryText: {
+        borderRadius: "4px",
+        border: "1px solid #A99DED",
+        background: "#DFDAFE",
+        padding: "4px",
+        fontFamily: "Poppins",
+        fontWeight: "400",
+        fontSize: "10px",
+        letterSpacing: 0,
+        color: "#263238",
+        textAlign: "center",
+    },
+    activityTitle: {
+        fontFamily: "Poppins",
+        fontWeight: "600",
+        fontSize: "16px",
+        lineHeight: "28px",
+        letterSpacing: 0,
+        color: "#263238",
+    },
+    description: {
+        fontFamily: "Poppins",
+        fontWeight: "400",
+        fontSize: "12px",
+        lineHeight: "24px",
+        letterSpacing: 0,
+        color: "#666A6B",
+    },
+    emojiSection: {
+        alignItems: "flex-end",
+        justifyContent: "flex-end",
+        gap: "24px",
+    },
+    emojiText: {
+        color: "#666A6B",
+        fontFamily: "Poppins",
+        fontSize: "12px",
+        fontWeight: "500",
+        lineHeight: "20px",
+    },
+    attachmentHeading: {
+        color: "#312961",
+        fontFamily: "Poppins",
+        fontSize: "12px",
+        fontWeight: "700",
+        lineHeight: "28px",
+    },
+};
+//# sourceMappingURL=newActivityCardStyles.js.map

package/dist/components/Molecules/ExperientialComponents/newActivityCardStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"newActivityCardStyles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/ExperientialComponents/newActivityCardStyles.tsx"],"names":[],"mappings":";;;AAAa,QAAA,qBAAqB,GAAG;IACnC,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,MAAM;QACpB,MAAM,EAAE,qBAAqB;QAC7B,aAAa,EAAE,MAAM;QACrB,GAAG,EAAE,KAAK;KACX;IACD,WAAW,EAAE;QACX,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,OAAO;KAClB;IACD,cAAc,EAAE;QACd,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,KAAK;KACpB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,CAAC;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,SAAS,EAAE;QACT,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,CAAC;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,aAAa,EAAE;QACb,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,mBAAmB;QAC3B,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,aAAa,EAAE,CAAC;QAChB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,QAAQ;KACpB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,CAAC;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,CAAC;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,UAAU;QACtB,cAAc,EAAE,UAAU;QAC1B,GAAG,EAAE,MAAM;KACZ;IACD,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,MAAM;KACnB;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC"}

package/dist/components/Molecules/FactualCard/FactualCard.d.ts

@@ -0,0 +1,46 @@
+interface FactualCardProps {
+    loader?: boolean;
+    onPlay?: () => void;
+    index: number;
+    currentQuestionIndex: number;
+    question: DisplayedQuestion;
+    icons?: {
+        play?: string;
+    };
+    saveEvent?: (eventType: {}, metadata?: any) => void;
+    authToken: any;
+    learningStepData?: any;
+    displayedQues?: any;
+    url?: string;
+    isRecap: Boolean;
+}
+interface Content {
+    title?: string;
+    type?: string;
+    contentType?: string;
+    id?: string;
+    content?: string;
+    content_details?: {
+        title: string;
+        type: string;
+        contentType?: string;
+        id: string;
+        content: string;
+        _id?: string;
+    };
+    _id?: string;
+}
+interface FactualRuleSet {
+    start_time?: string;
+    end_time?: string;
+}
+interface DisplayedQuestion {
+    contents?: Content[];
+    factual_rule_set?: FactualRuleSet[];
+    basket?: string;
+    journey_id?: string;
+    step_id?: string;
+    _id?: string;
+}
+export default function FactualCard({ loader, onPlay, index, currentQuestionIndex, question, icons, saveEvent, authToken, learningStepData, displayedQues, url, isRecap, }: FactualCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Molecules/FactualCard/FactualCard.js

@@ -0,0 +1,124 @@
+"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 react_2 = require("@chakra-ui/react");
+const BubbleLoader_1 = __importDefault(require("../Tutor/BubbleLoader"));
+const DashPlayer_1 = __importDefault(require("../DashPlayer/DashPlayer"));
+const FactualCard_style_1 = __importDefault(require("./FactualCard.style"));
+const MediaModal_1 = __importDefault(require("../MediaModal/MediaModal")); // Import the MediaModal
+function FactualCard({ loader = false, onPlay, index, currentQuestionIndex, question, icons = {}, saveEvent = () => { }, authToken, learningStepData, displayedQues, url = "", isRecap = false, }) {
+    const [isHovering, setIsHovering] = (0, react_1.useState)(false);
+    const [playerKey, setPlayerKey] = (0, react_1.useState)(0);
+    const [isMediaModalOpen, setIsMediaModalOpen] = (0, react_1.useState)(false);
+    const playerRef = (0, react_1.useRef)(null);
+    // Force player re-render when question changes
+    (0, react_1.useEffect)(() => {
+        setPlayerKey((prev) => prev + 1);
+        setIsHovering(false);
+    }, [currentQuestionIndex, question]);
+    const handleVideoEventsUpdates = (eventType, metadata) => {
+        const currentTime = new Date().toISOString();
+        const videoObject = {
+            event_time: currentTime,
+            event_name: eventType,
+            video_id: displayedQues[index]?.contents?.[0]?._id ||
+                displayedQues[index]?.contents?.[0]?.content_details?._id ||
+                learningStepData?.contents?.[0]?._id ||
+                "",
+        };
+        saveEvent(videoObject, metadata);
+    };
+    const handleMouseEnter = () => {
+        setIsHovering(true);
+        handleVideoEventsUpdates("hover_played");
+    };
+    const handleMouseLeave = () => {
+        setIsHovering(false);
+        if (playerRef.current) {
+            handleVideoEventsUpdates("hover_paused", {
+                video_instance: playerRef.current.getCurrentTime(),
+            });
+        }
+    };
+    const handleVideoClick = () => {
+        setIsHovering(false);
+        setIsMediaModalOpen(true);
+        if (onPlay)
+            onPlay(); // Still call onPlay if provided for backward compatibility
+        handleVideoEventsUpdates("video_clicked");
+    };
+    const getVideoUrl = () => {
+        const contentType = String(question?.contents?.[0]?.content_details?.type ??
+            question?.contents?.[0]?.type).toLowerCase();
+        if (contentType === "youtube") {
+            return ("https://www.youtube.com/watch?v=" +
+                (question?.contents?.[0]?.content_details?.id ??
+                    question?.contents?.[0]?.id));
+        }
+        else {
+            return (question?.contents?.[0]?.content_details?.content ??
+                question?.contents?.[0]?.content ??
+                "");
+        }
+    };
+    const getTitle = () => {
+        return (question?.contents?.[0]?.content_details?.title ??
+            question?.contents?.[0]?.title ??
+            "");
+    };
+    const getVideoMetadata = () => {
+        return [
+            question?.factual_rule_set?.[0]?.start_time,
+            question?.factual_rule_set?.[0]?.end_time,
+        ];
+    };
+    const getVideoId = () => {
+        return (question?.contents?.[0]?._id ||
+            question?.contents?.[0]?.content_details?._id ||
+            "");
+    };
+    const videoUrl = getVideoUrl() || url;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { "data-testid": `factual card -${index}`, sx: {
+                    ...FactualCard_style_1.default.card,
+                    marginLeft: isRecap ? "0px" : FactualCard_style_1.default.card.marginLeft,
+                    marginBottom: isRecap ? "0px" : FactualCard_style_1.default.card.marginBottom,
+                    boxShadow: isRecap ? "0px" : FactualCard_style_1.default.card.boxShadow,
+                }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: FactualCard_style_1.default.title, children: getTitle() }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: FactualCard_style_1.default.videoWrapper, onClick: handleVideoClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: FactualCard_style_1.default.videoContent, children: [(0, jsx_runtime_1.jsx)(DashPlayer_1.default, { ref: playerRef, playing: isHovering, muted: true, controls: false, src: videoUrl, authToken: authToken, onPlay: () => handleVideoEventsUpdates("hover_played"), onPause: () => {
+                                        if (playerRef.current) {
+                                            handleVideoEventsUpdates("hover_paused", {
+                                                video_instance: playerRef.current.getCurrentTime(),
+                                            });
+                                        }
+                                    }, onEnded: () => handleVideoEventsUpdates("hover_ended"), onSeek: ({ from, to }) => handleVideoEventsUpdates("hover_seek", { from, to }), onRateChange: (rate) => {
+                                        if (playerRef.current) {
+                                            handleVideoEventsUpdates("hover_rate_change", {
+                                                rate,
+                                                video_instance: playerRef.current.getCurrentTime(),
+                                            });
+                                        }
+                                    }, onVolumeChange: (vol) => {
+                                        if (playerRef.current) {
+                                            handleVideoEventsUpdates("hover_volume_change", {
+                                                volume: vol,
+                                                video_instance: playerRef.current.getCurrentTime(),
+                                            });
+                                        }
+                                    }, onMuteToggle: (isMuted) => {
+                                        if (playerRef.current) {
+                                            handleVideoEventsUpdates(isMuted ? "hover_muted" : "hover_unmuted", {
+                                                video_instance: playerRef.current.getCurrentTime(),
+                                            });
+                                        }
+                                    }, onError: (error) => console.error("Video error:", error) }, playerKey), icons.play && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: FactualCard_style_1.default.playButton, children: (0, jsx_runtime_1.jsx)("img", { src: icons.play, alt: "Play" }) }))] }) }), loader && (0, jsx_runtime_1.jsx)(BubbleLoader_1.default, {})] }), (0, jsx_runtime_1.jsx)(MediaModal_1.default, { authToken: authToken, openMedia: isMediaModalOpen, handleClose: () => setIsMediaModalOpen(false), selectedMedia: {
+                    video_url: videoUrl,
+                    media_type: "video",
+                    video_metadata: getVideoMetadata(),
+                    video_id: getVideoId(),
+                }, updateVideoEvents: saveEvent, learningStepData: learningStepData })] }));
+}
+exports.default = FactualCard;
+//# sourceMappingURL=FactualCard.js.map