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

package/dist/composables/useAllowlist.js

@@ -1,68 +1,50 @@
 import { useAllowlistApi as A } from "../services/allowlistApi.js";
-import { base64EncodeWithSpecialChars as f } from "../utils/base64.js";
-import { useTranslations as D } from "./useTranslations.js";
-import { useUserRole as E } from "./useUserRole.js";
-const _ = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, L = /&quot;\/\//gi, w = "s3-eu-west-1.amazonaws.com", d = [
-  "insider-email",
-  "web-image.useinsider.com",
-  "image.useinsider.com",
-  "panel-assets.useinsider.com",
-  "stripo-editor-image"
-], N = ({ hostname: r, pathname: l }) => {
-  const n = r.toLowerCase();
-  if (n === w) {
-    const i = l.split("/")[1].toLowerCase();
-    return d.includes(i);
-  }
-  return d.some((i) => n === `${i}.${w}`);
-}, m = {
+import { base64EncodeWithSpecialChars as p } from "../utils/base64.js";
+import { useTranslations as h } from "./useTranslations.js";
+import { useUserRole as D } from "./useUserRole.js";
+const f = /(?:https?:\/\/|www\.)[^\s"'<>()]+/gi, E = /&quot;\/\//gi, i = {
   MANAGE: "journey-builder.domain-allowlist-warning",
   NON_MANAGE: "settings.allow-list-warning-not-admin-architect",
   ADD_BUTTON: "settings.allow-list-warning-add-button"
-}, g = /* @__PURE__ */ new Set(), O = (r) => `/settings?openAddModal=true&type=domain&values=${f(r)}#security`, C = () => {
-  const { checkDomain: r } = A(), { getIsManageUser: l } = E(), n = D(), i = (t, e) => {
-    const a = `${t || ""} ${e || ""}`.replace(L, "https://").match(_) || [], s = /* @__PURE__ */ new Set();
-    return a.forEach((c) => {
-      const h = /^https?:\/\//i.test(c) ? c : `https://${c}`;
+}, w = /* @__PURE__ */ new Set(), O = (n) => `/settings?openAddModal=true&type=domain&values=${p(n)}#security`, M = () => {
+  const { checkDomain: n } = A(), { getIsManageUser: l } = D(), a = h(), d = (t, s) => {
+    const c = `${t || ""} ${s || ""}`.replace(E, "https://").match(f) || [], e = /* @__PURE__ */ new Set();
+    return c.forEach((r) => {
+      const g = /^https?:\/\//i.test(r) ? r : `https://${r}`;
       try {
-        const u = new URL(h);
-        if (N(u))
-          return;
-        u.hostname && s.add(u.hostname.replace(/^www\./i, "").toLowerCase());
+        const { hostname: u } = new URL(g);
+        u && e.add(u.replace(/^www\./i, "").toLowerCase());
       } catch {
       }
-    }), [...s];
-  }, p = async (t) => {
-    if (g.has(t))
+    }), [...e];
+  }, m = async (t) => {
+    if (w.has(t))
       return !0;
     try {
-      const e = await r(t);
-      return e && g.add(t), e;
-    } catch (e) {
-      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, e), !0;
+      const s = await n(t);
+      return s && w.add(t), s;
+    } catch (s) {
+      return console.error("[GUIDO_ALLOWLIST] isDomainAllowlisted failed", t, s), !0;
     }
   };
-  return { getBlockedDomains: async (t, e) => {
+  return { getBlockedDomains: async (t, s) => {
     try {
-      const o = i(t, e);
+      const o = d(t, s);
       return o.length ? (await Promise.all(
-        o.map(async (s) => ({ domain: s, allowlisted: await p(s) }))
-      )).filter((s) => !s.allowlisted).map((s) => s.domain) : [];
+        o.map(async (e) => ({ domain: e, allowlisted: await m(e) }))
+      )).filter((e) => !e.allowlisted).map((e) => e.domain) : [];
     } catch (o) {
       return console.error("[GUIDO_ALLOWLIST] getBlockedDomains failed", o), [];
     }
-  }, resolveToast: async (t) => {
-    const e = await l(), o = t.length ? ` (${t.join(", ")})` : "", a = (s) => `${s}${o}`;
-    return e ? {
-      message: a(n(m.MANAGE)),
-      actionButton: {
-        text: n(m.ADD_BUTTON),
-        onClick: () => window.open(O(t.join(",")), "_blank")
-      }
-    } : { message: a(n(m.NON_MANAGE)) };
-  } };
+  }, resolveToast: async (t) => await l() ? {
+    message: a(i.MANAGE),
+    actionButton: {
+      text: a(i.ADD_BUTTON),
+      onClick: () => window.open(O(t.join(",")), "_blank")
+    }
+  } : { message: a(i.NON_MANAGE) } };
 };
 export {
   O as buildAllowlistSettingsUrl,
-  C as useAllowlist
+  M as useAllowlist
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,13 +1,13 @@
-import { defaultHtmlCompilerRules as g } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as R } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as b } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as C } from "../config/compiler/outlookCompilerRules.js";
+import { defaultHtmlCompilerRules as R } from "../config/compiler/htmlCompilerRules.js";
+import { itemsCompilerRules as g } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as C } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as b } from "../config/compiler/outlookCompilerRules.js";
 import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as y } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as H } from "../config/compiler/unsubscribeCompilerRules.js";
