questionlayoutrefactoring 0.0.89 → 0.0.91

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

@@ -13,6 +13,8 @@ interface PreformanceResultScreenProps {
     onBackToHomework?: () => void;
     isMobile?: boolean;
     rivSrc?: string;
+    error?: boolean;
+    loading?: boolean;
 }
 declare const PreformanceResultScreen: React.FC<PreformanceResultScreenProps>;
 export default PreformanceResultScreen;

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js

@@ -6,9 +6,10 @@ 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 QuizResult_styles_1 = require("./QuizResult.styles");
+const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
 const react_canvas_1 = require("@rive-app/react-canvas");
-const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, }) => {
+const QuizResult_styles_1 = require("./QuizResult.styles");
+const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, error = false, loading = false, }) => {
     const getContent = () => {
         if (percentage < 60) {
             return {
@@ -19,7 +20,7 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
                 showLevelUp: false,
             };
         }
-        else if (percentage >= 60 && percentage < 80) {
+        else if (percentage < 80) {
             return {
                 title: "Well done!",
                 messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
@@ -28,7 +29,7 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
                 showLevelUp: false,
             };
         }
-        else if (percentage >= 80 && percentage < 100) {
+        else if (percentage < 100) {
             return {
                 title: "Fantastic job!",
                 messageBoxStyle: QuizResult_styles_1.styles.messageBoxGood,
@@ -47,26 +48,60 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
             };
         }
     };
+    const content = getContent();
     const [riveError, setRiveError] = react_1.default.useState(false);
-    const { rive, RiveComponent } = (0, react_canvas_1.useRive)({
+    const { RiveComponent } = (0, react_canvas_1.useRive)({
         src: rivSrc,
         autoplay: true,
-        onLoad: () => console.log("Rive loaded:", rivSrc),
-        onLoadError: (error) => {
-            console.error("Rive load error:", error);
-            setRiveError(true);
-        },
-        onStateChange: (event) => console.log("State changed:", event),
+        onLoadError: () => setRiveError(true),
     });
-    const content = getContent();
-    return ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
-                ...(isMobile && { background: "white", padding: "12px" }),
-            }, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
-                            ...QuizResult_styles_1.styles.header,
-                            flexDirection: isMobile ? "column" : "row",
-                            alignItems: isMobile ? "flex-start" : "center",
-                            position: "relative",
-                        }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "70px", children: riveError ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
+    const IconSkeleton = () => ((0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", style: {
+            borderTopLeftRadius: "100px",
+            borderTopRightRadius: "100px",
+            borderBottomLeftRadius: "100px",
+        } }));
+    return ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.container, children: (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: isMobile ? QuizResult_styles_1.styles.mobilecard : QuizResult_styles_1.styles.card, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
+                        ...QuizResult_styles_1.styles.header,
+                        flexDirection: isMobile ? "column" : "row",
+                        alignItems: isMobile ? "flex-start" : "center",
+                        position: "relative",
+                    }, children: loading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "70px", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(IconSkeleton, {}) }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
+                                    ...QuizResult_styles_1.styles.messageBox,
+                                    ...(isMobile && {
+                                        fontSize: "18px",
+                                        padding: "0",
+                                    }),
+                                }, children: [(0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
+                                            ...QuizResult_styles_1.styles.title,
+                                            paddingTop: content.showLevelUp ? "43px" : "14px",
+                                            padding: isMobile && "0px",
+                                        }, children: (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { width: isMobile ? 150 : 250, height: 22, style: { marginBottom: 6, marginLeft: 24 } }) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: { ...QuizResult_styles_1.styles.description, padding: isMobile && "0px" }, children: (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { count: 2, height: 14, style: {
+                                                marginLeft: 24,
+                                                marginRight: 22,
+                                                marginBottom: 14,
+                                            } }) })] })] })) : error ? (
+                    /* ERROR STATE */
+                    (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "140px", children: riveError ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
+                                        width: "100%",
+                                        height: "100%",
+                                        objectFit: "contain",
+                                        zIndex: 99,
+                                    } }, rivSrc)) }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: {
+                                    ...QuizResult_styles_1.styles.messageBox,
+                                    ...(isMobile
+                                        ? {
+                                            backgroundColor: "transparent",
+                                            fontSize: "18px",
+                                            padding: "0",
+                                        }
+                                        : { backgroundColor: "#F4F2FF" }),
+                                }, children: (0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
+                                        ...QuizResult_styles_1.styles.title,
+                                        paddingTop: content.showLevelUp ? "43px" : "14px",
+                                        padding: isMobile && "0px",
+                                        color: "red",
+                                        marginBottom: "24px",
+                                    }, children: "We\u2019re having trouble loading your results" }) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, { bg: "#DFDAFE", borderTopLeftRadius: "100px", borderTopRightRadius: "100px", borderBottomLeftRadius: "100px", overflow: "hidden", width: isMobile ? "120px" : "183px", height: isMobile ? "120px" : "183px", position: isMobile ? "static" : "absolute", paddingBottom: isMobile ? "0" : "16px", marginBottom: isMobile ? "16px" : "70px", children: riveError ? ((0, jsx_runtime_1.jsx)(react_2.Image, { src: imgSrc, alt: "Result icon", sx: QuizResult_styles_1.styles.icon })) : ((0, jsx_runtime_1.jsx)(RiveComponent, { style: {
                                         width: "100%",
                                         height: "100%",
                                         objectFit: "contain",
@@ -84,10 +119,19 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
                                             ...QuizResult_styles_1.styles.title,
                                             paddingTop: content.showLevelUp ? "43px" : "14px",
                                             padding: isMobile && "0px",
-                                        }, children: content.title }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
-                                            ...QuizResult_styles_1.styles.description,
-                                            padding: isMobile && "0px",
-                                        }, children: description })] })] }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator }), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonSecondary }, onClick: content.showLevelUp ? onLevelUp : onBackToHomework, children: content.secondaryButton }), (0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonPrimary }, onClick: onReview, children: content.primaryButton })] })] }) }) }));
+                                        }, children: content.title }), (0, jsx_runtime_1.jsx)(react_2.Text, { sx: { ...QuizResult_styles_1.styles.description, padding: isMobile && "0px" }, children: description })] })] })) }), error ? ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { sx: {
+                                ...QuizResult_styles_1.styles.description,
+                                paddingTop: isMobile ? "5px" : "20px",
+                                paddingLeft: "0px",
+                                paddingRight: "0px",
+                                paddingBottom: isMobile ? "5px" : "14px",
+                            }, children: "Your performance data couldn\u2019t be loaded right now.Please try again in a moment." }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator })] })) : ((0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator })), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: QuizResult_styles_1.styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonSecondary }, onClick: onBackToHomework, children: content.secondaryButton }), (0, jsx_runtime_1.jsx)(react_2.Button, { sx: {
+                                ...QuizResult_styles_1.styles.button,
+                                ...QuizResult_styles_1.styles.buttonPrimary,
+                                _hover: {
+                                    backgroundColor: "#4B3BB5", // darker purple on hover
+                                },
+                            }, onClick: onReview, children: content.primaryButton })] })] }) }));
 };
 exports.default = PreformanceResultScreen;
 //# sourceMappingURL=PreformanceResultScreen.js.map

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map

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

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

