easy-email-pro-theme 1.38.6 → 1.38.7

package/lib/index.js

@@ -8835,6 +8835,7 @@ const PreviewEmail = ({
   headerElement,
   footerElement
 }) => {
+  const [html, setHtml] = useState("");
   const mjmlString = useMemo$1(() => {
     return EditorCore.toMJML({
       element: values2.content,
@@ -8853,15 +8854,21 @@ const PreviewEmail = ({
     headerElement,
     footerElement
   ]);
-  const html = useMemo$1(() => {
-    const skeletonHtml = mjml(mjmlString, {
-      fonts: {}
-    }).html;
-    const finalHtml = PluginManager.renderWithData(
-      skeletonHtml,
-      cloneDeep(mergetagsData || {})
-    );
-    return finalHtml;
+  useEffect(() => {
+    try {
+      const skeletonHtml = mjml(mjmlString, {
+        fonts: {}
+      }).html;
+      const finalHtml = PluginManager.renderWithData(
+        skeletonHtml,
+        cloneDeep(mergetagsData || {})
+      );
+      setHtml(finalHtml);
+    } catch (error2) {
+      setHtml(
+        `<div style="color:red;margin:auto;max-width:600px;font-size:24px;">${String(error2)}</div>`
+      );
+    }
   }, [mergetagsData, mjmlString]);
   return useMemo$1(() => {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SharedComponents.MobilePreview, { html, isActive: !isDesktop }), /* @__PURE__ */ React__default.createElement(
@@ -26573,13 +26580,13 @@ function ColorPicker$1(props) {
   const isPageVarMatch = EditorCore.isPageDataVariable(value);
   const isTemplateVarMatch = PluginManager.isVariable(value);
   const mergeTagColor = useMemo$1(() => {
-    if (isPageVarMatch) {
-      return EditorCore.renderWithPageVariables(value, pageDataVariables);
-    }
-    if (isTemplateVarMatch) {
-      return PluginManager.renderWithData(value, mergetagsData);
-    }
     try {
+      if (isPageVarMatch) {
+        return EditorCore.renderWithPageVariables(value, pageDataVariables);
+      }
+      if (isTemplateVarMatch) {
+        return PluginManager.renderWithData(value, mergetagsData);
+      }
       if (Color$1(`#${value}`).hex())
         return `#${value}`;
     } catch (error2) {
@@ -35606,6 +35613,9 @@ const styles$1 = {
   selectImage,
   exportFreeImage
 };
+const URLFormatter = (v) => {
+  return v.replace(/"/g, `'`);
+};
 function ImageUploader(props) {
   const { unsplash, handleUploadClick, mergetags } = useEditorProps();
   const { pageDataVariables, mergetagsData } = useEditorContext();
@@ -35624,6 +35634,16 @@ function ImageUploader(props) {
   const onClose = useCallback$1(() => {
     setPopupVisible(false);
   }, []);
+  const errorMessage = useMemo$1(() => {
+    if (!props.value)
+      return "";
+    if (props.value.includes(`"`)) {
+      return t(
+        `Double quotes cannot be used, please use single quotes instead`
+      );
+    }
+    return "";
+  }, [props.value]);
   const uploadHandlerRef = useRef(
     props.uploadHandler
   );
@@ -35681,7 +35701,9 @@ function ImageUploader(props) {
       });
     }
   }, [props.value]);
-  const onChange = props.onChange;
+  const onChange = useEventCallback((v) => {
+    return props.onChange(URLFormatter(v));
+  });
   const onUpload = useCallback$1(() => {
     if (handleUploadClick) {
       handleUploadClick({
@@ -35872,7 +35894,9 @@ function ImageUploader(props) {
     Form.Item,
     {
       style: { marginTop: 16, marginBottom: 0 },
-      label: t("URL")
+      label: t("URL"),
+      help: errorMessage,
+      validateStatus: errorMessage ? "error" : void 0
     },
     /* @__PURE__ */ React__default.createElement(Grid.Row, { style: { width: "100%" } }, formatMergetags.length > 0 && /* @__PURE__ */ React__default.createElement(
       SharedComponents.MergeTagComponent,

package/package.json

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