hardwater-ui-planner 0.0.1

package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js

@@ -0,0 +1,191 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    modal: {
+        closeOnEsc: false,
+        closeOnOverlayClick: false,
+        size: "4xl",
+    },
+    modalContent: {
+        w: { base: "95%", md: "900px" },
+        bgColor: "white",
+        overflowX: "hidden"
+    },
+    modalHeader: {
+        fontWeight: "600",
+        fontSize: "24px",
+        lineHeight: "24px",
+        letterSpacing: 0,
+        color: "#1D287AD9",
+        borderBottom: "1px solid #00000033",
+        py: 2
+    },
+    modalFooter: {
+        borderTop: "1px solid #00000033",
+        gap: "16px",
+        w: "full",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    cancelButton: {
+        color: "#7464CE",
+        bg: "#FFFFFF",
+        border: "1px solid #D9D6ED",
+        fontSize: "14px",
+        h: "36px",
+        borderRadius: "8px",
+        cursor: "pointer",
+    },
+    rightControls: {
+        position: "absolute",
+        zIndex: 1000,
+        bottom: "0px",
+        right: "0px",
+        spacing: "4px",
+    },
+    leftControls: {
+        position: "absolute",
+        zIndex: 1000,
+        bottom: "0px",
+        left: "0px",
+        spacing: "4px",
+    },
+    rightTopControls: {
+        position: "absolute",
+        zIndex: 1000,
+        right: "0px",
+        top: "0px",
+        spacing: "4px",
+    },
+    fileUploadCenter: {
+        h: "400px",
+        flexDirection: "column",
+        bg: "#F5F5F5",
+        border: "1px solid #00000029",
+        m: "8px 24px"
+    },
+    fileUploadText: {
+        fontWeight: 500,
+        fontSize: "18px",
+        lineHeight: "27px",
+        letterSpacing: "0.1px",
+        textAlign: "center",
+        color: "#000000BF"
+    },
+    uploadLimitText: {
+        fontWeight: 400,
+        fontSize: "14px",
+        lineHeight: "21px",
+        letterSpacing: "0.1px",
+        textAlign: "center",
+        color: "#00000080"
+    },
+    imageListThumbnail: (isSelected, isOcrFailed) => ({
+        w: ["64px", "104px"],
+        h: ["40px", "64px"],
+        cursor: "pointer",
+        border: isSelected && isOcrFailed ? "none" : (isSelected ? "2px solid #1D287AD9" : "2px solid #F5F5F54D"),
+    }),
+    // New annotation styles
+    annotationContainer: {
+        position: "relative",
+        bg: "white",
+        overflow: "hidden",
+        cursor: "crosshair",
+        userSelect: "none",
+        style: { touchAction: 'none' }
+    },
+    annotationImage: {
+        w: "100%",
+        height: ["240px", "400px"],
+        pointerEvents: "none",
+        userSelect: "none",
+        draggable: false,
+        style: { touchAction: 'none' }
+    },
+    currentDrawingBox: {
+        position: "absolute",
+        border: "2px dashed",
+        borderColor: "blue.500",
+        bg: "transparent",
+        pointerEvents: "none",
+    },
+    drawingSizeIndicator: {
+        position: "absolute",
+        top: "-25px",
+        left: "0",
+        bg: "blue.500",
+        color: "white",
+        px: 2,
+        py: 1,
+        rounded: "md",
+        fontSize: "xs",
+        fontWeight: "bold",
+        pointerEvents: "none",
+        whiteSpace: "nowrap",
+    },
+    annotationBox: {
+        position: "absolute",
+        border: "2px solid",
+        borderColor: "blue.500",
+        bg: "transparent",
+        cursor: "move",
+        transition: "all 0.2s",
+        _hover: {
+            borderColor: "blue.600",
+            borderWidth: "3px"
+        },
+        role: "group"
+    },
+    deleteButton: {
+        position: "absolute",
+        top: "-8px",
+        right: "-8px",
+        w: "24px",
+        h: "24px",
+        minW: "24px",
+        bg: "red.500",
+        color: "white",
+        rounded: "full",
+        fontSize: "xs",
+        fontWeight: "bold",
+        opacity: 0,
+        _groupHover: { opacity: 1 },
+        _hover: { bg: 'red.600' },
+        transition: "opacity 0.2s",
+        zIndex: 10,
+        p: 0,
+    },
+    resizeHandle: {
+        position: "absolute",
+        w: "12px",
+        h: "12px",
+        bg: "blue.500",
+        rounded: "full",
+        opacity: 0,
+        _groupHover: { opacity: 1 },
+        transition: "opacity 0.2s",
+    },
+    resizeHandleSE: {
+        bottom: "-4px",
+        right: "-4px",
+        cursor: "se-resize",
+    },
+    resizeHandleSW: {
+        bottom: "-4px",
+        left: "-4px",
+        cursor: "sw-resize",
+    },
+    resizeHandleNE: {
+        top: "-4px",
+        right: "-4px",
+        cursor: "ne-resize",
+    },
+    resizeHandleNW: {
+        top: "-4px",
+        left: "-4px",
+        cursor: "nw-resize",
+    },
+};
+//# sourceMappingURL=ImageTranscriptionStyles.js.map

