@useinsider/guido 3.18.1-beta.d0bc5f3 → 3.18.1-beta.d82285c

package/dist/composables/useHtmlValidator.js

@@ -1,7 +1,7 @@
 import { useConfig as V } from "./useConfig.js";
 import { getIgnoredRecommendationBlockIds as M } from "../config/compiler/utils/recommendationIgnoreUtils.js";
 import { TemplateTypes as W } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as G, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as X, DATA_ATTRIBUTE_REGEX as $, DYNAMIC_CONTENT_TAG_REGEX as K, ALLOWED_DYNAMIC_SYSTEM_TOKENS as Y, VALID_DYNAMIC_VARIABLE_REGEX as U } from "../enums/html-validator.js";
+import { DISPLAY_CONDITIONS_REGEX as G, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as K, CanNotMakeAnyChangesForRunningKey as P, DATA_ATTRIBUTE_REGEX as X, DYNAMIC_CONTENT_TAG_REGEX as Y, ALLOWED_DYNAMIC_SYSTEM_TOKENS as $, VALID_DYNAMIC_VARIABLE_REGEX as U } from "../enums/html-validator.js";
 import { ToasterTypeOptions as c } from "../enums/toaster.js";
 import { BLOCK_ROOT_SELECTOR as j } from "../extensions/Blocks/Checkbox/constants/selectors.js";
 import { itemsBlockDynamicVariables as q } from "../extensions/Blocks/Items/enums/productEnums.js";
@@ -9,58 +9,58 @@ import { BLOCK_ROOT_SELECTOR as z } from "../extensions/Blocks/RadioButton/const
 import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as Z } from "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useRecommendationExtensionStore as J } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { filterToProductAttrValue as Q } from "../extensions/Blocks/Recommendation/utils/compositionKeys.js";
-import { RecommendationRequiredFieldsKey as ee } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
-import { useRecommendationStore as te } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as ne } from "../utils/base64.js";
-import { computed as se } from "vue";
-import { useHttp as re } from "./useHttp.js";
-import { useToaster as oe } from "./useToaster.js";
-import { useTranslations as ie } from "./useTranslations.js";
-const ae = /recommendation-id="(\d+)"/g;
-function ce(s) {
-  return [...s.matchAll(ae)].map((l) => l[1]);
+import { STRATEGY_FIELD_KEY as ee, RecommendationAssignStrategyKey as te, RecommendationRequiredFieldsKey as ne } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
+import { useRecommendationStore as se } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as re } from "../utils/base64.js";
+import { computed as oe } from "vue";
+import { useHttp as ie } from "./useHttp.js";
+import { useToaster as ae } from "./useToaster.js";
+import { useTranslations as ce } from "./useTranslations.js";
+const le = /recommendation-id="(\d+)"/g;
+function me(s) {
+  return [...s.matchAll(le)].map((m) => m[1]);
 }
