@useinsider/guido 3.19.0 → 3.20.0-beta.05ce01c

package/dist/stores/save-validation.js

@@ -0,0 +1,30 @@
+import { defineStore as n } from "pinia";
+function i(e) {
+  const t = /* @__PURE__ */ new Set();
+  return e.filter((r) => {
+    const s = JSON.stringify([r.rule, r.message, r.detail ?? ""]);
+    return t.has(s) ? !1 : (t.add(s), !0);
+  });
+}
+const o = n("guidoSaveValidation", {
+  state: () => ({
+    errors: [],
+    isDrawerOpen: !1,
+    intent: null
+  }),
+  getters: {
+    errorCount: (e) => e.errors.length
+  },
+  actions: {
+    open(e, t) {
+      this.errors = i(e), this.intent = t, this.isDrawerOpen = !0;
+    },
+    // Errors are retained so rows don't blank during the ~300ms close animation.
+    close() {
+      this.isDrawerOpen = !1;
+    }
+  }
+});
+export {
+  o as useSaveValidationStore
+};

package/dist/stores/setup-settings.js

@@ -0,0 +1,10 @@
+import { defineStore as e } from "pinia";
+const o = e("guidoSetupSettings", {
+  state: () => ({
+    isEmailAutoSaveEnabled: !1,
+    isLoaded: !1
+  })
+});
+export {
+  o as useSetupSettingsStore
+};

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

@@ -1,100 +1,100 @@
-import { ITEMS_CURRENCY_ATTR as D, isCustomCurrencySymbol as G } from "../extensions/Blocks/Items/constants/currency.js";
-import { productPairs as L } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { ITEMS_CURRENCY_ATTR as x, isCustomCurrencySymbol as Y } from "../extensions/Blocks/Items/constants/currency.js";
+import { productPairs as w } from "../extensions/Blocks/Items/enums/productEnums.js";
 import { escapeReplacement as X } from "../extensions/Blocks/Items/utils/nodeConfigUtils.js";
