@flozy/editor 1.6.5 → 1.6.7

package/dist/Editor/CommonEditor.js

@@ -4,7 +4,6 @@ import { createEditor, Transforms } from "slate";
 import { Slate, Editable, ReactEditor } from "slate-react";
 import { DndContext, DragOverlay } from "@dnd-kit/core";
 import { useDebounce } from "use-debounce";
-// import Toolbar from "./Toolbar/Toolbar";
 import { getMarked, getBlock } from "./utils/SlateUtilityFunctions";
 import CodeToText from "./Elements/CodeToText/CodeToText";
 import { draftToSlate } from "./utils/draftToSlate";
@@ -21,12 +20,12 @@ import PopupTool from "./Toolbar/PopupTool";
 import "./font.css";
 import "./Editor.css";
 import { Box } from "@mui/material";
-import { KeyboardDoubleArrowDown, KeyboardDoubleArrowLeft, KeyboardDoubleArrowRight, KeyboardDoubleArrowUp } from "@mui/icons-material";
 import Shorthands from "./common/Shorthands";
 import MiniToolbar from "./Toolbar/Mini/MiniToolbar";
 import { EditorProvider } from "./hooks/useMouseMove";
 import TopBanner from "./Elements/TopBanner/TopBanner";
 import editorStyles from "./Styles/EditorStyles";
+import "animate.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const PREVIEW_IMAGE_HIDE_CLASS = ["grid-container-toolbar", "grid-item-toolbar", "element-toolbar"];
@@ -361,65 +360,13 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     backgroundSize: "40px 40px",
     backgroundPosition: "-19px -19px"
   } : {};
