questionlayoutrefactoring 0.0.90 → 0.0.92

package/dist/components/Organisms/FlashCardNode/IconBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBar.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/IconBar.jsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,4CAA+C;AAExC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,UAAU,GACX,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE9C,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,EAAE;QACnC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,YAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,YACzC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,uBAAC,YAAI,IAEH,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC7B,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC7B,YAAY,EAAC,KAAK,EAClB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC,EACD,OAAO,EAAE,UAAU,IAAI,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAC7D,UAAU,EAAC,cAAc,EACzB,MAAM,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,YAEnC,uBAAC,aAAK,IAAC,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,GAAG,EAAE,OAAO,CAAC,IAAI,GAAI,IAf3D,CAAC,CAgBD,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,OAAO,WAqClB"}

package/dist/components/Organisms/FlashCardNode/MobileAccordionView.d.ts

@@ -0,0 +1,11 @@
+export function MobileAccordionView({ jsonData, contentMap, onContentUpdate, onIconDataUpdate, isAdmin, iconConfig, playicon, onOpenMediaModal, }: {
+    jsonData?: null | undefined;
+    contentMap?: {} | undefined;
+    onContentUpdate: any;
+    onIconDataUpdate: any;
+    isAdmin?: boolean | undefined;
+    iconConfig?: any[] | undefined;
+    playicon: any;
+    onOpenMediaModal: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default MobileAccordionView;

package/dist/components/Organisms/FlashCardNode/MobileAccordionView.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileAccordionView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@chakra-ui/react");
+const FlashcardContainer_1 = __importDefault(require("./FlashcardContainer"));
+const contentUtils_1 = require("../../../utils/contentUtils");
+const useRecapGraphLogic_1 = require("../RecapGraph/useRecapGraphLogic");
+const MobileAccordionView = ({ jsonData = null, contentMap = {}, onContentUpdate, onIconDataUpdate, isAdmin = false, iconConfig = [], playicon, onOpenMediaModal, }) => {
+    const logic = (0, useRecapGraphLogic_1.useRecapGraphLogic)(jsonData, contentMap, iconConfig);
+    const renderNode = (nodeData, level = 0) => {
+        const { nodeContent, hasContent } = logic.getNodeContent(nodeData._id);
+        const { headerColor, bgColor, colorInfo } = logic.getNodeColors(nodeData._id);
+        const hasChildren = nodeData.children?.length > 0;
+        const availableContentTypes = hasContent
+            ? (0, contentUtils_1.getAvailableContentTypes)(nodeContent)
+            : [];
+        const availableIcons = iconConfig.filter((icon) => availableContentTypes.includes(icon.type));
+        const displayType = logic.displayTypes[nodeData._id] || null;
+        const isNodeExpanded = logic.expandedNodes[nodeData._id] !== undefined
+            ? logic.expandedNodes[nodeData._id]
+            : level === 0;
+        const isContentExpanded = logic.contentExpanded[nodeData._id] || false;
+        const currentVideoIdx = logic.videoIndices[nodeData._id] || 0;
+        return ((0, jsx_runtime_1.jsxs)(react_1.Box, { mb: "8px", children: [(0, jsx_runtime_1.jsx)(FlashcardContainer_1.default, { label: nodeData.description || nodeData.name, color: headerColor, bgColor: bgColor, hasContent: hasContent, isNodeExpanded: isNodeExpanded, isContentExpanded: isContentExpanded, displayType: displayType, availableIcons: availableIcons, handleIconClick: (type) => logic.handleIconClick(nodeData._id, type, availableContentTypes), content: nodeContent, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: (idx) => logic.setCurrentVideoIdx(nodeData._id, idx), isAdmin: isAdmin, onContentUpdate: onContentUpdate, nodeId: nodeData._id, rootNodeId: jsonData._id, onIconDataUpdate: onIconDataUpdate, hasChildren: hasChildren, onChevronClick: () => logic.handleChevronClick(nodeData._id), isMobile: true, colorKey: colorInfo.colorKey, level: colorInfo.level, playicon: playicon, onOpenMediaModal: onOpenMediaModal }), isNodeExpanded && hasChildren && ((0, jsx_runtime_1.jsx)(react_1.Box, { px: colorInfo.level === 0 ? "0" : "8px", mt: colorInfo.level === 0 ? "10px" : "", mb: "2px", bg: colorInfo.level === 0 ? "" : bgColor, children: nodeData.children.map((child) => renderNode(child, level + 1)) }))] }, nodeData._id));
+    };
+    return ((0, jsx_runtime_1.jsx)(react_1.Box, { p: "16px", bg: "#f8fafc", minW: "340px", overflowX: "scroll", children: (0, jsx_runtime_1.jsx)(react_1.VStack, { align: "stretch", spacing: "0", children: jsonData && renderNode(jsonData, 0) }) }));
+};
+exports.MobileAccordionView = MobileAccordionView;
+exports.default = exports.MobileAccordionView;
+//# sourceMappingURL=MobileAccordionView.js.map

package/dist/components/Organisms/FlashCardNode/MobileAccordionView.js.map

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

package/dist/components/Organisms/FlashCardNode/NodeHandles.d.ts

@@ -0,0 +1,3 @@
+export function NodeHandles({ level }: {
+    level: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/FlashCardNode/NodeHandles.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NodeHandles = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const reactflow_1 = require("reactflow");
+const NodeHandles = ({ level }) => {
+    const handleStyle = {
+        background: "transparent",
+        border: "none",
+        width: "8px",
+        height: "8px",
+        opacity: 0,
+        pointerEvents: "none",
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [level > 0 && ((0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "target", position: reactflow_1.Position.Top, style: handleStyle, id: "top" })), level > 0 && ((0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "target", position: reactflow_1.Position.Left, style: handleStyle, id: "left" })), (0, jsx_runtime_1.jsx)(reactflow_1.Handle, { type: "source", position: reactflow_1.Position.Bottom, style: handleStyle, id: "bottom" })] }));
+};
+exports.NodeHandles = NodeHandles;
+//# sourceMappingURL=NodeHandles.js.map

