@flozy/editor 3.9.0 → 3.9.1

package/dist/Editor/Toolbar/PopupTool/index.js

@@ -1,10 +1,9 @@
 import React, { useEffect, useState } from "react";
 import { Popper, Fade, Paper, ClickAwayListener } from "@mui/material";
 import { Editor, Range } from "slate";
-import { useSlate, useFocused } from "slate-react";
+import { useSlate } from "slate-react";
 import useDrag from "../../hooks/useDrag";
 import { TableUtil } from "../../utils/table";
-import useWindowResize from "../../hooks/useWindowResize";
 import MiniTextFormat from "./MiniTextFormat";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import usePopupStyles from "../PopupTool/PopupToolStyle";
@@ -23,14 +22,12 @@ const PopupTool = props => {
   const [anchorEl, setAnchorEl] = useState(null);
   const [open, setOpen] = useState(false);
   const editor = useSlate();
-  const inFocus = useFocused();
   const {
     selection
   } = editor;
   const [event] = useDrag(anchorEl);
   const id = open ? "popup-edit-tool" : "";
   const table = new TableUtil(editor);
-  const [size] = useWindowResize();
   useEffect(() => {
     if (event === "end" && anchorEl && !open) {
       // for table cell selection
@@ -47,7 +44,7 @@ const PopupTool = props => {
     }
   }, [event, anchorEl]);
   useEffect(() => {
-    if (!selection || !inFocus || Range.isCollapsed(selection) || Editor.string(editor, selection) === "") {
+    if (!selection || Range.isCollapsed(selection) || Editor.string(editor, selection) === "") {
       setAnchorEl(null);
     } else {
       updateAnchorEl();
@@ -86,35 +83,28 @@ const PopupTool = props => {
         handleClose();
       }
     },
-    children: size.device === "xs" ? /*#__PURE__*/_jsx("div", {
-      className: "mobileMiniTextWrapper",
-      children: /*#__PURE__*/_jsx(MiniTextFormat, {
-        editor: editor,
-        classes: classes,
-        closeMainPopup: handleClose,
-        customProps: customProps
-      })
-    }) : /*#__PURE__*/_jsx(Popper, {
+    children: /*#__PURE__*/_jsx(Popper, {
       id: id,
       open: open,
       anchorEl: anchorEl,
       transition: true,
       placement: "auto-end",
       sx: classes.popupWrapper,
-      className: `tools-drawer ${size?.device}`,
       children: ({
         TransitionProps
       }) => /*#__PURE__*/_jsx(Fade, {
         ...TransitionProps,
         children: /*#__PURE__*/_jsx(Paper, {
           style: {
-            borderRadius: "10px"
+            borderRadius: "6px",
+            border: "1px solid #8360FD"
           },
           children: /*#__PURE__*/_jsx(MiniTextFormat, {
             editor: editor,
             classes: classes,
             closeMainPopup: handleClose,
-            customProps: customProps
+            customProps: customProps,
+            theme: theme
           })
         })
       })

package/dist/Editor/Toolbar/toolbarGroups.js

@@ -28,16 +28,20 @@ export const toolbarGroups = [[{
   type: "dropdown",
   options: [{
     text: "Normal",
-    value: "normal"
+    value: "normal",
+    numVal: "400"
   }, {
     text: "Bold",
-    value: "bold"
+    value: "bold",
+    numVal: "700"
   }, {
     text: "Bolder",
-    value: "bolder"
+    value: "bolder",
+    numVal: "700"
   }, {
     text: "Lighter",
-    value: "lighter"
+    value: "lighter",
+    numVal: "100"
   }],
   icon: FormatBoldIcon,
   width: "100px"
@@ -46,13 +50,15 @@ export const toolbarGroups = [[{
   format: "bold",
   type: "mark",
   title: "Bold",
-  basic: true
+  basic: true,
+  themeEnabled: true
 }, {
   id: 4,
   format: "italic",
   type: "mark",
   title: "Italic",
-  basic: true
+  basic: true,
+  themeEnabled: true
 }, {
   id: 5,
   format: "underline",
@@ -101,6 +107,42 @@ export const toolbarGroups = [[{
   type: "block",
   title: "H3",
   group: "typography"
+}, {
+  id: 39,
+  format: "headingFour",
+  type: "block",
+  title: "H4",
+  group: "typography"
+}, {
+  id: 40,
+  format: "headingFive",
+  type: "block",
+  title: "H5",
+  group: "typography"
+}, {
+  id: 41,
+  format: "headingSix",
+  type: "block",
+  title: "H6",
+  group: "typography"
+}, {
+  id: 42,
+  format: "paragraphOne",
+  type: "block",
+  title: "Paragraph 1",
+  group: "typography"
+}, {
+  id: 43,
+  format: "paragraphTwo",
+  type: "block",
+  title: "Paragraph 2",
+  group: "typography"
+}, {
+  id: 44,
+  format: "paragraphThree",
+  type: "block",
+  title: "Paragraph 3",
+  group: "typography"
 }, {
   id: 14,
   format: "doublequote",

package/dist/Editor/assets/svg/AIIcons.js

@@ -435,4 +435,156 @@ export function DeleteIcon(props) {
       strokeLinejoin: "round"
     })]
   });
-}
+}
+export const PauseRecordingIcon = () => /*#__PURE__*/_jsxs("svg", {
+  width: "30",
+  height: "30",
+  viewBox: "0 0 30 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("circle", {
+    cx: "15",
+    cy: "15",
+    r: "14.5",
+    fill: "white",
+    stroke: "url(#paint0_linear_29403_449555)"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M13.6916 21.125H10.8817C10.5953 21.125 10.3447 20.8744 10.3447 20.5881V9.84943C10.3447 9.54517 10.5953 9.3125 10.8817 9.3125H13.6916C13.932 9.3125 14.2285 9.54517 14.2285 9.84943V20.5881C14.2285 20.8744 13.932 21.125 13.6916 21.125Z",
+    fill: "url(#paint1_linear_29403_449555)"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M20.1346 21.125H17.3426C17.0383 21.125 16.8057 20.8744 16.8057 20.5881V9.84943C16.8057 9.54517 17.0383 9.3125 17.3426 9.3125H20.1525C20.4568 9.3125 20.6895 9.54517 20.6895 9.84943V20.5881C20.6716 20.8744 20.4389 21.125 20.1346 21.125Z",
+    fill: "url(#paint2_linear_29403_449555)"
+  }), /*#__PURE__*/_jsxs("defs", {
+    children: [/*#__PURE__*/_jsxs("linearGradient", {
+      id: "paint0_linear_29403_449555",
+      x1: "15",
+      y1: "0",
+      x2: "15",
+      y2: "30",
+      gradientUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/_jsx("stop", {
+        stopColor: "#8061FD"
+      }), /*#__PURE__*/_jsx("stop", {
+        offset: "1",
+        stopColor: "#2C64ED"
+      })]
+    }), /*#__PURE__*/_jsxs("linearGradient", {
+      id: "paint1_linear_29403_449555",
+      x1: "12.2866",
+      y1: "9.3125",
+      x2: "12.2866",
+      y2: "21.125",
+      gradientUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/_jsx("stop", {
+        stopColor: "#8161FD"
+      }), /*#__PURE__*/_jsx("stop", {
+        offset: "1",
+        stopColor: "#2A64EC"
+      })]
+    }), /*#__PURE__*/_jsxs("linearGradient", {
+      id: "paint2_linear_29403_449555",
+      x1: "18.7476",
+      y1: "9.3125",
+      x2: "18.7476",
+      y2: "21.125",
+      gradientUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/_jsx("stop", {
+        stopColor: "#8161FD"
+      }), /*#__PURE__*/_jsx("stop", {
+        offset: "1",
+        stopColor: "#2A64EC"
+      })]
+    })]
+  })]
+});
+export const CloseGreyCircle = () => /*#__PURE__*/_jsxs("svg", {
+  width: "30",
+  height: "30",
+  viewBox: "0 0 30 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("rect", {
+    width: "30",
+    height: "30",
+    rx: "15",
+    fill: "#DAE4ED"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M19.1245 10.875L10.8749 19.1246",
+    stroke: "#2563EB",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.875 10.875L19.1246 19.1246",
+    stroke: "#2563EB",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+export const TickBlueCircle = () => /*#__PURE__*/_jsxs("svg", {
+  width: "30",
+  height: "30",
+  viewBox: "0 0 30 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("rect", {
+    width: "30",
+    height: "30",
+    rx: "15",
+    fill: "url(#paint0_linear_30220_64249)"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M9 15L13.0011 19L21 11",
+    stroke: "white",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("defs", {
+    children: /*#__PURE__*/_jsxs("linearGradient", {
+      id: "paint0_linear_30220_64249",
+      x1: "15",
+      y1: "0",
+      x2: "15",
+      y2: "30",
+      gradientUnits: "userSpaceOnUse",
+      children: [/*#__PURE__*/_jsx("stop", {
+        stopColor: "#8360FD"
+      }), /*#__PURE__*/_jsx("stop", {
+        offset: "1",
+        stopColor: "#2563EB"
+      })]
+    })
+  })]
+});
+export const ChatMicIcon = props => /*#__PURE__*/_jsxs("svg", {
+  width: "26",
+  height: "26",
+  viewBox: "0 0 26 26",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M13 19.3194C15.9882 19.3194 18.4166 16.8909 18.4166 13.9028V9.38887C18.4166 6.40067 15.9882 3.9722 13 3.9722C10.0118 3.9722 7.58331 6.40067 7.58331 9.38887V13.9028C7.58331 16.8909 10.0118 19.3194 13 19.3194Z",
+    stroke: "#94A3B8",
+    strokeWidth: "1.4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M4.875 12.0972V13.9028C4.875 18.3896 8.51319 22.0278 13 22.0278C17.4868 22.0278 21.125 18.3896 21.125 13.9028V12.0972",
+    stroke: "#94A3B8",
+    strokeWidth: "1.4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M10.3913 8.91914C11.9982 8.33233 13.7496 8.33233 15.3565 8.91914",
+    stroke: "#94A3B8",
+    strokeWidth: "1.4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M11.2218 11.6295C12.3051 11.3316 13.4516 11.3316 14.535 11.6295",
+    stroke: "#94A3B8",
+    strokeWidth: "1.4",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});

package/dist/Editor/assets/svg/AddTemplateIcon.js

@@ -1,29 +1,32 @@
 import React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const AddElementIcon = () => {
+const AddTemplateIcon = () => {
   return /*#__PURE__*/_jsxs("svg", {
     width: "17",
-    height: "16",
-    viewBox: "0 0 17 16",
+    height: "18",
+    viewBox: "0 0 17 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/*#__PURE__*/_jsx("path", {
-      d: "M9.17334 1.94688L13.1067 3.69354C14.24 4.19354 14.24 5.02021 13.1067 5.52021L9.17334 7.26688C8.72667 7.46688 7.99334 7.46688 7.54667 7.26688L3.61334 5.52021C2.48 5.02021 2.48 4.19354 3.61334 3.69354L7.54667 1.94688C7.99334 1.74687 8.72667 1.74687 9.17334 1.94688Z",
-      strokeWidth: "1.2",
+      d: "M9.21541 2.18999L13.3946 4.15499C14.5987 4.71749 14.5987 5.64749 13.3946 6.20999L9.21541 8.17499C8.74083 8.39999 7.96166 8.39999 7.48708 8.17499L3.30791 6.20999C2.10374 5.64749 2.10374 4.71749 3.30791 4.15499L7.48708 2.18999C7.96166 1.96499 8.74083 1.96499 9.21541 2.18999Z",
+      stroke: "#64748B",
+      strokeWidth: "1.5",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }), /*#__PURE__*/_jsx("path", {
-      d: "M2.5 7.3335C2.5 7.8935 2.92 8.54016 3.43333 8.76683L7.96 10.7802C8.30667 10.9335 8.7 10.9335 9.04 10.7802L13.5667 8.76683C14.08 8.54016 14.5 7.8935 14.5 7.3335",
-      strokeWidth: "1.2",
+      d: "M2.125 8.25C2.125 8.88 2.57125 9.6075 3.11667 9.8625L7.92625 12.1275C8.29458 12.3 8.7125 12.3 9.07375 12.1275L13.8833 9.8625C14.4287 9.6075 14.875 8.88 14.875 8.25",
+      stroke: "#64748B",
+      strokeWidth: "1.5",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }), /*#__PURE__*/_jsx("path", {
-      d: "M2.5 10.6665C2.5 11.2865 2.86667 11.8465 3.43333 12.0998L7.96 14.1132C8.30667 14.2665 8.7 14.2665 9.04 14.1132L13.5667 12.0998C14.1333 11.8465 14.5 11.2865 14.5 10.6665",
-      strokeWidth: "1.2",
+      d: "M2.125 12C2.125 12.6975 2.51458 13.3275 3.11667 13.6125L7.92625 15.8775C8.29458 16.05 8.7125 16.05 9.07375 15.8775L13.8833 13.6125C14.4854 13.3275 14.875 12.6975 14.875 12",
+      stroke: "#64748B",
+      strokeWidth: "1.5",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     })]
   });
 };
-export default AddElementIcon;
+export default AddTemplateIcon;

package/dist/Editor/assets/svg/RedoIcon.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const RedoIcon = props => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "17",
+    height: "18",
+    viewBox: "0 0 17 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M12.25 14.5H6.25C4.18 14.5 2.5 12.484 2.5 10C2.5 7.516 4.18 5.5 6.25 5.5H14.5",
+      stroke: "#64748B",
+      strokeWidth: "1.5",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.5 7.5L14.5 5.5L12.5 3.5",
+      stroke: "#64748B",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default RedoIcon;

package/dist/Editor/assets/svg/SettingsIcon.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const SettingsIcon = props => {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "17",
+    height: "18",
+    viewBox: "0 0 17 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M8.5 11.125C9.6736 11.125 10.625 10.1736 10.625 9C10.625 7.82639 9.6736 6.875 8.5 6.875C7.32639 6.875 6.375 7.82639 6.375 9C6.375 10.1736 7.32639 11.125 8.5 11.125Z",
+      stroke: "#64748B",
+      strokeWidth: "1.5",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1.4165 9.62343V8.37676C1.4165 7.6401 2.01859 7.03093 2.76234 7.03093C4.04442 7.03093 4.56859 6.12426 3.924 5.01218C3.55567 4.37468 3.77525 3.54593 4.41984 3.1776L5.64525 2.47635C6.20484 2.14343 6.92734 2.34176 7.26025 2.90135L7.33817 3.03593C7.97567 4.14801 9.024 4.14801 9.66859 3.03593L9.7465 2.90135C10.0794 2.34176 10.8019 2.14343 11.3615 2.47635L12.5869 3.1776C13.2315 3.54593 13.4511 4.37468 13.0828 5.01218C12.4382 6.12426 12.9623 7.03093 14.2444 7.03093C14.9811 7.03093 15.5903 7.63301 15.5903 8.37676V9.62343C15.5903 10.3601 14.9882 10.9693 14.2444 10.9693C12.9623 10.9693 12.4382 11.8759 13.0828 12.988C13.4511 13.6326 13.2315 14.4543 12.5869 14.8226L11.3615 15.5238C10.8019 15.8568 10.0794 15.6584 9.7465 15.0988L9.66859 14.9643C9.03109 13.8522 7.98275 13.8522 7.33817 14.9643L7.26025 15.0988C6.92734 15.6584 6.20484 15.8568 5.64525 15.5238L4.41984 14.8226C3.77525 14.4543 3.55567 13.6255 3.924 12.988C4.56859 11.8759 4.04442 10.9693 2.76234 10.9693C2.01859 10.9693 1.4165 10.3601 1.4165 9.62343Z",
+      stroke: "#64748B",
+      strokeWidth: "1.5",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+export default SettingsIcon;

package/dist/Editor/assets/svg/TextIcon.js

@@ -4,22 +4,25 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 const TextIcon = () => {
   return /*#__PURE__*/_jsxs("svg", {
     width: "15",
-    height: "14",
-    viewBox: "0 0 15 14",
+    height: "16",
+    viewBox: "0 0 15 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [/*#__PURE__*/_jsx("path", {
-      d: "M2.0575 4.18274V3.12107C2.0575 2.45024 2.59999 1.91357 3.265 1.91357H11.735C12.4058 1.91357 12.9425 2.45607 12.9425 3.12107V4.18274",
+      d: "M1.66895 4.9813V3.8438C1.66895 3.12505 2.2502 2.55005 2.9627 2.55005H12.0377C12.7564 2.55005 13.3314 3.1313 13.3314 3.8438V4.9813",
+      stroke: "#64748B",
       strokeWidth: "1.5",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }), /*#__PURE__*/_jsx("path", {
-      d: "M7.5 12.0866V2.39746",
+      d: "M7.5 13.4501V3.06885",
+      stroke: "#64748B",
       strokeWidth: "1.5",
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }), /*#__PURE__*/_jsx("path", {
-      d: "M5.20166 12.0864H9.79833",
+      d: "M5.0376 13.45H9.9626",
+      stroke: "#64748B",
       strokeWidth: "1.5",
       strokeLinecap: "round",
       strokeLinejoin: "round"