@useinsider/guido 3.21.2-beta.4b0fed7 → 3.21.2-beta.5a809f7

package/dist/config/migrator/recommendationMigrator.js

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

package/dist/extensions/Blocks/Recommendation/controls/cardComposition/index.js

@@ -11,10 +11,11 @@ import { useRecommendationExtensionStore as ft } from "../../store/recommendatio
 import { ATTRIBUTE_CELL_CLASS as bt, gridElementRenderer as yt, DEFAULT_CELL_PADDING as Tt, buildFillerCell as Ct } from "../../templates/grid/elementRenderer.js";
 import { listElementRenderer as St } from "../../templates/list/elementRenderer.js";
 import { buildTitleRows as At, DEFAULT_TITLE_PARAGRAPH as It, DEFAULT_TITLE_TEXT as $t } from "../../templates/titleRows.js";
-import { resolveInlinePriceOrder as vt, toDisplayName as Nt, toDisplayableAttributeValue as Et, buildElementRenderer as J } from "../../templates/utils.js";
-import { normalizeCompositionKeys as Rt, normalizeCustomAttrValues as Lt, compositionKeyToProductAttr as k, resolveRowVisibilityKeys as Ot, filterToProductAttrValue as C, findAttributeRow as Dt, rewriteLegacyRowKeyHtml as Q, bareAttributeName as H, isDefaultProductAttr as Ht, productAttrToCompositionKey as M } from "../../utils/compositionKeys.js";
-import { getTableDisplayValue as Pt } from "../../utils/tagName.js";
-import { isPartnerManagedBlock as wt, regenerateProductRowsWithStyles as Bt, getMainContainerTbody as kt, getCurrentLayout as Mt } from "../main/utils.js";
+import { toDisplayName as vt, toDisplayableAttributeValue as Nt, buildElementRenderer as J } from "../../templates/utils.js";
+import { normalizeCompositionKeys as Et, normalizeCustomAttrValues as Rt, compositionKeyToProductAttr as k, resolveRowVisibilityKeys as Lt, filterToProductAttrValue as C, findAttributeRow as Ot, rewriteLegacyRowKeyHtml as Q, bareAttributeName as H, isDefaultProductAttr as Dt, productAttrToCompositionKey as M } from "../../utils/compositionKeys.js";
+import { getTableDisplayValue as Ht } from "../../utils/tagName.js";
+import { isPartnerManagedBlock as Pt, regenerateProductRowsWithStyles as wt, getMainContainerTbody as Bt, getCurrentLayout as kt } from "../main/utils.js";
+import { resolveInlinePriceOrder as Mt } from "../../utils/inlinePriceOrder.js";
 const Ut = "ui-elements-recommendation-card-composition", U = ".product-card-wrapper > tbody", Z = ".product-info-cell > table > tbody", tt = {
   ADD_ATTRIBUTE: "addAttribute"
 }, b = 5, P = "reorderIcon_", qt = '<svg width="14" height="10" viewBox="0 0 14 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2.5" r="1.2"/><circle cx="7" cy="2.5" r="1.2"/><circle cx="12" cy="2.5" r="1.2"/><circle cx="2" cy="7.5" r="1.2"/><circle cx="7" cy="7.5" r="1.2"/><circle cx="12" cy="7.5" r="1.2"/></svg>', m = [
@@ -26,7 +27,7 @@ const Ut = "ui-elements-recommendation-card-composition", U = ".product-card-wra
   { key: pt, label: "Omnibus Discount" },
   { key: F, label: "Product Button" }
 ], L = { key: $, label: "Title" }, Ft = new Set(m.map((_) => _.key)), A = "customAttr_", w = "deleteAttr_";
