@useinsider/guido 3.2.0-beta.caa22bf → 3.2.0-beta.ccaf9f5

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,5 +1,5 @@
-import { useRecommendation as N } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as y, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as h } from "../../enums/recommendation.js";
+import { useRecommendation as C } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as h, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as N } from "../../enums/recommendation.js";
 import { prepareRecommendationBlocks as x } from "./utils/recommendationCompilerUtils.js";
 const w = [
   {
@@ -8,7 +8,7 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      return Object.entries(y).forEach(([, l]) => {
+      return Object.entries(h).forEach(([, l]) => {
         Object.entries(l).forEach(([n, s]) => {
           e = e.replaceAll(s, `{{${n}}}`);
         });
@@ -30,13 +30,13 @@ const w = [
     description: "Adding recommendation unresponsive css",
     type: "custom",
     processor: (c) => {
-      const { calculateCardWidth: e, getRecommendationCampaignData: l } = N();
+      const { calculateCardWidth: e, getRecommendationCampaignData: l } = C();
       let n = c;
       const s = n.match(T.ID);
       if (s) {
         const a = [];
         if (s.forEach((i) => {
-          const u = /recommendation-id="(.*?)"/i.exec(i), _ = u ? u[1].trim() : "", R = l(_);
+          const d = /recommendation-id="(.*?)"/i.exec(i), _ = d ? d[1].trim() : "", R = l(_);
           R.textTrimming && R.orientation === M && a.push(e(R));
         }), a.length) {
           const i = `width:${Math.min(...a)}px!important;`;
@@ -60,25 +60,25 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = N();
+      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = C();
       return l !== null && l.forEach((s) => {
         const a = s.match(T.CUSTOM_FIELD);
         if (!a)
           return;
-        const [i] = a, u = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
-        if (!u || !_ || !R)
+        const [i] = a, d = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
+        if (!d || !_ || !R)
           return;
-        const [S] = u, [b] = _, [d] = R, o = b.substring(1, b.length - 2), r = d.match(T.COMPOSITION) !== null;
+        const [S] = d, [b] = _, [m] = R, o = b.substring(1, b.length - 2), r = m.match(T.COMPOSITION) !== null;
         let t = i;
         if (r) {
-          const I = S.substring(2, S.length - 3), m = n(I);
-          o === A.OMNIBUS_PRICE && (m.priceBeforeTextValue && (t = `${m.priceBeforeTextValue}${t}`), m.priceAfterTextValue && (t = `${t}${m.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (m.discountBeforeTextValue && (t = `${m.discountBeforeTextValue}${t}`), m.discountAfterTextValue && (t = `${t}${m.discountAfterTextValue}`));
+          const I = S.substring(2, S.length - 3), p = n(I);
+          o === A.OMNIBUS_PRICE && (p.priceBeforeTextValue && (t = `${p.priceBeforeTextValue}${t}`), p.priceAfterTextValue && (t = `${t}${p.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (p.discountBeforeTextValue && (t = `${p.discountBeforeTextValue}${t}`), p.discountAfterTextValue && (t = `${t}${p.discountAfterTextValue}`));
         }
-        const p = S.substring(2);
+        const u = S.substring(2);
         let f = "";
-        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${p}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${p}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${p}${A.OMNIBUS_PRICE}`));
-        const $ = `${d}${t}${h.PARAGRAPH_END_TAG}`, C = `${f}${r ? $ : s}${g.ELSE}${d}${h.PARAGRAPH_END_TAG}${g.END_IF}`;
-        e = e.replace(s, C);
+        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${u}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${u}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${u}${A.OMNIBUS_PRICE}`));
+        const $ = `${m}${t}${N.PARAGRAPH_END_TAG}`, y = `${f}${r ? $ : s}${g.ELSE}${m}${N.PARAGRAPH_END_TAG}${g.END_IF}`;
+        e = e.replace(s, y);
       }), e;
     },
     priority: 53
@@ -136,7 +136,7 @@ const w = [
         /@media[^{]*max-width\s*:\s*480px[^{]*\{((?:[^{}]*\{[^{}]*\})*[^{}]*)\}/g,
         (l, n) => {
           const s = n.match(/[^{}]+\{[^{}]*\}/g) || [], a = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
-          return s.every((u) => a.test(u)) ? "" : l;
+          return s.every((d) => a.test(d)) ? "" : l;
         }
       )), e;
     },
@@ -151,7 +151,7 @@ const w = [
         /<a\b[^>]*\bes-button\b[^>]*>/g,
         (o) => o.replace(
           /([;"]color:)([^;"]+)/g,
-          (r, t, p) => p.includes("!important") ? r : `${t}${p} !important`
+          (r, t, u) => u.includes("!important") ? r : `${t}${u} !important`
         )
       ), l = /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g, n = / style="([^"]*)"/g, s = /* @__PURE__ */ new Map();
       let a = l.exec(e);
@@ -163,12 +163,12 @@ const w = [
         }
         n.lastIndex = 0, a = l.exec(e);
       }
-      const i = /* @__PURE__ */ new Map(), u = [];
+      const i = /* @__PURE__ */ new Map(), d = [];
       let _ = 0;
       if (s.forEach((o, r) => {
         if (o >= 6) {
-          const t = `rc${_++}`, p = r.endsWith(";") ? r : `${r};`;
-          i.set(r, t), u.push(`.${t}{${p}}`);
+          const t = `rc${_++}`;
+          i.set(r, t), d.push(`.${t}{${r}}`);
         }
       }), i.size === 0) {
         let o = e;
@@ -182,23 +182,23 @@ const w = [
           caseB: new RegExp(` style="${t}"((?:[^>]*?))(class="[^"]*")`, "g")
         });
       });
-      let d = e.replace("</style>", `${u.join("")}</style>`);
-      return d = d.replace(
+      let m = e.replace("</style>", `${d.join("")}</style>`);
+      return m = m.replace(
         /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g,
         (o, r) => {
           let t = r;
-          return i.forEach((p, f) => {
+          return i.forEach((u, f) => {
             const $ = b.get(f);
             t = t.replace(
               $.caseA,
-              (C, I, m) => S(I, p) + m
+              (y, I, p) => S(I, u) + p
             ), t = t.replace(
               $.caseB,
-              (C, I, m) => I + S(m, p)
-            ), t = t.replaceAll(` style="${f}"`, ` class="${p}"`);
+              (y, I, p) => I + S(p, u)
+            ), t = t.replaceAll(` style="${f}"`, ` class="${u}"`);
           }), t;
         }
-      ), d = d.replaceAll("<!--REC_START-->", ""), d = d.replaceAll("<!--REC_END-->", ""), d;
+      ), m = m.replaceAll("<!--REC_START-->", ""), m = m.replaceAll("<!--REC_END-->", ""), m;
     },
     priority: 58
   }

package/dist/config/migrator/index.js

@@ -1,13 +1,13 @@
-import { migrateCheckbox as o } from "./checkboxMigrator.js";
-import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
-import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
-import { migrateRadioButton as a } from "./radioButtonMigrator.js";
-import { migrateRecommendation as g } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
-const b = async (r, t = {}) => {
+import { migrateCheckbox as t } from "./checkboxMigrator.js";
+import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
+import { migrateItemsBlock as i } from "./itemsBlockMigrator.js";
+import { migrateRadioButton as e } from "./radioButtonMigrator.js";
+import { migrateRecommendation as a } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as g } from "./unsubscribeMigrator.js";
+const u = async (r) => {
   let m = r;
-  return m = o(m), m = a(m), m = await n(m), m = i(m), m = g(m, t), m = e(m), m;
+  return m = t(m), m = e(m), m = await g(m), m = o(m), m = a(m), m = i(m), m;
 };
 export {
-  b as migrate
+  u as migrate
 };

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
 };