@useinsider/guido 3.12.0-beta.00cbb4c → 3.12.0-beta.19da4fb

package/dist/components/organisms/extensions/recommendation/strategy-detail/InfoDisplayValue.vue.js

@@ -0,0 +1,22 @@
+import a from "./InfoDisplayValue.vue2.js";
+/* empty css                      */
+import e from "../../../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
+  var s = this, t = s._self._c, i = s._self._setupProxy;
+  return t("div", { staticClass: "d-f a-i-b l-h-2 mt-2" }, [t("div", { staticClass: "t-c-3 w-s-n-w" }, [s._v(" " + s._s(i.trans(s.title)) + " ")]), t("div", { staticClass: "spaced-dot-sep f-g-1 h-1-s mx-2 w-7-s" }), t("div", { staticClass: "d-f a-i-c" }, [t("div", [s._v(s._s(i.displayValues))]), i.showMore ? t("div", { staticClass: "d-f a-i-c" }, [t("div", { staticClass: "mx-1" }, [s._v(" ... ")]), t(i.InTooltipV2, { attrs: { id: `strategy-detail-show-more-${s.index}`, "static-position": "top right", "dynamic-position": !1, text: i.hiddenDisplayValues, "with-icon": !1 }, scopedSlots: s._u([{ key: "triggerElement", fn: function() {
+    return [t("span", { staticClass: "f-w-600" }, [s._v("+" + s._s(i.hiddenValues.length))])];
+  }, proxy: !0 }], null, !1, 3725664940) })], 1) : s._e(), s.icon ? t("div", { staticClass: "ml-2" }, [t(i.InTooltipV2, { staticClass: "d-f a-i-c", attrs: { id: `strategy-detail-icon-action-${s.index}`, "static-position": "top right", "dynamic-position": !1, "icon-status": !1, status: !s.disabled, text: i.trans(i.iconTooltipText) }, scopedSlots: s._u([{ key: "triggerElement", fn: function() {
+    return [t(i.InIcons, { staticClass: "d-f a-i-c", class: { "i-c-7": !s.disabled, "i-c-2": s.disabled }, attrs: { size: "24", name: s.icon }, on: { click: i.clickOnIcon } })];
+  }, proxy: !0 }], null, !1, 4084358903) })], 1) : s._e()])]);
+}, o = [], l = /* @__PURE__ */ e(
+  a,
+  n,
+  o,
+  !1,
+  null,
+  "6e572ff5"
+);
+const p = l.exports;
+export {
+  p as default
+};

