easy-email-pro-theme 1.50.7 → 1.50.8

package/lib/index.js

@@ -16017,6 +16017,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 +16034,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 +31716,7 @@ const HTMLEditor = ({
   children,
   wrapper
 }) => {
+  useState(null);
   const [value, setValue] = useState(initialValue);
   const [visible, setVisible] = useState(false);
   const onSave = () => {
@@ -31735,65 +31743,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.8",
   "description": "",
   "files": [
     "lib"