reviewhver 0.0.1

package/dist/components/Molecules/Tutor/Assistant/AssistantV2.styles.d.ts

@@ -0,0 +1,109 @@
+declare const styles: {
+    assistantV2Container: {
+        width: string;
+        fontFamily: string;
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+        gap: string[];
+    };
+    assistantImg: {
+        objectFit: string;
+        width: string[];
+        height: string[];
+    };
+    loaderContainer: {
+        display: string;
+        backgroundColor: string;
+        borderRadius: string;
+        padding: string[];
+        gap: string;
+    };
+    quizContainer: {
+        display: string;
+        backgroundColor: string;
+        gap: string;
+    };
+    loadingText: {
+        color: string;
+        fontWeight: number;
+        fontSize: string[];
+        lineHeight: string[];
+    };
+    quizText: {
+        color: string;
+        fontWeight: number;
+        fontSize: string[];
+        lineHeight: string[];
+    };
+    emotionalMessageContainer: {
+        fontSize: string[];
+        fontWeight: number;
+        lineHeight: string;
+        minHeight: string;
+        backgroundColor: string;
+        padding: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderColor: string;
+        color: string;
+        width: string;
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+        overflowX: string;
+        overflow: string;
+        position: string;
+    };
+    emotionalMessageText: {
+        width: string;
+        display: string;
+        flexDirection: string;
+        overflowX: string;
+        overflowY: string;
+        fontFamily: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        letterSpacing: string;
+        textAlign: string;
+    };
+    imagesListContainer: {
+        overflow: string;
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+        maxHeight: string;
+        width: string;
+        marginTop: string;
+    };
+    imagesList: {
+        display: string;
+        flexDirection: string;
+        flexWrap: string;
+        justifyContent: string;
+        width: string;
+    };
+    imageCard: {
+        maxHeight: string;
+        padding: string;
+        margin: string;
+        cursor: string;
+        backgroundColor: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    image: {
+        maxHeight: string;
+        objectFit: string;
+    };
+    figureText: {
+        justifyContent: string;
+        display: string;
+        fontSize: string;
+        fontWeight: string;
+        marginTop: string;
+        color: string;
+    };
+};
+export default styles;

package/dist/components/Molecules/Tutor/Assistant/AssistantV2.styles.js

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles = {
+    assistantV2Container: {
+        width: "100%",
+        fontFamily: "'Poppins', sans-serif",
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "flex-start",
+        gap: ["28px", "16px"],
+    },
+    assistantImg: {
+        objectFit: "contain",
+        width: ["29px", "36px"],
+        height: ["32px", "42px"],
+    },
+    loaderContainer: {
+        display: "flex",
+        backgroundColor: "#F8F3D8",
+        borderRadius: "0px 8px 8px 8px",
+        padding: ["12px", "24px"],
+        gap: "8px",
+    },
+    quizContainer: {
+        display: "flex",
+        backgroundColor: "transparent",
+        gap: "8px",
+    },
+    loadingText: {
+        color: "#663D00",
+        fontWeight: 500,
+        fontSize: ["14px", "16px"],
+        lineHeight: ["20px", "24px"],
+    },
+    quizText: {
+        color: "#1D1D1D",
+        fontWeight: 500,
+        fontSize: ["14px", "16px"],
+        lineHeight: ["20px", "24px"],
+    },
+    emotionalMessageContainer: {
+        fontSize: ["12px", "14px"],
+        fontWeight: 400,
+        lineHeight: "18px",
+        minHeight: "42px",
+        backgroundColor: "#d9d6ed",
+        padding: "12px 24px 12px 12px",
+        borderRadius: "0px 8px 8px 8px",
+        borderWidth: "1px",
+        borderColor: "#E7E5F5",
+        color: "#130159",
+        width: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        overflowX: "auto",
+        overflow: "visible",
+        position: "relative",
+    },
+    emotionalMessageText: {
+        width: "100%",
+        display: "flex",
+        flexDirection: "row",
+        overflowX: "auto",
+        overflowY: "hidden",
+        fontFamily: "Poppins",
+        fontSize: "14px",
+        fontWeight: "400",
+        lineHeight: "18px",
+        letterSpacing: "0.4000000059604645px",
+        textAlign: "left",
+    },
+    imagesListContainer: {
+        overflow: "auto",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        maxHeight: "300px",
+        width: "100%",
+        marginTop: "12px",
+    },
+    imagesList: {
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "wrap",
+        justifyContent: "center",
+        width: "100%",
+    },
+    imageCard: {
+        maxHeight: "230px",
+        padding: "10px",
+        margin: "10px",
+        cursor: "pointer",
+        backgroundColor: "white",
+        borderRadius: "8px",
+        boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
+    },
+    image: {
+        maxHeight: "180px",
+        objectFit: "contain",
+    },
+    figureText: {
+        justifyContent: "center",
+        display: "flex",
+        fontSize: "12px",
+        fontWeight: "500",
+        marginTop: "4px",
+        color: "#666",
+    },
+};
+exports.default = styles;
+//# sourceMappingURL=AssistantV2.styles.js.map

package/dist/components/Molecules/Tutor/Assistant/AssistantV2.styles.js.map

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

package/dist/components/Molecules/Tutor/Assistant/TutorAssistant.d.ts

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

package/dist/components/Molecules/Tutor/Assistant/TutorAssistant.js

@@ -0,0 +1,72 @@
+"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 tutor_utils_1 = require("../../../../utils/tutor-utils");
+const BubbleLoader_1 = __importDefault(require("../BubbleLoader"));
+const Assistant_styles_1 = __importDefault(require("./Assistant.styles"));
+const react_2 = require("@chakra-ui/react");
+const ImageModal_1 = __importDefault(require("../../../Atoms/AssistantImageModal/ImageModal"));
+const TutorAssistant = (props) => {
+    const { text, loader, hideVin, loaderText, assistantRefImages = [], audioPlayer, showAllRefImages = false, assistantImg, } = props;
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [selectedImage, setSelectedImage] = (0, react_1.useState)({});
+    const openImage = (item) => {
+        setSelectedImage(item);
+        setIsOpen(true);
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+        setSelectedImage({});
+    };
+    // Render assistant avatar
+    const renderAssistantAvatar = () => {
+        if (hideVin) {
+            return null;
+        }
+        return ((0, jsx_runtime_1.jsx)(react_2.Image, { sx: Assistant_styles_1.default.assistantImg, src: assistantImg, alt: "assistant" }));
+    };
+    // Render loader
+    const renderLoader = () => {
+        if (!loader)
+            return null;
+        return (0, jsx_runtime_1.jsx)(BubbleLoader_1.default, {});
+    };
+    // Render text reference images
+    const renderTextRefImages = () => {
+        let filteredImages = [];
+        // Get the image references from the text (e.g., "a", "b", "c")
+        let imageReferences = text
+            ?.match(/\[(Image|Figure|Option)[^\]]*\]/g)
+            ?.map((ref) => ref?.replace(/[\[\]]/g, ""));
+        if (imageReferences) {
+            imageReferences = imageReferences?.map((item) => item?.toLowerCase());
+            filteredImages = assistantRefImages?.filter((item, index) => {
+                let imgName = item?.title || item?.name;
+                return imageReferences?.includes(imgName?.toLowerCase());
+            });
+        }
+        if (filteredImages?.length > 0) {
+            return ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: Assistant_styles_1.default.horizontalScrollImagesList, children: filteredImages.map((item, index) => {
+                    const { name, title, url, image_url } = item || {};
+                    return ((0, jsx_runtime_1.jsxs)(react_2.Card, { variant: "outlined", sx: Assistant_styles_1.default.centeredImageCard, onClick: () => {
+                            openImage(item);
+                        }, children: [(0, jsx_runtime_1.jsx)(react_2.Image, { sx: Assistant_styles_1.default.centeredImage, src: image_url || url, alt: title || name }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: Assistant_styles_1.default.imageTitle, children: title || name })] }, index));
+                }) }));
+        }
+        else {
+            return null;
+        }
+    };
+    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.jsx)(react_2.ChakraProvider, { children: (0, jsx_runtime_1.jsxs)(react_2.Box, { "data-testid": "tutor-assistant", sx: { ...Assistant_styles_1.default.container, ...(loader && Assistant_styles_1.default.center) }, children: [renderAssistantAvatar(), loader && !loaderText && renderLoader(), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loader ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loaderText && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: Assistant_styles_1.default.tutorassistantText, children: (0, tutor_utils_1.renderContent)(loaderText, true) })) })) : ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Assistant_styles_1.default.tutorassistantText, children: [(0, jsx_runtime_1.jsx)(react_2.HStack, { w: "100%", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Assistant_styles_1.default.flexRow, children: [(0, tutor_utils_1.renderContent)(text, true), audioPlayer && audioPlayer()] }) }), assistantRefImages.length > 0 && renderTextRefImages()] })) }), renderImageModal()] }) }));
+};
+exports.default = TutorAssistant;
+//# sourceMappingURL=TutorAssistant.js.map

