@useinsider/guido 3.2.0-beta.e0b6612 → 3.2.0-beta.e0e56ef

package/dist/config/migrator/radioButtonMigrator.js

@@ -1,54 +1,34 @@
 var x = Object.defineProperty;
-var T = (l, e, t) => e in l ? x(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var b = (l, e, t) => T(l, typeof e != "symbol" ? e + "" : e, t);
-import S from "../../extensions/Blocks/RadioButton/template.js";
-class B {
+var f = (r, t, e) => t in r ? x(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var b = (r, t, e) => f(r, typeof t != "symbol" ? t + "" : t, e);
+import h from "../../extensions/Blocks/RadioButton/template.js";
+class T {
   constructor() {
     b(this, "parser");
     this.parser = new DOMParser();
   }
-  migrate(e) {
+  migrate(t) {
     try {
-      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.radio-button-block"), s = t.querySelectorAll("td.radio-button-v2");
-      if (i.length === 0 && s.length === 0)
-        return e;
-      let o = !1;
-      return i.forEach((r) => {
-        if (r.classList.contains("radio-button-v2"))
+      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.radio-button-block");
+      return i.length === 0 ? t : (i.forEach((s) => {
+        if (s.classList.contains("radio-button-v2"))
           return;
-        const n = r.getAttribute("id"), a = this.extractTextFromElement(r, "ins-title"), g = this.extractTextFromElement(r, "ins-description"), c = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), d = this.buildTextBlock(a), p = this.buildTextBlock(g), y = this.buildTextBlock({ ...c, classList: "" }), f = this.buildTextBlock({ ...u, classList: "" }), h = S.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", p).replace("{-{-YES-}-}", y).replace("{-{-NO-}-}", f), m = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${h}</tr></tbody></table>`,
+        const n = s.getAttribute("id"), l = this.extractTextFromElement(s, "ins-title"), a = this.extractTextFromElement(s, "ins-description"), p = this.extractTextFromElement(s, "ins-subscribe"), u = this.extractTextFromElement(s, "ins-unsubscribe"), d = this.buildTextBlock(l), g = this.buildTextBlock(a), m = this.buildTextBlock({ ...p, classList: "" }), o = this.buildTextBlock({ ...u, classList: "" }), c = h.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", g).replace("{-{-YES-}-}", m).replace("{-{-NO-}-}", o), y = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".radio-button-v2");
-        m && r.parentNode && (m.setAttribute("id", n || ""), r.parentNode.replaceChild(m, r), o = !0);
-      }), o = this.healRadioButtonV2(t) || o, o ? t.documentElement.outerHTML : e;
-    } catch (t) {
-      return console.error("RadioButtonMigrator failed:", t), e;
+        y && s.parentNode && (y.setAttribute("id", n || ""), s.parentNode.replaceChild(y, s));
+      }), e.documentElement.outerHTML);
+    } catch (e) {
+      return console.error("RadioButtonMigrator failed:", e), t;
     }
   }
-  healRadioButtonV2(e) {
-    let t = !1;
-    return e.querySelectorAll("td.radio-button-v2").forEach((i) => {
-      var p;
-      const s = i.querySelector("input#radioYes"), o = i.querySelector("input#radioNo");
-      if (!s || !o)
-        return;
-      const r = ((p = s.parentElement) == null ? void 0 : p.querySelector(":scope > p")) || null;
-      if (!r && !s.hasAttribute("align"))
-        return;
-      const n = s.closest("tr"), a = o.closest("tr");
-      if (!n || !a || n === a || !n.parentNode)
-        return;
-      const g = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", c = a.cloneNode(!0), u = c.querySelector("input#radioNo"), d = c.querySelector("p");
-      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), d && (d.innerHTML = g), n.parentNode.replaceChild(c, n), t = !0;
-    }), t;
-  }
-  extractTextFromElement(e, t) {
-    var p, y;
-    const i = e.querySelector(`.${t}`);
+  extractTextFromElement(t, e) {
+    var o, c;
+    const i = t.querySelector(`.${e}`);
     if (!i)
       return {
-        text: t === "ins-title" ? "Title" : "Description",
+        text: e === "ins-title" ? "Title" : "Description",
         isBold: !1,
         isItalic: !1,
         align: "left",
@@ -58,51 +38,51 @@ class B {
     const s = i.querySelector("p");
     if (!s)
       return {
-        text: ((p = i.textContent) == null ? void 0 : p.trim()) || (t === "ins-title" ? "Title" : "Description"),
+        text: ((o = i.textContent) == null ? void 0 : o.trim()) || (e === "ins-title" ? "Title" : "Description"),
         isBold: !1,
         isItalic: !1,
         align: i.getAttribute("align") || "left",
         styles: "",
         classList: ""
       };
-    const o = ((y = s.textContent) == null ? void 0 : y.trim()) || (t === "ins-title" ? "Title" : "Description"), r = s.getAttribute("style") || "", n = i.getAttribute("align") || s.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), g = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(c), d = i.getAttribute("class") || "";
+    const n = ((c = s.textContent) == null ? void 0 : c.trim()) || (e === "ins-title" ? "Title" : "Description"), l = s.getAttribute("style") || "", a = i.getAttribute("align") || s.getAttribute("align") || "left", p = /font-weight\s*:\s*bold/i.test(l) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(l) || !!s.querySelector("i, em"), d = this.removeStyleProperties(l, ["font-weight", "font-style"]), g = this.convertInlineToBlock(d), m = i.getAttribute("class") || "";
     return {
-      text: o,
-      isBold: a,
-      isItalic: g,
-      align: n,
-      styles: u,
-      classList: d
+      text: n,
+      isBold: p,
+      isItalic: u,
+      align: a,
+      styles: g,
+      classList: m
     };
   }
-  buildTextBlock(e) {
-    let t = e.text;
-    e.isBold && e.isItalic ? t = `<strong path="1,0"><em path="1,0,0">${t}</em></strong>` : e.isBold ? t = `<strong path="1,0">${t}</strong>` : e.isItalic && (t = `<em path="1,0">${t}</em>`);
-    const i = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
+  buildTextBlock(t) {
+    let e = t.text;
+    t.isBold && t.isItalic ? e = `<strong path="1,0"><em path="1,0,0">${e}</em></strong>` : t.isBold ? e = `<strong path="1,0">${e}</strong>` : t.isItalic && (e = `<em path="1,0">${e}</em>`);
+    const i = t.align ? ` align="${t.align}"` : "", s = t.styles ? ` style="${t.styles.replaceAll('"', "'")}"` : "";
     return `
-            <td class="esd-block-text ${e.classList}" ${i}>
+            <td class="esd-block-text ${t.classList}" ${i}>
                 <p path="1" ${s}>
-                    ${t}
+                    ${e}
                 </p>
             </td>
         `;
   }
-  removeStyleProperties(e, t) {
-    return e ? t.reduce((s, o) => {
-      const r = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
-      return s.replace(r, "");
-    }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
+  removeStyleProperties(t, e) {
+    return t ? e.reduce((s, n) => {
+      const l = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
+      return s.replace(l, "");
+    }, t).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
-  convertInlineToBlock(e) {
-    if (!e)
+  convertInlineToBlock(t) {
+    if (!t)
       return "";
-    let t = e.replace(/display\s*:\s*inline/gi, "display: block");
-    return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
+    let e = t.replace(/display\s*:\s*inline/gi, "display: block");
+    return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
   }
 }
-function q(l) {
-  return new B().migrate(l);
+function A(r) {
+  return new T().migrate(r);
 }
 export {
-  q as migrateRadioButton
+  A as migrateRadioButton
 };

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

@@ -0,0 +1,98 @@
+import { DEFAULT_COMPOSITION as d, DEFAULT_VISIBILITY as I } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_CUSTOM_PREFIX as l, ATTR_PRODUCT_BUTTON as k, ATTR_PRODUCT_OMNIBUS_DISCOUNT as A, ATTR_PRODUCT_OMNIBUS_PRICE as x, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_NAME as h, ATTR_PRODUCT_IMAGE as y } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { mapTextTheme as E, mapButtonTheme as O, mapImageTheme as b } from "./themeMapper.js";
+const C = "__title__", a = "product_attribute.";
+function N(r) {
+  const t = r.variable ?? "";
+  switch (t) {
+    case "p_recommendation_title":
+      return { key: C, kind: "title" };
+    case "p_image":
+      return { key: y, kind: "image" };
+    case "p_name":
+      return { key: h, kind: "text" };
+    case "p_price":
+      return { key: R, kind: "text" };
+    case "p_original_price":
+      return { key: f, kind: "text" };
+    case "p_omnibus_price":
+      return { key: x, kind: "text" };
+    case "p_omnibus_discount":
+      return { key: A, kind: "text" };
+    case "p_button":
+      return { key: k, kind: "button" };
+    default:
+      if (r.variableType === "p_attribute" || t.startsWith("p_attribute_")) {
+        const s = r.value ?? "", o = s.startsWith(a) ? s.slice(a.length) : s;
+        return o ? {
+          key: `${l}${o}`,
+          kind: "custom",
+          customAttrName: o,
+          customAttrValue: s || `${a}${o}`
+        } : null;
+      }
+      return null;
+  }
+}
+function p(r) {
+  const t = d.indexOf(r);
+  return t === -1 ? Number.POSITIVE_INFINITY : t;
+}
+function S(r) {
+  const t = {
+    composition: [],
+    visibility: { ...I },
+    customAttributes: [],
+    customAttrValues: {},
+    perElementStyles: {},
+    anyTextTrimming: !1
+  };
+  if (!r || r.length === 0)
+    return t.composition = [...d], t;
+  const s = [];
+  r.forEach((e, i) => {
+    const n = N(e);
+    if (n) {
+      if (n.kind === "title") {
+        t.titleVariable = e;
+        return;
+      }
+      s.push({
+        key: n.key,
+        kind: n.kind,
+        hidden: e.hidden === !0,
+        positionIdx: typeof e.positionIdx == "number" ? e.positionIdx : Number.MAX_SAFE_INTEGER,
+        legacy: e,
+        customAttrName: n.customAttrName,
+        customAttrValue: n.customAttrValue,
+        originalIndex: i
+      });
+    }
+  }), s.sort((e, i) => {
+    if (e.positionIdx !== i.positionIdx)
+      return e.positionIdx - i.positionIdx;
+    const n = p(e.key), u = p(i.key);
+    return n !== u ? n - u : e.originalIndex - i.originalIndex;
+  });
+  const o = {};
+  return s.forEach((e) => {
+    const { key: i, kind: n, hidden: u, legacy: m, customAttrName: c, customAttrValue: T } = e;
+    switch (t.composition.push(i), t.visibility[i] = !u, n === "custom" && c && T && (t.customAttributes.includes(c) || t.customAttributes.push(c), t.customAttrValues[i] = T), n) {
+      case "image":
+        o[i] = b(m.theme);
+        break;
+      case "button":
+        o[i] = O(m.theme);
+        break;
+      case "text":
+      case "custom": {
+        const _ = E(m.theme);
+        o[i] = _, _.textTrimming && (t.anyTextTrimming = !0);
+        break;
+      }
+    }
+  }), t.perElementStyles = o, t;
+}
+export {
+  S as mapComposition
+};

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

@@ -0,0 +1,27 @@
+const i = "You May Also Like!";
+function s(r) {
+  var e;
+  const o = r.querySelector(".ext-recommendation-title");
+  if (!o)
+    return i;
+  const t = (e = o.textContent) == null ? void 0 : e.trim();
+  return t && t.length > 0 ? t : i;
+}
+function u(r) {
+  const o = [
+    r,
+    ...Array.from(r.querySelectorAll(".product-card, .ext-recommendation-card"))
+  ];
+  let t = "";
+  return o.some((e) => {
+    const n = e.getAttribute("bgcolor");
+    if (n && n.trim())
+      return t = n.trim(), !0;
+    const c = (e.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
+    return c && c[1] ? (t = c[1].trim(), !0) : !1;
+  }), t;
+}
+export {
+  u as extractCardBgColor,
+  s as extractTitleText
+};