@useinsider/guido 3.19.0 → 3.20.0-beta.0849ec7

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

@@ -1,37 +1,39 @@
-var R = Object.defineProperty;
-var B = (a, c, t) => c in a ? R(a, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[c] = t;
-var p = (a, c, t) => B(a, typeof c != "symbol" ? c + "" : c, t);
-import { useConfig as D } from "../../../composables/useConfig.js";
-import { BlockId as y } from "../../../enums/block.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 h = (l, c, t) => A(l, typeof c != "symbol" ? c + "" : c, t);
+import { useConfig as d } from "../../../composables/useConfig.js";
+import { BlockId as D } from "../../../enums/block.js";
 import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
-import { Block as b, BlockCompositionType as A, ModificationDescription as g } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENT_CONFIG_VERSION as E, PRE_RRS_CONFIG_VERSION as S } from "./constants/defaultConfig.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 N } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as h, setMobileLayoutOptOut as f, hasMobileLayoutOptOut as O } from "./controls/mobileLayout/cssRules.js";
+import { regenerateMobileProductRows as M } from "./controls/main/utils.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 M } from "./templates/grid/template.js";
-import { useRecommendationBlockWarning as w } from "./useRecommendationBlockWarning.js";
-const _ = y.Recommendation, u = "recommendation-block-v2", I = "hide-price";
-let k = !1;
-class W extends b {
+import { useRecommendationExtensionStore as g } from "./store/recommendation.js";
+import { getDefaultTemplate as T } from "./templates/grid/template.js";
+import { useRecommendationBlockWarning as v } from "./useRecommendationBlockWarning.js";
+const k = D.Recommendation, u = "recommendation-block-v2", B = "hide-price";
+let b = !1;
+class j extends E {
   constructor() {
     super();
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
      * This avoids generating a new (different) ID in onCreated().
      */
-    p(this, "_pendingBlockId", null);
+    h(this, "_pendingBlockId", null);
+    /** Ids already reset under their new name, so the deferred pass skips their stale snapshot. */
+    h(this, "_resetSourceIds", /* @__PURE__ */ new Set());
   }
   getId() {
-    return _;
+    return k;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return A.CONTAINER;
+    return S.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -43,7 +45,7 @@ class W extends b {
   }
   getSettingsPanelTitleHtml() {
     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 W extends b {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, M(t);
+    return this._pendingBlockId = t, T(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -79,33 +81,38 @@ class W extends b {
     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 { config: n, wasFreshDrop: o } = s.initializeConfig(
+    const n = d().isFeatureEnabled("reusableRecommendationStrategy"), o = n && !s.hasConfig(t), { config: r, wasFreshDrop: a } = s.initializeConfig(
       this.api,
       t,
       {
         recommendationId: i,
-        configVersion: D().isFeatureEnabled("reusableRecommendationStrategy") ? E : S
+        configVersion: n ? N : O,
+        ...o ? { partnerName: d().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.
+        ...o ? { strategy: "" } : {}
       }
-    ), r = d();
-    if (r.setCurrentBlock(i), this._stampHidePrice(t, n.priceHideIfSameAsDiscounted), o) {
-      h(this.api);
-      const l = this._getBlockElement(t);
-      l && (f(this.api, l, !0), N({
+    ), f = g();
+    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()
       }));
     }
-    r.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
+    f.patchCurrentBlockConfig({ language: r.language }, { triggerRefetch: !1 }), this._warnIfMultipleBlocks();
   }
   /**
    * Called when the document changes or template is loaded
@@ -127,11 +134,11 @@ class W extends b {
       }
       this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        k || (h(this.api), k = !0);
+        b || (I(this.api), b = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          O(i) !== n && f(this.api, i, n);
+          w(i) !== n && R(this.api, i, n);
         }
       } catch {
       }
@@ -145,7 +152,7 @@ class W extends b {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && d().removeBlockState(e);
+    e && g().removeBlockState(e);
   }
   /**
    * Warns (dark advisory toaster) when the design holds more than one live
@@ -161,7 +168,7 @@ class W extends b {
    */
   _warnIfMultipleBlocks() {
     try {
-      w().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
+      v().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
     } catch {
     }
   }
@@ -183,6 +190,19 @@ class W extends b {
     }
     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) {
+    d().isFeatureEnabled("reusableRecommendationStrategy") && setTimeout(() => {
+      const e = this._getRecommendationId(t);
+      e !== null && e > 0 && !this._resetSourceIds.delete(e) && g().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).
@@ -211,9 +231,9 @@ class W extends b {
         if (!o)
           return;
         let r = -1;
-        for (let l = 0; l < n.length; l++)
-          if (n[l] === o) {
-            r = l;
+        for (let a = 0; a < n.length; a++)
+          if (n[a] === o) {
+            r = a;
             break;
           }
         if (r <= 0)
@@ -236,8 +256,8 @@ class W extends b {
   }
   /** 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();
+    const i = this._reassignDuplicateId(t, e), n = g();
+    n.cloneBlockState(e, i), n.setCurrentBlock(i), d().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), n.resetArrivedBlock(i)), this._warnIfMultipleBlocks();
   }
   /**
    * Core id-reassignment for a duplicated block: rewrites the DOM
@@ -270,7 +290,7 @@ class W extends b {
     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}`
     ));
   }
@@ -285,7 +305,7 @@ class W extends b {
     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
@@ -293,7 +313,7 @@ class W extends b {
    */
   _stampHidePrice(t, e) {
     const i = this._getBlockElement(t);
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(I, 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 —
@@ -301,7 +321,7 @@ class W extends b {
    */
   _healHidePriceAttr(t) {
     const e = this._getBlockElement(t);
-    if (!e || !("getAttribute" in e) || e.getAttribute(I) !== null)
+    if (!e || !("getAttribute" in e) || e.getAttribute(B) !== null)
       return;
     const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
     this._stampHidePrice(t, i);
@@ -338,6 +358,6 @@ class W extends b {
   }
 }
 export {
-  _ as BLOCK_ID,
-  W as RecommendationBlock
+  k as BLOCK_ID,
+  j as RecommendationBlock
 };

package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js

@@ -1,13 +1,13 @@
-import { DEFAULT_COLUMN_SPACING as R, DEFAULT_ROW_SPACING as s, DEFAULT_MOBILE_ROW_SPACING as n, DEFAULT_MOBILE_COLUMN_SPACING as O, DEFAULT_MOBILE_CARDS_IN_ROW as e, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
-import { ATTR_PRODUCT_IMAGE as o, ATTR_PRODUCT_NAME as t, ATTR_PRODUCT_OLD_PRICE as _, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as r, ATTR_PRODUCT_OMNIBUS_DISCOUNT as I, ATTR_PRODUCT_BUTTON as i, ATTR_RECOMMENDATION_TITLE as U } from "./selectors.js";
-const A = 1, u = 2, D = {
+import { DEFAULT_COLUMN_SPACING as i, DEFAULT_ROW_SPACING as s, DEFAULT_MOBILE_ROW_SPACING as n, DEFAULT_MOBILE_COLUMN_SPACING as O, DEFAULT_MOBILE_CARDS_IN_ROW as e, DEFAULT_CARDS_IN_ROW as C } from "./layout.js";
+import { ATTR_PRODUCT_IMAGE as o, ATTR_PRODUCT_NAME as t, ATTR_PRODUCT_OLD_PRICE as _, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as I, ATTR_PRODUCT_OMNIBUS_DISCOUNT as R, ATTR_PRODUCT_BUTTON as r, ATTR_RECOMMENDATION_TITLE as E } from "./selectors.js";
+const U = 1, u = 2, m = 2, A = {
   code: "USD",
   symbol: "USD",
   alignment: "after",
   decimalCount: 2,
   decimalSeparator: ".",
   thousandSeparator: ","
-}, E = {
+}, D = {
   textBefore: "",
   textAfter: ""
 }, a = {
@@ -18,26 +18,26 @@ const A = 1, u = 2, D = {
   t,
   _,
   T,
-  r,
   I,
-  i
+  R,
+  r
 ], N = {
-  [U]: !0,
+  [E]: !0,
   [o]: !0,
   [t]: !0,
   [T]: !0,
   [_]: !0,
-  [r]: !1,
   [I]: !1,
-  [i]: !0
-}, m = {
+  [R]: !1,
+  [r]: !0
+}, L = {
   // Settings
   strategy: "mostPopular",
   productIds: [],
   size: "6",
   shuffleProducts: !1,
   language: "en_US",
-  currency: D,
+  currency: A,
   filters: [],
   strategyId: "",
   // Layout
@@ -46,7 +46,7 @@ const A = 1, u = 2, D = {
   mobileCardsInRow: e,
   mobileLayoutEnabled: !1,
   previousMobileCardsInRow: e,
-  columnSpacing: R,
+  columnSpacing: i,
   rowSpacing: s,
   mobileColumnSpacing: O,
   mobileRowSpacing: n,
@@ -55,7 +55,7 @@ const A = 1, u = 2, D = {
   visibility: N,
   previousTitleHtml: "",
   // Element settings
-  omnibusPrice: E,
+  omnibusPrice: D,
   omnibusDiscount: a,
   textTrimming: !1,
   // Price placement (block-level, affects all cards)
@@ -66,17 +66,18 @@ const A = 1, u = 2, D = {
   // of "false" (the actual hiding happens server-side at send).
   priceHideIfSameAsDiscounted: !1,
   // Meta
-  configVersion: A,
+  configVersion: U,
   recommendationId: 0
-}, L = [11, 12];
+}, P = [11, 12];
 export {
   u as CURRENT_CONFIG_VERSION,
   c as DEFAULT_COMPOSITION,
-  D as DEFAULT_CURRENCY,
-  m as DEFAULT_NODE_CONFIG,
+  A as DEFAULT_CURRENCY,
+  L as DEFAULT_NODE_CONFIG,
   a as DEFAULT_OMNIBUS_DISCOUNT,
-  E as DEFAULT_OMNIBUS_PRICE,
+  D as DEFAULT_OMNIBUS_PRICE,
   N as DEFAULT_VISIBILITY,
-  L as EXCLUDED_ALGORITHM_IDS,
-  A as PRE_RRS_CONFIG_VERSION
+  P as EXCLUDED_ALGORITHM_IDS,
+  U as PRE_RRS_CONFIG_VERSION,
+  m as RRS_CONFIG_VERSION
 };