recap_mobileview 0.0.1

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

@@ -0,0 +1,102 @@
+"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 = require("reactflow");
+const NodeHandles_1 = require("./NodeHandles");
+const contentUtils_1 = require("../../../utils/contentUtils");
+const FlashcardContainer_1 = __importDefault(require("./FlashcardContainer"));
+const FlashcardNode = (0, react_1.memo)((props) => {
+    const { data, rootNodeId, onContentUpdate, isAdmin, onIconDataUpdate, isMobile, playicon, } = props;
+    const [currentVideoIdx, setCurrentVideoIdx] = (0, react_1.useState)(0);
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
+    const [isAnimating, setIsAnimating] = (0, react_1.useState)(false);
+    const [sectionExpandedHeight, setSectionExpandedHeight] = (0, react_1.useState)(0);
+    const containerRef = (0, react_1.useRef)(null);
+    const updateNodeInternals = (0, reactflow_1.useUpdateNodeInternals)();
+    const { hasContent, level, hasMultipleChildren, color, label, icons = [], content, bgColor, colorKey, onNodeExpand, shouldClose, } = data;
+    const availableTypes = (0, contentUtils_1.getAvailableContentTypes)(content);
+    const [displayType, setDisplayType] = (0, react_1.useState)(null);
+    const availableIcons = icons.filter((icon) => availableTypes.includes(icon.type));
+    const handleIconClick = (iconType) => {
+        if (!isExpanded || displayType !== iconType) {
+            onNodeExpand?.(data.id);
+        }
+        const newExpanded = displayType === iconType ? !isExpanded : true;
+        setDisplayType(iconType);
+        setIsExpanded(newExpanded);
+        setIsAnimating(true);
+    };
+    // Handle closing when another node is expanded
+    (0, react_1.useEffect)(() => {
+        if (shouldClose && isExpanded) {
+            setIsAnimating(true);
+            const timer = setTimeout(() => {
+                setIsExpanded(false);
+                setDisplayType(null);
+                setIsAnimating(false);
+            }, 150);
+            return () => clearTimeout(timer);
+        }
+    }, [shouldClose, isExpanded]);
+    const handleSectionExpand = (expandData) => {
+        if (expandData.isExpanded) {
+            setSectionExpandedHeight(30);
+        }
+        else {
+            setSectionExpandedHeight(0);
+        }
+    };
+    // Updated: Account for both icon expansion and section expansion
+    (0, react_1.useEffect)(() => {
+        if (!containerRef.current)
+            return;
+        const height = containerRef.current.offsetHeight;
+        const totalHeight = isExpanded ? height + sectionExpandedHeight : 0;
+        data?.onExpandChange?.(data.id, isExpanded, totalHeight);
+        if (isAnimating) {
+            const timer = setTimeout(() => {
+                updateNodeInternals(data.id);
+                setIsAnimating(false);
+            }, 300);
+            return () => clearTimeout(timer);
+        }
+        else {
+            updateNodeInternals(data.id);
+        }
+    }, [isExpanded, isAnimating, sectionExpandedHeight]);
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, style: {
+            width: "390px",
+            transition: isAnimating ? "transform 0.3s ease-in-out" : "none",
+            transform: isAnimating ? "scale(0.98)" : "scale(1)",
+        }, children: [(0, jsx_runtime_1.jsx)(NodeHandles_1.NodeHandles, { level: level, hasMultipleChildren: hasMultipleChildren }), (0, jsx_runtime_1.jsx)(FlashcardContainer_1.default, { label: label, color: color, hasContent: hasContent, isExpanded: isExpanded, availableIcons: availableIcons, displayType: displayType, handleIconClick: handleIconClick, content: content, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, isAdmin: isAdmin, nodeId: data.id, rootNodeId: rootNodeId, onContentUpdate: onContentUpdate, onIconDataUpdate: onIconDataUpdate, level: level, bgColor: bgColor, colorKey: colorKey, playicon: playicon, onSectionExpandChange: handleSectionExpand })] }));
+});
+FlashcardNode.displayName = "FlashcardNode";
+exports.default = FlashcardNode;
+//# sourceMappingURL=FlashCardNode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlashCardNode.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashCardNode.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AACjE,yCAAmD;AACnD,+CAA4C;AAC5C,8DAAuE;AACvE,8EAAsD;AAEtD,MAAM,aAAa,GAAG,IAAA,YAAI,EAAC,CAAC,KAAK,EAAE,EAAE;IACnC,MAAM,EACJ,IAAI,EACJ,UAAU,EACV,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEtE,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAClC,MAAM,mBAAmB,GAAG,IAAA,kCAAsB,GAAE,CAAC;IAErD,MAAM,EACJ,UAAU,EACV,KAAK,EACL,mBAAmB,EACnB,KAAK,EACL,KAAK,EACL,KAAK,GAAG,EAAE,EACV,OAAO,EACP,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,WAAW,GACZ,GAAG,IAAI,CAAC;IAET,MAAM,cAAc,GAAG,IAAA,uCAAwB,EAAC,OAAO,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAErD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAC3C,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CACnC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,EAAE;QACnC,IAAI,CAAC,UAAU,IAAI,WAAW,KAAK,QAAQ,EAAE;YAC3C,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACzB;QAED,MAAM,WAAW,GAAG,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAClE,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzB,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3B,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,+CAA+C;IAC/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,UAAU,EAAE;YAC7B,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAG9B,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,EAAE;QACzC,IAAI,UAAU,CAAC,UAAU,EAAE;YACzB,wBAAwB,CAAC,EAAE,CAAC,CAAC;SAC9B;aAAM;YACL,wBAAwB,CAAC,CAAC,CAAC,CAAC;SAC7B;IACH,CAAC,CAAC;IAEF,iEAAiE;IACjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAClC,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC;QAEjD,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;QAEpE,IAAI,EAAE,cAAc,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;QAEzD,IAAI,WAAW,EAAE;YACf,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC7B,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAClC;aAAM;YACL,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC9B;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,iCACE,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,MAAM;YAC/D,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;SACpD,aAED,uBAAC,yBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,GAAI,EAEvE,uBAAC,4BAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,IAAI,CAAC,EAAE,EACf,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,mBAAmB,GAC1C,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAC5C,kBAAe,aAAa,CAAC"}

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

