@flozy/editor 11.0.8 → 11.1.0

package/dist/Editor/Elements/Form/Form.js

@@ -109,20 +109,7 @@ const Form = props => {
     if ((readOnly || test) && formEle && formEle?.current) {
       const formData = new FormData(formEle?.current);
       setLoading(true);
-      let response = [];
-      const formDataEntries = [...formData.entries()];
-      const childFields = element?.children?.filter(el => el?.type === "form-field");
-      response = formDataEntries.map(([key, value], index) => {
-        const fieldData = childFields[index];
-        return {
-          fieldKey: key,
-          [key]: value,
-          placeholder: fieldData?.placeholder || "",
-          form_name: formName,
-          tagName: tagName,
-          uid: fieldData?.uid || formName
-        };
-      });
+      const response = [];
       let user_email = "";
       let meta_data = [];
       const validations = [];
@@ -166,28 +153,16 @@ const Form = props => {
             rules: rule?.length > 0 && rule
           });
         }
-
-        // Commented out — duplicate field loop caused by 'pair'. Not needed inside this loop.
-        // const formDataEntries = [...formData.entries()];
-        // const childFields = element?.children?.filter(
-        //   (el) => el?.type === "form-field"
-        // );
-        // response = [];
-        // for (let i = 0; i < formDataEntries.length; i++) {
-        //   const [key, value] = formDataEntries[i];
-        //   const fieldData = childFields[i];
-
-        //   response.push({
-        //     fieldKey: key,
-        //     [key]: value,
-        //     placeholder: fieldData?.placeholder || "",
-        //     form_name: formName,
-        //     tagName: tagName,
-        //     uid: fieldData?.uid || formName,
-        //   });
-        // }
+        const placeholder = fieldData?.name === pair[0] ? fieldData?.placeholder : "";
+        response?.push({
+          fieldKey: pair[0],
+          [pair[0]]: pair[1],
+          placeholder: placeholder,
+          form_name: formName,
+          tagName: tagName,
+          uid: fieldData?.uid
+        });
       }
-
       let params = {
         page_id: page_id,
         agency_id: agency_id,

package/dist/Editor/Elements/FreeGrid/FreeGrid.js

@@ -184,11 +184,11 @@ const FreeGrid = props => {
   const handleAddElementClick = type => () => {
     const isEmpty = isEmptySection();
     const insertAt = isEmpty ? [...path, 0] : [...path, childrenCountRef.current];
+    const id = crypto?.randomUUID();
     const {
       elValues,
       sectionVal
     } = getElementValues(type, element?.children, breakpoint);
-    const id = crypto?.randomUUID();
     switch (type) {
       case "addText":
         Transforms.insertNodes(editor, [{
@@ -271,7 +271,9 @@ const FreeGrid = props => {
           ...insertFreeGridItem("video", createEmbedNode("video", {
             url: "",
             alt: "",
-            images: []
+            images: [],
+            fromFreeGrid: true,
+            uniqueId: id
           }), {
             ...(elValues || {})
           })

package/dist/Editor/Elements/FreeGrid/FreeGridBox.js

@@ -157,14 +157,14 @@ const FreeGridBox = props => {
   };
   const repeatTimes = Math.floor(height / ROW_HEIGHT);
   const sectionTypeOptions = (itemOptions?.box || []).filter(f => (hideTools || []).indexOf(f) === -1);
-  const isBoxHeader = useMemo(() => {
-    return element?.children?.some(c => c.childType === "appHeader" && !c.xs_updatedOn);
-  }, [element]);
   const boxSp = groupByBreakpoint({
     borderRadius: {
       ...getBreakPointsValue(sectionBorderRadius || {}, null, "overrideBorderRadius", true)
     }
   }, theme);
+  const isBoxHeader = useMemo(() => {
+    return element?.children?.some(c => c.childType === "appHeader" && !c.xs_updatedOn);
+  }, [element]);
   return /*#__PURE__*/_jsx(RnD, {
     id: `freegrid_box_item_${path.join("|")}_${updated_at}_${breakpoint}`,
     className: `freegrid-item path-${path.length} breakpoint-${breakpoint} freegrid-box_${path.join("_")}`,

package/dist/Editor/Elements/FreeGrid/Options/More.js

@@ -5,8 +5,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 const More = props => {
   const {
     handleClick,
-    translation,
-    breakpoint
+    breakpoint,
+    translation
   } = props;
   return /*#__PURE__*/_jsx(Box, {
     children: /*#__PURE__*/_jsxs(List, {
@@ -19,15 +19,15 @@ const More = props => {
         className: "item-wrapper",
         onClick: handleClick("duplicateSection"),
         children: translation?.translation("Duplicate Section")
+      }), /*#__PURE__*/_jsx(ListItemButton, {
+        className: "item-wrapper",
+        onClick: handleClick("deleteSection"),
+        children: "Delete Section"
       }), breakpoint === "xs" ? /*#__PURE__*/_jsx(ListItemButton, {
         className: "item-wrapper",
         onClick: handleClick("forceAutoAlignment"),
         children: "Force Auto Alignment"
-      }) : null, /*#__PURE__*/_jsx(ListItemButton, {
-        className: "item-wrapper",
-        onClick: handleClick("deleteSection"),
-        children: "Delete Section"
-      })]
+      }) : null]
     })
   });
 };

package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { signedTextFonts } from "../../../utils/font";
 import { Grid, Button, TextField, InputAdornment, IconButton, Typography } from "@mui/material";
-import ClearRoundedIcon from "@mui/icons-material/ClearRounded";
+import ClearRoundedIcon from '@mui/icons-material/ClearRounded';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const TypeSignature = props => {
@@ -80,8 +80,7 @@ const TypeSignature = props => {
                   children: /*#__PURE__*/_jsx(ClearRoundedIcon, {})
                 })
               })
-            },
-            autoComplete: "typeName"
+            }
           })
         })
       })

