@useinsider/guido 3.4.1-beta.5e1fcb5 → 3.4.1-beta.6ed05e2

package/README.md

@@ -8,6 +8,8 @@
 
 # @useinsider/guido
 
+[![Coverus](https://github.com/useinsider/coverus-artifacts/raw/main/badges/github/useinsider/guido/coverage.svg)](http://coverus.internal.dataforce/app/project/github/useinsider/guido)
+
 Guido is a Vue 2 + TypeScript wrapper for the Stripo Email Editor plugin. Easily embed the professional email editor in your Vue applications with a clean, type-safe configuration.
 
 ## Installation

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

@@ -1,24 +1,24 @@
 var k = Object.defineProperty;
-var B = (r, n, t) => n in r ? k(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var g = (r, n, t) => B(r, typeof n != "symbol" ? n + "" : n, t);
+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 b } from "../../../utils/migrationBannerHtml.js";
-import { Block as R, BlockCompositionType as y, ModificationDescription as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.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 d, setMobileLayoutOptOut as p, hasMobileLayoutOptOut as D } from "./controls/mobileLayout/cssRules.js";
-import { RecommendationConfigService as s } from "./services/configService.js";
-import { useRecommendationExtensionStore as f } from "./store/recommendation.js";
-import { getDefaultTemplate as E } from "./templates/grid/template.js";
-const h = _.Recommendation, l = "recommendation-block-v2", m = "recommendation-id";
+import { ensureMobileCssRulesExist as p, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as N } 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 R {
+class q extends b {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    g(this, "_pendingBlockId", null);
+    d(this, "_pendingBlockId", null);
   }
   getId() {
     return h;
@@ -27,7 +27,7 @@ class q extends R {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return y.CONTAINER;
+    return R.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -38,7 +38,7 @@ class q extends R {
     );
   }
   getSettingsPanelTitleHtml() {
-    return b(
+    return C(
       h,
       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 R {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, E(t);
+    return this._pendingBlockId = t, D(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -72,22 +72,22 @@ class q extends R {
     const e = this._getRecommendationId(t);
     if (e !== null && e > 0)
       return;
-    const i = this._pendingBlockId ?? this._generateNextId();
-    this._pendingBlockId = null, this._assignRecommendationId(t, i);
-    const { config: o, wasFreshDrop: c } = s.initializeConfig(
+    const o = this._pendingBlockId ?? this._generateNextId();
+    this._pendingBlockId = null, this._assignRecommendationId(t, o);
+    const { config: n, wasFreshDrop: s } = c.initializeConfig(
       this.api,
       t,
-      { recommendationId: i }
-    ), a = f();
-    if (a.setCurrentBlock(i), c) {
-      d(this.api);
-      const u = this._getBlockElement(t);
-      u && (p(this.api, u, !0), A({
+      { recommendationId: o }
+    ), r = m();
+    if (r.setCurrentBlock(o), s) {
+      p(this.api);
+      const g = this._getBlockElement(t);
+      g && (f(this.api, g, !0), A({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
     }
-    a.patchCurrentBlockConfig({ language: o.language }, { triggerRefetch: !1 });
+    r.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -100,20 +100,20 @@ class q extends R {
     if (!(!t || !("getNodeConfig" in t))) {
       if (!this._getRecommendationId(t)) {
         const e = this._generateNextId();
-        this._assignRecommendationId(t, e), s.hasConfig(t) && s.updateConfig(
+        this._assignRecommendationId(t, e), c.hasConfig(t) && c.updateConfig(
           this.api,
           t,
           { recommendationId: e },
           "Assign recommendation ID to legacy block"
         );
       }
-      s.needsMigration(t) && this._migrateFromLegacy(t);
+      c.needsMigration(t) && this._migrateFromLegacy(t);
       try {
-        I || (d(this.api), I = !0);
-        const e = s.getConfig(t), i = this._getBlockElement(t);
-        if (i) {
-          const o = !e.mobileLayoutEnabled;
-          D(i) !== o && p(this.api, i, o);
+        I || (p(this.api), I = !0);
+        const e = c.getConfig(t), o = this._getBlockElement(t);
+        if (o) {
+          const n = !e.mobileLayoutEnabled;
+          N(o) !== n && f(this.api, o, n);
         }
       } catch {
       }
@@ -127,7 +127,26 @@ class q extends R {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && f().removeBlockState(e);
+    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);
+    }
   }
   /**
    * Generates the next unique recommendation ID by scanning all existing blocks
@@ -137,10 +156,10 @@ class q extends R {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${l}`).forEach((o) => {
-        if ("getAttribute" in o) {
-          const c = o.getAttribute(m), a = c ? parseInt(c) : 0;
-          a > t && (t = a);
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${u}`).forEach((n) => {
+        if ("getAttribute" in n) {
+          const s = n.getAttribute(l), r = s ? parseInt(s) : 0;
+          r > t && (t = r);
         }
       });
     } catch {
@@ -154,11 +173,11 @@ class q extends R {
    * added classes via setAttribute.
    */
   _assignRecommendationId(t, e) {
-    const i = this._getBlockElement(t);
-    if (!i)
+    const o = this._getBlockElement(t);
+    if (!o)
       return;
-    const o = this.api.getDocumentModifier();
-    o.modifyHtml(i).setAttribute(m, e.toString()), o.apply(new C(`Assign recommendation ID ${e}`));
+    const n = this.api.getDocumentModifier();
+    n.modifyHtml(o).setAttribute(l, e.toString()), n.apply(new y(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -167,11 +186,11 @@ class q extends R {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const i = e.getAttribute(m);
-    if (!i)
+    const o = e.getAttribute(l);
+    if (!o)
       return null;
-    const o = parseInt(i);
-    return Number.isNaN(o) ? null : o;
+    const n = parseInt(o);
+    return Number.isNaN(n) ? null : n;
   }
   /**
    * Gets the block element (the element with BLOCK_CLASS)
@@ -179,16 +198,16 @@ class q extends R {
   _getBlockElement(t) {
     if ("getAttribute" in t) {
       const e = t.getAttribute("class");
-      if (e && e.includes(l))
+      if (e && e.includes(u))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${l}`) ?? null : null;
+    return "querySelector" in t ? t.querySelector(`.${u}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format
    */
   _migrateFromLegacy(t) {
-    s.migrateFromDataAttributes(this.api, t);
+    c.migrateFromDataAttributes(this.api, t);
   }
 }
 export {

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

@@ -1,18 +1,18 @@
-import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as y } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as C } from "../../../../services/recommendationApi.js";
+import { getRecommendationFeedSourceMaps as S, 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 F } from "../constants/layout.js";
-import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
-import { getDefaultProducts as S } from "../templates/utils.js";
+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 { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
 import { isFilterValid as w } from "../validation/filterSchema.js";
 import { isConfigValid as v } from "../validation/requiredFields.js";
-const h = C();
+const h = y();
 let m = null, u = null, d = null;
 function k() {
   return {
-    cardsInRow: F,
+    cardsInRow: D,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -114,8 +114,8 @@ const N = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = g(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !D.includes(n)).forEach((n) => {
+      const e = S(), r = [];
+      return t.activePredictiveAlgorithms.filter((n) => !F.includes(n)).forEach((n) => {
         r.push(...e.filter((c) => c.id === n));
       }), r.map((n) => ({
         text: n.name,
@@ -133,7 +133,7 @@ const N = () => ({
     getFilterList() {
       return Object.values(this.filterList).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : y.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : C.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -174,6 +174,34 @@ const N = () => ({
         this.currentRecommendationId = n.length > 0 ? n[0] : null;
       }
     },
+    /**
+     * 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.
+     */
+    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
+        }
+      });
+    },
     /**
      * Marks a block as initialized (initial API data has been fetched).
      * Automatically cleaned up when removeBlockState deletes the block entry.
@@ -426,7 +454,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 = g().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 = S().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,
@@ -442,10 +470,10 @@ const N = () => ({
         f = [];
       }
       if (this.blockStates[t]) {
-        const l = f.length > 0 ? f : S(s);
+        const l = f.length > 0 ? f : g(s);
         l.length < s ? this.blockStates[t].recommendationProducts = [
           ...l,
-          ...S(s - l.length)
+          ...g(s - l.length)
         ] : l.length > s ? this.blockStates[t].recommendationProducts = l.slice(0, s) : this.blockStates[t].recommendationProducts = l;
       }
     }

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

@@ -9,25 +9,25 @@ const o = [
     getValue: (e) => e.currencySettings.value,
     getAvailableOptions: (e) => e.currencyList.map((n) => n.text)
   }
-], u = "newsletter.recommendation-fill-required-fields";
-function l(e, n) {
+], l = "newsletter.recommendation-fill-required-fields";
+function u(e, n) {
   return o.filter((t) => {
     var a;
     if (t.condition && !t.condition(e))
       return !1;
-    const r = t.getValue(e);
-    if (!r)
+    const i = t.getValue(e);
+    if (!i)
       return !0;
-    const i = (a = t.getAvailableOptions) == null ? void 0 : a.call(t, n);
-    return i !== void 0 && i.length > 0 && !i.includes(r);
+    const r = (a = t.getAvailableOptions) == null ? void 0 : a.call(t, n);
+    return r !== void 0 && !r.includes(i);
   }).map((t) => t.key);
 }
 function s(e, n) {
-  return l(e, n).length === 0;
+  return u(e, n).length === 0;
 }
 export {
   o as REQUIRED_RECOMMENDATION_FIELDS,
-  u as RecommendationRequiredFieldsKey,
-  l as getInvalidFields,
+  l as RecommendationRequiredFieldsKey,
+  u as getInvalidFields,
   s as isConfigValid
 };

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 { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import type { HtmlNodeModifier, 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,6 +55,19 @@ 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.

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

@@ -216,6 +216,14 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Resets currentRecommendationId if it was the deleted block.
      */
     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.
+     */
+    cloneBlockState(fromId: number, toId: number): void;
     /**
      * Marks a block as initialized (initial API data has been fetched).
      * Automatically cleaned up when removeBlockState deletes the block entry.

package/dist/stores/config.js

@@ -1,8 +1,8 @@
 import "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
-import { parseConfig as n } from "../@types/config/validator.js";
-import { defineStore as o } from "pinia";
-const s = o("guido-config", {
+import { parseConfig as o } from "../@types/config/validator.js";
+import { defineStore as r } from "pinia";
+const f = r("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -75,64 +75,65 @@ const s = o("guido-config", {
      * Get the template ID
      */
     templateId: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity.templateId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.templateId) ?? "";
     },
     /**
      * Get the user ID
      */
     userId: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity.userId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.userId) ?? "";
     },
     /**
      * Get the variation ID
      */
     variationId: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.identity.variationId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.variationId) ?? "";
     },
     /**
      * Get the partner name
      */
     partnerName: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.name) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.name) ?? "";
     },
     /**
      * Get the product type
      */
     productType: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.productType) ?? 60;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.productType) ?? 60;
     },
     /**
      * Get the message type
      */
     messageType: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.messageType) ?? 1;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) ?? 1;
     },
     /**
      * Get the username
      */
     username: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.partner.username) ?? "Guido User";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.username) ?? "Guido User";
     },
     /**
      * Check if header should be shown
      */
     showHeader: (i) => {
-      var e;
-      return ((e = i.config) == null ? void 0 : e.ui.showHeader) ?? !0;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : t.showHeader) ?? !0;
     },
     /**
      * Check if a specific feature is enabled
      */
+    // eslint-disable-next-line @stylistic/max-len
     isFeatureEnabled: (i) => (e) => {
-      var t;
-      return ((t = i.config) == null ? void 0 : t.features[e]) ?? !0;
+      var t, n;
+      return ((n = (t = i.config) == null ? void 0 : t.features) == null ? void 0 : n[e]) ?? !0;
     }
   },
   actions: {
@@ -140,7 +141,7 @@ const s = o("guido-config", {
      * Initialize the config store with validated configuration
      */
     init(i) {
-      const e = n(i);
+      const e = o(i);
       this.config = e, this.initialized = !0;
     },
     /**
@@ -152,5 +153,5 @@ const s = o("guido-config", {
   }
 });
 export {
-  s as useConfigStore
+  f as useConfigStore
 };

package/dist/utils/templatePreparation.js

@@ -1,101 +1,106 @@
-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 { 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 { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-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));
+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));
 }
-async function U(i) {
-  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (m.length === 0)
+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)
     return;
-  const l = b();
-  m.forEach((t) => {
-    var g, f, u, n, y;
-    const c = t.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
+  const m = b();
+  a.forEach((n) => {
+    var f, g, d, i, S;
+    const c = n.getAttribute("recommendation-id"), r = c ? Number(c) : NaN;
     if (!Number.isFinite(r))
       return;
-    const a = t.getAttribute("esd-ext-config");
-    if (!a)
+    const o = n.getAttribute("esd-ext-config");
+    if (!o)
       return;
     let e;
     try {
-      e = JSON.parse(a);
+      e = JSON.parse(o);
     } catch {
       return;
     }
     if (!e || typeof e != "object" || Array.isArray(e))
       return;
-    const p = {
-      strategy: e.strategy ?? s.strategy,
-      language: e.language ?? s.language,
-      size: e.size ?? s.size,
+    const l = {
+      strategy: e.strategy ?? u.strategy,
+      language: e.language ?? u.language,
+      size: e.size ?? u.size,
       // Spread the default arrays so each block gets a fresh reference
       // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      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
+      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
     };
-    l.seedBlockUrlConfig(r, p);
+    m.seedBlockUrlConfig(r, l);
   });
-  try {
-    await l.fetchRecommendationCreateData();
-  } catch (t) {
-    console.warn(
-      "Recommendation reference data pre-load failed; validator will skip the availability check.",
-      t
-    );
-  }
 }
-const _ = () => {
-  const i = P(), o = w(), { getCompiledEmail: m, getTemplateData: l } = C(), { compileHtml: t } = T();
+const G = () => {
+  const s = L(), t = F(), { getCompiledEmail: a, getTemplateData: m } = E(), { compileHtml: n } = P();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: a = "", ampErrors: e = [] } = await m({
+      const { html: r, ampHtml: o = "", ampErrors: e = [] } = await a({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { 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();
+      }), { 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)))
+      );
       return console.debug("HTML Compilation Stats:", {
-        originalSize: n.originalSize,
-        compiledSize: n.compiledSize,
-        reduction: `${n.reductionPercentage.toFixed(2)}%`,
-        appliedRules: y,
-        executionTime: `${n.executionTime.toFixed(2)}ms`
+        originalSize: i.originalSize,
+        compiledSize: i.compiledSize,
+        reduction: `${i.reductionPercentage.toFixed(2)}%`,
+        appliedRules: S,
+        executionTime: `${i.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: h,
-        compiledHtml: u,
-        rawHtml: p,
-        css: g,
-        ampHtml: a,
+        compiledHtml: d,
+        rawHtml: l,
+        css: f,
+        ampHtml: o,
         ampErrors: e,
-        modules: f.map(Number),
+        modules: g.map(Number),
         recommendation: {
-          campaignUrls: A.recommendationCampaignUrls,
+          campaignUrls: C,
           configs: {}
         },
         unsubscribe: {
-          status: o.unsubscribePagesStatus,
-          config: E(u, o.selectedUnsubscribePages)
+          status: t.unsubscribePagesStatus,
+          config: I(d, t.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  _ as useTemplatePreparation
+  G as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.4.1-beta.5e1fcb5",
+  "version": "3.4.1-beta.6ed05e2",
   "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",
@@ -24,7 +24,7 @@
     "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
-    "test": "vitest run",
+    "test": "vitest run --coverage",
     "test:watch": "vitest",
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
     "prepare": "husky",
@@ -61,6 +61,7 @@
     "@typescript-eslint/parser": "7.18.0",
     "@useinsider/eslint-config": "1.5.3",
     "@vitejs/plugin-vue2": "2.3.1",
+    "@vitest/coverage-v8": "2.1.9",
     "eslint": "8.57.1",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-airbnb-typescript": "18.0.0",