performanceresultscreens 0.0.1

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

@@ -0,0 +1,456 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles = {
+    container: {
+        width: "100%",
+        display: "flex",
+        fontFamily: "'Poppins', sans-serif",
+        gap: ["8px", "16px"],
+        alignItems: "flex-start",
+        marginBottom: "12px",
+        position: "relative",
+    },
+    preventSelect: {
+        WebkitUserSelect: "none",
+        msUserSelect: "none",
+        userSelect: "none",
+    },
+    center: {
+        alignItems: "center",
+    },
+    assistantImg: {
+        objectFit: "contain",
+        width: ["29px", "36px"],
+        height: ["32px", "42px"],
+    },
+    assistantImgTasks: {
+        objectFit: "contain",
+        width: ["29px", "50px"],
+        height: ["32px", "56px"],
+        marginTop: ["40px", "50px"],
+        marginLeft: "20px",
+    },
+    assistantText: {
+        fontSize: ["12px", "14px"],
+        fontWeight: 400,
+        lineHeight: "18px",
+        minHeight: "42px",
+        backgroundColor: "#d9d6ed",
+        padding: "12px 24px 12px 12px",
+        borderRadius: "0px 20px 20px 20px",
+        color: "#130159",
+        maxWidth: "80%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        overflowX: "auto",
+        overflow: "visible",
+        position: "relative",
+    },
+    assistantTextStudent: {
+        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",
+        maxWidth: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        overflowX: "auto",
+        overflow: "visible",
+        position: "relative",
+    },
+    assistantTextScript: {
+        fontSize: ["12px", "14px"],
+        fontWeight: 400,
+        lineHeight: "18px",
+        minHeight: "42px",
+        bg: "#FEFAE6",
+        padding: "12px 24px 12px 12px",
+        borderRadius: "0px 20px 20px 20px",
+        color: "#130159",
+        maxWidth: "80%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        overflowX: "auto",
+        overflow: "visible",
+        position: "relative",
+    },
+    tutorassistantText: {
+        fontFamily: "Poppins",
+        fontSize: ["14px"],
+        fontWeight: 400,
+        lineHeight: "18px",
+        minHeight: "42px",
+        letterSpacing: "0.4000000059604645px",
+        backgroundColor: "#d9d6ed",
+        padding: "12px 24px 12px 12px",
+        borderRadius: "0px 8px 8px 8px",
+        borderWidth: "1px",
+        color: "#130159",
+        maxWidth: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        overflowX: "auto",
+        overflow: "visible",
+        position: "relative",
+    },
+    assistantTextScriptStudent: {
+        fontSize: ["12px", "14px"],
+        fontWeight: 400,
+        lineHeight: "18px",
+        minHeight: "42px",
+        bg: "#FEFAE6",
+        padding: "12px 24px 12px 12px",
+        borderRadius: "0px 8px 8px 8px",
+        borderWidth: "1px",
+        borderColor: "#E7E5F5",
+        color: "#130159",
+        maxWidth: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        overflowX: "auto",
+        overflow: "visible",
+        position: "relative",
+    },
+    assistantTextClassifier: {
+        fontSize: ["12px", "14px"],
+        fontWeight: 400,
+        lineHeight: "18px",
+        minHeight: "42px",
+        bg: "#D9D6ED",
+        padding: "12px 22px",
+        borderRadius: "0px 8px 8px 8px",
+        borderWidth: "1px",
+        borderColor: "#E7E5F5",
+        color: "#130159",
+        maxWidth: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        overflowX: "auto",
+        overflow: "visible",
+        position: "relative",
+    },
+    userText: {
+        backgroundColor: "rgba(255, 191, 183, 1)",
+        borderRadius: "0px 20px 20px 20px",
+        color: "#130159",
+        fontSize: ["12px", "14px"],
+        fontWeight: 400,
+        lineHeight: "18px",
+        minHeight: "42px",
+        padding: "12px",
+        marginLeft: ["36px", "52px"],
+        maxWidth: "80%",
+    },
+    userTextInteraction: {
+        backgroundColor: "rgba(255, 191, 183, 0.6)",
+        borderRadius: "0px 20px 20px 20px",
+        color: "#130159",
+        fontSize: ["12px", "14px"],
+        fontWeight: 400,
+        lineHeight: "18px",
+        minHeight: "42px",
+        padding: "12px",
+        marginLeft: ["36px", "52px"],
+        maxWidth: "80%",
+    },
+    column: {
+        flexDirection: "column",
+    },
+    row: {
+        display: "flex",
+        flexDirection: "row",
+        marginBottom: "20px",
+    },
+    eye: {
+        color: "#130159",
+        cursor: "pointer",
+        marginLeft: "8px",
+    },
+    flexRow: {
+        width: "100%",
+        display: "flex",
+        flexDirection: "row",
+        overflowX: "auto",
+        overflowY: "hidden",
+        fontFamily: "Poppins",
+        fontSize: "14px",
+        fontWeight: "400",
+        lineHeight: "18px",
+        letterSpacing: "0.4000000059604645px",
+        textAlign: "left",
+    },
+    flexRowBold: {
+        width: "100%",
+        display: "flex",
+        flexDirection: "row",
+        overflowX: "auto",
+        overflowY: "hidden",
+        fontFamily: "Poppins",
+        fontSize: "14px",
+        fontWeight: "600",
+        textColor: "#130159",
+        lineHeight: "18px",
+        letterSpacing: "0.4000000059604645px",
+        textAlign: "left",
+    },
+    flexRowClassifier: {
+        width: "100%",
+        display: "flex",
+        flexDirection: "row",
+        overflowX: "auto",
+        overflowY: "hidden",
+        fontFamily: "Poppins",
+        fontSize: "16px",
+        fontWeight: "600",
+        textColor: "#130159",
+        lineHeight: "24px",
+        letterSpacing: "0.4000000059604645px",
+        textAlign: "left",
+    },
+    imagesListContainer: {
+        overflow: "auto",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        maxHeight: "300px",
+    },
+    imagesList: {
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "wrap",
+        justifyContent: "center",
+    },
+    imageCard: {
+        maxHeight: "230px",
+        padding: "10px",
+        margin: "10px",
+        cursor: "pointer",
+    },
+    image: {
+        marginLeft: "10px",
+        maxHeight: "200px",
+    },
+    figureText: {
+        justifyContent: "center",
+        display: "flex",
+    },
+    horizontalScrollImagesList: {
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "nowrap",
+        overflowX: "auto",
+        maxWidth: "100%",
+        paddingBottom: "10px",
+    },
+    centeredImageCard: {
+        height: "180px",
+        minWidth: "180px",
+        cursor: "pointer",
+        textAlign: "center",
+        marginTop: "10px",
+        marginRight: "10px",
+    },
+    centeredImage: {
+        height: "140px",
+        objectFit: "contain",
+    },
+    imageTitle: {
+        fontSize: "14px",
+        color: "#130159",
+    },
+    takeaway: {
+        w: ["100%", "80%"],
+        justifyContent: "center",
+        alignItems: "center",
+        mb: 3,
+    },
+    takeawayText: {
+        color: "#130159",
+        fontWeight: "500",
+        fontSize: "14px",
+        lineHeight: "20px",
+    },
+    summaryContainer: {
+        boxShadow: "0px 1px 3px 0px #0000001A, 0px 1px 2px 0px #0000000F",
+        bg: "white",
+        p: 4,
+        maxW: "100%",
+        borderRadius: "0px 20px 20px 20px",
+    },
+    summaryTitle: {
+        fontFamily: "Poppins",
+        color: "#130159",
+        fontWeight: "500",
+        fontSize: "20px",
+        lineHeight: "20px",
+        mb: 4,
+    },
+    doubtSummaryTitle: {
+        color: "#5F4DC7",
+        fontWeight: "600",
+        fontFamily: "Poppins",
+        fontSize: "16px",
+        lineHeight: "24px",
+        mb: 4,
+    },
+    summaryText: {
+        color: "#130159",
+        fontWeight: "400",
+        fontSize: "14px",
+        lineHeight: "20px",
+        overflowY: "hidden",
+        overflowX: "auto",
+        fontFamily: "Poppins",
+    },
+    checkbox: (selectionStatus, questionIndex, presenterLogic) => ({
+        borderColor: selectionStatus?.[questionIndex] ? "#7ABC40" : "white",
+        isChecked: selectionStatus?.[questionIndex],
+        marginLeft: 1,
+        display: presenterLogic?.enableSelection && presenterLogic?.enableGetMore
+            ? "block"
+            : "none",
+    }),
+    radio: (selectionStatus, questionIndex, presenterLogic) => ({
+        isChecked: selectionStatus?.[questionIndex],
+        marginX: 1,
+        visibility: presenterLogic?.enableSelection && !presenterLogic?.enableGetMore
+            ? "visible"
+            : "hidden",
+    }),
+    teacherSpeechBubble: {
+        color: "white",
+    },
+    moreOptions: {
+        fontweight: "600",
+        fontSize: "14px",
+        height: "40px",
+        lineHeight: "20px",
+        padding: "10px 24px",
+        gap: "8px",
+        borderRadius: "8px",
+        border: "1px solid #7abc40",
+        color: "#7abc40",
+        backgroundColor: "transparent",
+        minWidth: "80px",
+        "&:hover": {
+            color: "#92c663",
+            backgroundColor: "#303829",
+            border: "1px solid #92c663",
+        },
+        "&:active": {
+            color: "#82be4e",
+            backgroundColor: "#445238",
+            border: "1px solid #82be4e",
+        },
+        "&:focus": {
+        // color: '#A9D186',
+        // backgroundColor: '#2D3228',
+        // border: '1px solid #A9D186'
+        },
+        "&:disabled": {
+            backgroundColor: "black",
+            border: "1px solid #777A75",
+            color: "#777A75",
+        },
+    },
+    moreButton: {
+        borderRadius: 0,
+        border: "1px solid #7abc40",
+        backgroundColor: "#262626",
+        color: "#7abc40",
+        height: "30px",
+        fontSize: "medium",
+        fontWeight: "100",
+        _hover: {
+            backgroundColor: "#262626",
+            color: "#7abc40",
+        },
+        width: "140px",
+    },
+    assistantV2Container: {
+        width: "100%",
+        fontFamily: "'Poppins', sans-serif",
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "flex-start",
+        gap: ["28px", "16px"],
+    },
+    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"],
+    },
+    comprehensionText: {
+        fontFamily: "Poppins, sans-serif",
+        fontWeight: 600,
+        fontSize: "16px",
+        lineHeight: "24px",
+        color: "#130159",
+        letterSpacing: "0",
+    },
+    comprehensionContainer: {
+        marginBottom: "0px"
+    },
+    comprehensionDescriptiveAnswer: {
+        marginLeft: "60px"
+    },
+    descriptiveContainer: {
+        backgroundColor: "#DDDBEF",
+        borderRadius: "8px",
+        padding: "10px",
+        marginLeft: "50px"
+    },
+    descriptiveSubContainer: {
+        display: "flex",
+        flexDirection: "column",
+        borderRadius: "8px",
+        padding: "16px",
+        backgroundColor: "#fff",
+        boxShadow: "0px 4px 12px 0px #0000001F",
+    },
+    descriptiveBandMessage: {
+        fontFamily: "Poppins, sans-serif",
+        fontWeight: 600,
+        fontSize: "16px",
+        lineHeight: "24px",
+        color: "#130159",
+    },
+    descriptiveAnswerTitle: {
+        fontFamily: "Poppins, sans-serif",
+        fontWeight: 700,
+        fontSize: "14px",
+        lineHeight: "24px",
+        color: "#2B2B2B",
+        paragraphSpacing: "6px",
+    },
+    descriptiveAnswerSub: {
+        fontFamily: "Poppins, sans-serif",
+        fontWeight: 200,
+        fontSize: "14px",
+        lineHeight: "24px",
+        color: "#2B2B2B",
+        paragraphSpacing: "6px",
+    }
+};
+exports.default = styles;
+//# sourceMappingURL=Assistant.styles.js.map

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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+type AssistantV2Props = {
+    hideVin?: boolean;
+    loaderText?: string;
+    finalText?: string;
+    assistantImg?: string;
+    onTypingComplete?: () => void;
+    isEmotionalScript?: boolean;
+};
+declare const AssistantV2: React.FC<AssistantV2Props>;
+export default AssistantV2;

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