package/dist/Editor/Elements/Signature/SignaturePopup.js

@@ -92,17 +92,9 @@ const SignaturePopup = props => {
   };
   const onChange = e => {
     e?.stopPropagation();
-    const {
-      name,
-      value
-    } = e.target;
-    const fieldMap = {
-      name: "signedBy",
-      email: "signedByEmail"
-    };
     setSignedData({
       ...signedData,
-      [fieldMap[name] || name]: value
+      [e.target.name]: e.target.value
     });
   };
   const onBrushSize = val => () => {
@@ -319,19 +311,15 @@ const SignaturePopup = props => {
                   xs: 12,
                   children: /*#__PURE__*/_jsx(TextField, {
                     fullWidth: true,
-                    id: "name",
-                    name: "name",
+                    id: "signedBy",
+                    name: "signedBy",
                     placeholder: translation("Enter Name"),
                     value: signedData.signedBy || ""
                     // defaultValue={defaultName || ""}
                     ,
                     size: "small",
                     onChange: onChange,
-                    sx: classes.signaturePopUpNameField,
-                    autoComplete: "name",
-                    inputProps: {
-                      autoComplete: "name"
-                    }
+                    sx: classes.signaturePopUpNameField
                   })
                 })]
               }), /*#__PURE__*/_jsxs(Grid, {
@@ -451,20 +439,14 @@ const SignaturePopup = props => {
                   item: true,
                   children: /*#__PURE__*/_jsx(TextField, {
                     fullWidth: true,
-                    id: "email",
-                    name: "email",
-                    type: "email",
+                    id: "signedByEmail",
+                    name: "signedByEmail",
                     placeholder: translation("Enter Email"),
                     size: "small",
                     onChange: onChange,
                     sx: classes.signaturePopUpNameField,
                     value: signedData.signedByEmail || ""
                     // defaultValue={defaultEmail || ""}
-                    ,
-                    autoComplete: "email",
-                    inputProps: {
-                      autoComplete: "email"
-                    }
                   })
                 })]
               })]

package/dist/Editor/Elements/SimpleText/style.js

