@useinsider/guido 3.21.2-beta.4b0fed7 → 3.21.2-beta.928b4a8

package/dist/config/migrator/recommendation/settingsMapper.js

@@ -1,10 +1,10 @@
-import { PRE_RRS_CONFIG_VERSION as p, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { DEFAULT_CARDS_IN_ROW as d, DEFAULT_MOBILE_ROW_SPACING as S, DEFAULT_MOBILE_COLUMN_SPACING as c, DEFAULT_ROW_SPACING as l, DEFAULT_COLUMN_SPACING as f, DEFAULT_MOBILE_CARDS_IN_ROW as s } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
-import { mapLegacyStrategy as _ } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-function I(t) {
+import { PRE_RRS_CONFIG_VERSION as s, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { DEFAULT_CARDS_IN_ROW as m, DEFAULT_MOBILE_ROW_SPACING as p, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as S, DEFAULT_COLUMN_SPACING as f, DEFAULT_MOBILE_CARDS_IN_ROW as a } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
+import { mapLegacyStrategy as l } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+function c(t) {
   return t === "0" || t === 0 ? "before" : "after";
 }
-function A(t) {
+function _(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return t;
   if (typeof t == "string") {
@@ -14,54 +14,51 @@ function A(t) {
   }
   return i.decimalCount;
 }
-function R(t) {
+function I(t) {
   return t === "." || t === "," || t === " " || t === "" ? t : ",";
 }
-function N(t) {
+function A(t) {
   return t === "." || t === "," || t === " " ? t : ".";
 }
 function L(t) {
   if (!t || typeof t != "object")
     return { ...i };
-  const o = t, n = o.value ?? o.name ?? i.code, e = o.symbol ?? n;
+  const o = t, n = o.value ?? o.name ?? i.code, r = o.symbol ?? n;
   return {
     code: n,
-    symbol: e,
-    alignment: I(o.alignment),
-    decimalCount: A(o.decimalCount),
-    decimalSeparator: N(o.decimalSeparator),
-    thousandSeparator: R(o.thousandSeparator)
+    symbol: r,
+    alignment: c(o.alignment),
+    decimalCount: _(o.decimalCount),
+    decimalSeparator: A(o.decimalSeparator),
+    thousandSeparator: I(o.thousandSeparator)
   };
 }
-function b(t) {
+function N(t) {
   return t === "horizontal" || t === "list" ? "list" : "grid";
 }
-const D = ["similarViewed", "similarBought"];
-function E(t) {
-  const o = _(t);
-  return o && !D.includes(o) ? o : "mostPopular";
+function R(t) {
+  return l(t) || "mostPopular";
 }
-function P(t, o, n) {
-  var a, u;
-  const e = o.rowCount ?? t.cardsInRow ?? d, m = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
+function O(t, o, n) {
+  const r = o.rowCount ?? t.cardsInRow ?? m, u = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
   return {
     recommendationId: n,
-    strategy: E(t.strategy),
-    productIds: (t.productIds ?? []).map((r) => String(r)),
-    size: String(m),
+    strategy: R(t.strategy),
+    productIds: (t.productIds ?? []).map((e) => String(e)),
+    size: String(u),
     shuffleProducts: !!t.shuffleProducts,
     language: t.language ?? "en_US",
     currency: L(t.currencySettings),
-    filters: (t.filters ?? []).map((r) => ({ ...r })),
-    layout: b(t.orientation ?? o.orientation),
-    cardsInRow: e,
-    mobileCardsInRow: s,
-    mobileLayoutEnabled: ((u = (a = o.theme) == null ? void 0 : a.blockAdapt) == null ? void 0 : u.adapt) === !0,
-    previousMobileCardsInRow: s,
+    filters: (t.filters ?? []).map((e) => ({ ...e })),
+    layout: N(t.orientation ?? o.orientation),
+    cardsInRow: r,
+    mobileCardsInRow: a,
+    mobileLayoutEnabled: !1,
+    previousMobileCardsInRow: a,
     columnSpacing: f,
-    rowSpacing: l,
-    mobileColumnSpacing: c,
-    mobileRowSpacing: S,
+    rowSpacing: S,
+    mobileColumnSpacing: d,
+    mobileRowSpacing: p,
     omnibusPrice: { textBefore: "", textAfter: "" },
     omnibusDiscount: { textBefore: "", textAfter: "" },
     // Preserve the legacy price-placement toggles. Absent legacy keys map to
@@ -69,10 +66,10 @@ function P(t, o, n) {
     // gated). New Guido blocks default differently (see DEFAULT_NODE_CONFIG).
     priceMovedToNextLine: !!t.isPriceMovedToNextLine,
     priceHideIfSameAsDiscounted: !!t.isPriceDeletedForZeroSale,
-    configVersion: p
+    configVersion: s
   };
 }
 export {
   L as mapCurrency,
-  P as mapSettings
+  O as mapSettings
 };

package/dist/config/migrator/recommendationMigrator.js

@@ -1,51 +1,48 @@
-import { BlockId as y } from "../../enums/block.js";
-import { DEFAULT_NODE_CONFIG as T } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_RECOMMENDATION_TITLE as d } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useTemplateStore as v } from "../../stores/template.js";
-import { mapComposition as b } from "./recommendation/compositionMapper.js";
-import { extractCurrencyFromBlock as C, isOldPriceFirst as M, withRenderedTextTheme as R, extractTitleText as h, hasEmptyTitle as w, hasVisibleTitle as x, extractCardBgColor as E, isPartnerManagedBlock as S } from "./recommendation/extractors.js";
-import { buildBlockHtml as A } from "./recommendation/htmlBuilder.js";
-import { parseRecommendationId as H, parseLegacyConfig as B } from "./recommendation/parseLegacyConfig.js";
-import { mapSettings as L } from "./recommendation/settingsMapper.js";
-const F = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
-function I(n, t, c) {
+import { BlockId as f } from "../../enums/block.js";
+import { DEFAULT_NODE_CONFIG as y } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_RECOMMENDATION_TITLE as b } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useTemplateStore as T } from "../../stores/template.js";
+import { mapComposition as v } from "./recommendation/compositionMapper.js";
+import { extractCurrencyFromBlock as C, extractTitleText as M, hasVisibleTitle as R, extractCardBgColor as S, isPartnerManagedBlock as h } from "./recommendation/extractors.js";
+import { buildBlockHtml as w } from "./recommendation/htmlBuilder.js";
+import { parseRecommendationId as x, parseLegacyConfig as E } from "./recommendation/parseLegacyConfig.js";
+import { mapSettings as A } from "./recommendation/settingsMapper.js";
+const H = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
+function B(n, t, c) {
   var l;
-  const r = H(t);
+  const r = x(t);
   if (r === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const o = B(t);
+  const o = E(t);
   if (!o)
     return console.warn(
       `[RecommendationMigrator] Aborting block id=${r} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
   const a = c[String(r)] ?? {
     currencySettings: C(t)
-  }, i = L(a, o, r), e = b(
-    R((l = o.composition) == null ? void 0 : l.variables, t),
-    { oldPriceFirst: M(t) }
-  ), p = h(t);
-  w(t) ? e.visibility[d] = !1 : e.titleVariable || (e.visibility[d] = x(t));
-  const g = E(t), u = {
+  }, i = A(a, o, r), e = v((l = o.composition) == null ? void 0 : l.variables), d = M(t);
+  e.titleVariable || (e.visibility[b] = R(t));
+  const p = S(t), g = {
     ...i,
     strategyId: "",
     composition: e.composition,
     visibility: e.visibility,
-    previousTitleHtml: T.previousTitleHtml,
+    previousTitleHtml: y.previousTitleHtml,
     textTrimming: e.anyTextTrimming
-  }, m = S(t), f = `
+  }, m = h(t), u = `
         <table>
             <tbody>
                 <tr>
                     <td class="esd-structure" align="left">
                         <table width="100%" cellpadding="0" cellspacing="0">
                             <tbody>
-                                <tr>${A({
-    nodeConfig: u,
+                                <tr>${w({
+    nodeConfig: g,
     composition: e,
-    cardBg: g,
-    titleText: p,
+    cardBg: p,
+    titleText: d,
     legacyId: t.getAttribute("id") ?? void 0,
     legacyBgColor: t.getAttribute("bgcolor") ?? void 0,
     preserveInnerHtml: m ? t.innerHTML : void 0,
@@ -57,12 +54,12 @@ function I(n, t, c) {
                 </tr>
             </tbody>
         </table>
-    `, s = n.parseFromString(f, "text/html").querySelector("td.esd-structure");
+    `, s = n.parseFromString(u, "text/html").querySelector("td.esd-structure");
   return !s || !t.parentNode ? (console.warn(
     `[RecommendationMigrator] Aborting block id=${r} — failed to construct new HTML element`
   ), !1) : (t.parentNode.replaceChild(s, t), !0);
 }
-function K(n, t = {}) {
+function G(n, t = {}) {
   const c = new DOMParser();
   let r;
   try {
@@ -70,12 +67,12 @@ function K(n, t = {}) {
   } catch (i) {
     return console.error("[RecommendationMigrator] Failed to parse template:", i), n;
   }
-  const o = Array.from(r.querySelectorAll(F));
+  const o = Array.from(r.querySelectorAll(H));
   try {
-    v().$patch((e) => {
+    T().$patch((e) => {
       e.migrations = {
         ...e.migrations,
-        [y.Recommendation]: o.length
+        [f.Recommendation]: o.length
       };
     });
   } catch {
@@ -85,12 +82,12 @@ function K(n, t = {}) {
   let a = 0;
   return o.forEach((i) => {
     try {
-      I(c, i, t) && (a += 1);
+      B(c, i, t) && (a += 1);
     } catch (e) {
       console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
     }
   }), a > 0 && console.info(`[RecommendationMigrator] Migrated ${a} legacy Recommendation block(s)`), r.documentElement.outerHTML;
 }
 export {
-  K as migrateRecommendation
+  G as migrateRecommendation
 };

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

@@ -2,24 +2,23 @@ var b = Object.defineProperty;
 var A = (m, c, e) => c in m ? b(m, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[c] = e;
 var u = (m, c, e) => A(m, typeof c != "symbol" ? c + "" : c, e);
 import { useConfig as g } from "../../../composables/useConfig.js";
-import { BlockId as E } from "../../../enums/block.js";
-import { getMigrationBannerHtml as D } from "../../../utils/migrationBannerHtml.js";
+import { BlockId as D } 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 M, PRE_RRS_CONFIG_VERSION as N } from "./constants/defaultConfig.js";
+import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as M } from "./constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as f } from "./constants/selectors.js";
-import { ensureMobileFitRule as T, syncHeightBound as w } from "./controls/image/index.js";
-import { regenerateMobileProductRows as O } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as x } from "./controls/mobileLayout/cssRules.js";
-import { CSS_CLASS_TEXT_TRIM as H, ensureTextTrimCssRulesExist as $ } from "./controls/shared/textTrimCssRules.js";
+import { ensureMobileFitRule as w, syncHeightBound as O } from "./controls/image/index.js";
+import { regenerateMobileProductRows as H } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as T } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as a } from "./services/configService.js";
 import { useRecommendationExtensionStore as p } from "./store/recommendation.js";
-import { getDefaultTemplate as q } from "./templates/grid/template.js";
+import { getDefaultTemplate as x } from "./templates/grid/template.js";
 import { useRecommendationBlockWarning as F } from "./useRecommendationBlockWarning.js";
-import { registerNodeConfigWriter as y, readBlockNodeConfigs as L } from "./utils/nodeConfigWriter.js";
-import { refreshArrivedStrategyBlocks as P, resolveSourceConfig as V, refreshDuplicatedStrategyBlocks as W } from "./utils/strategyCommit.js";
-const k = E.Recommendation, h = "recommendation-block-v2", C = "hide-price";
+import { registerNodeConfigWriter as y, readBlockNodeConfigs as $ } from "./utils/nodeConfigWriter.js";
+import { refreshArrivedStrategyBlocks as q, resolveSourceConfig as L, refreshDuplicatedStrategyBlocks as P } from "./utils/strategyCommit.js";
+const k = D.Recommendation, h = "recommendation-block-v2", C = "hide-price";
 let B = !1;
-class ae extends S {
+class se extends S {
   constructor() {
     super();
     /**
@@ -53,7 +52,7 @@ class ae extends S {
     );
   }
   getSettingsPanelTitleHtml() {
-    return D(
+    return E(
       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.")
@@ -77,7 +76,7 @@ class ae extends S {
    */
   getTemplate() {
     const e = this._generateNextId();
-    return this._pendingBlockId = e, q(e);
+    return this._pendingBlockId = e, x(e);
   }
   /**
    * Called when a new block is dropped into the template
@@ -111,7 +110,7 @@ class ae extends S {
       e,
       {
         recommendationId: i,
-        configVersion: r ? M : N,
+        configVersion: r ? N : M,
         ...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
@@ -122,7 +121,7 @@ class ae extends S {
     if (l.setCurrentBlock(i), this._stampHidePrice(e, n.priceHideIfSameAsDiscounted), o) {
       I(this.api);
       const d = this._getBlockElement(e);
-      d && (R(this.api, d, !0), O({
+      d && (R(this.api, d, !0), H({
         currentNode: e,
         documentModifier: this.api.getDocumentModifier()
       }));
@@ -156,13 +155,13 @@ class ae extends S {
           "Assign recommendation ID to legacy block"
         );
       }
-      this._healLingeringDuplicate(e), a.needsMigration(e) && this._migrateFromLegacy(e), this._healHidePriceAttr(e), this._ensureMobileFitRule(e), this._syncHeightBound(e), this._ensureTextTrimCss(e);
+      this._healLingeringDuplicate(e), a.needsMigration(e) && this._migrateFromLegacy(e), this._healHidePriceAttr(e), this._ensureMobileFitRule(e), this._syncHeightBound(e);
       try {
         B || (I(this.api), B = !0);
         const t = a.getConfig(e), i = this._getBlockElement(e);
         if (i) {
           const r = !t.mobileLayoutEnabled;
-          x(i) !== r && R(this.api, i, r);
+          T(i) !== r && R(this.api, i, r);
         }
       } catch {
       }
@@ -180,15 +179,7 @@ class ae extends S {
   }
   _ensureMobileFitRule(e) {
     try {
-      T(this.api, e);
-    } catch {
-    }
-  }
-  // A migrated block arrives with trimmed cells but without the stylesheet rules the toggle would have added.
-  _ensureTextTrimCss(e) {
-    var t;
-    try {
-      (t = this._getBlockElement(e)) != null && t.querySelector(`.${H}`) && $(this.api);
+      w(this.api, e);
     } catch {
     }
   }
@@ -196,7 +187,7 @@ class ae extends S {
     const t = this._getBlockElement(e);
     if (t)
       try {
-        w(this.api, t);
+        O(this.api, t);
       } catch {
       }
   }
@@ -279,7 +270,7 @@ class ae extends S {
       const d = { strategyId: l.strategyId };
       return t.add(n), this._refreshClaims.set(n, d), [{ id: n, config: l, claim: d }];
     });
-    i.length && P(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)));
+    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
@@ -291,7 +282,7 @@ class ae extends S {
       return !0;
     if (i.strategyId === t)
       return !1;
-    const r = L(e);
+    const r = $(e);
     return r.length > 0 && r.every((s) => s.strategyId === t);
   }
   _releaseRefreshClaim(e, t) {
@@ -353,10 +344,10 @@ class ae extends S {
     if (r.cloneBlockState(t, i), r.setCurrentBlock(i), g().isFeatureEnabled("reusableRecommendationStrategy")) {
       this._resetSourceIds.add(t), y(this.api);
       const s = a.getConfig(e), n = [
-        { id: t, claim: { strategyId: V(t, s).strategyId } },
+        { id: t, claim: { strategyId: L(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)), W(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)));
+      n.forEach(({ id: o, claim: l }) => this._refreshClaims.set(o, l)), P(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();
   }
@@ -460,5 +451,5 @@ class ae extends S {
 }
 export {
   k as BLOCK_ID,
-  ae as RecommendationBlock
+  se as RecommendationBlock
 };