@useinsider/guido 3.12.0-beta.0c5c36f → 3.12.0-beta.19da4fb

package/dist/components/organisms/extensions/recommendation/StrategyPicker.vue2.js

@@ -0,0 +1,80 @@
+import { defineComponent as P, ref as d, watch as T, onBeforeUnmount as _, computed as r, nextTick as E } from "vue";
+import { useTranslations as R } from "../../../../composables/useTranslations.js";
+import { STRATEGY_PAGES as V } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationExtensionStore as k } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { buildStrategyInfoBoxProps as D } from "../../../../extensions/Blocks/Recommendation/utils/strategyInfoBox.js";
+import { navigateToStrategyPage as B } from "../../../../extensions/Blocks/Recommendation/utils/strategyNavigation.js";
+import { InSelect as I, InButtonV2 as A } from "@useinsider/design-system-vue";
+import { useEventListener as f } from "../../../../node_modules/@vueuse/core/index.js";
+import L from "./StrategyInfoBox.vue.js";
+import { useThrottleFn as M } from "../../../../node_modules/@vueuse/shared/index.js";
+const ee = /* @__PURE__ */ P({
+  __name: "StrategyPicker",
+  setup($) {
+    const m = "[data-strategy-picker-anchor]", i = R(), t = k(), s = d(null);
+    let o = null;
+    const l = () => {
+      var e, n;
+      return ((n = (e = document.querySelector("ui-editor")) == null ? void 0 : e.shadowRoot) == null ? void 0 : n.querySelector(m)) ?? null;
+    }, c = () => {
+      var e;
+      s.value = ((e = l()) == null ? void 0 : e.getBoundingClientRect()) ?? null;
+    }, g = async () => {
+      await E(), o == null || o.disconnect(), o = null;
+      const e = l();
+      if (!e) {
+        s.value = null;
+        return;
+      }
+      c(), o = new ResizeObserver(c), o.observe(e);
+    }, u = M(c, 50);
+    f(document, "scroll", u, !0), f(window, "resize", u), T(() => [t.strategyPickerVisible, t.strategyPickerVersion], () => {
+      if (t.strategyPickerVisible) {
+        g();
+        return;
+      }
+      o == null || o.disconnect(), o = null, s.value = null;
+    }, { immediate: !0 }), _(() => {
+      o == null || o.disconnect(), o = null;
+    });
+    const p = r(() => {
+      const e = s.value;
+      return e ? {
+        top: `${e.top}px`,
+        left: `${e.left}px`,
+        width: `${e.width}px`
+      } : {};
+    }), a = d(""), y = r(() => {
+      const e = a.value.trim().toLowerCase();
+      return t.strategies.filter((n) => !e || n.name.toLowerCase().includes(e)).map((n) => ({
+        value: String(n.strategy_id),
+        text: n.name,
+        infoBoxProps: D(n, i, L)
+      }));
+    }), S = r(() => {
+      const { strategyId: e } = t.recommendationConfigs;
+      return t.getSelectedStrategy ? [e] : [];
+    }), v = r(() => i("smart-recommender.select-recommendation-strategy")), w = r(() => t.hasMissingStrategy ? "error" : "default"), h = r(() => t.hasMissingStrategy ? i("recommendation-strategy.strategy-not-found") : ""), C = r(() => !t.strategiesLoading && t.strategies.length === 0), x = r(() => t.strategyPickerVisible && s.value !== null);
+    return { __sfc: !0, ANCHOR_SELECTOR: m, trans: i, store: t, anchorRect: s, anchorObserver: o, findAnchor: l, measure: c, attach: g, measureThrottled: u, overlayStyle: p, searchTerm: a, options: y, selectedValues: S, placeholderText: v, state: w, stateMessage: h, isEmpty: C, isVisible: x, onSelect: (e) => {
+      a.value = "";
+      const n = typeof e == "string" ? e : e == null ? void 0 : e.value;
+      n && t.selectStrategy(n);
+    }, onSearch: (e) => {
+      a.value = e ?? "";
+    }, onClose: () => {
+      a.value = "";
+    }, onOpenDetails: () => {
+      t.openStrategyDrawer();
+    }, onViewMore: (e) => {
+      e != null && e.value && e.value !== t.recommendationConfigs.strategyId && t.selectStrategy(e.value), t.openStrategyDrawer();
+    }, onCreateOption: () => {
+      B(V.CREATE);
+    }, onPointerDown: (e) => {
+      var n;
+      e.stopPropagation(), (n = e.target) != null && n.closest("input, textarea") || e.preventDefault();
+    }, InButtonV2: A, InSelect: I };
+  }
+});
+export {
+  ee as default
+};

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