-class se extends ut {
+class oe extends ut {
   constructor() {
     super(...arguments);
     v(this, "store", ft());
@@ -155,7 +156,7 @@ class se extends ut {
     const t = (r = this.getContainer()) == null ? void 0 : r.querySelector("[data-card-composition-control]");
     if (!t)
       return;
-    const e = wt(this.currentNode);
+    const e = Pt(this.currentNode);
     t.style.pointerEvents = e ? "none" : "", t.style.opacity = e ? "0.5" : "";
   }
   onTemplateNodeUpdated(t) {
@@ -198,7 +199,7 @@ class se extends ut {
   }
   /** Upgrades legacy bare-name custom keys to the canonical form. (SD-147101) */
   _normalizeComposition(t) {
-    return Rt(t, this.currentNode, this.store.filterList);
+    return Et(t, this.currentNode, this.store.filterList);
   }
   _readCustomAttributesFromNode() {
     if (!this.currentNode || !("getAttribute" in this.currentNode))
@@ -206,7 +207,7 @@ class se extends ut {
     const t = this.currentNode.getAttribute(W);
     if (t)
       try {
-        return Lt(
+        return Rt(
           JSON.parse(t).map((e) => String(e)),
           this.currentNode,
           this.store.filterList
@@ -241,7 +242,7 @@ class se extends ut {
       if (!("getAttribute" in r))
         return;
       const i = r.getAttribute(D);
-      i !== null && Ot(r).forEach((s) => {
+      i !== null && Lt(r).forEach((s) => {
         e[s] = this._parseVisibilityValue(i);
       });
     }), e;
@@ -276,7 +277,7 @@ class se extends ut {
     if (!(i.dataset.inlinePrices !== String(s)) && this._tryReorderInPlace(i, t))
       return !1;
     i.dataset.inlinePrices = String(s);
-    const n = new Set(e), l = vt(t);
+    const n = new Set(e), l = Mt(t);
     let a = 0, d = 0;
     const c = t.map((u) => {
       if (s && (u === p || u === I))
@@ -653,7 +654,7 @@ class se extends ut {
     try {
       this._updateBothAttributes(t, e);
       const r = this._isInlinePrices();
-      this._getCurrentLayout() === "grid" && !r ? this._reorderProductAttributes(t) : this.currentNode && Bt({
+      this._getCurrentLayout() === "grid" && !r ? this._reorderProductAttributes(t) : this.currentNode && wt({
         currentNode: this.currentNode,
         documentModifier: this.api.getDocumentModifier()
       });
@@ -671,7 +672,7 @@ class se extends ut {
    * DOM converge on the next composition change without writing on open.
    */
   _getExistingRowHtml(t, e) {
-    const r = Dt(t, e);
+    const r = Ot(t, e);
     if (r && "getOuterHTML" in r)
       return Q(r.getOuterHTML(), e);
     const i = t.querySelector(
@@ -815,7 +816,7 @@ class se extends ut {
       return;
     const o = e ? "1" : "0", n = e ? this.api.translate("visible") : this.api.translate("hidden"), l = `${this.api.translate("Set visibility")}: ${t} → ${n}`, a = this.api.getDocumentModifier();
     s.forEach((c) => {
-      const u = Pt(c), h = e ? u : "none";
+      const u = Ht(c), h = e ? u : "none";
       a.modifyHtml(c).setStyle("display", h).setAttribute(D, o);
     });
     const d = {
@@ -877,7 +878,7 @@ class se extends ut {
     return "children" in t && t.children().some((e) => "hasClass" in e && e.hasClass(_t));
   }
   _findTitleContainerBody() {
-    return (this.currentNode ? kt(this.currentNode) : null) ?? void 0;
+    return (this.currentNode ? Bt(this.currentNode) : null) ?? void 0;
   }
   _readInnerHtml(t) {
     return "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : null;
@@ -904,7 +905,7 @@ class se extends ut {
     return -1;
   }
   _getCurrentLayout() {
-    return this.store.recommendationConfigs.orientation || Mt(this.currentNode);
+    return this.store.recommendationConfigs.orientation || kt(this.currentNode);
   }
   /**
    * Extracts background color properties from existing card elements.
@@ -1000,7 +1001,7 @@ class se extends ut {
    */
   _getDisplayNameForAttribute(t) {
     const e = Object.values(this.store.filterList).find((r) => C(r) === t);
-    return e ? e.displayName : Nt(H(t));
+    return e ? e.displayName : vt(H(t));
   }
   /**
    * Resolves the display content for a custom attribute cell.
@@ -1008,8 +1009,8 @@ class se extends ut {
    */
   _resolveAttributeContent(t, e, r) {
     var l;
-    const s = this.store.recommendationProducts[r], o = H(t), n = Ht(t) ? s == null ? void 0 : s[o] : (l = s == null ? void 0 : s.product_attributes) == null ? void 0 : l[o];
-    return Et(n) ?? e;
+    const s = this.store.recommendationProducts[r], o = H(t), n = Dt(t) ? s == null ? void 0 : s[o] : (l = s == null ? void 0 : s.product_attributes) == null ? void 0 : l[o];
+    return Nt(n) ?? e;
   }
   _getGridCellHtml(t, e, r, i = "", s = "", o = "") {
     const n = M(t), l = H(t), a = J(yt, [n], this.store.filterList), d = {
@@ -1032,5 +1033,5 @@ class se extends ut {
 }
 export {
   Ut as COMPOSITION_CONTROL_BLOCK_ID,
-  se as RecommendationCardCompositionControl
+  oe as RecommendationCardCompositionControl
 };