@flozy/editor 5.3.5 → 5.3.6

package/dist/Editor/common/Section/styles.js

@@ -2,12 +2,8 @@ const SectionStyle = (themeReact, theme) => ({
   root: {
     "&:hover": {
       "& .dh-para": {
-        opacity: 1,
-        background: 'transparent',
-        width: '30px'
-        // top: '2px'
+        opacity: 1
       },
-
       "& .sectionIcon": {
         opacity: 1
       },

package/dist/Editor/common/Shorthands/elements.js

@@ -13,7 +13,6 @@ import { insertDivider } from "../../utils/divider";
 import { insertFreeGrid } from "../../utils/freegrid";
 import { Transforms } from "slate";
 import { insertInfinityAI } from "../../utils/infinityAI";
-import { insertDataView } from "../../utils/dataView";
 import SearchButton from "../../Elements/Search/SearchButton";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ELEMENTS_LIST = [{
@@ -159,7 +158,7 @@ const ELEMENTS_LIST = [{
   renderComponent: rest => /*#__PURE__*/_jsx(SearchButton, {
     ...rest,
     element: {
-      name: "Brain"
+      name: 'Brain'
     },
     icoBtnType: "cmd"
   })
@@ -263,17 +262,6 @@ const ELEMENTS_LIST = [{
   onInsert: editor => {
     insertInfinityAI(editor);
   }
-}, {
-  name: "Dynamic Table",
-  group: "Dynamic Table",
-  desc: "",
-  type: "dataView",
-  icon: /*#__PURE__*/_jsx(Icon, {
-    icon: "dataView"
-  }),
-  onInsert: editor => {
-    insertDataView(editor);
-  }
 }];
 const elements = props => {
   const {

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

@@ -6,8 +6,7 @@ const fieldStyle = [{
   fields: [{
     label: "Field Name",
     key: "name",
-    type: "text",
-    required: true
+    type: "text"
   }, {
     label: "Field Type",
     key: "element",

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

@@ -60,10 +60,9 @@ const BackgroundImage = props => {
         item: true,
         xs: 12,
         style: {
-          backgroundImage: base64 ? `url(${base64})` : "none"
-          // height: "200px",
+          backgroundImage: base64 ? `url(${base64})` : "none",
+          height: "200px"
         },
-
         sx: classes.uploadField,
         children: /*#__PURE__*/_jsx(Grid, {
           className: "uploadImageSection",
@@ -73,11 +72,6 @@ const BackgroundImage = props => {
             children: "REMOVE"
           }) : /*#__PURE__*/_jsx(Grid, {
             className: "uploadImageText",
-            sx: {
-              padding: 0,
-              background: `${theme?.palette?.editor?.inputFieldBgColor}`,
-              border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
-            },
             children: /*#__PURE__*/_jsxs(Button, {
               component: "label",
               variant: "text",
@@ -92,7 +86,7 @@ const BackgroundImage = props => {
                 style: {
                   paddingLeft: "8px"
                 },
-                children: "Upload a image"
+                children: "upload your image"
               })]
             })
           })

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

@@ -1,9 +1,8 @@
 import React, { useState } from "react";
-import { Checkbox, FormControlLabel, Grid, Slider, Typography, Box, IconButton } from "@mui/material";
+import { Checkbox, FormControlLabel, Grid, Slider, Typography, Box } from "@mui/material";
 import { squreStyle } from "./radiusStyle";
 import { getBreakPointsValue } from "../../../helper/theme";
 import useWindowResize from "../../../hooks/useWindowResize";
-import { CheckedBoxCheckIcon } from "../../iconListV2";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const BANNER_SPACING_KEYS = ["top", "left", "right", "bottom"];
@@ -82,18 +81,7 @@ const BannerSpacing = props => {
         onChange: handleChange
       }), /*#__PURE__*/_jsx(Box, {
         component: "input",
-        sx: {
-          ...classes.sapcingInput,
-          "::-webkit-outer-spin-button": {
-            WebkitAppearance: "none",
-            margin: 0
-          },
-          "::-webkit-inner-spin-button": {
-            WebkitAppearance: "none",
-            margin: 0
-          },
-          MozAppearance: "textfield"
-        },
+        sx: classes.sapcingInput,
         name: "top",
         value: !lockSpacing ? "" : pro_value?.top,
         className: "sliderInput",
@@ -104,22 +92,10 @@ const BannerSpacing = props => {
       })]
     }), /*#__PURE__*/_jsx(FormControlLabel, {
       className: "ccheckbox-primary",
-      sx: {
-        ...classes.customCheckBox
-      },
       control: /*#__PURE__*/_jsx(Checkbox, {
         value: !lockSpacing,
         checked: !lockSpacing,
-        onChange: onLockSpacing,
-        variant: "outlined",
-        className: "checkBox",
-        checkedIcon: /*#__PURE__*/_jsx(IconButton, {
-          className: "checkedIcon",
-          children: /*#__PURE__*/_jsx(CheckedBoxCheckIcon, {})
-        }),
-        icon: /*#__PURE__*/_jsx(IconButton, {
-          className: "unCheckedIcon"
-        })
+        onChange: onLockSpacing
       }),
       label: /*#__PURE__*/_jsx(Typography, {
         variant: "body1",

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

@@ -1,9 +1,8 @@
 import React from "react";
-import { Grid, Typography, Slider, FormControlLabel, Checkbox, Box, IconButton } from "@mui/material";
+import { Grid, Typography, Slider, FormControlLabel, Checkbox, Box } from "@mui/material";
 import { radiusStyle } from "./radiusStyle";
 import useWindowResize from "../../../hooks/useWindowResize";
 import { getBreakPointsValue, getCustomizationValue } from "../../../helper/theme";
-import { CheckedBoxCheckIcon } from "../../iconListV2";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const BORDER_RADIUS_KEYS = ["topLeft", "topRight", "bottomLeft", "bottomRight"];
@@ -91,22 +90,10 @@ const BorderRadius = props => {
       })]
     }), /*#__PURE__*/_jsx(FormControlLabel, {
       className: "ccheckbox-primary",
-      sx: {
-        ...classes.customCheckBox
-      },
       control: /*#__PURE__*/_jsx(Checkbox, {
         value: !lockRadius,
         checked: !lockRadius,
-        onChange: onLockRadius,
-        variant: "outlined",
-        className: "checkBox",
-        checkedIcon: /*#__PURE__*/_jsx(IconButton, {
-          className: "checkedIcon",
-          children: /*#__PURE__*/_jsx(CheckedBoxCheckIcon, {})
-        }),
-        icon: /*#__PURE__*/_jsx(IconButton, {
-          className: "unCheckedIcon"
-        })
+        onChange: onLockRadius
       }),
       label: /*#__PURE__*/_jsx(Typography, {
         variant: "body1",

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

@@ -1,7 +1,6 @@
 import { Box, Card, Checkbox, FormControlLabel, Grid, Tooltip, Typography } from "@mui/material";
 import React from "react";
 import Icon from "../../Icon";
-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";
@@ -16,10 +15,7 @@ const RenderCard = ({
   return /*#__PURE__*/_jsx(Card, {
     sx: {
       position: 'relative',
-      padding: "10px",
-      '& .MuiCheckbox-root svg': {
-        fill: 'unset !important'
-      }
+      padding: "10px"
     },
     children: /*#__PURE__*/_jsx(FormControlLabel, {
       control: /*#__PURE__*/_jsx(Checkbox, {
@@ -85,9 +81,6 @@ const CardsMapping = props => {
     selectedCard,
     infoIcon
   } = data;
-  const {
-    theme
-  } = useEditorContext();
   const activeCard = value === selectedCard;
   const handleChange = e => {
     if (selectedCard === data?.value) {
@@ -106,8 +99,7 @@ const CardsMapping = props => {
     sx: {
       marginBottom: "12px",
       "& .MuiPaper-root": {
-        background: theme?.palette?.editor?.miniToolBarBackground,
-        border: activeCard ? "1px solid #2563EB" : `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
+        border: activeCard ? "1px solid #2563EB" : "1px solid #C8D8FA",
         borderRadius: "8px",
         boxShadow: activeCard ? "0px 4px 16px 0px #2563EB40" : "unset"
       }

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

@@ -16,7 +16,6 @@ const Color = props => {
     hideGradient
   } = data;
   const [recentColors, setRecentColors] = useState({});
-  const getLable = label === 'Text' ? 'Select text color' : label === 'Background' ? 'Select background color' : label;
   useEffect(() => {
     const storedColors = JSON.parse(localStorage.getItem("recentColors"));
     if (storedColors) {
@@ -74,7 +73,7 @@ const Color = props => {
     }), /*#__PURE__*/_jsx(TextField, {
       fullWidth: true,
       value: value,
-      placeholder: getLable || `${label} color code`,
+      placeholder: `${label} color code`,
       InputLabelProps: {
         shrink: true
       },

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

@@ -73,7 +73,7 @@ const FontSize = props => {
         size: "small",
         inputProps: {
           style: {
-            // textAlign: "center", 
+            textAlign: "center",
             padding: "11px"
           }
         },

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

@@ -91,14 +91,12 @@ const Icons = props => {
         overflowY: "auto",
         paddingTop: "5px"
       },
-      className: "muiIconsListParent",
       children: list.map(m => {
         return /*#__PURE__*/_jsx(Tooltip, {
           title: m,
           arrow: true,
           children: /*#__PURE__*/_jsx(IconButton, {
             onClick: onSelectIcon(m),
-            className: "muiIconsList",
             children: /*#__PURE__*/_jsx(MUIIcon, {
               iconName: m,
               props: customProps

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

@@ -18,7 +18,6 @@ import FontSize from "./fontSize";
 import SelectSwitch from "./selectSwitch";
 import CardsMapping from "./card";
 import MetaDataMapping from "./metaDataMapping";
-import LineSpacing from "./lineSpacing";
 const FieldMap = {
   text: Text,
   bannerSpacing: BannerSpacing,
@@ -39,7 +38,6 @@ const FieldMap = {
   fontSize: FontSize,
   selectSwitch: SelectSwitch,
   card: CardsMapping,
-  metadatamapping: MetaDataMapping,
-  lineSpacing: LineSpacing
+  metadatamapping: MetaDataMapping
 };
 export default FieldMap;

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

@@ -53,7 +53,7 @@ export const radiusStyle = {
 export const squreStyle = {
   topLeft: {
     position: "absolute",
-    left: "-37px",
+    left: "-35px",
     top: "50%",
     transform: "translateY(-50%)",
     width: "30px",
@@ -71,7 +71,7 @@ export const squreStyle = {
     // top: "-28px",
     left: "50%",
     transform: "translateX(-50%)",
-    top: "-37px",
+    top: "-35px",
     width: "30px",
     height: "30px",
     // borderTop: `2px solid #2563eb`,
@@ -85,7 +85,7 @@ export const squreStyle = {
     // left: "-25px",
     top: "50%",
     transform: "translateY(-50%)",
-    right: "-37px",
+    right: "-35px",
     width: "30px",
     height: "30px",
     // borderBottom: `2px solid #2563eb`,
@@ -96,7 +96,7 @@ export const squreStyle = {
   },
   bottomRight: {
     position: "absolute",
-    bottom: "-37px",
+    bottom: "-35px",
     // right: "-25px",
     left: "50%",
     transform: "translateX(-50%)",

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

@@ -3,8 +3,6 @@ import { Grid, Button, Typography, Select, MenuItem, TextField } from "@mui/mate
 import CloudUploadIcon from "@mui/icons-material/CloudUpload";
 import { convertBase64 } from "../../../utils/helper";
 import { uploadFile } from "../../../service/fileupload";
-import { useEditorContext } from "../../../hooks/useMouseMove";
-import useCommonStyle from "../../../commonStyle";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -32,10 +30,6 @@ const SaveAsTemplate = props => {
   });
   const [base64, setBase64] = useState(value);
   const [uploading, setUploading] = useState(false);
-  const {
-    theme
-  } = useEditorContext();
-  const classes = useCommonStyle(theme);
   const handleChange = async e => {
     const file = e.target.files[0];
     const strImage = await convertBase64(file);
@@ -82,9 +76,6 @@ const SaveAsTemplate = props => {
     onSaveTemplate(formData, params);
     handleClose();
   };
-  if (!onSaveTemplate) {
-    return null;
-  }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Grid, {
       item: true,
@@ -158,14 +149,9 @@ const SaveAsTemplate = props => {
       justifyContent: "space-between",
       alignItems: "center",
       children: [/*#__PURE__*/_jsxs(Button, {
-        component: "label"
-        // variant="contained"
-        ,
-        className: "gradientFillBtn",
+        component: "label",
+        variant: "contained",
         startIcon: /*#__PURE__*/_jsx(CloudUploadIcon, {}),
-        sx: {
-          ...classes.gradientFillBtn
-        },
         children: ["Upload file", /*#__PURE__*/_jsx("input", {
           type: "file",
           style: {
@@ -208,14 +194,12 @@ const SaveAsTemplate = props => {
       },
       className: "action-btn-wrpr",
       children: [/*#__PURE__*/_jsx(Button, {
-        className: "savebtn gradientFillBtn",
+        className: "savebtn",
         onClick: handleSave,
         sx: {
-          fontWeight: 700,
-          ...classes.gradientFillBtn
-        }
-        // variant="contained"
-        ,
+          fontWeight: 700
+        },
+        variant: "contained",
         children: saveText
       }), closeText ? /*#__PURE__*/_jsx(Button, {
         className: "closebtn",

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

@@ -1,8 +1,5 @@
 import React, { useEffect, useState, useRef } from "react";
-import { Grid, Checkbox, FormControlLabel, FormHelperText, IconButton } from "@mui/material";
-import useCommonStyle from "../../../commonStyle";
-import { useEditorContext } from "../../../hooks/useMouseMove";
-import { CheckedBoxCheckIcon } from "../../iconListV2";
+import { Grid, Checkbox, FormControlLabel, FormHelperText } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const SelectBox = props => {
@@ -18,10 +15,6 @@ const SelectBox = props => {
   } = data;
   const [checkedValue, setCheckedValue] = useState(false);
   const isFirstRender = useRef(true);
-  const {
-    theme
-  } = useEditorContext();
-  const classes = useCommonStyle(theme);
   useEffect(() => {
     if (isFirstRender.current && elementProps.element === "email" && value === undefined) {
       setCheckedValue(true);
@@ -42,22 +35,10 @@ const SelectBox = props => {
       marginBottom: "12px"
     },
     children: [/*#__PURE__*/_jsx(FormControlLabel, {
-      className: "ccheckbox-primary",
-      sx: {
-        ...classes.customCheckBox
-      },
       control: /*#__PURE__*/_jsx(Checkbox, {
         value: value,
         checked: checkedValue,
-        onChange: handleChange,
-        className: "checkBox",
-        checkedIcon: /*#__PURE__*/_jsx(IconButton, {
-          className: "checkedIcon",
-          children: /*#__PURE__*/_jsx(CheckedBoxCheckIcon, {})
-        }),
-        icon: /*#__PURE__*/_jsx(IconButton, {
-          className: "unCheckedIcon"
-        })
+        onChange: handleChange
       }),
       label: placeholder
     }), /*#__PURE__*/_jsx(FormHelperText, {

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

@@ -11,21 +11,13 @@ const Text = props => {
   const {
     key,
     placeholder,
-    width,
-    required = false
+    width
   } = data;
   const [value, setValue] = useState(pro_value);
-  const [error, setError] = useState(false);
   const handleChange = e => {
-    const newValue = e.target.value;
-    setValue(newValue);
-    if (required && !newValue.trim()) {
-      setError(true);
-    } else {
-      setError(false);
-    }
+    setValue(e.target.value);
     onChange({
-      [key]: newValue
+      [key]: e.target.value
     });
   };
   return /*#__PURE__*/_jsxs(Grid, {
@@ -47,10 +39,7 @@ const Text = props => {
       value: value,
       onChange: handleChange,
       size: "small",
-      fullWidth: true,
-      required: required,
-      error: error,
-      helperText: error ? 'This field is required' : ''
+      fullWidth: true
     })]
   });
 };

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

@@ -5,7 +5,6 @@ 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 
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -91,12 +90,6 @@ const TextOptions = props => {
             marginBottom: "16px"
           },
           sx: classes.textOptions,
-          IconComponent: KeyboardArrowDownRoundedIcon,
-          MenuProps: {
-            sx: {
-              ...classes.textOptionsList
-            }
-          },
           children: updatedOption?.map((m, i) => {
             return m?.value === "listSubHeader" ? /*#__PURE__*/_jsx(ListSubheader, {
               children: m?.label

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

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { DialogTitle, DialogContent, DialogActions, Button, Grid, IconButton, Typography, Drawer, SwipeableDrawer, Accordion, AccordionSummary, AccordionDetails, createTheme } from "@mui/material";
 import FieldMap from "./fieldTypes";
-import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
+import CloseIcon from "@mui/icons-material/Close";
 import useCommonStyle from "../../commonStyle";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import { ThemeProvider } from "@mui/material/styles";
@@ -69,7 +69,6 @@ const StyleBuilder = props => {
   const isMobile = customProps?.isMobile || false;
   const [elementProps, setElementProps] = useState(element);
   const [tab] = useState(renderTabs[0]?.value);
-  const [saveDisable, setSaveDisable] = useState(false);
   const tabVal = renderTabs?.find(f => f.value === tab);
   const {
     needActions = true
@@ -124,17 +123,12 @@ const StyleBuilder = props => {
       field_type: data?.element
     });
     if (data?.hasOwnProperty("name")) {
-      if (data?.name === '') {
-        setSaveDisable(true);
-      } else {
-        setSaveDisable(false);
-        setElementProps({
-          ...elementProps,
-          ...data,
-          key: data?.name,
-          label: data?.name
-        });
-      }
+      setElementProps({
+        ...elementProps,
+        ...data,
+        key: data?.name,
+        label: data?.name
+      });
     }
   };
   const handleSave = () => {
@@ -149,8 +143,7 @@ const StyleBuilder = props => {
       xs: 12,
       sx: {
         p: 2,
-        width: isMobile ? "100%" : "312px",
-        ...classes.pageSettingPopUpRoot
+        width: isMobile ? "100%" : "350px"
       },
       children: [/*#__PURE__*/_jsx(DialogTitle, {
         sx: {
@@ -173,7 +166,7 @@ const StyleBuilder = props => {
             children: /*#__PURE__*/_jsx(IconButton, {
               onClick: onClose,
               className: "close-popupbtn",
-              children: /*#__PURE__*/_jsx(CloseRoundedIcon, {})
+              children: /*#__PURE__*/_jsx(CloseIcon, {})
             })
           })]
         })
@@ -245,7 +238,6 @@ const StyleBuilder = props => {
           children: "Delete"
         }) : null, /*#__PURE__*/_jsx(Button, {
           onClick: handleSave,
-          disabled: saveDisable,
           className: "primaryBtn",
           children: "Save"
         })]

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

@@ -25,10 +25,6 @@ const pageSettingsStyle = [{
     label: "Padding",
     key: "bannerSpacing",
     type: "bannerSpacing"
-  }, {
-    label: "Line Spacing",
-    key: "lineHeight",
-    type: "lineSpacing"
   }]
 }, {
   tab: "Max Width",

package/dist/Editor/common/ToolbarIcon.js

@@ -11,7 +11,6 @@ const ToolbarIcon = props => {
     style,
     icoBtnType
   } = props;
-  console.log("Props:", props);
   const renderIconText = () => {
     if (icoBtnType === "mini") {
       return /*#__PURE__*/_jsx("span", {
@@ -40,7 +39,7 @@ const ToolbarIcon = props => {
     title: title,
     arrow: true,
     children: /*#__PURE__*/_jsxs(IconButton, {
-      className: `${className} ${icoBtnType} accordionIcon`,
+      className: `${className} ${icoBtnType}`,
       onClick: onClick,
       style: style,
       children: [icon, renderIconText()]