easy-email-pro-theme 1.37.2 → 1.37.4

package/lib/index.js

@@ -26461,6 +26461,16 @@ const arrayStringAdapter = {
     return val.join(",");
   }
 };
+const directionAdapter = {
+  formatter(direction) {
+    return direction === "rtl";
+  },
+  normalize(isRTL) {
+    if (!isRTL)
+      return void 0;
+    return "rtl";
+  }
+};
 const transparentIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABAElEQVRIie2WwW7CMBBEZ8NKOJd8CPRABVVJ+fxUUEgQPbT9kBziFAWbU4FkjXCBICExtxk9Z7KxZYWSJLFoiJmbEYwxMMaI/JC1dv+oQmvE8QTWWvDo5VUs/FwtHSUWvmxTwUniQhHRdUuIyJm3Oslf6dVLmtMQEfhjNhVgFEUiq6oCvmye5zXPSnUF1Os/iSxLF/BlZ9P3mm9tTw4/231uvKuo9RIA4MHzUITHrgpfNgxDFFrv/E0meZT8S/zz/SXCsvyVIDP82U7dr9cSGsdvIsvSBXzZm10rj5KzJf99AGTpXGRB4H4fF6uUgi7LfYnrCLq18eSAqtpAddXObwEoMVtvVloS0QAAAABJRU5ErkJggg==";
 const transparentColor$1 = "rgba(0,0,0,0)";
 function ColorPicker$1(props) {
@@ -36526,6 +36536,7 @@ const getFallbackValue = (params) => {
   return mode === ActiveTabKeys.DESKTOP ? get(defaultElement, "attributes." + name) : get(defaultElement, "mobileAttributes." + name);
 };
 function Typography(props) {
+  const { showTextDirectionMode } = useEditorProps();
   const { label = t("Font"), path: path2, defaultElement } = props;
   return useMemo$1(() => {
     return /* @__PURE__ */ React__default.createElement("div", { key: props.type }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
@@ -36606,7 +36617,13 @@ function Typography(props) {
         path: path2,
         name: `${props.name}`
       }
-    )));
+    ), showTextDirectionMode && /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 20 } }, /* @__PURE__ */ React__default.createElement(
+      AttributeField.RTLDirection,
+      {
+        name: `${props.name}.direction`,
+        path: path2
+      }
+    ))));
   }, [
     defaultElement,
     label,
@@ -36616,7 +36633,8 @@ function Typography(props) {
     props.hideStyle,
     props.mode,
     props.name,
-    props.type
+    props.type,
+    showTextDirectionMode
   ]);
 }
 const elements = [
@@ -36910,6 +36928,7 @@ const PaddingRow = (props) => {
 };
 function Buttons(props) {
   const { label = t("Font"), type, defaultElement, path: path2 } = props;
+  const { showTextDirectionMode } = useEditorProps();
   return useMemo$1(() => {
     return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
       AttributeField.FontFamily,
@@ -37017,7 +37036,14 @@ function Buttons(props) {
         path: path2,
         name: `${props.name}`
       }
-    ), !props.hidePadding && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Divider$2, null), /* @__PURE__ */ React__default.createElement(
+    ), showTextDirectionMode && /* @__PURE__ */ React__default.createElement("div", { style: { marginTop: 20 } }, /* @__PURE__ */ React__default.createElement(
+      AttributeField.RTLDirection,
+      {
+        label: t(`RTL text direction `),
+        name: `${props.name}.direction`,
+        path: path2
+      }
+    )), !props.hidePadding && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Divider$2, null), /* @__PURE__ */ React__default.createElement(
       AttributeField.Padding,
       {
         path: path2,
@@ -37032,6 +37058,7 @@ function Buttons(props) {
     props.hidePadding,
     props.mode,
     props.name,
+    showTextDirectionMode,
     type
   ]);
 }
@@ -38409,6 +38436,31 @@ function ButtonContent(props) {
     return /* @__PURE__ */ React__default.createElement(AttributeField.TextField, { path: props.path, name: "text", label });
   }, [label, props]);
 }