@@ -7,3 +7,15 @@ export declare const BelowSixty: Story;
 export declare const SixtyToEighty: Story;
 export declare const AboveEighty: Story;
 export declare const Hundred: Story;
+export declare const ErrorState: {
+    args: {
+        percentage: number;
+        timeTaken: {
+            minutes: number;
+            seconds: number;
+        };
+        error: boolean;
+        imgSrc: any;
+        isMobile: boolean;
+    };
+};

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Hundred = exports.AboveEighty = exports.SixtyToEighty = exports.BelowSixty = void 0;
+exports.ErrorState = exports.Hundred = exports.AboveEighty = exports.SixtyToEighty = exports.BelowSixty = void 0;
 const PreformanceResultScreen_1 = __importDefault(require("./PreformanceResultScreen"));
 const Between80_100_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Between80-100.svg"));
 const Below60_svg_1 = __importDefault(require("../../../assests/PerformanceScreens/Below60.svg"));
@@ -80,4 +80,13 @@ exports.Hundred = {
         isMobile: true,
     },
 };
+exports.ErrorState = {
+    args: {
+        percentage: 0,
+        timeTaken: { minutes: 0, seconds: 0 },
+        error: true,
+        imgSrc: Between80_100_svg_1.default,
+        isMobile: false,
+    },
+};
 //# sourceMappingURL=PreformanceResultScreen.stories.js.map

