recap_mobileview 0.0.1

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

@@ -0,0 +1,61 @@
+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;
+    };
+    loadingText: {
+        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;
+    };
+};
+export default styles;

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

@@ -0,0 +1,64 @@
+"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",
+    },
+    loadingText: {
+        color: "#663D00",
+        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",
+    }
+};
+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":";;AAAA,MAAM,MAAM,GAAG;IACX,oBAAoB,EAAE;QAClB,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,uBAAuB;QACnC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,YAAY;QACxB,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;KACxB;IACD,YAAY,EAAE;QACV,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;QACvB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;KAC3B;IACD,eAAe,EAAE;QACb,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,iBAAiB;QAC/B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;QACzB,GAAG,EAAE,KAAK;KACb;IACD,WAAW,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;QAC1B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;KAC/B;IACD,yBAAyB,EAAE;QACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;QAC1B,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,qBAAqB;QAC9B,YAAY,EAAE,iBAAiB;QAC/B,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,YAAY;QACxB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,UAAU;KACvB;IACD,oBAAoB,EAAE;QAClB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,sBAAsB;QACrC,SAAS,EAAE,MAAM;KACpB;CACJ,CAAA;AAED,kBAAe,MAAM,CAAC"}

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,78 @@
+"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", "Image-X", etc.)
+        let imageReferences = text
+            ?.match(/\[(Image|Figure|Option)[^\]]*\]/g)
+            ?.map((ref) => ref?.replace(/[\[\]]/g, ""));
+        if (imageReferences || showAllRefImages) {
+            if (imageReferences) {
+                imageReferences = imageReferences?.map((item) => item?.toLowerCase());
+                filteredImages = assistantRefImages?.filter((item) => {
+                    let imgName = item?.title || item?.name;
+                    const isIncluded = imageReferences?.includes(imgName?.toLowerCase());
+                    return isIncluded;
+                });
+            }
+            else if (showAllRefImages) {
+                filteredImages = assistantRefImages;
+            }
+        }
+        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/TutorSummary/TutorSummary.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const TutorSummaryTxt: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const TutorSummaryMarkdown: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const TutorSummaryMarkdown1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const TutorSummaryTxtWithImg: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const TutorSummaryTxtWithImg1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

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