package/dist/components/Organisms/FlashCardNode/NodeHandles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeHandles.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/NodeHandles.jsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,yCAA6C;AAEtC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvC,MAAM,WAAW,GAAG;QAClB,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,CAAC;QACV,aAAa,EAAE,MAAM;KACtB,CAAC;IAEF,OAAO,CACL,6DAEG,KAAK,GAAG,CAAC,IAAI,CACZ,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,GAAG,EACtB,KAAK,EAAE,WAAW,EAClB,EAAE,EAAC,KAAK,GACR,CACH,EAGA,KAAK,GAAG,CAAC,IAAI,CACZ,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,IAAI,EACvB,KAAK,EAAE,WAAW,EAClB,EAAE,EAAC,MAAM,GACT,CACH,EAGD,uBAAC,kBAAM,IACL,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,oBAAQ,CAAC,MAAM,EACzB,KAAK,EAAE,WAAW,EAClB,EAAE,EAAC,QAAQ,GACX,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,WAAW,eAyCtB"}

package/dist/components/Organisms/RecapGraph/Example.stories.d.ts

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

package/dist/components/Organisms/RecapGraph/Example.stories.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultTimerClock = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RecapData_1 = require("../../../utils/RecapData");
+const Reactgraphflow_1 = __importDefault(require("./Reactgraphflow"));
+const defination_svg_1 = __importDefault(require("../../../assests/recap/defination.svg"));
+const formula_svg_1 = __importDefault(require("../../../assests/recap/formula.svg"));
+const videoplay_svg_1 = __importDefault(require("../../../assests/recap/videoplay.svg"));
+const equations_svg_1 = __importDefault(require("../../../assests/recap/equations.svg"));
+const theorem_svg_1 = __importDefault(require("../../../assests/recap/theorem.svg"));
+const timeline_svg_1 = __importDefault(require("../../../assests/recap/timeline.svg"));
+const processes_svg_1 = __importDefault(require("../../../assests/recap/processes.svg"));
+const lawsandapp_svg_1 = __importDefault(require("../../../assests/recap/lawsandapp.svg"));
+const factualPlay_svg_1 = __importDefault(require("../../../assests/revision/factualPlay.svg"));
+exports.default = {
+    title: "Components/Organisms/Graph/ReactFlowELKView",
+    component: Reactgraphflow_1.default,
+};
+const Template = (args) => (0, jsx_runtime_1.jsx)(Reactgraphflow_1.default, { ...args });
+const customIcons = [
+    { src: equations_svg_1.default, type: "equations" },
+    { src: videoplay_svg_1.default, type: "videos" },
+    { src: formula_svg_1.default, type: "formulae" },
+    { src: defination_svg_1.default, type: "definitions" },
+    { src: defination_svg_1.default, type: "keyConcepts" },
+    { src: theorem_svg_1.default, type: "theorems" },
+    { src: processes_svg_1.default, type: "processes" },
+    { src: lawsandapp_svg_1.default, type: "keyPoints" },
+    { src: timeline_svg_1.default, type: "Timeline" },
+    { src: theorem_svg_1.default, type: "properties" },
+];
+console.log("contentmap:", RecapData_1.contentMap);
+exports.DefaultTimerClock = Template.bind({});
+exports.DefaultTimerClock.args = {
+    jsonData: RecapData_1.jsonData,
+    contentMap: RecapData_1.contentMap,
+    iconConfig: customIcons,
+    onContentUpdate: (payload) => {
+        console.log("onContentUpdate payload:", payload);
+    },
+    onIconDataUpdate: () => { },
+    isAdmin: true,
+    playicon: factualPlay_svg_1.default,
+    // isMobile: true,
+};
+//# sourceMappingURL=Example.stories.js.map

