hardwater-ui-planner 0.0.1

package/dist/components/Molecules/PostCard/postCardStyles.js

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.postCardStyles = void 0;
+exports.postCardStyles = {
+    box: {
+        cardContainer: {
+            display: "block",
+            maxWidth: "325px",
+            minHeight: "100px",
+            overflow: "hidden",
+            borderRadius: "12px",
+            fontFamily: '"Poppins", sans-serif',
+            boxSizing: "border-box",
+            boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
+            padding: "16px",
+            position: "relative",
+            userSelect: "none",
+        },
+        subContainer: {
+            width: "100%",
+            height: "100%",
+            filter: "auto",
+        },
+        detailedContainer: {
+            display: "flex",
+            flexDirection: "column",
+            width: "100%",
+            gap: "8px",
+            boxSizing: "border-box",
+            marginTop: "8px",
+        },
+        descContainer: {
+            maxH: "120px",
+            overflow: "hidden",
+        },
+        docItem: {
+            backgroundColor: "white",
+            width: "32px",
+            height: "32px",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            borderRadius: "4px",
+        },
+        videoIconContainer: {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            width: "100%",
+        },
+    },
+    text: {
+        profileInitials: {
+            fontSize: "16px",
+            fontWeight: 600,
+            lineHeight: "20px",
+        },
+        userName: {
+            fontSize: "18px",
+            fontWeight: 600,
+            lineHeight: "28px",
+            textAlign: "left",
+            color: "#263238",
+        },
+        postTitle: {
+            fontSize: "18px",
+            fontWeight: 600,
+            lineHeight: "28px",
+            textAlign: "left",
+            color: "#263238",
+        },
+        postDesc: {
+            fontSize: "16px",
+            fontWeight: "400",
+            lineHeight: "24px",
+            letterSpacing: "0.01em",
+            textAlign: "left",
+            color: "#666a6b",
+        },
+        countTxt: {
+            fontSize: "12px",
+            fontWeight: "500",
+            lineHeight: "20px",
+            textAlign: "left",
+            color: "#666a6b",
+        },
+        readMore: {
+            fontSize: "14px",
+            fontWeight: "500",
+            lineHeight: "20px",
+            textAlign: "left",
+            color: "#7464ce",
+        },
+        mediaCount: {
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            fontSize: "30px",
+            fontWeight: "700",
+            lineHeight: "36.31px",
+            textAlign: "center",
+            color: "#ffffff",
+            textShadow: "2px 2px 4px rgba(0, 0, 0, 0.6)",
+        },
+    },
+    stack: {
+        profileImgContainer: {
+            bg: "#DFE4E7",
+            w: "40px",
+            h: "40px",
+            borderRadius: "20px",
+            justifyContent: "center",
+            alignItems: "center",
+            boxShadow: "sm",
+        },
+    },
+    image: {
+        postImg: {
+            width: "100%",
+            height: "185px",
+            objectFit: "cover",
+            borderRadius: "12px",
+        },
+        twoImgWithLeftRadius: {
+            width: "100%",
+            height: "185px",
+            objectFit: "cover",
+            borderTopLeftRadius: "12px",
+            borderBottomLeftRadius: "12px",
+        },
+        twoImgWithRightRadius: {
+            width: "100%",
+            height: "185px",
+            objectFit: "cover",
+            borderTopRightRadius: "12px",
+            borderBottomRightRadius: "12px",
+        },
+        multiImg: {
+            width: "100%",
+            height: "92.5px",
+            objectFit: "cover",
+            borderTopRightRadius: "12px",
+        },
+    },
+};
+//# sourceMappingURL=postCardStyles.js.map

