@useinsider/guido 3.18.2-beta.c3e75f6 → 3.18.2-beta.c512191

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);
-}, c = [], p = /* @__PURE__ */ d(
+}, p = [], c = /* @__PURE__ */ d(
   l,
   u,
-  c,
+  p,
   !1,
   null,
-  "c61cc8ea"
+  "1ca6baf0"
 );
-const v = p.exports;
+const v = c.exports;
 export {
   v as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as n, computed as x } from "vue";
+import { defineComponent as q, ref as l, computed as w } 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,46 +17,48 @@ import { storeToRefs as Q } from "pinia";
 import U from "./MigrationConfirmModal.vue.js";
 const ft = /* @__PURE__ */ q({
   __name: "EditorActions",
-  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(), _ = () => {
+  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(), _ = () => {
       if (e.isVersionHistoryOpen) {
-        f();
+        d();
         return;
       }
-      u();
+      f();
     }, C = async () => {
-      i.value = !0, await c(), i.value = !1;
+      i.value = !0, await p(), i.value = !1;
     }, A = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, M = x(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = x(
+    }, M = w(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), O = w(
       () => {
         var t, o;
-        return ((o = (t = l.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        return ((o = (t = m.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), V = async (t) => {
+    ), E = async (t) => {
       a.value = !0, t || (e.loadingStatus = !0);
       let o;
       try {
-        o = await p(t);
-      } catch (T) {
-        r(T, "Failed to save template");
+        o = await u(t);
+      } catch (n) {
+        if (t)
+          throw n;
+        r(n, "Failed to save template");
       } finally {
         a.value = !1, !t && !o && (e.loadingStatus = !1);
       }
       return o;
-    }, E = (t) => {
+    }, T = (t) => {
       var o;
-      if (!t && S.value) {
-        (o = H.value) == null || o.open();
+      if (!t && H.value) {
+        (o = S.value) == null || o.open();
         return;
       }
-      return V(t);
+      return E(t);
     }, F = async () => {
-      if (m("liquidSyntax")) {
+      if (c("liquidSyntax")) {
         e.loadingStatus = !0;
         try {
-          const { html: t } = await d({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = v(t);
-          if (!await y(o))
+          const { html: t } = await v({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = y(t);
+          if (!await g(o))
             return;
         } catch (t) {
           r(t, "Failed to prepare test email");
@@ -65,11 +67,11 @@ const ft = /* @__PURE__ */ q({
           e.loadingStatus = !1;
         }
       }
-      h();
+      V();
     };
-    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 };
+    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 };
   }
 });
 export {

package/dist/composables/useActionsApi.js

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

package/dist/composables/useCodeEditorApi.js

@@ -1,25 +1,11 @@
-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());
-    }
-  };
-};
+const i = () => ({
+  openCodeEditor: () => {
+    window.StripoEditorApi.codeEditorApi.openCodeEditor();
+  },
+  closeCodeEditor: () => {
+    window.StripoEditorApi.codeEditorApi.closeCodeEditor();
+  }
+});
 export {
-  T as useCodeEditorApi
+  i as useCodeEditorApi
 };

package/dist/composables/useHttp.js

@@ -1,88 +1,97 @@
-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 = {
+import { getCsrfToken as j } from "../utils/genericUtil.js";
+import { ref as m, computed as v } from "vue";
+const k = (b = {}) => {
+  const d = m(!1), n = m(null), u = m(null), g = v(() => d.value), y = v(() => n.value !== null), w = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": O(),
+      "X-CSRF-TOKEN": j(),
       Accept: "application/json",
+      // The panel backend only answers 401/419 to ajax requests; without this a guest
+      // fetch gets a 302 to the login page and never sees an auth status.
       "X-Requested-With": "XMLHttpRequest"
     },
     ...b
-  }, w = (e, s) => {
+  }, P = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = r || w.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
+  }, x = (e) => new Promise((r, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), 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 = {
+  }), C = (e) => new Promise((r) => {
+    setTimeout(r, e);
+  }), i = async (e, r, t, D = {}) => {
+    n.value = null, d.value = !0, u.value = new AbortController();
+    const a = { ...w, ...D }, T = P(r, a.baseURL), c = {
       method: e,
-      headers: { ...n.headers },
+      headers: { ...a.headers },
       signal: u.value.signal,
-      ...n
+      ...a
     };
     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) => {
+    const E = async (p = 0) => {
       try {
-        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;
+        const o = [fetch(T, c)];
+        a.timeout && o.push(x(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, h = new Error(H);
+          throw h.status = s.status, h.statusText = s.statusText, h.response = s, [401, 403, 419].includes(s.status) && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((O) => window.dispatchEvent(new CustomEvent("insider:http-auth-error", {
+            detail: {
+              status: s.status,
+              body: O,
+              url: new URL(T, window.location.href).href
+            }
+          }))).catch(() => {
+          }), h;
         }
         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(), {
+        const l = s.headers.get("content-type");
+        return l != null && l.includes("application/json") ? f = await s.json() : l != null && l.includes("text/") ? f = await s.text() : f = await s.blob(), {
           data: f,
-          status: r.status,
-          statusText: r.statusText,
-          headers: r.headers
+          status: s.status,
+          statusText: s.statusText,
+          headers: s.headers
         };
       } catch (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;
+        const s = o instanceof Error && o.name === "AbortError";
+        if (p < (a.retry || 0) && !s)
+          return await C(a.retryDelay || 1e3), E(p + 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 E();
     } finally {
-      p.value = !1, u.value = null;
+      d.value = !1, u.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) => {
+  }, R = (e, r) => i("GET", e, void 0, r), U = (e, r, t) => i("POST", e, r, t), $ = (e, r, t) => i("PUT", e, r, t), q = (e, r, t) => i("PATCH", e, r, t), A = (e, r) => i("DELETE", e, void 0, r), L = (e) => {
     u.value && u.value.abort(e);
   }, W = () => {
-    a.value = null;
+    n.value = null;
   };
   return {
     // State
     loading: g,
-    error: T(() => a.value),
+    error: v(() => n.value),
     hasError: y,
     // Methods
     request: i,
-    get: C,
-    post: R,
+    get: R,
+    post: U,
     put: $,
     patch: q,
     delete: A,
-    cancel: U,
+    cancel: L,
     clearError: W
   };
 };
 export {
-  X as useHttp
+  k as useHttp
 };

package/dist/composables/useTranslations.js

@@ -6,10 +6,9 @@ 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) => {
-    var s;
-    const r = (s = translations.value) == null ? void 0 : s[t];
+    const r = translations.value[t];
     return r ? n ? Object.entries(n).reduce(
-      (i, [a, l]) => i.replace(new RegExp(`{${a}}`, "g"), String(l)),
+      (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
       r
     ) : r : (console.warn(`Translation key not found: ${t}`), t);
   };

package/dist/composables/useVersionHistoryApi.js

@@ -1,63 +1,54 @@
 import { ToasterTypeOptions as t } from "../enums/toaster.js";
-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();
+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();
   };
   return {
     openVersionHistory: () => {
-      o((e) => e.openVersionHistory(p, a));
+      window.StripoEditorApi.versionHistoryApi.openVersionHistory(n, p);
     },
     closeVersionHistory: () => {
-      o((e) => e.closeVersionHistory());
+      window.StripoEditorApi.versionHistoryApi.closeVersionHistory();
     },
     switchToDesktopPreview: () => {
-      o((e) => e.switchToDesktopPreview());
+      window.StripoEditorApi.versionHistoryApi.switchToDesktopPreview();
     },
     switchToMobilePreview: () => {
-      o((e) => e.switchToMobilePreview());
+      window.StripoEditorApi.versionHistoryApi.switchToMobilePreview();
     },
     previewVersion: (e) => {
-      o((r) => r.previewVersion(e, (s) => {
-        const c = s instanceof Error ? s.message : String(s);
-        i({
+      window.StripoEditorApi.versionHistoryApi.previewVersion(e, (o) => {
+        const r = o instanceof Error ? o.message : String(o);
+        s({
           type: t.Error,
-          message: `Error compiling email: ${c}`
+          message: `Error compiling email: ${r}`
         });
-      }));
+      });
     },
     restoreVersion: (e) => {
-      o((r) => r.restoreVersion(
+      window.StripoEditorApi.versionHistoryApi.restoreVersion(
         e,
         () => {
-          i({
+          s({
             type: t.Success,
             message: "Your version has been restored successfully."
           });
         },
-        (s) => {
-          const c = s instanceof Error ? s.message : String(s);
-          i({
+        (o) => {
+          const r = o instanceof Error ? o.message : String(o);
+          s({
             type: t.Error,
-            message: `Error compiling email: ${c}`
+            message: `Error compiling email: ${r}`
           });
         }
-      ));
+      );
     }
   };
 };
 export {
-  d as useVersionHistoryApi
+  S as useVersionHistoryApi
 };

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-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-050dfa52]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-050dfa52]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-050dfa52]{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-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-2580a7d9]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9] .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}
+@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-050dfa52]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-050dfa52]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-050dfa52]{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-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-2580a7d9]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-2580a7d9] .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}

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.2-beta.c3e75f6",
+  "version": "3.18.2-beta.c512191",
   "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",
@@ -77,7 +77,7 @@
     "@typescript-eslint/parser": "7.18.0",
     "@useinsider/eslint-config": "1.5.3",
     "@vitejs/plugin-vue2": "2.3.1",
-    "@vitest/coverage-v8": "2.1.9",
+    "@vitest/coverage-v8": "4.1.11",
     "eslint": "8.57.1",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-airbnb-typescript": "18.0.0",
@@ -90,17 +90,17 @@
     "happy-dom": "15.11.7",
     "husky": "9.1.7",
     "msw": "2.10.3",
-    "nyc": "17.1.0",
+    "nyc": "18.0.0",
     "sass": "1.69.7",
     "typescript": "5.5.4",
     "typescript-eslint": "8.26.0",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-istanbul": "7.0.0",
-    "vitest": "2.1.9",
+    "vitest": "4.1.11",
     "vue-tsc": "2.2.10"
   },
   "overrides": {
-    "axios": "1.8.2",
+    "axios": "1.20.0",
     "flatted": "3.4.2",
     "micromatch": "4.0.8",
     "path-to-regexp": "6.3.0"

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

@@ -1,4 +0,0 @@
-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/utils/stripoEditorApi.js

@@ -1,11 +0,0 @@
-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
-};