@flozy/editor 4.3.2 → 4.3.4

package/dist/Editor/Elements/AI/AIInput.js

@@ -42,7 +42,8 @@ function AIInput({
   onInputChange,
   onClickOutside,
   startRecording,
-  loading
+  loading,
+  isMobile
 }, ref) {
   const {
     theme
@@ -130,7 +131,7 @@ function AIInput({
           component: "div",
           style: classes.sendIconContainer,
           className: "icons-elements",
-          children: [/*#__PURE__*/_jsx(IconButton, {
+          children: [isMobile ? null : /*#__PURE__*/_jsx(IconButton, {
             disabled: loading,
             onClick: () => startRecording(),
             children: /*#__PURE__*/_jsx(ChatMicIcon, {})

package/dist/Editor/Elements/AI/PopoverAIInput.js

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import Styles from "./Styles";
 import { Fade, Paper, Popper } from "@mui/material";
@@ -173,10 +173,11 @@ function PopoverAIInput({
   const [generatedText, setGeneratedText] = useState("");
   const [inputValue, setInputValue] = useState("");
   const [selectedOption, setSelectedOption] = useState();
+  const selectedEleRef = useRef({});
   const classes = Styles();
   const editor = useSlate();
   const updateAnchor = () => {
-    updateAnchorEl(setAnchorEl, editor, openAI, selectedElement);
+    updateAnchorEl(setAnchorEl, editor, openAI, selectedEleRef.current);
   };
   useEditorScroll(editorWrapper, updateAnchor);
   const onClickOutside = () => {
@@ -195,6 +196,9 @@ function PopoverAIInput({
       scrollToAIInput(editor);
     }
   }, [openAI]);
+  useEffect(() => {
+    selectedEleRef.current = selectedElement;
+  }, [selectedElement]);
   const onSend = async (type, option) => {
     if (type === "close") {
       onClickOutside();
@@ -303,7 +307,8 @@ function PopoverAIInput({
               openAI: openAI,
               inputValue: inputValue,
               onInputChange: onInputChange,
-              onClickOutside: onClickOutside
+              onClickOutside: onClickOutside,
+              isMobile: otherProps?.isMobile
             })
           })
         })

package/dist/Editor/Elements/AI/VoiceToText/style.js

@@ -42,7 +42,8 @@ const styles = theme => ({
     height: "100%"
   },
   TranscriptionContainer: {
-    padding: "12px"
+    padding: "12px",
+    color: theme?.palette?.editor?.textColor
   }
 });
 export default styles;

package/dist/Editor/Elements/Button/EditorButton.js

@@ -10,7 +10,6 @@ import { getTRBLBreakPoints, getBreakPointsValue, groupByBreakpoint } from "../.
 import { handleLinkType, windowVar } from "../../utils/helper";
 import LinkSettings from "../../common/LinkSettings";
 import Icon from "../../common/Icon";
-import { useEditorContext } from "../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const EditorButton = props => {

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

@@ -1,27 +1,22 @@
 import React from "react";
-import { Box, Button, Card, CardMedia, Grid } from "@mui/material";
+import { Box, Card, CardMedia, Grid } from "@mui/material";
+
+// const Select = (props) => {
+//     const { classes, data, onSelectTemplate } = props;
+//     return (
+//         <Box
+//             className="template-card-action"
+//             component={"div"}
+//             sx={classes.templateCardBtnGrp}
+//             style={{ padding: 0, background: "transparent"}}
+//         >
+//             <Button className="blueBtn" onClick={onSelectTemplate(data)}>
+//                 Select
+//             </Button>
+//         </Box>
+//     );
+// };
 import { jsx as _jsx } from "react/jsx-runtime";
-const Select = props => {
-  const {
-    classes,
-    data,
-    onSelectTemplate
-  } = props;
-  return /*#__PURE__*/_jsx(Box, {
-    className: "template-card-action",
-    component: "div",
-    sx: classes.templateCardBtnGrp,
-    style: {
-      padding: 0,
-      background: "transparent"
-    },
-    children: /*#__PURE__*/_jsx(Button, {
-      className: "blueBtn",
-      onClick: onSelectTemplate(data),
-      children: "Select"
-    })
-  });
-};
 const ButtonTemplateCard = props => {
   const {
     classes,

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

@@ -1,26 +1,22 @@
 import React from "react";
-import { Box, Button, Card, CardMedia, Grid } from "@mui/material";
+import { Box, Card, CardMedia, Grid } from "@mui/material";
+
+// const Select = (props) => {
+//     const { classes, data, onSelectTemplate } = props;
+//     return (
+//         <Box
+//             className="template-card-action"
+//             component={"div"}
+//             sx={classes.templateCardBtnGrp}
+//             style={{background: "transparent"}}
+//         >
+//             <Button className="blueBtn" onClick={onSelectTemplate(data)}>
+//                 Select
+//             </Button>
+//         </Box>
+//     );
+// };
 import { jsx as _jsx } from "react/jsx-runtime";
-const Select = props => {
-  const {
-    classes,
-    data,
-    onSelectTemplate
-  } = props;
-  return /*#__PURE__*/_jsx(Box, {
-    className: "template-card-action",
-    component: "div",
-    sx: classes.templateCardBtnGrp,
-    style: {
-      background: "transparent"
-    },
-    children: /*#__PURE__*/_jsx(Button, {
-      className: "blueBtn",
-      onClick: onSelectTemplate(data),
-      children: "Select"
-    })
-  });
-};
 const FullViewCard = props => {
   const {
     classes,

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

@@ -50,9 +50,6 @@ const FontLoader = props => {
     }
     loadNextBatch();
   };
-  const sanitizeFontFamily = fontFamily => {
-    return fontFamily.replace(/\\/g, '').replace(/['"]/g, '');
-  };
   useEffect(() => {
     let families = [...defaultFonts];
     if (!readOnly) {
@@ -70,13 +67,24 @@ const FontLoader = props => {
         console.log(err);
       });
     } else {
+      function correctFontArray(fontString) {
+        let fontsArray = fontString.split(',');
+        let cleanedFontsArray = [...new Set(fontsArray.map(font => font.trim()))];
+        return cleanedFontsArray;
+      }
+      function sanitizeFontFamily(fontFamily) {
+        const correctedFonts = correctFontArray(fontFamily);
+        return correctedFonts.join(', ');
+      }
       const elements = Array.from(document?.querySelectorAll("*"));
       const fontSet = new Set();
       elements.forEach(element => {
         const computedStyles = window?.getComputedStyle(element);
         fontSet.add(sanitizeFontFamily(computedStyles?.fontFamily));
       });
-      families = Array.from(fontSet);
+      let families = Array.from(fontSet);
+      families = correctFontArray(families.join(', '));
+      families = families.map(font => font.replace(/\"/g, ''));
       loadFontsInBatches(families);
     }
   }, []);

package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js

@@ -1,5 +1,4 @@
 import React from "react";
-import { Node } from "slate";
 import { Dialog, DialogContent, DialogTitle, IconButton } from "@mui/material";
 import SaveAsTemplate from "../../../StyleBuilder/fieldTypes/saveAsTemplate";
 import { CloseIcon } from "../../../iconslist";

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

@@ -151,7 +151,7 @@ const RnD = props => {
       // to prevent auto scroll to top
       // when no editor.selection
       if (!editor.selection) {
-        Transforms.select(editor, Editor.end(editor, []));
+        // Transforms.select(editor, Editor.end(editor, []));
       }
       switch (e.detail) {
         case 1:
@@ -416,7 +416,9 @@ const RnD = props => {
     }
   };
   const onMouseOver = e => {
-    e.stopPropagation();
+    if (type !== "child") {
+      e.stopPropagation();
+    }
     if (type !== "child") {
       updateDragging({
         dragOver: str_path
@@ -546,7 +548,7 @@ const RnD = props => {
       contextMenu: contextMenu,
       handleClose: handleClose,
       theme: theme
-    }), type === "parent" && breakpoint === "lg" ? /*#__PURE__*/_jsx(VirtualElement, {
+    }), type === "parent" && breakpoint === "lg" && !readOnly ? /*#__PURE__*/_jsx(VirtualElement, {
       parentEle: positionRef?.current?.resizableElement?.current,
       updated_at: updated_at,
       path: str_path,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "4.3.2",
+  "version": "4.3.4",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"