performanceresultscreens 0.0.1

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

@@ -0,0 +1,351 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    // Shared styles
+    overlay: {
+        background: "#26262680",
+        backdropFilter: "blur(4px)",
+    },
+    boldText: {
+        fontWeight: 700,
+    },
+    // Desktop styles
+    desktopModalContainer: {
+        justifyContent: "center",
+        alignItems: "center",
+        padding: 0,
+        display: "flex",
+        flexDirection: "column",
+        maxWidth: "550px",
+    },
+    modalContainer: {
+        background: "#26262680",
+        maxWidth: "550px",
+        boxShadow: "none",
+        margin: "16px",
+        borderRadius: 12,
+        border: "4px solid #B7ADF2",
+        boxSizing: "border-box",
+        padding: 0,
+        display: "flex",
+        flexDirection: "column",
+    },
+    modalContent: {
+        borderRadius: 8,
+        border: "16px solid #D9D6ED",
+        background: "#fff",
+        padding: 22,
+        boxSizing: "border-box",
+        minHeight: "300px",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
+    },
+    header: {
+        display: "flex",
+        alignItems: "center",
+        marginBottom: 12,
+    },
+    iconContainer: {
+        background: "#F9E6E1",
+        borderRadius: 12,
+        width: "117px",
+        height: "82px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        marginRight: 16,
+    },
+    icon: {
+        width: "52px",
+        height: "52px",
+    },
+    titleContainer: {
+        display: "flex",
+        flexDirection: "column",
+    },
+    title: {
+        fontFamily: "Poppins, SemiBold",
+        fontWeight: 600,
+        fontSize: "24px",
+        lineHeight: "30px",
+        color: "#130159D9",
+        marginBottom: 2,
+    },
+    subtitle: {
+        fontFamily: "Poppins, Regular",
+        fontWeight: 400,
+        fontSize: "12px",
+        lineHeight: "16px",
+        color: "#85898B",
+    },
+    messageContainer: {
+        fontFamily: "Poppins, Regular",
+        fontWeight: 400,
+        fontSize: "12px",
+        lineHeight: "20px",
+        color: "#00000099",
+        marginBottom: 8,
+    },
+    studentName: {
+        lineHeight: "24px",
+    },
+    divider: {
+        borderTop: "1px dashed #D9D6ED",
+        margin: "8px 0 12px 0",
+        width: "100%",
+    },
+    infoMessage: {
+        fontFamily: "Poppins, Bold",
+        fontWeight: 700,
+        fontSize: "12px",
+        lineHeight: "16px",
+        color: "#00000099",
+        marginBottom: 18,
+    },
+    warningMessage: {
+        fontFamily: "Poppins, Regular",
+        fontWeight: 400,
+        fontSize: "12px",
+        lineHeight: "16px",
+        padding: "14px 60px",
+        textAlign: "center",
+        borderRadius: "8px",
+        backgroundColor: "#F8F3D8",
+        color: "#00000099",
+        marginBottom: "22px",
+    },
+    buttonContainer: {
+        display: "flex",
+        gap: 16,
+        width: "100%",
+        justifyContent: "center",
+        alignItems: "flex-start",
+    },
+    continueButton: {
+        width: 229,
+        height: 32,
+        borderRadius: 6,
+        border: "1px solid #5F4DC7",
+        background: "#fff",
+        color: "#5F4DC7",
+        fontFamily: "Poppins, Regular",
+        fontWeight: 500,
+        fontSize: "14px",
+        cursor: "pointer",
+        outline: "none",
+        transition: "box-shadow 0.2s",
+        boxShadow: "0 2px 4px rgba(80, 63, 205, 0.04)",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+    },
+    creditButtonWrapper: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 4,
+    },
+    creditButton: (allowSend) => ({
+        width: 229,
+        height: 32,
+        borderRadius: 6,
+        border: "none",
+        background: allowSend ? "#5F4DC7" : "#888888",
+        color: "#fff",
+        fontFamily: "Poppins, Regular",
+        fontWeight: 500,
+        fontSize: "14px",
+        cursor: allowSend ? "pointer" : "not-allowed",
+        outline: "none",
+        transition: "background-color 0.2s",
+        padding: "0 16px",
+    }),
+    timerText: {
+        width: "100%",
+        fontFamily: "Poppins, Regular",
+        fontWeight: 400,
+        fontSize: "10px",
+        lineHeight: "100%",
+        textAlign: "center",
+        letterSpacing: "0%",
+        color: "#130159",
+        marginTop: 8,
+    },
+    // Mobile styles
+    mobileContainer: {
+        justifyContent: "center",
+        alignItems: "center",
+        padding: 0,
+        display: "flex",
+        flexDirection: "column",
+        width: "100%",
+        maxWidth: "100%",
+        boxSizing: "border-box",
+    },
+    mobileModalContainer: {
+        justifyContent: "center",
+        alignItems: "center",
+        padding: 0,
+        display: "flex",
+        flexDirection: "column",
+        width: "90%",
+        maxWidth: "90%",
+        margin: "0 auto",
+    },
+    mobileModalContent: {
+        borderRadius: 8,
+        border: "12px solid #D9D6ED",
+        background: "#fff",
+        padding: 16,
+        boxSizing: "border-box",
+        minHeight: "280px",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
+        width: "100%",
+        overflow: "hidden",
+    },
+    mobileHeader: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        marginBottom: 16,
+        textAlign: "center",
+    },
+    mobileIconContainer: {
+        background: "#F9E6E1",
+        borderRadius: 10,
+        width: "100px",
+        height: "70px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        marginBottom: 12,
+    },
+    mobileIcon: {
+        width: "44px",
+        height: "44px",
+    },
+    mobileTitleContainer: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        width: "100%",
+    },
+    mobileTitle: {
+        fontFamily: "Poppins, SemiBold",
+        fontWeight: 600,
+        fontSize: "20px",
+        lineHeight: "26px",
+        color: "#130159D9",
+        marginBottom: 2,
+        textAlign: "center",
+    },
+    mobileSubtitle: {
+        fontFamily: "Poppins, Regular",
+        fontWeight: 400,
+        fontSize: "11px",
+        lineHeight: "14px",
+        color: "#85898B",
+        textAlign: "center",
+    },
+    mobileMessageContainer: {
+        fontFamily: "Poppins, Regular",
+        fontWeight: 400,
+        fontSize: "11px",
+        lineHeight: "18px",
+        color: "#00000099",
+        marginBottom: 8,
+        textAlign: "center",
+    },
+    mobileStudentName: {
+        lineHeight: "22px",
+        textAlign: "center",
+        marginBottom: 4,
+    },
+    mobileDivider: {
+        borderTop: "1px dashed #D9D6ED",
+        margin: "8px 0 10px 0",
+        width: "100%",
+    },
+    mobileInfoMessage: {
+        fontFamily: "Poppins, Bold",
+        fontWeight: 700,
+        fontSize: "11px",
+        lineHeight: "15px",
+        color: "#00000099",
+        marginBottom: 16,
+        textAlign: "center",
+    },
+    mobileWarningMessage: {
+        fontFamily: "Poppins, Regular",
+        fontWeight: 400,
+        fontSize: "11px",
+        lineHeight: "15px",
+        padding: "12px 10px",
+        textAlign: "center",
+        borderRadius: "8px",
+        backgroundColor: "#F8F3D8",
+        color: "#00000099",
+        marginBottom: "18px",
+        width: "100%",
+        boxSizing: "border-box",
+        maxWidth: "100%",
+        overflowWrap: "break-word",
+    },
+    mobileButtonContainer: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 12,
+        width: "100%",
+        alignItems: "center",
+    },
+    mobileContinueButton: {
+        width: "100%",
+        height: 36,
+        borderRadius: 6,
+        border: "1px solid #5F4DC7",
+        background: "#fff",
+        color: "#5F4DC7",
+        fontFamily: "Poppins, Regular",
+        fontWeight: 500,
+        fontSize: "13px",
+        cursor: "pointer",
+        outline: "none",
+        transition: "box-shadow 0.2s",
+        boxShadow: "0 2px 4px rgba(80, 63, 205, 0.04)",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+    },
+    mobileCreditButton: (allowSend) => ({
+        width: "100%",
+        height: 36,
+        borderRadius: 6,
+        border: "none",
+        background: allowSend ? "#5F4DC7" : "#888888",
+        color: "#fff",
+        fontFamily: "Poppins, Regular",
+        fontWeight: 500,
+        fontSize: "13px",
+        cursor: allowSend ? "pointer" : "not-allowed",
+        outline: "none",
+        transition: "background-color 0.2s",
+        padding: "0 16px",
+    }),
+    mobileTimerText: {
+        width: "100%",
+        fontFamily: "Poppins, Regular",
+        fontWeight: 400,
+        fontSize: "9px",
+        lineHeight: "100%",
+        textAlign: "center",
+        letterSpacing: "0%",
+        color: "#130159",
+        marginTop: 6,
+        marginBottom: 6,
+    },
+};
+//# sourceMappingURL=ExecutionModalStyles.js.map

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

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

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

