@useinsider/guido 3.5.1 → 3.6.0-beta.1564c9b

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "b293a2b0"
+  "50dac6de"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,70 +1,72 @@
-import { defineComponent as Q, defineAsyncComponent as N, ref as I, computed as W, watch as X, onMounted as Y, onUnmounted as Z } from "vue";
-import { useCortexBlueprintBridge as ee } from "../composables/useCortexBlueprintBridge.js";
-import { provideGuidoActions as oe } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as te } from "../composables/useGuidoStateBridge.js";
-import { usePartner as ne } from "../composables/usePartner.js";
-import { useStripo as re } from "../composables/useStripo.js";
-import { useTimerClone as se } from "../composables/useTimerClone.js";
-import { migrate as x } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as G } from "../enums/defaults.js";
+import { defineComponent as X, defineAsyncComponent as I, ref as W, computed as x, watch as Y, onMounted as Z, onUnmounted as ee } from "vue";
+import { useCortexBlueprintBridge as oe } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as te } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as ne } from "../composables/useGuidoStateBridge.js";
+import { usePartner as re } from "../composables/usePartner.js";
+import { useStripo as se } from "../composables/useStripo.js";
+import { useTimerClone as ae } 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 ce } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as ae } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import ie from "./organisms/AutoSaveController.vue.js";
-import me from "./organisms/base/Toaster.vue.js";
-import de from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import le from "./organisms/header/HeaderWrapper.vue.js";
-import ue from "./organisms/LoadingWrapper.vue.js";
-import pe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import fe from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as ve } from "../services/stripoApi.js";
+import { useRecommendationExtensionStore as ie } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import me from "./organisms/AutoSaveController.vue.js";
+import de from "./organisms/base/Toaster.vue.js";
+import le from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import ue from "./organisms/header/HeaderWrapper.vue.js";
+import pe from "./organisms/LoadingWrapper.vue.js";
+import fe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ve from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as Se } from "../services/stripoApi.js";
 import { useConfigStore as ye } from "../stores/config.js";
-import { useDynamicContentStore as Se } from "../stores/dynamic-content.js";
-import { useEditorStore as H } from "../stores/editor.js";
-import { usePreviewStore as he } from "../stores/preview.js";
+import { useDynamicContentStore as he } from "../stores/dynamic-content.js";
+import { useEditorStore as $ } from "../stores/editor.js";
+import { usePreviewStore as ge } from "../stores/preview.js";
 import { useTemplateStore as be } from "../stores/template.js";