package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreformanceResultScreen.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,wFAAgE;AAChE,8GAA4E;AAC5E,kGAAsE;AACtE,4GAAkF;AAElF,MAAM,IAAI,GAAyC;IACjD,KAAK,EAAE,8CAA8C;IACrD,SAAS,EAAE,iCAAuB;IAClC,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE;YACrD,WAAW,EAAE,uBAAuB;SACrC;QACD,SAAS,EAAE;YACT,WAAW,EAAE,iCAAiC;SAC/C;QACD,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;SAC3C;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kBAAkB;SAChC;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGpB,wCAAwC;AAC3B,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,qBAAO;QACf,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,8BAA8B;AACjB,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,0BAAc;QACtB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,kCAAkC;AACrB,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,WAAW,EACT,gJAAgJ;QAClJ,MAAM,EAAE,2BAAO;QACf,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,gBAAgB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QAC/D,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,cAAc,EAAE,mDAAmD;QACnE,MAAM,EAAE,2BAAO;QACf,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QACvD,gBAAgB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC;QAC/D,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}
+{"version":3,"file":"PreformanceResultScreen.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/Molecules/RecapNode/ContentView.d.ts

@@ -0,0 +1,2 @@
+export const ContentView: React.NamedExoticComponent<object>;
+import React from "react";

package/dist/components/Molecules/RecapNode/ContentView.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const VideoView_1 = require("./VideoView");
+const SectionView_1 = require("./SectionView");
+exports.ContentView = (0, react_1.memo)(({ displayType, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, nodeId, rootNodeId, onIconDataUpdate, colorKey, isMobile, playicon, onSectionExpandChange, onOpenMediaModal, }) => {
+    // Handle video display
+    if (displayType === "videos" && content?.videos?.length > 0) {
+        return ((0, jsx_runtime_1.jsx)(VideoView_1.VideoView, { videos: content.videos, thumbnails: content.thumbnail_url, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, playicon: playicon, onOpenMediaModal: onOpenMediaModal }));
+    }
+    // Handle all other types - show recap sections
+    if (displayType && displayType !== "videos" && content?.recap) {
+        return ((0, jsx_runtime_1.jsx)(SectionView_1.SectionView, { recap: content.recap, displayType: displayType, isAdmin: isAdmin, onEditClick: onIconDataUpdate, nodeId: nodeId, rootNodeId: rootNodeId, colorKey: colorKey, isMobile: isMobile, onSectionExpandChange: onSectionExpandChange }));
+    }
+    return null;
+});
+exports.ContentView.displayName = 'ContentView';
+//# sourceMappingURL=ContentView.js.map

package/dist/components/Molecules/RecapNode/ContentView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RecapNode/ContentView.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AACpC,2CAAwC;AACxC,+CAA4C;AAE/B,QAAA,WAAW,GAAG,IAAA,YAAI,EAC7B,CAAC,EACC,WAAW,EACX,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,GACjB,EAAE,EAAE;IACH,uBAAuB;IACvB,IAAI,WAAW,KAAK,QAAQ,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,EAAE;QAC3D,OAAO,CACL,uBAAC,qBAAS,IACR,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,UAAU,EAAE,OAAO,CAAC,aAAa,EACjC,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;KACH;IAED,+CAA+C;IAC/C,IAAI,WAAW,IAAI,WAAW,KAAK,QAAQ,IAAI,OAAO,EAAE,KAAK,EAAE;QAC7D,OAAO,CACL,uBAAC,yBAAW,IACV,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,gBAAgB,EAC7B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,GAC5C,CACH,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CACF,CAAC;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/Molecules/RecapNode/SectionView.d.ts

@@ -0,0 +1,7 @@
+export function SectionView({ recap, displayType, colorKey, isMobile, onSectionExpandChange, }: {
+    recap: any;
+    displayType: any;
+    colorKey: any;
+    isMobile: any;
+    onSectionExpandChange: any;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Molecules/RecapNode/SectionView.js

@@ -0,0 +1,151 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const tutor_utils_1 = require("../../../utils/tutor-utils");
+const contentUtils_1 = require("../../../utils/contentUtils");
+const SectionView = ({ recap, displayType, colorKey, isMobile, onSectionExpandChange, }) => {
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    const [showButton, setShowButton] = (0, react_1.useState)(false);
+    const contentRef = (0, react_1.useRef)(null);
+    const collapsedRef = (0, react_1.useRef)(null);
+    const LIGHT_COLOR_MAP = {
+        root: "#FFF3C9",
+        0: "#FFEBD2",
+        1: "#EBE8FF",
+        2: "#E6FBF3",
+        3: "#CCE5FF",
+        4: "#FFE0DD",
+        5: "#E9D8FF",
+        6: "#FFC9E5",
+        7: "#D6F9F9",
+    };
+    const bgcolor = LIGHT_COLOR_MAP[colorKey];
+    if (!recap)
+        return null;
+    const formatSectionName = (key) => {
+        const nameMap = {
+            summary: "Summary",
+            definitions: "Definitions",
+            keyPoints: "Key Points",
+            properties: "Properties",
+            keyConcepts: "Key Concepts",
+            theorems: "Theorems",
+            processes: "Processes",
+            theme: "Theme",
+            centralIdea: "Central Idea",
+            poeticDevices: "Poetic Devices",
+            language: "Language",
+            vocabulary: "Vocabulary",
+            formulae: "Formulae",
+            equations: "Equations",
+            reactions: "Reactions",
+        };
+        return nameMap[key] ?? key.replace(/([A-Z])/g, " $1").trim();
+    };
+    const relevantKeys = Object.keys(recap).filter((key) => contentUtils_1.RECAP_SECTION_ICON_MAP[key] === displayType);
+    const orderedKeys = [];
+    const keyOrder = ["theorems", "properties", "equations", "reactions"];
+    keyOrder.forEach((key) => {
+        if (relevantKeys.includes(key)) {
+            orderedKeys.push(key);
+        }
+    });
+    relevantKeys.forEach((key) => {
+        if (!orderedKeys.includes(key)) {
+            orderedKeys.push(key);
+        }
+    });
+    const renderSection = (sectionName, items) => {
+        if (!Array.isArray(items))
+            return null;
+        const validItems = items.filter((item) => (item.title && item.title.trim()) ||
+            (item.description && item.description.trim()));
+        if (validItems.length === 0)
+            return null;
+        return ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "700", fontFamily: "poppins", fontSize: "18px", color: "#0f172a", margin: "0px", children: sectionName }), (0, jsx_runtime_1.jsx)(react_2.UnorderedList, { pl: "20px", m: "0", children: validItems.map((item, idx) => ((0, jsx_runtime_1.jsxs)(react_2.ListItem, { mb: "10px", color: "black", children: [item.title?.trim() && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "600", fontFamily: "poppins", fontSize: "14px", color: "black", mb: "4px", children: (0, tutor_utils_1.renderContent)(item.title) })), item.description?.trim() && ((0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "14px", fontFamily: "poppins", children: (0, tutor_utils_1.renderContent)(item.description, true) }))] }, idx))) })] }, sectionName));
+    };
+    const allSectionEntries = orderedKeys.map((key) => [
+        formatSectionName(key),
+        recap[key],
+    ]);
+    const totalValidItems = allSectionEntries.reduce((total, [_, items]) => {
+        if (!Array.isArray(items))
+            return total;
+        const validItems = items.filter((item) => (item.title && item.title.trim()) ||
+            (item.description && item.description.trim()));
+        return total + validItems.length;
+    }, 0);
+    const hasMoreContent = totalValidItems > 2;
+    const getItemsToDisplay = () => {
+        if (expanded) {
+            return allSectionEntries;
+        }
+        let itemCount = 0;
+        const displayEntries = [];
+        for (const [sectionName, items] of allSectionEntries) {
+            if (!Array.isArray(items))
+                continue;
+            const validItems = items.filter((item) => (item.title && item.title.trim()) ||
+                (item.description && item.description.trim()));
+            if (validItems.length === 0)
+                continue;
+            const itemsToAdd = [];
+            for (const item of validItems) {
+                if (itemCount < 2) {
+                    itemsToAdd.push(item);
+                    itemCount++;
+                }
+                else {
+                    break;
+                }
+            }
+            if (itemsToAdd.length > 0) {
+                displayEntries.push([sectionName, itemsToAdd]);
+            }
+            if (itemCount >= 2)
+                break;
+        }
+        return displayEntries;
+    };
+    (0, react_1.useEffect)(() => {
+        if (!contentRef.current)
+            return;
+        const contentHeight = contentRef.current.offsetHeight;
+        if (onSectionExpandChange) {
+            onSectionExpandChange({
+                isExpanded: expanded,
+                contentHeight: contentHeight,
+            });
+        }
+    }, [expanded, onSectionExpandChange]);
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { bg: bgcolor, p: "15px", boxShadow: "0px 2px 8px rgba(0,0,0,0.05)", maxH: !isMobile ? "480px" : "", overflowY: !isMobile ? "auto" : "", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { ref: contentRef, children: getItemsToDisplay().length > 0 ? (getItemsToDisplay().map(([sectionName, items]) => renderSection(sectionName, items))) : ((0, jsx_runtime_1.jsx)(react_2.Text, { textAlign: "center", py: "40px", fontSize: "16px", color: "#94a3b8", children: "No content available for this section" })) }), hasMoreContent && ((0, jsx_runtime_1.jsx)(react_2.Flex, { justify: "flex-end", mt: "8px", children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { align: "center", gap: "4px", fontSize: "14px", fontWeight: "600", cursor: "pointer", onClick: () => setExpanded(!expanded), children: [(0, jsx_runtime_1.jsx)(react_2.Text, { m: "0", lineHeight: "1", fontFamily: "poppins", children: !expanded ? "View more" : "View less" }), !expanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { boxSize: "15px" })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { boxSize: "15px" }))] }) }))] }));
+};
+exports.SectionView = SectionView;
+//# sourceMappingURL=SectionView.js.map

