@useinsider/guido 3.19.0-beta.3906ea8 → 3.19.0-beta.421f9dd

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

@@ -9,15 +9,15 @@ var u = function() {
   } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
   } } })], 1);
-}, p = [], c = /* @__PURE__ */ d(
+}, c = [], p = /* @__PURE__ */ d(
   l,
   u,
-  p,
+  c,
   !1,
   null,
-  "1ca6baf0"
+  "c61cc8ea"
 );
-const v = c.exports;
+const v = p.exports;
 export {
   v as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as l, computed as w } from "vue";
+import { defineComponent as q, ref as n, computed as x } from "vue";
 import { useActionsApi as b } from "../../../composables/useActionsApi.js";
 import { useConfig as k } from "../../../composables/useConfig.js";
 import { useExport as B } from "../../../composables/useExport.js";
@@ -17,48 +17,46 @@ import { storeToRefs as Q } from "pinia";
 import U from "./MigrationConfirmModal.vue.js";
 const ft = /* @__PURE__ */ q({
   __name: "EditorActions",
-  setup(W, { expose: x }) {
-    const { config: m, isFeatureEnabled: c } = k(), { exportHtml: p } = B(), { save: u } = R(), { openVersionHistory: f, closeVersionHistory: d } = P(), { getCompiledEmail: v } = b(), { compileHtml: y } = L(), { validateLiquidSyntax: g } = j(), { handleError: r } = z(), e = G(), h = J(), { hasMigrations: H } = Q(h), s = I(), i = l(!1), a = l(!1), S = l(), V = D(), _ = () => {
+  setup(W, { expose: w }) {
+    const { config: l, isFeatureEnabled: m } = k(), { exportHtml: c } = B(), { save: p } = R(), { openVersionHistory: u, closeVersionHistory: f } = P(), { getCompiledEmail: d } = b(), { compileHtml: v } = L(), { validateLiquidSyntax: y } = j(), { handleError: r } = z(), e = G(), g = J(), { hasMigrations: S } = Q(g), s = I(), i = n(!1), a = n(!1), H = n(), h = D(), _ = () => {
       if (e.isVersionHistoryOpen) {
-        d();
+        f();
         return;
       }
-      f();
+      u();
     }, C = async () => {
-      i.value = !0, await p(), i.value = !1;
+      i.value = !0, await c(), i.value = !1;
     }, A = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, M = w(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = w(
+    }, M = x(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = x(
       () => {
         var t, o;
-        return ((o = (t = m.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        return ((o = (t = l.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), E = async (t) => {
+    ), V = async (t) => {
       a.value = !0, t || (e.loadingStatus = !0);
       let o;
       try {
-        o = await u(t);
-      } catch (n) {
-        if (t)
-          throw n;
-        r(n, "Failed to save template");
+        o = await p(t);
+      } catch (T) {
+        r(T, "Failed to save template");
       } finally {
         a.value = !1, !t && !o && (e.loadingStatus = !1);
       }
       return o;
-    }, T = (t) => {
+    }, E = (t) => {
       var o;
-      if (!t && H.value) {
-        (o = S.value) == null || o.open();
+      if (!t && S.value) {
+        (o = H.value) == null || o.open();
         return;
       }
-      return E(t);
+      return V(t);
     }, F = async () => {
-      if (c("liquidSyntax")) {
+      if (m("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
-          if (!await g(o))
+          const { html: t } = await d({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = v(t);
+          if (!await y(o))
             return;
         } catch (t) {
           r(t, "Failed to prepare test email");
@@ -67,11 +65,11 @@ const ft = /* @__PURE__ */ q({
           e.loadingStatus = !1;
         }
       }
-      V();
+      h();
     };
-    return x({
-      handleSave: T
-    }), { __sfc: !0, config: m, isFeatureEnabled: c, exportHtml: p, save: u, openVersionHistory: f, closeVersionHistory: d, getCompiledEmail: v, compileHtml: y, validateLiquidSyntax: g, handleError: r, editorStore: e, templateStore: h, hasMigrations: H, trans: s, isExporting: i, isSaving: a, migrationModalRef: S, testEmailClick: V, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: E, handleSave: T, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
+    return w({
+      handleSave: E
+    }), { __sfc: !0, config: l, isFeatureEnabled: m, exportHtml: c, save: p, openVersionHistory: u, closeVersionHistory: f, getCompiledEmail: d, compileHtml: v, validateLiquidSyntax: y, handleError: r, editorStore: e, templateStore: g, hasMigrations: S, trans: s, isExporting: i, isSaving: a, migrationModalRef: H, testEmailClick: h, handleVersionHistory: _, handleExport: C, handleSaveAs: A, versionHistoryTooltipText: M, isVersionHistoryButtonVisible: O, executeSave: V, handleSave: E, handleTestEmail: F, getTooltipOptions: K, InButtonV2: N, MigrationConfirmModal: U };
   }
 });
 export {

package/dist/composables/useActionsApi.js

@@ -1,18 +1,23 @@
-import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
-import { useToaster as y } from "./useToaster.js";
-const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
-  const w = setTimeout(
-    () => m(new Error(`${n} did not report completion within ${l}ms`)),
+import { filterAmpErrors as y } from "../utils/ampErrorFilter.js";
+import { getEditorApi as s } from "../utils/stripoEditorApi.js";
+import { useToaster as D } from "./useToaster.js";
+const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
+  const f = setTimeout(
+    () => p(new Error(`${n} did not report completion within ${l}ms`)),
     l
-  ), p = (A) => (t) => {
-    clearTimeout(w), A(t);
-  };
-  u(p(T), p(m));
-}), I = () => {
-  const { handleError: n } = y(), l = (t = {}) => s(
+  ), c = (t) => (e) => {
+    clearTimeout(f), t(e);
+  }, d = c(p);
+  try {
+    A(c(C), d);
+  } catch (t) {
+    d(t);
+  }
+}), P = () => {
+  const { handleError: n } = D(), l = (t = {}) => r(
     "compileEmail",
-    d,
-    (e, a) => {
+    T,
+    (e, i) => {
       const o = { ...{
         minimize: !0,
         utmEntity: {
@@ -32,53 +37,53 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
         forceAmp: !1,
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
-      }, ...t }, c = {
-        callback: (r, C, f, S, g) => {
-          r ? a(r) : e({
-            html: C,
-            ampHtml: f,
-            ampErrors: v(S ?? []),
-            displayConditions: g
+      }, ...t }, u = {
+        callback: (m, g, w, S, v) => {
+          m ? i(m) : e({
+            html: g,
+            ampHtml: w,
+            ampErrors: y(S ?? []),
+            displayConditions: v
           });
         },
         ...o
       };
-      window.StripoEditorApi.actionsApi.compileEmail(c);
+      s().actionsApi.compileEmail(u);
     }
   );
   return {
     getCompiledEmail: l,
-    getTemplateData: () => s(
+    getTemplateData: () => r(
       "getTemplateData",
-      d,
+      T,
       (t) => {
-        const e = ({ html: a, css: i, width: o, height: E, utmParams: c, syncModulesIds: r }) => t({
-          html: a,
-          css: i,
+        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
+          html: i,
+          css: a,
           width: o,
           height: E,
-          utmParams: c,
-          syncModulesIds: r
+          utmParams: u,
+          syncModulesIds: m
         });
-        window.StripoEditorApi.actionsApi.getTemplateData(e);
+        s().actionsApi.getTemplateData(e);
       }
     ),
     activateCustomViewStyles: (t = !0) => {
-      window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
+      s().actionsApi.activateCustomViewStyles(t);
     },
     getPreviewData: async (t) => {
       try {
         const {
           html: e,
-          displayConditions: a,
-          ampHtml: i = "",
+          displayConditions: i,
+          ampHtml: a = "",
           ampErrors: o = []
         } = await l({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: i,
+          ampHtml: a,
           ampErrors: o,
-          displayConditions: a
+          displayConditions: i
         };
       } catch (e) {
         return n(e, "Error loading preview"), {
@@ -90,30 +95,30 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, a;
-      if (typeof ((a = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : a.updateTimerInClonedTemplate) != "function") {
+      var e, i;
+      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
         t(null);
         return;
       }
       try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
-          i ? (n(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, o) => {
+          a ? (n(a, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
-      } catch (i) {
-        n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
+      } catch (a) {
+        n(a, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      const { actionsApi: a } = window.StripoEditorApi;
-      return s("updateHtmlAndCss", D, (i) => {
-        a.updateHtmlAndCss(t, e, () => i());
+      const { actionsApi: i } = s();
+      return r("updateHtmlAndCss", h, (a) => {
+        i.updateHtmlAndCss(t, e, () => a());
       });
     },
-    editorSave: () => s(
+    editorSave: () => r(
       "save",
-      d,
+      T,
       (t) => {
-        window.StripoEditorApi.actionsApi.save((e) => {
+        s().actionsApi.save((e) => {
           if (e) {
             n(e, "Failed to save template"), t(!1);
             return;
@@ -125,5 +130,5 @@ const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
   };
 };
 export {
-  I as useActionsApi
+  P as useActionsApi
 };

package/dist/composables/useCodeEditorApi.js

@@ -1,11 +1,25 @@
-const i = () => ({
-  openCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.openCodeEditor();
-  },
-  closeCodeEditor: () => {
-    window.StripoEditorApi.codeEditorApi.closeCodeEditor();
-  }
-});
+import { ToasterTypeOptions as d } from "../enums/toaster.js";
+import { findEditorApi as s, EDITOR_NOT_READY_MESSAGE as p } from "../utils/stripoEditorApi.js";
+import { useToaster as E } from "./useToaster.js";
+const T = () => {
+  const { showToaster: i } = E(), t = (o) => {
+    var r;
+    const e = (r = s()) == null ? void 0 : r.codeEditorApi;
+    if (!e) {
+      i({ type: d.Error, message: p });
+      return;
+    }
+    o(e);
+  };
+  return {
+    openCodeEditor: () => {
+      t((o) => o.openCodeEditor());
+    },
+    closeCodeEditor: () => {
+      t((o) => o.closeCodeEditor());
+    }
+  };
+};
 export {
-  i as useCodeEditorApi
+  T as useCodeEditorApi
 };

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: 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) => {
+  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) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i();
+      r();
       return;
     }
-    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}`));
+    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}`));
     }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
-  }), n), D = async (i, s, o, a = [], r = !1) => {
+  }), n), D = async (r, s, o, a = [], i = !1) => {
     var y, E, h, C;
-    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";
+    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";
     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: !m("liquidSyntax"),
+        customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
         customViewStyles: Q,
@@ -53,7 +53,7 @@ const he = () => {
         customConditionsEnabled: S,
         enableXSSSecurity: !0,
         modulesDisabled: U,
-        syncModulesEnabled: r,
+        syncModulesEnabled: i,
         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),
-              m("liquidSyntax")
+              p("liquidSyntax")
             )
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const l = await M();
+            const l = await B();
             t(l);
           } catch (l) {
-            p(l, "Failed to refresh token");
+            m(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
@@ -93,7 +93,7 @@ const he = () => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            p(t, "Failed to load custom interface appearance");
+            m(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -111,27 +111,31 @@ 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-drawer__container",
+          ".in-modal-v2-wrapper",
+          ".in-toasts-wrapper"
         ],
         extensions: P,
         localePatch: J
       }
     );
   };
-  return { initPlugin: async (i, s, o) => {
+  return { initPlugin: async (r, s, o) => {
     const a = k();
     try {
       await f();
-      const [r, e] = await Promise.all([
-        T(),
-        v()
+      const [i, e] = await Promise.all([
+        M(),
+        T()
       ]);
-      a.syncModulesEnabled = e, await D(i, s, o, r, e);
+      a.syncModulesEnabled = e, await D(r, s, o, i, e);
     } catch {
-      a.loadingStatus = !1, B({
+      a.loadingStatus = !1, v({
         type: X.Error,
         message: b["An error has occurred. Please report the error code to support."],
         actionButton: {

package/dist/composables/useTranslations.js

@@ -6,9 +6,10 @@ import { useConfig } from "./useConfig.js";
 const useTranslations = () => {
   var o, e;
   const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || DEFAULT_EDITOR.translationsPath, translations = ref(eval(translationsPath)), trans = (t, n) => {
-    const r = translations.value[t];
+    var s;
+    const r = (s = translations.value) == null ? void 0 : s[t];
     return r ? n ? Object.entries(n).reduce(
-      (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
+      (i, [a, l]) => i.replace(new RegExp(`{${a}}`, "g"), String(l)),
       r
     ) : r : (console.warn(`Translation key not found: ${t}`), t);
   };

package/dist/composables/useVersionHistoryApi.js

@@ -1,54 +1,63 @@
 import { ToasterTypeOptions as t } from "../enums/toaster.js";
-import { useVersionHistoryStore as c } from "../stores/version-history.js";
-import { useToaster as w } from "./useToaster.js";
-const S = () => {
-  const i = c(), { showToaster: s } = w(), n = (e) => {
-    i.$reset(), i.updateState(e);
-  }, p = () => {
-    i.$reset();
+import { useVersionHistoryStore as m } from "../stores/version-history.js";
+import { findEditorApi as w, EDITOR_NOT_READY_MESSAGE as y } from "../utils/stripoEditorApi.js";
+import { useToaster as V } from "./useToaster.js";
+const d = () => {
+  const n = m(), { showToaster: i } = V(), o = (e) => {
+    var s;
+    const r = (s = w()) == null ? void 0 : s.versionHistoryApi;
+    if (!r) {
+      i({ type: t.Error, message: y });
+      return;
+    }
+    e(r);
+  }, p = (e) => {
+    n.$reset(), n.updateState(e);
+  }, a = () => {
+    n.$reset();
   };
   return {
     openVersionHistory: () => {
-      window.StripoEditorApi.versionHistoryApi.openVersionHistory(n, p);
+      o((e) => e.openVersionHistory(p, a));
     },
     closeVersionHistory: () => {
-      window.StripoEditorApi.versionHistoryApi.closeVersionHistory();
+      o((e) => e.closeVersionHistory());
     },
     switchToDesktopPreview: () => {
-      window.StripoEditorApi.versionHistoryApi.switchToDesktopPreview();
+      o((e) => e.switchToDesktopPreview());
     },
     switchToMobilePreview: () => {
-      window.StripoEditorApi.versionHistoryApi.switchToMobilePreview();
+      o((e) => e.switchToMobilePreview());
     },
     previewVersion: (e) => {
-      window.StripoEditorApi.versionHistoryApi.previewVersion(e, (o) => {
-        const r = o instanceof Error ? o.message : String(o);
-        s({
+      o((r) => r.previewVersion(e, (s) => {
+        const c = s instanceof Error ? s.message : String(s);
+        i({
           type: t.Error,
-          message: `Error compiling email: ${r}`
+          message: `Error compiling email: ${c}`
         });
-      });
+      }));
     },
     restoreVersion: (e) => {
-      window.StripoEditorApi.versionHistoryApi.restoreVersion(
+      o((r) => r.restoreVersion(
         e,
         () => {
-          s({
+          i({
             type: t.Success,
             message: "Your version has been restored successfully."
           });
         },
-        (o) => {
-          const r = o instanceof Error ? o.message : String(o);
-          s({
+        (s) => {
+          const c = s instanceof Error ? s.message : String(s);
+          i({
             type: t.Error,
-            message: `Error compiling email: ${r}`
+            message: `Error compiling email: ${c}`
           });
         }
-      );
+      ));
     }
   };
 };
 export {
-  S as useVersionHistoryApi
+  d as useVersionHistoryApi
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,5 +1,5 @@
 import { useTranslations as s } from "../../composables/useTranslations.js";
-const a = {
+const t = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
   // Relative path → same-origin as the embedding inone dashboard.
   PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes",
@@ -9,17 +9,17 @@ const a = {
   MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/migrate-strategies",
   // The template route narrows the recommendations resource before the action: the id
   // travels in the body, not the path.
-  TEMPLATE_MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/template/migrate-strategies",
-  // Smart Recommender hides the Email channel unless the URL asks for it, so a strategy created
-  // without this flag can never be Email-suitable and would never reach the editor's list.
-  RECOMMENDATION_STRATEGY_CREATE_PATH: "/discovery/recommendation-strategies/create?isEmail=true"
-}, d = (e) => {
-  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: n } = a;
-  return `${n}/${e}/edit?isEmail=true`;
-}, m = {
-  campaign: a.MIGRATE_STRATEGIES_PATH,
-  template: a.TEMPLATE_MIGRATE_STRATEGIES_PATH
+  TEMPLATE_MIGRATE_STRATEGIES_PATH: "/newsletter/recommendations/template/migrate-strategies"
+}, d = () => {
+  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: e } = t;
+  return `${e}/create`;
+}, m = (e) => {
+  const { RECOMMENDATION_STRATEGIES_PANEL_PATH: n } = t;
+  return `${n}/${e}/edit`;
 }, T = {
+  campaign: t.MIGRATE_STRATEGIES_PATH,
+  template: t.TEMPLATE_MIGRATE_STRATEGIES_PATH
+}, p = {
   CLIENT_ID: "clientId"
 }, E = () => {
   const e = s();
@@ -85,21 +85,21 @@ const a = {
       path: "top-sellers"
     }
   ];
-}, p = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], A = [
+}, A = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], v = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], v = [
+], _ = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," },
   { text: "space( )", value: " " }
-], _ = [
+], h = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], r = "||", t = [
+], r = "||", a = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
@@ -121,9 +121,9 @@ const a = {
 ], c = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], h = (e) => {
+], x = (e) => {
   if (!e)
-    return t;
+    return a;
   switch (e) {
     case "Boolean":
       return c;
@@ -132,28 +132,29 @@ const a = {
     case "Number":
       return i;
     case "String":
-      return t;
+      return a;
     case "Strings":
       return o;
     default:
-      return t;
+      return a;
   }
 };
 export {
-  m as MIGRATION_PATHS,
+  T as MIGRATION_PATHS,
   r as OP_ANY_OF,
-  p as PriceAttributes,
-  T as QUERY_PARAMS,
-  a as URLS,
-  _ as currencyDecimalCounts,
-  A as currencyLocationMaps,
-  v as currencyOperators,
-  h as getOperatorOptions,
+  A as PriceAttributes,
+  p as QUERY_PARAMS,
+  t as URLS,
+  h as currencyDecimalCounts,
+  v as currencyLocationMaps,
+  _ as currencyOperators,
+  x as getOperatorOptions,
   E as getRecommendationFeedSourceMaps,
   o as operatorOptionsForArrayOfStrings,
   c as operatorOptionsForBooleans,
   u as operatorOptionsForDates,
   i as operatorOptionsForNumbers,
-  t as operatorOptionsForStrings,
-  d as strategyEditPath
+  a as operatorOptionsForStrings,
+  d as strategyCreatePath,
+  m as strategyEditPath
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -1,13 +1,13 @@
-import { useToaster as D } from "../../../../composables/useToaster.js";
+import { useToaster as _ } from "../../../../composables/useToaster.js";
 import { useTranslations as L } from "../../../../composables/useTranslations.js";
-import { getRecommendationFeedSourceMaps as F, strategyEditPath as U, URLS as E, getOperatorOptions as N, PriceAttributes as M } from "../../../../enums/extensions/recommendationBlock.js";
-import { ToasterTypeOptions as A } from "../../../../enums/toaster.js";
-import { useRecommendationApi as T } from "../../../../services/recommendationApi.js";
-import { useConfigStore as k } from "../../../../stores/config.js";
-import { defineStore as B } from "pinia";
+import { getRecommendationFeedSourceMaps as F, strategyEditPath as U, strategyCreatePath as N, getOperatorOptions as M, PriceAttributes as E } from "../../../../enums/extensions/recommendationBlock.js";
+import { ToasterTypeOptions as B } from "../../../../enums/toaster.js";
+import { useRecommendationApi as z } from "../../../../services/recommendationApi.js";
+import { useConfigStore as R } from "../../../../stores/config.js";
+import { defineStore as A } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as O, DEFAULT_CARDS_IN_ROW as z } from "../constants/layout.js";
-import { CURRENT_CONFIG_VERSION as C, DEFAULT_NODE_CONFIG as x, EXCLUDED_ALGORITHM_IDS as V } from "../constants/defaultConfig.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as O, DEFAULT_CARDS_IN_ROW as x } from "../constants/layout.js";
+import { CURRENT_CONFIG_VERSION as C, DEFAULT_NODE_CONFIG as T, EXCLUDED_ALGORITHM_IDS as V } from "../constants/defaultConfig.js";
 import { getDefaultProducts as w } from "../templates/utils.js";
 import { generateCompleteFilterQuery as P } from "../utils/filterUtil.js";
 import { isLegacyStrategyConfig as j } from "../utils/legacyStrategyMigration.js";
@@ -15,13 +15,13 @@ import { getPartnerRecommendationParams as $ } from "../utils/partnerCustomizati
 import { sanitizeProductIds as q } from "../utils/productIds.js";
 import { isFilterValid as K } from "../validation/filterSchema.js";
 import { getInvalidFields as H, isConfigValid as J } from "../validation/requiredFields.js";
-const m = T();
-let S = null, p = null, y = null, I = "", R = null, b = 0;
+const m = z();
+let S = null, p = null, y = null, I = "", k = null, b = 0;
 const g = /* @__PURE__ */ new Map();
 let l = null;
-function _() {
+function D() {
   return {
-    cardsInRow: z,
+    cardsInRow: x,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -45,7 +45,7 @@ function _() {
     // that default is what reached buildCampaignUrl and baked a most-popular feed URL
     // for a block the user never configured (SD-149916). Legacy blocks still get their real
     // algorithm from the node-config sync or the save-time seed.
-    strategy: k().isFeatureEnabled("reusableRecommendationStrategy") ? "" : "mostPopular",
+    strategy: R().isFeatureEnabled("reusableRecommendationStrategy") ? "" : "mostPopular",
     strategyId: "",
     nodeConfigVersion: C,
     textTrimming: !0,
@@ -58,7 +58,7 @@ function _() {
 }
 function G() {
   return {
-    recommendationConfigs: _(),
+    recommendationConfigs: D(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -87,7 +87,7 @@ const Q = () => ({
   currentRecommendationId: null,
   strategyPanelOpen: !1,
   configVersion: 0
-}), ft = B("guidoRecommendationExtension", {
+}), ft = A("guidoRecommendationExtension", {
   state: () => Q(),
   getters: {
     // ====================================================================
@@ -98,7 +98,7 @@ const Q = () => ({
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : _();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : D();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -119,7 +119,7 @@ const Q = () => ({
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].removeStrategyModalStatus : !1;
     },
     isLegacyStrategyBlock() {
-      return k().isFeatureEnabled("reusableRecommendationStrategy") && j(this.recommendationConfigs);
+      return R().isFeatureEnabled("reusableRecommendationStrategy") && j(this.recommendationConfigs);
     },
     legacyConversionLoading(t) {
       return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].legacyConversionLoading ?? !1 : !1;
@@ -181,7 +181,7 @@ const Q = () => ({
     getFilterList() {
       return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : M.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : E.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -234,7 +234,7 @@ const Q = () => ({
       const r = this.blockStates[t];
       if (r) {
         const o = structuredClone(r);
-        o.recommendationConfigs.id = e, o.recommendationConfigs.strategyId && k().isFeatureEnabled("reusableRecommendationStrategy") && (o.isInitialized = !1, o.syncedConfigFingerprint = null), this.blockStates = {
+        o.recommendationConfigs.id = e, o.recommendationConfigs.strategyId && R().isFeatureEnabled("reusableRecommendationStrategy") && (o.isInitialized = !1, o.syncedConfigFingerprint = null), this.blockStates = {
           ...this.blockStates,
           [e]: o
         };
@@ -314,7 +314,7 @@ const Q = () => ({
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = N(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [n] = M(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
@@ -380,9 +380,9 @@ const Q = () => ({
       this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId] || (this.blockStates[this.currentRecommendationId].removeStrategyModalStatus = !1);
     },
     async fetchStrategies() {
-      for (; R; )
+      for (; k; )
         try {
-          await R;
+          await k;
         } catch {
         }
       if (this.strategiesFetched)
@@ -398,11 +398,11 @@ const Q = () => ({
           this.strategiesLoading = !1, t === b && (this.strategiesSettled = !0);
         }
       })();
-      R = e;
+      k = e;
       try {
         await e;
       } finally {
-        R = null;
+        k = null;
       }
     },
     /**
@@ -434,8 +434,8 @@ const Q = () => ({
     _armStrategyPageReturn(t) {
       const e = window.open(t, "_blank");
       if (!e)
-        return D().showToaster({
-          type: A.Error,
+        return _().showToaster({
+          type: B.Error,
           message: L()("discovery-strategy.error-description")
         }), !1;
       e.opener = null, l == null || l();
@@ -471,7 +471,7 @@ const Q = () => ({
      * new strategy is offered; the user picks it themselves.
      */
     openStrategyCreation() {
-      return this._armStrategyPageReturn(E.RECOMMENDATION_STRATEGY_CREATE_PATH);
+      return this._armStrategyPageReturn(N());
     },
     /**
      * Opens the strategy's edit page. Every return refreshes the list so the block reflects the
@@ -532,7 +532,7 @@ const Q = () => ({
       this.patchCurrentBlockConfig({
         strategyId: "",
         strategy: "",
-        size: x.size,
+        size: T.size,
         nodeConfigVersion: C
       });
     },
@@ -685,7 +685,7 @@ const Q = () => ({
     },
     async _doFetchProducts() {
       var h;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = k();
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = R();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-1ca6baf0]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-36867e2e]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-36867e2e]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-36867e2e]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-c61cc8ea]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-36867e2e]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-36867e2e]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-36867e2e]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -8,8 +8,8 @@ export declare const URLS: {
     NEWSLETTER_RECOMMENDATIONS_PATH: string;
     MIGRATE_STRATEGIES_PATH: string;
     TEMPLATE_MIGRATE_STRATEGIES_PATH: string;
-    RECOMMENDATION_STRATEGY_CREATE_PATH: string;
 };
+export declare const strategyCreatePath: () => string;
 export declare const strategyEditPath: (strategyId: string | number) => string;
 export declare const MIGRATION_PATHS: Record<RrsMigrationTarget['scope'], string>;
 export declare const QUERY_PARAMS: {

package/dist/src/utils/stripoEditorApi.d.ts

@@ -0,0 +1,4 @@
+import type { StripoEditorApi } from '@@/Types/stripo';
+export declare const EDITOR_NOT_READY_MESSAGE = "The editor is not ready yet. Please wait for it to load and try again.";
+export declare const findEditorApi: () => StripoEditorApi | undefined;
+export declare const getEditorApi: () => StripoEditorApi;

package/dist/stores/unsubscribe.js

@@ -39,16 +39,16 @@ const r = () => ({
       });
     },
     isActiveTypeFirstInCollection: (e) => {
-      const t = i[e.selectedCollectionType];
+      const t = i[e.selectedCollectionType] ?? [];
       return e.activeType === t[0];
     },
     isActiveTypeLastInCollection: (e) => {
-      const t = i[e.selectedCollectionType];
+      const t = i[e.selectedCollectionType] ?? [];
       return e.activeType === t[t.length - 1];
     },
     hasTemplatesByCollectionType: (e) => {
       const t = {};
-      return i[e.selectedCollectionType].forEach((s) => {
+      return (i[e.selectedCollectionType] ?? []).forEach((s) => {
         t[s] = e.templates.some((c) => c.type === s);
       }), t;
     },

package/dist/utils/stripoEditorApi.js

@@ -0,0 +1,11 @@
+const o = "The editor is not ready yet. Please wait for it to load and try again.", i = () => window.StripoEditorApi, r = () => {
+  const t = i();
+  if (!t)
+    throw new Error(o);
+  return t;
+};
+export {
+  o as EDITOR_NOT_READY_MESSAGE,
+  i as findEditorApi,
+  r as getEditorApi
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.19.0-beta.3906ea8",
+  "version": "3.19.0-beta.421f9dd",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.10.0",
     "@useinsider/design-system-organisms": "0.0.3-beta.d816f06",
-    "@useinsider/design-system-vue": "2.3.1",
+    "@useinsider/design-system-vue": "1.5.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",