@useinsider/guido 3.18.2-beta.d3f87c7 → 3.18.2-beta.dfce34a

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue.js

@@ -15,7 +15,7 @@ var a = function() {
   n,
   !1,
   null,
-  "521cf6b3"
+  "184392c2"
 );
 const y = i.exports;
 export {

package/dist/components/organisms/extensions/recommendation/AssignStrategyDrawer.vue2.js

@@ -1,47 +1,47 @@
-import { defineComponent as A, defineAsyncComponent as S, ref as T, computed as g, watch as h } from "vue";
+import { defineComponent as A, defineAsyncComponent as S, ref as v, computed as l, watch as h } from "vue";
 import "@useinsider/design-system-organisms/style";
 import { useToaster as C } from "../../../../composables/useToaster.js";
 import { useTranslations as b } from "../../../../composables/useTranslations.js";
 import { DOTTED_DATE_LOCALE as B } from "../../../../enums/date.js";
 import { URLS as k } from "../../../../enums/extensions/recommendationBlock.js";
-import { ToasterTypeOptions as d } from "../../../../enums/toaster.js";
+import { ToasterTypeOptions as g } from "../../../../enums/toaster.js";
 import { useRecommendationExtensionStore as R } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { commitStrategyChange as _ } from "../../../../extensions/Blocks/Recommendation/utils/strategyCommit.js";
+import { commitStrategyChange as T } from "../../../../extensions/Blocks/Recommendation/utils/strategyCommit.js";
 import N from "./StrategyInfoBoxContent.vue.js";
 import { formatShortDate as P } from "../../../../utils/dateUtil.js";
-import { asText as v } from "../../../../utils/genericUtil.js";
+import { asText as _ } from "../../../../utils/genericUtil.js";
 import { escapeHtml as U } from "../../../../utils/htmlEscape.js";
 import { InSkeleton as L } from "@useinsider/design-system-vue";
 const rt = /* @__PURE__ */ A({
   __name: "AssignStrategyDrawer",
   setup(M) {
     const m = () => import("@useinsider/design-system-organisms"), u = (t, r) => ({
-      render: (a) => a(L, { props: { sizing: { width: t, height: r } } })
+      render: (s) => s(L, { props: { sizing: { width: t, height: r } } })
     }), w = S({
       loader: async () => (await m()).OrgStrategyDetailModal,
       loadingComponent: u(480, 240),
       delay: 0
     }), D = S({
       loader: async () => (await m()).OrgStrategyDropdown
-    }), n = "guido-edit-strategy-", o = b(), e = R(), { showToaster: i } = C(), s = T(null), c = T(!1), I = g(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: k.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    }), i = "guido-edit-strategy-", o = b(), e = R(), { showToaster: n } = C(), a = v(null), c = v(!1), E = l(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: k.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
     h(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
       const { strategyId: r } = e.recommendationConfigs;
-      s.value = r || null, c.value = !1, e.fetchStrategies().catch(() => {
-        i({
-          type: d.Error,
+      a.value = r || null, c.value = !1, e.invalidateStrategies(), e.fetchStrategies().catch(() => {
+        n({
+          type: g.Error,
           message: o("discovery-strategy.error-description")
         });
       });
     });
     const y = (t) => {
-      const r = v(t.updated_at || t.created_at);
+      const r = _(t.updated_at || t.created_at);
       if (!r)
         return "";
-      const a = P(r, B);
-      return o("recommendation-strategy.last-updated-on", { value: a });
-    }, x = g(() => e.strategies.map((t) => ({
+      const s = P(r, B);
+      return o("recommendation-strategy.last-updated-on", { value: s });
+    }, I = l(() => e.strategies.map((t) => ({
       text: t.name,
       value: t.strategy_id,
       infoBoxProps: {
@@ -49,7 +49,7 @@ const rt = /* @__PURE__ */ A({
         theme: "light",
         variant: "information",
         className: "assign-strategy-info-box",
-        titleText: U(v(t.name)),
+        titleText: U(_(t.name)),
         descriptionStatus: !0,
         descriptionText: y(t),
         slot: N,
@@ -57,7 +57,7 @@ const rt = /* @__PURE__ */ A({
         // The info box drops the option's value/text, so the id is the only channel
         // that can carry the strategy back to the click handler.
         buttonOptions: [{
-          id: `${n}${t.strategy_id}`,
+          id: `${i}${t.strategy_id}`,
           text: o("eureka.edit-strategy"),
           type: "text",
           // Resolved from Guido's own public/sprite.svg by InIcons; an unknown name would
@@ -65,19 +65,24 @@ const rt = /* @__PURE__ */ A({
           icon: "line-open-website"
         }]
       }
-    }))), E = (t) => {
+    }))), x = (t) => {
       var f;
-      const r = (f = t == null ? void 0 : t.id) != null && f.startsWith(n) ? t.id.slice(n.length) : "";
+      const r = (f = t == null ? void 0 : t.id) != null && f.startsWith(i) ? t.id.slice(i.length) : "";
       if (!r)
         return;
-      const a = e.currentRecommendationId;
-      String(s.value ?? "") === r && (s.value = null);
-      const l = e.recommendationConfigs.strategyId === r;
-      l && e.removeStrategy(), e.openStrategyEdit(r), l && a !== null && _(a, "Removed recommendation strategy");
-    }, p = g(() => {
-      const t = e.strategies.find((r) => String(r.strategy_id) === String(s.value ?? ""));
+      const s = e.currentRecommendationId, d = e.recommendationConfigs.strategyId === r;
+      if (!e.openStrategyEdit(r)) {
+        n({
+          type: g.Error,
+          message: o("discovery-strategy.error-description")
+        });
+        return;
+      }
+      String(a.value ?? "") === r && (a.value = null), d && (e.removeStrategy(), s !== null && T(s, "Removed recommendation strategy"));
+    }, p = l(() => {
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(a.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
-    }), O = g(() => ({
+    }), O = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -89,7 +94,7 @@ const rt = /* @__PURE__ */ A({
         labelText: o("products.cancel")
       }
     }));
-    return { __sfc: !0, loadOrganisms: m, skeleton: u, OrgStrategyDetailModal: w, OrgStrategyDropdown: D, EDIT_BUTTON_ID_PREFIX: n, trans: o, store: e, showToaster: i, selectedStrategyId: s, showSelectionError: c, drawerDescription: I, lastUpdatedText: y, strategyOptions: x, onInfoBoxButtonClick: E, selectedStrategy: p, footerButtonGroupOptions: O, closeDrawer: () => {
+    return { __sfc: !0, loadOrganisms: m, skeleton: u, OrgStrategyDetailModal: w, OrgStrategyDropdown: D, EDIT_BUTTON_ID_PREFIX: i, trans: o, store: e, showToaster: n, selectedStrategyId: a, showSelectionError: c, drawerDescription: E, lastUpdatedText: y, strategyOptions: I, onInfoBoxButtonClick: x, selectedStrategy: p, footerButtonGroupOptions: O, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
     }, assignStrategy: async () => {
       const t = p.value;
@@ -100,23 +105,23 @@ const rt = /* @__PURE__ */ A({
       let r = "";
       try {
         r = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
-      } catch (l) {
-        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", l);
+      } catch (d) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", d);
       }
       if (!r) {
-        i({
-          type: d.Error,
+        n({
+          type: g.Error,
           message: o("email-editor.strategy-assign-failed", { strategyName: t.name })
         });
         return;
       }
-      const a = e.currentRecommendationId;
-      e.assignStrategy(t), i({
-        type: d.Success,
+      const s = e.currentRecommendationId;
+      e.assignStrategy(t), n({
+        type: g.Success,
         message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
-      }), e.closeAssignStrategyDrawer(), a !== null && await _(a, "Assigned recommendation strategy");
+      }), e.closeAssignStrategyDrawer(), s !== null && await T(s, "Assigned recommendation strategy");
     }, onSelect: (t) => {
-      s.value = t.value, c.value = !1;
+      a.value = t.value, c.value = !1;
     } };
   }
 });

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

@@ -1,20 +1,20 @@
-var D = Object.defineProperty;
-var y = (l, c, t) => c in l ? D(l, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[c] = t;
-var f = (l, c, t) => y(l, typeof c != "symbol" ? c + "" : c, t);
-import { useConfig as C } from "../../../composables/useConfig.js";
-import { BlockId as b } from "../../../enums/block.js";
-import { getMigrationBannerHtml as A } from "../../../utils/migrationBannerHtml.js";
-import { Block as E, BlockCompositionType as S, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var y = Object.defineProperty;
+var A = (l, c, t) => c in l ? y(l, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[c] = t;
+var g = (l, c, t) => A(l, typeof c != "symbol" ? c + "" : c, t);
+import { useConfig as h } from "../../../composables/useConfig.js";
+import { BlockId as D } from "../../../enums/block.js";
+import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
+import { Block as E, BlockCompositionType as S, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as O } from "./constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as m } from "./constants/selectors.js";
 import { regenerateMobileProductRows as M } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as _, setMobileLayoutOptOut as I, hasMobileLayoutOptOut as w } from "./controls/mobileLayout/cssRules.js";
+import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as w } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
-import { getDefaultTemplate as x } from "./templates/grid/template.js";
-import { useRecommendationBlockWarning as H } from "./useRecommendationBlockWarning.js";
-const k = b.Recommendation, u = "recommendation-block-v2", R = "hide-price";
-let B = !1;
+import { getDefaultTemplate as T } from "./templates/grid/template.js";
+import { useRecommendationBlockWarning as x } from "./useRecommendationBlockWarning.js";
+const k = D.Recommendation, u = "recommendation-block-v2", B = "hide-price";
+let b = !1;
 class j extends E {
   constructor() {
     super();
@@ -22,7 +22,9 @@ class j extends E {
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    f(this, "_pendingBlockId", null);
+    g(this, "_pendingBlockId", null);
+    /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
+    g(this, "_resetSourceIds", /* @__PURE__ */ new Set());
   }
   getId() {
     return k;
@@ -42,7 +44,7 @@ class j extends E {
     );
   }
   getSettingsPanelTitleHtml() {
-    return A(
+    return C(
       k,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
@@ -66,7 +68,7 @@ class j extends E {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, x(t);
+    return this._pendingBlockId = t, T(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -79,17 +81,17 @@ class j extends E {
     const e = this._getRecommendationId(t);
     if (e !== null && e > 0) {
       if (this._detectDuplicate(e)) {
-        this._handleDuplicate(t, e);
+        this._handleDuplicate(t, e), this._scheduleArrivalReset(t);
         return;
       }
       this._pendingBlockId === null && setTimeout(() => {
         this._getBlockElement(t) && this._detectDuplicate(e) && this._handleDuplicate(t, e);
-      }, 0);
+      }, 0), this._scheduleArrivalReset(t);
       return;
     }
     const i = this._pendingBlockId ?? this._generateNextId();
     this._pendingBlockId = null, this._assignRecommendationId(t, i);
-    const n = C().isFeatureEnabled("reusableRecommendationStrategy"), o = n && !s.hasConfig(t), { config: r, wasFreshDrop: a } = s.initializeConfig(
+    const n = h().isFeatureEnabled("reusableRecommendationStrategy"), o = n && !s.hasConfig(t), { config: r, wasFreshDrop: a } = s.initializeConfig(
       this.api,
       t,
       {
@@ -100,16 +102,16 @@ class j extends E {
         // at save for a block the user never configured.
         ...o ? { strategy: "" } : {}
       }
-    ), p = d();
-    if (p.setCurrentBlock(i), this._stampHidePrice(t, r.priceHideIfSameAsDiscounted), a) {
-      _(this.api);
-      const h = this._getBlockElement(t);
-      h && (I(this.api, h, !0), M({
+    ), f = d();
+    if (f.setCurrentBlock(i), this._stampHidePrice(t, r.priceHideIfSameAsDiscounted), a) {
+      I(this.api);
+      const _ = this._getBlockElement(t);
+      _ && (R(this.api, _, !0), M({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
     }
-    p.patchCurrentBlockConfig({ language: r.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
+    f.patchCurrentBlockConfig({ language: r.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
   }
   /**
    * Called when the document changes or template is loaded
@@ -131,11 +133,11 @@ class j extends E {
       }
       this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        B || (_(this.api), B = !0);
+        b || (I(this.api), b = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          w(i) !== n && I(this.api, i, n);
+          w(i) !== n && R(this.api, i, n);
         }
       } catch {
       }
@@ -165,7 +167,7 @@ class j extends E {
    */
   _warnIfMultipleBlocks() {
     try {
-      H().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
+      x().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
     } catch {
     }
   }
@@ -187,6 +189,19 @@ class j extends E {
     }
     return t + 1;
   }
+  /**
+   * Drops the "already fetched" claims of a block that arrived holding a baked id
+   * (saved module, paste, duplicate), so the settings panel reads its strategy again.
+   *
+   * Deferred a tick: the collision handlers rename a sibling first, and either sibling can be
+   * the renamed one depending on where the module was dropped (SD-149916).
+   */
+  _scheduleArrivalReset(t) {
+    h().isFeatureEnabled("reusableRecommendationStrategy") && setTimeout(() => {
+      const e = this._getRecommendationId(t);
+      e !== null && e > 0 && !this._resetSourceIds.delete(e) && d().resetArrivedBlock(e);
+    }, 0);
+  }
   /**
    * Heals a duplicate that slipped past the create-time `_detectDuplicate`
    * scan (or that was persisted by an older template before SD-142352).
@@ -241,7 +256,7 @@ class j extends E {
   /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
   _handleDuplicate(t, e) {
     const i = this._reassignDuplicateId(t, e), n = d();
-    n.cloneBlockState(e, i), n.setCurrentBlock(i), this._warnIfMultipleBlocks();
+    n.cloneBlockState(e, i), n.setCurrentBlock(i), h().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), n.resetArrivedBlock(i)), this._warnIfMultipleBlocks();
   }
   /**
    * Core id-reassignment for a duplicated block: rewrites the DOM
@@ -274,7 +289,7 @@ class j extends E {
     if (!("getAttribute" in t))
       return;
     const n = `ins-recommendation-v3-block-${e}`, o = `ins-recommendation-v3-block-${i}`, r = this.api.getDocumentModifier();
-    r.modifyHtml(t).removeClass(n).setClass(o), r.apply(new g(
+    r.modifyHtml(t).removeClass(n).setClass(o), r.apply(new p(
       `Reassign recommendation instance class ${n} -> ${o}`
     ));
   }
@@ -289,7 +304,7 @@ class j extends E {
     if (!i)
       return;
     const n = this.api.getDocumentModifier();
-    n.modifyHtml(i).setAttribute(m, e.toString()), n.apply(new g(`Assign recommendation ID ${e}`));
+    n.modifyHtml(i).setAttribute(m, e.toString()), n.apply(new p(`Assign recommendation ID ${e}`));
   }
   /**
    * Stamps the `hide-price` attribute (read by email-service at send time) on
@@ -297,7 +312,7 @@ class j extends E {
    */
   _stampHidePrice(t, e) {
     const i = this._getBlockElement(t);
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(R, String(e)).apply(new g("Stamp hide-price"));
+    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(B, String(e)).apply(new p("Stamp hide-price"));
   }
   /**
    * Stamps `hide-price` from config only when the block lacks the attribute —
@@ -305,7 +320,7 @@ class j extends E {
    */
   _healHidePriceAttr(t) {
     const e = this._getBlockElement(t);
-    if (!e || !("getAttribute" in e) || e.getAttribute(R) !== null)
+    if (!e || !("getAttribute" in e) || e.getAttribute(B) !== null)
       return;
     const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
     this._stampHidePrice(t, i);

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

@@ -1,23 +1,23 @@
-import { getRecommendationFeedSourceMaps as C, strategyEditPath as D, URLS as _, getOperatorOptions as N, PriceAttributes as U } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationApi as A } from "../../../../services/recommendationApi.js";
-import { useConfigStore as P } from "../../../../stores/config.js";
-import { defineStore as L } from "pinia";
+import { getRecommendationFeedSourceMaps as v, strategyEditPath as D, URLS as _, getOperatorOptions as A, PriceAttributes as N } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationApi as U } from "../../../../services/recommendationApi.js";
+import { useConfigStore as k } from "../../../../stores/config.js";
+import { defineStore as E } from "pinia";
 import "../constants/selectors.js";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as E, DEFAULT_CARDS_IN_ROW as x } from "../constants/layout.js";
-import { DEFAULT_NODE_CONFIG as B, EXCLUDED_ALGORITHM_IDS as M } from "../constants/defaultConfig.js";
-import { getDefaultProducts as v } from "../templates/utils.js";
-import { generateCompleteFilterQuery as F } from "../utils/filterUtil.js";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as L, DEFAULT_CARDS_IN_ROW as B } from "../constants/layout.js";
+import { DEFAULT_NODE_CONFIG as x, EXCLUDED_ALGORITHM_IDS as M } from "../constants/defaultConfig.js";
+import { getDefaultProducts as F } from "../templates/utils.js";
+import { generateCompleteFilterQuery as w } from "../utils/filterUtil.js";
 import { getPartnerRecommendationParams as O } from "../utils/partnerCustomizations.js";
-import { sanitizeProductIds as T } from "../utils/productIds.js";
-import { isFilterValid as z } from "../validation/filterSchema.js";
+import { sanitizeProductIds as z } from "../utils/productIds.js";
+import { isFilterValid as T } from "../validation/filterSchema.js";
 import { getInvalidFields as V, isConfigValid as j } from "../validation/requiredFields.js";
-const f = A();
+const f = U();
 let S = null, p = null, y = null, I = "", R = null, b = 0;
-const h = /* @__PURE__ */ new Map();
+const g = /* @__PURE__ */ new Map();
 let l = null;
 function G() {
   return {
-    cardsInRow: x,
+    cardsInRow: B,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -31,7 +31,7 @@ function G() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: E,
+    mobileCardsInRow: L,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -41,7 +41,7 @@ function G() {
     // that default is what reached buildCampaignUrl and baked a most-popular feed URL
     // for a block the user never configured (SD-149916). Legacy blocks still get their real
     // algorithm from the node-config sync or the save-time seed.
-    strategy: P().isFeatureEnabled("reusableRecommendationStrategy") ? "" : "mostPopular",
+    strategy: k().isFeatureEnabled("reusableRecommendationStrategy") ? "" : "mostPopular",
     strategyId: "",
     textTrimming: !0,
     unresponsive: !1,
@@ -51,7 +51,7 @@ function G() {
     priceHideIfSameAsDiscounted: !1
   };
 }
-function w() {
+function P() {
   return {
     recommendationConfigs: G(),
     recommendationProducts: [],
@@ -80,7 +80,7 @@ const $ = () => ({
   currentRecommendationId: null,
   strategyPanelOpen: !1,
   configVersion: 0
-}), it = L("guidoRecommendationExtension", {
+}), nt = E("guidoRecommendationExtension", {
   state: () => $(),
   getters: {
     // ====================================================================
@@ -146,12 +146,12 @@ const $ = () => ({
       return [...new Set(t.map((e) => e.filterGroup))].sort((e, r) => e - r);
     },
     getActivePredictiveAlgorithms: (t) => {
-      const e = C(), r = [];
-      return t.activePredictiveAlgorithms.filter((n) => !M.includes(n)).forEach((n) => {
-        r.push(...e.filter((s) => s.id === n));
-      }), r.map((n) => ({
-        text: n.name,
-        value: n.key
+      const e = v(), r = [];
+      return t.activePredictiveAlgorithms.filter((i) => !M.includes(i)).forEach((i) => {
+        r.push(...e.filter((s) => s.id === i));
+      }), r.map((i) => ({
+        text: i.name,
+        value: i.key
       }));
     },
     getLanguages: (t) => Object.entries(t.languages).map(([e, r]) => ({
@@ -165,7 +165,7 @@ const $ = () => ({
     getFilterList() {
       return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
-        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : U.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
+        return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : N.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
           value: e,
           type: t.attributeType
@@ -187,7 +187,7 @@ const $ = () => ({
     setCurrentBlock(t) {
       this.blockStates[t] || (this.blockStates = {
         ...this.blockStates,
-        [t]: w()
+        [t]: P()
       }), this.currentRecommendationId = t;
     },
     /**
@@ -197,32 +197,36 @@ const $ = () => ({
     removeBlockState(t) {
       const e = t.toString();
       if (this.recommendationCampaignUrls[e]) {
-        const n = { ...this.recommendationCampaignUrls };
-        delete n[e], this.recommendationCampaignUrls = n;
+        const i = { ...this.recommendationCampaignUrls };
+        delete i[e], this.recommendationCampaignUrls = i;
       }
       const r = { ...this.blockStates };
       if (delete r[t], this.blockStates = r, this.currentRecommendationId === t) {
-        const n = Object.keys(this.blockStates).map(Number);
-        this.currentRecommendationId = n.length > 0 ? n[0] : null;
+        const i = Object.keys(this.blockStates).map(Number);
+        this.currentRecommendationId = i.length > 0 ? i[0] : null;
       }
     },
     /**
      * Deep-clones a block's state and mirrors its campaign URL under a new id.
      * Invoked from `onCreated` when a duplicate is detected (SD-142352).
+     *
+     * The clone keeps the source's data but drops its "already fetched / already
+     * synced" claims for strategy blocks, so it fetches again like a fresh drop
+     * (SD-149916).
      */
     cloneBlockState(t, e) {
       const r = this.blockStates[t];
       if (r) {
         const o = structuredClone(r);
-        o.recommendationConfigs.id = e, this.blockStates = {
+        o.recommendationConfigs.id = e, o.recommendationConfigs.strategyId && k().isFeatureEnabled("reusableRecommendationStrategy") && (o.isInitialized = !1, o.syncedConfigFingerprint = null), this.blockStates = {
           ...this.blockStates,
           [e]: o
         };
       }
-      const n = t.toString(), s = e.toString(), i = this.recommendationCampaignUrls[n];
-      i && (this.recommendationCampaignUrls = {
+      const i = t.toString(), s = e.toString(), n = this.recommendationCampaignUrls[i];
+      n && (this.recommendationCampaignUrls = {
         ...this.recommendationCampaignUrls,
-        [s]: i
+        [s]: n
       });
     },
     /**
@@ -247,7 +251,7 @@ const $ = () => ({
      * `isInitialized`) alone.
      */
     seedBlockUrlConfig(t, e) {
-      const r = (o, a) => o === "." || o === "," || o === " " ? o : a, n = {
+      const r = (o, a) => o === "." || o === "," || o === " " ? o : a, i = {
         name: e.currencyCode,
         value: e.currencyCode,
         symbol: e.currencySymbol,
@@ -255,9 +259,9 @@ const $ = () => ({
         decimalCount: String(e.currencyDecimalCount),
         decimalSeparator: r(e.currencyDecimalSeparator, ","),
         thousandSeparator: r(e.currencyThousandSeparator, ".")
-      }, s = !this.blockStates[t], i = s ? w() : this.blockStates[t];
-      i.recommendationConfigs = {
-        ...i.recommendationConfigs,
+      }, s = !this.blockStates[t], n = s ? P() : this.blockStates[t];
+      n.recommendationConfigs = {
+        ...n.recommendationConfigs,
         strategy: e.strategy,
         strategyId: e.strategyId,
         language: e.language,
@@ -265,10 +269,10 @@ const $ = () => ({
         productIds: e.productIds,
         filters: e.filters,
         shuffleProducts: e.shuffleProducts,
-        currencySettings: n
+        currencySettings: i
       }, s && (this.blockStates = {
         ...this.blockStates,
-        [t]: i
+        [t]: n
       });
     },
     /**
@@ -287,18 +291,18 @@ const $ = () => ({
           ...t.currencySettings || {}
         }
       };
-      const { triggerRefetch: n = !0 } = e;
-      n && this.configVersion++;
+      const { triggerRefetch: i = !0 } = e;
+      i && this.configVersion++;
     },
     /**
      * Creates a filter with the first available attribute and operator pre-selected.
      */
     createDefaultFilter(t, e) {
-      const [r] = this.getFilterList, [n] = N(r == null ? void 0 : r.type);
+      const [r] = this.getFilterList, [i] = A(r == null ? void 0 : r.type);
       return {
         type: "standardFilter",
         attribute: (r == null ? void 0 : r.value) ?? "",
-        operator: (n == null ? void 0 : n.value) ?? "",
+        operator: (i == null ? void 0 : i.value) ?? "",
         innerGroupOperator: "*",
         outerGroupOperator: "*",
         filterNumber: e,
@@ -379,6 +383,16 @@ const $ = () => ({
         R = null;
       }
     },
+    /**
+     * Clears what a block inherited from the id it arrived holding, so the panel fetches for it.
+     * A re-dropped saved module can keep the source's id — and its "already fetched" entry —
+     * while the strategy's product count has moved on (SD-149916).
+     */
+    resetArrivedBlock(t) {
+      const e = this.blockStates[t];
+      e != null && e.recommendationConfigs.strategyId && (e.isInitialized = !1, e.syncedConfigFingerprint = null, this.invalidateStrategies(), this.fetchStrategies().catch(() => {
+      }));
+    },
     invalidateStrategies() {
       this.strategiesFetched = !1, this.strategiesSettled = !1, b += 1;
     },
@@ -393,22 +407,23 @@ const $ = () => ({
      * leave that one missing from the list. It disarms on the first return AFTER that tab is
      * closed instead, so an ordinary alt-tab later in the session costs nothing. Armed only
      * once the user actually opens a strategy page, so anyone who never does pays nothing.
+     * @returns whether a tab actually opened, so callers can skip work that assumes one did
      */
     _armStrategyPageReturn(t) {
       const e = window.open(t, "_blank");
       if (!e)
-        return;
+        return !1;
       e.opener = null, l == null || l();
       let r = !1;
-      const n = () => {
+      const i = () => {
         document.hidden || r || (e != null && e.closed && (l == null || l()), r = !0, this.invalidateStrategies(), this.fetchStrategies().then(() => this._refreshAssignedStrategyProducts()).catch(() => {
         }).finally(() => {
           r = !1;
         }));
       };
-      document.addEventListener("visibilitychange", n), l = () => {
-        document.removeEventListener("visibilitychange", n), l = null;
-      };
+      return document.addEventListener("visibilitychange", i), l = () => {
+        document.removeEventListener("visibilitychange", i), l = null;
+      }, !0;
     },
     /**
      * Reloads the products of the block the user is on, so an edit made in the strategy tab
@@ -431,24 +446,24 @@ const $ = () => ({
      * new strategy is offered; the user picks it themselves.
      */
     openStrategyCreation() {
-      this._armStrategyPageReturn(_.RECOMMENDATION_STRATEGY_CREATE_PATH);
+      return this._armStrategyPageReturn(_.RECOMMENDATION_STRATEGY_CREATE_PATH);
     },
     /**
      * Opens the strategy's edit page. Every return refreshes the list so the block reflects the
      * edited configuration.
      */
     openStrategyEdit(t) {
-      this._armStrategyPageReturn(D(t));
+      return this._armStrategyPageReturn(D(t));
     },
     async resolveStrategyUrlTemplate(t, e) {
-      const r = typeof t.updated_at == "string" ? t.updated_at : "", n = r ? `${t.strategy_id}:${r}:${e}` : "", s = n ? this.strategyUrlTemplates[n] : void 0;
+      const r = typeof t.updated_at == "string" ? t.updated_at : "", i = r ? `${t.strategy_id}:${r}:${e}` : "", s = i ? this.strategyUrlTemplates[i] : void 0;
       if (s)
         return s;
-      const { full_path: i = "" } = await f.generateStrategyEndpoint(t, e) ?? {};
-      return n && i && (this.strategyUrlTemplates = {
+      const { full_path: n = "" } = await f.generateStrategyEndpoint(t, e) ?? {};
+      return i && n && (this.strategyUrlTemplates = {
         ...this.strategyUrlTemplates,
-        [n]: i
-      }), i;
+        [i]: n
+      }), n;
     },
     assignStrategy(t) {
       this.patchCurrentBlockConfig({
@@ -460,7 +475,7 @@ const $ = () => ({
       this.patchCurrentBlockConfig({
         strategyId: "",
         strategy: "",
-        size: B.size
+        size: x.size
       });
     },
     // ====================================================================
@@ -479,8 +494,8 @@ const $ = () => ({
             currencies: r
           } = await f.fetchRecommendationCreateData();
           if (this.activePredictiveAlgorithms = t, this.languages = e, this.currentRecommendationId !== null && this.blockStates[this.currentRecommendationId]) {
-            const n = this.blockStates[this.currentRecommendationId];
-            n.filterStatus = !!n.recommendationConfigs.filters.length;
+            const i = this.blockStates[this.currentRecommendationId];
+            i.filterStatus = !!i.recommendationConfigs.filters.length;
           }
           this.currencyList = r;
         })();
@@ -519,41 +534,41 @@ const $ = () => ({
     deleteFilterGroup(t) {
       if (this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])
         return;
-      const e = this.blockStates[this.currentRecommendationId], r = e.recommendationConfigs.filters.filter((i) => i.filterGroup !== t), n = [...new Set(r.map((i) => i.filterGroup))].sort((i, o) => i - o), s = new Map(n.map((i, o) => [i, o + 1]));
-      e.recommendationConfigs.filters = r.map((i) => ({
-        ...i,
-        filterGroup: s.get(i.filterGroup) ?? i.filterGroup
+      const e = this.blockStates[this.currentRecommendationId], r = e.recommendationConfigs.filters.filter((n) => n.filterGroup !== t), i = [...new Set(r.map((n) => n.filterGroup))].sort((n, o) => n - o), s = new Map(i.map((n, o) => [n, o + 1]));
+      e.recommendationConfigs.filters = r.map((n) => ({
+        ...n,
+        filterGroup: s.get(n.filterGroup) ?? n.filterGroup
       }));
     },
     updateFilter(t) {
       if (this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])
         return;
-      const e = this.blockStates[this.currentRecommendationId], r = e.recommendationConfigs.filters.findIndex((n) => n.filterNumber === t.filterNumber && n.filterGroup === t.filterGroup);
+      const e = this.blockStates[this.currentRecommendationId], r = e.recommendationConfigs.filters.findIndex((i) => i.filterNumber === t.filterNumber && i.filterGroup === t.filterGroup);
       if (r !== -1) {
-        const n = [...e.recommendationConfigs.filters];
-        n[r] = {
+        const i = [...e.recommendationConfigs.filters];
+        i[r] = {
           ...t,
-          isValid: z(t)
-        }, e.recommendationConfigs.filters = n;
+          isValid: T(t)
+        }, e.recommendationConfigs.filters = i;
       }
     },
     deleteFilter(t) {
       if (this.currentRecommendationId === null || !this.blockStates[this.currentRecommendationId])
         return;
-      const e = this.blockStates[this.currentRecommendationId], r = [...e.recommendationConfigs.filters].findIndex((n) => n.filterNumber === t.filterNumber && n.filterGroup === t.filterGroup);
+      const e = this.blockStates[this.currentRecommendationId], r = [...e.recommendationConfigs.filters].findIndex((i) => i.filterNumber === t.filterNumber && i.filterGroup === t.filterGroup);
       if (r !== -1) {
-        let n = [...e.recommendationConfigs.filters];
-        if (n.splice(r, 1), n.some((i) => i.filterGroup === t.filterGroup)) {
-          let i = 1;
-          n = n.map((o) => o.filterGroup === t.filterGroup ? { ...o, filterNumber: i++ } : o);
+        let i = [...e.recommendationConfigs.filters];
+        if (i.splice(r, 1), i.some((n) => n.filterGroup === t.filterGroup)) {
+          let n = 1;
+          i = i.map((o) => o.filterGroup === t.filterGroup ? { ...o, filterNumber: n++ } : o);
         } else {
-          const i = [...new Set(n.map((a) => a.filterGroup))].sort((a, u) => a - u), o = new Map(i.map((a, u) => [a, u + 1]));
-          n = n.map((a) => ({
+          const n = [...new Set(i.map((a) => a.filterGroup))].sort((a, u) => a - u), o = new Map(n.map((a, u) => [a, u + 1]));
+          i = i.map((a) => ({
             ...a,
             filterGroup: o.get(a.filterGroup) ?? a.filterGroup
           }));
         }
-        e.recommendationConfigs.filters = n;
+        e.recommendationConfigs.filters = i;
       }
     },
     addFilter(t) {
@@ -561,8 +576,8 @@ const $ = () => ({
         return;
       const e = this.blockStates[this.currentRecommendationId], r = [...e.recommendationConfigs.filters], s = r.filter(
         (o) => o.filterGroup === t.filterGroup
-      ).length + 1, i = r.findLastIndex((o) => o.filterGroup === t.filterGroup);
-      i !== -1 ? r.splice(i + 1, 0, {
+      ).length + 1, n = r.findLastIndex((o) => o.filterGroup === t.filterGroup);
+      n !== -1 ? r.splice(n + 1, 0, {
         ...t,
         filterNumber: s
       }) : r.push({
@@ -571,7 +586,7 @@ const $ = () => ({
       }), e.recommendationConfigs.filters = r;
     },
     generateFilterQuery() {
-      return F(this.recommendationConfigs.filters);
+      return w(this.recommendationConfigs.filters);
     },
     /**
      * Validation-only check invoked at save-CTA time. Defined as an action
@@ -611,30 +626,30 @@ const $ = () => ({
       }
     },
     async _doFetchProducts() {
-      var g;
-      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, n = P();
-      if (r.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy")) {
+      var h;
+      const t = this.currentRecommendationId, e = this.blockStates[t], { recommendationConfigs: r } = e, i = k();
+      if (r.strategyId && i.isFeatureEnabled("reusableRecommendationStrategy")) {
         await this._doFetchStrategyProducts(t);
         return;
       }
-      const s = (h.get(t) ?? 0) + 1;
-      h.set(t, s);
-      const i = parseInt(r.size) || 6;
+      const s = (g.get(t) ?? 0) + 1;
+      g.set(t, s);
+      const n = parseInt(r.size) || 6;
       if (!r.strategy) {
-        this._setBlockProducts(t, [], i);
+        this._setBlockProducts(t, [], n);
         return;
       }
-      const o = r.filters.filter((d) => d.isValid), a = F(o), u = ((g = C().find((d) => d.key === r.strategy)) == null ? void 0 : g.path) || "", c = {
+      const o = r.filters.filter((d) => d.isValid), a = w(o), u = ((h = v().find((d) => d.key === r.strategy)) == null ? void 0 : h.path) || "", c = {
         locale: r.language,
         currency: r.currencySettings.value,
-        partnerName: n.partnerName,
+        partnerName: i.partnerName,
         size: r.size,
         details: !0,
-        campaignId: n.variationId
+        campaignId: i.variationId
       };
-      r.strategy === "manualMerchandising" ? c.productId = T(r.productIds) : r.strategy === "similarViewed" && (c.productId = "{itemId}"), r.strategy === "userBased" && (c.userId = "{user_id}"), a && (c.filter = a), r.shuffleProducts && (c.shuffle = !0), Object.assign(
+      r.strategy === "manualMerchandising" ? c.productId = z(r.productIds) : r.strategy === "similarViewed" && (c.productId = "{itemId}"), r.strategy === "userBased" && (c.userId = "{user_id}"), a && (c.filter = a), r.shuffleProducts && (c.shuffle = !0), Object.assign(
         c,
-        O(n.partnerName, r.strategy)
+        O(i.partnerName, r.strategy)
       );
       let m;
       try {
@@ -642,39 +657,39 @@ const $ = () => ({
       } catch {
         m = [];
       }
-      h.get(t) === s && this._setBlockProducts(t, m, i);
+      g.get(t) === s && this._setBlockProducts(t, m, n);
     },
     async _doFetchStrategyProducts(t) {
-      const e = (h.get(t) ?? 0) + 1;
-      h.set(t, e);
+      const e = (g.get(t) ?? 0) + 1;
+      g.set(t, e);
       const { recommendationConfigs: r } = this.blockStates[t];
-      let n = [], s = parseInt(r.size) || 6;
+      let i = [], s = parseInt(r.size) || 6;
       try {
         await this.fetchStrategies();
-        const i = this.strategies.find(
+        const n = this.strategies.find(
           (o) => String(o.strategy_id) === r.strategyId
         );
-        if (i) {
-          s = parseInt(String(i.size ?? "")) || s;
-          const o = r.currencySettings.value, u = (await this.resolveStrategyUrlTemplate(i, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), c = u.indexOf("?"), m = c === -1 ? u : u.slice(0, c), g = (c === -1 ? "" : u.slice(c + 1)).split("&").filter((k) => k && !k.startsWith("user_id=")), d = g.length ? `${m}?${g.join("&")}` : m;
-          d && (n = await f.fetchRecommendationProductsByUrl(d));
+        if (n) {
+          s = parseInt(String(n.size ?? "")) || s;
+          const o = r.currencySettings.value, u = (await this.resolveStrategyUrlTemplate(n, o)).replaceAll("{locale}", r.language).replaceAll("{currency}", o), c = u.indexOf("?"), m = c === -1 ? u : u.slice(0, c), h = (c === -1 ? "" : u.slice(c + 1)).split("&").filter((C) => C && !C.startsWith("user_id=")), d = h.length ? `${m}?${h.join("&")}` : m;
+          d && (i = await f.fetchRecommendationProductsByUrl(d));
         }
       } catch {
-        n = [];
+        i = [];
       }
-      h.get(t) === e && this._setBlockProducts(t, n, s);
+      g.get(t) === e && this._setBlockProducts(t, i, s);
     },
     _setBlockProducts(t, e, r) {
       if (!this.blockStates[t])
         return;
-      const n = e.length > 0 ? e : v(r);
+      const i = e.length > 0 ? e : F(r);
       this.blockStates[t].recommendationProducts = [
-        ...n.slice(0, r),
-        ...v(Math.max(0, r - n.length))
+        ...i.slice(0, r),
+        ...F(Math.max(0, r - i.length))
       ];
     }
   }
 });
 export {
-  it as useRecommendationExtensionStore
+  nt as useRecommendationExtensionStore
 };

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .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-1ca6baf0]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-cc5ee925]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cc5ee925]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cc5ee925]{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-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-521cf6b3]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-521cf6b3] .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}
+@charset "UTF-8";.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .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-1ca6baf0]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-cc5ee925]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cc5ee925]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cc5ee925]{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-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-184392c2]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-184392c2] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-184392c2] .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}

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

@@ -15,6 +15,8 @@ export declare class RecommendationBlock extends Block {
      * This avoids generating a new (different) ID in onCreated().
      */
     private _pendingBlockId;
+    /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
+    private _resetSourceIds;
     constructor();
     getId(): string;
     getIcon(): string;
@@ -73,6 +75,14 @@ export declare class RecommendationBlock extends Block {
      * in the document and finding the maximum existing ID + 1.
      */
     private _generateNextId;
+    /**
+     * Drops the "already fetched" claims of a block that arrived holding a baked id
+     * (saved module, paste, duplicate), so the settings panel reads its strategy again.
+     *
+     * Deferred a tick: the collision handlers rename a sibling first, and either sibling can be
+     * the renamed one depending on where the module was dropped (SD-149916).
+     */
+    private _scheduleArrivalReset;
     /**
      * Heals a duplicate that slipped past the create-time `_detectDuplicate`
      * scan (or that was persisted by an older template before SD-142352).

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

@@ -426,6 +426,10 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     /**
      * Deep-clones a block's state and mirrors its campaign URL under a new id.
      * Invoked from `onCreated` when a duplicate is detected (SD-142352).
+     *
+     * The clone keeps the source's data but drops its "already fetched / already
+     * synced" claims for strategy blocks, so it fetches again like a fresh drop
+     * (SD-149916).
      */
     cloneBlockState(sourceId: number, newId: number): void;
     /**
@@ -481,6 +485,12 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     openRemoveStrategyModal(): void;
     closeRemoveStrategyModal(): void;
     fetchStrategies(): Promise<void>;
+    /**
+     * Clears what a block inherited from the id it arrived holding, so the panel fetches for it.
+     * A re-dropped saved module can keep the source's id — and its "already fetched" entry —
+     * while the strategy's product count has moved on (SD-149916).
+     */
+    resetArrivedBlock(id: number): void;
     invalidateStrategies(): void;
     /**
      * Opens a Smart Recommender strategy page in a new tab and refreshes the list every time
@@ -493,8 +503,9 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * leave that one missing from the list. It disarms on the first return AFTER that tab is
      * closed instead, so an ordinary alt-tab later in the session costs nothing. Armed only
      * once the user actually opens a strategy page, so anyone who never does pays nothing.
+     * @returns whether a tab actually opened, so callers can skip work that assumes one did
      */
-    _armStrategyPageReturn(url: string): void;
+    _armStrategyPageReturn(url: string): boolean;
     /**
      * Reloads the products of the block the user is on, so an edit made in the strategy tab
      * lands on the canvas instead of waiting for the assign drawer to be reopened.
@@ -509,12 +520,12 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Opens Smart Recommender's strategy creation page. Every return refreshes the list so the
      * new strategy is offered; the user picks it themselves.
      */
-    openStrategyCreation(): void;
+    openStrategyCreation(): boolean;
     /**
      * Opens the strategy's edit page. Every return refreshes the list so the block reflects the
      * edited configuration.
      */
-    openStrategyEdit(strategyId: string | number): void;
+    openStrategyEdit(strategyId: string | number): boolean;
     resolveStrategyUrlTemplate(strategy: RrsStrategy, currency: string): Promise<string>;
     assignStrategy(strategy: RrsStrategy): void;
     removeStrategy(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.2-beta.d3f87c7",
+  "version": "3.18.2-beta.dfce34a",
   "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",