reviewhver 0.0.1

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.styles.d.ts

@@ -0,0 +1,385 @@
+export declare const cardStyles: {
+    limited: {
+        width: string;
+        height: string;
+        border: string;
+        background: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    requestSent: {
+        width: string;
+        height: string;
+        border: string;
+        background: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    unlocked: {
+        width: string;
+        height: string;
+        border: string;
+        background: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    noCredits: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        boxShadow: string;
+    };
+    headerText: {
+        fontSize: string;
+        fontWeight: string;
+        width: string;
+        height: string;
+        color: string;
+        fontFamily: string;
+    };
+    mobilelearnbutton: {
+        ml: string;
+        paddingLeft: string;
+        paddingTop: string;
+        paddingBottom: string;
+        height: string;
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    headerlimitedText: {
+        fontSize: string;
+        fontWeight: string;
+        paddingTop: string;
+        paddingBottom: string;
+        color: string;
+        fontFamily: string;
+    };
+    learnMoreButton: {
+        ml: string;
+        paddingLeft: string;
+        paddingTop: string;
+        paddingBottom: string;
+        height: string;
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    learnMoreunlockedButton: {
+        height: string;
+        color: string;
+        padding: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    learnMorelimitedText: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    mobilelearnmorelimit: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    learnMoreText: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    chevronlimitedIcon: {
+        color: string;
+        ml: string;
+    };
+    chevronUnlockedIcon: {
+        color: string;
+        ml: string;
+    };
+    discovericon: {
+        color: string;
+        ml: string;
+    };
+    learnMoreRequireText: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    learnMoreUnlockedText: {
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    chevronIcon: {
+        color: string;
+        ml: string;
+    };
+    limitedUsageAlert: {
+        borderRadius: string;
+        background: string;
+        border: string;
+        paddingTop: string;
+        paddingBottom: string;
+        paddingRight: string;
+        paddingLeft: string;
+    };
+    limitedusagemobile: {
+        borderRadius: string;
+        background: string;
+        border: string;
+        paddingTop: string;
+        paddingBottom: string;
+        paddingRight: string;
+        paddingLeft: string;
+    };
+    alertText: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        textAlign: string;
+        lineHeight: string;
+        mr: string;
+    };
+    alertmobilelimited: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        textAlign: string;
+        lineHeight: string;
+        mr: string;
+    };
+    bodyText: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    bodyTextpoint: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    limitedbodyText: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    bodyTextlern: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    bodyTextDark: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+    };
+    successMessage: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+        lineHeight: string;
+    };
+    chevronmobilelimited: {
+        color: string;
+    };
+    mobilelearnunlockbutton: {
+        ml: string;
+        paddingLeft: string;
+        paddingTop: string;
+        paddingbottom: string;
+        height: string;
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+    };
+    primaryButton: {
+        width: string;
+        borderRadius: string;
+        fontWeight: string;
+        fontSize: string;
+        fontFamily: string;
+        backgroundColor: string;
+        transition: string;
+        _hover: {
+            backgroundColor: string;
+        };
+    };
+    primaryButtonnocredit: {
+        width: string;
+        borderRadius: string;
+        fontWeight: string;
+        fontSize: string;
+        fontFamily: string;
+        border: string;
+        backgroundColor: string;
+        transition: string;
+        _hover: {
+            backgroundColor: string;
+        };
+    };
+    discoverfeatures: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        paddingBottom: string;
+    };
+    discoverText: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        fontFamily: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+    };
+    buttonrequireText: {
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    buttonrequireTextnocredit: {
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    disabledButton: {
+        width: string;
+        fontWeight: string;
+        fontFamily: string;
+        background: string;
+        color: string;
+        cursor: string;
+        _disabled: {
+            background: string;
+            color: string;
+            cursor: string;
+        };
+    };
+    disabledButtonnocredit: {
+        width: string;
+        fontWeight: string;
+        fontFamily: string;
+        background: string;
+        cursor: string;
+        _hover: {
+            backgroundColor: string;
+        };
+    };
+    countdownText: {
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+        textAlign: string;
+        paddingLeft: string;
+        paddingRight: string;
+        paddingBottom: string;
+    };
+    countdownboldText: {
+        fontSize: string;
+        color: string;
+        fontWeight: string;
+        fontFamily: string;
+    };
+    headerFlex: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingTop: string;
+        paddingBottom: string;
+    };
+    headerFlexRequestSent: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingTop: string;
+        paddingBottom: string;
+    };
+    warningTextContainer: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingBottom: string;
+    };
+    mobilewarningcontainer: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingBottom: string;
+    };
+    bulletPointContainer: {
+        pl: string;
+        mt: string;
+    };
+    dashedDivider: {
+        width: string;
+        height: string;
+        borderTop: string;
+        borderImage: string;
+        opacity: number;
+        transform: string;
+    };
+    dashedDividerRequestSent: {
+        width: string;
+        height: string;
+        borderTop: string;
+        borderImage: string;
+        opacity: number;
+        transform: string;
+        marginBottom: string;
+        marginTop: string;
+    };
+    dashedDividerUnlocked: {
+        width: string;
+        height: string;
+        borderTop: string;
+        borderImage: string;
+        opacity: number;
+        transform: string;
+        paddingBottom: string;
+    };
+    buttonText: {
+        fontSize: string;
+        color: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    buttonTextnocredit: {
+        fontSize: string;
+        color: string;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    buttonTextnocreditMobile: {
+        fontSize: string;
+        color: string;
+        fontWeight: string;
+        fontFamily: string;
+        textAlign: string;
+    };
+    requestSentTextContainer: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingBottom: string;
+    };
+    requestSentBodyText: {
+        paddingTop: string;
+        paddingBottom: string;
+        paddingRight: string;
+        paddingLeft: string;
+    };
+    mobilebodytextw: {
+        paddingTop: string;
+        paddingBottom: string;
+        paddingRight: string;
+        paddingLeft: string;
+    };
+    successMessageContainer: {
+        paddingRight: string;
+        paddingLeft: string;
+        paddingBottom: string;
+    };
+};