package/dist/components/Atoms/TranscriptionImagePreview/ImageTranscriptionStyles.js.map

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

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.d.ts

@@ -0,0 +1 @@
+export default function TranscriptionImagePreview({ isOpen, onClose, transcribeImageList: imageList }: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js

@@ -0,0 +1,39 @@
+"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 ImageTranscriptionStyles_1 = require("./ImageTranscriptionStyles");
+const react_usestateref_1 = __importDefault(require("react-usestateref"));
+const CustomButton_1 = __importDefault(require("../../Atoms/CustomButton/CustomButton"));
+const LatexRenderView_1 = __importDefault(require("../../Atoms/LatexRenderView/LatexRenderView"));
+const ImageAnnotation_1 = __importDefault(require("./ImageAnnotation"));
+const __1 = require("../../..");
+function TranscriptionImagePreview({ isOpen, onClose, transcribeImageList: imageList }) {
+    const [currentImage, setCurrentImage, currentImageRef] = (0, react_usestateref_1.default)("");
+    const [currentText, setCurrentText, currentTextRef] = (0, react_usestateref_1.default)("");
+    const [annotations, setAnnotations, annotationsRef] = (0, react_usestateref_1.default)([]);
+    const imageAnnotationRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (isOpen && imageList?.length > 0) {
+            handleSelect(imageList[0]);
+        }
+    }, [imageList, isOpen]);
+    const handleSelect = (item) => {
+        setCurrentImage(item?.image);
+        setCurrentText(item?.text);
+        setAnnotations(item?.annotations);
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Modal, { isOpen: isOpen, onClose: onClose, isCentered: true, ...ImageTranscriptionStyles_1.styles.modal, children: [(0, jsx_runtime_1.jsx)(react_2.ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(react_2.ModalContent, { ...ImageTranscriptionStyles_1.styles.modalContent, children: [(0, jsx_runtime_1.jsx)(react_2.ModalCloseButton, {}), (0, jsx_runtime_1.jsx)(react_2.ModalHeader, { ...ImageTranscriptionStyles_1.styles.modalHeader, children: "Preview file" }), (0, jsx_runtime_1.jsx)(react_2.ModalBody, { p: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: { h: "auto", minH: "400px" }, mb: 2, children: (0, jsx_runtime_1.jsxs)(react_2.Grid, { templateColumns: { base: "1fr", md: "1fr 1fr" }, gap: 4, h: { base: "auto", md: "400px" }, p: '4px', children: [(0, jsx_runtime_1.jsx)(react_2.Box, { border: "1px solid #00000029", position: "relative", children: annotationsRef?.length == 0 ?
+                                            (0, jsx_runtime_1.jsx)(react_2.Image, { src: currentImageRef?.current, w: "100%", height: ["240px", "400px"], loading: "lazy" })
+                                            :
+                                                (0, jsx_runtime_1.jsx)(ImageAnnotation_1.default, { ref: imageAnnotationRef, image: currentImageRef?.current, imageBoxes: annotationsRef?.current, context: "modal-annotation" }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { position: "relative", border: "1px solid #00000029", p: '18px', height: ["240px", "400px"], overflow: "hidden", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { h: "100%", overflowY: "auto", children: [(0, jsx_runtime_1.jsx)(LatexRenderView_1.default, { math: currentTextRef?.current }), (0, jsx_runtime_1.jsx)(__1.ExtractedDiagramsView, { imageUrl: currentImageRef?.current, imageBoxes: annotationsRef?.current, context: "modal-preview" })] }) })] }) }) }), (0, jsx_runtime_1.jsxs)(react_2.ModalFooter, { ...ImageTranscriptionStyles_1.styles.modalFooter, children: [(0, jsx_runtime_1.jsx)(react_2.HStack, { children: imageList?.length > 0 && ((0, jsx_runtime_1.jsx)(react_2.HStack, { flexWrap: "wrap", justifyContent: "center", children: imageList?.map((item, index) => {
+                                        const isSelected = (currentImageRef?.current === item?.image);
+                                        return ((0, jsx_runtime_1.jsx)(react_2.Image, { onClick: () => { handleSelect(item); }, src: item?.image, sx: ImageTranscriptionStyles_1.styles.imageListThumbnail(isSelected) }, index));
+                                    }) })) }), (0, jsx_runtime_1.jsx)(CustomButton_1.default, { label: "Close", handleClick: onClose, customStyles: ImageTranscriptionStyles_1.styles.cancelButton })] })] })] }));
+}
+exports.default = TranscriptionImagePreview;
+//# sourceMappingURL=TranscriptionImagePreview.js.map

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.js.map

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

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.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 Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;
+export declare const Render1: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {}>;

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Render1 = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TranscriptionImagePreview_1 = __importDefault(require("./TranscriptionImagePreview"));
+const react_1 = require("@chakra-ui/react");
+exports.default = {
+    title: "Components/Atoms/TranscriptionPreview",
+    component: TranscriptionImagePreview_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(TranscriptionImagePreview_1.default, { ...args }) });
+exports.Default = Template.bind({});
+exports.Default.args = {
+    isOpen: true,
+    onClose: () => { },
+    transcribeImageList: [{ "image": "https://innerscore-student-wall.s3.amazonaws.com/28af23d2-0178-4789-8b04-973c89c4d933_solution_files_-1.jpg", "text": "LHS = (5/6)^-7 × (8/5)^-4\n\nusing negative exponent law (a^-n = 1/a^n)\n\n= (6/5)^7 × (5/8)^4\n= 5^-7 × 6^7 × 8^-4 × 5^4\n= 5^-7+4 × 6^7 × 8^-4\n= 5^-3 × (2×3)^7 × (2^3)^-4\n= 5^-3 × 2^7 × 3^7 × 2^-12\n= 5^-3 × 3^7 × 2^-5\n\nAccording to question,\n5^-3 × 3^7 × 2^-5 = 2^l 5^m × 3^k\n\ncomparing powers:\nfor 5: -3 = m\nfor 3: 7 = k\nfor 2: -5 = l\n\nTherefore, l = -5, m = 3, k = 7 \n\nSo, l + m + k = (-5) + 3 + 7 = 5." }, { "image": "https://innerscore-student-wall.s3.amazonaws.com/4c85912e-168d-4e33-91c4-45bd2a674b86_Math_test.jpg", "text": "\\( p(x) = 5x - 4x^2 + 3 \\)\n\ni) \\( x = 0 \\)  \n\\( p(0) = 5(0) - 4(0)^2 + 3 = 3 \\)\n\nii) \\( x = -1 \\)  \n\\( p(-1) = 5(-1) - 4(-1)^2 + 3 = -6 \\)\n\niii) \\( x = 2 \\)  \n\\( p(2) = 5(2) - 4(2)^2 + 3 = -3 \\)" }, { "image": "https://innerscore-student-wall.s3.amazonaws.com/6154322b-ce4e-463c-a864-08fbadd4bcee_Math_test_copy.jpg", "text": "\\[ p(x) = 5x - 4x^2 + 3 \\]\n\ni) \\( x = 0 \\)\n\n\\[ p(0) = 5(0) - 4(0)^2 + 3 = 3 \\]\n\nii) \\( x = -1 \\)\n\n\\[ p(-1) = 5(-1) - 4(-1)^2 + 3 = -6 \\]" }, { "image": "https://innerscore-student-wall.s3.amazonaws.com/e484e0dc-eedd-4546-9791-1e40ffabf45b_IMG_20250214_150616.jpg", "text": "- In first world war, Hilter joined the army and acted as messenger in the front.\n\n- The Treaty of Versailles and the defeat of Germany in world war I made him furious and horrified." }, { "image": "https://innerscore-student-wall.s3.amazonaws.com/db2aa242-3ce0-4fc7-ba4b-e7ffef4452ea_IMG_20250214_150543.jpg", "text": "• In first world war, Hitler joined the army and acted as messenger in the front.\n\n• The Treaty of Versailles and the defeat of Germany in world war I made him furious and horrified.\n\n• In 1919, he joined a small group called the German worker's Party and renamed it after taking over that party as,\n'The National Socialist German worker's Party', later came to known as 'Nazi Party'." }]
+};
+exports.Render1 = Template.bind({});
+exports.Render1.args = {
+    isOpen: true,
+    onClose: () => { },
+    transcribeImageList: [
+        {
+            "image": "https://student-handwritten.s3.amazonaws.com/535a5646-badf-45a8-8a36-a4353085d980_1e459834-fabe-4f1e-8f3c-a782436db5d0-1.jpg",
+            "text": "(a)\n\n(b)\n\\[\n\\begin{array}{c}\nH \\\\\nH: \\ddot{C}: \\ddot{C}: \\ddot{C}: \\ddot{C}: H \\\\\n\\because H: \\ddot{H}\n\\end{array}\n\\]",
+            "annotations": [
+                {
+                    "class": "diagram",
+                    "confidence": 0.7416420578956604,
+                    "height": 2177.2219848632812,
+                    "id": "b2ef6665-f14f-49df-9d12-eac6a1a9dd68",
+                    "width": 2239.43661971831,
+                    "x": 53.379220022282134,
+                    "y": 475
+                }
+            ],
+            "empty_transcription": false
+        },
+        {
+            "image": "https://student-handwritten.s3.amazonaws.com/49ae71b7-e771-4172-ad1d-2e64f4488626_1e459834-fabe-4f1e-8f3c-a782436db5d0-2.jpg",
+            "text": "ithe structure of thanois acid is:\n(ii) The structure of Butanone is:",
+            "annotations": [
+                {
+                    "class": "diagram",
+                    "confidence": 0.7416420578956604,
+                    "height": 1062,
+                    "id": "b2ef6665-f14f-49df-9d12-eac6a1a9dd68",
+                    "width": 1316,
+                    "x": 317,
+                    "y": 475
+                },
+                {
+                    "class": "diagram",
+                    "confidence": 0.702781617641449,
+                    "height": 1380.221984863281,
+                    "id": "8275f2ab-76ca-4f31-b57c-05ff0cdc8ca8",
+                    "width": 2457.3109208227884,
+                    "x": 271.68907917721174,
+                    "y": 1932
+                }
+            ],
+            "empty_transcription": false
+        }
+    ]
+};
+//# sourceMappingURL=TranscriptionImagePreview.stories.js.map

