@flozy/editor 3.9.8 → 3.9.9

package/dist/Editor/themeSettings/index.js

@@ -0,0 +1,320 @@
+import React, { useEffect, useState } from "react";
+import { CircularProgress, Drawer, Grid, IconButton, Tab, Tabs, Typography, styled } from "@mui/material";
+
+// Style
+import Style from "./style";
+
+// icons
+import { CloseIcon } from "../common/iconslist";
+import { ChevronLeft } from "@mui/icons-material";
+import { TickIcon } from "./icons";
+import ColorTheme from "./colorTheme";
+import Buttons from "./buttons";
+import Fonts from "./fonts";
+import { useEditorTheme } from "../hooks/useEditorTheme";
+import ActiveTheme from "./ActiveTheme";
+import SaveTheme from "../themeSettingsAI/saveTheme";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+function getColors(themeColors) {
+  const colors = Object.values(themeColors || {});
+  const primaryColors = colors.slice(0, 2);
+  const otherColors = colors.slice(2);
+  return {
+    primaryColors,
+    otherColors
+  };
+}
+const ThemeSettings = props => {
+  const {
+    className,
+    open,
+    setOpen,
+    services
+  } = props;
+
+  // State
+  // const [themeDrawer, setThemeDrawer] = useState(true);
+  const [themeTabType, setThemeTabType] = React.useState(0);
+  const [themeMoodboard, setThemeMoodboard] = React.useState(false);
+  const [themes, setThemes] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [savingTheme, setSavingTheme] = useState(false);
+  const {
+    theme: userSelectedTheme,
+    updateTheme
+  } = useEditorTheme();
+  const {
+    colors = {}
+  } = userSelectedTheme?.theme?.cssVars || {};
+  const {
+    id,
+    name,
+    mood_name
+  } = userSelectedTheme || {};
+  const onClose = () => setOpen(false);
+  const getThemesList = async themeTabType => {
+    setLoading(true);
+    setThemes([]);
+    try {
+      const themeType = themeTabType === 0 ? "default" : "";
+      const result = await services("getThemes", {
+        type: themeType
+      });
+      setThemes(result?.data || []);
+    } catch (err) {
+      console.log(err);
+    }
+    setLoading(false);
+  };
+  useEffect(() => {
+    getThemesList(themeTabType);
+  }, []);
+  const handleThemeChange = theme => {
+    updateTheme(theme, {
+      action: "THEME_CHANGE"
+    });
+  };
+  const onColorChange = (color, colorIndex) => {
+    updateTheme({
+      [`color${colorIndex}`]: color
+    }, {
+      action: "CSS_VAR_CHANGE",
+      fieldName: "colors"
+    });
+  };
+  const handleTabChange = (event, newValue) => {
+    setThemeTabType(newValue);
+    getThemesList(newValue);
+  };
+  const isUpdateTheme = Number(userSelectedTheme?.type) === 2;
+  const onSaveTheme = async (formData = {}) => {
+    setSavingTheme(true);
+    try {
+      const type = isUpdateTheme ? "update" : "create";
+      const result = await services("saveTheme", {
+        type,
+        id,
+        ...formData,
+        theme: userSelectedTheme?.theme
+      });
+      const update = {
+        ...userSelectedTheme,
+        ...formData,
+        type: "2"
+      };
+      const createdId = result?.data?.id;
+      if (createdId) {
+        update.id = createdId;
+      }
+      updateTheme(update);
+      getThemesList(themeTabType);
+    } catch (err) {
+      console.log(err);
+    }
+    setSavingTheme(false);
+  };
+
+  // themeCard
+  const ThemeCard = ({
+    theme
+  }) => {
+    const {
+      name,
+      mood_name = ""
+    } = theme;
+    const {
+      colors = {}
+    } = theme?.theme?.cssVars || {};
+    const {
+      primaryColors,
+      otherColors
+    } = getColors(colors);
+    const isSelected = theme.id === userSelectedTheme?.id;
+    return /*#__PURE__*/_jsxs(Grid, {
+      className: `themeCardWrapper ${isSelected ? "activeWrapper" : ""}`,
+      onClick: () => handleThemeChange(theme),
+      children: [isSelected ? /*#__PURE__*/_jsx(TickIcon, {}) : null, /*#__PURE__*/_jsxs(Grid, {
+        container: true,
+        justifyContent: "space-between",
+        className: "themeCard",
+        gap: 2,
+        children: [/*#__PURE__*/_jsxs(Grid, {
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: "body1",
+            className: "title",
+            style: {
+              whiteSpace: "nowrap",
+              maxWidth: "100px",
+              textOverflow: "ellipsis",
+              overflow: "hidden"
+            },
+            children: name
+          }), /*#__PURE__*/_jsx(Typography, {
+            variant: "body2",
+            color: "textSecondary",
+            className: "fs-12",
+            children: mood_name
+          })]
+        }), /*#__PURE__*/_jsxs(Grid, {
+          className: "flexAlign",
+          sx: {
+            gap: "5px"
+          },
+          children: [primaryColors?.map((color, i) => {
+            return /*#__PURE__*/_jsx(Grid, {
+              className: "primaryCard",
+              style: {
+                backgroundColor: color
+              }
+            }, i);
+          }), /*#__PURE__*/_jsx(Grid, {
+            className: "otherColors",
+            sx: {
+              gap: "5px"
+            },
+            children: otherColors.map((color, i) => {
+              return /*#__PURE__*/_jsx(Grid, {
+                className: "smallCard",
+                style: {
+                  backgroundColor: color
+                }
+              }, i);
+            })
+          })]
+        })]
+      })]
+    });
+  };
+  return /*#__PURE__*/_jsx(Grid, {
+    className: className,
+    children: /*#__PURE__*/_jsx(Drawer, {
+      className: className,
+      open: open,
+      onClose: onClose,
+      anchor: "right",
+      children: /*#__PURE__*/_jsxs(Grid, {
+        className: "settingsContainer",
+        children: [/*#__PURE__*/_jsxs(Grid, {
+          container: true,
+          justifyContent: "space-between",
+          wrap: "nowrap",
+          className: "header",
+          sx: {
+            px: 2
+          },
+          children: [/*#__PURE__*/_jsxs(Grid, {
+            children: [/*#__PURE__*/_jsx(Typography, {
+              variant: "body1",
+              className: "title",
+              children: "Theme/Brand Setting"
+            }), /*#__PURE__*/_jsxs(Typography, {
+              variant: "body1",
+              color: "textSecondary",
+              className: "fs-12",
+              children: ["Change the entire style of your website with a single click.", " "]
+            })]
+          }), /*#__PURE__*/_jsx(IconButton, {
+            className: "closeBtn",
+            onClick: onClose,
+            children: /*#__PURE__*/_jsx(CloseIcon, {})
+          })]
+        }), /*#__PURE__*/_jsx(Grid, {
+          className: "activeTheme",
+          children: !themeMoodboard ? /*#__PURE__*/_jsx(ActiveTheme, {
+            onExplore: () => setThemeMoodboard(true)
+          }) : /*#__PURE__*/_jsxs(Grid, {
+            className: "sectionDetail",
+            children: [/*#__PURE__*/_jsxs(Typography, {
+              variant: "body1",
+              className: "sectionTitle flexAlign",
+              children: [/*#__PURE__*/_jsx(IconButton, {
+                onClick: () => setThemeMoodboard(false),
+                children: /*#__PURE__*/_jsx(ChevronLeft, {})
+              }), "Theme Moodboard"]
+            }), /*#__PURE__*/_jsxs(Grid, {
+              className: "activeWrapper",
+              children: [/*#__PURE__*/_jsx(TickIcon, {}), /*#__PURE__*/_jsx(ActiveTheme, {
+                explore: false
+              })]
+            }), /*#__PURE__*/_jsxs(Tabs, {
+              value: themeTabType,
+              onChange: handleTabChange,
+              variant: "scrollable",
+              scrollButtons: false,
+              "aria-label": "scrollable prevent tabs example",
+              children: [/*#__PURE__*/_jsx(Tab, {
+                label: /*#__PURE__*/_jsx(Typography, {
+                  variant: "body1",
+                  className: "fs-14 fw-500 transformNone",
+                  children: "Key themes"
+                })
+              }), /*#__PURE__*/_jsx(Tab, {
+                label: /*#__PURE__*/_jsx(Typography, {
+                  variant: "body1",
+                  className: "fs-14 fw-500 transformNone",
+                  children: "Saved themes"
+                })
+              })]
+            }), loading ? /*#__PURE__*/_jsx("div", {
+              style: {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                margin: 0,
+                padding: 0,
+                height: "50px",
+                overflow: "hidden"
+              },
+              children: /*#__PURE__*/_jsx(CircularProgress, {})
+            }) : null, themes.map((theme, i) => {
+              return /*#__PURE__*/_jsx(ThemeCard, {
+                theme: theme
+              }, i);
+            })]
+          })
+        }), id ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Grid, {
+            sx: {
+              px: 1
+            },
+            children: /*#__PURE__*/_jsx(ColorTheme, {
+              colors: getColors(colors),
+              onColorChange: onColorChange,
+              openDefault: open === "editThemeColor"
+            })
+          }), /*#__PURE__*/_jsx(Grid, {
+            sx: {
+              px: 1
+            },
+            children: /*#__PURE__*/_jsx(Fonts, {})
+          }), /*#__PURE__*/_jsx(Grid, {
+            sx: {
+              px: 1
+            },
+            children: /*#__PURE__*/_jsx(Buttons, {})
+          }), /*#__PURE__*/_jsx("div", {
+            style: {
+              width: "100%",
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              marginTop: "10px"
+            },
+            children: /*#__PURE__*/_jsx(SaveTheme, {
+              saveBtnLabel: isUpdateTheme ? "Update theme" : "Save Theme",
+              loading: savingTheme,
+              onSave: onSaveTheme,
+              defaultFormData: {
+                name,
+                mood_name
+              }
+            })
+          })]
+        }) : null]
+      })
+    })
+  });
+};
+export default styled(ThemeSettings)(Style);

