@useinsider/guido 3.19.0-beta.3d545d6 → 3.19.0-beta.400eb14

package/dist/components/Guido.vue2.js

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

package/dist/components/organisms/base/AuthErrorModal.vue.js

@@ -2,17 +2,17 @@ import e from "./AuthErrorModal.vue2.js";
 /* empty css                    */
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var a = function() {
-  var r = this, t = r._self._c, o = r._self._setupProxy;
-  return o.authError ? t("div", { staticClass: "auth-error-modal" }, [t(o.WpModal, { attrs: { id: "guido__auth-error-modal", state: "warning", "close-button-status": !1, "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("action-builder.session-expired") }, on: { close: o.recover, "primary-action": o.recover } }, [t("p", [r._v(r._s(o.message))])])], 1) : r._e();
+  var o = this, r = o._self._c, t = o._self._setupProxy;
+  return t.authError ? r("div", { staticClass: "auth-error-modal" }, [r(t.WpModal, { attrs: { id: "guido__auth-error-modal", state: "warning", "close-button-status": !1, "close-on-outside-click": !1, "footer-button-options": t.footerButtonOptions, title: t.title }, on: { close: t.dismiss, "primary-action": t.recover } }, [r("p", [o._v(o._s(t.message))])])], 1) : o._e();
 }, n = [], i = /* @__PURE__ */ s(
   e,
   a,
   n,
   !1,
   null,
-  "4f4ce4cc"
+  "b4d7ae51"
 );
-const f = i.exports;
+const m = i.exports;
 export {
-  f as default
+  m as default
 };

package/dist/components/organisms/base/AuthErrorModal.vue2.js

@@ -1,27 +1,40 @@
-import { defineComponent as i, computed as e } from "vue";
-import u from "../../wrappers/WpModal.vue.js";
-import { useAuthError as c } from "../../../composables/useAuthError.js";
-import { useTranslations as p } from "../../../composables/useTranslations.js";
-const _ = /* @__PURE__ */ i({
+import { defineComponent as c, computed as n } from "vue";
+import p from "../../wrappers/WpModal.vue.js";
+import { useAuthError as d } from "../../../composables/useAuthError.js";
+import { useTranslations as m } from "../../../composables/useTranslations.js";
+const _ = /* @__PURE__ */ c({
   __name: "AuthErrorModal",
-  setup(l) {
-    const o = p(), { authError: t } = c(), r = e(() => {
-      var n;
-      return ((n = t.value) == null ? void 0 : n.status) === 419;
-    }), s = e(() => r.value ? o("settings.session-on-another-device") : o("journey-builder.login-session-expired")), a = e(() => ({
+  setup(v) {
+    const e = m(), { authError: t } = d(), r = n(() => {
+      var o;
+      return ((o = t.value) == null ? void 0 : o.status) === 419 && t.value.data !== null;
+    }), s = n(() => {
+      var o;
+      return ((o = t.value) == null ? void 0 : o.status) === 419 && t.value.data === null;
+    }), i = n(() => r.value ? e("integration-hub.reload-this-page") : e("action-builder.session-expired")), u = n(() => r.value ? e("auth.error-occurred-refresh") : s.value ? e("settings.session-on-another-device") : e("journey-builder.login-session-expired")), l = n(() => ({
       primaryButton: {
         type: "primary",
-        labelText: o("journey-builder.login-popup-button")
+        labelText: r.value ? e("integration-hub.reload") : e("journey-builder.login-popup-button")
       },
       cancelOrBackButton: {
         type: "secondary",
         styling: "ghost",
-        labelText: o("settings.cancel")
+        labelText: e("settings.cancel")
       }
-    }));
-    return { __sfc: !0, trans: o, authError: t, isTakenOver: r, message: s, footerButtonOptions: a, recover: () => {
-      window.location.replace("/login");
-    }, WpModal: u };
+    })), a = () => {
+      if (r.value) {
+        window.location.reload();
+        return;
+      }
+      window.location.replace("/");
+    };
+    return { __sfc: !0, trans: e, authError: t, isPageExpired: r, isTakenOver: s, title: i, message: u, footerButtonOptions: l, recover: a, dismiss: () => {
+      if (r.value) {
+        t.value = null;
+        return;
+      }
+      a();
+    }, WpModal: p };
   }
 });
 export {

package/dist/composables/useAuthError.js

@@ -46,6 +46,7 @@ const d = ["accessExpired", "domainRestricted", "ipRestricted", "insiderAccessRe
   e !== 401 && e !== 419 || n.value || (window.isSessionExpired = !0, n.value = { status: e, data: r });
 }, T = () => ({ authError: n });
 export {
+  a as isPanelOrigin,
   R as reportAuthError,
   T as useAuthError
 };

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

@@ -1,15 +1,15 @@
-import { getCsrfToken as O } from "../utils/genericUtil.js";
-import { ref as m, computed as T } from "vue";
-import { reportAuthError as j } from "./useAuthError.js";
-const X = [401, 403, 419], N = (g = {}) => {
-  const h = m(!1), n = m(null), c = m(null), b = T(() => h.value), y = T(() => n.value !== null), w = {
+import { getCsrfToken as D } from "../utils/genericUtil.js";
+import { ref as T, computed as w } from "vue";
+import { isPanelOrigin as j, reportAuthError as X } from "./useAuthError.js";
+const k = [401, 403, 419], _ = (g = {}) => {
+  const f = T(!1), n = T(null), c = T(null), b = w(() => f.value), y = w(() => n.value !== null), E = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": O(),
+      "X-CSRF-TOKEN": D(),
       Accept: "application/json",
       // Without this a guest fetch gets a 302 to the login page, never an auth status.
       "X-Requested-With": "XMLHttpRequest"
@@ -18,58 +18,61 @@ const X = [401, 403, 419], N = (g = {}) => {
   }, x = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = r || w.baseURL || "";
+    const t = r || E.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((r, t) => {
+  }, R = (e) => new Promise((r, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), R = (e) => new Promise((r) => {
+  }), P = (e) => new Promise((r) => {
     setTimeout(r, e);
   }), i = async (e, r, t, W = {}) => {
-    n.value = null, h.value = !0, c.value = new AbortController();
-    const a = { ...w, ...W }, E = x(r, a.baseURL), f = {
+    n.value = null, f.value = !0, c.value = new AbortController();
+    const a = { ...E, ...W }, p = x(r, a.baseURL), d = {
       method: e,
       headers: { ...a.headers },
       signal: c.value.signal,
       ...a
     };
-    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete f.headers["Content-Type"], f.body = t) : f.body = JSON.stringify(t));
-    const v = async (p = 0) => {
-      if (window.isSessionExpired)
-        throw n.value = { message: "Session expired" }, new Error("Session expired");
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete d.headers["Content-Type"], d.body = t) : d.body = JSON.stringify(t));
+    const v = async (m = 0) => {
+      if (window.isSessionExpired) {
+        n.value = { message: "Session expired", authReported: !0 };
+        const o = new Error("Session expired");
+        throw o.authReported = !0, o;
+      }
       try {
-        const o = [fetch(E, f)];
-        a.timeout && o.push(P(a.timeout));
+        const o = [fetch(p, d)];
+        a.timeout && o.push(R(a.timeout));
         const s = await Promise.race(o);
         if (!s.ok) {
-          const H = `HTTP Error: ${s.status} ${s.statusText}`, u = new Error(H);
-          throw u.status = s.status, u.statusText = s.statusText, u.response = s, u.authReported = X.includes(s.status), u.authReported && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((D) => j(
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, l = new Error(H);
+          throw l.status = s.status, l.statusText = s.statusText, l.response = s, l.authReported = k.includes(s.status) && j(p), l.authReported && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((O) => X(
             s.status,
-            D,
-            new URL(E, window.location.href).href
+            O,
+            new URL(p, window.location.href).href
           )).catch(() => {
-          }), u;
+          }), l;
         }
-        let d;
-        const l = s.headers.get("content-type");
-        return l != null && l.includes("application/json") ? d = await s.json() : l != null && l.includes("text/") ? d = await s.text() : d = await s.blob(), {
-          data: d,
+        let h;
+        const u = s.headers.get("content-type");
+        return u != null && u.includes("application/json") ? h = await s.json() : u != null && u.includes("text/") ? h = await s.text() : h = await s.blob(), {
+          data: h,
           status: s.status,
           statusText: s.statusText,
           headers: s.headers
         };
       } catch (o) {
         const s = o instanceof Error && o.name === "AbortError";
-        if (p < (a.retry || 0) && !s)
-          return await R(a.retryDelay || 1e3), v(p + 1);
+        if (m < (a.retry || 0) && !s)
+          return await P(a.retryDelay || 1e3), v(m + 1);
         throw o instanceof Error ? o.name === "AbortError" ? n.value = { message: "Request was cancelled" } : n.value = { message: o.message } : n.value = o, o;
       }
     };
     try {
       return await v();
     } finally {
-      h.value = !1, c.value = null;
+      f.value = !1, c.value = null;
     }
   }, A = (e, r) => i("GET", e, void 0, r), S = (e, r, t) => i("POST", e, r, t), U = (e, r, t) => i("PUT", e, r, t), C = (e, r, t) => i("PATCH", e, r, t), $ = (e, r) => i("DELETE", e, void 0, r), q = (e) => {
     c.value && c.value.abort(e);
@@ -78,7 +81,7 @@ const X = [401, 403, 419], N = (g = {}) => {
   };
   return {
     loading: b,
-    error: T(() => n.value),
+    error: w(() => n.value),
     hasError: y,
     request: i,
     get: A,
@@ -91,5 +94,5 @@ const X = [401, 403, 419], N = (g = {}) => {
   };
 };
 export {
-  N as useHttp
+  _ as useHttp
 };

package/dist/composables/useLegacyStrategyConversion.js

@@ -1,23 +1,23 @@
-import { useRecommendation as I } from "./useRecommendation.js";
-import { useToaster as C } from "./useToaster.js";
+import { useRecommendation as C } from "./useRecommendation.js";
+import { useToaster as I } from "./useToaster.js";
 import { useTranslations as v } from "./useTranslations.js";
 import { ToasterTypeOptions as g } from "../enums/toaster.js";
 import "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { CURRENT_CONFIG_VERSION as L } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { resolveMigrationTarget as R, buildLegacyMigrationPayload as T } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
-import { commitBlockChangeOutsidePanel as h } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
-import { useConfigStore as k } from "../stores/config.js";
+import { resolveMigrationTarget as k, buildLegacyMigrationPayload as R } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
+import { commitBlockChangeOutsidePanel as T } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { useConfigStore as h } from "../stores/config.js";
 const F = () => {
-  const e = b(), r = k(), { buildCampaignUrl: m } = I(), { showToaster: i } = C(), c = v();
+  const e = b(), r = h(), { buildCampaignUrl: m } = C(), { showToaster: c } = I(), a = v();
   return { convertLegacyStrategy: async () => {
     const t = e.currentRecommendationId;
     if (t === null || !e.isLegacyStrategyBlock || e.legacyConversionLoading)
       return "";
-    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = R({
+    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = k({
       campaignId: r.campaignId,
       templateLibraryId: r.templateLibraryId
-    }), S = T({
+    }), S = R({
       blockId: t,
       url: m(String(t)),
       campaignId: r.campaignId,
@@ -29,30 +29,34 @@ const F = () => {
     let o;
     try {
       o = await e.convertLegacyStrategy(S, s);
-    } catch (n) {
-      return console.error("[useLegacyStrategyConversion] migration failed", n), i({
+    } catch (i) {
+      return console.error("[useLegacyStrategyConversion] migration failed", i), c({
         type: g.Error,
-        message: c("email-editor.legacy-strategy-update-failed")
+        message: a("email-editor.legacy-strategy-migration-failed"),
+        actionButton: {
+          text: a("ds-steps.create-recommendation-strategy"),
+          onClick: () => e.openStrategyCreation()
+        }
       }), "";
     }
     try {
       await e.fetchStrategyProductsForBlock(t);
-    } catch (n) {
-      console.error("[useLegacyStrategyConversion] product refetch failed", n);
+    } catch (i) {
+      console.error("[useLegacyStrategyConversion] product refetch failed", i);
     }
-    const a = e.blockStates[t];
-    return a ? h(
+    const n = e.blockStates[t];
+    return n ? T(
       t,
       {
         strategyId: o,
-        size: a.recommendationConfigs.size,
+        size: n.recommendationConfigs.size,
         configVersion: L
       },
-      a.recommendationProducts,
+      n.recommendationProducts,
       "Converted legacy recommendation strategy"
-    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), i({
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
       type: g.Error,
-      message: c("email-editor.legacy-strategy-update-failed")
+      message: a("email-editor.legacy-strategy-update-failed")
     }), "") : o;
   } };
 };