@useinsider/guido 3.21.0-beta.7e166b5 → 3.21.0-beta.8a9421f

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

@@ -1,37 +1,37 @@
 var A = Object.defineProperty;
-var b = (c, l, e) => l in c ? A(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e;
-var m = (c, l, e) => b(c, typeof l != "symbol" ? l + "" : l, e);
-import { useConfig as d } from "../../../composables/useConfig.js";
-import { BlockId as E } from "../../../enums/block.js";
-import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
-import { Block as S, BlockCompositionType as N, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENT_CONFIG_VERSION as v, PRE_RRS_CONFIG_VERSION as w } from "./constants/defaultConfig.js";
-import { RECOMMENDATION_ID_ATTR as h } from "./constants/selectors.js";
+var D = (m, c, e) => c in m ? A(m, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[c] = e;
+var u = (m, c, e) => D(m, typeof c != "symbol" ? c + "" : c, e);
+import { useConfig as g } from "../../../composables/useConfig.js";
+import { BlockId as b } from "../../../enums/block.js";
+import { getMigrationBannerHtml as E } from "../../../utils/migrationBannerHtml.js";
+import { Block as S, BlockCompositionType as v, ModificationDescription as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as w } from "./constants/defaultConfig.js";
+import { RECOMMENDATION_ID_ATTR as f } from "./constants/selectors.js";
 import { regenerateMobileProductRows as M } from "./controls/main/utils.js";
 import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as O } from "./controls/mobileLayout/cssRules.js";
-import { RecommendationConfigService as o } from "./services/configService.js";
-import { useRecommendationExtensionStore as f } from "./store/recommendation.js";
+import { RecommendationConfigService as a } from "./services/configService.js";
+import { useRecommendationExtensionStore as p } from "./store/recommendation.js";
 import { getDefaultTemplate as T } from "./templates/grid/template.js";
 import { useRecommendationBlockWarning as x } from "./useRecommendationBlockWarning.js";
-import { registerNodeConfigWriter as k } from "./utils/nodeConfigWriter.js";
-import { refreshArrivedStrategyBlocks as $, refreshDuplicatedStrategyBlocks as H } from "./utils/strategyCommit.js";
-const y = E.Recommendation, u = "recommendation-block-v2", B = "hide-price";
-let D = !1;
-class Z extends S {
+import { registerNodeConfigWriter as k, readBlockNodeConfigs as $ } from "./utils/nodeConfigWriter.js";
+import { refreshArrivedStrategyBlocks as q, resolveSourceConfig as H, refreshDuplicatedStrategyBlocks as F } from "./utils/strategyCommit.js";
+const y = b.Recommendation, d = "recommendation-block-v2", C = "hide-price";
+let B = !1;
+class te extends S {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    m(this, "_pendingBlockId", null);
+    u(this, "_pendingBlockId", null);
     /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
-    m(this, "_resetSourceIds", /* @__PURE__ */ new Set());
+    u(this, "_resetSourceIds", /* @__PURE__ */ new Set());
     /** Ids handed to duplicates the document root does not show yet: a copied module renames all its blocks at once. */
-    m(this, "_unsettledDuplicateIds", /* @__PURE__ */ new Set());
-    m(this, "_arrivedNodes", []);
-    /** Ids whose arrival or duplicate refresh is in flight, so a second refresh of the same block does not race it. */
-    m(this, "_refreshingIds", /* @__PURE__ */ new Set());
+    u(this, "_unsettledDuplicateIds", /* @__PURE__ */ new Set());
+    u(this, "_arrivedBlocks", []);
+    /** Strategy each in-flight arrival or duplicate refresh is fetching, by block id, so a second one does not race it. */
+    u(this, "_refreshClaims", /* @__PURE__ */ new Map());
   }
   getId() {
     return y;
@@ -40,7 +40,7 @@ class Z extends S {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return N.CONTAINER;
+    return v.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -51,7 +51,7 @@ class Z extends S {
     );
   }
   getSettingsPanelTitleHtml() {
-    return C(
+    return E(
       y,
       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.")
@@ -87,14 +87,13 @@ class Z extends S {
   onCreated(e) {
     const t = this._getRecommendationId(e);
     if (t !== null && t > 0) {
-      if (this._detectDuplicate(t)) {
+      if (this._pendingBlockId = null, this._detectDuplicate(t)) {
         this._handleDuplicate(e, t), this._scheduleArrivalReset(e);
         return;
       }
-      const g = this._pendingBlockId === null;
       setTimeout(() => {
         if (this._getBlockElement(e)) {
-          if (g && this._detectDuplicate(t)) {
+          if (this._detectDuplicate(t)) {
             this._handleDuplicate(e, t);
             return;
           }
@@ -105,34 +104,34 @@ class Z extends S {
     }
     const i = this._pendingBlockId ?? this._generateNextId();
     this._pendingBlockId = null, this._assignRecommendationId(e, i);
-    const r = d().isFeatureEnabled("reusableRecommendationStrategy"), s = r && !o.hasConfig(e), { config: n, wasFreshDrop: a } = o.initializeConfig(
+    const r = g().isFeatureEnabled("reusableRecommendationStrategy"), s = r && !a.hasConfig(e), { config: n, wasFreshDrop: o } = a.initializeConfig(
       this.api,
       e,
       {
         recommendationId: i,
-        configVersion: r ? v : w,
-        ...s ? { partnerName: d().partnerName.value } : {},
+        configVersion: r ? N : w,
+        ...s ? { partnerName: g().partnerName.value } : {},
         // An RRS block picks a strategy, not an algorithm, and its algorithm control is
         // hidden. Keeping the `mostPopular` default would bake a most-popular feed URL
         // at save for a block the user never configured.
         ...s ? { strategy: "" } : {}
       }
-    ), _ = f();
-    if (_.setCurrentBlock(i), this._stampHidePrice(e, n.priceHideIfSameAsDiscounted), a) {
+    ), l = p();
+    if (l.setCurrentBlock(i), this._stampHidePrice(e, n.priceHideIfSameAsDiscounted), o) {
       I(this.api);
-      const g = this._getBlockElement(e);
-      g && (R(this.api, g, !0), M({
+      const h = this._getBlockElement(e);
+      h && (R(this.api, h, !0), M({
         currentNode: e,
         documentModifier: this.api.getDocumentModifier()
       }));
     }
-    _.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
+    l.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
   }
   /** Refreshes every block of an opened template: Stripo restores a stored document without `onCreated`. */
   onDocumentInit() {
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${u}`).forEach((t) => this._queueArrivalRefresh(t));
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${d}`).forEach((t) => this._queueArrivalRefresh(t));
     } catch (e) {
       console.error("[recommendation] refreshing an opened strategy failed", e);
     }
@@ -148,17 +147,17 @@ class Z extends S {
     if (!(!e || !("getNodeConfig" in e))) {
       if (!this._getRecommendationId(e)) {
         const t = this._generateNextId();
-        this._assignRecommendationId(e, t), o.hasConfig(e) && o.updateConfig(
+        this._assignRecommendationId(e, t), a.hasConfig(e) && a.updateConfig(
           this.api,
           e,
           { recommendationId: t },
           "Assign recommendation ID to legacy block"
         );
       }
-      this._healLingeringDuplicate(e), o.needsMigration(e) && this._migrateFromLegacy(e), this._healHidePriceAttr(e);
+      this._healLingeringDuplicate(e), a.needsMigration(e) && this._migrateFromLegacy(e), this._healHidePriceAttr(e);
       try {
-        D || (I(this.api), D = !0);
-        const t = o.getConfig(e), i = this._getBlockElement(e);
+        B || (I(this.api), B = !0);
+        const t = a.getConfig(e), i = this._getBlockElement(e);
         if (i) {
           const r = !t.mobileLayoutEnabled;
           O(i) !== r && R(this.api, i, r);
@@ -175,7 +174,7 @@ class Z extends S {
    */
   onDelete(e) {
     const t = this._getRecommendationId(e);
-    t && f().removeBlockState(t);
+    t && p().removeBlockState(t);
   }
   /**
    * Warns (dark advisory toaster) when the design holds more than one live
@@ -204,10 +203,10 @@ class Z extends S {
     const t = /* @__PURE__ */ new Set();
     try {
       const i = this.api.getDocumentRoot();
-      i && "querySelectorAll" in i && i.querySelectorAll(`.${u}`).forEach((s) => {
+      i && "querySelectorAll" in i && i.querySelectorAll(`.${d}`).forEach((s) => {
         if ("getAttribute" in s) {
-          const n = s.getAttribute(h), a = n ? parseInt(n) : 0;
-          t.add(a), a > e && (e = a);
+          const n = s.getAttribute(f), o = n ? parseInt(n) : 0;
+          t.add(o), o > e && (e = o);
         }
       });
     } catch {
@@ -224,42 +223,64 @@ class Z extends S {
    * the renamed one depending on where the module was dropped (SD-149916).
    */
   _scheduleArrivalReset(e) {
-    d().isFeatureEnabled("reusableRecommendationStrategy") && setTimeout(() => {
+    g().isFeatureEnabled("reusableRecommendationStrategy") && setTimeout(() => {
       const t = this._getRecommendationId(e);
-      t !== null && t > 0 && !this._resetSourceIds.delete(t) && f().resetArrivedBlock(t);
+      t !== null && t > 0 && !this._resetSourceIds.delete(t) && p().resetArrivedBlock(t);
     }, 0);
   }
   /**
    * Re-reads the strategy of a block that arrived with saved cards, without waiting for a click.
    * Blocks of one opened template or dropped module arrive in one tick and refresh together.
    */
-  _queueArrivalRefresh(e) {
-    d().isFeatureEnabled("reusableRecommendationStrategy") && (this._arrivedNodes.push(e) > 1 || setTimeout(() => {
-      const t = this._arrivedNodes;
-      this._arrivedNodes = [];
+  _queueArrivalRefresh(e, t) {
+    g().isFeatureEnabled("reusableRecommendationStrategy") && (this._arrivedBlocks.push({ node: e, id: t }) > 1 || setTimeout(() => {
+      const i = this._arrivedBlocks;
+      this._arrivedBlocks = [];
       try {
-        this._refreshArrivedBlocks(t);
-      } catch (i) {
-        console.error("[recommendation] refreshing an arrived strategy failed", i);
+        this._refreshArrivedBlocks(i);
+      } catch (r) {
+        console.error("[recommendation] refreshing an arrived strategy failed", r);
       }
     }, 0));
   }
   _refreshArrivedBlocks(e) {
-    const t = e.flatMap((i) => {
-      const r = this._getRecommendationId(i), s = this._getBlockElement(i);
-      return !r || !s || this._refreshingIds.has(r) ? [] : (this._refreshingIds.add(r), [{ id: r, config: o.getConfig(s) }]);
+    k(this.api);
+    const t = /* @__PURE__ */ new Set(), i = e.flatMap(({ node: r, id: s }) => {
+      const n = s ?? this._getRecommendationId(r), o = this._getBlockElement(r);
+      if (!n || !o || t.has(n))
+        return [];
+      const l = a.getConfig(o);
+      if (!this._canClaimRefresh(n, l.strategyId))
+        return [];
+      const h = { strategyId: l.strategyId };
+      return t.add(n), this._refreshClaims.set(n, h), [{ id: n, config: l, claim: h }];
     });
-    t.length && (k(this.api), $(t).catch((i) => console.error("[recommendation] refreshing an arrived strategy failed", i)).finally(() => t.forEach(({ id: i }) => this._refreshingIds.delete(i))));
+    i.length && q(i.map(({ id: r, config: s }) => ({ id: r, config: s }))).catch((r) => console.error("[recommendation] refreshing an arrived strategy failed", r)).finally(() => i.forEach(({ id: r, claim: s }) => this._releaseRefreshClaim(r, s)));
+  }
+  /**
+   * A new document reports each block to onCreated and onDocumentInit, not always in one batch, so a
+   * claimed block refreshes again only once the document shows it under another strategy (a restored version).
+   */
+  _canClaimRefresh(e, t) {
+    const i = this._refreshClaims.get(e);
+    if (!i)
+      return !0;
+    if (i.strategyId === t)
+      return !1;
+    const r = $(e);
+    return r.length > 0 && r.every((s) => s.strategyId === t);
+  }
+  _releaseRefreshClaim(e, t) {
+    this._refreshClaims.get(e) === t && this._refreshClaims.delete(e);
   }
   /**
    * Heals a duplicate that slipped past the create-time `_detectDuplicate`
    * scan (or that was persisted by an older template before SD-142352).
    * When two blocks share a `recommendation-id`, the first occurrence in DOM
    * order is treated as the source and any later sibling is reassigned a
-   * fresh id. The store entry and active-block focus are intentionally not
-   * touched here: each block's persisted `esd-ext-config` carries its own
-   * truth and the regular save-time hydration (`hydrateRecommendationStore`)
-   * will seed the new id from that. Skipping `setCurrentBlock` avoids
+   * fresh id and queued for the arrival refresh, which seeds the new id's
+   * store entry from its persisted `esd-ext-config`. The source's store
+   * entry is not cloned and focus is not moved. Skipping `setCurrentBlock` avoids
    * yanking the user's current selection mid-edit when the heal fires from
    * `onDocumentChanged`.
    */
@@ -271,7 +292,7 @@ class Z extends S {
         if (!i || !("querySelectorAll" in i))
           return;
         const r = i.querySelectorAll(
-          `.${u}[${h}="${t}"]`
+          `.${d}[${f}="${t}"]`
         );
         if (r.length <= 1)
           return;
@@ -279,14 +300,14 @@ class Z extends S {
         if (!s)
           return;
         let n = -1;
-        for (let a = 0; a < r.length; a++)
-          if (r[a] === s) {
-            n = a;
+        for (let o = 0; o < r.length; o++)
+          if (r[o] === s) {
+            n = o;
             break;
           }
         if (n <= 0)
           return;
-        this._reassignDuplicateId(e, t);
+        this._queueArrivalRefresh(e, this._reassignDuplicateId(e, t));
       } catch {
       }
   }
@@ -296,7 +317,7 @@ class Z extends S {
       const t = this.api.getDocumentRoot();
       if (t && "querySelectorAll" in t)
         return t.querySelectorAll(
-          `.${u}[${h}="${e}"]`
+          `.${d}[${f}="${e}"]`
         ).length > 1;
     } catch {
     }
@@ -304,11 +325,14 @@ class Z extends S {
   }
   /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
   _handleDuplicate(e, t) {
-    const i = this._reassignDuplicateId(e, t), r = f();
-    if (r.cloneBlockState(t, i), r.setCurrentBlock(i), d().isFeatureEnabled("reusableRecommendationStrategy")) {
+    const i = this._reassignDuplicateId(e, t), r = p();
+    if (r.cloneBlockState(t, i), r.setCurrentBlock(i), g().isFeatureEnabled("reusableRecommendationStrategy")) {
       this._resetSourceIds.add(t), k(this.api);
-      const s = [t, i].filter((n) => !this._refreshingIds.has(n));
-      s.forEach((n) => this._refreshingIds.add(n)), H(t, i, o.getConfig(e)).catch((n) => console.error("[recommendation] refreshing a duplicated strategy failed", n)).finally(() => s.forEach((n) => this._refreshingIds.delete(n)));
+      const s = a.getConfig(e), n = [
+        { id: t, claim: { strategyId: H(t, s).strategyId } },
+        { id: i, claim: { strategyId: s.strategyId } }
+      ].filter(({ id: o }) => !this._refreshClaims.has(o));
+      n.forEach(({ id: o, claim: l }) => this._refreshClaims.set(o, l)), F(t, i, s).catch((o) => console.error("[recommendation] refreshing a duplicated strategy failed", o)).finally(() => n.forEach(({ id: o, claim: l }) => this._releaseRefreshClaim(o, l)));
     }
     this._warnIfMultipleBlocks();
   }
@@ -319,13 +343,13 @@ class Z extends S {
    *
    * Used by `_handleDuplicate` at create-time (which additionally clones the
    * store entry and focuses the new block) and by `_healLingeringDuplicate`
-   * at document-change time (which intentionally skips store/focus side
-   * effects so older bug-affected templates can self-repair without
-   * disturbing the user's current selection).
+   * at document-change time (which skips the clone and focus change so older
+   * bug-affected templates can self-repair without disturbing the user's
+   * current selection, and queues the arrival refresh for the new id).
    */
   _reassignDuplicateId(e, t) {
     const i = this._generateNextId(), r = this._getBlockElement(e);
-    return this._unsettledDuplicateIds.add(i), this._assignRecommendationId(e, i), r && this._reassignInstanceClass(r, t, i), o.hasConfig(e) && o.updateConfig(
+    return this._unsettledDuplicateIds.add(i), this._assignRecommendationId(e, i), r && this._reassignInstanceClass(r, t, i), a.hasConfig(e) && a.updateConfig(
       this.api,
       e,
       { recommendationId: i },
@@ -343,7 +367,7 @@ class Z extends S {
     if (!("getAttribute" in e))
       return;
     const r = `ins-recommendation-v3-block-${t}`, s = `ins-recommendation-v3-block-${i}`, n = this.api.getDocumentModifier();
-    n.modifyHtml(e).removeClass(r).setClass(s), n.apply(new p(
+    n.modifyHtml(e).removeClass(r).setClass(s), n.apply(new _(
       `Reassign recommendation instance class ${r} -> ${s}`
     ));
   }
@@ -358,7 +382,7 @@ class Z extends S {
     if (!i)
       return;
     const r = this.api.getDocumentModifier();
-    r.modifyHtml(i).setAttribute(h, t.toString()), r.apply(new p(`Assign recommendation ID ${t}`));
+    r.modifyHtml(i).setAttribute(f, t.toString()), r.apply(new _(`Assign recommendation ID ${t}`));
   }
   /**
    * Stamps the `hide-price` attribute (read by email-service at send time) on
@@ -366,7 +390,7 @@ class Z extends S {
    */
   _stampHidePrice(e, t) {
     const i = this._getBlockElement(e);
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(B, String(t)).apply(new p("Stamp hide-price"));
+    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(C, String(t)).apply(new _("Stamp hide-price"));
   }
   /**
    * Stamps `hide-price` from config only when the block lacks the attribute —
@@ -374,9 +398,9 @@ class Z extends S {
    */
   _healHidePriceAttr(e) {
     const t = this._getBlockElement(e);
-    if (!t || !("getAttribute" in t) || t.getAttribute(B) !== null)
+    if (!t || !("getAttribute" in t) || t.getAttribute(C) !== null)
       return;
-    const { priceHideIfSameAsDiscounted: i } = o.getConfig(e);
+    const { priceHideIfSameAsDiscounted: i } = a.getConfig(e);
     this._stampHidePrice(e, i);
   }
   /**
@@ -386,7 +410,7 @@ class Z extends S {
     const t = this._getBlockElement(e);
     if (!t || !("getAttribute" in t))
       return null;
-    const i = t.getAttribute(h);
+    const i = t.getAttribute(f);
     if (!i)
       return null;
     const r = parseInt(i);
@@ -398,19 +422,19 @@ class Z extends S {
   _getBlockElement(e) {
     if ("getAttribute" in e) {
       const t = e.getAttribute("class");
-      if (t && t.includes(u))
+      if (t && t.includes(d))
         return e;
     }
-    return "querySelector" in e ? e.querySelector(`.${u}`) ?? null : null;
+    return "querySelector" in e ? e.querySelector(`.${d}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format
    */
   _migrateFromLegacy(e) {
-    o.migrateFromDataAttributes(this.api, e);
+    a.migrateFromDataAttributes(this.api, e);
   }
 }
 export {
   y as BLOCK_ID,
-  Z as RecommendationBlock
+  te as RecommendationBlock
 };

package/dist/extensions/Blocks/Recommendation/utils/strategyCommit.js

@@ -1,60 +1,64 @@
-import { useRecommendationExtensionStore as c } from "../store/recommendation.js";
+import { useRecommendationExtensionStore as f } from "../store/recommendation.js";
 import { refreshBlockOutsidePanel as l } from "./blockRefresh.js";
-import { toBlockUrlConfig as i } from "./blockUrlConfig.js";
-import { commitBlockChangeOutsidePanel as y, readBlockNodeConfigs as d } from "./nodeConfigWriter.js";
-function S(o, t) {
-  const r = JSON.stringify(i(t));
-  return d(o).find((n) => JSON.stringify(i(n)) !== r) ?? t;
+import { toBlockUrlConfig as c } from "./blockUrlConfig.js";
+import { readBlockNodeConfigs as m, commitBlockChangeOutsidePanel as d } from "./nodeConfigWriter.js";
+function u(n, t) {
+  const r = JSON.stringify(c(t));
+  return m(n).find((s) => JSON.stringify(c(s)) !== r) ?? t;
 }
-async function m(o, t, r = () => !0) {
-  const n = c();
-  await Promise.all(o.map(async (e) => {
-    if (!await n.refreshStrategyBlock(e))
+async function y(n, t, r = () => !0) {
+  const s = f();
+  await Promise.all(n.map(async (e) => {
+    if (!await s.refreshStrategyBlock(e))
       return;
-    const { recommendationConfigs: s, recommendationProducts: a } = n.blockStates[e];
-    r(e, s.size) && y(
+    const { recommendationConfigs: a, recommendationProducts: o } = s.blockStates[e];
+    r(e, a.size) && d(
       e,
-      { size: s.size },
-      a,
+      { size: a.size },
+      o,
       t
     );
   }));
 }
-async function C(o, t, r) {
-  const n = c(), e = [o, t];
-  (/* @__PURE__ */ new Map([[o, S(o, r)], [t, r]])).forEach((a, f) => {
+async function w(n, t, r) {
+  const s = f(), e = [n, t];
+  (/* @__PURE__ */ new Map([[n, u(n, r)], [t, r]])).forEach((o, i) => {
     var g;
-    (!!a.strategyId || f === t) && ((g = n.blockStates[f]) == null ? void 0 : g.recommendationConfigs.strategyId) !== a.strategyId && n.seedBlockUrlConfig(f, i(a));
-  }), n.resetArrivedBlock(t), await m(e, "Refresh duplicated recommendation strategy");
+    (!!o.strategyId || i === t) && ((g = s.blockStates[i]) == null ? void 0 : g.recommendationConfigs.strategyId) !== o.strategyId && s.seedBlockUrlConfig(i, c(o));
+  }), s.resetArrivedBlock(t), await y(e, "Refresh duplicated recommendation strategy");
 }
-async function k(o) {
-  const t = c(), r = o.filter(({ config: e }) => !!e.strategyId);
+async function k(n) {
+  const t = f(), r = n.filter(({ config: e }) => !!e.strategyId);
   if (!r.length)
     return;
-  r.forEach(({ id: e, config: s }) => t.seedBlockUrlConfig(e, i(s))), t.invalidateStrategies();
-  const n = new Map(r.map(({ id: e, config: s }) => [e, s.size]));
-  await m(
+  r.forEach(({ id: e, config: a }) => t.seedBlockUrlConfig(e, c(a))), t.invalidateStrategies();
+  const s = new Map(r.map(({ id: e, config: a }) => [e, a]));
+  await y(
     r.map(({ id: e }) => e),
     "Refresh recommendation strategy",
-    (e, s) => s !== n.get(e)
+    (e, a) => {
+      const o = s.get(e);
+      return a !== (o == null ? void 0 : o.size) && m(e).some((i) => i.strategyId === (o == null ? void 0 : o.strategyId));
+    }
   );
 }
-async function O(o, t) {
-  if (!c().blockStates[o])
+async function O(n, t) {
+  if (!f().blockStates[n])
     return !1;
-  const r = await l(o, {
-    pickUpdates: ({ strategyId: n, strategy: e, size: s, nodeConfigVersion: a }) => ({
-      strategyId: n,
+  const r = await l(n, {
+    pickUpdates: ({ strategyId: s, strategy: e, size: a, nodeConfigVersion: o }) => ({
+      strategyId: s,
       strategy: e,
-      size: s,
-      configVersion: a
+      size: a,
+      configVersion: o
     }),
     description: t
   });
-  return r || console.error("[recommendation] strategy change did not reach a node", { blockId: o }), r;
+  return r || console.error("[recommendation] strategy change did not reach a node", { blockId: n }), r;
 }
 export {
   O as commitStrategyChange,
   k as refreshArrivedStrategyBlocks,
-  C as refreshDuplicatedStrategyBlocks
+  w as refreshDuplicatedStrategyBlocks,
+  u as resolveSourceConfig
 };

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .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-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__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-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-c5146fc5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-c5146fc5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-c5146fc5]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .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-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{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-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .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-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__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-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-1a3ddd48]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-1a3ddd48]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-1a3ddd48]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .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-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{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-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}

package/dist/library.js

@@ -1,20 +1,22 @@
 import { default as a } from "./components/Guido.vue.js";
-import { MessageType as t, ProductType as d } from "./@types/config/schemas.js";
+import { MessageType as t, ProductType as f } from "./@types/config/schemas.js";
 import "./@types/config/defaults.js";
-import { getValidationErrors as s, isValidConfig as p, parseConfig as g, parseConfigSafe as m, validateConfig as n } from "./@types/config/validator.js";
-import { assignTrackingIds as u, readTrackFloor as x, readTrackSeq as T } from "./utils/linkTrackingIds.js";
+import { getValidationErrors as p, isValidConfig as s, parseConfig as m, parseConfigSafe as g, validateConfig as n } from "./@types/config/validator.js";
+import { assignTrackingIds as l, readTrackFloor as x, readTrackSeq as c } from "./utils/linkTrackingIds.js";
 import { useGuidoEmailEditorStore as C } from "./stores/guido-email-editor.js";
+import { prefetchGuidoRuntime as E } from "./utils/runtimePrefetch.js";
 export {
   a as Guido,
   t as MessageType,
-  d as ProductType,
-  u as assignTrackingIds,
-  s as getValidationErrors,
-  p as isValidConfig,
-  g as parseConfig,
-  m as parseConfigSafe,
+  f as ProductType,
+  l as assignTrackingIds,
+  p as getValidationErrors,
+  s as isValidConfig,
+  m as parseConfig,
+  g as parseConfigSafe,
+  E as prefetchGuidoRuntime,
   x as readTrackFloor,
-  T as readTrackSeq,
+  c as readTrackSeq,
   C as useGuidoEmailEditorStore,
   n as validateConfig
 };

package/dist/package.json.js

@@ -1,7 +1,9 @@
-const o = { stripo: { version: "2.79.0" } }, s = {
-  guido: o
+const o = "3.21.0-beta.8a9421f", s = { stripo: { version: "2.79.0" } }, t = {
+  version: o,
+  guido: s
 };
 export {
-  s as default,
-  o as guido
+  t as default,
+  s as guido,
+  o as version
 };

package/dist/public/prefetchRuntime.js

@@ -0,0 +1,4 @@
+import { prefetchGuidoRuntime as r } from "../utils/runtimePrefetch.js";
+export {
+  r as prefetchGuidoRuntime
+};

package/dist/src/composables/useEditorOpenMetrics.d.ts

@@ -0,0 +1,27 @@
+export type TimedOpenPhase = 'migration' | 'default_template' | 'timer_clone';
+export type OpenPhase = 'setup' | 'host_ready' | `${TimedOpenPhase}_start` | `${TimedOpenPhase}_end` | 'plugin_start' | 'script_ready' | 'fonts_sync_ready' | 'blocks_config_ready' | 'init_editor' | 'token_start' | 'token_end' | 'ready';
+export type OpenOutcome = 'ready' | 'error' | 'abandoned';
+export interface OpenContext {
+    partnerName: string;
+    productType: number;
+    templateId: string;
+    variationId: string;
+}
+export interface OpenTemplate {
+    html: string;
+    css: string;
+    forceRecreate: boolean;
+}
+export interface EditorOpenMetrics {
+    mark: (phase: OpenPhase) => void;
+    timed: <T>(phase: TimedOpenPhase, task: () => Promise<T>) => Promise<T>;
+    setContext: (context: OpenContext) => void;
+    setTemplate: (template: OpenTemplate) => void;
+    setScriptPreloaded: (preloaded: boolean) => void;
+    markReady: () => void;
+    markFailed: () => void;
+    dispose: () => void;
+}
+export declare const startEditorOpenMetrics: () => EditorOpenMetrics;
+/** Binds to the session open at call time, so a remounted editor never writes into its replacement's session. */
+export declare const useEditorOpenMetrics: () => EditorOpenMetrics;