@flozy/editor 4.0.4 → 4.0.6

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

@@ -21,15 +21,11 @@ const scrollToAIInput = editor => {
       } else {
         selectionRect = ReactEditor.toDOMRange(editor, getNextLine(editor).at).getBoundingClientRect();
       }
-      const selectionScrollBottom = selectionRect.bottom;
-
-      // if the cursor or selection top position is greater than 80
-      if (selectionScrollBottom > 80) {
+      const wrapperTop = slateWrapper.getBoundingClientRect().top;
+      const cursorViewPortPosition = selectionRect.top - wrapperTop;
+      if (cursorViewPortPosition > 80) {
         // scroll to top of the slateWrapper
-        slateWrapper.scrollTo({
-          top: slateWrapper.scrollTop + selectionScrollBottom - 80,
-          behavior: "smooth"
-        });
+        slateWrapper.scrollBy(0, selectionRect.bottom - wrapperTop - 80);
       }
     }, 200);
   } catch (err) {
@@ -97,13 +93,17 @@ const getNextLine = editor => {
     return null;
   }
 };
-const updateAnchorEl = (setAnchorEl, editor) => {
+const updateAnchorEl = (setAnchorEl, editor, openAI) => {
   try {
     if (!editor.selection) {
       return;
     }
     const selection = window.getSelection();
-    if (selection.rangeCount && selection.anchorOffset !== selection.focusOffset) {
+    if (openAI === "fromToolBar" && selection.anchorOffset !== selection.focusOffset) {
+      // to fix some issue in Drag n Drop
+      return;
+    }
+    if (selection.rangeCount) {
       let caret;
       if (getSelectedText(editor)) {
         // selected text as caret
@@ -175,7 +175,7 @@ function PopoverAIInput({
   };
   const editorElement = document.querySelector(".ed-section-inner");
   useEffect(() => {
-    updateAnchorEl(setAnchorEl, editor);
+    updateAnchorEl(setAnchorEl, editor, openAI);
   }, [openAI, editor.selection]);
   useEffect(() => {
     if (openAI) {

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

@@ -62,13 +62,14 @@ const EditorButton = props => {
   } = actionTrigger || {
     options: []
   };
-  const isTrigger = linkType === "actionTrigger";
+  const isTrigger = linkType === "nextTrigger" || linkType === "prevTrigger";
   const refURl = isTrigger ? buttonLink?.url : url;
   const BtnIcon = buttonIcon ? buttonIcon : null;
   windowVar.lastButtonProps = element;
   const handleTrigger = async () => {
     if (metadata?.buttonLink?.handler) {
-      metadata.buttonLink.handler("click");
+      const response = isTrigger ? linkType : "click";
+      metadata.buttonLink.handler(response);
     } else if (redirectOnURLResult) {
       // call api and redirect based on api result
       const apiResult = await actionButtonRedirect({}, {

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

@@ -71,11 +71,11 @@ const FormWorkflow = props => {
         children: [/*#__PURE__*/_jsx(Grid, {
           item: true,
           sx: classes.radioBtn,
-          children: /*#__PURE__*/_jsx(RadioGroup, {
+          children: /*#__PURE__*/_jsxs(RadioGroup, {
             name: "set timing",
             value: schedule,
             defaultValue: 1,
-            children: /*#__PURE__*/_jsx(FormControlLabel, {
+            children: [/*#__PURE__*/_jsx(FormControlLabel, {
               value: "immediately",
               label: "Immediately",
               onChange: () => {
@@ -84,7 +84,16 @@ const FormWorkflow = props => {
               control: /*#__PURE__*/_jsx(Radio, {
                 size: "small"
               })
-            })
+            }), /*#__PURE__*/_jsx(FormControlLabel, {
+              value: "after",
+              label: "After",
+              onChange: () => {
+                setSchedule("after");
+              },
+              control: /*#__PURE__*/_jsx(Radio, {
+                size: "small"
+              })
+            })]
           })
         }), schedule === "after" && /*#__PURE__*/_jsx(Grid, {
           item: true,

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

@@ -5,7 +5,7 @@ const imageOptions = ["settings", "link", "saveAsTemplate", "close"];
 const boxOptions = ["settings", "link", "saveAsTemplate", "close"];
 const appHeaderOptions = ["settings", "saveAsTemplate", "close"];
 const sectionOptions = ["addElement", "settings", "moveUp", "moveDown", "saveAsTemplate", "more"];
-const formOptions = ["drag", "edit", "settings", "addFormField", "workFlow", "close"];
+const formOptions = ["drag", "edit", "settings", "addFormField", "workFlow", "saveAsTemplate", "close"];
 const itemOptions = {
   default: commonOptions,
   text: textOptions,

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

@@ -134,10 +134,13 @@ export const SelectPage = props => {
   });
 };
 export const Trigger = props => {
-  return /*#__PURE__*/_jsx(Typography, {
+  const {
+    nav
+  } = props;
+  return /*#__PURE__*/_jsxs(Typography, {
     variant: "subtitle1",
     gutterBottom: true,
-    children: "Choosing this will trigger the next step"
+    children: ["Choosing this will trigger the ", nav.type, " step"]
   });
 };
 const scrollToOptions = [{

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

@@ -18,7 +18,8 @@ const MAP_COMPONENT = {
   webAddress: TextInput,
   email: TextInput,
   phone: TextInput,
-  actionTrigger: Trigger,
+  nextTrigger: Trigger,
+  prevTrigger: Trigger,
   scrollTopOrBottom: ScrollTopBottom,
   page: SelectPage
 };

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

@@ -3,8 +3,13 @@ export const getNavOptions = (hideTools = []) => {
     label: "None",
     value: ""
   }, {
-    label: "Trigger",
-    value: "actionTrigger"
+    label: "Next Trigger",
+    value: "nextTrigger",
+    type: "next"
+  }, {
+    label: "Previous Trigger",
+    value: "prevTrigger",
+    type: "previous"
   }, {
     label: "Web Address",
     value: "webAddress",

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

@@ -59,7 +59,7 @@ const ButtonLink = props => {
           value: elementProps?.url
         })
       });
-    } else if (value?.linkType === "actionTrigger") {
+    } else if (value?.linkType === "prevTrigger" || value?.linkType === "nextTrigger") {
       return null;
     }
   };

package/dist/Editor/utils/helper.js

@@ -247,7 +247,8 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
         props.target = "_blank";
       }
       break;
-    case "actionTrigger":
+    case "nextTrigger":
+    case "prevTrigger":
       if (!readOnly) {
         props.component = "button";
         props.onClick = () => {};

package/package.json

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