-import { preserveTextStyles as F } from "./preserveTextStyles.js";
-import { unwrapProductNameLinks as Y } from "./unwrapProductNameLink.js";
-const x = {
+import { preserveTextStyles as P } from "./preserveTextStyles.js";
+import { unwrapProductNameLinks as v } from "./unwrapProductNameLink.js";
+const O = {
   CART_ITEMS: "ins_apr",
   BROWSED_ITEMS: "browsed_item",
   PURCHASED_ITEMS: "purchased_item"
-}, O = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
-function v(S, y, b) {
+}, q = (S) => S.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->");
+function B(S, y, b) {
   let h = y;
   for (; h > 0 && /\s/.test(S[h - 1]); )
     h -= 1;
   return b.some((I) => S.endsWith(I, h));
 }
-function K(S) {
-  const y = O(S), b = new DOMParser().parseFromString(y, "text/html");
-  Y(b);
-  const h = L.PAIRS_FOR_EXTENSION;
+function Z(S) {
+  const y = q(S), b = new DOMParser().parseFromString(y, "text/html");
+  v(b);
+  const h = w.PAIRS_FOR_EXTENSION;
   Object.entries(h).forEach(([n, d]) => {
     b.querySelectorAll(".ins-product-td").forEach((r) => {
       const E = r.getAttribute("data-number") || "1", m = r.getAttribute("data-type") || "CART_ITEMS";
       r.querySelectorAll(`[product-attr="${n}"]`).forEach((t) => {
-        var $, H, N;
-        const g = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, u = d[g];
-        if (u)
+        var $, F, D, N;
+        const g = t.getAttribute("data-type") || m, o = t.getAttribute("data-number") || E, f = d[g];
+        if (f)
           switch (n) {
             case "imageSrc": {
-              let e = null, s = null;
-              if (t.tagName === "IMG" ? (e = t, s = e.closest("a")) : (e = t.querySelector("img"), s = t.querySelector("a") || t.closest("a")), !e)
+              let e = null, a = null;
+              if (t.tagName === "IMG" ? (e = t, a = e.closest("a")) : (e = t.querySelector("img"), a = t.querySelector("a") || t.closest("a")), !e)
                 break;
-              const a = u.DEFAULT, l = u.ATTR;
-              if (a && e.src) {
-                const i = e.src;
-                a.some((_) => {
-                  const f = _.split("/").pop() || "", P = i.split("/").pop() || "";
-                  return i.includes(_) || i.includes(f) || P === f;
-                }) && (e.src = `{{${l}_${o}}}`);
+              const l = f.DEFAULT, c = f.ATTR;
+              if (l && e.src) {
+                const s = e.src;
+                l.some((R) => {
+                  const u = R.split("/").pop() || "", H = s.split("/").pop() || "";
+                  return s.includes(R) || s.includes(u) || H === u;
+                }) && (e.src = `{{${c}_${o}}}`);
               }
-              const c = (H = ($ = h.name) == null ? void 0 : $[g]) == null ? void 0 : H.ATTR;
-              if (c && e.setAttribute("alt", `{{${c}_${o}}}`), s) {
-                const i = (N = h.itemLink) == null ? void 0 : N[g];
-                if (i) {
-                  const R = i.HREF, _ = i.DEFAULT_HREF || "#!", f = s.href;
-                  (f === "#" || f === "" || f.endsWith("#!") || f.endsWith(_) || f === `${window.location.href}${_}` || !f || f === window.location.href) && (s.href = `{{${R}_${o}}}`);
+              const i = (F = ($ = h.name) == null ? void 0 : $[g]) == null ? void 0 : F.ATTR;
+              if (i && e.setAttribute("alt", `{{${i}_${o}}}`), a) {
+                const s = (D = h.itemLink) == null ? void 0 : D[g];
+                if (s) {
+                  const _ = s.HREF, R = s.DEFAULT_HREF || "#!", u = a.href;
+                  (u === "#" || u === "" || u.endsWith("#!") || u.endsWith(R) || u === `${window.location.href}${R}` || !u || u === window.location.href) && (a.href = `{{${_}_${o}}}`);
                 }
               }
               break;
             }
             case "name": {
-              const e = u, s = e.ATTR, a = e.DEFAULT_HREF || "#!", l = e.HREF;
-              t.textContent && (t.innerHTML = F(t, `{{${s}_${o}}}`));
-              const c = t.closest("a") || (t.tagName === "A" ? t : null);
-              if (c && l) {
-                const i = c.href, R = `${window.location.href}${a}`;
-                (i === R || i.endsWith(a)) && (c.href = `{{${l}_${o}}}`);
+              const e = f, a = e.ATTR, l = e.DEFAULT_HREF || "#!", c = e.HREF;
+              t.textContent && (t.innerHTML = P(t, `{{${a}_${o}}}`));
+              const i = t.closest("a") || (t.tagName === "A" ? t : null);
+              if (i && c) {
+                const s = i.href, _ = `${window.location.href}${l}`;
+                (s === _ || s.endsWith(l)) && (i.href = `{{${c}_${o}}}`);
               }
               break;
             }
             case "price":
             case "originalPrice": {
-              const e = u, s = t.getAttribute("data-formated"), a = t.getAttribute("data-single_price"), l = s === "true", c = a === "true", i = t.getAttribute(D.POSITION) || "before";
-              let R;
-              c ? R = l ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : R = l ? e.PRICE_FORMATTED : e.PRICE;
-              const _ = e.CURRENCY;
-              let f = `{{${R}_${o}}}`;
-              const P = (t.getAttribute(D.SYMBOL) || "").trim(), V = G(P);
+              const e = f, a = t.getAttribute("data-formated"), l = t.getAttribute("data-single_price"), c = a === "true", i = l === "true", s = t.getAttribute(x.POSITION) || "before";
+              let _;
+              i ? _ = c ? e.SINGLE_PRICE_FORMATTED : e.SINGLE_PRICE : _ = c ? e.PRICE_FORMATTED : e.PRICE;
+              const R = e.CURRENCY;
+              let u = `{{${_}_${o}}}`;
+              const H = (t.getAttribute(x.SYMBOL) || "").trim(), G = Y(H);
               let C = "";
-              V ? C = P : _ && (C = `{{${_}_${o}}}`), C && (f = i === "after" ? `${f} ${C}` : `${C} ${f}`), t.innerHTML = F(t, f);
+              G ? C = H : R && (C = `{{${R}_${o}}}`), C && (u = s === "after" ? `${u} ${C}` : `${C} ${u}`), t.innerHTML = P(t, u);
               break;
             }
             case "quantity": {
-              const e = u, s = e.ATTR, a = e.DEFAULT;
-              t.textContent && t.textContent.trim() === a && (t.innerHTML = F(t, `{{${s}_${o}}}`));
+              const e = f, a = e.ATTR, l = [e.DEFAULT, ...e.LEGACY_DEFAULTS], c = (N = t.textContent) == null ? void 0 : N.trim();
+              c && l.includes(c) && (t.innerHTML = P(t, `{{${a}_${o}}}`));
               break;
             }
             case "button": {
-              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t.tagName === "A" ? t : t.querySelector("a");
-              if (l) {
-                const c = l.href || "", i = `${window.location.href}${a}`;
-                (c === "" || c === "#" || c === i || c.endsWith(a) || c.endsWith("#!") || c === window.location.href) && (l.href = `{{${s}_${o}}}`);
+              const e = f, a = e.HREF, l = e.DEFAULT_HREF || "#!", c = t.tagName === "A" ? t : t.querySelector("a");
+              if (c) {
+                const i = c.href || "", s = `${window.location.href}${l}`;
+                (i === "" || i === "#" || i === s || i.endsWith(l) || i.endsWith("#!") || i === window.location.href) && (c.href = `{{${a}_${o}}}`);
               }
               break;
             }
             case "itemLink": {
-              const e = u, s = e.HREF, a = e.DEFAULT_HREF || "#!", l = t;
-              if (l.href) {
-                const c = l.href, i = `${window.location.href}${a}`;
-                (c === i || c.endsWith(a)) && (l.href = `{{${s}_${o}}}`);
+              const e = f, a = e.HREF, l = e.DEFAULT_HREF || "#!", c = t;
+              if (c.href) {
+                const i = c.href, s = `${window.location.href}${l}`;
+                (i === s || i.endsWith(l)) && (c.href = `{{${a}_${o}}}`);
               }
               break;
             }
             default: {
-              if ("ATTR" in u) {
-                const e = u.ATTR;
-                t.textContent && (t.innerHTML = F(t, `{{${e}_${o}}}`));
+              if ("ATTR" in f) {
+                const e = f.ATTR;
+                t.textContent && (t.innerHTML = P(t, `{{${e}_${o}}}`));
               }
               break;
             }
@@ -102,9 +102,9 @@ function K(S) {
       });
     });
   });
-  const I = y.match(/<!DOCTYPE[^>]*>/i), q = I ? `${I[0]}
-` : "", U = b.querySelectorAll(".ins-product-td"), M = [];
-  U.forEach((n) => {
+  const I = y.match(/<!DOCTYPE[^>]*>/i), U = I ? `${I[0]}
+` : "", W = b.querySelectorAll(".ins-product-td"), M = [];
+  W.forEach((n) => {
     const d = n.getAttribute("data-type") || "CART_ITEMS", p = n.getAttribute("data-number") || "1", r = n.outerHTML;
     M.push({
       element: n,
@@ -113,38 +113,38 @@ function K(S) {
       number: p
     });
   });
-  let A = q + b.documentElement.outerHTML;
+  let A = U + b.documentElement.outerHTML;
   M.reverse().forEach(({ outerHtml: n, type: d, number: p }) => {
-    const r = x[d], E = r ? `${r}_total_product_kind` : "";
+    const r = O[d], E = r ? `${r}_total_product_kind` : "";
     if (E) {
       const T = parseInt(p) - 1, o = `${`{% if ${E} > ${T} %}`}${n}{% endif %}`;
       A = A.replace(n, X(o));
     }
   });
-  const W = b.querySelectorAll('[product-attr="originalPrice"][data-type]'), w = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
-  return W.forEach((n) => {
+  const V = b.querySelectorAll('[product-attr="originalPrice"][data-type]'), L = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Set();
+  return V.forEach((n) => {
     var t;
     const d = n.getAttribute("data-number"), p = n.getAttribute("data-type");
-    if (!d || !x[p])
+    if (!d || !O[p])
       return;
     const r = n.closest(".product-original-price-class");
     if (!r || k.has(r))
       return;
     k.add(r);
-    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), T = w.get(E) ?? { number: d, type: p, wrap: [] };
-    T.wrap.push(m !== "false"), w.set(E, T);
-  }), w.forEach(({ number: n, type: d, wrap: p }, r) => {
+    const E = r.outerHTML, m = (t = n.closest(".ins-product-td")) == null ? void 0 : t.getAttribute("data-nodup"), T = L.get(E) ?? { number: d, type: p, wrap: [] };
+    T.wrap.push(m !== "false"), L.set(E, T);
+  }), L.forEach(({ number: n, type: d, wrap: p }, r) => {
     if (r.includes("{% if") || !p.some(Boolean))
       return;
-    const E = L.PAIRS_FOR_EXTENSION.price[d].PRICE, m = L.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, T = `{% if ${E}_${n} != ${m}_${n} %}`, t = [T, O(T)];
-    let g = "", o = 0, u = 0, $ = A.indexOf(r);
+    const E = w.PAIRS_FOR_EXTENSION.price[d].PRICE, m = w.PAIRS_FOR_EXTENSION.originalPrice[d].PRICE, T = `{% if ${E}_${n} != ${m}_${n} %}`, t = [T, q(T)];
+    let g = "", o = 0, f = 0, $ = A.indexOf(r);
     for (; $ !== -1; ) {
-      const H = p[u] === !0 && !v(A, $, t);
-      g += A.slice(o, $) + (H ? `${T}${r}{% endif %}` : r), o = $ + r.length, u += 1, $ = A.indexOf(r, o);
+      const F = p[f] === !0 && !B(A, $, t);
+      g += A.slice(o, $) + (F ? `${T}${r}{% endif %}` : r), o = $ + r.length, f += 1, $ = A.indexOf(r, o);
     }
     A = g + A.slice(o);
   }), A.replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  K as pairProductVariables
+  Z as pairProductVariables
 };

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/dist/utils/templatePreparation.js

@@ -1,32 +1,32 @@
 import { useActionsApi as k } from "../composables/useActionsApi.js";
-import { useConfig as U } from "../composables/useConfig.js";
-import { useHtmlCompiler as x } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as m, DEFAULT_NODE_CONFIG as n } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as A } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useConfig as N } from "../composables/useConfig.js";
+import { useHtmlCompiler as U } from "../composables/useHtmlCompiler.js";
+import { RRS_CONFIG_VERSION as x, DEFAULT_CURRENCY as m, DEFAULT_NODE_CONFIG as n } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as w } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-import { DATA_ATTRIBUTES as T } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
-import { useEditorStore as z } from "../stores/editor.js";
-import { useUnsubscribeStore as O } from "../stores/unsubscribe.js";
-import { isPlainObject as _ } from "./genericUtil.js";
-import { assignTrackingIds as v } from "./linkTrackingIds.js";
+import { DATA_ATTRIBUTES as A } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as z } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as O } from "../stores/dynamic-content.js";
+import { useEditorStore as _ } from "../stores/editor.js";
+import { useUnsubscribeStore as v } from "../stores/unsubscribe.js";
+import { isPlainObject as B } from "./genericUtil.js";
+import { assignTrackingIds as G } from "./linkTrackingIds.js";
 function M(l) {
-  const i = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${T.PAGE_LIST}]`), t = [];
+  const i = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
   return i.forEach((c) => {
-    const o = c.getAttribute(T.PAGE_LIST);
-    o && t.push(...R(o));
+    const r = c.getAttribute(A.PAGE_LIST);
+    r && t.push(...z(r));
   }), [...new Set(t)];
 }
-async function q(l) {
+async function I(l) {
   const a = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
   if (a.length === 0)
     return;
-  const i = A();
+  const i = w();
   a.forEach((t) => {
-    var r, d, g, f, s, y;
-    const c = t.getAttribute("recommendation-id"), o = c ? Number(c) : NaN;
-    if (!Number.isFinite(o))
+    var d, g, f, s, y, S;
+    const c = t.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
+    if (!Number.isFinite(r))
       return;
     const p = t.getAttribute("esd-ext-config");
     if (!p)
@@ -37,13 +37,13 @@ async function q(l) {
     } catch {
       return;
     }
-    if (!_(e))
+    if (!B(e))
       return;
-    const b = {
+    const C = !!e.strategyId || (e.configVersion ?? 0) >= x, o = {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
       // already-saved blocks that never re-run the migrator don't emit a
       // strategy-less campaign URL. `||` also catches '' / undefined (SD-144882).
-      strategy: L(e.strategy) || n.strategy,
+      strategy: L(e.strategy) || (C ? "" : n.strategy),
       strategyId: e.strategyId ?? n.strategyId,
       language: e.language ?? n.language,
       size: e.size ?? n.size,
@@ -52,14 +52,14 @@ async function q(l) {
       productIds: e.productIds ?? [...n.productIds],
       filters: e.filters ?? [...n.filters],
       shuffleProducts: e.shuffleProducts ?? n.shuffleProducts,
-      currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? m.code,
-      currencySymbol: ((d = e.currency) == null ? void 0 : d.symbol) ?? m.symbol,
-      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? m.alignment,
-      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? m.decimalCount,
-      currencyDecimalSeparator: ((s = e.currency) == null ? void 0 : s.decimalSeparator) ?? m.decimalSeparator,
-      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? m.thousandSeparator
+      currencyCode: ((d = e.currency) == null ? void 0 : d.code) ?? m.code,
+      currencySymbol: ((g = e.currency) == null ? void 0 : g.symbol) ?? m.symbol,
+      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? m.alignment,
+      currencyDecimalCount: ((s = e.currency) == null ? void 0 : s.decimalCount) ?? m.decimalCount,
+      currencyDecimalSeparator: ((y = e.currency) == null ? void 0 : y.decimalSeparator) ?? m.decimalSeparator,
+      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? m.thousandSeparator
     };
-    i.seedBlockUrlConfig(o, b);
+    i.seedBlockUrlConfig(r, o);
   });
   try {
     await i.fetchRecommendationCreateData();
@@ -70,51 +70,54 @@ async function q(l) {
     );
   }
 }
-const te = () => {
-  const l = N(), u = z(), a = O(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: c } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+const re = () => {
+  const l = O(), u = _(), a = v(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: c } = k(), { compileHtml: r, compileAmpHtml: p } = U(), { isFeatureEnabled: e } = N();
   return {
     prepareTemplateDetails: async () => {
-      let { html: r, css: d, syncModulesIds: g = [] } = await t();
+      let { html: o, css: d, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
-          const { html: h, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = H, F && (r = h, await c(h, d));
-        } catch (h) {
-          console.error("Tracking-id step failed, saving anyway:", h);
+          const { html: b, changed: R, nextSeq: H } = G(o, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = H, R && (o = b, await c(b, d));
+        } catch (b) {
+          console.error("Tracking-id step failed, saving anyway:", b);
         }
       const { html: f, ampHtml: s = "", ampErrors: y = [] } = await i({
         minimize: !0,
         resetDataSavedFlag: !1
       });
-      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await q(r);
-      const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = s && p(s).compiledHtml, P = l.getSelectedDynamicContentList, E = A(), C = M(r);
+      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await I(o);
+      const { compiledHtml: S, stats: h, appliedRules: D } = r(f), E = s && p(s).compiledHtml, P = l.getSelectedDynamicContentList, F = w(), T = M(o);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: S.originalSize,
-        compiledSize: S.compiledSize,
-        reduction: `${S.reductionPercentage.toFixed(2)}%`,
-        appliedRules: w,
-        executionTime: `${S.executionTime.toFixed(2)}ms`
+        originalSize: h.originalSize,
+        compiledSize: h.compiledSize,
+        reduction: `${h.reductionPercentage.toFixed(2)}%`,
+        appliedRules: D,
+        executionTime: `${h.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: P,
-        compiledHtml: I,
-        rawHtml: r,
+        compiledHtml: S,
+        rawHtml: o,
         css: d,
-        ampHtml: D,
+        ampHtml: E,
         ampErrors: y,
         modules: g.map(Number),
         recommendation: {
-          campaignUrls: E.recommendationCampaignUrls,
+          campaignUrls: F.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: C.length > 0,
-          config: C
+          status: T.length > 0,
+          config: T
         }
       };
-    }
+    },
+    // Exposed so the back/test validate-only path can seed the reco store the
+    // same way a full save does (required-field findings depend on it).
+    hydrateRecommendationStore: I
   };
 };
 export {
   M as getHtmlReferencedUnsubscribePages,
-  te as useTemplatePreparation
+  re as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.19.0",
+  "version": "3.20.0-beta.05ce01c",
   "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",
@@ -38,6 +38,7 @@
     "test:e2e-mutation": "node scripts/e2e-mutation-check.mjs",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
     "test": "vitest run --coverage",
+    "test:run": "vitest run",
     "test:watch": "vitest",
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
     "test:e2e:coverage": "E2E_COVERAGE=true playwright test",