@useinsider/guido 3.19.0-beta.f884c35 → 3.19.0-beta.f8f0007

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   s,
   !1,
   null,
-  "59690055"
+  "36867e2e"
 );
 const g = n.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as re, defineAsyncComponent as m, ref as x, computed as p, watch as W, onMounted as se, onUnmounted as ae } from "vue";
+import { defineComponent as re, defineAsyncComponent as m, ref as O, computed as u, watch as x, onMounted as se, onUnmounted as ae } from "vue";
 import { useCortexBlueprintBridge as ie } from "../composables/useCortexBlueprintBridge.js";
 import { useEditorLock as ce } from "../composables/useEditorLock.js";
 import { provideGuidoActions as de } from "../composables/useGuidoActions.js";
@@ -6,25 +6,25 @@ import { useGuidoStateBridge as me } from "../composables/useGuidoStateBridge.js
 import { usePartner as le } from "../composables/usePartner.js";
 import { useStripo as ue } from "../composables/useStripo.js";
 import { useTimerClone as pe } from "../composables/useTimerClone.js";
-import { migrate as G } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as z } from "../enums/defaults.js";
+import { migrate as W } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as G } from "../enums/defaults.js";
 import { RIBBON_SELECTOR as fe } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as E } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import ye from "./organisms/AutoSaveController.vue.js";
 import ge from "./organisms/base/Toaster.vue.js";
 import ve from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
 import Se from "./organisms/header/HeaderWrapper.vue.js";
-import he from "./organisms/LoadingWrapper.vue.js";
-import be from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import be from "./organisms/LoadingWrapper.vue.js";
+import he from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
 import Ee from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
 import { useStripoApi as we } from "../services/stripoApi.js";
 import { useConfigStore as Ce } from "../stores/config.js";
 import { useDynamicContentStore as De } from "../stores/dynamic-content.js";
-import { useEditorStore as w } from "../stores/editor.js";
+import { useEditorStore as H } from "../stores/editor.js";
 import { usePreviewStore as ke } from "../stores/preview.js";