package/dist/components/Molecules/PostCard/postCardStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"postCardStyles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PostCard/postCardStyles.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, }) => {
+    // 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 }));
+    }
+    // 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,GACtB,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,GAClB,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,10 @@
+export function VideoView({ videos, thumbnails, currentVideoIdx, setCurrentVideoIdx, playicon, authToken, saveEvent, learningStepData, }: {
+    videos: any;
+    thumbnails?: any[] | undefined;
+    currentVideoIdx: any;
+    setCurrentVideoIdx: any;
+    playicon: any;
+    authToken: any;
+    saveEvent?: (() => void) | undefined;
+    learningStepData: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,64 @@
+"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, authToken, saveEvent = () => { }, learningStepData, }) => {
+    const [isMediaModalOpen, setIsMediaModalOpen] = (0, react_1.useState)(false);
+    const currentVideo = videos[currentVideoIdx];
+    const currentThumbnail = thumbnails[currentVideoIdx];
+    // Handle click on thumbnail/play icon
+    const handleThumbnailClick = () => {
+        const currentTime = new Date().toISOString();
+        if (saveEvent) {
+            saveEvent({
+                event_time: currentTime,
+                event_name: "video_clicked",
+                video_id: currentVideo,
+            }, {});
+        }
+        setIsMediaModalOpen(true);
+    };
+    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))) }), (0, jsx_runtime_1.jsx)(MediaModal_1.default, { authToken: authToken, openMedia: isMediaModalOpen, handleClose: () => setIsMediaModalOpen(false), selectedMedia: {
+                    video_url: currentVideo,
+                    media_type: "video",
+                }, updateVideoEvents: saveEvent, learningStepData: learningStepData })] }));
+};
+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/RequestSent/RequestSent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface RequestSentModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    image?: React.ReactNode;
+    isMobile?: boolean;
+}
+declare const RequestSentModal: React.FC<RequestSentModalProps>;
+export default RequestSentModal;

package/dist/components/Molecules/RequestSent/RequestSent.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const RequestSent_styles_1 = require("./RequestSent.styles");
+const RequestSentModal = ({ isOpen, onClose, image, isMobile = false }) => {
+    if (!isOpen)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { sx: RequestSent_styles_1.styles.blurWrapper, onClick: onClose, children: (0, jsx_runtime_1.jsx)(react_1.Box, { sx: isMobile ? RequestSent_styles_1.styles.mobileModalContainer : RequestSent_styles_1.styles.ModalContainer, onClick: (e) => e.stopPropagation(), children: isMobile ? (
+            // Mobile Layout
+            (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_1.Box, { sx: RequestSent_styles_1.styles.mobileHeaderContainer, children: [(0, jsx_runtime_1.jsx)(react_1.Box, { sx: RequestSent_styles_1.styles.closeb, children: (0, jsx_runtime_1.jsx)(react_1.IconButton, { icon: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, {}), "aria-label": "Close modal", sx: RequestSent_styles_1.styles.mobileCloseButton, onClick: onClose }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { sx: RequestSent_styles_1.styles.imga, children: typeof image === 'string' ? ((0, jsx_runtime_1.jsx)(react_1.Image, { src: image, alt: "Assistant", sx: RequestSent_styles_1.styles.mobileImage })) : (image) })] }), (0, jsx_runtime_1.jsx)(react_1.Box, { sx: RequestSent_styles_1.styles.msgmbilecontainer, children: (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: RequestSent_styles_1.styles.mobileMessageContainer, children: [(0, jsx_runtime_1.jsx)(react_1.Text, { sx: RequestSent_styles_1.styles.mobileSuccessTitle, children: "\u2705 Request Sent!" }), (0, jsx_runtime_1.jsxs)(react_1.Text, { sx: RequestSent_styles_1.styles.mobileSuccessMessage, children: ["We've notified your parent about your request.", (0, jsx_runtime_1.jsx)("br", {}), "They'll receive a secure link to get you Learning Credits."] })] }) })] })) : (
+            // Desktop Layout
+            (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: RequestSent_styles_1.styles.modalContainer, onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsx)(react_1.IconButton, { icon: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, {}), "aria-label": "Close modal", sx: RequestSent_styles_1.styles.closeButton, onClick: onClose }), (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: RequestSent_styles_1.styles.innerContent, children: [(0, jsx_runtime_1.jsx)(react_1.Box, { sx: RequestSent_styles_1.styles.characterImage, children: typeof image === 'string' ? ((0, jsx_runtime_1.jsx)(react_1.Image, { src: image, alt: "Assistant", objectFit: "contain", width: "158px", height: "113px" })) : (image) }), (0, jsx_runtime_1.jsx)(react_1.Box, { sx: RequestSent_styles_1.styles.contentBox, children: (0, jsx_runtime_1.jsxs)(react_1.Box, { sx: RequestSent_styles_1.styles.messageContainer, children: [(0, jsx_runtime_1.jsx)(react_1.Box, { sx: RequestSent_styles_1.styles.successTitle, children: (0, jsx_runtime_1.jsx)(react_1.Text, { sx: RequestSent_styles_1.styles.successtitleText, children: "\u2705 Request Sent!" }) }), (0, jsx_runtime_1.jsx)(react_1.Box, { sx: RequestSent_styles_1.styles.successMessagebox, children: (0, jsx_runtime_1.jsxs)(react_1.Text, { sx: RequestSent_styles_1.styles.successMessage, children: ["We've notified your parent about your request.", (0, jsx_runtime_1.jsx)("br", {}), "They'll receive a secure link to get you Learning Credits."] }) })] }) })] })] }) })) }) }));
+};
+exports.default = RequestSentModal;
+//# sourceMappingURL=RequestSent.js.map

