@useinsider/guido 3.12.0-beta.98baf2f → 3.12.0-beta.aa6f9ba

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

@@ -0,0 +1,244 @@
+import { defineComponent as ee, ref as te, computed as l, watch as G } from "vue";
+import { useTranslations as ae } from "../../../../composables/useTranslations.js";
+import { DetailTabs as c, EMAIL_CHANNEL as se, PageTypeTranslationKeys as le, TIME as U, COUNT as F } from "../../../../enums/extensions/strategyDetail.js";
+import { useRecommendationExtensionStore as ie } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { getMethodTranslationKey as re, getAlgorithmTranslationKey as ue } from "../../../../extensions/Blocks/Recommendation/utils/strategySummary.js";
+import { formatShortDate as X } from "../../../../utils/dateUtil.js";
+import { parseJsonField as w } from "../../../../utils/genericUtil.js";
+import { InTabs as oe, InDrawer as ne } from "@useinsider/design-system-vue";
+import ce from "./strategy-detail/CampaignTable.vue.js";
+import de from "./strategy-detail/FilterHumanizer.vue.js";
+import ve from "./strategy-detail/InfoDisplayValue.vue.js";
+const Ee = /* @__PURE__ */ ee({
+  __name: "StrategyDetailDrawer",
+  setup(ye) {
+    const f = "MIXED", T = "CHECKOUT_RECOMMENDATION", r = ae(), u = ie(), p = te(c.GENERAL), t = l(() => u.getSelectedStrategy), _ = l(() => u.strategyDetailDrawerStatus), b = l(() => t.value ? String(t.value.strategy_id) : ""), o = l(() => r("campaign-details-modal.none")), J = l(() => [
+      {
+        value: c.GENERAL,
+        path: "",
+        text: r("discovery-strategy.recommendation-strategy-details")
+      },
+      {
+        value: c.OTHER,
+        path: "",
+        text: r("discovery-strategy.campaign-and-other-details")
+      }
+    ]);
+    G(
+      () => [_.value, p.value, b.value],
+      ([e, a, s]) => {
+        e && a === c.OTHER && s && u.fetchStrategyCampaigns(s);
+      },
+      { immediate: !0 }
+    ), G(_, (e) => {
+      e || (p.value = c.GENERAL);
+    });
+    const q = () => {
+      p.value = c.GENERAL, u.closeStrategyDrawer();
+    }, C = l(() => u.strategyCampaigns.filter((e) => e.status === "Active").reduce((e, a) => {
+      var s;
+      return e + (((s = a.variants) == null ? void 0 : s.length) ?? 0);
+    }, 0)), E = l(() => u.strategyCampaigns.filter((e) => e.status !== "Active").reduce((e, a) => {
+      var s;
+      return e + (((s = a.variants) == null ? void 0 : s.length) ?? 0);
+    }, 0)), D = l(() => {
+      var a;
+      return (((a = t.value) == null ? void 0 : a.suitable_channels) || "").split(",").map((s) => s.trim()).filter(Boolean).map((s) => r(
+        s.toLowerCase() === se ? "products.newsletter" : `products.${s.toLowerCase()}`
+      )).join(", ");
+    }), S = l(() => {
+      var s;
+      const e = (s = t.value) == null ? void 0 : s.suitable_page_types;
+      return e ? (typeof e == "string" ? e.split(",").map((i) => i.trim()) : e).filter(Boolean).map((i) => r(le[i] || i)).join(", ") : "";
+    }), Q = l(() => [
+      {
+        title: "discovery-strategy.channel-types",
+        value: D.value || o.value,
+        isVisible: !0,
+        translateValue: !1
+      },
+      {
+        title: "discovery-strategy.page-types",
+        value: S.value || o.value,
+        isVisible: !0,
+        translateValue: !1
+      }
+    ]), m = l(
+      () => {
+        var e;
+        return w((e = t.value) == null ? void 0 : e.base_product, null);
+      }
+    ), V = l(
+      () => {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.algorithm) !== f && m.value !== null;
+      }
+    ), A = l(() => {
+      const e = m.value;
+      if (!e)
+        return "";
+      const a = r(`discovery-strategy.base-product-source-${e.source}`);
+      return e.source === "page" ? a : `${a} ${r(`discovery-strategy.base-product-count-${e.count}`)}`;
+    }), I = l(() => t.value ? t.value.algorithm !== f ? w(t.value.manual_merchandising_products, []).filter(Boolean).join(", ") : w(t.value.mixed_strategies, []).map((e) => e == null ? void 0 : e.productId).filter(Boolean).join(", ") : ""), n = (e) => e ? "common.yes" : "common.no", W = l(() => {
+      var e, a, s, i, d, v, y;
+      return [
+        {
+          title: "discovery-strategy.method",
+          value: re(((e = t.value) == null ? void 0 : e.algorithm) || ""),
+          isVisible: !0,
+          translateValue: !0
+        },
+        {
+          title: "algorithm-panel.algorithm-header",
+          value: (((a = t.value) == null ? void 0 : a.algorithm_used) || "").split(",").map((g) => ue(g.trim())).join(", "),
+          isVisible: !0,
+          translateValue: !0
+        },
+        {
+          title: "discovery-strategy.base-product-label",
+          value: A.value,
+          isVisible: V.value,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.base-product-pin-label",
+          value: n((s = m.value) == null ? void 0 : s.pin),
+          isVisible: V.value,
+          translateValue: !0
+        },
+        {
+          title: "discovery-strategy.checkout-recommendation-cart-value",
+          value: String(((i = t.value) == null ? void 0 : i.checkout_recommendation_cart_value) ?? ""),
+          isVisible: ((d = t.value) == null ? void 0 : d.algorithm_used) === T,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.number-of-products",
+          value: String(((v = t.value) == null ? void 0 : v.size) ?? ""),
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.manual-merchandising-products",
+          value: I.value || o.value,
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.shuffle-recommended-products",
+          value: n((y = t.value) == null ? void 0 : y.shuffle),
+          isVisible: !0,
+          translateValue: !0
+        }
+      ];
+    }), h = (e, a) => {
+      const s = (a || "").toLowerCase(), i = e === 1 ? `date-time.${s}` : `date-time.${s}s`;
+      return `${e ?? ""} ${r(i)}`;
+    }, x = (e) => `${e ?? ""} ${r(e === 1 ? "discovery-strategy.item" : "discovery-strategy.items")}`, Y = l(() => {
+      var e, a, s, i, d, v, y, g, L, R, $, M, O, B, P, k, H, j, K, z;
+      return [
+        {
+          title: "discovery-strategy.personalize-recommendations-based-on-attribute-affinity",
+          value: n((e = t.value) == null ? void 0 : e.attribute_affinity),
+          isVisible: !0,
+          translateValue: !0
+        },
+        {
+          title: "discovery-strategy.exclude-recently-view-items",
+          value: n((a = t.value) == null ? void 0 : a.exclude_view),
+          isVisible: !((s = t.value) != null && s.exclude_view),
+          translateValue: !0
+        },
+        {
+          title: "discovery-strategy.exclude-items-viewed-in-the-last",
+          value: h((i = t.value) == null ? void 0 : i.exclude_view_duration, (d = t.value) == null ? void 0 : d.exclude_view_duration_type),
+          isVisible: !!((v = t.value) != null && v.exclude_view) && ((y = t.value) == null ? void 0 : y.exclude_view_option) === U,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.number-of-items-to-exclude-from-recently-viewed",
+          value: x((g = t.value) == null ? void 0 : g.exclude_view_item_count),
+          isVisible: !!((L = t.value) != null && L.exclude_view) && ((R = t.value) == null ? void 0 : R.exclude_view_option) === F,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.exclude-recently-purchased-items",
+          value: n(($ = t.value) == null ? void 0 : $.exclude_purchase),
+          isVisible: !((M = t.value) != null && M.exclude_purchase),
+          translateValue: !0
+        },
+        {
+          title: "discovery-strategy.exclude-items-purchase-in-the-last",
+          value: h((O = t.value) == null ? void 0 : O.exclude_purchase_duration, (B = t.value) == null ? void 0 : B.exclude_purchase_duration_type),
+          isVisible: !!((P = t.value) != null && P.exclude_purchase) && ((k = t.value) == null ? void 0 : k.exclude_purchase_option) === U,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.number-of-items-to-exclude-from-recently-purchased",
+          value: x((H = t.value) == null ? void 0 : H.exclude_purchase_item_count),
+          isVisible: !!((j = t.value) != null && j.exclude_purchase) && ((K = t.value) == null ? void 0 : K.exclude_purchase_option) === F,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.exclude-recently-added-cart-items",
+          value: n((z = t.value) == null ? void 0 : z.exclude_cart),
+          isVisible: !0,
+          translateValue: !0
+        }
+      ];
+    }), N = (e) => {
+      var a;
+      (a = navigator.clipboard) == null || a.writeText(e).catch(() => {
+        console.warn("[StrategyDetailDrawer] Copying the strategy id to the clipboard failed.");
+      });
+    }, Z = l(() => {
+      var e, a, s;
+      return [
+        {
+          title: "discovery-strategy.strategy-id",
+          value: b.value,
+          isVisible: !0,
+          translateValue: !1,
+          icon: "line-copy",
+          iconTooltip: "discovery-strategy.copy",
+          iconTooltipAfterClicked: "discovery-strategy.copied",
+          iconClick: N
+        },
+        {
+          title: "discovery-strategy.last-updated-by",
+          value: ((e = t.value) == null ? void 0 : e.last_updated_by) || o.value,
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.last-updated-on",
+          value: (a = t.value) != null && a.updated_at ? X(t.value.updated_at) : o.value,
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.created-date",
+          value: (s = t.value) != null && s.created_at ? X(t.value.created_at) : o.value,
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.variants-with-live-recommendation-strategies",
+          value: String(C.value),
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.variants-with-idle-recommendation-strategies",
+          value: String(E.value),
+          isVisible: !0,
+          translateValue: !1
+        }
+      ];
+    });
+    return { __sfc: !0, MIXED: f, CHECKOUT_RECOMMENDATION: T, trans: r, store: u, activeTab: p, strategy: t, isOpen: _, strategyId: b, none: o, tabs: J, close: q, liveVariantsCount: C, idleVariantsCount: E, suitableChannelTypes: D, suitablePageTypes: S, pageAndChannelDetails: Q, baseProduct: m, isBaseProductVisible: V, baseProductSourceLabel: A, manualMerchandisingProducts: I, yesNo: n, widgetPreferences: W, durationText: h, itemCountText: x, advancedPersonalization: Y, copyStrategyId: N, otherDetails: Z, visibleRows: (e) => e.filter((a) => a.isVisible), DetailTabs: c, InDrawer: ne, InTabs: oe, CampaignTable: ce, FilterHumanizer: de, InfoDisplayValue: ve };
+  }
+});
+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/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
 };