-import { useTemplateStore as Fe } from "../stores/template.js";
-import { useUnsubscribeStore as Te } from "../stores/unsubscribe.js";
-import { readTrackFloor as H } from "../utils/linkTrackingIds.js";
+import { useTemplateStore as Te } from "../stores/template.js";
+import { useUnsubscribeStore as Fe } from "../stores/unsubscribe.js";
+import { readTrackFloor as $ } from "../utils/linkTrackingIds.js";
 const tt = /* @__PURE__ */ re({
   __name: "Guido",
   props: {
@@ -32,8 +32,8 @@ const tt = /* @__PURE__ */ re({
     ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup($, { expose: q, emit: r }) {
-    const a = $, K = m(
+  setup(z, { expose: q, emit: r }) {
+    const a = z, K = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), V = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
@@ -43,32 +43,32 @@ const tt = /* @__PURE__ */ re({
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
     ), Q = m(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), C = x(), f = x(), y = De(), D = Te(), o = Ce();
+    ), E = O(), p = O(), f = De(), w = Fe(), o = Ce();
     a.ready && o.init(a.config);
-    const c = w(), X = ke(), l = p(() => c.hasChanges), { isTestPartner: Y } = le(), k = () => {
+    const c = H(), X = ke(), l = u(() => c.hasChanges), { isTestPartner: Y } = le(), C = () => {
       var t;
-      return (t = C.value) == null ? void 0 : t.handleSave(!0);
-    }, F = (t) => {
+      return (t = E.value) == null ? void 0 : t.handleSave(!0);
+    }, D = (t) => {
       c.loadingStatus = t;
     };
     ie(), me();
-    const g = () => {
+    const y = () => {
       var t, e;
       return {
         emailId: o.templateId,
         userId: o.userId,
         username: o.username,
         partnerName: o.partnerName,
-        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || z.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || z.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || G.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || G.DEFAULT_MODULES
       };
-    }, { initPlugin: T, preloadRuntime: I } = ue(), { runExclusive: M, beginMount: R, isCurrentMount: v } = ce();
-    let u = 0;
-    const { getDefaultTemplate: L } = we(), { cloneTimersOnSave: B, hasTimerBlocks: U } = pe(), Z = p(() => {
+    }, { initPlugin: k, preloadRuntime: T } = ue(), { runExclusive: F, beginMount: M, isCurrentMount: R } = ce();
+    let g = 0;
+    const { getDefaultTemplate: I } = we(), { cloneTimersOnSave: L, hasTimerBlocks: B } = pe(), Z = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), ee = p(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = p(
-      () => !!E().recommendationConfigs.strategyId
+    }), ee = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = u(
+      () => !!h().recommendationConfigs.strategyId
     );
     de({
       onBack: () => {
@@ -78,76 +78,70 @@ const tt = /* @__PURE__ */ re({
         console.debug("guido:save:start"), r("save:start");
       },
       onSaveComplete: (t) => {
-        const e = { ...t, metadata: g() };
+        const e = { ...t, metadata: y() };
         console.debug("guido:save:complete", e), r("save:complete", e);
       },
       onTestEmailClick: () => {
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const A = (t) => {
-      console.debug("dynamic-content:close", t), y.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, P = () => {
+    const U = (t) => {
+      console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+    }, A = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    W(() => l.value, () => {
+    x(() => l.value, () => {
       r("on-change", l.value);
     });
-    const S = (t) => {
+    const v = (t) => {
       const e = t, { attribute: s, position: d } = e.detail;
       console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
     };
     let i = null;
-    const h = () => {
+    const S = () => {
       var e;
       const t = document.querySelector(fe);
-      (e = f.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
+      (e = p.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, b = async () => {
       var t;
       try {
         o.initialized || o.init(a.config), c.templateId = o.templateId;
-        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", _ = (e == null ? void 0 : e.preselectedDynamicContent) || [];
-        D.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const N = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, O = o.isFeatureEnabled("linkTrackingIds");
+        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", P = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        w.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const _ = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, N = o.isFeatureEnabled("linkTrackingIds");
         let n = {
-          html: s && await G(s, N),
+          html: s && await W(s, _),
           css: d
         };
-        n.html || (n = await L(), n.html = await G(n.html, N));
-        const oe = O ? H(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
-        U(n.html) && (n.html = await B(n.html)), O && (c.trackIdSessionFloor = Math.max(oe, H(n.html)));
+        n.html || (n = await I(), n.html = await W(n.html, _));
+        const oe = N ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        B(n.html) && (n.html = await L(n.html)), N && (c.trackIdSessionFloor = Math.max(oe, $(n.html)));
         const ne = {
-          preselectedDynamicContentList: _,
+          preselectedDynamicContentList: P,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        u = R(), await T(n, g(), ne), y.selectedDynamicContentList = _;
+        g = M(), await k(n, y(), ne), f.selectedDynamicContentList = P;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
     return se(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), E().$reset(), w().$reset(), Fe().$reset(), h();
-      const t = (e = f.value) == null ? void 0 : e.parentElement;
-      if (t && (i = new ResizeObserver(h), i.observe(t)), I(), a.ready)
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h().$reset(), H().$reset(), Te().$reset(), S();
+      const t = (e = p.value) == null ? void 0 : e.parentElement;
+      if (t && (i = new ResizeObserver(S), i.observe(t)), T(), a.ready)
         await b();
       else {
-        const s = W(() => a.ready, (d) => {
+        const s = x(() => a.ready, (d) => {
           d && (s(), b());
         });
       }
-      document.addEventListener("dynamic-content:open", S);
+      document.addEventListener("dynamic-content:open", v);
     }), ae(() => {
-      if (i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", S), E().disposeStrategyPageReturn(), v(u))
-        try {
-          w().isStripoInitialized = !1;
-        } catch (t) {
-          console.debug("Failed to close the editor readiness gate on unmount", t);
-        }
-      M(async () => {
-        if (v(u))
+      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), h().disposeStrategyPageReturn(), F(async () => {
+        if (R(g))
           try {
             window.UIEditor.removeEditor();
           } catch {
@@ -156,13 +150,13 @@ const tt = /* @__PURE__ */ re({
       }), o.reset();
     }), q({
       dynamicContent: {
-        insert: A,
-        close: P
+        insert: U,
+        close: A
       },
       hasChanges: l,
-      saveSilent: k,
-      setLoading: F
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, LegacyStrategyUpdatedModal: Q, headerWrapperRef: C, wrapperRef: f, dynamicContentStore: y, unsubscribeStore: D, props: a, configStore: o, editorStore: c, previewStore: X, hasChanges: l, isTestPartner: Y, saveSilent: k, setLoading: F, emit: r, buildMetadata: g, initPlugin: T, preloadRuntime: I, runExclusive: M, beginMount: R, isCurrentMount: v, mountGeneration: u, getDefaultTemplate: L, cloneTimersOnSave: B, hasTimerBlocks: U, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: A, closeDynamicContent: P, handleDynamicContentOpen: S, ribbonObserver: i, updateRibbonOffset: h, startEditor: b, AutoSaveController: ye, Toaster: ge, FilterSelectionDrawer: ve, HeaderWrapper: Se, LoadingWrapper: he, SaveAsTemplateDrawer: be, UnsubscribeWrapper: Ee };
+      saveSilent: C,
+      setLoading: D
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, AssignStrategyDrawer: j, RemoveStrategyModal: J, LegacyStrategyUpdatedModal: Q, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: a, configStore: o, editorStore: c, previewStore: X, hasChanges: l, isTestPartner: Y, saveSilent: C, setLoading: D, emit: r, buildMetadata: y, initPlugin: k, preloadRuntime: T, runExclusive: F, beginMount: M, isCurrentMount: R, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: L, hasTimerBlocks: B, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: U, closeDynamicContent: A, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: S, startEditor: b, AutoSaveController: ye, Toaster: ge, FilterSelectionDrawer: ve, HeaderWrapper: Se, LoadingWrapper: be, SaveAsTemplateDrawer: he, UnsubscribeWrapper: Ee };
   }
 });
 export {

package/dist/composables/useCortexBlueprintBridge.js

@@ -1,138 +1,70 @@
-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 = () => {
+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 = () => {
   if (typeof window > "u")
     return !1;
   try {
-    return window.localStorage.getItem(ot) === "1";
+    return window.localStorage.getItem(M) === "1";
   } catch {
     return !1;
   }
-}, bt = () => {
-  const b = k();
-  if (!b)
+}, H = () => {
+  const c = v();
+  if (!c)
     return;
-  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 { 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) {
-      F(e);
+  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)
       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");
+    const t = r.blueprintId, e = r.blueprintData;
+    if (!t || !(e != null && e.html))
       return;
-    }
-    const a = E.get(e);
-    if (a === n || !P(e))
+    if (!r.applyRequested) {
+      d(t);
       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);
-      }));
     }
-  }, 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;
-          }
+    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;
+            }
+        });
       });
-    });
-  }, $ = () => {
-    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());
+    },
+    { deep: !0, immediate: !0 }
+  );
+  D(() => {
+    m(), i.clear(), a.clear(), _();
   });
 };
 export {
-  bt as useCortexBlueprintBridge
+  H as useCortexBlueprintBridge
 };

package/dist/composables/useEmailTemplateApplier.js

@@ -1,115 +1,59 @@
-import { useActionsApi as z } 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 E = () => {
-  d && (clearInterval(d), d = null);
-}, me = () => {
-  const { updateHtmlAndCss: i } = z(), { runExclusive: O } = K(), { showToaster: P } = R(), _ = F(), { template: b } = N(), L = G(), T = $(), w = (e, t) => {
+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" };
     try {
-      P({ type: e, message: _(t) });
-    } catch (o) {
-      console.error("[guido:apply] could not show the apply toast", o);
-    }
-  }, g = (e, t) => {
-    m.get(e) !== t && (m.set(e, t), w(v.Error, "newsletter.ai-template-failed-apply"));
-  }, y = () => {
-    var e, t;
-    return T.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), w(v.Success, "newsletter.ai-template-applied"));
-  }, h = async (e, t, o) => {
-    const r = (u.get(e) ?? 0) + 1;
-    u.set(e, r), l(e, "applying");
-    try {
-      await O(() => i(t, o));
+      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")
+      }));
     } catch (n) {
-      return u.get(e) !== r ? p : (console.error("[guido:apply] editor did not acknowledge the template apply", n), l(e, "failed"), g(e, t), { status: "failed", error: n });
-    }
-    return u.get(e) !== r ? p : (l(e, "applied"), H(t), I(e, t), { status: "applied" });
-  }, B = (e) => {
-    const t = s.get(e);
-    t && (clearTimeout(t.timer), s.delete(e), t.settle(p));
-  }, C = (e) => {
-    const t = c.get(e);
-    t && (clearTimeout(t.timer), c.delete(e), t.settle(p));
-  }, q = () => {
-    [...c.keys()].forEach(C);
-  }, D = async () => {
-    if (s.size === 0) {
-      E();
-      return;
+      o.value = { ...o.value, [e]: "failed" }, m({
+        type: f.Error,
+        message: n instanceof Error ? n.message : "Failed to apply template"
+      });
     }
-    if (!y())
-      return;
-    E();
-    const e = [...s.entries()];
-    s.clear(), e.forEach(([, n]) => clearTimeout(n.timer));
-    const t = e.pop();
-    if (e.forEach(([n, f]) => {
-      l(n, "failed"), f.settle({ status: "failed", error: new Error("Displaced by a newer apply") });
-    }), !t)
+  }, 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;
-    const [o, r] = t;
-    r.settle(await h(o, r.html, r.css));
-  }, x = (e, t, o) => new Promise((r) => {
-    B(e);
-    const n = setTimeout(() => {
-      s.delete(e), l(e, "failed"), g(e, t), r({
-        status: "failed",
-        error: new Error(`Editor did not become ready within ${U}ms`)
-      });
+    p(e);
+    const { html: a } = t, c = t.css ?? "";
+    s[e] = setTimeout(() => {
+      delete s[e], l(e, a, c);
     }, U);
-    s.set(e, { html: t, css: o, timer: n, settle: r }), l(e, "applying"), d ?? (d = setInterval(() => {
-      D();
-    }, Y));
-  }), S = (e, t, o) => y() ? h(e, t, o) : x(e, t, o);
-  return W(() => T.isStripoInitialized, (e) => {
-    e && D();
-  }, { immediate: !0 }), { applyStatus: a, markPending: Q, applyTemplate: (e, t) => {
-    const { html: o } = t;
-    return o ? (q(), 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) => {
-      C(e);
-      const f = setTimeout(() => {
-        c.delete(e), S(e, o, r).then(n);
-      }, X);
-      c.set(e, { timer: f, settle: n });
-    });
   } };
-}, de = () => {
-  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 = {};
+}, G = () => {
+  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((r) => delete s[r]), o.value = {};
 };
 export {
-  de as resetEmailTemplateApplier,
-  me as useEmailTemplateApplier
+  G as resetEmailTemplateApplier,
+  z as useEmailTemplateApplier
 };

package/dist/composables/useHttp.js

@@ -1,7 +1,7 @@
 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 { ref as m, computed as w } from "vue";
+const k = (g = {}) => {
+  const h = m(!1), n = m(null), u = m(null), b = w(() => h.value), y = w(() => n.value !== null), v = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
@@ -10,79 +10,90 @@ const X = (b = {}) => {
       "Content-Type": "application/json",
       "X-CSRF-TOKEN": O(),
       Accept: "application/json",
+      // The panel backend only answers 401/419 to ajax requests; without this a guest
+      // fetch gets a 302 to the login page and never sees 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 || v.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
+  }, P = (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 = {
+  }), C = (e) => new Promise((r) => {
+    setTimeout(r, e);
+  }), i = async (e, r, t, W = {}) => {
+    n.value = null, h.value = !0, u.value = new AbortController();
+    const a = { ...v, ...W }, E = x(r, a.baseURL), c = {
       method: e,
-      headers: { ...n.headers },
+      headers: { ...a.headers },
       signal: u.value.signal,
-      ...n
+      ...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) => {
+    const T = async (p = 0) => {
+      if (window.isSessionExpired)
+        throw n.value = { message: "Session expired" }, new Error("Session expired");
       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(E, c)];
+        a.timeout && o.push(P(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const D = `HTTP Error: ${s.status} ${s.statusText}`, f = new Error(D);
+          throw f.status = s.status, f.statusText = s.statusText, f.response = s, [401, 403, 419].includes(s.status) && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((H) => window.dispatchEvent(new CustomEvent("insider:http-auth-error", {
+            detail: {
+              status: s.status,
+              body: H,
+              url: new URL(E, window.location.href).href
+            }
+          }))).catch(() => {
+          }), f;
         }
-        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 d;
+        const l = s.headers.get("content-type");
+        return l != null && l.includes("application/json") ? d = await s.json() : l != null && l.includes("text/") ? d = await s.text() : d = await s.blob(), {
+          data: d,
+          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 (p < (a.retry || 0) && !s)
+          return await C(a.retryDelay || 1e3), T(p + 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 T();
     } finally {
-      p.value = !1, u.value = null;
+      h.value = !1, u.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) => {
+  }, R = (e, r) => i("GET", e, void 0, r), U = (e, r, t) => i("POST", e, r, t), $ = (e, r, t) => i("PUT", e, r, t), q = (e, r, t) => i("PATCH", e, r, t), A = (e, r) => i("DELETE", e, void 0, r), L = (e) => {
     u.value && u.value.abort(e);
-  }, W = () => {
-    a.value = null;
+  }, S = () => {
+    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,
+    get: R,
+    post: U,
     put: $,
     patch: q,
     delete: A,
-    cancel: U,
-    clearError: W
+    cancel: L,
+    clearError: S
   };
 };
 export {
-  X as useHttp
+  k as useHttp
 };

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-c61cc8ea]{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-59690055]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-59690055]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-59690055]{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-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[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-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .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}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@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-c61cc8ea]{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-36867e2e]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-36867e2e]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-36867e2e]{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-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[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-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .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}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}

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

@@ -17,11 +17,12 @@
  *   - `error` segments (and message-level `isError` / `isCancelled`) trigger
  *     a localized toaster.
  *
- * 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
  * developer can watch the agent stream in real time. In production this is
  * gated behind `localStorage.guido:debug:ai === '1'`.
+ *
+ * If cortex-fe isn't loaded the chat store is undefined and the bridge is a
+ * no-op (intentional — Guido must still work standalone).
  */
 export declare const useCortexBlueprintBridge: () => void;

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

@@ -1,16 +1,4 @@
 type ApplyStatus = 'pending' | 'applying' | 'applied' | 'failed';
-/**
- * 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';
-} | {
-    status: 'failed';
-    error: unknown;
-} | {
-    status: 'superseded';
-};
 /**
  * Applies email_template blueprints from the chat agent to the Stripo editor.
  *
@@ -21,19 +9,18 @@ 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 before Stripo is ready is queued and flushed when `isStripoInitialized` flips.
  */
 export declare const useEmailTemplateApplier: () => {
     applyStatus: import("vue").Ref<Record<string, ApplyStatus>>;
-    markPending: (key: string) => void;
-    applyTemplate: (key: string, data: {
+    markPending: (blueprintId: string) => void;
+    applyTemplate: (blueprintId: string, data: {
         html?: string;
         css?: string;
-    }) => Promise<ApplyOutcome>;
-    applyTemplateDebounced: (key: string, data: {
+    }) => void;
+    applyTemplateDebounced: (blueprintId: string, data: {
         html?: string;
         css?: string;
-    }) => Promise<ApplyOutcome>;
+    }) => void;
 };
 export declare const resetEmailTemplateApplier: () => void;
 export {};

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

@@ -1,13 +1,3 @@
-/** Terminal outcome of an editor write, keyed by `${blueprintId}:${version}`. */
-export interface ApplyAck {
-    status: 'applied' | 'failed';
-    /** The `applyRequestedAt` of the click this ack answers — lets cortex drop stale acks. */
-    requestedAt: number;
-    /** Strictly increasing per key, so two acks in the same millisecond still order. */
-    ackAt: number;
-    /** Stringified — cortex JSON-clones store-derived payloads, an Error would not survive. */
-    error?: string;
-}
 /** The published editor snapshot — the shape a consumer reads off the shared store. */
 export interface GuidoEmailEditorState {
     /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
@@ -18,10 +8,6 @@ export interface GuidoEmailEditorState {
     lastUpdatedAt: number;
     /** Template id from the editor config, so a consumer can scope per-template. */
     templateId: string;
-    /** True while a mounted Guido bridge is consuming the chat store. Gates cortex's Apply button. */
-    bridgeActive: boolean;
-    /** `${blueprintId}:${version}` → terminal outcome of the editor write, written only after it settles. */
-    applyAcks: Record<string, ApplyAck>;
 }
 /**
  * Outbound contract Guido publishes to the host's shared Pinia singleton so a
@@ -32,11 +18,17 @@ 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.
  *
- * State-only by contract: cortex-fe reads `pinia.state.value['guidoEmailEditor']`, which misses
- * actions and getters. Intended writers: `useGuidoStateBridge` and `useCortexBlueprintBridge`.
+ * State + getters only, no actions. `useGuidoStateBridge` is the only intended
+ * writer, 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.
  *
- * The id `guidoEmailEditor` is part of the cross-MFE contract; the internal
- * store `guidoEditor` is intentionally separate.
+ * Store id `guidoEmailEditor` is cross-MFE: cortex-fe reads it via
+ * `pinia._s.get('guidoEmailEditor')` 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.
  */
 export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", GuidoEmailEditorState, {
     /** True once the bridge has published at least one snapshot. */
@@ -45,7 +37,5 @@ export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"
         css: string;
         lastUpdatedAt: number;
         templateId: string;
-        bridgeActive: boolean;
-        applyAcks: Record<string, ApplyAck>;
     } & import("pinia").PiniaCustomStateProperties<GuidoEmailEditorState>) => boolean;
 }, {}>;

package/dist/stores/guido-email-editor.js

@@ -4,9 +4,7 @@ const d = e("guidoEmailEditor", {
     html: "",
     css: "",
     lastUpdatedAt: 0,
-    templateId: "",
-    bridgeActive: !1,
-    applyAcks: {}
+    templateId: ""
   }),
   getters: {
     /** 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.f884c35",
+  "version": "3.19.0-beta.f8f0007",
   "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",
@@ -38,7 +38,6 @@
     "test:e2e-mutation": "node scripts/e2e-mutation-check.mjs",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
     "test": "vitest run --coverage",
-    "test:run": "vitest run",
     "test:watch": "vitest",
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
     "test:e2e:coverage": "E2E_COVERAGE=true playwright test",