@useinsider/guido 3.8.0-beta.910d4af → 3.8.0-beta.eb4074b

package/dist/composables/useHtmlValidator.js

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

package/dist/composables/useSave.js

@@ -1,32 +1,32 @@
-import { useActionsApi as H } from "./useActionsApi.js";
+import { useActionsApi as x } from "./useActionsApi.js";
 import { useConfig as y } from "./useConfig.js";
-import { useSaveStart as w, useSaveComplete as k } from "./useGuidoActions.js";
+import { useSaveStart as w, useSaveComplete as H } from "./useGuidoActions.js";
 import { useSyncModuleExtractor as q } from "./useSyncModuleExtractor.js";
 import { useStripoApi as C } from "../services/stripoApi.js";
 import { useTemplatePreparation as E } from "../utils/templatePreparation.js";
-import { useHtmlValidator as B } from "./useHtmlValidator.js";
+import { useHtmlValidator as k } from "./useHtmlValidator.js";
 import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
 import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
-import { useUnsubscribeBlockValidator as U } from "./validators/useUnsubscribeBlockValidator.js";
-const K = () => {
-  const o = w(), s = k(), { validateHtml: r } = B(), { validateLiquidSyntax: l } = P(), { validateCouponBlockTags: n } = L(), { validateUnsubscribeBlockUniqueness: d, validateUnsubscribeBlockHasTemplate: c } = U(), { callbacks: i, isFeatureEnabled: u } = y(), { extractSyncModuleData: m } = q(), { setSyncModuleUnsubscriptionPages: p } = C(), { editorSave: v } = H();
-  return { save: async (f = !1, S = !1) => {
+import { useUnsubscribeBlockValidator as B } from "./validators/useUnsubscribeBlockValidator.js";
+const J = () => {
+  const o = w(), s = H(), { validateHtml: r } = k(), { validateLiquidSyntax: n } = P(), { validateCouponBlockTags: l } = L(), { validateUnsubscribeBlockUniqueness: d } = B(), { callbacks: i, isFeatureEnabled: u } = y(), { extractSyncModuleData: c } = q(), { setSyncModuleUnsubscriptionPages: m } = C(), { editorSave: p } = x();
+  return { save: async (f = !1, v = !1) => {
     var a;
     o();
-    const { prepareTemplateDetails: V } = E(), t = await V();
-    if (!n(t.compiledHtml) || !d(t.compiledHtml) || !c(t.compiledHtml))
+    const { prepareTemplateDetails: S } = E(), t = await S();
+    if (!l(t.compiledHtml) || !d(t.compiledHtml))
       return;
     if (u("liquidSyntax")) {
-      if (!await l(t.compiledHtml))
+      if (!await n(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((a = i.value) != null && a.externalValidation && !await i.value.externalValidation(t) || !await v())
+    if ((a = i.value) != null && a.externalValidation && !await i.value.externalValidation(t) || !await p())
       return;
-    const { unsubscribePayload: b, stripoModules: x } = m(t.rawHtml);
-    return await p(b), t.modules = x, f || s({ ...t, silent: S }), t;
+    const { unsubscribePayload: V, stripoModules: b } = c(t.rawHtml);
+    return await m(V), t.modules = b, f || s({ ...t, silent: v }), t;
   } };
 };
 export {
-  K as useSave
+  J as useSave
 };

package/dist/composables/validators/useUnsubscribeBlockValidator.js

@@ -1,41 +1,32 @@
 import { ToasterTypeOptions as i } from "../../enums/toaster.js";
-import { PAGE_TYPES as u } from "../../enums/unsubscribe.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as l, DATA_ATTRIBUTES as a } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { useToaster as m } from "../useToaster.js";
+import { PAGE_TYPES as n } from "../../enums/unsubscribe.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as u, DATA_ATTRIBUTES as l } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useToaster as T } from "../useToaster.js";
 import { useTranslations as E } from "../useTranslations.js";
-const T = [
+const m = [
   {
-    pageType: u.GLOBAL_UNSUBSCRIBE,
+    pageType: n.GLOBAL_UNSUBSCRIBE,
     messageKey: "unsubscription-preference.duplicate-global-unsub"
   },
   {
-    pageType: u.SUBSCRIPTION_PREFERENCE_CENTER,
+    pageType: n.SUBSCRIPTION_PREFERENCE_CENTER,
     messageKey: "unsubscription-preference.duplicate-pref-center"
   }
-], g = "unsubscription-preference.duplicate-both", b = "unsubscription-preference.select-page-to-continue", P = () => {
-  const { showToaster: c } = m(), p = E();
-  return { validateUnsubscribeBlockUniqueness: (n) => {
-    const o = new DOMParser().parseFromString(n, "text/html"), s = /* @__PURE__ */ new Map();
-    o.querySelectorAll(l).forEach((e) => {
-      const r = Number(e.getAttribute(a.PAGE_TYPE));
-      s.set(r, (s.get(r) ?? 0) + 1);
+], g = "unsubscription-preference.duplicate-both", y = () => {
+  const { showToaster: o } = T(), a = E();
+  return { validateUnsubscribeBlockUniqueness: (c) => {
+    const p = new DOMParser().parseFromString(c, "text/html"), t = /* @__PURE__ */ new Map();
+    p.querySelectorAll(u).forEach((e) => {
+      const r = Number(e.getAttribute(l.PAGE_TYPE));
+      t.set(r, (t.get(r) ?? 0) + 1);
     });
-    const t = T.filter((e) => (s.get(e.pageType) ?? 0) > 1).map((e) => e.messageKey);
-    return t.length ? (c({
+    const s = m.filter((e) => (t.get(e.pageType) ?? 0) > 1).map((e) => e.messageKey);
+    return s.length ? (o({
       type: i.Alert,
-      message: p(t.length > 1 ? g : t[0])
-    }), !1) : !0;
-  }, validateUnsubscribeBlockHasTemplate: (n) => {
-    const o = new DOMParser().parseFromString(n, "text/html");
-    return Array.from(o.querySelectorAll(l)).some((t) => {
-      const e = t.getAttribute(a.PAGE_TYPE), r = t.getAttribute(a.PAGE_LIST);
-      return !e || !r;
-    }) ? (c({
-      type: i.Warning,
-      message: p(b)
+      message: a(s.length > 1 ? g : s[0])
     }), !1) : !0;
   } };
 };
 export {
-  P as useUnsubscribeBlockValidator
+  y as useUnsubscribeBlockValidator
 };