@flozy/editor 3.3.0 → 3.3.2

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

@@ -0,0 +1,145 @@
+import { ActionItemsIcon, BookIcon, CheckIcon,
+// ClarifyIcon,
+CloseIcon, DeleteIcon,
+// EditIcon,
+MakeShorterIcon, SummarizeIcon, TextAlignLeftIcon, ToneIcon, TranslateIcon, TryAgainIcon } from "../../assets/svg/AIIcons";
+export const MODES = {
+  default: 0,
+  translate: 1,
+  summarize: 2,
+  actionItems: 3,
+  grammatical: 4,
+  rephraseTone: 5,
+  longer: 6,
+  shorter: 7
+};
+
+// const improveWriting = {
+//   label: "Improve writing",
+//   value: "improve_writing",
+//   Icon: EditIcon,
+//   replace: true,
+// };
+
+const commonOptions = [{
+  label: "Make longer",
+  value: "make_longer",
+  Icon: TextAlignLeftIcon,
+  replace: false,
+  mode: MODES.longer
+}, {
+  label: "Make shorter",
+  value: "make_shorter",
+  Icon: MakeShorterIcon,
+  replace: false,
+  mode: MODES.shorter
+}
+// {
+//   label: "Continue writing",
+//   value: "continue_writing",
+//   Icon: EditIcon,
+//   replace: false,
+// },
+];
+
+export const newContentOptions = [{
+  group: "",
+  groupLabel: "",
+  options: [
+  // improveWriting,
+  ...commonOptions.map(o => ({
+    ...o,
+    replace: true
+  })), {
+    label: "Close",
+    value: "close",
+    Icon: CloseIcon,
+    replace: true
+  }]
+}];
+const languages = ["English", "Korean", "Chinese", "Japanese", "Russian", "French", "Portuguese", "German", "Italian", "Dutch", "Indonesian"];
+const translateOptions = [{
+  options: languages.map(l => ({
+    label: l,
+    value: l,
+    replace: false,
+    mode: MODES.translate
+  }))
+}];
+const tones = ["Professional", "Casual", "Straightforward", "Friendly"];
+const toneOptions = [{
+  options: tones.map(t => ({
+    label: t,
+    value: t,
+    replace: false,
+    mode: MODES.rephraseTone
+  }))
+}];
+export const editContentOptions = [{
+  group: "",
+  groupLabel: "Regenerate page",
+  options: [{
+    label: "Translate",
+    value: "translate",
+    Icon: TranslateIcon,
+    options: translateOptions,
+    replace: false
+  }, {
+    label: "Summarize",
+    value: "summarize",
+    Icon: SummarizeIcon,
+    replace: false,
+    mode: MODES.summarize
+  },
+  // {
+  //   label: "Clarify this",
+  //   value: "clarify",
+  //   Icon: ClarifyIcon,
+  //   replace: false,
+  // },
+  {
+    label: "Find action items",
+    value: "action_items",
+    Icon: ActionItemsIcon,
+    replace: false,
+    mode: MODES.actionItems
+  }]
+}, {
+  group: "",
+  groupLabel: "Edit or review page",
+  options: [{
+    label: "Fix spelling & grammar",
+    value: "spelling_&_grammar",
+    Icon: BookIcon,
+    replace: false,
+    mode: MODES.grammatical
+  },
+  // { ...improveWriting, replace: false },
+  ...commonOptions, {
+    label: "Change tone",
+    value: "change_tone",
+    Icon: ToneIcon,
+    options: toneOptions,
+    replace: false
+  }]
+}];
+export const generatedContentOptions = [{
+  group: "",
+  groupLabel: "",
+  options: [{
+    label: "Replace selection",
+    value: "replace_selection",
+    Icon: CheckIcon,
+    replace: true
+  }, ...commonOptions, {
+    label: "Try again",
+    value: "try_again",
+    Icon: TryAgainIcon,
+    replace: false
+  }, {
+    label: "Delete",
+    value: "close",
+    Icon: DeleteIcon,
+    replace: false
+  }]
+}];

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

