performanceresultscreens 0.0.1

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

@@ -0,0 +1,128 @@
+"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"));
+// 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:",
+    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 } = 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 }) => ((0, jsx_runtime_1.jsxs)(react_2.VStack, { alignItems: "flex-start", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: Assistant_styles_1.default?.descriptiveAnswerTitle, children: title }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: 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 } = 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: Assistant_styles_1.default?.descriptiveAnswerTitle, children: 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: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: Assistant_styles_1.default?.descriptiveBandMessage, 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: (0, jsx_runtime_1.jsx)(ReferenceAnswer, {}) }), (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: [(0, jsx_runtime_1.jsx)(react_2.Text, { 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 }), (0, jsx_runtime_1.jsx)(FeedbackSection, { title: WHAT_WRONG, content: student_answer_missing })] }), (0, jsx_runtime_1.jsx)(HorizontalLine, {}), (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: [(0, jsx_runtime_1.jsx)(react_2.Text, { children: bandInfo?.message || INCORRECT_ANSWER }), (0, jsx_runtime_1.jsx)(HorizontalLine, {}), (0, jsx_runtime_1.jsx)(FeedbackSection, { title: WHAT_WRONG, content: student_answer_missing }), (0, jsx_runtime_1.jsx)(HorizontalLine, {}), (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: Assistant_styles_1.default?.descriptiveSubContainer, children: [finalStatus == "correct" && ((0, jsx_runtime_1.jsx)(CorrectAnswer, { response: descriptive_answer, CorrectAnsImg: icons?.CorrectAnsImg })), finalStatus == "partially_correct" && ((0, jsx_runtime_1.jsx)(PartialCorrect, { response: descriptive_answer })), finalStatus == "wrong" && ((0, jsx_runtime_1.jsx)(IncorrectAnswer, { response: descriptive_answer }))] }));
+    };
+    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.jsx)(react_2.HStack, { alignItems: "flex-start", 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 }) }), tutor_mode &&
+                        (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [result?.length > 0 && ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
+                                        ...Assistant_styles_1.default?.descriptiveContainer,
+                                        ...(loader && Assistant_styles_1.default.center),
+                                        ...(props?.isComprehension &&
+                                            Assistant_styles_1.default.comprehensionDescriptiveAnswer),
+                                    }, children: [renderLoader(), renderAssistantContent()] })), result?.length == 0 && isStudent && ((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/FactualCard/FactualCard.d.ts

@@ -0,0 +1,44 @@
+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;
+}
+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 }: FactualCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,118 @@
+"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 }) {
+    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();
+    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, 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

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

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

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

@@ -0,0 +1,64 @@
+declare const factualStyle: {
+    card: {
+        background: string;
+        borderRadius: string;
+        padding: string;
+        boxShadow: string;
+        width: string;
+        marginLeft: string;
+        marginBottom: string;
+        "@media (max-width: 768px)": {
+            width: string;
+        };
+        "@media (max-width: 480px)": {
+            marginLeft: string;
+        };
+    };
+    title: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        paddingTop: string;
+    };
+    videoWrapper: {
+        width: string;
+        cursor: string;
+        "@media (max-width: 768px)": {
+            position: string;
+            width: string;
+            cursor: string;
+        };
+    };
+    videoContent: {
+        position: string;
+        display: string;
+        overflow: string;
+    };
+    playButton: {
+        position: string;
+        top: string;
+        left: string;
+        transform: string;
+        width: string;
+        height: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        transition: string;
+        "&:hover": {
+            opacity: number;
+        };
+    };
+    duration: {
+        background: string;
+        color: string;
+        padding: string;
+        borderRadius: string;
+        fontSize: string;
+        position: string;
+        top: string;
+        left: string;
+        display: string;
+    };
+};
+export default factualStyle;

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const factualStyle = {
+    card: {
+        background: "white",
+        borderRadius: "12px",
+        padding: "16px",
+        boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
+        width: "480px",
+        marginLeft: "52px",
+        marginBottom: "20px",
+        "@media (max-width: 768px)": {
+            width: "90%"
+        },
+        "@media (max-width: 480px)": {
+            marginLeft: "36px"
+        }
+    },
+    title: {
+        fontSize: "20px",
+        fontWeight: "600",
+        color: "#1a1a1a",
+        paddingTop: "10px"
+    },
+    videoWrapper: {
+        width: "100%",
+        cursor: "pointer",
+        "@media (max-width: 768px)": {
+            position: "relative",
+            width: "100%",
+            cursor: "pointer"
+        }
+    },
+    videoContent: {
+        position: "relative",
+        display: "flex",
+        overflow: "hidden"
+    },
+    playButton: {
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        width: "60px",
+        height: "45px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        transition: "0.3s ease",
+        "&:hover": {
+            opacity: 1
+        }
+    },
+    duration: {
+        background: "rgba(0, 0, 0, 0.7)",
+        color: "white",
+        padding: "4px 8px",
+        borderRadius: "4px",
+        fontSize: "14px",
+        position: "absolute",
+        top: "70%",
+        left: "84%",
+        display: "flex"
+    },
+    // Keyframes would need to be defined separately in styled-components
+    // or you could use the animation as a string where needed
+};
+exports.default = factualStyle;
+//# sourceMappingURL=FactualCard.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FactualCard.style.js","sourceRoot":"","sources":["../../../../src/components/Molecules/FactualCard/FactualCard.style.ts"],"names":[],"mappings":";;AAEA,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE;QACJ,UAAU,EAAE,OAAO;QACnB,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,8BAA8B;QACzC,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,MAAM;QACpB,2BAA2B,EAAE;YAC3B,KAAK,EAAE,KAAK;SACb;QACD,2BAA2B,EAAE;YAC3B,UAAU,EAAE,MAAM;SACnB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,MAAM;KACnB;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,SAAS;QACjB,2BAA2B,EAAE;YAC3B,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,SAAS;SAClB;KACF;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;KACnB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,WAAW;QACvB,SAAS,EAAE;YACT,OAAO,EAAE,CAAC;SACX;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,oBAAoB;QAChC,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,MAAM;KAChB;IACD,qEAAqE;IACrE,0DAA0D;CAC3D,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface FloatingButtonProps {
+    userRole: 'teacher' | 'parent' | 'student';
+    onClick: () => void;
+    disabled?: boolean;
+    icon: string;
+    isModal?: boolean;
+}
+export declare const FloatingButton: React.FC<FloatingButtonProps>;
+export default FloatingButton;