package/dist/components/Organisms/RecapGraph/Example.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Example.stories.js","sourceRoot":"","sources":["../../../../src/components/Organisms/RecapGraph/Example.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,wDAA+E;AAC/E,sEAA0C;AAC1C,2FAAmE;AACnE,qFAA6D;AAC7D,yFAAiE;AACjE,yFAAgE;AAChE,qFAA6D;AAC7D,uFAA+D;AAC/D,yFAAiE;AACjE,2FAAmE;AACnE,gGAAiE;AAEjE,kBAAe;IACb,KAAK,EAAE,6CAA6C;IACpD,SAAS,EAAE,wBAAU;CACd,CAAC;AAEV,MAAM,QAAQ,GAAe,CAAC,IAAI,EAAE,EAAE,CAAC,uBAAC,wBAAU,OAAK,IAAI,GAAI,CAAC;AAEhE,MAAM,WAAW,GAAG;IAClB,EAAE,GAAG,EAAE,uBAAY,EAAE,IAAI,EAAE,WAAW,EAAE;IACxC,EAAE,GAAG,EAAE,uBAAa,EAAE,IAAI,EAAE,QAAQ,EAAE;IACtC,EAAE,GAAG,EAAE,qBAAW,EAAE,IAAI,EAAE,UAAU,EAAE;IACtC,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,aAAa,EAAE;IAC5C,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,aAAa,EAAE;IAC5C,EAAE,GAAG,EAAE,qBAAW,EAAE,IAAI,EAAE,UAAU,EAAE;IACtC,EAAE,GAAG,EAAE,uBAAa,EAAE,IAAI,EAAE,WAAW,EAAE;IACzC,EAAE,GAAG,EAAE,wBAAc,EAAE,IAAI,EAAE,WAAW,EAAE;IAC1C,EAAE,GAAG,EAAE,sBAAY,EAAE,IAAI,EAAE,UAAU,EAAE;IACvC,EAAE,GAAG,EAAE,qBAAW,EAAE,IAAI,EAAE,YAAY,EAAE;CACzC,CAAC;AACF,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,sBAAU,CAAC,CAAC;AAE1B,QAAA,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,yBAAiB,CAAC,IAAI,GAAG;IACvB,QAAQ,EAAE,oBAAQ;IAClB,UAAU,EAAE,sBAAU;IACtB,UAAU,EAAE,WAAW;IACvB,eAAe,EAAE,CAAC,OAAY,EAAE,EAAE;QAChC,OAAO,CAAC,GAAG,CAAC,0BAA0B,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC;IACD,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,yBAAQ;IAClB,kBAAkB;CACnB,CAAC"}

