@kontakto/email-template-editor 1.3.0 → 1.3.2

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var insane = require('insane');
+var DOMPurify = require('dompurify');
 var marked = require('marked');
 var React81 = require('react');
 var zod = require('zod');
@@ -17,7 +17,7 @@ var htmlfy = require('htmlfy');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var insane__default = /*#__PURE__*/_interopDefault(insane);
+var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 var React81__default = /*#__PURE__*/_interopDefault(React81);
 var hljs__default = /*#__PURE__*/_interopDefault(hljs);
 var jsonHighlighter__default = /*#__PURE__*/_interopDefault(jsonHighlighter);
@@ -117,22 +117,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__default.default(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__default.default.sanitize(html2, {
+    ALLOWED_TAGS,
+    ALLOWED_ATTR
   });
 }
 var CustomRenderer = class extends marked.Renderer {
@@ -4968,14 +4969,15 @@ var EmailEditor = React81.forwardRef((props, ref) => {
     saveAs,
     theme
   } = props;
-  const resolvedTemplate = typeof initialTemplateProp === "string" ? htmlToEditorConfig(initialTemplateProp) : initialTemplateProp;
-  const initializedRef = React81.useRef(false);
+  const resolvedTemplate = React81.useMemo(
+    () => typeof initialTemplateProp === "string" ? htmlToEditorConfig(initialTemplateProp) : initialTemplateProp,
+    [initialTemplateProp]
+  );
+  const prevTemplateRef = React81.useRef(void 0);
   React81.useEffect(() => {
-    if (!initializedRef.current) {
-      initializedRef.current = true;
-      if (resolvedTemplate) {
-        resetDocument(resolvedTemplate);
-      }
+    if (resolvedTemplate && resolvedTemplate !== prevTemplateRef.current) {
+      prevTemplateRef.current = resolvedTemplate;
+      resetDocument(resolvedTemplate);
     }
   }, [resolvedTemplate]);
   React81.useEffect(() => {