@useinsider/guido 3.2.0-beta.739a669 → 3.2.0-beta.8b0bc0c

package/dist/composables/validators/useLiquidValidator.js

@@ -1,38 +1,38 @@
-import { ToasterTypeOptions as a } from "../../enums/toaster.js";
+import { ToasterTypeOptions as r } from "../../enums/toaster.js";
 import { base64EncodeWithSpecialChars as u } from "../../utils/base64.js";
 import { useHttp as d } from "../useHttp.js";
 import { useToaster as c } from "../useToaster.js";
 import { useTranslations as p } from "../useTranslations.js";
 const v = () => {
-  const { post: i } = d(), { showToaster: e } = c(), s = p();
-  return { validateLiquidSyntax: async (o) => {
+  const { post: n } = d(), { showToaster: e } = c(), a = p();
+  return { validateLiquidSyntax: async (i) => {
     try {
-      const t = await i("/newsletter/contents/validate-syntax", [{
+      const t = await n("/newsletter/contents/validate-syntax", [{
         identifier: "default",
         syntax: "liquid",
         contents: {
           subject: null,
           preheader: null,
-          html: u(o),
+          html: u(i),
           ampHtml: null
         }
       }]);
       if (!Array.isArray(t.data)) {
         const l = t.data;
         return e({
-          type: a.Warning,
-          message: l.message ?? s("journey-builder.liquid-validation-failed")
+          type: r.Warning,
+          message: l.message ?? a("journey-builder.liquid-validation-failed")
         }), !1;
       }
-      const [r] = t.data, n = Object.values((r == null ? void 0 : r.errors) ?? {});
-      return n.length ? (e({
-        type: a.Warning,
-        message: n[0].replace(/^line \d+:\s*/, "")
+      const [o] = t.data, s = Object.values(o?.errors ?? {});
+      return s.length ? (e({
+        type: r.Warning,
+        message: s[0].replace(/^line \d+:\s*/, "")
       }), !1) : !0;
     } catch {
       return e({
-        type: a.Alert,
-        message: s("journey-builder.liquid-validation-failed")
+        type: r.Alert,
+        message: a("journey-builder.liquid-validation-failed")
       }), !1;
     }
   } };

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,40 +1,39 @@
-import { usePartner as y } from "../../composables/usePartner.js";
-import { LINK_REGEXES as p, LINK_TYPES as S, INSIDER_ID as m, URLS as R } from "../../enums/unsubscribe.js";
-import { parsePageList as I } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as N } from "../../stores/config.js";
-import { useDynamicContentStore as U } from "../../stores/dynamic-content.js";
-import { useUnsubscribeStore as C } from "../../stores/unsubscribe.js";
-const G = [
+import { usePartner as _ } from "../../composables/usePartner.js";
+import { LINK_REGEXES as p, LINK_TYPES as b, INSIDER_ID as m, URLS as S } from "../../enums/unsubscribe.js";
+import { parsePageList as y } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useConfigStore as I } from "../../stores/config.js";
+import { useDynamicContentStore as N } from "../../stores/dynamic-content.js";
+import { useUnsubscribeStore as U } from "../../stores/unsubscribe.js";
+const A = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
     processor: (t) => {
-      const { getPartnerName: i } = y(), o = N(), s = U(), d = C(), a = o.variationId;
+      const { getPartnerName: i } = _(), o = I(), s = N(), d = U(), a = o.variationId;
       if (!a)
         return t;
       let e = t;
       const r = `/${i()}/email/${a}?user={{iid}}`, E = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
       let c = !1, l = !1;
       return E.forEach((f) => {
-        var b;
         const u = f.getAttribute("data-unsubscribe-page-list");
         if (!u)
           return;
-        const _ = I(u), g = ((b = d.templates) == null ? void 0 : b.filter(
-          (n) => _.includes(n.id)
-        )) ?? [];
-        c = c || g.some((n) => n.type === S.UNSUBSCRIBE_LINK_TYPE), l = l || g.some((n) => n.type === S.PREFERENCES_LINK_TYPE);
+        const R = y(u), g = d.templates?.filter(
+          (n) => R.includes(n.id)
+        ) ?? [];
+        c = c || g.some((n) => n.type === b.UNSUBSCRIBE_LINK_TYPE), l = l || g.some((n) => n.type === b.PREFERENCES_LINK_TYPE);
       }), (c || l) && (s.selectedDynamicContentList.some((u) => u.value === m) || s.selectedDynamicContentList.push({
         text: m,
         value: m,
         fallback: ""
       })), c && (e = e.replace(
         p.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-        R.UNSUBSCRIBE_URL + r
+        S.UNSUBSCRIBE_URL + r
       )), l && (e = e.replace(
         p.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-        R.PREFERENCES_URL + r
+        S.PREFERENCES_URL + r
       )), E.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
     },
     priority: 60
@@ -78,5 +77,5 @@ const G = [
   }
 ];
 export {
-  G as unsubscribeCompilerRules
+  A as unsubscribeCompilerRules
 };

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -1,10 +1,11 @@
 import { useConfig as S } from "../../../composables/useConfig.js";
 import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
-function y(e, u, r, o, s = "") {
+import { useRecommendationExtensionStore as d } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
+function m(e, u, r, o, s = "") {
   const n = `{{${s}${e}_${u}_${r}}}`, t = `{{${s}${e}_${u}_currency}}`;
   return o === "before" ? `${t} ${n}` : `${n} ${t}`;
 }
-function p(e, u, r, o, s, n) {
+function b(e, u, r, o, s, n) {
   switch (u) {
     case "productImage": {
       const t = e.querySelector("img");
@@ -25,7 +26,7 @@ function p(e, u, r, o, s, n) {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = y(r, o, "price", s, n);
+        c.textContent = m(r, o, "price", s, n);
       }
       break;
     }
@@ -33,7 +34,7 @@ function p(e, u, r, o, s, n) {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = y(
+        c.textContent = m(
           r,
           o,
           "original_price",
@@ -69,67 +70,68 @@ function p(e, u, r, o, s, n) {
     default: {
       const t = e.getAttribute("product-attr") ? e : e.querySelector("[product-attr]");
       if (t) {
-        const c = t.getAttribute("product-attr"), i = t.querySelector("p");
-        if (i) {
-          const a = i.querySelector("strong") || i;
-          a.textContent = `{{${n}${r}_${o}_${c}}}`;
+        const c = t.getAttribute("product-attr"), a = t.querySelector("p");
+        if (a) {
+          const i = a.querySelector("strong") || a;
+          i.textContent = `{{${n}${r}_${o}_${c}}}`;
         }
       }
       break;
     }
   }
 }
-function d(e, u, r, o) {
+function q(e, u, r, o) {
   e.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
-    n.querySelectorAll("[data-attribute-type]").forEach((i) => {
-      const a = i.getAttribute("data-attribute-type") || "", b = i.querySelectorAll(".attribute-cell");
-      b.length > 0 ? b.forEach((l) => {
-        p(l, a, u, t, r, o);
-      }) : p(i, a, u, t, r, o);
+    n.querySelectorAll("[data-attribute-type]").forEach((a) => {
+      const i = a.getAttribute("data-attribute-type") || "", l = a.querySelectorAll(".attribute-cell");
+      l.length > 0 ? l.forEach((p) => {
+        b(p, i, u, t, r, o);
+      }) : b(a, i, u, t, r, o);
     });
   });
 }
-function q(e, u, r, o) {
+function g(e, u, r, o) {
   const s = e.querySelectorAll(".recommendation-product-row");
   if (!s.length)
     return;
   const [n] = s, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
-  s.forEach((i, a) => {
-    i.querySelectorAll("[data-attribute-type]").forEach((l) => {
-      const m = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach(($, f) => {
-        const A = a * c + f;
-        p($, m, u, A, r, o);
+  s.forEach((a, i) => {
+    a.querySelectorAll("[data-attribute-type]").forEach((p) => {
+      const y = p.getAttribute("data-attribute-type") || "";
+      p.querySelectorAll(".attribute-cell").forEach((f, $) => {
+        const A = i * c + $;
+        b(f, y, u, A, r, o);
       });
     });
   });
 }
-function g(e, u, r, o) {
+function h(e, u, r, o) {
   e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    q(n, u, r, o);
+    g(n, u, r, o);
   });
 }
-function h(e, u, r) {
+function C(e, u, r) {
   const o = e.getAttribute("data-layout") || "grid", s = e.getAttribute("currency-alignment") || "after";
-  o === "list" ? d(e, u, s, r) : g(e, u, s, r);
+  o === "list" ? q(e, u, s, r) : h(e, u, s, r);
 }
-function C(e, u) {
+function E(e, u) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
   return (r ? `${r[0]}
 ` : "") + u.documentElement.outerHTML;
 }
-function P(e) {
+function T(e) {
   const u = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(u, "text/html"), o = r.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return e;
-  const { buildCampaignUrl: s } = _(), { isFeatureEnabled: n } = S(), t = n("liquidSyntax") ? "reco_" : "";
+  const { buildCampaignUrl: s } = _(), n = d();
+  n.recommendationCampaignUrls = {};
+  const { isFeatureEnabled: t } = S(), c = t("liquidSyntax") ? "reco_" : "";
   return o.forEach((i) => {
-    var b, l;
-    const a = i.getAttribute("recommendation-id");
-    a && ((b = i.parentNode) == null || b.insertBefore(r.createComment("REC_START"), i), (l = i.parentNode) == null || l.insertBefore(r.createComment("REC_END"), i.nextSibling), s(a), h(i, a, t));
-  }), C(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+    const l = i.getAttribute("recommendation-id");
+    l && (i.parentNode?.insertBefore(r.createComment("REC_START"), i), i.parentNode?.insertBefore(r.createComment("REC_END"), i.nextSibling), s(l), C(i, l, c));
+  }), E(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  y as formatPriceVariable,
-  P as prepareRecommendationBlocks
+  m as formatPriceVariable,
+  T as prepareRecommendationBlocks
 };

package/dist/config/migrator/checkboxMigrator.js

@@ -1,10 +1,10 @@
-var x = Object.defineProperty;
-var y = (s, t, e) => t in s ? x(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var m = (s, t, e) => y(s, typeof t != "symbol" ? t + "" : t, e);
-import b from "../../extensions/Blocks/Checkbox/template.js";
-class f {
+var m = Object.defineProperty;
+var x = (s, t, e) => t in s ? m(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var d = (s, t, e) => x(s, typeof t != "symbol" ? t + "" : t, e);
+import y from "../../extensions/Blocks/Checkbox/template.js";
+class b {
   constructor() {
-    m(this, "parser");
+    d(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
@@ -13,18 +13,17 @@ class f {
       return i.length === 0 ? t : (i.forEach((r) => {
         if (r.classList.contains("checkbox-block-v2"))
           return;
-        const n = r.getAttribute("id"), l = this.extractTextFromElement(r, "ins-title"), c = this.extractTextFromElement(r, "ins-description"), a = this.buildTextBlock(l), p = this.buildTextBlock(c), g = b.replace("{-{-TITLE-}-}", a).replace("{-{-DESCRIPTION-}-}", p), o = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${g}</tr></tbody></table>`,
+        const o = r.getAttribute("id"), l = this.extractTextFromElement(r, "ins-title"), n = this.extractTextFromElement(r, "ins-description"), c = this.buildTextBlock(l), a = this.buildTextBlock(n), p = y.replace("{-{-TITLE-}-}", c).replace("{-{-DESCRIPTION-}-}", a), g = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${p}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".checkbox-block-v2");
-        o && r.parentNode && (o.setAttribute("id", n || ""), r.parentNode.replaceChild(o, r));
+        g && r.parentNode && (g.setAttribute("id", o || ""), r.parentNode.replaceChild(g, r));
       }), e.documentElement.outerHTML);
     } catch (e) {
       return console.error("CheckboxMigrator failed:", e), t;
     }
   }
   extractTextFromElement(t, e) {
-    var o, d;
     const i = t.querySelector(`.${e}`);
     if (!i)
       return {
@@ -37,18 +36,18 @@ class f {
     const r = i.querySelector("p");
     if (!r)
       return {
-        text: ((o = i.textContent) == null ? void 0 : o.trim()) || (e === "ins-title" ? "Title" : "Description"),
+        text: i.textContent?.trim() || (e === "ins-title" ? "Title" : "Description"),
         isBold: !1,
         isItalic: !1,
         align: i.getAttribute("align") || "left",
         styles: ""
       };
-    const n = ((d = r.textContent) == null ? void 0 : d.trim()) || (e === "ins-title" ? "Title" : "Description"), l = r.getAttribute("style") || "", c = i.getAttribute("align") || r.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(l) || !!r.querySelector("b, strong"), p = /font-style\s*:\s*italic/i.test(l) || !!r.querySelector("i, em"), g = this.removeStyleProperties(l, ["font-weight", "font-style"]), u = this.convertInlineToBlock(g);
+    const o = r.textContent?.trim() || (e === "ins-title" ? "Title" : "Description"), l = r.getAttribute("style") || "", n = i.getAttribute("align") || r.getAttribute("align") || "left", c = /font-weight\s*:\s*bold/i.test(l) || !!r.querySelector("b, strong"), a = /font-style\s*:\s*italic/i.test(l) || !!r.querySelector("i, em"), p = this.removeStyleProperties(l, ["font-weight", "font-style"]), u = this.convertInlineToBlock(p);
     return {
-      text: n,
-      isBold: a,
-      isItalic: p,
-      align: c,
+      text: o,
+      isBold: c,
+      isItalic: a,
+      align: n,
       styles: u
     };
   }
@@ -65,8 +64,8 @@ class f {
         `;
   }
   removeStyleProperties(t, e) {
-    return t ? e.reduce((r, n) => {
-      const l = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
+    return t ? e.reduce((r, o) => {
+      const l = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
       return r.replace(l, "");
     }, t).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
@@ -77,9 +76,9 @@ class f {
     return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
   }
 }
-function k(s) {
-  return new f().migrate(s);
+function T(s) {
+  return new b().migrate(s);
 }
 export {
-  k as migrateCheckbox
+  T as migrateCheckbox
 };

package/dist/config/migrator/couponBlockMigrator.js

@@ -1,17 +1,17 @@
-var k = Object.defineProperty;
-var m = (o, t, e) => t in o ? k(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var x = (o, t, e) => m(o, typeof t != "symbol" ? t + "" : t, e);
-import h from "../../extensions/Blocks/CouponBlock/template.js";
-class y {
+var f = Object.defineProperty;
+var k = (o, t, e) => t in o ? f(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var d = (o, t, e) => k(o, typeof t != "symbol" ? t + "" : t, e);
+import m from "../../extensions/Blocks/CouponBlock/template.js";
+class h {
   constructor() {
-    x(this, "parser");
+    d(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.coupon-block.ins-coupon-code:not([esd-extension-block-id])");
-      return n.length === 0 ? t : (n.forEach((s) => {
-        const i = this.extractText(s), c = this.extractAttributes(s), l = h.replace("{@COUPON_CODE}", i).replace(
+      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.coupon-block.ins-coupon-code:not([esd-extension-block-id])");
+      return i.length === 0 ? t : (i.forEach((s) => {
+        const n = this.extractText(s), c = this.extractAttributes(s), l = m.replace("{@COUPON_CODE}", n).replace(
           'class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"',
           c.class
         ).replace(
@@ -28,26 +28,25 @@ class y {
     }
   }
   extractText(t) {
-    var g;
     const e = t.querySelector(".ins-title");
     if (!e)
       return "{@COUPON_CODE}";
-    const n = ((g = e.textContent) == null ? void 0 : g.trim()) || "{@COUPON_CODE}", s = e.getAttribute("style") || "", i = /font-weight\s*:\s*bold/i.test(s), c = /font-style\s*:\s*italic/i.test(s), l = /text-decoration[^;]*underline/i.test(s), u = /text-decoration[^;]*line-through/i.test(s), a = /vertical-align\s*:\s*sub/i.test(s), p = /vertical-align\s*:\s*super/i.test(s);
+    const i = e.textContent?.trim() || "{@COUPON_CODE}", s = e.getAttribute("style") || "", n = /font-weight\s*:\s*bold/i.test(s), c = /font-style\s*:\s*italic/i.test(s), l = /text-decoration[^;]*underline/i.test(s), u = /text-decoration[^;]*line-through/i.test(s), a = /vertical-align\s*:\s*sub/i.test(s), p = /vertical-align\s*:\s*super/i.test(s);
     return [
-      [i, "strong"],
+      [n, "strong"],
       [c, "em"],
       [l, "u"],
       [u, "s"],
       [a, "sub"],
       [p, "sup"]
-    ].reduce((b, [f, d]) => f ? `<${d}>${b}</${d}>` : b, n);
+    ].reduce((g, [x, b]) => x ? `<${b}>${g}</${b}>` : g, i);
   }
   extractAttributes(t) {
-    const e = t.querySelector(".ins-title"), n = t.className.split(" ").filter((r) => r.startsWith("es-")), s = t.getAttribute("align"), i = t.getAttribute("bgcolor"), c = t.getAttribute("style"), l = e == null ? void 0 : e.getAttribute("style");
+    const e = t.querySelector(".ins-title"), i = t.className.split(" ").filter((r) => r.startsWith("es-")), s = t.getAttribute("align"), n = t.getAttribute("bgcolor"), c = t.getAttribute("style"), l = e?.getAttribute("style");
     let u = 'class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block';
-    n.length && (u += ` ${n.join(" ")}`), u += '"';
+    i.length && (u += ` ${i.join(" ")}`), u += '"';
     let a = "";
-    if (s && (a += ` align="${s}"`), i && (a += ` bgcolor="${i}"`), c) {
+    if (s && (a += ` align="${s}"`), n && (a += ` bgcolor="${n}"`), c) {
       const r = c.replace(/background-color[^;]+;?/gi, "").replace(/;+/g, ";").trim();
       r && (a += ` style="${r.replace(/"/g, "'")}"`);
     }
@@ -59,9 +58,9 @@ class y {
     return { class: u, block: a, text: p };
   }
 }
-function C(o) {
-  return new y().migrate(o);
+function $(o) {
+  return new h().migrate(o);
 }
 export {
-  C as migrateCouponBlock
+  $ as migrateCouponBlock
 };