package/dist/components/Organisms/RecapGraph/Reactgraphflow.d.ts

@@ -0,0 +1,11 @@
+export default RecapGraph;
+declare function RecapGraph({ jsonData, contentMap, iconConfig, onContentUpdate, onIconDataUpdate, isAdmin, isMobile, playicon, }: {
+    jsonData?: null | undefined;
+    contentMap?: {} | undefined;
+    iconConfig?: any[] | undefined;
+    onContentUpdate: any;
+    onIconDataUpdate: any;
+    isAdmin?: boolean | undefined;
+    isMobile?: boolean | undefined;
+    playicon?: {} | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/RecapGraph/Reactgraphflow.js

@@ -0,0 +1,124 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const reactflow_1 = __importStar(require("reactflow"));
+// import "reactflow/dist/style.css";
+const FlashCardNode_1 = __importDefault(require("../FlashCardNode/FlashCardNode"));
+const MobileAccordionView_1 = require("../FlashCardNode/MobileAccordionView");
+const useRecapGraphLogic_1 = require("./useRecapGraphLogic");
+const MediaModal_1 = __importDefault(require("../../Molecules/MediaModal/MediaModal"));
+const MIN_ZOOM = 0.6;
+const RecapGraph = ({ jsonData = null, contentMap = {}, iconConfig = [], onContentUpdate, onIconDataUpdate, isAdmin = false, isMobile = false, playicon = {}, }) => {
+    const [layout, setLayout] = (0, react_1.useState)({
+        nodes: [],
+        edges: [],
+        bounds: null,
+    });
+    const logic = (0, useRecapGraphLogic_1.useRecapGraphLogic)(jsonData, contentMap, iconConfig);
+    const [isMediaModalOpen, setIsMediaModalOpen] = (0, react_1.useState)(false);
+    const [selectedMediaData, setSelectedMediaData] = (0, react_1.useState)(null);
+    const handleOpenMediaModal = (videoUrl, videoMetadata = [], videoId = "") => {
+        setSelectedMediaData({
+            video_url: videoUrl,
+            media_type: "video",
+            video_metadata: videoMetadata,
+            video_id: videoId,
+        });
+        setIsMediaModalOpen(true);
+    };
+    // Handle closing media modal
+    const handleCloseMediaModal = () => {
+        setIsMediaModalOpen(false);
+        setSelectedMediaData(null);
+    };
+    const nodeTypes = (0, react_1.useMemo)(() => ({
+        flashcard: (props) => ((0, jsx_runtime_1.jsx)(FlashCardNode_1.default, { ...props, rootNodeId: jsonData?._id, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, isAdmin: isAdmin, isMobile: isMobile, playicon: playicon, onOpenMediaModal: handleOpenMediaModal })),
+    }), [onContentUpdate, onIconDataUpdate, isAdmin, isMobile, jsonData?._id]);
+    const graphData = (0, react_1.useMemo)(() => {
+        if (!jsonData)
+            return { nodes: [], edges: [] };
+        const nodes = logic.buildNodes(jsonData);
+        const edges = logic.buildEdges(jsonData, nodes);
+        return { nodes, edges };
+    }, [jsonData, logic.activeExpandedNodeId]);
+    const computeBounds = (nodes, minZoom = MIN_ZOOM) => {
+        // Fallback bounds when no nodes exist
+        if (!nodes || nodes.length === 0) {
+            const BASE = 2000 / minZoom;
+            return {
+                minX: -BASE,
+                minY: -BASE / 2,
+                maxX: BASE,
+                maxY: BASE / 2,
+            };
+        }
+        const minX = Math.min(...nodes.map((n) => n.position.x));
+        const maxX = Math.max(...nodes.map((n) => n.position.x + (n.width ?? 260)));
+        const minY = Math.min(...nodes.map((n) => n.position.y));
+        const maxY = Math.max(...nodes.map((n) => n.position.y + (n.height ?? 100)));
+        const BASE_PAD_X = 300;
+        const BASE_PAD_Y = 120;
+        const PAD_X = BASE_PAD_X / minZoom;
+        const PAD_Y = BASE_PAD_Y / minZoom;
+        return {
+            minX: minX - PAD_X,
+            minY: minY - PAD_Y,
+            maxX: maxX + PAD_X,
+            maxY: maxY + PAD_Y,
+        };
+    };
+    (0, react_1.useEffect)(() => {
+        const res = logic.computeCustomLayout(graphData.nodes, graphData.edges);
+        setLayout({
+            nodes: graphData.nodes.map((n) => ({
+                ...n,
+                position: res.nodes.find((m) => m.id === n.id)?.position || n.position,
+            })),
+            edges: graphData.edges,
+            bounds: computeBounds(res.nodes),
+        });
+    }, [logic.expandedNodeId, logic.expandedNodeHeight]);
+    const bounds = layout.bounds || {
+        minX: -2000,
+        minY: -2000,
+        maxX: 2000,
+        maxY: 2000,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            width: isAdmin ? "100vw" : "100%",
+            height: isAdmin ? "100vh" : "90%",
+            backgroundColor: "#f8fafc",
+        }, children: [isMobile ? ((0, jsx_runtime_1.jsx)(MobileAccordionView_1.MobileAccordionView, { jsonData: jsonData, contentMap: contentMap, iconConfig: iconConfig, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, isAdmin: isAdmin, playicon: playicon, onOpenMediaModal: handleOpenMediaModal })) : ((0, jsx_runtime_1.jsxs)(reactflow_1.default, { nodes: layout.nodes, edges: layout.edges, nodeTypes: nodeTypes, proOptions: { hideAttribution: true }, fitView: true, panOnScroll: true, panOnScrollMode: "free", zoomOnPinch: true, zoomOnScroll: false, panOnDrag: true, minZoom: MIN_ZOOM, maxZoom: 1.6, translateExtent: [
+                    [bounds.minX, bounds.minY],
+                    [bounds.maxX, bounds.maxY],
+                ], children: [(0, jsx_runtime_1.jsx)(reactflow_1.Controls, { showFitView: false, showInteractive: false }), (0, jsx_runtime_1.jsx)(reactflow_1.Background, { variant: "none" })] })), (0, jsx_runtime_1.jsx)(MediaModal_1.default, { openMedia: isMediaModalOpen, handleClose: handleCloseMediaModal, selectedMedia: selectedMediaData, updateVideoEvents: () => { }, muted: false })] }));
+};
+exports.default = RecapGraph;
+//# sourceMappingURL=Reactgraphflow.js.map

