performanceresultscreens 0.0.1

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,40 @@
+"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 icons_1 = require("@chakra-ui/icons");
+const SmartLearn_styles_1 = require("./SmartLearn.styles");
+const useCustomToast_1 = require("../../Atoms/useCustomToast");
+const TimerClock_1 = __importDefault(require("../TimerClock/TimerClock"));
+const LearningCreditsCard = ({ initialState = 'limited', onStateChange = () => { }, onRequestCredits = () => { }, onLearnMoreClick = () => { }, countdown = 0, // countdown in seconds
+isMobile }) => {
+    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) {
+            handleStateChange('requestSent');
+            // showToast({
+            //   description: 'Your request has been sent to your parent.',
+            //   status: 'success',
+            //   duration: 3000,
+            //   position: 'top',
+            // });
+        }
+    };
+    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."] }) })] }), (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: "Currently you have limited credits to explore all the features of the product." }) }), (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" }) }) }) }), (0, jsx_runtime_1.jsx)(TimerClock_1.default, { startTimeInSeconds: countdown, isFromLearningCredits: true, isMobile: isMobile, autoStart: true })] }) }));
+    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!" })] }), (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 })] }) })] }) }));
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [cardState === 'limited' && renderLimitedCard(), cardState === 'requestSent' && renderRequestSentCard(), cardState === 'unlocked' && renderUnlockedCard(), cardState === 'noCredits' && renderNoCreditsCard()] }));
+};
+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,9 @@
+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;

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

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoCredits = exports.Unlocked = exports.RequestSent = exports.Limited = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const addon_actions_1 = require("@storybook/addon-actions");
+const SmartLearn_1 = __importDefault(require("./SmartLearn"));
+const meta = {
+    title: 'Components/Molecules/LearningCreditsCard',
+    component: SmartLearn_1.default,
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)(react_1.ChakraProvider, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        initialState: {
+            control: {
+                type: 'select',
+                options: ['limited', 'requestSent', 'unlocked', 'noCredits'],
+            },
+            description: 'The initial state of the card',
+        },
+        countdown: {
+            control: 'text',
+            description: 'Countdown text for the request sent state',
+        },
+        onStateChange: {
+            action: 'stateChanged',
+            description: 'Callback function called when state changes',
+        },
+        isMobile: {
+            control: 'boolean',
+            description: 'Whether the card should render in mobile mode',
+        },
+    },
+};
+exports.default = meta;
+exports.Limited = {
+    args: {
+        initialState: 'limited',
+        isMobile: true,
+        onStateChange: (0, addon_actions_1.action)('State changed'),
+    },
+};
+exports.RequestSent = {
+    args: {
+        initialState: 'requestSent',
+        countdown: 8000,
+        isMobile: false,
+        onStateChange: (0, addon_actions_1.action)('State changed'),
+    },
+};
+exports.Unlocked = {
+    args: {
+        initialState: 'unlocked',
+        isMobile: false,
+        onStateChange: (0, addon_actions_1.action)('State changed'),
+    },
+};
+exports.NoCredits = {
+    args: {
+        initialState: 'noCredits',
+        isMobile: false,
+        onStateChange: (0, addon_actions_1.action)('State changed'),
+    },
+};
+//# sourceMappingURL=SmartLearn.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmartLearn.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/SmartLearn/SmartLearn.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,4CAAkD;AAClD,4DAAkD;AAClD,8DAA+C;AAG/C,MAAM,IAAI,GAAqC;IAC7C,KAAK,EAAE,0CAA0C;IACjD,SAAS,EAAE,oBAAmB;IAC9B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,UAAU,EAAC,WAAW,CAAgB;aAC3E;YACD,WAAW,EAAE,+BAA+B;SAC7C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;SACzD;QACD,aAAa,EAAE;YACb,MAAM,EAAE,cAAc;YACtB,WAAW,EAAE,6CAA6C;SAC3D;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,+CAA+C;SAC7D;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,YAAY,EAAE,SAAS;QACvB,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE,IAAA,sBAAM,EAAC,eAAe,CAAC;KACvC;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,YAAY,EAAE,aAAa;QAC3B,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,IAAA,sBAAM,EAAC,eAAe,CAAC;KACvC;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,IAAA,sBAAM,EAAC,eAAe,CAAC;KACvC;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,IAAA,sBAAM,EAAC,eAAe,CAAC;KACvC;CACF,CAAC"}