easy-email-pro-theme 1.50.11 → 1.50.13

package/lib/index.js

@@ -8827,13 +8827,15 @@ const PreviewEmailDrawer = ({
   const { isPreview, setIsPreview } = useEditorThemeState();
   const activeTab = useActiveTab();
   const [isShowSidebar, setIsShowSidebar] = React__default.useState(false);
-  const { values, mergetagsData, pageDataVariables } = useEditorContext();
+  const { values, mergetagsData, pageDataVariables, setFieldValue } = useEditorContext();
+  const [isEditSubject, setIsEditSubject] = React__default.useState(false);
   const {
     universalElementSetting,
     headerElement,
     showEditTestVariableButton = true,
     footerElement,
-    widgetMode
+    widgetMode,
+    enabledPreviewEmailSubjectEdit
   } = useEditorProps();
   const subject = useMemo(() => {
     try {
@@ -8849,6 +8851,9 @@ const PreviewEmailDrawer = ({
   const onToggleShowSidebar = useEventCallback(() => {
     setIsShowSidebar((v) => !v);
   });
+  const onChange = useEventCallback((text) => {
+    setFieldValue(null, "subject", text);
+  });
   return useMemo(() => {
     return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", { onClick: onToggleVisible }, children), /* @__PURE__ */ React__default.createElement(
       Drawer,
@@ -8919,7 +8924,35 @@ const PreviewEmailDrawer = ({
             }
           },
           /* @__PURE__ */ React__default.createElement("span", { style: { color: "#666" } }, /* @__PURE__ */ React__default.createElement(IconSubscribeAdd, null), "  ", /* @__PURE__ */ React__default.createElement("span", null, t("Subject"), ":  ")),
-          /* @__PURE__ */ React__default.createElement("span", null, subject)
+          /* @__PURE__ */ React__default.createElement(
+            "span",
+            {
+              style: {
+                position: "absolute",
+                width: 400,
+                display: "inline-block"
+              }
+            },
+            /* @__PURE__ */ React__default.createElement(Space, null, /* @__PURE__ */ React__default.createElement("div", null, isEditSubject && enabledPreviewEmailSubjectEdit ? /* @__PURE__ */ React__default.createElement(
+              Input,
+              {
+                style: { width: 300 },
+                value: subject,
+                onChange,
+                onBlur: () => {
+                  setIsEditSubject(false);
+                }
+              }
+            ) : /* @__PURE__ */ React__default.createElement("div", null, subject)), enabledPreviewEmailSubjectEdit && /* @__PURE__ */ React__default.createElement(
+              IconEdit,
+              {
+                style: { cursor: "pointer" },
+                onClick: () => {
+                  setIsEditSubject(true);
+                }
+              }
+            ))
+          )
         ),
         /* @__PURE__ */ React__default.createElement(
           "div",
@@ -8966,7 +8999,10 @@ const PreviewEmailDrawer = ({
     isPreview,
     showEditTestVariableButton,
     onToggleShowSidebar,
+    isEditSubject,
+    enabledPreviewEmailSubjectEdit,
     subject,
+    onChange,
     activeTab,
     universalElementSetting,
     values,
@@ -35344,7 +35380,8 @@ const TextHTMLEditor = () => {
             mode: "production",
             context: { content: values.content },
             displayMode: "desktop-mobile",
-            keepEmptyAttributes: true
+            keepEmptyAttributes: true,
+            variablesDisabled: true
           },
           /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, selectedNode.children.map((node, index2) => {
             if (NodeUtils.isTextNode(node)) {

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

@@ -137,6 +137,8 @@ export interface PluginsCustomEditorTypes {
         showTextDirectionMode?: boolean;
         showDragMoveIcon?: boolean;
         showInsertTips?: boolean;
+        enabledHtmlBlockNodeAlign?: boolean;
+        enabledPreviewEmailSubjectEdit?: boolean;
         layerConfig?: {
             scrollWhenSelect?: boolean;
             scrollWhenHover?: boolean;

package/package.json

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