dtaeids 0.0.1

package/dist/components/Molecules/SLI/sliUtils.d.ts

@@ -0,0 +1,241 @@
+export namespace sliStyle {
+    const lineColor: string;
+    const markerFillColor: string;
+    const markerLineColor: string;
+    const hoverLineColor: string;
+    const tooltipStops: (string | number)[][];
+    const gridLineColor: string;
+    const xAxisLabelColor: string;
+    const yAxisLabelColor: string;
+    const crosshairColor: string;
+    const chartFontFamily: string;
+    const chartBgColor: string;
+    const xAxisLabelFontSize: string;
+    const xAxisLabelFontWeight: string;
+    const yAxisLabelFontSize: string;
+    const tooltipBgColor: string;
+    const tooltipTextColor: string;
+    const tooltipShadowColor: string;
+    const tooltipBorderColor: string;
+    const tooltipFontWeight: string;
+    const tooltipLetterSpacing: string;
+    const lineWidth: number;
+    const markerRadius: number;
+    const markerHoverRadius: number;
+    const markerLineWidth: number;
+    const markerHoverLineWidth: number;
+    const tooltipDistance: number;
+    const tooltipBorderRadius: number;
+    const tooltipFontSize: string;
+    const chartHeight: string;
+    const carouselButtonSize: string;
+    const carouselButtonBg: string;
+    const carouselButtonHoverBg: string;
+    const carouselIconColor: string;
+}
+export namespace sliCommonProps {
+    export { sliStyle };
+    export namespace wrapper_style {
+        const fontFamily: string;
+        const background: string;
+        const maxWidth: string;
+        const boxSizing: string;
+        const position: string;
+    }
+    export namespace chartOptions {
+        namespace chart {
+            export const type: string;
+            export const animation: boolean;
+            export namespace style {
+                import fontFamily_1 = sliStyle.chartFontFamily;
+                export { fontFamily_1 as fontFamily };
+            }
+            import backgroundColor = sliStyle.chartBgColor;
+            export { backgroundColor };
+            export const marginLeft: number;
+            export const marginRight: number;
+            export const marginTop: number;
+        }
+        namespace title {
+            const text: null;
+        }
+        namespace credits {
+            const enabled: boolean;
+        }
+        namespace legend {
+            const enabled_1: boolean;
+            export { enabled_1 as enabled };
+        }
+        namespace xAxis {
+            export const tickmarkPlacement: string;
+            import lineColor_1 = sliStyle.gridLineColor;
+            export { lineColor_1 as lineColor };
+            import tickColor = sliStyle.gridLineColor;
+            export { tickColor };
+            export const gridLineWidth: number;
+            import gridLineColor_1 = sliStyle.gridLineColor;
+            export { gridLineColor_1 as gridLineColor };
+            export namespace labels {
+                export namespace style_1 {
+                    import color = sliStyle.xAxisLabelColor;
+                    export { color };
+                    import fontSize = sliStyle.xAxisLabelFontSize;
+                    export { fontSize };
+                    import fontWeight = sliStyle.xAxisLabelFontWeight;
+                    export { fontWeight };
+                }
+                export { style_1 as style };
+            }
+            export namespace crosshair {
+                import color_1 = sliStyle.crosshairColor;
+                export { color_1 as color };
+                export const dashStyle: string;
+                export const width: number;
+            }
+        }
+        namespace yAxis {
+            export const min: number;
+            export const max: number;
+            export const tickInterval: number;
+            export namespace title_1 {
+                const text_1: null;
+                export { text_1 as text };
+            }
+            export { title_1 as title };
+            import gridLineColor_2 = sliStyle.gridLineColor;
+            export { gridLineColor_2 as gridLineColor };
+            export const gridLineDashStyle: string;
+            export namespace labels_1 {
+                export namespace style_2 {
+                    import color_2 = sliStyle.yAxisLabelColor;
+                    export { color_2 as color };
+                    import fontSize_1 = sliStyle.yAxisLabelFontSize;
+                    export { fontSize_1 as fontSize };
+                }
+                export { style_2 as style };
+            }
+            export { labels_1 as labels };
+        }
+        namespace tooltip {
+            const enabled_2: boolean;
+            export { enabled_2 as enabled };
+            export const useHTML: boolean;
+            const backgroundColor_1: string | {
+                linearGradient: {
+                    x1: number;
+                    y1: number;
+                    x2: number;
+                    y2: number;
+                };
+                stops: (string | number)[][];
+            };
+            export { backgroundColor_1 as backgroundColor };
+            import borderColor = sliStyle.tooltipBorderColor;
+            export { borderColor };
+            export const borderWidth: number;
+            import borderRadius = sliStyle.tooltipBorderRadius;
+            export { borderRadius };
+            export namespace shadow {
+                import color_3 = sliStyle.tooltipShadowColor;
+                export { color_3 as color };
+                const width_1: number;
+                export { width_1 as width };
+                export const offsetX: number;
+                export const offsetY: number;
+            }
+            export const shape: string;
+            import distance = sliStyle.tooltipDistance;
+            export { distance };
+            export const outside: boolean;
+            export const padding: number;
+            export namespace style_3 {
+                import color_4 = sliStyle.tooltipTextColor;
+                export { color_4 as color };
+                export const pointerEvents: string;
+            }
+            export { style_3 as style };
+            export function formatter(): any;
+        }
+        namespace plotOptions {
+            namespace series {
+                const animation_1: boolean;
+                export { animation_1 as animation };
+                import color_5 = sliStyle.lineColor;
+                export { color_5 as color };
+                import lineWidth_1 = sliStyle.lineWidth;
+                export { lineWidth_1 as lineWidth };
+                export namespace dataLabels {
+                    const enabled_3: boolean;
+                    export { enabled_3 as enabled };
+                    const useHTML_1: boolean;
+                    export { useHTML_1 as useHTML };
+                    const shape_1: string;
+                    export { shape_1 as shape };
+                    export const y: number;
+                    const padding_1: number;
+                    export { padding_1 as padding };
+                    export const crop: boolean;
+                    export const overflow: string;
+                    export const allowOverlap: boolean;
+                    const borderWidth_1: number;
+                    export { borderWidth_1 as borderWidth };
+                    import borderRadius_1 = sliStyle.tooltipBorderRadius;
+                    export { borderRadius_1 as borderRadius };
+                    const backgroundColor_2: string | {
+                        linearGradient: {
+                            x1: number;
+                            y1: number;
+                            x2: number;
+                            y2: number;
+                        };
+                        stops: (string | number)[][];
+                    };
+                    export { backgroundColor_2 as backgroundColor };
+                    export namespace style_4 {
+                        import color_6 = sliStyle.tooltipTextColor;
+                        export { color_6 as color };
+                        import fontWeight_1 = sliStyle.tooltipFontWeight;
+                        export { fontWeight_1 as fontWeight };
+                        import fontSize_2 = sliStyle.tooltipFontSize;
+                        export { fontSize_2 as fontSize };
+                        import letterSpacing = sliStyle.tooltipLetterSpacing;
+                        export { letterSpacing };
+                        export const textOutline: string;
+                    }
+                    export { style_4 as style };
+                    export function formatter(): string | null;
+                }
+                export namespace marker {
+                    const enabled_4: boolean;
+                    export { enabled_4 as enabled };
+                    import radius = sliStyle.markerRadius;
+                    export { radius };
+                    export const symbol: string;
+                    import lineWidth_2 = sliStyle.markerLineWidth;
+                    export { lineWidth_2 as lineWidth };
+                    import lineColor_2 = sliStyle.markerLineColor;
+                    export { lineColor_2 as lineColor };
+                    import fillColor = sliStyle.markerFillColor;
+                    export { fillColor };
+                    export namespace states {
+                        namespace hover {
+                            const enabled_5: boolean;
+                            export { enabled_5 as enabled };
+                        }
+                    }
+                }
+                export namespace states_1 {
+                    export namespace hover_1 {
+                        import lineWidth_3 = sliStyle.lineWidth;
+                        export { lineWidth_3 as lineWidth };
+                    }
+                    export { hover_1 as hover };
+                    export namespace inactive {
+                        const opacity: number;
+                    }
+                }
+                export { states_1 as states };
+            }
+        }
+    }
+}

