recap_mobileview 0.0.1

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;

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

@@ -0,0 +1,134 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = exports.Description = exports.Subtitle = exports.Title = exports.Content = exports.Image = exports.ImageSection = exports.Card = exports.OuterContainer = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+// Outer container to center the card with padding
+exports.OuterContainer = styled_components_1.default.div `
+  display: flex;
+  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);
+  @media (max-width: 768px) {
+    padding: 24px;
+  }
+  border-radius:16px;
+  @media (max-width: 425px) {
+    padding: 12px;
+  }
+`;
+// White card container
+exports.Card = styled_components_1.default.div `
+  overflow: hidden;
+  font-family: "Poppins", sans-serif;
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  align-items: center;
+  border-radius: 16px;
+  background: var(--Primary-Background, #faf9fe);
+  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
+  padding: 24px;
+  box-sizing: border-box;
+  max-width: 400px;
+  width: 100%;
+
+  @media (max-width: 768px) {
+    padding: 16px;
+  }
+`;
+exports.ImageSection = styled_components_1.default.div `
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #faf9fe;
+`;
+exports.Image = styled_components_1.default.img `
+  width: 100%;
+  object-fit: cover;
+  background: #faf9fe;
+
+  @media (max-width: 768px) {
+    max-height: 200px;
+  }
+`;
+exports.Content = styled_components_1.default.div `
+  border-top: 2px dashed #ddd;
+  margin: 16px 0;
+  padding-top: 16px;
+  width: 100%;
+  border-image: repeating-linear-gradient(
+      to right,
+      #ddd 0,
+      #ddd 12px,
+      transparent 12px,
+      transparent 24px
+    )
+    1;
+`;
+exports.Title = styled_components_1.default.h3 `
+  color: #130159d9;
+  font-family: Poppins;
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0 0 8px 0;
+
+  @media (max-width: 768px) {
+    font-size: 16px;
+  }
+`;
+exports.Subtitle = styled_components_1.default.p `
+  color: #85898b;
+  font-weight: 400;
+  font-family: Poppins;
+  font-size: 14px;
+  margin: 0 0 8px 0;
+
+  @media (max-width: 768px) {
+    font-size: 12px;
+  }
+`;
+exports.Description = styled_components_1.default.p `
+  color: #000;
+  font-family: Poppins;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+  align-self: stretch;
+  margin: 0 0 16px 0;
+
+  @media (max-width: 768px) {
+    font-size: 13px;
+    line-height: 20px;
+  }
+`;
+exports.Button = styled_components_1.default.button `
+  width: 100%;
+  padding: 10px 0;
+  background: #5f4dc7;
+  border: none;
+  border-radius: 8px;
+  color: #fff;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.2s ease;
+
+  &:hover {
+    background: #5939d6;
+  }
+
+  @media (max-width: 768px) {
+    font-size: 13px;
+    padding: 8px 0;
+  }
+`;
+//# sourceMappingURL=RevisionCard.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionCard.styles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionIntroCard/RevisionCard.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,kDAAkD;AACrC,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBvC,CAAC;AAEF,uBAAuB;AACV,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkB7B,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMrC,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ9B,CAAC;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;CAahC,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;;;;;;CAU7B,CAAC;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;CAU/B,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;CAclC,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;;;;;;;;;CAoBlC,CAAC"}

package/dist/components/Molecules/RevisionIntroCard/RevisionIntro.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface RevisionCardProps {
+    title: string;
+    subtitle: string;
+    description: string;
+    buttonText: string;
+    rivSrc?: string;
+    imageSrc?: string;
+    onButtonClick?: () => void;
+}
+declare const RevisionCard: React.FC<RevisionCardProps>;
+export default RevisionCard;

package/dist/components/Molecules/RevisionIntroCard/RevisionIntro.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 S = __importStar(require("./RevisionCard.styles"));
+const react_canvas_1 = require("@rive-app/react-canvas");
+const STATE_MACHINE_NAME = "State Machine 1";
+const RevisionCard = ({ title, subtitle, description, buttonText, rivSrc, imageSrc, onButtonClick, }) => {
+    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.jsx)(S.OuterContainer, { children: (0, jsx_runtime_1.jsxs)(S.Card, { children: [(0, jsx_runtime_1.jsx)(S.ImageSection, { children: rivSrc ? ((0, jsx_runtime_1.jsx)(RiveComponent, { style: { width: "100%", height: "200px" } })) : ((0, jsx_runtime_1.jsx)(S.Image, { src: imageSrc, alt: title })) }), (0, jsx_runtime_1.jsxs)(S.Content, { children: [(0, jsx_runtime_1.jsx)(S.Title, { children: title }), (0, jsx_runtime_1.jsx)(S.Subtitle, { children: subtitle }), (0, jsx_runtime_1.jsx)(S.Description, { children: description }), (0, jsx_runtime_1.jsx)(S.Button, { onClick: onButtonClick, children: buttonText })] })] }) }));
+};
+exports.default = RevisionCard;
+//# sourceMappingURL=RevisionIntro.js.map