-  const handleToolbarSwitch = () => {
-    if (ref) {
-      ref?.current?.toggleToolbarShow();
-    } else {
-      setToolbarShow(!toolbarShow);
-    }
-  };
-  const getToolbarShowOpenIcon = type => {
-    switch (toolbarOptions?.toolbarPosition) {
-      case "top-left":
-        if (type === "open") {
-          return /*#__PURE__*/_jsx(KeyboardDoubleArrowRight, {});
-        }
-        return /*#__PURE__*/_jsx(KeyboardDoubleArrowLeft, {});
-      case "top-right":
-        if (type === "open") {
-          return /*#__PURE__*/_jsx(KeyboardDoubleArrowLeft, {});
-        }
-        return /*#__PURE__*/_jsx(KeyboardDoubleArrowRight, {});
-      case "left-top":
-        if (type === "open") {
-          return /*#__PURE__*/_jsx(KeyboardDoubleArrowDown, {});
-        }
-        return /*#__PURE__*/_jsx(KeyboardDoubleArrowUp, {});
-      case "left-bottom":
-        if (type === "open") {
-          return /*#__PURE__*/_jsx(KeyboardDoubleArrowUp, {});
-        }
-        return /*#__PURE__*/_jsx(KeyboardDoubleArrowDown, {});
-      case "right-top":
-        if (type === "open") {
-          return /*#__PURE__*/_jsx(KeyboardDoubleArrowDown, {});
-        }
-        return /*#__PURE__*/_jsx(KeyboardDoubleArrowUp, {});
-      case "right-bottom":
-        if (type === "open") {
-          return /*#__PURE__*/_jsx(KeyboardDoubleArrowUp, {});
-        }
-        return /*#__PURE__*/_jsx(KeyboardDoubleArrowDown, {});
-      case "bottom-left":
-        if (type === "open") {
-          return /*#__PURE__*/_jsx(KeyboardDoubleArrowRight, {});
-        }
-        return /*#__PURE__*/_jsx(KeyboardDoubleArrowLeft, {});
-      case "bottom-right":
-        if (type === "open") {
-          return /*#__PURE__*/_jsx(KeyboardDoubleArrowLeft, {});
-        }
-        return /*#__PURE__*/_jsx(KeyboardDoubleArrowRight, {});
-      default:
-        if (type === "open") {
-          return /*#__PURE__*/_jsx(KeyboardDoubleArrowRight, {});
-        }
-        return /*#__PURE__*/_jsx(KeyboardDoubleArrowLeft, {});
-    }
+  const hasTopBanner = () => {
+    const tb = editor.children[0];
+    return tb?.type === "topbanner" ? tb : null;
   };
   const renderTopBanner = () => {
-    const tb = editor.children[0];
-    return tb?.type === "topbanner" ? /*#__PURE__*/_jsx(TopBanner, {
+    const tb = hasTopBanner();
+    return tb ? /*#__PURE__*/_jsx(TopBanner, {
       element: tb,
       editor: editor,
       customProps: customProps
@@ -446,51 +393,59 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
             onDragStart: handleDragStart,
             onDragEnd: handleDragEnd,
             children: [/*#__PURE__*/_jsx(Overlay, {
-              children: /*#__PURE__*/_jsxs(Box, {
+              children: /*#__PURE__*/_jsx(Box, {
+                className: `${hasTopBanner() ? "has-topbanner" : ""}`,
                 sx: classes.slateWrapper,
                 id: "slate-wrapper-scroll-container",
-                children: [renderTopBanner(), /*#__PURE__*/_jsx("div", {
-                  className: "scroll-area",
-                  children: /*#__PURE__*/_jsxs("div", {
-                    ref: editorWrapper,
-                    className: `editor-wrapper ${pageWidth === "fixed" ? "fixed" : "full"}`,
+                children: /*#__PURE__*/_jsxs(Box, {
+                  component: "div",
+                  className: "max-content",
+                  children: [renderTopBanner(), /*#__PURE__*/_jsx("div", {
+                    className: "scroll-area",
                     style: {
-                      backgroundColor: pageColor || "#FFF",
-                      paddingLeft: `${bannerSpacing?.left || 12}px`,
-                      paddingRight: `${bannerSpacing?.right || 12}px`,
-                      paddingTop: `${bannerSpacing?.top}px`,
-                      paddingBottom: `${bannerSpacing?.bottom}px`,
-                      width: !pageWidth || pageWidth === "fixed" ? fixedWidth : fullWidth,
-                      // width: viewport.w ? `${viewport.w}px` : "100%",
-                      height: viewport.h ? `${viewport.h}px` : `100%`,
-                      alignSelf: "center",
-                      transformOrigin: "left top",
-                      transition: "all 0.3s",
-                      minHeight: "87%"
+                      backgroundColor: pageColor || "#FFF"
                     },
-                    children: [/*#__PURE__*/_jsx(PopupTool, {
-                      onDrawerOpen: onDrawerOpen
-                    }), /*#__PURE__*/_jsx(Editable, {
-                      className: "innert-editor-textbox",
-                      readOnly: isReadOnly,
-                      renderElement: renderElement,
-                      renderLeaf: renderLeaf,
-                      onKeyDown: onKeyDown
-                    }), /*#__PURE__*/_jsx(MentionsPopup, {
-                      ref: mentionsRef,
-                      mentions: mentions,
-                      setMentions: setMentions,
-                      editor: editor,
-                      target: target,
-                      index: index,
-                      chars: chars,
-                      type: type
-                    })]
-                  })
-                }), /*#__PURE__*/_jsx(MiniToolbar, {
-                  customProps: customProps,
-                  toolbarOptions: toolbarOptions
-                })]
+                    children: /*#__PURE__*/_jsxs("div", {
+                      ref: editorWrapper,
+                      className: `editor-wrapper ${pageWidth === "fixed" ? "fixed" : "full"}`,
+                      style: {
+                        backgroundColor: "transparent",
+                        paddingLeft: `${bannerSpacing?.left || 12}px`,
+                        paddingRight: `${bannerSpacing?.right || 12}px`,
+                        paddingTop: `${bannerSpacing?.top}px`,
+                        paddingBottom: `${bannerSpacing?.bottom}px`,
+                        width: !pageWidth || pageWidth === "fixed" ? fixedWidth : fullWidth,
+                        // width: viewport.w ? `${viewport.w}px` : "100%",
+                        height: viewport.h ? `${viewport.h}px` : `100%`,
+                        alignSelf: "center",
+                        transformOrigin: "left top",
+                        transition: "all 0.3s",
+                        minHeight: "87%"
+                      },
+                      children: [/*#__PURE__*/_jsx(PopupTool, {
+                        onDrawerOpen: onDrawerOpen
+                      }), /*#__PURE__*/_jsx(Editable, {
+                        className: "innert-editor-textbox",
+                        readOnly: isReadOnly,
+                        renderElement: renderElement,
+                        renderLeaf: renderLeaf,
+                        onKeyDown: onKeyDown
+                      }), /*#__PURE__*/_jsx(MentionsPopup, {
+                        ref: mentionsRef,
+                        mentions: mentions,
+                        setMentions: setMentions,
+                        editor: editor,
+                        target: target,
+                        index: index,
+                        chars: chars,
+                        type: type
+                      })]
+                    })
+                  }), !readOnly ? /*#__PURE__*/_jsx(MiniToolbar, {
+                    customProps: customProps,
+                    toolbarOptions: toolbarOptions
+                  }) : null]
+                })
               })
             }), /*#__PURE__*/_jsx(DragOverlay, {
               className: "drag-overlay",

package/dist/Editor/DialogWrapper.js

@@ -34,6 +34,9 @@ const DialogWrapper = props => {
         })
       })
     }), /*#__PURE__*/_jsx(DialogContent, {
+      style: {
+        padding: "0px"
+      },
       children: children
     }), /*#__PURE__*/_jsx(DialogActions, {
       style: {

package/dist/Editor/Editor.css

@@ -176,14 +176,14 @@ blockquote {
 
 .accordion-title {
   position: relative;
-  background-color: #FFF;
+  background-color: transparent;
   display: flex;
   align-items: center;
 }
 
 .accordion-content {
   padding-left: 13px;
-  background-color: #FFF;
+  background-color: transparent;
   border-left: 1px solid #ccc;
   margin-left: 14px;
 }
@@ -473,10 +473,6 @@ blockquote {
     width: 100% !important;
   }
 
-  .grid-item > div {
-    text-align: center;
-  }
-
   .page-builder .editor-wrapper {
     max-width: 100% !important;
     margin-top: 0px !important;
@@ -484,7 +480,7 @@ blockquote {
   }
 
   .embed {
-    justify-content: center;
+    justify-content: center; 
   }
 
   .embed img {

package/dist/Editor/Elements/AppHeader/AppHeader.js

@@ -74,7 +74,8 @@ function AppHeader(props) {
       contentEditable: false,
       style: {
         top: "0px",
-        right: "0px"
+        right: "0px",
+        zIndex: 1000
       },
       children: [/*#__PURE__*/_jsx(Tooltip, {
         title: "App Header Settings",
@@ -204,11 +205,14 @@ function AppHeader(props) {
             paddingLeft: `${left}px`,
             paddingRight: `${right}px`,
             paddingTop: `${top}px`,
-            paddingBottom: `${bottom}px`
+            paddingBottom: `${bottom}px`,
+            zIndex: 999
           },
           children: /*#__PURE__*/_jsxs(Toolbar, {
             style: {
-              flexDirection: isLogoRight ? "row-reverse" : "row"
+              flexDirection: isLogoRight ? "row-reverse" : "row",
+              paddingLeft: "0px",
+              paddingRight: "0px"
             },
             children: [/*#__PURE__*/_jsx(IconButton, {
               color: "inherit",
@@ -322,6 +326,9 @@ function AppHeader(props) {
         }), /*#__PURE__*/_jsx(ToolBar, {})]
       }), /*#__PURE__*/_jsx("div", {
         contentEditable: false,
+        style: {
+          display: "none"
+        },
         children: children
       })]
     }), openSetttings ? /*#__PURE__*/_jsx(AppHeaderPopup, {

package/dist/Editor/Elements/AppHeader/AppHeaderButton.js

@@ -1,22 +1,25 @@
 import React from "react";
-import { IconButton, Tooltip } from "@mui/material";
 import { insertAppHeader } from "../../utils/insertAppHeader";
-import { AppHeader } from "../../common/iconslist";
+import ToolbarIcon from "../../common/ToolbarIcon";
+import Icon from "../../common/Icon";
+import insertNewLine from "../../utils/insertNewLine";
 import { jsx as _jsx } from "react/jsx-runtime";
 const AppHeaderButton = props => {
   const {
-    editor
+    editor,
+    icoBtnType
   } = props;
   const handleClick = () => {
     insertAppHeader(editor, {});
+    insertNewLine(editor);
   };
-  return /*#__PURE__*/_jsx(Tooltip, {
+  return /*#__PURE__*/_jsx(ToolbarIcon, {
     title: "App Header",
-    arrow: true,
-    children: /*#__PURE__*/_jsx(IconButton, {
-      onClick: handleClick,
-      children: /*#__PURE__*/_jsx(AppHeader, {})
-    })
+    onClick: handleClick,
+    icon: /*#__PURE__*/_jsx(Icon, {
+      icon: "appHeader"
+    }),
+    icoBtnType: icoBtnType
   });
 };
 export default AppHeaderButton;

package/dist/Editor/Elements/Carousel/Carousel.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { Transforms, Editor } from "slate";
-import { ReactEditor, useSelected, useSlateStatic } from "slate-react";
+import { ReactEditor, useSlateStatic } from "slate-react";
 import Slider from "react-slick";
 import "./slick-theme.min.css";
 import "./slick.min.css";

package/dist/Editor/Elements/Color Picker/ColorButtons.js

@@ -46,25 +46,41 @@ const SingleColorButton = ({
 export const AllColors = props => {
   const {
     classes,
+    open,
+    anchorEl,
+    onClose,
     onSelect,
     activeColor
   } = props;
   const all = ColorChunks([]);
-  return /*#__PURE__*/_jsx(Box, {
-    component: "div",
-    sx: classes.allColor,
+  return /*#__PURE__*/_jsx(Popover, {
+    open: open,
+    anchorEl: anchorEl,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "center"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "center"
+    },
+    onClose: onClose,
     children: /*#__PURE__*/_jsx(Box, {
-      sx: classes.allColorInner,
+      component: "div",
+      sx: classes.allColor,
       children: /*#__PURE__*/_jsx(Box, {
-        className: "buttonsWrpr",
-        children: all.map((m, i) => {
-          return /*#__PURE__*/_jsx(SingleColorButton, {
-            crs: m,
-            index: i,
-            handleSelect: onSelect,
-            classes: classes,
-            activeColor: activeColor
-          }, `si_btn_row1_${m}_${i}`);
+        sx: classes.allColorInner,
+        children: /*#__PURE__*/_jsx(Box, {
+          className: "buttonsWrpr",
+          children: all.map((m, i) => {
+            return /*#__PURE__*/_jsx(SingleColorButton, {
+              crs: m,
+              index: i,
+              handleSelect: onSelect,
+              classes: classes,
+              activeColor: activeColor
+            }, `si_btn_row1_${m}_${i}`);
+          })
         })
       })
     })

package/dist/Editor/Elements/Color Picker/Styles.js

@@ -16,8 +16,8 @@ const ColorPickerStyles = () => ({
       "&:before": {
         content: '" "',
         position: "absolute",
-        top: "-5px",
-        left: "-5px",
+        top: "-2px",
+        left: "-2px",
         width: "calc(100% + 4px)",
         height: "calc(100% + 4px)",
         border: "3px solid blue",
@@ -29,12 +29,12 @@ const ColorPickerStyles = () => ({
     width: "100%",
     padding: "4px",
     display: "flex",
-    justifyCotnent: "center",
+    justifyContent: "center",
     alignItems: "center",
     flexDirection: "column",
     "& .buttonsWrpr": {
       display: "flex",
-      justifyCotnent: "center",
+      justifyContent: "center",
       alignItems: "center"
     },
     ".more-btn-cbs": {

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

@@ -5,11 +5,13 @@ import { IconButton, Tooltip, Grid, Menu, MenuItem, CircularProgress } from "@mu
 import DeleteIcon from "@mui/icons-material/Delete";
 import BackupIcon from "@mui/icons-material/Backup";
 import { GridSettingsIcon, GridAddSectionIcon } from "../../common/iconslist";
+import SendTimeExtensionIcon from '@mui/icons-material/SendTimeExtension';
 import FormPopup from "./FormPopup";
 import ButtonPopup from "../Button/ButtonPopup";
 import { formField } from "../../utils/formfield";
 import { formSubmit } from "../../service/formSubmit";
 import formButtonStyle from "../../common/StyleBuilder/formButtonStyle";
+import Workflow from "./Workflow";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const Form = props => {
@@ -57,6 +59,7 @@ const Form = props => {
   const editor = useSlateStatic();
   const formEle = useRef();
   const [openSetttings, setOpenSettings] = useState(false);
+  const [openWorkflow, setOpenWorkflow] = useState(false);
   const [editButton, setEditButton] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const [loading, setLoading] = useState(false);
@@ -88,6 +91,7 @@ const Form = props => {
         response,
         form_data: {
           email: element?.email,
+          form_workflow: element?.workflow,
           save_response: element?.saveResponse
         }
       };
@@ -132,6 +136,12 @@ const Form = props => {
       });
     }
   };
+  const onWorkflow = () => {
+    setOpenWorkflow(true);
+  };
+  const closeWorkflow = () => {
+    setOpenWorkflow(false);
+  };
   const onSaveButtonSettings = data => {
     onSave({
       buttonProps: {
@@ -208,6 +218,13 @@ const Form = props => {
           className: "mr",
           children: /*#__PURE__*/_jsx(DeleteIcon, {})
         })
+      }), /*#__PURE__*/_jsx(Tooltip, {
+        title: "Workflow",
+        arrow: true,
+        children: /*#__PURE__*/_jsx(IconButton, {
+          onClick: onWorkflow,
+          children: /*#__PURE__*/_jsx(SendTimeExtensionIcon, {})
+        })
       })]
     });
   };
@@ -314,7 +331,12 @@ const Form = props => {
       onSave: onSave,
       onClose: onClose,
       customProps: customProps
-    }) : null, !readOnly ? /*#__PURE__*/_jsxs(Menu, {
+    }) : null, /*#__PURE__*/_jsx(Workflow, {
+      openWorkflow: openWorkflow,
+      element: element,
+      closeWorkflow: closeWorkflow,
+      onSave: onSave
+    }), !readOnly ? /*#__PURE__*/_jsxs(Menu, {
       className: "editor-btn-options",
       open: anchorEl !== null,
       anchorEl: anchorEl,

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

@@ -0,0 +1,178 @@
+import React from "react";
+import { Grid, Radio, RadioGroup, Typography, FormControlLabel, Select, MenuItem, FormControl, TextField } from "@mui/material";
+import FormStyles from "./Styles";
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import UserInputs from "./UserInputs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const FormWorkflow = props => {
+  const {
+    schedule,
+    element,
+    setSchedule,
+    scheduleEvery,
+    setScheduleEvery,
+    currentInstant,
+    scheduleOn,
+    setScheduleOn,
+    subject,
+    setSubject,
+    bodyData,
+    setBodyData,
+    handleSelectedVariables,
+    handleInputReset
+  } = props;
+  const classes = FormStyles();
+  const handleBodyField = event => {
+    setBodyData(event.target.value);
+  };
+  const handleScheduleInstant = event => {
+    setScheduleEvery(event.target.value);
+  };
+  const onHandleChange = event => {
+    setScheduleOn(event.target.value);
+  };
+  const onSubjectChange = event => {
+    setSubject(event.target.value);
+  };
+  return /*#__PURE__*/_jsxs(Grid, {
+    container: true,
+    children: [/*#__PURE__*/_jsxs(Grid, {
+      item: true,
+      xs: 12,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        sx: classes.subHeadings,
+        children: "Set Timings *"
+      }), /*#__PURE__*/_jsx(Typography, {
+        sx: classes.infoText,
+        children: "Invitees will receive reminder emails at specified times before scheduled events"
+      })]
+    }), /*#__PURE__*/_jsx(Grid, {
+      item: true,
+      children: /*#__PURE__*/_jsxs(Grid, {
+        container: true,
+        direction: "row",
+        alignItems: "flex-end",
+        children: [/*#__PURE__*/_jsx(Grid, {
+          item: true,
+          sx: classes.radioBtn,
+          children: /*#__PURE__*/_jsxs(RadioGroup, {
+            name: "set timing",
+            value: schedule,
+            defaultValue: 1,
+            children: [/*#__PURE__*/_jsx(FormControlLabel, {
+              value: 'immediately',
+              label: "Immediately",
+              onChange: () => {
+                setSchedule('immediately');
+              },
+              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,
+          children: /*#__PURE__*/_jsxs(Grid, {
+            container: true,
+            gap: 2,
+            children: [/*#__PURE__*/_jsx(Grid, {
+              item: true,
+              children: /*#__PURE__*/_jsx(FormControl, {
+                fullWidth: true,
+                size: "small",
+                children: /*#__PURE__*/_jsx(Select, {
+                  value: scheduleOn,
+                  onChange: onHandleChange,
+                  sx: classes.select,
+                  IconComponent: KeyboardArrowDownIcon,
+                  children: currentInstant.map((ele, index) => /*#__PURE__*/_jsx(MenuItem, {
+                    sx: classes.selectList,
+                    value: ele,
+                    children: ele
+                  }, `${ele}_${index}`))
+                })
+              })
+            }), /*#__PURE__*/_jsx(Grid, {
+              item: true,
+              children: /*#__PURE__*/_jsx(FormControl, {
+                fullWidth: true,
+                size: "small",
+                children: /*#__PURE__*/_jsxs(Select, {
+                  value: scheduleEvery,
+                  onChange: handleScheduleInstant,
+                  sx: classes.select,
+                  IconComponent: KeyboardArrowDownIcon,
+                  style: {
+                    minWidth: '160px'
+                  },
+                  children: [/*#__PURE__*/_jsx(MenuItem, {
+                    sx: classes.selectList,
+                    value: 'min',
+                    children: "Minutes"
+                  }), /*#__PURE__*/_jsx(MenuItem, {
+                    sx: classes.selectList,
+                    value: 'hr',
+                    children: "Hours"
+                  }), /*#__PURE__*/_jsx(MenuItem, {
+                    sx: classes.selectList,
+                    value: 'day',
+                    children: "Day"
+                  })]
+                })
+              })
+            })]
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(Grid, {
+      item: true,
+      xs: 12,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        sx: classes.formHeadings,
+        children: "Subject *"
+      }), /*#__PURE__*/_jsx(TextField, {
+        multiline: true,
+        margin: "none",
+        value: subject,
+        onChange: onSubjectChange,
+        fullWidth: true,
+        maxRows: 5,
+        sx: {
+          "& fieldset": {
+            border: '1px solid #6F6F6F33',
+            borderRadius: "8px"
+          },
+          "& textarea": {
+            fontSize: '16px',
+            fontWeight: 500
+          }
+        }
+      })]
+    }), /*#__PURE__*/_jsxs(Grid, {
+      item: true,
+      xs: 12,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        sx: classes.formHeadings,
+        children: "Body *"
+      }), /*#__PURE__*/_jsx(UserInputs, {
+        element: element,
+        type: 2,
+        subject: bodyData,
+        handleField: handleBodyField,
+        handleSelectedVariables: handleSelectedVariables,
+        handleInputReset: handleInputReset
+      })]
+    })]
+  });
+};
+export default FormWorkflow;