package/dist/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranscriptionImagePreview.stories.js","sourceRoot":"","sources":["../../../../src/components/Atoms/TranscriptionImagePreview/TranscriptionImagePreview.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,4FAAoE;AACpE,4CAAkD;AAElD,kBAAe;IACX,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,mCAAyB;CAC/B,CAAC;AAGV,MAAM,QAAQ,GAAc,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,sBAAc,cAAC,uBAAC,mCAAyB,OAAK,IAAI,GAAI,GAAiB,CAAC;AAElG,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE,CAAC,EAAE,OAAO,EAAE,6GAA6G,EAAE,MAAM,EAAE,uaAAua,EAAE,EAAE,EAAE,OAAO,EAAE,qGAAqG,EAAE,MAAM,EAAE,2NAA2N,EAAE,EAAE,EAAE,OAAO,EAAE,0GAA0G,EAAE,MAAM,EAAE,4JAA4J,EAAE,EAAE,EAAE,OAAO,EAAE,+GAA+G,EAAE,MAAM,EAAE,0LAA0L,EAAE,EAAE,EAAE,OAAO,EAAE,+GAA+G,EAAE,MAAM,EAAE,uYAAuY,EAAE,CAAC;CAE9gE,CAAC;AAGW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;IAClB,mBAAmB,EAAE;QACjB;YACI,OAAO,EAAE,8HAA8H;YACvI,MAAM,EAAE,8IAA8I;YACtJ,aAAa,EAAE;gBACX;oBACI,OAAO,EAAE,SAAS;oBAClB,YAAY,EAAE,kBAAkB;oBAChC,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE,sCAAsC;oBAC5C,OAAO,EAAE,gBAAgB;oBACzB,GAAG,EAAE,kBAAkB;oBACvB,GAAG,EAAE,GAAG;iBACX;aACJ;YACD,qBAAqB,EAAE,KAAK;SAC/B;QACD;YACI,OAAO,EAAE,8HAA8H;YACvI,MAAM,EAAE,wEAAwE;YAChF,aAAa,EAAE;gBACX;oBACI,OAAO,EAAE,SAAS;oBAClB,YAAY,EAAE,kBAAkB;oBAChC,QAAQ,EAAE,IAAI;oBACd,IAAI,EAAE,sCAAsC;oBAC5C,OAAO,EAAE,IAAI;oBACb,GAAG,EAAE,GAAG;oBACR,GAAG,EAAE,GAAG;iBACX;gBACD;oBACI,OAAO,EAAE,SAAS;oBAClB,YAAY,EAAE,iBAAiB;oBAC/B,QAAQ,EAAE,iBAAiB;oBAC3B,IAAI,EAAE,sCAAsC;oBAC5C,OAAO,EAAE,kBAAkB;oBAC3B,GAAG,EAAE,kBAAkB;oBACvB,GAAG,EAAE,IAAI;iBACZ;aACJ;YACD,qBAAqB,EAAE,KAAK;SAC/B;KACJ;CACJ,CAAA"}

