@useinsider/guido 3.18.2-beta.a904ffc → 3.18.2-beta.ac0d92e

package/dist/components/Guido.vue.js

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

package/dist/components/Guido.vue2.js

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

package/dist/composables/useActionsApi.js

@@ -1,17 +1,21 @@
 import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
 import { useToaster as y } from "./useToaster.js";
-const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
-  const w = setTimeout(
-    () => m(new Error(`${n} did not report completion within ${l}ms`)),
+const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
+  const c = setTimeout(
+    () => s(new Error(`${n} did not report completion within ${l}ms`)),
     l
-  ), p = (A) => (t) => {
-    clearTimeout(w), A(t);
+  ), d = (r) => (t) => {
+    clearTimeout(c), r(t);
   };
-  u(p(T), p(m));
+  try {
+    w(d(A), d(s));
+  } catch (r) {
+    clearTimeout(c), s(r instanceof Error ? r : new Error(String(r)));
+  }
 }), I = () => {
-  const { handleError: n } = y(), l = (t = {}) => s(
+  const { handleError: n } = y(), l = (t = {}) => p(
     "compileEmail",
-    d,
+    T,
     (e, a) => {
       const o = { ...{
         minimize: !0,
@@ -32,9 +36,9 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
         forceAmp: !1,
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
-      }, ...t }, c = {
-        callback: (r, C, f, S, g) => {
-          r ? a(r) : e({
+      }, ...t }, u = {
+        callback: (m, C, f, S, g) => {
+          m ? a(m) : e({
             html: C,
             ampHtml: f,
             ampErrors: v(S ?? []),
@@ -43,22 +47,22 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
         },
         ...o
       };
-      window.StripoEditorApi.actionsApi.compileEmail(c);
+      window.StripoEditorApi.actionsApi.compileEmail(u);
     }
   );
   return {
     getCompiledEmail: l,
-    getTemplateData: () => s(
+    getTemplateData: () => p(
       "getTemplateData",
-      d,
+      T,
       (t) => {
-        const e = ({ html: a, css: i, width: o, height: E, utmParams: c, syncModulesIds: r }) => t({
+        const e = ({ html: a, css: i, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
           html: a,
           css: i,
           width: o,
           height: E,
-          utmParams: c,
-          syncModulesIds: r
+          utmParams: u,
+          syncModulesIds: m
         });
         window.StripoEditorApi.actionsApi.getTemplateData(e);
       }
@@ -105,13 +109,13 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
     }),
     updateHtmlAndCss: (t, e) => {
       const { actionsApi: a } = window.StripoEditorApi;
-      return s("updateHtmlAndCss", D, (i) => {
+      return p("updateHtmlAndCss", D, (i) => {
         a.updateHtmlAndCss(t, e, () => i());
       });
     },
-    editorSave: () => s(
+    editorSave: () => p(
       "save",
-      d,
+      T,
       (t) => {
         window.StripoEditorApi.actionsApi.save((e) => {
           if (e) {

package/dist/composables/useCortexBlueprintBridge.js

@@ -1,70 +1,131 @@
-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 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 = () => {
   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(), y = Symbol("cortexBlueprintBridge");
+  v = y, 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)
+      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 };
+    });
+  }, 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;
+    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")
+        return;
+      if (s.status === "applied") {
+        h.set(e, n), 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);
+    } 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));
+    }
+  }, U = (t) => {
+    var a;
+    if (t.blueprintType !== W)
       return;
-    const t = r.blueprintId, e = r.blueprintData;
-    if (!t || !(e != null && e.html))
+    const { blueprintId: e } = t, o = (a = t.blueprintData) == null ? void 0 : a.html;
+    if (!e || !o)
       return;
-    if (!r.applyRequested) {
-      d(t);
+    if (!t.applyRequested) {
+      x(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 = 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);
+        return;
+      }
+      w(r, e, t, "immediate");
+      return;
+    }
+    const c = h.get(e);
+    if (c !== o) {
+      if (c === void 0) {
+        if (B(r)) {
+          E.set(r, t);
+          return;
+        }
+        const i = u.get(r);
+        if ((i == null ? void 0 : i.html) === o && i.count >= rt)
+          return;
+        w(r, e, t, "immediate");
+        return;
+      }
+      w(r, e, t, "debounced");
+    }
+  }, 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) {
+            case "blueprint":
+              U(n);
+              break;
+            case "error":
+              g(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);
+  }, 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) => {
+      t.bridgeActive = !1, t.applyAcks = {};
+    }), N());
   });
 };
 export {
-  H as useCortexBlueprintBridge
+  ft as useCortexBlueprintBridge
 };

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 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")
+    }));
+  }, O = () => {
+    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) => {
+    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 = $(e, o);
+      s.length > 0 && A.registerDynamicContent(s);
+    } 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")
+    }));
+  }, 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"), T(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), 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;
+    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(() => 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);
   }, 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(h);