@@ -0,0 +1,25 @@
+"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 react_type_animation_1 = require("react-type-animation");
+const AssistantV2_styles_1 = __importDefault(require("./AssistantV2.styles"));
+const tutor_utils_1 = require("../../../../utils/tutor-utils");
+const AssistantV2 = ({ hideVin = false, loaderText, finalText, assistantImg, onTypingComplete, isEmotionalScript = false, }) => {
+    const [typingDone, setTypingDone] = (0, react_1.useState)(false);
+    const handleTypingComplete = () => {
+        setTypingDone(true);
+        onTypingComplete?.();
+    };
+    return ((0, jsx_runtime_1.jsx)(react_2.ChakraProvider, { children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: AssistantV2_styles_1.default?.assistantV2Container, children: [!hideVin && assistantImg && ((0, jsx_runtime_1.jsx)(react_2.Image, { src: assistantImg, alt: "Assistant", sx: AssistantV2_styles_1.default?.assistantImg })), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: isEmotionalScript
+                        ? AssistantV2_styles_1.default?.emotionalMessageContainer
+                        : AssistantV2_styles_1.default?.loaderContainer, children: !typingDone && loaderText ? ((0, jsx_runtime_1.jsx)(react_2.Text, { sx: AssistantV2_styles_1.default?.loadingText, children: (0, jsx_runtime_1.jsx)(react_type_animation_1.TypeAnimation, { sequence: [loaderText, handleTypingComplete], speed: 50, cursor: false, repeat: 0 }) })) : finalText ? ((0, jsx_runtime_1.jsx)(react_2.Text, { transition: "opacity 1s ease-in-out", sx: isEmotionalScript
+                            ? AssistantV2_styles_1.default?.emotionalMessageText
+                            : AssistantV2_styles_1.default?.loadingText, children: (0, tutor_utils_1.renderContent)(finalText, isEmotionalScript ? false : true) })) : null })] }) }));
+};
+exports.default = AssistantV2;
+//# sourceMappingURL=AssistantV2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantV2.js","sourceRoot":"","sources":["../../../../../src/components/Molecules/Tutor/Assistant/AssistantV2.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AACxC,4CAA0E;AAC1E,+DAAqD;AACrD,8EAA0C;AAC1C,+DAA8D;AAW9D,MAAM,WAAW,GAA+B,CAAC,EAC/C,OAAO,GAAG,KAAK,EACf,UAAU,EACV,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,GAAG,KAAK,GAC1B,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,gBAAgB,EAAE,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,sBAAc,cACb,wBAAC,WAAG,IAAC,EAAE,EAAE,4BAAM,EAAE,oBAAoB,aAClC,CAAC,OAAO,IAAI,YAAY,IAAI,CAC3B,uBAAC,aAAK,IAAC,GAAG,EAAE,YAAY,EAAE,GAAG,EAAC,WAAW,EAAC,EAAE,EAAE,4BAAM,EAAE,YAAY,GAAI,CACvE,EACD,uBAAC,WAAG,IACF,EAAE,EACA,iBAAiB;wBACf,CAAC,CAAC,4BAAM,EAAE,yBAAyB;wBACnC,CAAC,CAAC,4BAAM,EAAE,eAAe,YAG5B,CAAC,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAC3B,uBAAC,YAAI,IAAC,EAAE,EAAE,4BAAM,EAAE,WAAW,YAC3B,uBAAC,oCAAa,IACZ,QAAQ,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,EAC5C,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,CAAC,GACT,GACG,CACR,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,uBAAC,YAAI,IACH,UAAU,EAAC,wBAAwB,EACnC,EAAE,EACA,iBAAiB;4BACf,CAAC,CAAC,4BAAM,EAAE,oBAAoB;4BAC9B,CAAC,CAAC,4BAAM,EAAE,WAAW,YAGxB,IAAA,2BAAa,EAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GACtD,CACR,CAAC,CAAC,CAAC,IAAI,GACJ,IACF,GACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssistantV2EmotionalScript = exports.AssistantV2Txt = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AssistantV2_1 = __importDefault(require("./AssistantV2"));
+const assistant_svg_1 = __importDefault(require("../../../../assests/ai-tutor/assistant.svg"));
+exports.default = {
+    title: "Components/Molecules/AssistantV2",
+    component: AssistantV2_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(AssistantV2_1.default, { ...args });
+exports.AssistantV2Txt = Template.bind({});
+exports.AssistantV2Txt.args = {
+    loaderText: "Hello, I am your AI assistant. How can I help you today?",
+    finalText: "Feel free to ask me anything related to your studies.",
+    assistantImg: assistant_svg_1.default,
+    hideVin: false,
+};
+exports.AssistantV2EmotionalScript = Template.bind({});
+exports.AssistantV2EmotionalScript.args = {
+    loaderText: "",
+    finalText: "Feel free to ask me anything related to your studies.",
+    assistantImg: assistant_svg_1.default,
+    hideVin: true,
+    isEmotionalScript: true,
+};
+//# sourceMappingURL=AssistantV2.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantV2.stories.js","sourceRoot":"","sources":["../../../../../src/components/Molecules/Tutor/Assistant/AssistantV2.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,gEAAwC;AACxC,+FAAsE;AAEtE,kBAAe;IACb,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,qBAAW;CACf,CAAC;AACV,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,qBAAW,OAAK,IAAI,GAAI,CAAC;AAEnD,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,sBAAc,CAAC,IAAI,GAAG;IACpB,UAAU,EAAE,0DAA0D;IACtE,SAAS,EAAE,uDAAuD;IAClE,YAAY,EAAE,uBAAY;IAC1B,OAAO,EAAE,KAAK;CACf,CAAC;AAEW,QAAA,0BAA0B,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5D,kCAA0B,CAAC,IAAI,GAAG;IAChC,UAAU,EAAE,EAAE;IACd,SAAS,EAAE,uDAAuD;IAClE,YAAY,EAAE,uBAAY;IAC1B,OAAO,EAAE,IAAI;IACb,iBAAiB,EAAE,IAAI;CACxB,CAAC"}

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