package/dist/components/Atoms/Typography/Typography.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TextProps } from "@chakra-ui/react";
+export interface CustomTextProps extends TextProps {
+    text: string;
+}
+declare const Typography: React.FC<CustomTextProps>;
+export default Typography;

package/dist/components/Atoms/Typography/Typography.js

@@ -0,0 +1,16 @@
+"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 TypographyConstants_js_1 = __importDefault(require("./TypographyConstants.js"));
+const react_1 = require("@chakra-ui/react");
+const theme = (0, react_1.extendTheme)({
+    textStyles: TypographyConstants_js_1.default,
+});
+const Typography = ({ text, variant, ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { theme: theme, children: (0, jsx_runtime_1.jsx)(react_1.Text, { textStyle: variant, ...rest, children: text }) }));
+};
+exports.default = Typography;
+//# sourceMappingURL=Typography.js.map

package/dist/components/Atoms/Typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/components/Atoms/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;AAAA,sFAA0D;AAE1D,4CAA+E;AAC/E,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC;IACxB,UAAU,EAAE,gCAAkB;CAC/B,CAAC,CAAC;AAIH,MAAM,UAAU,GAA8B,CAAC,EAC3C,IAAI,EAAC,OAAO,EAAC,GAAG,IAAI,EACvB,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,sBAAc,IAAC,KAAK,EAAE,KAAK,YAC1B,uBAAC,YAAI,IAAC,SAAS,EAAE,OAAO,KAAM,IAAI,YAC/B,IAAI,GACA,GACQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/Atoms/Typography/TypographyConstants.d.ts