package/dist/components/Organisms/RecapGraph/Reactgraphflow.js.map

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

package/dist/components/Organisms/RecapGraph/RecapGraph.d.ts

@@ -0,0 +1,11 @@
+export default RecapGraph;
+declare function RecapGraph({ jsonData, contentMap, iconConfig, onContentUpdate, onIconDataUpdate, isAdmin, isMobile, playicon, }: {
+    jsonData?: null | undefined;
+    contentMap?: {} | undefined;
+    iconConfig?: any[] | undefined;
+    onContentUpdate: any;
+    onIconDataUpdate: any;
+    isAdmin?: boolean | undefined;
+    isMobile?: boolean | undefined;
+    playicon?: {} | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/RecapGraph/RecapGraph.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const RecapGraphFlow_1 = __importDefault(require("./RecapGraphFlow"));
+const MobileAccordionView_1 = require("../FlashCardNode/MobileAccordionView");
+const RecapGraph = ({ jsonData = null, contentMap = {}, iconConfig = [], onContentUpdate, onIconDataUpdate, isAdmin = false, isMobile = false, playicon = {}, }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            width: isAdmin ? "100vw" : "100%",
+            height: isAdmin ? "100vh" : "90%",
+            backgroundColor: "#f8fafc",
+        }, children: isMobile ? ((0, jsx_runtime_1.jsx)(MobileAccordionView_1.MobileAccordionView, { jsonData: jsonData, contentMap: contentMap, iconConfig: iconConfig, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, isAdmin: isAdmin, playicon: playicon })) : ((0, jsx_runtime_1.jsx)(RecapGraphFlow_1.default, { jsonData: jsonData, contentMap: contentMap, iconConfig: iconConfig, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, isAdmin: isAdmin, playicon: playicon })) }));
+};
+exports.default = RecapGraph;
+//# sourceMappingURL=RecapGraph.js.map