@@ -35,8 +35,8 @@ const SimpleTextStyle = ({
       height: "24px",
       overflow: "hidden",
       fontSize: "14px",
-      display: "inline-flex",
-      alignItems: "center",
+      display: 'inline-flex',
+      alignItems: 'center',
       "& .bg-pad-sl": {
         padding: "2px 4px 2px 4px",
         background: "transparent",

package/dist/Editor/Elements/Table/Table.js

@@ -308,7 +308,7 @@ const Table = props => {
       onScroll: handleScroll,
       onMouseOver: onMouseOver,
       onMouseLeave: onMouseLeave,
-      className: "custom-scroll",
+      className: !hideTools.includes("add_column") ? "custom-scroll" : '',
       children: [/*#__PURE__*/_jsx(TableComp, {
         className: readOnly ? "readOnly" : "",
         sx: {
@@ -346,8 +346,8 @@ const Table = props => {
       handleAction: handleAction,
       exandTools: exandTools,
       openSetttings: openSetttings,
-      hideTools: hideTools,
-      translation: translation
+      translation: translation,
+      hideTools: hideTools
     }), /*#__PURE__*/_jsx(MoreTableSettings, {
       exandTools: exandTools,
       handleAction: handleAction,

package/dist/Editor/Elements/Title/title.js

@@ -3,12 +3,6 @@ import { Text } from "slate";
 import { useSlate } from "slate-react";
 import { getNodeText, getNodeWithType } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
-const isEmptyTextNode = node => {
-  if (Text.isText(node)) {
-    return !node.text.trim();
-  }
-  return false;
-};
 const Title = props => {
   const {
     attributes,
@@ -52,4 +46,10 @@ const useDetectExitFromTitle = (titleNode, onSaveTitle) => {
     }
   }, [editor.selection]);
   return null;
+};
+const isEmptyTextNode = node => {
+  if (Text.isText(node)) {
+    return !node.text.trim();
+  }
+  return false;
 };

package/dist/Editor/Elements/Variables/VariableButton.js

@@ -34,8 +34,7 @@ const VariableButton = props => {
       PaperProps: {
         style: {
           maxHeight: 300,
-          overflowY: "auto",
-          transformOrigin: 'top left'
+          overflowY: "auto"
         },
         sx: {
           "&::-webkit-scrollbar-track": {
@@ -45,14 +44,6 @@ const VariableButton = props => {
             borderRadius: "16px"
           }
         }
-      },
-      anchorOrigin: {
-        vertical: 'bottom',
-        horizontal: 'right'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'right'
       }
     },
     children: [/*#__PURE__*/_jsx(MenuItem, {

package/dist/Editor/MiniEditor.js

@@ -45,13 +45,12 @@ const MiniEditor = props => {
   const {
     translationMock
   } = otherProps;
-  const dummyTranslation = () => {};
   const customProps = {
     ...(otherProps || {}),
     readOnly: isReadOnly,
     editorPlaceholder: miniEditorPlaceholder,
     page_id: id,
-    translation: translation || translationMock || dummyTranslation
+    translation: translation || translationMock
   };
   const [mentions, setMentions] = useMentions({
     editor,

package/dist/Editor/Styles/EditorStyles.js

@@ -136,11 +136,7 @@ const editorStyles = ({
       },
       "& .accordion-summary-collapse-btn": {
         padding: "4px",
-        width: "5px",
-        "& svg:hover": {
-          background: theme?.palette?.editor?.tv_hover_bg,
-          borderRadius: "4px"
-        }
+        width: "5px"
       },
       "& .workflow-icon-btn": {
         pointerEvents: "none",

package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/MiniColorPicker.js

@@ -12,8 +12,8 @@ function MiniColorPicker(props) {
     classes,
     id,
     editor,
-    customProps,
-    type
+    type,
+    customProps
   } = props;
   const [openColorTool, setOpenColorTool] = useState(null);
   const {

package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/SelectList.js

@@ -2,7 +2,7 @@ import { useMemo } from "react";
 import { isBlockActive, toggleBlock } from "../../../utils/SlateUtilityFunctions";
 import CustomSelectTool from "./CustomSelectTool";
 import Icon from "../../../common/Icon";
-import { insertAccordion, toggleAccordion } from "../../../utils/accordion";
+import { insertAccordion } from "../../../utils/accordion";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function Label({
@@ -16,8 +16,8 @@ function Label({
     }), " ", label]
   });
 }
-function getListOptions(translation, listType) {
-  const list = [{
+function getListOptions(translation) {
+  return [{
     id: 15,
     value: "orderedList",
     type: "block",
@@ -53,8 +53,7 @@ function getListOptions(translation, listType) {
       icon: "check-list-item"
     }),
     group: "list"
-  }];
-  const accordion = [{
+  }, {
     id: 30,
     value: "accordion",
     type: "accordion",
@@ -68,30 +67,17 @@ function getListOptions(translation, listType) {
       icon: "accordion"
     })
   }];
-  let options = [];
-  if (listType === "accordion-summary") {
-    options = [...accordion];
-  } else if (listType === "list-item") {
-    options = [...list];
-  } else {
-    options = [...list, ...accordion];
-  }
-  return options;
 }
 function SelectList({
   editor,
   classes,
   closeMainPopup,
-  customProps,
-  commonProps
+  customProps
 }) {
   const {
     translation
   } = customProps;
-  const {
-    listType
-  } = commonProps || {};
-  const listOptions = getListOptions(translation, listType);
+  const listOptions = getListOptions(translation);
   const selectedList = useMemo(() => {
     return listOptions.find(t => isBlockActive(editor, t.value));
   }, [listOptions, isBlockActive, editor]);
@@ -99,11 +85,7 @@ function SelectList({
     if (option.type === "block") {
       toggleBlock(editor, format);
     } else if (option.type === "accordion") {
-      if (listType === "accordion-summary") {
-        toggleAccordion(editor);
-      } else {
-        insertAccordion(editor);
-      }
+      insertAccordion(editor);
     }
     closeMainPopup();
   };

package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js

@@ -3,7 +3,7 @@ import SelectTypography from "./SelectTypography";
 import SelectList from "./SelectList";
 import { toolbarGroups } from "../../toolbarGroups";
 import { MarkButton } from "../../FormatTools";
-import { activeMark, getListType, isBlockActive } from "../../../utils/SlateUtilityFunctions";
+import { activeMark, isBlockActive } from "../../../utils/SlateUtilityFunctions";
 import LinkButton from "../../../Elements/Link/LinkButton";
 import TextToolIcon from "../../../assets/svg/TextToolIcon";
 import TextFormat from "../TextFormat";
@@ -37,10 +37,6 @@ const MiniTextFormat = props => {
   const [resizedSize, setResizedSize] = useState();
   const [size] = useWindowResize();
   const theme = useTheme();
-  const listType = getListType(editor);
-  const commonProps = {
-    listType
-  };
   const removeFontStyles = ["superscript", "subscript"];
   const fontStyle = allTools.filter(f => f.type === "mark" && !removeFontStyles.includes(f.format));
   const link = allTools.find(f => f.format?.indexOf("link") >= 0);
@@ -71,8 +67,7 @@ const MiniTextFormat = props => {
           classes: classes,
           editor: editor,
           closeMainPopup: closeMainPopup,
-          customProps: customProps,
-          commonProps: commonProps
+          customProps: customProps
         }), /*#__PURE__*/_jsx("div", {
           className: "verticalLine mr-1"
         }), /*#__PURE__*/_jsx(SelectAlignment, {
@@ -103,8 +98,8 @@ const MiniTextFormat = props => {
           activeColor: activeColor,
           id: "11_cc",
           editor: editor,
-          customProps: customProps,
-          type: "textColor"
+          type: "textColor",
+          customProps: customProps
         }), /*#__PURE__*/_jsx(MiniColorPicker, {
           format: textBgFormat,
           classes: classes,
@@ -151,7 +146,6 @@ const MiniTextFormat = props => {
                 classes: classes,
                 closeMainPopup: closeMainPopup,
                 customProps: customProps,
-                commonProps: commonProps,
                 fromMiniTextFormat: true,
                 setResizedSize: setResizedSize,
                 resizedSize: resizedSize

package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js

@@ -436,11 +436,6 @@ const usePopupStyle = theme => ({
     "& .MuiOutlinedInput-notchedOutline": {
       border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`
     },
-    "& .MuiInputBase-root": {
-      "& input": {
-        border: "none !important"
-      }
-    },
     "& svg": {
       width: "20px",
       height: "24px"
@@ -449,6 +444,9 @@ const usePopupStyle = theme => ({
   fontFamilyListOptions: {
     "& .MuiAutocomplete-listbox": {
       padding: "0px",
+      // "&::-webkit-scrollbar-thumb": {
+      //   background: `none !important`,
+      // },
       "&::-webkit-scrollbar-thumb": {
         background: `${theme?.palette?.editor?.brainPopupScroll} !important`
       },

package/dist/Editor/Toolbar/PopupTool/TextFormat.js

@@ -32,7 +32,6 @@ const TextFormat = props => {
     onClose,
     closeMainPopup,
     customProps,
-    commonProps,
     setResizedSize,
     resizedSize,
     fromMiniTextFormat
@@ -43,9 +42,6 @@ const TextFormat = props => {
   const {
     translation
   } = customProps;
-  const {
-    listType
-  } = commonProps || {};
   const {
     element: pageSt
   } = getPageSettings(editor) || {};
@@ -59,7 +55,7 @@ const TextFormat = props => {
   const fontStyle = allTools.filter(f => f.type === "mark" && f.format !== "strikethrough" && f.format !== "superscript" && f.format !== "subscript");
   const fontAlign = allTools.filter(f => f.format?.indexOf("align") >= 0);
   const link = allTools.find(f => f.format?.indexOf("link") >= 0);
-  const lists = allTools.filter(f => f.group?.includes("list") && !f.hideFor?.includes(listType));
+  const lists = allTools.filter(f => f.group?.indexOf("list") >= 0);
   const {
     isActive: isBlockQuoteActive,
     props: bqProps
@@ -399,8 +395,7 @@ const TextFormat = props => {
           return /*#__PURE__*/_jsx(Comp, {
             editor: editor,
             ...m,
-            customProps: customProps,
-            commonProps: commonProps
+            customProps: customProps
           }, `pptool_block_${i}_${m.id}`);
         })
       })]

package/dist/Editor/Toolbar/PopupTool/index.js

@@ -95,7 +95,6 @@ const PopupTool = props => {
     const isFreeGridEnabled = enable === 1 && isFreeGridElement;
     if (!selection || Range.isCollapsed(selection) || Editor.string(editor, selection) === "" || isFreeGridEnabled) {
       setAnchorEl(null);
-      // hideSlateSelection(); // removes slate selection background, when there is no selection
     } else {
       updateAnchorEl();
       viewSlateSelection();

package/dist/Editor/Toolbar/toolbarGroups.js

@@ -154,22 +154,19 @@ export const toolbarGroups = [[{
   format: "orderedList",
   type: "block",
   title: "Ordered List",
-  group: "list",
-  hideFor: ["accordion-summary"]
+  group: "list"
 }, {
   id: 16,
   format: "unorderedList",
   type: "block",
   title: "Bulleted List",
-  group: "list",
-  hideFor: ["accordion-summary"]
+  group: "list"
 }, {
   id: 43,
   format: "check-list-item",
   type: "block",
   title: "Check List",
-  group: "list",
-  hideFor: ["accordion-summary"]
+  group: "list"
 }], [{
   id: 17,
   format: "alignLeft",
@@ -272,8 +269,7 @@ export const toolbarGroups = [[{
   format: "accordion",
   type: "accordion",
   group: "list",
-  component: "AccordionButton",
-  hideFor: ["list-item"]
+  component: "AccordionButton"
 }, {
   id: 31,
   format: "signature",

package/dist/Editor/common/ColorPickerButton.js

@@ -39,9 +39,6 @@ const ColorPickerToolComponent = ({
       position: "relative"
     },
     children: [/*#__PURE__*/_jsx("div", {
-      style: {
-        minHeight: "460px"
-      },
       children: /*#__PURE__*/_jsx(CustomColorPicker, {
         gradient: hideGradient ? false : true,
         color: color,

package/dist/Editor/common/FontLoader/FontLoader.js

@@ -19,8 +19,6 @@ const FontLoader = props => {
   const loadFontsInBatches = (families, batchSize = 5, maxRetries = 3) => {
     let currentIndex = 0;
     let retryCount = 0;
-    // let hideLoaderOn = 30;
-
     const loadNextBatch = () => {
       try {
         if (currentIndex >= families?.length) {
@@ -81,7 +79,6 @@ const FontLoader = props => {
         // console.log(err);
         // setLoading(false);
       });
-      // setLoading(true);
     } else {
       function correctFontArray(fontString) {
         let fontsArray = fontString?.split(",");

package/dist/Editor/common/LinkSettings/NavComponents.js

@@ -175,8 +175,7 @@ export const ScrollTopBottom = props => {
   const {
     value,
     onChange,
-    translation,
-    classes
+    translation
   } = props;
   return /*#__PURE__*/_jsx(Select, {
     options: scrollToOptions,
@@ -184,10 +183,7 @@ export const ScrollTopBottom = props => {
     onChange: e => onChange(e.target.value),
     label: translation("Choose Top/Bottom of page"),
     showDefault: true,
-    translation: translation,
-    MenuProps: {
-      sx: classes.customSelect
-    }
+    translation: translation
   });
 };
 const filter = createFilterOptions();

package/dist/Editor/common/MentionsPopup/index.js

@@ -9,7 +9,6 @@ import usePopupStyle from "./Styles";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import { checkTypings } from "../../hooks/useMentions";
 import canOpen from "../../helper/canOpen";
-import { getListType } from "../../utils/SlateUtilityFunctions";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const POPUP_LIST_TYPES = {
@@ -65,14 +64,7 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
   }, [editor?.selection]);
   useEffect(() => {
     try {
-      let onNodeType = canOpen(editor);
-      if (onNodeType === "accordion") {
-        const isAccordion = getListType(editor) === "accordion-summary";
-        if (isAccordion) {
-          // if cursor at accordion-summary
-          onNodeType = "accordion-summary";
-        }
-      }
+      const onNodeType = canOpen(editor);
       if (target && chars.length > 0 && onNodeType !== false) {
         const domRange = ReactEditor.toDOMRange(editor, target);
         const rect = domRange?.getBoundingClientRect();

package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js

@@ -64,7 +64,6 @@ const FormSettings = props => {
       MuiAccordion: {
         styleOverrides: {
           root: {
-            background: theme?.palette?.editor?.miniToolBarBackground,
             "& .MuiAccordionSummary-root": {
               flexDirection: "row-reverse",
               "& .MuiSvgIcon-root": {