package/dist/components/Molecules/Tutor/Assistant/TutorAssistant.js.map

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

package/dist/components/Molecules/Tutor/BubbleLoader.d.ts

@@ -0,0 +1 @@
+export default function BubbleLoader(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const react_2 = require("@emotion/react");
+const bubbleKeyframes = (0, react_2.keyframes) `
+  0%, 80%, 100% {
+    transform: scale(0);
+    opacity: 0;
+  }
+  40% {
+    transform: scale(1);
+    opacity: 1;
+  }
+`;
+const Bubble = ({ delay }) => ((0, jsx_runtime_1.jsx)(react_1.Box, { width: "8px", height: "8px", backgroundColor: "#130159", borderRadius: "50%", margin: "4px", animation: `${bubbleKeyframes} 1.5s ease-in-out infinite`, style: { animationDelay: delay } }));
+function BubbleLoader() {
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsxs)(react_1.Box, { display: "flex", justifyContent: "center", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Bubble, { delay: "0s" }), (0, jsx_runtime_1.jsx)(Bubble, { delay: "0.3s" }), (0, jsx_runtime_1.jsx)(Bubble, { delay: "0.6s" })] }) }));
+}
+exports.default = BubbleLoader;
+//# sourceMappingURL=BubbleLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleLoader.js","sourceRoot":"","sources":["../../../../src/components/Molecules/Tutor/BubbleLoader.tsx"],"names":[],"mappings":";;;AAAA,4CAAuD;AACvD,0CAA2C;AAG3C,MAAM,eAAe,GAAG,IAAA,iBAAS,EAAA;;;;;;;;;CAShC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAO,EAAE,EAAE,CAAC,CACjC,uBAAC,WAAG,IACF,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,eAAe,EAAC,SAAS,EACzB,YAAY,EAAC,KAAK,EAClB,MAAM,EAAC,KAAK,EACZ,SAAS,EAAE,GAAG,eAAe,4BAA4B,EACzD,KAAK,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,GAChC,CACH,CAAC;AAEF,SAAwB,YAAY;IAClC,OAAO,CACL,uBAAC,sBAAc,cACb,wBAAC,WAAG,IAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,UAAU,EAAC,QAAQ,aAC7D,uBAAC,MAAM,IAAC,KAAK,EAAC,IAAI,GAAG,EACrB,uBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,GAAG,EACvB,uBAAC,MAAM,IAAC,KAAK,EAAC,MAAM,GAAG,IACnB,GACS,CAClB,CAAC;AACJ,CAAC;AAVD,+BAUC"}