@@ -0,0 +1,28 @@
+export default FlashcardContainer;
+declare function FlashcardContainer({ label, color, hasContent, isExpanded, isNodeExpanded, isContentExpanded, availableIcons, displayType, handleIconClick, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, onContentUpdate, nodeId, rootNodeId, onIconDataUpdate, isMobile, hasChildren, onChevronClick, level, colorKey, bgColor, playicon, onSectionExpandChange, }: {
+    label: any;
+    color: any;
+    hasContent: any;
+    isExpanded: any;
+    isNodeExpanded: any;
+    isContentExpanded: any;
+    availableIcons: any;
+    displayType: any;
+    handleIconClick: any;
+    content: any;
+    currentVideoIdx: any;
+    setCurrentVideoIdx: any;
+    isAdmin: any;
+    onContentUpdate: any;
+    nodeId: any;
+    rootNodeId: any;
+    onIconDataUpdate: any;
+    isMobile: any;
+    hasChildren: any;
+    onChevronClick: any;
+    level: any;
+    colorKey: any;
+    bgColor: any;
+    playicon: any;
+    onSectionExpandChange: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,57 @@
+"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 react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const IconBar_1 = require("./IconBar");
+const ContentView_1 = require("../../Molecules/RecapNode/ContentView");
+const icons_1 = require("@chakra-ui/icons");
+const FlashcardContainer = ({ label, color, hasContent, isExpanded, isNodeExpanded, isContentExpanded, availableIcons, displayType, handleIconClick, content, currentVideoIdx, setCurrentVideoIdx, isAdmin, onContentUpdate, nodeId, rootNodeId, onIconDataUpdate, isMobile, hasChildren, onChevronClick, level, colorKey, bgColor, playicon, onSectionExpandChange, }) => {
+    const [sectionExpanded, setSectionExpanded] = (0, react_1.useState)(false);
+    const handleAddClick = () => {
+        onContentUpdate({
+            contentid: content?.contentid,
+            topicId: rootNodeId,
+            contentCellId: nodeId,
+            data: content,
+        });
+    };
+    const handleSectionExpand = (expandData) => {
+        setSectionExpanded(expandData.isExpanded);
+        if (onSectionExpandChange) {
+            onSectionExpandChange(expandData);
+        }
+    };
+    const lightenedBg = bgColor;
+    const shouldShowContent = isMobile ? isContentExpanded : isExpanded;
+    return ((0, jsx_runtime_1.jsxs)(react_2.Box, { p: "4px", bg: lightenedBg, borderRadius: "4px", border: `1px solid ${bgColor}`, children: [(0, jsx_runtime_1.jsxs)(react_2.Flex, { bg: color, p: "8px 12px", align: "center", borderRadius: "4px", justify: "space-between", children: [(0, jsx_runtime_1.jsx)(react_2.Box, { flex: "1", minW: "0", mr: "8px", children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontFamily: "Inter", fontWeight: "600", fontSize: "14px", lineHeight: "150%", letterSpacing: "-0.019em", whiteSpace: "normal", wordBreak: "break-word", children: label }) }), hasContent && ((0, jsx_runtime_1.jsx)(react_2.Flex, { flexShrink: 0, gap: "6px", wrap: "nowrap", alignItems: "center", mr: "8px", children: (0, jsx_runtime_1.jsx)(IconBar_1.IconBar, { icons: availableIcons, displayType: displayType, onIconClick: handleIconClick, content: content, isMobile: isMobile, isExpanded: shouldShowContent }) })), isMobile && hasChildren && ((0, jsx_runtime_1.jsx)(react_2.Box, { cursor: "pointer", onClick: onChevronClick, children: isNodeExpanded ? ((0, jsx_runtime_1.jsx)(icons_1.ChevronUpIcon, { w: "25px", h: "25px", color: "black" })) : ((0, jsx_runtime_1.jsx)(icons_1.ChevronDownIcon, { w: "25px", h: "25px", color: "black" })) })), isAdmin && ((0, jsx_runtime_1.jsx)(react_2.Button, { onClick: handleAddClick, w: "28px", h: "28px", minW: "28px", borderRadius: "50%", bg: "linear-gradient(135deg, #0f62fe, #0043ce)", color: "#fff", fontSize: "18px", fontWeight: "600", display: "flex", alignItems: "center", justifyContent: "center", transition: "all 0.2s ease-in-out", _hover: {
+                            bg: "linear-gradient(135deg, #0043ce, #0f62fe)",
+                            transform: "scale(1.05)",
+                            boxShadow: "0 6px 16px rgba(15, 98, 254, 0.45)",
+                        }, _active: { transform: "scale(0.95)" }, ml: "8px", children: "+" }))] }), hasContent && shouldShowContent && ((0, jsx_runtime_1.jsx)(react_2.Box, { padding: displayType === "videos" ? "14px" : "", fontSize: "13px", lineHeight: "1.6", borderRadius: "4px", bg: "#fff", mt: "8px", maxWidth: isMobile ? "100%" : "390px", children: (0, jsx_runtime_1.jsx)(ContentView_1.ContentView, { displayType: displayType, content: content, currentVideoIdx: currentVideoIdx, setCurrentVideoIdx: setCurrentVideoIdx, isAdmin: isAdmin, nodeId: nodeId, rootNodeId: rootNodeId, onIconDataUpdate: onIconDataUpdate, colorKey: colorKey, isMobile: isMobile, playicon: playicon, onSectionExpandChange: handleSectionExpand }) }))] }));
+};
+exports.default = FlashcardContainer;
+//# sourceMappingURL=FlashcardContainer.js.map

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

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

