@flozy/editor 11.0.2 → 11.0.4

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

@@ -109,7 +109,7 @@ const Form = props => {
     if ((readOnly || test) && formEle && formEle?.current) {
       const formData = new FormData(formEle?.current);
       setLoading(true);
-      const response = [];
+      let response = [];
       let user_email = "";
       let meta_data = [];
       const validations = [];
@@ -153,15 +153,21 @@ const Form = props => {
             rules: rule?.length > 0 && rule
           });
         }
-        const placeholder = fieldData?.name === pair[0] ? fieldData?.placeholder : "";
-        response?.push({
-          fieldKey: pair[0],
-          [pair[0]]: pair[1],
-          placeholder: placeholder,
-          form_name: formName,
-          tagName: tagName,
-          uid: fieldData?.uid
-        });
+        const formDataEntries = [...formData.entries()];
+        const childFields = element?.children?.filter(el => el?.type === "form-field");
+        response = [];
+        for (let i = 0; i < formDataEntries.length; i++) {
+          const [key, value] = formDataEntries[i];
+          const fieldData = childFields[i];
+          response.push({
+            fieldKey: key,
+            [key]: value,
+            placeholder: fieldData?.placeholder || "",
+            form_name: formName,
+            tagName: tagName,
+            uid: fieldData?.uid || formName
+          });
+        }
       }
       let params = {
         page_id: page_id,

package/dist/Editor/Elements/Signature/SignaturePopup.js

@@ -311,8 +311,8 @@ const SignaturePopup = props => {
                   xs: 12,
                   children: /*#__PURE__*/_jsx(TextField, {
                     fullWidth: true,
-                    id: "signedBy",
-                    name: "signedBy",
+                    id: "name",
+                    name: "name",
                     placeholder: translation("Enter Name"),
                     value: signedData.signedBy || ""
                     // defaultValue={defaultName || ""}
@@ -320,7 +320,10 @@ const SignaturePopup = props => {
                     size: "small",
                     onChange: onChange,
                     sx: classes.signaturePopUpNameField,
-                    autoComplete: "signedBy"
+                    autoComplete: "name",
+                    inputProps: {
+                      autoComplete: "name"
+                    }
                   })
                 })]
               }), /*#__PURE__*/_jsxs(Grid, {
@@ -440,8 +443,9 @@ const SignaturePopup = props => {
                   item: true,
                   children: /*#__PURE__*/_jsx(TextField, {
                     fullWidth: true,
-                    id: "signedByEmail",
-                    name: "signedByEmail",
+                    id: "email",
+                    name: "email",
+                    type: "email",
                     placeholder: translation("Enter Email"),
                     size: "small",
                     onChange: onChange,
@@ -449,7 +453,10 @@ const SignaturePopup = props => {
                     value: signedData.signedByEmail || ""
                     // defaultValue={defaultEmail || ""}
                     ,
-                    autoComplete: "signedByEmail"
+                    autoComplete: "email",
+                    inputProps: {
+                      autoComplete: "email"
+                    }
                   })
                 })]
               })]

package/dist/Editor/Styles/EditorStyles.js

@@ -14,6 +14,9 @@ const editorStyles = ({
       "*": {
         boxSizing: "border-box"
       },
+      "& .blockQuoteComp": {
+        backgroundColor: `${theme?.palette?.editor?.colorBoxBg} !important`
+      },
       "&.iframe-editor": {
         "& .mini-tool-wrpr-ei": {
           display: "none"

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

@@ -35,6 +35,7 @@ const Text = props => {
   return /*#__PURE__*/_jsxs(Grid, {
     item: true,
     xs: width || 12,
+    className: "text-field-wrapper",
     children: [/*#__PURE__*/_jsx(Typography, {
       variant: "body1",
       color: "primary",

package/dist/Editor/commonStyle.js

@@ -59,6 +59,12 @@ const useCommonStyle = theme => ({
         marginBottom: "7px",
         marginTop: "4px"
       },
+      "& .MuiPaper-root": {
+        border: "unset !important",
+        borderRadius: "0px",
+        height: "fit-content",
+        padding: "2px"
+      },
       "& .muiIconsListParent": {
         "& svg": {
           color: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`
@@ -573,7 +579,24 @@ const useCommonStyle = theme => ({
   },
   pageSettingPopUpRoot: {
     padding: "16px 8px 16px 10px!important",
-    height: "100%"
+    height: "100%",
+    "& .text-field-wrapper": {
+      "& input:-webkit-autofill": {
+        WebkitBackgroundClip: "text !important",
+        WebkitBoxShadow: "0 0 0 1000px transparent inset !important",
+        WebkitTextFillColor: `${theme?.palette?.editor?.deletePopUpButtonTextColor} !important`,
+        transition: "background-color 600000s 0s, color 600000s 0s !important"
+      },
+      "& .MuiFilledInput-root": {
+        backgroundColor: "rgba(255, 255, 255, 0.5)",
+        "&:hover": {
+          backgroundColor: "rgba(255, 255, 255, 0.7)"
+        },
+        "&.Mui-focused": {
+          backgroundColor: "rgba(255, 255, 255, 0.9)"
+        }
+      }
+    }
   },
   buttonMoreIcon: {
     position: "absolute",
@@ -719,6 +742,13 @@ const useCommonStyle = theme => ({
           stroke: theme?.palette?.editor?.closeButtonSvgStroke
         }
       }
+    },
+    "& .element-toolbar": {
+      "& button": {
+        borderRadius: "50%",
+        background: theme?.palette?.editor?.signatureFontBtnBg,
+        border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`
+      }
     }
   }
 });

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -505,6 +505,7 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx("blockquote", {
         ...attributes,
         ...element.attr,
+        className: "blockQuoteComp",
         style: {
           // borderColor: element?.color || "transparent",
           ...getBorderColor(element?.color || "transparent", 3),

package/dist/Editor/utils/accordion.js

@@ -1,5 +1,5 @@
 import { Editor, Element, Path, Transforms } from "slate";
-import { ALLOWED_TEXT_NODES, getNode, getNodeText, getNodeWithType } from "./helper";
+import { ALLOWED_TEXT_NODES, getNode, getNodeText, getNodeWithType, getSelectedText } from "./helper";
 import { removeAccordion } from "./events";
 import { ReactEditor } from "slate-react";
 const focusAccordion = (editor, upPath) => {

package/dist/Editor/utils/formfield.js

@@ -13,8 +13,8 @@ export const formField = data => {
       text: ""
     }],
     field_type: "text",
-    bgColor: data?.bgColor ? data?.bgColor : "rgba(255, 255, 255, 1)",
-    borderColor: data?.borderColor ? data?.borderColor : "#ccc",
+    bgColor: data?.bgColor ? data?.bgColor : "",
+    borderColor: data?.borderColor ? data?.borderColor : "",
     bannerSpacing: {
       left: 16,
       right: 16,

package/package.json

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