@useinsider/guido 3.18.0 → 3.18.1-beta.5cddb72

package/dist/composables/useAutoSave.js

@@ -1,21 +1,22 @@
-import { useConfig as m } from "./useConfig.js";
+import { useConfig as E } from "./useConfig.js";
+import { useEditorLock as p } from "./useEditorLock.js";
 import { useAutosaveStore as A, AUTOSAVE_STATUS as s } from "../stores/autosave.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { computed as f, watch as p, onUnmounted as y } from "vue";
-const I = 18e4, r = 6e4, T = (b) => {
-  const { isFeatureEnabled: S } = m(), a = E(), t = A();
+import { useEditorStore as f } from "../stores/editor.js";
+import { computed as y, watch as I, onUnmounted as L } from "vue";
+const w = 18e4, v = 6e4, R = (b) => {
+  const { isFeatureEnabled: S } = E(), o = f(), t = A(), { isEditorBusy: g } = p();
   let i = null, c = 0;
-  const u = f(
+  const u = y(
     () => S("autosave") && t.isOn
-  ), g = () => a.hasChanges && a.isInSaveableState, h = () => ({
-    hasChanges: a.hasChanges,
-    isInSaveableState: a.isInSaveableState
-  }), l = async (e) => {
+  ), m = () => o.hasChanges && o.isInSaveableState, h = () => ({
+    hasChanges: o.hasChanges,
+    isInSaveableState: o.isInSaveableState
+  }), r = async (e) => {
     if (!u.value) {
       console.debug("guido:autosave:skipped", { trigger: e, reason: "not-active" });
       return;
     }
-    if (!g()) {
+    if (!m()) {
       console.debug("guido:autosave:skipped", { trigger: e, reason: "gates-blocked", gates: h() });
       return;
     }
@@ -23,15 +24,19 @@ const I = 18e4, r = 6e4, T = (b) => {
       console.debug("guido:autosave:skipped", { trigger: e, reason: "already-saving" });
       return;
     }
+    if (g()) {
+      console.debug("guido:autosave:skipped", { trigger: e, reason: "editor-busy" });
+      return;
+    }
     console.debug("guido:autosave:save-start", { trigger: e }), t.status = s.SAVING;
     try {
       if (await b() === void 0) {
         console.debug("guido:autosave:blocked", { trigger: e, reason: "save-returned-undefined" }), t.status = s.ERROR;
         return;
       }
-      a.hasChanges = !1, t.status = s.SAVED, t.lastSavedAt = /* @__PURE__ */ new Date(), console.debug("guido:autosave:save-complete", { trigger: e, at: t.lastSavedAt });
-    } catch (o) {
-      console.debug("guido:autosave:error", { trigger: e, error: o }), t.status = s.ERROR;
+      o.hasChanges = !1, t.status = s.SAVED, t.lastSavedAt = /* @__PURE__ */ new Date(), console.debug("guido:autosave:save-complete", { trigger: e, at: t.lastSavedAt });
+    } catch (a) {
+      console.debug("guido:autosave:error", { trigger: e, error: a }), t.status = s.ERROR;
     }
   }, n = () => {
     const { visibilityState: e } = document;
@@ -40,32 +45,32 @@ const I = 18e4, r = 6e4, T = (b) => {
       isActive: u.value
     }), e !== "hidden")
       return;
-    const o = Date.now() - c;
-    if (o < r) {
+    const a = Date.now() - c;
+    if (a < v) {
       console.debug("guido:autosave:visibility-debounced", {
-        sinceLastMs: o,
-        debounceMs: r
+        sinceLastMs: a,
+        debounceMs: v
       });
       return;
     }
-    c = Date.now(), l("visibility");
+    c = Date.now(), r("visibility");
   }, d = () => {
     i && (clearInterval(i), i = null);
-  }, v = () => {
+  }, l = () => {
     document.removeEventListener("visibilitychange", n), window.removeEventListener("pagehide", n);
   };
-  p(
+  I(
     u,
     (e) => {
       console.debug("guido:autosave:active-changed", { active: e }), e ? (d(), i = setInterval(() => {
-        console.debug("guido:autosave:interval-tick"), l("interval");
-      }, I), document.addEventListener("visibilitychange", n), window.addEventListener("pagehide", n)) : (d(), v(), t.status = s.IDLE);
+        console.debug("guido:autosave:interval-tick"), r("interval");
+      }, w), document.addEventListener("visibilitychange", n), window.addEventListener("pagehide", n)) : (d(), l(), t.status = s.IDLE);
     },
     { immediate: !0 }
-  ), y(() => {
-    d(), v(), t.status = s.IDLE, t.lastSavedAt = null;
+  ), L(() => {
+    d(), l(), t.status = s.IDLE, t.lastSavedAt = null;
   });
 };
 export {
-  T as useAutoSave
+  R as useAutoSave
 };

package/dist/composables/useCortexBlueprintBridge.js

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

package/dist/composables/useEditorLock.js

@@ -0,0 +1,20 @@
+let o = Promise.resolve(), n = 0, e = 0;
+const s = () => n > 0, c = () => (e += 1, e), u = (t) => t > 0 && t === e, i = (t) => {
+  const r = o.then(async () => {
+    n += 1;
+    try {
+      return await t();
+    } finally {
+      n -= 1;
+    }
+  });
+  return o = r.catch(() => {
+  }), r;
+}, a = () => ({ runExclusive: i, isEditorBusy: s, beginMount: c, isCurrentMount: u });
+export {
+  c as beginMount,
+  u as isCurrentMount,
+  s as isEditorBusy,
+  i as runExclusive,
+  a as useEditorLock
+};

package/dist/composables/useEmailTemplateApplier.js

@@ -1,59 +1,102 @@
-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 Q } from "./useActionsApi.js";
+import { useConfig as x } from "./useConfig.js";
+import { useEditorLock as z } from "./useEditorLock.js";
+import { useToaster as F } from "./useToaster.js";
+import { useTranslationWithFallback as N } from "./useTranslations.js";
+import { ToasterTypeOptions as h } from "../enums/toaster.js";
+import { useDynamicContentStore as q } from "../stores/dynamic-content.js";
+import { useEditorStore as R } from "../stores/editor.js";
+import { flattenDynamicContentList as G } from "../utils/genericUtil.js";
+import { extractUsedDynamicContent as W } from "../utils/registerUsedDynamicContent.js";
+import { ref as $, watch as j } from "vue";
+const J = 250, D = 12e4, c = { status: "superseded" }, S = { status: "failed", error: new Error("Blueprint has no html to apply") }, i = $({}), 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 } = F(), y = N(), { template: U } = x(), A = q(), T = R(), E = (e, t) => {
+    u.get(e) !== t && (u.set(e, t), d({
+      type: h.Error,
+      message: y("newsletter.ai-template-failed-apply", "Failed to apply template")
+    }));
+  }, O = () => {
+    var e, t;
+    return T.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) => {
+    var 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")
-      }));
+      const o = G((t = U.value) == null ? void 0 : t.dynamicContentList), s = W(e, o);
+      s.length > 0 && A.registerDynamicContent(s);
+    } catch {
+    }
+  }, k = (e, t) => {
+    u.delete(e), v.get(e) !== t && (v.set(e, t), d({
+      type: h.Success,
+      message: y("newsletter.ai-template-applied", "Template applied to the editor")
+    }));
+  }, g = async (e, t, o) => {
+    const s = (l.get(e) ?? 0) + 1;
+    l.set(e, s), m(e, "applying");
+    try {
+      await M(() => a(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 l.get(e) !== s ? c : (console.error("[guido:apply] editor did not acknowledge the template apply", n), m(e, "failed"), E(e, t), { status: "failed", error: n });
     }
-  }, p = (e) => {
-    const t = s[e];
-    t && (clearTimeout(t), delete s[e]);
+    return l.get(e) !== s ? c : (m(e, "applied"), _(t), k(e, t), { status: "applied" });
+  }, H = (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) => {
+    H(e);
+    const n = setTimeout(() => {
+      r.delete(e), m(e, "failed"), E(e, t), s({
+        status: "failed",
+        error: new Error(`Editor did not become ready within ${D}ms`)
+      });
+    }, D);
+    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;
+    const e = [...r.entries()];
+    r.clear(), e.forEach(([, n]) => clearTimeout(n.timer));
+    const t = e.pop();
+    if (e.forEach(([n, f]) => {
+      m(n, "pending"), f.settle(c);
+    }), !t)
+      return;
+    const [o, s] = t;
+    s.settle(await g(o, s.html, s.css));
   };
-  return { applyStatus: o, markPending: v, applyTemplate: (e, t) => {
-    t.html && (p(e), l(e, t.html, t.css ?? ""));
+  return j(() => T.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(S);
   }, applyTemplateDebounced: (e, t) => {
-    if (!t.html)
-      return;
-    p(e);
-    const { html: a } = t, c = t.css ?? "";
-    s[e] = setTimeout(() => {
-      delete s[e], l(e, a, c);
-    }, U);
+    const { html: o } = t;
+    if (!o)
+      return Promise.resolve(S);
+    const s = t.css ?? "";
+    return new Promise((n) => {
+      w(e);
+      const f = setTimeout(() => {
+        p.delete(e), C(e, o, s).then(n);
+      }, J);
+      p.set(e, { timer: f, settle: n });
+    });
   } };
-}, G = () => {
-  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((r) => delete s[r]), o.value = {};
+}, 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 = {};
 };
 export {
-  G as resetEmailTemplateApplier,
-  z as useEmailTemplateApplier
+  ce as resetEmailTemplateApplier,
+  ie as useEmailTemplateApplier
 };

package/dist/composables/useGuidoStateBridge.js

@@ -1,48 +1,54 @@
-import { useActionsApi as g } from "./useActionsApi.js";
-import { useConfigStore as I } from "../stores/config.js";
-import { useEditorStore as b } from "../stores/editor.js";
-import { useGuidoEmailEditorStore as E } from "../stores/guido-email-editor.js";
-import { watch as c, onUnmounted as T } from "vue";
-const w = 500, z = () => {
-  const i = b(), a = E(), l = I(), { getTemplateData: m } = g();
-  let e = null, n = !1;
-  const r = () => {
-    e && (clearTimeout(e), e = null);
-  }, s = async () => {
-    var t, o;
-    if (!(n || !i.isStripoInitialized))
+import { useActionsApi as b } from "./useActionsApi.js";
+import { useEditorLock as v } from "./useEditorLock.js";
+import { useConfigStore as T } from "../stores/config.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { useGuidoEmailEditorStore as y } from "../stores/guido-email-editor.js";
+import { watch as a, onUnmounted as B } from "vue";
+const C = 500, L = () => {
+  const i = w(), u = y(), l = T(), { getTemplateData: d } = b(), { runExclusive: m, isEditorBusy: p } = v();
+  let o = null, s = !1;
+  const n = () => {
+    o && (clearTimeout(o), o = null);
+  }, c = (t) => {
+    n(), o = setTimeout(() => {
+      o = null, t();
+    }, C);
+  }, e = async () => {
+    var t, r;
+    if (!(s || !i.isStripoInitialized)) {
+      if (p()) {
+        c(() => void e());
+        return;
+      }
       try {
-        const { html: f, css: h } = await m(), S = ((o = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : o.templateId) ?? "";
-        if (n)
+        const { html: E, css: g } = await m(d), I = ((r = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : r.templateId) ?? "";
+        if (s)
           return;
-        a.$patch({
-          html: f ?? "",
-          css: h ?? "",
-          templateId: S,
+        u.$patch({
+          html: E ?? "",
+          css: g ?? "",
+          templateId: I,
           lastUpdatedAt: Date.now()
         });
       } catch {
       }
-  }, u = () => {
-    r(), e = setTimeout(() => {
-      e = null, s();
-    }, w);
-  }, d = c(
+    }
+  }, f = () => c(() => void e()), h = a(
     () => i.isStripoInitialized,
     (t) => {
-      t && s();
+      t && e();
     },
     { immediate: !0 }
-  ), p = c(
+  ), S = a(
     () => i.hasChanges,
-    (t, o) => {
-      i.isStripoInitialized && (t ? u() : o && (r(), s()));
+    (t, r) => {
+      i.isStripoInitialized && (t ? f() : r && (n(), e()));
     }
   );
-  T(() => {
-    n = !0, r(), d(), p();
+  B(() => {
+    s = !0, n(), h(), S();
   });
 };
 export {
-  z as useGuidoStateBridge
+  L as useGuidoStateBridge
 };