@useinsider/guido 2.1.0-beta.07fb1d6 → 2.1.0-beta.0e87316

package/dist/composables/useBlocksConfig.js

@@ -1,5 +1,6 @@
+import r from "../extensions/ModulesTabIcons/extension.js";
 import { useConfigStore as l } from "../stores/config.js";
-const r = {
+const a = {
   "amp-accordion": "ampAccordionEnabled",
   "amp-carousel": "ampCarouselEnabled",
   "amp-form-controls": "ampFormControlsEnabled",
@@ -13,7 +14,7 @@ const r = {
   "text-block": "textEnabled",
   "timer-block": "timerEnabled",
   "video-block": "videoEnabled"
-}, c = {
+}, s = {
   "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
   "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
   "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
@@ -21,31 +22,40 @@ const r = {
   "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
   "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
   "items-block": () => import("../extensions/Blocks/Items/extension.js")
-}, a = (n) => {
+}, i = (n) => {
   if (!n || !n.length)
     return {};
-  const e = {};
+  const t = {};
   return n.forEach((o) => {
-    const t = r[o];
-    t && (e[t] = !1);
-  }), e;
-}, i = async (n) => !n || !n.length ? [] : (await Promise.all(
-  n.map(async (o) => {
-    const t = c[o];
-    return t ? (await t()).default : null;
-  })
-)).filter((o) => o !== null), m = () => {
+    const e = a[o];
+    e && (t[e] = !1);
+  }), t;
+}, b = () => [r], m = async (n) => {
+  const t = b();
+  if (!n || !n.length)
+    return t;
+  const o = await Promise.all(
+    n.map(async (e) => {
+      const c = s[e];
+      return c ? (await c()).default : null;
+    })
+  );
+  return [
+    ...t,
+    ...o.filter((e) => e !== null)
+  ];
+}, E = () => {
   const n = l();
   return {
     getStripoBlocksConfig: async () => {
       const o = n.blocks;
       return {
-        baseBlocks: a(o == null ? void 0 : o.excludeDefaults),
-        extensions: await i(o == null ? void 0 : o.includeCustoms)
+        baseBlocks: i(o == null ? void 0 : o.excludeDefaults),
+        extensions: await m(o == null ? void 0 : o.includeCustoms)
       };
     }
   };
 };
 export {
-  m as useBlocksConfig
+  E as useBlocksConfig
 };

package/dist/composables/useHtmlValidator.js

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

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

@@ -1,9 +1,9 @@
 import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
 function b(e, u, r, o) {
-  const s = `{{${e}_${u}_${r}}}`, t = `{{${e}_${u}_currency}}`;
-  return o === "before" ? `${t} ${s}` : `${s} ${t}`;
+  const n = `{{${e}_${u}_${r}}}`, t = `{{${e}_${u}_currency}}`;
+  return o === "before" ? `${t} ${n}` : `${n} ${t}`;
 }
-function p(e, u, r, o, s) {
+function p(e, u, r, o, n) {
   switch (u) {
     case "productImage": {
       const t = e.querySelector("img");
@@ -24,7 +24,7 @@ function p(e, u, r, o, s) {
       const t = e.querySelector("p");
       if (t) {
         const c = t.querySelector("strong") || t;
-        c.textContent = b(r, o, "price", s);
+        c.textContent = b(r, o, "price", n);
       }
       break;
     }
@@ -36,7 +36,7 @@ function p(e, u, r, o, s) {
           r,
           o,
           "original_price",
-          s
+          n
         ), t.setAttribute("product-attr", "discount");
       }
       break;
@@ -67,12 +67,12 @@ function p(e, u, r, o, s) {
   }
 }
 function $(e, u, r) {
-  e.querySelectorAll(".recommendation-product-row").forEach((s, t) => {
-    s.querySelectorAll("[data-attribute-type]").forEach((n) => {
-      const i = n.getAttribute("data-attribute-type") || "", a = n.querySelectorAll(".attribute-cell");
+  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);
-      }) : p(n, i, u, t, r);
+      }) : p(s, i, u, t, r);
     });
   });
 }
@@ -80,9 +80,9 @@ function S(e, u, r) {
   const o = e.querySelectorAll(".recommendation-product-row");
   if (!o.length)
     return;
-  const [s] = o, t = s.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
-  o.forEach((n, i) => {
-    n.querySelectorAll("[data-attribute-type]").forEach((l) => {
+  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;
@@ -91,9 +91,14 @@ function S(e, u, r) {
     });
   });
 }
-function q(e, u) {
+function q(e, u, r) {
+  e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
+    S(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) : S(e, u, o);
+  r === "list" ? $(e, u, o) : q(e, u, o);
 }
 function h(e, u) {
   const r = e.match(/<!DOCTYPE[^>]*>/i);
@@ -104,10 +109,10 @@ function w(e) {
   const u = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(u, "text/html"), o = r.querySelectorAll(".ins-recommendation-v3-block-v2");
   if (!o.length)
     return e;
-  const { buildCampaignUrl: s } = _();
+  const { buildCampaignUrl: n } = _();
   return o.forEach((c) => {
-    const n = c.getAttribute("recommendation-id");
-    n && (s(n), q(c, n));
+    const s = c.getAttribute("recommendation-id");
+    s && (n(s), d(c, s));
   }), h(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {