@useinsider/guido 3.19.0-beta.9fe04f1 → 3.19.0-beta.a6fe4f3

package/dist/components/Guido.vue.js

@@ -12,9 +12,9 @@ var i = function() {
   s,
   !1,
   null,
-  "c404d230"
+  "926b01f5"
 );
-const g = n.exports;
+const f = n.exports;
 export {
-  g as default
+  f as default
 };

package/dist/components/Guido.vue2.js

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

package/dist/composables/useAutoSave.js

@@ -1,17 +1,17 @@
 import { useConfig as E } from "./useConfig.js";
-import { useEditorLock as p } from "./useEditorLock.js";
-import { useAutosaveStore as A, AUTOSAVE_STATUS as s } from "../stores/autosave.js";
-import { useEditorStore as f } from "../stores/editor.js";
+import { useEditorLock as f } from "./useEditorLock.js";
+import { useAutosaveStore as p, AUTOSAVE_STATUS as s } from "../stores/autosave.js";
+import { useEditorStore as A } from "../stores/editor.js";
 import { computed as y, watch as I, onUnmounted as L } from "vue";
 const w = 18e4, v = 6e4, R = (b) => {
-  const { isFeatureEnabled: S } = E(), o = f(), t = A(), { isEditorBusy: g } = p();
+  const { isFeatureEnabled: S } = E(), o = A(), t = p(), { isEditorBusy: g } = f();
   let i = null, c = 0;
   const u = y(
     () => S("autosave") && t.isOn
   ), m = () => o.hasChanges && o.isInSaveableState, h = () => ({
     hasChanges: o.hasChanges,
     isInSaveableState: o.isInSaveableState
-  }), r = async (e) => {
+  }), l = async (e) => {
     if (!u.value) {
       console.debug("guido:autosave:skipped", { trigger: e, reason: "not-active" });
       return;
@@ -28,7 +28,7 @@ const w = 18e4, v = 6e4, R = (b) => {
       console.debug("guido:autosave:skipped", { trigger: e, reason: "editor-busy" });
       return;
     }
-    console.debug("guido:autosave:save-start", { trigger: e }), t.status = s.SAVING;
+    e === "visibility" && (c = Date.now()), console.debug("guido:autosave:save-start", { trigger: e }), t.status = s.SAVING;
     try {
       if (await b() === void 0) {
         console.debug("guido:autosave:blocked", { trigger: e, reason: "save-returned-undefined" }), t.status = s.ERROR;
@@ -53,22 +53,22 @@ const w = 18e4, v = 6e4, R = (b) => {
       });
       return;
     }
-    c = Date.now(), r("visibility");
+    l("visibility");
   }, d = () => {
     i && (clearInterval(i), i = null);
-  }, l = () => {
+  }, r = () => {
     document.removeEventListener("visibilitychange", n), window.removeEventListener("pagehide", n);
   };
   I(
     u,
     (e) => {
       console.debug("guido:autosave:active-changed", { active: e }), e ? (d(), i = setInterval(() => {
-        console.debug("guido:autosave:interval-tick"), r("interval");
-      }, w), document.addEventListener("visibilitychange", n), window.addEventListener("pagehide", n)) : (d(), l(), t.status = s.IDLE);
+        console.debug("guido:autosave:interval-tick"), l("interval");
+      }, w), document.addEventListener("visibilitychange", n), window.addEventListener("pagehide", n)) : (d(), r(), t.status = s.IDLE);
     },
     { immediate: !0 }
   ), L(() => {
-    d(), l(), t.status = s.IDLE, t.lastSavedAt = null;
+    d(), r(), t.status = s.IDLE, t.lastSavedAt = null;
   });
 };
 export {

package/dist/composables/useCortexBlueprintBridge.js

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

package/dist/composables/useEmailTemplateApplier.js

@@ -1,115 +1,59 @@
-import { useActionsApi as z } from "./useActionsApi.js";
-import { useConfig as N } from "./useConfig.js";
-import { useEditorLock as K } from "./useEditorLock.js";
-import { useToaster as R } from "./useToaster.js";
-import { useTranslations as F } from "./useTranslations.js";
-import { ToasterTypeOptions as v } from "../enums/toaster.js";
-import { useDynamicContentStore as G } from "../stores/dynamic-content.js";
-import { useEditorStore as $ } from "../stores/editor.js";
-import { flattenDynamicContentList as j } from "../utils/genericUtil.js";
-import { extractUsedDynamicContent as J } from "../utils/registerUsedDynamicContent.js";
-import { ref as V, watch as W } from "vue";
-const X = 250, U = 12e4, Y = 1e3, p = { status: "superseded" }, M = { status: "failed", error: new Error("Blueprint has no html to apply") }, a = V({}), A = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
-let d = null;
-const E = () => {
-  d && (clearInterval(d), d = null);
-}, me = () => {
-  const { updateHtmlAndCss: i } = z(), { runExclusive: O } = K(), { showToaster: P } = R(), _ = F(), { template: b } = N(), L = G(), T = $(), w = (e, t) => {
+import { useActionsApi as C } from "./useActionsApi.js";
+import { useConfig as h } from "./useConfig.js";
+import { useToaster as D } from "./useToaster.js";
+import { useTranslations as E } from "./useTranslations.js";
+import { ToasterTypeOptions as f } from "../enums/toaster.js";
+import { useDynamicContentStore as A } from "../stores/dynamic-content.js";
+import { flattenDynamicContentList as w } from "../utils/genericUtil.js";
+import { extractUsedDynamicContent as S } from "../utils/registerUsedDynamicContent.js";
+import { ref as O } from "vue";
+const U = 250, o = O({}), s = {}, u = /* @__PURE__ */ new Map(), z = () => {
+  const { updateHtmlAndCss: r } = C(), { showToaster: m } = D(), y = E(), { template: T } = h(), d = A(), g = (e, t) => {
+    const a = y(e);
+    return a === e ? t : a;
+  }, v = (e) => {
+    o.value[e] === void 0 && (o.value = { ...o.value, [e]: "pending" });
+  }, l = (e, t, a) => {
+    var c;
+    o.value = { ...o.value, [e]: "applying" };
     try {
-      P({ type: e, message: _(t) });
-    } catch (o) {
-      console.error("[guido:apply] could not show the apply toast", o);
-    }
-  }, g = (e, t) => {
-    m.get(e) !== t && (m.set(e, t), w(v.Error, "newsletter.ai-template-failed-apply"));
-  }, y = () => {
-    var e, t;
-    return T.isStripoInitialized && typeof ((t = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : t.updateHtmlAndCss) == "function";
-  }, Q = (e) => {
-    a.value[e] === void 0 && (a.value = { ...a.value, [e]: "pending" });
-  }, l = (e, t) => {
-    a.value = { ...a.value, [e]: t };
-  }, H = (e) => {
-    var t;
-    try {
-      const o = j((t = b.value) == null ? void 0 : t.dynamicContentList), r = J(e, o);
-      r.length > 0 && L.registerDynamicContent(r);
-    } catch {
-    }
-  }, I = (e, t) => {
-    m.delete(e), A.get(e) !== t && (A.set(e, t), w(v.Success, "newsletter.ai-template-applied"));
-  }, h = async (e, t, o) => {
-    const r = (u.get(e) ?? 0) + 1;
-    u.set(e, r), l(e, "applying");
-    try {
-      await O(() => i(t, o));
+      r(t, a).catch((n) => {
+        console.warn("Editor did not acknowledge the template apply.", n);
+      }), o.value = { ...o.value, [e]: "applied" };
+      try {
+        const n = w((c = T.value) == null ? void 0 : c.dynamicContentList), i = S(t, n);
+        i.length > 0 && d.registerDynamicContent(i);
+      } catch {
+      }
+      u.get(e) !== t && (u.set(e, t), m({
+        type: f.Success,
+        message: g("newsletter.ai-template-applied", "Template applied to the editor")
+      }));
     } catch (n) {
-      return u.get(e) !== r ? p : (console.error("[guido:apply] editor did not acknowledge the template apply", n), l(e, "failed"), g(e, t), { status: "failed", error: n });
-    }
-    return u.get(e) !== r ? p : (l(e, "applied"), H(t), I(e, t), { status: "applied" });
-  }, B = (e) => {
-    const t = s.get(e);
-    t && (clearTimeout(t.timer), s.delete(e), t.settle(p));
-  }, C = (e) => {
-    const t = c.get(e);
-    t && (clearTimeout(t.timer), c.delete(e), t.settle(p));
-  }, q = () => {
-    [...c.keys()].forEach(C);
-  }, D = async () => {
-    if (s.size === 0) {
-      E();
-      return;
+      o.value = { ...o.value, [e]: "failed" }, m({
+        type: f.Error,
+        message: n instanceof Error ? n.message : "Failed to apply template"
+      });
     }
-    if (!y())
-      return;
-    E();
-    const e = [...s.entries()];
-    s.clear(), e.forEach(([, n]) => clearTimeout(n.timer));
-    const t = e.pop();
-    if (e.forEach(([n, f]) => {
-      l(n, "failed"), f.settle({ status: "failed", error: new Error("Displaced by a newer apply") });
-    }), !t)
+  }, p = (e) => {
+    const t = s[e];
+    t && (clearTimeout(t), delete s[e]);
+  };
+  return { applyStatus: o, markPending: v, applyTemplate: (e, t) => {
+    t.html && (p(e), l(e, t.html, t.css ?? ""));
+  }, applyTemplateDebounced: (e, t) => {
+    if (!t.html)
       return;
-    const [o, r] = t;
-    r.settle(await h(o, r.html, r.css));
-  }, x = (e, t, o) => new Promise((r) => {
-    B(e);
-    const n = setTimeout(() => {
-      s.delete(e), l(e, "failed"), g(e, t), r({
-        status: "failed",
-        error: new Error(`Editor did not become ready within ${U}ms`)
-      });
+    p(e);
+    const { html: a } = t, c = t.css ?? "";
+    s[e] = setTimeout(() => {
+      delete s[e], l(e, a, c);
     }, U);
-    s.set(e, { html: t, css: o, timer: n, settle: r }), l(e, "applying"), d ?? (d = setInterval(() => {
-      D();
-    }, Y));
-  }), S = (e, t, o) => y() ? h(e, t, o) : x(e, t, o);
-  return W(() => T.isStripoInitialized, (e) => {
-    e && D();
-  }, { immediate: !0 }), { applyStatus: a, markPending: Q, applyTemplate: (e, t) => {
-    const { html: o } = t;
-    return o ? (q(), S(e, o, t.css ?? "")) : Promise.resolve(M);
-  }, applyTemplateDebounced: (e, t) => {
-    const { html: o } = t;
-    if (!o)
-      return Promise.resolve(M);
-    const r = t.css ?? "";
-    return new Promise((n) => {
-      C(e);
-      const f = setTimeout(() => {
-        c.delete(e), S(e, o, r).then(n);
-      }, X);
-      c.set(e, { timer: f, settle: n });
-    });
   } };
-}, de = () => {
-  c.forEach((i) => {
-    clearTimeout(i.timer), i.settle(p);
-  }), c.clear(), s.forEach((i) => {
-    clearTimeout(i.timer), i.settle(p);
-  }), s.clear(), E(), m.clear(), a.value = {};
+}, G = () => {
+  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((r) => delete s[r]), o.value = {};
 };
 export {
-  de as resetEmailTemplateApplier,
-  me as useEmailTemplateApplier
+  G as resetEmailTemplateApplier,
+  z as useEmailTemplateApplier
 };