performanceresultscreens 0.0.1

package/dist/components/Molecules/Pay4Use/ExecutionModal.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExecutionModal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const ExecutionModalStyles_1 = require("./ExecutionModalStyles");
+const LearningPathUtils_1 = require("../../../utils/LearningPathUtils");
+const TimerClock_1 = __importDefault(require("../TimerClock/TimerClock"));
+const ExecutionModal = ({ isOpen, onClose, subjectIcon, studentName = "", taskType = "", practiceType = "", taskTitle = "", subTitle = "", allowSend = true, onGetCredits, remainingTime = 86400, warningMessage = "", }) => {
+    const isMobile = (0, react_1.useMediaQuery)("(max-width: 768px)")[0];
+    const taskTitleList = [
+        { key: LearningPathUtils_1.taskTypes.guidedPractice, value: "Guided Practice" },
+        { key: LearningPathUtils_1.taskTypes.assessment, value: "Assessment" },
+        { key: LearningPathUtils_1.taskTypes.learnPrerequisite, value: "Prerequisite" },
+        { key: LearningPathUtils_1.taskTypes.learnSubTopic, value: "Learn" },
+        { key: LearningPathUtils_1.taskTypes.guidedPractise, value: "Guided Practice" }
+    ];
+    const getTaskTitle = (practiceType) => {
+        const task = taskTitleList.find((item) => item.key === practiceType);
+        return task ? task.value : practiceType; // fallback to practiceType if not found
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_1.Modal, { isOpen: isOpen, onClose: onClose, isCentered: true, size: isMobile ? "sm" : "md", closeOnOverlayClick: false, children: [(0, jsx_runtime_1.jsx)(react_1.ModalOverlay, { style: ExecutionModalStyles_1.styles.overlay }), (0, jsx_runtime_1.jsx)(react_1.ModalContent, { style: isMobile ? ExecutionModalStyles_1.styles.mobileModalContainer : ExecutionModalStyles_1.styles.desktopModalContainer, maxWidth: isMobile ? "90%" : "550px", width: isMobile ? "90%" : "auto", children: (0, jsx_runtime_1.jsx)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileContainer : ExecutionModalStyles_1.styles.modalContainer, children: (0, jsx_runtime_1.jsxs)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileModalContent : ExecutionModalStyles_1.styles.modalContent, children: [(0, jsx_runtime_1.jsxs)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileHeader : ExecutionModalStyles_1.styles.header, children: [(0, jsx_runtime_1.jsx)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileIconContainer : ExecutionModalStyles_1.styles.iconContainer, children: (0, jsx_runtime_1.jsx)(react_1.Image, { src: subjectIcon, style: isMobile ? ExecutionModalStyles_1.styles.mobileIcon : ExecutionModalStyles_1.styles.icon }) }), (0, jsx_runtime_1.jsxs)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileTitleContainer : ExecutionModalStyles_1.styles.titleContainer, children: [(0, jsx_runtime_1.jsx)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileTitle : ExecutionModalStyles_1.styles.title, children: taskTitle }), (0, jsx_runtime_1.jsx)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileSubtitle : ExecutionModalStyles_1.styles.subtitle, children: getTaskTitle(practiceType) })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileMessageContainer : ExecutionModalStyles_1.styles.messageContainer, children: [(0, jsx_runtime_1.jsxs)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileStudentName : ExecutionModalStyles_1.styles.studentName, children: ["Hey ", studentName, ","] }), allowSend ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: "You " }), (0, jsx_runtime_1.jsx)("span", { style: ExecutionModalStyles_1.styles.boldText, children: "don't have enough Learning Credits to converse with Vin" }), (0, jsx_runtime_1.jsx)("span", { children: " in this " }), (0, jsx_runtime_1.jsxs)("span", { children: [taskType, "."] }), (0, jsx_runtime_1.jsx)("span", { children: taskType === "assessment"
+                                                    ? " If you choose to continue you will not be able to discuss your answers with Vin"
+                                                    : "" })] })) : ((0, jsx_runtime_1.jsx)("div", { children: subTitle }))] }), (0, jsx_runtime_1.jsx)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileDivider : ExecutionModalStyles_1.styles.divider }), (0, jsx_runtime_1.jsx)("div", { style: allowSend ? isMobile ? ExecutionModalStyles_1.styles.mobileInfoMessage : ExecutionModalStyles_1.styles.infoMessage : isMobile ? ExecutionModalStyles_1.styles.mobileWarningMessage : ExecutionModalStyles_1.styles.warningMessage, children: warningMessage }), (0, jsx_runtime_1.jsx)("div", { style: isMobile ? ExecutionModalStyles_1.styles.mobileButtonContainer : ExecutionModalStyles_1.styles.buttonContainer, children: isMobile ? (
+                                // Mobile layout - stack buttons vertically
+                                (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { style: ExecutionModalStyles_1.styles.mobileCreditButton(allowSend), onClick: onGetCredits, disabled: !allowSend, children: allowSend ? "Get Learning Credits" : "Request Sent" }), !allowSend && ((0, jsx_runtime_1.jsx)("div", { style: ExecutionModalStyles_1.styles.mobileTimerText, children: (0, jsx_runtime_1.jsx)(TimerClock_1.default, { startTimeInSeconds: remainingTime, isFromLearningCredits: true, autoStart: true }) })), (0, jsx_runtime_1.jsxs)("button", { style: ExecutionModalStyles_1.styles.mobileContinueButton, onClick: onClose, children: ["Continue with ", getTaskTitle(practiceType)] })] })) : (
+                                // Desktop layout - buttons side by side
+                                (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { style: ExecutionModalStyles_1.styles.continueButton, onClick: onClose, children: ["Continue with ", getTaskTitle(practiceType)] }), (0, jsx_runtime_1.jsxs)("div", { style: ExecutionModalStyles_1.styles.creditButtonWrapper, children: [(0, jsx_runtime_1.jsx)("button", { style: ExecutionModalStyles_1.styles.creditButton(allowSend), onClick: onGetCredits, disabled: !allowSend, children: allowSend ? "Get Learning Credits" : "Request Sent" }), !allowSend && ((0, jsx_runtime_1.jsx)("div", { style: ExecutionModalStyles_1.styles.timerText, children: (0, jsx_runtime_1.jsx)(TimerClock_1.default, { startTimeInSeconds: remainingTime, isFromLearningCredits: true, autoStart: true }) }))] })] })) })] }) }) })] }));
+};
+exports.ExecutionModal = ExecutionModal;
+exports.default = exports.ExecutionModal;
+//# sourceMappingURL=ExecutionModal.js.map