package/dist/components/Molecules/SLI/sliUtils.js

@@ -0,0 +1,194 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sliCommonProps = exports.sliStyle = void 0;
+exports.sliStyle = {
+    // Theme aspects (can be overridden from stories)
+    lineColor: "#c4b5fd",
+    markerFillColor: "#0f172a",
+    markerLineColor: "#c4b5fd",
+    hoverLineColor: "#a78bfa",
+    tooltipStops: [
+        [0, "#312e81"],
+        [1, "#1e1b4b"]
+    ],
+    gridLineColor: "#f1f5f9",
+    xAxisLabelColor: "#475569",
+    yAxisLabelColor: "#475569",
+    crosshairColor: "rgba(196,181,253,0.2)",
+    // Comprehensive Typography & Layout Tokens
+    chartFontFamily: "'DM Sans', 'Segoe UI', sans-serif",
+    chartBgColor: "#ffffff",
+    xAxisLabelFontSize: "11px",
+    xAxisLabelFontWeight: "500",
+    yAxisLabelFontSize: "11px",
+    tooltipBgColor: "#13131a",
+    tooltipTextColor: "#f8fafc",
+    tooltipShadowColor: "rgba(0,0,0,0.3)",
+    tooltipBorderColor: "transparent",
+    tooltipFontWeight: "500",
+    tooltipLetterSpacing: "0.02em",
+    // Dimension aspects
+    lineWidth: 3,
+    markerRadius: 5,
+    markerHoverRadius: 8,
+    markerLineWidth: 2,
+    markerHoverLineWidth: 3,
+    tooltipDistance: 8,
+    tooltipBorderRadius: 10,
+    tooltipFontSize: "12px",
+    chartHeight: "250px",
+    carouselButtonSize: "32px",
+    carouselButtonBg: "rgba(0, 0, 0, 0.3)",
+    carouselButtonHoverBg: "rgba(0, 0, 0, 0.5)",
+    carouselIconColor: "#ffffff",
+};
+exports.sliCommonProps = {
+    sliStyle: exports.sliStyle,
+    wrapper_style: {
+        fontFamily: "'DM Sans', 'Segoe UI', sans-serif",
+        background: "#ffffff",
+        // padding: "24px",
+        maxWidth: "500px",
+        // margin: "0 auto",
+        boxSizing: "border-box",
+        position: "relative",
+    },
+    // Base Highcharts options, fully pre-configured with sliStyle tokens
+    chartOptions: {
+        chart: {
+            type: "line",
+            animation: false,
+            style: { fontFamily: exports.sliStyle.chartFontFamily },
+            backgroundColor: exports.sliStyle.chartBgColor,
+            marginLeft: 58,
+            marginRight: 24,
+            marginTop: 20,
+        },
+        title: { text: null },
+        credits: { enabled: false },
+        legend: { enabled: false },
+        xAxis: {
+            tickmarkPlacement: "on",
+            lineColor: exports.sliStyle.gridLineColor,
+            tickColor: exports.sliStyle.gridLineColor,
+            gridLineWidth: 1,
+            gridLineColor: exports.sliStyle.gridLineColor,
+            labels: {
+                style: {
+                    color: exports.sliStyle.xAxisLabelColor,
+                    fontSize: exports.sliStyle.xAxisLabelFontSize,
+                    fontWeight: exports.sliStyle.xAxisLabelFontWeight
+                },
+            },
+            crosshair: {
+                color: exports.sliStyle.crosshairColor,
+                dashStyle: "Solid",
+                width: 1,
+            },
+        },
+        yAxis: {
+            min: 0,
+            max: 100,
+            tickInterval: 10,
+            title: { text: null },
+            gridLineColor: exports.sliStyle.gridLineColor,
+            gridLineDashStyle: "Solid",
+            labels: {
+                style: {
+                    color: exports.sliStyle.yAxisLabelColor,
+                    fontSize: exports.sliStyle.yAxisLabelFontSize
+                },
+            },
+        },
+        tooltip: {
+            enabled: false,
+            useHTML: true,
+            backgroundColor: exports.sliStyle.tooltipStops ? {
+                linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },
+                stops: exports.sliStyle.tooltipStops
+            } : exports.sliStyle.tooltipBgColor,
+            borderColor: exports.sliStyle.tooltipBorderColor,
+            borderWidth: 0,
+            borderRadius: exports.sliStyle.tooltipBorderRadius,
+            shadow: {
+                color: exports.sliStyle.tooltipShadowColor,
+                width: 8,
+                offsetX: 0,
+                offsetY: 4
+            },
+            shape: "callout",
+            distance: exports.sliStyle.tooltipDistance,
+            outside: false,
+            padding: 0,
+            style: {
+                color: exports.sliStyle.tooltipTextColor,
+                pointerEvents: "none"
+            },
+            formatter() {
+                return `
+          <div style="padding:4px 10px;font-family:${exports.sliStyle.chartFontFamily};font-size:${exports.sliStyle.tooltipFontSize};font-weight:${exports.sliStyle.tooltipFontWeight};color:${exports.sliStyle.tooltipTextColor};letter-spacing:${exports.sliStyle.tooltipLetterSpacing};text-align:center;">
+            ${Math.round(this.y)}
+          </div>
+        `;
+            },
+        },
+        plotOptions: {
+            series: {
+                animation: false,
+                color: exports.sliStyle.lineColor,
+                lineWidth: exports.sliStyle.lineWidth,
+                dataLabels: {
+                    enabled: true,
+                    useHTML: true,
+                    shape: "callout",
+                    y: -25,
+                    padding: 3,
+                    crop: false,
+                    overflow: "allow",
+                    allowOverlap: true,
+                    borderWidth: 0,
+                    borderRadius: exports.sliStyle.tooltipBorderRadius,
+                    backgroundColor: exports.sliStyle.tooltipStops ? {
+                        linearGradient: { x1: 0, y1: 0, x2: 1, y2: 0 },
+                        stops: exports.sliStyle.tooltipStops
+                    } : exports.sliStyle.tooltipBgColor,
+                    style: {
+                        color: exports.sliStyle.tooltipTextColor,
+                        fontWeight: exports.sliStyle.tooltipFontWeight,
+                        fontSize: exports.sliStyle.tooltipFontSize,
+                        letterSpacing: exports.sliStyle.tooltipLetterSpacing,
+                        textOutline: "none",
+                    },
+                    formatter() {
+                        if (this.point.index % 2 === 0) {
+                            return `
+                <div style="font-family:${exports.sliStyle.chartFontFamily};text-align:center;min-width:18px;">
+                  ${Math.round(this.y)}
+                </div>
+              `;
+                        }
+                        return null;
+                    },
+                },
+                marker: {
+                    enabled: true,
+                    radius: exports.sliStyle.markerRadius,
+                    symbol: "circle",
+                    lineWidth: exports.sliStyle.markerLineWidth,
+                    lineColor: exports.sliStyle.markerLineColor,
+                    fillColor: exports.sliStyle.markerFillColor,
+                    states: {
+                        hover: {
+                            enabled: false,
+                        },
+                    },
+                },
+                states: {
+                    hover: { lineWidth: exports.sliStyle.lineWidth },
+                    inactive: { opacity: 1 },
+                },
+            },
+        },
+    }
+};
+//# sourceMappingURL=sliUtils.js.map