package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FlashcardNode from './FlashCardNode';
+import 'reactflow/dist/style.css';
+declare const meta: Meta<typeof FlashcardNode>;
+export default meta;
+type Story = StoryObj<typeof FlashcardNode>;
+export declare const BasicNode: Story;
+export declare const RootWithVideos: Story;
+export declare const Level1WithDefinitions: Story;
+export declare const Level2WithFormulas: Story;
+export declare const Level2WithEquations: Story;
+export declare const AllContentTypes: Story;
+export declare const LiteratureNode: Story;
+export declare const MultipleChildrenNode: Story;
+export declare const EmptyContent: Story;

package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.js

@@ -0,0 +1,301 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyContent = exports.MultipleChildrenNode = exports.LiteratureNode = exports.AllContentTypes = exports.Level2WithEquations = exports.Level2WithFormulas = exports.Level1WithDefinitions = exports.RootWithVideos = exports.BasicNode = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const reactflow_1 = require("reactflow");
+const FlashCardNode_1 = __importDefault(require("./FlashCardNode"));
+require("reactflow/dist/style.css");
+// Mock icons for stories
+const mockIcons = [
+    {
+        type: 'videos',
+        src: 'https://api.iconify.design/mdi/video.svg?color=%23666'
+    },
+    {
+        type: 'definitions',
+        src: 'https://api.iconify.design/mdi/book-open.svg?color=%23666'
+    },
+    {
+        type: 'formula',
+        src: 'https://api.iconify.design/mdi/math-compass.svg?color=%23666'
+    },
+    {
+        type: 'equations',
+        src: 'https://api.iconify.design/mdi/function-variant.svg?color=%23666'
+    }
+];
+const meta = {
+    title: "Components/Molecules/FlashcardNode",
+    component: FlashCardNode_1.default,
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)(reactflow_1.ReactFlowProvider, { children: (0, jsx_runtime_1.jsx)("div", { style: { padding: "40px", background: "#f5f5f5" }, children: (0, jsx_runtime_1.jsx)(Story, {}) }) })),
+    ],
+};
+exports.default = meta;
+// Basic node without content
+exports.BasicNode = {
+    args: {
+        data: {
+            label: 'Basic Topic',
+            color: '#E0F2FE',
+            level: 0,
+            hasContent: false,
+            hasMultipleChildren: false,
+        },
+    },
+};
+// Root node with video content
+exports.RootWithVideos = {
+    args: {
+        data: {
+            label: 'Introduction to Physics',
+            color: '#DBEAFE',
+            level: 0,
+            hasContent: true,
+            hasMultipleChildren: false,
+            icons: mockIcons,
+            content: {
+                videos: [
+                    'Video 1: Newton\'s Laws',
+                    'Video 2: Motion and Forces',
+                    'Video 3: Energy Conservation'
+                ]
+            }
+        },
+    },
+};
+// Level 1 node with definitions
+exports.Level1WithDefinitions = {
+    args: {
+        data: {
+            label: 'Chemical Bonding',
+            color: '#FEF3C7',
+            level: 1,
+            hasContent: true,
+            hasMultipleChildren: false,
+            icons: mockIcons,
+            content: {
+                sections: {
+                    definitions: [
+                        {
+                            title: 'Ionic Bond',
+                            description: 'A chemical bond formed through electrostatic attraction between oppositely charged ions.'
+                        },
+                        {
+                            title: 'Covalent Bond',
+                            description: 'A chemical bond formed by sharing electrons between atoms.'
+                        },
+                        {
+                            title: 'Metallic Bond',
+                            description: 'A bond formed by the attraction between metal atoms and delocalized electrons.'
+                        }
+                    ],
+                    summary: [
+                        {
+                            description: 'Chemical bonding is the process where atoms combine to form compounds through various types of bonds.'
+                        }
+                    ]
+                }
+            }
+        },
+    },
+};
+// Level 2 node with formulas
+exports.Level2WithFormulas = {
+    args: {
+        data: {
+            label: 'Quadratic Equations',
+            color: '#E9D5FF',
+            level: 2,
+            hasContent: true,
+            hasMultipleChildren: false,
+            icons: mockIcons,
+            content: {
+                sections: {
+                    formulae: [
+                        {
+                            title: 'Quadratic Formula',
+                            description: 'x = (-b ± √(b² - 4ac)) / 2a'
+                        },
+                        {
+                            title: 'Discriminant',
+                            description: 'Δ = b² - 4ac'
+                        },
+                        {
+                            title: 'Sum of Roots',
+                            description: 'α + β = -b/a'
+                        },
+                        {
+                            title: 'Product of Roots',
+                            description: 'αβ = c/a'
+                        }
+                    ]
+                }
+            }
+        },
+    },
+};
+// Level 2+ with equations
+exports.Level2WithEquations = {
+    args: {
+        data: {
+            label: 'Chemical Reactions',
+            color: '#FECACA',
+            level: 2,
+            hasContent: true,
+            hasMultipleChildren: true,
+            icons: mockIcons,
+            content: {
+                sections: {
+                    'reactions/equations': [
+                        {
+                            title: 'Combustion of Methane',
+                            description: 'CH₄ + 2O₂ → CO₂ + 2H₂O'
+                        },
+                        {
+                            title: 'Photosynthesis',
+                            description: '6CO₂ + 6H₂O → C₆H₁₂O₆ + 6O₂'
+                        },
+                        {
+                            title: 'Neutralization',
+                            description: 'HCl + NaOH → NaCl + H₂O'
+                        }
+                    ]
+                }
+            }
+        },
+    },
+};
+// Node with all content types
+exports.AllContentTypes = {
+    args: {
+        data: {
+            label: 'Complete Topic',
+            color: '#D1FAE5',
+            level: 1,
+            hasContent: true,
+            hasMultipleChildren: false,
+            icons: mockIcons,
+            content: {
+                videos: [
+                    'Video 1: Overview',
+                    'Video 2: Deep Dive',
+                    'Video 3: Practice Problems'
+                ],
+                sections: {
+                    summary: [
+                        {
+                            description: 'A comprehensive overview of the topic covering all essential aspects.'
+                        }
+                    ],
+                    definitions: [
+                        {
+                            title: 'Key Term 1',
+                            description: 'Definition of the first key term.'
+                        },
+                        {
+                            title: 'Key Term 2',
+                            description: 'Definition of the second key term.'
+                        }
+                    ],
+                    formulae: [
+                        {
+                            title: 'Main Formula',
+                            description: 'F = ma'
+                        }
+                    ],
+                    'reactions/equations': [
+                        {
+                            title: 'Key Equation',
+                            description: 'E = mc²'
+                        }
+                    ]
+                }
+            }
+        },
+    },
+};
+// Literature node example
+exports.LiteratureNode = {
+    args: {
+        data: {
+            label: 'The Road Not Taken',
+            color: '#FED7AA',
+            level: 1,
+            hasContent: true,
+            hasMultipleChildren: false,
+            icons: mockIcons,
+            content: {
+                sections: {
+                    theme_and_central_idea: [
+                        {
+                            title: 'Main Theme',
+                            description: 'The poem explores choices and their consequences in life.'
+                        }
+                    ],
+                    poetic_devices: [
+                        {
+                            title: 'Metaphor',
+                            description: 'The roads symbolize life choices and different paths one can take.'
+                        },
+                        {
+                            title: 'Imagery',
+                            description: 'Vivid description of the diverging roads in a yellow wood.'
+                        }
+                    ],
+                    language_and_vocabulary: [
+                        {
+                            title: 'Diverged',
+                            description: 'Separated and went in different directions.'
+                        }
+                    ]
+                }
+            }
+        },
+    },
+};
+// Node with multiple children (uses horizontal layout)
+exports.MultipleChildrenNode = {
+    args: {
+        data: {
+            label: 'Parent Topic',
+            color: '#FDE68A',
+            level: 2,
+            hasContent: true,
+            hasMultipleChildren: true,
+            icons: mockIcons,
+            content: {
+                videos: [
+                    'Overview Video'
+                ],
+                sections: {
+                    summary: [
+                        {
+                            description: 'This topic branches into multiple subtopics.'
+                        }
+                    ]
+                }
+            }
+        },
+    },
+};
+// Empty content node
+exports.EmptyContent = {
+    args: {
+        data: {
+            label: 'Empty Topic Node',
+            color: '#E5E7EB',
+            level: 1,
+            hasContent: true,
+            hasMultipleChildren: false,
+            icons: mockIcons,
+            content: {
+                sections: {}
+            }
+        },
+    },
+};
+//# sourceMappingURL=FlashcardNode.stories.js.map

