easy-email-pro-theme 1.57.8 → 1.57.10

package/lib/index.js

@@ -58,8 +58,8 @@ import { classnames, useEditorActions, useDragNodePath, useStandaloneElementEdit
 import { useSlate, ReactEditor, useSlateStatic, useSelected } from "slate-react";
 import * as React$2 from "react";
 import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, useContext, useLayoutEffect, memo, useReducer, cloneElement, forwardRef, createElement, Suspense, Component } from "react";
-import { NodeUtils, BlockManager, ElementType, EditorCore, t, ElementCategory, classnames as classnames$1, StandardType, PluginManager, EditorAuth, HtmlNodeAdapter, ConditionOperator, ConditionOperatorSymbol, EmailRenderProvider, components, I18nManager } from "easy-email-pro-core";
-import { cloneDeep, get, isEqual, set, omit as omit$2, merge as merge$1, debounce as debounce$2, isUndefined as isUndefined$1, uniqueId, isString as isString$1, isFunction as isFunction$4, isNumber as isNumber$1, upperFirst, sum, flatMap } from "lodash";
+import { NodeUtils, BlockManager, ElementType, EditorCore, t, ElementCategory, classnames as classnames$1, StandardType, PluginManager, EditorAuth, mjmlToJsonCore, ConditionOperator, ConditionOperatorSymbol, EmailRenderProvider, components, HtmlNodeAdapter, I18nManager } from "easy-email-pro-core";
+import { cloneDeep, get, isEqual, set, omit as omit$2, merge as merge$1, debounce as debounce$2, isUndefined as isUndefined$1, uniqueId, isFunction as isFunction$4, isString as isString$1, isNumber as isNumber$1, upperFirst, sum, flatMap } from "lodash";
 import { Editor, Range, Node, Transforms, Path, Text as Text$4, createEditor } from "slate";
 import { nanoid } from "nanoid";
 import { Form, Input, Modal, Collapse, Space, Empty, Card, Grid, Button as Button$2, Drawer, Switch, Typography as Typography$1, Tabs, Radio, Tooltip, Divider as Divider$2, Alert, Popconfirm, Message, PageHeader as PageHeader$1, Spin, Layout as Layout$2, Popover, Select as Select$1, Slider, InputNumber, Tag, Link as Link$3, List as List$1, Skeleton, Trigger } from "@arco-design/web-react";
@@ -15754,6 +15754,15 @@ const BgColor = () => {
     } catch (error2) {
     }
   }
+  if (!nodeEntry) {
+    [nodeEntry] = Editor.nodes(editor, {
+      match: (node) => {
+        return Text$4.isText(node);
+      },
+      mode: "lowest",
+      voids: true
+    });
+  }
   const { setFieldValue } = useEditorContext();
   const activeTab = useActiveTab();
   const selectedNodePath = useSelectedNodePath();
@@ -15894,6 +15903,15 @@ const FontColor = () => {
     } catch (error2) {
     }
   }
+  if (!nodeEntry) {
+    [nodeEntry] = Editor.nodes(editor, {
+      match: (node) => {
+        return Text$4.isText(node);
+      },
+      mode: "lowest",
+      voids: true
+    });
+  }
   const { setFieldValue } = useEditorContext();
   const activeTab = useActiveTab();
   const selectedNodePath = useSelectedNodePath();
@@ -16331,242 +16349,12 @@ const PreventFocusWrapper = ({
     children
   );
 };