package/dist/components/organisms/extensions/recommendation/strategy-detail/InfoDisplayValue.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as _, computed as o, ref as v } from "vue";
+import { useTranslations as I } from "../../../../../composables/useTranslations.js";
+import { InTooltipV2 as V, InIcons as k } from "@useinsider/design-system-vue";
+const h = /* @__PURE__ */ _({
+  __name: "InfoDisplayValue",
+  props: {
+    index: null,
+    title: null,
+    value: null,
+    translateValue: { type: Boolean, default: !1 },
+    icon: { default: "" },
+    iconTooltip: { default: "" },
+    iconTooltipAfterClicked: { default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["iconClick"],
+  setup(d, { emit: c }) {
+    const e = d, l = 3, u = 2e3, r = I(), t = o(() => String(e.value ?? "").split(",").map((n) => n.trim())), i = (n) => e.translateValue ? r(n) : n, f = o(() => t.value.length > l), m = o(() => t.value.slice(0, l).map(i).join(", ")), p = o(() => t.value.slice(l).map(i)), T = o(() => p.value.join(", ")), a = v(e.iconTooltip);
+    let s;
+    return { __sfc: !0, MAX_INLINE_VALUES: l, TOOLTIP_REVERT_DELAY_MS: u, trans: r, props: e, emit: c, values: t, render: i, showMore: f, displayValues: m, hiddenValues: p, hiddenDisplayValues: T, iconTooltipText: a, revertTimer: s, clickOnIcon: () => {
+      e.iconTooltipAfterClicked && (a.value = e.iconTooltipAfterClicked, clearTimeout(s), s = setTimeout(() => {
+        a.value = e.iconTooltip;
+      }, u)), c("iconClick");
+    }, InIcons: k, InTooltipV2: V };
+  }
+});
+export {
+  h as default
+};

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

@@ -10,9 +10,9 @@ var n = function() {
   r,
   !1,
   null,
-  "10599c37"
+  "195ab6d4"
 );
-const d = a.exports;
+const c = a.exports;
 export {
-  d as default
+  c as default
 };

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

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

package/dist/composables/usePreviewInteractionGuard.js

@@ -1,17 +1,42 @@
-const o = ["click", "auxclick", "submit"], c = (t) => {
-  t.preventDefault(), t.stopPropagation();
-}, a = () => ({ blockPreviewInteractions: (r) => {
+import { URLS as o, MERGE_TAGS as a } from "../enums/unsubscribe.js";
+import { UNSUBSCRIBE_LINK_SELECTOR as i } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { BASE_SAFE_URL_SCHEMES as u } from "../utils/urlSchemes.js";
+const E = ["click", "auxclick"], d = [
+  ...Object.values(a),
+  o.UNSUBSCRIBE_URL,
+  o.PREFERENCES_URL
+], l = (e) => {
+  if (e.matches(i))
+    return !0;
+  const r = e.getAttribute("href") ?? "";
+  return d.some((t) => r.includes(t));
+}, S = [...u, "tel:", "sms:"], f = (e) => {
+  const r = (e.getAttribute("href") ?? "").trim();
+  return r === "" || r.startsWith("#") || r.startsWith("{{") ? !1 : S.includes(e.protocol);
+}, m = (e) => {
+  var t, n;
+  const r = (n = (t = e.target) == null ? void 0 : t.closest) == null ? void 0 : n.call(t, "a");
+  if (r) {
+    if (l(r) || !f(r)) {
+      e.preventDefault(), e.stopPropagation();
+      return;
+    }
+    r.setAttribute("target", "_blank"), r.setAttribute("rel", "noopener noreferrer");
+  }
+}, R = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, s = /* @__PURE__ */ new WeakSet(), c = "guidoPreviewGuarded", g = () => ({ guardPreviewInteractions: (r) => {
   try {
-    const e = r.contentDocument;
-    if (!e)
+    const t = r.contentDocument;
+    if (!t || s.has(t))
       return;
-    o.forEach((n) => {
-      e.addEventListener(n, c, !0);
-    });
-  } catch (e) {
-    console.warn("[usePreviewInteractionGuard] Could not guard preview iframe:", e);
+    delete t.documentElement.dataset[c], E.forEach((n) => {
+      t.addEventListener(n, m, !0);
+    }), t.addEventListener("submit", R, !0), s.add(t), t.documentElement.dataset[c] = "true";
+  } catch (t) {
+    console.warn("[usePreviewInteractionGuard] Could not guard preview iframe:", t);
   }
 } });
 export {
-  a as usePreviewInteractionGuard
+  g as usePreviewInteractionGuard
 };

package/dist/composables/useRecommendation.js

@@ -1,22 +1,21 @@
-import { getRecommendationFeedSourceMaps as I, URLS as R } from "../enums/extensions/recommendationBlock.js";
-import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommendation.js";
-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 = () => ({
-  calculateCardWidth: ({
+import { getRecommendationFeedSourceMaps as E, URLS as S } from "../enums/extensions/recommendationBlock.js";
+import { MinDeviceViewport as A, DefaultPadding as U } from "../enums/recommendation.js";
+import { useRecommendationExtensionStore as g } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { generateCompleteFilterQuery as _ } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
+import { getPartnerRecommendationParams as b } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
+import { useConfigStore as D } from "../stores/config.js";
+const M = () => {
+  const f = ({
     mobileLeftPadding: a,
-    mobileRightPadding: s,
-    cardsInRow: c,
-    unresponsive: o
+    mobileRightPadding: c,
+    cardsInRow: s,
+    unresponsive: r
   }) => {
-    const r = o ? 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 n = r ? s : 1, e = a + c + (n - 1) * U;
+    return (A - e) / n;
+  }, I = (a) => {
+    const c = g(), s = Number(a), r = c.blockStates[s];
+    if (!r)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -29,49 +28,81 @@ const k = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: n } = r, e = n.orientation === "grid" ? "vertical" : "horizontal";
     return {
-      textTrimming: r.textTrimming,
+      textTrimming: n.textTrimming,
       orientation: e,
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
-      cardsInRow: r.cardsInRow,
-      unresponsive: r.unresponsive,
+      cardsInRow: n.cardsInRow,
+      unresponsive: n.unresponsive,
       priceBeforeTextValue: "",
       priceAfterTextValue: "",
       discountBeforeTextValue: "",
       discountAfterTextValue: ""
     };
-  },
-  buildCampaignUrl: (a, s) => {
-    var m;
-    const c = l(), o = x(), r = Number(a);
-    let e;
-    if (s)
-      e = s;
-    else {
-      const i = c.blockStates[r];
-      if (!i)
-        return "";
-      const { recommendationConfigs: n } = i;
-      e = {
-        strategy: n.strategy,
-        language: n.language,
-        currencyCode: n.currencySettings.value,
-        size: n.size,
-        productIds: n.productIds,
-        filters: n.filters,
-        shuffleProducts: n.shuffleProducts
-      };
+  }, p = {
+    LOCALE: "{locale}",
+    CURRENCY: "{currency}",
+    CAMPAIGN_ID: "{campaignId}",
+    STRATEGY_ID: "{strategyId}",
+    CLIENT_ID: "{clientId}",
+    USER_ID: "{userId}",
+    ITEM_ID: "{itemId}"
+  }, y = (a, c) => Object.entries(p).reduce(
+    (s, [r, n]) => s.replaceAll(
+      n,
+      c[r]
+    ),
+    a
+  );
+  return {
+    calculateCardWidth: f,
+    getRecommendationCampaignData: I,
+    buildCampaignUrl: (a, c) => {
+      var m;
+      const s = g(), r = D(), n = Number(a);
+      let e;
+      if (c)
+        e = c;
+      else {
+        const o = s.blockStates[n];
+        if (!o)
+          return "";
+        const { recommendationConfigs: i } = o;
+        e = {
+          strategy: i.strategy,
+          strategyId: i.strategyId,
+          language: i.language,
+          currencyCode: i.currencySettings.value,
+          size: i.size,
+          productIds: i.productIds,
+          filters: i.filters,
+          shuffleProducts: i.shuffleProducts
+        };
+      }
+      const d = e.strategyId ? s.strategyUrlTemplates[e.strategyId] : "";
+      if (d) {
+        const o = y(d, {
+          LOCALE: e.language,
+          CURRENCY: e.currencyCode,
+          CAMPAIGN_ID: r.variationId,
+          STRATEGY_ID: e.strategyId,
+          CLIENT_ID: "6KcLM9TwheVB1mgK",
+          USER_ID: "{user_id}",
+          ITEM_ID: "{itemId}"
+        });
+        return s.recommendationCampaignUrls[a] = o, o;
+      }
+      const C = ((m = E().find((o) => o.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+      t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", r.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", r.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}");
+      const R = e.filters.filter((o) => o.isValid), l = _(R);
+      l && t.set("filter", l), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(b(r.partnerName, e.strategy)).forEach(([o, i]) => t.set(o, i));
+      const T = decodeURIComponent(t.toString()), u = `${S.RECOMMENDATION_API_URL}/v2/${C}?${T}`;
+      return s.recommendationCampaignUrls[a] = u, u;
     }
-    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}");
-    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));
-    const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
-    return c.recommendationCampaignUrls[a] = u, u;
-  }
-});
+  };
+};
 export {
-  k as useRecommendation
+  M as useRecommendation
 };

package/dist/composables/useRecommendationPreview.js

@@ -1,111 +1,112 @@
-import { BLOCK_ROOT_SELECTOR as S, CURRENCY_ATTR as p, CONTAINER_SELECTOR as O } from "../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useRecommendationExtensionStore as h } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { formatPrice as E } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
-const f = `${S}[recommendation-id]`, C = ".product-old-price", R = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, T = new RegExp(
+import { BLOCK_ROOT_SELECTOR as f, CURRENCY_ATTR as A, CONTAINER_SELECTOR as O } from "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { formatPrice as _ } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
+import { BASE_SAFE_URL_SCHEMES as R } from "../utils/urlSchemes.js";
+const S = `${f}[recommendation-id]`, h = ".product-old-price", T = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, b = new RegExp(
   "\\{%\\s*if\\s+([\\s\\S]+?)\\s*%\\}([\\s\\S]*?)(?:\\{%\\s*else\\s*%\\}([\\s\\S]*?))?\\{%\\s*endif\\s*%\\}",
   "g"
 );
-function b(e) {
+function L(e) {
   return e.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 }
-function _(e) {
-  var s;
-  const n = (s = e.replace(/[\u0000-\u0020]+/g, "").toLowerCase().match(/^([a-z][a-z0-9+.-]*):/)) == null ? void 0 : s[1];
-  return n && n !== "http" && n !== "https" && n !== "mailto" ? "" : e;
+function g(e) {
+  var c;
+  const i = (c = e.replace(/[\u0000-\u0020]+/g, "").toLowerCase().match(/^([a-z][a-z0-9+.-]*):/)) == null ? void 0 : c[1];
+  return i && !R.includes(`${i}:`) ? "" : e;
 }
 function N(e) {
-  const t = e.getAttribute(p.CURRENCY) || "USD", n = e.getAttribute(p.DECIMAL_SEPARATOR) || ".", s = e.getAttribute(p.THOUSAND_SEPARATOR) || ",";
+  const t = e.getAttribute(A.CURRENCY) || "USD", i = e.getAttribute(A.DECIMAL_SEPARATOR) || ".", c = e.getAttribute(A.THOUSAND_SEPARATOR) || ",";
   return {
     code: t,
-    symbol: e.getAttribute(p.SYMBOL) || t,
-    alignment: e.getAttribute(p.ALIGNMENT) === "0" ? "before" : "after",
-    decimalCount: parseInt(e.getAttribute(p.DECIMAL_COUNT) || "2") || 2,
-    decimalSeparator: n,
-    thousandSeparator: s
+    symbol: e.getAttribute(A.SYMBOL) || t,
+    alignment: e.getAttribute(A.ALIGNMENT) === "0" ? "before" : "after",
+    decimalCount: parseInt(e.getAttribute(A.DECIMAL_COUNT) || "2") || 2,
+    decimalSeparator: i,
+    thousandSeparator: c
   };
 }
-function g(e, t) {
+function E(e, t) {
   return (e == null ? void 0 : e[t]) ?? Object.values(e ?? {})[0] ?? 0;
 }
-function L(e, t) {
-  const n = g(e.original_price, t), s = g(e.price, t), o = n > 0 ? Math.round((n - s) / n * 100) : 0;
-  return o > 0 ? `${o}%` : "0%";
+function $(e, t) {
+  const i = E(e.original_price, t), c = E(e.price, t), n = i > 0 ? Math.round((i - c) / i * 100) : 0;
+  return n > 0 ? `${n}%` : "0%";
 }
-function P(e, t, n, s, o, a) {
-  s.forEach((i, c) => {
-    const r = (m) => `${n}_${c}_${m}`, u = E({ price: g(i.price, o.code), currency: o }), l = E({ price: g(i.original_price, o.code), currency: o }), d = L(i, o.code);
-    e.set(r("name"), i.name ?? ""), e.set(r("image_url"), _(i.image_url ?? "")), e.set(r("url"), _(i.url ?? "")), e.set(r("item_id"), i.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), d), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), d), a && u === l && t.add(`${n}_${c}`), Object.entries(i.product_attributes ?? {}).forEach(([m, A]) => {
-      e.set(r(`product_attribute.${m}`), String(A)), e.set(r(m), String(A));
+function P(e, t, i, c, n, a) {
+  c.forEach((o, s) => {
+    const r = (m) => `${i}_${s}_${m}`, u = _({ price: E(o.price, n.code), currency: n }), l = _({ price: E(o.original_price, n.code), currency: n }), d = $(o, n.code);
+    e.set(r("name"), o.name ?? ""), e.set(r("image_url"), g(o.image_url ?? "")), e.set(r("url"), g(o.url ?? "")), e.set(r("item_id"), o.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), d), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), d), a && u === l && t.add(`${i}_${s}`), Object.entries(o.product_attributes ?? {}).forEach(([m, p]) => {
+      e.set(r(`product_attribute.${m}`), String(p)), e.set(r(m), String(p));
     });
   });
 }
-function $(e, t) {
-  const n = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
-  if (!n)
+function z(e, t) {
+  const i = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
+  if (!i)
     return !0;
-  const [, s, o, a] = n, i = t.get(s.trim()) ?? "";
-  return o === "!=" ? i !== a : i === a;
+  const [, c, n, a] = i, o = t.get(c.trim()) ?? "";
+  return n === "!=" ? o !== a : o === a;
 }
-function z(e, t) {
+function w(e, t) {
   return e.replace(
-    T,
-    (n, s, o, a) => s.split(/\s+and\s+/).every((c) => $(c.trim(), t)) ? o : a ?? ""
+    b,
+    (i, c, n, a) => c.split(/\s+and\s+/).every((s) => z(s.trim(), t)) ? n : a ?? ""
   );
 }
-function w(e) {
+function D(e) {
   let t = e;
   for (; t.children.length === 1; )
     [t] = t.children;
   return t;
 }
-function D(e, t) {
-  var i;
+function I(e, t) {
+  var o;
   if (!t.size)
     return e;
-  const n = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), s = new DOMParser().parseFromString(n, "text/html");
-  s.querySelectorAll(f).forEach((c) => {
-    const r = Number(c.getAttribute("recommendation-id"));
+  const i = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), c = new DOMParser().parseFromString(i, "text/html");
+  c.querySelectorAll(S).forEach((s) => {
+    const r = Number(s.getAttribute("recommendation-id"));
     if (!Number.isFinite(r))
       return;
-    const u = c.querySelectorAll(O);
-    (u.length ? Array.from(u) : [c]).forEach((d) => {
-      d.querySelectorAll(C).forEach((m, A) => {
-        t.has(`${r}_${A}`) && (w(m).textContent = "");
+    const u = s.querySelectorAll(O);
+    (u.length ? Array.from(u) : [s]).forEach((d) => {
+      d.querySelectorAll(h).forEach((m, p) => {
+        t.has(`${r}_${p}`) && (D(m).textContent = "");
       });
     });
   });
-  const o = (i = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : i[0];
-  return ((o ? `${o}
-` : "") + s.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+  const n = (o = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : o[0];
+  return ((n ? `${n}
+` : "") + c.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
-function I(e) {
+function y(e) {
   if (!e || !e.includes("recommendation-block-v2"))
     return e;
-  const t = h(), n = new DOMParser().parseFromString(e, "text/html"), s = Array.from(n.querySelectorAll(f)), o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
-  if (s.forEach((c) => {
+  const t = C(), i = new DOMParser().parseFromString(e, "text/html"), c = Array.from(i.querySelectorAll(S)), n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+  if (c.forEach((s) => {
     var l;
-    const r = Number(c.getAttribute("recommendation-id"));
+    const r = Number(s.getAttribute("recommendation-id"));
     if (!Number.isFinite(r))
       return;
     const u = ((l = t.blockStates[r]) == null ? void 0 : l.recommendationProducts) ?? [];
     u.length && P(
-      o,
+      n,
       a,
       r,
       u,
-      N(c),
-      c.getAttribute("hide-price") === "true"
+      N(s),
+      s.getAttribute("hide-price") === "true"
     );
-  }), !o.size)
+  }), !n.size)
     return e;
-  let i = D(e, a);
-  return i = i.replace(
-    R,
-    (c, r) => o.has(r) ? b(o.get(r)) : c
-  ), i = z(i, o), i;
+  let o = I(e, a);
+  return o = o.replace(
+    T,
+    (s, r) => n.has(r) ? L(n.get(r)) : s
+  ), o = w(o, n), o;
 }
-const q = () => ({ substituteRecommendationPreview: I });
+const q = () => ({ substituteRecommendationPreview: y });
 export {
-  I as substituteRecommendationPreview,
+  y as substituteRecommendationPreview,
   q as useRecommendationPreview
 };

package/dist/composables/useStrategyFilters.js

@@ -0,0 +1,16 @@
+import { parseJsonField as i } from "../utils/genericUtil.js";
+import { ref as n, computed as e } from "vue";
+const r = 2;
+function m(u) {
+  const l = n(r), t = n(!0), s = e(
+    () => i(u(), {})
+  ), o = e(() => Object.keys(s.value).length), c = e(() => o.value > 0), a = e(() => o.value > r);
+  return { filterQuery: e(() => Object.fromEntries(
+    Object.entries(s.value).slice(0, l.value)
+  )), hasAnyFilter: c, canToggle: a, isCollapsed: t, toggleMore: () => {
+    t.value = !t.value, l.value = t.value ? r : o.value;
+  } };
+}
+export {
+  m as useStrategyFilters
+};

package/dist/config/migrator/recommendationMigrator.js

@@ -1,6 +1,6 @@
 import { BlockId as f } from "../../enums/block.js";
-import { useTemplateStore as b } from "../../stores/template.js";
-import { mapComposition as y } from "./recommendation/compositionMapper.js";
+import { useTemplateStore as y } from "../../stores/template.js";
+import { mapComposition as b } from "./recommendation/compositionMapper.js";
 import { extractCurrencyFromBlock as v, extractTitleText as C, extractCardBgColor as M, isPartnerManagedBlock as S } from "./recommendation/extractors.js";
 import { buildBlockHtml as w } from "./recommendation/htmlBuilder.js";
 import { parseRecommendationId as x, parseLegacyConfig as R } from "./recommendation/parseLegacyConfig.js";
@@ -20,8 +20,11 @@ function B(i, t, a) {
     ), !1;
   const n = a[String(o)] ?? {
     currencySettings: v(t)
-  }, c = T(n, r, o), e = y((d = r.composition) == null ? void 0 : d.variables), l = C(t), g = M(t), p = {
+  }, c = T(n, r, o), e = b((d = r.composition) == null ? void 0 : d.variables), l = C(t), g = M(t), p = {
     ...c,
+    // Legacy blocks predate RRS and carry no strategy reference. Migrated
+    // blocks keep running on their algorithm until a strategy is assigned.
+    strategyId: "",
     composition: e.composition,
     visibility: e.visibility,
     textTrimming: e.anyTextTrimming
@@ -56,7 +59,7 @@ function B(i, t, a) {
 function q(i, t = {}) {
   const a = new DOMParser(), o = a.parseFromString(i, "text/html"), r = Array.from(o.querySelectorAll(h));
   try {
-    b().$patch((e) => {
+    y().$patch((e) => {
       e.migrations = {
         ...e.migrations,
         [f.Recommendation]: r.length

package/dist/enums/date.js

@@ -1,5 +1,6 @@
-const t = "tr-TR", L = "default";
+const t = "tr-TR", T = "default", L = "UTC";
 export {
-  L as DEFAULT,
-  t as DEFAULT_LOCALE
+  T as DEFAULT,
+  t as DEFAULT_LOCALE,
+  L as DEFAULT_TZ
 };