package/dist/components/Organisms/FlashCardNode/FlashcardNode.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashcardNode.stories.js","sourceRoot":"","sources":["../../../../src/components/Organisms/FlashCardNode/FlashcardNode.stories.tsx"],"names":[],"mappings":";;;;;;;AAEA,yCAA8C;AAC9C,oEAA4C;AAC5C,oCAAkC;AAElC,yBAAyB;AACzB,MAAM,SAAS,GAAG;IAChB;QACE,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,uDAAuD;KAC7D;IACD;QACE,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,2DAA2D;KACjE;IACD;QACE,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,8DAA8D;KACpE;IACD;QACE,IAAI,EAAE,WAAW;QACjB,GAAG,EAAE,kEAAkE;KACxE;CACF,CAAC;AAEF,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,uBAAa;IACxB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,uBAAC,6BAAiB,cAChB,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YACpD,uBAAC,KAAK,KAAG,GACL,GACY,CACrB;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGpB,6BAA6B;AAChB,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa;YACpB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,KAAK;YACjB,mBAAmB,EAAE,KAAK;SAC3B;KACF;CACF,CAAC;AAEF,+BAA+B;AAClB,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,yBAAyB;YAChC,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,yBAAyB;oBACzB,4BAA4B;oBAC5B,8BAA8B;iBAC/B;aACF;SACF;KACF;CACF,CAAC;AAEF,gCAAgC;AACnB,QAAA,qBAAqB,GAAU;IAC1C,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,kBAAkB;YACzB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,QAAQ,EAAE;oBACR,WAAW,EAAE;wBACX;4BACE,KAAK,EAAE,YAAY;4BACnB,WAAW,EAAE,0FAA0F;yBACxG;wBACD;4BACE,KAAK,EAAE,eAAe;4BACtB,WAAW,EAAE,4DAA4D;yBAC1E;wBACD;4BACE,KAAK,EAAE,eAAe;4BACtB,WAAW,EAAE,gFAAgF;yBAC9F;qBACF;oBACD,OAAO,EAAE;wBACP;4BACE,WAAW,EAAE,uGAAuG;yBACrH;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEF,6BAA6B;AAChB,QAAA,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,qBAAqB;YAC5B,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,QAAQ,EAAE;oBACR,QAAQ,EAAE;wBACR;4BACE,KAAK,EAAE,mBAAmB;4BAC1B,WAAW,EAAE,6BAA6B;yBAC3C;wBACD;4BACE,KAAK,EAAE,cAAc;4BACrB,WAAW,EAAE,cAAc;yBAC5B;wBACD;4BACE,KAAK,EAAE,cAAc;4BACrB,WAAW,EAAE,cAAc;yBAC5B;wBACD;4BACE,KAAK,EAAE,kBAAkB;4BACzB,WAAW,EAAE,UAAU;yBACxB;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEF,0BAA0B;AACb,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,oBAAoB;YAC3B,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,IAAI;YACzB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,QAAQ,EAAE;oBACR,qBAAqB,EAAE;wBACrB;4BACE,KAAK,EAAE,uBAAuB;4BAC9B,WAAW,EAAE,wBAAwB;yBACtC;wBACD;4BACE,KAAK,EAAE,gBAAgB;4BACvB,WAAW,EAAE,6BAA6B;yBAC3C;wBACD;4BACE,KAAK,EAAE,gBAAgB;4BACvB,WAAW,EAAE,yBAAyB;yBACvC;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEF,8BAA8B;AACjB,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,gBAAgB;YACvB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,mBAAmB;oBACnB,oBAAoB;oBACpB,4BAA4B;iBAC7B;gBACD,QAAQ,EAAE;oBACR,OAAO,EAAE;wBACP;4BACE,WAAW,EAAE,uEAAuE;yBACrF;qBACF;oBACD,WAAW,EAAE;wBACX;4BACE,KAAK,EAAE,YAAY;4BACnB,WAAW,EAAE,mCAAmC;yBACjD;wBACD;4BACE,KAAK,EAAE,YAAY;4BACnB,WAAW,EAAE,oCAAoC;yBAClD;qBACF;oBACD,QAAQ,EAAE;wBACR;4BACE,KAAK,EAAE,cAAc;4BACrB,WAAW,EAAE,QAAQ;yBACtB;qBACF;oBACD,qBAAqB,EAAE;wBACrB;4BACE,KAAK,EAAE,cAAc;4BACrB,WAAW,EAAE,SAAS;yBACvB;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEF,0BAA0B;AACb,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,oBAAoB;YAC3B,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,QAAQ,EAAE;oBACR,sBAAsB,EAAE;wBACtB;4BACE,KAAK,EAAE,YAAY;4BACnB,WAAW,EAAE,2DAA2D;yBACzE;qBACF;oBACD,cAAc,EAAE;wBACd;4BACE,KAAK,EAAE,UAAU;4BACjB,WAAW,EAAE,oEAAoE;yBAClF;wBACD;4BACE,KAAK,EAAE,SAAS;4BAChB,WAAW,EAAE,4DAA4D;yBAC1E;qBACF;oBACD,uBAAuB,EAAE;wBACvB;4BACE,KAAK,EAAE,UAAU;4BACjB,WAAW,EAAE,6CAA6C;yBAC3D;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEF,uDAAuD;AAC1C,QAAA,oBAAoB,GAAU;IACzC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,cAAc;YACrB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,IAAI;YACzB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,MAAM,EAAE;oBACN,gBAAgB;iBACjB;gBACD,QAAQ,EAAE;oBACR,OAAO,EAAE;wBACP;4BACE,WAAW,EAAE,8CAA8C;yBAC5D;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEF,qBAAqB;AACR,QAAA,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,IAAI,EAAE;YACJ,KAAK,EAAE,kBAAkB;YACzB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,IAAI;YAChB,mBAAmB,EAAE,KAAK;YAC1B,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,QAAQ,EAAE,EAAE;aACb;SACF;KACF;CACF,CAAC"}

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

