@useinsider/guido 3.15.0-beta.4134a24 → 3.15.0-beta.6b05db3

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "5079a1c8"
+  "4316a203"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -37,11 +37,11 @@ const xe = /* @__PURE__ */ q({
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
     ), g = U(), l = U(), u = le(), S = fe(), o = me();
     i.ready && o.init(i.config);
-    const d = O(), G = ue(), m = _(() => d.hasChanges), { isTestPartner: H } = X(), h = () => {
+    const c = O(), $ = ue(), m = _(() => c.hasChanges), { isTestPartner: G } = X(), h = () => {
       var t;
       return (t = g.value) == null ? void 0 : t.handleSave(!0);
     }, b = (t) => {
-      d.loadingStatus = t;
+      c.loadingStatus = t;
     };
     j(), Q();
     const p = () => {
@@ -54,7 +54,7 @@ const xe = /* @__PURE__ */ q({
         savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || N.SAVED_MODULES,
         defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || N.DEFAULT_MODULES
       };
-    }, { initPlugin: E, preloadRuntime: w } = Y(), { getDefaultTemplate: C } = de(), { cloneTimersOnSave: D, hasTimerBlocks: T } = Z(), $ = _(() => {
+    }, { initPlugin: E, preloadRuntime: w } = Y(), { getDefaultTemplate: C } = de(), { cloneTimersOnSave: D, hasTimerBlocks: T } = Z(), H = _(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
     });
@@ -82,8 +82,8 @@ const xe = /* @__PURE__ */ q({
       n("on-change", m.value);
     });
     const f = (t) => {
-      const e = t, { attribute: s, position: c } = e.detail;
-      console.debug("dynamic-content:open", e.detail), n("dynamic-content:open", s, c);
+      const e = t, { attribute: s, position: d } = e.detail;
+      console.debug("dynamic-content:open", e.detail), n("dynamic-content:open", s, d);
     };
     let a = null;
     const y = () => {
@@ -93,13 +93,13 @@ const xe = /* @__PURE__ */ q({
     }, v = async () => {
       var t;
       try {
-        o.initialized || o.init(i.config), d.templateId = o.templateId;
-        const e = o.template, s = (e == null ? void 0 : e.html) || "", c = (e == null ? void 0 : e.css) || "", k = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        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) || "", k = (e == null ? void 0 : e.preselectedDynamicContent) || [];
         S.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
         const F = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {};
         let r = {
           html: s && await I(s, F),
-          css: c
+          css: d
         };
         r.html || (r = await C(), r.html = await I(r.html, F)), T(r.html) && (r.html = await D(r.html));
         const z = {
@@ -120,8 +120,8 @@ const xe = /* @__PURE__ */ q({
       if (t && (a = new ResizeObserver(y), a.observe(t)), w(), i.ready)
         await v();
       else {
-        const s = B(() => i.ready, (c) => {
-          c && (s(), v());
+        const s = B(() => i.ready, (d) => {
+          d && (s(), v());
         });
       }
       document.addEventListener("dynamic-content:open", f);
@@ -132,7 +132,7 @@ const xe = /* @__PURE__ */ q({
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      o.reset();
+      c.$reset(), o.reset();
     }), A({
       dynamicContent: {
         insert: L,
@@ -141,7 +141,7 @@ const xe = /* @__PURE__ */ q({
       hasChanges: m,
       saveSilent: h,
       setLoading: b
-    }), { __sfc: !0, PreviewContainer: W, OnboardingWrapper: x, headerWrapperRef: g, wrapperRef: l, dynamicContentStore: u, unsubscribeStore: S, props: i, configStore: o, editorStore: d, previewStore: G, hasChanges: m, isTestPartner: H, saveSilent: h, setLoading: b, emit: n, buildMetadata: p, initPlugin: E, preloadRuntime: w, getDefaultTemplate: C, cloneTimersOnSave: D, hasTimerBlocks: T, noHeader: $, insertDynamicContent: L, closeDynamicContent: R, handleDynamicContentOpen: f, ribbonObserver: a, updateRibbonOffset: y, startEditor: v, AutoSaveController: oe, Toaster: ne, FilterSelectionDrawer: re, HeaderWrapper: se, LoadingWrapper: ie, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ce };
+    }), { __sfc: !0, PreviewContainer: W, OnboardingWrapper: x, headerWrapperRef: g, wrapperRef: l, dynamicContentStore: u, unsubscribeStore: S, props: i, configStore: o, editorStore: c, previewStore: $, hasChanges: m, isTestPartner: G, saveSilent: h, setLoading: b, emit: n, buildMetadata: p, initPlugin: E, preloadRuntime: w, getDefaultTemplate: C, cloneTimersOnSave: D, hasTimerBlocks: T, noHeader: H, insertDynamicContent: L, closeDynamicContent: R, handleDynamicContentOpen: f, ribbonObserver: a, updateRibbonOffset: y, startEditor: v, AutoSaveController: oe, Toaster: ne, FilterSelectionDrawer: re, HeaderWrapper: se, LoadingWrapper: ie, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ce };
   }
 });
 export {

package/dist/components/organisms/header/EditorActions.vue.js

@@ -15,7 +15,7 @@ var u = function() {
   p,
   !1,
   null,
-  "4c9f1588"
+  "6e711fd7"
 );
 const v = c.exports;
 export {

package/dist/components/organisms/header/EditorActions.vue2.js

@@ -1,74 +1,66 @@
-import { defineComponent as q, ref as a, computed as T } from "vue";
-import { useActionsApi as D } from "../../../composables/useActionsApi.js";
-import { useConfig as F } from "../../../composables/useConfig.js";
-import { useExport as b } from "../../../composables/useExport.js";
-import { useTestEmailClick as k } from "../../../composables/useGuidoActions.js";
-import { useHtmlCompiler as B } from "../../../composables/useHtmlCompiler.js";
-import { useSave as I } from "../../../composables/useSave.js";
-import { useToaster as L } from "../../../composables/useToaster.js";
-import { useTranslations as R } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as z } from "../../../composables/useVersionHistoryApi.js";
-import { useLiquidValidator as G } from "../../../composables/validators/useLiquidValidator.js";
-import { useEditorStore as P } from "../../../stores/editor.js";
-import { useTemplateStore as U } from "../../../stores/template.js";
+import { defineComponent as O, ref as n, computed as h } from "vue";
+import { useActionsApi as q } from "../../../composables/useActionsApi.js";
+import { useConfig as b } from "../../../composables/useConfig.js";
+import { useExport as k } from "../../../composables/useExport.js";
+import { useTestEmailClick as B } from "../../../composables/useGuidoActions.js";
+import { useHtmlCompiler as D } from "../../../composables/useHtmlCompiler.js";
+import { useSave as F } from "../../../composables/useSave.js";
+import { useTranslations as L } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as R } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as z } from "../../../composables/validators/useLiquidValidator.js";
+import { useEditorStore as I } from "../../../stores/editor.js";
+import { useTemplateStore as P } from "../../../stores/template.js";
 import { getTooltipOptions as j } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as J } from "@useinsider/design-system-vue";
-import { storeToRefs as K } from "pinia";
-import N from "./MigrationConfirmModal.vue.js";
-const pt = /* @__PURE__ */ q({
+import { InButtonV2 as G } from "@useinsider/design-system-vue";
+import { storeToRefs as J } from "pinia";
+import K from "./MigrationConfirmModal.vue.js";
+const ut = /* @__PURE__ */ O({
   __name: "EditorActions",
-  setup(Q, { expose: x }) {
-    const { config: n, isFeatureEnabled: l } = F(), { exportHtml: m } = b(), { save: u } = I(), { openVersionHistory: c, closeVersionHistory: f } = z(), { getCompiledEmail: p } = D(), { compileHtml: d } = B(), { validateLiquidSyntax: v } = G(), { handleError: y } = L(), e = P(), g = U(), { hasMigrations: S } = K(g), r = R(), s = a(!1), i = a(!1), H = a(), V = k(), _ = () => {
+  setup(N, { expose: x }) {
+    const { config: a, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: u } = F(), { openVersionHistory: c, closeVersionHistory: p } = R(), { getCompiledEmail: f } = q(), { compileHtml: d } = D(), { validateLiquidSyntax: v } = z(), e = I(), y = P(), { hasMigrations: g } = J(y), s = L(), i = n(!1), r = n(!1), S = n(), H = B(), T = () => {
       if (e.isVersionHistoryOpen) {
-        f();
+        p();
         return;
       }
       c();
     }, w = async () => {
-      s.value = !0, await m(), s.value = !1;
-    }, A = () => {
+      i.value = !0, await m(), i.value = !1;
+    }, _ = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, C = T(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), O = T(
+    }, C = h(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), A = h(
       () => {
-        var o, t;
-        return ((t = (o = n.value) == null ? void 0 : o.features) == null ? void 0 : t.versionHistory) && !e.isPreviewModeOpen;
+        var t, o;
+        return ((o = (t = a.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), E = async (o) => {
-      i.value = !0, o || (e.loadingStatus = !0);
-      try {
-        const t = await u(o);
-        return !o && !t && (e.loadingStatus = !1), t;
-      } catch (t) {
-        console.error("[GUIDO_SAVE] save failed", t), y(t, "Failed to save template"), o || (e.loadingStatus = !1);
+    ), V = async (t) => {
+      r.value = !0, t || (e.loadingStatus = !0);
+      const o = await u(t);
+      return r.value = !1, !t && !o && (e.loadingStatus = !1), o;
+    }, E = (t) => {
+      var o;
+      if (!t && g.value) {
+        (o = S.value) == null || o.open();
         return;
-      } finally {
-        i.value = !1;
       }
-    }, h = (o) => {
-      var t;
-      if (!o && S.value) {
-        (t = H.value) == null || t.open();
-        return;
-      }
-      return E(o);
+      return V(t);
     }, M = async () => {
       if (l("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: o } = await p({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: t } = d(o);
-          if (!await v(t))
+          const { html: t } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = d(t);
+          if (!await v(o))
             return;
         } finally {
           e.loadingStatus = !1;
         }
       }
-      V();
+      H();
     };
     return x({
-      handleSave: h
-    }), { __sfc: !0, config: n, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: f, getCompiledEmail: p, compileHtml: d, validateLiquidSyntax: v, handleError: y, editorStore: e, templateStore: g, hasMigrations: S, trans: r, isExporting: s, isSaving: i, migrationModalRef: H, testEmailClick: V, handleVersionHistory: _, handleExport: w, handleSaveAs: A, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: O, executeSave: E, handleSave: h, handleTestEmail: M, getTooltipOptions: j, InButtonV2: J, MigrationConfirmModal: N };
+      handleSave: E
+    }), { __sfc: !0, config: a, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, editorStore: e, templateStore: y, hasMigrations: g, trans: s, isExporting: i, isSaving: r, migrationModalRef: S, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
   }
 });
 export {
-  pt as default
+  ut as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,48 +1,46 @@
-import { defineComponent as O, computed as e, onMounted as b, watch as t } from "vue";
+import { defineComponent as b, computed as e, onMounted as O, watch as t } from "vue";
 import u from "./AMPOnboarding.vue.js";
-import l from "./GenericOnboarding.vue.js";
-import v from "./ItemsOnboarding.vue.js";
-import h from "./NewVersionPopup.vue.js";
-import y from "./TextBlockOnboarding.vue.js";
-import S from "./VersionHistoryOnboarding.vue.js";
-import { usePartner as P } from "../../../composables/usePartner.js";
-import { useEditorStore as w } from "../../../stores/editor.js";
+import v from "./GenericOnboarding.vue.js";
+import l from "./ItemsOnboarding.vue.js";
+import y from "./NewVersionPopup.vue.js";
+import S from "./TextBlockOnboarding.vue.js";
+import h from "./VersionHistoryOnboarding.vue.js";
+import { usePartner as w } from "../../../composables/usePartner.js";
+import { useEditorStore as P } from "../../../stores/editor.js";
 import { useOnboardingStore as _ } from "../../../stores/onboarding.js";
 import { usePreviewStore as A } from "../../../stores/preview.js";
-const R = /* @__PURE__ */ O({
+const G = /* @__PURE__ */ b({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
   setup(H, { emit: f }) {
-    const r = _(), n = w(), s = A(), { isTestPartner: a } = P(), p = e(() => n.isStripoInitialized), d = e(() => a()), m = [
-      { type: "newVersionPopup", component: h },
-      { type: "genericOnboarding", component: l },
-      { type: "textBlockOnboarding", component: y },
-      { type: "versionHistoryOnboarding", component: S },
+    const o = _(), r = P(), s = A(), { isTestPartner: a } = w(), p = e(() => r.isStripoInitialized), d = e(() => a()), m = [
+      { type: "newVersionPopup", component: y },
+      { type: "genericOnboarding", component: v },
+      { type: "textBlockOnboarding", component: S },
+      { type: "versionHistoryOnboarding", component: h },
       { type: "ampOnboarding", component: u },
-      { type: "itemsOnboarding", component: v }
-    ], c = (o) => d.value || !p.value ? !1 : o === "newVersionPopup" ? r.shouldShowOnboarding(o) : r.isActive(o), g = e(() => m.filter((o) => c(o.type)));
-    return b(() => {
-      r.fetchUserModalState().catch((o) => {
-        console.error("[GUIDO_ONBOARDING] user modal state prefetch failed", o);
-      });
+      { type: "itemsOnboarding", component: l }
+    ], c = (n) => d.value || !p.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), g = e(() => m.filter((n) => c(n.type)));
+    return O(async () => {
+      await o.fetchUserModalState();
     }), t(
-      () => n.isVersionHistoryOpen,
-      (o, i) => {
-        o && !i && r.shouldShowOnboarding("versionHistoryOnboarding") && r.start("versionHistoryOnboarding"), !o && i && r.isActive("versionHistoryOnboarding") && r.close("versionHistoryOnboarding");
+      () => r.isVersionHistoryOpen,
+      (n, i) => {
+        n && !i && o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding"), !n && i && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
       }
     ), t(
       () => s.emailFormat,
-      (o, i) => {
-        i !== "AMP" && o === "AMP" && r.shouldShowOnboarding("ampOnboarding") && r.start("ampOnboarding");
+      (n, i) => {
+        i !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
       }
     ), t(
-      () => n.isPreviewModeOpen,
-      (o) => {
-        !o && r.isActive("ampOnboarding") && r.close("ampOnboarding");
+      () => r.isPreviewModeOpen,
+      (n) => {
+        !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: f, onboardingStore: r, editorStore: n, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
+    ), { __sfc: !0, emit: f, onboardingStore: o, editorStore: r, previewStore: s, isTestPartner: a, isStripoReady: p, isTestPartnerActive: d, onboardingConfigs: m, shouldShow: c, visibleOnboardings: g };
   }
 });
 export {
-  R as default
+  G as default
 };

package/dist/composables/useCortexBlueprintBridge.js

@@ -1,59 +1,95 @@
-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 { resetEmailTemplateApplier as R, useEmailTemplateApplier as q } from "./useEmailTemplateApplier.js";
+import { useToaster as x } from "./useToaster.js";
+import { useTranslations as H } from "./useTranslations.js";
+import { ToasterTypeOptions as K } from "../enums/toaster.js";
+import { useGuidoEmailEditorStore as L } from "../stores/guido-email-editor.js";
+import { getActivePinia as g } from "pinia";
+import { onUnmounted as k, watch as G } from "vue";
+const U = "email_template", C = "chat", F = "guido:debug:ai", O = () => {
   if (typeof window > "u")
     return !1;
   try {
-    return window.localStorage.getItem(M) === "1";
+    return window.localStorage.getItem(F) === "1";
   } catch {
     return !1;
   }
-}, H = () => {
-  const c = v();
-  if (!c)
+}, X = () => {
+  const T = g();
+  if (!T)
     return;
-  const l = c._s, p = l == null ? void 0 : l.get(L);
-  if (!p)
+  const s = L();
+  s.$patch((e) => {
+    e.bridgeActive = !0, e.applyAcks = {};
+  }), k(() => {
+    s.$patch((e) => {
+      e.bridgeActive = !1, e.applyAcks = {};
+    }), R();
+  });
+  const u = T._s, d = u == null ? void 0 : u.get(C);
+  if (!d)
     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 { markPending: v, applyTemplate: _, applyTemplateDebounced: S } = q(), { showToaster: $ } = x(), M = H(), B = (e, t) => {
+    const i = M(e);
+    return i === e ? t : i;
+  }, a = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Set(), b = O(), D = (e, t) => {
+    b && console.debug(`[guido:cortex] msg=${e ?? "?"} type=${(t == null ? void 0 : t.type) ?? "?"}`, t);
+  }, A = (e, t, i, r) => {
+    s.$patch((n) => {
+      const o = n.applyAcks[e], l = Math.max(Date.now(), ((o == null ? void 0 : o.ackAt) ?? 0) + 1);
+      n.applyAcks = {
+        ...n.applyAcks,
+        [e]: { status: t, ackAt: l, requestedAt: i, ...r !== void 0 ? { error: r } : {} }
+      };
+    });
+  }, I = (e) => {
+    if (e.blueprintType !== U)
+      return;
+    const t = e.blueprintId, i = e.blueprintData;
+    if (!t || !(i != null && i.html))
       return;
-    const t = r.blueprintId, e = r.blueprintData;
-    if (!t || !(e != null && e.html))
+    if (!e.applyRequested) {
+      v(t);
       return;
-    if (!r.applyRequested) {
-      d(t);
+    }
+    const r = `${t}:${e.version ?? 1}`, n = e.applyRequestedAt ?? 0, { html: o } = i, l = a.get(t), y = p.get(r);
+    if (l === void 0 && y === void 0 && (d.appliedBlueprintKeys ?? []).includes(r)) {
+      a.set(t, o), p.set(r, n), c.set(r, o);
       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) => {
+    const h = (m) => {
+      if (c.set(r, o), l === o) {
+        A(r, "applied", n);
+        return;
+      }
+      (m ? _(t, i) : S(t, i)).then((E) => {
+        if (E.status !== "superseded") {
+          if (E.status === "applied") {
+            a.set(t, o), A(r, "applied", n);
+            return;
+          }
+          A(r, "failed", n, E.error);
+        }
+      });
+    };
+    y === void 0 || n > y ? (p.set(r, n), h(!0)) : l !== o && c.get(r) !== o && h(!1);
+  }, w = (e) => e === void 0 || f.has(e) ? !1 : (f.add(e), $({
+    type: K.Error,
+    message: B("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
+  }), !0), P = G(
+    () => d.messages,
+    (e) => {
+      Array.isArray(e) && e.forEach((t) => {
+        const i = t == null ? void 0 : t.id;
+        (t == null ? void 0 : t.isError) === !0 && w(i) && b && console.debug(`[guido:cortex] message-level error id=${i}`, t);
+        const r = t == null ? void 0 : t.segments;
+        Array.isArray(r) && r.forEach((n) => {
           if (n)
-            switch (A(e, n), n.type) {
+            switch (D(i, n), n.type) {
               case "blueprint":
-                b(n);
+                I(n);
                 break;
               case "error":
-                s(e);
+                w(i);
                 break;
             }
         });
@@ -61,10 +97,10 @@ const x = "email_template", L = "chat", M = "guido:debug:ai", R = () => {
     },
     { deep: !0, immediate: !0 }
   );
-  D(() => {
-    m(), i.clear(), a.clear(), _();
+  k(() => {
+    P(), a.clear(), p.clear(), c.clear(), f.clear();
   });
 };
 export {
-  H as useCortexBlueprintBridge
+  X as useCortexBlueprintBridge
 };

package/dist/composables/useEmailTemplateApplier.js

@@ -1,57 +1,97 @@
-import { useActionsApi as d } from "./useActionsApi.js";
-import { useConfig as D } from "./useConfig.js";
-import { useToaster as h } 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 S } from "../utils/genericUtil.js";
-import { extractUsedDynamicContent as O } from "../utils/registerUsedDynamicContent.js";
-import { ref as U } from "vue";
-const w = 250, o = U({}), s = {}, u = /* @__PURE__ */ new Map(), z = () => {
-  const { updateHtmlAndCss: c } = d(), { showToaster: m } = h(), y = E(), { template: T } = D(), v = A(), g = (e, t) => {
-    const a = y(e);
-    return a === e ? t : a;
-  }, C = (e) => {
+import { useActionsApi as P } from "./useActionsApi.js";
+import { useConfig as U } from "./useConfig.js";
+import { useToaster as O } from "./useToaster.js";
+import { useTranslations as M } from "./useTranslations.js";
+import { ToasterTypeOptions as p } from "../enums/toaster.js";
+import { useDynamicContentStore as Q } from "../stores/dynamic-content.js";
+import { useEditorStore as _ } from "../stores/editor.js";
+import { flattenDynamicContentList as k } from "../utils/genericUtil.js";
+import { extractUsedDynamicContent as z } from "../utils/registerUsedDynamicContent.js";
+import { ref as H, watch as N } from "vue";
+const j = 250, x = 12e4, o = H({}), m = {}, n = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), B = () => {
+  var r, l;
+  return typeof ((l = (r = window.StripoEditorApi) == null ? void 0 : r.actionsApi) == null ? void 0 : l.updateHtmlAndCss) == "function";
+}, b = () => {
+  const { updateHtmlAndCss: r } = P(), { showToaster: l } = O(), h = M(), { template: C } = U(), w = Q(), u = _(), f = (e, t) => {
+    const s = h(e);
+    return s === e ? t : s;
+  }, A = (e) => {
     o.value[e] === void 0 && (o.value = { ...o.value, [e]: "pending" });
-  }, l = (e, t, a) => {
-    var n;
+  }, d = (e, t, s) => {
+    var c;
     o.value = { ...o.value, [e]: "applying" };
     try {
-      c(t, a), o.value = { ...o.value, [e]: "applied" };
+      r(t, s), o.value = { ...o.value, [e]: "applied" };
       try {
-        const r = S((n = T.value) == null ? void 0 : n.dynamicContentList), p = O(t, r);
-        p.length > 0 && v.registerDynamicContent(p);
+        const a = k((c = C.value) == null ? void 0 : c.dynamicContentList), i = z(t, a);
+        i.length > 0 && w.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 (r) {
-      o.value = { ...o.value, [e]: "failed" }, m({
-        type: f.Error,
-        message: r instanceof Error ? r.message : "Failed to apply template"
-      });
+      return g.get(e) !== t && (g.set(e, t), l({
+        type: p.Success,
+        message: f("newsletter.ai-template-applied", "Template applied to the editor")
+      })), { status: "applied" };
+    } catch (a) {
+      const i = a instanceof Error ? a.message : "Failed to apply template";
+      return o.value = { ...o.value, [e]: "failed" }, l({
+        type: p.Error,
+        message: i
+      }), { status: "failed", error: i };
     }
-  }, i = (e) => {
-    const t = s[e];
-    t && (clearTimeout(t), delete s[e]);
+  }, y = (e) => {
+    const t = n.get(e);
+    t && (n.delete(e), clearTimeout(t.timeoutTimer), t.resolve({ status: "superseded" }));
+  }, S = (e, t, s) => (y(e), new Promise((c) => {
+    const a = setTimeout(() => {
+      n.delete(e), o.value = { ...o.value, [e]: "failed" };
+      const i = f(
+        "newsletter.ai-template-apply-timeout",
+        "The editor took too long to load. Please try applying again."
+      );
+      l({ type: p.Error, message: i }), c({ status: "failed", error: i });
+    }, x);
+    n.set(e, { html: t, css: s, resolve: c, timeoutTimer: a });
+  })), T = () => u.isStripoInitialized && B(), D = () => {
+    if (!T() || n.size === 0)
+      return;
+    const e = [...n.entries()];
+    n.clear(), e.forEach(([t, s]) => {
+      clearTimeout(s.timeoutTimer), s.resolve(d(t, s.html, s.css));
+    });
   };
-  return { applyStatus: o, markPending: C, applyTemplate: (e, t) => {
-    t.html && (i(e), l(e, t.html, t.css ?? ""));
-  }, applyTemplateDebounced: (e, t) => {
+  N(
+    () => u.isStripoInitialized,
+    (e) => {
+      e && D();
+    },
+    { immediate: !0 }
+  );
+  const v = (e) => {
+    const t = m[e];
+    t && (clearTimeout(t.timer), delete m[e], t.resolve({ status: "superseded" }));
+  }, E = (e, t, s) => T() ? (y(e), Promise.resolve(d(e, t, s))) : S(e, t, s);
+  return { applyStatus: o, markPending: A, applyTemplate: (e, t) => t.html ? (v(e), E(e, t.html, t.css ?? "")) : Promise.resolve({ status: "superseded" }), applyTemplateDebounced: (e, t) => {
     if (!t.html)
-      return;
-    i(e);
-    const { html: a } = t, n = t.css ?? "";
-    s[e] = setTimeout(() => {
-      delete s[e], l(e, a, n);
-    }, w);
+      return Promise.resolve({ status: "superseded" });
+    v(e);
+    const { html: s } = t, c = t.css ?? "";
+    return new Promise((a) => {
+      m[e] = {
+        resolve: a,
+        timer: setTimeout(() => {
+          delete m[e], a(E(e, s, c));
+        }, j)
+      };
+    });
   } };
-}, G = () => {
-  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((c) => delete s[c]), o.value = {};
+}, I = () => {
+  Object.values(m).forEach((r) => {
+    clearTimeout(r.timer), r.resolve({ status: "superseded" });
+  }), Object.keys(m).forEach((r) => delete m[r]), n.forEach((r) => {
+    clearTimeout(r.timeoutTimer), r.resolve({ status: "superseded" });
+  }), n.clear(), o.value = {};
 };
 export {
-  G as resetEmailTemplateApplier,
-  z as useEmailTemplateApplier
+  I as resetEmailTemplateApplier,
+  b as useEmailTemplateApplier
 };