@flozy/editor 5.3.6 → 5.3.8

package/dist/Editor/common/iconslist.js

@@ -138,8 +138,8 @@ export const StrikethroughIcon = props => /*#__PURE__*/_jsx("svg", {
   children: /*#__PURE__*/_jsx("path", {
     className: "strokeFillPath",
     d: "M2.7607 11.125C2.7607 13.0718 4.33885 14.65 6.28568 14.65H8.21432C10.1611 14.65 11.7393 13.0718 11.7393 11.125V10.6429C11.7393 9.78254 11.4309 8.99403 10.9189 8.38214H13.5179C13.867 8.38214 14.15 8.0991 14.15 7.75C14.15 7.4009 13.867 7.11786 13.5179 7.11786H8.21597H8.21435H6.28579C5.03727 7.11786 4.02509 6.10568 4.02509 4.85714V4.375C4.02509 3.12647 5.03727 2.11429 6.28579 2.11429H8.21435C9.46288 2.11429 10.4751 3.12647 10.4751 4.375V4.84874C10.4751 5.19784 10.7581 5.48088 11.1072 5.48088C11.4563 5.48088 11.7393 5.19784 11.7393 4.84874V4.375C11.7393 2.42817 10.1612 0.85 8.21435 0.85H6.28579C4.33897 0.85 2.76081 2.42817 2.76081 4.375V4.85714C2.76081 5.71746 3.06916 6.50597 3.58108 7.11786H0.982141C0.633044 7.11786 0.35 7.4009 0.35 7.75C0.35 8.0991 0.633044 8.38214 0.982141 8.38214H8.21424L8.21556 8.38214C8.21559 8.38214 8.21562 8.38214 8.21564 8.38214C9.46353 8.38289 10.4749 9.39474 10.4749 10.6429V11.125C10.4749 12.3735 9.46276 13.3857 8.21424 13.3857H6.28568C5.03715 13.3857 4.02498 12.3735 4.02498 11.125V10.6429C4.02498 10.2938 3.74193 10.0107 3.39284 10.0107C3.04374 10.0107 2.7607 10.2938 2.7607 10.6429V11.125Z",
-    fill: "currentColor",
-    stroke: "currentColor",
+    fill: "#64748B",
+    stroke: "#64748B",
     strokeWidth: "0.3"
   })
 });
