easy-email-pro-theme 1.15.3 → 1.16.0

package/lib/index.js

@@ -54,14 +54,14 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { classnames, useEditorState, useEditorProps, useRefState, isDOMElement, useEventCallback, useSelectedNode, validation, CustomEvent, ActiveTabKeys, EmailEditorProvider, EmailEditor, useForceUpdate, toggleFormat, TextFormat, IframeComponent, HtmlStringToReactNodes, isFormatActive } from "easy-email-pro-editor";
+import { classnames, useEditorState, useEditorProps, useRefState, isDOMElement, useMergeTagsData, useEventCallback, useSelectedNode, validation, CustomEvent, ActiveTabKeys, EmailEditorProvider, EmailEditor, useForceUpdate, toggleFormat, TextFormat, IframeComponent, HtmlStringToReactNodes, isFormatActive } from "easy-email-pro-editor";
 import { useSlate, ReactEditor, useSlateStatic } from "slate-react";
 import * as React$2 from "react";
 import React__default, { useRef, useState, useEffect, useCallback as useCallback$1, useMemo as useMemo$1, createContext, useContext, useLayoutEffect, useReducer, memo, cloneElement, forwardRef, Suspense, Component, PureComponent } from "react";
 import { NodeUtils, BlockManager, ElementType, EditorCore, t, ElementCategory, classnames as classnames$1, StandardType, PluginManager, EditorAuth, ConditionOperator, ConditionOperatorSymbol } from "easy-email-pro-core";
 import { Editor, Node as Node$1, Transforms, Path, createEditor, Text as Text$2, Range, Element as Element$1, Point } from "slate";
 import ReactDOM, { createPortal, unstable_batchedUpdates } from "react-dom";
-import { cloneDeep, isEqual as isEqual$3, get, set, omit as omit$2, merge as merge$1, debounce as debounce$2, isUndefined as isUndefined$1, isString as isString$1, isNumber as isNumber$1, uniqueId, upperFirst, isFunction as isFunction$5, sum, flatMap, camelCase } from "lodash";
+import { cloneDeep, get, isEqual as isEqual$3, set, omit as omit$2, merge as merge$1, debounce as debounce$2, isUndefined as isUndefined$1, isString as isString$1, isNumber as isNumber$1, uniqueId, camelCase, upperFirst, isFunction as isFunction$5, sum, flatMap } from "lodash";
 import { Form, Input, Modal, Collapse as Collapse$1, Space, Empty, Card, Grid, Button as Button$1, Radio, Message, Popover, Spin, Select as Select$1, Drawer, Divider as Divider$1, Switch, Tabs, Slider, Typography as Typography$1, InputNumber, Tooltip, Tag, Link as Link$1, List, Alert, Popconfirm, PageHeader, Skeleton, Layout as Layout$2 } from "@arco-design/web-react";
 import { IconDelete, IconClose, IconPlus, IconCopy, IconDragArrow, IconLock, IconUnlock, IconQuestionCircle, IconLink, IconCloud, IconEdit, IconLeft, IconUndo, IconRedo, IconMinus, IconEye, IconSubscribeAdd, IconCheckCircleFill } from "@arco-design/web-react/icon";
 import mjml from "mjml-browser";