+    const s = t.css ?? "";
+    return new Promise((n) => {
+      w(e);
+      const f = setTimeout(() => {
+        p.delete(e), C(e, o, s).then(n);
+      }, K);
+      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/extensions/Blocks/Recommendation/controls/cardComposition/index.js

@@ -67,7 +67,7 @@ class se extends ut {
       (d, c) => `
                 <div data-reorder-icon-key="${P}${c}" style="display: none;">
                     <${_.BUTTON}
-                        class="guido-drag-handle-btn flat-inline flat-white"
+                        class="drag-handle-btn flat-inline flat-white"
                         ${O.BUTTON.name}="${P}${c}"
                     >
                         <${_.ICON}
@@ -328,7 +328,7 @@ class se extends ut {
   _createBuiltInItemHtml(t, e) {
     return `
             <div class="orderable-item" draggable="true" data-key="${t.key}">
-                <span class="guido-drag-handle" data-reorder-icon-slot="${e}"></span>
+                <span class="drag-handle" data-reorder-icon-slot="${e}"></span>
                 <span class="item-label">${this.api.translate(t.label)}</span>
                 <div class="item-action" data-action-for="${t.key}"></div>
             </div>
@@ -353,7 +353,7 @@ class se extends ut {
             <div class="orderable-item price-group-item" draggable="true"
                 data-key="${C}" data-group="prices">
                 <div class="price-group-header">
-                    <span class="guido-drag-handle" data-reorder-icon-slot="${t}"></span>
+                    <span class="drag-handle" data-reorder-icon-slot="${t}"></span>
                     <span class="item-label">${this.api.translate("Product Prices")}</span>
                     <div class="item-action" data-action-for="${C}"></div>
                 </div>
@@ -365,7 +365,7 @@ class se extends ut {
     return `
             <div class="orderable-item" draggable="true"
                 data-key="${t}" data-custom-index="${e}">
-                <span class="guido-drag-handle" data-reorder-icon-slot="${r}"></span>
+                <span class="drag-handle" data-reorder-icon-slot="${r}"></span>
                 <div class="custom-attr-select-wrap"
                     data-custom-select-slot="${e}"></div>
                 <div class="item-action"

package/dist/extensions/Blocks/Recommendation/recommendation.css.js

@@ -134,10 +134,7 @@ ue-orderable.orderable-disabled .droppable-icon {
     border-top: 2px solid var(--guido-color-primary-500, #0A2ECC);
 }
 
-/* Namespaced: Stripo ships a global \`.drag-handle { position: absolute }\` for its
-   floating popups, which knocked this handle out of flow (SD-151734). */
-.guido-drag-handle {
-    cursor: move;
+.drag-handle {
     user-select: none;
     display: flex;
     align-items: center;
@@ -147,13 +144,13 @@ ue-orderable.orderable-disabled .droppable-icon {
     flex-shrink: 0;
 }
 
-.guido-drag-handle .guido-drag-handle-btn .button {
+.drag-handle .drag-handle-btn .button {
     padding: 0;
     min-width: auto;
     cursor: move;
 }
 
-.guido-drag-handle .guido-drag-handle-btn .button .icon-button {
+.drag-handle .drag-handle-btn .button .icon-button {
     color: var(--guido-color-gray-600);
 }
 

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-050dfa52]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-050dfa52]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-050dfa52]{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-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}

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

@@ -17,12 +17,13 @@
  *   - `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.
+ *
  * 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,4 +1,20 @@
 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.
+ */
+export type ApplyOutcome = {
+    status: 'applied';
+} | {
+    status: 'failed';
+    error: unknown;
+} | {
+    status: 'superseded';
+};
 /**
  * Applies email_template blueprints from the chat agent to the Stripo editor.
  *
@@ -9,6 +25,10 @@ type ApplyStatus = 'pending' | 'applying' | 'applied' | 'failed';
  * - 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.
  */
 export declare const useEmailTemplateApplier: () => {
     applyStatus: import("vue").Ref<Record<string, ApplyStatus>>;
@@ -16,11 +36,11 @@ export declare const useEmailTemplateApplier: () => {
     applyTemplate: (blueprintId: string, data: {
         html?: string;
         css?: string;
-    }) => void;
+    }) => Promise<ApplyOutcome>;
     applyTemplateDebounced: (blueprintId: string, data: {
         html?: string;
         css?: string;
-    }) => void;
+    }) => Promise<ApplyOutcome>;
 };
 export declare const resetEmailTemplateApplier: () => void;
 export {};

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

@@ -1,16 +1,28 @@
+/** 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;
+}
 /**
  * Outbound contract Guido publishes to the host's shared Pinia singleton so
  * cortex-fe can pick up the current editor state and forward it as
  * `clientState.editor` on the next chat-stream POST.
  *
- * State + getters only — `useGuidoStateBridge` writes via `$patch`, no actions
- * live here (architecture invariant).
+ * 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.)
  *
- * Store id `guidoEmailEditor` is cross-MFE: cortex-fe reads it via
- * `pinia._s.get('guidoEmailEditor')` at runtime. The internal Guido editor
- * store keeps id `guidoEditor` — these are intentionally separate. The
- * internal store carries UI state that cortex-fe should not see; this public
- * store carries the contract Guido is willing to share.
+ * Store id `guidoEmailEditor` is cross-MFE. The internal Guido editor store
+ * keeps id `guidoEditor` — these are intentionally separate. The internal store
+ * carries UI state that cortex-fe should not see; this public store carries the
+ * contract Guido is willing to share.
  */
 export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", {
     /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
@@ -21,6 +33,10 @@ export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"
     lastUpdatedAt: number;
     /** Template id from the editor config, for cortex-fe to 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>;
 }, {
     /** True once the bridge has published at least one snapshot. */
     hasSnapshot: (state: {
@@ -28,6 +44,8 @@ export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"
         css: string;
         lastUpdatedAt: number;
         templateId: string;
+        bridgeActive: boolean;
+        applyAcks: Record<string, ApplyAck>;
     } & import("pinia").PiniaCustomStateProperties<{
         /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
         html: string;
@@ -37,5 +55,9 @@ export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"
         lastUpdatedAt: number;
         /** Template id from the editor config, for cortex-fe to 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>;
     }>) => boolean;
 }, {}>;

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

@@ -8,7 +8,11 @@ const d = e("guidoEmailEditor", {
     /** Wall-clock ms when html/css were last written by the bridge. */
     lastUpdatedAt: 0,
     /** Template id from the editor config, for cortex-fe to scope per-template. */
-    templateId: ""
+    templateId: "",
+    /** True while a mounted Guido bridge is consuming the chat store. Gates cortex's Apply button. */
+    bridgeActive: !1,
+    /** `${blueprintId}:${version}` → terminal outcome of the editor write, written only after it settles. */
+    applyAcks: {}
   }),
   getters: {
     /** True once the bridge has published at least one snapshot. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.2-beta.a904ffc",
+  "version": "3.18.2-beta.ac0d92e",
   "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",