recap_mobileview 0.0.1

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2D;AAC3D,4CAA4E;AAC5E,4CAAkE;AAClE,4DAA2D;AAC3D,8DAAqE;AAE9D,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,qBAAqB,GACtB,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG;QACtB,IAAI,EAAE,SAAS;QACf,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb,CAAC;IAEF,MAAM,OAAO,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAE1C,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE;QAChC,MAAM,OAAO,GAAG;YACd,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,aAAa;YAC1B,SAAS,EAAE,YAAY;YACvB,UAAU,EAAE,YAAY;YACxB,WAAW,EAAE,cAAc;YAC3B,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,WAAW;YACtB,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,cAAc;YAC3B,aAAa,EAAE,gBAAgB;YAC/B,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,YAAY;YACxB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,WAAW;YACtB,SAAS,EAAE,WAAW;SACvB,CAAC;QACF,OAAO,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAC5C,CAAC,GAAG,EAAE,EAAE,CAAC,qCAAsB,CAAC,GAAG,CAAC,KAAK,WAAW,CACrD,CAAC;IAEF,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,MAAM,QAAQ,GAAG,CAAC,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;IAEtE,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACvB,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC9B,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACvB;IACH,CAAC,CAAC,CAAC;IAEH,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC3B,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC9B,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACvB;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;QAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAEvC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAC7B,CAAC,IAAI,EAAE,EAAE,CACP,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACjC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAChD,CAAC;QAEF,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAEzC,OAAO,CACL,wBAAC,WAAG,eACF,uBAAC,YAAI,IACH,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,MAAM,EACf,KAAK,EAAC,SAAS,EACf,MAAM,EAAE,KAAK,YAEZ,WAAW,GACP,EAEP,uBAAC,qBAAa,IAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,GAAG,YAC3B,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,wBAAC,gBAAQ,IAAW,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,aACxC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CACrB,uBAAC,YAAI,IACH,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,MAAM,EACf,KAAK,EAAC,OAAO,EACb,EAAE,EAAC,KAAK,YAEP,IAAA,2BAAa,EAAC,IAAI,CAAC,KAAK,CAAC,GACrB,CACR,EACA,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAC3B,uBAAC,YAAI,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,SAAS,YACvC,IAAA,2BAAa,EAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GACjC,CACR,KAhBY,GAAG,CAiBP,CACZ,CAAC,GACY,KAhCR,WAAW,CAiCf,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC;QACjD,iBAAiB,CAAC,GAAG,CAAC;QACtB,KAAK,CAAC,GAAG,CAAC;KACX,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE;QACrE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QACxC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAC7B,CAAC,IAAI,EAAE,EAAE,CACP,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACjC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAChD,CAAC;QACF,OAAO,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC;IACnC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,MAAM,cAAc,GAAG,eAAe,GAAG,CAAC,CAAC;IAE3C,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,QAAQ,EAAE;YACZ,OAAO,iBAAiB,CAAC;SAC1B;QAED,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,MAAM,cAAc,GAAG,EAAE,CAAC;QAE1B,KAAK,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,IAAI,iBAAiB,EAAE;YACpD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBAAE,SAAS;YAEpC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAC7B,CAAC,IAAI,EAAE,EAAE,CACP,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;gBACjC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAChD,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;gBAAE,SAAS;YAEtC,MAAM,UAAU,GAAG,EAAE,CAAC;YACtB,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE;gBAC7B,IAAI,SAAS,GAAG,CAAC,EAAE;oBACjB,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACtB,SAAS,EAAE,CAAC;iBACb;qBAAM;oBACL,MAAM;iBACP;aACF;YAED,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;gBACzB,cAAc,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;aAChD;YAED,IAAI,SAAS,IAAI,CAAC;gBAAE,MAAM;SAC3B;QAED,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE,OAAO;QAEhC,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC;QAEtD,IAAI,qBAAqB,EAAE;YACzB,qBAAqB,CAAC;gBACpB,UAAU,EAAE,QAAQ;gBACpB,aAAa,EAAE,aAAa;aAC7B,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,wBAAC,WAAG,IACF,EAAE,EAAE,OAAO,EACX,CAAC,EAAC,MAAM,EACR,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAC9B,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAElC,uBAAC,WAAG,IAAC,GAAG,EAAE,UAAU,YACjB,iBAAiB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChC,iBAAiB,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,CAC/C,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,CAClC,CACF,CAAC,CAAC,CAAC,CACF,uBAAC,YAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,sDAE3D,CACR,GACG,EAEL,cAAc,IAAI,CACjB,uBAAC,YAAI,IAAC,OAAO,EAAC,UAAU,EAAC,EAAE,EAAC,KAAK,YAC/B,wBAAC,YAAI,IACH,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,KAAK,EACT,QAAQ,EAAC,MAAM,EACf,UAAU,EAAC,KAAK,EAChB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,aAErC,uBAAC,YAAI,IAAC,CAAC,EAAC,GAAG,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU,EAAC,SAAS,YAC5C,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GACjC,EACN,CAAC,QAAQ,CAAC,CAAC,CAAC,CACX,uBAAC,uBAAe,IAAC,OAAO,EAAC,MAAM,GAAG,CACnC,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAa,IAAC,OAAO,EAAC,MAAM,GAAG,CACjC,IACI,GACF,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AArOW,QAAA,WAAW,eAqOtB"}

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,4CAAyD;AACzD,4CAAqE;AACrE,0EAAkD;AAE3C,MAAM,SAAS,GAAG,CAAC,EACxB,MAAM,EACN,UAAU,GAAG,EAAE,EACf,eAAe,EACf,kBAAkB,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IAC7C,MAAM,gBAAgB,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAErD,sCAAsC;IACtC,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAC7C,IAAI,SAAS,EAAE;YACb,SAAS,CACP;gBACE,UAAU,EAAE,WAAW;gBACvB,UAAU,EAAE,eAAe;gBAC3B,QAAQ,EAAE,YAAY;aACvB,EACD,EAAE,CACH,CAAC;SACH;QACD,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,WAAG,IAAC,QAAQ,EAAC,UAAU,aAEtB,wBAAC,WAAG,IACF,CAAC,EAAC,MAAM,EACR,CAAC,EAAE,OAAO,EACV,YAAY,EAAC,MAAM,EACnB,QAAQ,EAAC,UAAU,EACnB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,aAGtB,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,uBAAC,kBAAU,kBACE,MAAM,EACjB,IAAI,EAAE,uBAAC,uBAAe,KAAG,EACzB,WAAW,EAAE,KAAK,EAClB,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,MAAM,EACb,EAAE,EAAE,aAAa,EACjB,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,kBAAkB,EAC5B,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,kBAAkB,CAAC,CAAC,IAAI,EAAE,EAAE,CAC1B,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAC1C,CAAC;wBACJ,CAAC,GACD,CACH,EAGD,wBAAC,WAAG,IACF,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAC,MAAM,EACnB,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,oBAAoB,aAE7B,gCACE,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,iBAAiB,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAC9D,EACD,QAAQ,IAAI,CACX,uBAAC,WAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,KAAK,EACT,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,uBAAuB,EACjC,MAAM,EAAE,CAAC,YAET,gCACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACxC,GACE,CACP,IACG,EAGL,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,uBAAC,kBAAU,kBACE,MAAM,EACjB,IAAI,EAAE,uBAAC,wBAAgB,KAAG,EAC1B,YAAY,EAAE,KAAK,EACnB,MAAM,EAAC,MAAM,EACb,EAAE,EAAE,aAAa,EACjB,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,OAAO,EACb,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,kBAAkB,EAC5B,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACb,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,kBAAkB,CAAC,CAAC,IAAI,EAAE,EAAE,CAC1B,IAAI,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAC1C,CAAC;wBACJ,CAAC,GACD,CACH,IACG,EAGN,uBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,YACtD,MAAM,CAAC,MAAM,GAAG,CAAC;oBAChB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACrB,uBAAC,WAAG,IAEF,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,KAAK,EACP,YAAY,EAAC,MAAM,EACnB,EAAE,EAAE,eAAe,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACnD,UAAU,EAAC,UAAU,EACrB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAPjC,GAAG,CAQR,CACH,CAAC,GACC,EAGP,uBAAC,oBAAU,IACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAC7C,aAAa,EAAE;oBACb,SAAS,EAAE,YAAY;oBACvB,UAAU,EAAE,OAAO;iBACpB,EACD,iBAAiB,EAAE,SAAS,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AA3JW,QAAA,SAAS,aA2JpB"}

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>;

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

