@flozy/editor 3.5.2 → 3.5.4

package/README.md

@@ -1,4 +1,4 @@
-# editor
+# editorr
 A brain document editor
 
 # Node version

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

@@ -1,7 +1,7 @@
-import React, { useState, useRef } from "react";
+import React, { useState, useRef, useEffect } from "react";
 import { Transforms } from "slate";
 import { useSlateStatic, ReactEditor } from "slate-react";
-import { IconButton, Tooltip, Grid, Menu, MenuItem, CircularProgress, Box } from "@mui/material";
+import { IconButton, Tooltip, Grid, Menu, MenuItem, CircularProgress, Box, Typography } from "@mui/material";
 import DeleteIcon from "@mui/icons-material/Delete";
 import BackupIcon from "@mui/icons-material/Backup";
 import { GridSettingsIcon, GridAddSectionIcon, WorkflowIcon } from "../../common/iconslist";
@@ -60,7 +60,12 @@ const Form = props => {
   const [anchorEl, setAnchorEl] = useState(null);
   const [loading, setLoading] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
+  const [submittedSuccessfully, setSubmittedSuccessfully] = useState(false);
+  const [formHeight, setFormHeight] = useState();
   const path = ReactEditor.findPath(editor, element);
+  useEffect(() => {
+    setFormHeight(formEle?.current?.clientHeight);
+  }, []);
   const btnBorderStyle = buttonProps?.borderColor?.indexOf("linear") >= 0 ? {
     borderImageSource: buttonProps?.borderColor,
     borderImageSlice: 1
@@ -158,8 +163,10 @@ const Form = props => {
         alert(isValidForm[0]);
       } else {
         const formRes = await formSubmit(params, customProps);
-        if (formRes) {
+        if (formRes?.hasOwnProperty('form_id')) {
           onFormSubmit(formRes);
+          setSubmittedSuccessfully(true);
+          setAnchorEl(null);
         }
       }
       setLoading(false);
@@ -306,7 +313,7 @@ const Form = props => {
     },
     onMouseOver: onMouseOver,
     onMouseLeave: onMouseLeave,
-    children: [/*#__PURE__*/_jsxs(Box, {
+    children: [!submittedSuccessfully ? /*#__PURE__*/_jsxs(Box, {
       component: "form",
       id: `${formName}`,
       onSubmit: handleSubmit,
@@ -401,6 +408,27 @@ const Form = props => {
           }
         })
       })]
+    }) : /*#__PURE__*/_jsx(Typography, {
+      sx: {
+        color: textColor || "#A2A9B4",
+        borderColor: borderColor || "transparent",
+        borderWidth: borderWidth || "1px",
+        borderRadius: {
+          ...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
+        },
+        borderStyle: borderStyle || "solid",
+        background: bgColor || "transparent",
+        padding: {
+          ...getTRBLBreakPoints(bannerSpacing)
+        },
+        minHeight: `${formHeight}px`,
+        display: 'flex',
+        alignItems: "center",
+        justifyContent: "center",
+        textAlign: "center",
+        position: 'relative'
+      },
+      children: "Form Submitted Successfully...!"
     }), openSetttings ? /*#__PURE__*/_jsx(FormPopup, {
       element: element,
       onSave: onSave,

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

@@ -15,7 +15,7 @@ const SimpleTextStyle = ({
       bottom: 0,
       margin: "auto",
       pointerEvents: "none",
-      height: "18px",
+      height: "24px",
       overflow: "hidden",
       fontSize: "14px",
       "& .bg-pad-sl": {

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

@@ -103,22 +103,26 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
     }, 0);
   };
   const handleInsertMention = (char, e) => {
-    if (!char.renderComponent) {
-      Transforms.select(editor, target);
-      if (char.type === "infinityAI") {
-        setOpenAI("fromElements");
+    try {
+      if (!char.renderComponent) {
+        Transforms.select(editor, target);
+        if (char.type === "infinityAI") {
+          setOpenAI("fromElements");
+        }
+        insertMention(editor, char, type);
+        setMentions({
+          ...mentions,
+          target: null
+        });
+      } else if (buttonRef && buttonRef?.current) {
+        if (e) {
+          e.preventDefault();
+        }
+        // trigger click of the ToolbarIcon button
+        buttonRef?.current?.triggerClick(target);
       }
-      insertMention(editor, char, type);
-      setMentions({
-        ...mentions,
-        target: null
-      });
-    } else if (buttonRef && buttonRef?.current) {
-      if (e) {
-        e.preventDefault();
-      }
-      // trigger click of the ToolbarIcon button
-      buttonRef?.current?.triggerClick(target);
+    } catch (err) {
+      console.log(err);
     }
   };
   return target && chars.length > 0 ? /*#__PURE__*/_jsx(Popper, {

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

@@ -133,6 +133,7 @@ const SaveAsTemplate = props => {
       children: /*#__PURE__*/_jsx(TextField, {
         fullWidth: true,
         name: "category",
+        placeholder: "Category",
         value: template?.category,
         onChange: onChange,
         size: "small"

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

@@ -129,31 +129,32 @@ const formStyle = [{
     key: "backgroundImage",
     type: "backgroundImage"
   }]
-}, {
-  tab: "Add to Boards",
-  value: "metadatamapping",
-  fields: [{
-    label: "Add response to contacts board",
-    key: "metadatamapping",
-    type: "metadatamapping",
-    compType: "card",
-    content: "By default, form responses are added as separate cards on the default contact board.",
-    value: "mappingToContactBoard",
-    infoIcon: /*#__PURE__*/_jsx(Icon, {
-      icon: "info"
-    })
-  }, {
-    label: "Create a separate board",
-    key: "metadatamapping",
-    type: "metadatamapping",
-    compType: "card",
-    content: "By default, form responses are added as separate cards on a new board (Contact Us).",
-    value: "mappingToSeparateBoard",
-    infoIcon: /*#__PURE__*/_jsx(Icon, {
-      icon: "info"
-    })
-  }]
-}, {
+},
+// {
+//   tab: "Add to Boards",
+//   value: "metadatamapping",
+//   fields: [
+//     {
+//       label: "Add response to contacts board",
+//       key: "metadatamapping",
+//       type: "metadatamapping",
+//       compType: "card",
+//       content: "By default, form responses are added as separate cards on the default contact board.",
+//       value: "mappingToContactBoard",
+//       infoIcon: <Icon icon="info" />
+//     },
+//     {
+//       label: "Create a separate board",
+//       key: "metadatamapping",
+//       type: "metadatamapping",
+//       compType: "card",
+//       content: "By default, form responses are added as separate cards on a new board (Contact Us).",
+//       value: "mappingToSeparateBoard",
+//       infoIcon: <Icon icon="info" />
+//     },
+//   ],
+// },
+{
   tab: "Save As Template",
   value: "saveAsTemplate",
   needActions: false,

package/dist/Editor/common/iconslist.js

@@ -1536,19 +1536,17 @@ export const UploadImage = () => /*#__PURE__*/_jsx("svg", {
   })
 });
 export const WorkflowIcon = () => {
-  return /*#__PURE__*/_jsxs("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "#000000",
     width: "800px",
     height: "800px",
     viewBox: "0 0 32 32",
     version: "1.1",
-    children: [/*#__PURE__*/_jsx("title", {
-      children: "lightning-bolt"
-    }), /*#__PURE__*/_jsx("path", {
+    children: /*#__PURE__*/_jsx("path", {
       d: "M23.5 13.187h-7.5v-12.187l-7.5 17.813h7.5v12.187l7.5-17.813z",
       fill: "#f3b814"
-    })]
+    })
   });
 };
 export const LeftArrow = () => /*#__PURE__*/_jsx("svg", {

package/dist/Editor/utils/embed.js

@@ -1,11 +1,15 @@
 import { Transforms } from "slate";
 import insertNewLine from "./insertNewLine";
 export const insertDefaultEmbed = (editor, type, defaultURL = "") => {
-  const url = defaultURL ? defaultURL : type === "image" ? "" : "";
-  insertEmbed(editor, {
-    url,
-    images: []
-  }, type);
+  try {
+    const url = defaultURL ? defaultURL : type === "image" ? "" : "";
+    insertEmbed(editor, {
+      url,
+      images: []
+    }, type);
+  } catch (err) {
+    console.log(err);
+  }
 };
 export const createEmbedNode = (type, {
   url,

package/package.json

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