performanceresultscreens 0.0.1

package/dist/components/Molecules/RequestSent/RequestSent.styles.js

@@ -0,0 +1,176 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    blurWrapper: {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        width: '100vw',
+        height: '100vh',
+        background: 'rgba(0, 0, 0, 0.3)',
+        backdropFilter: 'blur(4px)',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 1000,
+        padding: '16px',
+        boxSizing: 'border-box',
+    },
+    // Mobile Styles
+    mobileModalContainer: {
+        width: ['100%', '90%', '400px'],
+        background: '#F4F2FF',
+        borderRadius: '16px',
+        border: '1px solid transparent',
+    },
+    mobileHeaderContainer: {
+        position: 'relative',
+        paddingTop: '24px',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+    },
+    closeb: {
+        position: 'absolute',
+        top: '16px',
+        right: '16px',
+    },
+    mobileCloseButton: {
+        border: 'none',
+        cursor: 'pointer',
+        color: '#666',
+        zIndex: 1002,
+        fontSize: '12px',
+        opacity: 1,
+        background: 'transparent',
+        _hover: {
+            color: '#333',
+        },
+    },
+    imga: {
+        paddingTop: '32px',
+        paddingBottom: '4px',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    mobileImage: {
+        objectFit: 'contain',
+        width: ['67px', '90px', '113px'],
+        height: ['48px', '75px', '100px'],
+    },
+    msgmbilecontainer: {
+        paddingRight: '24px',
+        paddingLeft: '24px',
+        paddingBottom: '16px',
+    },
+    mobileMessageContainer: {
+        borderRadius: '8px',
+        background: '#ffffff',
+    },
+    mobileSuccessTitle: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: 600,
+        fontSize: '16px',
+        textAlign: 'center',
+        color: '#130159',
+        paddingTop: '18px',
+        paddingRight: '12px',
+        paddingLeft: '12px',
+        paddingBottom: '16px',
+    },
+    mobileSuccessMessage: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: 500,
+        fontSize: '12px',
+        lineHeight: '16px',
+        textAlign: 'center',
+        color: 'rgba(0, 0, 0, 0.85)',
+        paddingLeft: '12px',
+        paddingRight: '12px',
+        paddingBottom: '20px',
+    },
+    // Desktop Styles
+    modalContainer: {
+        width: '100%',
+        height: 'max-content',
+        background: '#F4F2FF',
+        borderRadius: '16px',
+        border: '1px solid transparent',
+        position: 'relative', // Add this to enable absolute positioning inside
+    },
+    closeButton: {
+        position: 'absolute',
+        top: '16px',
+        right: '16px',
+        background: 'none',
+        border: 'none',
+        cursor: 'pointer',
+        color: '#666',
+        zIndex: 1002,
+        fontSize: '12px',
+        opacity: 1,
+        _hover: {
+            color: '#333',
+        },
+    },
+    characterImage: {
+        display: 'flex',
+        justifyContent: 'center',
+        paddingBottom: '16px',
+        paddingTop: '60px',
+        paddingRight: '42px'
+    },
+    innerContent: {
+        paddingBottom: '24px',
+        paddingTop: '12px',
+        paddingRight: '24px',
+        paddingLeft: '24px',
+    },
+    contentBox: {
+        borderRadius: '8px',
+        background: '#F1F1F1',
+        paddingTop: '16px',
+        paddingRight: '24px',
+        paddingLeft: '24px',
+        paddingBottom: '24px',
+    },
+    messageContainer: {
+        borderRadius: '8px',
+        background: '#FFFFFF',
+        paddingTop: '12px',
+        paddingBottom: '12px',
+        paddingRight: '12px',
+        paddingLeft: '12px',
+    },
+    successTitle: {
+        paddingLeft: '12px',
+        paddingRight: '12px',
+        paddingBottom: '12px',
+        display: 'flex',
+        justifyContent: 'center',
+    },
+    successtitleText: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: 600,
+        fontSize: '24px',
+        color: '#130159',
+    },
+    successMessagebox: {
+        paddingBottom: '12px',
+        paddingLeft: '26px',
+        paddingRight: '26px',
+    },
+    successMessage: {
+        fontFamily: 'Poppins',
+        fontWeight: 500,
+        fontSize: '14px',
+        lineHeight: '24px',
+        textAlign: 'center',
+        color: 'rgba(0, 0, 0, 0.85)',
+    },
+};
+//# sourceMappingURL=RequestSent.styles.js.map