package/dist/components/Molecules/RequestSent/RequestSent.js.map

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

package/dist/components/Molecules/RequestSent/RequestSent.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import RequestSentModal from './RequestSent';
+declare const meta: Meta<typeof RequestSentModal>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Mobile: Story;

package/dist/components/Molecules/RequestSent/RequestSent.stories.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Mobile = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const assistant_svg_1 = __importDefault(require("../../../assests/ai-tutor/assistant.svg"));
+const RequestSent_1 = __importDefault(require("./RequestSent"));
+const meta = {
+    title: 'Components/Molecules/RequestSentModal',
+    component: RequestSent_1.default,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    argTypes: {
+        isOpen: {
+            control: 'boolean',
+            description: 'Controls modal visibility',
+        },
+        onClose: {
+            action: 'closed',
+            description: 'Callback when modal is closed',
+        },
+        image: {
+            description: 'Custom image or SVG ReactNode to display in the modal',
+        },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        isOpen: true,
+        onClose: () => console.log('Modal closed'),
+        image: ((0, jsx_runtime_1.jsx)("img", { src: assistant_svg_1.default, alt: "Assistant", width: 113, height: 100 })),
+    },
+};
+exports.Mobile = {
+    args: {
+        isOpen: true,
+        isMobile: true,
+        onClose: () => console.log('Modal closed'),
+        image: ((0, jsx_runtime_1.jsx)("img", { src: assistant_svg_1.default, alt: "Assistant", width: 67, height: 48 })),
+    },
+};
+//# sourceMappingURL=RequestSent.stories.js.map

package/dist/components/Molecules/RequestSent/RequestSent.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestSent.stories.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RequestSent/RequestSent.stories.tsx"],"names":[],"mappings":";;;;;;;AACA,4FAAqE;AACrE,gEAA6C;AAE7C,MAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,qBAAgB;IAC3B,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,2BAA2B;SACzC;QACD,OAAO,EAAE;YACP,MAAM,EAAE,QAAQ;YAChB,WAAW,EAAE,+BAA+B;SAC7C;QACD,KAAK,EAAE;YACL,WAAW,EAAE,uDAAuD;SACrE;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QAEZ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;QAC1C,KAAK,EAAE,CACL,gCACE,GAAG,EAAE,uBAAc,EACnB,GAAG,EAAC,WAAW,EACf,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,GACX,CACH;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAC,IAAI;QACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;QAC1C,KAAK,EAAE,CACL,gCACE,GAAG,EAAE,uBAAc,EACnB,GAAG,EAAC,WAAW,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;KACF;CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import { SystemStyleObject } from '@chakra-ui/styled-system';
+export declare const styles: Record<string, SystemStyleObject>;