recap_mobileview 0.0.1

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/ISEditor-V2/EditableDiv.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const EditableDiv: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+export default EditableDiv;

package/dist/components/Organisms/ISEditor-V2/EditableDiv.js

@@ -0,0 +1,161 @@
+"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 react_contenteditable_1 = __importDefault(require("react-contenteditable"));
+const EditorConstants_1 = require("./EditorConstants");
+const dompurify_1 = __importDefault(require("dompurify"));
+const EditableDiv = react_1.default.forwardRef(({ id, content, onChange, onFocus, index }, ref) => {
+    const innerRef = (0, react_1.useRef)(null);
+    const cursorPositionRef = (0, react_1.useRef)(0);
+    // useEffect(() => {
+    //   if (ref) {
+    //     ref.current = innerRef.current;
+    //   }
+    // }, [ref]);
+    const getCursorPosition = (0, react_1.useCallback)(() => {
+        const element = innerRef.current;
+        if (element) {
+            const selection = window.getSelection();
+            if (selection && selection.rangeCount > 0) {
+                const range = selection.getRangeAt(0);
+                const preSelectionRange = range.cloneRange();
+                preSelectionRange.selectNodeContents(element);
+                preSelectionRange.setEnd(range.startContainer, range.startOffset);
+                return preSelectionRange.toString().length;
+            }
+        }
+        return 0;
+    }, []);
+    const saveCursorPosition = (0, react_1.useCallback)(() => {
+        const position = getCursorPosition();
+        cursorPositionRef.current = position;
+    }, [getCursorPosition]);
+    const handleFocus = (0, react_1.useCallback)(() => {
+        const currentPosition = getCursorPosition();
+        //console.log(`Focused block id: ${id}, Cursor position: ${currentPosition}`);
+        cursorPositionRef.current = currentPosition;
+        onFocus(currentPosition, innerRef.current, index);
+    }, [onFocus, index, getCursorPosition, id]);
+    const handleKeyDown = (0, react_1.useCallback)((e) => {
+        // Allow default behaviors for Ctrl+A, Backspace, and Delete
+        if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "a") {
+            // Do nothing, allow browser's select all behavior
+            return;
+        }
+        else if (e.key === "Backspace" || e.key === "Delete") {
+            // Allow default deletion behavior
+            return;
+        }
+        else {
+            handleFocus();
+        }
+    }, [handleFocus]);
+    const handleChange = (0, react_1.useCallback)((e) => {
+        const newContent = (0, EditorConstants_1.getSanitizedContent)(e.target.value);
+        onChange(newContent);
+    }, [onChange, saveCursorPosition]);
+    const handlePaste = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        const clipboardData = e.clipboardData || e.originalEvent?.clipboardData;
+        const htmlData = clipboardData?.getData("text/html");
+        const plainData = clipboardData?.getData("text/plain");
+        if (htmlData) {
+            let cleanHTML = dompurify_1.default.sanitize(htmlData, {
+                ALLOWED_TAGS: ['b', 'i', 'u', 'strong', 'em', 'span', 'p', 'br'],
+                ALLOWED_ATTR: ['style'],
+                KEEP_CONTENT: true
+            });
+            document.execCommand('insertHTML', false, cleanSpanStyles(cleanHTML));
+        }
+        else if (plainData) {
+            document.execCommand('insertText', false, plainData);
+        }
+    }, []);
+    function cleanSpanStyles(cleanHTML) {
+        cleanHTML = cleanHTML
+            .replace(/<b[^>]*>/gi, '<b>')
+            .replace(/<i[^>]*>/gi, '<i>')
+            .replace(/<u[^>]*>/gi, '<u>')
+            .replace(/<strong[^>]*>/gi, '<strong>')
+            .replace(/<em[^>]*>/gi, '<em>')
+            .replace(/<p[^>]*>/gi, '<p>')
+            .replace(/<strong>/gi, '<b>')
+            .replace(/<\/strong>/gi, '</b>')
+            .replace(/<em>/gi, '<i>')
+            .replace(/<\/em>/gi, '</i>');
+        return cleanHTML.replace(/<span style="([^"]*)"([^>]*)>/g, (match, styleContent, otherAttrs) => {
+            const fontWeight = styleContent.match(/font-weight\s*:\s*[^;]+/);
+            const fontStyle = styleContent.match(/font-style\s*:\s*[^;]+/);
+            const textDecoration = styleContent.match(/text-decoration\s*:\s*[^;]+/);
+            let newStyle = [];
+            if (fontWeight)
+                newStyle.push(fontWeight[0]);
+            if (fontStyle)
+                newStyle.push(fontStyle[0]);
+            if (textDecoration)
+                newStyle.push(textDecoration[0]);
+            if (newStyle.length > 0) {
+                return `<span style="${newStyle.join('; ')};"${otherAttrs}>`;
+            }
+            else {
+                return `<span${otherAttrs}>`;
+            }
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)(react_contenteditable_1.default, { innerRef: innerRef, html: content, onChange: handleChange, onFocus: handleFocus, onBlur: handleFocus, onKeyDown: handleKeyDown, onMouseUp: handleFocus, onPaste: handlePaste, style: contentEditableStyles }));
+});
+exports.default = EditableDiv;
+const contentEditableStyles = {
+    outline: "none",
+    cursor: "text",
+    minHeight: "1em",
+    // Add text styling
+    fontFamily: "inherit",
+    lineHeight: "1.5",
+    // Add spacing
+    padding: "0",
+    margin: "0",
+    whiteSpace: "pre-wrap",
+    // Add behavior for child elements
+    "& h1, & h2, & h3, & h4, & h5, & h6": {
+        fontWeight: "bold",
+        marginTop: "0.5rem",
+        marginBottom: "0.5rem"
+    },
+    "& h1": { fontSize: "1.5rem" },
+    "& h2": { fontSize: "1.25rem" },
+    "& h3": { fontSize: "1.125rem" },
+    "& h4": { fontSize: "1rem" },
+    "& h5": { fontSize: "0.875rem" },
+    "& h6": { fontSize: "0.75rem" },
+    "& div": { display: "inline" },
+    "& span": { display: "inline" }
+};
+//# sourceMappingURL=EditableDiv.js.map