+import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as x } from "../config/compiler/unsubscribeCompilerRules.js";
 import { createHtmlCompiler as s } from "../utils/htmlCompiler.js";
-import { useConfig as x } from "./useConfig.js";
-const h = /* @__PURE__ */ new Set([
+import { useConfig as k } from "./useConfig.js";
+const y = /* @__PURE__ */ new Set([
   // URL/tag encoding fixes — keep merge-tag and placeholder integrity intact.
   "fix-url-encoding-start",
   "fix-url-encoding-end",
@@ -18,9 +18,6 @@ const h = /* @__PURE__ */ new Set([
   // Image domain corrections — plain string replacement.
   "replace-old-image-domain",
   "replace-old-v2-image-domain",
-  "replace-s3-path-style-web-image-domain",
-  "replace-s3-path-style-image-domain",
-  "replace-s3-path-style-panel-assets-domain",
   // Unsubscribe domain — the actual fix: injects the real unsubscribe href in
   // place of the `{{ins-*-unsubscribe-link}}` placeholders, plus related
   // unsubscribe-only cleanups. All pure regex/text, no AMP-forbidden output.
@@ -35,21 +32,21 @@ const h = /* @__PURE__ */ new Set([
   "remove-contenteditable"
 ]), M = () => {
   var i, m, r;
-  const { compiler: o, isFeatureEnabled: a, partner: n } = x(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
-    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : g,
+  const { compiler: o, isFeatureEnabled: n, partner: a } = k(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
+    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : R,
     ...v,
+    ...x,
+    ...g,
+    ...b,
     ...H,
-    ...R,
-    ...C,
-    ...y,
-    ...a("liquidSyntax") ? b : [],
+    ...n("liquidSyntax") ? C : [],
     ...p.map((e, f) => ({
       ...e,
       priority: e.priority + 1e3 + f
       // Ensure additional rules run after default rules
     }))
-  ], c = s(l), u = l.filter((e) => h.has(e.id)), d = s(u), t = (r = n.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (e) => c.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
+  ], u = s(l), c = l.filter((e) => y.has(e.id)), d = s(c), t = (r = a.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (e) => u.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
 };
 export {
   M as useHtmlCompiler

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/compiler/htmlCompilerRules.js

@@ -122,10 +122,10 @@ const d = [
       ], i = /<head>([\S\s]*)<\/head>/, o = new RegExp(i);
       if (!e.match(o))
         return e;
-      let s = e;
-      return t.forEach((r) => {
-        s = s.replace("</head>", `${r}</head>`);
-      }), s;
+      let r = e;
+      return t.forEach((s) => {
+        r = r.replace("</head>", `${s}</head>`);
+      }), r;
     },
     priority: 30
   },
@@ -147,33 +147,6 @@ const d = [
     replaceAll: !0,
     priority: 41
   },
-  {
-    id: "replace-s3-path-style-web-image-domain",
-    description: "Rewriting path-style S3 asset URLs to the web-image.useinsider.com domain",
-    type: "replace",
-    search: "s3-eu-west-1.amazonaws.com/web-image.useinsider.com",
-    replacement: "web-image.useinsider.com",
-    replaceAll: !0,
-    priority: 42
-  },
-  {
-    id: "replace-s3-path-style-image-domain",
-    description: "Rewriting path-style S3 asset URLs to the image.useinsider.com domain",
-    type: "replace",
-    search: "s3-eu-west-1.amazonaws.com/image.useinsider.com",
-    replacement: "image.useinsider.com",
-    replaceAll: !0,
-    priority: 43
-  },
-  {
-    id: "replace-s3-path-style-panel-assets-domain",
-    description: "Rewriting path-style S3 asset URLs to the panel-assets.useinsider.com domain",
-    type: "replace",
-    search: "s3-eu-west-1.amazonaws.com/panel-assets.useinsider.com",
-    replacement: "panel-assets.useinsider.com",
-    replaceAll: !0,
-    priority: 46
-  },
   {
     id: "convert-rgb-to-hex",
     // SD-142395: rgb()/6-digit hex are verbose; hex/3-digit shorthand is byte-identical
@@ -183,9 +156,9 @@ const d = [
     type: "custom",
     processor: (e) => {
       const t = (i) => i.toString(16).padStart(2, "0");
-      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, a, s) => {
-        const [r, n, c] = [Number(o), Number(a), Number(s)];
-        return r > 255 || n > 255 || c > 255 ? i : `#${t(r)}${t(n)}${t(c)}`;
+      return e.replace(/rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)/gi, (i, o, n, r) => {
+        const [s, a, c] = [Number(o), Number(n), Number(r)];
+        return s > 255 || a > 255 || c > 255 ? i : `#${t(s)}${t(a)}${t(c)}`;
       }).replace(/#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3\b/gi, "#$1$2$3");
     },
     priority: 44

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