@topol.io/editor-react 0.2.1 → 1.0.0-alpha.0

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

@@ -1,5 +1,215 @@
-import Oe, { useEffect as je } from "react";
-var A = { exports: {} }, P = {};
+import Be, { useRef as _, useEffect as D, forwardRef as Me, useImperativeHandle as Le } from "react";
+function ze(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var Ye = function(t, d, g) {
+  var s = document.head || document.getElementsByTagName("head")[0], u = document.createElement("script");
+  typeof d == "function" && (g = d, d = {}), d = d || {}, g = g || function() {
+  }, u.type = d.type || "text/javascript", u.charset = d.charset || "utf8", u.async = "async" in d ? !!d.async : !0, u.src = t, d.attrs && Ie(u, d.attrs), d.text && (u.text = "" + d.text);
+  var E = "onload" in u ? he : Ue;
+  E(u, g), u.onload || he(u, g), s.appendChild(u);
+};
+function Ie(t, d) {
+  for (var g in d)
+    t.setAttribute(g, d[g]);
+}
+function he(t, d) {
+  t.onload = function() {
+    this.onerror = this.onload = null, d(null, t);
+  }, t.onerror = function() {
+    this.onerror = this.onload = null, d(new Error("Failed to load " + this.src), t);
+  };
+}
+function Ue(t, d) {
+  t.onreadystatechange = function() {
+    this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null, d(null, t));
+  };
+}
+const Z = /* @__PURE__ */ ze(Ye);
+var J = {};
+const N = {
+  production: J.VITE_TOPOL_URL,
+  dev: J.VITE_TOPOL_DEV_URL,
+  staging: J.VITE_TOPOL_STAGING_URL
+}, We = "https://d10h8ga60f7b91.cloudfront.net/preview-app-{stage}/loader/build.js";
+function $e(t = "production") {
+  switch (t) {
+    case "dev":
+      return N.dev;
+    case "staging":
+      return N.staging;
+    case "production":
+      return N.production;
+    default:
+      return We.replace("{stage}", String(t));
+  }
+}
+async function Ve(t) {
+  return new Promise((d, g) => {
+    Z(N.production, (s) => {
+      if (s !== null) {
+        g(s);
+        return;
+      }
+      window.TopolPlugin.init(t), d(!0);
+    });
+  });
+}
+const X = {
+  /**
+   * 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: (t, d) => new Promise((g, s) => {
+    const u = $e(d == null ? void 0 : d.stage);
+    Z(u, async (E) => {
+      if (E !== null) {
+        if (u !== N.production)
+          try {
+            return await Ve(t), g(!0);
+          } catch (v) {
+            s(v);
+          }
+        s(E);
+        return;
+      }
+      window.TopolPlugin.init(t), g(!0);
+    });
+  }),
+  /** Trigger the save callback with current editor content */
+  save: () => {
+    window.TopolPlugin.save();
+  },
+  /** Load a template JSON into the editor */
+  load: (t) => {
+    window.TopolPlugin.load(t);
+  },
+  /** 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: (t) => {
+    window.TopolPlugin.chooseFile(t);
+  },
+  /** 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: (t) => {
+    window.TopolPlugin.setSavedBlocks(t);
+  },
+  /** Set custom HTML for the preview */
+  setPreviewHTML: (t) => {
+    window.TopolPlugin.setPreviewHTML(t);
+  },
+  /** Display a notification in the editor */
+  createNotification: (t) => {
+    window.TopolPlugin.createNotification(t);
+  },
+  /** Set the list of active collaboration members */
+  setActiveMembers: (t) => {
+    window.TopolPlugin.setActiveMembers(t);
+  },
+  /** 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: (t) => {
+    window.TopolPlugin.updateCustomBlockContent(t);
+  },
+  /** Refresh comments/conversations */
+  refreshComments: (t) => {
+    window.TopolPlugin.refreshComments(t);
+  },
+  /** Refresh synced rows */
+  refreshSyncedRows: () => {
+    window.TopolPlugin.refreshSyncedRows();
+  },
+  /** Open the premade templates selection modal */
+  openPremadeTemplatesSelection: () => {
+    window.TopolPlugin.openPremadeTemplatesSelection();
+  },
+  /** Update the API authorization header */
+  updateApiAuthorizationHeader: (t) => {
+    window.TopolPlugin.updateApiAuthorizationHeader(t);
+  },
+  /** Set the template name/title */
+  setTemplateName: (t) => {
+    window.TopolPlugin.setTemplateName(t);
+  },
+  /** 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: (t) => {
+    window.TopolPlugin.createLanguage(t);
+  },
+  /** Set the primary language */
+  setPrimaryLanguage: (t) => {
+    window.TopolPlugin.setPrimaryLanguage(t);
+  },
+  /** Delete a language variant */
+  deleteLanguage: (t) => {
+    window.TopolPlugin.deleteLanguage(t);
+  },
+  /** Select/switch to a language */
+  selectLanguage: (t) => {
+    window.TopolPlugin.selectLanguage(t);
+  }
+}, He = "https://v1.page-assets.topol.io/topol-lpe.js", Fe = {
+  /**
+   * 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: (t, d) => new Promise((g, s) => {
+    Z(He, (u) => {
+      if (u !== null) {
+        s(u);
+        return;
+      }
+      const E = window.LandingPageEditor(t);
+      g(E);
+    });
+  })
+}, Qe = X;
+var M = { exports: {} }, x = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +219,29 @@ var A = { exports: {} }, P = {};
  * 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 pe() {
-  if (ve) return P;
-  ve = 1;
-  var o = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
-  function c(r, i, f) {
-    var g = null;
-    if (f !== void 0 && (g = "" + f), i.key !== void 0 && (g = "" + 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: g,
-      ref: i !== void 0 ? i : null,
-      props: f
+var be;
+function qe() {
+  if (be) return x;
+  be = 1;
+  var t = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
+  function g(s, u, E) {
+    var v = null;
+    if (E !== void 0 && (v = "" + E), u.key !== void 0 && (v = "" + u.key), "key" in u) {
+      E = {};
+      for (var m in u)
+        m !== "key" && (E[m] = u[m]);
+    } else E = u;
+    return u = E.ref, {
+      $$typeof: t,
+      type: s,
+      key: v,
+      ref: u !== void 0 ? u : null,
+      props: E
     };
   }
-  return P.Fragment = l, P.jsx = c, P.jsxs = c, P;
+  return x.Fragment = d, x.jsx = g, x.jsxs = g, x;
 }
-var R = {};
+var j = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,79 +251,79 @@ var R = {};
  * 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 Ne() {
-  return ge || (ge = 1, process.env.NODE_ENV !== "production" && function() {
-    function o(e) {
+var Pe;
+function Ge() {
+  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === _e ? null : e.displayName || e.name || null;
+        return e.$$typeof === xe ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case N:
+        case Y:
           return "Fragment";
-        case Pe:
+        case Ae:
           return "Portal";
-        case Z:
+        case te:
           return "Profiler";
-        case X:
+        case ne:
           return "StrictMode";
-        case B:
+        case U:
           return "Suspense";
-        case Y:
+        case W:
           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:
+          case ae:
             return (e.displayName || "Context") + ".Provider";
-          case Q:
+          case re:
             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 I:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case $:
-            t = e._payload, e = e._init;
+            return r = e.displayName || null, r !== null ? r : t(e.type) || "Memo";
+          case V:
+            r = e._payload, e = e._init;
             try {
-              return o(e(t));
+              return t(e(r));
             } catch {
             }
         }
       return null;
     }
-    function l(e) {
+    function d(e) {
       return "" + e;
     }
-    function c(e) {
+    function g(e) {
       try {
-        l(e);
-        var t = !1;
+        d(e);
+        var r = !1;
       } catch {
-        t = !0;
+        r = !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,
+      if (r) {
+        r = console;
+        var a = r.error, f = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a.call(
+          r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          u
-        ), l(e);
+          f
+        ), d(e);
       }
     }
-    function r() {
+    function s() {
     }
-    function i() {
-      if (S === 0) {
-        oe = console.log, te = console.info, ne = console.warn, re = console.error, ae = console.group, ie = console.groupCollapsed, le = console.groupEnd;
+    function u() {
+      if (A === 0) {
+        ue = console.log, se = console.info, ce = console.warn, de = console.error, fe = console.group, ge = console.groupCollapsed, ve = console.groupEnd;
         var e = {
           configurable: !0,
           enumerable: !0,
-          value: r,
+          value: s,
           writable: !0
         };
         Object.defineProperties(console, {
@@ -126,204 +336,204 @@ function Ne() {
           groupEnd: e
         });
       }
-      S++;
+      A++;
     }
-    function f() {
-      if (S--, S === 0) {
+    function E() {
+      if (A--, A === 0) {
         var e = { configurable: !0, enumerable: !0, writable: !0 };
         Object.defineProperties(console, {
-          log: T({}, e, { value: oe }),
-          info: T({}, e, { value: te }),
-          warn: T({}, e, { value: ne }),
-          error: T({}, e, { value: re }),
-          group: T({}, e, { value: ae }),
-          groupCollapsed: T({}, e, { value: ie }),
-          groupEnd: T({}, e, { value: le })
+          log: R({}, e, { value: ue }),
+          info: R({}, e, { value: se }),
+          warn: R({}, e, { value: ce }),
+          error: R({}, e, { value: de }),
+          group: R({}, e, { value: fe }),
+          groupCollapsed: R({}, e, { value: ge }),
+          groupEnd: R({}, e, { value: ve })
         });
       }
-      0 > S && console.error(
+      0 > A && console.error(
         "disabledDepth fell below zero. This is a bug in React. Please file an issue."
       );
     }
-    function g(e) {
-      if (z === void 0)
+    function v(e) {
+      if (F === void 0)
         try {
           throw Error();
-        } catch (n) {
-          var t = n.stack.trim().match(/\n( *(at )?)/);
-          z = t && t[1] || "", ue = -1 < n.stack.indexOf(`
-    at`) ? " (<anonymous>)" : -1 < n.stack.indexOf("@") ? "@unknown:0:0" : "";
+        } catch (a) {
+          var r = a.stack.trim().match(/\n( *(at )?)/);
+          F = r && r[1] || "", Ee = -1 < a.stack.indexOf(`
+    at`) ? " (<anonymous>)" : -1 < a.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
-` + z + e + ue;
+` + F + e + Ee;
     }
-    function y(e, t) {
-      if (!e || H) return "";
-      var n = V.get(e);
-      if (n !== void 0) return n;
-      H = !0, n = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
-      var u = null;
-      u = b.H, b.H = null, i();
+    function m(e, r) {
+      if (!e || q) return "";
+      var a = G.get(e);
+      if (a !== void 0) return a;
+      q = !0, a = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
+      var f = null;
+      f = y.H, y.H = null, u();
       try {
-        var d = {
+        var T = {
           DetermineComponentFrameRoot: function() {
             try {
-              if (t) {
-                var w = function() {
+              if (r) {
+                var C = function() {
                   throw Error();
                 };
-                if (Object.defineProperty(w.prototype, "props", {
+                if (Object.defineProperty(C.prototype, "props", {
                   set: function() {
                     throw Error();
                   }
                 }), typeof Reflect == "object" && Reflect.construct) {
                   try {
-                    Reflect.construct(w, []);
-                  } catch (m) {
-                    var _ = m;
+                    Reflect.construct(C, []);
+                  } catch (P) {
+                    var B = P;
                   }
-                  Reflect.construct(e, [], w);
+                  Reflect.construct(e, [], C);
                 } else {
                   try {
-                    w.call();
-                  } catch (m) {
-                    _ = m;
+                    C.call();
+                  } catch (P) {
+                    B = P;
                   }
-                  e.call(w.prototype);
+                  e.call(C.prototype);
                 }
               } else {
                 try {
                   throw Error();
-                } catch (m) {
-                  _ = m;
+                } catch (P) {
+                  B = P;
                 }
-                (w = e()) && typeof w.catch == "function" && w.catch(function() {
+                (C = e()) && typeof C.catch == "function" && C.catch(function() {
                 });
               }
-            } catch (m) {
-              if (m && _ && typeof m.stack == "string")
-                return [m.stack, _.stack];
+            } catch (P) {
+              if (P && B && typeof P.stack == "string")
+                return [P.stack, B.stack];
             }
             return [null, null];
           }
         };
-        d.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
-        var s = Object.getOwnPropertyDescriptor(
-          d.DetermineComponentFrameRoot,
+        T.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
+        var p = Object.getOwnPropertyDescriptor(
+          T.DetermineComponentFrameRoot,
           "name"
         );
-        s && s.configurable && Object.defineProperty(
-          d.DetermineComponentFrameRoot,
+        p && p.configurable && Object.defineProperty(
+          T.DetermineComponentFrameRoot,
           "name",
           { value: "DetermineComponentFrameRoot" }
         );
-        var a = d.DetermineComponentFrameRoot(), E = a[0], C = a[1];
-        if (E && C) {
-          var v = E.split(`
-`), h = C.split(`
+        var c = T.DetermineComponentFrameRoot(), b = c[0], k = c[1];
+        if (b && k) {
+          var h = b.split(`
+`), S = k.split(`
 `);
-          for (a = s = 0; s < v.length && !v[s].includes(
+          for (c = p = 0; p < h.length && !h[p].includes(
             "DetermineComponentFrameRoot"
           ); )
-            s++;
-          for (; a < h.length && !h[a].includes(
+            p++;
+          for (; c < S.length && !S[c].includes(
             "DetermineComponentFrameRoot"
           ); )
-            a++;
-          if (s === v.length || a === h.length)
-            for (s = v.length - 1, a = h.length - 1; 1 <= s && 0 <= a && v[s] !== h[a]; )
-              a--;
-          for (; 1 <= s && 0 <= a; s--, a--)
-            if (v[s] !== h[a]) {
-              if (s !== 1 || a !== 1)
+            c++;
+          if (p === h.length || c === S.length)
+            for (p = h.length - 1, c = S.length - 1; 1 <= p && 0 <= c && h[p] !== S[c]; )
+              c--;
+          for (; 1 <= p && 0 <= c; p--, c--)
+            if (h[p] !== S[c]) {
+              if (p !== 1 || c !== 1)
                 do
-                  if (s--, a--, 0 > a || v[s] !== h[a]) {
-                    var k = `
-` + v[s].replace(
+                  if (p--, c--, 0 > c || h[p] !== S[c]) {
+                    var O = `
+` + h[p].replace(
                       " at new ",
                       " at "
                     );
-                    return e.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, k), k;
+                    return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, O), O;
                   }
-                while (1 <= s && 0 <= a);
+                while (1 <= p && 0 <= c);
               break;
             }
         }
       } finally {
-        H = !1, b.H = u, f(), Error.prepareStackTrace = n;
+        q = !1, y.H = f, E(), Error.prepareStackTrace = a;
       }
-      return v = (v = e ? e.displayName || e.name : "") ? g(v) : "", typeof e == "function" && V.set(e, v), v;
+      return h = (h = e ? e.displayName || e.name : "") ? v(h) : "", typeof e == "function" && G.set(e, h), h;
     }
-    function x(e) {
+    function l(e) {
       if (e == null) return "";
       if (typeof e == "function") {
-        var t = e.prototype;
-        return y(
+        var r = e.prototype;
+        return m(
           e,
-          !(!t || !t.isReactComponent)
+          !(!r || !r.isReactComponent)
         );
       }
-      if (typeof e == "string") return g(e);
+      if (typeof e == "string") return v(e);
       switch (e) {
-        case B:
-          return g("Suspense");
-        case Y:
-          return g("SuspenseList");
+        case U:
+          return v("Suspense");
+        case W:
+          return v("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case M:
-            return e = y(e.render, !1), e;
-          case W:
-            return x(e.type);
+          case I:
+            return e = m(e.render, !1), e;
           case $:
-            t = e._payload, e = e._init;
+            return l(e.type);
+          case V:
+            r = e._payload, e = e._init;
             try {
-              return x(e(t));
+              return l(e(r));
             } catch {
             }
         }
       return "";
     }
-    function O() {
-      var e = b.A;
+    function o() {
+      var e = y.A;
       return e === null ? null : e.getOwner();
     }
-    function Te(e) {
-      if (ee.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
+    function n(e) {
+      if (le.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function he(e, t) {
-      function n() {
-        se || (se = !0, console.error(
+    function i(e, r) {
+      function a() {
+        pe || (pe = !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
+          r
         ));
       }
-      n.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: n,
+      a.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: a,
         configurable: !0
       });
     }
-    function ye() {
-      var e = o(this.type);
-      return ce[e] || (ce[e] = !0, console.error(
+    function w() {
+      var e = t(this.type);
+      return me[e] || (me[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: p,
+    function Se(e, r, a, f, T, p) {
+      return a = p.ref, e = {
+        $$typeof: z,
         type: e,
-        key: t,
-        props: s,
-        _owner: d
-      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
+        key: r,
+        props: p,
+        _owner: T
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: ye
+        get: w
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -336,315 +546,322 @@ function Ne() {
         value: null
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function L(e, t, n, u, d, s) {
-      if (typeof e == "string" || typeof e == "function" || e === N || e === Z || e === X || e === B || e === Y || e === Re || typeof e == "object" && e !== null && (e.$$typeof === $ || e.$$typeof === W || e.$$typeof === K || e.$$typeof === Q || e.$$typeof === M || e.$$typeof === Ae || e.getModuleId !== void 0)) {
-        var a = t.children;
-        if (a !== void 0)
-          if (u)
-            if (U(a)) {
-              for (u = 0; u < a.length; u++)
-                G(a[u], e);
-              Object.freeze && Object.freeze(a);
+    function K(e, r, a, f, T, p) {
+      if (typeof e == "string" || typeof e == "function" || e === Y || e === te || e === ne || e === U || e === W || e === Oe || typeof e == "object" && e !== null && (e.$$typeof === V || e.$$typeof === $ || e.$$typeof === ae || e.$$typeof === re || e.$$typeof === I || e.$$typeof === je || e.getModuleId !== void 0)) {
+        var c = r.children;
+        if (c !== void 0)
+          if (f)
+            if (H(c)) {
+              for (f = 0; f < c.length; f++)
+                ee(c[f], e);
+              Object.freeze && Object.freeze(c);
             } 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 G(a, e);
+          else ee(c, 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" : U(e) ? u = "array" : e !== void 0 && e.$$typeof === p ? (u = "<" + (o(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : u = typeof e, console.error(
+        c = "", (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (c += " 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 ? f = "null" : H(e) ? f = "array" : e !== void 0 && e.$$typeof === z ? (f = "<" + (t(e.type) || "Unknown") + " />", c = " Did you accidentally export a JSX literal instead of a component?") : f = 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
+          f,
+          c
         );
-      if (ee.call(t, "key")) {
-        a = o(e);
-        var E = Object.keys(t).filter(function(v) {
-          return v !== "key";
+      if (le.call(r, "key")) {
+        c = t(e);
+        var b = Object.keys(r).filter(function(h) {
+          return h !== "key";
         });
-        u = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", fe[a + u] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        f = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", we[c + f] || (b = 0 < b.length ? "{" + b.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,
-          E,
-          a
-        ), fe[a + u] = !0);
+          f,
+          c,
+          b,
+          c
+        ), we[c + f] = !0);
       }
-      if (a = null, n !== void 0 && (c(n), a = "" + n), Te(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,
+      if (c = null, a !== void 0 && (g(a), c = "" + a), n(r) && (g(r.key), c = "" + r.key), "key" in r) {
+        a = {};
+        for (var k in r)
+          k !== "key" && (a[k] = r[k]);
+      } else a = r;
+      return c && i(
+        a,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), Ce(e, a, s, d, O(), n);
+      ), Se(e, c, p, T, o(), a);
     }
-    function G(e, t) {
-      if (typeof e == "object" && e && e.$$typeof !== xe) {
-        if (U(e))
-          for (var n = 0; n < e.length; n++) {
-            var u = e[n];
-            j(u) && I(u, t);
+    function ee(e, r) {
+      if (typeof e == "object" && e && e.$$typeof !== Ne) {
+        if (H(e))
+          for (var a = 0; a < e.length; a++) {
+            var f = e[a];
+            L(f) && oe(f, r);
           }
-        else if (j(e))
+        else if (L(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; )
-            j(e.value) && I(e.value, t);
+        else if (e === null || typeof e != "object" ? a = null : (a = ie && e[ie] || e["@@iterator"], a = typeof a == "function" ? a : null), typeof a == "function" && a !== e.entries && (a = a.call(e), a !== e))
+          for (; !(e = a.next()).done; )
+            L(e.value) && oe(e.value, r);
       }
     }
-    function j(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === p;
+    function L(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === z;
     }
-    function I(e, t) {
-      if (e._store && !e._store.validated && e.key == null && (e._store.validated = 1, t = Se(t), !de[t])) {
-        de[t] = !0;
-        var n = "";
-        e && e._owner != null && e._owner !== O() && (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 = x(e.type);
-          return u && (d += u() || ""), d;
+    function oe(e, r) {
+      if (e._store && !e._store.validated && e.key == null && (e._store.validated = 1, r = ke(r), !Te[r])) {
+        Te[r] = !0;
+        var a = "";
+        e && e._owner != null && e._owner !== o() && (a = null, typeof e._owner.tag == "number" ? a = t(e._owner.type) : typeof e._owner.name == "string" && (a = e._owner.name), a = " It was passed a child from " + a + ".");
+        var f = y.getCurrentStack;
+        y.getCurrentStack = function() {
+          var T = l(e.type);
+          return f && (T += f() || ""), T;
         }, 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;
+          r,
+          a
+        ), y.getCurrentStack = f;
       }
     }
-    function Se(e) {
-      var t = "", n = O();
-      return n && (n = o(n.type)) && (t = `
+    function ke(e) {
+      var r = "", a = o();
+      return a && (a = t(a.type)) && (r = `
 
-Check the render method of \`` + n + "`."), t || (e = o(e)) && (t = `
+Check the render method of \`` + a + "`."), r || (e = t(e)) && (r = `
 
-Check the top-level render call using <` + e + ">."), t;
+Check the top-level render call using <` + e + ">."), r;
     }
-    var ke = Oe, p = Symbol.for("react.transitional.element"), Pe = 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"), Re = Symbol.for("react.offscreen"), D = Symbol.iterator, _e = Symbol.for("react.client.reference"), b = ke.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ee = Object.prototype.hasOwnProperty, T = Object.assign, Ae = Symbol.for("react.client.reference"), U = Array.isArray, S = 0, oe, te, ne, re, ae, ie, le;
-    r.__reactDisabledLog = !0;
-    var z, ue, H = !1, V = new (typeof WeakMap == "function" ? WeakMap : Map)(), xe = Symbol.for("react.client.reference"), se, ce = {}, fe = {}, de = {};
-    R.Fragment = N, R.jsx = function(e, t, n, u, d) {
-      return L(e, t, n, !1, u, d);
-    }, R.jsxs = function(e, t, n, u, d) {
-      return L(e, t, n, !0, u, d);
+    var _e = Be, z = Symbol.for("react.transitional.element"), Ae = Symbol.for("react.portal"), Y = Symbol.for("react.fragment"), ne = Symbol.for("react.strict_mode"), te = Symbol.for("react.profiler"), re = Symbol.for("react.consumer"), ae = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), $ = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), Oe = Symbol.for("react.offscreen"), ie = Symbol.iterator, xe = Symbol.for("react.client.reference"), y = _e.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, le = Object.prototype.hasOwnProperty, R = Object.assign, je = Symbol.for("react.client.reference"), H = Array.isArray, A = 0, ue, se, ce, de, fe, ge, ve;
+    s.__reactDisabledLog = !0;
+    var F, Ee, q = !1, G = new (typeof WeakMap == "function" ? WeakMap : Map)(), Ne = Symbol.for("react.client.reference"), pe, me = {}, we = {}, Te = {};
+    j.Fragment = Y, j.jsx = function(e, r, a, f, T) {
+      return K(e, r, a, !1, f, T);
+    }, j.jsxs = function(e, r, a, f, T) {
+      return K(e, r, a, !0, f, T);
     };
-  }()), R;
-}
-var Ee;
-function Me() {
-  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? A.exports = pe() : A.exports = Ne()), A.exports;
+  }()), j;
 }
-var Be = Me();
-function Ye(o) {
-  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+var Ce;
+function Je() {
+  return Ce || (Ce = 1, process.env.NODE_ENV === "production" ? M.exports = qe() : M.exports = Ge()), M.exports;
 }
-var We = 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 ? me : Ue;
-  f(i, c), i.onload || me(i, c), r.appendChild(i);
-};
-function $e(o, l) {
-  for (var c in l)
-    o.setAttribute(c, l[c]);
-}
-function me(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 Ue(o, l) {
-  o.onreadystatechange = function() {
-    this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null, l(null, o));
-  };
-}
-const be = /* @__PURE__ */ Ye(We), J = "https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js", ze = "https://d5aoblv5p04cg.cloudfront.net/develop/loader/build.js", He = "https://d5aoblv5p04cg.cloudfront.net/staging/loader/build.js";
-function Ve(o = "production") {
-  switch (o) {
-    case "dev":
-      return ze;
-    case "staging":
-      return He;
-    case "production":
-      return J;
-    default:
-      return `https://d10h8ga60f7b91.cloudfront.net/preview-app-${o}/loader/build.js`;
-  }
-}
-async function qe(o) {
-  return new Promise((l, c) => {
-    be(J, (r) => {
-      r !== null && c(r), window.TopolPlugin.init(o), l(!0);
-    });
-  });
-}
-const we = {
-  init: (o, l) => new Promise((c, r) => {
-    const i = Ve(l == null ? void 0 : l.stage);
-    be(i, async (f) => {
-      if (f !== null) {
-        if (i !== J)
-          try {
-            return await qe(o), c(!0);
-          } catch (g) {
-            r(g);
-          }
-        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);
-  }
-}, Fe = "editor";
-let q = !1, F = !1;
-function Le(o) {
-  const l = () => {
-    const c = {
-      onSave(r, i) {
-        o.onSave !== void 0 && o.onSave(r, i);
+var Q = Je();
+const ye = "topol-email-editor-id";
+function Xe(t) {
+  const d = _(!1), g = _(!1), s = _(t);
+  return s.current = t, D(() => d.current ? void 0 : (d.current = !0, (async () => {
+    const E = s.current, v = {
+      onSave(l, o) {
+        var n, i;
+        (i = (n = s.current).onSave) == null || i.call(n, l, o);
       },
-      onSaveAndClose(r, i) {
-        o.onSaveAndClose !== void 0 && o.onSaveAndClose(r, i);
+      onSaveAndClose(l, o) {
+        var n, i;
+        (i = (n = s.current).onSaveAndClose) == null || i.call(n, l, o);
       },
-      onTestSend(r, i, f) {
-        o.onTestSend !== void 0 && o.onTestSend(r, i, f);
+      onTestSend(l, o, n) {
+        var i, w;
+        (w = (i = s.current).onTestSend) == null || w.call(i, l, o, n);
       },
       onOpenFileManager() {
-        o.onOpenFileManager !== void 0 && o.onOpenFileManager();
+        var l, o;
+        (o = (l = s.current).onOpenFileManager) == null || o.call(l);
       },
       onLoaded() {
-        o.onLoaded !== void 0 && o.onLoaded();
+        var l, o;
+        (o = (l = s.current).onLoaded) == null || o.call(l);
       },
-      onBlockSave(r) {
-        o.onBlockSave !== void 0 && o.onBlockSave(r);
+      onBlockSave(l) {
+        var o, n;
+        (n = (o = s.current).onBlockSave) == null || n.call(o, l);
       },
-      onBlockRemove(r) {
-        o.onBlockRemove !== void 0 && o.onBlockRemove(r);
+      onBlockRemove(l) {
+        var o, n;
+        (n = (o = s.current).onBlockRemove) == null || n.call(o, l);
       },
-      onBlockEdit(r) {
-        o.onBlockEdit !== void 0 && o.onBlockEdit(r);
+      onBlockEdit(l) {
+        var o, n;
+        (n = (o = s.current).onBlockEdit) == null || n.call(o, l);
       },
       onInit() {
-        o.onInit !== void 0 && o.onInit(), q = !1, F = !0;
+        var l, o;
+        (o = (l = s.current).onInit) == null || o.call(l), g.current = !0;
       },
-      onUndoChange(r) {
-        o.onUndoChange !== void 0 && o.onUndoChange(r);
+      onUndoChange(l) {
+        var o, n;
+        (n = (o = s.current).onUndoChange) == null || n.call(o, l);
       },
-      onRedoChange(r) {
-        o.onRedoChange !== void 0 && o.onRedoChange(r);
+      onRedoChange(l) {
+        var o, n;
+        (n = (o = s.current).onRedoChange) == null || n.call(o, l);
       },
-      onPreview(r) {
-        o.onPreview !== void 0 && o.onPreview(r);
+      onPreview(l) {
+        var o, n;
+        (n = (o = s.current).onPreview) == null || n.call(o, l);
       },
-      onAlert(r) {
-        o.onAlert !== void 0 && o.onAlert(r);
+      onAlert(l) {
+        var o, n;
+        (n = (o = s.current).onAlert) == null || n.call(o, l);
       },
       onClose() {
-        o.onClose !== void 0 && o.onClose();
+        var l, o;
+        (o = (l = s.current).onClose) == null || o.call(l);
+      },
+      onBannerClick(l, o) {
+        var n, i;
+        (i = (n = s.current).onBannerClick) == null || i.call(n, l, o);
       },
-      onEdittedWithoutSaveChanged(r) {
-        o.onEdittedWithoutSaveChanged !== void 0 && o.onEdittedWithoutSaveChanged(r);
+      onEdittedWithoutSaveChanged(l) {
+        var o, n;
+        (n = (o = s.current).onEdittedWithoutSaveChanged) == null || n.call(o, l);
       },
-      onOpenCustomBlockDialog(r) {
-        o.onOpenCustomBlockDialog !== void 0 && o.onOpenCustomBlockDialog(r);
+      onOpenCustomBlockDialog(l) {
+        var o, n;
+        (n = (o = s.current).onOpenCustomBlockDialog) == null || n.call(o, l);
       },
-      onTemplateRename(r) {
-        o.onTemplateRename !== void 0 && o.onTemplateRename(r);
+      onTemplateRename(l) {
+        var o, n;
+        (n = (o = s.current).onTemplateRename) == null || n.call(o, l);
       },
-      updateTestingEmailAddresses(r) {
-        o.updateTestingEmailAddresses !== void 0 && o.updateTestingEmailAddresses(r);
+      updateTestingEmailAddresses(l) {
+        var o, n;
+        (n = (o = s.current).updateTestingEmailAddresses) == null || n.call(o, l);
       },
-      onError(r, i) {
-        o.onError !== void 0 && o.onError(r, i);
+      onError(l, o) {
+        var n, i;
+        (i = (n = s.current).onError) == null || i.call(n, l, o);
       }
+    }, m = {
+      id: "#" + ye,
+      ...E.options,
+      callbacks: v
     };
-    return { id: "#" + Fe, ...o.options, callbacks: { ...c } };
-  };
-  return je(() => (q || (async () => {
-    q = !0;
-    const r = l();
-    await we.init(r, { stage: o.stage || "production" });
-  })(), () => {
-    F && (we.destroy(), F = !1);
-  }), []), /* @__PURE__ */ Be.jsx(
+    await X.init(m, { stage: E.stage || "production" });
+  })().catch((E) => {
+    var v, m;
+    (m = (v = s.current).onError) == null || m.call(v, "init", (E == null ? void 0 : E.message) || "Failed to initialize editor"), console.error("[@topol.io/editor-react] EmailEditor initialization failed:", E);
+  }), () => {
+    g.current && (X.destroy(), g.current = !1), d.current = !1;
+  }), []), /* @__PURE__ */ Q.jsx(
+    "div",
+    {
+      id: ye,
+      style: { position: "absolute", height: "100vh", width: "100%" }
+    }
+  );
+}
+const Re = "topol-landing-page-editor-id", De = Me((t, d) => {
+  const g = _(!1), s = _(null), u = _(t);
+  return u.current = t, Le(d, () => ({
+    load(E) {
+      var v;
+      (v = s.current) == null || v.load(E);
+    }
+  })), D(() => g.current ? void 0 : (g.current = !0, (async () => {
+    const v = u.current, m = {
+      onSave(o, n) {
+        var i, w;
+        (w = (i = u.current).onSave) == null || w.call(i, o, n);
+      },
+      onSaveAndClose(o, n) {
+        var i, w;
+        (w = (i = u.current).onSaveAndClose) == null || w.call(i, o, n);
+      },
+      onOpenFileManager() {
+        var o, n;
+        (n = (o = u.current).onOpenFileManager) == null || n.call(o);
+      },
+      onLoaded() {
+        var o, n;
+        (n = (o = u.current).onLoaded) == null || n.call(o);
+      },
+      onBlockSave(o) {
+        var n, i;
+        (i = (n = u.current).onBlockSave) == null || i.call(n, o);
+      },
+      onBlockRemove(o) {
+        var n, i;
+        (i = (n = u.current).onBlockRemove) == null || i.call(n, o);
+      },
+      onBlockEdit(o) {
+        var n, i;
+        (i = (n = u.current).onBlockEdit) == null || i.call(n, o);
+      },
+      onInit() {
+        var o, n;
+        (n = (o = u.current).onInit) == null || n.call(o);
+      },
+      onClose() {
+        var o, n;
+        (n = (o = u.current).onClose) == null || n.call(o);
+      },
+      onUndoChange(o) {
+        var n, i;
+        (i = (n = u.current).onUndoChange) == null || i.call(n, o);
+      },
+      onRedoChange(o) {
+        var n, i;
+        (i = (n = u.current).onRedoChange) == null || i.call(n, o);
+      },
+      onPreview(o) {
+        var n, i;
+        (i = (n = u.current).onPreview) == null || i.call(n, o);
+      },
+      onAlert(o) {
+        var n, i;
+        (i = (n = u.current).onAlert) == null || i.call(n, o);
+      },
+      onBannerClick(o, n) {
+        var i, w;
+        (w = (i = u.current).onBannerClick) == null || w.call(i, o, n);
+      },
+      onEdittedWithoutSaveChanged(o) {
+        var n, i;
+        (i = (n = u.current).onEdittedWithoutSaveChanged) == null || i.call(n, o);
+      },
+      onOpenCustomBlockDialog(o) {
+        var n, i;
+        (i = (n = u.current).onOpenCustomBlockDialog) == null || i.call(n, o);
+      },
+      onTemplateRename(o) {
+        var n, i;
+        (i = (n = u.current).onTemplateRename) == null || i.call(n, o);
+      },
+      onError(o, n) {
+        var i, w;
+        (w = (i = u.current).onError) == null || w.call(i, o, n);
+      }
+    }, l = await Fe.init({ config: v.options, ...m }, { stage: v.stage || "production" });
+    s.current = l, l.render("#" + Re);
+  })().catch((v) => {
+    var m, l;
+    (l = (m = u.current).onError) == null || l.call(m, "init", (v == null ? void 0 : v.message) || "Failed to initialize editor"), console.error("[@topol.io/editor-react] LandingPageEditor initialization failed:", v);
+  }), () => {
+    var v;
+    (v = s.current) == null || v.destroy(), s.current = null, g.current = !1;
+  }), []), /* @__PURE__ */ Q.jsx(
     "div",
     {
-      id: "editor",
+      id: Re,
       style: { position: "absolute", height: "100vh", width: "100%" }
     }
   );
+});
+De.displayName = "LandingPageEditor";
+function Ke(t) {
+  return D(() => {
+    console.warn("[@topol.io/editor-react] TopolEditor is deprecated and will be removed in a future version. Please use EmailEditor instead.");
+  }, []), /* @__PURE__ */ Q.jsx(Xe, { ...t });
 }
 export {
-  we as TopolPlugin,
-  Le as default
+  X as CoreEmailEditor,
+  Fe as CoreLandingPageEditor,
+  Xe as EmailEditor,
+  De as LandingPageEditor,
+  Ke as TopolEditor,
+  Qe as TopolPlugin
 };