@@ -1,16 +1,9 @@
 export const validationMethods = {
   isEmail: value => {
-    const regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; //eslint-disable-line 
-    const result = regex.test(String(value).toLowerCase());
-    if (result) {
-      let domain = String(value).toLowerCase().split('@')[1];
-      let validExtensions = ['com', 'net', 'org', 'edu'];
-      let extension = domain.split('.').pop();
-      if (validExtensions.includes(extension)) {
-        return "";
-      } else {
-        return "Enter valid email address";
-      }
+    const regex = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+    const isValidEmail = regex.test(String(value).toLowerCase());
+    if (isValidEmail) {
+      return "";
     } else {
       return "Enter valid email address";
     }

package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/InfinityAITool.js

@@ -0,0 +1,24 @@
+import { Box, IconButton } from "@mui/material";
+import Icon from "../../../common/Icon";
+import { useEditorContext } from "../../../hooks/useMouseMove";
+import { jsx as _jsx } from "react/jsx-runtime";
+function InfinityAITool() {
+  const {
+    setOpenAI
+  } = useEditorContext();
+  return /*#__PURE__*/_jsx(Box, {
+    component: "div",
+    children: /*#__PURE__*/_jsx(IconButton, {
+      onClick: () => {
+        const text = window.getSelection().toString().trim();
+        if (text) {
+          setOpenAI("fromToolBar");
+        }
+      },
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: "infinityIcon"
+      })
+    })
+  });
+}
+export default InfinityAITool;

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

@@ -13,6 +13,7 @@ import PopperHeader from "../PopperHeader";
 import MiniColorPicker from "./MiniColorPicker";
 import SelectAlignment from "./SelectAlignment";
 import SelectFontSize from "./SelectFontSize";
+import InfinityAITool from "./InfinityAITool";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_COLOR = {
@@ -26,7 +27,8 @@ const MiniTextFormat = props => {
   const {
     classes,
     editor,
-    closeMainPopup
+    closeMainPopup,
+    customProps
   } = props;
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
@@ -48,7 +50,7 @@ const MiniTextFormat = props => {
       xs: 12,
       children: /*#__PURE__*/_jsxs("div", {
         className: "toolWrapper",
-        children: [/*#__PURE__*/_jsx(SelectTypography, {
+        children: [customProps?.hideTools?.includes("infinityAI") ? null : /*#__PURE__*/_jsx(InfinityAITool, {}), /*#__PURE__*/_jsx(SelectTypography, {
           classes: classes,
           editor: editor,
           closeMainPopup: closeMainPopup

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

@@ -2,22 +2,24 @@ import React, { useEffect, useState } from "react";
 import { Popper, Fade, Paper } from "@mui/material";
 import { Editor, Range } from "slate";
 import { useSlate, useFocused } from "slate-react";
-import usePopupStyle from "./PopupToolStyle";
 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";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const PopupTool = props => {
   const {
     theme,
-    setIsTextSelected
+    setIsTextSelected,
+    customProps
   } = props;
-  const classes = usePopupStyle(theme);
+  const classes = usePopupStyles(theme);
   const {
-    setPopupType
+    setPopupType,
+    openAI
   } = useEditorContext();
   const [anchorEl, setAnchorEl] = useState(null);
   const [open, setOpen] = useState(false);
@@ -77,13 +79,14 @@ const PopupTool = props => {
     setOpen(false);
     setPopupType("");
   };
-  return open ? /*#__PURE__*/_jsx(_Fragment, {
+  return open && !openAI ? /*#__PURE__*/_jsx(_Fragment, {
     children: size.device === "xs" ? /*#__PURE__*/_jsx("div", {
       className: "mobileMiniTextWrapper",
       children: /*#__PURE__*/_jsx(MiniTextFormat, {
         editor: editor,
         classes: classes,
-        closeMainPopup: handleClose
+        closeMainPopup: handleClose,
+        customProps: customProps
       })
     }) : /*#__PURE__*/_jsx(Popper, {
       id: id,
@@ -104,7 +107,8 @@ const PopupTool = props => {
           children: /*#__PURE__*/_jsx(MiniTextFormat, {
             editor: editor,
             classes: classes,
-            closeMainPopup: handleClose
+            closeMainPopup: handleClose,
+            customProps: customProps
           })
         })
       })