@@ -0,0 +1,53 @@
+export default typographyVariants;
+declare namespace typographyVariants {
+    namespace h1 {
+        const fontFamily: string;
+        const fontWeight: string;
+        const fontSize: string;
+        const letterSpacing: string;
+        const lineHeight: string;
+        const color: string;
+    }
+    namespace h2 {
+        const fontFamily_1: string;
+        export { fontFamily_1 as fontFamily };
+        const fontWeight_1: string;
+        export { fontWeight_1 as fontWeight };
+        const fontSize_1: string;
+        export { fontSize_1 as fontSize };
+        const letterSpacing_1: string;
+        export { letterSpacing_1 as letterSpacing };
+        const lineHeight_1: string;
+        export { lineHeight_1 as lineHeight };
+        const color_1: string;
+        export { color_1 as color };
+    }
+    namespace h3 {
+        const fontFamily_2: string;
+        export { fontFamily_2 as fontFamily };
+        const fontWeight_2: string;
+        export { fontWeight_2 as fontWeight };
+        const fontSize_2: string;
+        export { fontSize_2 as fontSize };
+        const letterSpacing_2: string;
+        export { letterSpacing_2 as letterSpacing };
+        const lineHeight_2: string;
+        export { lineHeight_2 as lineHeight };
+        const color_2: string;
+        export { color_2 as color };
+    }
+    namespace text {
+        const fontFamily_3: string;
+        export { fontFamily_3 as fontFamily };
+        const fontWeight_3: string;
+        export { fontWeight_3 as fontWeight };
+        const fontSize_3: string;
+        export { fontSize_3 as fontSize };
+        const letterSpacing_3: string;
+        export { letterSpacing_3 as letterSpacing };
+        const lineHeight_3: string;
+        export { lineHeight_3 as lineHeight };
+        const color_3: string;
+        export { color_3 as color };
+    }
+}

package/dist/components/Atoms/Typography/TypographyConstants.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const typographyVariants = {
+    h1: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: '600',
+        fontSize: '56pt',
+        letterSpacing: '0',
+        lineHeight: '125%',
+        color: '#000000',
+    },
+    h2: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: '500',
+        fontSize: '36pt',
+        letterSpacing: '0',
+        lineHeight: '125%',
+        color: '#000000',
+    },
+    h3: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: '500',
+        fontSize: '27pt',
+        letterSpacing: '0',
+        lineHeight: '125%',
+        color: '#000000',
+    },
+    text: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: '400',
+        fontSize: '16pt',
+        letterSpacing: '0',
+        lineHeight: '125%',
+        color: '#6F7379',
+    },
+};
+exports.default = typographyVariants;
+//# sourceMappingURL=TypographyConstants.js.map

package/dist/components/Atoms/Typography/TypographyConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypographyConstants.js","sourceRoot":"","sources":["../../../../src/components/Atoms/Typography/TypographyConstants.js"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAE;IAClB,EAAE,EAAC;QACV,UAAU,EAAE,qBAAqB;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;KACnB;IACO,EAAE,EAAC;QACE,UAAU,EAAE,qBAAqB;QAC1C,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;KAEX;IACD,EAAE,EAAC;QACc,UAAU,EAAE,qBAAqB;QACtD,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;KACX;IACD,IAAI,EAAC;QACC,UAAU,EAAE,qBAAqB;QAC3C,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,MAAM;QAChB,aAAa,EAAE,GAAG;QAClB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;KACX;CACR,CAEA;AAED,kBAAe,kBAAkB,CAAC"}