@@ -0,0 +1,18 @@
+import n from "./CampaignTable.vue2.js";
+/* empty css                   */
+import i from "../../../../../_virtual/_plugin-vue2_normalizer.js";
+var e = function() {
+  var a = this, s = a._self._c, t = a._self._setupProxy;
+  return s("div", { staticClass: "campaign-table" }, [s("div", { staticClass: "f-w-600 f-s-2 mb-3" }, [a._v(" " + a._s(t.trans("discovery-strategy.used-in-campaigns", { count: a.campaigns.length })) + " ")]), t.hasCampaigns || a.loading ? s(t.InDataTableV2, { attrs: { id: "strategy-campaign-listing-table", "pagination-status": "", "column-options": t.columnOptions, data: a.campaigns, "horizontal-scroll": !1, "in-container-layout": !1, "items-per-page-status": !1, "loading-status": a.loading } }) : s(t.InNoData, { attrs: { "button-status": !1, description: t.trans("discovery-strategy.no-campaigns-description"), title: t.trans("discovery-strategy.no-campaigns"), "visible-icon": !1 } })], 1);
+}, o = [], r = /* @__PURE__ */ i(
+  n,
+  e,
+  o,
+  !1,
+  null,
+  "3ff1b2a9"
+);
+const g = r.exports;
+export {
+  g as default
+};

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