@@ -0,0 +1,165 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TutorSummaryTxtWithImg1 = exports.TutorSummaryTxtWithImg = exports.TutorSummaryMarkdown1 = exports.TutorSummaryMarkdown = exports.TutorSummaryTxt = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TutorSummary_1 = __importDefault(require("./TutorSummary"));
+const assistant_svg_1 = __importDefault(require("../../../../assests/ai-tutor/assistant.svg"));
+const arrow_svg_1 = __importDefault(require("../../../../assests/ai-tutor/arrow.svg"));
+exports.default = {
+    title: "Components/Molecules/TutorSummary",
+    component: TutorSummary_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(TutorSummary_1.default, { ...args });
+exports.TutorSummaryTxt = Template.bind({});
+exports.TutorSummaryTxt.args = {
+    summaryTitle: "what are human resources",
+    summary: `Human resources refer to the people who make up the workforce of an organization, sector, or economy. Key aspects include:
+    1. **Quantity and Quality**: It encompasses both the number of people and their capabilities, which include their physical, mental, and psychological attributes.
+    2. **Skill Development**: Human resources involve the development of skills through education and health, enhancing people's ability to perform tasks and contribute effectively.
+    3. **Value Creation**: Educated and healthy individuals can utilize natural resources more efficiently, transforming them into valuable commodities and services.
+    4. **Human Resource Development**: This is the process of improving the quality of human resources through education, training, and health initiatives to increase their productivity and efficiency in various sectors.`,
+    icons: {
+        Arrow: arrow_svg_1.default,
+        Assistant: assistant_svg_1.default,
+    },
+    hideVin: true,
+};
+exports.TutorSummaryMarkdown = Template.bind({});
+exports.TutorSummaryMarkdown.args = {
+    summaryTitle: "what are human resources",
+    summary: `Certainly! Here’s a list of secondary sexual characteristics that typically develop during puberty:
+
+1. **In males**:
+   - Growth of facial hair (like beard and moustache)
+   - Deepening of the voice
+   - Growth of body hair (chest, pubic, and underarm)
+   - Enlargement of the Adam's apple
+
+2. **In females**:
+   - Development of breasts
+   - Widening of hips
+   - Growth of body hair (pubic and underarm)
+   - Onset of menstruation (menarche)
+
+These characteristics are important as they signify the body's development into sexual maturity and readiness for reproduction. Thank you for engaging in this learning process! #*#*#
+`,
+    icons: {
+        Arrow: arrow_svg_1.default,
+        Assistant: assistant_svg_1.default,
+    },
+};
+exports.TutorSummaryMarkdown1 = Template.bind({});
+exports.TutorSummaryMarkdown1.args = {
+    summaryTitle: "what are human resources",
+    summary: `To find the cube of 3, we need to compute \\(3^3\\).\n\nStep-by-step calculation:\n1. Write down the number: \\(3\\).\n2. Multiply it by itself: \\(3 \\times 3 = 9\\).\n3. Multiply the result by the original number again: \\(9 \\times 3 = 27\\).\n\nHence, \\(3^3 = 27\\).\n\nThe final answer is: 27
+  Let's structure it in a nested list format for clarity:
+
+- **Step 1: Identify the Base and Exponents**
+  - Base: 2
+  - Exponents: 3 and 5
+
+- **Step 2: Apply the Law of Exponents for Division**
+  - Formula: \\(a^m \\div a^n = a^{m-n}\\)
+
+- **Step 3: Subtract the Exponents**
+  - Calculation: \\(3 - 5 = -2\\)
+
+- **Step 4: Write the Result**
+  - Result: \\(2^3 \\div 2^5 = 2^{-2}\\)
+
+Given these steps, can you tell me what \\(2^3 \\div 2^5\\) simplifies to?
+
+Certainly, here's how you handle the exponents when dividing terms with the same base:
+
+1. **Identify the base and exponents**: In \\(2^3 \\div 2^5\\), the base is 2, with exponents 3 and 5.
+2. **Apply the law of exponents for division**: \\(a^m \\div a^n = a^{m-n}\\).
+3. **Subtract the exponents**: \\(3 - 5 = -2\\).
+4. **Write the result**: \\(2^3 \\div 2^5 = 2^{-2}\\).
+
+Now, \\(2*2*2\\) knowing this, what is the result of \\(2^3 \\div 2^5\\)?
+"The correct answer is \\(1\\). So, the option that matches this value is:\na) 1\n\nWell done on working through the problem! #*#*#"
+`,
+    icons: {
+        Arrow: arrow_svg_1.default,
+        Assistant: assistant_svg_1.default,
+    },
+};
+exports.TutorSummaryTxtWithImg = Template.bind({});
+exports.TutorSummaryTxtWithImg.args = {
+    summaryTitle: "what are human resources",
+    summary: `Here's hedw a summary of secondary sexual characteristics for you:
+
+  - **For Males:**
+    - Growth of facial and body hair
+    - Deepening of the voice
+    - Increase in muscle mass - ygyhb **b**
+    - Broadening of shoulders
+
+  - **For Females:**
+    - Development of breasts
+    - Widening of hips
+    - Onset of menstruation
+    - Body fat redistribution
+
+  These characteristics help in distinguishing between the sexes and are signs of sexual maturity but do not directly participate in the reproductive process.
+
+I hope this helps you understand the concept better! #*#*#
+Secondary sexual characteristics are traits that emerge during puberty, which are not directly involved in reproduction but serve to distinguish between the sexes. Here are the secondary sexual characteristics for boys and girls:\\[
+
+*The evaluation provided by the student for* \\(\\left(\\frac{3}{8}\\right)^{-3}\\) is correct. <u>As previously explained, using the property</u> of exponents \\(a^{-n} = \\frac{1}{a^n}\\), the expression simplifies to \\( \\frac{512}{27} \\). Well done on correctly applying the exponent rules and calculations. #*#*#
+| **Aspect**           | **Static Friction**                                                                 | **Sliding Friction**                                                                 |
+|----------------------|-------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------|
+| **Definition**       | Force that resists the initiation of motion of a stationary object on a surface.    | Force that opposes the motion of an object already sliding over a surface.           |
+| **State of Object**  | Acts when the object is at rest.                                                    | Acts when the object is in motion.                                                   |
+| **Magnitude**        | Generally higher than sliding friction for the same surfaces.                       | Generally lower than static friction for the same surfaces.                          |
+| **Interlocking**     | Involves more interlocking of surface irregularities.                               | Less interlocking as the surfaces are already in relative motion.                    |
+| **Example**          | Pushing a stationary box to start moving.                                           | Keeping the same box moving at a constant speed.                                     |
+   `,
+    icons: {
+        Arrow: arrow_svg_1.default,
+        Assistant: assistant_svg_1.default,
+    },
+    assistantRefImages: [
+        {
+            conv_index: 1,
+            image_caption: "Schematic sectional view of the human heart",
+            image_description: "The image shows a diagrammatic representation of the human heart with labels indicating its various parts and the direction of blood flow. The heart is depicted with its four chambers: the right atrium, right ventricle, left atrium, and left ventricle. The major vessels connected to the heart are also labeled, including the vena cava from the upper body, vena cava from the lower body, aorta, pulmonary arteries, and pulmonary veins. Arrows illustrate the flow of blood through the heart, highlighting the path from the body through the heart to the lungs and back out to the body again. The septum, which is the dividing wall between the left and right sides of the heart, is also noted.",
+            image_url: "https://ai-assist-image-dev.s3.ap-south-1.amazonaws.com/diagram_collection/10/biology/life_processes/7.jpg",
+            isMultimodal: true,
+            name: "Image-4.1",
+            media_type: "image",
+        },
+    ],
+};
+exports.TutorSummaryTxtWithImg1 = Template.bind({});
+exports.TutorSummaryTxtWithImg1.args = {
+    summaryTitle: "what are human resources",
+    summary: `Here's how to summarize the differences between static and sliding friction:  
+| **Aspect**           | **Static Friction**                                                                 | **Sliding Friction**                                                                 |
+|----------------------|-------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------|
+| **Definition**       | Force that resists the initiation of motion of a stationary object on a surface.    | Force that opposes the motion of an object already sliding over a surface.           |
+| **State of Object**  | Acts when the object is at rest.                                                    | Acts when the object is in motion.                                                   |
+| **Magnitude**        | Generally higher than sliding friction for the same surfaces.                       | Generally lower than static friction for the same surfaces.                          |
+| **Interlocking**     | Involves more interlocking of surface irregularities.                               | Less interlocking as the surfaces are already in relative motion.                    |
+| **Example**          | Pushing a stationary box to start moving.                                           | Keeping the same box moving at a constant speed.                                     |
+   `,
+    icons: {
+        Arrow: arrow_svg_1.default,
+        Assistant: assistant_svg_1.default,
+    },
+    assistantRefImages: [
+        {
+            conv_index: 1,
+            image_caption: "Schematic sectional view of the human heart",
+            image_description: "The image shows a diagrammatic representation of the human heart with labels indicating its various parts and the direction of blood flow. The heart is depicted with its four chambers: the right atrium, right ventricle, left atrium, and left ventricle. The major vessels connected to the heart are also labeled, including the vena cava from the upper body, vena cava from the lower body, aorta, pulmonary arteries, and pulmonary veins. Arrows illustrate the flow of blood through the heart, highlighting the path from the body through the heart to the lungs and back out to the body again. The septum, which is the dividing wall between the left and right sides of the heart, is also noted.",
+            image_url: "https://ai-assist-image-dev.s3.ap-south-1.amazonaws.com/diagram_collection/10/biology/life_processes/7.jpg",
+            isMultimodal: true,
+            name: "Image-4.1",
+            media_type: "image",
+        },
+    ],
+};
+//# sourceMappingURL=TutorSummary.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TutorSummary.stories.js","sourceRoot":"","sources":["../../../../../src/components/Molecules/Tutor/TutorSummary/TutorSummary.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,kEAA0C;AAC1C,+FAAsE;AACtE,uFAA2D;AAE3D,kBAAe;IACb,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,sBAAY;CAChB,CAAC;AAEV,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,sBAAY,OAAK,IAAI,GAAI,CAAC;AAEpD,QAAA,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,uBAAe,CAAC,IAAI,GAAG;IACrB,YAAY,EAAE,0BAA0B;IACxC,OAAO,EAAE;;;;6NAIkN;IAC3N,KAAK,EAAE;QACL,KAAK,EAAL,mBAAK;QACL,SAAS,EAAE,uBAAY;KACxB;IACD,OAAO,EAAE,IAAI;CACd,CAAC;AAEW,QAAA,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,4BAAoB,CAAC,IAAI,GAAG;IAC1B,YAAY,EAAE,0BAA0B;IACxC,OAAO,EAAE;;;;;;;;;;;;;;;CAeV;IACC,KAAK,EAAE;QACL,KAAK,EAAL,mBAAK;QACL,SAAS,EAAE,uBAAY;KACxB;CACF,CAAC;AAEW,QAAA,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,6BAAqB,CAAC,IAAI,GAAG;IAC3B,YAAY,EAAE,0BAA0B;IACxC,OAAO,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BV;IACC,KAAK,EAAE;QACL,KAAK,EAAL,mBAAK;QACL,SAAS,EAAE,uBAAY;KACxB;CACF,CAAC;AAEW,QAAA,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,8BAAsB,CAAC,IAAI,GAAG;IAC5B,YAAY,EAAE,0BAA0B;IACxC,OAAO,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2BP;IACF,KAAK,EAAE;QACL,KAAK,EAAL,mBAAK;QACL,SAAS,EAAE,uBAAY;KACxB;IACD,kBAAkB,EAAE;QAClB;YACE,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,6CAA6C;YAC5D,iBAAiB,EACf,orBAAorB;YACtrB,SAAS,EACP,4GAA4G;YAC9G,YAAY,EAAE,IAAI;YAClB,IAAI,EAAE,WAAW;YACjB,UAAU,EAAE,OAAO;SACpB;KACF;CACF,CAAC;AAGW,QAAA,uBAAuB,GAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,+BAAuB,CAAC,IAAI,GAAG;IAC7B,YAAY,EAAE,0BAA0B;IACxC,OAAO,EAAE;;;;;;;;IAQP;IACF,KAAK,EAAE;QACL,KAAK,EAAL,mBAAK;QACL,SAAS,EAAE,uBAAY;KACxB;IACD,kBAAkB,EAAE;QAClB;YACE,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,6CAA6C;YAC5D,iBAAiB,EACf,orBAAorB;YACtrB,SAAS,EACP,4GAA4G;YAC9G,YAAY,EAAE,IAAI;YAClB,IAAI,EAAE,WAAW;YACjB,UAAU,EAAE,OAAO;SACpB;KACF;CACF,CAAC"}

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,38 @@
+"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 md_1 = require("react-icons/md");
+const lu_1 = require("react-icons/lu");
+const tutor_utils_1 = require("../../../../utils/tutor-utils");
+const ExtractedDiagramView_1 = __importDefault(require("../../../Atoms/ExtractedDiagramView/ExtractedDiagramView"));
+const TranscriptionImagePreview_1 = __importDefault(require("../../../Atoms/TranscriptionImagePreview/TranscriptionImagePreview"));
+function User(props) {
+    const { text, handleCopy, transcribeImageList, onPreview, isTutor = false, isComprehension = false, isRevision = false, isRevisionBasedQuestion = false, } = props;
+    const [openModal, setOpenModal] = (0, react_1.useState)(false);
+    // Check if at least one image has annotations
+    const checkHasAnnotations = (imageList) => {
+        return imageList?.some((item) => item?.annotations?.length > 0);
+    };
+    // Get images with annotations
+    const getImagesWithAnnotations = (imageList) => {
+        return imageList?.filter((item) => item?.annotations?.length > 0) || [];
+    };
+    // Render extracted diagrams section
+    const renderExtractedDiagrams = () => {
+        const imagesWithAnnotations = getImagesWithAnnotations(transcribeImageList);
+        if (!checkHasAnnotations(transcribeImageList)) {
+            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", 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, children: [(0, tutor_utils_1.renderContent)(text, isTutor), handleCopy && ((0, jsx_runtime_1.jsx)(react_2.HStack, { justifyContent: "flex-end", cursor: "pointer", onClick: () => handleCopy(text), my: 2, children: (0, jsx_runtime_1.jsx)(md_1.MdFileCopy, {}) })), renderExtractedDiagrams(), transcribeImageList?.length > 0 && ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Divider, { borderColor: "#00000033", my: 2 }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { justifyContent: "space-between", flexWrap: "nowrap", minWidth: "0", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", color: "#000000A6", whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", children: `Transcribed response` }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { cursor: "pointer", onClick: () => { setOpenModal(true); }, whiteSpace: "nowrap", flexShrink: 0, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", fontWeight: "400", color: "#5F4DC7", children: `Show Preview` }), (0, jsx_runtime_1.jsx)(lu_1.LuMoveUpRight, { size: 16, color: "#5F4DC7" })] })] })] }))] }), openModal &&
+                (0, jsx_runtime_1.jsx)(TranscriptionImagePreview_1.default, { isOpen: openModal, onClose: () => setOpenModal(false), transcribeImageList: transcribeImageList })] }));
+}
+exports.default = User;
+//# sourceMappingURL=User.js.map

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

@@ -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/Tutor/User/User.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const UserTxt: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const UserMathTxt: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const UserHandwritten: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;