@flozy/editor 3.5.4 → 3.5.5

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

@@ -13,6 +13,7 @@ import formButtonStyle from "../../common/StyleBuilder/formButtonStyle";
 import Workflow from "./Workflow";
 import { getTRBLBreakPoints, getBreakPointsValue } from "../../helper/theme";
 import { validation } from "./FormElements/validations";
+import Icon from "../../common/Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const Form = props => {
@@ -256,6 +257,9 @@ const Form = props => {
   const onMouseOver = () => {
     setShowOptions(true);
   };
+  const handleCloseMessage = () => {
+    setSubmittedSuccessfully(false);
+  };
   const onMouseLeave = () => {
     setShowOptions(false);
   };
@@ -408,27 +412,47 @@ 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',
+    }) : /*#__PURE__*/_jsx(Grid, {
+      item: true,
+      children: /*#__PURE__*/_jsxs(Grid, {
+        container: true,
         alignItems: "center",
         justifyContent: "center",
-        textAlign: "center",
-        position: 'relative'
-      },
-      children: "Form Submitted Successfully...!"
+        spacing: 2,
+        children: [/*#__PURE__*/_jsx(Grid, {
+          item: true,
+          children: /*#__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...!"
+          })
+        }), /*#__PURE__*/_jsx(Grid, {
+          item: true,
+          children: /*#__PURE__*/_jsx(IconButton, {
+            onClick: handleCloseMessage,
+            children: /*#__PURE__*/_jsx(Icon, {
+              icon: "closeIcon"
+            })
+          })
+        })]
+      })
     }), openSetttings ? /*#__PURE__*/_jsx(FormPopup, {
       element: element,
       onSave: onSave,

package/package.json

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