@useinsider/guido 3.19.0 → 3.20.0-beta.0849ec7

package/dist/composables/useHtmlValidator.js

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

package/dist/composables/useHttp.js

@@ -1,88 +1,98 @@
-import { getCsrfToken as O } from "../utils/genericUtil.js";
-import { ref as m, computed as T } from "vue";
-const X = (b = {}) => {
-  const p = m(!1), a = m(null), u = m(null), g = T(() => p.value), y = T(() => a.value !== null), v = {
+import { getCsrfToken as D } from "../utils/genericUtil.js";
+import { ref as T, computed as w } from "vue";
+import { isPanelOrigin as j, reportAuthError as X } from "./useAuthError.js";
+const k = [401, 403, 419], _ = (g = {}) => {
+  const f = T(!1), n = T(null), c = T(null), b = w(() => f.value), y = w(() => n.value !== null), E = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": O(),
+      "X-CSRF-TOKEN": D(),
       Accept: "application/json",
+      // Without this a guest fetch gets a 302 to the login page, never an auth status.
       "X-Requested-With": "XMLHttpRequest"
     },
-    ...b
-  }, w = (e, s) => {
+    ...g
+  }, x = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = r || E.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
+  }, R = (e) => new Promise((r, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), x = (e) => new Promise((s) => {
-    setTimeout(s, e);
-  }), i = async (e, s, t, L = {}) => {
-    a.value = null, p.value = !0, u.value = new AbortController();
-    const n = { ...v, ...L }, D = w(s, n.baseURL), c = {
+  }), P = (e) => new Promise((r) => {
+    setTimeout(r, e);
+  }), i = async (e, r, t, W = {}) => {
+    n.value = null, f.value = !0, c.value = new AbortController();
+    const a = { ...E, ...W }, p = x(r, a.baseURL), d = {
       method: e,
-      headers: { ...n.headers },
-      signal: u.value.signal,
-      ...n
+      headers: { ...a.headers },
+      signal: c.value.signal,
+      ...a
     };
-    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (h = 0) => {
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete d.headers["Content-Type"], d.body = t) : d.body = JSON.stringify(t));
+    const v = async (m = 0) => {
+      if (window.isSessionExpired) {
+        n.value = { message: "Session expired", authReported: !0 };
+        const o = new Error("Session expired");
+        throw o.authReported = !0, o;
+      }
       try {
-        const o = [fetch(D, c)];
-        n.timeout && o.push(P(n.timeout));
-        const r = await Promise.race(o);
-        if (!r.ok) {
-          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+        const o = [fetch(p, d)];
+        a.timeout && o.push(R(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, l = new Error(H);
+          throw l.status = s.status, l.statusText = s.statusText, l.response = s, l.authReported = k.includes(s.status) && j(p), l.authReported && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((O) => X(
+            s.status,
+            O,
+            new URL(p, window.location.href).href
+          )).catch(() => {
+          }), l;
         }
-        let f;
-        const l = r.headers.get("content-type");
-        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
-          data: f,
-          status: r.status,
-          statusText: r.statusText,
-          headers: r.headers
+        let h;
+        const u = s.headers.get("content-type");
+        return u != null && u.includes("application/json") ? h = await s.json() : u != null && u.includes("text/") ? h = await s.text() : h = await s.blob(), {
+          data: h,
+          status: s.status,
+          statusText: s.statusText,
+          headers: s.headers
         };
       } catch (o) {
-        const r = o instanceof Error && o.name === "AbortError";
-        if (h < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(h + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+        const s = o instanceof Error && o.name === "AbortError";
+        if (m < (a.retry || 0) && !s)
+          return await P(a.retryDelay || 1e3), v(m + 1);
+        throw o instanceof Error ? o.name === "AbortError" ? n.value = { message: "Request was cancelled" } : n.value = { message: o.message } : n.value = o, o;
       }
     };
     try {
-      return await E();
+      return await v();
     } finally {
-      p.value = !1, u.value = null;
+      f.value = !1, c.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), R = (e, s, t) => i("POST", e, s, t), $ = (e, s, t) => i("PUT", e, s, t), q = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), U = (e) => {
-    u.value && u.value.abort(e);
-  }, W = () => {
-    a.value = null;
+  }, A = (e, r) => i("GET", e, void 0, r), S = (e, r, t) => i("POST", e, r, t), U = (e, r, t) => i("PUT", e, r, t), C = (e, r, t) => i("PATCH", e, r, t), $ = (e, r) => i("DELETE", e, void 0, r), q = (e) => {
+    c.value && c.value.abort(e);
+  }, L = () => {
+    n.value = null;
   };
   return {
-    // State
-    loading: g,
-    error: T(() => a.value),
+    loading: b,
+    error: w(() => n.value),
     hasError: y,
-    // Methods
     request: i,
-    get: C,
-    post: R,
-    put: $,
-    patch: q,
-    delete: A,
-    cancel: U,
-    clearError: W
+    get: A,
+    post: S,
+    put: U,
+    patch: C,
+    delete: $,
+    cancel: q,
+    clearError: L
   };
 };
 export {
-  X as useHttp
+  _ as useHttp
 };

package/dist/composables/useLegacyStrategyConversion.js

@@ -0,0 +1,65 @@
+import { useRecommendation as C } from "./useRecommendation.js";
+import { useToaster as I } from "./useToaster.js";
+import { useTranslations as v } from "./useTranslations.js";
+import { ToasterTypeOptions as g } from "../enums/toaster.js";
+import "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { CURRENT_CONFIG_VERSION as L } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { resolveMigrationTarget as k, buildLegacyMigrationPayload as R } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
+import { commitBlockChangeOutsidePanel as T } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { useConfigStore as h } from "../stores/config.js";
+const F = () => {
+  const e = b(), r = h(), { buildCampaignUrl: m } = C(), { showToaster: c } = I(), a = v();
+  return { convertLegacyStrategy: async () => {
+    const t = e.currentRecommendationId;
+    if (t === null || !e.isLegacyStrategyBlock || e.legacyConversionLoading)
+      return "";
+    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = k({
+      campaignId: r.campaignId,
+      templateLibraryId: r.templateLibraryId
+    }), S = R({
+      blockId: t,
+      url: m(String(t)),
+      campaignId: r.campaignId,
+      variationId: r.variationId,
+      strategy: d,
+      productIds: y,
+      target: s
+    });
+    let o;
+    try {
+      o = await e.convertLegacyStrategy(S, s);
+    } catch (i) {
+      return console.error("[useLegacyStrategyConversion] migration failed", i), c({
+        type: g.Error,
+        message: a("email-editor.legacy-strategy-migration-failed"),
+        actionButton: {
+          text: a("ds-steps.create-recommendation-strategy"),
+          onClick: () => e.openStrategyCreation()
+        }
+      }), "";
+    }
+    try {
+      await e.fetchStrategyProductsForBlock(t);
+    } catch (i) {
+      console.error("[useLegacyStrategyConversion] product refetch failed", i);
+    }
+    const n = e.blockStates[t];
+    return n ? T(
+      t,
+      {
+        strategyId: o,
+        size: n.recommendationConfigs.size,
+        configVersion: L
+      },
+      n.recommendationProducts,
+      "Converted legacy recommendation strategy"
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
+      type: g.Error,
+      message: a("email-editor.legacy-strategy-update-failed")
+    }), "") : o;
+  } };
+};
+export {
+  F as useLegacyStrategyConversion
+};

package/dist/composables/useRecommendation.js

@@ -1,23 +1,23 @@
 import { getRecommendationFeedSourceMaps as y, URLS as I } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as g } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
 import { useConfigStore as P } from "../stores/config.js";
 const B = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: i,