@@ -0,0 +1,2 @@
+export default PayToUsePrompt;
+declare function PayToUsePrompt(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const PayToUsePromptStyles_1 = require("./PayToUsePromptStyles");
+const PayToUsePrompt = () => {
+    return ((0, jsx_runtime_1.jsx)(react_2.Box, { ...PayToUsePromptStyles_1.containerStyles, children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { ...PayToUsePromptStyles_1.mainFlexStyles, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { ...PayToUsePromptStyles_1.leftFlexStyles, children: [(0, jsx_runtime_1.jsx)(react_2.Flex, { ...PayToUsePromptStyles_1.iconContainerStyles, children: (0, jsx_runtime_1.jsx)(icons_1.WarningIcon, { width: "20px", height: "20px", color: "#D0392E" }) }), (0, jsx_runtime_1.jsx)(react_2.Text, { ...PayToUsePromptStyles_1.warningTextStyles, children: "Since you do not have enough Learning Credits Vin wont be able to help you." })] }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { ...PayToUsePromptStyles_1.actionButtonsStyles, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { ...PayToUsePromptStyles_1.fileButtonStyles, children: (0, jsx_runtime_1.jsx)(react_2.Text, { ...PayToUsePromptStyles_1.buttonTextStyles, children: "Onion Peel Work sheet.doc" }) }), (0, jsx_runtime_1.jsx)(react_2.Button, { ...PayToUsePromptStyles_1.fileButtonStyles, children: (0, jsx_runtime_1.jsx)(react_2.Text, { ...PayToUsePromptStyles_1.buttonTextStyles, children: "Observation.pdf" }) }), (0, jsx_runtime_1.jsx)(react_2.Button, { ...PayToUsePromptStyles_1.newChapterButtonStyles, leftIcon: (0, jsx_runtime_1.jsx)(icons_1.AddIcon, { color: "#5F4DC7" }), children: (0, jsx_runtime_1.jsx)(react_2.Text, { ...PayToUsePromptStyles_1.buttonTextStyles, children: "New chapter" }) }), (0, jsx_runtime_1.jsx)(react_2.Button, { ...PayToUsePromptStyles_1.newTopicButtonStyles, leftIcon: (0, jsx_runtime_1.jsx)(icons_1.AddIcon, { color: "#5F4DC7" }), children: (0, jsx_runtime_1.jsx)(react_2.Text, { ...PayToUsePromptStyles_1.buttonTextStyles, children: "New Topic" }) })] })] }) }));
+};
+exports.default = PayToUsePrompt;
+//# sourceMappingURL=PayToUsePrompt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayToUsePrompt.js","sourceRoot":"","sources":["../../../../src/components/Molecules/Pay4Use/PayToUsePrompt.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4CAQ0B;AAC1B,4CAAwD;AACxD,iEAWgC;AAEhC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,uBAAC,WAAG,OAAK,sCAAe,YACtB,wBAAC,YAAI,OAAK,qCAAc,aAEtB,wBAAC,YAAI,OAAK,qCAAc,aAEtB,uBAAC,YAAI,OAAK,0CAAmB,YAC3B,uBAAC,mBAAW,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,GAAG,GACrD,EAGP,uBAAC,YAAI,OAAK,wCAAiB,4FAGpB,IACF,EAGP,wBAAC,cAAM,OAAK,0CAAmB,aAE7B,uBAAC,cAAM,OAAK,uCAAgB,YAC1B,uBAAC,YAAI,OAAK,uCAAgB,0CAAkC,GACrD,EAET,uBAAC,cAAM,OAAK,uCAAgB,YAC1B,uBAAC,YAAI,OAAK,uCAAgB,gCAAwB,GAC3C,EAGT,uBAAC,cAAM,OACD,6CAAsB,EAC1B,QAAQ,EAAE,uBAAC,eAAO,IAAC,KAAK,EAAC,SAAS,GAAG,YAErC,uBAAC,YAAI,OAAK,uCAAgB,4BAAoB,GACvC,EAGT,uBAAC,cAAM,OACD,2CAAoB,EACxB,QAAQ,EAAE,uBAAC,eAAO,IAAC,KAAK,EAAC,SAAS,GAAG,YAErC,uBAAC,YAAI,OAAK,uCAAgB,0BAAkB,GACrC,IACF,IACJ,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

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

