@flozy/editor 10.0.1 → 10.0.3

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

@@ -16,8 +16,7 @@ const SaveAsTemplate = props => {
     elementProps,
     handleClose,
     saveText = "Save As Template",
-    closeText = "",
-    translation
+    closeText = ""
   } = props;
   const {
     onSaveTemplate
@@ -94,7 +93,7 @@ const SaveAsTemplate = props => {
         name: "title",
         value: template?.title,
         onChange: onChange,
-        placeholder: translation("Template Title"),
+        placeholder: "Template Title",
         fullWidth: true,
         size: "small"
       })
@@ -115,7 +114,7 @@ const SaveAsTemplate = props => {
             sx: {
               fontSize: "14px"
             },
-            children: translation("Element")
+            children: "Element"
           })
         }), /*#__PURE__*/_jsx(MenuItem, {
           value: "Section",
@@ -125,7 +124,7 @@ const SaveAsTemplate = props => {
             sx: {
               fontSize: "14px"
             },
-            children: translation("Section")
+            children: "Section"
           })
         }), /*#__PURE__*/_jsx(MenuItem, {
           value: "Template",
@@ -135,7 +134,7 @@ const SaveAsTemplate = props => {
             sx: {
               fontSize: "14px"
             },
-            children: translation("Template")
+            children: "Template"
           })
         })]
       })
@@ -145,7 +144,7 @@ const SaveAsTemplate = props => {
       children: /*#__PURE__*/_jsx(TextField, {
         fullWidth: true,
         name: "category",
-        placeholder: translation("Category"),
+        placeholder: "Category",
         value: template?.category,
         onChange: onChange,
         size: "small"
@@ -167,7 +166,7 @@ const SaveAsTemplate = props => {
         sx: {
           ...classes.gradientFillBtn
         },
-        children: [translation("Upload file"), /*#__PURE__*/_jsx("input", {
+        children: ["Upload file", /*#__PURE__*/_jsx("input", {
           type: "file",
           style: {
             opacity: 0,
@@ -185,10 +184,10 @@ const SaveAsTemplate = props => {
         }), " ", /*#__PURE__*/_jsx(Typography, {
           variant: "body1",
           color: "primary",
-          children: translation("Remove")
+          children: "Remove"
         })]
       })]
-    }), uploading ? translation("Uploading...") : "", /*#__PURE__*/_jsx(Grid, {
+    }), uploading ? "Uploading..." : "", /*#__PURE__*/_jsx(Grid, {
       item: true,
       xs: 12,
       style: {
@@ -217,7 +216,7 @@ const SaveAsTemplate = props => {
         }
         // variant="contained"
         ,
-        children: translation(saveText)
+        children: saveText
       }), closeText ? /*#__PURE__*/_jsx(Button, {
         className: "closebtn",
         onClick: handleSave,
@@ -225,7 +224,7 @@ const SaveAsTemplate = props => {
           fontWeight: 700
         },
         variant: "contained",
-        children: translation(closeText)
+        children: closeText
       }) : null]
     })]
   });

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

@@ -10,12 +10,8 @@ const SelectBox = props => {
     value,
     data,
     onChange,
-    elementProps,
-    customProps
+    elementProps
   } = props;
-  const {
-    translation
-  } = customProps;
   const {
     key,
     placeholder
@@ -63,7 +59,7 @@ const SelectBox = props => {
           className: "unCheckedIcon"
         })
       }),
-      label: translation(placeholder)
+      label: placeholder
     }), /*#__PURE__*/_jsx(FormHelperText, {
       children: data?.helperText
     })]

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