@@ -0,0 +1,176 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = {
+    blurWrapper: {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        width: '100vw',
+        height: '100vh',
+        background: 'rgba(0, 0, 0, 0.3)',
+        backdropFilter: 'blur(4px)',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 1000,
+        padding: '16px',
+        boxSizing: 'border-box',
+    },
+    // Mobile Styles
+    mobileModalContainer: {
+        width: ['100%', '90%', '400px'],
+        background: '#F4F2FF',
+        borderRadius: '16px',
+        border: '1px solid transparent',
+    },
+    mobileHeaderContainer: {
+        position: 'relative',
+        paddingTop: '24px',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+    },
+    closeb: {
+        position: 'absolute',
+        top: '16px',
+        right: '16px',
+    },
+    mobileCloseButton: {
+        border: 'none',
+        cursor: 'pointer',
+        color: '#666',
+        zIndex: 1002,
+        fontSize: '12px',
+        opacity: 1,
+        background: 'transparent',
+        _hover: {
+            color: '#333',
+        },
+    },
+    imga: {
+        paddingTop: '32px',
+        paddingBottom: '4px',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    mobileImage: {
+        objectFit: 'contain',
+        width: ['67px', '90px', '113px'],
+        height: ['48px', '75px', '100px'],
+    },
+    msgmbilecontainer: {
+        paddingRight: '24px',
+        paddingLeft: '24px',
+        paddingBottom: '16px',
+    },
+    mobileMessageContainer: {
+        borderRadius: '8px',
+        background: '#ffffff',
+    },
+    mobileSuccessTitle: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: 600,
+        fontSize: '16px',
+        textAlign: 'center',
+        color: '#130159',
+        paddingTop: '18px',
+        paddingRight: '12px',
+        paddingLeft: '12px',
+        paddingBottom: '16px',
+    },
+    mobileSuccessMessage: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: 500,
+        fontSize: '12px',
+        lineHeight: '16px',
+        textAlign: 'center',
+        color: 'rgba(0, 0, 0, 0.85)',
+        paddingLeft: '12px',
+        paddingRight: '12px',
+        paddingBottom: '20px',
+    },
+    // Desktop Styles
+    modalContainer: {
+        width: '100%',
+        height: 'max-content',
+        background: '#F4F2FF',
+        borderRadius: '16px',
+        border: '1px solid transparent',
+        position: 'relative', // Add this to enable absolute positioning inside
+    },
+    closeButton: {
+        position: 'absolute',
+        top: '16px',
+        right: '16px',
+        background: 'none',
+        border: 'none',
+        cursor: 'pointer',
+        color: '#666',
+        zIndex: 1002,
+        fontSize: '12px',
+        opacity: 1,
+        _hover: {
+            color: '#333',
+        },
+    },
+    characterImage: {
+        display: 'flex',
+        justifyContent: 'center',
+        paddingBottom: '16px',
+        paddingTop: '60px',
+        paddingRight: '42px'
+    },
+    innerContent: {
+        paddingBottom: '24px',
+        paddingTop: '12px',
+        paddingRight: '24px',
+        paddingLeft: '24px',
+    },
+    contentBox: {
+        borderRadius: '8px',
+        background: '#F1F1F1',
+        paddingTop: '16px',
+        paddingRight: '24px',
+        paddingLeft: '24px',
+        paddingBottom: '24px',
+    },
+    messageContainer: {
+        borderRadius: '8px',
+        background: '#FFFFFF',
+        paddingTop: '12px',
+        paddingBottom: '12px',
+        paddingRight: '12px',
+        paddingLeft: '12px',
+    },
+    successTitle: {
+        paddingLeft: '12px',
+        paddingRight: '12px',
+        paddingBottom: '12px',
+        display: 'flex',
+        justifyContent: 'center',
+    },
+    successtitleText: {
+        fontFamily: 'Poppins, sans-serif',
+        fontWeight: 600,
+        fontSize: '24px',
+        color: '#130159',
+    },
+    successMessagebox: {
+        paddingBottom: '12px',
+        paddingLeft: '26px',
+        paddingRight: '26px',
+    },
+    successMessage: {
+        fontFamily: 'Poppins',
+        fontWeight: 500,
+        fontSize: '14px',
+        lineHeight: '24px',
+        textAlign: 'center',
+        color: 'rgba(0, 0, 0, 0.85)',
+    },
+};
+//# sourceMappingURL=RequestSent.styles.js.map

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

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

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface RevisionCompleteCardProps {
+    title?: string;
+    description: string;
+    buttonText: string;
+    imageSrc?: string;
+    rivSrc?: string;
+    onButtonClick?: () => void;
+    isMatchthefollowing: boolean;
+    secondaryButtonText?: string;
+    onSecondaryButtonClick?: () => void;
+    badge?: string;
+}
+declare const RevisionCompleteCard: React.FC<RevisionCompleteCardProps>;
+export default RevisionCompleteCard;

