@kontakto/email-template-editor 1.3.0 → 1.3.2

package/dist/index.js

@@ -1,6 +1,6 @@
-import insane from 'insane';
+import DOMPurify from 'dompurify';
 import { marked, Renderer } from 'marked';
-import React81, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useContext, useState, useCallback, useMemo, Fragment } from 'react';
+import React81, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useContext, useState, useCallback, Fragment } from 'react';
 import { z } from 'zod';
 import { renderToStaticMarkup as renderToStaticMarkup$1 } from 'react-dom/server';
 import { createTheme, alpha, lighten, darken } from '@mui/material/styles';
@@ -107,22 +107,23 @@ var ALLOWED_TAGS = [
   "u",
   "ul"
 ];
-var GENERIC_ALLOWED_ATTRIBUTES = ["style", "title"];
+var ALLOWED_ATTR = [
+  "style",
+  "title",
+  "src",
+  "srcset",
+  "alt",
+  "width",
+  "height",
+  "href",
+  "target",
+  "align",
+  "start"
+];
 function sanitizer(html2) {
-  return insane(html2, {
-    allowedTags: ALLOWED_TAGS,
-    allowedAttributes: __spreadProps(__spreadValues({}, ALLOWED_TAGS.reduce((res, tag) => {
-      res[tag] = [...GENERIC_ALLOWED_ATTRIBUTES];
-      return res;
-    }, {})), {
-      img: ["src", "srcset", "alt", "width", "height", ...GENERIC_ALLOWED_ATTRIBUTES],
-      table: ["width", ...GENERIC_ALLOWED_ATTRIBUTES],
-      td: ["align", "width", ...GENERIC_ALLOWED_ATTRIBUTES],
-      th: ["align", "width", ...GENERIC_ALLOWED_ATTRIBUTES],
-      a: ["href", "target", ...GENERIC_ALLOWED_ATTRIBUTES],
-      ol: ["start", ...GENERIC_ALLOWED_ATTRIBUTES],
-      ul: ["start", ...GENERIC_ALLOWED_ATTRIBUTES]
-    })
+  return DOMPurify.sanitize(html2, {
+    ALLOWED_TAGS,
+    ALLOWED_ATTR
   });
 }
 var CustomRenderer = class extends Renderer {
@@ -4958,14 +4959,15 @@ var EmailEditor = forwardRef((props, ref) => {
     saveAs,
     theme
   } = props;
-  const resolvedTemplate = typeof initialTemplateProp === "string" ? htmlToEditorConfig(initialTemplateProp) : initialTemplateProp;
-  const initializedRef = useRef(false);
+  const resolvedTemplate = useMemo(
+    () => typeof initialTemplateProp === "string" ? htmlToEditorConfig(initialTemplateProp) : initialTemplateProp,
+    [initialTemplateProp]
+  );
+  const prevTemplateRef = useRef(void 0);
   useEffect(() => {
-    if (!initializedRef.current) {
-      initializedRef.current = true;
-      if (resolvedTemplate) {
-        resetDocument(resolvedTemplate);
-      }
+    if (resolvedTemplate && resolvedTemplate !== prevTemplateRef.current) {
+      prevTemplateRef.current = resolvedTemplate;
+      resetDocument(resolvedTemplate);
     }
   }, [resolvedTemplate]);
   useEffect(() => {