@useinsider/guido 3.18.3-beta.ec88281 → 3.19.0-beta.5355c3f

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/composables/useGuidoStateBridge.js

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

package/dist/composables/useStripo.js

@@ -1,6 +1,6 @@
-import { useActionsApi as L } from "./useActionsApi.js";
-import { useBlocksConfig as O } from "./useBlocksConfig.js";
-import { useConfig as q } from "./useConfig.js";
+import { useActionsApi as x } from "./useActionsApi.js";
+import { useBlocksConfig as L } from "./useBlocksConfig.js";
+import { useConfig as O } from "./useConfig.js";
 import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
 import { useModuleRepair as j } from "./useModuleRepair.js";
@@ -17,7 +17,7 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const Ce = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+  const { features: c, template: u, isFeatureEnabled: m } = O(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = L(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i();
@@ -88,8 +88,8 @@ const Ce = () => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), l(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = x(), { injectFullStory: q } = N();
+            t(), l(), q(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -106,7 +106,7 @@ const Ce = () => {
           e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          e.hasChanges = !0, e.changeSeq += 1;
         },
         onEvent: v,
         onModuleAdd: F,

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="drag-handle-btn flat-inline flat-white"
+                        class="guido-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="drag-handle" data-reorder-icon-slot="${e}"></span>
+                <span class="guido-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="drag-handle" data-reorder-icon-slot="${t}"></span>
+                    <span class="guido-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="drag-handle" data-reorder-icon-slot="${r}"></span>
+                <span class="guido-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,7 +134,10 @@ ue-orderable.orderable-disabled .droppable-icon {
     border-top: 2px solid var(--guido-color-primary-500, #0A2ECC);
 }
 
-.drag-handle {
+/* 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;
     user-select: none;
     display: flex;
     align-items: center;
@@ -144,13 +147,13 @@ ue-orderable.orderable-disabled .droppable-icon {
     flex-shrink: 0;
 }
 
-.drag-handle .drag-handle-btn .button {
+.guido-drag-handle .guido-drag-handle-btn .button {
     padding: 0;
     min-width: auto;
     cursor: move;
 }
 
-.drag-handle .drag-handle-btn .button .icon-button {
+.guido-drag-handle .guido-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/library.js

@@ -1,18 +1,20 @@
-import { default as e } from "./components/Guido.vue.js";
-import { MessageType as f, ProductType as s } from "./@types/config/schemas.js";
+import { default as a } from "./components/Guido.vue.js";
+import { MessageType as t, ProductType as d } from "./@types/config/schemas.js";
 import "./@types/config/defaults.js";
-import { getValidationErrors as d, isValidConfig as p, parseConfig as g, parseConfigSafe as n, validateConfig as l } from "./@types/config/validator.js";
-import { assignTrackingIds as T, readTrackFloor as c, readTrackSeq as x } from "./utils/linkTrackingIds.js";
+import { getValidationErrors as s, isValidConfig as p, parseConfig as g, parseConfigSafe as m, validateConfig as n } from "./@types/config/validator.js";
+import { assignTrackingIds as u, readTrackFloor as x, readTrackSeq as T } from "./utils/linkTrackingIds.js";
+import { useGuidoEmailEditorStore as C } from "./stores/guido-email-editor.js";
 export {
-  e as Guido,
-  f as MessageType,
-  s as ProductType,
-  T as assignTrackingIds,
-  d as getValidationErrors,
+  a as Guido,
+  t as MessageType,
+  d as ProductType,
+  u as assignTrackingIds,
+  s as getValidationErrors,
   p as isValidConfig,
   g as parseConfig,
-  n as parseConfigSafe,
-  c as readTrackFloor,
-  x as readTrackSeq,
-  l as validateConfig
+  m as parseConfigSafe,
+  x as readTrackFloor,
+  T as readTrackSeq,
+  C as useGuidoEmailEditorStore,
+  n as validateConfig
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.76.0" } }, s = {
+const o = { stripo: { version: "2.77.0" } }, s = {
   guido: o
 };
 export {

package/dist/public/editorState.js

@@ -0,0 +1,4 @@
+import { useGuidoEmailEditorStore as e } from "../stores/guido-email-editor.js";
+export {
+  e as useGuidoEmailEditorStore
+};

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/composables/useGuidoStateBridge.d.ts

@@ -1,22 +1,26 @@
 /**
  * Outbound bridge — publishes the current editor's html/css to the shared
- * Pinia store `guidoEmailEditor` so cortex-fe can read it at chat-stream
- * submit time and forward it as `clientState.editor`. This is what enables
+ * Pinia store `guidoEmailEditor`. cortex-fe reads it at chat-stream submit
+ * time and forwards it as `clientState.editor`, which is what enables
  * sub-case 1.3 (refine an already-loaded template via the email-agent).
  *
  * The bridge writes on three triggers:
  *
  *   1. Stripo finishes initializing — first snapshot.
- *   2. Editor `hasChanges` flips to true — debounced 500 ms so a streaming
- *      Stripo edit doesn't thrash the store.
+ *   2. Every document change, via the `changeSeq` counter — debounced 500 ms
+ *      so a streaming Stripo edit doesn't thrash the store.
  *   3. Editor `hasChanges` flips back to false (post-save / autosave) —
  *      immediate, since this is the canonical "saved" snapshot.
  *
  * `getTemplateData()` is a Stripo iframe call; it must not run before
  * `isStripoInitialized` is true. The bridge guards against that.
  *
- * If cortex-fe isn't loaded the store still gets written — that's fine;
- * the store has zero overhead and any future reader will find consistent
- * state. The bridge is a one-way pipe with no consumer dependency.
+ * The store is written even with no reader attached — it has zero overhead,
+ * and a late reader still finds consistent state.
+ *
+ * Readers are not optional any more, so treat the publish timing as part of
+ * the contract: the store ships as `@useinsider/guido/editor-state`, and
+ * email-fe imports it to scan the live html for its Array of Objects lock.
+ * Weakening a trigger here silently breaks that lock in the consumer.
  */
 export declare const useGuidoStateBridge: () => void;

package/dist/src/library.d.ts

@@ -2,5 +2,7 @@ export { default as Guido } from './components/Guido.vue';
 export type { GuidoConfig, GuidoConfigInput, IdentityConfig, PartnerConfig, TemplateConfig, TemplateMigrationConfig, LegacyRecommendationConfig, EditorConfig, UIConfig, FeaturesConfig, BlocksConfig, CompilerConfig, DynamicContent, EmailHeader, DefaultBlockType, CustomBlockType, ValidationResult, ValidationError, } from './@types/config';
 export { validateConfig, parseConfig, parseConfigSafe, isValidConfig, getValidationErrors, MessageType, ProductType, } from './@types/config';
 export { assignTrackingIds, readTrackFloor, readTrackSeq } from './public/trackingIds';
+export { useGuidoEmailEditorStore } from './public/editorState';
+export type { GuidoEmailEditorState } from './public/editorState';
 export type { StripoEventType } from './@types/events';
 export type { PositionData, DynamicContentEvent, MergeTagClickEvent, MergeTag, BaseDynamicContent, DynamicContentNode, DynamicContentList, TooltipOptions, TextValueObject, L10n, } from './@types/generic';

package/dist/src/public/editorState.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Published as `@useinsider/guido/editor-state` — the live editor snapshot Guido
+ * writes into the host's shared Pinia singleton.
+ *
+ * Importing from here pulls in nothing but pinia, so the editor never enters a
+ * consumer's module graph. Re-export surface only: this is the contract,
+ * `stores/guido-email-editor` is the implementation and stays free to move.
+ *
+ * Consumers read the store by importing it; the id `guidoEmailEditor` remains
+ * part of the contract for cortex-fe, which probes `pinia._s` at runtime instead
+ * of taking a build-time dependency on this package.
+ */
+export { useGuidoEmailEditorStore } from '../stores/guido-email-editor';
+export type { GuidoEmailEditorState } from '../stores/guido-email-editor';

package/dist/src/public/trackingIds.d.ts

@@ -4,6 +4,10 @@
  * Importing from here pulls in nothing else, so the editor never enters a
  * consumer's module graph. Re-export surface only: this is the contract,
  * `utils/linkTrackingIds` is the implementation and stays free to move.
+ *
+ * Relative, not the `@@/Utils/` alias: vue-tsc copies the specifier into the emitted
+ * .d.ts verbatim, and a consumer's TypeScript cannot resolve our alias table. A relative
+ * path resolves against dist/src/, so the published types actually load.
  */
-export { assignTrackingIds, readTrackFloor, readTrackSeq, TRACK_ID_ATTRIBUTE, TRACK_SEQ_ATTRIBUTE, } from '@@/Utils/linkTrackingIds';
-export type { TrackingIdResult } from '@@/Utils/linkTrackingIds';
+export { assignTrackingIds, readTrackFloor, readTrackSeq, TRACK_ID_ATTRIBUTE, TRACK_SEQ_ATTRIBUTE, } from '../utils/linkTrackingIds';
+export type { TrackingIdResult } from '../utils/linkTrackingIds';