@@ -6,12 +6,8 @@ const Text = props => {
   const {
     value: pro_value,
     data,
-    onChange,
-    customProps
+    onChange
   } = props;
-  const {
-    translation
-  } = customProps;
   const {
     key,
     placeholder,
@@ -43,10 +39,10 @@ const Text = props => {
         fontWeight: "500",
         marginBottom: "8px"
       },
-      children: translation(data?.label)
+      children: data?.label
     }), /*#__PURE__*/_jsx(TextField, {
       name: key,
-      placeholder: placeholder && translation(placeholder) || "",
+      placeholder: placeholder || "",
       type: "text",
       value: value,
       onChange: handleChange,
@@ -54,7 +50,7 @@ const Text = props => {
       fullWidth: true,
       required: required,
       error: error,
-      helperText: error ? translation("This field is required") : '',
+      helperText: error ? 'This field is required' : '',
       sx: {
         '& .MuiFormHelperText-root': {
           color: '#d32f2f !important'

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

@@ -7,12 +7,8 @@ const TextAlign = props => {
   const {
     value,
     data,
-    onChange,
-    customProps
+    onChange
   } = props;
-  const {
-    translation
-  } = customProps;
   const {
     key,
     label
@@ -35,7 +31,7 @@ const TextAlign = props => {
             fontWeight: 500,
             fontSize: "14px"
           },
-          children: translation(label) || translation("Text Alignment")
+          children: label || "Text Alignment"
         })
       }), /*#__PURE__*/_jsxs(RadioGroup, {
         row: true,

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

@@ -1,13 +1,13 @@
-import React, { useMemo } from "react";
+import React from "react";
 import { FormControl, Grid, ListItemIcon, ListSubheader, MenuItem, Select, Typography } from "@mui/material";
-import { getBreakPointsValue, getElementStyle } from "../../../helper/theme";
+import { getBreakPointsValue } from "../../../helper/theme";
 import useWindowResize from "../../../hooks/useWindowResize";
 import { useEditorContext } from "../../../hooks/useMouseMove";
 import FontFamilyAutocomplete from "../../../Toolbar/FormatTools/FontFamilyAutocomplete";
 import { useSlate } from "slate-react";
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
 
-// hideMetaDataOptions -- pass true to hide metadata option in select field
+// hideMetaDataOptions -- pass true to hide metadata option in select field 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -21,8 +21,7 @@ const TextOptions = props => {
     customProps
   } = props;
   const {
-    metaMappings,
-    translation
+    metaMappings
   } = customProps;
   const {
     key,
@@ -31,22 +30,14 @@ const TextOptions = props => {
     renderOption,
     width,
     webFont = false,
-    hideMetaDataOptions = false,
-    themeEnabled
+    hideMetaDataOptions = false
   } = data;
   const {
     fontFamilies
   } = useEditorContext();
-  const [size] = useWindowResize();
   const editor = useSlate();
-  const value = useMemo(() => {
-    const userValue = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
-    if (themeEnabled) {
-      // editor takes a little amount of time to update the new style in element, in that case userValue will be returned
-      return getElementStyle(editor, elementProps, key) || userValue;
-    }
-    return userValue;
-  }, [editor, isBreakpoint, val, size?.device]);
+  const [size] = useWindowResize();
+  const value = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
   const metaDataMappingOptions = metaMappings?.boards || [];
   const updatedOption = !hideMetaDataOptions && elementProps?.metadatamapping ? [...options, ...metaDataMappingOptions] : webFont ? fontFamilies?.options : options;
   const handleChange = (e, d) => {
@@ -80,7 +71,7 @@ const TextOptions = props => {
           fontWeight: "500",
           marginBottom: "4px"
         },
-        children: translation(data?.label)
+        children: data?.label
       }), /*#__PURE__*/_jsx(FormControl, {
         sx: {
           "& .MuiSelect-select": {
@@ -93,7 +84,7 @@ const TextOptions = props => {
         children: !webFont ? /*#__PURE__*/_jsx(Select, {
           onChange: handleChange,
           value: value || updatedOption[0]?.value,
-          placeholder: translation(data?.label),
+          placeholder: data?.label,
           fullWidth: true,
           size: "small",
           style: {
@@ -108,7 +99,7 @@ const TextOptions = props => {
           },
           children: updatedOption?.map((m, i) => {
             return m?.value === "listSubHeader" ? /*#__PURE__*/_jsx(ListSubheader, {
-              children: translation(m?.label || m?.text)
+              children: m?.label
             }, `subHeader_${i}`) : /*#__PURE__*/_jsxs(MenuItem, {
               value: m?.value,
               item: m?.metaDataKey,
@@ -118,14 +109,14 @@ const TextOptions = props => {
                   minWidth: "25px"
                 },
                 children: m?.icon
-              }), renderOption ? renderOption(m, elementProps, translation) : translation(m?.label || m?.text)]
+              }), renderOption ? renderOption(m, elementProps) : m.label || m.text]
             }, `${key}_${i}`);
           })
         }) : /*#__PURE__*/_jsx(FontFamilyAutocomplete, {
           editor: editor,
           format: key,
           options: fontFamilies.options,
-          width: "100%",
+          width: '100%',
           onChange: onChange,
           val: value,
           webFont: true

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

@@ -16,7 +16,7 @@ export const formStyle = [{
       label: "Send Form to Email",
       key: "email",
       type: "text",
-      placeholder: "emailResponsePlaceHolder"
+      placeholder: "Enter Email to send the response..."
     }, {
       label: "Save Response",
       key: "saveResponse",
@@ -93,9 +93,9 @@ export const formStyle = [{
         text: "Dashed",
         value: "dashed"
       }],
-      renderOption: (option, elementProps, translation) => {
+      renderOption: option => {
         return /*#__PURE__*/_jsx("span", {
-          children: translation(option.text)
+          children: option.text
         });
       }
     }]
@@ -204,12 +204,12 @@ export const formStyle = [{
       width: 5,
       options: fontWeightOptions,
       hideMetaDataOptions: true,
-      renderOption: (option, elementProps, translation) => {
+      renderOption: option => {
         return /*#__PURE__*/_jsx("span", {
           style: {
             fontWeight: option.value
           },
-          children: translation(option.text)
+          children: option.text
         });
       }
     }]
@@ -277,9 +277,9 @@ export const formStyle = [{
         text: "Dashed",
         value: "dashed"
       }],
-      renderOption: (option, elementProps, translation) => {
+      renderOption: option => {
         return /*#__PURE__*/_jsx("span", {
-          children: translation(option.text)
+          children: option.text
         });
       }
     }]

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

@@ -66,9 +66,9 @@ const gridItemStyle = [{
       text: "Dashed",
       value: "dashed"
     }],
-    renderOption: (option, elementProps, translation) => {
+    renderOption: option => {
       return /*#__PURE__*/_jsx("span", {
-        children: translation(option.text)
+        children: option.text
       });
     }
   }]
@@ -96,9 +96,9 @@ const gridItemStyle = [{
       text: "Full",
       value: "100%"
     }],
-    renderOption: (option, elementProps, translation) => {
+    renderOption: option => {
       return /*#__PURE__*/_jsx("span", {
-        children: translation(option.text)
+        children: option.text
       });
     }
   }]
@@ -122,9 +122,9 @@ const gridItemStyle = [{
       text: "Bounce In Left",
       value: "animate__animated animate__bounceInLeft"
     }],
-    renderOption: (option, elementProps, translation) => {
+    renderOption: option => {
       return /*#__PURE__*/_jsx("span", {
-        children: translation(option.text)
+        children: option.text
       });
     }
   }]

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

@@ -6,7 +6,7 @@ const gridStyle = [{
     label: "Section Name",
     key: "id",
     type: "text",
-    placeholder: "sectionNamePlaceHolder"
+    placeholder: "Id should be unique for the page..."
   }]
 }, {
   tab: "Colors",
@@ -85,9 +85,9 @@ const gridStyle = [{
       text: "Dashed",
       value: "dashed"
     }],
-    renderOption: (option, elementProps, translation) => {
+    renderOption: option => {
       return /*#__PURE__*/_jsx("span", {
-        children: translation(option.text)
+        children: option.text
       });
     }
   }]
@@ -113,9 +113,9 @@ const gridStyle = [{
       text: "No Wrap",
       value: "nowrap"
     }],
-    renderOption: (option, elementProps, translation) => {
+    renderOption: option => {
       return /*#__PURE__*/_jsx("span", {
-        children: translation(option.text)
+        children: option.text
       });
     }
   }]

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

@@ -21,8 +21,7 @@ export const StyleContent = props => {
   } = props;
   const element = customElement ? customElement : propsElement;
   const {
-    hideTools,
-    translation
+    hideTools
   } = customProps || {};
   const {
     theme
@@ -48,8 +47,7 @@ export const StyleContent = props => {
         elementProps: element,
         customProps: customProps,
         handleClose: handleClose,
-        classes: classes,
-        translation: translation
+        classes: classes
       }, `ei_stt_tab_${value}_${m.key}_${i}`) : null;
     })
   }, value);
