react-email-editor - npm Package Compare versions

Comparing version 1.7.2 to 1.7.3

dist/react-email-editor.cjs.development.js

@@ -26,3 +26,3 @@ 'use strict';
 var name = "react-email-editor";
-var version = "1.7.2";
+var version = "1.7.3";
 var description = "Unlayer's Email Editor Component for React.js";
@@ -29,0 +29,0 @@ var main = "dist/index.js";

dist/react-email-editor.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var a=[],o=!1,l=function(){if(o)for(var e;e=a.shift();)e()},i=0,c=function(e,c){var s=e.onLoad,u=e.onReady,d=e.scriptUrl,f=e.minHeight,p=void 0===f?500:f,v=e.style,b=void 0===v?{}:v,g=t.useRef(e.editorId||"editor-"+ ++i),m=t.useRef(!1),y=t.useState(null),h=y[0],j=y[1],C=t.useCallback((function(){if(!m.current){m.current=!0;var t=e.options||{};e.projectId&&(t.projectId=e.projectId),e.tools&&(t.tools=e.tools),e.appearance&&(t.appearance=e.appearance),e.locale&&(t.locale=e.locale),j(unlayer.createEditor(r({},t,{id:g.current,displayMode:"email",source:{name:"react-email-editor",version:"1.7.2"}})))}}),[g.current,e.appearance,e.locale,e.options,e.projectId,e.tools]),E=t.useCallback((function(e,t){null==h||h.addEventListener(e,t)}),[h]),k=t.useCallback((function(e,t){null==h||h.registerCallback(e,t)}),[h]),x=t.useCallback((function(e){null==h||h.loadDesign(e)}),[h]),I=t.useCallback((function(e){null==h||h.saveDesign(e)}),[h]),O=t.useCallback((function(e){null==h||h.exportHtml(e)}),[h]),H=t.useCallback((function(e){null==h||h.setMergeTags(e)}),[h]);return t.useEffect((function(){!function(e,t){if(void 0===t&&(t="https://editor.unlayer.com/embed.js?2"),function(e){a.push(e)}(e),function(e){var t=document.querySelectorAll("script"),n=!1;return t.forEach((function(t){t.src.includes(e)&&(n=!0)})),n}(t))l();else{var n=document.createElement("script");n.setAttribute("src",t),n.onload=function(){o=!0,l()},document.head.appendChild(n)}}(C,d)}),[C,d]),t.useEffect((function(){if(h){for(var t=0,n=Object.entries(e);t<n.length;t++){var r=n[t],a=r[0],o=r[1];/^on/.test(a)&&"onLoad"!==a&&"onReady"!==a&&E(a,o)}s&&s(),u&&h.addEventListener("editor:ready",u)}}),[h,E,s,u,e]),t.useImperativeHandle(c,(function(){return{saveDesign:I,exportHtml:O,setMergeTags:H,editor:h,loadDesign:x,registerCallback:k,addEventListener:E}}),[I,O,H,h,x,k,E]),n.createElement("div",{style:{flex:1,display:"flex",minHeight:p}},n.createElement("div",{id:g.current,style:r({},b,{flex:1})}))};exports.default=n.forwardRef(c);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e;function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var a=[],o=!1,l=function(){if(o)for(var e;e=a.shift();)e()},i=0,c=function(e,c){var s=e.onLoad,u=e.onReady,d=e.scriptUrl,f=e.minHeight,p=void 0===f?500:f,v=e.style,b=void 0===v?{}:v,g=t.useRef(e.editorId||"editor-"+ ++i),m=t.useRef(!1),y=t.useState(null),h=y[0],j=y[1],C=t.useCallback((function(){if(!m.current){m.current=!0;var t=e.options||{};e.projectId&&(t.projectId=e.projectId),e.tools&&(t.tools=e.tools),e.appearance&&(t.appearance=e.appearance),e.locale&&(t.locale=e.locale),j(unlayer.createEditor(r({},t,{id:g.current,displayMode:"email",source:{name:"react-email-editor",version:"1.7.3"}})))}}),[g.current,e.appearance,e.locale,e.options,e.projectId,e.tools]),E=t.useCallback((function(e,t){null==h||h.addEventListener(e,t)}),[h]),k=t.useCallback((function(e,t){null==h||h.registerCallback(e,t)}),[h]),x=t.useCallback((function(e){null==h||h.loadDesign(e)}),[h]),I=t.useCallback((function(e){null==h||h.saveDesign(e)}),[h]),O=t.useCallback((function(e){null==h||h.exportHtml(e)}),[h]),H=t.useCallback((function(e){null==h||h.setMergeTags(e)}),[h]);return t.useEffect((function(){!function(e,t){if(void 0===t&&(t="https://editor.unlayer.com/embed.js?2"),function(e){a.push(e)}(e),function(e){var t=document.querySelectorAll("script"),n=!1;return t.forEach((function(t){t.src.includes(e)&&(n=!0)})),n}(t))l();else{var n=document.createElement("script");n.setAttribute("src",t),n.onload=function(){o=!0,l()},document.head.appendChild(n)}}(C,d)}),[C,d]),t.useEffect((function(){if(h){for(var t=0,n=Object.entries(e);t<n.length;t++){var r=n[t],a=r[0],o=r[1];/^on/.test(a)&&"onLoad"!==a&&"onReady"!==a&&E(a,o)}s&&s(),u&&h.addEventListener("editor:ready",u)}}),[h,E,s,u,e]),t.useImperativeHandle(c,(function(){return{saveDesign:I,exportHtml:O,setMergeTags:H,editor:h,loadDesign:x,registerCallback:k,addEventListener:E}}),[I,O,H,h,x,k,E]),n.createElement("div",{style:{flex:1,display:"flex",minHeight:p}},n.createElement("div",{id:g.current,style:r({},b,{flex:1})}))};exports.default=n.forwardRef(c);
 //# sourceMappingURL=react-email-editor.cjs.production.min.js.map