package/dist/components/Molecules/Pay4Use/ExecutionModal.js.map

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

package/dist/components/Molecules/Pay4Use/ExecutionModal.stories.d.ts

@@ -0,0 +1,9 @@
+import { ExecutionModalProps } from "./ExecutionModal";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const AssessmentPractice: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExecutionModalProps>;
+export declare const GuidedPractice: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExecutionModalProps>;
+export declare const RequestSent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExecutionModalProps>;
+export declare const MobileAssessmentPractice: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExecutionModalProps>;
+export declare const MobileGuidedPractice: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExecutionModalProps>;
+export declare const MobileRequestSent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ExecutionModalProps>;

package/dist/components/Molecules/Pay4Use/ExecutionModal.stories.js

@@ -0,0 +1,92 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileRequestSent = exports.MobileGuidedPractice = exports.MobileAssessmentPractice = exports.RequestSent = exports.GuidedPractice = exports.AssessmentPractice = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ExecutionModal_1 = __importDefault(require("./ExecutionModal"));
+exports.default = {
+    title: "components/Molecules/Pay4Use/ExecutionModal",
+    component: ExecutionModal_1.default,
+    parameters: {
+        viewport: {
+            defaultViewport: "responsive",
+        },
+    },
+};
+const Template = (args) => ((0, jsx_runtime_1.jsx)(ExecutionModal_1.default, { ...args }));
+// Assessment Practice - Allow Send Version
+exports.AssessmentPractice = Template.bind({});
+exports.AssessmentPractice.args = {
+    isOpen: true,
+    onClose: () => { },
+    subjectIcon: `https://yavuzceliker.github.io/sample-images/image-1.jpg`,
+    taskType: "assessment",
+    studentName: "Harsha",
+    practiceType: "Assessment practice",
+    taskTitle: "Relevance of Democracy",
+    subTitle: "You don't have enough Learning Credits to use review in this assessment. If you choose to continue you will not be able to discuss your answers with Vin",
+    allowSend: true,
+    onGetCredits: () => console.log("Get credits clicked"),
+    warningMessage: "Ask your parent to get Learning Credits to discuss"
+};
+// Guided Practice - Allow Send Version
+exports.GuidedPractice = Template.bind({});
+exports.GuidedPractice.args = {
+    isOpen: true,
+    onClose: () => { },
+    subjectIcon: `https://yavuzceliker.github.io/sample-images/image-1.jpg`,
+    taskType: "guided practice",
+    studentName: "Harsha",
+    practiceType: "Guided practice",
+    taskTitle: "Democracy",
+    subTitle: "You don't have enough Learning Credits to converse with Vin in this guided practice.",
+    allowSend: true,
+    onGetCredits: () => console.log("Get credits clicked"),
+};
+// Assessment Practice - Request Already Sent Version
+exports.RequestSent = Template.bind({});
+exports.RequestSent.args = {
+    isOpen: true,
+    onClose: () => { },
+    subjectIcon: `https://yavuzceliker.github.io/sample-images/image-1.jpg`,
+    taskType: "assessment",
+    studentName: "Harsha",
+    practiceType: "Assessment practice",
+    taskTitle: "Relevance of Democracy",
+    subTitle: "You don't have enough Learning Credits to use review in this assessment. A request has been sent to your parent.",
+    allowSend: false,
+    remainingTime: 86400,
+    onGetCredits: () => console.log("Get credits clicked"),
+    warningMessage: "if you continue without waiting, Vin wont be able to help you with answers even if the Learning Credits become available during the assessment."
+};
+// Mobile view stories
+exports.MobileAssessmentPractice = Template.bind({});
+exports.MobileAssessmentPractice.args = {
+    ...exports.AssessmentPractice.args,
+};
+exports.MobileAssessmentPractice.parameters = {
+    viewport: {
+        defaultViewport: "mobile1",
+    },
+};
+exports.MobileGuidedPractice = Template.bind({});
+exports.MobileGuidedPractice.args = {
+    ...exports.GuidedPractice.args,
+};
+exports.MobileGuidedPractice.parameters = {
+    viewport: {
+        defaultViewport: "mobile1",
+    },
+};
+exports.MobileRequestSent = Template.bind({});
+exports.MobileRequestSent.args = {
+    ...exports.RequestSent.args,
+};
+exports.MobileRequestSent.parameters = {
+    viewport: {
+        defaultViewport: "mobile1",
+    },
+};
+//# sourceMappingURL=ExecutionModal.stories.js.map