+    mobileLeftPadding: s,
     mobileRightPadding: c,
-    cardsInRow: s,
-    unresponsive: n
+    cardsInRow: o,
+    unresponsive: a
   }) => {
-    const o = n ? s : 1, e = i + c + (o - 1) * R;
-    return (C - e) / o;
+    const i = a ? o : 1, e = s + c + (i - 1) * R;
+    return (C - e) / i;
   },
-  getRecommendationCampaignData: (i) => {
-    const c = l(), s = Number(i), n = c.blockStates[s];
-    if (!n)
+  getRecommendationCampaignData: (s) => {
+    const c = g(), o = Number(s), a = c.blockStates[o];
+    if (!a)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -30,54 +30,59 @@ const B = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: o } = n, e = o.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: i } = a, e = i.orientation === "grid" ? "vertical" : "horizontal";
     return {
-      textTrimming: o.textTrimming,
+      textTrimming: i.textTrimming,
       orientation: e,
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
-      cardsInRow: o.cardsInRow,
-      unresponsive: o.unresponsive,
+      cardsInRow: i.cardsInRow,
+      unresponsive: i.unresponsive,
       priceBeforeTextValue: "",
       priceAfterTextValue: "",
       discountBeforeTextValue: "",
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (i, c) => {
-    var m;
-    const s = l(), n = P(), o = Number(i);
+  buildCampaignUrl: (s, c) => {
+    var l;
+    const o = g(), a = P(), i = Number(s);
     let e;
     if (c)
       e = c;
     else {
-      const a = s.blockStates[o];
-      if (!a)
+      const r = o.blockStates[i];
+      if (!r)
         return "";
-      const { recommendationConfigs: r } = a;
+      const { recommendationConfigs: n } = r;
       e = {
-        strategy: r.strategy,
-        strategyId: r.strategyId,
-        language: r.language,
-        currencyCode: r.currencySettings.value,
-        size: r.size,
-        productIds: r.productIds,
-        filters: r.filters,
-        shuffleProducts: r.shuffleProducts
+        strategy: n.strategy,
+        strategyId: n.strategyId,
+        language: n.language,
+        currencyCode: n.currencySettings.value,
+        size: n.size,
+        productIds: n.productIds,
+        filters: n.filters,
+        shuffleProducts: n.shuffleProducts
       };
     }
-    if (e.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy"))
-      return s.recommendationCampaignUrls[i] = {
+    if (e.strategyId && a.isFeatureEnabled("reusableRecommendationStrategy"))
+      return o.recommendationCampaignUrls[s] = {
         strategyId: e.strategyId,
         locale: e.language,
         currency: e.currencyCode
       }, "";
-    const g = ((m = y().find((a) => a.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    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 f = e.filters.filter((a) => a.isValid), d = b(f);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
-    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${g}?${p}`;
-    return s.recommendationCampaignUrls[i] = u, u;
+    const d = ((l = y().find((r) => r.key === e.strategy)) == null ? void 0 : l.path) || "";
+    if (!d) {
+      const r = { ...o.recommendationCampaignUrls };
+      return delete r[s], o.recommendationCampaignUrls = r, "";
+    }
+    const t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.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 f = e.filters.filter((r) => r.isValid), m = b(f);
+    m && t.set("filter", m), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(a.partnerName, e.strategy)).forEach(([r, n]) => t.set(r, n));
+    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${d}?${p}`;
+    return o.recommendationCampaignUrls[s] = u, u;
   }
 });
 export {