package/dist/components/Organisms/RecapGraph/RecapGraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecapGraph.js","sourceRoot":"","sources":["../../../../src/components/Organisms/RecapGraph/RecapGraph.jsx"],"names":[],"mappings":";;;;;;AACA,sEAA8C;AAC9C,8EAA2E;AAE3E,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,EAAE,EACf,eAAe,EACf,gBAAgB,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,EAAE,GACd,EAAE,EAAE;IACH,OAAO,CACL,gCACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;YACjC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;YACjC,eAAe,EAAE,SAAS;SAC3B,YAEA,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,yCAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,wBAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAEhB,QAAQ,EAAE,QAAQ,GAClB,CACH,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/Organisms/RecapGraph/RecapGraphFlow.d.ts

@@ -0,0 +1,10 @@
+export default RecapGraphFlow;
+declare function RecapGraphFlow({ jsonData, contentMap, iconConfig, onContentUpdate, onIconDataUpdate, isAdmin, playicon, }: {
+    jsonData?: null | undefined;
+    contentMap?: {} | undefined;
+    iconConfig?: any[] | undefined;
+    onContentUpdate: any;
+    onIconDataUpdate: any;
+    isAdmin?: boolean | undefined;
+    playicon?: {} | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Organisms/RecapGraph/RecapGraphFlow.js

@@ -0,0 +1,104 @@
+"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 });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const reactflow_1 = __importStar(require("reactflow"));
+// import "reactflow/dist/style.css";
+const FlashCardNode_1 = __importDefault(require("../FlashCardNode/FlashCardNode"));
+const MobileAccordionView_1 = require("../FlashCardNode/MobileAccordionView");
+const useRecapGraphLogic_1 = require("./useRecapGraphLogic");
+const MIN_ZOOM = 0.8;
+const RecapGraphFlow = ({ jsonData = null, contentMap = {}, iconConfig = [], onContentUpdate, onIconDataUpdate, isAdmin = false, playicon = {}, }) => {
+    const [layout, setLayout] = (0, react_1.useState)({
+        nodes: [],
+        edges: [],
+        bounds: null,
+    });
+    const logic = (0, useRecapGraphLogic_1.useRecapGraphLogic)(jsonData, contentMap, iconConfig);
+    const nodeTypes = (0, react_1.useMemo)(() => ({
+        flashcard: (props) => ((0, jsx_runtime_1.jsx)(FlashCardNode_1.default, { ...props, rootNodeId: jsonData?._id, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, isAdmin: isAdmin, playicon: playicon })),
+    }), [onContentUpdate, onIconDataUpdate, isAdmin, jsonData?._id]);
+    const graphData = (0, react_1.useMemo)(() => {
+        if (!jsonData)
+            return { nodes: [], edges: [] };
+        const nodes = logic.buildNodes(jsonData);
+        const edges = logic.buildEdges(jsonData, nodes);
+        return { nodes, edges };
+    }, [jsonData, logic.activeExpandedNodeId]);
+    const computeBounds = (nodes, minZoom = MIN_ZOOM) => {
+        if (!nodes || nodes.length === 0) {
+            const BASE = 2000 / minZoom;
+            return {
+                minX: -BASE,
+                minY: -BASE,
+                maxX: BASE,
+                maxY: BASE,
+            };
+        }
+        const minX = Math.min(...nodes.map((n) => n.position.x));
+        const maxX = Math.max(...nodes.map((n) => n.position.x + (n.width || 260)));
+        const minY = Math.min(...nodes.map((n) => n.position.y));
+        const maxY = Math.max(...nodes.map((n) => n.position.y + (n.height || 150)));
+        const BASE_PAD = 400;
+        const PAD = BASE_PAD / minZoom;
+        return {
+            minX: minX - PAD,
+            minY: minY - PAD,
+            maxX: maxX + PAD,
+            maxY: maxY + PAD,
+        };
+    };
+    (0, react_1.useEffect)(() => {
+        const res = logic.computeCustomLayout(graphData.nodes, graphData.edges);
+        setLayout({
+            nodes: graphData.nodes.map((n) => ({
+                ...n,
+                position: res.nodes.find((m) => m.id === n.id)?.position || n.position,
+            })),
+            edges: graphData.edges,
+            bounds: computeBounds(res.nodes),
+        });
+    }, [logic.expandedNodeId, logic.expandedNodeHeight]);
+    const bounds = layout.bounds || {
+        minX: -2000,
+        minY: -2000,
+        maxX: 2000,
+        maxY: 2000,
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            width: isAdmin ? "100vw" : "100%",
+            height: isAdmin ? "100vh" : "90%",
+            backgroundColor: "#f8fafc",
+        }, children: (0, jsx_runtime_1.jsxs)(reactflow_1.default, { nodes: layout.nodes, edges: layout.edges, nodeTypes: nodeTypes, proOptions: { hideAttribution: true }, fitView: true, panOnScroll: true, panOnScrollMode: "free", zoomOnPinch: true, zoomOnScroll: false, panOnDrag: true, minZoom: MIN_ZOOM, maxZoom: 1.6, translateExtent: [
+                [bounds.minX, bounds.minY],
+                [bounds.maxX, bounds.maxY],
+            ], children: [(0, jsx_runtime_1.jsx)(reactflow_1.Controls, { showFitView: false, showInteractive: false }), (0, jsx_runtime_1.jsx)(reactflow_1.Background, { variant: "none" })] }) }));
+};
+exports.default = RecapGraphFlow;
+//# sourceMappingURL=RecapGraphFlow.js.map

