@useinsider/guido 3.4.1-beta.6ed05e2 → 3.4.1-beta.8f6f02b

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

@@ -1,33 +1,33 @@
-var k = Object.defineProperty;
-var B = (a, i, t) => i in a ? k(a, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[i] = t;
-var d = (a, i, t) => B(a, typeof i != "symbol" ? i + "" : i, t);
-import { BlockId as _ } from "../../../enums/block.js";
-import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
-import { Block as b, BlockCompositionType as R, ModificationDescription as y } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { regenerateMobileProductRows as A } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as N } from "./controls/mobileLayout/cssRules.js";
+var B = Object.defineProperty;
+var C = (a, s, t) => s in a ? B(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t;
+var p = (a, s, t) => C(a, typeof s != "symbol" ? s + "" : s, t);
+import { BlockId as R } from "../../../enums/block.js";
+import { getMigrationBannerHtml as b } from "../../../utils/migrationBannerHtml.js";
+import { Block as A, BlockCompositionType as y, ModificationDescription as f } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { regenerateMobileProductRows as D } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as h, setMobileLayoutOptOut as I, hasMobileLayoutOptOut as E } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as c } from "./services/configService.js";
-import { useRecommendationExtensionStore as m } from "./store/recommendation.js";
-import { getDefaultTemplate as D } from "./templates/grid/template.js";
-const h = _.Recommendation, u = "recommendation-block-v2", l = "recommendation-id";
-let I = !1;
-class q extends b {
+import { useRecommendationExtensionStore as g } from "./store/recommendation.js";
+import { getDefaultTemplate as N } from "./templates/grid/template.js";
+const k = R.Recommendation, m = "recommendation-block-v2", u = "recommendation-id";
+let _ = !1;
+class q extends A {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    d(this, "_pendingBlockId", null);
+    p(this, "_pendingBlockId", null);
   }
   getId() {
-    return h;
+    return k;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return R.CONTAINER;
+    return y.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -38,8 +38,8 @@ class q extends b {
     );
   }
   getSettingsPanelTitleHtml() {
-    return C(
-      h,
+    return b(
+      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.")
     );
@@ -59,7 +59,7 @@ class q extends b {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, D(t);
+    return this._pendingBlockId = t, N(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -70,19 +70,21 @@ class q extends b {
    */
   onCreated(t) {
     const e = this._getRecommendationId(t);
-    if (e !== null && e > 0)
+    if (e !== null && e > 0) {
+      this._detectDuplicate(e) && this._handleDuplicate(t, e);
       return;
-    const o = this._pendingBlockId ?? this._generateNextId();
-    this._pendingBlockId = null, this._assignRecommendationId(t, o);
-    const { config: n, wasFreshDrop: s } = c.initializeConfig(
+    }
+    const i = this._pendingBlockId ?? this._generateNextId();
+    this._pendingBlockId = null, this._assignRecommendationId(t, i);
+    const { config: n, wasFreshDrop: o } = c.initializeConfig(
       this.api,
       t,
-      { recommendationId: o }
-    ), r = m();
-    if (r.setCurrentBlock(o), s) {
-      p(this.api);
-      const g = this._getBlockElement(t);
-      g && (f(this.api, g, !0), A({
+      { recommendationId: i }
+    ), r = g();
+    if (r.setCurrentBlock(i), o) {
+      h(this.api);
+      const l = this._getBlockElement(t);
+      l && (I(this.api, l, !0), D({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
@@ -109,11 +111,11 @@ class q extends b {
       }
       c.needsMigration(t) && this._migrateFromLegacy(t);
       try {
-        I || (p(this.api), I = !0);
-        const e = c.getConfig(t), o = this._getBlockElement(t);
-        if (o) {
+        _ || (h(this.api), _ = !0);
+        const e = c.getConfig(t), i = this._getBlockElement(t);
+        if (i) {
           const n = !e.mobileLayoutEnabled;
-          N(o) !== n && f(this.api, o, n);
+          E(i) !== n && I(this.api, i, n);
         }
       } catch {
       }
@@ -127,26 +129,7 @@ class q extends b {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && m().removeBlockState(e);
-  }
-  /**
-   * Lifecycle hook fired when Stripo's UI Duplicate button copies a block.
-   * Stripo passes an `HtmlNodeModifier` already targeting the cloned node;
-   * its mutations are committed when this method returns. We stamp a fresh
-   * `recommendation-id` on the clone and seed its blockStates entry from
-   * the source so the duplicate enters the DOM as a fully independent block
-   * — no shared id, no shared store, no API refetch flash.
-   *
-   * Stripo does NOT fire `onCreated` for blocks created via duplicate
-   * (per Block.d.ts:54-69 — `onCreated` is drag-and-drop only), so this
-   * hook is the sole production path for clone id assignment.
-   */
-  onCopy(t) {
-    const e = t.getTargetNode(), o = this._getRecommendationId(e), n = this._generateNextId(), s = c.getConfig(e);
-    if (t.setAttribute(l, n.toString()).setNodeConfig({ ...s, recommendationId: n }), o !== null && o > 0) {
-      const r = m();
-      r.cloneBlockState(o, n), r.setCurrentBlock(n);
-    }
+    e && g().removeBlockState(e);
   }
   /**
    * Generates the next unique recommendation ID by scanning all existing blocks
@@ -156,9 +139,9 @@ class q extends b {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${u}`).forEach((n) => {
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${m}`).forEach((n) => {
         if ("getAttribute" in n) {
-          const s = n.getAttribute(l), r = s ? parseInt(s) : 0;
+          const o = n.getAttribute(u), r = o ? parseInt(o) : 0;
           r > t && (t = r);
         }
       });
@@ -166,6 +149,49 @@ class q extends b {
     }
     return t + 1;
   }
+  /** True when another block already holds the same id — Stripo's duplication signal. */
+  _detectDuplicate(t) {
+    try {
+      const e = this.api.getDocumentRoot();
+      if (e && "querySelectorAll" in e)
+        return e.querySelectorAll(
+          `.${m}[${u}="${t}"]`
+        ).length > 1;
+    } catch {
+    }
+    return !1;
+  }
+  /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
+  _handleDuplicate(t, e) {
+    const i = this._generateNextId(), n = this._getBlockElement(t);
+    this._assignRecommendationId(t, i), n && this._reassignInstanceClass(n, e, i), c.hasConfig(t) && c.updateConfig(
+      this.api,
+      t,
+      { recommendationId: i },
+      `Reassign recommendation ID on duplicate (was ${e})`
+    );
+    const o = g();
+    o.cloneBlockState(e, i), o.setCurrentBlock(i);
+  }
+  /**
+   * Rewrites `ins-recommendation-v3-block-{id}` on the clone — the instance
+   * class scopes per-block CSS rules, so leaving the source's class would
+   * make stylistic edits leak between source and clone.
+   */
+  _reassignInstanceClass(t, e, i) {
+    if (!("getAttribute" in t))
+      return;
+    const n = t.getAttribute("class");
+    if (!n)
+      return;
+    const o = `ins-recommendation-v3-block-${e}`, r = `ins-recommendation-v3-block-${i}`;
+    if (!n.includes(o))
+      return;
+    const l = n.replace(o, r), d = this.api.getDocumentModifier();
+    d.modifyHtml(t).setAttribute("class", l), d.apply(new f(
+      `Reassign recommendation instance class ${o} -> ${r}`
+    ));
+  }
   /**
    * Assigns a recommendation-id attribute to the block element.
    * The instance class (ins-recommendation-v3-block-{id}) is embedded in the template
@@ -173,11 +199,11 @@ class q extends b {
    * added classes via setAttribute.
    */
   _assignRecommendationId(t, e) {
-    const o = this._getBlockElement(t);
-    if (!o)
+    const i = this._getBlockElement(t);
+    if (!i)
       return;
     const n = this.api.getDocumentModifier();
-    n.modifyHtml(o).setAttribute(l, e.toString()), n.apply(new y(`Assign recommendation ID ${e}`));
+    n.modifyHtml(i).setAttribute(u, e.toString()), n.apply(new f(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -186,10 +212,10 @@ class q extends b {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const o = e.getAttribute(l);
-    if (!o)
+    const i = e.getAttribute(u);
+    if (!i)
       return null;
-    const n = parseInt(o);
+    const n = parseInt(i);
     return Number.isNaN(n) ? null : n;
   }
   /**
@@ -198,10 +224,10 @@ class q extends b {
   _getBlockElement(t) {
     if ("getAttribute" in t) {
       const e = t.getAttribute("class");
-      if (e && e.includes(u))
+      if (e && e.includes(m))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${u}`) ?? null : null;
+    return "querySelector" in t ? t.querySelector(`.${m}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format
@@ -211,6 +237,6 @@ class q extends b {
   }
 }
 export {
-  h as BLOCK_ID,
+  k as BLOCK_ID,
   q as RecommendationBlock
 };

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

@@ -1,18 +1,18 @@
-import { getRecommendationFeedSourceMaps as S, getOperatorOptions as R, PriceAttributes as C } from "../../../../enums/extensions/recommendationBlock.js";
+import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as C } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as G } from "../../../../stores/config.js";
 import { defineStore as P } from "pinia";
-import { DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
-import { EXCLUDED_ALGORITHM_IDS as F } from "../constants/defaultConfig.js";
-import { getDefaultProducts as g } from "../templates/utils.js";
+import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
+import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
+import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
-import { isFilterValid as w } from "../validation/filterSchema.js";
-import { isConfigValid as v } from "../validation/requiredFields.js";
+import { isFilterValid as v } from "../validation/filterSchema.js";
+import { isConfigValid as w } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
-function k() {
+function I() {
   return {
-    cardsInRow: D,
+    cardsInRow: F,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -38,9 +38,9 @@ function k() {
     customAttributes: []
   };
 }
-function I() {
+function k() {
   return {
-    recommendationConfigs: k(),
+    recommendationConfigs: I(),
     recommendationProducts: [],
     filterStatus: !1,
     filterSelectionDrawerStatus: !1,
@@ -69,7 +69,7 @@ const N = () => ({
      * 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 : k();
+      return t.currentRecommendationId !== null && t.blockStates[t.currentRecommendationId] ? t.blockStates[t.currentRecommendationId].recommendationConfigs : I();
     },
     /**
      * Proxy getter: delegates to blockStates[currentRecommendationId].recommendationProducts
@@ -114,8 +114,8 @@ const N = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = S(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !F.includes(n)).forEach((n) => {
+      const e = g(), r = [];
+      return t.activePredictiveAlgorithms.filter((n) => !D.includes(n)).forEach((n) => {
         r.push(...e.filter((c) => c.id === n));
       }), r.map((n) => ({
         text: n.name,
@@ -155,7 +155,7 @@ const N = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: I()
+        [t]: k()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -175,31 +175,22 @@ const N = () => ({
       }
     },
     /**
-     * Copies blockStates[fromId] into a new blockStates[toId] entry so a
-     * duplicated block immediately renders the source's products/filters
-     * without re-fetching from the API (SD-142352). No-op when the source
-     * was never selected (no entry in blockStates) — the caller falls back
-     * to setCurrentBlock's default initialization.
+     * Deep-clones a block's state and mirrors its campaign URL under a new id.
+     * Invoked from `onCreated` when a duplicate is detected (SD-142352).
      */
     cloneBlockState(t, e) {
       const r = this.blockStates[t];
-      !r || this.blockStates[e] || (this.blockStates = {
-        ...this.blockStates,
-        [e]: {
-          ...r,
-          recommendationProducts: [...r.recommendationProducts],
-          recommendationConfigs: {
-            ...r.recommendationConfigs,
-            id: e,
-            filters: r.recommendationConfigs.filters.map((n) => ({ ...n })),
-            productIds: [...r.recommendationConfigs.productIds],
-            customAttributes: [...r.recommendationConfigs.customAttributes],
-            recommendedProducts: [...r.recommendationConfigs.recommendedProducts],
-            currencySettings: { ...r.recommendationConfigs.currencySettings }
-          },
-          filterSnapshot: null,
-          filterSelectionDrawerStatus: !1
-        }
+      if (r) {
+        const o = structuredClone(r);
+        o.recommendationConfigs.id = e, this.blockStates = {
+          ...this.blockStates,
+          [e]: o
+        };
+      }
+      const n = t.toString(), c = e.toString(), i = this.recommendationCampaignUrls[n];
+      i && (this.recommendationCampaignUrls = {
+        ...this.recommendationCampaignUrls,
+        [c]: i
       });
     },
     /**
@@ -232,7 +223,7 @@ const N = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, c = !this.blockStates[t], i = c ? I() : this.blockStates[t];
+      }, c = !this.blockStates[t], i = c ? k() : this.blockStates[t];
       i.recommendationConfigs = {
         ...i.recommendationConfigs,
         strategy: e.strategy,
@@ -387,7 +378,7 @@ const N = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: w(t)
+          isValid: v(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -433,7 +424,7 @@ const N = () => ({
      * every block's recommendationConfigs across user edits.
      */
     hasInvalidBlock() {
-      return Object.values(this.blockStates).some((t) => !v(t.recommendationConfigs, this));
+      return Object.values(this.blockStates).some((t) => !w(t.recommendationConfigs, this));
     },
     // ====================================================================
     // Per-Block Product Fetching
@@ -454,7 +445,7 @@ const N = () => ({
     },
     async _doFetchProducts() {
       var p;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = r.filters.filter((l) => l.isValid), c = b(n), i = ((p = S().find((l) => l.key === r.strategy)) == null ? void 0 : p.path) || "", o = G(), s = parseInt(r.size) || 6, a = {
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = r.filters.filter((l) => l.isValid), c = b(n), i = ((p = g().find((l) => l.key === r.strategy)) == null ? void 0 : p.path) || "", o = G(), s = parseInt(r.size) || 6, a = {
         locale: r.language,
         currency: r.currencySettings.value,
         partnerName: o.partnerName,
@@ -470,10 +461,10 @@ const N = () => ({
         f = [];
       }
       if (this.blockStates[t]) {
-        const l = f.length > 0 ? f : g(s);
+        const l = f.length > 0 ? f : S(s);
         l.length < s ? this.blockStates[t].recommendationProducts = [
           ...l,
-          ...g(s - l.length)
+          ...S(s - l.length)
         ] : l.length > s ? this.blockStates[t].recommendationProducts = l.slice(0, s) : this.blockStates[t].recommendationProducts = l;
       }
     }

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -6,7 +6,7 @@
  * Supports multiple block instances with unique recommendation-id attributes.
  */
 import type { BlockId } from '@@/Types/extensions/block';
-import type { HtmlNodeModifier, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID: BlockId;
 export declare class RecommendationBlock extends Block {
@@ -55,24 +55,21 @@ export declare class RecommendationBlock extends Block {
      * @param node - The block node being deleted
      */
     onDelete(node: ImmutableHtmlNode): void;
-    /**
-     * Lifecycle hook fired when Stripo's UI Duplicate button copies a block.
-     * Stripo passes an `HtmlNodeModifier` already targeting the cloned node;
-     * its mutations are committed when this method returns. We stamp a fresh
-     * `recommendation-id` on the clone and seed its blockStates entry from
-     * the source so the duplicate enters the DOM as a fully independent block
-     * — no shared id, no shared store, no API refetch flash.
-     *
-     * Stripo does NOT fire `onCreated` for blocks created via duplicate
-     * (per Block.d.ts:54-69 — `onCreated` is drag-and-drop only), so this
-     * hook is the sole production path for clone id assignment.
-     */
-    onCopy(modifier: HtmlNodeModifier): void;
     /**
      * Generates the next unique recommendation ID by scanning all existing blocks
      * in the document and finding the maximum existing ID + 1.
      */
     private _generateNextId;
+    /** True when another block already holds the same id — Stripo's duplication signal. */
+    private _detectDuplicate;
+    /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
+    private _handleDuplicate;
+    /**
+     * Rewrites `ins-recommendation-v3-block-{id}` on the clone — the instance
+     * class scopes per-block CSS rules, so leaving the source's class would
+     * make stylistic edits leak between source and clone.
+     */
+    private _reassignInstanceClass;
     /**
      * Assigns a recommendation-id attribute to the block element.
      * The instance class (ins-recommendation-v3-block-{id}) is embedded in the template

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

@@ -217,13 +217,10 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      */
     removeBlockState(id: number): void;
     /**
-     * Copies blockStates[fromId] into a new blockStates[toId] entry so a
-     * duplicated block immediately renders the source's products/filters
-     * without re-fetching from the API (SD-142352). No-op when the source
-     * was never selected (no entry in blockStates) — the caller falls back
-     * to setCurrentBlock's default initialization.
+     * Deep-clones a block's state and mirrors its campaign URL under a new id.
+     * Invoked from `onCreated` when a duplicate is detected (SD-142352).
      */
-    cloneBlockState(fromId: number, toId: number): void;
+    cloneBlockState(sourceId: number, newId: number): void;
     /**
      * Marks a block as initialized (initial API data has been fetched).
      * Automatically cleaned up when removeBlockState deletes the block entry.

package/dist/utils/templatePreparation.js

@@ -1,106 +1,101 @@
-import { useActionsApi as E } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as P } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as p, DEFAULT_NODE_CONFIG as u } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { BLOCK_ROOT_SELECTOR as R, CONTAINER_SELECTOR as N } from "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useActionsApi as C } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as T } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as d, DEFAULT_NODE_CONFIG as s } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { DATA_ATTRIBUTES as y } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as O } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as L } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as F } from "../stores/unsubscribe.js";
-function I(s, t) {
-  const n = new DOMParser().parseFromString(s, "text/html").querySelectorAll(`[${y.PAGE_LIST}]`), c = [];
-  return n.forEach((r) => {
-    const o = r.getAttribute(y.PAGE_LIST);
-    o && c.push(...O(o));
-  }), t.filter((r) => c.includes(r));
+import { DATA_ATTRIBUTES as S } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as D } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as P } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as w } from "../stores/unsubscribe.js";
+function E(i, o) {
+  const t = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${S.PAGE_LIST}]`), c = [];
+  return t.forEach((r) => {
+    const a = r.getAttribute(S.PAGE_LIST);
+    a && c.push(...D(a));
+  }), o.filter((r) => c.includes(r));
 }
-function w(s) {
-  var c, r;
-  const t = (r = (c = document.querySelector("ui-editor")) == null ? void 0 : c.shadowRoot) == null ? void 0 : r.querySelector("iframe"), m = (t == null ? void 0 : t.contentDocument) ?? new DOMParser().parseFromString(s, "text/html"), n = /* @__PURE__ */ new Set();
-  return m.querySelectorAll(R).forEach((o) => {
-    if (!o.querySelector(N))
-      return;
-    const e = Number(o.getAttribute("recommendation-id"));
-    Number.isFinite(e) && e > 0 && n.add(e);
-  }), n;
-}
-function x(s) {
-  const a = new DOMParser().parseFromString(s, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (a.length === 0)
+async function U(i) {
+  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
+  if (m.length === 0)
     return;
-  const m = b();
-  a.forEach((n) => {
-    var f, g, d, i, S;
-    const c = n.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
+  const l = b();
+  m.forEach((t) => {
+    var g, f, u, n, y;
+    const c = t.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
     if (!Number.isFinite(r))
       return;
-    const o = n.getAttribute("esd-ext-config");
-    if (!o)
+    const a = t.getAttribute("esd-ext-config");
+    if (!a)
       return;
     let e;
     try {
-      e = JSON.parse(o);
+      e = JSON.parse(a);
     } catch {
       return;
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const l = {
-      strategy: e.strategy ?? u.strategy,
-      language: e.language ?? u.language,
-      size: e.size ?? u.size,
+    const p = {
+      strategy: e.strategy ?? s.strategy,
+      language: e.language ?? s.language,
+      size: e.size ?? s.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...u.productIds],
-      filters: e.filters ?? [...u.filters],
-      shuffleProducts: e.shuffleProducts ?? u.shuffleProducts,
-      currencyCode: ((f = e.currency) == null ? void 0 : f.code) ?? p.code,
-      currencyAlignment: ((g = e.currency) == null ? void 0 : g.alignment) ?? p.alignment,
-      currencyDecimalCount: ((d = e.currency) == null ? void 0 : d.decimalCount) ?? p.decimalCount,
-      currencyDecimalSeparator: ((i = e.currency) == null ? void 0 : i.decimalSeparator) ?? p.decimalSeparator,
-      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? p.thousandSeparator
+      productIds: e.productIds ?? [...s.productIds],
+      filters: e.filters ?? [...s.filters],
+      shuffleProducts: e.shuffleProducts ?? s.shuffleProducts,
+      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? d.code,
+      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? d.alignment,
+      currencyDecimalCount: ((u = e.currency) == null ? void 0 : u.decimalCount) ?? d.decimalCount,
+      currencyDecimalSeparator: ((n = e.currency) == null ? void 0 : n.decimalSeparator) ?? d.decimalSeparator,
+      currencyThousandSeparator: ((y = e.currency) == null ? void 0 : y.thousandSeparator) ?? d.thousandSeparator
     };
-    m.seedBlockUrlConfig(r, l);
+    l.seedBlockUrlConfig(r, p);
   });
+  try {
+    await l.fetchRecommendationCreateData();
+  } catch (t) {
+    console.warn(
+      "Recommendation reference data pre-load failed; validator will skip the availability check.",
+      t
+    );
+  }
 }
-const G = () => {
-  const s = L(), t = F(), { getCompiledEmail: a, getTemplateData: m } = E(), { compileHtml: n } = P();
+const _ = () => {
+  const i = P(), o = w(), { getCompiledEmail: m, getTemplateData: l } = C(), { compileHtml: t } = T();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: o = "", ampErrors: e = [] } = await a({
+      const { html: r, ampHtml: a = "", ampErrors: e = [] } = await m({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: l, css: f, syncModulesIds: g = [] } = await m();
-      t.selectedUnsubscribePages.length && await t.fetchTemplates(), x(l);
-      const { compiledHtml: d, stats: i, appliedRules: S } = n(r), h = s.getSelectedDynamicContentList, A = b(), T = w(l), C = Object.fromEntries(
-        Object.entries(A.recommendationCampaignUrls).filter(([D]) => T.has(Number(D)))
-      );
+      }), { html: p, css: g, syncModulesIds: f = [] } = await l();
+      o.selectedUnsubscribePages.length && await o.fetchTemplates(), await U(p);
+      const { compiledHtml: u, stats: n, appliedRules: y } = t(r), h = i.getSelectedDynamicContentList, A = b();
       return console.debug("HTML Compilation Stats:", {
-        originalSize: i.originalSize,
-        compiledSize: i.compiledSize,
-        reduction: `${i.reductionPercentage.toFixed(2)}%`,
-        appliedRules: S,
-        executionTime: `${i.executionTime.toFixed(2)}ms`
+        originalSize: n.originalSize,
+        compiledSize: n.compiledSize,
+        reduction: `${n.reductionPercentage.toFixed(2)}%`,
+        appliedRules: y,
+        executionTime: `${n.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: h,
-        compiledHtml: d,
-        rawHtml: l,
-        css: f,
-        ampHtml: o,
+        compiledHtml: u,
+        rawHtml: p,
+        css: g,
+        ampHtml: a,
         ampErrors: e,
-        modules: g.map(Number),
+        modules: f.map(Number),
         recommendation: {
-          campaignUrls: C,
+          campaignUrls: A.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: t.unsubscribePagesStatus,
-          config: I(d, t.selectedUnsubscribePages)
+          status: o.unsubscribePagesStatus,
+          config: E(u, o.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  G as useTemplatePreparation
+  _ as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.4.1-beta.6ed05e2",
+  "version": "3.4.1-beta.8f6f02b",
   "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",