-function me(s, l) {
-  return l.some((f) => s.startsWith(`${f}_`));
+function ue(s, m) {
+  return m.some((f) => s.startsWith(`${f}_`));
 }
-const le = /^(\d+)_\d+_(.+)$/;
-function ue(s) {
-  const l = s.match(le);
-  return l ? { recoId: l[1], attribute: l[2] } : null;
+const de = /^(\d+)_\d+_(.+)$/;
+function fe(s) {
+  const m = s.match(de);
+  return m ? { recoId: m[1], attribute: m[2] } : null;
 }
-function de(s) {
-  const l = new Set(Z);
+function ge(s) {
+  const m = new Set(Z);
   return Object.values(s).forEach((f) => {
-    l.add(Q(f).toLowerCase());
-  }), l;
+    m.add(Q(f).toLowerCase());
+  }), m;
 }
-function fe(s, l, f, o, d) {
+function pe(s, m, f, o, d) {
   const u = s.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
   if (!u)
     return [];
-  const g = new Set(l.map((C) => C.toLowerCase())), E = [];
+  const p = new Set(m.map((C) => C.toLowerCase())), E = [];
   return u.forEach((C) => {
-    const p = C.slice(2, -2).trim().toLowerCase();
-    if (p !== "" && g.has(p))
+    const g = C.slice(2, -2).trim().toLowerCase();
+    if (g !== "" && p.has(g))
       return;
-    const h = ue(p);
-    if (h && o.has(h.recoId)) {
-      if (!d || d.has(h.attribute))
+    const y = fe(g);
+    if (y && o.has(y.recoId)) {
+      if (!d || d.has(y.attribute))
         return;
-      E.push(p);
+      E.push(g);
       return;
     }
-    me(p, f) || p.includes(".") || E.push(p);
+    ue(g, f) || g.includes(".") || E.push(g);
   }), E;
 }
-function pe(s) {
-  return (s.replace($, "$1").match(K) ?? []).filter((o) => {
-    const d = o.slice(2, -2), u = d.indexOf("|"), g = (u === -1 ? d : d.slice(0, u)).trim();
-    return Y.includes(g) ? !1 : U.test(g) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
+function Ee(s) {
+  return (s.replace(X, "$1").match(Y) ?? []).filter((o) => {
+    const d = o.slice(2, -2), u = d.indexOf("|"), p = (u === -1 ? d : d.slice(0, u)).trim();
+    return $.includes(p) ? !1 : U.test(p) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
   });
 }
-const De = () => {
-  const { showToaster: s } = oe(), { post: l } = re(), { config: f } = V(), o = ie(), d = te(), u = J(), g = se(
+const ke = () => {
+  const { showToaster: s } = ae(), { post: m } = ie(), { config: f } = V(), o = ce(), d = se(), u = J(), p = oe(
     () => {
       var e, t;
       return ((t = (e = f.value) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) === W.transactional;
@@ -73,27 +73,27 @@ const De = () => {
     } catch {
       return null;
     }
-    return de(u.filterList);
+    return ge(u.filterList);
   }, C = async (e) => {
-    const n = await l(
+    const n = await m(
       "/newsletter/template-library/check-template-html-body",
-      { html: ne(e) }
+      { html: re(e) }
     ), { status: r, message: a } = n.data;
     return r || s({
       type: c.Error,
       message: r === void 0 ? a : o("newsletter.invalid-url-link-for-toaster")
-    }), o(P), a === o(X) && s({
+    }), o(K), a === o(P) && s({
       type: c.Error,
       message: o("newsletter.already-in-progress")
     }), r;
-  }, p = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), h = (e) => ["if", "endif"].includes(e.toLowerCase()), T = (e, t) => {
+  }, g = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), y = (e) => ["if", "endif"].includes(e.toLowerCase()), I = (e, t) => {
     const n = e.match(/({%(.*?)%})/g);
     let r = !0;
-    return n !== null && !g.value && n.forEach((a) => {
+    return n !== null && !p.value && n.forEach((a) => {
       const i = a.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (i && i.length > 0) {
-        const [m] = i;
-        p(m) && !t.includes(m) && (s({
+        const [l] = i;
+        g(l) && !t.includes(l) && (s({
           type: c.Warning,
           message: o("custom-fields.invalid-custom-fields")
         }), r = !1);
@@ -101,11 +101,11 @@ const De = () => {
     }), r;
   }, R = async (e, t, n) => {
     const r = n ? await C(e) : !0;
-    return T(e, t) && r;
-  }, b = (e) => e.length > 0 ? !0 : (s({
+    return I(e, t) && r;
+  }, A = (e) => e.length > 0 ? !0 : (s({
     type: c.Warning,
     message: o("newsletter.html-content-is-empty")
-  }), !1), A = (e) => {
+  }), !1), _ = (e) => {
     const t = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
     return t > n && s({
       type: c.Warning,
@@ -114,26 +114,26 @@ const De = () => {
       type: c.Warning,
       message: o("custom-fields.missing-opening-braces")
     }), t === n;
-  }, _ = (e) => {
-    const t = pe(e).length === 0;
+  }, b = (e) => {
+    const t = Ee(e).length === 0;
     return t || s({
       type: c.Warning,
       message: o("custom-fields.invalid-custom-fields")
     }), t;
   }, O = (e, t, n, r) => {
-    if (g.value)
+    if (p.value)
       return !0;
-    const a = fe(
+    const a = pe(
       e,
       t,
-      ce(e),
+      me(e),
       n,
       r
     );
     if (a.length > 0) {
       const i = `
                 <ul>
-                    ${a.map((m) => `<li>${m}</li>`).join("")}
+                    ${a.map((l) => `<li>${l}</li>`).join("")}
                 </ul>
             `;
       return s({
@@ -146,22 +146,22 @@ const De = () => {
     const t = e.match(/{%(.*?)%}/g), n = [];
     let r = !0;
     if (t && t.forEach((a) => {
-      const i = a.match(G), m = a.match(H), v = (i == null ? void 0 : i.join("")) || "";
-      (!i || a !== v) && !m && (s({
+      const i = a.match(G), l = a.match(H), v = (i == null ? void 0 : i.join("")) || "";
+      (!i || a !== v) && !l && (s({
         type: c.Error,
         message: o("newsletter.display-conditions-invalid-syntax")
-      }), r = !1), i && i.forEach((y) => {
-        y.trim() === "=" && (s({
+      }), r = !1), i && i.forEach((h) => {
+        h.trim() === "=" && (s({
           type: c.Error,
           message: o("custom-conditions.wrong-equality-operators")
         }), r = !1);
-        const I = y.match(/^[a-zA-Z]*$/g);
-        I && I.forEach((S) => {
-          h(S) && n.push(S);
+        const S = h.match(/^[a-zA-Z]*$/g);
+        S && S.forEach((T) => {
+          y(T) && n.push(T);
         });
       });
     }), n.length) {
-      const a = n.filter((m) => m === "if"), i = n.filter((m) => m === "endif");
+      const a = n.filter((l) => l === "if"), i = n.filter((l) => l === "endif");
       a.length !== i.length && (s({
         type: c.Error,
         message: o("custom-conditions.missing-if-endif-tag")
@@ -177,23 +177,28 @@ const De = () => {
   }, N = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (s({
     type: c.Warning,
     message: o("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, B = () => u.hasInvalidBlock() ? (s({
-    type: c.Error,
-    message: o(ee)
-  }), !1) : !0, x = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((n) => n.value === "")) !== void 0 ? (s({
+  }), !1) : !0, B = () => {
+    if (!u.hasInvalidBlock())
+      return !0;
+    const e = u.invalidBlockFields().includes(ee);
+    return s({
+      type: e ? c.Warning : c.Error,
+      message: o(e ? te : ne)
+    }), !1;
+  }, x = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((n) => n.value === "")) !== void 0 ? (s({
     type: c.Error,
     message: o("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, D = (e) => {
+  }), !1) : !0, F = (e) => {
     const t = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(t) === null ? !0 : (s({
       type: c.Error,
       message: o("newsletter.invalid-image-type")
     }), !1);
-  }, F = (e) => {
+  }, D = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(j);
     return Array.from(r).find((i) => {
-      var m;
-      return !((m = i.id) != null && m.trim());
+      var l;
+      return !((l = i.id) != null && l.trim());
     }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-checkbox-groups")
@@ -201,26 +206,26 @@ const De = () => {
   }, k = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(z);
     return Array.from(r).find((i) => {
-      var m;
-      return !((m = i.id) != null && m.trim());
+      var l;
+      return !((l = i.id) != null && l.trim());
     }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, t, n = !1) => {
-    var v, y;
+    var v, h;
     const r = [
-      ...t.map((I) => I.value),
+      ...t.map((S) => S.value),
       ...q,
-      ...((y = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : y.customFieldAttributes) ?? []
+      ...((h = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : h.customFieldAttributes) ?? []
     ], a = M(e), i = await E(a);
-    return await R(e, r, n) && b(e) && A(e) && _(e) && O(e, r, a, i) && w(e) && L(e) && N(e) && B() && x() && D(e) && F(e) && k(e);
+    return await R(e, r, n) && A(e) && _(e) && b(e) && O(e, r, a, i) && w(e) && L(e) && N(e) && B() && x() && F(e) && D(e) && k(e);
   } };
 };
 export {
-  de as buildPartnerAttributeNameSet,
-  fe as findInvalidCustomFields,
-  ue as parseRecommendationVariable,
-  De as useHtmlValidator
+  ge as buildPartnerAttributeNameSet,
+  pe as findInvalidCustomFields,
+  fe as parseRecommendationVariable,
+  ke as useHtmlValidator
 };

package/dist/composables/useRecommendation.js

@@ -1,22 +1,22 @@
 import { getRecommendationFeedSourceMaps as y, URLS as I } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as f } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
 import { useConfigStore as P } from "../stores/config.js";
 const B = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: i,
+    mobileLeftPadding: a,
     mobileRightPadding: c,
-    cardsInRow: s,
+    cardsInRow: i,
     unresponsive: n
   }) => {
-    const o = n ? s : 1, e = i + c + (o - 1) * R;
+    const o = n ? i : 1, e = a + c + (o - 1) * R;
     return (C - e) / o;
   },
-  getRecommendationCampaignData: (i) => {
-    const c = l(), s = Number(i), n = c.blockStates[s];
+  getRecommendationCampaignData: (a) => {
+    const c = f(), i = Number(a), n = c.blockStates[i];
     if (!n)
       return {
         textTrimming: !1,
@@ -44,17 +44,17 @@ const B = () => ({
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (i, c) => {
-    var m;
-    const s = l(), n = P(), o = Number(i);
+  buildCampaignUrl: (a, c) => {
+    var l;
+    const i = f(), n = P(), o = Number(a);
     let e;
     if (c)
       e = c;
     else {
-      const a = s.blockStates[o];
-      if (!a)
+      const s = i.blockStates[o];
+      if (!s)
         return "";
-      const { recommendationConfigs: r } = a;
+      const { recommendationConfigs: r } = s;
       e = {
         strategy: r.strategy,
         strategyId: r.strategyId,
@@ -67,17 +67,20 @@ const B = () => ({
       };
     }
     if (e.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy"))
-      return s.recommendationCampaignUrls[i] = {
+      return i.recommendationCampaignUrls[a] = {
         strategyId: e.strategyId,
         locale: e.language,
         currency: e.currencyCode
       }, "";
-    const g = ((m = y().find((a) => a.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    const d = ((l = y().find((s) => s.key === e.strategy)) == null ? void 0 : l.path) || "";
+    if (!d)
+      return delete i.recommendationCampaignUrls[a], "";
+    const 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", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const f = e.filters.filter((a) => a.isValid), d = b(f);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
-    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${g}?${p}`;
-    return s.recommendationCampaignUrls[i] = u, u;
+    const g = e.filters.filter((s) => s.isValid), u = b(g);
+    u && t.set("filter", u), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([s, r]) => t.set(s, r));
+    const p = decodeURIComponent(t.toString()), m = `${I.RECOMMENDATION_API_URL}/v2/${d}?${p}`;
+    return i.recommendationCampaignUrls[a] = m, m;
   }
 });
 export {

package/dist/extensions/Blocks/Recommendation/block.js

@@ -1,37 +1,37 @@
-var R = Object.defineProperty;
-var B = (a, c, t) => c in a ? R(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
-var p = (a, c, t) => B(a, typeof c != "symbol" ? c + "" : c, t);
-import { useConfig as D } from "../../../composables/useConfig.js";
-import { BlockId as y } from "../../../enums/block.js";
-import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
-import { Block as b, BlockCompositionType as A, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENT_CONFIG_VERSION as E, PRE_RRS_CONFIG_VERSION as S } from "./constants/defaultConfig.js";
+var D = Object.defineProperty;
+var y = (l, c, t) => c in l ? D(l, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[c] = t;
+var f = (l, c, t) => y(l, typeof c != "symbol" ? c + "" : c, t);
+import { useConfig as C } from "../../../composables/useConfig.js";
+import { BlockId as b } from "../../../enums/block.js";
+import { getMigrationBannerHtml as A } from "../../../utils/migrationBannerHtml.js";
+import { Block as E, BlockCompositionType as S, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as O } from "./constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as m } from "./constants/selectors.js";
-import { regenerateMobileProductRows as N } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as h, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as O } from "./controls/mobileLayout/cssRules.js";
+import { regenerateMobileProductRows as M } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as _, setMobileLayoutOptOut as I, hasMobileLayoutOptOut as w } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
-import { getDefaultTemplate as M } from "./templates/grid/template.js";
-import { useRecommendationBlockWarning as w } from "./useRecommendationBlockWarning.js";
-const _ = y.Recommendation, u = "recommendation-block-v2", I = "hide-price";
-let k = !1;
-class W extends b {
+import { getDefaultTemplate as x } from "./templates/grid/template.js";
+import { useRecommendationBlockWarning as H } from "./useRecommendationBlockWarning.js";
+const k = b.Recommendation, u = "recommendation-block-v2", R = "hide-price";
+let B = !1;
+class j extends E {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    p(this, "_pendingBlockId", null);
+    f(this, "_pendingBlockId", null);
   }
   getId() {
-    return _;
+    return k;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return A.CONTAINER;
+    return S.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -42,8 +42,8 @@ class W extends b {
     );
   }
   getSettingsPanelTitleHtml() {
-    return C(
-      _,
+    return A(
+      k,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
     );
@@ -66,7 +66,7 @@ class W extends b {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, M(t);
+    return this._pendingBlockId = t, x(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -89,23 +89,27 @@ class W extends b {
     }
     const i = this._pendingBlockId ?? this._generateNextId();
     this._pendingBlockId = null, this._assignRecommendationId(t, i);
-    const { config: n, wasFreshDrop: o } = s.initializeConfig(
+    const n = C().isFeatureEnabled("reusableRecommendationStrategy"), o = n && !s.hasConfig(t), { config: r, wasFreshDrop: a } = s.initializeConfig(
       this.api,
       t,
       {
         recommendationId: i,
-        configVersion: D().isFeatureEnabled("reusableRecommendationStrategy") ? E : S
+        configVersion: n ? N : O,
+        // An RRS block picks a strategy, not an algorithm, and its algorithm control is
+        // hidden. Keeping the `mostPopular` default would bake a most-popular feed URL
+        // at save for a block the user never configured.
+        ...o ? { strategy: "" } : {}
       }
-    ), r = d();
-    if (r.setCurrentBlock(i), this._stampHidePrice(t, n.priceHideIfSameAsDiscounted), o) {
-      h(this.api);
-      const l = this._getBlockElement(t);
-      l && (f(this.api, l, !0), N({
+    ), p = d();
+    if (p.setCurrentBlock(i), this._stampHidePrice(t, r.priceHideIfSameAsDiscounted), a) {
+      _(this.api);
+      const h = this._getBlockElement(t);
+      h && (I(this.api, h, !0), M({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
     }
-    r.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
+    p.patchCurrentBlockConfig({ language: r.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
   }
   /**
    * Called when the document changes or template is loaded
@@ -127,11 +131,11 @@ class W extends b {
       }
       this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        k || (h(this.api), k = !0);
+        B || (_(this.api), B = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          O(i) !== n && f(this.api, i, n);
+          w(i) !== n && I(this.api, i, n);
         }
       } catch {
       }
@@ -161,7 +165,7 @@ class W extends b {
    */
   _warnIfMultipleBlocks() {
     try {
-      w().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
+      H().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
     } catch {
     }
   }
@@ -211,9 +215,9 @@ class W extends b {
         if (!o)
           return;
         let r = -1;
-        for (let l = 0; l < n.length; l++)
-          if (n[l] === o) {
-            r = l;
+        for (let a = 0; a < n.length; a++)
+          if (n[a] === o) {
+            r = a;
             break;
           }
         if (r <= 0)
@@ -293,7 +297,7 @@ class W extends b {
    */
   _stampHidePrice(t, e) {
     const i = this._getBlockElement(t);
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(I, String(e)).apply(new g("Stamp hide-price"));
+    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(R, String(e)).apply(new g("Stamp hide-price"));
   }
   /**
    * Stamps `hide-price` from config only when the block lacks the attribute —
@@ -301,7 +305,7 @@ class W extends b {
    */
   _healHidePriceAttr(t) {
     const e = this._getBlockElement(t);
-    if (!e || !("getAttribute" in e) || e.getAttribute(I) !== null)
+    if (!e || !("getAttribute" in e) || e.getAttribute(R) !== null)
       return;
     const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
     this._stampHidePrice(t, i);
@@ -338,6 +342,6 @@ class W extends b {
   }
 }
 export {
-  _ as BLOCK_ID,
-  W as RecommendationBlock
+  k as BLOCK_ID,
+  j as RecommendationBlock
 };

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

@@ -1,23 +1,23 @@
-import { getRecommendationFeedSourceMaps as k, strategyEditPath as G, URLS as F, getOperatorOptions as D, PriceAttributes as _ } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as L } from "../../../../services/recommendationApi.js";
-import { useConfigStore as N } from "../../../../stores/config.js";
-import { defineStore as U } from "pinia";
+import { getRecommendationFeedSourceMaps as k, strategyEditPath as G, URLS as D, getOperatorOptions as _, PriceAttributes as L } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as E } from "../../../../services/recommendationApi.js";
+import { useConfigStore as P } from "../../../../stores/config.js";
+import { defineStore as N } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as A, DEFAULT_CARDS_IN_ROW as E } from "../constants/layout.js";
-import { DEFAULT_NODE_CONFIG as x, EXCLUDED_ALGORITHM_IDS as M } from "../constants/defaultConfig.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as U, DEFAULT_CARDS_IN_ROW as A } from "../constants/layout.js";
+import { DEFAULT_NODE_CONFIG as x, EXCLUDED_ALGORITHM_IDS as B } from "../constants/defaultConfig.js";
 import { getDefaultProducts as C } from "../templates/utils.js";
 import { generateCompleteFilterQuery as v } from "../utils/filterUtil.js";
-import { getPartnerRecommendationParams as B } from "../utils/partnerCustomizations.js";
+import { getPartnerRecommendationParams as M } from "../utils/partnerCustomizations.js";
 import { sanitizeProductIds as O } from "../utils/productIds.js";
 import { isFilterValid as T } from "../validation/filterSchema.js";
-import { isConfigValid as z } from "../validation/requiredFields.js";
-const d = L();
+import { getInvalidFields as z, isConfigValid as V } from "../validation/requiredFields.js";
+const d = E();
 let h = null, g = null, S = null, p = null, y = 0;
-const I = /* @__PURE__ */ new Map();
-let m = null;
-function P() {
+const b = /* @__PURE__ */ new Map();
+let u = null;
+function F() {
   return {
-    cardsInRow: E,
+    cardsInRow: A,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -31,13 +31,17 @@ function P() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: A,
+    mobileCardsInRow: U,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
     sendProductRequestFlag: !1,
     shuffleProducts: !1,
-    strategy: "mostPopular",
+    // With RRS on, a block that has not been synced yet must not claim an algorithm:
+    // that default is what reached buildCampaignUrl and baked a most-popular feed URL
+    // for a block the user never configured (SD-149916). Legacy blocks still get their real
+    // algorithm from the node-config sync or the save-time seed.
+    strategy: P().isFeatureEnabled("reusableRecommendationStrategy") ? "" : "mostPopular",
     strategyId: "",
     textTrimming: !0,
     unresponsive: !1,
@@ -49,7 +53,7 @@ function P() {
 }
 function w() {
   return {
-    recommendationConfigs: P(),
+    recommendationConfigs: F(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -60,7 +64,7 @@ function w() {
     filterSnapshot: null
   };
 }
-const V = () => ({
+const j = () => ({
   recommendationCampaignUrls: {},
   activePredictiveAlgorithms: [],
   languages: {},
@@ -73,8 +77,8 @@ const V = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), rt = U("guidoRecommendationExtension", {
-  state: () => V(),
+}), nt = N("guidoRecommendationExtension", {
+  state: () => j(),
   getters: {
     // ====================================================================
     // Proxy Getters — Backward Compatible Access to Current Block State
@@ -84,7 +88,7 @@ const V = () => ({
      * This allows all existing code that reads `store.recommendationConfigs` to work unchanged.
      */
     recommendationConfigs(t) {
-      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : P();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : F();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -140,7 +144,7 @@ const V = () => ({
     },
     getActivePredictiveAlgorithms: (t) => {
       const e = k(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !M.includes(n)).forEach((n) => {
+      return t.activePredictiveAlgorithms.filter((n) => !B.includes(n)).forEach((n) => {
         r.push(...e.filter((s) => s.id === n));
       }), r.map((n) => ({
         text: n.name,
@@ -158,7 +162,7 @@ const V = () => ({
     getFilterList() {
       return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : _.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : L.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -287,7 +291,7 @@ const V = () => ({
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = D(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [n] = _(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
@@ -381,7 +385,7 @@ const V = () => ({
      * page, so anyone who never does pays nothing.
      */
     _armStrategyPageReturn(t) {
-      window.open(t, "_blank", "noopener"), m == null || m();
+      window.open(t, "_blank", "noopener"), u == null || u();
       let e = !1;
       const r = () => {
         document.hidden || e || (e = !0, this.invalidateStrategies(), this.fetchStrategies().then(() => this._refreshAssignedStrategyProducts()).catch(() => {
@@ -389,8 +393,8 @@ const V = () => ({
           e = !1;
         }));
       };
-      document.addEventListener("visibilitychange", r), window.addEventListener("focus", r), m = () => {
-        document.removeEventListener("visibilitychange", r), window.removeEventListener("focus", r), m = null;
+      document.addEventListener("visibilitychange", r), window.addEventListener("focus", r), u = () => {
+        document.removeEventListener("visibilitychange", r), window.removeEventListener("focus", r), u = null;
       };
     },
     /**
@@ -407,14 +411,14 @@ const V = () => ({
     },
     /** Lets the editor tear the return listeners down when it unmounts. */
     disposeStrategyPageReturn() {
-      m == null || m();
+      u == null || u();
     },
     /**
      * Opens Smart Recommender's strategy creation page. Every return refreshes the list so the
      * new strategy is offered; the user picks it themselves.
      */
     openStrategyCreation() {
-      this._armStrategyPageReturn(F.RECOMMENDATION_STRATEGY_CREATE_PATH);
+      this._armStrategyPageReturn(D.RECOMMENDATION_STRATEGY_CREATE_PATH);
     },
     /**
      * Opens the strategy's edit page. Every return refreshes the list so the block reflects the
@@ -558,7 +562,14 @@ const V = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !z(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !V(t.recommendationConfigs, this));
+    },
+    /**
+     * Which required fields are missing across the design's blocks, so the save
+     * toaster can name the cause instead of always showing the generic message.
+     */
+    invalidBlockFields() {
+      return Object.values(this.blockStates).flatMap((t) => z(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -579,12 +590,17 @@ const V = () => ({
     },
     async _doFetchProducts() {
       var f;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = N();
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = P();
       if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;
       }
-      const s = r.filters.filter((u) => u.isValid), i = v(s), o = ((f = k().find((u) => u.key === r.strategy)) == null ? void 0 : f.path) || "", c = parseInt(r.size) || 6, a = {
+      const s = parseInt(r.size) || 6;
+      if (!r.strategy) {
+        this._setBlockProducts(t, [], s);
+        return;
+      }
+      const i = r.filters.filter((m) => m.isValid), o = v(i), c = ((f = k().find((m) => m.key === r.strategy)) == null ? void 0 : f.path) || "", a = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: n.partnerName,
@@ -592,21 +608,21 @@ const V = () => ({
         details: !0,
         campaignId: n.variationId
       };
-      r.strategy === "manualMerchandising" ? a.productId = O(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), i && (a.filter = i), r.shuffleProducts && (a.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? a.productId = O(r.productIds) : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), o && (a.filter = o), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
-        B(n.partnerName, r.strategy)
+        M(n.partnerName, r.strategy)
       );
       let l;
       try {
-        l = await d.fetchRecommendationProducts(o, a);
+        l = await d.fetchRecommendationProducts(c, a);
       } catch {
         l = [];
       }
-      this._setBlockProducts(t, l, c);
+      this._setBlockProducts(t, l, s);
     },
     async _doFetchStrategyProducts(t) {
-      const e = (I.get(t) ?? 0) + 1;
-      I.set(t, e);
+      const e = (b.get(t) ?? 0) + 1;
+      b.set(t, e);
       const { recommendationConfigs: r } = this.blockStates[t];
       let n = [], s = parseInt(r.size) || 6;
       try {
@@ -616,13 +632,13 @@ const V = () => ({
         );
         if (i) {
           s = parseInt(String(i.size ?? "")) || s;
-          const o = r.currencySettings.value, a = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), l = a.indexOf("?"), f = l === -1 ? a : a.slice(0, l), u = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((R) => R && !R.startsWith("user_id=")), b = u.length ? `${f}?${u.join("&")}` : f;
-          b && (n = await d.fetchRecommendationProductsByUrl(b));
+          const o = r.currencySettings.value, a = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), l = a.indexOf("?"), f = l === -1 ? a : a.slice(0, l), m = (l === -1 ? "" : a.slice(l + 1)).split("&").filter((R) => R && !R.startsWith("user_id=")), I = m.length ? `${f}?${m.join("&")}` : f;
+          I && (n = await d.fetchRecommendationProductsByUrl(I));
         }
       } catch {
         n = [];
       }
-      I.get(t) === e && this._setBlockProducts(t, n, s);
+      b.get(t) === e && this._setBlockProducts(t, n, s);
     },
     _setBlockProducts(t, e, r) {
       if (!this.blockStates[t])
@@ -636,5 +652,5 @@ const V = () => ({
   }
 });
 export {
-  rt as useRecommendationExtensionStore
+  nt as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/Recommendation/validation/requiredFields.js

@@ -1,34 +1,43 @@
-const l = [
+const o = "strategy", u = [
   {
     key: "locale",
     getValue: (e) => e.language,
     getAvailableOptions: (e) => Object.keys(e.languages)
   },
+  {
+    // A block feeds from either an assigned strategy (RRS) or an algorithm (legacy).
+    // Only a fresh RRS block has neither, and its feed URL would otherwise be built
+    // from an empty algorithm path.
+    key: o,
+    getValue: (e) => e.strategyId || e.strategy
+  },
   {
     key: "currency",
     getValue: (e) => e.currencySettings.value,
     getAvailableOptions: (e) => e.currencyList.map((n) => n.text),
     canBeEmpty: !0
   }
-], o = "newsletter.recommendation-fill-required-fields";
-function c(e, n, i = l) {
+], l = "newsletter.recommendation-fill-required-fields", g = "newsletter.recommendation-assign-strategy";
+function c(e, n, i = u) {
   return i.filter((t) => {
-    var u;
+    var s;
     if (t.condition && !t.condition(e))
       return !1;
-    const r = (u = t.getAvailableOptions) == null ? void 0 : u.call(t, n);
-    if (t.canBeEmpty && (r == null ? void 0 : r.length) === 0)
+    const a = (s = t.getAvailableOptions) == null ? void 0 : s.call(t, n);
+    if (t.canBeEmpty && (a == null ? void 0 : a.length) === 0)
       return !1;
-    const a = t.getValue(e);
-    return a ? r !== void 0 && !r.includes(a) : !0;
+    const r = t.getValue(e);
+    return r ? a !== void 0 && !a.includes(r) : !0;
   }).map((t) => t.key);
 }
-function s(e, n) {
+function y(e, n) {
   return c(e, n).length === 0;
 }
 export {
-  l as REQUIRED_RECOMMENDATION_FIELDS,
-  o as RecommendationRequiredFieldsKey,
+  u as REQUIRED_RECOMMENDATION_FIELDS,
+  g as RecommendationAssignStrategyKey,
+  l as RecommendationRequiredFieldsKey,
+  o as STRATEGY_FIELD_KEY,
   c as getInvalidFields,
-  s as isConfigValid
+  y as isConfigValid
 };

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

@@ -494,6 +494,11 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock(): boolean;
+    /**
+     * Which required fields are missing across the design's blocks, so the save
+     * toaster can name the cause instead of always showing the generic message.
+     */
+    invalidBlockFields(): string[];
     fetchRecommendationProducts(): Promise<void>;
     _doFetchProducts(): Promise<void>;
     _doFetchStrategyProducts(blockId: number): Promise<void>;

package/dist/src/extensions/Blocks/Recommendation/validation/requiredFields.d.ts

@@ -15,7 +15,11 @@ export interface RequiredField {
     getAvailableOptions?: (store: ExtensionStoreSlice) => string[];
     condition?: (config: PerBlockConfigs) => boolean;
 }
+/** Field key of the strategy/algorithm descriptor, used to pick the toaster message. */
+export declare const STRATEGY_FIELD_KEY = "strategy";
 export declare const REQUIRED_RECOMMENDATION_FIELDS: RequiredField[];
 export declare const RecommendationRequiredFieldsKey = "newsletter.recommendation-fill-required-fields";
+/** Shown instead of the generic message when the only thing missing is the strategy. */
+export declare const RecommendationAssignStrategyKey = "newsletter.recommendation-assign-strategy";
 export declare function getInvalidFields(config: PerBlockConfigs, store: ExtensionStoreSlice, fields?: RequiredField[]): string[];
 export declare function isConfigValid(config: PerBlockConfigs, store: ExtensionStoreSlice): boolean;

package/dist/utils/templatePreparation.js

@@ -1,31 +1,31 @@
-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 d, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+import { useActionsApi as R } from "../composables/useActionsApi.js";
+import { useConfig as k } from "../composables/useConfig.js";
+import { useHtmlCompiler as N } from "../composables/useHtmlCompiler.js";
+import { CURRENT_CONFIG_VERSION as U, DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as T } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { mapLegacyStrategy as x } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
 import { DATA_ATTRIBUTES as A } 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 _ } from "../stores/unsubscribe.js";
+import { parsePageList as L } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as z } from "../stores/dynamic-content.js";
+import { useEditorStore as _ } from "../stores/editor.js";
+import { useUnsubscribeStore as O } from "../stores/unsubscribe.js";
 import { assignTrackingIds as v } from "./linkTrackingIds.js";
-function O(m) {
+function B(m) {
   const i = new DOMParser().parseFromString(m, "text/html").querySelectorAll(`[${A.PAGE_LIST}]`), t = [];
   return i.forEach((s) => {
-    const o = s.getAttribute(A.PAGE_LIST);
-    o && t.push(...R(o));
+    const r = s.getAttribute(A.PAGE_LIST);
+    r && t.push(...L(r));
   }), [...new Set(t)];
 }
-async function M(m) {
+async function G(m) {
   const n = new DOMParser().parseFromString(m, "text/html").querySelectorAll(".recommendation-block-v2");
   if (n.length === 0)
     return;
-  const i = C();
+  const i = T();
   n.forEach((t) => {
-    var r, l, g, f, c;
-    const s = t.getAttribute("recommendation-id"), o = s ? Number(s) : NaN;
-    if (!Number.isFinite(o))
+    var l, g, f, c, y;
+    const s = t.getAttribute("recommendation-id"), r = s ? Number(s) : NaN;
+    if (!Number.isFinite(r))
       return;
     const p = t.getAttribute("esd-ext-config");
     if (!p)
@@ -38,11 +38,11 @@ async function M(m) {
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const h = {
+    const b = !!e.strategyId || (e.configVersion ?? 0) >= U, 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) || a.strategy,
+      strategy: x(e.strategy) || (b ? "" : a.strategy),
       strategyId: e.strategyId ?? a.strategyId,
       language: e.language ?? a.language,
       size: e.size ?? a.size,
@@ -51,13 +51,13 @@ async function M(m) {
       productIds: e.productIds ?? [...a.productIds],
       filters: e.filters ?? [...a.filters],
       shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
-      currencyCode: ((r = e.currency) == null ? void 0 : r.code) ?? d.code,
-      currencyAlignment: ((l = e.currency) == null ? void 0 : l.alignment) ?? d.alignment,
-      currencyDecimalCount: ((g = e.currency) == null ? void 0 : g.decimalCount) ?? d.decimalCount,
-      currencyDecimalSeparator: ((f = e.currency) == null ? void 0 : f.decimalSeparator) ?? d.decimalSeparator,
-      currencyThousandSeparator: ((c = e.currency) == null ? void 0 : c.thousandSeparator) ?? d.thousandSeparator
+      currencyCode: ((l = e.currency) == null ? void 0 : l.code) ?? d.code,
+      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? d.alignment,
+      currencyDecimalCount: ((f = e.currency) == null ? void 0 : f.decimalCount) ?? d.decimalCount,
+      currencyDecimalSeparator: ((c = e.currency) == null ? void 0 : c.decimalSeparator) ?? d.decimalSeparator,
+      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? d.thousandSeparator
     };
-    i.seedBlockUrlConfig(o, h);
+    i.seedBlockUrlConfig(r, o);
   });
   try {
     await i.fetchRecommendationCreateData();
@@ -68,51 +68,51 @@ async function M(m) {
     );
   }
 }
-const Z = () => {
-  const m = N(), u = z(), n = _(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: s } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+const ee = () => {
+  const m = z(), u = _(), n = O(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: s } = R(), { compileHtml: r, compileAmpHtml: p } = N(), { isFeatureEnabled: e } = k();
   return {
     prepareTemplateDetails: async () => {
-      let { html: r, css: l, syncModulesIds: g = [] } = await t();
+      let { html: o, css: l, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
-          const { html: S, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = H, F && (r = S, await s(S, l));
-        } catch (S) {
-          console.error("Tracking-id step failed, saving anyway:", S);
+          const { html: h, changed: P, nextSeq: H } = v(o, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = H, P && (o = h, await s(h, l));
+        } catch (h) {
+          console.error("Tracking-id step failed, saving anyway:", h);
         }
-      const { html: f, ampHtml: c = "", ampErrors: T = [] } = await i({
+      const { html: f, ampHtml: c = "", ampErrors: y = [] } = await i({
         minimize: !0,
         resetDataSavedFlag: !1
       });
-      n.selectedUnsubscribePages.length && await n.fetchTemplates(), await M(r);
-      const { compiledHtml: I, stats: y, appliedRules: w } = o(f), D = c && p(c).compiledHtml, E = m.getSelectedDynamicContentList, P = C(), b = O(r);
+      n.selectedUnsubscribePages.length && await n.fetchTemplates(), await G(o);
+      const { compiledHtml: I, stats: S, appliedRules: E } = r(f), w = c && p(c).compiledHtml, D = m.getSelectedDynamicContentList, F = T(), C = B(o);
       return console.debug("HTML Compilation Stats:", {
-        originalSize: y.originalSize,
-        compiledSize: y.compiledSize,
-        reduction: `${y.reductionPercentage.toFixed(2)}%`,
-        appliedRules: w,
-        executionTime: `${y.executionTime.toFixed(2)}ms`
+        originalSize: S.originalSize,
+        compiledSize: S.compiledSize,
+        reduction: `${S.reductionPercentage.toFixed(2)}%`,
+        appliedRules: E,
+        executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: E,
+        dynamicContentList: D,
         compiledHtml: I,
-        rawHtml: r,
+        rawHtml: o,
         css: l,
-        ampHtml: D,
-        ampErrors: T,
+        ampHtml: w,
+        ampErrors: y,
         modules: g.map(Number),
         recommendation: {
-          campaignUrls: P.recommendationCampaignUrls,
+          campaignUrls: F.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: b.length > 0,
-          config: b
+          status: C.length > 0,
+          config: C
         }
       };
     }
   };
 };
 export {
-  O as getHtmlReferencedUnsubscribePages,
-  Z as useTemplatePreparation
+  B as getHtmlReferencedUnsubscribePages,
+  ee as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.1-beta.d0bc5f3",
+  "version": "3.18.1-beta.d82285c",
   "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",