@flozy/editor 5.1.2 → 5.1.4

package/dist/Editor/ChatEditor.js

@@ -1,8 +1,9 @@
 import React, { useCallback, useMemo, useRef, useState, useEffect, useImperativeHandle, forwardRef } from "react";
 import { Editable, Slate, ReactEditor } from 'slate-react';
 import { createEditor, Transforms, Editor } from 'slate';
+import { useDebounce } from "use-debounce";
 import withCommon from "./hooks/withCommon";
-import { getBlock, getMarked, serializeMentions } from "./utils/chatEditor/SlateUtilityFunctions";
+import { getBlock, getMarked } from "./utils/chatEditor/SlateUtilityFunctions";
 import MiniTextFormat from "./Toolbar/PopupTool/MiniTextFormat";
 import { commands, mentionsEvent } from "./utils/events";
 import { insertEmoji } from "./utils/emoji";
@@ -14,7 +15,6 @@ import Shorthands from "./common/Shorthands";
 import usePopupStyle from "./Toolbar/PopupTool/PopupToolStyle";
 import { EditorProvider } from "./hooks/useMouseMove";
 import decorators from "./utils/Decorators";
-import { useDebouncedCallback } from "use-debounce";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
@@ -42,18 +42,8 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
   });
   const [isInteracted, setIsInteracted] = useState(false);
   const [value, setValue] = useState(convertedContent);
