easy-email-pro-theme 1.59.2 → 1.59.4

package/lib/index.js

@@ -751,6 +751,15 @@ const assignIdsToElementTree = (element, overwrite = false) => {
   loop2(newElement);
   return newElement;
 };
+function shouldInsertAfterHeroSibling({
+  canInsertIntoParent,
+  canInsertIntoTarget,
+  isAutoCompleteEnabled,
+  isBottomHalf,
+  isHeroTarget
+}) {
+  return isAutoCompleteEnabled && isHeroTarget && isBottomHalf && canInsertIntoTarget && canInsertIntoParent;
+}
 const DraggingProviderContext = React__default.createContext({});
 const DraggingProvider = ({
   children
@@ -1037,14 +1046,30 @@ const DraggingProvider = ({
           const node = ReactEditor.toDOMNode(editor, dropElement);
           const rect = node.getBoundingClientRect();
           const isTop = ev.clientY < rect.y + rect.height / 2;
+          const canInsertIntoDropElement = NodeUtils.isParentCategoryType(
+            propsData.element.type,
+            dropElement.type
+          ) && !NodeUtils.isVoidBlockElement(dropElement);
+          const dropParentElement = Node.get(
+            editor,
+            Path.parent(dropPath)
+          );
+          const canInsertIntoDropParent = NodeUtils.isElement(dropParentElement) && NodeUtils.isParentCategoryType(
+            propsData.element.type,
+            dropParentElement.type
+          );
+          const shouldInsertAfterHero = shouldInsertAfterHeroSibling({
+            canInsertIntoParent: canInsertIntoDropParent,
+            canInsertIntoTarget: canInsertIntoDropElement,
+            isAutoCompleteEnabled: Boolean(editorProps.enabledAutoComplete),
+            isBottomHalf: !isTop,
+            isHeroTarget: NodeUtils.isHeroElement(dropElement)
+          });
           let direction = "bottom";
           if (isTop) {
             direction = "top";
           }
-          if (NodeUtils.isParentCategoryType(
-            propsData.element.type,
-            dropElement.type
-          ) && !NodeUtils.isVoidBlockElement(dropElement)) {
+          if (canInsertIntoDropElement && !shouldInsertAfterHero) {
             direction = "middle";
           }
           root2.querySelectorAll("[data-slate-dragover='true']").forEach((item2) => {
@@ -1151,10 +1176,25 @@ const DraggingProvider = ({
           const node = ReactEditor.toDOMNode(editor, dropElement);
           const rect = node.getBoundingClientRect();
           const isTop = ev.clientY < rect.y + rect.height / 2;
-          const isInsert = NodeUtils.isParentCategoryType(
+          const canInsertIntoDropElement = NodeUtils.isParentCategoryType(
             propsData.element.type,
             dropElement.type
           ) && !NodeUtils.isVoidBlockElement(dropElement);
+          const dropParentElement = Node.get(
+            editor,
+            Path.parent(dropPath)
+          );
+          const canInsertIntoDropParent = NodeUtils.isElement(dropParentElement) && NodeUtils.isParentCategoryType(
+            propsData.element.type,
+            dropParentElement.type
+          );
+          const isInsert = canInsertIntoDropElement && !shouldInsertAfterHeroSibling({
+            canInsertIntoParent: canInsertIntoDropParent,
+            canInsertIntoTarget: canInsertIntoDropElement,
+            isAutoCompleteEnabled: Boolean(editorProps.enabledAutoComplete),
+            isBottomHalf: !isTop,
+            isHeroTarget: NodeUtils.isHeroElement(dropElement)
+          });
           let targetPath = [...dropPath];
           if (propsData.action === "move") {
             if (!source)
@@ -1261,24 +1301,7 @@ const DraggingProvider = ({
       root2 == null ? void 0 : root2.removeEventListener("drop", onDrop);
       root2 == null ? void 0 : root2.removeEventListener("mousemove", onMousemove);
     };
-  }, [
-    autoScrollConfig,
-    dragoverType,
-    editor,
-    editorProps.readOnly,
-    inited,
-    isElementDragging,
-    quantityLimitCheck,
-    removeDraggingStyle,
-    removePlaceholder,
-    root2,
-    rootWindow,
-    setDragoverDirection,
-    setDragoverNodePath,
-    setHoverNodePath,
-    setSelectedNodePath,
-    standaloneElementEditing
-  ]);
+  }, [autoScrollConfig, dragoverType, editor, editorProps.enabledAutoComplete, editorProps.readOnly, inited, isElementDragging, quantityLimitCheck, removeDraggingStyle, removePlaceholder, root2, rootWindow, setDragoverDirection, setDragoverNodePath, setHoverNodePath, setSelectedNodePath, standaloneElementEditing]);
   const dragHandle = useMemo(() => {
     return {
       onPointerDown(event) {
@@ -2129,6 +2152,17 @@ function useFontFamily() {
 const useEditorThemeState = () => {
   return useContext(EditorThemeStateContext);
 };
+const MAX_COLOR_PICKER_RECORD_SIZE = 10;
+function getColorPickerList({
+  cacheColors = [],
+  defaultColors = []
+}) {
+  const cachedColors = cacheColors.filter(Boolean);
+  if (cachedColors.length) {
+    return cachedColors.slice(-MAX_COLOR_PICKER_RECORD_SIZE);
+  }
+  return defaultColors.filter(Boolean).slice(-MAX_COLOR_PICKER_RECORD_SIZE);
+}
 const CURRENT_COLORS_KEY = "CURRENT_COLORS_KEY";
 const MAX_RECORD_SIZE = 10;
 const colorDivRef = document.createElement("div");
@@ -2154,9 +2188,10 @@ const ColorContext = React__default.createContext(
 );
 const ColorProvider = ({ children }) => {
   const [list, setList] = useState(
-    [...defaultPresetColor, ...getCacheColors()].slice(
-      -MAX_RECORD_SIZE
-    )
+    getColorPickerList({
+      cacheColors: getCacheColors(),
+      defaultColors: defaultPresetColor
+    })
   );
   const addCurrentColor = useCallback(
     debounce$2((newColor) => {
@@ -2174,9 +2209,10 @@ const ColorProvider = ({ children }) => {
   );
   useEffect(() => {
     const timer = setInterval(() => {
-      const newColors = [...defaultPresetColor, ...getCacheColors()].slice(
-        -MAX_RECORD_SIZE
-      );
+      const newColors = getColorPickerList({
+        cacheColors: getCacheColors(),
+        defaultColors: defaultPresetColor
+      });
       setList(newColors);
     }, 1e3);
     return () => {
@@ -8407,7 +8443,7 @@ const BlockSideBar = ({ height }) => {
           destroyOnHide: true,
           key: "AI-Agent",
           className: "easy-email-pro-block-sidebar-ai-agent",
-          title: /* @__PURE__ */ React__default.createElement("div", { className: "easy-email-pro-block-sidebar-ai-agent-title" }, t("AI"))
+          title: /* @__PURE__ */ React__default.createElement("div", { className: "easy-email-pro-block-sidebar-ai-agent-title" }, t("Agent"))
         },
         /* @__PURE__ */ React__default.createElement(
           SharedComponents.FullHeightOverlayScrollbars,
@@ -10034,55 +10070,55 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q = [
+const __iconNode$r = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
 ];
-const Clock = createLucideIcon("Clock", __iconNode$q);
+const Clock = createLucideIcon("Clock", __iconNode$r);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p = [
+const __iconNode$q = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M12 3v18", key: "108xh3" }]
 ];
-const Columns2 = createLucideIcon("Columns2", __iconNode$p);
+const Columns2 = createLucideIcon("Columns2", __iconNode$q);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$o = [
+const __iconNode$p = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("Ellipsis", __iconNode$o);
+const Ellipsis = createLucideIcon("Ellipsis", __iconNode$p);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [
+const __iconNode$o = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("FileText", __iconNode$n);
+const FileText = createLucideIcon("FileText", __iconNode$o);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$n = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
@@ -10090,151 +10126,151 @@ const __iconNode$m = [
   ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
   ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
 ];
-const GripVertical = createLucideIcon("GripVertical", __iconNode$m);
+const GripVertical = createLucideIcon("GripVertical", __iconNode$n);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [
+const __iconNode$m = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
 ];
-const Heading1 = createLucideIcon("Heading1", __iconNode$l);
+const Heading1 = createLucideIcon("Heading1", __iconNode$m);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$l = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
 ];
-const Heading2 = createLucideIcon("Heading2", __iconNode$k);
+const Heading2 = createLucideIcon("Heading2", __iconNode$l);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$k = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
   ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
 ];
-const Heading3 = createLucideIcon("Heading3", __iconNode$j);
+const Heading3 = createLucideIcon("Heading3", __iconNode$k);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$j = [
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17 10v3a1 1 0 0 0 1 1h3", key: "tj5zdr" }],
   ["path", { d: "M21 10v8", key: "1kdml4" }],
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }]
 ];
-const Heading4 = createLucideIcon("Heading4", __iconNode$i);
+const Heading4 = createLucideIcon("Heading4", __iconNode$j);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$i = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-const Image$5 = createLucideIcon("Image", __iconNode$h);
+const Image$5 = createLucideIcon("Image", __iconNode$i);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$h = [
   ["rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5", key: "2e1cvw" }],
   ["path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z", key: "9exkf1" }],
   ["line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5", key: "r4j83e" }]
 ];
-const Instagram = createLucideIcon("Instagram", __iconNode$g);
+const Instagram = createLucideIcon("Instagram", __iconNode$h);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$g = [
   ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
   ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
   ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
   ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
 ];
-const LayoutGrid = createLucideIcon("LayoutGrid", __iconNode$f);
+const LayoutGrid = createLucideIcon("LayoutGrid", __iconNode$g);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$f = [
   ["rect", { width: "18", height: "7", x: "3", y: "3", rx: "1", key: "f1a2em" }],
   ["rect", { width: "9", height: "7", x: "3", y: "14", rx: "1", key: "jqznyg" }],
   ["rect", { width: "5", height: "7", x: "16", y: "14", rx: "1", key: "q5h2i8" }]
 ];
-const LayoutTemplate = createLucideIcon("LayoutTemplate", __iconNode$e);
+const LayoutTemplate = createLucideIcon("LayoutTemplate", __iconNode$f);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$e = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link$2 = createLucideIcon("Link", __iconNode$d);
+const Link$2 = createLucideIcon("Link", __iconNode$e);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$d = [
   ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }],
   ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
 ];
-const Mail = createLucideIcon("Mail", __iconNode$c);
+const Mail = createLucideIcon("Mail", __iconNode$d);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$c = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M9 21V9", key: "1oto5p" }]
 ];
-const PanelsTopLeft = createLucideIcon("PanelsTopLeft", __iconNode$b);
+const PanelsTopLeft = createLucideIcon("PanelsTopLeft", __iconNode$c);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$b = [
   ["rect", { width: "5", height: "5", x: "3", y: "3", rx: "1", key: "1tu5fj" }],
   ["rect", { width: "5", height: "5", x: "16", y: "3", rx: "1", key: "1v8r4q" }],
   ["rect", { width: "5", height: "5", x: "3", y: "16", rx: "1", key: "1x03jg" }],
@@ -10248,51 +10284,51 @@ const __iconNode$a = [
   ["path", { d: "M21 12v.01", key: "1lwtk9" }],
   ["path", { d: "M12 21v-1", key: "1880an" }]
 ];
-const QrCode = createLucideIcon("QrCode", __iconNode$a);
+const QrCode = createLucideIcon("QrCode", __iconNode$b);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [
+const __iconNode$a = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ];
-const RotateCcw = createLucideIcon("RotateCcw", __iconNode$9);
+const RotateCcw = createLucideIcon("RotateCcw", __iconNode$a);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$9 = [
   ["line", { x1: "3", x2: "21", y1: "12", y2: "12", key: "10d38w" }],
   ["polyline", { points: "8 8 12 4 16 8", key: "zo8t4w" }],
   ["polyline", { points: "16 16 12 20 8 16", key: "1oyrid" }]
 ];
-const SeparatorHorizontal = createLucideIcon("SeparatorHorizontal", __iconNode$8);
+const SeparatorHorizontal = createLucideIcon("SeparatorHorizontal", __iconNode$9);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$8 = [
   ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }],
   ["circle", { cx: "6", cy: "12", r: "3", key: "w7nqdw" }],
   ["circle", { cx: "18", cy: "19", r: "3", key: "1xt0gg" }],
   ["line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49", key: "47mynk" }],
   ["line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49", key: "1n3mei" }]
 ];
-const Share2 = createLucideIcon("Share2", __iconNode$7);
+const Share2 = createLucideIcon("Share2", __iconNode$8);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$7 = [
   [
     "path",
     {
@@ -10310,42 +10346,56 @@ const __iconNode$6 = [
   ["path", { d: "M21 9v2", key: "p14lih" }],
   ["path", { d: "M3 14v1", key: "vnatye" }]
 ];
-const SquareDashedMousePointer = createLucideIcon("SquareDashedMousePointer", __iconNode$6);
+const SquareDashedMousePointer = createLucideIcon("SquareDashedMousePointer", __iconNode$7);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$6 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M7 8h10", key: "1jw688" }],
   ["path", { d: "M7 12h10", key: "b7w52i" }],
   ["path", { d: "M7 16h10", key: "wp8him" }]
 ];
-const SquareMenu = createLucideIcon("SquareMenu", __iconNode$5);
+const SquareMenu = createLucideIcon("SquareMenu", __iconNode$6);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$5 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }],
   ["path", { d: "M12 8v8", key: "napkw2" }]
 ];
-const SquarePlus = createLucideIcon("SquarePlus", __iconNode$4);
+const SquarePlus = createLucideIcon("SquarePlus", __iconNode$5);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$4 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-const Square = createLucideIcon("Square", __iconNode$3);
+const Square = createLucideIcon("Square", __iconNode$4);
+/**
+ * @license lucide-react v0.483.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+];
+const Trash2 = createLucideIcon("Trash2", __iconNode$3);
 /**
  * @license lucide-react v0.483.0 - ISC
  *
@@ -29246,6 +29296,20 @@ const LegacyColorPicker$1 = (props) => {
     }
   ));
 };
+const NATIVE_COLOR_INPUT_FALLBACK = "#000000";
+function getNativeColorInputValue(value) {
+  if (!value)
+    return NATIVE_COLOR_INPUT_FALLBACK;
+  try {
+    return Color$1(value).hex().toUpperCase();
+  } catch (error2) {
+  }
+  try {
+    return Color$1(`#${value}`).hex().toUpperCase();
+  } catch (error2) {
+  }
+  return NATIVE_COLOR_INPUT_FALLBACK;
+}
 const getPickerValue$1 = (value) => {
   if (!value)
     return "";
@@ -29331,6 +29395,14 @@ const NewColorPicker$1 = (props) => {
     setPickerValue(value2);
     debouncedApplyPickerChange(value2);
   });
+  const onNativeInputChange = useEventCallback(
+    (event) => {
+      const value2 = event.target.value.toUpperCase();
+      debouncedApplyPickerChange.cancel();
+      setPickerValue(value2);
+      applyPickerChange(value2);
+    }
+  );
   const onClear = useEventCallback((event) => {
     event.stopPropagation();
     debouncedApplyPickerChange.cancel();
@@ -29355,38 +29427,82 @@ const NewColorPicker$1 = (props) => {
     };
   }, [onVisibleChange]);
   const showClearButton = allowClear && !arcoColorPickerProps.disabled && Boolean(value || pickerValue);
-  return /* @__PURE__ */ React__default.createElement(ArcoColorPickerConfigProvider, null, /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", alignItems: "center", width: "100%" } }, /* @__PURE__ */ React__default.createElement(
-    ColorPicker$2,
-    __spreadProps(__spreadValues({}, arcoColorPickerProps), {
-      value: pickerValue,
-      format: "hex",
-      style: __spreadValues({ width: "100%", flex: 1 }, arcoColorPickerProps.style),
-      popupVisible,
-      onVisibleChange,
-      onChange: onPickerChange,
-      historyColors: colors,
-      disabledAlpha: true,
-      showHistory: true,
-      showText: true,
-      triggerProps: __spreadProps(__spreadValues({}, arcoColorPickerProps.triggerProps), {
-        getPopupContainer: ((_b = arcoColorPickerProps.triggerProps) == null ? void 0 : _b.getPopupContainer) || getPopupContainer,
-        className: [
-          (_c = arcoColorPickerProps.triggerProps) == null ? void 0 : _c.className,
-          "easy-email-pro-theme-color-picker-popup"
-        ].filter(Boolean).join(" ")
-      })
-    })
-  ), showClearButton ? /* @__PURE__ */ React__default.createElement(
-    Button$2,
+  return /* @__PURE__ */ React__default.createElement(ArcoColorPickerConfigProvider, null, /* @__PURE__ */ React__default.createElement(
+    "div",
     {
-      "aria-label": "Clear color",
-      icon: /* @__PURE__ */ React__default.createElement(IconClose, null),
-      onClick: onClear,
-      size: "mini",
-      type: "text",
-      style: { marginLeft: 4, flex: "none" }
-    }
-  ) : null));
+      style: {
+        display: "flex",
+        alignItems: "center",
+        position: "relative",
+        width: "100%"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      ColorPicker$2,
+      __spreadProps(__spreadValues({}, arcoColorPickerProps), {
+        value: pickerValue,
+        format: "hex",
+        style: __spreadValues({ width: "100%", flex: 1 }, arcoColorPickerProps.style),
+        popupVisible,
+        onVisibleChange,
+        onChange: onPickerChange,
+        historyColors: colors,
+        disabledAlpha: true,
+        showHistory: true,
+        showText: true,
+        triggerProps: __spreadProps(__spreadValues({}, arcoColorPickerProps.triggerProps), {
+          getPopupContainer: ((_b = arcoColorPickerProps.triggerProps) == null ? void 0 : _b.getPopupContainer) || getPopupContainer,
+          className: [
+            (_c = arcoColorPickerProps.triggerProps) == null ? void 0 : _c.className,
+            "easy-email-pro-theme-color-picker-popup"
+          ].filter(Boolean).join(" ")
+        })
+      })
+    ),
+    !arcoColorPickerProps.disabled ? /* @__PURE__ */ React__default.createElement(Tooltip, { content: t("Pick a color"), position: "top" }, /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          left: 0,
+          top: 0,
+          width: 32,
+          height: "100%"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        "input",
+        {
+          "aria-label": "Native color picker",
+          type: "color",
+          value: getNativeColorInputValue(pickerValue || mergeTagColor),
+          onChange: onNativeInputChange,
+          onClick: (event) => event.stopPropagation(),
+          style: {
+            position: "absolute",
+            inset: 0,
+            width: "100%",
+            height: "100%",
+            opacity: 0,
+            cursor: "pointer",
+            border: 0,
+            padding: 0
+          }
+        }
+      )
+    )) : null,
+    showClearButton ? /* @__PURE__ */ React__default.createElement(
+      Button$2,
+      {
+        "aria-label": "Clear color",
+        icon: /* @__PURE__ */ React__default.createElement(IconClose, null),
+        onClick: onClear,
+        size: "mini",
+        type: "text",
+        style: { marginLeft: 4, flex: "none" }
+      }
+    ) : null
+  ));
 };
 const ColorPickerContainer = (props) => {
   var _b;
@@ -41090,7 +41206,8 @@ function EasyEmailProAiAgent({
   onChooseDecision,
   onCancelDecision,
   onRestoreSnapshot,
-  onQuickAction
+  onQuickAction,
+  onClearHistory
 }) {
   var _a;
   assertAiAgentFeatureEnabled();
@@ -41517,7 +41634,7 @@ function EasyEmailProAiAgent({
         }
       }
     }
-  ), /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-hint" }, t("Enter to send / Shift + Enter for new line"))), /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     "input",
     {
       ref: inputRef,
@@ -41527,7 +41644,7 @@ function EasyEmailProAiAgent({
       multiple: true,
       onChange: (event) => uploadFiles(event.currentTarget.files)
     }
-  ), /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-actions" }, /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-actions-left" }, /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: "eep-ai-agent__attach",
@@ -41541,6 +41658,35 @@ function EasyEmailProAiAgent({
     },
     /* @__PURE__ */ React__default.createElement(Icon, { name: "attach" })
   ), /* @__PURE__ */ React__default.createElement(
+    Popconfirm,
+    {
+      focusLock: true,
+      title: t("Clear this conversation?"),
+      okText: t("Clear"),
+      cancelText: t("Cancel"),
+      okButtonProps: {
+        status: "danger"
+      },
+      onOk: () => {
+        void (onClearHistory == null ? void 0 : onClearHistory());
+        setDraft("");
+        setAttachments([]);
+        setUploadError("");
+        setQuickActionsExpanded(false);
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "button",
+      {
+        className: "eep-ai-agent__clear-history",
+        type: "button",
+        disabled,
+        "aria-label": t("Clear conversation"),
+        title: t("Clear conversation")
+      },
+      /* @__PURE__ */ React__default.createElement(Trash2, { size: 15, strokeWidth: 2, "aria-hidden": "true" })
+    )
+  ), /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-hint" }, t("Enter to send / Shift + Enter for new line"))), /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__composer-actions-right" }, /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: "eep-ai-agent__send",
@@ -41550,7 +41696,7 @@ function EasyEmailProAiAgent({
       "aria-label": t("Send")
     },
     /* @__PURE__ */ React__default.createElement(Icon, { name: "send" })
-  ))), previewAttachment ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__lightbox", role: "dialog", "aria-modal": "true", onClick: () => setPreviewAttachment(null) }, /* @__PURE__ */ React__default.createElement(
+  ))))), previewAttachment ? /* @__PURE__ */ React__default.createElement("div", { className: "eep-ai-agent__lightbox", role: "dialog", "aria-modal": "true", onClick: () => setPreviewAttachment(null) }, /* @__PURE__ */ React__default.createElement(
     "button",
     {
       className: "eep-ai-agent__lightbox-close",
@@ -42301,6 +42447,19 @@ ${errors.join("\n")}` : toolCallsText(__spreadProps(__spreadValues({}, payload),
   const clearPendingDecision = useCallback(() => {
     setPendingDecision(null);
   }, []);
+  const clearHistory = useCallback(() => {
+    abortStream();
+    activeRunRef.current = null;
+    setPendingDecision(null);
+    setPendingChange(null);
+    setApplyingPendingChange(false);
+    setActivity("");
+    setStatus("ready");
+    commitHistory(
+      () => normalizeHistory(void 0, optionsRef.current.initialMessages),
+      { type: "history.cleared" }
+    );
+  }, [abortStream, commitHistory]);
   const stop = useCallback(() => __async(this, null, function* () {
     abortStream();
     activeRunRef.current = null;
@@ -42323,6 +42482,7 @@ ${errors.join("\n")}` : toolCallsText(__spreadProps(__spreadValues({}, payload),
     applyPendingChange,
     chooseDecision,
     clearPendingDecision,
+    clearHistory,
     restoreSnapshot,
     send,
     stop
@@ -42631,6 +42791,7 @@ function AiAgentPanel({
       onUpload: uploadOverride || editorUpload ? uploadAttachment : void 0,
       onChooseDecision: session.chooseDecision,
       onCancelDecision: session.clearPendingDecision,
+      onClearHistory: session.clearHistory,
       onRestoreSnapshot: (snapshotOptions == null ? void 0 : snapshotOptions.onRestore) ? session.restoreSnapshot : void 0
     }
   );
@@ -44865,11 +45026,92 @@ const normalizeElements = (element) => {
     children: sortedChildren
   }));
 };
+const HEX_COLOR_REGEXP = /#[0-9a-fA-F]{3,8}\b/g;
+const RGB_COLOR_REGEXP = /rgba?\([^)]*\)/gi;
+const COLOR_KEY_REGEXP = /color/i;
+const VARIABLE_COLOR_REGEXP = /(\{\{.*\}\}|\$\(|^var\()/i;
+function getInitialColorPickerHistoryColors(initialColors = []) {
+  return [...new Set(initialColors)].filter(Boolean).slice(-10);
+}
+function isValidColor(value) {
+  if (VARIABLE_COLOR_REGEXP.test(value))
+    return false;
+  try {
+    Color$1(value);
+    return true;
+  } catch (error2) {
+    return false;
+  }
+}
+function getColorMatchesInOrder(value) {
+  return [
+    ...[...value.matchAll(HEX_COLOR_REGEXP)].map((match) => ({
+      color: match[0],
+      index: match.index || 0
+    })),
+    ...[...value.matchAll(RGB_COLOR_REGEXP)].map((match) => ({
+      color: match[0],
+      index: match.index || 0
+    }))
+  ].sort((a, b) => a.index - b.index).map((match) => match.color).filter(isValidColor);
+}
+function collectColorsFromJson(value, key2, result) {
+  if (typeof value === "string") {
+    const colorMatches = getColorMatchesInOrder(value);
+    if (colorMatches.length) {
+      result.push(...colorMatches);
+      return;
+    }
+    const trimmedValue = value.trim();
+    if (key2 && COLOR_KEY_REGEXP.test(key2) && isValidColor(trimmedValue)) {
+      result.push(trimmedValue);
+    }
+    return;
+  }
+  if (Array.isArray(value)) {
+    value.forEach((item2) => collectColorsFromJson(item2, key2, result));
+    return;
+  }
+  if (!value || typeof value !== "object")
+    return;
+  Object.entries(value).forEach(
+    ([childKey, childValue]) => collectColorsFromJson(childValue, childKey, result)
+  );
+}
+function extractColorPickerColorsFromJson(value) {
+  const result = [];
+  collectColorsFromJson(value, void 0, result);
+  return [...new Set(result)];
+}
+function getInitialColorPickerColors({
+  colorPicker,
+  content: content2
+}) {
+  const initialColors = (colorPicker == null ? void 0 : colorPicker.initialColors) || [];
+  const extractedColors = (colorPicker == null ? void 0 : colorPicker.autoExtractColors) ? extractColorPickerColorsFromJson(content2) : [];
+  return [.../* @__PURE__ */ new Set([...initialColors, ...extractedColors])].filter(Boolean);
+}
+function syncInitialColorPickerColors({
+  colorPicker,
+  content: content2
+}) {
+  const initialColors = getInitialColorPickerColors({ colorPicker, content: content2 });
+  if (!initialColors.length)
+    return;
+  if (typeof localStorage === "undefined")
+    return;
+  localStorage.setItem(
+    "CURRENT_COLORS_KEY",
+    JSON.stringify(getInitialColorPickerHistoryColors(initialColors))
+  );
+}
 const useCreateConfig$1 = (_m) => {
   var _n = _m, {
+    colorPicker,
     interactiveStyle,
     hoveringToolbar
   } = _n, rest = __objRest(_n, [
+    "colorPicker",
     "interactiveStyle",
     "hoveringToolbar"
   ]);
@@ -44889,6 +45131,10 @@ const useCreateConfig$1 = (_m) => {
     initialValues.content.children = widgetElement.children;
     initialValues.widgetElement = widgetElement;
   }
+  syncInitialColorPickerColors({
+    colorPicker,
+    content: initialValues.content
+  });
   return __spreadProps(__spreadValues({
     editor,
     withEnhanceEditor: withTheme$1,

package/lib/style.css

@@ -2600,13 +2600,12 @@ THEMES:
 }
 
 .eep-ai-agent__composer {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 38px 38px;
+  display: flex;
+  flex-direction: column;
   gap: 8px;
-  align-items: end;
   border: 1px solid var(--eep-ai-line-strong);
   border-radius: 8px;
-  padding: 9px;
+  padding: 10px;
   background: var(--eep-ai-surface);
   box-shadow: var(--eep-ai-shadow);
 }
@@ -2628,7 +2627,7 @@ THEMES:
   resize: none;
   border: 0;
   outline: 0;
-  padding: 6px 4px 2px;
+  padding: 4px 4px 0;
   color: var(--eep-ai-text);
   background: transparent;
   font-size: 13px;
@@ -2640,36 +2639,80 @@ THEMES:
 }
 
 .eep-ai-agent__composer-hint {
-  padding: 1px 4px 0;
+  min-width: 0;
   color: var(--eep-ai-subtle);
   font-size: 11px;
   line-height: 1.35;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .eep-ai-agent__file-input {
   display: none;
 }
 
+.eep-ai-agent__composer-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  min-height: 34px;
+}
+
+.eep-ai-agent__composer-actions-left,
+.eep-ai-agent__composer-actions-right {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+
+.eep-ai-agent__composer-actions-left {
+  flex: 1 1 auto;
+  gap: 8px;
+}
+
+.eep-ai-agent__composer-actions-right {
+  flex: 0 0 auto;
+  justify-content: flex-end;
+}
+
 .eep-ai-agent__attach,
+.eep-ai-agent__clear-history,
 .eep-ai-agent__send {
-  width: 38px;
-  height: 38px;
+  flex: 0 0 auto;
+  width: 34px;
+  height: 34px;
   border-radius: 8px;
   display: grid;
   place-items: center;
   cursor: pointer;
 }
 
-.eep-ai-agent__attach {
+.eep-ai-agent__attach,
+.eep-ai-agent__clear-history {
   border: 1px solid var(--eep-ai-line);
   background: var(--eep-ai-surface);
   color: var(--eep-ai-text);
 }
 
-.eep-ai-agent__attach:hover {
+.eep-ai-agent__attach:hover,
+.eep-ai-agent__clear-history:hover {
   background: #f4f4f5;
 }
 
+.eep-ai-agent__clear-history {
+  color: var(--eep-ai-muted);
+}
+
+.eep-ai-agent__clear-history:hover {
+  color: var(--eep-ai-text);
+}
+
+.eep-ai-agent__clear-history:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
 .eep-ai-agent__send {
   border: 0;
   background: var(--eep-ai-primary);

package/lib/typings/components/AIAgent/App.d.ts

@@ -59,6 +59,7 @@ export type EasyEmailProAiAgentProps = {
     onRestoreVersion?: (version: AiChangeVersion) => void;
     onStepVersion?: (version: AiChangeVersion, direction: "previous" | "next") => void;
     onQuickAction?: (action: string) => void | Promise<void>;
+    onClearHistory?: () => void | Promise<void>;
     onClose?: () => void;
 };
-export declare function EasyEmailProAiAgent({ className, messages, activity, disabled, sendDisabled, quickActions, pendingAction, pendingDecision, placeholder, onSend, onUpload, onChooseDecision, onCancelDecision, onRestoreSnapshot, onQuickAction, }: EasyEmailProAiAgentProps): React.JSX.Element;
+export declare function EasyEmailProAiAgent({ className, messages, activity, disabled, sendDisabled, quickActions, pendingAction, pendingDecision, placeholder, onSend, onUpload, onChooseDecision, onCancelDecision, onRestoreSnapshot, onQuickAction, onClearHistory, }: EasyEmailProAiAgentProps): React.JSX.Element;

package/lib/typings/components/AIAgent/useAiAgentSession.d.ts

@@ -25,6 +25,8 @@ export type AiAgentHistoryChange = {
     type: "message.updated";
     messageId: string;
     patch: Partial<AiAgentMessage>;
+} | {
+    type: "history.cleared";
 } | {
     type: "snapshot.created";
     snapshot: AiAgentSnapshotMeta;
@@ -71,6 +73,7 @@ export declare function useAiAgentSession(options: UseAiAgentSessionOptions): {
     applyPendingChange: () => Promise<void>;
     chooseDecision: (choice: AiDecisionChoice, response: AiDecisionResponsePayload) => Promise<void>;
     clearPendingDecision: () => void;
+    clearHistory: () => void;
     restoreSnapshot: (snapshotId: string) => Promise<void>;
     send: (message: string, attachments?: AiAgentAttachment[], decisionResponse?: AiDecisionResponsePayload) => Promise<void>;
     stop: () => Promise<void>;

package/lib/typings/components/Form/ColorPicker/nativeColorInput.d.ts

@@ -0,0 +1,2 @@
+export declare const NATIVE_COLOR_INPUT_FALLBACK = "#000000";
+export declare function getNativeColorInputValue(value?: string): string;

package/lib/typings/components/Providers/colorPickerColorList.d.ts

@@ -0,0 +1,5 @@
+export declare const MAX_COLOR_PICKER_RECORD_SIZE = 10;
+export declare function getColorPickerList({ cacheColors, defaultColors, }: {
+    cacheColors?: string[];
+    defaultColors?: string[];
+}): string[];

package/lib/typings/components/Providers/draggingDropPosition.d.ts

@@ -0,0 +1,7 @@
+export declare function shouldInsertAfterHeroSibling({ canInsertIntoParent, canInsertIntoTarget, isAutoCompleteEnabled, isBottomHalf, isHeroTarget, }: {
+    canInsertIntoParent: boolean;
+    canInsertIntoTarget: boolean;
+    isAutoCompleteEnabled: boolean;
+    isBottomHalf: boolean;
+    isHeroTarget: boolean;
+}): boolean;

package/lib/typings/themes/Retro/index.d.ts

@@ -2,7 +2,7 @@ import { EmailEditorProps } from "easy-email-pro-editor";
 import React from "react";
 import { ThemeConfigProps } from "../../typings";
 export declare const Retro: {
-    useCreateConfig: ({ interactiveStyle, hoveringToolbar, ...rest }: Omit<ThemeConfigProps, "editor" | "widgetElement">) => Omit<EmailEditorProps, "children"> & Omit<EmailEditorProps, "children">;
+    useCreateConfig: ({ colorPicker, interactiveStyle, hoveringToolbar, ...rest }: Omit<ThemeConfigProps, "editor" | "widgetElement">) => Omit<EmailEditorProps, "children"> & Omit<EmailEditorProps, "children">;
     Layout: React.FC<{
         children?: React.ReactNode;
         header?: React.ReactNode;

package/lib/typings/themes/Retro/initialColorPickerColors.d.ts

@@ -0,0 +1,16 @@
+import { getColorPickerList } from "../../components/Providers/colorPickerColorList";
+export interface RetroColorPickerConfig {
+    initialColors?: string[];
+    autoExtractColors?: boolean;
+}
+export { getColorPickerList };
+export declare function getInitialColorPickerHistoryColors(initialColors?: string[]): string[];
+export declare function extractColorPickerColorsFromJson(value: unknown): string[];
+export declare function getInitialColorPickerColors({ colorPicker, content, }: {
+    colorPicker?: RetroColorPickerConfig;
+    content?: unknown;
+}): string[];
+export declare function syncInitialColorPickerColors({ colorPicker, content, }: {
+    colorPicker?: RetroColorPickerConfig;
+    content?: unknown;
+}): void;

package/lib/typings/typings/custom-types.d.ts

@@ -206,6 +206,10 @@ export interface PluginsCustomEditorTypes {
             topTriggerArea?: number;
             scrollDelay?: number;
         } | true;
+        colorPicker?: {
+            initialColors?: string[];
+            autoExtractColors?: boolean;
+        };
     };
     EmailTemplate: BasicEmailTemplate;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.59.2",
+  "version": "1.59.4",
   "description": "",
   "files": [
     "lib"