@useinsider/guido 3.15.0 → 3.16.0-beta.089654a

package/dist/composables/useActionsApi.js

@@ -1,7 +1,7 @@
-import { filterAmpErrors as w } from "../utils/ampErrorFilter.js";
+import { filterAmpErrors as T } from "../utils/ampErrorFilter.js";
 import { useToaster as A } from "./useToaster.js";
-const D = () => {
-  const { handleError: n } = A(), s = (t = {}) => new Promise((e, a) => {
+const p = 1e4, D = () => {
+  const { handleError: r } = A(), l = (t = {}) => new Promise((e, a) => {
     const o = { ...{
       minimize: !0,
       utmEntity: {
@@ -21,29 +21,29 @@ const D = () => {
       forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...t }, l = {
-      callback: (r, p, d, c, u) => {
-        r ? a(r) : e({
-          html: p,
-          ampHtml: d,
-          ampErrors: w(c ?? []),
-          displayConditions: u
+    }, ...t }, n = {
+      callback: (m, d, c, u, w) => {
+        m ? a(m) : e({
+          html: d,
+          ampHtml: c,
+          ampErrors: T(u ?? []),
+          displayConditions: w
         });
       },
       ...o
     };
-    window.StripoEditorApi.actionsApi.compileEmail(l);
+    window.StripoEditorApi.actionsApi.compileEmail(n);
   });
   return {
-    getCompiledEmail: s,
+    getCompiledEmail: l,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: i, width: o, height: m, utmParams: l, syncModulesIds: r }) => t({
+      const e = ({ html: a, css: i, width: o, height: s, utmParams: n, syncModulesIds: m }) => t({
         html: a,
         css: i,
         width: o,
-        height: m,
-        utmParams: l,
-        syncModulesIds: r
+        height: s,
+        utmParams: n,
+        syncModulesIds: m
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
@@ -57,7 +57,7 @@ const D = () => {
           displayConditions: a,
           ampHtml: i = "",
           ampErrors: o = []
-        } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
+        } = await l({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
           ampHtml: i,
@@ -65,7 +65,7 @@ const D = () => {
           displayConditions: a
         };
       } catch (e) {
-        return n(e, "Error loading preview"), {
+        return r(e, "Error loading preview"), {
           html: "",
           ampHtml: "",
           ampErrors: [],
@@ -81,19 +81,27 @@ const D = () => {
       }
       try {
         window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
-          i ? (n(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
+          i ? (r(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
       } catch (i) {
-        n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
+        r(i, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e);
+      const { actionsApi: a } = window.StripoEditorApi;
+      return new Promise((i, o) => {
+        const s = new Error(
+          `updateHtmlAndCss did not report completion within ${p}ms`
+        ), n = setTimeout(() => o(s), p);
+        a.updateHtmlAndCss(t, e, () => {
+          clearTimeout(n), i();
+        });
+      });
     },
     editorSave: () => new Promise((t) => {
       window.StripoEditorApi.actionsApi.save((e) => {
         if (e) {
-          n(e, "Failed to save template"), t(!1);
+          r(e, "Failed to save template"), t(!1);
           return;
         }
         t(!0);

package/dist/composables/useEmailTemplateApplier.js

@@ -1,55 +1,57 @@
-import { useActionsApi as d } from "./useActionsApi.js";
-import { useConfig as D } from "./useConfig.js";
-import { useToaster as h } from "./useToaster.js";
+import { useActionsApi as C } from "./useActionsApi.js";
+import { useConfig as h } from "./useConfig.js";
+import { useToaster as D } from "./useToaster.js";
 import { useTranslations as E } from "./useTranslations.js";
 import { ToasterTypeOptions as f } from "../enums/toaster.js";
 import { useDynamicContentStore as A } from "../stores/dynamic-content.js";
-import { flattenDynamicContentList as S } from "../utils/genericUtil.js";
-import { extractUsedDynamicContent as O } from "../utils/registerUsedDynamicContent.js";
-import { ref as U } from "vue";
-const w = 250, o = U({}), s = {}, u = /* @__PURE__ */ new Map(), z = () => {
-  const { updateHtmlAndCss: c } = d(), { showToaster: m } = h(), y = E(), { template: T } = D(), v = A(), g = (e, t) => {
+import { flattenDynamicContentList as w } from "../utils/genericUtil.js";
+import { extractUsedDynamicContent as S } from "../utils/registerUsedDynamicContent.js";
+import { ref as O } from "vue";
+const U = 250, o = O({}), s = {}, u = /* @__PURE__ */ new Map(), z = () => {
+  const { updateHtmlAndCss: r } = C(), { showToaster: m } = D(), y = E(), { template: T } = h(), d = A(), g = (e, t) => {
     const a = y(e);
     return a === e ? t : a;
-  }, C = (e) => {
+  }, v = (e) => {
     o.value[e] === void 0 && (o.value = { ...o.value, [e]: "pending" });
   }, l = (e, t, a) => {
-    var n;
+    var c;
     o.value = { ...o.value, [e]: "applying" };
     try {
-      c(t, a), o.value = { ...o.value, [e]: "applied" };
+      r(t, a).catch((n) => {
+        console.warn("Editor did not acknowledge the template apply.", n);
+      }), o.value = { ...o.value, [e]: "applied" };
       try {
-        const r = S((n = T.value) == null ? void 0 : n.dynamicContentList), p = O(t, r);
-        p.length > 0 && v.registerDynamicContent(p);
+        const n = w((c = T.value) == null ? void 0 : c.dynamicContentList), i = S(t, n);
+        i.length > 0 && d.registerDynamicContent(i);
       } catch {
       }
       u.get(e) !== t && (u.set(e, t), m({
         type: f.Success,
         message: g("newsletter.ai-template-applied", "Template applied to the editor")
       }));
-    } catch (r) {
+    } catch (n) {
       o.value = { ...o.value, [e]: "failed" }, m({
         type: f.Error,
-        message: r instanceof Error ? r.message : "Failed to apply template"
+        message: n instanceof Error ? n.message : "Failed to apply template"
       });
     }
-  }, i = (e) => {
+  }, p = (e) => {
     const t = s[e];
     t && (clearTimeout(t), delete s[e]);
   };
-  return { applyStatus: o, markPending: C, applyTemplate: (e, t) => {
-    t.html && (i(e), l(e, t.html, t.css ?? ""));
+  return { applyStatus: o, markPending: v, applyTemplate: (e, t) => {
+    t.html && (p(e), l(e, t.html, t.css ?? ""));
   }, applyTemplateDebounced: (e, t) => {
     if (!t.html)
       return;
-    i(e);
-    const { html: a } = t, n = t.css ?? "";
+    p(e);
+    const { html: a } = t, c = t.css ?? "";
     s[e] = setTimeout(() => {
-      delete s[e], l(e, a, n);
-    }, w);
+      delete s[e], l(e, a, c);
+    }, U);
   } };
 }, G = () => {
-  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((c) => delete s[c]), o.value = {};
+  Object.values(s).forEach(clearTimeout), Object.keys(s).forEach((r) => delete s[r]), o.value = {};
 };
 export {
   G as resetEmailTemplateApplier,

package/dist/composables/useHtmlValidator.js

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

package/dist/composables/useRecommendation.js

@@ -3,20 +3,21 @@ import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommenda
 import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { useConfigStore as x } from "../stores/config.js";
-const k = () => ({
+import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
+import { useConfigStore as P } from "../stores/config.js";
+const B = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: a,
     mobileRightPadding: s,
     cardsInRow: c,
-    unresponsive: o
+    unresponsive: n
   }) => {
-    const r = o ? c : 1, e = a + s + (r - 1) * b;
+    const r = n ? c : 1, e = a + s + (r - 1) * b;
     return (C - e) / r;
   },
   getRecommendationCampaignData: (a) => {
-    const s = l(), c = Number(a), o = s.blockStates[c];
-    if (!o)
+    const s = l(), c = Number(a), n = s.blockStates[c];
+    if (!n)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -29,7 +30,7 @@ const k = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -45,7 +46,7 @@ const k = () => ({
   },
   buildCampaignUrl: (a, s) => {
     var m;
-    const c = l(), o = x(), r = Number(a);
+    const c = l(), n = P(), r = Number(a);
     let e;
     if (s)
       e = s;
@@ -53,25 +54,25 @@ const k = () => ({
       const i = c.blockStates[r];
       if (!i)
         return "";
-      const { recommendationConfigs: n } = i;
+      const { recommendationConfigs: o } = i;
       e = {
-        strategy: n.strategy,
-        language: n.language,
-        currencyCode: n.currencySettings.value,
-        size: n.size,
-        productIds: n.productIds,
-        filters: n.filters,
-        shuffleProducts: n.shuffleProducts
+        strategy: o.strategy,
+        language: o.language,
+        currencyCode: o.currencySettings.value,
+        size: o.size,
+        productIds: o.productIds,
+        filters: o.filters,
+        shuffleProducts: o.shuffleProducts
       };
     }
     const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const g = e.filters.filter((i) => i.isValid), d = h(g);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(o.partnerName, e.strategy)).forEach(([i, n]) => t.set(i, n));
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(n.partnerName, e.strategy)).forEach(([i, o]) => t.set(i, o));
     const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
     return c.recommendationCampaignUrls[a] = u, u;
   }
 });
 export {
-  k as useRecommendation
+  B as useRecommendation
 };