@@ -939,16 +939,10 @@ const EditorContextProvider = (props) => {
   const { form } = Form.useFormContext();
   const values2 = form.getFieldsValue();
   const { attributesVariables } = useEditorProps();
-  const [mergetagsData, setMergetagsData] = useState({});
+  const { mergetagsData, setMergetagsData } = useMergeTagsData();
   const initialValuesRef = useRef(props.initialValues);
   const lastAdapterNonPageValues = useRef({});
-  const mergetagsDataRef = useRefState(mergetagsData);
   const [inited, setInited] = useState(false);
-  useEffect(() => {
-    if (isEqual$3(props.mergetagsData, mergetagsDataRef.current))
-      return;
-    setMergetagsData(cloneDeep(props.mergetagsData) || {});
-  }, [mergetagsDataRef, props.mergetagsData]);
   const pageElement = editor.children[0];
   useEffect(() => {
     const timer = setInterval(() => {
@@ -1107,6 +1101,7 @@ const EditorContextProvider = (props) => {
   }, [
     adapterValues,
     mergetagsData,
+    setMergetagsData,
     inited,
     pageDataVariables,
     setFieldValue,
@@ -2092,8 +2087,9 @@ const UniversalListItem = ({
         style: {
           backgroundImage: `url(${thumbnail})`,
           height: 120,
-          backgroundSize: "cover",
-          backgroundPosition: "center center"
+          backgroundSize: "100%",
+          backgroundPosition: "center center",
+          backgroundRepeat: "no-repeat"
         }
       }
     )
@@ -16485,13 +16481,298 @@ axios.formToJSON = (thing) => formDataToJSON(utils$5.isHTMLForm(thing) ? new For
 axios.HttpStatusCode = HttpStatusCode$1;
 axios.default = axios;
 const axios$1 = axios;
+const HtmlNodeAdapter = (content) => {
+  const div = document.createElement("div");
+  div.innerHTML = content;
+  return Array.from(div.childNodes).map((node) => {
+    return getItemNode(node);
+  });
+};
+const getItemNode = (node) => {
+  var _a2;
+  if (node.nodeType === Node.TEXT_NODE) {
+    return {
+      text: ((_a2 = node.textContent) == null ? void 0 : _a2.replace(/^\s+/, " ").replace(/\s+$/, " ")) || ""
+    };
+  } else if (node.nodeType === Node.ELEMENT_NODE && node instanceof Element) {
+    const attrs = {};
+    node.getAttributeNames().forEach((name) => {
+      let key2 = camelCase(name);
+      if (key2 === "class") {
+        key2 = "className";
+      }
+      attrs[key2] = node.getAttribute(name) || "";
+    });
+    const tagName = node.tagName.toLowerCase();
+    if (tagName === "br") {
+      return BlockManager.getBlockByType(ElementType.LINE_BREAK).create({
+        attributes: {},
+        data: {},
+        children: [{ text: "" }]
+      });
+    }
+    return BlockManager.getBlockByType(ElementType.HTML_NODE).create({
+      attributes: attrs,
+      data: {
+        tagName
+      },
+      children: Array.from(node.childNodes).map((child) => getItemNode(child))
+    });
+  }
+  throw new Error("Invalid node");
+};
+const formatPadding = (element) => {
+  if (element.attributes.padding) {
+    const div = document.createElement("div");
+    div.style.padding = get(element.attributes, "padding");
+    if (get(element.attributes, "padding-top")) {
+      div.style.paddingTop = get(element.attributes, "padding-top");
+    }
+    if (get(element.attributes, "padding-bottom")) {
+      div.style.paddingTop = get(element.attributes, "padding-bottom");
+    }
+    if (get(element.attributes, "padding-left")) {
+      div.style.paddingTop = get(element.attributes, "padding-left");
+    }
+    if (get(element.attributes, "padding-right")) {
+      div.style.paddingTop = get(element.attributes, "padding-right");
+    }
+    delete element.attributes.padding;
+    element.attributes["padding-top"] = div.style.paddingTop;
+    element.attributes["padding-bottom"] = div.style.paddingBottom;
+    element.attributes["padding-left"] = div.style.paddingLeft;
+    element.attributes["padding-right"] = div.style.paddingRight;
+  }
+  if (element.attributes["inner-padding"]) {
+    const div = document.createElement("div");
+    div.style.padding = get(element.attributes, "inner-padding");
+    if (get(element.attributes, "inner-padding-top")) {
+      div.style.paddingTop = get(element.attributes, "inner-padding-top");
+    }
+    if (get(element.attributes, "inner-padding-bottom")) {
+      div.style.paddingTop = get(element.attributes, "inner-padding-bottom");
+    }
+    if (get(element.attributes, "inner-padding-left")) {
+      div.style.paddingTop = get(element.attributes, "inner-padding-left");
+    }
+    if (get(element.attributes, "inner-padding-right")) {
+      div.style.paddingTop = get(element.attributes, "inner-padding-right");
+    }
+    delete element.attributes["inner-padding"];
+    element.attributes["inner-padding-top"] = div.style.paddingTop;
+    element.attributes["inner-padding-bottom"] = div.style.paddingBottom;
+    element.attributes["inner-padding-left"] = div.style.paddingLeft;
+    element.attributes["inner-padding-right"] = div.style.paddingRight;
+  }
+  return element;
+};
+function basicElementToStandardElement(element) {
+  const standardType = "standard-" + element.type;
+  switch (element.type) {
+    case ElementType.WRAPPER:
+    case ElementType.HERO:
+    case ElementType.SECTION:
+    case ElementType.GROUP:
+    case ElementType.COLUMN:
+    case ElementType.TEXT:
+    case ElementType.BUTTON:
+    case ElementType.IMAGE:
+    case ElementType.NAVBAR:
+    case ElementType.SOCIAL:
+    case ElementType.SPACER:
+    case ElementType.SOCIAL_ELEMENT:
+    case ElementType.NAVBAR_LINK:
+      const standardElement = __spreadValues({}, element);
+      if ([ElementType.HERO, ElementType.SECTION].includes(
+        element.type
+      )) {
+        standardElement.attributes["background-image-enabled"] = true;
+      }
+      if ([
+        ElementType.BUTTON,
+        ElementType.IMAGE,
+        ElementType.SECTION
+      ].includes(element.type)) {
+        if (standardElement.attributes["border"] && standardElement.attributes["border"].trim() !== "none" || standardElement.attributes["border-width"]) {
+          standardElement.attributes["border-enabled"] = true;
+        }
+      }
+      return __spreadProps(__spreadValues({}, formatPadding(element)), {
+        type: standardType
+      });
+  }
+  return element;
+}
+const mjmlToJson = (content) => {
+  const domParser = new DOMParser();
+  const dom = domParser.parseFromString(content, "text/xml");
+  const root2 = dom.firstChild;
+  if (root2.tagName !== "mjml") {
+    throw new Error("mjmlToJson: invalid mjml. First node must be mjml");
+  }
+  if (root2.tagName === "mjml") {
+    const { json } = mjml(content, {
+      validationLevel: "soft"
+    });
+    const parseValue = mjmlTransform(json);
+    return parseValue;
+  }
+  const transform = (node) => {
+    if (node.tagName === "parsererror") {
+      throw new Error("Invalid content");
+    }
+    const attributes = {};
+    node.getAttributeNames().forEach((name) => {
+      const value = node.getAttribute(name);
+      if (isString$1(value)) {
+        attributes[name] = value;
+      }
+    });
+    const type = node.tagName.replace("mj-", "");
+    if (!BlockManager.getBlockByType(type)) {
+      if (!node.parentElement || node.parentElement.tagName !== "mj-text")
+        throw new Error("Invalid content");
+    }
+    const block = {
+      type,
+      attributes,
+      data: {},
+      children: [...node.children].filter((item2) => item2 instanceof Element).map(transform)
+    };
+    switch (type) {
+      case ElementType.TEXT:
+        block.data.value.content = node.innerHTML;
+        block.children = [];
+    }
+    return block;
+  };
+  return transform(root2);
+};
+function mjmlTransform(data) {
+  const transform = (item2) => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
+    const attributes = item2.attributes;
+    switch (item2.tagName) {
+      case "mjml":
+        const body = (_a2 = item2.children) == null ? void 0 : _a2.find((item22) => item22.tagName === "mj-body");
+        if (!body) {
+          throw new Error("Invalid content");
+        }
+        const head = (_b = item2.children) == null ? void 0 : _b.find((item22) => item22.tagName === "mj-head");
+        const fonts = ((_c = head == null ? void 0 : head.children) == null ? void 0 : _c.filter((child) => child.tagName === "mj-font").map((child) => ({
+          name: child.attributes.name,
+          href: child.attributes.href
+        }))) || [];
+        const headStyles = (_d = head == null ? void 0 : head.children) == null ? void 0 : _d.filter((item22) => item22.tagName === "mj-style").map((item22) => ({
+          content: item22.content || "",
+          inline: item22.inline
+        }));
+        const breakpoint = (_e = head == null ? void 0 : head.children) == null ? void 0 : _e.find(
+          (item22) => item22.tagName === "mj-breakpoint"
+        );
+        const preheader = (_f = head == null ? void 0 : head.children) == null ? void 0 : _f.find(
+          (item22) => item22.tagName === "mj-preview"
+        );
+        const page = BlockManager.getBlockByType(ElementType.PAGE).create({
+          attributes: __spreadValues({
+            "margin-top": "0px",
+            "margin-bottom": "0px"
+          }, body.attributes),
+          children: (_g = body.children) == null ? void 0 : _g.map(transform),
+          data: {
+            headStyles,
+            fonts,
+            breakpoint: breakpoint == null ? void 0 : breakpoint.attributes.breakpoint,
+            preheader: preheader == null ? void 0 : preheader.content
+          }
+        });
+        const mjAttributes = ((_i = (_h = head == null ? void 0 : head.children) == null ? void 0 : _h.find((item22) => item22.tagName === "mj-attributes")) == null ? void 0 : _i.children) || [];
+        mjAttributes.forEach((item22) => {
+          item22 = formatPadding(item22);
+          if (item22.tagName === "mj-all") {
+            page.data.globalAttributes = __spreadValues(__spreadValues({}, page.data.globalAttributes), item22.attributes);
+          } else if (item22.tagName === "mj-class") {
+            const name = item22.attributes.name;
+            delete item22.attributes.name;
+            page.data.classAttributes = __spreadProps(__spreadValues({}, page.data.classAttributes), {
+              [name]: item22.attributes
+            });
+          } else {
+            page.data.categoryAttributes = __spreadProps(__spreadValues({}, page.data.categoryAttributes), {
+              [item22.tagName.replace("mj-", "")]: item22.attributes
+            });
+          }
+        });
+        return page;
+      default:
+        const tag = item2.tagName.replace("mj-", "").toLowerCase();
+        const block = BlockManager.getBlockByType(tag);
+        if (!block) {
+          throw new Error(`${tag} block no found `);
+        }
+        const payload = {
+          type: block.type,
+          attributes,
+          data: {},
+          children: []
+        };
+        switch (block.type) {
+          case ElementType.TEXT:
+          case ElementType.BUTTON:
+          case ElementType.NAVBAR_LINK:
+          case ElementType.SOCIAL_ELEMENT:
+            payload.children = HtmlNodeAdapter(item2.content || "");
+            break;
+          default:
+            if (item2.children) {
+              payload.children = item2.children.map(transform);
+            }
+        }
+        if (payload.children.length === 0) {
+          payload.children = [{ text: "" }];
+        }
+        const blockData = block.create(payload);
+        return basicElementToStandardElement(blockData);
+    }
+  };
+  return transform(data);
+}
+const getMergeTagsByType = (mergetags, type) => {
+  const list = [];
+  mergetags == null ? void 0 : mergetags.forEach((item2) => {
+    var _a2;
+    const textItems = (_a2 = item2.children) == null ? void 0 : _a2.filter((item22) => {
+      if (type === "text") {
+        return !item22.type || item22.type === type;
+      }
+      return item22.type === type;
+    });
+    if (textItems && (textItems == null ? void 0 : textItems.length) > 0) {
+      list.push(__spreadProps(__spreadValues({}, item2), {
+        children: textItems
+      }));
+    }
+  });
+  return list;
+};
 function ImageUploader(props) {
-  const { mergetagsData, unsplash, handleUploadClick } = useEditorProps();
-  const { pageDataVariables } = useEditorContext();
+  const { unsplash, handleUploadClick, mergetags } = useEditorProps();
+  const { pageDataVariables, mergetagsData } = useEditorContext();
   const { setLock } = useEditorState();
   const [isUploading, setIsUploading] = useState(false);
   const [preview, setPreview] = useState(false);
   const [unsplashVisible, setUnsplashVisible] = useState(false);
+  const [popupVisible, setPopupVisible] = useState(false);
+  const onChangeMergeTag = useCallback$1(
+    (mergetag) => {
+      props.onChange(PluginManager.generateVariable(mergetag));
+      setPopupVisible(false);
+    },
+    [props]
+  );
+  const onClose = useCallback$1(() => {
+    setPopupVisible(false);
+  }, []);
   const uploadHandlerRef = useRef(
     props.uploadHandler
   );
@@ -16640,6 +16921,9 @@ function ImageUploader(props) {
     const isLock = unsplashVisible && dirty;
     setLock(isLock);
   }, [dirty, setLock, unsplashVisible]);
+  const formatMergetags = useMemo$1(() => {
+    return getMergeTagsByType(mergetags || [], "image");
+  }, [mergetags]);
   useCallback$1(
     (ev) => {
       ev.stopPropagation();
@@ -16731,15 +17015,33 @@ function ImageUploader(props) {
       style: { marginTop: 16, marginBottom: 0 },
       label: t("URL")
     },
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(Grid.Row, { style: { width: "100%" } }, formatMergetags.length > 0 && /* @__PURE__ */ React__default.createElement(
+      SharedComponents.MergeTagComponent,
+      {
+        mergetags: formatMergetags,
+        popupVisible,
+        onVisibleChange: setPopupVisible,
+        onChange: onChangeMergeTag,
+        onClose,
+        value: "",
+        triggerElement: /* @__PURE__ */ React__default.createElement(
+          Button$1,
+          {
+            type: "secondary",
+            icon: /* @__PURE__ */ React__default.createElement(IconFont, { iconName: "icon-merge-tags" })
+          }
+        )
+      }
+    ), /* @__PURE__ */ React__default.createElement(
       Input,
       {
+        style: { flex: 1 },
         value: props.value,
         onChange,
         onPaste,
         disabled: isUploading
       }
-    )
+    ))
   ), /* @__PURE__ */ React__default.createElement(
     Modal,
     {
@@ -18804,11 +19106,23 @@ function DividerLine(props) {
   }, [name, path2]);
 }
 function Link(props) {
-  const { label = t("URL") } = props;
+  const { label = t("Link address") } = props;
+  const { setFieldValue } = useEditorContext();
   const [isUploading, setIsUploading] = useState(false);
-  const { showSelectFileButton, handleUploadClick, onUpload } = useEditorProps();
+  const [popupVisible, setPopupVisible] = useState(false);
+  const onChangeMergeTag = useCallback$1(
+    (mergetag) => {
+      setFieldValue(
+        props.path,
+        props.name,
+        PluginManager.generateVariable(mergetag)
+      );
+      setPopupVisible(false);
+    },
+    [props.name, props.path, setFieldValue]
+  );
+  const { showSelectFileButton, handleUploadClick, onUpload, mergetags } = useEditorProps();
   const uploadHandlerRef = useRef(onUpload);
-  const { setFieldValue } = useEditorContext();
   const handleUpload = useCallback$1(() => {
     if (handleUploadClick) {
       handleUploadClick({
@@ -18839,29 +19153,78 @@ function Link(props) {
     });
     uploader.chooseFile();
   }, [handleUploadClick, isUploading, props.name, props.path, setFieldValue]);
+  const formatMergetags = useMemo$1(() => {
+    return getMergeTagsByType(mergetags || [], "link");
+  }, [mergetags]);
   return useMemo$1(() => {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Grid.Row, null, /* @__PURE__ */ React__default.createElement(Grid.Col, { style: { textAlign: "right" }, span: 7 }, /* @__PURE__ */ React__default.createElement("span", null, label)), /* @__PURE__ */ React__default.createElement(Grid.Col, { offset: 1, span: 14 }, /* @__PURE__ */ React__default.createElement(Grid.Row, { style: { width: "100%" } }, formatMergetags.length > 0 && /* @__PURE__ */ React__default.createElement(
+      SharedComponents.MergeTagComponent,
+      {
+        mergetags: formatMergetags,
+        popupVisible,
+        onVisibleChange: setPopupVisible,
+        onChange: onChangeMergeTag,
+        onClose: () => setPopupVisible(false),
+        value: "",
+        triggerElement: /* @__PURE__ */ React__default.createElement(
+          Button$1,
+          {
+            type: "secondary",
+            icon: /* @__PURE__ */ React__default.createElement(IconFont, { iconName: "icon-merge-tags" })
+          }
+        )
+      }
+    ), /* @__PURE__ */ React__default.createElement(
       AttributeField.TextField,
       __spreadProps(__spreadValues({
         prefix: /* @__PURE__ */ React__default.createElement(IconLink, null)
       }, props), {
-        label,
+        label: "",
         formItem: __spreadValues({
+          style: {
+            flex: 1
+          },
+          wrapperCol: {
+            span: 24
+          },
           rules: [
             {
               validator(value, callback) {
                 const isValid = isValidHttpUrl(value) || PluginManager.isVariable(value);
-                if (!isValid) {
+                if (value && !isValid) {
                   callback(t("Invalid URL"));
                 }
               }
             }
-          ],
-          help: showSelectFileButton ? /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 3 } }, /* @__PURE__ */ React__default.createElement("span", { style: { cursor: "pointer" }, onClick: handleUpload }, /* @__PURE__ */ React__default.createElement(IconCloud, null), " ", t(`Select file`))) : void 0
+          ]
         }, props.formItem)
       })
-    );
-  }, [handleUpload, label, props, showSelectFileButton]);
+    )))), showSelectFileButton && /* @__PURE__ */ React__default.createElement(
+      Grid.Row,
+      {
+        style: { marginTop: -10, marginBottom: 10, textAlign: "left" }
+      },
+      /* @__PURE__ */ React__default.createElement(Grid.Col, { offset: 8, span: 14 }, /* @__PURE__ */ React__default.createElement(
+        "span",
+        {
+          className: "arco-form-message-help arco-form-message",
+          style: { cursor: "pointer" },
+          onClick: handleUpload
+        },
+        /* @__PURE__ */ React__default.createElement(IconCloud, null),
+        " ",
+        t(`Select file`)
+      ))
+    ));
+  }, [
+    formatMergetags,
+    handleUpload,
+    label,
+    onChangeMergeTag,
+    popupVisible,
+    props,
+    showSelectFileButton
+  ]);
 }
 const defaultOptions$1 = [
   {
@@ -19707,14 +20070,7 @@ function AttributesContainer$9({
       name: "text",
       label: t("Content")
     }
-  ), /* @__PURE__ */ React__default.createElement(
-    AttributeField.Link,
-    {
-      path: nodePath,
-      name: "attributes.href",
-      label: t("URL")
-    }
-  )), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, { name: "0", header: t("Dimension") }, /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement(AttributeField.Link, { path: nodePath, name: "attributes.href" })), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, { name: "0", header: t("Dimension") }, /* @__PURE__ */ React__default.createElement(
     ResponsiveField,
     {
       label: t("Width"),
@@ -19848,10 +20204,9 @@ function AttributesContainer$8({
   )), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, { name: "1", header: t("Image settings") }, /* @__PURE__ */ React__default.createElement(
     ResponsiveField,
     {
-      component: AttributeField.TextField,
+      component: AttributeField.Link,
       path: nodePath,
-      name: "href",
-      label: t("Link address")
+      name: "href"
     }
   ), /* @__PURE__ */ React__default.createElement(
     ResponsiveField,
@@ -20135,15 +20490,7 @@ function NavbarLink({ index: index2, path: path2 }) {
       label: t("Text"),
       name: `text`
     }
-  ), /* @__PURE__ */ React__default.createElement(
-    AttributeField.Link,
-    {
-      label: t("Link address"),
-      required: true,
-      path: path2,
-      name: `attributes.href`
-    }
-  ));
+  ), /* @__PURE__ */ React__default.createElement(AttributeField.Link, { required: true, path: path2, name: `attributes.href` }));
 }
 const SyncChildrenAttributes$1 = ({
   nodePath,
@@ -20418,15 +20765,7 @@ function SocialItem({ index: index2, path: path2 }) {
       name: `text`,
       fallbackValue: ""
     }
-  ), /* @__PURE__ */ React__default.createElement(
-    AttributeField.Link,
-    {
-      label: t("Link address"),
-      required: true,
-      path: path2,
-      name: `attributes.href`
-    }
-  ));
+  ), /* @__PURE__ */ React__default.createElement(AttributeField.Link, { required: true, path: path2, name: `attributes.href` }));
 }
 const SyncChildrenAttributes = ({
   nodePath,
@@ -26454,7 +26793,7 @@ const EditorTabs = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     TabHeader,
     {
-      right: /* @__PURE__ */ React__default.createElement(Space, null, !universalElementEditing && !readOnly && /* @__PURE__ */ React__default.createElement(Tooltip, { content: t("clear the entire canvas") }, /* @__PURE__ */ React__default.createElement(Button$1, { onPointerDown }, /* @__PURE__ */ React__default.createElement(IconDelete, null))), canPreview && /* @__PURE__ */ React__default.createElement(SharedComponents.PreviewEmailDrawer, null, /* @__PURE__ */ React__default.createElement(Tooltip, { content: t("Email preview") }, /* @__PURE__ */ React__default.createElement(Button$1, { disabled: lock }, /* @__PURE__ */ React__default.createElement(IconEye, null)))), /* @__PURE__ */ React__default.createElement("div", null)),
+      right: /* @__PURE__ */ React__default.createElement(Space, null, !universalElementEditing && !readOnly && /* @__PURE__ */ React__default.createElement(Tooltip, { content: t("clear the entire canvas") }, /* @__PURE__ */ React__default.createElement(Button$1, { onPointerDown }, /* @__PURE__ */ React__default.createElement(IconDelete, null))), canPreview && (lock ? /* @__PURE__ */ React__default.createElement(Tooltip, { content: t("Email preview") }, /* @__PURE__ */ React__default.createElement(Button$1, { disabled: lock }, /* @__PURE__ */ React__default.createElement(IconEye, null))) : /* @__PURE__ */ React__default.createElement(SharedComponents.PreviewEmailDrawer, null, /* @__PURE__ */ React__default.createElement(Tooltip, { content: t("Email preview") }, /* @__PURE__ */ React__default.createElement(Button$1, { disabled: lock }, /* @__PURE__ */ React__default.createElement(IconEye, null))))), /* @__PURE__ */ React__default.createElement("div", null)),
       left: null
     }
   ), /* @__PURE__ */ React__default.createElement("div", { style: { height: "calc(100% - 60px)", overflow: "hidden" } }, props.children));
