easy-email-pro-theme 1.50.7 → 1.50.9

package/lib/index.js

@@ -15720,13 +15720,47 @@ const TextAlign$1 = () => {
     match: (n) => NodeUtils.isContentElement(n),
     mode: "all"
   });
+  const { enabledHtmlBlockNodeAlign } = useEditorProps();
   const node = match == null ? void 0 : match[0];
   const { setFieldValue } = useEditorContext();
   const matchAlign = match && get(node.attributes, "align");
   const onAlignHandle = (align) => {
     if (!match)
       return;
-    setFieldValue(match[1], "attributes.align", align);
+    if (!enabledHtmlBlockNodeAlign) {
+      setFieldValue(match[1], "attributes.align", align);
+      return;
+    }
+    const htmlBlockNodeElementEntry = Editor.above(editor, {
+      match(node2, path2) {
+        return NodeUtils.isHTMLBlockNodeElement(node2);
+      },
+      mode: "highest"
+    });
+    if (!htmlBlockNodeElementEntry) {
+      Transforms.wrapNodes(
+        editor,
+        {
+          type: ElementType.HTML_BLOCK_NODE,
+          children: [],
+          data: {
+            tagName: "div"
+          },
+          attributes: {
+            style: `text-align:${align};`
+          }
+        },
+        {
+          match: (node2) => !NodeUtils.isBlockElement(node2) && !NodeUtils.isHTMLBlockNodeElement(node2)
+        }
+      );
+    } else {
+      Transforms.setNodes(editor, {
+        attributes: __spreadProps(__spreadValues({}, htmlBlockNodeElementEntry[0].attributes), {
+          style: `text-align:${align};`
+        })
+      });
+    }
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     FormatButton,
@@ -16017,6 +16051,13 @@ const Image$5 = () => {
   const [from] = Form.useForm();
   const onSubmit = (values) => {
     var _a;
+    let style = `max-width:100%;display:inline-block;`;
+    if (values.width) {
+      style += `width:${values.width};`;
+    }
+    if (values.height) {
+      style += `height:${values.height};`;
+    }
     const imageNode = BlockManager.getBlockByType(ElementType.HTML_NODE).create(
       {
         type: ElementType.HTML_NODE,
@@ -16027,9 +16068,9 @@ const Image$5 = () => {
         attributes: {
           src: values.src,
           alt: values.alt,
-          width: values.width,
-          height: values.height,
-          style: `max-width:100%;display:inline-block;`
+          width: values.width ? values.width.replace("px", "") : "",
+          height: values.height ? values.height.replace("px", "") : "",
+          style
         }
       }
     );
@@ -31709,6 +31750,7 @@ const HTMLEditor = ({
   children,
   wrapper
 }) => {
+  useState(null);
   const [value, setValue] = useState(initialValue);
   const [visible, setVisible] = useState(false);
   const onSave = () => {
@@ -31735,65 +31777,78 @@ const HTMLEditor = ({
       width: "100vw",
       visible,
       footer: null,
+      zIndex: 1e4,
+      style: { width: "100vw", height: "100vh" },
       bodyStyle: { padding: 0, overflow: "hidden" }
     },
-    /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React__default.createElement("div", { style: { flex: 1, height: "100%" } }, /* @__PURE__ */ React__default.createElement(
-      Suspense,
-      {
-        fallback: /* @__PURE__ */ React__default.createElement(
-          "div",
-          {
-            style: {
-              height: "100%",
-              width: "100%",
-              display: "flex",
-              alignItems: "center",
-              backgroundColor: "#263238",
-              justifyContent: "center",
-              fontSize: 24,
-              color: "#fff"
-            }
-          },
-          t("Editor Loading...")
-        )
-      },
-      /* @__PURE__ */ React__default.createElement(
-        HTMLEditorEditorContent,
-        {
-          initialValue,
-          onChange: setValue
-        }
-      )
-    )), /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(
       "div",
       {
         style: {
-          flex: 1,
+          display: "flex",
           height: "100%",
-          overflow: "auto",
-          marginRight: 10,
-          textAlign: "center"
+          pointerEvents: "auto"
         }
       },
+      /* @__PURE__ */ React__default.createElement("div", { style: { flex: 1, height: "100%" } }, /* @__PURE__ */ React__default.createElement(
+        Suspense,
+        {
+          fallback: /* @__PURE__ */ React__default.createElement(
+            "div",
+            {
+              style: {
+                height: "100%",
+                width: "100%",
+                display: "flex",
+                alignItems: "center",
+                backgroundColor: "#263238",
+                justifyContent: "center",
+                fontSize: 24,
+                color: "#fff"
+              }
+            },
+            t("Editor Loading...")
+          )
+        },
+        /* @__PURE__ */ React__default.createElement(
+          HTMLEditorEditorContent,
+          {
+            initialValue,
+            onChange: setValue
+          }
+        )
+      )),
       /* @__PURE__ */ React__default.createElement(
-        IframeComponent,
+        "div",
         {
           style: {
-            width: "600px",
-            margin: "auto",
-            minHeight: `calc(100vh - 60px)`
+            flex: 1,
+            height: "100%",
+            overflow: "auto",
+            marginRight: 10,
+            textAlign: "center"
           }
         },
         /* @__PURE__ */ React__default.createElement(
-          "div",
+          IframeComponent,
           {
-            dangerouslySetInnerHTML: {
-              __html: wrapper ? wrapper(value) : value
+            style: {
+              width: "600px",
+              margin: "auto",
+              minHeight: `calc(100vh - 60px)`
             }
-          }
+          },
+          /* @__PURE__ */ React__default.createElement(
+            "div",
+            {
+              dangerouslySetInnerHTML: {
+                __html: wrapper ? wrapper(value) : value
+              }
+            }
+          )
         )
       )
-    ))
+    )
   ), /* @__PURE__ */ React__default.createElement("div", { onClick: () => setVisible(true) }, children));
 };
 const Code = ({ nodePath }) => {

package/package.json

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