@@ -0,0 +1,42 @@
+import { defineComponent as d, computed as o } from "vue";
+import { useTranslations as p } from "../../../../../composables/useTranslations.js";
+import { InNoData as c, InDataTableV2 as l } from "@useinsider/design-system-vue";
+const g = /* @__PURE__ */ d({
+  __name: "CampaignTable",
+  props: {
+    campaigns: { default: () => [] },
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(i) {
+    const s = i, a = p(), m = o(() => s.campaigns.length > 0), n = (t) => (t.variants ?? []).map((e) => typeof e == "string" ? e : e == null ? void 0 : e.name).filter(Boolean).join(", "), r = o(() => [
+      {
+        headerName: a("discovery-strategy.status"),
+        field: "status",
+        type: "status",
+        status: (t) => t.status.toLowerCase(),
+        text: (t) => t.status,
+        width: 130,
+        minWidth: 130
+      },
+      {
+        headerName: a("discovery-strategy.campaign-and-variant"),
+        field: "name",
+        text: (t) => t.name,
+        description: (t) => n(t),
+        width: 280,
+        minWidth: 200
+      },
+      {
+        headerName: a("discovery-strategy.channel"),
+        field: "channel",
+        text: (t) => t.channel,
+        width: 220,
+        minWidth: 150
+      }
+    ]);
+    return { __sfc: !0, trans: a, props: s, hasCampaigns: m, getVariantsText: n, columnOptions: r, InDataTableV2: l, InNoData: c };
+  }
+});
+export {
+  g as default
+};

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

@@ -0,0 +1,20 @@
+import o from "./FilterHumanizer.vue2.js";
+/* empty css                     */
+import n from "../../../../../_virtual/_plugin-vue2_normalizer.js";
+var l = function() {
+  var e = this, r = e._self._c, t = e._self._setupProxy;
+  return r("div", { staticClass: "filter-humanizer" }, [t.hasAnyFilter ? e._l(t.filterQuery, function(s, i) {
+    return r(t.HumanizerGroup, { key: i, staticClass: "group", attrs: { "condition-list": s.conditionList || [], filters: t.filterQuery, "group-index": String(i), "group-logic": s.groupLogic || "" } });
+  }) : [r("p", { staticClass: "px-5 t-c-3" }, [e._v(" " + e._s(t.trans("discovery-strategy.no-filters")) + " ")])], t.canToggle ? r("div", { staticClass: "mt-4 px-5" }, [r(t.InButtonV2, { attrs: { id: "strategy-filters-toggle", styling: "text", type: "primary", "label-text": t.isCollapsed ? t.trans("product-catalog.show-more") : t.trans("product-catalog.show-less"), "left-icon": t.isCollapsed ? "line-chevron-down" : "line-chevron-up" }, on: { click: t.toggleMore } })], 1) : e._e()], 2);
+}, a = [], c = /* @__PURE__ */ n(
+  o,
+  l,
+  a,
+  !1,
+  null,
+  "3ecb7de4"
+);
+const d = c.exports;
+export {
+  d as default
+};

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

@@ -0,0 +1,18 @@
+import { defineComponent as a } from "vue";
+import { useStrategyFilters as p } from "../../../../../composables/useStrategyFilters.js";
+import { useTranslations as f } from "../../../../../composables/useTranslations.js";
+import { InButtonV2 as l } from "@useinsider/design-system-vue";
+import u from "./HumanizerGroup.vue.js";
+const F = /* @__PURE__ */ a({
+  __name: "FilterHumanizer",
+  props: {
+    filters: { default: "{}" }
+  },
+  setup(t) {
+    const r = t, e = f(), { filterQuery: o, hasAnyFilter: s, canToggle: n, isCollapsed: i, toggleMore: m } = p(() => r.filters);
+    return { __sfc: !0, trans: e, props: r, filterQuery: o, hasAnyFilter: s, canToggle: n, isCollapsed: i, toggleMore: m, InButtonV2: l, HumanizerGroup: u };
+  }
+});
+export {
+  F as default
+};

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

@@ -0,0 +1,20 @@
+import a from "./HumanizerCondition.vue2.js";
+/* empty css                        */
+import e from "../../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var t = this, s = t._self._c, i = t._self._setupProxy;
+  return s("div", { class: { "pb-0 pt-1": t.isLast, "py-1": !t.isLast } }, [s("div", { staticClass: "d-f a-i-b j-c-s-b" }, [s("div", { staticClass: "attribute-type" }, [t._v(" " + t._s(i.headingText) + " ")]), s("div", { staticClass: "spaced-dot-sep f-g-1 h-1-s mx-2 w-7-s" }), s(i.InTooltipV2, { attrs: { id: `strategy-condition-${i.conditionId}-${t.index}`, "static-position": "top right", "dynamic-position": !1, text: i.tooltipText }, scopedSlots: t._u([{ key: "triggerElement", fn: function() {
+    return [s("div", { staticClass: "d-f condition-data" }, [s("div", { staticClass: "attribute" }, [t._v(" " + t._s(i.capitalizeFirstLetter(i.attributeText)) + " ")]), s("div", { staticClass: "operator f-w-600" }, [t._v(" " + t._s(i.displayOperator) + " ")]), i.totalValueLength < i.MAX_CHARACTER_SIZE ? s("div", { staticClass: "value f-w-600" }, [t._v(" " + t._s(i.suitableValue) + " ")]) : t._e()])];
+  }, proxy: !0 }]) })], 1), t.isLast ? t._e() : s("div", { staticClass: "pt-2" }, [s(i.InStatusText, { attrs: { id: `strategy-condition-logic-${i.conditionId}-${t.index}`, size: "small", status: "draft", text: t.condition.conditionLogic || "" } })], 1)]);
+}, n = [], r = /* @__PURE__ */ e(
+  a,
+  o,
+  n,
+  !1,
+  null,
+  "ef803818"
+);
+const p = r.exports;
+export {
+  p as default
+};

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