dist/react-email-editor.esm.js

@@ -19,3 +19,3 @@ import React, { useRef, useState, useCallback, useEffect, useImperativeHandle } from 'react';
 var name = "react-email-editor";
-var version = "1.7.2";
+var version = "1.7.3";
 var description = "Unlayer's Email Editor Component for React.js";
@@ -22,0 +22,0 @@ var main = "dist/index.js";

dist/types.d.ts

@@ -7,2 +7,3 @@ export declare type EditorOptions = {
 };
+export declare type MergeTag = Record<string, any>;
 export declare type Editor = {
@@ -20,3 +21,3 @@ destroy: () => void;
     hidePreview: () => void;
-    setMergeTags: (mergeTags: object) => void;
+    setMergeTags: (mergeTags: MergeTag[]) => void;
 };
@@ -26,3 +27,3 @@ export declare type EditorRef = {
     exportHtml: (callback: Function) => void;
-    setMergeTags: (mergeTags: Function) => void;
+    setMergeTags: (mergeTags: MergeTag[]) => void;
     editor: Editor | null;
@@ -29,0 +30,0 @@ loadDesign: (design: object) => void;

package.json

 {
   "name": "react-email-editor",
-  "version": "1.7.2",
+  "version": "1.7.3",
   "description": "Unlayer's Email Editor Component for React.js",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -51,3 +51,3 @@ # React Email Editor
     // emailEditorRef.current.editor.loadDesign(templateJson);
-  }
+  };
 
@@ -81,3 +81,3 @@ const onReady = () => {
 
-See the [example source](https://github.com/unlayer/react-email-editor/blob/master/demo/src/index.js) for a reference implementation.
+See the [example source](https://github.com/unlayer/react-email-editor/blob/master/demo/index.tsx) for a reference implementation.
 
@@ -84,0 +84,0 @@ ### Properties

src/types.ts

@@ -8,2 +8,4 @@ export type EditorOptions = {
 
+export type MergeTag = Record<string, any>;
+
 export type Editor = {
@@ -21,3 +23,3 @@ destroy: () => void;
   hidePreview: () => void;
-  setMergeTags: (mergeTags: object) => void;
+  setMergeTags: (mergeTags: MergeTag[]) => void;
 };
@@ -28,3 +30,3 @@
   exportHtml: (callback: Function) => void;
-  setMergeTags: (mergeTags: Function) => void;
+  setMergeTags: (mergeTags: MergeTag[]) => void;
   editor: Editor | null;
@@ -31,0 +33,0 @@ loadDesign: (design: object) => void;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

59158

increased by0.28%

Lines of code

738

increased by0.27%

No dependency changes