package/dist/components/Molecules/Tutor/TutorSummary/TutorSummary.d.ts

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

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

@@ -0,0 +1,53 @@
+"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 tutor_utils_1 = require("../../../../utils/tutor-utils");
+const ImageModal_1 = __importDefault(require("../../../Atoms/AssistantImageModal/ImageModal"));
+const Assistant_styles_1 = __importDefault(require("../Assistant/Assistant.styles"));
+function TutorSummary(props) {
+    const { summary = "", icons = {}, assistantRefImages = [], isDoubt = false, } = props;
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [selectedImage, setSelectedImage] = (0, react_1.useState)({});
+    const openImage = (item) => {
+        setSelectedImage(item);
+        setIsOpen(true);
+    };
+    const handleClose = () => {
+        setIsOpen(false);
+        setSelectedImage({});
+    };
+    const renderTextRefImages = () => {
+        if (!assistantRefImages || assistantRefImages.length === 0)
+            return null;
+        // Get the image references from the text (e.g., "a", "b", "c")
+        const imageReferences = summary
+            ?.match(/\[Image[^\]]*\]/g)
+            ?.map((ref) => ref?.replace(/[\[\]]/g, ""));
+        if (imageReferences?.length > 0 && assistantRefImages?.length > 0) {
+            const filteredImages = assistantRefImages?.filter((item, index) => imageReferences.includes(item?.title) ||
+                imageReferences.includes(item?.name));
+            return ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: Assistant_styles_1.default.horizontalScrollImagesList, children: filteredImages.map((item, index) => {
+                    const { name, title, url, image_url } = item || {};
+                    return ((0, jsx_runtime_1.jsxs)(react_2.Card, { variant: "outlined", sx: Assistant_styles_1.default.centeredImageCard, onClick: () => {
+                            openImage(item);
+                        }, children: [(0, jsx_runtime_1.jsx)(react_2.Image, { sx: Assistant_styles_1.default.centeredImage, src: image_url || url, alt: title || name }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: Assistant_styles_1.default.imageTitle, children: title || name })] }, index));
+                }) }));
+        }
+        else {
+            return null;
+        }
+    };
+    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, { children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { alignItems: "flex-start", spacing: { base: 2, md: 4 }, mb: 4, children: [!props?.hideVin && (0, jsx_runtime_1.jsx)(react_2.Image, { src: icons?.Assistant }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Assistant_styles_1.default.summaryContainer, children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { sx: isDoubt ? Assistant_styles_1.default?.doubtSummaryTitle : Assistant_styles_1.default.summaryTitle, display: "flex", justifyContent: "space-between", alignItems: "center", pr: 8, children: [(0, tutor_utils_1.renderContent)(props?.summaryTitle), props?.audioPlayer && props?.audioPlayer()] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Assistant_styles_1.default.summaryText, children: [(0, tutor_utils_1.renderContent)(props?.summary, true), renderTextRefImages()] })] })] }), isOpen && renderImageModal()] }));
+}
+exports.default = TutorSummary;
+//# sourceMappingURL=TutorSummary.js.map

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

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

