@useinsider/guido 3.0.0-beta.3068a18 → 3.0.0-beta.39155d9

package/dist/composables/useHtmlValidator.js

@@ -1,54 +1,55 @@
-import { useConfig as L } from "./useConfig.js";
-import { TemplateTypes as V } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as _, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as G } from "../enums/html-validator.js";
+import { useConfig as V } from "./useConfig.js";
+import { useCustomFieldAttributes as _ } from "./useCustomFieldAttributes.js";
+import { TemplateTypes as H } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as G, CampaignCouldNotBeSavedKey as M, CanNotMakeAnyChangesForRunningKey as $ } from "../enums/html-validator.js";
 import { ToasterTypeOptions as c } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as M } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { useRecommendationStore as $ } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as X } from "../utils/base64.js";
-import { useHttp as j } from "./useHttp.js";
-import { useToaster as q } from "./useToaster.js";
-import { useTranslations as z } from "./useTranslations.js";
-const K = /recommendation-id="(\d+)"/g;
-function U(i) {
-  return [...i.matchAll(K)].map((u) => u[1]);
+import { itemsBlockDynamicVariables as X } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { useRecommendationStore as j } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as q } from "../utils/base64.js";
+import { useHttp as z } from "./useHttp.js";
+import { useToaster as K } from "./useToaster.js";
+import { useTranslations as U } from "./useTranslations.js";
+const Y = /recommendation-id="(\d+)"/g;
+function Z(i) {
+  return [...i.matchAll(Y)].map((u) => u[1]);
 }