package/dist/components/Organisms/RecapGraph/RecapGraphFlow.js.map

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

package/dist/components/Organisms/RecapGraph/useRecapGraphLogic.d.ts

@@ -0,0 +1,29 @@
+export function useRecapGraphLogic(jsonData: any, contentMap: any, iconConfig: any): {
+    expandedNodeId: null;
+    expandedNodeHeight: number;
+    activeExpandedNodeId: null;
+    isTransitioning: boolean;
+    expandedNodes: {};
+    contentExpanded: {};
+    displayTypes: {};
+    videoIndices: {};
+    colorMap: {};
+    getNodeColors: (nodeId: any) => {
+        headerColor: any;
+        bgColor: any;
+        colorInfo: any;
+    };
+    getNodeContent: (nodeId: any) => {
+        nodeContent: any;
+        hasContent: any;
+    };
+    buildNodes: (data: any) => any[];
+    buildEdges: (data: any, nodes: any) => any[];
+    computeCustomLayout: (inputNodes: any, inputEdges: any) => {
+        nodes: any;
+        edges: any;
+    };
+    handleChevronClick: (nodeId: any) => void;
+    handleIconClick: (nodeId: any, type: any, availableContentTypes: any) => void;
+    setCurrentVideoIdx: (nodeId: any, idxOrUpdater: any) => void;
+};