@useinsider/guido 3.19.0-beta.5794c8d → 3.19.0-beta.5ffd236

package/dist/composables/useCortexBlueprintBridge.js

@@ -1,70 +1,138 @@
-import { useEmailTemplateApplier as w, resetEmailTemplateApplier as _ } from "./useEmailTemplateApplier.js";
-import { useToaster as I } from "./useToaster.js";
-import { useTranslations as P } from "./useTranslations.js";
-import { ToasterTypeOptions as S } from "../enums/toaster.js";
-import { getActivePinia as v } from "pinia";
-import { watch as B, onUnmounted as D } from "vue";
-const x = "email_template", L = "chat", M = "guido:debug:ai", R = () => {
+import { useEmailTemplateApplier as z, resetEmailTemplateApplier as J } from "./useEmailTemplateApplier.js";
+import { useToaster as Q } from "./useToaster.js";
+import { useTranslations as V } from "./useTranslations.js";
+import { ToasterTypeOptions as Z } from "../enums/toaster.js";
+import { useGuidoEmailEditorStore as W } from "../stores/guido-email-editor.js";
+import { getActivePinia as k } from "pinia";
+import { onUnmounted as tt, watch as et } from "vue";
+const rt = "email_template", nt = "chat", ot = "guido:debug:ai", it = 2, lt = 500, ct = (b, p) => `${b}:${p ?? 1}`;
+let S = null;
+const at = () => {
   if (typeof window > "u")
     return !1;
   try {
-    return window.localStorage.getItem(M) === "1";
+    return window.localStorage.getItem(ot) === "1";
   } catch {
     return !1;
   }
-}, H = () => {
-  const c = v();
-  if (!c)
+}, bt = () => {
+  const b = k();
+  if (!b)
     return;
-  const l = c._s, p = l == null ? void 0 : l.get(L);
-  if (!p)
-    return;
-  const { markPending: d, applyTemplate: f, applyTemplateDebounced: T } = w(), { showToaster: E } = I(), h = P(), y = (r, t) => {
-    const e = h(r);
-    return e === r ? t : e;
-  }, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), u = R(), A = (r, t) => {
-    u && console.debug(`[guido:cortex] msg=${r ?? "?"} type=${(t == null ? void 0 : t.type) ?? "?"}`, t);
-  }, b = (r) => {
-    if (r.blueprintType !== x)
+  const p = W(), M = Symbol("cortexBlueprintBridge");
+  S = M, p.$patch((t) => {
+    t.bridgeActive = !0;
+  });
+  const { markPending: F, applyTemplate: H, applyTemplateDebounced: O } = z(), { showToaster: C } = Q(), G = V(), E = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
+  let s = null;
+  const d = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Set(), B = at();
+  let w = null, m = null, A;
+  const K = (t, r) => {
+    B && console.debug(`[guido:cortex] msg=${t ?? "?"} type=${(r == null ? void 0 : r.type) ?? "?"}`, r);
+  }, U = () => new Set((A == null ? void 0 : A.appliedBlueprintKeys) ?? []), Y = (t) => t instanceof Error ? t.message : String(t), D = (t, r, n, e) => {
+    if (S !== M)
+      return;
+    const o = p.applyAcks[t], c = Math.max(Date.now(), ((o == null ? void 0 : o.ackAt) ?? 0) + 1), a = { status: r, requestedAt: n, ackAt: c };
+    e !== void 0 && (a.error = Y(e)), p.$patch((l) => {
+      l.applyAcks = { ...l.applyAcks, [t]: a };
+    });
+  }, I = (t) => (d.get(t) ?? 0) > 0, P = (t) => (s == null ? void 0 : s.key) === t, v = async (t, r, n) => {
+    var a, l, h;
+    const e = ((a = r.blueprintData) == null ? void 0 : a.html) ?? "", o = ((l = r.blueprintData) == null ? void 0 : l.css) ?? "", c = r.applyRequestedAt ?? 0;
+    d.set(t, (d.get(t) ?? 0) + 1);
+    try {
+      const i = n === "debounced" ? await O(t, { html: e, css: o }) : await H(t, { html: e, css: o });
+      if (i.status === "superseded")
+        return;
+      if (i.status === "applied") {
+        E.set(t, e), u.delete(t), D(t, "applied", c);
+        return;
+      }
+      const y = u.get(t), j = (y == null ? void 0 : y.html) === e ? y.count + 1 : 1;
+      u.set(t, { html: e, count: j }), D(t, "failed", c, i.error);
+    } catch (i) {
+      console.error("[guido:apply] apply threw before it could settle", i), D(t, "failed", c, i);
+    } finally {
+      d.set(t, (d.get(t) ?? 1) - 1);
+      const i = T.get(t);
+      i && !I(t) && (T.delete(t), P(t) && (((h = i.blueprintData) == null ? void 0 : h.html) ?? "") !== e && v(t, i, n));
+    }
+  }, N = (t) => {
+    var h;
+    if (t.blueprintType !== rt)
       return;
-    const t = r.blueprintId, e = r.blueprintData;
-    if (!t || !(e != null && e.html))
+    const { blueprintId: r } = t, n = (h = t.blueprintData) == null ? void 0 : h.html;
+    if (!r || !n)
       return;
-    if (!r.applyRequested) {
-      d(t);
+    const e = ct(r, t.version);
+    if (!t.applyRequested) {
+      F(e);
+      return;
+    }
+    const o = t.applyRequestedAt ?? 0, c = _.get(e);
+    if (c === void 0 || o > c) {
+      const i = c === void 0;
+      if (_.set(e, o), u.delete(e), (!s || o >= s.requestedAt) && (s = { key: e, requestedAt: o }), i && U().has(e)) {
+        E.set(e, n);
+        return;
+      }
+      v(e, t, "immediate");
+      return;
+    }
+    const a = E.get(e);
+    if (a === n || !P(e))
       return;
+    const l = u.get(e);
+    if (!((l == null ? void 0 : l.html) === n && l.count >= it)) {
+      if (a === void 0) {
+        if (I(e)) {
+          T.set(e, t);
+          return;
+        }
+        v(e, t, "immediate");
+        return;
+      }
+      f.get(e) !== n && (f.set(e, n), v(e, t, "debounced").finally(() => {
+        f.get(e) === n && f.delete(e);
+      }));
     }
-    const o = i.get(t);
-    o === void 0 ? (i.set(t, e.html), f(t, e)) : o !== e.html && (i.set(t, e.html), T(t, e));
-  }, s = (r) => r === void 0 || a.has(r) ? !1 : (a.add(r), E({
-    type: S.Error,
-    message: y("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
-  }), !0), m = B(
-    () => p.messages,
-    (r) => {
-      Array.isArray(r) && r.forEach((t) => {
-        const e = t == null ? void 0 : t.id;
-        (t == null ? void 0 : t.isError) === !0 && s(e) && u && console.debug(`[guido:cortex] message-level error id=${e}`, t);
-        const o = t == null ? void 0 : t.segments;
-        Array.isArray(o) && o.forEach((n) => {
-          if (n)
-            switch (A(e, n), n.type) {
-              case "blueprint":
-                b(n);
-                break;
-              case "error":
-                s(e);
-                break;
-            }
-        });
+  }, R = (t) => t === void 0 || g.has(t) ? !1 : (g.add(t), C({
+    type: Z.Error,
+    message: G("newsletter.ai-template-failed")
+  }), !0), X = (t) => {
+    Array.isArray(t) && t.forEach((r) => {
+      const n = r == null ? void 0 : r.id;
+      (r == null ? void 0 : r.isError) === !0 && R(n) && B && console.debug(`[guido:cortex] message-level error id=${n}`, r);
+      const e = r == null ? void 0 : r.segments;
+      Array.isArray(e) && e.forEach((o) => {
+        if (o)
+          switch (K(n, o), o.type) {
+            case "blueprint":
+              N(o);
+              break;
+            case "error":
+              R(n);
+              break;
+          }
       });
-    },
-    { deep: !0, immediate: !0 }
-  );
-  D(() => {
-    m(), i.clear(), a.clear(), _();
+    });
+  }, $ = () => {
+    w !== null && (clearInterval(w), w = null);
+  }, q = () => {
+    var t;
+    return (t = b._s) == null ? void 0 : t.get(nt);
+  }, L = (t) => {
+    A = t, m = et(() => t.messages, X, { deep: !0, immediate: !0 });
+  }, x = q();
+  x ? L(x) : w = setInterval(() => {
+    const t = q();
+    t && ($(), L(t));
+  }, lt), tt(() => {
+    $(), m == null || m(), A = void 0, E.clear(), f.clear(), _.clear(), u.clear(), s = null, d.clear(), T.clear(), g.clear(), S === M && (S = null, p.$patch((t) => {
+      t.bridgeActive = !1, t.applyAcks = {};
+    }), J());
   });
 };
 export {
-  H as useCortexBlueprintBridge
+  bt as useCortexBlueprintBridge
 };

package/dist/composables/useEmailTemplateApplier.js

@@ -1,59 +1,120 @@
-import { useActionsApi as C } from "./useActionsApi.js";
-import { useConfig as h } from "./useConfig.js";
-import { useToaster as D } from "./useToaster.js";
-import { useTranslations as E } from "./useTranslations.js";
-import { ToasterTypeOptions as f } from "../enums/toaster.js";
-import { useDynamicContentStore as A } from "../stores/dynamic-content.js";
-import { flattenDynamicContentList as w } from "../utils/genericUtil.js";
-import { extractUsedDynamicContent as S } from "../utils/registerUsedDynamicContent.js";
-import { ref as O } from "vue";
-const U = 250, o = O({}), s = {}, u = /* @__PURE__ */ new Map(), z = () => {
-  const { updateHtmlAndCss: r } = C(), { showToaster: m } = D(), y = E(), { template: T } = h(), d = A(), g = (e, t) => {
-    const a = y(e);
-    return a === e ? t : a;
-  }, v = (e) => {
-    o.value[e] === void 0 && (o.value = { ...o.value, [e]: "pending" });
-  }, l = (e, t, a) => {
-    var c;
-    o.value = { ...o.value, [e]: "applying" };
+import { useActionsApi as x } from "./useActionsApi.js";
+import { useConfig as N } from "./useConfig.js";
+import { useEditorLock as K } from "./useEditorLock.js";
+import { useToaster as R } from "./useToaster.js";
+import { useTranslations as F } from "./useTranslations.js";
+import { ToasterTypeOptions as v } from "../enums/toaster.js";
+import { useDynamicContentStore as G } from "../stores/dynamic-content.js";
+import { useEditorStore as $ } from "../stores/editor.js";
+import { flattenDynamicContentList as j } from "../utils/genericUtil.js";
+import { extractUsedDynamicContent as J } from "../utils/registerUsedDynamicContent.js";
+import { ref as V, watch as W } from "vue";
+const X = 250, U = 12e4, Y = 1e3, p = { status: "superseded" }, M = { status: "failed", error: new Error("Blueprint has no html to apply") }, a = V({}), A = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
+let d = null;
+const T = () => {
+  d && (clearInterval(d), d = null);
+}, me = () => {
+  const { updateHtmlAndCss: i } = x(), { runExclusive: O } = K(), { showToaster: P } = R(), _ = F(), { template: b } = N(), L = G(), w = $(), g = (e, t) => {
     try {
-      r(t, a).catch((n) => {
-        console.warn("Editor did not acknowledge the template apply.", n);
-      }), o.value = { ...o.value, [e]: "applied" };
-      try {
-        const n = w((c = T.value) == null ? void 0 : c.dynamicContentList), i = S(t, n);
-        i.length > 0 && d.registerDynamicContent(i);
-      } catch {
-      }
-      u.get(e) !== t && (u.set(e, t), m({
-        type: f.Success,
-        message: g("newsletter.ai-template-applied", "Template applied to the editor")
-      }));
+      P({ type: e, message: _(t) });
+    } catch (o) {
+      console.error("[guido:apply] could not show the apply toast", o);
+    }
+  }, y = (e, t) => {
+    m.get(e) !== t && (m.set(e, t), g(v.Error, "newsletter.ai-template-failed-apply"));
+  }, h = () => {
+    var e, t;
+    return w.isStripoInitialized && typeof ((t = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : t.updateHtmlAndCss) == "function";
+  }, Q = (e) => {
+    a.value[e] === void 0 && (a.value = { ...a.value, [e]: "pending" });
+  }, l = (e, t) => {
+    a.value = { ...a.value, [e]: t };
+  }, H = (e) => {
+    var t;
+    try {
+      const o = j((t = b.value) == null ? void 0 : t.dynamicContentList), r = J(e, o);
+      r.length > 0 && L.registerDynamicContent(r);
+    } catch {
+    }
+  }, I = (e, t) => {
+    m.delete(e), A.get(e) !== t && (A.set(e, t), g(v.Success, "newsletter.ai-template-applied"));
+  }, C = async (e, t, o) => {
+    const r = (u.get(e) ?? 0) + 1;
+    u.set(e, r), l(e, "applying");
+    try {
+      await O(() => i(t, o));
     } catch (n) {
-      o.value = { ...o.value, [e]: "failed" }, m({
-        type: f.Error,
-        message: n instanceof Error ? n.message : "Failed to apply template"
-      });
+      return u.get(e) !== r ? p : (console.error("[guido:apply] editor did not acknowledge the template apply", n), l(e, "failed"), y(e, t), { status: "failed", error: n });
     }
-  }, p = (e) => {
-    const t = s[e];
-    t && (clearTimeout(t), delete s[e]);
-  };
-  return { applyStatus: o, markPending: v, applyTemplate: (e, t) => {
-    t.html && (p(e), l(e, t.html, t.css ?? ""));
-  }, applyTemplateDebounced: (e, t) => {
-    if (!t.html)
+    return u.get(e) !== r ? p : (l(e, "applied"), H(t), I(e, t), { status: "applied" });
+  }, z = (e) => {
+    const t = s.get(e);
+    t && (clearTimeout(t.timer), s.delete(e), t.settle(p));
+  }, D = (e) => {
+    const t = c.get(e);
+    t && (clearTimeout(t.timer), c.delete(e), t.settle(p));
+  }, B = () => {
+    [...c.keys()].forEach(D);
+  }, f = async () => {
+    if (s.size === 0) {
+      T();
       return;
-    p(e);
-    const { html: a } = t, c = t.css ?? "";
-    s[e] = setTimeout(() => {
-      delete s[e], l(e, a, c);
+    }
+    if (!h())
+      return;
+    T();
+    const e = [...s.entries()];
+    s.clear(), e.forEach(([, n]) => clearTimeout(n.timer));
+    const t = e.pop();
+    if (e.forEach(([n, E]) => {
+      l(n, "failed"), E.settle({ status: "failed", error: new Error("Displaced by a newer apply") });
+    }), !t)
+      return;
+    const [o, r] = t;
+    r.settle(await C(o, r.html, r.css));
+  }, q = (e, t, o) => new Promise((r) => {
+    z(e);
+    const n = setTimeout(() => {
+      s.delete(e), l(e, "failed"), y(e, t), r({
+        status: "failed",
+        error: new Error(`Editor did not become ready within ${U}ms`)
+      });
     }, U);
+    s.set(e, { html: t, css: o, timer: n, settle: r }), l(e, "applying"), d ?? (d = setInterval(() => {
+      f();
+    }, Y));
+  }), S = (e, t, o) => {
+    if (h() && s.size === 0)
+      return C(e, t, o);
+    const r = q(e, t, o);
+    return f(), r;
+  };
+  return W(() => w.isStripoInitialized, (e) => {
+    e && f();
+  }, { immediate: !0 }), { applyStatus: a, markPending: Q, applyTemplate: (e, t) => {
+    const { html: o } = t;
+    return o ? (B(), S(e, o, t.css ?? "")) : Promise.resolve(M);
+  }, applyTemplateDebounced: (e, t) => {
+    const { html: o } = t;
+    if (!o)
+      return Promise.resolve(M);
+    const r = t.css ?? "";
+    return new Promise((n) => {
+      D(e);
+      const E = setTimeout(() => {
+        c.delete(e), S(e, o, r).then(n);
+      }, X);
+      c.set(e, { timer: E, settle: n });
+    });
   } };
-}, G = () => {
-  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((r) => delete s[r]), o.value = {};
+}, de = () => {
+  c.forEach((i) => {
+    clearTimeout(i.timer), i.settle(p);
+  }), c.clear(), s.forEach((i) => {
+    clearTimeout(i.timer), i.settle(p);
+  }), s.clear(), T(), m.clear(), a.value = {};
 };
 export {
-  G as resetEmailTemplateApplier,
-  z as useEmailTemplateApplier
+  de as resetEmailTemplateApplier,
+  me as useEmailTemplateApplier
 };

package/dist/composables/useHttp.js

@@ -1,88 +1,98 @@
-import { getCsrfToken as O } from "../utils/genericUtil.js";
-import { ref as m, computed as T } from "vue";
-const X = (b = {}) => {
-  const p = m(!1), a = m(null), u = m(null), g = T(() => p.value), y = T(() => a.value !== null), v = {
+import { getCsrfToken as D } from "../utils/genericUtil.js";
+import { ref as T, computed as w } from "vue";
+import { isPanelOrigin as j, reportAuthError as X } from "./useAuthError.js";
+const k = [401, 403, 419], _ = (g = {}) => {
+  const f = T(!1), n = T(null), c = T(null), b = w(() => f.value), y = w(() => n.value !== null), E = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": O(),
+      "X-CSRF-TOKEN": D(),
       Accept: "application/json",
+      // Without this a guest fetch gets a 302 to the login page, never an auth status.
       "X-Requested-With": "XMLHttpRequest"
     },
-    ...b
-  }, w = (e, s) => {
+    ...g
+  }, x = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = r || E.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
+  }, R = (e) => new Promise((r, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), x = (e) => new Promise((s) => {
-    setTimeout(s, e);
-  }), i = async (e, s, t, L = {}) => {
-    a.value = null, p.value = !0, u.value = new AbortController();
-    const n = { ...v, ...L }, D = w(s, n.baseURL), c = {
+  }), P = (e) => new Promise((r) => {
+    setTimeout(r, e);
+  }), i = async (e, r, t, W = {}) => {
+    n.value = null, f.value = !0, c.value = new AbortController();
+    const a = { ...E, ...W }, p = x(r, a.baseURL), d = {
       method: e,
-      headers: { ...n.headers },
-      signal: u.value.signal,
-      ...n
+      headers: { ...a.headers },
+      signal: c.value.signal,
+      ...a
     };
-    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (h = 0) => {
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete d.headers["Content-Type"], d.body = t) : d.body = JSON.stringify(t));
+    const v = async (m = 0) => {
+      if (window.isSessionExpired) {
+        n.value = { message: "Session expired", authReported: !0 };
+        const o = new Error("Session expired");
+        throw o.authReported = !0, o;
+      }
       try {
-        const o = [fetch(D, c)];
-        n.timeout && o.push(P(n.timeout));
-        const r = await Promise.race(o);
-        if (!r.ok) {
-          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+        const o = [fetch(p, d)];
+        a.timeout && o.push(R(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, l = new Error(H);
+          throw l.status = s.status, l.statusText = s.statusText, l.response = s, l.authReported = k.includes(s.status) && j(p), l.authReported && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((O) => X(
+            s.status,
+            O,
+            new URL(p, window.location.href).href
+          )).catch(() => {
+          }), l;
         }
-        let f;
-        const l = r.headers.get("content-type");
-        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
-          data: f,
-          status: r.status,
-          statusText: r.statusText,
-          headers: r.headers
+        let h;
+        const u = s.headers.get("content-type");
+        return u != null && u.includes("application/json") ? h = await s.json() : u != null && u.includes("text/") ? h = await s.text() : h = await s.blob(), {
+          data: h,
+          status: s.status,
+          statusText: s.statusText,
+          headers: s.headers
         };
       } catch (o) {
-        const r = o instanceof Error && o.name === "AbortError";
-        if (h < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(h + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+        const s = o instanceof Error && o.name === "AbortError";
+        if (m < (a.retry || 0) && !s)
+          return await P(a.retryDelay || 1e3), v(m + 1);
+        throw o instanceof Error ? o.name === "AbortError" ? n.value = { message: "Request was cancelled" } : n.value = { message: o.message } : n.value = o, o;
       }
     };
     try {
-      return await E();
+      return await v();
     } finally {
-      p.value = !1, u.value = null;
+      f.value = !1, c.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), R = (e, s, t) => i("POST", e, s, t), $ = (e, s, t) => i("PUT", e, s, t), q = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), U = (e) => {
-    u.value && u.value.abort(e);
-  }, W = () => {
-    a.value = null;
+  }, A = (e, r) => i("GET", e, void 0, r), S = (e, r, t) => i("POST", e, r, t), U = (e, r, t) => i("PUT", e, r, t), C = (e, r, t) => i("PATCH", e, r, t), $ = (e, r) => i("DELETE", e, void 0, r), q = (e) => {
+    c.value && c.value.abort(e);
+  }, L = () => {
+    n.value = null;
   };
   return {
-    // State
-    loading: g,
-    error: T(() => a.value),
+    loading: b,
+    error: w(() => n.value),
     hasError: y,
-    // Methods
     request: i,
-    get: C,
-    post: R,
-    put: $,
-    patch: q,
-    delete: A,
-    cancel: U,
-    clearError: W
+    get: A,
+    post: S,
+    put: U,
+    patch: C,
+    delete: $,
+    cancel: q,
+    clearError: L
   };
 };
 export {
-  X as useHttp
+  _ as useHttp
 };

package/dist/composables/useStripo.js

@@ -17,21 +17,21 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const he = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = H(), { handleError: p, showToaster: B } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((i, s) => {
+  const { features: c, template: u, isFeatureEnabled: p } = H(), { handleError: m, showToaster: v } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i();
+      r();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
-      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
+    const o = Z.guido, i = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = i, e.onload = () => r(), e.onerror = () => {
+      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${i}`));
     }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
-  }), n), D = async (i, s, o, a = [], r = !1) => {
+  }), n), D = async (r, s, o, a = [], i = !1) => {
     var y, E, h, C;
-    const e = k(), { html: d, css: R } = i, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    const e = k(), { html: d, css: R } = r, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
     w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -45,7 +45,7 @@ const he = () => {
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !m("liquidSyntax"),
+        customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
         customViewStyles: Q,
@@ -53,7 +53,7 @@ const he = () => {
         customConditionsEnabled: S,
         enableXSSSecurity: !0,
         modulesDisabled: U,
-        syncModulesEnabled: r,
+        syncModulesEnabled: i,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -74,16 +74,16 @@ const he = () => {
             entries: W(
               o.preselectedDynamicContentList,
               Y((C = u.value) == null ? void 0 : C.dynamicContentList),
-              m("liquidSyntax")
+              p("liquidSyntax")
             )
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const l = await M();
+            const l = await B();
             t(l);
           } catch (l) {
-            p(l, "Failed to refresh token");
+            m(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
@@ -93,7 +93,7 @@ const he = () => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            p(t, "Failed to load custom interface appearance");
+            m(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -111,27 +111,31 @@ const he = () => {
         onEvent: F,
         onModuleAdd: A,
         notifications: _(),
+        // Stripo deselects the block on any click outside the canvas, so every surface
+        // that belongs to the block's own flow has to be listed here (SD-153273).
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
-          ".in-drawer__container"
+          ".in-drawer__container",
+          ".in-modal-v2-wrapper",
+          ".in-toasts-wrapper"
         ],
         extensions: P,
         localePatch: J
       }
     );
   };
-  return { initPlugin: async (i, s, o) => {
+  return { initPlugin: async (r, s, o) => {
     const a = k();
     try {
       await f();
-      const [r, e] = await Promise.all([
-        T(),
-        v()
+      const [i, e] = await Promise.all([
+        M(),
+        T()
       ]);
-      a.syncModulesEnabled = e, await D(i, s, o, r, e);
+      a.syncModulesEnabled = e, await D(r, s, o, i, e);
     } catch {
-      a.loadingStatus = !1, B({
+      a.loadingStatus = !1, v({
         type: X.Error,
         message: b["An error has occurred. Please report the error code to support."],
         actionButton: {