@flozy/editor 10.8.7 → 10.8.9

package/dist/Editor/common/DnD/DragHandleButton.js

@@ -7,7 +7,7 @@ import { useEditorContext } from "../../hooks/useMouseMove";
 import { Transforms } from "slate";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const DRAGGABLE_TYPES = ["paragraph", "headingOne", "headingTwo", "headingThree", "headingFour", "headingFive", "headingSix", "paragraphOne", "paragraphTwo", "paragraphThree", "grid"];
+const DRAGGABLE_TYPES = ["paragraph", "headingOne", "headingTwo", "headingThree", "grid"];
 const DragHandleStyle = fromPopper => {
   const handleDragStyle = fromPopper ? {
     position: "absolute",

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(",");
@@ -100,7 +97,6 @@ const FontLoader = props => {
       });
       let families = Array.from(fontSet);
       families = correctFontArray(families.join(", "));
-      // eslint-disable-next-line no-useless-escape
       families = families?.map(font => font?.replace(/\"/g, ""));
       families = families?.map(font => font?.replace(", sans-serif", ""));
       families = families?.filter(font => googleFontList?.includes(font));

package/dist/Editor/common/Icon.js

@@ -48,16 +48,6 @@ import ChervUp from "../assets/svg/ChervUp";
 import ResetIconNew from "../assets/svg/ResetIconNew";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const HeadingIcon = ({
-  variant
-}) => {
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      color: "#64748B"
-    },
-    children: variant
-  });
-};
 const iconList = {
   fontFamily: /*#__PURE__*/_jsx(FontFamilyIcon, {
     size: 20
@@ -90,24 +80,6 @@ const iconList = {
     size: 18,
     fill: "#64748B"
   }),
-  headingFour: /*#__PURE__*/_jsx(HeadingIcon, {
-    variant: "H4"
-  }),
-  headingFive: /*#__PURE__*/_jsx(HeadingIcon, {
-    variant: "H5"
-  }),
-  headingSix: /*#__PURE__*/_jsx(HeadingIcon, {
-    variant: "H6"
-  }),
-  paragraphOne: /*#__PURE__*/_jsx(HeadingIcon, {
-    variant: "P1"
-  }),
-  paragraphTwo: /*#__PURE__*/_jsx(HeadingIcon, {
-    variant: "P2"
-  }),
-  paragraphThree: /*#__PURE__*/_jsx(HeadingIcon, {
-    variant: "P3"
-  }),
   blockquote: /*#__PURE__*/_jsx(MdFormatQuote, {
     size: 20,
     fill: "#64748B",

package/dist/Editor/common/ImageSelector/ImageSelector.js

@@ -17,7 +17,7 @@ const IMAGE_SLECTOR_OPTIONS = {
 };
 const TAB_SHOW = {
   Image: ["upload", "choose", "addLink"],
-  Video: ["upload", "addLink"],
+  Video: ["addLink"],
   Embed: ["addLink"],
   Document: ["addLink", "upload"]
 };
@@ -31,54 +31,21 @@ const ImageSelector = props => {
     onClose,
     open,
     onSelectImage,
-    customProps,
-    setUploadStatus = () => {},
-    disableProgress
+    title,
+    customProps
   } = props;
-  const {
-    uploadTerminator
-  } = customProps;
-  const [uniqueId, setUniqueId] = useState(null);
-  const title = props.title || "Image";
   const translation = customProps?.translation;
   const [tabValue, setTabValue] = useState(title === "Image" ? "choose" : "addLink");
   const [image, setImage] = useState(value || "");
-  const [s3UploadProp, setS3UploadProp] = useState({
-    file: null,
-    pageId: null,
-    services: customProps?.services,
-    setUploadStatus: setUploadStatus
-  });
   const handleTabChange = (e, newValue) => {
     setImage("");
     setTabValue(newValue);
-    setS3UploadProp({
-      file: null,
-      pageId: null,
-      services: customProps?.services,
-      setUploadStatus: setUploadStatus
-    });
   };
   const onUploaded = url => {
     setImage(url);
   };
   const onSave = () => {
-    if (tabValue === "upload") {
-      if (disableProgress) {
-        onSelectImage(image);
-      } else {
-        onSelectImage(s3UploadProp);
-      }
-    } else {
-      onSelectImage({
-        embedURL: image,
-        isUpload: false
-      });
-    }
-  };
-  const onCloseUpload = () => {
-    uploadTerminator(uniqueId, setUploadStatus);
-    onClose();
+    onSelectImage(image);
   };
   const isActive = val => tabValue === val ? "active" : "";
   const Comp = IMAGE_SLECTOR_OPTIONS[tabValue] || /*#__PURE__*/_jsx(_Fragment, {});
@@ -162,12 +129,7 @@ const ImageSelector = props => {
           children: /*#__PURE__*/_jsx(Comp, {
             ...props,
             classes: classes,
-            onUploaded: onUploaded,
-            setS3UploadProp: setS3UploadProp,
-            s3UploadProp: s3UploadProp,
-            disableProgress: disableProgress,
-            setUniqueId: setUniqueId,
-            uniqueId: uniqueId
+            onUploaded: onUploaded
           })
         })]
       })