package/dist/components/Atoms/imageModal.d.ts

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

package/dist/components/Atoms/imageModal.js

@@ -0,0 +1,40 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const react_2 = __importStar(require("react"));
+const ImageModal = (props) => {
+    const [isOpen, setIsOpen] = (0, react_2.useState)(props.isOpen);
+    (0, react_2.useEffect)(() => { }, []);
+    const handleClose = () => {
+        props.handleClose();
+        setIsOpen(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.Modal, { isOpen: isOpen, onClose: handleClose, size: "xl", children: [(0, jsx_runtime_1.jsx)(react_1.ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(react_1.ModalContent, { children: [(0, jsx_runtime_1.jsx)(react_1.ModalCloseButton, { position: "absolute", top: 4, right: 4, onClick: handleClose, icon: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, { color: "white" }) }), (0, jsx_runtime_1.jsx)(react_1.ModalBody, { height: "100%", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", children: (0, jsx_runtime_1.jsx)(react_1.Image, { src: props.url, alt: "modal-image", w: "70%", h: "70%", maxW: "100%", maxH: "100vh", mx: "auto", my: "auto" }) })] })] }));
+};
+exports.default = ImageModal;
+//# sourceMappingURL=imageModal.js.map

package/dist/components/Atoms/imageModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageModal.js","sourceRoot":"","sources":["../../../src/components/Atoms/imageModal.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAO0B;AAC1B,4CAA6C;AAC7C,+CAAmD;AAEnD,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACnD,IAAA,iBAAS,EAAC,GAAG,EAAE,GAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAExB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,CAAC,WAAW,EAAE,CAAC;QACpB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,aAAK,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,aACpD,uBAAC,oBAAY,KAAG,EAChB,wBAAC,oBAAY,eACX,uBAAC,wBAAgB,IACf,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,uBAAC,iBAAS,IAAC,KAAK,EAAC,OAAO,GAAG,GACjC,EACF,uBAAC,iBAAS,IACR,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,YAEnB,uBAAC,aAAK,IACJ,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAC,aAAa,EACjB,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,GACT,GACQ,IACC,IACT,CACT,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,UAAU,CAAC"}

package/dist/components/Atoms/useCustomToast.d.ts

@@ -0,0 +1,6 @@
+export function useCustomToast(): ({ description, status, duration, position }: {
+    description: any;
+    status: any;
+    duration: any;
+    position: any;
+}) => void;

package/dist/components/Atoms/useCustomToast.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCustomToast = void 0;
+const react_1 = require("@chakra-ui/react");
+const useCustomToast = () => {
+    const toast = (0, react_1.useToast)();
+    const showToast = ({ description, status, duration, position }) => {
+        toast({
+            description: description || "Action performed successfully.",
+            status: status || "info",
+            duration: duration || 2000,
+            isClosable: true,
+            position: position || "bottom",
+        });
+    };
+    return showToast;
+};
+exports.useCustomToast = useCustomToast;
+//# sourceMappingURL=useCustomToast.js.map

package/dist/components/Atoms/useCustomToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomToast.js","sourceRoot":"","sources":["../../../src/components/Atoms/useCustomToast.jsx"],"names":[],"mappings":";;;AAAA,4CAA4C;AAErC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,SAAS,GAAG,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;QAChE,KAAK,CAAC;YACJ,WAAW,EAAE,WAAW,IAAI,gCAAgC;YAC5D,MAAM,EAAE,MAAM,IAAI,MAAM;YACxB,QAAQ,EAAE,QAAQ,IAAI,IAAI;YAC1B,UAAU,EAAE,IAAI;YAChB,QAAQ,EAAE,QAAQ,IAAI,QAAQ;SAC/B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB"}

package/dist/components/Molecules/AccordianPay4/Accordian.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { AccordionCardProps } from "../SmartLearn/types";
+declare const AccordianCard: React.FC<AccordionCardProps>;
+export default AccordianCard;

package/dist/components/Molecules/AccordianPay4/Accordian.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@chakra-ui/react");
+const md_1 = require("react-icons/md");
+const Accordian_styles_1 = require("./Accordian.styles");
+const accordionConstants_1 = require("../../../utils/accordionConstants");
+const AccordianCard = ({ initialState = "noCredits", userName, timer, onBack, onRequestCredits = () => { }, onStateChange = () => { }, showIcon = true, assistantIcon, features, // ✅ destructure it here
+isSchoolPayEnabled = false, messageText = "", }) => {
+    const [cardState, setCardState] = (0, react_1.useState)(initialState);
+    const featuresList = features ?? accordionConstants_1.defaultFeatures;
+    const renderIcon = (position) => {
+        if (!showIcon || !assistantIcon)
+            return null;
+        const iconElement = typeof assistantIcon === "string" ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: assistantIcon, alt: "assistant icon", boxSize: { base: "36px", md: "42px" }, fallbackSrc: "https://via.placeholder.com/32" })) : (assistantIcon);
+        return ((0, jsx_runtime_1.jsx)(react_2.Box, { position: { base: "relative", md: "absolute" }, top: { base: "0", md: position === "right" ? "auto" : "20px" }, bottom: { base: "auto", md: position === "right" ? "20px" : "auto" }, left: { base: "0", md: position === "right" ? "auto" : "-60px" }, right: { base: "auto", md: position === "right" ? "-60px" : "auto" }, mb: { base: "12px", md: "0" }, zIndex: "1", children: iconElement }));
+    };
+    const handleStateChange = (newState) => {
+        setCardState(newState);
+        onStateChange(newState);
+    };
+    const handleRequestCredits = () => {
+        const result = onRequestCredits();
+        if (result !== false) {
+            const newState = cardState === accordionConstants_1.ACCORDION_CARD_STATES.doubt ||
+                cardState === accordionConstants_1.ACCORDION_CARD_STATES.revision
+                ? "doubtRequestSent"
+                : "requestSent";
+            handleStateChange(newState);
+        }
+    };
+    const renderNoCreditsCard = () => ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.boxouter, children: [renderIcon("right"), (0, jsx_runtime_1.jsxs)(react_2.Box, { ...Accordian_styles_1.tooltipStyles.wrapper, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.greeting, children: ["Hi ", userName, ","] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.msgcontainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.heading, children: "Want to practice? Learning Credits is the way to go!" }), (0, jsx_runtime_1.jsx)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.description, children: "During your SmartLearn, you've made amazing progress with SchoolAi" }), (0, jsx_runtime_1.jsx)(react_2.VStack, { align: "start", spacing: "16px", paddingX: "16px", paddingBottom: "16px", w: "100%", children: featuresList.map((text) => ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.featureItem, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.featureIconBox, children: (0, jsx_runtime_1.jsx)(react_2.Icon, { as: md_1.MdOutlineStarBorder, color: "#4A3BA3", boxSize: "16px" }) }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: Accordian_styles_1.tooltipStyles.featureText, children: text })] }, text))) }), (0, jsx_runtime_1.jsxs)(react_2.Text, { paddingX: "16px", paddingBottom: "16px", fontSize: "12px", color: "#00000099", children: ["Since you don't have enough", " ", (0, jsx_runtime_1.jsx)("span", { style: { fontWeight: 700 }, children: "Learning Credits" }), ", send a request to your parent."] }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: "12px", paddingLeft: "16px", paddingRight: "16px", paddingBottom: "16px", children: [(0, jsx_runtime_1.jsx)(react_2.Button, { ...Accordian_styles_1.tooltipStyles.backBtn, onClick: onBack, children: "Back" }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Button, { ...Accordian_styles_1.tooltipStyles.primaryBtn, onClick: handleRequestCredits, children: "Get Learning Credits" }))] })] })] })] }));
+    const renderRequestSentCard = () => ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.boxouter, children: [renderIcon("right"), (0, jsx_runtime_1.jsxs)(react_2.Box, { ...Accordian_styles_1.tooltipStyles.wrapper, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.greeting, children: ["Hi ", userName, ","] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.msgcontainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.heading, children: messageText || "You have already sent a request to your parent!" }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "12px", fontFamily: "poppins", paddingX: "16px", color: "#00000099", children: "You have exhausted your Learning Credits to be able to use the Self Learn mode." }), (0, jsx_runtime_1.jsx)(react_2.Flex, { paddingLeft: "16px", paddingBottom: "16px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { ...Accordian_styles_1.tooltipStyles.backBtn, onClick: onBack, children: "Back" }) })] })] })] }));
+    const renderDoubtCard = () => ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.boxouter, children: [renderIcon("left"), (0, jsx_runtime_1.jsxs)(react_2.Box, { ...Accordian_styles_1.tooltipStyles.wrapper, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.greeting, children: ["Hi ", userName, ","] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.msgcontainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.heading, children: "Want to Ask a doubt? SmartLearn is the way to go!" }), (0, jsx_runtime_1.jsx)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.description, children: "You've been doing amazing during your SmartLearn time, asking doubts to Vin and learning without worry.\u2728" }), (0, jsx_runtime_1.jsx)(react_2.Box, { marginLeft: "16px", marginRight: "16px", marginBottom: "16px", paddingX: "8px", paddingY: "4px", background: "#F9F4DD", w: "fit-content", display: "flex", alignItems: "start", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "12px", fontFamily: "poppins", color: "#00000099", lineHeight: "1.2", paddingX: "8px", children: "But right now, your Learning Credits have run out." }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { paddingX: "16px", paddingBottom: "16px", children: (0, jsx_runtime_1.jsxs)(react_2.Text, { fontSize: "12px", fontFamily: "poppins", color: "#00000099", children: ["To keep asking doubts whenever you're stuck,", (0, jsx_runtime_1.jsxs)("span", { style: { fontWeight: 700 }, children: [" ", "ask your parent to get you more credits."] }), " ", "You're just one step away from staying on track!"] }) }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: "12px", paddingLeft: "16px", paddingRight: "16px", paddingBottom: "16px", children: [(0, jsx_runtime_1.jsx)(react_2.Button, { ...Accordian_styles_1.tooltipStyles.backBtn, onClick: onBack, children: "Back" }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Button, { ...Accordian_styles_1.tooltipStyles.primaryBtn, onClick: handleRequestCredits, children: "Get Learning Credits" }))] })] })] })] }));
+    const renderDoubtRequestSentCard = () => ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.boxouter, children: [renderIcon("left"), (0, jsx_runtime_1.jsxs)(react_2.Box, { ...Accordian_styles_1.tooltipStyles.wrapper, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.greeting, children: ["Hi ", userName, ","] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.msgcontainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.heading, children: messageText || "You have already sent a request to your parent!" }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "12px", fontFamily: "poppins", paddingX: "16px", color: "#00000099", children: "You have exhausted your Learning Credits to be able to use the Self Learn mode." }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: "12px", paddingLeft: "16px", paddingTop: "16px", paddingRight: "16px", children: [(0, jsx_runtime_1.jsx)(react_2.Button, { ...Accordian_styles_1.tooltipStyles.backBtn, onClick: onBack, children: "Back" }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Button, { ...Accordian_styles_1.tooltipStyles.requestBtn, isDisabled: true, children: "Request Sent" }))] })] })] })] }));
+    const renderRevisionCard = () => ((0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.boxouter, children: [renderIcon("left"), (0, jsx_runtime_1.jsxs)(react_2.Box, { ...Accordian_styles_1.tooltipStyles.wrapper, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.greeting, children: ["Hi ", userName, ","] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: Accordian_styles_1.tooltipStyles.msgcontainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.heading, children: "Want to Revise? SmartLearn is the way to go!" }), (0, jsx_runtime_1.jsx)(react_2.Text, { ...Accordian_styles_1.tooltipStyles.description, children: "You've been doing amazing during your SmartLearn time.Regular revision has strengthened your memory retention \uD83E\uDDE0\uD83D\uDCAA" }), (0, jsx_runtime_1.jsx)(react_2.Box, { marginLeft: "16px", marginRight: "16px", marginBottom: "16px", paddingX: "8px", paddingY: "4px", background: "#F9F4DD", w: "fit-content", display: "flex", alignItems: "start", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "12px", fontFamily: "poppins", color: "#00000099", lineHeight: "1.2", paddingX: "8px", children: "But right now, your Learning Credits have run out." }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { paddingX: "16px", paddingBottom: "16px", children: (0, jsx_runtime_1.jsxs)(react_2.Text, { fontSize: "12px", fontFamily: "poppins", color: "#00000099", children: ["To keep revising seamlessly,", (0, jsx_runtime_1.jsxs)("span", { style: { fontWeight: 700 }, children: [" ", "ask your parent to get you more credits."] })] }) }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: "12px", paddingLeft: "16px", paddingRight: "16px", paddingBottom: "16px", children: [(0, jsx_runtime_1.jsx)(react_2.Button, { ...Accordian_styles_1.tooltipStyles.backBtn, onClick: onBack, children: "Back" }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Button, { ...Accordian_styles_1.tooltipStyles.primaryBtn, onClick: handleRequestCredits, children: "Get Learning Credits" }))] })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [cardState === accordionConstants_1.ACCORDION_CARD_STATES.noCredits && renderNoCreditsCard(), cardState === accordionConstants_1.ACCORDION_CARD_STATES.requestSent &&
+                renderRequestSentCard(), cardState === accordionConstants_1.ACCORDION_CARD_STATES.doubt && renderDoubtCard(), cardState === accordionConstants_1.ACCORDION_CARD_STATES.doubtRequestSent &&
+                renderDoubtRequestSentCard(), cardState === accordionConstants_1.ACCORDION_CARD_STATES.revision && renderRevisionCard()] }));
+};
+exports.default = AccordianCard;
+//# sourceMappingURL=Accordian.js.map