package/dist/components/Organisms/ISEditor-V2/EditableDiv.js.map

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

package/dist/components/Organisms/ISEditor-V2/Editor.d.ts

@@ -0,0 +1,2 @@
+declare const Editor: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default Editor;

package/dist/components/Organisms/ISEditor-V2/Editor.js

@@ -0,0 +1,444 @@
+"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 react_2 = require("@chakra-ui/react");
+const uuid_1 = require("uuid");
+const EditorConstants_1 = require("./EditorConstants");
+const EditableDiv_1 = __importDefault(require("./EditableDiv"));
+const LatexModal_1 = __importDefault(require("./LatexModal"));
+const ToolBar_1 = __importDefault(require("./ToolBar"));
+const common_utils_1 = require("../../../utils/common-utils");
+const LatexBlock_1 = __importDefault(require("./LatexBlock"));
+const EditorContext_1 = require("./EditorContext");
+const LatexCopyModal_1 = __importDefault(require("./LatexCopyModal"));
+const LatexView_1 = __importDefault(require("./LatexView"));
+const TableBlock_1 = __importDefault(require("./TableBlock"));
+const RawMathModal_1 = __importDefault(require("./RawMathModal"));
+const NewTableCustomisation_1 = __importDefault(require("./NewTableCustomisation"));
+const Editor = (props) => {
+    const { data, handleChange, config = {}, icons = {}, allowAddTable } = props;
+    const { toolbar = [] } = config;
+    const cursorDivRef = (0, react_1.useRef)(null);
+    const { isOpen, onOpen, onClose } = (0, react_2.useDisclosure)();
+    const { isOpen: isTableModalOpen, onOpen: onTableModalOpen, onClose: onTableModalClose } = (0, react_2.useDisclosure)();
+    const [openLatexCopy, setOpenLatexCopy] = (0, react_1.useState)(false);
+    const [openLatexView, setOpenLatexView] = (0, react_1.useState)(false);
+    const [openRawView, setOpenRawView] = (0, react_1.useState)(false);
+    const [tableData, setTableData] = (0, react_1.useState)("");
+    const [blocks, setBlocks] = (0, react_1.useState)([{ id: (0, uuid_1.v4)(), type: "text", content: "" }]);
+    const { setCurrentContent, focusedBlockId, setFocusedBlockId, cursorPosition, setCursorPosition, editingLatexId, setEditingLatexId, renderedPreview, setRenderedPreview, editingTableId, setEditingTableId } = (0, EditorContext_1.useEditor)();
+    (0, react_1.useEffect)(() => {
+        if (data && data !== renderedPreview) {
+            initialComputations(data);
+        }
+    }, [data]);
+    // useEffect(() => {
+    //   console.log("cursorPosition==>" + cursorPosition, focusedBlockId);
+    // }, [cursorPosition]);
+    (0, react_1.useEffect)(() => {
+        if (blocks?.length >= 0 || data != "") {
+            getEditorData();
+        }
+    }, [blocks]);
+    const initialComputations = (initialData) => {
+        if (!(0, common_utils_1.isEmptyOrNull)(initialData)) {
+            const parsedBlocks = (0, EditorConstants_1.splitTextAndLatexAndMarkdown)(initialData || "");
+            setBlocks(parsedBlocks);
+        }
+    };
+    const getEditorData = () => {
+        const renderedContent = blocks
+            .map((block) => block.type === "text" || block.type === "latex" || block.type === "markdown" ? block.content : "").map((content, idx) => {
+            // Add extra line breaks before/after markdown tables
+            if (blocks[idx].type === "markdown") {
+                return `\n${content}\n`;
+            }
+            return content;
+        })
+            .join("");
+        if (handleChange && renderedContent !== renderedPreview) {
+            const updatedContent = renderedContent == "<br>" ? "" : renderedContent;
+            handleChange(updatedContent);
+        }
+        setRenderedPreview(renderedContent);
+    };
+    const handleFocus = (0, react_1.useCallback)((position, direction, id) => {
+        setFocusedBlockId(id);
+        setCursorPosition(position);
+    }, []);
+    const splitContentBasedOnPostion = (content, postion) => {
+        const sanitizedContent = (0, EditorConstants_1.getSanitizedContent)(content);
+        // Calculate the index in HTML content corresponding to the plain text cursor position
+        let htmlCursorPosition = 0;
+        let plainTextCount = 0;
+        // Loop through the HTML content to find the equivalent cursor position
+        while (plainTextCount < postion &&
+            htmlCursorPosition < sanitizedContent.length) {
+            if (sanitizedContent[htmlCursorPosition] === "<") {
+                // Skip over HTML tags
+                while (sanitizedContent[htmlCursorPosition] !== ">" &&
+                    htmlCursorPosition < sanitizedContent.length) {
+                    htmlCursorPosition++;
+                }
+            }
+            else {
+                // Count plain text characters
+                plainTextCount++;
+            }
+            htmlCursorPosition++;
+        }
+        // Now we have the correct cursor position within the HTML content
+        const before = sanitizedContent.substring(0, htmlCursorPosition);
+        const after = sanitizedContent.substring(htmlCursorPosition);
+        return { before, after };
+    };
+    const addOrUpdateLatex = (0, react_1.useCallback)((latex = "") => {
+        const formattedLatex = latex.trim() ? `\\(${latex}\\)` : "";
+        console.log("Inserting LaTeX:", formattedLatex);
+        setBlocks((prevBlocks) => {
+            let newBlocks = [];
+            let addedLatex = false;
+            if (editingLatexId) {
+                if ((0, common_utils_1.isEmptyOrNull)(latex)) {
+                    //removing latex block , if we update empty latex
+                    newBlocks = prevBlocks.filter((block) => block.id != editingLatexId);
+                }
+                else {
+                    // Update existing LaTeX block
+                    newBlocks = prevBlocks.map((block) => block.id === editingLatexId
+                        ? { ...block, content: formattedLatex }
+                        : block);
+                }
+                addedLatex = true;
+            }
+            else {
+                prevBlocks.forEach((block) => {
+                    if (block.id === focusedBlockId && block.type === "text") {
+                        const { before, after } = splitContentBasedOnPostion(block?.content, cursorPosition);
+                        if (before)
+                            newBlocks.push({
+                                id: (0, uuid_1.v4)(),
+                                type: "text",
+                                content: before,
+                            });
+                        if (formattedLatex)
+                            newBlocks.push({
+                                id: (0, uuid_1.v4)(),
+                                type: "latex",
+                                content: formattedLatex,
+                            });
+                        if (after)
+                            newBlocks.push({
+                                id: (0, uuid_1.v4)(),
+                                type: "text",
+                                content: after,
+                            });
+                        addedLatex = true;
+                    }
+                    else {
+                        newBlocks.push(block);
+                    }
+                });
+                //if focused blockid null and formattedLatex is not empty adding latex in last
+                if ((0, common_utils_1.isEmptyOrNull)(focusedBlockId) && !(0, common_utils_1.isEmptyOrNull)(formattedLatex)) {
+                    newBlocks.push({
+                        id: (0, uuid_1.v4)(),
+                        type: "latex",
+                        content: formattedLatex,
+                    });
+                }
+                let newBlockSize = newBlocks?.length;
+                const isLastLatex = newBlocks?.[newBlockSize - 1]?.type === "latex";
+                const isFirstLatex = newBlocks?.[0]?.type === "latex";
+                // Add a new empty text block if LaTeX was added in last
+                if (formattedLatex && (newBlockSize == 0 || isLastLatex)) {
+                    newBlocks.push({ id: (0, uuid_1.v4)(), type: "text", content: "" });
+                }
+                //if 1st postion is latex , adding text block
+                if (isFirstLatex) {
+                    newBlocks.unshift({ id: (0, uuid_1.v4)(), type: "text", content: "" });
+                }
+            }
+            if (addedLatex) {
+                console.log("New Blocks:", JSON.stringify(newBlocks, null, 2));
+                return (0, EditorConstants_1.mergeTextBlocks)(newBlocks);
+            }
+            return newBlocks;
+        });
+        onClose();
+        setCurrentContent("");
+        setEditingLatexId(null);
+    }, [focusedBlockId, cursorPosition, onClose, editingLatexId]);
+    const addOrUpdateTable = (0, react_1.useCallback)((tableData) => {
+        setBlocks((prevBlocks) => {
+            let newBlocks = [];
+            let addedTable = false;
+            if (editingTableId) {
+                if ((0, common_utils_1.isEmptyOrNull)(tableData)) {
+                    //removing table block , if we update empty table
+                    newBlocks = prevBlocks.filter((block) => block.id != editingTableId);
+                }
+                else {
+                    // Update existing table block
+                    newBlocks = prevBlocks.map((block) => block.id === editingTableId
+                        ? { ...block, content: tableData }
+                        : block);
+                }
+                addedTable = true;
+            }
+            else {
+                prevBlocks.forEach((block) => {
+                    if (block.id === focusedBlockId && block.type === "text") {
+                        const { before, after } = splitContentBasedOnPostion(block?.content, cursorPosition);
+                        if (before)
+                            newBlocks.push({
+                                id: (0, uuid_1.v4)(),
+                                type: "text",
+                                content: before,
+                            });
+                        if (tableData)
+                            newBlocks.push({
+                                id: (0, uuid_1.v4)(),
+                                type: "markdown",
+                                content: tableData,
+                            });
+                        if (after)
+                            newBlocks.push({
+                                id: (0, uuid_1.v4)(),
+                                type: "text",
+                                content: after,
+                            });
+                        addedTable = true;
+                    }
+                    else {
+                        newBlocks.push(block);
+                    }
+                });
+                //if focused blockid null and tableData is not empty adding table in last
+                const focusedBlock = prevBlocks.find((b) => b.id === focusedBlockId);
+                const shouldAddAtEnd = (0, common_utils_1.isEmptyOrNull)(focusedBlockId) ||
+                    (focusedBlock && focusedBlock.type !== 'text');
+                // Add the table at the end if conditions are met
+                if (shouldAddAtEnd && !(0, common_utils_1.isEmptyOrNull)(tableData)) {
+                    newBlocks.push({
+                        id: (0, uuid_1.v4)(),
+                        type: "markdown",
+                        content: tableData,
+                    });
+                    addedTable = true;
+                }
+                let newBlockSize = newBlocks?.length;
+                const isLastTable = newBlocks?.[newBlockSize]?.type === "markdown";
+                const isFirstTable = newBlocks?.[0]?.type === "markdown";
+                // Add a new empty text block if Table was added in last
+                if (tableData) {
+                    newBlocks.push({ id: (0, uuid_1.v4)(), type: "text", content: "" });
+                }
+                if (tableData && (newBlockSize == 0 || isLastTable)) {
+                    newBlocks.push({ id: (0, uuid_1.v4)(), type: "text", content: "" });
+                }
+                //if 1st postion is table , adding text block
+                if (isFirstTable) {
+                    newBlocks.unshift({ id: (0, uuid_1.v4)(), type: "text", content: "" });
+                }
+            }
+            if (addedTable) {
+                return (0, EditorConstants_1.mergeTextBlocks)(newBlocks);
+            }
+            return newBlocks;
+        });
+        onTableModalClose();
+        setCurrentContent("");
+        setEditingTableId(null);
+        setTableData("");
+    }, [focusedBlockId, cursorPosition, onTableModalClose, editingTableId]);
+    const openLatexModal = (0, react_1.useCallback)((content = "", blockId = null) => {
+        setCurrentContent(content);
+        setEditingLatexId(blockId);
+        onOpen();
+    }, [onOpen]);
+    const openTableModal = (0, react_1.useCallback)((content, blockId) => {
+        if (blockId && content) {
+            if (content) {
+                setTableData(content);
+            }
+            else {
+                setTableData("");
+            }
+        }
+        else {
+            setTableData("");
+        }
+        setCurrentContent(content);
+        setEditingTableId(blockId);
+        onTableModalOpen();
+    }, [onTableModalOpen]);
+    const updateBlock = (0, react_1.useCallback)((id, content) => {
+        setBlocks((prevBlocks) => prevBlocks.map((block) => block.id === id
+            ? { ...block, content: (0, EditorConstants_1.getSanitizedContent)(content) }
+            : block));
+    }, []);
+    const handleCommand = (0, react_1.useCallback)((command, value = null) => {
+        console.log(`Command: ${command}, Value: ${value}`);
+        try {
+            if (command === "formatBlock") {
+                console.log("Applying format block:", value);
+                document.execCommand("formatBlock", false, value);
+            }
+            else if (command === "createLink" && value) {
+                console.log("Creating link with URL:", value);
+                document.execCommand(command, false, value);
+            }
+            else if (command === "insertUnorderedList" ||
+                command === "insertOrderedList") {
+                value = null;
+                console.log("Inserting list:", command);
+                document.execCommand(command, false, value);
+            }
+            else if (command === "math") {
+                openLatexModal();
+            }
+            else {
+                console.log("Executing command:", command);
+                document.execCommand(command, false, value);
+            }
+        }
+        catch (error) {
+            console.error("Error executing command:", error);
+        }
+    }, []);
+    const handleDeleteLatex = (0, react_1.useCallback)((id) => {
+        setBlocks((prevBlocks) => {
+            const indexToDelete = prevBlocks.findIndex((block) => block.id === id);
+            if (indexToDelete === -1)
+                return prevBlocks;
+            // Remove the LaTeX block
+            const newBlocks = prevBlocks.filter((block) => block.id !== id);
+            return (0, EditorConstants_1.mergeTextBlocks)(newBlocks);
+        });
+    }, []);
+    const handleDeleteTable = (0, react_1.useCallback)((id) => {
+        setBlocks((prevBlocks) => {
+            const indexToDelete = prevBlocks.findIndex((block) => block.id === id);
+            if (indexToDelete === -1)
+                return prevBlocks;
+            // Get cursor position from the block before the table
+            const blockIndex = prevBlocks.findIndex((block) => block.id === id);
+            if (blockIndex > 0) {
+                const prevBlock = prevBlocks[blockIndex - 1];
+                if (prevBlock.type === "text") {
+                    const textLength = prevBlock.content.replace(/<[^>]*>/g, '').length;
+                    setCursorPosition(textLength);
+                    setFocusedBlockId(prevBlock.id);
+                }
+            }
+            // Remove the table block
+            const newBlocks = prevBlocks.filter((block) => block.id !== id);
+            return (0, EditorConstants_1.mergeTextBlocks)(newBlocks);
+        });
+    }, []);
+    const handleClickFocus = () => {
+        if (cursorDivRef?.current && (0, common_utils_1.isEmptyOrNull)(renderedPreview)) {
+            cursorDivRef?.current?.focus();
+            cursorDivRef.current.scrollIntoView({
+                behavior: "smooth",
+                block: "end",
+            });
+        }
+    };
+    const handleLatexCopySubmit = (0, react_1.useCallback)((content) => {
+        console.log("Submitted Data:", content);
+        // Split the submitted content into LaTeX and text blocks
+        const parsedBlocks = (0, EditorConstants_1.splitTextAndLatexAndMarkdown)(content);
+        setBlocks((prevBlocks) => {
+            const newBlocks = [...prevBlocks];
+            // Find the index of the focused block
+            const focusedBlockIndex = newBlocks.findIndex((block) => block.id === focusedBlockId);
+            if (focusedBlockIndex !== -1) {
+                const focusedBlock = newBlocks[focusedBlockIndex];
+                // Split the focused block's content at the cursor position
+                const { before, after } = splitContentBasedOnPostion(focusedBlock.content, cursorPosition);
+                // Create the new structure of blocks
+                const updatedBlocks = [
+                    { id: (0, uuid_1.v4)(), type: "text", content: before || "" },
+                    ...parsedBlocks,
+                    { id: (0, uuid_1.v4)(), type: "text", content: after || "" },
+                ];
+                // Replace the original block with the updated structure
+                newBlocks.splice(focusedBlockIndex, 1, ...updatedBlocks);
+            }
+            else {
+                // If no focused block is found, append the parsed blocks at the end
+                newBlocks.push(...parsedBlocks);
+            }
+            console.log("New Blocks after Latex Copy Submit:", JSON.stringify(newBlocks, null, 2));
+            return (0, EditorConstants_1.mergeTextBlocks)(newBlocks);
+        });
+        setOpenLatexCopy(false); // Close the modal after submission
+    }, [
+        focusedBlockId,
+        cursorPosition,
+        setBlocks,
+        EditorConstants_1.splitTextAndLatexAndMarkdown,
+        EditorConstants_1.mergeTextBlocks,
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { mb: 1, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { h: 8, onClick: () => {
+                            setOpenLatexCopy(true);
+                        }, children: "Copy Math" }), allowAddTable && (0, jsx_runtime_1.jsx)(react_2.Button, { h: 8, onClick: () => {
+                            setTableData("");
+                            onTableModalOpen();
+                        }, children: "Add Table" }), (0, jsx_runtime_1.jsx)(react_2.Button, { h: 8, onClick: () => {
+                            setOpenLatexView(true);
+                        }, children: "Math View" }), (0, jsx_runtime_1.jsx)(react_2.Button, { h: 8, onClick: () => {
+                            setOpenRawView(true);
+                        }, children: "Raw View" })] }), toolbar?.length > 0 && ((0, jsx_runtime_1.jsx)(react_2.Box, { borderWidth: "1px", borderColor: "gray.400", children: (0, jsx_runtime_1.jsx)(ToolBar_1.default, { config: config, onCommand: handleCommand }) })), (0, jsx_runtime_1.jsx)(react_2.Box, { p: 4, borderWidth: "1px", borderTopWidth: toolbar?.length == 0 ? "1px" : "0px", borderColor: "gray.400", minH: "120px", maxH: "500px", overflowY: "auto", onClick: handleClickFocus, children: blocks.map((block, index) => {
+                    const showCursor = index == 0 && (0, common_utils_1.isEmptyOrNull)(block?.content);
+                    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: block.type === "text" ? ((0, jsx_runtime_1.jsx)(EditableDiv_1.default, { ref: showCursor ? cursorDivRef : null, id: block.id, content: block.content, onChange: (content) => updateBlock(block.id, content), onFocus: (position, direction) => handleFocus(position, direction, block.id) })) : block.type === "latex" ? ((0, jsx_runtime_1.jsx)(LatexBlock_1.default, { handleDeleteLatex: handleDeleteLatex, openLatexModal: openLatexModal, block: block })) : block.type === "markdown" ? ((0, jsx_runtime_1.jsx)(TableBlock_1.default, { handleDeleteTable: handleDeleteTable, openTableModal: openTableModal, block: block })) : null }, block.id));
+                }) }), isOpen && ((0, jsx_runtime_1.jsx)(LatexModal_1.default, { isOpen: isOpen, onClose: () => {
+                    onClose();
+                    setEditingLatexId(null);
+                }, onSubmit: addOrUpdateLatex, icons: icons })), isTableModalOpen && ((0, jsx_runtime_1.jsx)(NewTableCustomisation_1.default, { isOpen: isTableModalOpen, onClose: () => {
+                    onTableModalClose();
+                    setEditingTableId(null);
+                }, onSubmit: addOrUpdateTable, tableData: tableData, setTableData: setTableData })), openLatexCopy && ((0, jsx_runtime_1.jsx)(LatexCopyModal_1.default, { isOpen: openLatexCopy, onClose: () => {
+                    setOpenLatexCopy(false);
+                }, onSubmit: (data) => {
+                    handleLatexCopySubmit(data);
+                } })), openLatexView && ((0, jsx_runtime_1.jsx)(LatexView_1.default, { isOpen: openLatexView, onClose: () => {
+                    setOpenLatexView(false);
+                }, data: renderedPreview })), openRawView && ((0, jsx_runtime_1.jsx)(RawMathModal_1.default, { isOpen: openRawView, onClose: () => {
+                    setOpenRawView(false);
+                }, data: renderedPreview, onSubmit: (data) => {
+                    initialComputations(data);
+                    setOpenRawView(false);
+                } }))] }));
+};
+exports.default = Editor;
+//# sourceMappingURL=Editor.js.map