@useinsider/guido 3.19.0-beta.f0d5980 → 3.19.0-beta.f328a8a

package/dist/config/migrator/recommendationMigrator.js

@@ -1,6 +1,6 @@
 import { BlockId as f } from "../../enums/block.js";
-import { DEFAULT_NODE_CONFIG as b } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_RECOMMENDATION_TITLE as y } from "../../extensions/Blocks/Recommendation/constants/selectors.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";
@@ -8,28 +8,28 @@ 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, a) {
+function B(n, t, c) {
   var l;
-  const o = x(t);
-  if (o === null)
+  const r = x(t);
+  if (r === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const r = E(t);
-  if (!r)
+  const o = E(t);
+  if (!o)
     return console.warn(
-      `[RecommendationMigrator] Aborting block id=${o} — \`esd-dev-product-config\` missing or unable to be parsed`
+      `[RecommendationMigrator] Aborting block id=${r} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
-  const i = a[String(o)] ?? {
+  const a = c[String(r)] ?? {
     currencySettings: C(t)
-  }, c = A(i, r, o), e = v((l = r.composition) == null ? void 0 : l.variables), d = M(t);
-  e.titleVariable || (e.visibility[y] = R(t));
+  }, 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 = {
-    ...c,
+    ...i,
     strategyId: "",
     composition: e.composition,
     visibility: e.visibility,
-    previousTitleHtml: b.previousTitleHtml,
+    previousTitleHtml: y.previousTitleHtml,
     textTrimming: e.anyTextTrimming
   }, m = h(t), u = `
         <table>
@@ -56,30 +56,37 @@ function B(n, t, a) {
         </table>
     `, s = n.parseFromString(u, "text/html").querySelector("td.esd-structure");
   return !s || !t.parentNode ? (console.warn(
-    `[RecommendationMigrator] Aborting block id=${o} — failed to construct new HTML element`
+    `[RecommendationMigrator] Aborting block id=${r} — failed to construct new HTML element`
   ), !1) : (t.parentNode.replaceChild(s, t), !0);
 }
 function G(n, t = {}) {
-  const a = new DOMParser(), o = a.parseFromString(n, "text/html"), r = Array.from(o.querySelectorAll(H));
+  const c = new DOMParser();
+  let r;
+  try {
+    r = c.parseFromString(n, "text/html");
+  } catch (i) {
+    return console.error("[RecommendationMigrator] Failed to parse template:", i), n;
+  }
+  const o = Array.from(r.querySelectorAll(H));
   try {
     T().$patch((e) => {
       e.migrations = {
         ...e.migrations,
-        [f.Recommendation]: r.length
+        [f.Recommendation]: o.length
       };
     });
   } catch {
   }
-  if (r.length === 0)
+  if (o.length === 0)
     return n;
-  let i = 0;
-  return r.forEach((c) => {
+  let a = 0;
+  return o.forEach((i) => {
     try {
-      B(a, c, t) && (i += 1);
+      B(c, i, t) && (a += 1);
     } catch (e) {
       console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
     }
-  }), i > 0 && console.info(`[RecommendationMigrator] Migrated ${i} legacy Recommendation block(s)`), o.documentElement.outerHTML;
+  }), a > 0 && console.info(`[RecommendationMigrator] Migrated ${a} legacy Recommendation block(s)`), r.documentElement.outerHTML;
 }
 export {
   G as migrateRecommendation

package/dist/config/migrator/recommendationPartnerMigrator.js

@@ -1,50 +1,56 @@
-import { RECOMMENDATION_ID_ATTR as f, SELECTOR_ATTRIBUTE_ROW as _, ATTR_DATA_ATTRIBUTE_TYPE as a, ATTR_CUSTOM_PREFIX as g, ATTR_DATA_CARD_COMPOSITION as O, ATTR_DATA_CUSTOM_ATTRIBUTES as R } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { carriesForeignPartnerConfig as m, canJudgeUnstampedBlock as E, withoutCustomAttributes as d } from "../../extensions/Blocks/Recommendation/utils/partnerScope.js";
-const S = ".recommendation-block-v2[esd-ext-config]", c = "esd-ext-config";
-function C(t) {
-  const e = t.getAttribute(c);
-  if (!e)
+import { RECOMMENDATION_ID_ATTR as a, SELECTOR_ATTRIBUTE_ROW as f, ATTR_DATA_ATTRIBUTE_TYPE as _, ATTR_CUSTOM_PREFIX as g, ATTR_DATA_CARD_COMPOSITION as m, ATTR_DATA_CUSTOM_ATTRIBUTES as R } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { carriesForeignPartnerConfig as O, canJudgeUnstampedBlock as d, withoutCustomAttributes as l } from "../../extensions/Blocks/Recommendation/utils/partnerScope.js";
+const E = ".recommendation-block-v2[esd-ext-config]", T = "esd-ext-config";
+function S(t) {
+  const r = t.getAttribute(T);
+  if (!r)
     return null;
   try {
-    const r = JSON.parse(e);
-    return r && typeof r == "object" && !Array.isArray(r) ? r : null;
+    const e = JSON.parse(r);
+    return e && typeof e == "object" && !Array.isArray(e) ? e : null;
   } catch {
     return null;
   }
 }
-function I(t, e, r) {
-  const o = d(e.composition ?? []);
-  t.querySelectorAll(_).forEach((i) => {
-    var s;
-    (s = i.getAttribute(a)) != null && s.startsWith(g) && i.remove();
-  }), t.setAttribute(O, o.join(",")), t.setAttribute(R, "[]"), t.setAttribute(c, JSON.stringify({
-    ...e,
+function p(t, r, e) {
+  const s = l(r.composition ?? []);
+  t.querySelectorAll(f).forEach((o) => {
+    var u;
+    (u = o.getAttribute(_)) != null && u.startsWith(g) && o.remove();
+  }), t.setAttribute(m, s.join(",")), t.setAttribute(R, "[]"), t.setAttribute(T, JSON.stringify({
+    ...r,
     strategyId: "",
     strategy: "",
     filters: [],
     productIds: [],
-    composition: o,
-    partnerName: r
+    composition: s,
+    partnerName: e
   }));
 }
-function p(t, { partnerName: e, campaignUrls: r, rrsEnabled: o }) {
-  if (!e)
+function I(t, { partnerName: r, campaignUrls: e, rrsEnabled: s }) {
+  if (!r)
     return t;
-  const i = new DOMParser().parseFromString(t, "text/html"), s = Array.from(i.querySelectorAll(S));
-  if (s.length === 0)
+  let o;
+  try {
+    o = new DOMParser().parseFromString(t, "text/html");
+  } catch (n) {
+    return console.error("[RecommendationPartnerMigrator] Failed to parse template:", n), t;
+  }
+  const u = Array.from(o.querySelectorAll(E));
+  if (u.length === 0)
     return t;
-  let T = 0;
-  return s.forEach((u) => {
-    const n = C(u), A = Number(u.getAttribute(f));
-    if (!(!n || !Number.isFinite(A))) {
-      if (m({ config: n, blockId: A, partnerName: e, campaignUrls: r, rrsEnabled: o })) {
-        I(u, n, e), T += 1;
+  let c = 0;
+  return u.forEach((n) => {
+    const i = S(n), A = Number(n.getAttribute(a));
+    if (!(!i || !Number.isFinite(A))) {
+      if (O({ config: i, blockId: A, partnerName: r, campaignUrls: e, rrsEnabled: s })) {
+        p(n, i, r), c += 1;
         return;
       }
-      n.partnerName || !E({ config: n, campaignUrls: r, rrsEnabled: o }) || (u.setAttribute(c, JSON.stringify({ ...n, partnerName: e })), T += 1);
+      i.partnerName || !d({ config: i, campaignUrls: e, rrsEnabled: s }) || (n.setAttribute(T, JSON.stringify({ ...i, partnerName: r })), c += 1);
     }
-  }), T > 0 ? i.documentElement.outerHTML : t;
+  }), c > 0 ? o.documentElement.outerHTML : t;
 }
 export {
-  p as migrateRecommendationPartnerScope
+  I as migrateRecommendationPartnerScope
 };

package/dist/extensions/Blocks/Items/constants/cardLayout.js

@@ -0,0 +1,20 @@
+import { SETTINGS_ENUMS as r } from "../enums/settingsEnums.js";
+const I = "130px", L = "100%", R = (e) => e === r.ORIENTATION.HORIZONTAL ? I : L, n = {
+  VERTICAL: "es-p5b es-p5t",
+  HORIZONTAL: "es-p5l es-p5r"
+}, o = "data-items-cell-pad", d = (e) => `${o}="${e ? "v" : "h"}"`, t = (e) => e ? ` ${n.VERTICAL}` : ` ${n.HORIZONTAL}`, E = (e, A) => {
+  if (!e.includes(o))
+    return e;
+  const T = A ? n.HORIZONTAL : n.VERTICAL, s = A ? n.VERTICAL : n.HORIZONTAL, c = A ? "v" : "h";
+  return e.includes(T) ? e.replace(T, s).replace(new RegExp(`${o}="[hv]"`), `${o}="${c}"`) : e;
+};
+export {
+  n as BLOCK_CELL_PADDING,
+  o as BLOCK_CELL_PAD_ATTR,
+  I as NAME_HORIZONTAL_MAX_WIDTH,
+  L as NAME_VERTICAL_MAX_WIDTH,
+  d as blockCellPadMarker,
+  t as blockCellPaddingFor,
+  R as nameMaxWidthFor,
+  E as reorientBlockCellPadding
+};

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -1,14 +1,15 @@
-import { ModificationDescription as l, UIElementType as s, UEAttr as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as p } from "../../../common-control.js";
+import { ModificationDescription as d, UIElementType as s, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as T } from "../../../common-control.js";
+import { nameMaxWidthFor as h } from "../../constants/cardLayout.js";
 import { ItemsBlockControlId as a } from "../../enums/controlEnums.js";
-import { findNameTextNode as T } from "../../utils/nameNode.js";
-import { getItemsBlockConfig as r, setItemsBlockConfig as c } from "../../utils/nodeConfigUtils.js";
-const g = a.NAME_TRIMMING, i = {
+import { findNameTextNode as c } from "../../utils/nameNode.js";
+import { getItemsBlockConfig as r, setItemsBlockConfig as g } from "../../utils/nodeConfigUtils.js";
+const I = a.NAME_TRIMMING, n = {
   TRIMMING: "trimming"
 };
-class y extends p {
+class E extends T {
   getId() {
-    return g;
+    return I;
   }
   getTemplate() {
     return `
@@ -19,39 +20,39 @@ class y extends p {
   }
   onRender() {
     const e = r(this.currentNode);
-    this.api.updateValues({ [i.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(i.TRIMMING, (t) => {
+    this.api.updateValues({ [n.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(n.TRIMMING, (t) => {
       this._onTrimmingChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
       const t = r(this.currentNode);
-      this.api.updateValues({ [i.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
+      this.api.updateValues({ [n.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
     });
   }
   _onTrimmingChange(e) {
-    c(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [i.TRIMMING]: e }), this._applyTrimmingStyles(e);
+    g(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [n.TRIMMING]: e }), this._applyTrimmingStyles(e);
   }
   _applyTrimmingStyles(e) {
-    const t = T(this.currentNode);
+    const t = c(this.currentNode);
     if (!t)
       return;
-    const n = r(this.currentNode), m = e !== void 0 ? e : (n == null ? void 0 : n.nameTrimming) ?? !0, o = this.api.getDocumentModifier().modifyHtml(t);
-    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", "100%").apply(new l(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
+    const i = r(this.currentNode), m = e !== void 0 ? e : (i == null ? void 0 : i.nameTrimming) ?? !0, l = h(i == null ? void 0 : i.orientation), o = this.api.getDocumentModifier().modifyHtml(t);
+    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", l).apply(new d(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
   }
   _getTextTrimming() {
     return `
             <div class="display-flex align-items-center justify-content-between">
                 <${s.LABEL}
-                    ${d.LABEL.text}="${this.api.translate("Text Trimming")}"
+                    ${p.LABEL.text}="${this.api.translate("Text Trimming")}"
                 >
                 </${s.LABEL}>
-                ${this._GuToggle(i.TRIMMING)}
+                ${this._GuToggle(n.TRIMMING)}
             </div>
         `;
   }
 }
 export {
-  g as CONTROL_BLOCK_ID,
-  y as NameTrimmingControl
+  I as CONTROL_BLOCK_ID,
+  E as NameTrimmingControl
 };