@flozy/editor 3.3.1 → 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/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
           })
         })
       })

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

@@ -0,0 +1,438 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function TextAlignLeftIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M1.875 2.8125H13.125",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1.76465 6.17578H13.2352",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1.875 9.0625H13.125",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1.875 12.1875H7.79375",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function MakeShorterIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "13",
+    height: "5",
+    viewBox: "0 0 13 5",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M1.10938 1H12.3594",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1 4.36328H12.4706",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function EditIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M8.84006 2.4008L3.36673 8.19413C3.16006 8.41413 2.96006 8.84746 2.92006 9.14746L2.6734 11.3075C2.58673 12.0875 3.14673 12.6208 3.92006 12.4875L6.06673 12.1208C6.36673 12.0675 6.78673 11.8475 6.9934 11.6208L12.4667 5.82746C13.4134 4.82746 13.8401 3.68746 12.3667 2.29413C10.9001 0.914129 9.78673 1.4008 8.84006 2.4008Z",
+      stroke: "#9C9C9C",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.92676 3.36719C8.21342 5.20719 9.70676 6.61385 11.5601 6.80052",
+      stroke: "#9C9C9C",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2 14.668H14",
+      stroke: "#9C9C9C",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function BookIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "17",
+    height: "17",
+    viewBox: "0 0 17 17",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M15.5834 11.8583V3.30876C15.5834 2.45876 14.8892 1.82835 14.0463 1.89918H14.0038C12.5163 2.02668 10.2567 2.7846 8.99592 3.57793L8.8755 3.65585C8.67008 3.78335 8.33008 3.78335 8.12467 3.65585L7.94758 3.5496C6.68675 2.76335 4.43425 2.01251 2.94675 1.8921C2.10383 1.82126 1.41675 2.45876 1.41675 3.30168V11.8583C1.41675 12.5383 1.96925 13.1758 2.64925 13.2608L2.85466 13.2892C4.39175 13.4946 6.76467 14.2738 8.12467 15.0175L8.153 15.0317C8.34425 15.1379 8.64883 15.1379 8.833 15.0317C10.193 14.2808 12.573 13.4946 14.1172 13.2892L14.3509 13.2608C15.0309 13.1758 15.5834 12.5383 15.5834 11.8583Z",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8.5 3.89062V14.5156",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M5.4895 6.01562H3.89575",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6.02075 8.14062H3.89575",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props
+    })]
+  });
+}
+export function CloseIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "19",
+    height: "19",
+    viewBox: "0 0 19 19",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M9.49992 17.4154C13.8541 17.4154 17.4166 13.8529 17.4166 9.4987C17.4166 5.14453 13.8541 1.58203 9.49992 1.58203C5.14575 1.58203 1.58325 5.14453 1.58325 9.4987C1.58325 13.8529 5.14575 17.4154 9.49992 17.4154Z",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.25952 11.7386L11.7404 7.25781",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M11.7404 11.7386L7.25952 7.25781",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function SummarizeIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M10.5 3.375H15.75",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M10.5 7.125H15.75",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.25 10.875H15.75",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.25 14.625H15.75",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.125 6.3225V4.1775C7.125 3.3375 6.7875 3 5.94 3H3.8025C2.9625 3 2.625 3.3375 2.625 4.1775V6.315C2.625 7.1625 2.9625 7.5 3.8025 7.5H5.94C6.7875 7.5 7.125 7.1625 7.125 6.3225Z",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function ActionItemsIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M8.25 14.625H15.75",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8.25 9.375H15.75",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8.25 4.125H15.75",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.25 4.125L3 4.875L5.25 2.625",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.25 9.375L3 10.125L5.25 7.875",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.25 14.625L3 15.375L5.25 13.125",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function TranslateIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "17",
+    height: "17",
+    viewBox: "0 0 17 17",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M12.7066 13.4443L11.2799 10.5977L9.85327 13.4443",
+      stroke: "#9C9C9C",
+      strokeWidth: "0.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M10.1133 12.9375H12.46",
+      stroke: "#9C9C9C",
+      strokeWidth: "0.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M11.28 15.6678C9.41331 15.6678 7.89331 14.1545 7.89331 12.2812C7.89331 10.4145 9.40665 8.89453 11.28 8.89453C13.1466 8.89453 14.6666 10.4078 14.6666 12.2812C14.6666 14.1545 13.1533 15.6678 11.28 15.6678Z",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M3.34659 2.33203H5.95992C7.33992 2.33203 8.00659 2.99871 7.97326 4.34538V6.9587C8.00659 8.3387 7.33992 9.00538 5.95992 8.97205H3.34659C1.99992 8.99871 1.33325 8.33203 1.33325 6.95203V4.3387C1.33325 2.9987 1.99992 2.33203 3.34659 2.33203Z",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6.00647 4.89844H3.2998",
+      stroke: "#9C9C9C",
+      strokeWidth: "0.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.64648 4V4.6",
+      stroke: "#9C9C9C",
+      strokeWidth: "0.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M5.32655 4.89062C5.32655 6.05729 4.41321 7.00395 3.29321 7.00395",
+      stroke: "#9C9C9C",
+      strokeWidth: "0.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6.00652 7.00537C5.51985 7.00537 5.07986 6.74536 4.77319 6.33203",
+      stroke: "#9C9C9C",
+      strokeWidth: "0.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M1.33325 11C1.33325 13.58 3.41992 15.6667 5.99992 15.6667L5.29992 14.5",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M14.6667 6.9987C14.6667 4.4187 12.58 2.33203 10 2.33203L10.7 3.4987",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function ToneIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M14.5399 2.62658C13.5133 5.18658 10.9399 8.66658 8.7866 10.3933L7.47327 11.4466C7.3066 11.5666 7.13993 11.6733 6.95327 11.7466C6.95327 11.6266 6.9466 11.4933 6.9266 11.3666C6.85327 10.8066 6.59993 10.2866 6.15326 9.83992C5.69993 9.38658 5.1466 9.11992 4.57993 9.04658C4.4466 9.03992 4.31326 9.02658 4.17993 9.03992C4.25326 8.83325 4.3666 8.63992 4.5066 8.47992L5.5466 7.16658C7.2666 5.01325 10.7599 2.42658 13.3133 1.40658C13.7066 1.25992 14.0866 1.36658 14.3266 1.61325C14.5799 1.85992 14.6999 2.23992 14.5399 2.62658Z",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6.95343 11.7485C6.95343 12.4818 6.67343 13.1818 6.14677 13.7152C5.7401 14.1218 5.18677 14.4018 4.52677 14.4885L2.88677 14.6685C1.99343 14.7685 1.22677 14.0085 1.33343 13.1018L1.51343 11.4618C1.67343 10.0018 2.89343 9.06849 4.18677 9.04182C4.3201 9.03516 4.4601 9.04182 4.58677 9.04849C5.15343 9.12182 5.70677 9.38182 6.1601 9.84182C6.60677 10.2885 6.8601 10.8085 6.93343 11.3685C6.9401 11.4952 6.95343 11.6218 6.95343 11.7485Z",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.49342 9.64552C9.49342 7.90552 8.08009 6.49219 6.34009 6.49219",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M13.4133 8.48828L13.9066 8.97495C14.9 9.96828 14.9 10.9483 13.9066 11.9416L11.9333 13.9149C10.9533 14.8949 9.95998 14.8949 8.97998 13.9149",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M2.07338 7.00703C1.09338 6.0137 1.09338 5.0337 2.07338 4.04036L4.04671 2.06703C5.02671 1.08703 6.02005 1.08703 7.00005 2.06703L7.49338 2.56036",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.50011 2.56641L5.03345 5.03307",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M13.4133 8.48828L11.4399 10.4549",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round"
+    })]
+  });
+}
+export function ClarifyIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M12.75 12.8243H9.75L6.41249 15.0442C5.91749 15.3742 5.25 15.0218 5.25 14.4218V12.8243C3 12.8243 1.5 11.3243 1.5 9.07426V4.57422C1.5 2.32422 3 0.824219 5.25 0.824219H12.75C15 0.824219 16.5 2.32422 16.5 4.57422V9.07426C16.5 11.3243 15 12.8243 12.75 12.8243Z",
+      stroke: "#9C9C9C",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.00011 7.51953V7.36206C9.00011 6.85206 9.31513 6.58205 9.63013 6.36455C9.93763 6.15455 10.2451 5.88456 10.2451 5.38956C10.2451 4.69956 9.69011 4.14453 9.00011 4.14453C8.31011 4.14453 7.75513 4.69956 7.75513 5.38956",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8.99662 9.3125H9.00337",
+      stroke: "#9C9C9C",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function CheckIcon(props) {
+  return /*#__PURE__*/_jsx("svg", {
+    width: "14",
+    height: "10",
+    viewBox: "0 0 14 10",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M1 5L4.99529 9L13 1",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
+}
+export function TryAgainIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M7.13086 18.3086H15.1309C17.8909 18.3086 20.1309 16.0686 20.1309 13.3086C20.1309 10.5486 17.8909 8.30859 15.1309 8.30859H4.13086",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeMiterlimit: "10",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6.42914 10.8114L3.86914 8.25141L6.42914 5.69141",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}
+export function DeleteIcon(props) {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "19",
+    height: "19",
+    viewBox: "0 0 19 19",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M16.625 4.73568C13.9888 4.47443 11.3367 4.33984 8.6925 4.33984C7.125 4.33984 5.5575 4.41901 3.99 4.57734L2.375 4.73568",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M6.72852 3.93328L6.90268 2.8962C7.02935 2.14411 7.12435 1.58203 8.46227 1.58203H10.5364C11.8743 1.58203 11.9773 2.17578 12.096 2.90411L12.2702 3.93328",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M14.922 7.23438L14.4074 15.2065C14.3203 16.4494 14.2491 17.4152 12.0403 17.4152H6.95784C4.74909 17.4152 4.67784 16.4494 4.59076 15.2065L4.07617 7.23438",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8.17773 13.0625H10.814",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.52148 9.89453H11.4798",
+      stroke: "#9C9C9C",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+}