@useinsider/guido 3.13.1 → 3.14.0-beta.1e474dd

package/dist/components/organisms/header/ViewOptions.vue.js

@@ -10,7 +10,7 @@ var n = function() {
   r,
   !1,
   null,
-  "195ab6d4"
+  "87033101"
 );
 const c = a.exports;
 export {

package/dist/components/organisms/header/version-history/ViewOptions.vue.js

@@ -10,7 +10,7 @@ var n = function() {
   r,
   !1,
   null,
-  "d405ca59"
+  "6ebabfe4"
 );
 const d = a.exports;
 export {

package/dist/composables/useHtmlValidator.js

@@ -6,7 +6,7 @@ import { ToasterTypeOptions as c } from "../enums/toaster.js";
 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 { filterToProductAttrValue as Q } from "../extensions/Blocks/Recommendation/utils/compositionKeys.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";
@@ -14,25 +14,25 @@ import { useHttp as se } from "./useHttp.js";
 import { useToaster as re } from "./useToaster.js";
 import { useTranslations as oe } from "./useTranslations.js";
 const ie = /recommendation-id="(\d+)"/g;
-function ae(t) {
-  return [...t.matchAll(ie)].map((m) => m[1]);
+function ae(n) {
+  return [...n.matchAll(ie)].map((m) => m[1]);
 }
-function ce(t, m) {
-  return m.some((f) => t.startsWith(`${f}_`));
+function ce(n, m) {
+  return m.some((f) => n.startsWith(`${f}_`));
 }
 const le = /^(\d+)_\d+_(.+)$/;
-function me(t) {
-  const m = t.match(le);
+function me(n) {
+  const m = n.match(le);
   return m ? { recoId: m[1], attribute: m[2] } : null;
 }
-function ue(t) {
+function ue(n) {
   const m = new Set(Z);
-  return Object.values(t).forEach((f) => {
-    m.add(Q(f.attributeName, t).toLowerCase());
+  return Object.values(n).forEach((f) => {
+    m.add(Q(f).toLowerCase());
   }), m;
 }
-function de(t, m, f, o, d) {
-  const u = t.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
+function de(n, m, f, o, d) {
+  const u = n.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
   if (!u)
     return [];
   const p = new Set(m.map((h) => h.toLowerCase())), E = [];
@@ -50,15 +50,15 @@ function de(t, m, f, o, d) {
     ce(g, f) || g.includes(".") || E.push(g);
   }), E;
 }
-function fe(t) {
-  return (t.replace(U, "$1").match(j) ?? []).filter((o) => {
+function fe(n) {
+  return (n.replace(U, "$1").match(j) ?? []).filter((o) => {
     const d = o.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 xe = () => {
   var b, S;
-  const { showToaster: t } = re(), { post: m } = se(), { config: f } = W(), o = oe(), d = te(), u = J(), p = ((S = (b = f.value) == null ? void 0 : b.partner) == null ? void 0 : S.messageType) === H.transactional, E = async (e) => {
+  const { showToaster: n } = re(), { post: m } = se(), { config: f } = W(), o = oe(), d = te(), u = J(), p = ((S = (b = f.value) == null ? void 0 : b.partner) == null ? void 0 : S.messageType) === H.transactional, E = async (e) => {
     if (e.size === 0)
       return /* @__PURE__ */ new Set();
     try {
@@ -68,59 +68,59 @@ const xe = () => {
     }
     return ue(u.filterList);
   }, h = async (e) => {
-    const n = await m(
+    const t = await m(
       "/newsletter/template-library/check-template-html-body",
       { html: ne(e) }
-    ), { status: r, message: a } = n.data;
-    return r || t({
+    ), { status: r, message: a } = t.data;
+    return r || n({
       type: c.Error,
       message: r === void 0 ? a : o("newsletter.invalid-url-link-for-toaster")
-    }), o($), a === o(Y) && t({
+    }), o($), a === o(Y) && n({
       type: c.Error,
       message: o("newsletter.already-in-progress")
     }), r;
   }, g = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), y = (e) => ["if", "endif"].includes(e.toLowerCase()), T = (e, s) => {
-    const n = e.match(/({%(.*?)%})/g);
+    const t = e.match(/({%(.*?)%})/g);
     let r = !0;
-    return n !== null && !p && n.forEach((a) => {
+    return t !== null && !p && t.forEach((a) => {
       const i = a.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (i && i.length > 0) {
         const [l] = i;
-        g(l) && !s.includes(l) && (t({
+        g(l) && !s.includes(l) && (n({
           type: c.Warning,
           message: o("custom-fields.invalid-custom-fields")
         }), r = !1);
       }
     }), r;
-  }, w = async (e, s, n) => {
-    const r = n ? await h(e) : !0;
+  }, w = async (e, s, t) => {
+    const r = t ? await h(e) : !0;
     return T(e, s) && r;
-  }, R = (e) => e.length > 0 ? !0 : (t({
+  }, R = (e) => e.length > 0 ? !0 : (n({
     type: c.Warning,
     message: o("newsletter.html-content-is-empty")
   }), !1), _ = (e) => {
-    const s = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
-    return s > n && t({
+    const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
+    return s > t && n({
       type: c.Warning,
       message: o("custom-fields.missing-closing-braces")
-    }), s < n && t({
+    }), s < t && n({
       type: c.Warning,
       message: o("custom-fields.missing-opening-braces")
-    }), s === n;
+    }), s === t;
   }, N = (e) => {
     const s = fe(e).length === 0;
-    return s || t({
+    return s || n({
       type: c.Warning,
       message: o("custom-fields.invalid-custom-fields")
     }), s;
-  }, x = (e, s, n, r) => {
+  }, x = (e, s, t, r) => {
     if (p)
       return !0;
     const a = de(
       e,
       s,
       ae(e),
-      n,
+      t,
       r
     );
     if (a.length > 0) {
@@ -129,56 +129,56 @@ const xe = () => {
                     ${a.map((l) => `<li>${l}</li>`).join("")}
                 </ul>
             `;
-      return t({
+      return n({
         type: c.Error,
         message: o("custom-fields.invalid-custom-fields") + i
       }), !1;
     }
     return !0;
   }, O = (e) => {
-    const s = e.match(/{%(.*?)%}/g), n = [];
+    const s = e.match(/{%(.*?)%}/g), t = [];
     let r = !0;
     if (s && s.forEach((a) => {
       const i = a.match(P), l = a.match(X), v = (i == null ? void 0 : i.join("")) || "";
-      (!i || a !== v) && !l && (t({
+      (!i || a !== v) && !l && (n({
         type: c.Error,
         message: o("newsletter.display-conditions-invalid-syntax")
       }), r = !1), i && i.forEach((C) => {
-        C.trim() === "=" && (t({
+        C.trim() === "=" && (n({
           type: c.Error,
           message: o("custom-conditions.wrong-equality-operators")
         }), r = !1);
         const I = C.match(/^[a-zA-Z]*$/g);
         I && I.forEach((A) => {
-          y(A) && n.push(A);
+          y(A) && t.push(A);
         });
       });
-    }), n.length) {
-      const a = n.filter((l) => l === "if"), i = n.filter((l) => l === "endif");
-      a.length !== i.length && (t({
+    }), t.length) {
+      const a = t.filter((l) => l === "if"), i = t.filter((l) => l === "endif");
+      a.length !== i.length && (n({
         type: c.Error,
         message: o("custom-conditions.missing-if-endif-tag")
       }), r = !1);
     }
     return r;
   }, k = (e) => {
-    const s = (e.match(/{% /gm) || []).length, n = (e.match(/ %}/gm) || []).length, r = s === n;
-    return r || t({
+    const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, r = s === t;
+    return r || n({
       type: c.Warning,
       message: o("custom-conditions.no-space-after-braces")
     }), r;
-  }, B = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (t({
+  }, B = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, r) => t + r, 0) > 0 ? (n({
     type: c.Warning,
     message: o("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, D = () => u.hasInvalidBlock() ? (t({
+  }), !1) : !0, D = () => u.hasInvalidBlock() ? (n({
     type: c.Error,
     message: o(ee)
-  }), !1) : !0, F = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((s) => s.filters.find((n) => n.value === "")) !== void 0 ? (t({
+  }), !1) : !0, F = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (n({
     type: c.Error,
     message: o("newsletter.fill-all-necessary-fields")
   }), !1) : !0, L = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
-    return e.match(s) === null ? !0 : (t({
+    return e.match(s) === null ? !0 : (n({
       type: c.Error,
       message: o("newsletter.invalid-image-type")
     }), !1);
@@ -187,7 +187,7 @@ const xe = () => {
     return Array.from(r).find((i) => {
       var l;
       return !((l = i.id) != null && l.trim());
-    }) ? (t({
+    }) ? (n({
       type: c.Error,
       message: o("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
@@ -196,19 +196,19 @@ const xe = () => {
     return Array.from(r).find((i) => {
       var l;
       return !((l = i.id) != null && l.trim());
-    }) ? (t({
+    }) ? (n({
       type: c.Error,
       message: o("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
-  return { validateHtml: async (e, s, n = !1) => {
+  return { validateHtml: async (e, s, t = !1) => {
     var v, C;
     const r = [
       ...s.map((I) => I.value),
       ...z,
       ...((C = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : C.customFieldAttributes) ?? []
     ], a = G(e), i = await E(a);
-    return await w(e, r, n) && R(e) && _(e) && N(e) && x(e, r, a, i) && O(e) && k(e) && B(e) && D() && F() && L(e) && V(e) && M(e);
+    return await w(e, r, t) && R(e) && _(e) && N(e) && x(e, r, a, i) && O(e) && k(e) && B(e) && D() && F() && L(e) && V(e) && M(e);
   } };
 };
 export {

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

@@ -1,4 +1,4 @@
-const e = "Items", o = {
+const e = "Items", o = "Default", t = "Custom", s = {
   "Global Styles & Layout": "Global Styles and Layout",
   "Structures & Modules": "Structures and Modules",
   "Recommendation Block": "Recommendation",
@@ -7,9 +7,13 @@ const e = "Items", o = {
   "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.",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
-  "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS"
+  "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS",
+  Default: o,
+  Custom: t
 };
 export {
+  t as Custom,
+  o as Default,
   e as Items,
-  o as default
+  s as default
 };

package/dist/config/migrator/recommendation/compositionMapper.js

@@ -1,4 +1,4 @@
-import { DEFAULT_COMPOSITION as d, DEFAULT_VISIBILITY as I } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { DEFAULT_COMPOSITION as p, DEFAULT_VISIBILITY as I } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { ATTR_CUSTOM_PREFIX as l, ATTR_PRODUCT_BUTTON as k, ATTR_PRODUCT_OMNIBUS_DISCOUNT as A, ATTR_PRODUCT_OMNIBUS_PRICE as x, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_NAME as h, ATTR_PRODUCT_IMAGE as y } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
 import { mapTextTheme as E, mapButtonTheme as O, mapImageTheme as b } from "./themeMapper.js";
 const C = "__title__", a = "product_attribute.";
@@ -23,19 +23,22 @@ function N(r) {
       return { key: k, kind: "button" };
     default:
       if (r.variableType === "p_attribute" || t.startsWith("p_attribute_")) {
-        const s = r.value ?? "", o = s.startsWith(a) ? s.slice(a.length) : s;
-        return o ? {
-          key: `${l}${o}`,
+        const o = r.value ?? "", s = o.startsWith(a) ? o.slice(a.length) : o;
+        if (!s)
+          return null;
+        const e = o || `${a}${s}`;
+        return {
+          key: `${l}${e}`,
           kind: "custom",
-          customAttrName: o,
-          customAttrValue: s || `${a}${o}`
-        } : null;
+          customAttrName: s,
+          customAttrValue: e
+        };
       }
       return null;
   }
 }
-function p(r) {
-  const t = d.indexOf(r);
+function _(r) {
+  const t = p.indexOf(r);
   return t === -1 ? Number.POSITIVE_INFINITY : t;
 }
 function S(r) {
@@ -48,8 +51,8 @@ function S(r) {
     anyTextTrimming: !1
   };
   if (!r || r.length === 0)
-    return t.composition = [...d], t;
-  const s = [];
+    return t.composition = [...p], t;
+  const o = [];
   r.forEach((e, i) => {
     const n = N(e);
     if (n) {
@@ -57,7 +60,7 @@ function S(r) {
         t.titleVariable = e;
         return;
       }
-      s.push({
+      o.push({
         key: n.key,
         kind: n.kind,
         hidden: e.hidden === !0,
@@ -68,30 +71,30 @@ function S(r) {
         originalIndex: i
       });
     }
-  }), s.sort((e, i) => {
+  }), o.sort((e, i) => {
     if (e.positionIdx !== i.positionIdx)
       return e.positionIdx - i.positionIdx;
-    const n = p(e.key), u = p(i.key);
+    const n = _(e.key), u = _(i.key);
     return n !== u ? n - u : e.originalIndex - i.originalIndex;
   });
-  const o = {};
-  return s.forEach((e) => {
-    const { key: i, kind: n, hidden: u, legacy: m, customAttrName: c, customAttrValue: T } = e;
-    switch (t.composition.push(i), t.visibility[i] = !u, n === "custom" && c && T && (t.customAttributes.includes(c) || t.customAttributes.push(c), t.customAttrValues[i] = T), n) {
+  const s = {};
+  return o.forEach((e) => {
+    const { key: i, kind: n, hidden: u, legacy: c, customAttrName: d, customAttrValue: m } = e;
+    switch (t.composition.push(i), t.visibility[i] = !u, n === "custom" && d && m && (t.customAttributes.includes(m) || t.customAttributes.push(m), t.customAttrValues[i] = m), n) {
       case "image":
-        o[i] = b(m.theme);
+        s[i] = b(c.theme);
         break;
       case "button":
-        o[i] = O(m.theme);
+        s[i] = O(c.theme);
         break;
       case "text":
       case "custom": {
-        const _ = E(m.theme);
-        o[i] = _, _.textTrimming && (t.anyTextTrimming = !0);
+        const T = E(c.theme);
+        s[i] = T, T.textTrimming && (t.anyTextTrimming = !0);
         break;
       }
     }
-  }), t.perElementStyles = o, t;
+  }), t.perElementStyles = s, t;
 }
 export {
   S as mapComposition