+function RTLDirection(props) {
+  const _a = props, { path: path2, name } = _a, rest = __objRest(_a, ["path", "name"]);
+  return useMemo$1(() => {
+    return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+      AttributeField.SwitchField,
+      __spreadProps(__spreadValues({
+        label: rest.label || /* @__PURE__ */ React__default.createElement(Space, null, t(`RTL text direction `)),
+        name,
+        path: path2
+      }, rest), {
+        formItem: __spreadProps(__spreadValues(__spreadValues({}, rest.formItem), directionAdapter), {
+          wrapperCol: {
+            span: 10,
+            style: {
+              textAlign: "right"
+            }
+          },
+          labelCol: {
+            span: 12
+          }
+        })
+      })
+    )));
+  }, [name, path2, rest]);
+}
 const defaultAttributeFields = {
   // Basic Form Field
   WatchField,
@@ -38428,6 +38480,7 @@ const defaultAttributeFields = {
   // Attributes Field
   Heading,
   Direction,
+  RTLDirection,
   Preheader,
   Height,
   Width,
@@ -38471,55 +38524,6 @@ const AttributesPanelWrapper = (props) => {
 const CollapseWrapper$1 = (props) => {
   return /* @__PURE__ */ React__default.createElement(SharedComponents.CollapseWrapper, __spreadValues({}, props));
 };
-const SourceCodePanel = () => {
-  const { selectedNodePath, selectedNode } = useSelectedNode();
-  const { setFieldValue } = useEditorContext();
-  const { values: values2 } = useEditorContext();
-  const { universalElementSetting } = useEditorProps();
-  const [text, setText] = React__default.useState(
-    JSON.stringify(selectedNode, null, 2)
-  );
-  const [mjml2, setMjml] = React__default.useState("");
-  const onBlur = () => {
-    if (!selectedNodePath)
-      return;
-    try {
-      const newNode = JsonAdapter.normalize(text);
-      setFieldValue(selectedNodePath, "", newNode);
-    } catch (error2) {
-      console.log(error2, text);
-      Message.warning(t("Invalid JSON format"));
-    }
-  };
-  const mjmlFormat = useCallback$1(() => {
-    if (!selectedNode)
-      return;
-    try {
-      const mjml22 = EditorCore.toMJML({
-        element: selectedNode,
-        pageElement: values2.content,
-        mode: "production",
-        universalElements: universalElementSetting
-      });
-      setMjml(mjml22);
-    } catch (error2) {
-      console.log(error2, selectedNode);
-      Message.warning(t("Invalid JSON format"));
-    }
-  }, [selectedNode, universalElementSetting, values2.content]);
-  useEffect(() => {
-    mjmlFormat();
-  }, [mjmlFormat]);
-  return /* @__PURE__ */ React__default.createElement(Collapse$1, { defaultActiveKey: ["json", "mjml"] }, /* @__PURE__ */ React__default.createElement(Collapse$1.Item, { name: "json", header: "JSON data" }, /* @__PURE__ */ React__default.createElement(
-    Input.TextArea,
-    {
-      value: text,
-      rows: 15,
-      onChange: setText,
-      onBlur
-    }
-  )), /* @__PURE__ */ React__default.createElement(Collapse$1.Item, { name: "mjml", header: "MJML format" }, /* @__PURE__ */ React__default.createElement(Input.TextArea, { value: mjml2, rows: 10 })));
-};
 const ResponsiveField = (_k) => {
   var _l = _k, {
     component
@@ -38645,7 +38649,7 @@ const ResponsiveTabs = ({
           title: /* @__PURE__ */ React__default.createElement(Space, null, /* @__PURE__ */ React__default.createElement("span", null, t("Source code"))),
           key: "Source code"
         },
-        /* @__PURE__ */ React__default.createElement(SourceCodePanel, null)
+        /* @__PURE__ */ React__default.createElement(SharedComponents.SourceCodePanel, null)
       )
     )
   );
@@ -43745,6 +43749,93 @@ function AIAssistant({ isCollapsed }) {
     }
   ), /* @__PURE__ */ React__default.createElement("style", null, `.easy-email-pro-ai-assistant .arco-select-view { border: none !important; }`));
 }
