@flozy/editor 3.4.7 → 3.4.9

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

@@ -66,6 +66,7 @@ function DisplayOption({
         onSend(option.value, option);
       },
       id: "infinity-select-popover",
+      className: open ? "active" : "",
       children: [/*#__PURE__*/_jsxs("div", {
         className: "option-label",
         id: "infinity-select-popover",

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

@@ -110,7 +110,8 @@ const Styles = theme => ({
     overflow: "auto",
     // width: "240px",
     minWidth: "200px",
-    border: "1px solid #E0E0E0"
+    border: "1px solid #E0E0E0",
+    padding: "6px"
   },
   optionWrapper: {
     position: "relative"
@@ -124,23 +125,37 @@ const Styles = theme => ({
 
   optionBtn: {
     color: theme?.palette?.editor?.textColor || "#373232",
-    padding: "8px 12px",
     textTransform: "none",
     justifyContent: "space-between",
     width: "100%",
     fontWeight: "normal !important",
+    minHeight: "36px",
+    padding: "4px 8px",
     "& .option-label": {
       display: "flex",
       alignItems: "center",
       gap: "8px"
+    },
+    "&:hover": {
+      background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
+    },
+    "&.active": {
+      background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`,
+      color: "#2563EB",
+      "& svg path": {
+        stroke: "#2563EB"
+      },
+      "& svg": {
+        color: "#2563EB !important"
+      }
     }
   },
   optionHeading: {
     color: theme?.palette?.editor?.textColor,
-    padding: "14px 0px 8px 4px",
+    padding: "10px 0px 8px 4px",
     fontWeight: 600,
     borderBottom: "1px solid #DCE4EC",
-    margin: "0px 8px"
+    margin: "0px 8px 4px 8px"
   },
   mobileAIInputWrapper: {
     position: "fixed",

package/dist/Editor/Elements/AppHeader/AppHeader.js

@@ -247,7 +247,7 @@ function AppHeader(props) {
                   width: "auto"
                 },
                 src: appLogo
-              }) : null, "\xA0", appTitle]
+              }) : null, appTitle]
             }), /*#__PURE__*/_jsxs(Box, {
               sx: {
                 display: {

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

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { useSlateStatic } from "slate-react";
-import { Box, Divider, Grid, Tooltip } from "@mui/material";
+import { Box, Divider, Grid, IconButton, Tooltip } from "@mui/material";
 import { toolbarGroups } from "../toolbarGroups";
 import { MarkButton } from "../FormatTools";
 import LinkButton from "../../Elements/Link/LinkButton";
@@ -8,6 +8,7 @@ import { addMarkData, isBlockActive } from "../../utils/SlateUtilityFunctions";
 import ColorPickerButton from "../../common/ColorPickerButton";
 import { colors } from "../../Elements/Color Picker/defaultColors";
 import VariableButton from "../../Elements/Variables/VariableButton";
+import Icon from "../../common/Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -21,10 +22,11 @@ const BasicToolbar = props => {
       variableOptions,
       fontStyleOptions,
       hideLink = false,
-      hideTextColor = false
+      hideTextColor = false,
+      hideResetIcon = true,
+      onResetClick = () => {}
     }
   } = props;
-
   // state
   const [activeColor, setActiveColor] = useState("#000000");
   const fontStyle = allTools.filter(f => f.basic || fontStyleOptions?.includes(f.format));
@@ -83,9 +85,23 @@ const BasicToolbar = props => {
         })
       }), /*#__PURE__*/_jsx(Grid, {
         item: true,
-        children: variableOptions && variableOptions.length > 0 && /*#__PURE__*/_jsx(VariableButton, {
-          placeholder: "Variables",
-          options: variableOptions
+        children: /*#__PURE__*/_jsxs(Grid, {
+          container: true,
+          children: [!hideResetIcon && /*#__PURE__*/_jsx(Grid, {
+            item: true,
+            children: /*#__PURE__*/_jsx(IconButton, {
+              onClick: onResetClick,
+              children: /*#__PURE__*/_jsx(Icon, {
+                icon: "resetIcon"
+              })
+            })
+          }), /*#__PURE__*/_jsx(Grid, {
+            item: true,
+            children: variableOptions && variableOptions.length > 0 && /*#__PURE__*/_jsx(VariableButton, {
+              placeholder: "Variables",
+              options: variableOptions
+            })
+          })]
         })
       })]
     }), /*#__PURE__*/_jsx(Divider, {})]

package/dist/Editor/common/Icon.js

@@ -7,7 +7,7 @@ import { AiFillEdit, AiOutlineInsertRowBelow, AiOutlineInsertRowRight, AiOutline
 import { SiLatex } from "react-icons/si";
 import { RiDeleteColumn, RiDeleteRow } from "react-icons/ri";
 import { IoIosImage } from "react-icons/io";
-import { GridIcon, AccordionIcon, SignatureIcon, ButtonIcon, Carousal, FormIcon, BoldIcon, FontFamilyIcon, FontSizeIcon, ImageIcon, ItalicIcon, LinkIcon, StrikethroughIcon, TableIcon, UnderLineIcon, VideoIcon, CheckboxIcon, AppHeader, MoreHorizontal, UploadImage, DocsUpload, LeftArrow, RightArrow, CheckListButton, CheckListButtonActive, ExcelIcon, CsvIcon, DividerIcon, CloseIcon, SearchIcon, ExpandIcon, CalendarIconNew, Text, TextAreaIcon, Phone, BriefCase, Bank, CalendarTick, DollarSquare, Checkbox, Description, RadioButtonIcon, CheckedIcon, UncheckedIcon, InfinityIcon } from "./iconslist";
+import { GridIcon, AccordionIcon, SignatureIcon, ButtonIcon, Carousal, FormIcon, BoldIcon, FontFamilyIcon, FontSizeIcon, ImageIcon, ItalicIcon, LinkIcon, StrikethroughIcon, TableIcon, UnderLineIcon, VideoIcon, CheckboxIcon, AppHeader, MoreHorizontal, UploadImage, DocsUpload, LeftArrow, RightArrow, CheckListButton, CheckListButtonActive, ExcelIcon, CsvIcon, DividerIcon, CloseIcon, SearchIcon, ExpandIcon, CalendarIconNew, Text, TextAreaIcon, Phone, BriefCase, Bank, CalendarTick, DollarSquare, Checkbox, Description, RadioButtonIcon, CheckedIcon, UncheckedIcon, InfinityIcon, ResetIcon } from "./iconslist";
 import ArrowRightIcon from "@mui/icons-material/ArrowRight";
 import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
 import EmailRoundedIcon from '@mui/icons-material/EmailRounded';
@@ -243,7 +243,8 @@ const iconList = {
   }),
   checkedIcon: /*#__PURE__*/_jsx(CheckedIcon, {}),
   uncheckedIcon: /*#__PURE__*/_jsx(UncheckedIcon, {}),
-  infinityIcon: /*#__PURE__*/_jsx(InfinityIcon, {})
+  infinityIcon: /*#__PURE__*/_jsx(InfinityIcon, {}),
+  resetIcon: /*#__PURE__*/_jsx(ResetIcon, {})
 };
 const Icon = props => {
   const {

package/dist/Editor/common/MentionsPopup/Styles.js

@@ -31,7 +31,6 @@ const usePopupStyles = theme => ({
     borderBottom: "1px solid #DCE4EC"
   },
   listItem: {
-    padding: "4px",
     cursor: "pointer",
     background: "transparent",
     borderRadius: "10px",
@@ -40,10 +39,10 @@ const usePopupStyles = theme => ({
       color: theme?.palette?.editor?.textColor
     },
     "&.active": {
-      background: "#E9F3FE"
+      background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
     },
     "&:hover": {
-      background: "#E9F3FE"
+      background: `${theme?.palette?.containers?.bg3 || "#E9F3FE"}`
     },
     "&.renderComp": {
       padding: "0px",

package/dist/Editor/common/iconslist.js

@@ -2344,4 +2344,30 @@ export const InfinityIcon = () => /*#__PURE__*/_jsxs("svg", {
       })]
     })]
   })]
+});
+export const ResetIcon = () => /*#__PURE__*/_jsxs("svg", {
+  width: "22",
+  height: "23",
+  viewBox: "0 0 22 23",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M13.6514 5.61292C12.8539 5.37458 11.9739 5.21875 11.0022 5.21875C6.61135 5.21875 3.05469 8.77542 3.05469 13.1662C3.05469 17.5662 6.61135 21.1229 11.0022 21.1229C15.393 21.1229 18.9497 17.5662 18.9497 13.1754C18.9497 11.5438 18.4547 10.0221 17.6114 8.75708",
+    stroke: "#64748B",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.782 5.8324L12.1328 2.78906",
+    stroke: "#64748B",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M14.7845 5.83203L11.6953 8.08703",
+    stroke: "#64748B",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
 });

package/dist/Editor/utils/helper.js

@@ -242,7 +242,8 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
       props.component = "a";
       const [page, section] = url?.split("#") || [];
       const sec = section ? `#${section}` : "";
-      props.href = isHomePage(page) ? `./home${sec}` : `./${url}`;
+      const currentUserPage = getCurrentUserPage();
+      props.href = isHomePage(page) ? `./${currentUserPage}${sec}` : `./${url}`;
       if (openInNewTab) {
         if (isCurrentPage(page)) {
           // temp fix, if user is presented in current page, open in new tab option is restricted, we will scroll to the element in current page
@@ -304,9 +305,13 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
   }
   return props;
 };
-const isCurrentPage = page => {
+const getCurrentUserPage = () => {
   const paths = window.location.pathname.split("/");
   let currentUserPage = paths[paths?.length - 1];
+  return currentUserPage;
+};
+const isCurrentPage = page => {
+  let currentUserPage = getCurrentUserPage();
   currentUserPage = isHomePage(currentUserPage) ? "home" : currentUserPage;
   const buttonPage = isHomePage(page) ? "home" : page;
   return currentUserPage === buttonPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "3.4.7",
+  "version": "3.4.9",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"