package/dist/components/Molecules/FloatingButton/FloatingButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const FloatingButton_styles_1 = require("./FloatingButton.styles");
+const react_1 = require("react");
+const FloatingButton = ({ userRole, onClick, disabled = false, icon, isModal = false, }) => {
+    const [showpopup, setShowPopup] = (0, react_1.useState)(false);
+    const handleClick = () => {
+        setShowPopup(!showpopup);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showpopup && ((0, jsx_runtime_1.jsxs)(FloatingButton_styles_1.PopupContainer, { userRole: userRole, isModal: isModal, children: [(0, jsx_runtime_1.jsxs)(FloatingButton_styles_1.PopupText, { userRole: userRole, children: [" You are exploring the ", (0, jsx_runtime_1.jsx)("br", {}), "product as a ", userRole] }), (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.PopupswitchContainer, { userRole: userRole, onClick: () => { onClick(); }, children: (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.Popupwrap, { children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: '12px' }, children: [(0, jsx_runtime_1.jsx)(FloatingButton_styles_1.FloatingButtonIcon, { children: (0, jsx_runtime_1.jsx)("img", { src: icon, alt: "icon", width: 20, height: 20 }) }), (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.PopupSwitchText, { userRole: userRole, children: "Switch Role" })] }) }) })] })), (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.FloatingButtonContainer, { userRole: userRole, onClick: disabled ? undefined : handleClick, isModal: isModal, children: (0, jsx_runtime_1.jsx)(FloatingButton_styles_1.FloatingButtonIcon, { children: (0, jsx_runtime_1.jsx)("img", { src: icon, alt: "icon", width: 20, height: 20 }) }) })] }));
+};
+exports.FloatingButton = FloatingButton;
+exports.default = exports.FloatingButton;
+//# sourceMappingURL=FloatingButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/Molecules/FloatingButton/FloatingButton.tsx"],"names":[],"mappings":";;;;AACA,mEAA6J;AAC7J,iCAAiC;AAU1B,MAAM,cAAc,GAAkC,CAAC,EAC5D,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAGF,OAAO,CACL,6DAEE,SAAS,IAAI,CACX,wBAAC,sCAAc,IAAC,QAAQ,EAAE,QAAQ,EAAG,OAAO,EAAE,OAAO,aACnD,wBAAC,iCAAS,IAAC,QAAQ,EAAE,QAAQ,wCAAyB,gCAAK,mBAC7C,QAAQ,IAAa,EACnC,uBAAC,4CAAoB,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAE,EAAE,GAAC,OAAO,EAAE,CAAA,CAAA,CAAC,YAChE,uBAAC,iCAAS,cACV,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAChE,uBAAC,0CAAkB,cACpB,gCAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC9B,EACrB,uBAAC,uCAAe,IAAC,QAAQ,EAAE,QAAQ,4BAA+B,IAC9D,GACM,GACW,IACR,CACpB,EAGH,uBAAC,+CAAuB,IACtB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC3C,OAAO,EAAE,OAAO,YAEhB,uBAAC,0CAAkB,cACnB,gCAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,GAC9B,GACG,IACvB,CACJ,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB;AAEF,kBAAe,sBAAc,CAAC"}

package/dist/components/Molecules/FloatingButton/FloatingButton.styles.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const FloatingButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+    disabled?: boolean | undefined;
+    isModal?: boolean | undefined;
+}>> & string;
+export declare const FloatingButtonIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PopupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+    isModal?: boolean | undefined;
+}>> & string;
+export declare const PopupText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+}>> & string;
+export declare const PopupswitchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+}>> & string;
+export declare const Popupwrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PopupSwitchText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    userRole: 'teacher' | 'parent' | 'student';
+}>> & string;