-import { useUnsubscribeStore as ge } from "../stores/unsubscribe.js";
-const Ke = /* @__PURE__ */ Q({
+import { useUnsubscribeStore as Ee } from "../stores/unsubscribe.js";
+const Ve = /* @__PURE__ */ X({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup($, { expose: z, emit: n }) {
-    const g = $, q = N(
+  setup(z, { expose: q, emit: n }) {
+    const b = z, K = I(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), K = N(
+    ), V = I(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), E = I(), u = I(), p = Se(), w = ge(), i = ye();
-    i.init(g.config);
-    const f = H(), V = he(), m = W(() => f.hasChanges), { isTestPartner: j } = ne(), D = () => {
+    ), E = W(), p = W(), f = he(), w = Ee(), i = ye();
+    i.init(b.config);
+    const m = $(), j = ge(), d = x(() => m.hasChanges), { isTestPartner: J } = re(), D = () => {
       var e;
       return (e = E.value) == null ? void 0 : e.handleSave(!0);
+    }, C = (e) => {
+      m.loadingStatus = e;
     }, {
       templateId: v,
-      userId: C,
-      partnerName: T,
+      userId: T,
+      partnerName: L,
       username: k,
       template: o,
       editor: s
-    } = i, d = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", y = (o == null ? void 0 : o.preselectedDynamicContent) || [], L = (s == null ? void 0 : s.savedModulesFolderName) || G.SAVED_MODULES, U = (s == null ? void 0 : s.defaultModulesFolderName) || G.DEFAULT_MODULES;
-    ee(), te();
-    const S = {
+    } = i, l = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", S = (o == null ? void 0 : o.preselectedDynamicContent) || [], U = (s == null ? void 0 : s.savedModulesFolderName) || H.SAVED_MODULES, _ = (s == null ? void 0 : s.defaultModulesFolderName) || H.DEFAULT_MODULES;
+    oe(), ne();
+    const y = {
       emailId: v,
-      userId: C,
+      userId: T,
       username: k,
-      partnerName: T,
-      savedModulesFolderName: L,
-      defaultModulesFolderName: U
-    }, _ = {
-      preselectedDynamicContentList: y,
+      partnerName: L,
+      savedModulesFolderName: U,
+      defaultModulesFolderName: _
+    }, M = {
+      preselectedDynamicContentList: S,
       onReady: () => {
         console.debug("guido:ready"), n("ready");
       }
-    }, { initPlugin: M } = re(S, _), { getDefaultTemplate: O } = ve(), { cloneTimersOnSave: P, hasTimerBlocks: R } = se(), J = W(() => {
+    }, { initPlugin: O } = se(y, M), { getDefaultTemplate: P } = Se(), { cloneTimersOnSave: R, hasTimerBlocks: A } = ae(), Q = x(() => {
       var e;
       return !((e = i.ui) != null && e.showHeader);
     });
-    oe({
+    te({
       onBack: () => {
         console.debug("guido:back"), n("back");
       },
@@ -72,66 +74,67 @@ const Ke = /* @__PURE__ */ Q({
         console.debug("guido:save:start"), n("save:start");
       },
       onSaveComplete: (e) => {
-        const t = { ...e, metadata: S };
+        const t = { ...e, metadata: y };
         console.debug("guido:save:complete", t), n("save:complete", t);
       },
       onTestEmailClick: () => {
         console.debug("guido:test-email:click"), n("test-email:click");
       }
     });
-    const A = (e) => {
-      console.debug("dynamic-content:close", e), p.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, B = () => {
+    const B = (e) => {
+      console.debug("dynamic-content:close", e), f.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, N = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    X(() => m.value, () => {
-      n("on-change", m.value);
+    Y(() => d.value, () => {
+      n("on-change", d.value);
     });
     const h = (e) => {
-      const t = e, { attribute: l, position: a } = t.detail;
-      console.debug("dynamic-content:open", t.detail), n("dynamic-content:open", l, a);
+      const t = e, { attribute: u, position: c } = t.detail;
+      console.debug("dynamic-content:open", t.detail), n("dynamic-content:open", u, c);
     };
-    let c = null;
-    const b = () => {
+    let a = null;
+    const g = () => {
       var t;
       const e = document.querySelector(ce);
-      (t = u.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
+      (t = p.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
-    return Y(async () => {
-      var t, l;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), ae().$reset(), H().$reset(), f.templateId = v, be().$reset(), b();
-      const e = (t = u.value) == null ? void 0 : t.parentElement;
-      e && (c = new ResizeObserver(b), c.observe(e));
+    return Z(async () => {
+      var t, u;
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), ie().$reset(), $().$reset(), m.templateId = v, be().$reset(), g();
+      const e = (t = p.value) == null ? void 0 : t.parentElement;
+      e && (a = new ResizeObserver(g), a.observe(e));
       try {
         w.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
-        const a = ((l = o == null ? void 0 : o.migration) == null ? void 0 : l.recommendationConfigs) ?? {};
+        const c = ((u = o == null ? void 0 : o.migration) == null ? void 0 : u.recommendationConfigs) ?? {};
         let r = {
-          html: d && await x(d, a),
+          html: l && await G(l, c),
           css: F
         };
-        r.html || (r = await O(), r.html = await x(r.html, a)), R(r.html) && (r.html = await P(r.html)), await M(r), p.selectedDynamicContentList = y;
-      } catch (a) {
-        console.error("Failed to initialize Stripo editor:", a);
+        r.html || (r = await P(), r.html = await G(r.html, c)), A(r.html) && (r.html = await R(r.html)), await O(r), f.selectedDynamicContentList = S;
+      } catch (c) {
+        console.error("Failed to initialize Stripo editor:", c);
       }
       document.addEventListener("dynamic-content:open", h);
-    }), Z(() => {
-      c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", h);
+    }), ee(() => {
+      a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", h);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
       i.reset();
-    }), z({
+    }), q({
       dynamicContent: {
-        insert: A,
-        close: B
+        insert: B,
+        close: N
       },
-      hasChanges: m,
-      saveSilent: D
-    }), { __sfc: !0, PreviewContainer: q, OnboardingWrapper: K, headerWrapperRef: E, wrapperRef: u, dynamicContentStore: p, unsubscribeStore: w, props: g, configStore: i, editorStore: f, previewStore: V, hasChanges: m, isTestPartner: j, saveSilent: D, templateId: v, userId: C, partnerName: T, username: k, templateConfig: o, editorConfig: s, html: d, css: F, preselectedDynamicContentList: y, savedModulesFolderName: L, defaultModulesFolderName: U, emit: n, metadata: S, options: _, initPlugin: M, getDefaultTemplate: O, cloneTimersOnSave: P, hasTimerBlocks: R, noHeader: J, insertDynamicContent: A, closeDynamicContent: B, handleDynamicContentOpen: h, ribbonObserver: c, updateRibbonOffset: b, AutoSaveController: ie, Toaster: me, FilterSelectionDrawer: de, HeaderWrapper: le, LoadingWrapper: ue, SaveAsTemplateDrawer: pe, UnsubscribeWrapper: fe };
+      hasChanges: d,
+      saveSilent: D,
+      setLoading: C
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: b, configStore: i, editorStore: m, previewStore: j, hasChanges: d, isTestPartner: J, saveSilent: D, setLoading: C, templateId: v, userId: T, partnerName: L, username: k, templateConfig: o, editorConfig: s, html: l, css: F, preselectedDynamicContentList: S, savedModulesFolderName: U, defaultModulesFolderName: _, emit: n, metadata: y, options: M, initPlugin: O, getDefaultTemplate: P, cloneTimersOnSave: R, hasTimerBlocks: A, noHeader: Q, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: h, ribbonObserver: a, updateRibbonOffset: g, AutoSaveController: me, Toaster: de, FilterSelectionDrawer: le, HeaderWrapper: ue, LoadingWrapper: pe, SaveAsTemplateDrawer: fe, UnsubscribeWrapper: ve };
   }
 });
 export {
-  Ke as default
+  Ve as default
 };

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

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

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

@@ -17,7 +17,7 @@ import K from "./MigrationConfirmModal.vue.js";
 const ut = /* @__PURE__ */ O({
   __name: "EditorActions",
   setup(N, { expose: x }) {
-    const { config: a, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: u } = F(), { openVersionHistory: c, closeVersionHistory: p } = R(), { getCompiledEmail: f } = q(), { compileHtml: d } = D(), { validateLiquidSyntax: v } = z(), e = I(), y = P(), { hasMigrations: S } = J(y), s = L(), i = n(!1), r = n(!1), g = n(), H = B(), T = () => {
+    const { config: a, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: u } = F(), { openVersionHistory: c, closeVersionHistory: p } = R(), { getCompiledEmail: f } = q(), { compileHtml: d } = D(), { validateLiquidSyntax: v } = z(), e = I(), y = P(), { hasMigrations: g } = J(y), s = L(), i = n(!1), r = n(!1), S = n(), H = B(), T = () => {
       if (e.isVersionHistoryOpen) {
         p();
         return;
@@ -33,13 +33,13 @@ const ut = /* @__PURE__ */ O({
         return ((o = (t = a.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
     ), V = async (t) => {
-      r.value = !0, e.loadingStatus = !0;
+      r.value = !0, t || (e.loadingStatus = !0);
       const o = await u(t);
-      return r.value = !1, (t || !o) && (e.loadingStatus = !1), o;
+      return r.value = !1, !t && !o && (e.loadingStatus = !1), o;
     }, E = (t) => {
       var o;
-      if (!t && S.value) {
-        (o = g.value) == null || o.open();
+      if (!t && g.value) {
+        (o = S.value) == null || o.open();
         return;
       }
       return V(t);
@@ -58,7 +58,7 @@ const ut = /* @__PURE__ */ O({
     };
     return x({
       handleSave: E
-    }), { __sfc: !0, config: a, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, editorStore: e, templateStore: y, hasMigrations: S, trans: s, isExporting: i, isSaving: r, migrationModalRef: g, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
+    }), { __sfc: !0, config: a, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, editorStore: e, templateStore: y, hasMigrations: g, trans: s, isExporting: i, isSaving: r, migrationModalRef: S, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
   }
 });
 export {

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

@@ -10,7 +10,7 @@ var a = function() {
   i,
   !1,
   null,
-  "cd76c125"
+  "90ce2966"
 );
 const f = r.exports;
 export {

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

@@ -1,19 +1,19 @@
-import { defineComponent as l, computed as d, ref as p } from "vue";
+import { defineComponent as l, computed as p, ref as d } from "vue";
 import { useConfig as k } from "../../../composables/useConfig.js";
 import { useBack as B } from "../../../composables/useGuidoActions.js";
 import { usePreviewMode as b } from "../../../composables/usePreviewMode.js";
 import { useTranslations as v } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as _ } from "../../../composables/useVersionHistoryApi.js";
 import { useEditorStore as V } from "../../../stores/editor.js";
-import { InButtonV2 as g } from "@useinsider/design-system-vue";
-import { useDebounceFn as w } from "../../../node_modules/@vueuse/shared/index.js";
+import { InButtonV2 as w } from "@useinsider/design-system-vue";
+import { useDebounceFn as y } from "../../../node_modules/@vueuse/shared/index.js";
 const D = /* @__PURE__ */ l({
   __name: "LeftSlot",
-  setup(y) {
-    const e = V(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), f = d(() => {
+  setup(C) {
+    const e = V(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), f = p(() => {
       var u, m;
       return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (m = (u = t.value) == null ? void 0 : u.ui) != null && m.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
-    }), r = p(!1), c = () => {
+    }), r = d(!1), c = () => {
       if (e.isVersionHistoryOpen) {
         n();
         return;
@@ -22,13 +22,13 @@ const D = /* @__PURE__ */ l({
         s();
         return;
       }
-      e.loadingStatus = !0, i();
-    }, a = w(() => {
+      i();
+    }, a = y(() => {
       c(), r.value = !1;
     }, 500);
     return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: f, isBackButtonDisabled: r, executeBackAction: c, debouncedBackAction: a, handleBackClick: () => {
       r.value = !0, a();
-    }, InButtonV2: g };
+    }, InButtonV2: w };
   }
 });
 export {

package/dist/composables/useRecommendation.js

@@ -5,16 +5,16 @@ import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommend
 import { useConfigStore as x } from "../stores/config.js";
 const w = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: s,
-    mobileRightPadding: a,
-    cardsInRow: c,
+    mobileLeftPadding: o,
+    mobileRightPadding: s,
+    cardsInRow: a,
     unresponsive: n
   }) => {
-    const r = n ? c : 1, e = s + a + (r - 1) * b;
+    const r = n ? a : 1, e = o + s + (r - 1) * b;
     return (R - e) / r;
   },
-  getRecommendationCampaignData: (s) => {
-    const a = m(), c = Number(s), n = a.blockStates[c];
+  getRecommendationCampaignData: (o) => {
+    const s = m(), a = Number(o), n = s.blockStates[a];
     if (!n)
       return {
         textTrimming: !1,
@@ -42,37 +42,33 @@ const w = () => ({
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (s, a) => {
+  buildCampaignUrl: (o, s) => {
     var l;
-    const c = m(), n = x(), r = Number(s);
+    const a = m(), n = x(), r = Number(o);
     let e;
-    if (a)
-      e = a;
+    if (s)
+      e = s;
     else {
-      const i = c.blockStates[r];
-      if (!i)
+      const c = a.blockStates[r];
+      if (!c)
         return "";
-      const { recommendationConfigs: o } = i;
+      const { recommendationConfigs: i } = c;
       e = {
-        strategy: o.strategy,
-        language: o.language,
-        currencyCode: o.currencySettings.value,
-        size: o.size,
-        productIds: o.productIds,
-        filters: o.filters,
-        shuffleProducts: o.shuffleProducts
+        strategy: i.strategy,
+        language: i.language,
+        currencyCode: i.currencySettings.value,
+        size: i.size,
+        productIds: i.productIds,
+        filters: i.filters,
+        shuffleProducts: i.shuffleProducts
       };
     }
-    const f = ((l = I().find((i) => i.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
-    if (t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising") {
-      const i = parseInt(e.size) || 6;
-      t.set("productId", e.productIds.slice(0, i).join(","));
-    } else e.strategy === "similarViewed" && t.set("productId", "{itemId}");
-    e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const g = e.filters.filter((i) => i.isValid), d = h(g);
+    const f = ((l = I().find((c) => c.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    const g = e.filters.filter((c) => c.isValid), d = h(g);
     d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true");
     const p = decodeURIComponent(t.toString()), u = `${C.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
-    return c.recommendationCampaignUrls[s] = u, u;
+    return a.recommendationCampaignUrls[o] = u, u;
   }
 });
 export {

package/dist/composables/useStripo.js

@@ -9,12 +9,12 @@ import { localePatch as H } from "../config/i18n/index.js";
 import { useStripoApi as O } from "../services/stripoApi.js";
 import j from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as E } from "../stores/editor.js";
-import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
-import $ from "../package.json.js";
+import { dynamicContentToMergeTags as z } from "../utils/genericUtil.js";
+import L from "../package.json.js";
 const se = (C, l) => {
-  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, r = [], s = !1) => {
+  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: F } = q(), { getStripoBlocksConfig: B } = I(), T = async (i, r = [], s = !1) => {
     var g, S, y;
-    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, F = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await B(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, _ = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -35,7 +35,7 @@ const se = (C, l) => {
         conditionsEnabled: f,
         customConditionsEnabled: f,
         enableXSSSecurity: !0,
-        modulesDisabled: F,
+        modulesDisabled: _,
         syncModulesEnabled: s,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -43,6 +43,7 @@ const se = (C, l) => {
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
+        sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
         ...o ? { baseBlocks: o } : {},
         editorFonts: {
@@ -52,7 +53,7 @@ const se = (C, l) => {
         },
         mergeTags: [
           {
-            entries: L(
+            entries: z(
               l.preselectedDynamicContentList,
               u("liquidSyntax")
             )
@@ -88,7 +89,7 @@ const se = (C, l) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: B,
+        onEvent: F,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
@@ -98,13 +99,13 @@ const se = (C, l) => {
         localePatch: H
       }
     );
-  }, _ = (i) => new Promise((r, s) => {
+  }, V = (i) => new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i(), r();
       return;
     }
-    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const e = L.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
       i(), r();
     }, o.onerror = () => {
@@ -112,12 +113,12 @@ const se = (C, l) => {
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await _(async () => {
+    await V(async () => {
       const r = E(), [s, e] = await Promise.all([
         b(),
         k()
       ]);
-      r.syncModulesEnabled = e, await V(i, s, e);
+      r.syncModulesEnabled = e, await T(i, s, e);
     });
   } };
 };

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,127 +1,133 @@
-import { useConfig as S } from "../../../composables/useConfig.js";
-import { useRecommendation as g } from "../../../composables/useRecommendation.js";
-import { CSS_CLASS_RECO_BUTTON as _ } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useRecommendationExtensionStore as q } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
-function y(r, c, e, o, s = "") {
-  const n = `{{${s}${r}_${c}_${e}}}`, t = `{{${s}${r}_${c}_currency}}`;
-  return o === "before" ? `${t} ${n}` : `${n} ${t}`;
+import { useConfig as g } from "../../../composables/useConfig.js";
+import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+import { CSS_CLASS_RECO_BUTTON as q } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as C } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
+function y(r, n, e, o, i = "") {
+  const c = `{{${i}${r}_${n}_${e}}}`, t = `{{${i}${r}_${n}_currency}}`;
+  return o === "before" ? `${t} ${c}` : `${c} ${t}`;
 }
-function f(r, c, e, o, s, n) {
-  switch (c) {
+function A(r) {
+  let n = r;
+  for (; n.children.length === 1; )
+    [n] = n.children;
+  return n;
+}
+function f(r, n, e, o, i, c) {
+  switch (n) {
     case "productImage": {
       const t = r.querySelector("img");
-      t && (t.setAttribute("src", `{{${n}${e}_${o}_image_url}}`), t.setAttribute("alt", `{{${n}${e}_${o}_name}}`));
-      const i = r.querySelector("a");
-      i && (i.setAttribute("href", `{{${n}${e}_${o}_url}}`), i.classList.add(_));
+      t && (t.setAttribute("src", `{{${c}${e}_${o}_image_url}}`), t.setAttribute("alt", `{{${c}${e}_${o}_name}}`));
+      const s = r.querySelector("a");
+      s && (s.setAttribute("href", `{{${c}${e}_${o}_url}}`), s.classList.add(q));
       break;
     }
     case "productName": {
       const t = r.querySelector("p");
       if (t) {
-        const i = t.querySelector("strong") || t;
-        i.textContent = `{{${n}${e}_${o}_name}}`;
+        const s = t.querySelector("strong") || t;
+        s.textContent = `{{${c}${e}_${o}_name}}`;
       }
       break;
     }
     case "productPrice": {
       const t = r.querySelector("p");
-      if (t) {
-        const i = t.querySelector("strong") || t;
-        i.textContent = y(e, o, "price", s, n);
-      }
+      t && (A(t).textContent = y(
+        e,
+        o,
+        "price",
+        i,
+        c
+      ));
       break;
     }
     case "productOldPrice": {
       const t = r.querySelector("p");
-      if (t) {
-        const i = t.querySelector("strong") || t;
-        i.textContent = y(
-          e,
-          o,
-          "original_price",
-          s,
-          n
-        ), t.setAttribute("product-attr", "discount");
-      }
+      t && (A(t).textContent = y(
+        e,
+        o,
+        "original_price",
+        i,
+        c
+      ), t.setAttribute("product-attr", "discount"));
       break;
     }
     case "productButton": {
       const t = r.querySelector("a");
-      t && t.setAttribute("href", `{{${n}${e}_${o}_url}}`);
+      t && t.setAttribute("href", `{{${c}${e}_${o}_url}}`);
       break;
     }
     case "productOmnibusPrice": {
       const t = r.querySelector(".omnibus-price-value");
       if (t) {
-        t.textContent = `{{${n}${e}_${o}_omnibus_price}}`;
-        const i = t.closest("p");
-        i && (i.setAttribute("product-attr", "omnibus_price"), i.setAttribute("composition", "true"));
+        t.textContent = `{{${c}${e}_${o}_omnibus_price}}`;
+        const s = t.closest("p");
+        s && (s.setAttribute("product-attr", "omnibus_price"), s.setAttribute("composition", "true"));
       }
       break;
     }
     case "productOmnibusDiscount": {
       const t = r.querySelector(".omnibus-discount-value");
       if (t) {
-        t.textContent = `{{${n}${e}_${o}_omnibus_discount}}`;
-        const i = t.closest("p");
-        i && (i.setAttribute("product-attr", "omnibus_discount"), i.setAttribute("composition", "true"));
+        t.textContent = `{{${c}${e}_${o}_omnibus_discount}}`;
+        const s = t.closest("p");
+        s && (s.setAttribute("product-attr", "omnibus_discount"), s.setAttribute("composition", "true"));
       }
       break;
     }
     default: {
       const t = r.getAttribute("product-attr") ? r : r.querySelector("[product-attr]");
       if (t) {
-        const i = t.getAttribute("product-attr"), a = t.querySelector("p");
+        const s = t.getAttribute("product-attr"), a = t.querySelector("p");
         if (a) {
           const u = a.querySelector("strong") || a;
-          u.textContent = `{{${n}${e}_${o}_${i}}}`;
+          u.textContent = `{{${c}${e}_${o}_${s}}}`;
         }
       }
       break;
     }
   }
 }
-function C(r, c, e, o) {
-  r.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
-    n.querySelectorAll("[data-attribute-type]").forEach((a) => {
+function w(r, n, e, o) {
+  r.querySelectorAll(".recommendation-product-row").forEach((c, t) => {
+    c.querySelectorAll("[data-attribute-type]").forEach((a) => {
       const u = a.getAttribute("data-attribute-type") || "", p = a.querySelectorAll(".attribute-cell");
       p.length > 0 ? p.forEach((l) => {
-        f(l, u, c, t, e, o);
-      }) : f(a, u, c, t, e, o);
+        f(l, u, n, t, e, o);
+      }) : f(a, u, n, t, e, o);
     });
   });
 }
-function E(r, c, e, o) {
-  const s = r.querySelectorAll(".recommendation-product-row");
-  if (!s.length)
+function E(r, n, e, o) {
+  const i = r.querySelectorAll(".recommendation-product-row");
+  if (!i.length)
     return;
-  const [n] = s, t = n.querySelector("[data-attribute-type]"), i = t ? t.querySelectorAll(".attribute-cell").length : 1;
-  s.forEach((a, u) => {
+  const [c] = i, t = c.querySelector("[data-attribute-type]"), s = t ? t.querySelectorAll(".attribute-cell").length : 1;
+  i.forEach((a, u) => {
     a.querySelectorAll("[data-attribute-type]").forEach((l) => {
       const d = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach((A, h) => {
-        const $ = u * i + h;
-        f(A, d, c, $, e, o);
+      l.querySelectorAll(".attribute-cell").forEach((h, $) => {
+        const S = u * s + $;
+        f(h, d, n, S, e, o);
       });
     });
   });
 }
-function w(r, c, e, o) {
-  r.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    E(n, c, e, o);
+function R(r, n, e, o) {
+  r.querySelectorAll(".ins-recommendation-product-container").forEach((c) => {
+    E(c, n, e, o);
   });
 }
-function R(r, c, e) {
-  const o = r.getAttribute("data-layout") || "grid", s = r.getAttribute("currency-alignment") || "after";
-  o === "list" ? C(r, c, s, e) : w(r, c, s, e);
+function P(r, n, e) {
+  const o = r.getAttribute("data-layout") || "grid", i = r.getAttribute("currency-alignment") || "after";
+  o === "list" ? w(r, n, i, e) : R(r, n, i, e);
 }
-function b(r, c, e) {
-  const o = new RegExp(`${c}\\s*:\\s*(\\d+)\\s*px`, "i"), s = r.match(o);
-  return s ? parseInt(s[1]) : e;
+function b(r, n, e) {
+  const o = new RegExp(`${n}\\s*:\\s*(\\d+)\\s*px`, "i"), i = r.match(o);
+  return i ? parseInt(i[1]) : e;
 }
-function P(r, c) {
+function T(r, n) {
   let e = r.parentElement;
-  for (; e && e !== c; ) {
+  for (; e && e !== n; ) {
     if (e.tagName === "TD") {
       const o = e.getAttribute("width");
       if (o && o.endsWith("%") && parseFloat(o) < 100)
@@ -131,40 +137,40 @@ function P(r, c) {
   }
   return null;
 }
-function T(r) {
-  const c = r.getAttribute("style") || "", e = b(c, "width", 600), o = b(c, "padding", 0) * 2, s = Math.max(0, e - o);
-  s !== 0 && r.querySelectorAll("img.adapt-img").forEach((n) => {
-    if (n.hasAttribute("width"))
+function v(r) {
+  const n = r.getAttribute("style") || "", e = b(n, "width", 600), o = b(n, "padding", 0) * 2, i = Math.max(0, e - o);
+  i !== 0 && r.querySelectorAll("img.adapt-img").forEach((c) => {
+    if (c.hasAttribute("width"))
       return;
-    const t = P(n, r);
+    const t = T(c, r);
     if (!t)
       return;
-    const i = t.getAttribute("width"), a = parseFloat(i), u = b(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(s * a / 100), l = Math.max(1, p - u);
-    n.setAttribute("width", String(l));
-    const d = n.getAttribute("style") || "";
+    const s = t.getAttribute("width"), a = parseFloat(s), u = b(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(i * a / 100), l = Math.max(1, p - u);
+    c.setAttribute("width", String(l));
+    const d = c.getAttribute("style") || "";
     if (!/\bwidth\s*:\s*\d/i.test(d)) {
       const m = d && !d.trim().endsWith(";") ? "; " : "";
-      n.setAttribute("style", `${d}${m}width: ${l}px`);
+      c.setAttribute("style", `${d}${m}width: ${l}px`);
     }
   });
 }
-function v(r, c) {
+function O(r, n) {
   const e = r.match(/<!DOCTYPE[^>]*>/i);
   return (e ? `${e[0]}
-` : "") + c.documentElement.outerHTML;
+` : "") + n.documentElement.outerHTML;
 }
 function N(r) {
-  const c = r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(c, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
+  const n = r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(n, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return r;
-  const { buildCampaignUrl: s } = g(), n = q();
-  n.recommendationCampaignUrls = {};
-  const { isFeatureEnabled: t } = S(), i = t("liquidSyntax") ? "reco_" : "";
+  const { buildCampaignUrl: i } = _(), c = C();
+  c.recommendationCampaignUrls = {};
+  const { isFeatureEnabled: t } = g(), s = t("liquidSyntax") ? "reco_" : "";
   return o.forEach((u) => {
     var l, d;
     const p = u.getAttribute("recommendation-id");
-    p && ((l = u.parentNode) == null || l.insertBefore(e.createComment("REC_START"), u), (d = u.parentNode) == null || d.insertBefore(e.createComment("REC_END"), u.nextSibling), u.querySelectorAll('[data-visibility="0"]').forEach((m) => m.remove()), s(p), R(u, p, i), T(u));
-  }), v(c, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+    p && ((l = u.parentNode) == null || l.insertBefore(e.createComment("REC_START"), u), (d = u.parentNode) == null || d.insertBefore(e.createComment("REC_END"), u.nextSibling), u.querySelectorAll('[data-visibility="0"]').forEach((m) => m.remove()), i(p), P(u, p, s), v(u));
+  }), O(n, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
   y as formatPriceVariable,

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

@@ -453,7 +453,7 @@ const N = () => ({
         details: !0,
         campaignId: o.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = r.productIds.slice(0, s).join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0);
+      r.strategy === "manualMerchandising" ? a.productId = r.productIds.join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0);
       let f;
       try {
         f = await h.fetchRecommendationProducts(i, a);

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .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-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__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-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-b293a2b0]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-b293a2b0]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-b293a2b0]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .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-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{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-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-90ce2966] .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-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__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-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .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-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{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-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.64.0" } }, s = {
+const o = { stripo: { version: "2.65.0" } }, s = {
   guido: o
 };
 export {

package/dist/src/components/Guido.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     };
     hasChanges: import("vue").ComputedRef<boolean>;
     saveSilent: () => Promise<Omit<SavedTemplateDetails, "metadata" | "silent"> | undefined> | undefined;
+    setLoading: (value: boolean) => void;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: {
         text: string;

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.5.1",
+  "version": "3.6.0-beta.1564c9b",
   "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",
@@ -92,7 +92,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.64.0"
+      "version": "2.65.0"
     }
   }
 }