package/dist/components/Molecules/RequestSent/RequestSent.styles.js.map

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

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

@@ -0,0 +1,15 @@
+import React from "react";
+interface RevisionCompleteCardProps {
+    title?: string;
+    description: string;
+    buttonText: string;
+    imageSrc?: string;
+    rivSrc?: string;
+    onButtonClick?: () => void;
+    isMatchthefollowing: boolean;
+    secondaryButtonText?: string;
+    onSecondaryButtonClick?: () => void;
+    badge?: string;
+}
+declare const RevisionCompleteCard: React.FC<RevisionCompleteCardProps>;
+export default RevisionCompleteCard;

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.js

@@ -0,0 +1,39 @@
+"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 S = __importStar(require("./RevisionCompleteCard.styles"));
+const react_canvas_1 = require("@rive-app/react-canvas");
+const RevisionCompleteCard = ({ title = "Revision\ncompleted!", description, buttonText, rivSrc, imageSrc, onButtonClick, isMatchthefollowing, secondaryButtonText, onSecondaryButtonClick, badge, }) => {
+    const { rive, RiveComponent } = (0, react_canvas_1.useRive)({
+        src: rivSrc,
+        autoplay: true,
+        onLoad: () => console.log("Rive loaded:", rivSrc),
+        onStateChange: (event) => console.log("State changed:", event),
+    });
+    return ((0, jsx_runtime_1.jsxs)(S.OuterContainer, { children: [(0, jsx_runtime_1.jsx)(S.OuterCard, { children: (0, jsx_runtime_1.jsxs)(S.InnerCard, { children: [(0, jsx_runtime_1.jsxs)(S.TopSection, { children: [rivSrc ? ((0, jsx_runtime_1.jsx)(RiveComponent, { style: { width: "100%", height: "200px" } })) : ((0, jsx_runtime_1.jsx)(S.Image, { src: imageSrc, alt: title })), isMatchthefollowing && badge && (0, jsx_runtime_1.jsx)(S.Badge, { children: badge }), !isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.Title, { children: title })] }), (0, jsx_runtime_1.jsx)(S.Divider, {}), (0, jsx_runtime_1.jsxs)(S.Content, { children: [isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.SubTitle, { children: title }), (0, jsx_runtime_1.jsx)(S.Description, { isMatchthefollowing: isMatchthefollowing, children: description })] })] }) }), (0, jsx_runtime_1.jsx)(S.ButtonContainer, { children: !isMatchthefollowing ? ((0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText }), (0, jsx_runtime_1.jsx)(S.PrimaryButton, { onClick: onSecondaryButtonClick, children: secondaryButtonText })] })) })] }));
+};
+exports.default = RevisionCompleteCard;
+//# sourceMappingURL=RevisionCompleteCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionCompleteCard.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iEAAmD;AACnD,yDAAiD;AAejD,MAAM,oBAAoB,GAAwC,CAAC,EACjE,KAAK,GAAG,sBAAsB,EAC9B,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,sBAAO,EAAC;QACtC,GAAG,EAAE,MAAM;QACX,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC;QACjD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC;KAC/D,CAAC,CAAC;IACH,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,eACf,uBAAC,CAAC,CAAC,SAAS,cACV,wBAAC,CAAC,CAAC,SAAS,eACV,wBAAC,CAAC,CAAC,UAAU,eACV,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,uBAAC,CAAC,CAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,GAAI,CACvC,EACA,mBAAmB,IAAI,KAAK,IAAI,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,EAC1D,CAAC,mBAAmB,IAAI,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,IACtC,EAEf,uBAAC,CAAC,CAAC,OAAO,KAAG,EAEb,wBAAC,CAAC,CAAC,OAAO,eACP,mBAAmB,IAAI,uBAAC,CAAC,CAAC,QAAQ,cAAE,KAAK,GAAc,EACxD,uBAAC,CAAC,CAAC,WAAW,IAAC,mBAAmB,EAAE,mBAAmB,YACpD,WAAW,GACE,IACN,IACA,GACF,EAEd,uBAAC,CAAC,CAAC,eAAe,cAEf,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACtB,uBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YACtC,UAAU,GACO,CACrB,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YACtC,UAAU,GACO,EACpB,uBAAC,CAAC,CAAC,aAAa,IAAC,OAAO,EAAE,sBAAsB,YAC7C,mBAAmB,GACJ,IACjB,CACJ,GACiB,IACH,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import RevisionCompleteCard from "./RevisionCompleteCard";
+declare const meta: Meta<typeof RevisionCompleteCard>;
+export default meta;
+type Story = StoryObj<typeof RevisionCompleteCard>;
+export declare const Default: Story;
+export declare const MatchFollowing: Story;

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.stories.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 });
+exports.MatchFollowing = exports.Default = void 0;
+const RevisionCompleteCard_1 = __importDefault(require("./RevisionCompleteCard"));
+const revision_review_svg_1 = __importDefault(require("../../../assests/revision/revision-review.svg"));
+const meta = {
+    title: "Components/Molecules/RevisionCompleteCard",
+    component: RevisionCompleteCard_1.default,
+    argTypes: {
+        isMatchthefollowing: {
+            control: "boolean",
+            description: "Toggle between default and match following layouts",
+        },
+        badge: {
+            control: "text",
+            description: "Badge text (only shown when isMatchthefollowing is true)",
+        },
+        secondaryButtonText: {
+            control: "text",
+            description: "Text for secondary button (only shown when isMatchthefollowing is true)",
+        },
+    }
+};
+exports.default = meta;
+// Default View - Revision Completed
+exports.Default = {
+    args: {
+        title: "Revision\ncompleted!",
+        description: "Well done! Revision shows you are committed to excellence. Time to keep that energy going with homework!",
+        buttonText: "Back to homework",
+        imageSrc: revision_review_svg_1.default,
+        isMatchthefollowing: false,
+        onButtonClick: () => alert("Back to homework clicked!"),
+    },
+};
+// Match Following View - Great Effort 
+exports.MatchFollowing = {
+    args: {
+        title: "Practice makes progress.",
+        description: "Use this session to understand your mistakes and learn from them. You're on the right track.",
+        buttonText: "Back to homework",
+        secondaryButtonText: "Review questions",
+        imageSrc: revision_review_svg_1.default,
+        badge: "Great Effort !",
+        isMatchthefollowing: true,
+        onButtonClick: () => alert("Back to homework clicked!"),
+        onSecondaryButtonClick: () => alert("Review questions clicked!"),
+    },
+};
+//# sourceMappingURL=RevisionCompleteCard.stories.js.map

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionCompleteCard.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kFAA0D;AAC1D,wGAAqE;AACrE,MAAM,IAAI,GAAsC;IAC9C,KAAK,EAAE,2CAA2C;IAClD,SAAS,EAAE,8BAAoB;IAC/B,QAAQ,EAAE;QACR,mBAAmB,EAAE;YACnB,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,oDAAoD;SAClE;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0DAA0D;SACxE;QACD,mBAAmB,EAAE;YACnB,OAAO,EAAE,MAAM;YACf,WAAW,EACT,yEAAyE;SAC5E;KACF;CACF,CAAC;AACF,kBAAe,IAAI,CAAC;AAEpB,oCAAoC;AACtB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,sBAAsB;QAC7B,WAAW,EACT,0GAA0G;QAC5G,UAAU,EAAE,kBAAkB;QAC9B,QAAQ,EAAR,6BAAQ;QACR,mBAAmB,EAAE,KAAK;QAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC;KACxD;CACF,CAAC;AACD,uCAAuC;AAC1B,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,KAAK,EAAE,0BAA0B;QACjC,WAAW,EACT,8FAA8F;QAChG,UAAU,EAAE,kBAAkB;QAC9B,mBAAmB,EAAE,kBAAkB;QACvC,QAAQ,EAAR,6BAAQ;QACR,KAAK,EAAE,gBAAgB;QACvB,mBAAmB,EAAE,IAAI;QACzB,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC;QACvD,sBAAsB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC;KACjE;CACF,CAAC"}

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare const OuterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OuterCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InnerCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TopSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const Badge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SubTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    isMatchthefollowing: boolean;
+}>> & string;
+export declare const ButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const SecondaryButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string;
+export declare const PrimaryButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string;

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.styles.js