+const SourceCodePanel = () => {
+  const { selectedNodePath, selectedNode } = useSelectedNode();
+  const { setFieldValue } = useEditorContext();
+  const { values: values2 } = useEditorContext();
+  const { universalElementSetting, sourceCodeEditable = true } = useEditorProps();
+  const [text, setText] = React__default.useState(
+    JSON.stringify(selectedNode, null, 2)
+  );
+  const [mjml2, setMjml] = React__default.useState("");
+  const onBlur = () => {
+    if (!sourceCodeEditable)
+      return;
+    if (!selectedNodePath)
+      return;
+    try {
+      const newNode = JsonAdapter.normalize(text);
+      setFieldValue(selectedNodePath, "", newNode);
+    } catch (error2) {
+      console.log(error2, text);
+      Message.warning(t("Invalid JSON format"));
+    }
+  };
+  const mjmlFormat = useCallback$1(() => {
+    if (!selectedNode)
+      return;
+    try {
+      const mjml22 = EditorCore.toMJML({
+        element: selectedNode,
+        pageElement: values2.content,
+        mode: "production",
+        universalElements: universalElementSetting
+      });
+      setMjml(mjml22);
+    } catch (error2) {
+      console.log(error2, selectedNode);
+      Message.warning(t("Invalid JSON format"));
+    }
+  }, [selectedNode, universalElementSetting, values2.content]);
+  useEffect(() => {
+    mjmlFormat();
+  }, [mjmlFormat]);
+  return /* @__PURE__ */ React__default.createElement(Collapse$1, { defaultActiveKey: ["json", "mjml"] }, /* @__PURE__ */ React__default.createElement(
+    Collapse$1.Item,
+    {
+      name: "json",
+      header: "JSON data",
+      extra: /* @__PURE__ */ React__default.createElement(
+        Button$2,
+        {
+          type: "primary",
+          onClick: () => __async(void 0, null, function* () {
+            yield navigator.clipboard.writeText(text);
+            Message.success("Copied!");
+          })
+        },
+        t(`Copy`)
+      )
+    },
+    sourceCodeEditable ? /* @__PURE__ */ React__default.createElement(
+      Input.TextArea,
+      {
+        value: text,
+        rows: 15,
+        onChange: setText,
+        onBlur
+      }
+    ) : /* @__PURE__ */ React__default.createElement(FullHeightOverlayScrollbars, { maxHeight: 200 }, /* @__PURE__ */ React__default.createElement("div", { style: { whiteSpace: "pre-wrap", padding: "5px 10px" } }, text))
+  ), /* @__PURE__ */ React__default.createElement(
+    Collapse$1.Item,
+    {
+      name: "mjml",
+      header: "MJML format",
+      extra: /* @__PURE__ */ React__default.createElement(
+        Button$2,
+        {
+          type: "primary",
+          onClick: () => __async(void 0, null, function* () {
+            yield navigator.clipboard.writeText(mjml2);
+            Message.success("Copied!");
+          })
+        },
+        t(`Copy`)
+      )
+    },
+    /* @__PURE__ */ React__default.createElement(FullHeightOverlayScrollbars, { maxHeight: 200 }, /* @__PURE__ */ React__default.createElement("div", { style: { whiteSpace: "pre-wrap", padding: "5px 10px" } }, mjml2))
+  ));
+};
 const SharedComponents = {
   PreviewEmailDrawer,
   PreviewEmail,
@@ -43776,7 +43867,8 @@ const SharedComponents = {
   MinimalistEditorTopBar: EditorTopBar,
   ConfigurationToolbar,
   AIAssistant,
-  AIPromptModal
+  AIPromptModal,
+  SourceCodePanel
 };
 const FullScreenLoading = ({
   size = 40,

package/lib/typings/components/ConfigurationPanel/components/AttributeField/RTLDirection.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentProps } from "react";
+import { AttributeField } from ".";
+export declare const DirectionOptions: {
+    value: string;
+    readonly label: string;
+}[];
+export declare function RTLDirection(props: Omit<ComponentProps<typeof AttributeField.SwitchField>, "label" | "options"> & {
+    label?: React.ReactNode;
+}): React.JSX.Element;

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

@@ -34,6 +34,7 @@ import { Direction } from "./Direction";
 import { FieldItem } from "../WidgetConfigPanel/widgetFields";
 import { Preheader } from "./Preheader";
 import { ButtonContent } from "./ButtonContent";
+import { RTLDirection } from "./RTLDirection";
 export declare const defaultAttributeFields: {
     WatchField: (props: import("../../../Form/WatchField").WatchFieldProps) => import("react").JSX.Element;
     SyncChildrenField: (props: import("../../../Form/SyncChildrenField").SyncChildrenFieldProps) => import("react").JSX.Element;
@@ -70,6 +71,7 @@ export declare const defaultAttributeFields: {
     PixelAndPercentField: typeof PixelAndPercentField;
     Heading: typeof Heading;
     Direction: typeof Direction;
+    RTLDirection: typeof RTLDirection;
     Preheader: typeof Preheader;
     Height: typeof Height;
     Width: typeof Width;

package/lib/typings/components/Form/adapter/direction.adapter.d.ts

@@ -0,0 +1,4 @@
+export declare const directionAdapter: {
+    formatter(direction?: "rtl" | "ltr"): boolean;
+    normalize(isRTL?: boolean): "rtl" | undefined;
+};

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

@@ -7,3 +7,4 @@ export { fontStyleAdapter } from "./fontStyle.adapter";
 export { fontWeightAdapter } from "./fontWeight.adapter";
 export { italicAdapter } from "./italic.adapter";
 export { arrayStringAdapter } from "./arrayString.adapter";
+export { directionAdapter } from "./direction.adapter";

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

@@ -120,6 +120,7 @@ export declare const SharedComponents: {
         }[]) => void;
         onRetry: () => void;
     }) => import("react").JSX.Element;
+    SourceCodePanel: () => import("react").JSX.Element;
 };
 export { CollapseWrapper } from "./ConfigurationPanel/components/CollapseWrapper";
 export { AttributesPanelWrapper } from "./ConfigurationPanel/components/AttributesPanelWrapper";

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

@@ -52,6 +52,7 @@ export interface PluginsCustomEditorTypes {
         categories?: Categories;
         attributeFields?: AttributeFieldsMap;
         showSourceCode?: boolean;
+        sourceCodeEditable?: boolean;
         universalElementSetting?: {
             elements: Record<string, Element>;
             list: Array<{
@@ -92,6 +93,7 @@ export interface PluginsCustomEditorTypes {
         showLogic?: boolean;
         showLayer?: boolean;
         showTextHTMLMode?: boolean;
+        showTextDirectionMode?: boolean;
         showDragMoveIcon?: boolean;
         showInsertTips?: boolean;
         layerConfig?: {

package/package.json

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