@@ -32938,13 +33277,23 @@ const TextLink = () => {
   const ref2 = useRef(null);
   const linkNode = linkNodeEntry == null ? void 0 : linkNodeEntry[0];
   const { selectedNodePath } = useSelectedNode();
-  const { handleUploadClick, showSelectFileButton, onUpload } = useEditorProps();
+  const [popupVisible, setPopupVisible] = useState(false);
+  const { handleUploadClick, showSelectFileButton, onUpload, mergetags } = useEditorProps();
   const [isUploading, setIsUploading] = useState(false);
   const uploadHandlerRef = useRef(onUpload);
   const [formState, setFormState] = useState(__spreadProps(__spreadValues({}, linkNode == null ? void 0 : linkNode.link), {
     text: (linkNode == null ? void 0 : linkNode.text) || ""
   }));
   const [from] = Form.useForm();
+  const onChangeMergeTag = useCallback$1(
+    (mergetag) => {
+      const newHref = PluginManager.generateVariable(mergetag);
+      from.setFieldValue("href", newHref);
+      setFormState((old) => __spreadProps(__spreadValues({}, old), { href: newHref }));
+      setPopupVisible(false);
+    },
+    [from]
+  );
   const handleUpload = useCallback$1(
     (e) => {
       e.stopPropagation();
@@ -33028,11 +33377,15 @@ const TextLink = () => {
   const onChange = (values2) => {
     setFormState(values2);
   };
+  const formatMergetags = useMemo$1(() => {
+    return getMergeTagsByType(mergetags || [], "link");
+  }, [mergetags]);
   return /* @__PURE__ */ React__default.createElement(
     Popover,
     {
       trigger: "click",
       triggerProps: {
+        position: "tr",
         popupStyle: { padding: "10px 0px 0px 0px", width: 400 }
       },
       getPopupContainer: (node) => {
@@ -33050,26 +33403,61 @@ const TextLink = () => {
           initialValues: formState
         },
         /* @__PURE__ */ React__default.createElement(
-          Form.Item,
+          "div",
+          {
+            style: {
+              paddingLeft: 15,
+              paddingRight: 15,
+              width: "calc(100% - 30px)",
+              marginBottom: 5
+            }
+          },
+          /* @__PURE__ */ React__default.createElement("span", null, t(`Link address`))
+        ),
+        /* @__PURE__ */ React__default.createElement(
+          Grid.Row,
           {
-            label: "URL",
-            layout: "vertical",
-            field: "href",
             style: {
-              marginBottom: 10,
               paddingLeft: 15,
               paddingRight: 15,
               width: "calc(100% - 30px)"
             }
           },
-          /* @__PURE__ */ React__default.createElement(
-            Input,
+          formatMergetags.length > 0 && /* @__PURE__ */ React__default.createElement(
+            SharedComponents.MergeTagComponent,
             {
-              autoFocus: true,
-              placeholder: "Paste link here",
-              enterKeyHint: "enter",
-              allowClear: true
+              mergetags: formatMergetags,
+              popupVisible,
+              onVisibleChange: setPopupVisible,
+              onChange: onChangeMergeTag,
+              onClose: () => setPopupVisible(false),
+              value: "",
+              triggerElement: /* @__PURE__ */ React__default.createElement(
+                Button$1,
+                {
+                  type: "secondary",
+                  icon: /* @__PURE__ */ React__default.createElement(IconFont, { iconName: "icon-merge-tags" })
+                }
+              )
             }
+          ),
+          /* @__PURE__ */ React__default.createElement(
+            Form.Item,
+            {
+              label: "",
+              layout: "vertical",
+              field: "href",
+              style: { flex: 1, marginBottom: 10 }
+            },
+            /* @__PURE__ */ React__default.createElement(
+              Input,
+              {
+                autoFocus: true,
+                placeholder: "Paste link here",
+                enterKeyHint: "enter",
+                allowClear: true
+              }
+            )
           )
         )
       ), /* @__PURE__ */ React__default.createElement(
@@ -33204,84 +33592,13 @@ const TurnInto = () => {
     })
   ), /* @__PURE__ */ React__default.createElement("style", null, `.TurnInto .arco-select-view { border: none; }`));
 };
-const MergeTagComponent = React__default.memo((props) => {
-  const editorPorps = useEditorProps();
-  const ref2 = useRef(null);
-  const onCloseRef = useRefState(props.onClose);
-  const editor = useSlate();
-  const mergetags = useMemo$1(
-    () => editorPorps.mergetags || [],
-    [editorPorps.mergetags]
-  );
-  const onSelect = useCallback$1(
-    (key2) => {
-      props.onChange(key2);
-    },
-    [props]
-  );
-  let root2 = null;
-  try {
-    root2 = ReactEditor.getWindow(editor);
-  } catch (error2) {
-  }
-  useEffect(() => {
-    if (!root2)
-      return;
-    const onKeyDown = (ev) => {
-      var _a2, _b;
-      if (!ev.code)
-        return;
-      if (ev.code.toLowerCase() === "enter" && ((_a2 = ref2.current) == null ? void 0 : _a2.contains(document.activeElement))) {
-        if (document.activeElement instanceof HTMLElement) {
-          ev.preventDefault();
-          document.activeElement.click();
-        }
-      } else if (ev.code.toLowerCase() === "escape") {
-        ev.preventDefault();
-        (_b = onCloseRef.current) == null ? void 0 : _b.call(onCloseRef);
-      }
-    };
-    window.addEventListener("keydown", onKeyDown, true);
-    root2.addEventListener("keydown", onKeyDown, true);
-    return () => {
-      window.removeEventListener("keydown", onKeyDown, true);
-      root2 == null ? void 0 : root2.removeEventListener("keydown", onKeyDown, true);
-    };
-  }, [editor, onCloseRef, root2]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    Select$1,
-    __spreadProps(__spreadValues({
-      triggerProps: {
-        style: {
-          width: 300
-        },
-        position: "br"
-      },
-      showSearch: true
-    }, props), {
-      onChange: onSelect
-    }),
-    mergetags.map((item2, index2) => {
-      if (item2.children) {
-        return /* @__PURE__ */ React__default.createElement(Select$1.OptGroup, { label: item2.label, key: item2.label + index2 }, item2.children.map((child, cIndex) => {
-          return /* @__PURE__ */ React__default.createElement(
-            Select$1.Option,
-            {
-              value: child.value,
-              key: child.label + cIndex
-            },
-            child.label
-          );
-        }));
-      }
-      return /* @__PURE__ */ React__default.createElement(Select$1.Option, { value: item2.value, key: item2.label + index2 }, item2.label);
-    })
-  ));
-});
 const MergeTag = React__default.memo(() => {
   const [popupVisible, setPopupVisible] = useState(false);
-  const value = "";
   const editor = useSlate();
+  const { mergetags } = useEditorProps();
+  const formatMergetags = useMemo$1(() => {
+    return getMergeTagsByType(mergetags || [], "text");
+  }, [mergetags]);
   const onChange = useCallback$1(
     (mergetag) => {
       editor.insertMergetag({
@@ -33295,13 +33612,14 @@ const MergeTag = React__default.memo(() => {
     setPopupVisible(false);
   }, []);
   return /* @__PURE__ */ React__default.createElement(
-    MergeTagComponent,
+    SharedComponents.MergeTagComponent,
     {
+      mergetags: formatMergetags,
       popupVisible,
       onVisibleChange: setPopupVisible,
       onChange,
       onClose,
-      value,
+      value: "",
       triggerElement: /* @__PURE__ */ React__default.createElement(
         FormatButton,
         {
@@ -39802,6 +40120,82 @@ function WidgetConfigPanel({
     )
   ));
 }
+const MergeTagComponent = React__default.memo((props) => {
+  const ref2 = useRef(null);
+  const onCloseRef = useRefState(props.onClose);
+  const editor = useSlate();
+  const onSelect = useCallback$1(
+    (key2) => {
+      props.onChange(key2);
+    },
+    [props]
+  );
+  let root2 = null;
+  try {
+    root2 = ReactEditor.getWindow(editor);
+  } catch (error2) {
+  }
+  useEffect(() => {
+    if (!root2)
+      return;
+    const onKeyDown = (ev) => {
+      var _a2, _b;
+      if (!ev.code)
+        return;
+      if (ev.code.toLowerCase() === "enter" && ((_a2 = ref2.current) == null ? void 0 : _a2.contains(document.activeElement))) {
+        if (document.activeElement instanceof HTMLElement) {
+          ev.preventDefault();
+          document.activeElement.click();
+        }
+      } else if (ev.code.toLowerCase() === "escape") {
+        ev.preventDefault();
+        (_b = onCloseRef.current) == null ? void 0 : _b.call(onCloseRef);
+      }
+    };
+    window.addEventListener("keydown", onKeyDown, true);
+    root2.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      window.removeEventListener("keydown", onKeyDown, true);
+      root2 == null ? void 0 : root2.removeEventListener("keydown", onKeyDown, true);
+    };
+  }, [editor, onCloseRef, root2]);
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      onPointerDown: (e) => e.stopPropagation(),
+      onClick: (e) => e.stopPropagation()
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Select$1,
+      __spreadProps(__spreadValues({
+        triggerProps: {
+          style: {
+            width: 300
+          },
+          position: "br"
+        },
+        showSearch: true
+      }, props), {
+        onChange: onSelect
+      }),
+      props.mergetags.map((item2, index2) => {
+        if (item2.children) {
+          return /* @__PURE__ */ React__default.createElement(Select$1.OptGroup, { label: item2.label, key: item2.label + index2 }, item2.children.map((child, cIndex) => {
+            return /* @__PURE__ */ React__default.createElement(
+              Select$1.Option,
+              {
+                value: child.value,
+                key: child.label + cIndex
+              },
+              child.label
+            );
+          }));
+        }
+        return /* @__PURE__ */ React__default.createElement(Select$1.Option, { value: item2.value, key: item2.label + index2 }, item2.label);
+      })
+    )
+  );
+});
 const SharedComponents = {
   PreviewEmailDrawer,
   PreviewEmail,
@@ -39822,7 +40216,8 @@ const SharedComponents = {
   FullHeightOverlayScrollbars,
   BlockList,
   UniversalListItem,
-  UniversalList
+  UniversalList,
+  MergeTagComponent
 };
 const FullScreenLoading = ({
   size = 40,
@@ -46784,262 +47179,6 @@ const Layout = ({ children }) => {
   return /* @__PURE__ */ React__default.createElement(MinimalistProvider, null, layoutContent, /* @__PURE__ */ React__default.createElement(SharedComponents.HoveringToolbar, null), controller && /* @__PURE__ */ React__default.createElement(SharedComponents.Controller, null), /* @__PURE__ */ React__default.createElement(SharedComponents.Hotkeys, null), /* @__PURE__ */ React__default.createElement(AutoSelectElement, null), /* @__PURE__ */ React__default.createElement("style", null, styleText$d, " "));
 };
 const Minimalist = { useCreateConfig, Layout };
-const HtmlNodeAdapter = (content) => {
-  const div = document.createElement("div");
-  div.innerHTML = content;
-  return Array.from(div.childNodes).map((node) => {
-    return getItemNode(node);
-  });
-};
-const getItemNode = (node) => {
-  var _a2;
-  if (node.nodeType === Node.TEXT_NODE) {
-    return {
-      text: ((_a2 = node.textContent) == null ? void 0 : _a2.replace(/^\s+/, " ").replace(/\s+$/, " ")) || ""
-    };
-  } else if (node.nodeType === Node.ELEMENT_NODE && node instanceof Element) {
-    const attrs = {};
-    node.getAttributeNames().forEach((name) => {
-      let key2 = camelCase(name);
-      if (key2 === "class") {
-        key2 = "className";
-      }
-      attrs[key2] = node.getAttribute(name) || "";
-    });
-    const tagName = node.tagName.toLowerCase();
-    if (tagName === "br") {
-      return BlockManager.getBlockByType(ElementType.LINE_BREAK).create({
-        attributes: {},
-        data: {},
-        children: [{ text: "" }]
-      });
-    }
-    return BlockManager.getBlockByType(ElementType.HTML_NODE).create({
-      attributes: attrs,
-      data: {
-        tagName
-      },
-      children: Array.from(node.childNodes).map((child) => getItemNode(child))
-    });
-  }
-  throw new Error("Invalid node");
-};
-const formatPadding = (element) => {
-  if (element.attributes.padding) {
-    const div = document.createElement("div");
-    div.style.padding = get(element.attributes, "padding");
-    if (get(element.attributes, "padding-top")) {
-      div.style.paddingTop = get(element.attributes, "padding-top");
-    }
-    if (get(element.attributes, "padding-bottom")) {
-      div.style.paddingTop = get(element.attributes, "padding-bottom");
-    }
-    if (get(element.attributes, "padding-left")) {
-      div.style.paddingTop = get(element.attributes, "padding-left");
-    }
-    if (get(element.attributes, "padding-right")) {
-      div.style.paddingTop = get(element.attributes, "padding-right");
-    }
-    delete element.attributes.padding;
-    element.attributes["padding-top"] = div.style.paddingTop;
-    element.attributes["padding-bottom"] = div.style.paddingBottom;
-    element.attributes["padding-left"] = div.style.paddingLeft;
-    element.attributes["padding-right"] = div.style.paddingRight;
-  }
-  if (element.attributes["inner-padding"]) {
-    const div = document.createElement("div");
-    div.style.padding = get(element.attributes, "inner-padding");
-    if (get(element.attributes, "inner-padding-top")) {
-      div.style.paddingTop = get(element.attributes, "inner-padding-top");
-    }
-    if (get(element.attributes, "inner-padding-bottom")) {
-      div.style.paddingTop = get(element.attributes, "inner-padding-bottom");
-    }
-    if (get(element.attributes, "inner-padding-left")) {
-      div.style.paddingTop = get(element.attributes, "inner-padding-left");
-    }
-    if (get(element.attributes, "inner-padding-right")) {
-      div.style.paddingTop = get(element.attributes, "inner-padding-right");
-    }
-    delete element.attributes["inner-padding"];
-    element.attributes["inner-padding-top"] = div.style.paddingTop;
-    element.attributes["inner-padding-bottom"] = div.style.paddingBottom;
-    element.attributes["inner-padding-left"] = div.style.paddingLeft;
-    element.attributes["inner-padding-right"] = div.style.paddingRight;
-  }
-  return element;
-};
-function basicElementToStandardElement(element) {
-  const standardType = "standard-" + element.type;
-  switch (element.type) {
-    case ElementType.WRAPPER:
-    case ElementType.HERO:
-    case ElementType.SECTION:
-    case ElementType.GROUP:
-    case ElementType.COLUMN:
-    case ElementType.TEXT:
-    case ElementType.BUTTON:
-    case ElementType.IMAGE:
-    case ElementType.NAVBAR:
-    case ElementType.SOCIAL:
-    case ElementType.SPACER:
-    case ElementType.SOCIAL_ELEMENT:
-    case ElementType.NAVBAR_LINK:
-      const standardElement = __spreadValues({}, element);
-      if ([ElementType.HERO, ElementType.SECTION].includes(
-        element.type
-      )) {
-        standardElement.attributes["background-image-enabled"] = true;
-      }
-      if ([
-        ElementType.BUTTON,
-        ElementType.IMAGE,
-        ElementType.SECTION
-      ].includes(element.type)) {
-        if (standardElement.attributes["border"] && standardElement.attributes["border"].trim() !== "none" || standardElement.attributes["border-width"]) {
-          standardElement.attributes["border-enabled"] = true;
-        }
-      }
-      return __spreadProps(__spreadValues({}, formatPadding(element)), {
-        type: standardType
-      });
-  }
-  return element;
-}
-const mjmlToJson = (content) => {
-  const domParser = new DOMParser();
-  const dom = domParser.parseFromString(content, "text/xml");
-  const root2 = dom.firstChild;
-  if (root2.tagName !== "mjml") {
-    throw new Error("mjmlToJson: invalid mjml. First node must be mjml");
-  }
-  if (root2.tagName === "mjml") {
-    const { json } = mjml(content, {
-      validationLevel: "soft"
-    });
-    const parseValue = mjmlTransform(json);
-    return parseValue;
-  }
-  const transform = (node) => {
-    if (node.tagName === "parsererror") {
-      throw new Error("Invalid content");
-    }
-    const attributes = {};
-    node.getAttributeNames().forEach((name) => {
-      const value = node.getAttribute(name);
-      if (isString$1(value)) {
-        attributes[name] = value;
-      }
-    });
-    const type = node.tagName.replace("mj-", "");
-    if (!BlockManager.getBlockByType(type)) {
-      if (!node.parentElement || node.parentElement.tagName !== "mj-text")
-        throw new Error("Invalid content");
-    }
-    const block = {
-      type,
-      attributes,
-      data: {},
-      children: [...node.children].filter((item2) => item2 instanceof Element).map(transform)
-    };
-    switch (type) {
-      case ElementType.TEXT:
-        block.data.value.content = node.innerHTML;
-        block.children = [];
-    }
-    return block;
-  };
-  return transform(root2);
-};
-function mjmlTransform(data) {
-  const transform = (item2) => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
-    const attributes = item2.attributes;
-    switch (item2.tagName) {
-      case "mjml":
-        const body = (_a2 = item2.children) == null ? void 0 : _a2.find((item22) => item22.tagName === "mj-body");
-        if (!body) {
-          throw new Error("Invalid content");
-        }
-        const head = (_b = item2.children) == null ? void 0 : _b.find((item22) => item22.tagName === "mj-head");
-        const fonts = ((_c = head == null ? void 0 : head.children) == null ? void 0 : _c.filter((child) => child.tagName === "mj-font").map((child) => ({
-          name: child.attributes.name,
-          href: child.attributes.href
-        }))) || [];
-        const headStyles = (_d = head == null ? void 0 : head.children) == null ? void 0 : _d.filter((item22) => item22.tagName === "mj-style").map((item22) => ({
-          content: item22.content || "",
-          inline: item22.inline
-        }));
-        const breakpoint = (_e = head == null ? void 0 : head.children) == null ? void 0 : _e.find(
-          (item22) => item22.tagName === "mj-breakpoint"
-        );
-        const preheader = (_f = head == null ? void 0 : head.children) == null ? void 0 : _f.find(
-          (item22) => item22.tagName === "mj-preview"
-        );
-        const page = BlockManager.getBlockByType(ElementType.PAGE).create({
-          attributes: __spreadValues({
-            "margin-top": "0px",
-            "margin-bottom": "0px"
-          }, body.attributes),
-          children: (_g = body.children) == null ? void 0 : _g.map(transform),
-          data: {
-            headStyles,
-            fonts,
-            breakpoint: breakpoint == null ? void 0 : breakpoint.attributes.breakpoint,
-            preheader: preheader == null ? void 0 : preheader.content
-          }
-        });
-        const mjAttributes = ((_i = (_h = head == null ? void 0 : head.children) == null ? void 0 : _h.find((item22) => item22.tagName === "mj-attributes")) == null ? void 0 : _i.children) || [];
-        mjAttributes.forEach((item22) => {
-          item22 = formatPadding(item22);
-          if (item22.tagName === "mj-all") {
-            page.data.globalAttributes = __spreadValues(__spreadValues({}, page.data.globalAttributes), item22.attributes);
-          } else if (item22.tagName === "mj-class") {
-            const name = item22.attributes.name;
-            delete item22.attributes.name;
-            page.data.classAttributes = __spreadProps(__spreadValues({}, page.data.classAttributes), {
-              [name]: item22.attributes
-            });
-          } else {
-            page.data.categoryAttributes = __spreadProps(__spreadValues({}, page.data.categoryAttributes), {
-              [item22.tagName.replace("mj-", "")]: item22.attributes
-            });
-          }
-        });
-        return page;
-      default:
-        const tag = item2.tagName.replace("mj-", "").toLowerCase();
-        const block = BlockManager.getBlockByType(tag);
-        if (!block) {
-          throw new Error(`${tag} block no found `);
-        }
-        const payload = {
-          type: block.type,
-          attributes,
-          data: {},
-          children: []
-        };
-        switch (block.type) {
-          case ElementType.TEXT:
-          case ElementType.BUTTON:
-          case ElementType.NAVBAR_LINK:
-          case ElementType.SOCIAL_ELEMENT:
-            payload.children = HtmlNodeAdapter(item2.content || "");
-            break;
-          default:
-            if (item2.children) {
-              payload.children = item2.children.map(transform);
-            }
-        }
-        if (payload.children.length === 0) {
-          payload.children = [{ text: "" }];
-        }
-        const blockData = block.create(payload);
-        return basicElementToStandardElement(blockData);
-    }
-  };
-  return transform(data);
-}
 export {
   AttributeField,
   AttributesPanelWrapper,
@@ -47055,6 +47194,7 @@ export {
   ResponsiveTabs,
   Retro,
   SharedComponents,
+  getMergeTagsByType,
   mjmlToJson,
   previewLoadImage,
   useColorContext,

package/lib/typings/components/MergeTagComponent/index.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
 import { SelectProps } from "@arco-design/web-react";
+import { MergetagItem } from "easy-email-pro-editor";
 export declare const MergeTagComponent: React.FC<{
     onChange: (v: string) => void;
     value: string;
     onClose?: () => void;
+    mergetags: MergetagItem[];
 } & SelectProps>;

package/lib/typings/components/index.d.ts

@@ -74,6 +74,12 @@ export declare const SharedComponents: {
         thumbnail: string;
     }) => JSX.Element;
     UniversalList: () => JSX.Element | null;
+    MergeTagComponent: import("react").FC<{
+        onChange: (v: string) => void;
+        value: string;
+        onClose?: (() => void) | undefined;
+        mergetags: import("easy-email-pro-editor").MergetagItem[];
+    } & import("@arco-design/web-react").SelectProps>;
 };
 export { CollapseWrapper } from "./ConfigurationPanel/components/CollapseWrapper";
 export { AttributesPanelWrapper } from "./ConfigurationPanel/components/AttributesPanelWrapper";

package/lib/typings/utils/getMergeTagsByType.d.ts

@@ -0,0 +1,2 @@
+import { MergetagItem } from "easy-email-pro-editor";
+export declare const getMergeTagsByType: (mergetags: MergetagItem[], type: MergetagItem["type"]) => MergetagItem[];

package/lib/typings/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./mjmlToJson";
 export * from "./previewLoadImage";
+export * from "./getMergeTagsByType";

package/package.json

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