package/dist/components/Molecules/Pay4Use/ExecutionModal.stories.js.map

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

package/dist/components/Molecules/Pay4Use/ExecutionModalStyles.d.ts

@@ -0,0 +1,344 @@
+export declare const styles: {
+    overlay: {
+        background: string;
+        backdropFilter: string;
+    };
+    boldText: {
+        fontWeight: number;
+    };
+    desktopModalContainer: {
+        justifyContent: string;
+        alignItems: string;
+        padding: number;
+        display: string;
+        flexDirection: "column";
+        maxWidth: string;
+    };
+    modalContainer: {
+        background: string;
+        maxWidth: string;
+        boxShadow: string;
+        margin: string;
+        borderRadius: number;
+        border: string;
+        boxSizing: "border-box";
+        padding: number;
+        display: string;
+        flexDirection: "column";
+    };
+    modalContent: {
+        borderRadius: number;
+        border: string;
+        background: string;
+        padding: number;
+        boxSizing: "border-box";
+        minHeight: string;
+        display: string;
+        flexDirection: "column";
+        justifyContent: string;
+    };
+    header: {
+        display: string;
+        alignItems: string;
+        marginBottom: number;
+    };
+    iconContainer: {
+        background: string;
+        borderRadius: number;
+        width: string;
+        height: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        marginRight: number;
+    };
+    icon: {
+        width: string;
+        height: string;
+    };
+    titleContainer: {
+        display: string;
+        flexDirection: "column";
+    };
+    title: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        marginBottom: number;
+    };
+    subtitle: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+    };
+    messageContainer: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        marginBottom: number;
+    };
+    studentName: {
+        lineHeight: string;
+    };
+    divider: {
+        borderTop: string;
+        margin: string;
+        width: string;
+    };
+    infoMessage: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        marginBottom: number;
+    };
+    warningMessage: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        padding: string;
+        textAlign: "center";
+        borderRadius: string;
+        backgroundColor: string;
+        color: string;
+        marginBottom: string;
+    };
+    buttonContainer: {
+        display: string;
+        gap: number;
+        width: string;
+        justifyContent: string;
+        alignItems: string;
+    };
+    continueButton: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        border: string;
+        background: string;
+        color: string;
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        cursor: string;
+        outline: string;
+        transition: string;
+        boxShadow: string;
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
+    creditButtonWrapper: {
+        display: string;
+        flexDirection: "column";
+        alignItems: string;
+        gap: number;
+    };
+    creditButton: (allowSend: boolean) => {
+        width: number;
+        height: number;
+        borderRadius: number;
+        border: string;
+        background: string;
+        color: string;
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        cursor: string;
+        outline: string;
+        transition: string;
+        padding: string;
+    };
+    timerText: {
+        width: string;
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        textAlign: "center";
+        letterSpacing: string;
+        color: string;
+        marginTop: number;
+    };
+    mobileContainer: {
+        justifyContent: string;
+        alignItems: string;
+        padding: number;
+        display: string;
+        flexDirection: "column";
+        width: string;
+        maxWidth: string;
+        boxSizing: "border-box";
+    };
+    mobileModalContainer: {
+        justifyContent: string;
+        alignItems: string;
+        padding: number;
+        display: string;
+        flexDirection: "column";
+        width: string;
+        maxWidth: string;
+        margin: string;
+    };
+    mobileModalContent: {
+        borderRadius: number;
+        border: string;
+        background: string;
+        padding: number;
+        boxSizing: "border-box";
+        minHeight: string;
+        display: string;
+        flexDirection: "column";
+        justifyContent: string;
+        width: string;
+        overflow: "hidden";
+    };
+    mobileHeader: {
+        display: string;
+        flexDirection: "column";
+        alignItems: string;
+        marginBottom: number;
+        textAlign: "center";
+    };
+    mobileIconContainer: {
+        background: string;
+        borderRadius: number;
+        width: string;
+        height: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        marginBottom: number;
+    };
+    mobileIcon: {
+        width: string;
+        height: string;
+    };
+    mobileTitleContainer: {
+        display: string;
+        flexDirection: "column";
+        alignItems: string;
+        width: string;
+    };
+    mobileTitle: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        marginBottom: number;
+        textAlign: "center";
+    };
+    mobileSubtitle: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        textAlign: "center";
+    };
+    mobileMessageContainer: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        marginBottom: number;
+        textAlign: "center";
+    };
+    mobileStudentName: {
+        lineHeight: string;
+        textAlign: "center";
+        marginBottom: number;
+    };
+    mobileDivider: {
+        borderTop: string;
+        margin: string;
+        width: string;
+    };
+    mobileInfoMessage: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+        marginBottom: number;
+        textAlign: "center";
+    };
+    mobileWarningMessage: {
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        padding: string;
+        textAlign: "center";
+        borderRadius: string;
+        backgroundColor: string;
+        color: string;
+        marginBottom: string;
+        width: string;
+        boxSizing: "border-box";
+        maxWidth: string;
+        overflowWrap: "break-word";
+    };
+    mobileButtonContainer: {
+        display: string;
+        flexDirection: "column";
+        gap: number;
+        width: string;
+        alignItems: string;
+    };
+    mobileContinueButton: {
+        width: string;
+        height: number;
+        borderRadius: number;
+        border: string;
+        background: string;
+        color: string;
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        cursor: string;
+        outline: string;
+        transition: string;
+        boxShadow: string;
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
+    mobileCreditButton: (allowSend: boolean) => {
+        width: string;
+        height: number;
+        borderRadius: number;
+        border: string;
+        background: string;
+        color: string;
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        cursor: string;
+        outline: string;
+        transition: string;
+        padding: string;
+    };
+    mobileTimerText: {
+        width: string;
+        fontFamily: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        textAlign: "center";
+        letterSpacing: string;
+        color: string;
+        marginTop: number;
+        marginBottom: number;
+    };
+};