package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.js

@@ -0,0 +1,39 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const S = __importStar(require("./RevisionCompleteCard.styles"));
+const react_canvas_1 = require("@rive-app/react-canvas");
+const RevisionCompleteCard = ({ title = "Revision\ncompleted!", description, buttonText, rivSrc, imageSrc, onButtonClick, isMatchthefollowing, secondaryButtonText, onSecondaryButtonClick, badge, }) => {
+    const { rive, RiveComponent } = (0, react_canvas_1.useRive)({
+        src: rivSrc,
+        autoplay: true,
+        onLoad: () => console.log("Rive loaded:", rivSrc),
+        onStateChange: (event) => console.log("State changed:", event),
+    });
+    return ((0, jsx_runtime_1.jsxs)(S.OuterContainer, { children: [(0, jsx_runtime_1.jsx)(S.OuterCard, { children: (0, jsx_runtime_1.jsxs)(S.InnerCard, { children: [(0, jsx_runtime_1.jsxs)(S.TopSection, { children: [rivSrc ? ((0, jsx_runtime_1.jsx)(RiveComponent, { style: { width: "100%", height: "200px" } })) : ((0, jsx_runtime_1.jsx)(S.Image, { src: imageSrc, alt: title })), isMatchthefollowing && badge && (0, jsx_runtime_1.jsx)(S.Badge, { children: badge }), !isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.Title, { children: title })] }), (0, jsx_runtime_1.jsx)(S.Divider, {}), (0, jsx_runtime_1.jsxs)(S.Content, { children: [isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.SubTitle, { children: title }), (0, jsx_runtime_1.jsx)(S.Description, { isMatchthefollowing: isMatchthefollowing, children: description })] })] }) }), (0, jsx_runtime_1.jsx)(S.ButtonContainer, { children: !isMatchthefollowing ? ((0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText }), (0, jsx_runtime_1.jsx)(S.PrimaryButton, { onClick: onSecondaryButtonClick, children: secondaryButtonText })] })) })] }));
+};
+exports.default = RevisionCompleteCard;
+//# sourceMappingURL=RevisionCompleteCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RevisionCompleteCard.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iEAAmD;AACnD,yDAAiD;AAejD,MAAM,oBAAoB,GAAwC,CAAC,EACjE,KAAK,GAAG,sBAAsB,EAC9B,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,sBAAO,EAAC;QACtC,GAAG,EAAE,MAAM;QACX,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC;QACjD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC;KAC/D,CAAC,CAAC;IACH,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,eACf,uBAAC,CAAC,CAAC,SAAS,cACV,wBAAC,CAAC,CAAC,SAAS,eACV,wBAAC,CAAC,CAAC,UAAU,eACV,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,uBAAC,CAAC,CAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,GAAI,CACvC,EACA,mBAAmB,IAAI,KAAK,IAAI,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,EAC1D,CAAC,mBAAmB,IAAI,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,IACtC,EAEf,uBAAC,CAAC,CAAC,OAAO,KAAG,EAEb,wBAAC,CAAC,CAAC,OAAO,eACP,mBAAmB,IAAI,uBAAC,CAAC,CAAC,QAAQ,cAAE,KAAK,GAAc,EACxD,uBAAC,CAAC,CAAC,WAAW,IAAC,mBAAmB,EAAE,mBAAmB,YACpD,WAAW,GACE,IACN,IACA,GACF,EAEd,uBAAC,CAAC,CAAC,eAAe,cAEf,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACtB,uBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YACtC,UAAU,GACO,CACrB,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YACtC,UAAU,GACO,EACpB,uBAAC,CAAC,CAAC,aAAa,IAAC,OAAO,EAAE,sBAAsB,YAC7C,mBAAmB,GACJ,IACjB,CACJ,GACiB,IACH,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

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

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