@@ -0,0 +1,187 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrimaryButton = exports.SecondaryButton = exports.Button = exports.ButtonContainer = exports.Description = exports.Content = exports.Divider = exports.SubTitle = exports.Badge = exports.Title = exports.Image = exports.TopSection = exports.InnerCard = exports.OuterCard = exports.OuterContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+// Centers everything
+exports.OuterContainer = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 80px;
+  background: #ffffff;
+  width: fit-content;
+  box-sizing: border-box;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+  border-radius: 16px;
+  border-radius: 16px;
+  @media (max-width: 768px) {
+    padding: 24px;
+  }
+  @media (max-width: 425px) {
+    padding: 12px;
+  }
+`;
+exports.OuterCard = styled_components_1.default.div `
+  font-family: "Poppins", sans-serif;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: center;
+  border-radius: 2px 24px 24px 24px;
+  background: var(--Primary-900, #312961);
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12);
+  padding: 7px 0px 14px 14px;
+  width: 100%;
+`;
+exports.InnerCard = styled_components_1.default.div `
+  font-family: "Poppins", sans-serif;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
+  border-radius: 2px 24px 24px 24px;
+  background: #e9e5ff;
+  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
+  padding: 24px;
+  width: 100%;
+  margin-top: -14px;
+  @media (max-width: 768px) {
+    padding: 16px;
+    width: 100%;
+  }
+`;
+exports.TopSection = styled_components_1.default.div `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 12px;
+  margin-bottom: 12px;
+  width: 100%;
+`;
+exports.Image = styled_components_1.default.img `
+  max-width: 168px;
+  height: auto;
+`;
+exports.Title = styled_components_1.default.h3 `
+  color: var(--Colour-Blue-Student-text, #130159);
+  font-family: Poppins;
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 30px;
+  letter-spacing: 0.48px;
+  text-align: left;
+  white-space: pre-line;
+  margin: 0;
+  @media (max-width: 768px) {
+    font-size: 18px;
+  }
+`;
+exports.Badge = styled_components_1.default.div `
+  background: linear-gradient(90deg, #F2E0B1 0%, #AF8E51 100%);
+  color: #000;
+  font-family: Poppins;
+  font-size: 18px;
+  font-weight: 600;
+  padding: 10px 46px;
+  border-radius: 8px;
+  white-space: nowrap;
+  @media (max-width: 768px) {
+    font-size: 12px;
+    padding: 6px 16px;
+  }
+`;
+exports.SubTitle = styled_components_1.default.h4 `
+  color: rgba(19, 1, 89, 0.85);
+  font-family: "Poppins", sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 18px;
+  margin: 0 0 8px 0;
+  text-align: left;
+  @media (max-width: 768px) {
+    font-size: 14px;
+    line-height: 20px;
+  }
+`;
+exports.Divider = styled_components_1.default.div `
+  width: 100%;
+  border-bottom: 1px dashed #00000030;
+  margin: 12px 0 16px 0;
+`;
+exports.Content = styled_components_1.default.div `
+  width: 100%;
+`;
+exports.Description = styled_components_1.default.p `
+  font-size: 14px;
+  line-height: 20px;
+  margin: 0;
+  color: ${({ isMatchthefollowing }) => (isMatchthefollowing ? "#5F4DC7" : "#000")};
+  text-align: left;
+  font-weight: 500;
+  font-family: "Poppins", sans-serif;
+  @media (max-width: 768px) {
+    font-size: 13px;
+    line-height: 20px;
+  }
+`;
+exports.ButtonContainer = styled_components_1.default.div `
+  margin-top: 20px;
+  width: 100%;
+  display: flex;
+  gap: 12px;
+  @media (max-width: 768px) {
+    flex-direction: column;
+    gap: 10px;
+  }
+`;
+exports.Button = styled_components_1.default.button `
+  margin-top: 20px;
+  font-family: "Poppins", sans-serif;
+  width: 100%;
+  padding: 12px 0;
+  background: transparent;
+  border: 1px solid #5F4DC7;
+  border-radius: 8px;
+  color: #5F4DC7;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.2s ease;
+  &:hover {
+    background: #4d3c94;
+  }
+  @media (max-width: 768px) {
+    font-size: 13px;
+    padding: 10px 0;
+  }
+`;
+exports.SecondaryButton = (0, styled_components_1.default)(exports.Button) `
+  margin-top: 0;
+  flex: 1;
+  &:hover {
+    background: #fff;
+    border-color: #4d3c94;
+  }
+`;
+exports.PrimaryButton = (0, styled_components_1.default)(exports.Button) `
+  margin-top: 0;
+  flex: 1;
+  background: #5F4DC7;
+  border: 1px solid #5F4DC7;
+  color: #ffffff;
+  &:hover {
+    background: #4d3c94;
+    border-color: #4d3c94;
+  }
+`;
+//# sourceMappingURL=RevisionCompleteCard.styles.js.map

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionCompleteCard.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,qBAAqB;AACR,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;CAoBvC,CAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAYlC,CAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBlC,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQnC,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG9B,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;;CAc7B,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAa9B,CAAC;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;CAYhC,CAAC;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAC;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEhC,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,CAAC,CAAkC;;;;WAI1D,CAAC,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;;CAQjF,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CASxC,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBlC,CAAC;AAEW,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,cAAM,CAAC,CAAA;;;;;;;CAO5C,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,cAAM,CAAC,CAAA;;;;;;;;;;CAU1C,CAAC"}

package/dist/components/Molecules/RevisionIntroCard/RevisionCard.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import RevisionCard from "./RevisionIntro";
+declare const meta: Meta<typeof RevisionCard>;
+export default meta;
+type Story = StoryObj<typeof RevisionCard>;
+export declare const Default: Story;

package/dist/components/Molecules/RevisionIntroCard/RevisionCard.stories.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const RevisionIntro_1 = __importDefault(require("./RevisionIntro"));
+const revision_svg_1 = __importDefault(require("../../../assests/revision/revision.svg"));
+const meta = {
+    title: "Components/Molecules/RevisionCard",
+    component: RevisionIntro_1.default,
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        title: "The structure of plants",
+        subtitle: "Revision",
+        description: "You have been putting in great effort. Now let’s revise together and ace this exam!",
+        buttonText: "Lets revise",
+        imageSrc: revision_svg_1.default
+    },
+};
+//# sourceMappingURL=RevisionCard.stories.js.map

package/dist/components/Molecules/RevisionIntroCard/RevisionCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionCard.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionIntroCard/RevisionCard.stories.tsx"],"names":[],"mappings":";;;;;;AACA,oEAA2C;AAC3C,0FAA6D;AAC7D,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,uBAAY;CACxB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,yBAAyB;QAChC,QAAQ,EAAE,UAAU;QACpB,WAAW,EACT,qFAAqF;QACvF,UAAU,EAAE,aAAa;QACzB,QAAQ,EAAC,sBAAQ;KAClB;CACF,CAAC"}

package/dist/components/Molecules/RevisionIntroCard/RevisionCard.styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const OuterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Card: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ImageSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const Subtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;