package/dist/components/Molecules/RecapNode/SectionView.js.map

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

package/dist/components/Molecules/RecapNode/VideoView.d.ts

@@ -0,0 +1,8 @@
+export function VideoView({ videos, thumbnails, currentVideoIdx, setCurrentVideoIdx, playicon, onOpenMediaModal, }: {
+    videos: any;
+    thumbnails?: any[] | undefined;
+    currentVideoIdx: any;
+    setCurrentVideoIdx: any;
+    playicon: any;
+    onOpenMediaModal: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Molecules/RecapNode/VideoView.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const MediaModal_1 = __importDefault(require("../MediaModal/MediaModal"));
+const VideoView = ({ videos, thumbnails = [], currentVideoIdx, setCurrentVideoIdx, playicon, onOpenMediaModal, }) => {
+    const currentVideo = videos[currentVideoIdx];
+    const currentThumbnail = thumbnails[currentVideoIdx];
+    // Handle click on thumbnail/play icon
+    const handleThumbnailClick = () => {
+        if (onOpenMediaModal) {
+            onOpenMediaModal(currentVideo);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { position: "relative", children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { w: "100%", h: "250px", borderRadius: "12px", position: "relative", display: "flex", alignItems: "center", justifyContent: "center", children: [videos.length > 1 && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Prev", icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronLeftIcon, {}), paddingLeft: "8px", variant: "unstyled", border: "none", bg: "transparent", position: "absolute", left: "-18px", top: "50%", transform: "translateY(-50%)", fontSize: "30px", onClick: (e) => {
+                            e.stopPropagation();
+                            setCurrentVideoIdx((prev) => prev === 0 ? videos.length - 1 : prev - 1);
+                        } })), (0, jsx_runtime_1.jsxs)(react_2.Box, { h: "100%", w: "100%", paddingLeft: "24px", paddingRight: "24px", borderRadius: "12px", overflow: "hidden", position: "relative", cursor: "pointer", onClick: handleThumbnailClick, children: [(0, jsx_runtime_1.jsx)("img", { src: currentThumbnail, alt: "video thumbnail", style: { width: "100%", height: "100%", objectFit: "contain" } }), playicon && ((0, jsx_runtime_1.jsx)(react_2.Box, { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", zIndex: 2, children: (0, jsx_runtime_1.jsx)("img", { src: playicon, alt: "Play", style: { width: "48px", height: "48px" } }) }))] }), videos.length > 1 && ((0, jsx_runtime_1.jsx)(react_2.IconButton, { "aria-label": "Next", icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIcon, {}), paddingRight: "8px", border: "none", bg: "transparent", variant: "unstyled", position: "absolute", right: "-18px", top: "50%", transform: "translateY(-50%)", fontSize: "30px", onClick: (e) => {
+                            e.stopPropagation();
+                            setCurrentVideoIdx((prev) => prev === videos.length - 1 ? 0 : prev + 1);
+                        } }))] }), (0, jsx_runtime_1.jsx)(react_2.Flex, { justify: "center", align: "center", mt: "12px", gap: "6px", children: videos.length > 1 &&
+                    videos.map((_, idx) => ((0, jsx_runtime_1.jsx)(react_2.Box, { w: "30px", h: "8px", borderRadius: "12px", bg: currentVideoIdx === idx ? "#6D4AFF" : "#CBD5E1", transition: "all 0.3s", cursor: "pointer", onClick: () => setCurrentVideoIdx(idx) }, idx))) })] }));
+};
+exports.VideoView = VideoView;
+//# sourceMappingURL=VideoView.js.map