@@ -79,8 +77,7 @@ const StyleBuilder = props => {
     needActions: true
   };
   const {
-    hideTools,
-    translation
+    hideTools
   } = customProps || {};
   const muiTheme = createTheme({
     components: {
@@ -245,12 +242,12 @@ const StyleBuilder = props => {
           onClick: onDelete,
           color: "error",
           className: "deleteBtn",
-          children: translation("Delete")
+          children: "Delete"
         }) : null, /*#__PURE__*/_jsx(Button, {
           onClick: handleSave,
           disabled: saveDisable,
           className: "primaryBtn",
-          children: translation("Save")
+          children: "Save"
         })]
       }) : null]
     });

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

@@ -25,11 +25,13 @@ const pageSettingsStyle = [{
     label: "Padding",
     key: "bannerSpacing",
     type: "bannerSpacing"
-  }, {
-    label: "Line Spacing",
-    key: "lineHeight",
-    type: "lineSpacing"
-  }]
+  }
+  // {
+  //   label: "Line Spacing",
+  //   key: "lineHeight",
+  //   type: "lineSpacing",
+  // },
+  ]
 }, {
   tab: "Max Width",
   value: "maxWidth",

package/dist/Editor/common/Uploader.js

@@ -4,7 +4,6 @@ import { convertBase64 } from "../utils/helper";
 import { uploadFile } from "../service/fileupload";
 import Icon from "./Icon";
 import UploadStyles from "../common/ImageSelector/UploadStyles";
-import { useEditorContext } from "../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -19,9 +18,6 @@ const Uploader = props => {
   const [base64, setBase64] = useState(value?.url);
   const [fileName, setFileName] = useState("");
   const [uploading, setUploading] = useState(false);
-  const {
-    theme
-  } = useEditorContext();
   const handleChange = async e => {
     const uFile = e.target.files[0];
     const strImage = await convertBase64(uFile);
@@ -41,9 +37,6 @@ const Uploader = props => {
       onUploaded(result?.imageURL[0]);
     }
   };
-  const {
-    translation
-  } = customProps;
   const onRemoveBG = () => {
     setBase64(null);
     onUploaded("none");
@@ -75,14 +68,14 @@ const Uploader = props => {
           }), /*#__PURE__*/_jsx(Grid, {
             className: "removeImageText",
             onClick: onRemoveBG,
-            children: translation("Remove")
+            children: "REMOVE"
           })]
         });
       default:
         return /*#__PURE__*/_jsx(Grid, {
           className: "removeImageText",
           onClick: onRemoveBG,
-          children: translation("Remove")
+          children: "REMOVE"
         });
     }
   };