package/dist/Editor/themeSettings/style.js

@@ -0,0 +1,152 @@
+const Style = () => ({
+  ".fs-12": {
+    fontSize: "12px"
+  },
+  ".fs-14": {
+    fontSize: "14px"
+  },
+  ".fw-500": {
+    fontWeight: "500"
+  },
+  ".fw-600": {
+    fontWeight: "600"
+  },
+  ".pointer": {
+    cursor: "pointer"
+  },
+  ".transformNone": {
+    textTransform: "none"
+  },
+  ".settingsContainer": {
+    width: "340px",
+    padding: "16px 5px",
+    background: "#fff",
+    ".header": {
+      borderBottom: `1px solid #DCE4EC`,
+      paddingBottom: "16px",
+      marginBottom: "16px"
+    }
+  },
+  ".title": {
+    fontWeight: "700",
+    fontSize: "14px"
+  },
+  ".closeBtn": {
+    width: "26px",
+    height: "26px",
+    BorderRadius: "4px",
+    flexShrik: "0",
+    padding: "4px",
+    background: " #F8FAFC",
+    borderRadius: "4px"
+  },
+  ".activeTheme": {
+    background: "#F4F4F6",
+    padding: "14px 10px",
+    borderRadius: "4px"
+  },
+  ".activeThemeInnner": {
+    borderRadius: "7px",
+    padding: "16px",
+    boxShadow: "1px 2px 5px 0px #00000014",
+    background: "#fff"
+  },
+  ".flexAlign": {
+    display: "flex",
+    alignItems: "center"
+  },
+  ".activeColorBox, .xsColorBox": {
+    width: "24px",
+    height: "24px",
+    borderRadius: "5px",
+    border: `1px solid #929292`
+  },
+  ".themeCard": {
+    borderRadius: "7px",
+    padding: "16px",
+    border: "1px solid #F3F3F3",
+    boxShadow: "1px 2px 5px 0px #00000014",
+    background: "white",
+    flexWrap: "nowrap"
+  },
+  ".themeCardWrapper": {
+    padding: "10px",
+    borderRadius: "4px",
+    cursor: "pointer",
+    "&.active": {
+      background: "#ECF2FF"
+    }
+  },
+  ".primaryCard, .secondaryCard": {
+    width: "44px",
+    height: "44px",
+    borderRadius: "5px",
+    border: `1px solid #929292`
+  },
+  ".otherColors": {
+    display: "flex",
+    flexWrap: "wrap",
+    width: "48px",
+    ".smallCard": {
+      width: "20px",
+      height: "20px",
+      borderRadius: "5px",
+      border: `1px solid #929292`
+    }
+  },
+  ".sectionDetail": {
+    borderRadius: "4px",
+    background: "#fff"
+  },
+  ".sectionTitle": {
+    borderBottom: `1px solid #DCE4EC`,
+    fontWeight: "600",
+    fontSize: "14px"
+  },
+  // ".activeThemeInnner": {
+  //   borderRadius: "7px",
+  //   padding: "16px",
+  //   boxShadow: "1px 2px 5px 0px #00000014",
+  //   background: "#fff",
+  // },
+  ".activeWrapper": {
+    background: "#ECF2FF",
+    padding: "14px 10px",
+    position: "relative",
+    ".tickIcon": {
+      position: "absolute",
+      right: "5px",
+      top: "8px"
+    }
+  },
+  ".settingAccordion": {
+    background: "#fff",
+    border: "1px solid #F3F3F3",
+    boxShadow: "1px 2px 5px 0px #00000014",
+    borderRadius: "7px",
+    marginTop: "10px",
+    marginBottom: "10px",
+    padding: "0px 12px",
+    "&:before": {
+      background: "transparent"
+    },
+    ".MuiAccordionSummary-root ": {
+      minHeight: "45px",
+      padding: "0px",
+      "&.Mui-expanded": {
+        borderBottom: `1px solid #DCE4EC`
+      }
+    },
+    ".MuiAccordionSummary-content ": {
+      padding: "12px 0px",
+      margin: "0px !important",
+      minHeight: "45px",
+      fontSize: "14px",
+      fontWeight: "600"
+    },
+    ".MuiAccordionDetails-root ": {
+      padding: "12px 0px"
+    }
+  }
+});
+export default Style;

