@useinsider/guido 3.19.0-beta.d04f200 → 3.19.0-beta.e110e88

package/dist/components/Guido.vue2.js

@@ -1,58 +1,57 @@
-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 { 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 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 be from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import he from "./organisms/header/HeaderWrapper.vue.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 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({
+import ye from "./organisms/AutoSaveController.vue.js";
+import ge from "./organisms/base/Toaster.vue.js";
+import ve from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import Se from "./organisms/header/HeaderWrapper.vue.js";
+import be from "./organisms/LoadingWrapper.vue.js";
+import he from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import Ee from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as we } from "../services/stripoApi.js";
+import { useConfigStore as Ce } from "../stores/config.js";
+import { useDynamicContentStore as De } from "../stores/dynamic-content.js";
+import { useEditorStore as H } from "../stores/editor.js";
+import { usePreviewStore as ke } 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 tt = /* @__PURE__ */ re({
   __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(q, { expose: K, emit: r }) {
-    const s = q, V = m(
+  setup(z, { expose: q, emit: r }) {
+    const a = z, K = m(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), j = m(
+    ), V = m(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), J = m(
+    ), j = m(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), Q = m(
+    ), J = m(
       () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
-    ), X = m(
+    ), Q = m(
       () => import("./organisms/extensions/recommendation/LegacyStrategyUpdatedModal.vue.js")
-    ), 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 = () => {
+    ), E = O(), p = O(), f = De(), w = Fe(), o = Ce();
+    a.ready && o.init(a.config);
+    const c = H(), X = ke(), l = u(() => c.hasChanges), { isTestPartner: Y } = le(), C = () => {
       var t;
       return (t = E.value) == null ? void 0 : t.handleSave(!0);
     }, D = (t) => {
       c.loadingStatus = t;
     };
-    ce(), le();
+    ie(), me();
     const y = () => {
       var t, e;
       return {
@@ -60,18 +59,18 @@ const rt = /* @__PURE__ */ ae({
         userId: o.userId,
         username: o.username,
         partnerName: o.partnerName,
-        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || H.SAVED_MODULES,
-        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || H.DEFAULT_MODULES
+        savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || G.SAVED_MODULES,
+        defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || G.DEFAULT_MODULES
       };
-    }, { initPlugin: k, preloadRuntime: F } = pe(), { runExclusive: M, beginMount: R, isCurrentMount: T } = de();
+    }, { initPlugin: k, preloadRuntime: T } = ue(), { runExclusive: F, beginMount: M, isCurrentMount: R } = ce();
     let g = 0;
-    const { getDefaultTemplate: I } = De(), { cloneTimersOnSave: L, hasTimerBlocks: U } = fe(), ee = u(() => {
+    const { getDefaultTemplate: I } = we(), { cloneTimersOnSave: L, hasTimerBlocks: B } = pe(), Z = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
-    }), te = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), oe = u(
+    }), ee = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), te = u(
       () => !!h().recommendationConfigs.strategyId
     );
-    me({
+    de({
       onBack: () => {
         console.debug("guido:back"), r("back");
       },
@@ -86,84 +85,80 @@ const rt = /* @__PURE__ */ ae({
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const A = (t) => {
+    const U = (t) => {
       console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, B = () => {
+    }, A = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    W(() => l.value, () => {
+    x(() => l.value, () => {
       r("on-change", l.value);
     });
-    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);
+    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);
     };
     let i = null;
-    const v = () => {
+    const S = () => {
       var e;
-      const t = document.querySelector(ye);
+      const t = document.querySelector(fe);
       (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) || "", N = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        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) || [];
         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")
-        };
+        const _ = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, N = o.isFeatureEnabled("linkTrackingIds");
         let n = {
-          html: a && await G(a, P, O),
+          html: s && await W(s, _),
           css: d
         };
-        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,
+        n.html || (n = await I(), n.html = await W(n.html, _));
+        const oe = N ? $(n.html, (e == null ? void 0 : e.trackIdCounter) || 0) : 0;
+        B(n.html) && (n.html = await L(n.html)), N && (c.trackIdSessionFloor = Math.max(oe, $(n.html)));
+        const ne = {
+          preselectedDynamicContentList: P,
           onReady: () => {
             console.debug("guido:ready"), r("ready");
           }
         };
-        g = R(), await k(n, y(), re), f.selectedDynamicContentList = N;
+        g = M(), await k(n, y(), ne), f.selectedDynamicContentList = P;
       } 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"), h().$reset(), $().$reset(), Re().$reset(), v();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h().$reset(), H().$reset(), Te().$reset(), S();
       const t = (e = p.value) == null ? void 0 : e.parentElement;
-      if (t && (i = new ResizeObserver(v), i.observe(t)), F(), s.ready)
+      if (t && (i = new ResizeObserver(S), i.observe(t)), T(), a.ready)
         await b();
       else {
-        const a = W(() => s.ready, (d) => {
-          d && (a(), b());
+        const s = x(() => a.ready, (d) => {
+          d && (s(), b());
         });
       }
-      document.addEventListener("dynamic-content:open", S);
-    }), ie(() => {
-      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", S), h().disposeStrategyPageReturn(), M(async () => {
-        if (T(g))
+      document.addEventListener("dynamic-content:open", v);
+    }), ae(() => {
+      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", v), h().disposeStrategyPageReturn(), F(async () => {
+        if (R(g))
           try {
             window.UIEditor.removeEditor();
           } catch {
             console.debug("Failed to remove Stripo editor: No editor found");
           }
       }), o.reset();
-    }), K({
+    }), q({
       dynamicContent: {
-        insert: A,
-        close: B
+        insert: U,
+        close: A
       },
       hasChanges: l,
       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 };
+    }), { __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: T, runExclusive: F, beginMount: M, isCurrentMount: R, mountGeneration: g, getDefaultTemplate: I, cloneTimersOnSave: L, hasTimerBlocks: B, noHeader: Z, isRrsEnabled: ee, hasAssignedStrategy: te, insertDynamicContent: U, closeDynamicContent: A, handleDynamicContentOpen: v, ribbonObserver: i, updateRibbonOffset: S, startEditor: b, AutoSaveController: ye, Toaster: ge, FilterSelectionDrawer: ve, HeaderWrapper: Se, LoadingWrapper: be, SaveAsTemplateDrawer: he, UnsubscribeWrapper: Ee };
   }
 });
 export {
-  rt as default
+  tt as default
 };

package/dist/components/wrappers/WpModal.vue.js

@@ -2,7 +2,7 @@ import r from "./WpModal.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
 var i = function() {
   var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InModalV2, { attrs: { id: t.id, "description-status": "", status: "", "close-button-status": t.closeButtonStatus, "close-on-outside-click": t.closeOnOutsideClick, "description-text": t.description, "footer-button-group-options": t.footerButtonOptions, "footer-status": t.footerStatus, size: t.size, state: t.state, "title-text": t.title }, on: { cancelOrBackButtonEvent: function(n) {
+  return o(e.InModalV2, { attrs: { id: t.id, "description-status": "", status: "", "close-button-status": t.closeButtonStatus, "close-on-outside-click": t.closeOnOutsideClick, "description-text": t.description, "footer-button-group-options": t.footerButtonOptions, "footer-status": t.footerStatus, size: t.size, "title-text": t.title }, on: { cancelOrBackButtonEvent: function(n) {
     return e.emit("close");
   }, onCloseEvent: function(n) {
     return e.emit("close");

package/dist/components/wrappers/WpModal.vue2.js

@@ -1,12 +1,11 @@
 import { defineComponent as e } from "vue";
 import { InModalV2 as o } from "@useinsider/design-system-vue";
-const n = /* @__PURE__ */ e({
+const u = /* @__PURE__ */ e({
   __name: "WpModal",
   props: {
     id: null,
     title: null,
     description: { default: "" },
-    state: { default: "default" },
     size: { default: "small" },
     footerButtonOptions: { default: void 0 },
     closeButtonStatus: { type: Boolean, default: !0 },
@@ -14,10 +13,10 @@ const n = /* @__PURE__ */ e({
     footerStatus: { type: Boolean, default: !0 }
   },
   emits: ["close", "primary-action", "secondary-action"],
-  setup(a, { emit: t }) {
+  setup(l, { emit: t }) {
     return { __sfc: !0, emit: t, InModalV2: o };
   }
 });
 export {
-  n as default
+  u as default
 };

package/dist/composables/useHttp.js

@@ -1,98 +1,88 @@
-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 = {
+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": D(),
+      "X-CSRF-TOKEN": O(),
       Accept: "application/json",
-      // Without this a guest fetch gets a 302 to the login page, never an auth status.
       "X-Requested-With": "XMLHttpRequest"
     },
-    ...g
-  }, x = (e, r) => {
+    ...b
+  }, w = (e, s) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = r || E.baseURL || "";
+    const t = s || v.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, R = (e) => new Promise((r, t) => {
+  }, P = (e) => new Promise((s, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), P = (e) => new Promise((r) => {
-    setTimeout(r, e);
-  }), i = async (e, r, t, W = {}) => {
-    n.value = null, f.value = !0, c.value = new AbortController();
-    const a = { ...E, ...W }, p = x(r, a.baseURL), d = {
+  }), x = (e) => new Promise((s) => {
+    setTimeout(s, e);
+  }), 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: { ...a.headers },
-      signal: c.value.signal,
-      ...a
+      headers: { ...n.headers },
+      signal: u.value.signal,
+      ...n
     };
-    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;
-      }
+    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 (h = 0) => {
       try {
-        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}`, 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,
-            O,
-            new URL(p, window.location.href).href
-          )).catch(() => {
-          }), l;
+        const o = [fetch(D, c)];
+        n.timeout && o.push(P(n.timeout));
+        const r = await Promise.race(o);
+        if (!r.ok) {
+          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 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
+        let f;
+        const l = r.headers.get("content-type");
+        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
+          data: f,
+          status: r.status,
+          statusText: r.statusText,
+          headers: r.headers
         };
       } catch (o) {
-        const s = o instanceof Error && o.name === "AbortError";
-        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;
+        const r = o instanceof Error && o.name === "AbortError";
+        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 v();
+      return await E();
     } finally {
-      f.value = !1, c.value = null;
+      p.value = !1, u.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);
-  }, L = () => {
-    n.value = null;
+  }, 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);
+  }, W = () => {
+    a.value = null;
   };
   return {
-    loading: b,
-    error: w(() => n.value),
+    // State
+    loading: g,
+    error: T(() => a.value),
     hasError: y,
+    // Methods
     request: i,
-    get: A,
-    post: S,
-    put: U,
-    patch: C,
-    delete: $,
-    cancel: q,
-    clearError: L
+    get: C,
+    post: R,
+    put: $,
+    patch: q,
+    delete: A,
+    cancel: U,
+    clearError: W
   };
 };
 export {
-  _ as useHttp
+  X as useHttp
 };

package/dist/composables/useLegacyStrategyConversion.js

@@ -1,23 +1,23 @@
-import { useRecommendation as C } from "./useRecommendation.js";
-import { useToaster as I } from "./useToaster.js";
+import { useRecommendation as I } from "./useRecommendation.js";
+import { useToaster as C } 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 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";
+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";
 const F = () => {
-  const e = b(), r = h(), { buildCampaignUrl: m } = C(), { showToaster: c } = I(), a = v();
+  const e = b(), r = k(), { buildCampaignUrl: m } = I(), { showToaster: i } = C(), c = 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 = k({
+    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = R({
       campaignId: r.campaignId,
       templateLibraryId: r.templateLibraryId
-    }), S = R({
+    }), S = T({
       blockId: t,
       url: m(String(t)),
       campaignId: r.campaignId,
@@ -29,34 +29,30 @@ const F = () => {
     let o;
     try {
       o = await e.convertLegacyStrategy(S, s);
-    } catch (i) {
-      return console.error("[useLegacyStrategyConversion] migration failed", i), c({
+    } catch (n) {
+      return console.error("[useLegacyStrategyConversion] migration failed", n), i({
         type: g.Error,
-        message: a("email-editor.legacy-strategy-migration-failed"),
-        actionButton: {
-          text: a("ds-steps.create-recommendation-strategy"),
-          onClick: () => e.openStrategyCreation()
-        }
+        message: c("email-editor.legacy-strategy-update-failed")
       }), "";
     }
     try {
       await e.fetchStrategyProductsForBlock(t);
-    } catch (i) {
-      console.error("[useLegacyStrategyConversion] product refetch failed", i);
+    } catch (n) {
+      console.error("[useLegacyStrategyConversion] product refetch failed", n);
     }
-    const n = e.blockStates[t];
-    return n ? T(
+    const a = e.blockStates[t];
+    return a ? h(
       t,
       {
         strategyId: o,
-        size: n.recommendationConfigs.size,
+        size: a.recommendationConfigs.size,
         configVersion: L
       },
-      n.recommendationProducts,
+      a.recommendationProducts,
       "Converted legacy recommendation strategy"
-    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), i({
       type: g.Error,
-      message: a("email-editor.legacy-strategy-update-failed")
+      message: c("email-editor.legacy-strategy-update-failed")
     }), "") : o;
   } };
 };

package/dist/composables/useStripo.js

@@ -17,21 +17,21 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const he = () => {
-  const { features: c, template: u, isFeatureEnabled: p } = H(), { handleError: m, showToaster: v } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
+  const { features: c, template: u, isFeatureEnabled: m } = H(), { handleError: p, showToaster: B } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((i, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      r();
+      i();
       return;
     }
-    const o = Z.guido, i = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = i, e.onload = () => r(), e.onerror = () => {
-      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${i}`));
+    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
+      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
     }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
-  }), n), D = async (r, s, o, a = [], i = !1) => {
+  }), n), D = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = k(), { html: d, css: R } = r, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    const e = k(), { html: d, css: R } = i, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
     w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -45,7 +45,7 @@ const he = () => {
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !p("liquidSyntax"),
+        customAppearanceMergetags: !m("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
         customViewStyles: Q,
@@ -53,7 +53,7 @@ const he = () => {
         customConditionsEnabled: S,
         enableXSSSecurity: !0,
         modulesDisabled: U,
-        syncModulesEnabled: i,
+        syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -74,16 +74,16 @@ const he = () => {
             entries: W(
               o.preselectedDynamicContentList,
               Y((C = u.value) == null ? void 0 : C.dynamicContentList),
-              p("liquidSyntax")
+              m("liquidSyntax")
             )
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const l = await B();
+            const l = await M();
             t(l);
           } catch (l) {
-            m(l, "Failed to refresh token");
+            p(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
@@ -93,7 +93,7 @@ const he = () => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            m(t, "Failed to load custom interface appearance");
+            p(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -111,31 +111,27 @@ const he = () => {
         onEvent: F,
         onModuleAdd: A,
         notifications: _(),
-        // Stripo deselects the block on any click outside the canvas, so every surface
-        // that belongs to the block's own flow has to be listed here (SD-153273).
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
-          ".in-drawer__container",
-          ".in-modal-v2-wrapper",
-          ".in-toasts-wrapper"
+          ".in-drawer__container"
         ],
         extensions: P,
         localePatch: J
       }
     );
   };
-  return { initPlugin: async (r, s, o) => {
+  return { initPlugin: async (i, s, o) => {
     const a = k();
     try {
       await f();
-      const [i, e] = await Promise.all([
-        M(),
-        T()
+      const [r, e] = await Promise.all([
+        T(),
+        v()
       ]);
-      a.syncModulesEnabled = e, await D(r, s, o, i, e);
+      a.syncModulesEnabled = e, await D(i, s, o, r, e);
     } catch {
-      a.loadingStatus = !1, v({
+      a.loadingStatus = !1, B({
         type: X.Error,
         message: b["An error has occurred. Please report the error code to support."],
         actionButton: {