@@ -0,0 +1,3 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;
+export default _default;
+export declare const prompts: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("@storybook/types").Args>;

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prompts = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PayToUsePrompt_1 = __importDefault(require("./PayToUsePrompt"));
+exports.default = {
+    title: "components/Molecules/Pay4Use/PayToUsePrompt",
+    component: PayToUsePrompt_1.default,
+    parameters: {
+        viewport: {
+            defaultViewport: "responsive",
+        },
+    },
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(PayToUsePrompt_1.default, { ...args });
+// Assessment Practice - Allow Send Version
+exports.prompts = Template.bind({});
+exports.prompts.args = {};
+//# sourceMappingURL=PayToUsePrompt.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayToUsePrompt.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/Pay4Use/PayToUsePrompt.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,sEAA8C;AAE9C,kBAAe;IACb,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,wBAAc;IACzB,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,eAAe,EAAE,YAAY;SAC9B;KACF;CACM,CAAC;AAEV,MAAM,QAAQ,GAAU,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,wBAAc,OAAK,IAAI,GAAI,CAAC;AAE/D,2CAA2C;AAC9B,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,108 @@
+export namespace containerStyles {
+    const width: string;
+    const height: string;
+    const position: string;
+    const bg: string;
+    const border: string;
+    const borderRadius: string;
+    const padding: string;
+    const mx: string;
+    const my: string;
+}
+export namespace mainFlexStyles {
+    export const direction: string;
+    export const justify: string;
+    export const align: string;
+    const height_1: string;
+    export { height_1 as height };
+    export const gap: string;
+}
+export namespace leftFlexStyles {
+    const direction_1: string;
+    export { direction_1 as direction };
+    const align_1: string;
+    export { align_1 as align };
+    const gap_1: string;
+    export { gap_1 as gap };
+    const width_1: string;
+    export { width_1 as width };
+    const height_2: string;
+    export { height_2 as height };
+}
+export namespace iconContainerStyles {
+    const align_2: string;
+    export { align_2 as align };
+    const justify_1: string;
+    export { justify_1 as justify };
+    const width_2: string;
+    export { width_2 as width };
+    const height_3: string;
+    export { height_3 as height };
+    const padding_1: string;
+    export { padding_1 as padding };
+    const borderRadius_1: string;
+    export { borderRadius_1 as borderRadius };
+}
+export namespace warningTextStyles {
+    export const fontFamily: string;
+    export const fontWeight: string;
+    export const fontSize: string;
+    export const lineHeight: string;
+    export const color: string;
+    const width_3: string;
+    export { width_3 as width };
+}
+export namespace actionButtonsStyles {
+    export const spacing: string;
+    export const display: string;
+    const width_4: string;
+    export { width_4 as width };
+    const height_4: string;
+    export { height_4 as height };
+}
+export namespace fileButtonStyles {
+    const display_1: string;
+    export { display_1 as display };
+    const height_5: string;
+    export { height_5 as height };
+    const bg_1: string;
+    export { bg_1 as bg };
+    const borderRadius_2: string;
+    export { borderRadius_2 as borderRadius };
+    const padding_2: string;
+    export { padding_2 as padding };
+    const gap_2: string;
+    export { gap_2 as gap };
+}
+export namespace actionButtonStyles {
+    const height_6: string;
+    export { height_6 as height };
+    const bg_2: string;
+    export { bg_2 as bg };
+    const borderRadius_3: string;
+    export { borderRadius_3 as borderRadius };
+    const padding_3: string;
+    export { padding_3 as padding };
+    const gap_3: string;
+    export { gap_3 as gap };
+}
+export namespace newChapterButtonStyles {
+    const width_5: string;
+    export { width_5 as width };
+}
+export namespace newTopicButtonStyles {
+    const width_6: string;
+    export { width_6 as width };
+}
+export namespace buttonTextStyles {
+    const fontFamily_1: string;
+    export { fontFamily_1 as fontFamily };
+    const fontWeight_1: string;
+    export { fontWeight_1 as fontWeight };
+    const fontSize_1: string;
+    export { fontSize_1 as fontSize };
+    const lineHeight_1: string;
+    export { lineHeight_1 as lineHeight };
+    const color_1: string;
+    export { color_1 as color };
+}

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

@@ -0,0 +1,82 @@
+"use strict";
+// Styles for PayToUsePrompt component
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonTextStyles = exports.newTopicButtonStyles = exports.newChapterButtonStyles = exports.actionButtonStyles = exports.fileButtonStyles = exports.actionButtonsStyles = exports.warningTextStyles = exports.iconContainerStyles = exports.leftFlexStyles = exports.mainFlexStyles = exports.containerStyles = void 0;
+exports.containerStyles = {
+    width: '100%',
+    height: '72px',
+    position: 'relative',
+    bg: '#F8F3D8',
+    border: '1px solid #BFBEDC',
+    borderRadius: '16px',
+    padding: '16px',
+    mx: 'auto',
+    my: '4',
+};
+exports.mainFlexStyles = {
+    direction: 'row',
+    justify: 'center',
+    align: 'center',
+    height: '100%',
+    gap: '494px',
+};
+exports.leftFlexStyles = {
+    direction: 'row',
+    align: 'center',
+    gap: '8px',
+    width: '510px',
+    height: '36px',
+};
+exports.iconContainerStyles = {
+    align: 'center',
+    justify: 'center',
+    width: '36px',
+    height: '36px',
+    padding: '8px',
+    borderRadius: '8px',
+};
+exports.warningTextStyles = {
+    fontFamily: 'Poppins',
+    fontWeight: '400',
+    fontSize: '12px',
+    lineHeight: '18px',
+    color: '#D0392E',
+    width: '466px',
+};
+exports.actionButtonsStyles = {
+    spacing: '16px',
+    display: 'none',
+    width: '934px',
+    height: '40px',
+};
+exports.fileButtonStyles = {
+    display: 'none',
+    height: '40px',
+    bg: '#E5E5F1',
+    borderRadius: '8px',
+    padding: '8px 12px',
+    gap: '12px',
+};
+exports.actionButtonStyles = {
+    height: '40px',
+    bg: '#E5E5F1',
+    borderRadius: '8px',
+    padding: '8px 12px',
+    gap: '12px',
+};
+exports.newChapterButtonStyles = {
+    ...exports.actionButtonStyles,
+    width: '162px',
+};
+exports.newTopicButtonStyles = {
+    ...exports.actionButtonStyles,
+    width: '142px',
+};
+exports.buttonTextStyles = {
+    fontFamily: 'Poppins',
+    fontWeight: '400',
+    fontSize: '16px',
+    lineHeight: '24px',
+    color: '#5F4DC7',
+};
+//# sourceMappingURL=PayToUsePromptStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayToUsePromptStyles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/Pay4Use/PayToUsePromptStyles.js"],"names":[],"mappings":";AAAA,sCAAsC;;;AAEzB,QAAA,eAAe,GAAG;IAC7B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,UAAU;IACpB,EAAE,EAAE,SAAS;IACb,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,MAAM;IACf,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,GAAG;CACR,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,SAAS,EAAE,KAAK;IAChB,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,MAAM;IACd,GAAG,EAAE,OAAO;CACb,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;CACf,CAAC;AAEW,QAAA,mBAAmB,GAAG;IACjC,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,KAAK;CACpB,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEW,QAAA,mBAAmB,GAAG;IACjC,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;CACf,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,MAAM;IACd,EAAE,EAAE,SAAS;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,UAAU;IACnB,GAAG,EAAE,MAAM;CACZ,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,MAAM,EAAE,MAAM;IACd,EAAE,EAAE,SAAS;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,UAAU;IACnB,GAAG,EAAE,MAAM;CACZ,CAAC;AAEW,QAAA,sBAAsB,GAAG;IACpC,GAAG,0BAAkB;IACrB,KAAK,EAAE,OAAO;CACf,CAAC;AAEW,QAAA,oBAAoB,GAAG;IAClC,GAAG,0BAAkB;IACrB,KAAK,EAAE,OAAO;CACf,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface PreformanceResultScreenProps {
+    percentage: number;
+    timeTaken: {
+        minutes: number;
+        seconds: number;
+    };
+    comparisonText?: string;
+    imgSrc: string;
+    onLevelUp?: () => void;
+    onReview?: () => void;
+    onBackToHomework?: () => void;
+}
+declare const PreformanceResultScreen: React.FC<PreformanceResultScreenProps>;
+export default PreformanceResultScreen;