@@ -181,12 +143,12 @@ const ImageSelector = props => {
         p: 2
       },
       children: [/*#__PURE__*/_jsx(Button, {
-        onClick: onCloseUpload,
+        onClick: onClose,
         className: "secondaryBtn",
         sx: classes.closeBtn,
         children: translation("Cancel")
       }), /*#__PURE__*/_jsx(Button, {
-        disabled: tabValue === "upload" ? !s3UploadProp?.file : !image,
+        disabled: !image,
         onClick: onSave,
         className: `primaryBtn ${!image ? "disabled" : ""}`,
         sx: classes.saveBtn,

package/dist/Editor/common/ImageSelector/Options/Upload.js

@@ -1,6 +1,5 @@
 import React from "react";
 import { Grid } from "@mui/material";
-import UploaderWithProgress from "../../UploaderWithProgress";
 import Uploader from "../../Uploader";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Upload = props => {
@@ -10,31 +9,11 @@ const Upload = props => {
     onUploaded,
     customProps,
     disableUpload = false,
-    title,
-    setS3UploadProp,
-    s3UploadProp,
-    disableProgress,
-    setUniqueId,
-    uniqueId
+    title
   } = props;
   const onDone = img => {
     onUploaded(img);
   };
-  const commonProps = {
-    classes,
-    value,
-    data: {
-      key: "url"
-    },
-    customProps,
-    onUploaded: onDone,
-    disableUpload,
-    title,
-    setS3UploadProp,
-    s3UploadProp,
-    setUniqueId,
-    uniqueId
-  };
   return /*#__PURE__*/_jsx(Grid, {
     item: true,
     xs: 12,
@@ -43,10 +22,16 @@ const Upload = props => {
       height: '100%'
     },
     className: "ims-right",
-    children: disableProgress ? /*#__PURE__*/_jsx(Uploader, {
-      ...commonProps
-    }) : /*#__PURE__*/_jsx(UploaderWithProgress, {
-      ...commonProps
+    children: /*#__PURE__*/_jsx(Uploader, {
+      classes: classes,
+      value: value,
+      data: {
+        key: "url"
+      },
+      customProps: customProps,
+      onUploaded: onDone,
+      disableUpload: disableUpload,
+      title: title
     })
   });
 };

package/dist/Editor/common/ImageSelector/Styles.js

@@ -76,7 +76,7 @@ const ImageSelectorStyles = theme => ({
       background: theme?.palette?.editor?.deviderBgColor,
       "@media only screen and (min-width: 899px)": {
         margin: "0px 24px",
-        width: "calc(100% - 48px)"
+        width: 'calc(100% - 48px)'
       }
     },
     "& .primaryBtn": {
@@ -104,6 +104,12 @@ const ImageSelectorStyles = theme => ({
       marginRight: "8px !important"
     },
     "& .MuiGrid-root": {
+      "&::-webkit-scrollbar-thumb": {
+        background: `none !important`
+      },
+      "&::-webkit-scrollbar-track": {
+        visibility: "hidden"
+      },
       "&::-webkit-scrollbar-thumb": {
         background: `${theme?.palette?.editor?.brainPopupScroll} !important`
       },
@@ -112,10 +118,10 @@ const ImageSelectorStyles = theme => ({
       }
     },
     "& .MuiImageList-root": {
-      margin: "0px"
+      margin: '0px'
     },
     "& .MuiDialogContent-root": {
-      padding: "20px 24px 5px 24px"
+      padding: '20px 24px 5px 24px'
     }
   },
   titleTypo: {

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/OtherSettings/Settings.js

@@ -68,8 +68,7 @@ const Settings = props => {
             editor: editor,
             path: path,
             customProps: customProps,
-            theme: theme,
-            onClose: onClose
+            theme: theme
           }) : null
         })]
       })

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

@@ -8,8 +8,7 @@ const AppHeaderSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -28,7 +27,7 @@ const AppHeaderSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

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

@@ -8,8 +8,7 @@ const BoxSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path];
@@ -28,7 +27,7 @@ const BoxSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

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

@@ -8,8 +8,7 @@ const ButtonSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -29,7 +28,7 @@ const ButtonSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

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

@@ -8,8 +8,7 @@ const CodeSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -28,7 +27,7 @@ const CodeSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

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

@@ -12,8 +12,7 @@ const FormSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path];
@@ -57,14 +56,13 @@ const FormSettings = props => {
     }
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   const muiTheme = createTheme({
     components: {
       MuiAccordion: {
         styleOverrides: {
           root: {
-            background: theme?.palette?.editor?.miniToolBarBackground,
             "& .MuiAccordionSummary-root": {
               flexDirection: "row-reverse",
               "& .MuiSvgIcon-root": {

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

@@ -8,30 +8,17 @@ const ImageSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
   const element = Node.get(editor, element_path);
   const onChange = data => {
-    let updated_props = {};
-    if (data?.url?.embedURL) {
-      updated_props = {
-        url: data?.url?.embedURL
-      };
-    } else if (data?.url?.file) {
-      updated_props = {
-        fromFreeGrid: true,
-        isUpload: true,
-        file: data?.url?.file,
-        url: ""
-      };
-    } else {
-      updated_props = {
-        ...data
-      };
-    }
+    const updated_props = {
+      ...element,
+      ...data,
+      field_type: data?.element
+    };
     delete updated_props.children;
     Transforms.setNodes(editor, {
       ...updated_props
@@ -40,7 +27,7 @@ const ImageSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

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

@@ -9,8 +9,7 @@ const TableSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -58,7 +57,7 @@ const TableSettings = props => {
     }
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

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

@@ -3,23 +3,17 @@ import { Editor, Transforms } from "slate";
 import TextFormat from "../../../../Toolbar/PopupTool/TextFormat";
 import usePopupStyle from "../../../../Toolbar/PopupTool/PopupToolStyle";
 import { ReactEditor } from "slate-react";
-import { getListType } from "../../../../utils/SlateUtilityFunctions";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TextSettings = props => {
   const {
     editor,
     path,
     theme,
-    onClose,
     customProps
   } = props;
   const item_path = path.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
   const classes = usePopupStyle(theme);
-  const listType = getListType(editor);
-  const commonProps = {
-    listType
-  };
   useEffect(() => {
     try {
       ReactEditor.focus(editor);
@@ -33,9 +27,7 @@ const TextSettings = props => {
   return /*#__PURE__*/_jsx(TextFormat, {
     classes: classes,
     editor: editor,
-    customProps: customProps,
-    closeMainPopup: onClose,
-    commonProps: commonProps
+    customProps: customProps
   });
 };
 export default TextSettings;

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

@@ -8,31 +8,18 @@ const VideoSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
   const element = Node.get(editor, element_path);
   const styleMaps = embedVideoStyle?.filter(f => !f?.hideOnFGS);
   const onChange = data => {
-    let updated_props = {};
-    if (data?.url?.embedURL) {
-      updated_props = {
-        url: data?.url?.embedURL
-      };
-    } else if (data?.url?.file) {
-      updated_props = {
-        isUpload: true,
-        fromFreeGrid: true,
-        file: data?.url?.file,
-        url: ""
-      };
-    } else {
-      updated_props = {
-        ...data
-      };
-    }
+    const updated_props = {
+      ...element,
+      ...data,
+      field_type: data?.element
+    };
     delete updated_props.children;
     Transforms.setNodes(editor, {
       ...updated_props
@@ -41,7 +28,7 @@ const VideoSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

package/dist/Editor/common/RnD/GuideLines/styles.js

@@ -45,7 +45,7 @@ const useGuideLineStyle = ({
         position: "absolute",
         width: "calc(50% - 162px)",
         height: "calc(100% - 2px)",
-        backgroundColor: "rgba(255,255,255,0)",
+        backgroundColor: "rgba(255,255,255,1)",
         pointerEvents: "none",
         top: 2,
         "&.w_left": {

package/dist/Editor/common/RnD/SwitchViewport/SwitchViewport.js

@@ -3,29 +3,20 @@ import PersonalVideoIcon from "@mui/icons-material/PersonalVideo";
 import PhoneIphoneIcon from "@mui/icons-material/PhoneIphone";
 import useSwitchViewport from "./styles";
 import { useEffect } from "react";
-import { useEditorContext } from "../../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const SwitchViewport = props => {
   const {
     breakpoint,
     onChange,
-    translation,
-    show
+    translation
   } = props;
   const classes = useSwitchViewport();
-  const {
-    setSelectedElement
-  } = useEditorContext();
   useEffect(() => {
-    // to reset selection on viewport changes - FS-6589
-    setSelectedElement({});
+    console.log(breakpoint);
   }, [breakpoint]);
   return /*#__PURE__*/_jsxs(Box, {
     sx: classes.root,
-    style: {
-      display: show ? "block" : "none"
-    },
     children: [/*#__PURE__*/_jsx(Tooltip, {
       title: translation("Desktop View"),
       children: /*#__PURE__*/_jsx(IconButton, {

package/dist/Editor/common/RnD/Theme/ViewportStimulator.js

@@ -1,7 +1,6 @@
 import React from "react";
-import { useTheme, createTheme, useMediaQuery } from "@mui/material";
+import { useTheme, ThemeProvider, createTheme, useMediaQuery } from "@mui/material";
 import { isStimulator, STIMULATOR_MOCK } from "../../../hooks/useBreakpoints";
-import MainThemeProvider from "./MainThemeProvider";
 
 // Custom breakpoints functions
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -60,15 +59,13 @@ const extendedTheme = (prevTheme, isPrintMode) => createTheme({
   } : getBreakPoints(prevTheme)
 });
 const ViewportStimulator = ({
-  children,
-  selectedTheme
+  children
 }) => {
   const theme = useTheme();
   const isPrintMode = useMediaQuery("print");
   const viewportTheme = extendedTheme(theme, isPrintMode);
-  return /*#__PURE__*/_jsx(MainThemeProvider, {
+  return /*#__PURE__*/_jsx(ThemeProvider, {
     theme: viewportTheme,
-    userSelectedTheme: selectedTheme,
     children: children
   });
 };