@topol.io/editor-react 0.3.0 → 1.0.0-alpha.1

package/LICENSE

@@ -1,4 +1,4 @@
-Copyright 2022 Ecomail s.r.o.
+Copyright 2022 Topol.io s.r.o.
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

package/dist/topol-editor-react.es.js

@@ -1,671 +1,432 @@
-import xe, { useEffect as Oe } from "react";
-var _ = { exports: {} }, k = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ge;
-function je() {
-  if (ge) return k;
-  ge = 1;
-  var o = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
-  function c(r, i, f) {
-    var v = null;
-    if (f !== void 0 && (v = "" + f), i.key !== void 0 && (v = "" + i.key), "key" in i) {
-      f = {};
-      for (var y in i)
-        y !== "key" && (f[y] = i[y]);
-    } else f = i;
-    return i = f.ref, {
-      $$typeof: o,
-      type: r,
-      key: v,
-      ref: i !== void 0 ? i : null,
-      props: f
-    };
-  }
-  return k.Fragment = l, k.jsx = c, k.jsxs = c, k;
-}
-var A = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ve;
-function Ne() {
-  return ve || (ve = 1, process.env.NODE_ENV !== "production" && function() {
-    function o(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === Re ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case N:
-          return "Fragment";
-        case ke:
-          return "Portal";
-        case Z:
-          return "Profiler";
-        case X:
-          return "StrictMode";
-        case B:
-          return "Suspense";
-        case Y:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case K:
-            return (e.displayName || "Context") + ".Provider";
-          case Q:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case M:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case W:
-            return t = e.displayName || null, t !== null ? t : o(e.type) || "Memo";
-          case $:
-            t = e._payload, e = e._init;
-            try {
-              return o(e(t));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function l(e) {
-      return "" + e;
-    }
-    function c(e) {
-      try {
-        l(e);
-        var t = !1;
-      } catch {
-        t = !0;
-      }
-      if (t) {
-        t = console;
-        var n = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n.call(
-          t,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          u
-        ), l(e);
-      }
-    }
-    function r() {
-    }
-    function i() {
-      if (P === 0) {
-        oe = console.log, te = console.info, ne = console.warn, re = console.error, ae = console.group, ie = console.groupCollapsed, le = console.groupEnd;
-        var e = {
-          configurable: !0,
-          enumerable: !0,
-          value: r,
-          writable: !0
-        };
-        Object.defineProperties(console, {
-          info: e,
-          log: e,
-          warn: e,
-          error: e,
-          group: e,
-          groupCollapsed: e,
-          groupEnd: e
-        });
-      }
-      P++;
-    }
-    function f() {
-      if (P--, P === 0) {
-        var e = { configurable: !0, enumerable: !0, writable: !0 };
-        Object.defineProperties(console, {
-          log: b({}, e, { value: oe }),
-          info: b({}, e, { value: te }),
-          warn: b({}, e, { value: ne }),
-          error: b({}, e, { value: re }),
-          group: b({}, e, { value: ae }),
-          groupCollapsed: b({}, e, { value: ie }),
-          groupEnd: b({}, e, { value: le })
-        });
-      }
-      0 > P && console.error(
-        "disabledDepth fell below zero. This is a bug in React. Please file an issue."
-      );
-    }
-    function v(e) {
-      if (U === void 0)
-        try {
-          throw Error();
-        } catch (n) {
-          var t = n.stack.trim().match(/\n( *(at )?)/);
-          U = t && t[1] || "", ue = -1 < n.stack.indexOf(`
-    at`) ? " (<anonymous>)" : -1 < n.stack.indexOf("@") ? "@unknown:0:0" : "";
-        }
-      return `
-` + U + e + ue;
-    }
-    function y(e, t) {
-      if (!e || z) return "";
-      var n = H.get(e);
-      if (n !== void 0) return n;
-      z = !0, n = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
-      var u = null;
-      u = T.H, T.H = null, i();
-      try {
-        var d = {
-          DetermineComponentFrameRoot: function() {
-            try {
-              if (t) {
-                var E = function() {
-                  throw Error();
-                };
-                if (Object.defineProperty(E.prototype, "props", {
-                  set: function() {
-                    throw Error();
-                  }
-                }), typeof Reflect == "object" && Reflect.construct) {
-                  try {
-                    Reflect.construct(E, []);
-                  } catch (w) {
-                    var R = w;
-                  }
-                  Reflect.construct(e, [], E);
-                } else {
-                  try {
-                    E.call();
-                  } catch (w) {
-                    R = w;
-                  }
-                  e.call(E.prototype);
-                }
-              } else {
-                try {
-                  throw Error();
-                } catch (w) {
-                  R = w;
-                }
-                (E = e()) && typeof E.catch == "function" && E.catch(function() {
-                });
-              }
-            } catch (w) {
-              if (w && R && typeof w.stack == "string")
-                return [w.stack, R.stack];
-            }
-            return [null, null];
-          }
-        };
-        d.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
-        var s = Object.getOwnPropertyDescriptor(
-          d.DetermineComponentFrameRoot,
-          "name"
-        );
-        s && s.configurable && Object.defineProperty(
-          d.DetermineComponentFrameRoot,
-          "name",
-          { value: "DetermineComponentFrameRoot" }
-        );
-        var a = d.DetermineComponentFrameRoot(), m = a[0], C = a[1];
-        if (m && C) {
-          var g = m.split(`
-`), h = C.split(`
-`);
-          for (a = s = 0; s < g.length && !g[s].includes(
-            "DetermineComponentFrameRoot"
-          ); )
-            s++;
-          for (; a < h.length && !h[a].includes(
-            "DetermineComponentFrameRoot"
-          ); )
-            a++;
-          if (s === g.length || a === h.length)
-            for (s = g.length - 1, a = h.length - 1; 1 <= s && 0 <= a && g[s] !== h[a]; )
-              a--;
-          for (; 1 <= s && 0 <= a; s--, a--)
-            if (g[s] !== h[a]) {
-              if (s !== 1 || a !== 1)
-                do
-                  if (s--, a--, 0 > a || g[s] !== h[a]) {
-                    var S = `
-` + g[s].replace(
-                      " at new ",
-                      " at "
-                    );
-                    return e.displayName && S.includes("<anonymous>") && (S = S.replace("<anonymous>", e.displayName)), typeof e == "function" && H.set(e, S), S;
-                  }
-                while (1 <= s && 0 <= a);
-              break;
-            }
-        }
-      } finally {
-        z = !1, T.H = u, f(), Error.prepareStackTrace = n;
-      }
-      return g = (g = e ? e.displayName || e.name : "") ? v(g) : "", typeof e == "function" && H.set(e, g), g;
-    }
-    function p(e) {
-      if (e == null) return "";
-      if (typeof e == "function") {
-        var t = e.prototype;
-        return y(
-          e,
-          !(!t || !t.isReactComponent)
-        );
-      }
-      if (typeof e == "string") return v(e);
-      switch (e) {
-        case B:
-          return v("Suspense");
-        case Y:
-          return v("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case M:
-            return e = y(e.render, !1), e;
-          case W:
-            return p(e.type);
-          case $:
-            t = e._payload, e = e._init;
-            try {
-              return p(e(t));
-            } catch {
-            }
-        }
-      return "";
-    }
-    function x() {
-      var e = T.A;
-      return e === null ? null : e.getOwner();
-    }
-    function be(e) {
-      if (ee.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function he(e, t) {
-      function n() {
-        se || (se = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          t
-        ));
-      }
-      n.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: n,
-        configurable: !0
-      });
-    }
-    function ye() {
-      var e = o(this.type);
-      return ce[e] || (ce[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function Ce(e, t, n, u, d, s) {
-      return n = s.ref, e = {
-        $$typeof: j,
-        type: e,
-        key: t,
-        props: s,
-        _owner: d
-      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: ye
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function I(e, t, n, u, d, s) {
-      if (typeof e == "string" || typeof e == "function" || e === N || e === Z || e === X || e === B || e === Y || e === Ae || typeof e == "object" && e !== null && (e.$$typeof === $ || e.$$typeof === W || e.$$typeof === K || e.$$typeof === Q || e.$$typeof === M || e.$$typeof === _e || e.getModuleId !== void 0)) {
-        var a = t.children;
-        if (a !== void 0)
-          if (u)
-            if (L(a)) {
-              for (u = 0; u < a.length; u++)
-                J(a[u], e);
-              Object.freeze && Object.freeze(a);
-            } else
-              console.error(
-                "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-              );
-          else J(a, e);
-      } else
-        a = "", (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), e === null ? u = "null" : L(e) ? u = "array" : e !== void 0 && e.$$typeof === j ? (u = "<" + (o(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : u = typeof e, console.error(
-          "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
-          u,
-          a
-        );
-      if (ee.call(t, "key")) {
-        a = o(e);
-        var m = Object.keys(t).filter(function(g) {
-          return g !== "key";
-        });
-        u = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", fe[a + u] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          u,
-          a,
-          m,
-          a
-        ), fe[a + u] = !0);
-      }
-      if (a = null, n !== void 0 && (c(n), a = "" + n), be(t) && (c(t.key), a = "" + t.key), "key" in t) {
-        n = {};
-        for (var C in t)
-          C !== "key" && (n[C] = t[C]);
-      } else n = t;
-      return a && he(
-        n,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), Ce(e, a, s, d, x(), n);
-    }
-    function J(e, t) {
-      if (typeof e == "object" && e && e.$$typeof !== pe) {
-        if (L(e))
-          for (var n = 0; n < e.length; n++) {
-            var u = e[n];
-            O(u) && G(u, t);
-          }
-        else if (O(e))
-          e._store && (e._store.validated = 1);
-        else if (e === null || typeof e != "object" ? n = null : (n = D && e[D] || e["@@iterator"], n = typeof n == "function" ? n : null), typeof n == "function" && n !== e.entries && (n = n.call(e), n !== e))
-          for (; !(e = n.next()).done; )
-            O(e.value) && G(e.value, t);
-      }
-    }
-    function O(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === j;
-    }
-    function G(e, t) {
-      if (e._store && !e._store.validated && e.key == null && (e._store.validated = 1, t = Pe(t), !de[t])) {
-        de[t] = !0;
-        var n = "";
-        e && e._owner != null && e._owner !== x() && (n = null, typeof e._owner.tag == "number" ? n = o(e._owner.type) : typeof e._owner.name == "string" && (n = e._owner.name), n = " It was passed a child from " + n + ".");
-        var u = T.getCurrentStack;
-        T.getCurrentStack = function() {
-          var d = p(e.type);
-          return u && (d += u() || ""), d;
-        }, console.error(
-          'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
-          t,
-          n
-        ), T.getCurrentStack = u;
-      }
-    }
-    function Pe(e) {
-      var t = "", n = x();
-      return n && (n = o(n.type)) && (t = `
-
-Check the render method of \`` + n + "`."), t || (e = o(e)) && (t = `
-
-Check the top-level render call using <` + e + ">."), t;
-    }
-    var Se = xe, j = Symbol.for("react.transitional.element"), ke = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), X = Symbol.for("react.strict_mode"), Z = Symbol.for("react.profiler"), Q = Symbol.for("react.consumer"), K = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), Ae = Symbol.for("react.offscreen"), D = Symbol.iterator, Re = Symbol.for("react.client.reference"), T = Se.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, b = Object.assign, _e = Symbol.for("react.client.reference"), L = Array.isArray, P = 0, oe, te, ne, re, ae, ie, le;
-    r.__reactDisabledLog = !0;
-    var U, ue, z = !1, H = new (typeof WeakMap == "function" ? WeakMap : Map)(), pe = Symbol.for("react.client.reference"), se, ce = {}, fe = {}, de = {};
-    A.Fragment = N, A.jsx = function(e, t, n, u, d) {
-      return I(e, t, n, !1, u, d);
-    }, A.jsxs = function(e, t, n, u, d) {
-      return I(e, t, n, !0, u, d);
-    };
-  }()), A;
-}
-var me;
-function Me() {
-  return me || (me = 1, process.env.NODE_ENV === "production" ? _.exports = je() : _.exports = Ne()), _.exports;
-}
-var Be = Me();
-function Ye(o) {
+import { jsx as P } from "react/jsx-runtime";
+import { useRef as p, useEffect as v, forwardRef as y, useImperativeHandle as S } from "react";
+function k(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-var We = function(o, l, c) {
-  var r = document.head || document.getElementsByTagName("head")[0], i = document.createElement("script");
+var B = function(o, l, c) {
+  var a = document.head || document.getElementsByTagName("head")[0], r = document.createElement("script");
   typeof l == "function" && (c = l, l = {}), l = l || {}, c = c || function() {
-  }, i.type = l.type || "text/javascript", i.charset = l.charset || "utf8", i.async = "async" in l ? !!l.async : !0, i.src = o, l.attrs && $e(i, l.attrs), l.text && (i.text = "" + l.text);
-  var f = "onload" in i ? we : Le;
-  f(i, c), i.onload || we(i, c), r.appendChild(i);
+  }, r.type = l.type || "text/javascript", r.charset = l.charset || "utf8", r.async = "async" in l ? !!l.async : !0, r.src = o, l.attrs && L(r, l.attrs), l.text && (r.text = "" + l.text);
+  var u = "onload" in r ? E : R;
+  u(r, c), r.onload || E(r, c), a.appendChild(r);
 };
-function $e(o, l) {
+function L(o, l) {
   for (var c in l)
     o.setAttribute(c, l[c]);
 }
-function we(o, l) {
+function E(o, l) {
   o.onload = function() {
     this.onerror = this.onload = null, l(null, o);
   }, o.onerror = function() {
     this.onerror = this.onload = null, l(new Error("Failed to load " + this.src), o);
   };
 }
-function Le(o, l) {
+function R(o, l) {
   o.onreadystatechange = function() {
     this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null, l(null, o));
   };
 }
-const Te = /* @__PURE__ */ Ye(We), F = "https://v3.email-assets.topol.io/loader/build.js", Ue = "https://v3.develop.email-assets.topol.io/loader/build.js", ze = "https://v3.develop.email-assets.topol.io/loader/build.js";
-function He(o = "production") {
+const f = /* @__PURE__ */ k(B);
+var m = {};
+const w = {
+  production: m.VITE_TOPOL_URL,
+  dev: m.VITE_TOPOL_DEV_URL,
+  staging: m.VITE_TOPOL_STAGING_URL
+}, A = "https://d10h8ga60f7b91.cloudfront.net/preview-app-{stage}/loader/build.js";
+function I(o = "production") {
   switch (o) {
     case "dev":
-      return Ue;
+      return w.dev;
     case "staging":
-      return ze;
+      return w.staging;
     case "production":
-      return F;
+      return w.production;
     default:
-      return `https://d10h8ga60f7b91.cloudfront.net/preview-app-${o}/loader/build.js`;
+      return A.replace("{stage}", String(o));
   }
 }
-async function Ve(o) {
+async function O(o) {
   return new Promise((l, c) => {
-    Te(F, (r) => {
-      r !== null && c(r), window.TopolPlugin.init(o), l(!0);
+    f(w.production, (a) => {
+      if (a !== null) {
+        c(a);
+        return;
+      }
+      window.TopolPlugin.init(o), l(!0);
     });
   });
 }
-const Ee = {
-  init: (o, l) => new Promise((c, r) => {
-    const i = He(l == null ? void 0 : l.stage);
-    Te(i, async (f) => {
-      if (f !== null) {
-        if (i !== F)
+const h = {
+  /**
+   * Initialize the Email Editor.
+   * @param topolOptions - Configuration options for the editor
+   * @param options - Plugin options including stage selection
+   * @returns Promise that resolves to true when the editor is ready
+   */
+  init: (o, l) => new Promise((c, a) => {
+    const r = I(l == null ? void 0 : l.stage);
+    f(r, async (u) => {
+      if (u !== null) {
+        if (r !== w.production)
           try {
-            return await Ve(o), c(!0);
-          } catch (v) {
-            r(v);
+            return await O(o), c(!0);
+          } catch (d) {
+            a(d);
           }
-        r(f);
+        a(u);
+        return;
       }
       window.TopolPlugin.init(o), c(!0);
     });
   }),
+  /** Trigger the save callback with current editor content */
   save: () => {
     window.TopolPlugin.save();
   },
+  /** Load a template JSON into the editor */
   load: (o) => {
     window.TopolPlugin.load(o);
   },
+  /** Toggle the preview mode */
   togglePreview: () => {
     window.TopolPlugin.togglePreview();
   },
+  /** Toggle between desktop and mobile preview sizes */
   togglePreviewSize: () => {
     window.TopolPlugin.togglePreviewSize();
   },
+  /** Select a file from the custom file manager */
   chooseFile: (o) => {
     window.TopolPlugin.chooseFile(o);
   },
+  /** Undo the last action */
   undo: () => {
     window.TopolPlugin.undo();
   },
+  /** Redo the last undone action */
   redo: () => {
     window.TopolPlugin.redo();
   },
+  /** Destroy the editor instance and clean up resources */
   destroy: () => {
     window.TopolPlugin.destroy();
   },
+  /** Update the list of saved/reusable blocks */
   setSavedBlocks: (o) => {
     window.TopolPlugin.setSavedBlocks(o);
   },
+  /** Set custom HTML for the preview */
   setPreviewHTML: (o) => {
     window.TopolPlugin.setPreviewHTML(o);
   },
+  /** Display a notification in the editor */
   createNotification: (o) => {
     window.TopolPlugin.createNotification(o);
   },
+  /** Set the list of active collaboration members */
   setActiveMembers: (o) => {
     window.TopolPlugin.setActiveMembers(o);
   },
+  /** Switch to mobile view */
   changeEmailToMobile: () => {
     window.TopolPlugin.changeEmailToMobile();
   },
+  /** Switch to desktop view */
   changeEmailToDesktop: () => {
     window.TopolPlugin.changeEmailToDesktop();
   },
+  /** Toggle visibility of hidden blocks and structures */
   toggleBlocksAndStructuresVisibility: () => {
     window.TopolPlugin.toggleBlocksAndStructuresVisibility();
   },
+  /** Update the content of a custom block */
   updateCustomBlockContent: (o) => {
     window.TopolPlugin.updateCustomBlockContent(o);
   },
+  /** Refresh comments/conversations */
   refreshComments: (o) => {
     window.TopolPlugin.refreshComments(o);
   },
+  /** Refresh synced rows */
   refreshSyncedRows: () => {
     window.TopolPlugin.refreshSyncedRows();
   },
+  /** Open the premade templates selection modal */
   openPremadeTemplatesSelection: () => {
     window.TopolPlugin.openPremadeTemplatesSelection();
   },
+  /** Update the API authorization header */
   updateApiAuthorizationHeader: (o) => {
     window.TopolPlugin.updateApiAuthorizationHeader(o);
   },
+  /** Set the template name/title */
   setTemplateName: (o) => {
     window.TopolPlugin.setTemplateName(o);
   },
+  /** Toggle the AI chat feature */
   toggleChatAI: () => {
     window.TopolPlugin.toggleChatAI();
   },
+  /** Toggle the autosaves feature */
   toggleAutosaves: () => {
     window.TopolPlugin.toggleAutosaves();
   },
+  /** Toggle the comments panel */
   toggleComments: () => {
     window.TopolPlugin.toggleComments();
   },
+  /** Create a new language variant */
   createLanguage: (o) => {
     window.TopolPlugin.createLanguage(o);
   },
+  /** Set the primary language */
   setPrimaryLanguage: (o) => {
     window.TopolPlugin.setPrimaryLanguage(o);
   },
+  /** Delete a language variant */
   deleteLanguage: (o) => {
     window.TopolPlugin.deleteLanguage(o);
   },
+  /** Select/switch to a language */
   selectLanguage: (o) => {
     window.TopolPlugin.selectLanguage(o);
   }
-}, qe = "editor";
-let V = !1, q = !1;
-function Ie(o) {
-  const l = () => {
-    const c = {
-      onSave(r, i) {
-        o.onSave !== void 0 && o.onSave(r, i);
+}, b = "https://v1.page-assets.topol.io/topol-lpe.js", z = {
+  /**
+   * Inits Landing Page Editor.
+   *
+   * @param options - Configuration options for the editor
+   * @param pluginOptions - Plugin options (reserved for future staging/dev URL support)
+   * @returns Promise that resolves with the editor instance
+   */
+  init: (o, l) => new Promise((c, a) => {
+    f(b, (r) => {
+      if (r !== null) {
+        a(r);
+        return;
+      }
+      const u = window.LandingPageEditor(o);
+      c(u);
+    });
+  })
+}, H = h, T = "topol-email-editor-id";
+function M(o) {
+  const l = p(!1), c = p(!1), a = p(o);
+  return a.current = o, v(() => l.current ? void 0 : (l.current = !0, (async () => {
+    const u = a.current, d = {
+      onSave(i, n) {
+        var e, t;
+        (t = (e = a.current).onSave) == null || t.call(e, i, n);
       },
-      onSaveAndClose(r, i) {
-        o.onSaveAndClose !== void 0 && o.onSaveAndClose(r, i);
+      onSaveAndClose(i, n) {
+        var e, t;
+        (t = (e = a.current).onSaveAndClose) == null || t.call(e, i, n);
       },
-      onTestSend(r, i, f) {
-        o.onTestSend !== void 0 && o.onTestSend(r, i, f);
+      onTestSend(i, n, e) {
+        var t, s;
+        (s = (t = a.current).onTestSend) == null || s.call(t, i, n, e);
       },
       onOpenFileManager() {
-        o.onOpenFileManager !== void 0 && o.onOpenFileManager();
+        var i, n;
+        (n = (i = a.current).onOpenFileManager) == null || n.call(i);
       },
       onLoaded() {
-        o.onLoaded !== void 0 && o.onLoaded();
+        var i, n;
+        (n = (i = a.current).onLoaded) == null || n.call(i);
       },
-      onBlockSave(r) {
-        o.onBlockSave !== void 0 && o.onBlockSave(r);
+      onBlockSave(i) {
+        var n, e;
+        (e = (n = a.current).onBlockSave) == null || e.call(n, i);
       },
-      onBlockRemove(r) {
-        o.onBlockRemove !== void 0 && o.onBlockRemove(r);
+      onBlockRemove(i) {
+        var n, e;
+        (e = (n = a.current).onBlockRemove) == null || e.call(n, i);
       },
-      onBlockEdit(r) {
-        o.onBlockEdit !== void 0 && o.onBlockEdit(r);
+      onBlockEdit(i) {
+        var n, e;
+        (e = (n = a.current).onBlockEdit) == null || e.call(n, i);
       },
       onInit() {
-        o.onInit !== void 0 && o.onInit(), V = !1, q = !0;
+        var i, n;
+        (n = (i = a.current).onInit) == null || n.call(i), c.current = !0;
       },
-      onUndoChange(r) {
-        o.onUndoChange !== void 0 && o.onUndoChange(r);
+      onUndoChange(i) {
+        var n, e;
+        (e = (n = a.current).onUndoChange) == null || e.call(n, i);
       },
-      onRedoChange(r) {
-        o.onRedoChange !== void 0 && o.onRedoChange(r);
+      onRedoChange(i) {
+        var n, e;
+        (e = (n = a.current).onRedoChange) == null || e.call(n, i);
       },
-      onPreview(r) {
-        o.onPreview !== void 0 && o.onPreview(r);
+      onPreview(i) {
+        var n, e;
+        (e = (n = a.current).onPreview) == null || e.call(n, i);
       },
-      onAlert(r) {
-        o.onAlert !== void 0 && o.onAlert(r);
+      onAlert(i) {
+        var n, e;
+        (e = (n = a.current).onAlert) == null || e.call(n, i);
       },
       onClose() {
-        o.onClose !== void 0 && o.onClose();
+        var i, n;
+        (n = (i = a.current).onClose) == null || n.call(i);
+      },
+      onBannerClick(i, n) {
+        var e, t;
+        (t = (e = a.current).onBannerClick) == null || t.call(e, i, n);
       },
-      onEdittedWithoutSaveChanged(r) {
-        o.onEdittedWithoutSaveChanged !== void 0 && o.onEdittedWithoutSaveChanged(r);
+      onEdittedWithoutSaveChanged(i) {
+        var n, e;
+        (e = (n = a.current).onEdittedWithoutSaveChanged) == null || e.call(n, i);
       },
-      onOpenCustomBlockDialog(r) {
-        o.onOpenCustomBlockDialog !== void 0 && o.onOpenCustomBlockDialog(r);
+      onOpenCustomBlockDialog(i) {
+        var n, e;
+        (e = (n = a.current).onOpenCustomBlockDialog) == null || e.call(n, i);
       },
-      onTemplateRename(r) {
-        o.onTemplateRename !== void 0 && o.onTemplateRename(r);
+      onTemplateRename(i) {
+        var n, e;
+        (e = (n = a.current).onTemplateRename) == null || e.call(n, i);
       },
-      updateTestingEmailAddresses(r) {
-        o.updateTestingEmailAddresses !== void 0 && o.updateTestingEmailAddresses(r);
+      updateTestingEmailAddresses(i) {
+        var n, e;
+        (e = (n = a.current).updateTestingEmailAddresses) == null || e.call(n, i);
       },
-      onError(r, i) {
-        o.onError !== void 0 && o.onError(r, i);
+      onError(i, n) {
+        var e, t;
+        (t = (e = a.current).onError) == null || t.call(e, i, n);
       }
+    }, g = {
+      id: "#" + T,
+      ...u.options,
+      callbacks: d
     };
-    return { id: "#" + qe, ...o.options, callbacks: { ...c } };
-  };
-  return Oe(() => (V || (async () => {
-    V = !0;
-    const r = l();
-    await Ee.init(r, { stage: o.stage || "production" });
-  })(), () => {
-    q && (Ee.destroy(), q = !1);
-  }), []), /* @__PURE__ */ Be.jsx(
+    await h.init(g, { stage: u.stage || "production" });
+  })().catch((u) => {
+    var d, g;
+    (g = (d = a.current).onError) == null || g.call(d, "init", (u == null ? void 0 : u.message) || "Failed to initialize editor"), console.error("[@topol.io/editor-react] EmailEditor initialization failed:", u);
+  }), () => {
+    c.current && (h.destroy(), c.current = !1);
+    const u = document.getElementById(T);
+    u && (u.innerHTML = "");
+  }), []), /* @__PURE__ */ P(
+    "div",
+    {
+      id: T,
+      style: { position: "absolute", height: "100vh", width: "100%" }
+    }
+  );
+}
+const C = "topol-landing-page-editor-id", _ = y((o, l) => {
+  const c = p(!1), a = p(null), r = p(o);
+  return r.current = o, S(l, () => ({
+    load(u) {
+      var d;
+      (d = a.current) == null || d.load(u);
+    },
+    save() {
+      var u;
+      (u = a.current) == null || u.save();
+    }
+  })), v(() => c.current ? void 0 : (c.current = !0, (async () => {
+    const d = r.current, g = {
+      onSave(n, e) {
+        var t, s;
+        (s = (t = r.current).onSave) == null || s.call(t, n, e);
+      },
+      onSaveAndClose(n, e) {
+        var t, s;
+        (s = (t = r.current).onSaveAndClose) == null || s.call(t, n, e);
+      },
+      onOpenFileManager() {
+        var n, e;
+        (e = (n = r.current).onOpenFileManager) == null || e.call(n);
+      },
+      onLoaded() {
+        var n, e;
+        (e = (n = r.current).onLoaded) == null || e.call(n);
+      },
+      onBlockSave(n) {
+        var e, t;
+        (t = (e = r.current).onBlockSave) == null || t.call(e, n);
+      },
+      onBlockRemove(n) {
+        var e, t;
+        (t = (e = r.current).onBlockRemove) == null || t.call(e, n);
+      },
+      onBlockEdit(n) {
+        var e, t;
+        (t = (e = r.current).onBlockEdit) == null || t.call(e, n);
+      },
+      onInit() {
+        var n, e;
+        (e = (n = r.current).onInit) == null || e.call(n);
+      },
+      onClose() {
+        var n, e;
+        (e = (n = r.current).onClose) == null || e.call(n);
+      },
+      onUndoChange(n) {
+        var e, t;
+        (t = (e = r.current).onUndoChange) == null || t.call(e, n);
+      },
+      onRedoChange(n) {
+        var e, t;
+        (t = (e = r.current).onRedoChange) == null || t.call(e, n);
+      },
+      onPreview(n) {
+        var e, t;
+        (t = (e = r.current).onPreview) == null || t.call(e, n);
+      },
+      onAlert(n) {
+        var e, t;
+        (t = (e = r.current).onAlert) == null || t.call(e, n);
+      },
+      onBannerClick(n, e) {
+        var t, s;
+        (s = (t = r.current).onBannerClick) == null || s.call(t, n, e);
+      },
+      onEdittedWithoutSaveChanged(n) {
+        var e, t;
+        (t = (e = r.current).onEdittedWithoutSaveChanged) == null || t.call(e, n);
+      },
+      onOpenCustomBlockDialog(n) {
+        var e, t;
+        (t = (e = r.current).onOpenCustomBlockDialog) == null || t.call(e, n);
+      },
+      onTemplateRename(n) {
+        var e, t;
+        (t = (e = r.current).onTemplateRename) == null || t.call(e, n);
+      },
+      onError(n, e) {
+        var t, s;
+        (s = (t = r.current).onError) == null || s.call(t, n, e);
+      }
+    }, i = await z.init({ config: d.options, ...g }, { stage: d.stage || "production" });
+    a.current = i, i.render("#" + C);
+  })().catch((d) => {
+    var g, i;
+    (i = (g = r.current).onError) == null || i.call(g, "init", (d == null ? void 0 : d.message) || "Failed to initialize editor"), console.error("[@topol.io/editor-react] LandingPageEditor initialization failed:", d);
+  }), () => {
+    var d;
+    (d = a.current) == null || d.destroy(), a.current = null, c.current = !1;
+  }), []), /* @__PURE__ */ P(
     "div",
     {
-      id: "editor",
+      id: C,
       style: { position: "absolute", height: "100vh", width: "100%" }
     }
   );
+});
+_.displayName = "LandingPageEditor";
+function N(o) {
+  return v(() => {
+    console.warn("[@topol.io/editor-react] TopolEditor is deprecated and will be removed in a future version. Please use EmailEditor instead.");
+  }, []), /* @__PURE__ */ P(M, { ...o });
 }
 export {
-  Ee as TopolPlugin,
-  Ie as default
+  h as CoreEmailEditor,
+  z as CoreLandingPageEditor,
+  M as EmailEditor,
+  _ as LandingPageEditor,
+  N as TopolEditor,
+  H as TopolPlugin
 };

package/dist/topol-editor-react.umd.js

@@ -1,31 +1 @@
-(function(E,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],P):(E=typeof globalThis<"u"?globalThis:E||self,P(E["topol-editor-react"]={},E.React))})(this,function(E,P){"use strict";var A={exports:{}},k={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var X;function ye(){if(X)return k;X=1;var o=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function c(r,i,f){var v=null;if(f!==void 0&&(v=""+f),i.key!==void 0&&(v=""+i.key),"key"in i){f={};for(var C in i)C!=="key"&&(f[C]=i[C])}else f=i;return i=f.ref,{$$typeof:o,type:r,key:v,ref:i!==void 0?i:null,props:f}}return k.Fragment=l,k.jsx=c,k.jsxs=c,k}var R={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Z;function Pe(){return Z||(Z=1,process.env.NODE_ENV!=="production"&&function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Ve?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case U:return"Fragment";case $e:return"Portal";case re:return"Profiler";case ne:return"StrictMode";case $:return"Suspense";case H:return"SuspenseList"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case ie:return(e.displayName||"Context")+".Provider";case ae:return(e._context.displayName||"Context")+".Consumer";case z:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case V:return t=e.displayName||null,t!==null?t:o(e.type)||"Memo";case F:t=e._payload,e=e._init;try{return o(e(t))}catch{}}return null}function l(e){return""+e}function c(e){try{l(e);var t=!1}catch{t=!0}if(t){t=console;var n=t.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),l(e)}}function r(){}function i(){if(_===0){se=console.log,ce=console.info,fe=console.warn,de=console.error,ge=console.group,ve=console.groupCollapsed,me=console.groupEnd;var e={configurable:!0,enumerable:!0,value:r,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}_++}function f(){if(_--,_===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:h({},e,{value:se}),info:h({},e,{value:ce}),warn:h({},e,{value:fe}),error:h({},e,{value:de}),group:h({},e,{value:ge}),groupCollapsed:h({},e,{value:ve}),groupEnd:h({},e,{value:me})})}0>_&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function v(e){if(J===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);J=t&&t[1]||"",we=-1<n.stack.indexOf(`
-    at`)?" (<anonymous>)":-1<n.stack.indexOf("@")?"@unknown:0:0":""}return`
-`+J+e+we}function C(e,t){if(!e||q)return"";var n=G.get(e);if(n!==void 0)return n;q=!0,n=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var u=null;u=b.H,b.H=null,i();try{var d={DetermineComponentFrameRoot:function(){try{if(t){var T=function(){throw Error()};if(Object.defineProperty(T.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(T,[])}catch(w){var x=w}Reflect.construct(e,[],T)}else{try{T.call()}catch(w){x=w}e.call(T.prototype)}}else{try{throw Error()}catch(w){x=w}(T=e())&&typeof T.catch=="function"&&T.catch(function(){})}}catch(w){if(w&&x&&typeof w.stack=="string")return[w.stack,x.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var s=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");s&&s.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var a=d.DetermineComponentFrameRoot(),m=a[0],S=a[1];if(m&&S){var g=m.split(`
-`),y=S.split(`
-`);for(a=s=0;s<g.length&&!g[s].includes("DetermineComponentFrameRoot");)s++;for(;a<y.length&&!y[a].includes("DetermineComponentFrameRoot");)a++;if(s===g.length||a===y.length)for(s=g.length-1,a=y.length-1;1<=s&&0<=a&&g[s]!==y[a];)a--;for(;1<=s&&0<=a;s--,a--)if(g[s]!==y[a]){if(s!==1||a!==1)do if(s--,a--,0>a||g[s]!==y[a]){var p=`
-`+g[s].replace(" at new "," at ");return e.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",e.displayName)),typeof e=="function"&&G.set(e,p),p}while(1<=s&&0<=a);break}}}finally{q=!1,b.H=u,f(),Error.prepareStackTrace=n}return g=(g=e?e.displayName||e.name:"")?v(g):"",typeof e=="function"&&G.set(e,g),g}function B(e){if(e==null)return"";if(typeof e=="function"){var t=e.prototype;return C(e,!(!t||!t.isReactComponent))}if(typeof e=="string")return v(e);switch(e){case $:return v("Suspense");case H:return v("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case z:return e=C(e.render,!1),e;case V:return B(e.type);case F:t=e._payload,e=e._init;try{return B(e(t))}catch{}}return""}function Y(){var e=b.A;return e===null?null:e.getOwner()}function Be(e){if(ue.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function Ye(e,t){function n(){Ee||(Ee=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function We(){var e=o(this.type);return Te[e]||(Te[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function Le(e,t,n,u,d,s){return n=s.ref,e={$$typeof:L,type:e,key:t,props:s,_owner:d},(n!==void 0?n:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:We}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function ee(e,t,n,u,d,s){if(typeof e=="string"||typeof e=="function"||e===U||e===re||e===ne||e===$||e===H||e===He||typeof e=="object"&&e!==null&&(e.$$typeof===F||e.$$typeof===V||e.$$typeof===ie||e.$$typeof===ae||e.$$typeof===z||e.$$typeof===Fe||e.getModuleId!==void 0)){var a=t.children;if(a!==void 0)if(u)if(I(a)){for(u=0;u<a.length;u++)oe(a[u],e);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else oe(a,e)}else a="",(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),e===null?u="null":I(e)?u="array":e!==void 0&&e.$$typeof===L?(u="<"+(o(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):u=typeof e,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",u,a);if(ue.call(t,"key")){a=o(e);var m=Object.keys(t).filter(function(g){return g!=="key"});u=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",be[a+u]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,u,a,m,a),be[a+u]=!0)}if(a=null,n!==void 0&&(c(n),a=""+n),Be(t)&&(c(t.key),a=""+t.key),"key"in t){n={};for(var S in t)S!=="key"&&(n[S]=t[S])}else n=t;return a&&Ye(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),Le(e,a,s,d,Y(),n)}function oe(e,t){if(typeof e=="object"&&e&&e.$$typeof!==Ie){if(I(e))for(var n=0;n<e.length;n++){var u=e[n];W(u)&&te(u,t)}else if(W(e))e._store&&(e._store.validated=1);else if(e===null||typeof e!="object"?n=null:(n=le&&e[le]||e["@@iterator"],n=typeof n=="function"?n:null),typeof n=="function"&&n!==e.entries&&(n=n.call(e),n!==e))for(;!(e=n.next()).done;)W(e.value)&&te(e.value,t)}}function W(e){return typeof e=="object"&&e!==null&&e.$$typeof===L}function te(e,t){if(e._store&&!e._store.validated&&e.key==null&&(e._store.validated=1,t=Ue(t),!he[t])){he[t]=!0;var n="";e&&e._owner!=null&&e._owner!==Y()&&(n=null,typeof e._owner.tag=="number"?n=o(e._owner.type):typeof e._owner.name=="string"&&(n=e._owner.name),n=" It was passed a child from "+n+".");var u=b.getCurrentStack;b.getCurrentStack=function(){var d=B(e.type);return u&&(d+=u()||""),d},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',t,n),b.getCurrentStack=u}}function Ue(e){var t="",n=Y();return n&&(n=o(n.type))&&(t=`
-
-Check the render method of \``+n+"`."),t||(e=o(e))&&(t=`
-
-Check the top-level render call using <`+e+">."),t}var ze=P,L=Symbol.for("react.transitional.element"),$e=Symbol.for("react.portal"),U=Symbol.for("react.fragment"),ne=Symbol.for("react.strict_mode"),re=Symbol.for("react.profiler"),ae=Symbol.for("react.consumer"),ie=Symbol.for("react.context"),z=Symbol.for("react.forward_ref"),$=Symbol.for("react.suspense"),H=Symbol.for("react.suspense_list"),V=Symbol.for("react.memo"),F=Symbol.for("react.lazy"),He=Symbol.for("react.offscreen"),le=Symbol.iterator,Ve=Symbol.for("react.client.reference"),b=ze.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ue=Object.prototype.hasOwnProperty,h=Object.assign,Fe=Symbol.for("react.client.reference"),I=Array.isArray,_=0,se,ce,fe,de,ge,ve,me;r.__reactDisabledLog=!0;var J,we,q=!1,G=new(typeof WeakMap=="function"?WeakMap:Map),Ie=Symbol.for("react.client.reference"),Ee,Te={},be={},he={};R.Fragment=U,R.jsx=function(e,t,n,u,d){return ee(e,t,n,!1,u,d)},R.jsxs=function(e,t,n,u,d){return ee(e,t,n,!0,u,d)}}()),R}var Q;function Ce(){return Q||(Q=1,process.env.NODE_ENV==="production"?A.exports=ye():A.exports=Pe()),A.exports}var Se=Ce();function ke(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var Re=function(o,l,c){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("script");typeof l=="function"&&(c=l,l={}),l=l||{},c=c||function(){},i.type=l.type||"text/javascript",i.charset=l.charset||"utf8",i.async="async"in l?!!l.async:!0,i.src=o,l.attrs&&_e(i,l.attrs),l.text&&(i.text=""+l.text);var f="onload"in i?K:pe;f(i,c),i.onload||K(i,c),r.appendChild(i)};function _e(o,l){for(var c in l)o.setAttribute(c,l[c])}function K(o,l){o.onload=function(){this.onerror=this.onload=null,l(null,o)},o.onerror=function(){this.onerror=this.onload=null,l(new Error("Failed to load "+this.src),o)}}function pe(o,l){o.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,l(null,o))}}const D=ke(Re),j="https://v3.email-assets.topol.io/loader/build.js",Ae="https://v3.develop.email-assets.topol.io/loader/build.js",xe="https://v3.develop.email-assets.topol.io/loader/build.js";function je(o="production"){switch(o){case"dev":return Ae;case"staging":return xe;case"production":return j;default:return`https://d10h8ga60f7b91.cloudfront.net/preview-app-${o}/loader/build.js`}}async function Oe(o){return new Promise((l,c)=>{D(j,r=>{r!==null&&c(r),window.TopolPlugin.init(o),l(!0)})})}const O={init:(o,l)=>new Promise((c,r)=>{const i=je(l==null?void 0:l.stage);D(i,async f=>{if(f!==null){if(i!==j)try{return await Oe(o),c(!0)}catch(v){r(v)}r(f)}window.TopolPlugin.init(o),c(!0)})}),save:()=>{window.TopolPlugin.save()},load:o=>{window.TopolPlugin.load(o)},togglePreview:()=>{window.TopolPlugin.togglePreview()},togglePreviewSize:()=>{window.TopolPlugin.togglePreviewSize()},chooseFile:o=>{window.TopolPlugin.chooseFile(o)},undo:()=>{window.TopolPlugin.undo()},redo:()=>{window.TopolPlugin.redo()},destroy:()=>{window.TopolPlugin.destroy()},setSavedBlocks:o=>{window.TopolPlugin.setSavedBlocks(o)},setPreviewHTML:o=>{window.TopolPlugin.setPreviewHTML(o)},createNotification:o=>{window.TopolPlugin.createNotification(o)},setActiveMembers:o=>{window.TopolPlugin.setActiveMembers(o)},changeEmailToMobile:()=>{window.TopolPlugin.changeEmailToMobile()},changeEmailToDesktop:()=>{window.TopolPlugin.changeEmailToDesktop()},toggleBlocksAndStructuresVisibility:()=>{window.TopolPlugin.toggleBlocksAndStructuresVisibility()},updateCustomBlockContent:o=>{window.TopolPlugin.updateCustomBlockContent(o)},refreshComments:o=>{window.TopolPlugin.refreshComments(o)},refreshSyncedRows:()=>{window.TopolPlugin.refreshSyncedRows()},openPremadeTemplatesSelection:()=>{window.TopolPlugin.openPremadeTemplatesSelection()},updateApiAuthorizationHeader:o=>{window.TopolPlugin.updateApiAuthorizationHeader(o)},setTemplateName:o=>{window.TopolPlugin.setTemplateName(o)},toggleChatAI:()=>{window.TopolPlugin.toggleChatAI()},toggleAutosaves:()=>{window.TopolPlugin.toggleAutosaves()},toggleComments:()=>{window.TopolPlugin.toggleComments()},createLanguage:o=>{window.TopolPlugin.createLanguage(o)},setPrimaryLanguage:o=>{window.TopolPlugin.setPrimaryLanguage(o)},deleteLanguage:o=>{window.TopolPlugin.deleteLanguage(o)},selectLanguage:o=>{window.TopolPlugin.selectLanguage(o)}},Ne="editor";let N=!1,M=!1;function Me(o){const l=()=>{const c={onSave(r,i){o.onSave!==void 0&&o.onSave(r,i)},onSaveAndClose(r,i){o.onSaveAndClose!==void 0&&o.onSaveAndClose(r,i)},onTestSend(r,i,f){o.onTestSend!==void 0&&o.onTestSend(r,i,f)},onOpenFileManager(){o.onOpenFileManager!==void 0&&o.onOpenFileManager()},onLoaded(){o.onLoaded!==void 0&&o.onLoaded()},onBlockSave(r){o.onBlockSave!==void 0&&o.onBlockSave(r)},onBlockRemove(r){o.onBlockRemove!==void 0&&o.onBlockRemove(r)},onBlockEdit(r){o.onBlockEdit!==void 0&&o.onBlockEdit(r)},onInit(){o.onInit!==void 0&&o.onInit(),N=!1,M=!0},onUndoChange(r){o.onUndoChange!==void 0&&o.onUndoChange(r)},onRedoChange(r){o.onRedoChange!==void 0&&o.onRedoChange(r)},onPreview(r){o.onPreview!==void 0&&o.onPreview(r)},onAlert(r){o.onAlert!==void 0&&o.onAlert(r)},onClose(){o.onClose!==void 0&&o.onClose()},onEdittedWithoutSaveChanged(r){o.onEdittedWithoutSaveChanged!==void 0&&o.onEdittedWithoutSaveChanged(r)},onOpenCustomBlockDialog(r){o.onOpenCustomBlockDialog!==void 0&&o.onOpenCustomBlockDialog(r)},onTemplateRename(r){o.onTemplateRename!==void 0&&o.onTemplateRename(r)},updateTestingEmailAddresses(r){o.updateTestingEmailAddresses!==void 0&&o.updateTestingEmailAddresses(r)},onError(r,i){o.onError!==void 0&&o.onError(r,i)}};return{id:"#"+Ne,...o.options,callbacks:{...c}}};return P.useEffect(()=>(N||(async()=>{N=!0;const r=l();await O.init(r,{stage:o.stage||"production"})})(),()=>{M&&(O.destroy(),M=!1)}),[]),Se.jsx("div",{id:"editor",style:{position:"absolute",height:"100vh",width:"100%"}})}E.TopolPlugin=O,E.default=Me,Object.defineProperties(E,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(g,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],f):(g=typeof globalThis<"u"?globalThis:g||self,f(g["topol-editor-react"]={},g.jsxRuntime,g.React))})(this,function(g,f,p){"use strict";function k(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var L=function(o,l,u){var a=document.head||document.getElementsByTagName("head")[0],r=document.createElement("script");typeof l=="function"&&(u=l,l={}),l=l||{},u=u||function(){},r.type=l.type||"text/javascript",r.charset=l.charset||"utf8",r.async="async"in l?!!l.async:!0,r.src=o,l.attrs&&B(r,l.attrs),l.text&&(r.text=""+l.text);var d="onload"in r?E:A;d(r,u),r.onload||E(r,u),a.appendChild(r)};function B(o,l){for(var u in l)o.setAttribute(u,l[u])}function E(o,l){o.onload=function(){this.onerror=this.onload=null,l(null,o)},o.onerror=function(){this.onerror=this.onload=null,l(new Error("Failed to load "+this.src),o)}}function A(o,l){o.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,l(null,o))}}const h=k(L);var P={};const m={production:P.VITE_TOPOL_URL,dev:P.VITE_TOPOL_DEV_URL,staging:P.VITE_TOPOL_STAGING_URL},I="https://d10h8ga60f7b91.cloudfront.net/preview-app-{stage}/loader/build.js";function O(o="production"){switch(o){case"dev":return m.dev;case"staging":return m.staging;case"production":return m.production;default:return I.replace("{stage}",String(o))}}async function b(o){return new Promise((l,u)=>{h(m.production,a=>{if(a!==null){u(a);return}window.TopolPlugin.init(o),l(!0)})})}const T={init:(o,l)=>new Promise((u,a)=>{const r=O(l==null?void 0:l.stage);h(r,async d=>{if(d!==null){if(r!==m.production)try{return await b(o),u(!0)}catch(c){a(c)}a(d);return}window.TopolPlugin.init(o),u(!0)})}),save:()=>{window.TopolPlugin.save()},load:o=>{window.TopolPlugin.load(o)},togglePreview:()=>{window.TopolPlugin.togglePreview()},togglePreviewSize:()=>{window.TopolPlugin.togglePreviewSize()},chooseFile:o=>{window.TopolPlugin.chooseFile(o)},undo:()=>{window.TopolPlugin.undo()},redo:()=>{window.TopolPlugin.redo()},destroy:()=>{window.TopolPlugin.destroy()},setSavedBlocks:o=>{window.TopolPlugin.setSavedBlocks(o)},setPreviewHTML:o=>{window.TopolPlugin.setPreviewHTML(o)},createNotification:o=>{window.TopolPlugin.createNotification(o)},setActiveMembers:o=>{window.TopolPlugin.setActiveMembers(o)},changeEmailToMobile:()=>{window.TopolPlugin.changeEmailToMobile()},changeEmailToDesktop:()=>{window.TopolPlugin.changeEmailToDesktop()},toggleBlocksAndStructuresVisibility:()=>{window.TopolPlugin.toggleBlocksAndStructuresVisibility()},updateCustomBlockContent:o=>{window.TopolPlugin.updateCustomBlockContent(o)},refreshComments:o=>{window.TopolPlugin.refreshComments(o)},refreshSyncedRows:()=>{window.TopolPlugin.refreshSyncedRows()},openPremadeTemplatesSelection:()=>{window.TopolPlugin.openPremadeTemplatesSelection()},updateApiAuthorizationHeader:o=>{window.TopolPlugin.updateApiAuthorizationHeader(o)},setTemplateName:o=>{window.TopolPlugin.setTemplateName(o)},toggleChatAI:()=>{window.TopolPlugin.toggleChatAI()},toggleAutosaves:()=>{window.TopolPlugin.toggleAutosaves()},toggleComments:()=>{window.TopolPlugin.toggleComments()},createLanguage:o=>{window.TopolPlugin.createLanguage(o)},setPrimaryLanguage:o=>{window.TopolPlugin.setPrimaryLanguage(o)},deleteLanguage:o=>{window.TopolPlugin.deleteLanguage(o)},selectLanguage:o=>{window.TopolPlugin.selectLanguage(o)}},M="https://v1.page-assets.topol.io/topol-lpe.js",C={init:(o,l)=>new Promise((u,a)=>{h(M,r=>{if(r!==null){a(r);return}const d=window.LandingPageEditor(o);u(d)})})},z=T,v="topol-email-editor-id";function y(o){const l=p.useRef(!1),u=p.useRef(!1),a=p.useRef(o);return a.current=o,p.useEffect(()=>l.current?void 0:(l.current=!0,(async()=>{const d=a.current,c={onSave(i,n){var e,t;(t=(e=a.current).onSave)==null||t.call(e,i,n)},onSaveAndClose(i,n){var e,t;(t=(e=a.current).onSaveAndClose)==null||t.call(e,i,n)},onTestSend(i,n,e){var t,s;(s=(t=a.current).onTestSend)==null||s.call(t,i,n,e)},onOpenFileManager(){var i,n;(n=(i=a.current).onOpenFileManager)==null||n.call(i)},onLoaded(){var i,n;(n=(i=a.current).onLoaded)==null||n.call(i)},onBlockSave(i){var n,e;(e=(n=a.current).onBlockSave)==null||e.call(n,i)},onBlockRemove(i){var n,e;(e=(n=a.current).onBlockRemove)==null||e.call(n,i)},onBlockEdit(i){var n,e;(e=(n=a.current).onBlockEdit)==null||e.call(n,i)},onInit(){var i,n;(n=(i=a.current).onInit)==null||n.call(i),u.current=!0},onUndoChange(i){var n,e;(e=(n=a.current).onUndoChange)==null||e.call(n,i)},onRedoChange(i){var n,e;(e=(n=a.current).onRedoChange)==null||e.call(n,i)},onPreview(i){var n,e;(e=(n=a.current).onPreview)==null||e.call(n,i)},onAlert(i){var n,e;(e=(n=a.current).onAlert)==null||e.call(n,i)},onClose(){var i,n;(n=(i=a.current).onClose)==null||n.call(i)},onBannerClick(i,n){var e,t;(t=(e=a.current).onBannerClick)==null||t.call(e,i,n)},onEdittedWithoutSaveChanged(i){var n,e;(e=(n=a.current).onEdittedWithoutSaveChanged)==null||e.call(n,i)},onOpenCustomBlockDialog(i){var n,e;(e=(n=a.current).onOpenCustomBlockDialog)==null||e.call(n,i)},onTemplateRename(i){var n,e;(e=(n=a.current).onTemplateRename)==null||e.call(n,i)},updateTestingEmailAddresses(i){var n,e;(e=(n=a.current).updateTestingEmailAddresses)==null||e.call(n,i)},onError(i,n){var e,t;(t=(e=a.current).onError)==null||t.call(e,i,n)}},w={id:"#"+v,...d.options,callbacks:c};await T.init(w,{stage:d.stage||"production"})})().catch(d=>{var c,w;(w=(c=a.current).onError)==null||w.call(c,"init",(d==null?void 0:d.message)||"Failed to initialize editor"),console.error("[@topol.io/editor-react] EmailEditor initialization failed:",d)}),()=>{u.current&&(T.destroy(),u.current=!1);const d=document.getElementById(v);d&&(d.innerHTML="")}),[]),f.jsx("div",{id:v,style:{position:"absolute",height:"100vh",width:"100%"}})}const S="topol-landing-page-editor-id",R=p.forwardRef((o,l)=>{const u=p.useRef(!1),a=p.useRef(null),r=p.useRef(o);return r.current=o,p.useImperativeHandle(l,()=>({load(d){var c;(c=a.current)==null||c.load(d)},save(){var d;(d=a.current)==null||d.save()}})),p.useEffect(()=>u.current?void 0:(u.current=!0,(async()=>{const c=r.current,w={onSave(n,e){var t,s;(s=(t=r.current).onSave)==null||s.call(t,n,e)},onSaveAndClose(n,e){var t,s;(s=(t=r.current).onSaveAndClose)==null||s.call(t,n,e)},onOpenFileManager(){var n,e;(e=(n=r.current).onOpenFileManager)==null||e.call(n)},onLoaded(){var n,e;(e=(n=r.current).onLoaded)==null||e.call(n)},onBlockSave(n){var e,t;(t=(e=r.current).onBlockSave)==null||t.call(e,n)},onBlockRemove(n){var e,t;(t=(e=r.current).onBlockRemove)==null||t.call(e,n)},onBlockEdit(n){var e,t;(t=(e=r.current).onBlockEdit)==null||t.call(e,n)},onInit(){var n,e;(e=(n=r.current).onInit)==null||e.call(n)},onClose(){var n,e;(e=(n=r.current).onClose)==null||e.call(n)},onUndoChange(n){var e,t;(t=(e=r.current).onUndoChange)==null||t.call(e,n)},onRedoChange(n){var e,t;(t=(e=r.current).onRedoChange)==null||t.call(e,n)},onPreview(n){var e,t;(t=(e=r.current).onPreview)==null||t.call(e,n)},onAlert(n){var e,t;(t=(e=r.current).onAlert)==null||t.call(e,n)},onBannerClick(n,e){var t,s;(s=(t=r.current).onBannerClick)==null||s.call(t,n,e)},onEdittedWithoutSaveChanged(n){var e,t;(t=(e=r.current).onEdittedWithoutSaveChanged)==null||t.call(e,n)},onOpenCustomBlockDialog(n){var e,t;(t=(e=r.current).onOpenCustomBlockDialog)==null||t.call(e,n)},onTemplateRename(n){var e,t;(t=(e=r.current).onTemplateRename)==null||t.call(e,n)},onError(n,e){var t,s;(s=(t=r.current).onError)==null||s.call(t,n,e)}},i=await C.init({config:c.options,...w},{stage:c.stage||"production"});a.current=i,i.render("#"+S)})().catch(c=>{var w,i;(i=(w=r.current).onError)==null||i.call(w,"init",(c==null?void 0:c.message)||"Failed to initialize editor"),console.error("[@topol.io/editor-react] LandingPageEditor initialization failed:",c)}),()=>{var c;(c=a.current)==null||c.destroy(),a.current=null,u.current=!1}),[]),f.jsx("div",{id:S,style:{position:"absolute",height:"100vh",width:"100%"}})});R.displayName="LandingPageEditor";function _(o){return p.useEffect(()=>{console.warn("[@topol.io/editor-react] TopolEditor is deprecated and will be removed in a future version. Please use EmailEditor instead.")},[]),f.jsx(y,{...o})}g.CoreEmailEditor=T,g.CoreLandingPageEditor=C,g.EmailEditor=y,g.LandingPageEditor=R,g.TopolEditor=_,g.TopolPlugin=z,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});

package/dist/types/{src/TopolEditor.d.ts → EmailEditor.d.ts}

@@ -1,11 +1,11 @@
-import TopolPlugin, { INotification, ISavedBlock, IStage } from '@topol.io/editor';
-import { IReactTopolOptions } from '../types/IReactTopolOptions';
-type TopolEditorProps = {
-    options: IReactTopolOptions;
+import type { INotification, ISavedBlock, IStage } from '@topol.io/editor';
+import type { IReactEmailOptions } from './types';
+export type EmailEditorProps = {
+    options: IReactEmailOptions;
     stage?: IStage;
     onSave?(json: unknown, html: unknown): void;
     onSaveAndClose?(json: unknown, html: unknown): void;
-    onTestSend?(email: string, json: unknown, html: unknown): void;
+    onTestSend?(email: string | string[], json: unknown, html: unknown): void;
     onOpenFileManager?(): void;
     onLoaded?(): void;
     onBlockSave?(block: ISavedBlock): void;
@@ -17,12 +17,11 @@ type TopolEditorProps = {
     onPreview?(html: unknown): void;
     onAlert?(notification: INotification): void;
     onClose?(): void;
+    onBannerClick?(json: unknown, html: unknown): void;
     onEdittedWithoutSaveChanged?(hasUnsavedChanges: boolean): void;
     onOpenCustomBlockDialog?(blockContent: unknown): void;
     onTemplateRename?(title: string): void;
     updateTestingEmailAddresses?(emails: string[]): void;
     onError?(type: string, message: string): void;
 };
-export default function TopolEditor(props: TopolEditorProps): import("react/jsx-runtime").JSX.Element;
-export type { IReactTopolOptions, INotification, ISavedBlock };
-export { TopolPlugin };
+export default function EmailEditor(props: EmailEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/LandingPageEditor.d.ts

@@ -0,0 +1,41 @@
+import type { INotification, IStage, TopolSection } from '@topol.io/editor';
+import type { IReactLandingPageOptions } from './types';
+/**
+ * Ref handle for LandingPageEditor component.
+ * Provides methods to programmatically control the editor.
+ */
+export interface LandingPageEditorRef {
+    /**
+     * Load a template into the editor.
+     * @param template - The template data (JSON structure)
+     */
+    load(template: unknown): void;
+    /**
+     * Trigger the save callback with current editor content.
+     */
+    save(): void;
+}
+export type LandingPageEditorProps = {
+    options: IReactLandingPageOptions;
+    stage?: IStage;
+    onSave?(json: unknown, html: unknown): void;
+    onSaveAndClose?(json: unknown, html: unknown): void;
+    onOpenFileManager?(): void;
+    onLoaded?(): void;
+    onBlockSave?(block: TopolSection): void;
+    onBlockRemove?(blockId: number | string): void;
+    onBlockEdit?(blockId: number | string): void;
+    onInit?(): void;
+    onClose?(): void;
+    onUndoChange?(count: number): void;
+    onRedoChange?(count: number): void;
+    onPreview?(html: unknown): void;
+    onAlert?(notification: INotification): void;
+    onBannerClick?(json: unknown, html: unknown): void;
+    onEdittedWithoutSaveChanged?(hasUnsavedChanges: boolean): void;
+    onOpenCustomBlockDialog?(blockContent: unknown): void;
+    onTemplateRename?(title: string): void;
+    onError?(type: string, message: string): void;
+};
+declare const LandingPageEditor: import("react").ForwardRefExoticComponent<LandingPageEditorProps & import("react").RefAttributes<LandingPageEditorRef>>;
+export default LandingPageEditor;

package/dist/types/TopolEditor.d.ts

@@ -0,0 +1,3 @@
+import type { EmailEditorProps } from './EmailEditor';
+export type TopolEditorProps = EmailEditorProps;
+export default function TopolEditor(props: TopolEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/entry.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @topol.io/editor-react - React wrapper for Topol Editor
+ *
+ * @example Email Editor
+ * ```tsx
+ * import { EmailEditor, type IReactEmailOptions } from '@topol.io/editor-react';
+ *
+ * const options: IReactEmailOptions = {
+ *   authorize: { apiKey: 'your-key', userId: 'user-123' },
+ * };
+ *
+ * function App() {
+ *   return <EmailEditor options={options} onSave={(json, html) => console.log('Saved')} />;
+ * }
+ * ```
+ *
+ * @example Landing Page Editor
+ * ```tsx
+ * import { useRef } from 'react';
+ * import { LandingPageEditor, type LandingPageEditorRef, type IReactLandingPageOptions } from '@topol.io/editor-react';
+ *
+ * const options: IReactLandingPageOptions = {
+ *   authorize: { apiKey: 'your-key', userId: 'user-123' },
+ * };
+ *
+ * function App() {
+ *   const editorRef = useRef<LandingPageEditorRef>(null);
+ *
+ *   const loadTemplate = () => {
+ *     editorRef.current?.load(templateJson);
+ *   };
+ *
+ *   return <LandingPageEditor ref={editorRef} options={options} onSave={(json, html) => console.log('Saved')} />;
+ * }
+ * ```
+ */
+export { default as TopolPlugin, EmailEditor as CoreEmailEditor, LandingPageEditor as CoreLandingPageEditor } from '@topol.io/editor';
+export { default as EmailEditor } from './EmailEditor';
+export type { EmailEditorProps } from './EmailEditor';
+export { default as LandingPageEditor } from './LandingPageEditor';
+export type { LandingPageEditorRef, LandingPageEditorProps } from './LandingPageEditor';
+/**
+ * @deprecated Use EmailEditor instead. TopolEditor is an alias for backwards compatibility.
+ */
+export { default as TopolEditor } from './TopolEditor';
+export type { TopolEditorProps } from './TopolEditor';
+export type { ITopolOptions, ILandingPageOptions, ILandingPageEditorInstance, IEmailCallbacks, ILandingPageCallbacks, ISaveData, IErrorData, ISendTestData, INotification, ISavedBlock, IStage, TopolSection, } from '@topol.io/editor';
+export type { IReactEmailOptions, IReactLandingPageOptions, IReactTopolOptions } from './types';

package/dist/types/types.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Type re-exports from core package and React-specific types.
+ */
+export type { ITopolOptions, ILandingPageOptions, ILandingPageEditorInstance, IEmailCallbacks, ILandingPageCallbacks, ISaveData, IErrorData, ISendTestData, INotification, ISavedBlock, IStage, TopolSection, } from '@topol.io/editor';
+import type { ITopolOptions, ILandingPageOptions } from '@topol.io/editor';
+/**
+ * React-specific options for EmailEditor component.
+ * Omits 'id' and 'callbacks' as they are handled internally by the React wrapper.
+ */
+export type IReactEmailOptions = Omit<ITopolOptions, 'id' | 'callbacks'>;
+/**
+ * React-specific options for LandingPageEditor component.
+ * Contains only the config options, as callbacks are handled as React props.
+ */
+export type IReactLandingPageOptions = ILandingPageOptions['config'];
+/**
+ * @deprecated Use IReactEmailOptions instead.
+ */
+export type IReactTopolOptions = IReactEmailOptions;

package/package.json

@@ -11,7 +11,7 @@
     "email-react",
     "email templates"
   ],
-  "version": "0.3.0",
+  "version": "1.0.0-alpha.1",
   "author": "Topol.io",
   "homepage": "https://topol.io",
   "license": "Apache-2.0",
@@ -21,26 +21,33 @@
   "type": "module",
   "main": "./dist/topol-editor-react.es.js",
   "module": "./dist/topol-editor-react.es.js",
-  "types": "./dist/types/src/TopolEditor.d.ts",
+  "types": "./dist/types/src/entry.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/types/src/TopolEditor.d.ts",
+      "types": "./dist/types/src/entry.d.ts",
       "import": "./dist/topol-editor-react.es.js",
       "require": "./dist/topol-editor-react.umd.js"
     }
   },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
   "dependencies": {
-    "@topol.io/editor": "0.3.0"
+    "@topol.io/editor": "1.0.0-alpha.1"
   },
   "devDependencies": {
+    "@testing-library/react": "^16.1.0",
     "@types/node": "^20.7.0",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.2.1",
+    "happy-dom": "^20.0.11",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "typescript": "^5.2.2",
-    "vite": "^6.2.0"
+    "vite": "^6.2.0",
+    "vitest": "^4.0.16"
   },
   "publishConfig": {
     "access": "public"
@@ -48,6 +55,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build && pnpm run build:types",
-    "build:types": "tsc -p tsconfig.prod.json"
+    "build:types": "tsc -p tsconfig.prod.json",
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
 }

package/dist/types/types/IReactTopolOptions.d.ts

@@ -1,2 +0,0 @@
-import { ITopolOptions } from '@topol.io/editor';
-export type IReactTopolOptions = Omit<ITopolOptions, 'id' | 'callbacks'>;