package/dist/components/Molecules/RevisionIntroCard/RevisionIntro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionIntro.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionIntroCard/RevisionIntro.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,yDAA2C;AAC3C,yDAAiD;AAWjD,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AAE7C,MAAM,YAAY,GAAgC,CAAC,EACjD,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,GACd,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;IAEH,OAAO,CACL,uBAAC,CAAC,CAAC,cAAc,cACf,wBAAC,CAAC,CAAC,IAAI,eACL,uBAAC,CAAC,CAAC,YAAY,cACZ,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,GACc,EAEjB,wBAAC,CAAC,CAAC,OAAO,eACR,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,EAC1B,uBAAC,CAAC,CAAC,QAAQ,cAAE,QAAQ,GAAc,EACnC,uBAAC,CAAC,CAAC,WAAW,cAAE,WAAW,GAAiB,EAC5C,uBAAC,CAAC,CAAC,MAAM,IAAC,OAAO,EAAE,aAAa,YAAG,UAAU,GAAY,IAC/C,IACL,GACQ,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

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

package/dist/components/Molecules/SmartLearn/SmartLearn.js

@@ -0,0 +1,60 @@
+"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 icons_1 = require("@chakra-ui/icons");
+const SmartLearn_styles_1 = require("./SmartLearn.styles");
+const useCustomToast_1 = require("../../Atoms/useCustomToast");
+const accordionConstants_1 = require("../../../utils/accordionConstants");
+const LearningCreditsCard = ({ initialState = "limited", onStateChange = () => { }, onRequestCredits = () => { }, onLearnMoreClick = () => { }, countdown = 0, // countdown in seconds
+isMobile, messagetext, isSchoolPayEnabled = false, }) => {
+    const [cardState, setCardState] = (0, react_1.useState)(initialState);
+    const showToast = (0, useCustomToast_1.useCustomToast)();
+    const handleStateChange = (newState) => {
+        setCardState(newState);
+        onStateChange(newState);
+    };
+    const handleRequestCredits = () => {
+        const result = onRequestCredits();
+        if (result !== false) {
+            // Handle state transitions based on current card state
+            if (cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.limited) {
+                handleStateChange("requestSent");
+            }
+            else if (cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.noCredits) {
+                handleStateChange("noCreditsRequestSent");
+            }
+            // Don't change state for "requestSent" or "noCreditsRequestSent"
+            // (button should be disabled in those states anyway)
+        }
+    };
+    const renderLimitedCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "linear-gradient(124.5deg, #E3CF9B 0%, #9E7636 100%)", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.limited, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlex, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerlimitedText, children: "SmartLearn" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", sx: isMobile
+                                ? SmartLearn_styles_1.cardStyles.mobilelearnunlockbutton
+                                : SmartLearn_styles_1.cardStyles.learnMoreButton, cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile
+                                        ? SmartLearn_styles_1.cardStyles.mobilelearnmorelimit
+                                        : SmartLearn_styles_1.cardStyles.learnMorelimitedText, children: "Learn more" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: isMobile
+                                        ? SmartLearn_styles_1.cardStyles.chevronmobilelimited
+                                        : SmartLearn_styles_1.cardStyles.chevronlimitedIcon })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: isMobile
+                            ? SmartLearn_styles_1.cardStyles.limitedusagemobile
+                            : SmartLearn_styles_1.cardStyles.limitedUsageAlert, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile ? SmartLearn_styles_1.cardStyles.alertmobilelimited : SmartLearn_styles_1.cardStyles.alertText, children: "Limited Usage Remaining" }) }) }), (0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "stretch", spacing: 0, sx: isMobile
+                        ? SmartLearn_styles_1.cardStyles.mobilewarningcontainer
+                        : SmartLearn_styles_1.cardStyles.warningTextContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Currently you limited credits to explore all the features of the product." }), (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: [(0, jsx_runtime_1.jsx)("span", { style: SmartLearn_styles_1.cardStyles.bodyTextlern, children: "Ask your parent for more" }), " ", "Learning Credits to keep going without interruptions."] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.bulletPointContainer, children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyTextpoint, children: ["\u2022 Guided Practice sessions with Vin", (0, jsx_runtime_1.jsx)("br", {}), "\u2022 Personalised review in AP and many more."] }) })] }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "12px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: isMobile
+                                        ? SmartLearn_styles_1.cardStyles.mobilebodytextw
+                                        : SmartLearn_styles_1.cardStyles.requestSentBodyText, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) }) })] }))] }) }));
+    const renderRequestSentCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "linear-gradient(124.5deg, #E3CF9B 0%, #9E7636 100%)", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.requestSent, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlexRequestSent, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerText, children: "SmartLearn" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", sx: isMobile
+                                ? SmartLearn_styles_1.cardStyles.mobilelearnbutton
+                                : SmartLearn_styles_1.cardStyles.learnMoreButton, cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.learnMoreRequireText, children: "Learn more" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.chevronIcon })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.limitedUsageAlert, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.alertText, children: "Limited Usage Remaining" }) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.requestSentTextContainer, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: messagetext }) }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButton, children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", px: "91px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonrequireText, children: "Request sent" }) }) }) })] }))] }) }));
+    const renderUnlockedCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "linear-gradient(124.5deg, #E3CF9B 0%, #9E7636 100%)", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.unlocked, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlex, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerlimitedText, children: "SmartLearn" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", sx: isMobile
+                                ? SmartLearn_styles_1.cardStyles.mobilelearnbutton
+                                : SmartLearn_styles_1.cardStyles.learnMoreButton, cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.learnMoreUnlockedText, children: "Learn more" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.chevronUnlockedIcon })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.successMessageContainer, children: (0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.successMessage, children: ["Going great! You've unlocked the full power of SchoolAi.", (0, jsx_runtime_1.jsx)("br", {}), "So go ahead and discover the joy of learning with SmartLearn!"] }) })] }) }));
+    const renderNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsxs)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: [(0, jsx_runtime_1.jsxs)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: ["You're ", (0, jsx_runtime_1.jsx)("b", { children: "missing out on your full learning potential" }), " without having access to SmartLearn."] }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Ask your parent for Learning Credits now to unlock all features and keep exploring!" })] }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.nocreditleaningButton, children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) })), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.discoverfeatures, children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", cursor: "pointer", onClick: onLearnMoreClick, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.discoverText, children: "Discover all features" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) })] }) }));
+    const renderRequestsentNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, children: [(0, jsx_runtime_1.jsx)(react_2.VStack, { align: "start", sx: SmartLearn_styles_1.cardStyles.nocreditsheader, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: messagetext && isSchoolPayEnabled ? (messagetext) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("b", { children: "We\u2019ve sent a note to your parent about learning credits." }), " ", "Once they add some, you\u2019ll unlock all SmartLearn features!"] })) }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.nocreditleaningButton, children: (0, jsx_runtime_1.jsxs)(react_2.Button, { size: "sm", onClick: onLearnMoreClick, sx: SmartLearn_styles_1.cardStyles.primaryButtonnocredit, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile
+                                    ? SmartLearn_styles_1.cardStyles.buttonTextnocreditMobile
+                                    : SmartLearn_styles_1.cardStyles.buttonTextnocredit, children: "Discover all features for now" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, { sx: SmartLearn_styles_1.cardStyles.discovericon })] }) }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Box, { px: "12px", pb: "20px", children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButtonnocredit, children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", px: "91px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonrequireTextnocredit, children: "Request sent" }) }) }) }))] }) }));
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.limited && renderLimitedCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.requestSent &&
+                renderRequestSentCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.unlocked && renderUnlockedCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.noCredits && renderNoCreditsCard(), cardState === accordionConstants_1.SMART_LEARN_CARD_STATES.noCreditsRequestSent &&
+                renderRequestsentNoCreditsCard()] }));
+};
+exports.default = LearningCreditsCard;
+//# sourceMappingURL=SmartLearn.js.map

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

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

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import LearningCreditsCard from "./SmartLearn";
+declare const meta: Meta<typeof LearningCreditsCard>;
+export default meta;
+type Story = StoryObj<typeof LearningCreditsCard>;
+export declare const Limited: Story;
+export declare const RequestSent: Story;
+export declare const Unlocked: Story;
+export declare const NoCredits: Story;
+export declare const noCreditsRequestSent: Story;