@flozy/editor 5.4.8 → 5.5.0

package/dist/Editor/common/RnD/Utils/gridDropItem.js

@@ -1,6 +1,5 @@
 import { Transforms, Node, Path } from "slate";
 import { ReactEditor } from "slate-react";
-import { handleNegativeInteger } from "../../../utils/helper";
 export const ROW_HEIGHT = 50;
 const MARGIN_OF = {
   xs: 160,
@@ -76,7 +75,7 @@ const reRenderChildNodes = (editor, path) => {
     console.log(err);
   }
 };
-function isContainerElement(editor, moveTopath, props, appenBp) {
+function isContainerElement(editor, moveTopath, props) {
   try {
     const {
       path,
@@ -92,7 +91,6 @@ function isContainerElement(editor, moveTopath, props, appenBp) {
       parentNode = Node.get(editor, Path.parent(dragItemPath));
     }
     const moveToNode = Node.get(editor, moveTopath);
-    const leftOfMoveToNode = moveToNode[`left${appenBp}`];
     if (moveToNode.type === "freegridBox") {
       if (parentNode.type === "freegridBox") {
         // same box
@@ -100,10 +98,10 @@ function isContainerElement(editor, moveTopath, props, appenBp) {
           return props.calX;
         } else {
           // for different box
-          return parseInt(props.x - window.innerWidth / 2 + MARGIN_OF[props.breakpoint] - props.diffX - leftOfMoveToNode);
+          return parseInt(props.x - window.innerWidth / 2 + MARGIN_OF[props.breakpoint] - props.diffX - moveToNode.left);
         }
       } else {
-        return props.calX - leftOfMoveToNode;
+        return props.calX - moveToNode?.left;
       }
     } else if (moveToNode.type === "freegrid") {
       if (parentNode.type === "freegridBox") {
@@ -135,16 +133,14 @@ export function onDropItem(props, parentClass) {
     const from = parentPath.split("|").map(m => parseInt(m));
     let newPath = [];
     newPath = moveTo;
-    const appenBp = breakpoint === "lg" ? "" : `_${breakpoint}`;
-    const cCalx = isContainerElement(editor, moveTo, props, appenBp);
-
+    const cCalx = isContainerElement(editor, moveTo, props);
     // const posX = parseInt(
     //   cx - window.innerWidth / 2 + MARGIN_OF[breakpoint] - diffX
     // );
     const toSectionNode = Node.get(editor, newPath);
     const addToSectionDOM = ReactEditor.toDOMNode(editor, toSectionNode);
     const rect = addToSectionDOM.getBoundingClientRect();
-    const y = handleNegativeInteger(endPosition.y - startPosition.diffY - rect.top);
+    const y = endPosition.y - startPosition.diffY - rect.top;
 
     // Calculate grid position
     const row = Math.floor(y / ROW_HEIGHT) + 1;
@@ -154,6 +150,7 @@ export function onDropItem(props, parentClass) {
 
     // Update grid area
     const gridArea = `${row} / 1 / ${row + 1} / 2`;
+    const appenBp = breakpoint === "lg" ? "" : `_${breakpoint}`;
     Transforms.setNodes(editor, {
       [`gridArea${appenBp}`]: gridArea,
       [`left${appenBp}`]: cCalx,

package/dist/Editor/common/StyleBuilder/fieldTypes/backgroundImage.js

@@ -73,11 +73,6 @@ const BackgroundImage = props => {
             children: "REMOVE"
           }) : /*#__PURE__*/_jsx(Grid, {
             className: "uploadImageText",
-            sx: {
-              padding: 0,
-              background: `${theme?.palette?.editor?.inputFieldBgColor}`,
-              border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
-            },
             children: /*#__PURE__*/_jsxs(Button, {
               component: "label",
               variant: "text",

package/dist/Editor/common/StyleBuilder/fieldTypes/card.js

@@ -1,7 +1,6 @@
 import { Box, Card, Checkbox, FormControlLabel, Grid, Tooltip, Typography } from "@mui/material";
 import React from "react";
 import Icon from "../../Icon";
-import { useEditorContext } from "../../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -16,10 +15,7 @@ const RenderCard = ({
   return /*#__PURE__*/_jsx(Card, {
     sx: {
       position: 'relative',
-      padding: "10px",
-      '& .MuiCheckbox-root svg': {
-        fill: 'unset !important'
-      }
+      padding: "10px"
     },
     children: /*#__PURE__*/_jsx(FormControlLabel, {
       control: /*#__PURE__*/_jsx(Checkbox, {
@@ -85,9 +81,6 @@ const CardsMapping = props => {
     selectedCard,
     infoIcon
   } = data;
-  const {
-    theme
-  } = useEditorContext();
   const activeCard = value === selectedCard;
   const handleChange = e => {
     if (selectedCard === data?.value) {
@@ -106,8 +99,7 @@ const CardsMapping = props => {
     sx: {
       marginBottom: "12px",
       "& .MuiPaper-root": {
-        background: theme?.palette?.editor?.miniToolBarBackground,
-        border: activeCard ? "1px solid #2563EB" : `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
+        border: activeCard ? "1px solid #2563EB" : "1px solid #C8D8FA",
         borderRadius: "8px",
         boxShadow: activeCard ? "0px 4px 16px 0px #2563EB40" : "unset"
       }

package/dist/Editor/common/StyleBuilder/fieldTypes/index.js

@@ -18,7 +18,6 @@ import FontSize from "./fontSize";
 import SelectSwitch from "./selectSwitch";
 import CardsMapping from "./card";
 import MetaDataMapping from "./metaDataMapping";
-import LineSpacing from "./lineSpacing";
 const FieldMap = {
   text: Text,
   bannerSpacing: BannerSpacing,
@@ -39,7 +38,6 @@ const FieldMap = {
   fontSize: FontSize,
   selectSwitch: SelectSwitch,
   card: CardsMapping,
-  metadatamapping: MetaDataMapping,
-  lineSpacing: LineSpacing
+  metadatamapping: MetaDataMapping
 };
 export default FieldMap;

package/dist/Editor/common/StyleBuilder/pageSettingsStyle.js

@@ -25,10 +25,6 @@ const pageSettingsStyle = [{
     label: "Padding",
     key: "bannerSpacing",
     type: "bannerSpacing"
-  }, {
-    label: "Line Spacing",
-    key: "lineHeight",
-    type: "lineSpacing"
   }]
 }, {
   tab: "Max Width",

package/dist/Editor/common/Uploader.js

@@ -4,7 +4,6 @@ import { convertBase64 } from "../utils/helper";
 import { uploadFile } from "../service/fileupload";
 import Icon from "./Icon";
 import UploadStyles from "../common/ImageSelector/UploadStyles";
-import { useEditorContext } from "../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -19,9 +18,6 @@ const Uploader = props => {
   const [base64, setBase64] = useState(value?.url);
   const [fileName, setFileName] = useState("");
   const [uploading, setUploading] = useState(false);
-  const {
-    theme
-  } = useEditorContext();
   const handleChange = async e => {
     const uFile = e.target.files[0];
     const strImage = await convertBase64(uFile);
@@ -103,10 +99,6 @@ const Uploader = props => {
           className: "uploadImageSection",
           children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
             className: "uploadImageText",
-            sx: {
-              background: `${theme?.palette?.editor?.inputFieldBgColor}`,
-              border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
-            },
             children: /*#__PURE__*/_jsxs(Button, {
               component: "label",
               variant: "text",

package/dist/Editor/commonStyle.js

@@ -205,7 +205,7 @@ const useCommonStyle = theme => ({
   colorPickerPopup: {
     "& .MuiPaper-root": {
       overflow: "auto",
-      backgroundColor: theme?.palette?.editor?.background
+      backgroundColor: theme?.palette?.editor?.miniToolBarBackground
     },
     "& .popup_tabs": {
       backgroundColor: theme?.palette?.editor?.background,
@@ -221,7 +221,7 @@ const useCommonStyle = theme => ({
       }
     },
     "& .colorpicker": {
-      backgroundColor: theme?.palette?.editor?.background,
+      backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
       "& .default-color-panel": {
         display: "grid",
         gridTemplateColumns: "repeat(auto-fill, 20px)",
@@ -239,11 +239,11 @@ const useCommonStyle = theme => ({
       }
     },
     "& .color-picker-panel": {
-      backgroundColor: theme?.palette?.editor?.background
+      backgroundColor: theme?.palette?.editor?.miniToolBarBackground
     },
     "& .input_rgba": {
       "& input": {
-        backgroundColor: theme?.palette?.editor?.background,
+        backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
         color: theme?.palette?.editor?.textColor
       }
     }
@@ -464,6 +464,10 @@ const useCommonStyle = theme => ({
       }
     }
   },
+  pageSettingPopUpRoot: {
+    padding: "16px 8px 16px 10px!important",
+    height: "100%"
+  },
   buttonMoreOption: {
     background: `${theme?.palette?.editor?.aiInputBackground} !important`,
     border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
@@ -476,10 +480,6 @@ const useCommonStyle = theme => ({
       }
     }
   },
-  pageSettingPopUpRoot: {
-    padding: "16px 8px 16px 10px!important",
-    height: "100%"
-  },
   buttonMoreOption2: {
     background: `${theme?.palette?.editor?.aiInputBackground} !important`,
     border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,

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

@@ -1,26 +1,4 @@
 import { jsx } from "slate-hyperscript";
-const inlineStyles = [{
-  key: "bold",
-  getStyle: styles => styles.fontWeight === "bold" || parseInt(styles.fontWeight, 10) >= 700
-}, {
-  key: "italic",
-  getStyle: styles => styles.fontStyle === "italic"
-}, {
-  key: "underline",
-  getStyle: styles => styles.textDecoration.includes("underline")
-}];
-function getInlineTextStyles(element) {
-  if (!element || !element.style) return {};
-  const styles = element.style;
-  const elementStyles = inlineStyles.reduce((total, currVal) => {
-    const style = currVal.getStyle(styles);
-    if (style) {
-      total[currVal.key] = style;
-    }
-    return total;
-  }, {});
-  return elementStyles;
-}
 const handleTableCell = (el, children) => {
   const wrapChild = children?.map(c => {
     if (typeof c === "string") {
@@ -42,24 +20,6 @@ const handleTableCell = (el, children) => {
     }
   };
 };
-const INLINE_TAGS = ["A", "ABBR", "B", "BDO", "CITE", "CODE", "DATA", "DEL", "DFN", "IMG", "INS", "KBD", "LABEL", "MARK", "Q", "SAMP", "SMALL", "SPAN", "SUB", "SUP", "TIME", "VAR"];
-
-// to avoid nested paragraph to resolve performace issue
-const paragraphType = el => {
-  const {
-    childNodes = []
-  } = el || {};
-
-  // if anyone of the child node is text node or wrapped with inline tags, it is considered to be an paragraph node
-  const isHavingText = childNodes?.length ? Array.from(childNodes)?.some(child => {
-    const isTextNode = child?.nodeType === 3;
-    const isHavingInlineTags = TEXT_TAGS[child?.nodeName] || INLINE_TAGS.includes(child.nodeName);
-    return isTextNode || isHavingInlineTags;
-  }) : null;
-  return isHavingText ? {
-    type: "paragraph"
-  } : {};
-};
 const ELEMENT_TAGS = {
   A: el => ({
     type: "link",
@@ -99,14 +59,24 @@ const ELEMENT_TAGS = {
   OL: () => ({
     type: "orderedList"
   }),
-  P: paragraphType,
-  DIV: paragraphType,
+  P: () => ({
+    type: "paragraph"
+  }),
+  DIV: () => ({
+    type: "paragraph"
+  }),
   PRE: () => ({
     type: "code"
   }),
-  META: paragraphType,
-  STYLE: paragraphType,
-  "GOOGLE-SHEETS-HTML-ORIGIN": paragraphType,
+  META: () => ({
+    type: "paragraph"
+  }),
+  STYLE: () => ({
+    type: "paragraph"
+  }),
+  "GOOGLE-SHEETS-HTML-ORIGIN": () => ({
+    type: "paragraph"
+  }),
   TABLE: (el, children = []) => {
     try {
       const bodyChild = children || [];
@@ -128,8 +98,12 @@ const ELEMENT_TAGS = {
     type: "table-row"
   }),
   TD: handleTableCell,
-  COLGROUP: paragraphType,
-  COL: paragraphType
+  COLGROUP: () => ({
+    type: "paragraph"
+  }),
+  COL: () => ({
+    type: "paragraph"
+  })
 };
 
 // COMPAT: `B` is omitted here because Google Docs uses `<b>` in weird ways.
@@ -155,18 +129,11 @@ const TEXT_TAGS = {
   U: () => ({
     underline: true
   })
-  // B: () => ({ bold: true }),
 };
-
 const deserialize = el => {
   if (el.nodeType === 3) {
-    // if there is any line-breaks
     const match = /\r|\n/.exec(el.textContent);
-    const text = el.textContent.replace(/\r|\n/g, "").trim();
-    return match && !text ? null : {
-      text,
-      ...getInlineTextStyles(el.parentNode)
-    };
+    return match ? null : el.textContent;
   } else if (el.nodeType !== 1) {
     return null;
   } else if (el.nodeName === "BR") {
@@ -193,20 +160,11 @@ const deserialize = el => {
       overwriteChild,
       ...attrs
     } = ELEMENT_TAGS[nodeName](el, children);
-    if (attrs?.type) {
-      return jsx("element", attrs, overwriteChild || children);
-    }
+    return jsx("element", attrs, overwriteChild || children);
   }
   if (TEXT_TAGS[nodeName]) {
     const attrs = TEXT_TAGS[nodeName](el);
-    return children.map(child => {
-      if (child?.type) {
-        // if any list elements (like ul, ol... tags) is wrapped inside the TEXT_TAGS, we will return child as it is, else return it as text node
-        return child;
-      } else {
-        return jsx("text", attrs, child);
-      }
-    });
+    return children.map(child => jsx("text", attrs, child));
   }
   return children;
 };

package/dist/Editor/helper/index.js

@@ -337,14 +337,14 @@ export const isCarouselSelected = editor => {
       return false;
     }
     const [nodeEntry] = Editor.nodes(editor, {
-      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "carousel"
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === 'carousel'
     });
     if (!nodeEntry) {
       return false;
     }
     const [node] = nodeEntry;
     const carouselDom = ReactEditor.toDOMNode(editor, node);
-    const isEdit = carouselDom.classList.contains("carousel_slider_edit");
+    const isEdit = carouselDom.classList.contains('carousel_slider_edit');
     return !isEdit;
   } catch (err) {
     console.log(err);

package/dist/Editor/helper/theme.js

@@ -147,27 +147,4 @@ export const groupByBreakpoint = (styleProps, theme) => {
     }
   };
 };
-export const getCustomizationValue = value => isNaN(parseInt(value)) ? null : parseInt(value);
-export const getBreakpointLineSpacing = (value, breakpoint) => {
-  try {
-    const values = getBreakPointsValue(value, breakpoint);
-    const cssVal = BREAKPOINTS_DEVICES.reduce((a, b) => {
-      if (values[b] || values["lg"]) {
-        const value = values[b] || values["lg"];
-        return {
-          ...a,
-          [b]: value
-        };
-      } else {
-        return a;
-      }
-    }, {});
-    if (breakpoint) {
-      return value[breakpoint] || value["lg"] || value;
-    } else {
-      return cssVal["lg"];
-    }
-  } catch (err) {
-    // console.log(err);
-  }
-};
+export const getCustomizationValue = value => isNaN(parseInt(value)) ? null : parseInt(value);

package/dist/Editor/hooks/useMouseMove.js

@@ -35,7 +35,6 @@ export const EditorProvider = ({
     path: null
   });
   const [fontFamilies, setFontFamilies] = useState({});
-  const [activeBreakPoint, setActiveBreakPoint] = useState("");
   useEffect(() => {
     window.updateSelectedItem = d => {
       setSelectedElement(d);
@@ -98,10 +97,8 @@ export const EditorProvider = ({
     setOpenAI,
     updateDragging,
     fontFamilies,
-    setFontFamilies,
-    activeBreakPoint,
-    setActiveBreakPoint
-  }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop, activeBreakPoint]);
+    setFontFamilies
+  }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop]);
   return /*#__PURE__*/_jsx(EditorContext.Provider, {
     value: otherValues,
     children: children

package/dist/Editor/plugins/withHTML.js

@@ -4,43 +4,6 @@ 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 parseCopiedHTML = html => {
-  const parsed = new DOMParser().parseFromString(html, "text/html");
-
-  // if ol, ul are inside li, remove and push ol,ul after that li to maintain format between our slate list and external source list's json
-  parsed.querySelectorAll("li > ul, li > ol").forEach(list => {
-    // Find the parent li
-    const parentLi = list.parentElement;
-
-    // Move the list after the parent li
-    parentLi.after(list);
-  });
-
-  // to handle google docs list
-  parsed.querySelectorAll("li p, li div").forEach(element => {
-    const parent = element.parentNode;
-    // Move all child nodes of <p> or <div> to its parent <li>
-    while (element.firstChild) {
-      parent.insertBefore(element.firstChild, element);
-    }
-    // Remove the <p> or <div> element
-    parent.removeChild(element);
-  });
-
-  // claude.ai, copy list inbetween, some li tags are not wrapped with ul or ol
-  parsed.querySelectorAll("li").forEach(li => {
-    // Check if the parent of <li> is not a <ul> or <ol>
-    if (!li.parentElement || li.parentElement.tagName !== "UL" && li.parentElement.tagName !== "OL") {
-      // Create a <ul> element
-      const ul = document.createElement("ul");
-      // Append the <li> to the <ul>
-      ul.appendChild(li.cloneNode(true)); // Clone the <li>
-      // Replace the original <li> in the DOM with the <ul>
-      li.replaceWith(ul);
-    }
-  });
-  return parsed;
-};
 const loopChildren = (children = [], defaultInsert) => {
   if (!children?.length) {
     return defaultInsert;
@@ -65,7 +28,7 @@ const getCurrentElement = editor => {
     return null;
   }
 };
-export const getCurrentElementText = editor => {
+const getCurrentElementText = editor => {
   try {
     if (editor.selection) {
       return Editor.string(editor, editor?.selection?.anchor?.path);
@@ -223,15 +186,15 @@ const withHtml = editor => {
           return;
         }
         const currentText = getCurrentElementText(editor);
-        if (currentText?.trim() && !isTextNode) {
+        if (currentText && !isTextNode) {
           insertAtNextNode(editor, decoded);
           return;
         }
         insertData(data);
       }
     } else if (html) {
-      const parsed = parseCopiedHTML(html);
-      const rootElement = parsed.body;
+      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) {
@@ -267,7 +230,7 @@ const withHtml = editor => {
         return;
       }
       const currentText = getCurrentElementText(editor);
-      if (currentText?.trim() && isNonText) {
+      if (currentText && isNonText) {
         insertAtNextNode(editor, formattedFragment);
         return;
       }

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -314,8 +314,7 @@ export const getBlock = props => {
           borderRadius: `${element?.color ? "0px" : "12px"} 12px 12px ${element?.color ? "0px" : "12px"}`,
           margin: `${element?.bgColor ? "16px" : "0px"} 0px`,
           width: element?.bgColor ? "calc(100% - 16px)" : "100%",
-          borderWidth: element?.color ? "0px 0px 0px 3px" : "0px",
-          lineHeight: 1.43
+          borderWidth: element?.color ? "0px 0px 0px 3px" : "0px"
         },
         children: children
       });
@@ -375,9 +374,6 @@ export const getBlock = props => {
       });
     case "orderedList":
       return /*#__PURE__*/_jsx("ol", {
-        style: {
-          lineHeight: 1.43
-        },
         className: "listItemMargin",
         type: "1",
         ...attributes,
@@ -385,9 +381,6 @@ export const getBlock = props => {
       });
     case "unorderedList":
       return /*#__PURE__*/_jsx("ul", {
-        style: {
-          lineHeight: 1.43
-        },
         className: "listItemMargin",
         ...attributes,
         children: children

package/dist/Editor/utils/button.js

@@ -20,10 +20,10 @@ export const insertButton = editor => {
       bottomRight: 30
     },
     bannerSpacing: {
-      left: 24,
-      top: 10,
-      right: 24,
-      bottom: 10
+      left: 16,
+      top: 8,
+      right: 16,
+      bottom: 8
     },
     ...(windowVar.lastButtonProps || {})
   };

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

@@ -237,30 +237,24 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx("p", {
         ...attributes,
         ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`
+        className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="paragraph"
         ,
         children: children
       });
     case "headingOne":
-      return /*#__PURE__*/_jsx("h3", {
+      return /*#__PURE__*/_jsx("h1", {
         ...attributes,
         ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
         className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="Heading 1"
         ,
         children: children
       });
     case "headingTwo":
-      return /*#__PURE__*/_jsx("h3", {
+      return /*#__PURE__*/_jsx("h2", {
         ...attributes,
         ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
         className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="Heading 2"
         ,
@@ -270,55 +264,18 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx("h3", {
         ...attributes,
         ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`,
+        className: `content-editable ${isEmpty ? "empty" : ""}`,
         children: children
       });
     case "headingThree":
       return /*#__PURE__*/_jsx("h3", {
         ...attributes,
         ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
         className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="Heading 3"
         ,
         children: children
       });
-    case "headingFour":
-      return /*#__PURE__*/_jsx("h4", {
-        ...attributes,
-        ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
-        className: `content-editable ${isEmpty ? "empty" : ""}`,
-        children: children
-      });
-    case "headingFive":
-      return /*#__PURE__*/_jsx("h5", {
-        ...attributes,
-        ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`,
-        children: children
-      });
-    case "headingSix":
-      return /*#__PURE__*/_jsx("h6", {
-        ...attributes,
-        ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""}`,
-        children: children
-      });
-    case "headingSeven":
-      return /*#__PURE__*/_jsx("h7", {
-        ...attributes,
-        ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`,
-        children: children
-      });
     case "blockquote":
       return /*#__PURE__*/_jsx("blockquote", {
         ...attributes,
@@ -370,7 +327,7 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx("li", {
         ...attributes,
         ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`,
+        className: `content-editable ${isEmpty ? "empty" : ""}`,
         placeholder: "List",
         style: {
           color: firstChildren?.color
@@ -387,7 +344,7 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx("p", {
         ...attributes,
         ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`
+        className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="paragraph"
         ,
         children: children
@@ -409,8 +366,7 @@ export const getBlock = props => {
     default:
       return /*#__PURE__*/_jsx(SimpleText, {
         ...props,
-        isEmpty: isEmpty,
-        isChatEditor: true
+        isEmpty: isEmpty
       });
   }
 };