recap_mobileview 0.0.1

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: true,
+    },
+};
+//# 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,qDAAqD;AACrD,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;oBACP,SAAS;oBACT,aAAa;oBACb,UAAU;oBACV,WAAW;iBACG;aACjB;YACD,WAAW,EAAE,+BAA+B;SAC7C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2CAA2C;SACzD;QACD,mBAAmB;QACnB,4BAA4B;QAC5B,gEAAgE;QAChE,KAAK;QACL,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,0CAA0C;KAC3C;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,YAAY,EAAE,aAAa;QAC3B,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,KAAK;QACf,0CAA0C;QAC1C,WAAW,EACT,kFAAkF;KACrF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,KAAK;QACf,0CAA0C;KAC3C;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,KAAK;QACf,0CAA0C;KAC3C;CACF,CAAC;AAEW,QAAA,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,YAAY,EAAE,sBAAsB;QACpC,QAAQ,EAAE,KAAK;QACf,0CAA0C;QAC1C,WAAW,EAAC,OAAO;QACnB,kBAAkB,EAAE,IAAI;KACzB;CACF,CAAC"}

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

@@ -0,0 +1,393 @@
+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;
+    };
+    nocreditsheader: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingTop: string;
+        paddingBottom: 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;
+        width: string;
+    };
+    alertmobilelimited: {
+        fontSize: string;
+        fontWeight: string;
+        color: string;
+        textAlign: string;
+        width: 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;
+        };
+    };
+    nocreditleaningButton: {
+        paddingLeft: string;
+        paddingRight: string;
+        paddingBottom: 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;
+    };
+    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;
+    };
+};