@useinsider/guido 3.19.0-beta.5355c3f → 3.19.0-beta.6f88fb4

package/dist/components/Guido.vue.js

@@ -12,9 +12,9 @@ var t = function() {
   s,
   !1,
   null,
-  "7674b645"
+  "bb2a5f2c"
 );
-const v = n.exports;
+const f = n.exports;
 export {
-  v as default
+  f as default
 };

package/dist/composables/useCortexBlueprintBridge.js

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

package/dist/composables/useEmailTemplateApplier.js

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

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-1ca6baf0]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-7674b645]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-7674b645]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-7674b645]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}
+@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-1ca6baf0]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-bb2a5f2c]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-bb2a5f2c]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-bb2a5f2c]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}

package/dist/src/composables/useCortexBlueprintBridge.d.ts

@@ -17,9 +17,7 @@
  *   - `error` segments (and message-level `isError` / `isCancelled`) trigger
  *     a localized toaster.
  *
- * Every apply settles into a terminal `applyAcks` entry on the public store, so
- * cortex can move its Apply button on the truth of the editor write rather than
- * on the click.
+ * Every apply settles into a terminal `applyAcks` entry, so cortex moves its button on the write, not the click.
  *
  * In dev (`import.meta.env.DEV`) every observed segment + message-level flag
  * change is also `console.debug`-logged with the prefix `[guido:cortex]` so a

package/dist/src/composables/useEmailTemplateApplier.d.ts

@@ -1,11 +1,7 @@
 type ApplyStatus = 'pending' | 'applying' | 'applied' | 'failed';
 /**
- * Terminal outcome of an apply. Every promise this composable hands out settles
- * with exactly one of these — callers (the cortex bridge) ack on it, so a
- * never-settling promise would strand cortex's Apply button forever.
- *
- * `superseded` means a newer payload for the same blueprint replaced this one:
- * not a success, not a failure, and deliberately never acked.
+ * Terminal outcome of an apply; every promise here settles with one, since the bridge acks on it.
+ * `superseded`: a newer payload for the same key replaced this one and owns the ack.
  */
 export type ApplyOutcome = {
     status: 'applied';
@@ -25,19 +21,16 @@ export type ApplyOutcome = {
  * - manual Apply click (first apply): immediate.
  * - blueprint_update after the user has applied once: debounced 250 ms trailing
  *   so rapid mid-stream updates don't thrash updateHtmlAndCss.
- *
- * A click that lands before Stripo finished initializing is queued rather than
- * dropped, and flushed when `isStripoInitialized` flips — the user does not
- * have to click again.
+ * - a click before Stripo is ready is queued and flushed when `isStripoInitialized` flips.
  */
 export declare const useEmailTemplateApplier: () => {
     applyStatus: import("vue").Ref<Record<string, ApplyStatus>>;
-    markPending: (blueprintId: string) => void;
-    applyTemplate: (blueprintId: string, data: {
+    markPending: (key: string) => void;
+    applyTemplate: (key: string, data: {
         html?: string;
         css?: string;
     }) => Promise<ApplyOutcome>;
-    applyTemplateDebounced: (blueprintId: string, data: {
+    applyTemplateDebounced: (key: string, data: {
         html?: string;
         css?: string;
     }) => Promise<ApplyOutcome>;

package/dist/src/stores/guido-email-editor.d.ts

@@ -32,23 +32,11 @@ export interface GuidoEmailEditorState {
  * Published as `@useinsider/guido/editor-state` and from the root barrel, so a
  * consumer imports this store instead of re-declaring one under the same id.
  *
- * This store is **state-only, by contract**. It declares no actions and no
- * non-trivial getters, so `pinia.state.value['guidoEmailEditor']` is a complete
- * view of it. cortex-fe reads it through that public path; adding an action or
- * a getter that cortex needs would silently break that read. Keep it
- * state-only. (`hasSnapshot` stays — cortex does not read it.)
+ * State-only by contract: cortex-fe reads `pinia.state.value['guidoEmailEditor']`, which misses
+ * actions and getters. Intended writers: `useGuidoStateBridge` and `useCortexBlueprintBridge`.
  *
- * `useGuidoStateBridge` (the snapshot) and `useCortexBlueprintBridge` (the
- * apply handshake) are the only intended writers, but that is Guido's own
- * convention rather than something the store enforces: publishing the
- * definition hands a consumer `$patch` as well, exactly as the runtime
- * `pinia._s` probe always did.
- *
- * Store id `guidoEmailEditor` is cross-MFE: cortex-fe reads it at runtime rather
- * than importing it, so the id stays part of the contract. The internal Guido
- * editor store keeps id `guidoEditor` — these are intentionally separate. The
- * internal store carries UI state a consumer should not see; this public store
- * carries the contract Guido is willing to share.
+ * The id `guidoEmailEditor` is part of the cross-MFE contract; the internal
+ * store `guidoEditor` is intentionally separate.
  */
 export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", GuidoEmailEditorState, {
     /** True once the bridge has published at least one snapshot. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.19.0-beta.5355c3f",
+  "version": "3.19.0-beta.6f88fb4",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",