package/dist/components/Molecules/Tutor/User/User.d.ts

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

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

@@ -0,0 +1,80 @@
+"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 customTheme_1 = require("../../../../utils/customTheme");
+const tutor_utils_1 = require("../../../../utils/tutor-utils");
+const ExtractedDiagramView_1 = __importDefault(require("../../../Atoms/ExtractedDiagramView/ExtractedDiagramView"));
+const TranscriptionImagePreview_1 = __importDefault(require("../../../Atoms/TranscriptionImagePreview/TranscriptionImagePreview"));
+const MediaModal_1 = __importDefault(require("../../MediaModal/MediaModal"));
+function User(props) {
+    const { text, handleCopy, transcribeImageList, onPreview, isTutor = false, isComprehension = false, isRevision = false, isRevisionBasedQuestion = false, image_urls = [], icons, } = props;
+    // Utility function to normalize transcribeImageList format
+    const normalizeTranscribeImageList = (imageList) => {
+        if (!imageList)
+            return [];
+        // If it's already an array, return as is
+        if (Array.isArray(imageList)) {
+            return imageList;
+        }
+        // If it's a string (URL), convert to the expected object format
+        if (typeof imageList === 'string') {
+            return [{
+                    mime_type: "image/jpeg",
+                    image: imageList,
+                    text: "",
+                    otherMetadata: {},
+                    status: "success"
+                }];
+        }
+        return [];
+    };
+    // Get normalized version of transcribeImageList
+    const normalizedTranscribeImageList = normalizeTranscribeImageList(transcribeImageList);
+    const [openModal, setOpenModal] = (0, react_1.useState)(false);
+    const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
+    const [selectedImage, setSelectedImage] = (0, react_1.useState)(null);
+    // Check if at least one image has annotations
+    const checkHasAnnotations = (imageList) => {
+        return imageList?.some((item) => item?.annotations?.length > 0);
+    };
+    // Get images with annotations
+    const getImagesWithAnnotations = (imageList) => {
+        return (imageList?.filter((item) => item?.annotations?.length > 0) || []);
+    };
+    const handleImageClick = (0, react_1.useCallback)((imageUrl) => {
+        setSelectedImage({
+            image_url: imageUrl,
+            media_type: "image",
+        });
+        setModalOpen(true);
+    }, []);
+    const handleCloseModal = (0, react_1.useCallback)(() => {
+        setModalOpen(false);
+        setSelectedImage(null);
+    }, []);
+    const renderImages = () => {
+        return ((0, jsx_runtime_1.jsx)(react_2.HStack, { display: "flex", flexWrap: "wrap", w: "auto", gap: "16px", children: image_urls.map((image, index) => ((0, jsx_runtime_1.jsx)(react_2.Box, { position: "relative", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(react_2.Box, { w: "100%", h: "100%", display: "flex", alignItems: "center", justifyContent: "center", bg: "tranparent", children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: image, alt: `Diagram ${index + 1}`, maxW: "240px", maxH: "400px", objectFit: "contain", loading: "lazy", cursor: "pointer", onClick: () => handleImageClick(image), "data-testid": `user-image-${index}` }) }) }, index))) }));
+    };
+    // Render extracted diagrams section
+    const renderExtractedDiagrams = () => {
+        const imagesWithAnnotations = getImagesWithAnnotations(normalizedTranscribeImageList);
+        if (!checkHasAnnotations(normalizedTranscribeImageList)) {
+            return null;
+        }
+        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", "data-testid": "user-text-extracted-header", 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.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, "data-testid": "user-box-bubble", children: [(0, tutor_utils_1.renderContent)(text, isTutor), image_urls?.length > 0 && renderImages(), handleCopy && ((0, jsx_runtime_1.jsx)(react_2.HStack, { justifyContent: "flex-end", cursor: "pointer", onClick: () => handleCopy(text), my: 2, "data-testid": "user-icon-copy", children: (0, jsx_runtime_1.jsx)(react_2.Icon, { as: icons?.copy }) })), renderExtractedDiagrams(), normalizedTranscribeImageList?.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", "data-testid": "user-text-transcribed-label", children: `Transcribed response` }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { cursor: "pointer", onClick: () => {
+                                            setOpenModal(true);
+                                        }, whiteSpace: "nowrap", flexShrink: 0, "data-testid": "user-button-show-preview", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", fontWeight: "400", color: "#5F4DC7", "data-testid": "user-text-show-preview", children: `Show Preview` }), (0, jsx_runtime_1.jsx)(react_2.Icon, { as: icons?.moveUpRight, size: 16, color: "#5F4DC7" })] })] })] }))] }), openModal && ((0, jsx_runtime_1.jsx)(TranscriptionImagePreview_1.default, { isOpen: openModal, onClose: () => setOpenModal(false), transcribeImageList: normalizedTranscribeImageList })), (0, jsx_runtime_1.jsx)(MediaModal_1.default, { openMedia: modalOpen, handleClose: handleCloseModal, selectedMedia: selectedImage, authToken: "", updateVideoEvents: () => { }, learningStepData: null })] }));
+}
+exports.default = User;
+//# sourceMappingURL=User.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,19 @@
+export interface VideoSegment {
+    id: string;
+    start: number;
+    end?: number;
+    color?: string;
+    label?: string;
+}
+interface VideoModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    videoUrl: string;
+    icons?: {
+        close?: string;
+    };
+    isTeacher?: boolean;
+    segments?: VideoSegment[];
+}
+declare const VideoModal: (props: VideoModalProps) => import("react/jsx-runtime").JSX.Element;
+export default VideoModal;