-function Y(i, u) {
+function J(i, u) {
   return u.some((d) => i.startsWith(`${d}_`));
 }
-const ce = () => {
+const ue = () => {
   var y, h;
-  const { showToaster: i } = q(), { post: u } = j(), { config: d } = L(), r = z(), g = $(), p = ((h = (y = d.value) == null ? void 0 : y.partner) == null ? void 0 : h.messageType) === V.transactional, w = async (e) => {
+  const { showToaster: i } = K(), { post: u } = z(), { config: d } = V(), r = U(), g = j(), { customFieldAttributes: b } = _(), p = ((h = (y = d.value) == null ? void 0 : y.partner) == null ? void 0 : h.messageType) === H.transactional, w = async (e) => {
     const t = await u(
       "/newsletter/template-library/check-template-html-body",
-      { html: X(e) }
+      { html: q(e) }
     ), { status: n, message: l } = t.data;
     return n || i({
       type: c.Alert,
       message: n === void 0 ? l : r("newsletter.invalid-url-link-for-toaster")
-    }), r(P), l === r(G) && i({
+    }), r(M), l === r($) && i({
       type: c.Alert,
       message: r("newsletter.already-in-progress")
     }), n;
-  }, b = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), S = (e) => ["if", "endif"].includes(e.toLowerCase()), E = (e, s) => {
+  }, S = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), E = (e) => ["if", "endif"].includes(e.toLowerCase()), A = (e, s) => {
     const t = e.match(/({%(.*?)%})/g);
     let n = !0;
     return t !== null && !p && t.forEach((l) => {
       const o = l.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (o && o.length > 0) {
         const [a] = o;
-        b(a) && !s.includes(a) && (i({
+        S(a) && !s.includes(a) && (i({
           type: c.Warning,
           message: r("custom-fields.invalid-custom-fields")
         }), n = !1);
       }
     }), n;
-  }, A = async (e, s, t) => {
+  }, I = async (e, s, t) => {
     const n = t ? await w(e) : !0;
-    return E(e, s) && n;
-  }, I = (e) => e.length > 0 ? !0 : (i({
+    return A(e, s) && n;
+  }, k = (e) => e.length > 0 ? !0 : (i({
     type: c.Warning,
     message: r("newsletter.html-content-is-empty")
-  }), !1), k = (e) => {
+  }), !1), x = (e) => {
     const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
     return s > t && i({
       type: c.Warning,
@@ -57,7 +58,7 @@ const ce = () => {
       type: c.Warning,
       message: r("custom-fields.missing-opening-braces")
     }), s === t;
-  }, x = (e) => {
+  }, F = (e) => {
     const s = e.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
     return s || i({
       type: c.Warning,
@@ -66,10 +67,10 @@ const ce = () => {
   }, T = (e, s) => {
     const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
     if (t && !p) {
-      const n = new Set(s.map((a) => a.toLowerCase())), l = U(e), o = [];
+      const n = new Set(s.map((a) => a.toLowerCase())), l = Z(e), o = [];
       if (t.forEach((a) => {
         const m = a.slice(2, -2).trim().toLowerCase();
-        (!n.has(m) || m === "") && !Y(m, l) && o.push(m);
+        (!n.has(m) || m === "") && !J(m, l) && o.push(m);
       }), o.length > 0) {
         const a = `
                     <ul>
@@ -83,11 +84,11 @@ const ce = () => {
       }
     }
     return !0;
-  }, F = (e) => {
+  }, W = (e) => {
     const s = e.match(/{%(.*?)%}/g), t = [];
     let n = !0;
     if (s && s.forEach((l) => {
-      const o = l.match(_), a = l.match(H), m = (o == null ? void 0 : o.join("")) || "";
+      const o = l.match(P), a = l.match(G), m = (o == null ? void 0 : o.join("")) || "";
       (!o || l !== m) && !a && (i({
         type: c.Alert,
         message: r("newsletter.display-conditions-invalid-syntax")
@@ -98,7 +99,7 @@ const ce = () => {
         }), n = !1);
         const v = f.match(/^[a-zA-Z]*$/g);
         v && v.forEach((C) => {
-          S(C) && t.push(C);
+          E(C) && t.push(C);
         });
       });
     }), t.length) {
@@ -109,25 +110,25 @@ const ce = () => {
       }), n = !1);
     }
     return n;
-  }, W = (e) => {
+  }, N = (e) => {
     const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, n = s === t;
     return n || i({
       type: c.Warning,
       message: r("custom-conditions.no-space-after-braces")
     }), n;
-  }, N = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (i({
+  }, O = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (i({
     type: c.Warning,
     message: r("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, O = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (i({
+  }), !1) : !0, B = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (i({
     type: c.Alert,
     message: r("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, B = (e) => {
+  }), !1) : !0, R = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(s) === null ? !0 : (i({
       type: c.Alert,
       message: r("newsletter.invalid-image-type")
     }), !1);
-  }, R = (e) => {
+  }, D = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
     return Array.from(n).find((o) => {
       var a;
@@ -136,7 +137,7 @@ const ce = () => {
       type: c.Alert,
       message: r("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
-  }, D = (e) => {
+  }, L = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
     return Array.from(n).find((o) => {
       var a;
@@ -149,11 +150,12 @@ const ce = () => {
   return { validateHtml: async (e, s, t = !1) => {
     const n = [
       ...s.map((o) => o.value),
-      ...M
+      ...X,
+      ...b.value
     ];
-    return await A(e, n, t) && I(e) && k(e) && x(e) && T(e, n) && F(e) && W(e) && N(e) && O() && B(e) && R(e) && D(e);
+    return await I(e, n, t) && k(e) && x(e) && F(e) && T(e, n) && W(e) && N(e) && O(e) && B() && R(e) && D(e) && L(e);
   } };
 };
 export {
-  ce as useHtmlValidator
+  ue as useHtmlValidator
 };

package/dist/config/compiler/unsubscribeCompilerRules.js

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

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

@@ -1,4 +1,4 @@
-import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+import { useRecommendation as $ } from "../../../composables/useRecommendation.js";
 function b(e, u, r, o) {
   const n = `{{${e}_${u}_${r}}}`, t = `{{${e}_${u}_currency}}`;
   return o === "before" ? `${t} ${n}` : `${n} ${t}`;
@@ -64,58 +64,69 @@ function p(e, u, r, o, n) {
       }
       break;
     }
+    default: {
+      const t = e.getAttribute("product-attr") ? e : e.querySelector("[product-attr]");
+      if (t) {
+        const c = t.getAttribute("product-attr"), s = t.querySelector("p");
+        if (s) {
+          const i = s.querySelector("strong") || s;
+          i.textContent = `{{${r}_${o}_${c}}}`;
+        }
+      }
+      break;
+    }
   }
 }
-function $(e, u, r) {
+function S(e, u, r) {
   e.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
     n.querySelectorAll("[data-attribute-type]").forEach((s) => {
-      const i = s.getAttribute("data-attribute-type") || "", a = s.querySelectorAll(".attribute-cell");
-      a.length > 0 ? a.forEach((l) => {
-        p(l, i, u, t, r);
+      const i = s.getAttribute("data-attribute-type") || "", l = s.querySelectorAll(".attribute-cell");
+      l.length > 0 ? l.forEach((a) => {
+        p(a, i, u, t, r);
       }) : p(s, i, u, t, r);
     });
   });
 }
-function S(e, u, r) {
+function _(e, u, r) {
   const o = e.querySelectorAll(".recommendation-product-row");
   if (!o.length)
     return;
   const [n] = o, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
   o.forEach((s, i) => {
-    s.querySelectorAll("[data-attribute-type]").forEach((l) => {
-      const f = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach((y, m) => {
-        const A = i * c + m;
-        p(y, f, u, A, r);
+    s.querySelectorAll("[data-attribute-type]").forEach((a) => {
+      const f = a.getAttribute("data-attribute-type") || "";
+      a.querySelectorAll(".attribute-cell").forEach((y, A) => {
+        const m = i * c + A;
+        p(y, f, u, m, r);
       });
     });
   });
 }
 function q(e, u, r) {
   e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
-    S(n, u, r);
+    _(n, u, r);
   });
 }
 function d(e, u) {
   const r = e.getAttribute("data-layout") || "grid", o = e.getAttribute("currency-alignment") || "after";
-  r === "list" ? $(e, u, o) : q(e, u, o);
+  r === "list" ? S(e, u, o) : q(e, u, o);
 }
-function h(e, u) {
+function g(e, u) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
   return (r ? `${r[0]}
 ` : "") + u.documentElement.outerHTML;
 }
-function w(e) {
+function E(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: n } = _();
+  const { buildCampaignUrl: n } = $();
   return o.forEach((c) => {
     const s = c.getAttribute("recommendation-id");
     s && (n(s), d(c, s));
-  }), h(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  }), g(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
   b as formatPriceVariable,
-  w as prepareRecommendationBlocks
+  E as prepareRecommendationBlocks
 };

package/dist/config/i18n/en/labels.json.js

@@ -1,7 +1,12 @@
-const l = {
+const e = "Items", o = {
   "Global Styles & Layout": "Global Styles and Layout",
-  "Structures & Modules": "Structures and Modules"
+  "Structures & Modules": "Structures and Modules",
+  "Recommendation Block": "Recommendation",
+  Items: e,
+  "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
+  "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly."
 };
 export {
-  l as default
+  e as Items,
+  o as default
 };