@@ -90,7 +83,7 @@ const Uploader = props => {
     children: [/*#__PURE__*/_jsx(Grid, {
       item: true,
       xs: 12,
-      children: uploading ? translation("uploadingText") : ""
+      children: uploading ? "Uploading..." : ""
     }), /*#__PURE__*/_jsx(Grid, {
       container: true,
       sx: classes.uploadContainer,
@@ -106,10 +99,6 @@ const Uploader = props => {
           className: "uploadImageSection",
           children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
             className: "uploadImageText",
-            sx: {
-              background: `${theme?.palette?.editor?.inputFieldBgColor}`,
-              border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
-            },
             children: /*#__PURE__*/_jsxs(Button, {
               component: "label",
               variant: "text",
@@ -127,11 +116,11 @@ const Uploader = props => {
                 onChange: handleChange
               }), /*#__PURE__*/_jsx(Icon, {
                 icon: "fileUpload"
-              }), /*#__PURE__*/_jsx("span", {
+              }), /*#__PURE__*/_jsxs("span", {
                 style: {
                   paddingLeft: "8px"
                 },
-                children: `${translation("upload")} ${translation(title) || translation("image")}`
+                children: ["upload ", title || "image"]
               })]
             })
           })

package/dist/Editor/common/iconListV2.js

@@ -1236,37 +1236,27 @@ export function ToggleFullScreenIcon() {
 }
 export function CodeElementIcon() {
   return /*#__PURE__*/_jsxs("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
+    width: "12",
+    height: "9",
+    viewBox: "0 0 12 9",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     className: "commonSvgStyle",
     children: [/*#__PURE__*/_jsx("path", {
-      d: "M8 10L6 12L8 14",
+      d: "M6.83331 1L4.83331 8",
       stroke: "#64748B",
-      strokeWidth: "1.5",
       strokeMiterlimit: "10",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }), /*#__PURE__*/_jsx("path", {
-      d: "M16 10L18 12L16 14",
+      d: "M8.83331 2.32983L10.6666 4.32983L8.83331 6.32983",
       stroke: "#64748B",
-      strokeWidth: "1.5",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
-      stroke: "#64748B",
-      strokeWidth: "1.5",
       strokeMiterlimit: "10",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }), /*#__PURE__*/_jsx("path", {
-      d: "M13 9.66992L11 14.33",
+      d: "M2.83333 2.32983L1 4.32983L2.83333 6.32983",
       stroke: "#64748B",
-      strokeWidth: "1.5",
       strokeMiterlimit: "10",
       strokeLinecap: "round",
       strokeLinejoin: "round"
@@ -1441,89 +1431,4 @@ export function SectionDragIcon() {
       fill: "#94A3B8"
     })]
   });
-}
-export function PenIcon() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "17",
-    height: "17",
-    viewBox: "0 0 17 17",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "commonSvgStyle",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M9.74898 3.14435L3.93357 9.29977C3.71398 9.53352 3.50148 9.99393 3.45898 10.3127L3.1969 12.6077C3.10482 13.4364 3.69982 14.0031 4.52148 13.8614L6.80232 13.4719C7.12107 13.4152 7.56732 13.1814 7.7869 12.9406L13.6023 6.78518C14.6081 5.72268 15.0615 4.51143 13.4961 3.03102C11.9377 1.56477 10.7548 2.08185 9.74898 3.14435Z",
-      stroke: "#64748B",
-      strokeWidth: "1.2",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M8.77734 4.17188C9.08193 6.12688 10.6686 7.62146 12.6378 7.81979",
-      stroke: "#64748B",
-      strokeWidth: "1.2",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}
-export function SaveTemplIcon() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "18",
-    height: "18",
-    viewBox: "0 0 18 18",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "commonSvgStyle",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M9 1.5V6.75L10.5 5.25",
-      stroke: "#64748B",
-      strokeWidth: "1.2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9 6.75L7.5 5.25",
-      stroke: "#64748B",
-      strokeWidth: "1.2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M1.48438 9.75H4.79187C5.07687 9.75 5.33188 9.9075 5.45938 10.1625L6.33687 11.9175C6.59187 12.4275 7.10938 12.75 7.67938 12.75H10.3269C10.8969 12.75 11.4144 12.4275 11.6694 11.9175L12.5469 10.1625C12.6744 9.9075 12.9369 9.75 13.2144 9.75H16.4844",
-      stroke: "#64748B",
-      strokeWidth: "1.2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M5.25 3.09766C2.595 3.48766 1.5 5.04766 1.5 8.25016V11.2502C1.5 15.0002 3 16.5002 6.75 16.5002H11.25C15 16.5002 16.5 15.0002 16.5 11.2502V8.25016C16.5 5.04766 15.405 3.48766 12.75 3.09766",
-      stroke: "#64748B",
-      strokeWidth: "1.2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
-}
-export function UploadIconCloud() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "commonSvgStyle uploadIcon",
-    children: [/*#__PURE__*/_jsx("path", {
-      d: "M6.00065 14.6673H4.66732C2.00065 14.6673 1.33398 14.0007 1.33398 11.334V4.66732C1.33398 2.00065 2.00065 1.33398 4.66732 1.33398H5.66732C6.66732 1.33398 6.88733 1.62733 7.26733 2.13399L8.26733 3.46733C8.52067 3.80066 8.66732 4.00065 9.33398 4.00065H11.334C14.0007 4.00065 14.6673 4.66732 14.6673 7.33398V8.66732",
-      stroke: "#64748B",
-      strokeWidth: "1.2",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9.17305 12.2136C7.60638 12.3269 7.60638 14.5936 9.17305 14.7069H12.8797C13.3264 14.7069 13.7664 14.5402 14.093 14.2402C15.193 13.2802 14.6064 11.3602 13.1597 11.1802C12.6397 8.05358 8.11973 9.24024 9.18639 12.2202",
-      stroke: "#64748B",
-      strokeWidth: "1.2",
-      strokeMiterlimit: "10",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })]
-  });
 }