@useinsider/guido 3.2.0-beta.565bfaf → 3.2.0-beta.570fb6d

package/dist/config/migrator/recommendationMigrator.js

@@ -4,25 +4,25 @@ var A = (d, e, t) => T(d, typeof e != "symbol" ? e + "" : e, t);
 import { BLOCK_ID as S } from "../../extensions/Blocks/Recommendation/block.js";
 import P, { prepareProductRows as q } from "../../extensions/Blocks/Recommendation/templates/grid/migration.js";
 import { useTemplateStore as w } from "../../stores/template.js";
-import { getDefaultProducts as $ } from "../../extensions/Blocks/Recommendation/templates/utils.js";
-class B {
+import { getDefaultProducts as B } from "../../extensions/Blocks/Recommendation/templates/utils.js";
+class $ {
   constructor() {
     A(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(e) {
     try {
-      const t = this.parser.parseFromString(e, "text/html"), s = t.querySelectorAll(
-        'td.ins-recommendation-v3-block-1, td.product-block[esd-handler-name*="EmailRecommendationV3"]'
+      const t = this.parser.parseFromString(e, "text/html"), o = t.querySelectorAll(
+        'td.ins-recommendation-v3-block-1:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"]:not(.recommendation-block-v2)'
       );
-      return w().$patch((i) => {
-        i.migrations = { ...i.migrations, [S]: s.length };
-      }), s.length === 0 ? e : (s.forEach((i) => {
-        const r = i.getAttribute("id"), n = this.extractBgColor(i), u = this.extractTitle(i), c = this.extractProductRows(i), l = P.replace("{-{-TITLE-}-}", u).replace("{-{-PRODUCT_ROWS-}-}", c), a = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${l}</tr></tbody></table>`,
+      return w().$patch((s) => {
+        s.migrations = { ...s.migrations, [S]: o.length };
+      }), o.length === 0 ? e : (o.forEach((s) => {
+        const r = s.getAttribute("id"), i = this.extractBgColor(s), c = this.extractTitle(s), l = this.extractProductRows(s), g = P.replace("{-{-TITLE-}-}", c).replace("{-{-PRODUCT_ROWS-}-}", l), u = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${g}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".recommendation-block-v2");
-        a && i.parentNode && (r && a.setAttribute("id", r), n && a.setAttribute("bgcolor", n), i.parentNode.replaceChild(a, i));
+        u && s.parentNode && (r && u.setAttribute("id", r), i && u.setAttribute("bgcolor", i), s.parentNode.replaceChild(u, s));
       }), t.documentElement.outerHTML);
     } catch (t) {
       return console.error("RecommendationMigrator failed:", t), e;
@@ -37,11 +37,11 @@ class B {
     const t = e.getAttribute("bgcolor");
     if (t)
       return t.trim();
-    const s = e.getAttribute("style");
-    if (s) {
-      const o = s.match(/background-color\s*:\s*([^;]+)/i);
-      if (o && o[1])
-        return o[1].trim();
+    const o = e.getAttribute("style");
+    if (o) {
+      const n = o.match(/background-color\s*:\s*([^;]+)/i);
+      if (n && n[1])
+        return n[1].trim();
     }
     return "";
   }
@@ -54,11 +54,11 @@ class B {
     const t = e.getAttribute("bgcolor");
     if (t)
       return t.trim();
-    const s = e.getAttribute("style");
-    if (s) {
-      const o = s.match(/background-color\s*:\s*([^;]+)/i);
-      if (o && o[1])
-        return o[1].trim();
+    const o = e.getAttribute("style");
+    if (o) {
+      const n = o.match(/background-color\s*:\s*([^;]+)/i);
+      if (n && n[1])
+        return n[1].trim();
     }
     return "";
   }
@@ -68,7 +68,6 @@ class B {
    * @returns HTML string for the title block
    */
   extractTitle(e) {
-    var g, a;
     const t = e.querySelector(".ext-recommendation-title");
     if (!t)
       return this.buildTitleBlock({
@@ -78,24 +77,24 @@ class B {
         align: "center",
         styles: "font-size: 28px; color: #333333;"
       });
-    const s = t.querySelector("p");
-    if (!s) {
-      const p = ((g = t.textContent) == null ? void 0 : g.trim()) || "You May Also Like!", b = t.getAttribute("align") || "center";
+    const o = t.querySelector("p");
+    if (!o) {
+      const a = t.textContent?.trim() || "You May Also Like!", u = t.getAttribute("align") || "center";
       return this.buildTitleBlock({
-        text: p,
+        text: a,
         isBold: !0,
         isItalic: !1,
-        align: b,
+        align: u,
         styles: "font-size: 28px; color: #333333;"
       });
     }
-    const o = ((a = s.textContent) == null ? void 0 : a.trim()) || "You May Also Like!", i = t.getAttribute("align") || s.getAttribute("align") || "center", r = s.getAttribute("style") || "", n = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), l = this.convertInlineToBlock(c);
+    const n = o.textContent?.trim() || "You May Also Like!", s = t.getAttribute("align") || o.getAttribute("align") || "center", r = o.getAttribute("style") || "", i = /font-weight\s*:\s*bold/i.test(r) || !!o.querySelector("b, strong"), c = /font-style\s*:\s*italic/i.test(r) || !!o.querySelector("i, em"), l = this.removeStyleProperties(r, ["font-weight", "font-style"]), g = this.convertInlineToBlock(l);
     return this.buildTitleBlock({
-      text: o,
-      isBold: n,
-      isItalic: u,
-      align: i,
-      styles: l
+      text: n,
+      isBold: i,
+      isItalic: c,
+      align: s,
+      styles: g
     });
   }
   /**
@@ -107,8 +106,8 @@ class B {
     const t = this.extractProductConfig(e);
     if (!t)
       return console.warn("[RecommendationMigrator] No product config found, using defaults"), this.generateProductRows(6, 3, {});
-    const { totalCount: s, productsPerRow: o } = t, i = this.extractProductStyles(e);
-    return this.generateProductRows(s, o, i);
+    const { totalCount: o, productsPerRow: n } = t, s = this.extractProductStyles(e);
+    return this.generateProductRows(o, n, s);
   }
   /**
    * Extracts Stripo padding/margin utility classes from a class string
@@ -116,7 +115,7 @@ class B {
    * @returns Filtered Stripo utility classes as a space-separated string
    */
   extractStripoClasses(e) {
-    return e ? e.split(/\s+/).filter((o) => /^es-(p\d+|m[-\d])/.test(o)).join(" ") : "";
+    return e ? e.split(/\s+/).filter((n) => /^es-(p\d+|m[-\d])/.test(n)).join(" ") : "";
   }
   /**
    * Extracts product configuration from old block
@@ -128,15 +127,15 @@ class B {
     if (!t)
       return null;
     try {
-      const s = this.unescapeJsonString(t), o = JSON.parse(s);
+      const o = this.unescapeJsonString(t), n = JSON.parse(o);
       return {
-        totalCount: o.totalCount ?? 6,
-        productsPerRow: o.rowCount ?? 3
+        totalCount: n.totalCount ?? 6,
+        productsPerRow: n.rowCount ?? 3
       };
-    } catch (s) {
-      return console.error("[RecommendationMigrator] Failed to parse product config:", s), console.error(
+    } catch (o) {
+      return console.error("[RecommendationMigrator] Failed to parse product config:", o), console.error(
         "[RecommendationMigrator] Error details:",
-        s instanceof Error ? s.message : String(s)
+        o instanceof Error ? o.message : String(o)
       ), null;
     }
   }
@@ -155,14 +154,14 @@ class B {
    * @param extractedStyles - Styles extracted from old product elements
    * @returns HTML string for product rows with applied styles
    */
-  generateProductRows(e, t, s) {
-    const o = $(), i = [];
-    for (let n = 0; n < e; n++) {
-      const u = o[n % o.length];
-      i.push({ ...u });
+  generateProductRows(e, t, o) {
+    const n = B(), s = [];
+    for (let i = 0; i < e; i++) {
+      const c = n[i % n.length];
+      s.push({ ...c });
     }
-    let r = q(i, t);
-    return r = this.applyExtractedStyles(r, s), r;
+    let r = q(s, t);
+    return r = this.applyExtractedStyles(r, o), r;
   }
   /**
    * Extracts styles from old product elements
@@ -170,35 +169,35 @@ class B {
    * @returns Object with extracted styles for each element type
    */
   extractProductStyles(e) {
-    const t = {}, s = e.querySelector(".product-card");
-    if (!s)
+    const t = {}, o = e.querySelector(".product-card");
+    if (!o)
       return console.warn("[RecommendationMigrator] No product card found, using default styles"), t;
-    const o = this.extractCardBgColor(s);
-    o && (t.cardBgColor = o);
-    const i = s.querySelector(".ext-product-image");
-    if (i) {
-      const l = i.querySelector("img"), g = l == null ? void 0 : l.getAttribute("width"), a = i.getAttribute("style") || "", p = i.getAttribute("align") || "center", b = i.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.imageWidth = g || "120", t.imageAlign = p, t.imageTdStyle = a, t.imageClasses = m;
+    const n = this.extractCardBgColor(o);
+    n && (t.cardBgColor = n);
+    const s = o.querySelector(".ext-product-image");
+    if (s) {
+      const a = s.querySelector("img")?.getAttribute("width"), u = s.getAttribute("style") || "", p = s.getAttribute("align") || "center", b = s.getAttribute("class") || "", m = this.extractStripoClasses(b);
+      t.imageWidth = a || "120", t.imageAlign = p, t.imageTdStyle = u, t.imageClasses = m;
     }
-    const r = s.querySelector(".ext-product-name");
+    const r = o.querySelector(".ext-product-name");
     if (r) {
-      const l = r.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = r.getAttribute("align") || "center", p = r.getAttribute("style") || "", b = r.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.nameStyle = g, t.nameAlign = a, t.nameTdStyle = p, t.nameClasses = m;
+      const a = r.querySelector("p")?.getAttribute("style") || "", u = r.getAttribute("align") || "center", p = r.getAttribute("style") || "", b = r.getAttribute("class") || "", m = this.extractStripoClasses(b);
+      t.nameStyle = a, t.nameAlign = u, t.nameTdStyle = p, t.nameClasses = m;
     }
-    const n = s.querySelector(".ext-product-price");
-    if (n) {
-      const l = n.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = n.getAttribute("align") || "center", p = n.getAttribute("style") || "", b = n.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.priceStyle = g, t.priceAlign = a, t.priceTdStyle = p, t.priceClasses = m;
-    }
-    const u = s.querySelector(".ext-product-original-price");
-    if (u) {
-      const l = u.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = u.getAttribute("align") || "center", p = u.getAttribute("style") || "", b = u.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.oldPriceStyle = g, t.oldPriceAlign = a, t.oldPriceTdStyle = p, t.oldPriceClasses = m;
+    const i = o.querySelector(".ext-product-price");
+    if (i) {
+      const a = i.querySelector("p")?.getAttribute("style") || "", u = i.getAttribute("align") || "center", p = i.getAttribute("style") || "", b = i.getAttribute("class") || "", m = this.extractStripoClasses(b);
+      t.priceStyle = a, t.priceAlign = u, t.priceTdStyle = p, t.priceClasses = m;
     }
-    const c = s.querySelector(".ext-product-button");
+    const c = o.querySelector(".ext-product-original-price");
     if (c) {
-      const l = c.querySelector(".es-button-border"), g = c.querySelector("a.es-button"), a = (l == null ? void 0 : l.getAttribute("style")) || "", p = (g == null ? void 0 : g.getAttribute("style")) || "", b = c.getAttribute("align") || "center", m = c.getAttribute("style") || "", f = c.getAttribute("class") || "", C = this.extractStripoClasses(f), y = ((c == null ? void 0 : c.textContent) || "").trim();
-      t.buttonBorderStyle = a, t.buttonLinkStyle = p, t.buttonAlign = b, t.buttonTdStyle = m, t.buttonClasses = C, t.buttonText = y;
+      const a = c.querySelector("p")?.getAttribute("style") || "", u = c.getAttribute("align") || "center", p = c.getAttribute("style") || "", b = c.getAttribute("class") || "", m = this.extractStripoClasses(b);
+      t.oldPriceStyle = a, t.oldPriceAlign = u, t.oldPriceTdStyle = p, t.oldPriceClasses = m;
+    }
+    const l = o.querySelector(".ext-product-button");
+    if (l) {
+      const g = l.querySelector(".es-button-border"), a = l.querySelector("a.es-button"), u = g?.getAttribute("style") || "", p = a?.getAttribute("style") || "", b = l.getAttribute("align") || "center", m = l.getAttribute("style") || "", f = l.getAttribute("class") || "", C = this.extractStripoClasses(f), y = (l?.textContent || "").trim();
+      t.buttonBorderStyle = u, t.buttonLinkStyle = p, t.buttonAlign = b, t.buttonTdStyle = m, t.buttonClasses = C, t.buttonText = y;
     }
     return t;
   }
@@ -211,49 +210,47 @@ class B {
   applyExtractedStyles(e, t) {
     if (!t || Object.keys(t).length === 0)
       return e;
-    const s = this.parser.parseFromString(`<table>${e}</table>`, "text/html");
-    t.cardBgColor && s.querySelectorAll(".product-attribute-cell").forEach((r) => {
+    const o = this.parser.parseFromString(`<table>${e}</table>`, "text/html");
+    return t.cardBgColor && o.querySelectorAll(".product-attribute-cell").forEach((r) => {
       r.setAttribute("bgcolor", t.cardBgColor);
-    }), (t.imageWidth || t.imageAlign || t.imageTdStyle || t.imageClasses) && s.querySelectorAll(".product-image").forEach((r) => {
+    }), (t.imageWidth || t.imageAlign || t.imageTdStyle || t.imageClasses) && o.querySelectorAll(".product-image").forEach((r) => {
       if (t.imageAlign && r.setAttribute("align", t.imageAlign), t.imageTdStyle && r.setAttribute("style", t.imageTdStyle), t.imageClasses) {
-        const c = `${r.getAttribute("class") || ""} ${t.imageClasses}`.trim();
-        r.setAttribute("class", c);
+        const l = `${r.getAttribute("class") || ""} ${t.imageClasses}`.trim();
+        r.setAttribute("class", l);
       }
-      const n = r.querySelector("img");
-      n && t.imageWidth && n.setAttribute("width", t.imageWidth);
-    }), (t.nameStyle || t.nameAlign || t.nameTdStyle || t.nameClasses) && s.querySelectorAll(".product-name").forEach((r) => {
+      const i = r.querySelector("img");
+      i && t.imageWidth && i.setAttribute("width", t.imageWidth);
+    }), (t.nameStyle || t.nameAlign || t.nameTdStyle || t.nameClasses) && o.querySelectorAll(".product-name").forEach((r) => {
       if (t.nameAlign && r.setAttribute("align", t.nameAlign), t.nameTdStyle && r.setAttribute("style", t.nameTdStyle), t.nameClasses) {
-        const c = `${r.getAttribute("class") || ""} ${t.nameClasses}`.trim();
-        r.setAttribute("class", c);
+        const l = `${r.getAttribute("class") || ""} ${t.nameClasses}`.trim();
+        r.setAttribute("class", l);
       }
-      const n = r.querySelector("p");
-      n && t.nameStyle && n.setAttribute("style", t.nameStyle);
-    }), (t.priceStyle || t.priceAlign || t.priceTdStyle || t.priceClasses) && s.querySelectorAll(".product-price").forEach((r) => {
+      const i = r.querySelector("p");
+      i && t.nameStyle && i.setAttribute("style", t.nameStyle);
+    }), (t.priceStyle || t.priceAlign || t.priceTdStyle || t.priceClasses) && o.querySelectorAll(".product-price").forEach((r) => {
       if (t.priceAlign && r.setAttribute("align", t.priceAlign), t.priceTdStyle && r.setAttribute("style", t.priceTdStyle), t.priceClasses) {
-        const c = `${r.getAttribute("class") || ""} ${t.priceClasses}`.trim();
-        r.setAttribute("class", c);
+        const l = `${r.getAttribute("class") || ""} ${t.priceClasses}`.trim();
+        r.setAttribute("class", l);
       }
-      const n = r.querySelector("p");
-      n && t.priceStyle && n.setAttribute("style", t.priceStyle);
-    }), (t.oldPriceStyle || t.oldPriceAlign || t.oldPriceTdStyle || t.oldPriceClasses) && s.querySelectorAll(".product-old-price").forEach((r) => {
+      const i = r.querySelector("p");
+      i && t.priceStyle && i.setAttribute("style", t.priceStyle);
+    }), (t.oldPriceStyle || t.oldPriceAlign || t.oldPriceTdStyle || t.oldPriceClasses) && o.querySelectorAll(".product-old-price").forEach((r) => {
       if (t.oldPriceAlign && r.setAttribute("align", t.oldPriceAlign), t.oldPriceTdStyle && r.setAttribute("style", t.oldPriceTdStyle), t.oldPriceClasses) {
-        const c = `${r.getAttribute("class") || ""} ${t.oldPriceClasses}`.trim();
-        r.setAttribute("class", c);
+        const l = `${r.getAttribute("class") || ""} ${t.oldPriceClasses}`.trim();
+        r.setAttribute("class", l);
       }
-      const n = r.querySelector("p");
-      n && t.oldPriceStyle && n.setAttribute("style", t.oldPriceStyle);
-    }), (t.buttonBorderStyle || t.buttonLinkStyle || t.buttonAlign || t.buttonTdStyle || t.buttonClasses) && s.querySelectorAll(".product-button").forEach((r) => {
+      const i = r.querySelector("p");
+      i && t.oldPriceStyle && i.setAttribute("style", t.oldPriceStyle);
+    }), (t.buttonBorderStyle || t.buttonLinkStyle || t.buttonAlign || t.buttonTdStyle || t.buttonClasses) && o.querySelectorAll(".product-button").forEach((r) => {
       if (t.buttonAlign && r.setAttribute("align", t.buttonAlign), t.buttonTdStyle && r.setAttribute("style", t.buttonTdStyle), t.buttonClasses) {
-        const l = `${r.getAttribute("class") || ""} ${t.buttonClasses}`.trim();
-        r.setAttribute("class", l);
+        const g = `${r.getAttribute("class") || ""} ${t.buttonClasses}`.trim();
+        r.setAttribute("class", g);
       }
-      const n = r.querySelector(".es-button-border");
-      n && t.buttonBorderStyle && n.setAttribute("style", t.buttonBorderStyle);
-      const u = r.querySelector("a.es-button");
-      u && (t.buttonLinkStyle && u.setAttribute("style", t.buttonLinkStyle), t.buttonText && (u.textContent = t.buttonText));
-    });
-    const o = s.querySelector("table");
-    return (o == null ? void 0 : o.innerHTML) || e;
+      const i = r.querySelector(".es-button-border");
+      i && t.buttonBorderStyle && i.setAttribute("style", t.buttonBorderStyle);
+      const c = r.querySelector("a.es-button");
+      c && (t.buttonLinkStyle && c.setAttribute("style", t.buttonLinkStyle), t.buttonText && (c.textContent = t.buttonText));
+    }), o.querySelector("table")?.innerHTML || e;
   }
   /**
    * Builds title block with proper structure
@@ -261,10 +258,10 @@ class B {
   buildTitleBlock(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 s = e.align ? ` align="${e.align}"` : "", o = e.styles ? ` style="${e.styles}"` : "";
+    const o = e.align ? ` align="${e.align}"` : "", n = e.styles ? ` style="${e.styles}"` : "";
     return `
-            <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r"${s}>
-                <p path="1"${o}>
+            <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r"${o}>
+                <p path="1"${n}>
                     ${t}
                 </p>
             </td>
@@ -274,9 +271,9 @@ class B {
    * Removes specified style properties from a style string
    */
   removeStyleProperties(e, t) {
-    return e ? t.reduce((o, i) => {
-      const r = new RegExp(`${i}\\s*:\\s*[^;]*;?`, "gi");
-      return o.replace(r, "");
+    return e ? t.reduce((n, s) => {
+      const r = new RegExp(`${s}\\s*:\\s*[^;]*;?`, "gi");
+      return n.replace(r, "");
     }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
   /**
@@ -290,7 +287,7 @@ class B {
   }
 }
 function v(d) {
-  return new B().migrate(d);
+  return new $().migrate(d);
 }
 export {
   v as migrateRecommendation

package/dist/config/migrator/unsubscribeMigrator.js

@@ -1,12 +1,12 @@
 var h = Object.defineProperty;
 var x = (l, e, t) => e in l ? h(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var S = (l, e, t) => x(l, typeof e != "symbol" ? e + "" : e, t);
-import { MERGE_TAGS as k, PAGE_TYPES as p } from "../../enums/unsubscribe.js";
-import { DATA_ATTRIBUTES as A } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+var y = (l, e, t) => x(l, typeof e != "symbol" ? e + "" : e, t);
+import { MERGE_TAGS as m, PAGE_TYPES as p } from "../../enums/unsubscribe.js";
+import { DATA_ATTRIBUTES as S } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
 import { useUnsubscribeStore as T } from "../../stores/unsubscribe.js";
 class C {
   constructor() {
-    S(this, "parser");
+    y(this, "parser");
     this.parser = new DOMParser();
   }
   async migrate(e) {
@@ -45,7 +45,6 @@ class C {
     return i ? i[0] : "";
   }
   extractUnsubscribeContent(e) {
-    var m;
     const t = e.querySelector("p");
     if (!t)
       return {
@@ -72,7 +71,7 @@ class C {
         align: i,
         paragraphStyle: o
       };
-    const c = ((m = r.textContent) == null ? void 0 : m.trim()) || "unsubscribe", g = r.getAttribute("href") || "{{ins-unsubscribe-link}}", u = r.getAttribute("style") || "", n = t.textContent || "", s = n.indexOf(c), b = s >= 0 ? n.substring(0, s).trim() : "You can ", f = s >= 0 ? n.substring(s + c.length).trim() : " from our emails, if you need to.", d = !!t.querySelector("b, strong"), a = !!t.querySelector("i, em");
+    const c = r.textContent?.trim() || "unsubscribe", g = r.getAttribute("href") || "{{ins-unsubscribe-link}}", u = r.getAttribute("style") || "", n = t.textContent || "", s = n.indexOf(c), b = s >= 0 ? n.substring(0, s).trim() : "You can ", f = s >= 0 ? n.substring(s + c.length).trim() : " from our emails, if you need to.", d = !!t.querySelector("b, strong"), a = !!t.querySelector("i, em");
     return {
       textBefore: b,
       linkText: c,
@@ -90,13 +89,13 @@ class C {
     e.textBefore && n.push(e.textBefore), n.push(u), e.textAfter && n.push(e.textAfter);
     let s = n.join(" ");
     e.isBold && e.isItalic ? s = `<strong path="1,0"><em path="1,0,0">${s}</em></strong>` : e.isBold ? s = `<strong path="1,0">${s}</strong>` : e.isItalic && (s = `<em path="1,0">${s}</em>`);
-    const b = e.align ? ` align="${e.align}"` : "", f = r ? ` bgcolor="${r}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", a = i.length > 0 ? ` ${A.PAGE_LIST}="${i.join(",")}"` : "", m = ` ${A.PAGE_TYPE}="${t}"`, y = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
+    const b = e.align ? ` align="${e.align}"` : "", f = r ? ` bgcolor="${r}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", a = i.length > 0 ? ` ${S.PAGE_LIST}="${i.join(",")}"` : "", A = ` ${S.PAGE_TYPE}="${t}"`, k = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
     return `
             <td
                 data-migration="true"
                 esd-extension-block-id="unsubscribe-block"
-                class="${o ? `${y} ${o}` : y}"
-                ${b}${f}${m}${a}
+                class="${o ? `${k} ${o}` : k}"
+                ${b}${f}${A}${a}
             >
                 <p path="1"${d}>
                     ${s}
@@ -105,10 +104,10 @@ class C {
         `;
   }
   getCollectionTypeFromMergeTag(e) {
-    return e === k[p.SUBSCRIPTION_PREFERENCE_CENTER] ? p.SUBSCRIPTION_PREFERENCE_CENTER : e === k[p.GLOBAL_UNSUBSCRIBE] ? p.GLOBAL_UNSUBSCRIBE : p.GLOBAL_UNSUBSCRIBE;
+    return e === m[p.SUBSCRIPTION_PREFERENCE_CENTER] ? p.SUBSCRIPTION_PREFERENCE_CENTER : e === m[p.GLOBAL_UNSUBSCRIBE] ? p.GLOBAL_UNSUBSCRIBE : p.GLOBAL_UNSUBSCRIBE;
   }
   normalizeUnsubscribeHref(e) {
-    if (Object.values(k).includes(e))
+    if (Object.values(m).includes(e))
       return e;
     const i = e.match(/{{ins-(?:global-)?(?:preferences-)?unsubscribe-link}}/);
     return i ? i[0] : e.includes("unsubscribe") || e.includes("unsub") ? (console.warn(

package/dist/enums/displayConditions.js

@@ -1,84 +1,80 @@
-import { useTranslations as i } from "../composables/useTranslations.js";
-const t = () => {
-  const e = i();
-  return [
-    {
-      category: e("journey-builder.demographics"),
-      conditions: [
-        {
-          id: 1,
-          name: e("condition.language"),
-          description: e("journey-builder.display-condition-language-description"),
-          beforeScript: '{% if language == "en_US" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 2,
-          name: e("condition.country"),
-          description: e("journey-builder.display-condition-country-description"),
-          beforeScript: '{% if country == "Australia" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 3,
-          name: e("stripo-editor.country-and-city"),
-          description: e("journey-builder.display-condition-country-city-description"),
-          beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 4,
-          name: e("stripo-editor.age-less-than-operator"),
-          description: e("journey-builder.display-condition-age-less-than"),
-          beforeScript: "{% if age < 18 %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 5,
-          name: e("stripo-editor.age-equal-greater-operator"),
-          description: e("journey-builder.display-condition-age-equal-greater"),
-          beforeScript: "{% if age >= 25 %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 6,
-          name: e("stripo-editor.age-greater-less-operators"),
-          description: e("journey-builder.display-condition-age-between"),
-          beforeScript: "{% if age > 18 and age < 25 %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 7,
-          name: e("condition.gender"),
-          description: e("journey-builder.display-condition-gender-female"),
-          beforeScript: '{% if gender == "Female" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 8,
-          name: e("journey-builder.state"),
-          description: e("stripo-editor.state-description"),
-          beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 9,
-          name: e("journey-builder.vip-user"),
-          description: e("stripo-editor.vip-user-description"),
-          beforeScript: "{% if c_is_vip_user %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 10,
-          name: e("journey-builder.membership-type"),
-          description: e("stripo-editor.membership-type-description"),
-          beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
-          afterScript: "{% endif %}"
-        }
-      ]
-    }
-  ];
-};
+const e = [
+  {
+    category: "Demographics",
+    conditions: [
+      {
+        id: 1,
+        name: "Language",
+        description: "Users who are in the English will see the banner",
+        beforeScript: '{% if language == "en_US" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 2,
+        name: "Country",
+        description: "Only people who live in Australia will see the banner",
+        beforeScript: '{% if country == "Australia" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 3,
+        name: "Country & City",
+        description: "Only people who are located in that country and city",
+        beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 4,
+        name: "Age (Less than operator)",
+        description: "Users whose age is less than 18",
+        beforeScript: "{% if age < 18 %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 5,
+        name: "Age (Equal and greater than operator)",
+        description: "Users whose age is equal or greater than 25",
+        beforeScript: "{% if age >= 25 %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 6,
+        name: "Age (Greater than & less than operators)",
+        description: "Users whose age is between 18 and 25",
+        beforeScript: "{% if age > 18 and age < 25 %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 7,
+        name: "Gender",
+        description: "Users whose gender is Female",
+        beforeScript: '{% if gender == "Female" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 8,
+        name: "State",
+        description: "Users whose state is one of the followings. c_state is a custom attribute. Use this condition if you have the attribute with the same naming. ",
+        beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 9,
+        name: "VIP User",
+        description: "Users who are VIP users for that brand. c_is_vip_user = true. c_is_vip_user is a custom attribute. Use this condition if you have the attribute with the same naming.",
+        beforeScript: "{% if c_is_vip_user %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 10,
+        name: "Membership Type",
+        description: "Users who belong to gold or silver membership type. c_is_gold_member = true, c_is_silver_member = true. These are custom attributes. Use this condition if you have the attribute with the same naming.",
+        beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
+        afterScript: "{% endif %}"
+      }
+    ]
+  }
+];
 export {
-  t as getDisplayConditions
+  e as displayConditions
 };