@useinsider/guido 3.18.2 → 3.19.0-beta.5355c3f

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/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/useHttp.js

@@ -1,14 +1,16 @@
-import { getCsrfToken as H } from "../utils/genericUtil.js";
-import { ref as p, computed as T } from "vue";
-const k = (b = {}) => {
-  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
+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 = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "X-CSRF-TOKEN": O(),
+      Accept: "application/json",
+      "X-Requested-With": "XMLHttpRequest"
     },
     ...b
   }, w = (e, s) => {
@@ -22,22 +24,22 @@ const k = (b = {}) => {
     }, e);
   }), x = (e) => new Promise((s) => {
     setTimeout(s, e);
-  }), i = async (e, s, t, D = {}) => {
-    a.value = null, h.value = !0, u.value = new AbortController();
-    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
+  }), 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 = {
       method: e,
       headers: { ...n.headers },
       signal: u.value.signal,
       ...n
     };
     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 (m = 0) => {
+    const E = async (h = 0) => {
       try {
-        const o = [fetch(L, c)];
+        const o = [fetch(D, c)];
         n.timeout && o.push(P(n.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
+          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;
         }
         let f;
@@ -50,19 +52,19 @@ const k = (b = {}) => {
         };
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
-        if (m < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(m + 1);
+        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;
       }
     };
     try {
       return await E();
     } finally {
-      h.value = !1, u.value = null;
+      p.value = !1, u.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
+  }, 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) => {
     u.value && u.value.abort(e);
-  }, q = () => {
+  }, W = () => {
     a.value = null;
   };
   return {
@@ -73,14 +75,14 @@ const k = (b = {}) => {
     // Methods
     request: i,
     get: C,
-    post: $,
-    put: R,
-    patch: U,
+    post: R,
+    put: $,
+    patch: q,
     delete: A,
-    cancel: W,
-    clearError: q
+    cancel: U,
+    clearError: W
   };
 };
 export {
-  k as useHttp
+  X as useHttp
 };

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);
 }