-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.DIVIDER:
-    case ElementType.SPACER:
-    case ElementType.SOCIAL_ELEMENT:
-    case ElementType.NAVBAR_LINK:
-    case ElementType.TABLE:
-      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 = (content2) => {
-  if (!isString$1(content2)) {
-    return mjmlTransform(content2);
-  }
-  const domParser = new DOMParser();
-  const dom = domParser.parseFromString(content2, "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(content2, {
-      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 _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-    const attributes = item2.attributes;
-    switch (item2.tagName) {
-      case "mjml":
-        const body = (_a = item2.children) == null ? void 0 : _a.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 `);
-        }
-        if (tag === "social") {
-          const childrenNoPadding = (_j = item2.children) == null ? void 0 : _j.every(
-            (item22) => item22.tagName === "mj-social-element" && !get(item22, "attributes.padding") && !get(item22, "attributes.padding-left") && !get(item22, "attributes.padding-right") && !get(item22, "attributes.padding-top") && !get(item22, "attributes.padding-bottom")
-          );
-          if (childrenNoPadding) {
-            attributes.spacing = "8px";
-          }
-        }
-        if (tag === "social-element" && attributes.src) {
-          attributes.mode = "custom";
-        }
-        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;
-          case ElementType.TABLE:
-            payload.data.code = 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);
-    }
-  };
-  const result = transform(data);
-  return result;
-}
+  return mjmlToJsonCore({
+    content: content2,
+    mjmlHelper: mjml
+  });
+};
 function previewLoadImage(url) {
   return new Promise((resolve) => {
     const img = new Image();
@@ -17170,7 +16958,7 @@ const FontSize$2 = () => {
   const [fontSizeValue, setFontSizeValue] = useState();
   const { setFieldValue } = useEditorContext();
   const { selectedNode } = useSelectedNode();
-  const elementDefault = useElementDefault({
+  useElementDefault({
     path: null,
     type: (selectedNode == null ? void 0 : selectedNode.type) || null
   });
@@ -17205,9 +16993,19 @@ const FontSize$2 = () => {
     } catch (error2) {
     }
   }
+  if (!nodeEntry) {
+    [nodeEntry] = Editor.nodes(editor, {
+      match: (node) => {
+        return Text$4.isText(node);
+      },
+      mode: "lowest",
+      voids: true
+    });
+  }
   const textNode = nodeEntry == null ? void 0 : nodeEntry[0];
   useEffect(() => {
     let fontSizeValue2 = textNode == null ? void 0 : textNode.fontSize;
+    console.log(textNode, "textNode?");
     if (!fontSizeValue2 && textNode) {
       try {
         const textDomNode = ReactEditor.toDOMNode(editor, textNode);
@@ -17215,9 +17013,6 @@ const FontSize$2 = () => {
       } catch (error2) {
       }
     }
-    if (!fontSizeValue2) {
-      fontSizeValue2 = get(elementDefault.attributes, "font-size");
-    }
     setFontSizeValue(fontSizeValue2);
   }, [editor, textNode, textNode == null ? void 0 : textNode.fontSize]);
   const optionsList = useMemo(() => {
@@ -17312,6 +17107,15 @@ const FontFamily$2 = () => {
   } catch (error2) {
     console.warn("FontFamily: failed to get nodes safely", error2);
   }
+  if (!nodeEntry) {
+    [nodeEntry] = Editor.nodes(editor, {
+      match: (node) => {
+        return Text$4.isText(node);
+      },
+      mode: "lowest",
+      voids: true
+    });
+  }
   const textNode = nodeEntry == null ? void 0 : nodeEntry[0];
   useEffect(() => {
     var _a;
@@ -24281,7 +24085,7 @@ function requireReactIs_development() {
       var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
       var ContextConsumer = REACT_CONTEXT_TYPE;
       var ContextProvider = REACT_PROVIDER_TYPE;
-      var Element2 = REACT_ELEMENT_TYPE;
+      var Element = REACT_ELEMENT_TYPE;
       var ForwardRef = REACT_FORWARD_REF_TYPE;
       var Fragment = REACT_FRAGMENT_TYPE;
       var Lazy = REACT_LAZY_TYPE;
@@ -24340,7 +24144,7 @@ function requireReactIs_development() {
       reactIs_development.ConcurrentMode = ConcurrentMode;
       reactIs_development.ContextConsumer = ContextConsumer;
       reactIs_development.ContextProvider = ContextProvider;
-      reactIs_development.Element = Element2;
+      reactIs_development.Element = Element;
       reactIs_development.ForwardRef = ForwardRef;
       reactIs_development.Fragment = Fragment;
       reactIs_development.Lazy = Lazy;

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

@@ -0,0 +1 @@
+export declare const mjmlToJson: (content: string | Object) => import("easy-email-pro-core").PageElement;

package/package.json

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

package/lib/typings/utils/mjmlToJson/basicElementToStandardElement.d.ts

@@ -1,2 +0,0 @@
-import { Element } from "easy-email-pro-core";
-export declare function basicElementToStandardElement(element: Element): Element;

package/lib/typings/utils/mjmlToJson/formatPadding.d.ts

@@ -1 +0,0 @@
-export declare const formatPadding: <T extends Record<string, any>>(element: T) => T;

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

@@ -1,2 +0,0 @@
-import { PageElement } from "easy-email-pro-core";
-export declare const mjmlToJson: (content: string | Object) => PageElement;