@@ -0,0 +1,7 @@
+export function IconBar({ icons, displayType, onIconClick, isMobile, isExpanded, }: {
+    icons: any;
+    displayType: any;
+    onIconClick: any;
+    isMobile: any;
+    isExpanded: any;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Organisms/FlashCardNode/IconBar.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.IconBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@chakra-ui/react");
+const IconBar = ({ icons, displayType, onIconClick, isMobile, isExpanded, }) => {
+    if (!icons || icons.length === 0)
+        return null;
+    const handleIconClick = (iconType) => {
+        onIconClick(iconType);
+    };
+    return ((0, jsx_runtime_1.jsx)(react_2.Flex, { align: "center", gap: "6px", flexShrink: 0, children: icons.map((iconObj, i) => ((0, jsx_runtime_1.jsx)(react_2.Flex, { w: isMobile ? "20px" : "26px", h: isMobile ? "20px" : "26px", borderRadius: "4px", align: "center", justify: "center", cursor: "pointer", onClick: (e) => {
+                e.stopPropagation();
+                handleIconClick(iconObj.type);
+            }, opacity: isExpanded && displayType === iconObj.type ? 1 : 0.4, transition: "opacity 0.2s", _hover: { transform: "scale(1.1)" }, children: (0, jsx_runtime_1.jsx)(react_2.Image, { src: iconObj.src, w: "20px", h: "20px", alt: iconObj.type }) }, i))) }));
+};
+exports.IconBar = IconBar;
+//# sourceMappingURL=IconBar.js.map

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,10 @@
+export function MobileAccordionView({ jsonData, contentMap, onContentUpdate, onIconDataUpdate, isAdmin, iconConfig, playicon, }: {
+    jsonData?: null | undefined;
+    contentMap?: {} | undefined;
+    onContentUpdate: any;
+    onIconDataUpdate: any;
+    isAdmin?: boolean | undefined;
+    iconConfig?: any[] | undefined;
+    playicon: any;
+}): import("react/jsx-runtime").JSX.Element;
+export default MobileAccordionView;

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

@@ -0,0 +1,42 @@
+"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 react_2 = require("react");
+const MobileAccordionView = ({ jsonData = null, contentMap = {}, onContentUpdate, onIconDataUpdate, isAdmin = false, iconConfig = [], playicon, }) => {
+    const logic = (0, useRecapGraphLogic_1.useRecapGraphLogic)(jsonData, contentMap, iconConfig);
+    (0, react_2.useEffect)(() => {
+        if (jsonData) {
+            const nodesToExpand = {};
+            nodesToExpand[jsonData._id] = true;
+            logic.expandedNodes = nodesToExpand;
+        }
+    }, [jsonData]);
+    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 }), isNodeExpanded && hasChildren && ((0, jsx_runtime_1.jsx)(react_1.Box, { px: "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;