package/dist/Editor/themeSettingsAI/icons.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const TickIcon = () => /*#__PURE__*/_jsxs("svg", {
+  className: "tickIcon",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "26",
+  height: "26",
+  viewBox: "0 0 26 26",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx("rect", {
+    x: "0.5",
+    y: "0.5",
+    width: "25",
+    height: "25",
+    rx: "12.5",
+    fill: "#2563EB",
+    stroke: "white",
+    className: "fillPath"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M7 13.105L11.0011 17.21L19 9",
+    stroke: "white",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+export const EditIcon = () => /*#__PURE__*/_jsxs("svg", {
+  className: "editIcon",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx("circle", {
+    cx: "8",
+    cy: "8",
+    r: "8",
+    fill: "#2563EB",
+    fillOpacity: "0.14"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M11.3066 4.69573C10.3941 3.77831 9.50211 3.75792 8.5642 4.69573L7.98821 5.26658C7.93723 5.31754 7.92194 5.3889 7.94233 5.45516C8.29914 6.70387 9.29822 7.70284 10.5471 8.05962C10.5623 8.06472 10.5878 8.06472 10.6031 8.06472C10.6541 8.06472 10.7051 8.04433 10.7408 8.00865L11.3066 7.43781C11.7704 6.974 11.9998 6.53058 11.9998 6.07697C11.9998 5.61825 11.7704 5.16464 11.3066 4.69573Z",
+    fill: "#2563EB"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M9.69545 8.48831C9.55783 8.42206 9.4253 8.3558 9.30296 8.27935C9.20102 8.21819 9.09907 8.15193 9.00223 8.08058C8.92067 8.02961 8.82892 7.95316 8.73717 7.87671C8.72697 7.87161 8.69639 7.84613 8.65561 7.80535C8.4976 7.67793 8.32939 7.50464 8.17137 7.31606C8.16118 7.30587 8.1306 7.27529 8.10511 7.22942C8.05414 7.17336 7.97768 7.07652 7.91141 6.96949C7.85534 6.89813 7.78908 6.7962 7.72791 6.68916C7.65145 6.56175 7.58519 6.43433 7.52402 6.30181C7.45776 6.1591 7.40679 6.02659 7.36091 5.89917L4.61859 8.64122C4.44019 8.8196 4.26688 9.15599 4.2312 9.40573L4.01202 10.9246C3.96614 11.2457 4.0528 11.5464 4.25159 11.7451C4.4198 11.9133 4.64917 12 4.90404 12C4.96011 12 5.01618 11.9949 5.07225 11.9898L6.58613 11.7757C6.83589 11.74 7.17231 11.5718 7.35072 11.3884L10.093 8.64631C9.96561 8.60554 9.83818 8.54948 9.69545 8.48831Z",
+    fill: "#2563EB"
+  })]
+});
+export const PenIcon = () => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  viewBox: "0 0 14 14",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M12.7874 1.21754C11.1907 -0.387958 9.62966 -0.423636 7.98833 1.21754L6.98034 2.21652C6.89114 2.30571 6.86438 2.43058 6.90006 2.54653C7.52448 4.7318 9.27285 6.48 11.4583 7.10436C11.4851 7.11328 11.5297 7.11328 11.5564 7.11328C11.6456 7.11328 11.7349 7.07761 11.7973 7.01517L12.7874 6.01619C13.5992 5.20452 14.0006 4.42853 14.0006 3.63471C14.0006 2.83196 13.5992 2.03813 12.7874 1.21754Z",
+    fill: "#2563EB"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M9.96704 7.85451C9.7262 7.73856 9.49427 7.62261 9.28019 7.48882C9.10178 7.38178 8.92338 7.26583 8.75389 7.14096C8.61117 7.05177 8.45061 6.91798 8.29004 6.78419C8.2722 6.77527 8.21868 6.73067 8.14732 6.65932C7.8708 6.43633 7.57643 6.13308 7.2999 5.80306C7.28206 5.78522 7.22854 5.73171 7.18394 5.65143C7.09474 5.55332 6.96094 5.38385 6.84497 5.19655C6.74685 5.07168 6.63089 4.89329 6.52385 4.70598C6.39005 4.483 6.27408 4.26002 6.16704 4.02811C6.05108 3.77837 5.96188 3.54647 5.88159 3.32349L1.08253 8.12209C0.770327 8.43427 0.46704 9.02294 0.404599 9.45999L0.0210312 12.118C-0.0592505 12.6799 0.0923925 13.2061 0.44028 13.554C0.734646 13.8483 1.13605 13.9999 1.58206 13.9999C1.68019 13.9999 1.77831 13.991 1.87643 13.9821L4.52573 13.6075C4.96282 13.545 5.55155 13.2507 5.86375 12.9296L10.6628 8.13101C10.4398 8.05965 10.2168 7.96154 9.96704 7.85451Z",
+    fill: "#2563EB"
+  })]
+});
+export const CloudIcon = () => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "52",
+  height: "49",
+  viewBox: "0 0 52 49",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M27 0H25C11.469 0 0.5 10.969 0.5 24.5C0.5 38.031 11.469 49 25 49H27C40.531 49 51.5 38.031 51.5 24.5C51.5 10.969 40.531 0 27 0Z",
+    fill: "#F3F3FF"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M32.7156 20.8555L32.6507 20.5259C32.3957 19.2311 31.7962 17.998 30.8134 17.0066C29.4874 15.669 27.7396 15 26 15C24.2611 15 22.5199 15.6698 21.1948 17.0066C19.8613 18.3517 19.2331 20.1283 19.2446 21.9145L19.2475 22.3734L18.7906 22.4156C16.3917 22.6373 14.5 24.6541 14.5 27.1316C14.5 29.7617 16.6207 31.8947 19.2174 31.8947H22.8696H22.8767C22.9135 31.8952 22.9502 31.8885 22.9846 31.8745C23.0191 31.8605 23.0507 31.8397 23.0776 31.813C23.1044 31.7862 23.126 31.7542 23.1408 31.7184C23.1556 31.6827 23.1633 31.6442 23.1633 31.6053C23.1633 31.5663 23.1556 31.5278 23.1408 31.4921C23.126 31.4564 23.1044 31.4243 23.0776 31.3975C23.0507 31.3708 23.0191 31.35 22.9846 31.336C22.9502 31.3221 22.9135 31.3152 22.8767 31.3157L22.8696 31.3158H19.2174C16.9003 31.3158 15.0652 29.4583 15.0652 27.1316C15.0652 24.8049 16.9003 22.9474 19.2174 22.9474H19.5263C19.5656 22.9472 19.6044 22.9386 19.6404 22.9222C19.6765 22.9056 19.7091 22.8814 19.7359 22.8507C19.7626 22.82 19.7828 22.7837 19.7949 22.744C19.807 22.7044 19.8106 22.6624 19.8055 22.6211L19.8051 22.6182C19.5857 20.7703 20.1821 18.8364 21.5933 17.4128C22.816 16.1793 24.4024 15.5789 26 15.5789C27.5969 15.5789 29.1928 16.18 30.4149 17.4128C31.4503 18.4573 32.0465 19.7776 32.2031 21.1353M32.7156 20.8555L31.7065 21.1941ZM32.7156 20.8555L33.0453 20.92C35.5785 21.4157 37.5 23.6482 37.5 26.3421C37.5 29.4035 35.0242 31.8947 32 31.8947H29.1304L29.1233 31.8948C29.0865 31.8953 29.0498 31.8885 29.0154 31.8745C28.9809 31.8605 28.9493 31.8397 28.9224 31.813C28.8956 31.7862 28.874 31.7542 28.8592 31.7184C28.8444 31.6827 28.8367 31.6442 28.8367 31.6053C28.8367 31.5663 28.8444 31.5278 28.8592 31.4921C28.874 31.4564 28.8956 31.4243 28.9224 31.3975C28.9493 31.3708 28.9809 31.35 29.0154 31.336C29.0498 31.3221 29.0865 31.3152 29.1233 31.3157L29.1304 31.3158H32C34.7387 31.3158 36.9348 29.0942 36.9348 26.3421C36.9348 23.7434 34.9743 21.6188 32.455 21.3871M32.7156 20.8555L32.455 21.3871ZM32.2031 21.1353C32.2031 21.1358 32.2032 21.1364 32.2032 21.1369L31.7065 21.1941M32.2031 21.1353C32.2032 21.1356 32.203 21.135 32.2031 21.1353L31.7065 21.1941ZM32.2031 21.1353C32.2112 21.2015 32.2414 21.2622 32.2875 21.3077L31.9366 21.6639M31.7065 21.1941C31.728 21.3725 31.8091 21.5383 31.9366 21.6639ZM31.9366 21.6639L32.2875 21.3077C32.3334 21.353 32.3926 21.3806 32.455 21.3871M31.9366 21.6639L32.455 21.3871ZM26.1908 24.0204L26.1919 24.0215L29.0591 26.6509C29.1802 26.7656 29.1797 26.955 29.0781 27.0669C28.9895 27.1645 28.7788 27.1758 28.6774 27.0835C28.6776 27.0836 28.6773 27.0834 28.6774 27.0835L27.1209 25.6532L26.2826 24.8828V26.0214V33.7105C26.2826 33.8745 26.152 34 26 34C25.848 34 25.7174 33.8746 25.7174 33.7105V26.0214V24.8828L24.8791 25.6532L23.3229 27.0833C23.323 27.0832 23.3228 27.0833 23.3229 27.0833C23.2385 27.1601 23.0288 27.1716 22.9031 27.0473C22.8685 27.0131 22.8411 26.9536 22.8466 26.8665C22.8524 26.7766 22.892 26.697 22.9405 26.6512L25.8081 24.0215L25.8094 24.0202C25.8708 23.9635 25.8871 23.9582 25.8875 23.9581C25.8885 23.9577 25.8941 23.9553 25.9091 23.9529C25.9258 23.9502 25.954 23.9474 26 23.9474C26.074 23.9474 26.104 23.9589 26.1143 23.9634C26.1267 23.9687 26.1468 23.9799 26.1908 24.0204Z",
+    fill: "#2563EB"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M32.7156 20.8555L32.6507 20.5259C32.3957 19.2311 31.7962 17.998 30.8134 17.0066M32.7156 20.8555L31.7065 21.1941M32.7156 20.8555L33.0453 20.92C35.5785 21.4157 37.5 23.6482 37.5 26.3421C37.5 29.4035 35.0242 31.8947 32 31.8947H29.1304L29.1233 31.8948C29.0865 31.8953 29.0498 31.8885 29.0154 31.8745C28.9809 31.8605 28.9493 31.8397 28.9224 31.813C28.8956 31.7862 28.874 31.7542 28.8592 31.7184C28.8444 31.6827 28.8367 31.6442 28.8367 31.6053C28.8367 31.5663 28.8444 31.5278 28.8592 31.4921C28.874 31.4564 28.8956 31.4243 28.9224 31.3975C28.9493 31.3708 28.9809 31.35 29.0154 31.336C29.0498 31.3221 29.0865 31.3152 29.1233 31.3157L29.1304 31.3158H32C34.7387 31.3158 36.9348 29.0942 36.9348 26.3421C36.9348 23.7434 34.9743 21.6188 32.455 21.3871M32.7156 20.8555L32.455 21.3871M30.8134 17.0066L31.1685 16.6546M30.8134 17.0066C29.4874 15.669 27.7396 15 26 15C24.2611 15 22.5199 15.6698 21.1948 17.0066C19.8613 18.3517 19.2331 20.1283 19.2446 21.9145L19.2475 22.3734L18.7906 22.4156C16.3917 22.6373 14.5 24.6541 14.5 27.1316C14.5 29.7617 16.6207 31.8947 19.2174 31.8947H22.8696H22.8767C22.9135 31.8952 22.9502 31.8885 22.9846 31.8745C23.0191 31.8605 23.0507 31.8397 23.0776 31.813C23.1044 31.7862 23.126 31.7542 23.1408 31.7184C23.1556 31.6827 23.1633 31.6442 23.1633 31.6053C23.1633 31.5663 23.1556 31.5278 23.1408 31.4921C23.126 31.4564 23.1044 31.4243 23.0776 31.3975C23.0507 31.3708 23.0191 31.35 22.9846 31.336C22.9502 31.3221 22.9135 31.3152 22.8767 31.3157L22.8696 31.3158H19.2174C16.9003 31.3158 15.0652 29.4583 15.0652 27.1316C15.0652 24.8049 16.9003 22.9474 19.2174 22.9474H19.5263C19.5656 22.9472 19.6044 22.9386 19.6404 22.9222C19.6765 22.9056 19.7091 22.8814 19.7359 22.8507C19.7626 22.82 19.7828 22.7837 19.7949 22.744C19.807 22.7044 19.8106 22.6624 19.8055 22.6211L19.8051 22.6182C19.5857 20.7703 20.1821 18.8364 21.5933 17.4128C22.816 16.1793 24.4024 15.5789 26 15.5789C27.5969 15.5789 29.1928 16.18 30.4149 17.4128M30.4149 17.4128L30.0598 17.7648M30.4149 17.4128C31.4503 18.4573 32.0465 19.7776 32.2031 21.1353M32.2031 21.1353C32.2031 21.1358 32.2032 21.1364 32.2032 21.1369L31.7065 21.1941M32.2031 21.1353C32.203 21.135 32.2032 21.1356 32.2031 21.1353ZM32.2031 21.1353L31.7065 21.1941M32.2031 21.1353C32.2112 21.2015 32.2414 21.2622 32.2875 21.3077M31.7065 21.1941C31.728 21.3725 31.8091 21.5383 31.9366 21.6639M32.455 21.3871C32.3926 21.3806 32.3334 21.353 32.2875 21.3077M32.455 21.3871L31.9366 21.6639M32.2875 21.3077L31.9366 21.6639M28.6774 27.0835C28.7788 27.1758 28.9895 27.1645 29.0781 27.0669C29.1797 26.955 29.1802 26.7656 29.0591 26.6509L26.1919 24.0215L26.1908 24.0204C26.1468 23.9799 26.1267 23.9687 26.1143 23.9634C26.104 23.9589 26.074 23.9474 26 23.9474C25.954 23.9474 25.9258 23.9502 25.9091 23.9529C25.8941 23.9553 25.8885 23.9577 25.8875 23.9581C25.8871 23.9582 25.8708 23.9635 25.8094 24.0202L25.8081 24.0215L22.9405 26.6512C22.892 26.697 22.8524 26.7766 22.8466 26.8665C22.8411 26.9536 22.8685 27.0131 22.9031 27.0473C23.0288 27.1716 23.2385 27.1601 23.3229 27.0833M28.6774 27.0835C28.6773 27.0834 28.6776 27.0836 28.6774 27.0835ZM28.6774 27.0835L27.1209 25.6532L26.2826 24.8828V26.0214V33.7105C26.2826 33.8745 26.152 34 26 34C25.848 34 25.7174 33.8746 25.7174 33.7105V26.0214V24.8828L24.8791 25.6532L23.3229 27.0833M23.3229 27.0833C23.3228 27.0833 23.323 27.0832 23.3229 27.0833Z",
+    stroke: "#8360FD"
+  })]
+});
+export const ResetIcon = () => /*#__PURE__*/_jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx("circle", {
+    cx: "11.6453",
+    cy: "11.6448",
+    r: "11.5",
+    transform: "rotate(-89.2717 11.6453 11.6448)",
+    fill: "#2563EB",
+    fillOpacity: "0.16"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M18.2807 11.8165C18.2805 11.8361 18.2805 11.8361 18.2802 11.8557L19.2372 10.9271C19.6359 10.5402 20.2462 10.5479 20.635 10.9449C21.0238 11.3418 21.0161 11.9493 20.6173 12.3362L17.2285 15.5858L13.9628 12.2516C13.7684 12.0531 13.6732 11.7971 13.6762 11.562C13.6795 11.3072 13.7811 11.0537 13.9803 10.8799C14.379 10.4929 14.9893 10.5007 15.3781 10.8976L16.3112 11.8503C16.3114 11.8307 16.3117 11.8111 16.3119 11.7915C16.3503 8.77365 13.901 6.27299 10.869 6.23444C7.83711 6.1959 5.32504 8.63349 5.28667 11.6513C5.24831 14.6691 7.6976 17.1698 10.7295 17.2083C11.2808 17.2154 11.7085 17.652 11.7015 18.2007C11.6945 18.7494 11.2559 19.175 10.7046 19.168C6.57016 19.1154 3.26557 15.7415 3.31788 11.6263C3.3702 7.51107 6.7595 4.22226 10.894 4.27482C15.0087 4.32713 18.333 7.70129 18.2807 11.8165Z",
+    fill: "#2563EB"
+  })]
+});