@useinsider/guido 3.4.1-beta.6ed05e2 → 3.4.1-beta.b69af42

package/dist/components/Guido.vue.js

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

package/dist/components/Guido.vue2.js

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

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

@@ -1,24 +1,24 @@
 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);
+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);
 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 { 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 { regenerateMobileProductRows as A } from "./controls/main/utils.js";
-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";
+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";
 let I = !1;
-class q extends b {
+class q extends R {
   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);
+    g(this, "_pendingBlockId", null);
   }
   getId() {
     return h;
@@ -27,7 +27,7 @@ class q extends b {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return R.CONTAINER;
+    return y.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -38,7 +38,7 @@ class q extends b {
     );
   }
   getSettingsPanelTitleHtml() {
-    return C(
+    return b(
       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 b {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, D(t);
+    return this._pendingBlockId = t, E(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -72,22 +72,22 @@ class q extends b {
     const e = this._getRecommendationId(t);
     if (e !== null && e > 0)
       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: o, wasFreshDrop: c } = s.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 }
+    ), a = f();
+    if (a.setCurrentBlock(i), c) {
+      d(this.api);
+      const u = this._getBlockElement(t);
+      u && (p(this.api, u, !0), A({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
     }
-    r.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
+    a.patchCurrentBlockConfig({ language: o.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -100,20 +100,20 @@ class q extends b {
     if (!(!t || !("getNodeConfig" in t))) {
       if (!this._getRecommendationId(t)) {
         const e = this._generateNextId();
-        this._assignRecommendationId(t, e), c.hasConfig(t) && c.updateConfig(
+        this._assignRecommendationId(t, e), s.hasConfig(t) && s.updateConfig(
           this.api,
           t,
           { recommendationId: e },
           "Assign recommendation ID to legacy block"
         );
       }
-      c.needsMigration(t) && this._migrateFromLegacy(t);
+      s.needsMigration(t) && this._migrateFromLegacy(t);
       try {
-        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);
+        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);
         }
       } catch {
       }
@@ -127,26 +127,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 && f().removeBlockState(e);
   }
   /**
    * Generates the next unique recommendation ID by scanning all existing blocks
@@ -156,10 +137,10 @@ class q extends b {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      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);
+      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);
         }
       });
     } catch {
@@ -173,11 +154,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}`));
+    const o = this.api.getDocumentModifier();
+    o.modifyHtml(i).setAttribute(m, e.toString()), o.apply(new C(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -186,11 +167,11 @@ 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(m);
+    if (!i)
       return null;
-    const n = parseInt(o);
-    return Number.isNaN(n) ? null : n;
+    const o = parseInt(i);
+    return Number.isNaN(o) ? null : o;
   }
   /**
    * Gets the block element (the element with BLOCK_CLASS)
@@ -198,16 +179,16 @@ class q extends b {
   _getBlockElement(t) {
     if ("getAttribute" in t) {
       const e = t.getAttribute("class");
-      if (e && e.includes(u))
+      if (e && e.includes(l))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${u}`) ?? null : null;
+    return "querySelector" in t ? t.querySelector(`.${l}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format
    */
   _migrateFromLegacy(t) {
-    c.migrateFromDataAttributes(this.api, t);
+    s.migrateFromDataAttributes(this.api, t);
   }
 }
 export {

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 { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
+import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as y } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as C } 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";
-const h = y();
+const h = C();
 let m = null, u = null, d = null;
 function k() {
   return {
-    cardsInRow: D,
+    cardsInRow: F,
     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 = 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,
@@ -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}` : C.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : y.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -174,34 +174,6 @@ 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.
@@ -454,7 +426,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 +442,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/guido.css

@@ -1 +1 @@
-.gap-16[data-v-8053a037],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-cdee3452]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cdee3452]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cdee3452]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-8053a037],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-dee2e207]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-dee2e207]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-dee2e207]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/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,19 +55,6 @@ 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,14 +216,6 @@ 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/utils/templatePreparation.js

@@ -1,40 +1,29 @@
-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 T } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as C } from "../composables/useHtmlCompiler.js";
+import { DEFAULT_CURRENCY as l, DEFAULT_NODE_CONFIG as a } 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 { parsePageList as P } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as D } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as E } from "../stores/unsubscribe.js";
+function U(i, r) {
+  const s = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${y.PAGE_LIST}]`), c = [];
+  return s.forEach((t) => {
+    const o = t.getAttribute(y.PAGE_LIST);
+    o && c.push(...P(o));
+  }), r.filter((t) => c.includes(t));
 }
-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)
+function F(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;
-    if (!Number.isFinite(r))
+  const d = b();
+  m.forEach((s) => {
+    var g, f, u, n, S;
+    const c = s.getAttribute("recommendation-id"), t = c ? Number(c) : NaN;
+    if (!Number.isFinite(t))
       return;
-    const o = n.getAttribute("esd-ext-config");
+    const o = s.getAttribute("esd-ext-config");
     if (!o)
       return;
     let e;
@@ -45,62 +34,60 @@ function x(s) {
     }
     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 ?? a.strategy,
+      language: e.language ?? a.language,
+      size: e.size ?? a.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 ?? [...a.productIds],
+      filters: e.filters ?? [...a.filters],
+      shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
+      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? l.code,
+      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? l.alignment,
+      currencyDecimalCount: ((u = e.currency) == null ? void 0 : u.decimalCount) ?? l.decimalCount,
+      currencyDecimalSeparator: ((n = e.currency) == null ? void 0 : n.decimalSeparator) ?? l.decimalSeparator,
+      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? l.thousandSeparator
     };
-    m.seedBlockUrlConfig(r, l);
+    d.seedBlockUrlConfig(t, p);
   });
 }
-const G = () => {
-  const s = L(), t = F(), { getCompiledEmail: a, getTemplateData: m } = E(), { compileHtml: n } = P();
+const _ = () => {
+  const i = D(), r = E(), { getCompiledEmail: m, getTemplateData: d } = T(), { compileHtml: s } = C();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: o = "", ampErrors: e = [] } = await a({
+      const { html: t, ampHtml: o = "", 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 d();
+      r.selectedUnsubscribePages.length && await r.fetchTemplates(), F(p);
+      const { compiledHtml: u, stats: n, appliedRules: S } = s(t), h = i.getSelectedDynamicContentList, A = b();
       return console.debug("HTML Compilation Stats:", {
-        originalSize: i.originalSize,
-        compiledSize: i.compiledSize,
-        reduction: `${i.reductionPercentage.toFixed(2)}%`,
+        originalSize: n.originalSize,
+        compiledSize: n.compiledSize,
+        reduction: `${n.reductionPercentage.toFixed(2)}%`,
         appliedRules: S,
-        executionTime: `${i.executionTime.toFixed(2)}ms`
+        executionTime: `${n.executionTime.toFixed(2)}ms`
       }), {
         dynamicContentList: h,
-        compiledHtml: d,
-        rawHtml: l,
-        css: f,
+        compiledHtml: u,
+        rawHtml: p,
+        css: g,
         ampHtml: o,
         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: r.unsubscribePagesStatus,
+          config: U(u, r.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.b69af42",
   "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",