@@ -0,0 +1,60 @@
+import { defineComponent as V, computed as e } from "vue";
+import { useTranslations as R } from "../../../../../composables/useTranslations.js";
+import { TimeAbbreviations as T } from "../../../../../enums/extensions/filteringV2.js";
+import { Operators as L, DataTypes as _, MultiSelectDataTypes as $, OperatorNames as u, OperatorAbbreviations as b } from "../../../../../enums/extensions/strategyDetail.js";
+import { capitalizeFirstLetter as s, getSuitableValue as D } from "../../../../../extensions/Blocks/Recommendation/utils/strategyHumanizer.js";
+import { InTooltipV2 as U, InStatusText as F } from "@useinsider/design-system-vue";
+const B = /* @__PURE__ */ V({
+  __name: "HumanizerCondition",
+  props: {
+    condition: null,
+    index: null,
+    isLast: { type: Boolean, default: !1 }
+  },
+  setup(g) {
+    const n = g, c = 40, d = "_dynamic", i = R(), l = e(() => n.condition.type || ""), p = e(() => {
+      var t;
+      return ((t = n.condition.attribute) == null ? void 0 : t.text) || "";
+    }), r = e(() => {
+      var t;
+      return ((t = n.condition.attribute) == null ? void 0 : t.attributeType) || "";
+    }), o = e(() => n.condition.selectedOperator || ""), x = e(() => n.condition.id ?? n.index), f = e(() => {
+      const { value: t } = n.condition;
+      return Array.isArray(t) ? t.join(",") : t || "";
+    }), O = e(() => [
+      { text: s(i("journey-builder.weeks")), value: T.WEEK },
+      { text: s(i("settings.day-s")), value: T.DAY },
+      { text: s(i("settings.hour-s")), value: T.HOUR }
+    ]), a = e(() => {
+      let t = o.value;
+      l.value === "dynamicFilter" && !t.includes(d) && (t = `${t}${d}`);
+      const m = (L[r.value] || []).find((h) => h.value === t);
+      return m ? i(m.text) : "";
+    }), y = () => r.value === _.DATE, A = () => {
+      if (!$.includes(r.value) || [u.CONTAINS, u.NOT_CONTAINS].includes(o.value))
+        return !1;
+      const t = [u.IS_EXACTLY, u.IS_NOT_EXACTLY].includes(o.value);
+      return !((n.condition.isHierarchyCategory || r.value === _.STRING) && t);
+    }, I = () => [
+      b.OPERATOR.IN,
+      b.OPERATOR.NOT_IN
+    ].includes(o.value), v = e(() => D({
+      condition: n.condition,
+      selectedOperator: o.value,
+      filterValue: f.value,
+      timeUnit: n.condition.timeUnit ?? "",
+      inBetweenValues: n.condition.inBetweenValues ?? [],
+      timeUnitOptions: O.value,
+      isDateAttribute: y,
+      isMultiSelect: A,
+      isInOrNotInOperator: I,
+      trans: i
+    })), N = e(() => v.value.length + a.value.length), S = e(() => a.value.length > c ? `${a.value.substring(0, c)}...` : a.value), C = e(
+      () => `${s(p.value)} ${a.value} ${v.value}`
+    ), E = e(() => l.value ? i(`discovery-strategy.${l.value.toLowerCase()}-humanized`) : s(p.value));
+    return { __sfc: !0, MAX_CHARACTER_SIZE: c, DYNAMIC_FILTER_SUFFIX: d, trans: i, props: n, filterType: l, attributeText: p, attributeType: r, selectedOperator: o, conditionId: x, filterValue: f, timeUnitOptions: O, operatorTranslated: a, isDateAttribute: y, isMultiSelect: A, isInOrNotInOperator: I, suitableValue: v, totalValueLength: N, displayOperator: S, tooltipText: C, headingText: E, capitalizeFirstLetter: s, InStatusText: F, InTooltipV2: U };
+  }
+});
+export {
+  B as default
+};

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

@@ -0,0 +1,19 @@
+import e from "./HumanizerGroup.vue2.js";
+import o from "../../../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var t = this, s = t._self._c, r = t._self._setupProxy;
+  return s("div", [s("div", { staticClass: "py-3 b-c-5 px-5" }, t._l(t.conditionList, function(n, i) {
+    return s(r.HumanizerCondition, { key: `${n.id}-${t.groupIndex}-${i}`, staticClass: "condition", attrs: { condition: n, index: i, "is-last": t.conditionList.length - 1 === i } });
+  }), 1), r.isLastGroup ? t._e() : s("div", { staticClass: "my-3 d-f j-c-c" }, [s(r.InStatusText, { attrs: { id: `strategy-filter-group-${t.groupIndex}`, size: "small", status: "draft", text: t.groupLogic } })], 1)]);
+}, c = [], u = /* @__PURE__ */ o(
+  e,
+  a,
+  c,
+  !1,
+  null,
+  null
+);
+const p = u.exports;
+export {
+  p as default
+};

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

@@ -0,0 +1,19 @@
+import { defineComponent as n, computed as r } from "vue";
+import { InStatusText as u } from "@useinsider/design-system-vue";
+import i from "./HumanizerCondition.vue.js";
+const l = /* @__PURE__ */ n({
+  __name: "HumanizerGroup",
+  props: {
+    filters: null,
+    conditionList: null,
+    groupIndex: null,
+    groupLogic: { default: "" }
+  },
+  setup(t) {
+    const o = t, e = r(() => Object.keys(o.filters).length === Number(o.groupIndex));
+    return { __sfc: !0, props: o, isLastGroup: e, InStatusText: u, HumanizerCondition: i };
+  }
+});
+export {
+  l as default
+};

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/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/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
 };