@flozy/editor 3.3.4 → 3.3.6

package/dist/Editor/CommonEditor.js

@@ -69,6 +69,8 @@ const Leaf = ({
 const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     id,
+    site_id,
+    page_title,
     content,
     onSave,
     editor: collaborativeEditor,
@@ -96,6 +98,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   });
   const [isScrolling, setIsScrolling] = useState(false);
   const [isTextSelected, setIsTextSelected] = useState(false);
+  const [openInfiniti, setOpenInfiniti] = useState(false);
   const [size] = useWindowResize();
   const {
     needDotsBG,
@@ -275,6 +278,8 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     ...(otherProps || {}),
     readOnly: isReadOnly,
     page_id: id,
+    site_id: site_id,
+    page_title: page_title,
     onDrawerOpen: onDrawerOpen
   };
   const renderElement = useCallback(props => {
@@ -381,6 +386,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/_jsx(EditorProvider, {
     theme: theme,
     editor: editor,
+    setOpenInfiniti: setOpenInfiniti,
     children: /*#__PURE__*/_jsx(DialogWrapper, {
       classes: classes,
       ...props,
@@ -402,13 +408,18 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
               children: [/*#__PURE__*/_jsx(Box, {
                 className: `${hasTopBanner() ? "has-topbanner" : ""} ${!pageColor ? "no-color" : ""} ${isScrolling ? "" : "hideScroll"} scrollable-content scrollSmooth`,
                 sx: classes.slateWrapper,
-                id: "slate-wrapper-scroll-container",
-                style: editorWrapperStyle,
+                id: "slate-wrapper-scroll-container"
+                // style={editorWrapperStyle}
+                ,
                 ref: editorWrapper,
                 onClick: e => {
                   handleInsertLastElement(e, editor);
                 },
                 onScroll: handleScroll,
+                style: {
+                  ...editorWrapperStyle,
+                  overflowY: openInfiniti ? "hidden" : "auto"
+                },
                 children: /*#__PURE__*/_jsxs(Box, {
                   component: "div",
                   className: "max-content",

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

@@ -11,7 +11,7 @@ const Styles = theme => ({
     padding: "0px 12px",
     minHeight: "36px",
     position: "relative",
-    background: theme?.palette?.editor?.background,
+    background: "#FCFAFF",
     borderRadius: "7px",
     "& .icon-container": {
       display: "flex",
@@ -82,8 +82,9 @@ const Styles = theme => ({
   },
   generatedText: {
     margin: "8px",
-    maxHeight: "80px",
-    overflow: "auto"
+    maxHeight: "100px",
+    overflow: "auto",
+    fontSize: "inherit"
   },
   customSelectWrapper: {
     width: "fit-content",

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

@@ -26,6 +26,7 @@ const Form = props => {
     readOnly,
     site_id,
     page_id,
+    page_title,
     onFormSubmit
   } = customProps;
   const {
@@ -80,7 +81,7 @@ const Form = props => {
     if ((readOnly || test) && formEle && formEle?.current) {
       const formData = new FormData(formEle?.current);
       setLoading(true);
-      let response = {};
+      const response = [];
       let user_email = "";
       let meta_data = [];
       const validations = [];
@@ -123,18 +124,23 @@ const Form = props => {
             rules: rule?.length > 0 && rule
           });
         }
-        response = {
-          ...response,
-          [pair[0]]: pair[1]
-        };
+        // response = {
+        //   ...response,
+        //   [pair[0]]: pair[1],
+        // };
+        const placeholder = fieldData?.name === pair[0] ? fieldData?.placeholder : "";
+        response?.push({
+          [pair[0]]: pair[1],
+          placeholder: placeholder,
+          from_name: formName,
+          page_title: page_title
+        });
       }
       let params = {
         page_id: page_id,
         site_id: site_id,
         form_id: `${formName}`,
-        response: {
-          ...response
-        },
+        response: response,
         form_data: {
           user_email: user_email,
           email: element?.email,

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

@@ -17,11 +17,11 @@ const VariableStyles = () => ({
     textTransform: "none",
     border: "1px solid #D8DDE1",
     height: "36px",
-    paddingLeft: '8px',
-    paddingRight: '18px',
+    paddingLeft: "8px",
+    paddingRight: "18px",
     "& svg": {
-      width: '20px',
-      height: '20px',
+      width: "20px",
+      height: "20px",
       "& path": {
         stroke: "#64748B"
       }
@@ -29,8 +29,16 @@ const VariableStyles = () => ({
     "&:hover": {
       border: "1px solid #64748B"
     },
-    '& .MuiSelect-select.MuiInputBase-input.MuiOutlinedInput-input': {
-      paddingRight: '5px'
+    "& .MuiSelect-select.MuiInputBase-input.MuiOutlinedInput-input": {
+      paddingRight: "5px"
+    }
+  },
+  variableMenuItem: {
+    "& .MuiMenuItem-root": {
+      color: "#64748B"
+    },
+    "& .Mui-selected": {
+      backgroundColor: "rgba(0, 0, 0, 0.04) !important"
     }
   }
 });

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

@@ -21,10 +21,13 @@ const VariableButton = props => {
     labelId: "variable-selection",
     id: "variable-selection-mini",
     displayEmpty: true,
-    value: '',
+    value: "",
     sx: classes.variableBtn,
     onChange: updateVariable,
     IconComponent: () => /*#__PURE__*/_jsx(KeyboardArrowDownIcon, {}),
+    MenuProps: {
+      sx: classes.variableMenuItem
+    },
     children: [/*#__PURE__*/_jsx(MenuItem, {
       value: "",
       children: "Variables"

package/dist/Editor/Styles/EditorStyles.js

@@ -251,6 +251,10 @@ const editorStyles = ({
       "&::-webkit-scrollbar-thumb:hover": {
         background: "none !important"
       }
+    },
+    "& ::selection": {
+      color: "black",
+      background: "#EAEBFE"
     }
   },
   fullScreenWrapper: {

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

@@ -47,7 +47,8 @@ const ElementListCard = props => {
             component: "div",
             variant: "h6",
             style: {
-              fontSize: "14px"
+              fontSize: "14px",
+              fontWeight: "normal"
             },
             children: name
           }), /*#__PURE__*/_jsx(Typography, {

package/dist/Editor/common/Shorthands/elements.js

@@ -226,7 +226,7 @@ const ELEMENTS_LIST = [{
   }
 }, {
   name: "Ask AI to write anything",
-  group: "Infinity AI",
+  group: "INFINITY AI",
   desc: "",
   type: "infinityAI",
   icon: /*#__PURE__*/_jsx(Icon, {

package/dist/Editor/hooks/useMouseMove.js

@@ -19,7 +19,8 @@ export const useEditorSelection = editor => {
 export const EditorProvider = ({
   editor,
   theme,
-  children
+  children,
+  setOpenInfiniti
 }) => {
   const [event] = useMouseMove();
   const [previous, setPrevious] = useState("");
@@ -54,7 +55,10 @@ export const EditorProvider = ({
       popupType,
       setPopupType,
       openAI,
-      setOpenAI
+      setOpenAI: value => {
+        setOpenAI(value);
+        setOpenInfiniti(!!value);
+      }
     },
     children: children
   });

package/package.json

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