-  const debouncedValue = useRef(value);
-  const debounced = useDebouncedCallback(
-  // function
-  value => {
-    const {
-      value: strVal,
-      ...restVal
-    } = getOnSaveData(value);
-    onSave(strVal, restVal);
-  },
-  // delay in ms
-  500);
+  const [loadedValue] = useState(value);
+  const [deboundedValue] = useDebounce(value, 500);
   const editor = useMemo(() => {
     return withCommon(createEditor(), {
       needLayout,
@@ -73,7 +63,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
       const {
         value: strVal,
         ...restVal
-      } = getOnSaveData(debouncedValue?.current);
+      } = getOnSaveData(value);
       onsubmit(false, {
         strVal,
         restVal
@@ -109,8 +99,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
         const newValue = draftToSlate({
           data: content
         });
-        debounced(newValue);
-
+        setValue(newValue);
         // setTimeout(() => {
         if (editor.children.length === 0) {
           Transforms.insertNodes(editor, newValue);
@@ -123,14 +112,27 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
       }
     }
   }));
+
+  // useEffect(() => {
+  //     setIsExternalUpdate(true);
+  //     setValue(draftToSlate({ data: content }));
+  // }, [content]);
+
+  useEffect(() => {
+    if (JSON.stringify(loadedValue) !== JSON.stringify(deboundedValue) && isInteracted && onSave) {
+      const {
+        value: strVal,
+        ...restVal
+      } = getOnSaveData(deboundedValue);
+      onSave(strVal, restVal);
+    }
+  }, [deboundedValue]);
   const getOnSaveData = val => {
     const text = serializeToText(val);
-    const mentions = serializeMentions(val);
     const title = val?.find(f => f.type === "title");
     return {
       value: JSON.stringify(val),
       text: text,
-      mentions: mentions,
       title: serializeToText(title?.children) || "Untitled"
     };
   };
@@ -178,8 +180,15 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
     });
   };
   const handleEditorChange = newValue => {
-    debounced(newValue);
-    debouncedValue.current = newValue;
+    const value_txt = serializeToText(value);
+    if (!value_txt) {
+      const {
+        value: strVal,
+        ...restVal
+      } = getOnSaveData(newValue);
+      onSave(strVal, restVal);
+    }
+    setValue(newValue);
     if (!isInteracted) {
       setIsInteracted(true);
     }
@@ -219,7 +228,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
         editor
       });
     } else if (event.key === "Enter" && !isMobile) {
-      const isEmpty = debouncedValue?.current.length === 1 && debouncedValue?.current[0].type === 'paragraph' && debouncedValue?.current[0].children.length === 1 && debouncedValue?.current[0].children[0].text === '';
+      const isEmpty = value.length === 1 && value[0].type === 'paragraph' && value[0].children.length === 1 && value[0].children[0].text === '';
       if (isEmpty) {
         event.preventDefault();
         return;
@@ -228,7 +237,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
         const {
           value: strVal,
           ...restVal
-        } = getOnSaveData(debouncedValue?.current);
+        } = getOnSaveData(value);
         onsubmit(false, {
           strVal,
           restVal
@@ -242,7 +251,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
     const {
       value: strVal,
       ...restVal
-    } = getOnSaveData(debouncedValue?.current);
+    } = getOnSaveData(value);
     onBlur({
       strVal,
       restVal
@@ -263,7 +272,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
     editor: editor,
     children: /*#__PURE__*/_jsxs(Slate, {
       editor: editor,
-      initialValue: debouncedValue?.current,
+      initialValue: value,
       onChange: handleEditorChange,
       children: [toolBar && /*#__PURE__*/_jsx(MiniTextFormat, {
         classes: classes,

package/dist/Editor/CommonEditor.js

@@ -26,7 +26,7 @@ import editorStyles from "./Styles/EditorStyles";
 import DragAndDrop from "./common/DnD";
 import Section from "./common/Section";
 import decorators from "./utils/Decorators";
-import { getBreakpointLineSpacing, getTRBLBreakPoints } from "./helper/theme";
+import { getTRBLBreakPoints } from "./helper/theme";
 import { handleInsertLastElement, isFreeGrid, isFreeGridFragment, isPageSettings, outsideEditorClickLabel } from "./utils/helper";
 import useWindowResize from "./hooks/useWindowResize";
 import PopoverAIInput from "./Elements/AI/PopoverAIInput";
@@ -130,8 +130,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     pageColor,
     color: pageTextColor,
     pageWidth,
-    maxWidth: pageMaxWidth,
-    lineHeight
+    maxWidth: pageMaxWidth
   } = pageSt?.pageProps || {
     bannerSpacing: {
       left: 0,
@@ -298,12 +297,10 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     hideTools: updatedHideTools || []
   }) : [];
   const handleEditorChange = newValue => {
-    if (!readOnly) {
-      if (JSON.stringify(newValue) !== JSON.stringify(debouncedValue?.current)) {
-        debounced(newValue);
-        if (!isInteracted) {
-          setIsInteracted(true);
-        }
+    if (JSON.stringify(newValue) !== JSON.stringify(debouncedValue?.current)) {
+      debounced(newValue);
+      if (!isInteracted) {
+        setIsInteracted(true);
       }
     }
   };
@@ -322,7 +319,6 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     onDrawerOpen: onDrawerOpen,
     ICON_API: "https://assets.agenciflow.com"
   };
-  const lineH = getBreakpointLineSpacing(lineHeight, breakpoint);
   const renderElement = useCallback(props => {
     return /*#__PURE__*/_jsx(Element, {
       ...props,
@@ -528,7 +524,6 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
                         padding: {
                           ...getTRBLBreakPoints(bannerSpacing)
                         },
-                        lineHeight: lineH,
                         width: !pageWidth || pageWidth === "fixed" ? fixedWidth : fullWidth,
                         height: viewport.h ? `${viewport.h}px` : `100%`,
                         alignSelf: "center",
@@ -586,9 +581,8 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
                 setIsTextSelected: setIsTextSelected,
                 customProps: customProps,
                 editorWrapper: editorWrapper
-              }) : null, !readOnly ? /*#__PURE__*/_jsx(SwitchViewport, {
+              }) : null, !readOnly && showViewport ? /*#__PURE__*/_jsx(SwitchViewport, {
                 breakpoint: breakpoint,
-                show: showViewport,
                 onChange: b => onSwitchBreakpoint(b)
               }) : null]
             })

package/dist/Editor/Editor.css

@@ -42,7 +42,7 @@ blockquote {
 }
 
 .editor-wrapper table {
-  border-collapse: collapse;
+  border-collapse: separate;
 }
 
 .editor-wrapper .editor-wrapperbutton {
@@ -351,7 +351,7 @@ blockquote {
   height: 100%;
   width: 100%;
   border: 1px solid #2563EB;
-  border-radius: 7px;
+  border-radius: 12px;
 }
 
 .activeBrush svg {
@@ -383,7 +383,7 @@ blockquote {
 
 .dialog-actions-si .MuiButtonBase-root {
   opacity: 1;
-  padding: 0px 5px 0px 2px !important
+  padding: 6px 5px 0px 3px !important
 }
 
 .signature-tab {
@@ -397,9 +397,9 @@ blockquote {
 .signature-tab2 {
   /* display: flex; */
   align-items: center;
-  border-width: 1px;
+  border-width: 0px, 0px, 0px, 0px;
   border-style: solid;
-  border-color: #2563EB66;
+  border-color: #2563EB;
   justify-content: center;
   flex-direction: column;
   width: 100%;
@@ -493,9 +493,9 @@ blockquote {
 
 .MuiButton-root.primaryBtn.disabled,
 .MuiButton-root.secondaryBtn.disabled {
-  background: #eee;
-  color: #ccc;
-  border: 1px solid #ccc;
+  background: #eee !important;
+  color: #ccc !important;
+  border: 1px solid #ccc !important;
 }
 
 .MuiButton-root.secondaryBtn {
@@ -623,7 +623,7 @@ blockquote {
 }
 
 .MuiIconButton-root.btnActive {
-  color: #2563EB !important;
+  background-color: #ccc;
 }
 
 .embed .element-toolbar {
@@ -858,7 +858,7 @@ blockquote {
 
 .dialogComp .MuiInputBase-input {
   border-radius: 8px;
-  /* box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.05); */
+  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.05);
   font-size: 12px;
   font-weight: 500;
 }
@@ -1073,10 +1073,6 @@ blockquote {
   font-size: 14px;
 }
 
-.listItemMargin {
-  margin: 0px;
-}
-
 .content-editable.empty {
   position: relative;
 }
@@ -1242,41 +1238,3 @@ blockquote {
     max-width: 100% !important;
   }
 }
-
-.settingsHeader {
-  font-size: 14px !important;
-  font-weight: 500 !important;
-}
-.hideScroll {
-  overflow-anchor: none;
-}
-
-.hideScroll::-webkit-scrollbar-track {
-  background: none !important;
-}
-
-.hideScroll::-webkit-scrollbar-thumb {
-  background: none !important;
-}
-
-.hideScroll::-webkit-scrollbar-thumb:hover {
-  background: none !important;
-}
-
-.custom-scroll::-webkit-scrollbar {
-  height: .6rem; 
-}
-
-.custom-scroll::-webkit-scrollbar-thumb {
-  background: #888;
-  border-radius: 5px;
-  cursor: pointer; 
-}
-
-.custom-scroll::-webkit-scrollbar-track {
-  background: #f1f1f1; 
-}
-
-.custom-scroll:hover::-webkit-scrollbar-thumb {
-  background: #A7AEC1; 
-}

package/dist/Editor/Elements/AI/AIInput.js

@@ -71,6 +71,7 @@ function AIInput({
   }, [openAI]);
   const isSendBtnDisabled = !inputValue || loading;
   const props = getProps(openAI, generatedText) || {};
+  const fromToolBar = openAI === "fromToolBar";
   const handleSendBtnClick = () => {
     if (isSendBtnDisabled) {
       return;

package/dist/Editor/Elements/AI/CustomSelect.js

@@ -8,14 +8,12 @@ function CustomSelect({
   classes,
   options,
   onSend,
-  show,
-  btnProps = {}
+  show
 }) {
   if (show) {
     return /*#__PURE__*/_jsx(Box, {
       component: "div",
       sx: classes.customSelectContainer,
-      className: "customSelectContainer",
       children: options?.map((groupOption, index) => {
         const {
           options,
@@ -30,8 +28,7 @@ function CustomSelect({
             return /*#__PURE__*/_jsx(DisplayOption, {
               option: option,
               classes: classes,
-              onSend: onSend,
-              btnProps: btnProps
+              onSend: onSend
             }, i);
           })]
         }, index);
@@ -45,18 +42,15 @@ export default CustomSelect;
 function DisplayOption({
   option,
   classes,
-  onSend,
-  btnProps = {}
+  onSend
 }) {
   const {
-    Icon,
-    Component
+    Icon
   } = option;
   const [open, setOpen] = useState(false);
   const optionRef = useRef();
-  const showChild = option.options?.length || Component;
   const openOptions = e => {
-    if (showChild && !open) {
+    if (option.options?.length && !open) {
       setOpen(e.currentTarget);
       return;
     }
@@ -72,7 +66,7 @@ function DisplayOption({
         e.stopPropagation();
 
         // is having child options
-        if (showChild) {
+        if (option.options?.length) {
           openOptions(e);
           return;
         }
@@ -81,19 +75,18 @@ function DisplayOption({
       },
       id: "infinity-select-popover",
       className: open ? "active" : "",
-      ...btnProps,
       children: [/*#__PURE__*/_jsxs("div", {
         className: "option-label",
         id: "infinity-select-popover",
         children: [Icon && /*#__PURE__*/_jsx(Icon, {}), option.label]
-      }), showChild ? /*#__PURE__*/_jsx(IconButton, {
+      }), option.options?.length && /*#__PURE__*/_jsx(IconButton, {
         children: /*#__PURE__*/_jsx(FaChevronRight, {
           color: "#94A3B8",
           size: 12
         })
-      }) : null]
+      })]
     }), /*#__PURE__*/_jsx(Popper, {
-      open: open && showChild,
+      open: open && option.options,
       anchorEl: open,
       sx: {
         zIndex: 9001,
@@ -103,7 +96,7 @@ function DisplayOption({
         setOpen(null);
       },
       placement: "right-start",
-      children: Component ? /*#__PURE__*/_jsx(Component, {}) : /*#__PURE__*/_jsx(Box, {
+      children: /*#__PURE__*/_jsx(Box, {
         children: /*#__PURE__*/_jsx(CustomSelect, {
           options: option.options,
           onSend: onSend,

package/dist/Editor/Elements/AI/Styles.js

@@ -142,13 +142,7 @@ const Styles = theme => ({
       gap: "8px"
     },
     "&:hover": {
-      backgroundColor: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
-    },
-    "& svg path": {
-      stroke: `${theme?.palette?.editor?.menuOptionTextColor} !important`
-    },
-    "& svg": {
-      color: `${theme?.palette?.editor?.menuOptionTextColor} !important`
+      background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
     },
     "&.active": {
       background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`,

package/dist/Editor/Elements/Button/EditorButton.js

@@ -299,6 +299,7 @@ const EditorButton = props => {
           children: /*#__PURE__*/_jsx(IconButton, {
             className: `moreBtnShow ${isMobile || openMoreOptions ? "activeBtnShow" : ""}`,
             sx: {
+              color: "#64748B",
               "& path": {
                 fill: openMoreOptions ? appTheme.palette.text.blueText : ""
               }

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

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Box, IconButton, Popover } from "@mui/material";
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
+import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
 import Button from "../../common/Button";
 import { colors } from "./defaultColors";
 import ColorPicker from "./colorPicker.svg";
@@ -46,7 +46,7 @@ const SingleColorButton = ({
       id: `in_${id}`,
       onClick: handleMore,
       className: "more-btn-cbs",
-      children: /*#__PURE__*/_jsx(KeyboardArrowDownRoundedIcon, {})
+      children: /*#__PURE__*/_jsx(ArrowDropDownIcon, {})
     }) : null]
   }, `ci_bs_row_${index}}`);
 };
@@ -82,7 +82,7 @@ export const AllColors = props => {
         children: /*#__PURE__*/_jsx(Box, {
           className: "buttonsWrpr",
           style: {
-            padding: "5px"
+            padding: "8px"
           },
           children: all.map((m, i) => {
             return /*#__PURE__*/_jsx(SingleColorButton, {
@@ -109,13 +109,11 @@ const ColorButtons = props => {
     forMiniTool,
     openColorTool,
     onClose,
-    onColorPickerClick,
-    defaultColors = []
+    onColorPickerClick
   } = props;
   const [row1, ...restRows] = ColorChunks([]);
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
-  const firstRow = defaultColors || row1;
   const handleMore = e => {
     setAnchorEl(e.currentTarget);
   };
@@ -133,7 +131,7 @@ const ColorButtons = props => {
     sx: classes.colorButtons,
     children: [forMiniTool ? null : /*#__PURE__*/_jsx(Box, {
       className: "buttonsWrpr first",
-      children: [firstRow].map((m, i) => {
+      children: [row1].map((m, i) => {
         return /*#__PURE__*/_jsx(SingleColorButton, {
           id: `p1_${id}`,
           crs: m,

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

@@ -9,17 +9,13 @@ const ColorPickerStyles = theme => ({
       width: "24px",
       height: "24px",
       marginRight: "8px",
-      border: "unset"
+      border: "1px solid #ccc"
     }
   },
   colorPopper: {
     marginTop: "20px",
-    borderRadius: "7px !important",
     "& .MuiPaper-root": {
-      backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
-      border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
-      borderRadius: "7px !important",
-      padding: "0px 5px",
+      backgroundColor: theme?.palette?.editor?.background,
       '@media only screen and (max-width: 600px)': {
         marginTop: "-40px"
       }
@@ -58,7 +54,7 @@ const ColorPickerStyles = theme => ({
       width: "24px",
       height: "24px",
       margin: "0px 4px",
-      border: "unset"
+      border: "1px solid #ccc"
     }
   },
   colorPickerIcon: {

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

@@ -1,4 +1,4 @@
-export const colors = ["#000000", "#578CFF", "#A58CFF", "#46BBFF", "#FFC93A", "#33B24F", "#F06C83", "#64748B", "#82A9FE", "#C4B3FF", "#71CBFF", "#FFD055", "#61D57A", "#FA91A4", "#A2B0B9", "#A4C1FF", "#D7CBFF", "#9FDCFF", "#FFDC80", "#8AE59E", "#FCB0BE", "#E4ECF3", "#CDDCFF", "#E0D7FF", "#BEE7FF", "#FFE49E", "#B9F6C6", "#FDCAD3", "#FFFFFF", "#489FF8", "#FE7A00", "linear-gradient(327.62deg, #EBB9E0 13.53%, #9CEEE5 86.82%)", "linear-gradient(310.6deg, #7FA4F4 15.53%, #805EF5 83.64%)", "linear-gradient(95.19deg, #A831E7 4.17%, #F05339 88.89%)", "linear-gradient(90deg, #3F2AB7 12.5%, #0DC9B5 100%)", "#0F172A", "#2563EB", "#8360FD", "#19A9FC", "#FDB52A", "#0E8E2A", "#E1425E"
+export const colors = ["#292D32", "#578CFF", "#A58CFF", "#46BBFF", "#FFC93A", "#33B24F", "#F06C83", "#64748B", "#82A9FE", "#C4B3FF", "#71CBFF", "#FFD055", "#61D57A", "#FA91A4", "#A2B0B9", "#A4C1FF", "#D7CBFF", "#9FDCFF", "#FFDC80", "#8AE59E", "#FCB0BE", "#E4ECF3", "#CDDCFF", "#E0D7FF", "#BEE7FF", "#FFE49E", "#B9F6C6", "#FDCAD3", "#FFFFFF", "#489FF8", "#FE7A00", "linear-gradient(327.62deg, #EBB9E0 13.53%, #9CEEE5 86.82%)", "linear-gradient(310.6deg, #7FA4F4 15.53%, #805EF5 83.64%)", "linear-gradient(95.19deg, #A831E7 4.17%, #F05339 88.89%)", "linear-gradient(90deg, #3F2AB7 12.5%, #0DC9B5 100%)", "#0F172A", "#2563EB", "#8360FD", "#19A9FC", "#FDB52A", "#0E8E2A", "#E1425E"
 // "#E6E6E6",
-// "#BEBEBE",
+// "#BEBEBE"
 ];

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

@@ -1,6 +1,5 @@
 import React, { useState, useRef, useEffect } from "react";
 import { Transforms } from "slate";
-import { Node } from "slate";
 import { useSlateStatic, ReactEditor } from "slate-react";
 import { IconButton, Tooltip, Grid, Menu, MenuItem, CircularProgress, Box, Typography, useTheme } from "@mui/material";
 import DeleteIcon from "@mui/icons-material/Delete";
@@ -49,15 +48,7 @@ const Form = props => {
     textSize,
     fontFamily,
     textAlign,
-    alignment,
-    fieldFontFamily,
-    fieldFontWeight,
-    fieldTextSize,
-    fieldTextColor,
-    fieldBgColor,
-    fieldBorderColor,
-    fieldBorderWidth,
-    fieldBorderStyle
+    alignment
   } = element;
   const btnR = buttonProps?.borderRadius || {};
   const btnSpacing = buttonProps?.bannerSpacing || {};
@@ -199,24 +190,6 @@ const Form = props => {
     }, {
       at: path
     });
-    // adding form field style to the current form node 
-    const currentNode = Node.get(editor, path);
-    if (currentNode) {
-      currentNode.children.forEach((item, index) => {
-        Transforms.setNodes(editor, {
-          bgColor: data?.fieldBgColor ? data?.fieldBgColor : "rgba(255, 255, 255, 1)",
-          borderColor: data?.fieldBorderColor ? data?.fieldBorderColor : "#ccc",
-          borderStyle: data?.fieldBorderStyle ? data?.fieldBorderStyle : "",
-          borderWidth: data?.fieldBorderWidth ? data?.fieldBorderWidth : "",
-          textColor: data?.fieldTextColor ? data?.fieldTextColor : "",
-          fontFamily: data?.fieldFontFamily ? data?.fieldFontFamily : "",
-          textSize: data?.fieldTextSize ? data?.fieldTextSize : "",
-          fontWeight: data?.fieldFontWeight ? data?.fieldFontWeight : ""
-        }, {
-          at: [...path, index]
-        });
-      });
-    }
     onClose();
   };
   const onClose = () => {
@@ -225,16 +198,7 @@ const Form = props => {
   const onAddFormField = () => {
     try {
       Transforms.insertNodes(editor, {
-        ...formField({
-          fontFamily: fieldFontFamily,
-          fontWeight: fieldFontWeight,
-          textSize: fieldTextSize,
-          textColor: fieldTextColor,
-          bgColor: fieldBgColor,
-          borderColor: fieldBorderColor,
-          borderWidth: fieldBorderWidth,
-          borderStyle: fieldBorderStyle
-        })
+        ...formField()
       }, {
         at: [...path, children.length]
       });

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

@@ -16,9 +16,6 @@ const FormCheckbox = props => {
     textColor,
     bgColor,
     lockSpacing,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -49,10 +46,7 @@ const FormCheckbox = props => {
         },
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
-        background: bgColor || "transparent",
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontSize: textSize || "inherit",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        background: bgColor || "transparent"
       }
     })
   });

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

@@ -16,9 +16,6 @@ const FormDate = props => {
     textColor,
     bgColor,
     lockSpacing,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -50,10 +47,7 @@ const FormDate = props => {
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
         background: bgColor || "transparent",
-        paddingRight: '85px !important',
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontSize: textSize || "inherit",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        paddingRight: '85px !important'
       }
     })
   });

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

@@ -16,9 +16,6 @@ const FormEmail = props => {
     textColor,
     bgColor,
     lockSpacing,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -50,10 +47,7 @@ const FormEmail = props => {
         },
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
-        background: bgColor || "transparent",
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontSize: textSize || "inherit",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        background: bgColor || "transparent"
       }
     })
   });