package/dist/components/Molecules/RecapNode/VideoView.js.map

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

package/dist/components/Molecules/comprehension/SubQuestionLayout.js

@@ -11,8 +11,8 @@ const ChatPresenter_1 = __importDefault(require("../../Organisms/ReviewComponent
 const KeyTakeAway_1 = __importDefault(require("../../Organisms/ReviewComponent/KeyTakeAway"));
 const react_2 = require("@chakra-ui/react");
 const __1 = require("../../..");
-const QuestionsLayout_1 = require("../questionLayouts/QuestionsLayout");
-const QuestionsLayoutComponent = QuestionsLayout_1.QuestionsLayout;
+const QuestionView_1 = require("../questionLayouts/QuestionView");
+const QuestionsLayoutComponent = QuestionView_1.QuestionsLayout;
 const style = {
     hoverShow: {
         opacity: 0,

package/dist/components/Molecules/comprehension/SubQuestionLayout.js.map

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

package/dist/components/Molecules/optionLayouts/Scq.js

@@ -66,7 +66,7 @@ const ScqComponent = (props) => {
                     : taskType));
     // Hashing states
     const [hashedOptions, setHashedOptions] = (0, react_1.useState)({});
-    const [isHashingComplete, setIsHashingComplete] = (0, react_1.useState)(isReviewScreen);
+    const [isHashingComplete, setIsHashingComplete] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         if (isReviewScreen) {
             let answerValue = (0, common_utils_1.isNotEmptyOrNull)(userAnswer)