@@ -864,19 +864,19 @@ export const TextLeftAlign = props => /*#__PURE__*/_jsxs("svg", {
   children: [/*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M21 6.05566H3C2.59 6.05566 2.25 5.71566 2.25 5.30566C2.25 4.89566 2.59 4.55566 3 4.55566H21C21.41 4.55566 21.75 4.89566 21.75 5.30566C21.75 5.71566 21.41 6.05566 21 6.05566Z",
-    fill: "#64748B"
+    fill: "#292D32"
   }), /*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M12.47 11.0557H3C2.59 11.0557 2.25 10.7157 2.25 10.3057C2.25 9.89566 2.59 9.55566 3 9.55566H12.47C12.88 9.55566 13.22 9.89566 13.22 10.3057C13.22 10.7157 12.89 11.0557 12.47 11.0557Z",
-    fill: "#64748B"
+    fill: "#292D32"
   }), /*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M21 16.0557H3C2.59 16.0557 2.25 15.7157 2.25 15.3057C2.25 14.8957 2.59 14.5557 3 14.5557H21C21.41 14.5557 21.75 14.8957 21.75 15.3057C21.75 15.7157 21.41 16.0557 21 16.0557Z",
-    fill: "#64748B"
+    fill: "#292D32"
   }), /*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M12.47 21.0557H3C2.59 21.0557 2.25 20.7157 2.25 20.3057C2.25 19.8957 2.59 19.5557 3 19.5557H12.47C12.88 19.5557 13.22 19.8957 13.22 20.3057C13.22 20.7157 12.89 21.0557 12.47 21.0557Z",
-    fill: "#64748B"
+    fill: "#292D32"
   })]
 });
 export const TextCenterAlign = props => /*#__PURE__*/_jsxs("svg", {
@@ -888,19 +888,19 @@ export const TextCenterAlign = props => /*#__PURE__*/_jsxs("svg", {
   children: [/*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M21 6.05566H3C2.59 6.05566 2.25 5.71566 2.25 5.30566C2.25 4.89566 2.59 4.55566 3 4.55566H21C21.41 4.55566 21.75 4.89566 21.75 5.30566C21.75 5.71566 21.41 6.05566 21 6.05566Z",
-    fill: "#64748B"
+    fill: "#292D32"
   }), /*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M16.7417 11.0557H7.26172C6.85172 11.0557 6.51172 10.7157 6.51172 10.3057C6.51172 9.89566 6.85172 9.55566 7.26172 9.55566H16.7317C17.1417 9.55566 17.4817 9.89566 17.4817 10.3057C17.4817 10.7157 17.1517 11.0557 16.7417 11.0557Z",
-    fill: "#64748B"
+    fill: "#292D32"
   }), /*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M21 16.0557H3C2.59 16.0557 2.25 15.7157 2.25 15.3057C2.25 14.8957 2.59 14.5557 3 14.5557H21C21.41 14.5557 21.75 14.8957 21.75 15.3057C21.75 15.7157 21.41 16.0557 21 16.0557Z",
-    fill: "#64748B"
+    fill: "#292D32"
   }), /*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M16.7417 21.0557H7.26172C6.85172 21.0557 6.51172 20.7157 6.51172 20.3057C6.51172 19.8957 6.85172 19.5557 7.26172 19.5557H16.7317C17.1417 19.5557 17.4817 19.8957 17.4817 20.3057C17.4817 20.7157 17.1517 21.0557 16.7417 21.0557Z",
-    fill: "#64748B"
+    fill: "#292D32"
   })]
 });
 export const TextRightAlign = props => /*#__PURE__*/_jsxs("svg", {
@@ -912,19 +912,19 @@ export const TextRightAlign = props => /*#__PURE__*/_jsxs("svg", {
   children: [/*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M21 6.05566H3C2.59 6.05566 2.25 5.71566 2.25 5.30566C2.25 4.89566 2.59 4.55566 3 4.55566H21C21.41 4.55566 21.75 4.89566 21.75 5.30566C21.75 5.71566 21.41 6.05566 21 6.05566Z",
-    fill: "#64748B"
+    fill: "#292D32"
   }), /*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M21.0013 11.0557H11.5312C11.1213 11.0557 10.7812 10.7157 10.7812 10.3057C10.7812 9.89566 11.1213 9.55566 11.5312 9.55566H21.0013C21.4113 9.55566 21.7513 9.89566 21.7513 10.3057C21.7513 10.7157 21.4113 11.0557 21.0013 11.0557Z",
-    fill: "#64748B"
+    fill: "#292D32"
   }), /*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M21 16.0557H3C2.59 16.0557 2.25 15.7157 2.25 15.3057C2.25 14.8957 2.59 14.5557 3 14.5557H21C21.41 14.5557 21.75 14.8957 21.75 15.3057C21.75 15.7157 21.41 16.0557 21 16.0557Z",
-    fill: "#64748B"
+    fill: "#292D32"
   }), /*#__PURE__*/_jsx("path", {
     className: "fillPath",
     d: "M21.0013 21.0557H11.5312C11.1213 21.0557 10.7812 20.7157 10.7812 20.3057C10.7812 19.8957 11.1213 19.5557 11.5312 19.5557H21.0013C21.4113 19.5557 21.7513 19.8957 21.7513 20.3057C21.7513 20.7157 21.4113 21.0557 21.0013 21.0557Z",
-    fill: "#64748B"
+    fill: "#292D32"
   })]
 });
 export const JustifyStartIcon = props => /*#__PURE__*/_jsxs("svg", {
@@ -933,9 +933,6 @@ export const JustifyStartIcon = props => /*#__PURE__*/_jsxs("svg", {
   height: "25",
   viewBox: "0 0 24 25",
   fill: "none",
-  style: {
-    color: "red"
-  },
   children: [/*#__PURE__*/_jsx("path", {
     d: "M5.10156 20.0557H16.9016C18.4016 20.0557 19.0016 19.4157 19.0016 17.8257V16.7857C19.0016 15.1957 18.4016 14.5557 16.9016 14.5557H5.10156",
     stroke: "#64748B",

package/dist/Editor/commonStyle.js

@@ -17,31 +17,19 @@ const useCommonStyle = theme => ({
     },
     "& .close-popupbtn": {
       color: theme?.palette?.editor?.textColor
-    },
-    "& .MuiSvgIcon-root": {
-      color: theme?.palette?.editor?.textColor
     }
   },
   sapcingInput: {
     backgroundColor: theme?.palette?.editor?.background,
     color: theme?.palette?.editor?.textColor
   },
-  customPaddingInput: {
-    background: theme?.palette?.editor?.inputFieldBgColor,
-    border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
-    color: theme?.palette?.editor?.textColor,
-    borderRadius: '6px'
-  },
   colorPickerPopup: {
     "& .MuiPaper-root": {
       overflow: "auto",
       backgroundColor: theme?.palette?.editor?.background
     },
     "& .popup_tabs": {
-      backgroundColor: theme?.palette?.editor?.background,
-      "@media only screen and (max-width: 899px)": {
-        width: '100% !important'
-      }
+      backgroundColor: theme?.palette?.editor?.background
     },
     "& .popup_tabs-header": {
       backgroundColor: theme?.palette?.editor?.background,
@@ -80,9 +68,9 @@ const useCommonStyle = theme => ({
   },
   signaturePopup: {
     "& .MuiPaper-root": {
-      backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
+      backgroundColor: theme?.palette?.editor?.background,
       "& .signature-canvas": {
-        backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor} !important`
+        backgroundColor: "#FFF"
       },
       "& label": {
         color: theme?.palette?.editor?.textColor
@@ -109,97 +97,26 @@ const useCommonStyle = theme => ({
         borderColor: theme?.palette?.editor?.textColor
       },
       "& .upload-wrapper-ui": {
-        backgroundColor: theme?.palette?.type === "dark" ? "#2563EB0F" : "#F8F9FF",
+        backgroundColor: theme?.palette?.type === "dark" ? "transparent" : "#F8F9FF",
         "& .MuiTypography-root": {
           color: theme?.palette?.editor?.textColor
         }
       },
-      "& .typesignature-input-wrapper": {
-        "& .MuiInputBase-root": {
-          background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
-          borderRadius: "7px !important",
-          paddingRight: "6px !important"
-        },
-        "& .MuiInputBase-input": {
-          background: `${theme?.palette?.editor?.inputFieldBgColor} !important`
-        },
-        "& .MuiOutlinedInput-notchedOutline": {
-          border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder}`
-        },
-        "& .Mui-focused": {
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: `1px solid #2563EB !important`
-          }
-        },
-        "& button": {
-          background: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
-          color: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
-        }
-      },
       "& .typesignature-fontfamily": {
         "& button": {
-          color: theme?.palette?.editor?.textColor,
-          background: `${theme?.palette?.editor?.signatureFontBtnBg} !important`,
-          border: `1px solid ${theme?.palette?.editor?.sectionSettingIconHover} !important`,
-          "& p": {
-            fontSize: "13px !important"
-          }
-        },
-        "& .active ": {
-          border: `1px solid #2563EB !important`
+          color: theme?.palette?.editor?.textColor
         }
       },
       "& .MuiTab-root": {
-        color: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`,
-        backgroundColor: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
-        opacity: "unset",
-        fontSize: "12px !important",
-        fontWeight: "500 !important",
-        border: `1px solid ${theme?.palette?.editor?.signaturePopUpTabButtonBorder} !important`
-      },
-      "& .Mui-selected": {
-        background: `${theme?.palette?.editor?.signaturePopUpTabButtonSelectedBg} !important`,
-        color: `${theme?.palette?.editor?.textColor} !important`,
-        border: `1px solid ${theme?.palette?.editor?.signaturePopUpTabButtonSelectedBorder} !important`,
-        "& .MuiGrid-root": {
-          "& svg": {
-            "& path": {
-              fill: `${theme?.palette?.editor?.signaturePopUpTabButtonSelectedSvg} !important`
-            }
-          }
-        }
+        color: theme?.palette?.editor?.textColor,
+        backgroundColor: theme?.palette?.editor?.background
       },
       "& .close-popupbtn": {
-        color: theme?.palette?.editor?.closeButtonSvgStroke,
-        background: `${theme?.palette?.editor?.closeButtonBgColor} !important`
+        color: theme?.palette?.editor?.textColor
       },
       "& .deleteBtn": {
-        background: "transparent",
-        margin: '0px !important'
-      },
-      "& .MuiGrid-container": {
-        "& .workFlowButton": {
-          background: `${theme?.palette?.editor?.workFlowButtonBackground} !important`,
-          textTransform: "unset !important",
-          color: `${theme?.palette?.editor?.textColor} !important`,
-          fontSize: "14px !important",
-          fontWeight: "500 !important",
-          borderRadius: "25px",
-          padding: "5px 15px"
-        }
-      },
-      "& .MuiDialogActions-root": {
-        "& .deleteButtonSignature": {
-          background: `${theme?.palette?.editor?.closeButtonBackground} !important`,
-          color: `${theme?.palette?.editor?.deletePopUpButtonTextColor} !important`,
-          border: `1px solid ${theme?.palette?.editor?.closeButtonBorder} !important`
-        }
+        background: "transparent"
       }
-    },
-    "& .disabledSaveBtn": {
-      background: "#2563EB33 !important",
-      color: theme?.palette?.type === "dark" && "#FFFFFF33 !important",
-      border: "1px solid #2563EB33 !important"
     }
   },
   popupTitle2: {
@@ -213,44 +130,7 @@ const useCommonStyle = theme => ({
   },
   datePicker: {
     "& .react-datepicker-wrapper": {
-      width: "100%",
-      "& .react-datepicker__input-container": {
-        "& .MuiInputBase-root": {
-          background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
-          "& .MuiInputBase-input": {
-            background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
-            color: `${theme?.palette?.editor?.textColor} !important`
-          },
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder} !important`
-          }
-        }
-      }
-    }
-  },
-  signaturePopUpNameField: {
-    background: "transparent !important",
-    "& .MuiInputBase-root": {
-      borderRadius: "10px !important",
-      background: "transparent !important",
-      "& .MuiOutlinedInput-input": {
-        background: `${theme?.palette?.editor?.inputFieldBgColor} !important`,
-        borderRadius: "10px !important",
-        border: `1px solid ${theme?.palette?.editor?.signaturePopUpInputFieldBorder} !important`,
-        fontSize: "14px !important",
-        fontWeight: "500 !important"
-      },
-      "& .MuiOutlinedInput-notchedOutline": {
-        border: `1px solid transparent !important`
-      }
-    },
-    "& .Mui-focused": {
-      "& .MuiOutlinedInput-input": {
-        border: `1px solid #2563EB !important`
-      },
-      "& .MuiOutlinedInput-notchedOutline": {
-        border: `1px solid transparent !important`
-      }
+      width: "100%"
     }
   }
 });

package/dist/Editor/helper/deserialize/index.js

@@ -14,12 +14,16 @@ const handleTableCell = (el, children) => {
   });
   return {
     type: "table-cell",
-    overwriteChild: wrapChild,
-    size: {
-      width: 120
-    }
+    overwriteChild: wrapChild
   };
 };
+const paragraphType = el => {
+  const firstChild = el?.childNodes?.[0];
+  const isFirstChildText = firstChild?.nodeType === 3 || TEXT_TAGS[firstChild?.nodeName];
+  return isFirstChildText ? {
+    type: "paragraph"
+  } : {};
+};
 const ELEMENT_TAGS = {
   A: el => ({
     type: "link",
@@ -59,24 +63,14 @@ const ELEMENT_TAGS = {
   OL: () => ({
     type: "orderedList"
   }),
-  P: () => ({
-    type: "paragraph"
-  }),
-  DIV: () => ({
-    type: "paragraph"
-  }),
+  P: paragraphType,
+  DIV: paragraphType,
   PRE: () => ({
     type: "code"
   }),
-  META: () => ({
-    type: "paragraph"
-  }),
-  STYLE: () => ({
-    type: "paragraph"
-  }),
-  "GOOGLE-SHEETS-HTML-ORIGIN": () => ({
-    type: "paragraph"
-  }),
+  META: paragraphType,
+  STYLE: paragraphType,
+  "GOOGLE-SHEETS-HTML-ORIGIN": paragraphType,
   TABLE: (el, children = []) => {
     try {
       const bodyChild = children || [];
@@ -98,12 +92,8 @@ const ELEMENT_TAGS = {
     type: "table-row"
   }),
   TD: handleTableCell,
-  COLGROUP: () => ({
-    type: "paragraph"
-  }),
-  COL: () => ({
-    type: "paragraph"
-  })
+  COLGROUP: paragraphType,
+  COL: paragraphType
 };
 
 // COMPAT: `B` is omitted here because Google Docs uses `<b>` in weird ways.
@@ -133,7 +123,8 @@ const TEXT_TAGS = {
 const deserialize = el => {
   if (el.nodeType === 3) {
     const match = /\r|\n/.exec(el.textContent);
-    return match ? null : el.textContent;
+    const text = el.textContent.replace(/\r|\n/g, "").trim();
+    return match && !text ? null : el.textContent;
   } else if (el.nodeType !== 1) {
     return null;
   } else if (el.nodeName === "BR") {
@@ -160,7 +151,9 @@ const deserialize = el => {
       overwriteChild,
       ...attrs
     } = ELEMENT_TAGS[nodeName](el, children);
-    return jsx("element", attrs, overwriteChild || children);
+    if (attrs?.type) {
+      return jsx("element", attrs, overwriteChild || children);
+    }
   }
   if (TEXT_TAGS[nodeName]) {
     const attrs = TEXT_TAGS[nodeName](el);

package/dist/Editor/helper/index.js

@@ -352,7 +352,7 @@ export const clearBrainText = editor => {
     } = editor;
     if (selection) {
       const [currentNode, currentPath] = Editor.node(editor, selection);
-      const cleanedText = Node.string(currentNode).replace(/\/(?:b(?:rain|rai|ra|r)?)?/g, "").trim();
+      const cleanedText = Node.string(currentNode).replace(/\/b(?:rain|rai|ra|r)?/g, "").trim();
       Transforms.insertText(editor, cleanedText, {
         at: currentPath
       });

package/dist/Editor/plugins/withCustomDeleteBackward.js

@@ -1,6 +1,5 @@
 import { Editor, Node, Path, Point, Transforms } from "slate";
 import { getNextNode } from "../utils/helper";
-const BACKWARD_BLOCKS = ["list-item", "signature"];
 const isNodeTextEmpty = node => {
   const nodeText = Node.string(node);
   return nodeText.trim() === "";
@@ -30,9 +29,9 @@ const withCustomDeleteBackward = editor => {
         }
       }
 
-      // Check if current node is a list item and is the last one, signature node
+      // Check if current node is a list item and is the last one
       const [node] = Editor.nodes(editor, {
-        match: n => BACKWARD_BLOCKS.includes(n.type) // Adjust based on your list item type
+        match: n => n.type === "list-item" // Adjust based on your list item type
       });
 
       if (node) {

package/dist/Editor/plugins/withHTML.js

@@ -2,8 +2,6 @@ import { Transforms, Editor, Element, Node, Path } from "slate";
 import deserialize from "../helper/deserialize";
 import { decodeAndParseBase64 } from "../utils/helper";
 const avoidDefaultInsert = ["table", "grid"];
-const NON_TEXT_TAGS = ["ol", "ul", "img", "table", "video", "a", "button", "GOOGLE-SHEETS-HTML-ORIGIN"];
-const ALLOWED_TEXT_NODES = ["paragraph", "title", "headingOne", "headingTwo", "headingThree"];
 const loopChildren = (children = [], defaultInsert) => {
   if (!children?.length) {
     return defaultInsert;
@@ -63,23 +61,12 @@ const insertAtNextNode = (editor, formattedFragment) => {
     console.log(err);
   }
 };
-
-// const handleInsert = (editor, defaultInsert, fragment = []) => {
-//   if (
-//     getCurrentElementText(editor) &&
-//     fragment.some((f) => f.type === "table")
-//   ) {
-//     insertAtNextNode(editor, fragment);
-//   } else {
-//     defaultInsert();
-//   }
-// };
-
-const getTableCellChild = (fragment = []) => {
-  const table = fragment.find(node => node.type === "table");
-  const row = table?.children?.find(node => node.type === "table-row");
-  const cell = row?.children?.find(node => node.type === "table-cell");
-  return cell?.children || [];
+const handleInsert = (editor, defaultInsert, fragment = []) => {
+  if (getCurrentElementText(editor) && fragment.some(f => f.type === "table")) {
+    insertAtNextNode(editor, fragment);
+  } else {
+    defaultInsert();
+  }
 };
 const formatFragment = {
   "list-item": fragment => {
@@ -128,21 +115,8 @@ const withHtml = editor => {
     const html = data?.getData("text/html");
     const currentEl = getCurrentElement(editor);
     const eltype = currentEl?.type;
-    const firstNode = editor?.children?.[0];
-    const titlePath = firstNode?.type === "topbanner" ? 1 : 0;
-    const isTitlePath = editor.needLayout && editor?.selection?.anchor?.path[0] === titlePath;
     if (slateHTML && !formatFragment[eltype]) {
-      const [tableCellNode] = Editor.nodes(editor, {
-        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
-      });
       const decoded = decodeAndParseBase64(slateHTML);
-      if (tableCellNode) {
-        const tableCellChild = getTableCellChild(decoded);
-        if (tableCellChild?.length) {
-          Transforms.insertFragment(editor, tableCellChild);
-          return;
-        }
-      }
       const tableNode = getFocusedNode(editor, "table");
       const onlyTextNode = getFocusedNode(editor, "freegrid");
 
@@ -180,38 +154,22 @@ const withHtml = editor => {
           Transforms.insertText(editor, text);
         }
       } else {
-        const isTextNode = ALLOWED_TEXT_NODES.includes(decoded?.[0]?.type);
-        if (isTitlePath && !isTextNode) {
-          insertAtNextNode(editor, decoded);
-          return;
-        }
-        const currentText = getCurrentElementText(editor);
-        if (currentText && !isTextNode) {
-          insertAtNextNode(editor, decoded);
-          return;
-        }
-        insertData(data);
+        handleInsert(editor, () => insertData(data), decoded);
       }
     } else if (html) {
       const parsed = new DOMParser().parseFromString(html, "text/html");
-      const rootElement = parsed.body || parsed.documentElement;
-      const isNonText = rootElement ? rootElement?.querySelector(NON_TEXT_TAGS.toString()) : false;
       const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
       if (isGoogleSheet) {
         if (editor.isChatEditor) {
           return;
         }
-        const table = rootElement.querySelector("table");
+        const table = parsed.body.querySelector("table");
         const colGrp = table.querySelector("colgroup");
         if (colGrp) {
           colGrp.remove();
         }
         const fragment = deserialize(table);
-        if (isTitlePath) {
-          insertAtNextNode(editor, [fragment]);
-        } else {
-          Transforms.insertFragment(editor, [fragment]);
-        }
+        Transforms.insertFragment(editor, [fragment]);
         return;
       }
       const fragment = deserialize(parsed.body);
@@ -225,16 +183,7 @@ const withHtml = editor => {
       if (editor.isChatEditor && is_img_table) {
         return;
       }
-      if (isTitlePath && isNonText) {
-        insertAtNextNode(editor, formattedFragment);
-        return;
-      }
-      const currentText = getCurrentElementText(editor);
-      if (currentText && isNonText) {
-        insertAtNextNode(editor, formattedFragment);
-        return;
-      }
-      Transforms.insertFragment(editor, formattedFragment);
+      handleInsert(editor, () => Transforms.insertFragment(editor, formattedFragment), formattedFragment);
       return;
     } else {
       insertData(data);

package/dist/Editor/plugins/withLayout.js

@@ -58,7 +58,6 @@ const withLayout = editor => {
         Transforms.insertNodes(editor, paragraph, {
           at: path.concat(1)
         });
-        return;
       }
       ORDERS_LAYOUT.forEach((enforce, index) => {
         if (index < editor.children.length) {

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -369,14 +369,12 @@ export const getBlock = props => {
       });
     case "orderedList":
       return /*#__PURE__*/_jsx("ol", {
-        className: "listItemMargin",
         type: "1",
         ...attributes,
         children: children
       });
     case "unorderedList":
       return /*#__PURE__*/_jsx("ul", {
-        className: "listItemMargin",
         ...attributes,
         children: children
       });

package/dist/Editor/utils/brains.js

@@ -18,7 +18,7 @@ export const insertBrain = (editor, data, position) => {
     };
     const [currentNode, currentPath] = Editor.node(editor, selection);
     console.log('W1', Node.string(currentNode));
-    const cleanedText = Node.string(currentNode).replace(/\/(?:b(?:rain|rai|ra|r)?)?/g, "").trim();
+    const cleanedText = Node.string(currentNode).replace(/\/b(?:rain|rai|ra|r)?/g, "").trim();
     if (cleanedText) {
       Transforms.delete(editor, {
         at: Editor.range(editor, currentPath)

package/dist/Editor/utils/chatEditor/SlateUtilityFunctions.js

@@ -3,7 +3,6 @@ import { Box } from "@mui/material";
 import { fontFamilyMap, sizeMap } from "../font";
 import Mentions from "../../Elements/Mentions/Mentions";
 import CheckList from "../../Elements/List/CheckList";
-import SimpleText from "../../Elements/SimpleText";
 import { isEmptyTextNode } from "../../helper";
 import { getBreakPointsValue } from "../../helper/theme";
 import insertNewLine from "../insertNewLine";
@@ -16,20 +15,6 @@ const LIST_FORMAT_TYPE = {
   unorderedList: "list-item"
 };
 const NEWLINESAFTER = ["headingOne", "headingTwo", "headingThree"];
-export const serializeMentions = node => {
-  try {
-    if (node?.type === 'mention') {
-      return [node.character];
-    }
-    let children = Array.isArray(node) ? node : node?.children;
-    children = children && Array.isArray(children) ? children : [];
-    let mentions = children.map(child => serializeMentions(child)).flat();
-    return mentions.filter(Boolean);
-  } catch (err) {
-    console.log(err);
-    return [];
-  }
-};
 export const toggleBlock = (editor, format, selection = true, attr = {}) => {
   const isActive = isBlockActive(editor, format);
   const isList = list_types.includes(format);
@@ -260,13 +245,6 @@ export const getBlock = props => {
         ,
         children: children
       });
-    case "title":
-      return /*#__PURE__*/_jsx("h3", {
-        ...attributes,
-        ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""}`,
-        children: children
-      });
     case "headingThree":
       return /*#__PURE__*/_jsx("h3", {
         ...attributes,
@@ -364,9 +342,6 @@ export const getBlock = props => {
         ...props
       });
     default:
-      return /*#__PURE__*/_jsx(SimpleText, {
-        ...props,
-        isEmpty: isEmpty
-      });
+      return null;
   }
 };

package/dist/Editor/utils/customHooks/useResize.js

@@ -4,10 +4,7 @@ const useResize = ({
   parentDOM,
   size: allSize,
   isGrid,
-  onChange,
-  MH,
-  MW,
-  MP
+  onChange
 }) => {
   const device = getDevice(window.innerWidth);
   const defaultSize = getBreakPointsValue(allSize);
@@ -55,9 +52,9 @@ const useResize = ({
       const cWP = calcWidth / width * 100;
       const calcHeight = (parseInt(currentSize.height) || height) + e.movementY;
       const calc = {
-        width: Math.max(calcWidth, MW || 140),
-        height: Math.max(calcHeight, MH || 50),
-        widthInPercent: cWP > 100 ? 100 : Math.max(cWP, MP || 15)
+        width: Math.max(calcWidth, 140),
+        height: Math.max(calcHeight, 50),
+        widthInPercent: cWP > 100 ? 100 : Math.max(cWP, 15)
       };
       latest = calc;
       return calc;

package/dist/Editor/utils/customHooks/useTableResize.js

@@ -2,8 +2,7 @@ import { useState } from "react";
 const useTableResize = ({
   parentDOM,
   size: defaultSize,
-  onDone,
-  minMaxProps = {}
+  onDone
 }) => {
   const {
     width
@@ -39,13 +38,10 @@ const useTableResize = ({
     setIsDone(1);
   };
   const onMouseMove = e => {
-    const {
-      minWidth
-    } = minMaxProps || {};
     setSize(currentSize => {
       const calcWidth = currentSize?.width + e.movementX;
       return {
-        width: minWidth && calcWidth < minWidth ? minWidth : calcWidth,
+        width: calcWidth,
         height: currentSize.height + e.movementY,
         widthInPercent: calcWidth / width * 100
       };