package/dist/components/Molecules/SLI/sliUtils.js.map

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

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,54 @@
+"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, learningCredits, icons, }) => {
+    const [cardState, setCardState] = (0, react_1.useState)(initialState);
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
+    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 toggleExpanded = () => {
+        setIsExpanded(!isExpanded);
+    };
+    const renderLimitedCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "linear-gradient(124.5deg, #E3CF9B 0%, #9E7636 100%)", "data-testid": "smart-learn-limited-container", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.limited, "data-testid": "smart-learn-limited-card", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlex, alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerlimitedText, "data-testid": "smart-learn-header-text", children: "Learning Credits" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { cursor: "pointer", onClick: toggleExpanded, transform: isExpanded ? "rotate(0deg)" : "rotate(180deg)", transition: "transform 0.2s ease", color: "#171717", width: "24px", height: "24px", "data-testid": "smart-learn-expand-icon" })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { px: "12px", pb: "8px", visibility: isExpanded ? "visible" : "hidden", height: isExpanded ? "auto" : 0, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }), (0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile ? SmartLearn_styles_1.cardStyles.alertmobilelimited : SmartLearn_styles_1.cardStyles.alertText, children: "You have" }), (0, jsx_runtime_1.jsx)(react_2.Image, { src: icons?.learningCreditsIcon, width: "16px", height: "16px", alt: "LC", mr: "4px", "data-testid": "smart-learn-credits-icon" }), (0, jsx_runtime_1.jsx)(react_2.Text, { color: "#D0392E", fontFamily: "Poppins", fontWeight: "600", fontSize: "12px", lineHeight: "18px", mr: "4px", "data-testid": "smart-learn-credits-count", children: learningCredits }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile ? SmartLearn_styles_1.cardStyles.alertmobilelimited : SmartLearn_styles_1.cardStyles.alertText, children: "left" })] })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { visibility: isExpanded ? "visible" : "hidden", height: isExpanded ? "auto" : 0, children: [(0, jsx_runtime_1.jsx)(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: "You\u2019re running low on Learning Credits. Send a reminder to your parents to top them up" }) }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (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, "data-testid": "smart-learn-get-credits-button", 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%)", "data-testid": "smart-learn-request-sent-container", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.requestSent, "data-testid": "smart-learn-request-sent-card", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlexRequestSent, alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerText, "data-testid": "smart-learn-request-sent-header", children: "SmartLearn" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { cursor: "pointer", onClick: toggleExpanded, transform: isExpanded ? "rotate(0deg)" : "rotate(180deg)", transition: "transform 0.2s ease", color: "#171717", width: "24px", height: "24px", "data-testid": "smart-learn-expand-icon" })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { px: "12px", pb: "8px", visibility: isExpanded ? "visible" : "hidden", height: isExpanded ? "auto" : 0, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }), (0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile ? SmartLearn_styles_1.cardStyles.alertmobilelimited : SmartLearn_styles_1.cardStyles.alertText, children: "You have" }), (0, jsx_runtime_1.jsx)(react_2.Image, { src: icons?.learningCreditsIcon, width: "16px", height: "16px", alt: "LC", mr: "4px" }), (0, jsx_runtime_1.jsx)(react_2.Text, { color: "#D0392E", fontFamily: "Poppins", fontWeight: "600", fontSize: "12px", lineHeight: "18px", mr: "4px", children: learningCredits }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile ? SmartLearn_styles_1.cardStyles.alertmobilelimited : SmartLearn_styles_1.cardStyles.alertText, children: "left" })] })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { visibility: isExpanded ? "visible" : "hidden", height: isExpanded ? "auto" : 0, children: [(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.jsx)(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.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButton, "data-testid": "smart-learn-request-sent-button", 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%)", "data-testid": "smart-learn-unlocked-container", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.unlocked, "data-testid": "smart-learn-unlocked-card", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlex, alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerlimitedText, "data-testid": "smart-learn-header-text", children: "Learning Credits" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { cursor: "pointer", onClick: toggleExpanded, transform: isExpanded ? "rotate(0deg)" : "rotate(180deg)", transition: "transform 0.2s ease", color: "#171717", width: "24px", height: "24px", "data-testid": "smart-learn-expand-icon" })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { visibility: isExpanded ? "visible" : "hidden", height: isExpanded ? "auto" : 0, children: [(0, jsx_runtime_1.jsxs)(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.jsxs)(react_2.Flex, { alignItems: "center", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { color: "#353535", fontFamily: "Poppins", fontWeight: "400", fontSize: "12px", children: "You have" }), (0, jsx_runtime_1.jsx)(react_2.Flex, { bgColor: "", borderRadius: "100px", alignItems: "center", ml: "4px", mr: "4px", children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: icons?.learningCreditsIcon, width: "16px", height: "16px", alt: "LC" }) }), (0, jsx_runtime_1.jsxs)(react_2.Text, { color: "#1B3163", fontFamily: "Poppins", fontWeight: "600", fontSize: "12px", children: [learningCredits, "", " left"] })] })] }), (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, "data-testid": "smart-learn-success-message", 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 Vin!"] }) })] })] }) }));
+    const renderNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", "data-testid": "smart-learn-no-credits-container", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, "data-testid": "smart-learn-no-credits-card", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlex, alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerlimitedText, "data-testid": "smart-learn-header-text", children: "Learning Credits" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { cursor: "pointer", onClick: toggleExpanded, transform: isExpanded ? "rotate(0deg)" : "rotate(180deg)", transition: "transform 0.2s ease", color: "#171717", width: "24px", height: "24px", "data-testid": "smart-learn-expand-icon" })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { px: "12px", pb: "8px", visibility: isExpanded ? "visible" : "hidden", height: isExpanded ? "auto" : 0, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }), (0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", alignItems: "center", mb: "8px", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile ? SmartLearn_styles_1.cardStyles.alertmobilelimited : SmartLearn_styles_1.cardStyles.alertText, children: "You have" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { bgColor: "", borderRadius: "100px", alignItems: "center", gap: "4px", mx: "4px", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: icons?.learningCreditsIcon, width: "16px", height: "16px", alt: "LC" }), (0, jsx_runtime_1.jsx)(react_2.Text, { color: "#312961", fontFamily: "Poppins", fontWeight: "600", fontSize: "12px", children: learningCredits }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile
+                                                ? SmartLearn_styles_1.cardStyles.alertmobilelimited
+                                                : SmartLearn_styles_1.cardStyles.alertText, children: "left" })] })] }), (0, jsx_runtime_1.jsx)(react_2.VStack, { align: "start", spacing: 2, mb: "12px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: "Your Learning Credits are over. Send a reminder to your parents to top them up so you can continue learning with Vin." }) }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Box, { children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", onClick: handleRequestCredits, sx: SmartLearn_styles_1.cardStyles.primaryButton, "data-testid": "smart-learn-get-credits-button", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.buttonText, children: "Get Learning Credits" }) }) }))] })] }) }));
+    const renderRequestsentNoCreditsCard = () => ((0, jsx_runtime_1.jsx)(react_2.Box, { p: "1px", borderRadius: "8px", background: "#F1F1F1", "data-testid": "smart-learn-no-credits-request-sent-container", children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.noCredits, "data-testid": "smart-learn-no-credits-request-sent-card", children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { sx: SmartLearn_styles_1.cardStyles.headerFlex, alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.headerlimitedText, "data-testid": "smart-learn-header-text", children: "Learning Credits" }), (0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { cursor: "pointer", onClick: toggleExpanded, transform: isExpanded ? "rotate(0deg)" : "rotate(180deg)", transition: "transform 0.2s ease", color: "#171717", width: "24px", height: "24px", "data-testid": "smart-learn-expand-icon" })] }), (0, jsx_runtime_1.jsxs)(react_2.Box, { px: "12px", pb: "8px", visibility: isExpanded ? "visible" : "hidden", height: isExpanded ? "auto" : 0, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: SmartLearn_styles_1.cardStyles.dashedDividerUnlocked }), (0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", alignItems: "center", mb: "8px", children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile ? SmartLearn_styles_1.cardStyles.alertmobilelimited : SmartLearn_styles_1.cardStyles.alertText, children: "You have" }), (0, jsx_runtime_1.jsxs)(react_2.Flex, { bgColor: "", borderRadius: "100px", alignItems: "center", gap: "4px", mx: "4px", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: icons?.learningCreditsIcon, width: "16px", height: "16px", alt: "LC" }), (0, jsx_runtime_1.jsx)(react_2.Text, { color: "#312961", fontFamily: "Poppins", fontWeight: "600", fontSize: "12px", children: learningCredits }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: isMobile
+                                                ? SmartLearn_styles_1.cardStyles.alertmobilelimited
+                                                : SmartLearn_styles_1.cardStyles.alertText, children: "left" })] })] }), (0, jsx_runtime_1.jsx)(react_2.VStack, { align: "start", spacing: 2, mb: "12px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: SmartLearn_styles_1.cardStyles.bodyText, children: messagetext && isSchoolPayEnabled ? (messagetext) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "A request to top up the Learning Credits has been sent. Once they are topped up, you can resume learning with Vin." })) }) }), !isSchoolPayEnabled && ((0, jsx_runtime_1.jsx)(react_2.Box, { children: (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", isDisabled: true, sx: SmartLearn_styles_1.cardStyles.disabledButtonnocredit, "data-testid": "smart-learn-request-sent-button", children: (0, jsx_runtime_1.jsx)(react_2.Box, { pt: "10px", pb: "10px", 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;

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

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.noCreditsRequestSent = 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");
+// import { action } from "@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: action("State changed"),
+    },
+};
+exports.RequestSent = {
+    args: {
+        initialState: "requestSent",
+        countdown: 8000,
+        isMobile: false,
+        // onStateChange: action("State changed"),
+        messagetext: "You’re close to running out of Learning Credits to unlock the full power of Vin.",
+    },
+};
+exports.Unlocked = {
+    args: {
+        initialState: "unlocked",
+        isMobile: false,
+        // onStateChange: action("State changed"),
+    },
+};
+exports.NoCredits = {
+    args: {
+        initialState: "noCredits",
+        isMobile: false,
+        // onStateChange: action("State changed"),
+    },
+};
+exports.noCreditsRequestSent = {
+    args: {
+        initialState: "noCreditsRequestSent",
+        isMobile: false,
+        // onStateChange: action("State changed"),
+        messagetext: "Hello",
+        isSchoolPayEnabled: false,
+    },
+};
+//# sourceMappingURL=SmartLearn.stories.js.map