@useinsider/guido 3.12.0-beta.d2745e7 → 3.12.0-beta.d77b0d2

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as y } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as f, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as h, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as n, optional as e, string as t, picklist as l, pipe as p, minLength as b, custom as f, boolean as o, array as c, record as k, fallback as R, literal as i, looseObject as g, variant as C, union as h, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -78,7 +78,7 @@ const d = {
   select_items: e(c(S))
 })), P = k(
   t(),
-  C(c(S), [])
+  R(c(S), [])
 ), D = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
@@ -201,7 +201,12 @@ const d = {
   /** Enable Liquid template syntax */
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
-  autosave: e(o(), !1)
+  autosave: e(o(), !1),
+  /**
+   * Select a Reusable Recommendation Strategy (RRS) instead of a per-block algorithm.
+   * Replaces the algorithm dropdown with a strategy dropdown fed from Smart Recommender.
+   */
+  reusableRecommendationStrategy: e(o(), !0)
 }), U = l([
   "amp-accordion",
   "amp-carousel",
@@ -273,7 +278,7 @@ const d = {
     (u) => typeof u == "function",
     "processor must be a function"
   )
-}), G = R("type", [
+}), G = C("type", [
   H,
   _,
   j,

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
-import i from "./Guido.vue2.js";
+import a from "./Guido.vue2.js";
 /* empty css           */
-import a from "../_virtual/_plugin-vue2_normalizer.js";
+import i from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), r(e.AutoSaveController), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.StrategyDetailDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, n = [], s = /* @__PURE__ */ a(
-  i,
+}, n = [], s = /* @__PURE__ */ i(
+  a,
   t,
   n,
   !1,
   null,
-  "50dac6de"
+  "f96d1003"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,29 +1,30 @@
 import { defineComponent as X, defineAsyncComponent as I, ref as W, computed as x, watch as Y, onMounted as Z, onUnmounted as ee } from "vue";
-import { useCortexBlueprintBridge as oe } from "../composables/useCortexBlueprintBridge.js";
-import { provideGuidoActions as te } from "../composables/useGuidoActions.js";
+import { useCortexBlueprintBridge as te } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as oe } from "../composables/useGuidoActions.js";
 import { useGuidoStateBridge as ne } from "../composables/useGuidoStateBridge.js";
 import { usePartner as re } from "../composables/usePartner.js";
 import { useStripo as se } from "../composables/useStripo.js";
 import { useTimerClone as ae } from "../composables/useTimerClone.js";
 import { migrate as G } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as H } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ce } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as ie } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { RIBBON_SELECTOR as ie } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as ce } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import me from "./organisms/AutoSaveController.vue.js";
 import de from "./organisms/base/Toaster.vue.js";
 import le from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import ue from "./organisms/header/HeaderWrapper.vue.js";
-import pe from "./organisms/LoadingWrapper.vue.js";
-import fe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import ve from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as Se } from "../services/stripoApi.js";
-import { useConfigStore as ye } from "../stores/config.js";
+import ue from "./organisms/extensions/recommendation/StrategyDetailDrawer.vue.js";
+import pe from "./organisms/header/HeaderWrapper.vue.js";
+import fe from "./organisms/LoadingWrapper.vue.js";
+import ve from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import Se from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ye } from "../services/stripoApi.js";
+import { useConfigStore as ge } from "../stores/config.js";
 import { useDynamicContentStore as he } from "../stores/dynamic-content.js";
 import { useEditorStore as $ } from "../stores/editor.js";
-import { usePreviewStore as ge } from "../stores/preview.js";
-import { useTemplateStore as be } from "../stores/template.js";
-import { useUnsubscribeStore as Ee } from "../stores/unsubscribe.js";
-const Ve = /* @__PURE__ */ X({
+import { usePreviewStore as be } from "../stores/preview.js";
+import { useTemplateStore as we } from "../stores/template.js";
+import { useUnsubscribeStore as De } from "../stores/unsubscribe.js";
+const Je = /* @__PURE__ */ X({
   __name: "Guido",
   props: {
     config: null
@@ -34,11 +35,11 @@ const Ve = /* @__PURE__ */ X({
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
     ), V = I(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), E = W(), p = W(), f = he(), w = Ee(), i = ye();
-    i.init(b.config);
-    const m = $(), j = ge(), d = x(() => m.hasChanges), { isTestPartner: J } = re(), D = () => {
+    ), w = W(), p = W(), f = he(), D = De(), c = ge();
+    c.init(b.config);
+    const m = $(), j = be(), d = x(() => m.hasChanges), { isTestPartner: J } = re(), E = () => {
       var e;
-      return (e = E.value) == null ? void 0 : e.handleSave(!0);
+      return (e = w.value) == null ? void 0 : e.handleSave(!0);
     }, C = (e) => {
       m.loadingStatus = e;
     }, {
@@ -46,10 +47,10 @@ const Ve = /* @__PURE__ */ X({
       userId: T,
       partnerName: L,
       username: k,
-      template: o,
+      template: t,
       editor: s
-    } = i, l = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", S = (o == null ? void 0 : o.preselectedDynamicContent) || [], U = (s == null ? void 0 : s.savedModulesFolderName) || H.SAVED_MODULES, _ = (s == null ? void 0 : s.defaultModulesFolderName) || H.DEFAULT_MODULES;
-    oe(), ne();
+    } = c, l = (t == null ? void 0 : t.html) || "", F = (t == null ? void 0 : t.css) || "", S = (t == null ? void 0 : t.preselectedDynamicContent) || [], U = (s == null ? void 0 : s.savedModulesFolderName) || H.SAVED_MODULES, _ = (s == null ? void 0 : s.defaultModulesFolderName) || H.DEFAULT_MODULES;
+    te(), ne();
     const y = {
       emailId: v,
       userId: T,
@@ -62,11 +63,11 @@ const Ve = /* @__PURE__ */ X({
       onReady: () => {
         console.debug("guido:ready"), n("ready");
       }
-    }, { initPlugin: O } = se(y, M), { getDefaultTemplate: P } = Se(), { cloneTimersOnSave: R, hasTimerBlocks: A } = ae(), Q = x(() => {
+    }, { initPlugin: O } = se(y, M), { getDefaultTemplate: P } = ye(), { cloneTimersOnSave: R, hasTimerBlocks: A } = ae(), Q = x(() => {
       var e;
-      return !((e = i.ui) != null && e.showHeader);
+      return !((e = c.ui) != null && e.showHeader);
     });
-    te({
+    oe({
       onBack: () => {
         console.debug("guido:back"), n("back");
       },
@@ -74,8 +75,8 @@ const Ve = /* @__PURE__ */ X({
         console.debug("guido:save:start"), n("save:start");
       },
       onSaveComplete: (e) => {
-        const t = { ...e, metadata: y };
-        console.debug("guido:save:complete", t), n("save:complete", t);
+        const o = { ...e, metadata: y };
+        console.debug("guido:save:complete", o), n("save:complete", o);
       },
       onTestEmailClick: () => {
         console.debug("guido:test-email:click"), n("test-email:click");
@@ -89,52 +90,52 @@ const Ve = /* @__PURE__ */ X({
     Y(() => d.value, () => {
       n("on-change", d.value);
     });
-    const h = (e) => {
-      const t = e, { attribute: u, position: c } = t.detail;
-      console.debug("dynamic-content:open", t.detail), n("dynamic-content:open", u, c);
+    const g = (e) => {
+      const o = e, { attribute: u, position: i } = o.detail;
+      console.debug("dynamic-content:open", o.detail), n("dynamic-content:open", u, i);
     };
     let a = null;
-    const g = () => {
-      var t;
-      const e = document.querySelector(ce);
-      (t = p.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
+    const h = () => {
+      var o;
+      const e = document.querySelector(ie);
+      (o = p.value) == null || o.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
     return Z(async () => {
-      var t, u;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), ie().$reset(), $().$reset(), m.templateId = v, be().$reset(), g();
-      const e = (t = p.value) == null ? void 0 : t.parentElement;
-      e && (a = new ResizeObserver(g), a.observe(e));
+      var o, u;
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), ce().$reset(), $().$reset(), m.templateId = v, we().$reset(), h();
+      const e = (o = p.value) == null ? void 0 : o.parentElement;
+      e && (a = new ResizeObserver(h), a.observe(e));
       try {
-        w.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
-        const c = ((u = o == null ? void 0 : o.migration) == null ? void 0 : u.recommendationConfigs) ?? {};
+        D.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
+        const i = ((u = t == null ? void 0 : t.migration) == null ? void 0 : u.recommendationConfigs) ?? {};
         let r = {
-          html: l && await G(l, c),
+          html: l && await G(l, i),
           css: F
         };
-        r.html || (r = await P(), r.html = await G(r.html, c)), A(r.html) && (r.html = await R(r.html)), await O(r), f.selectedDynamicContentList = S;
-      } catch (c) {
-        console.error("Failed to initialize Stripo editor:", c);
+        r.html || (r = await P(), r.html = await G(r.html, i)), A(r.html) && (r.html = await R(r.html)), await O(r), f.selectedDynamicContentList = S;
+      } catch (i) {
+        console.error("Failed to initialize Stripo editor:", i);
       }
-      document.addEventListener("dynamic-content:open", h);
+      document.addEventListener("dynamic-content:open", g);
     }), ee(() => {
-      a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", h);
+      a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", g);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      i.reset();
+      c.reset();
     }), q({
       dynamicContent: {
         insert: B,
         close: N
       },
       hasChanges: d,
-      saveSilent: D,
+      saveSilent: E,
       setLoading: C
-    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, headerWrapperRef: E, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: w, props: b, configStore: i, editorStore: m, previewStore: j, hasChanges: d, isTestPartner: J, saveSilent: D, setLoading: C, templateId: v, userId: T, partnerName: L, username: k, templateConfig: o, editorConfig: s, html: l, css: F, preselectedDynamicContentList: S, savedModulesFolderName: U, defaultModulesFolderName: _, emit: n, metadata: y, options: M, initPlugin: O, getDefaultTemplate: P, cloneTimersOnSave: R, hasTimerBlocks: A, noHeader: Q, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: h, ribbonObserver: a, updateRibbonOffset: g, AutoSaveController: me, Toaster: de, FilterSelectionDrawer: le, HeaderWrapper: ue, LoadingWrapper: pe, SaveAsTemplateDrawer: fe, UnsubscribeWrapper: ve };
+    }), { __sfc: !0, PreviewContainer: K, OnboardingWrapper: V, headerWrapperRef: w, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: D, props: b, configStore: c, editorStore: m, previewStore: j, hasChanges: d, isTestPartner: J, saveSilent: E, setLoading: C, templateId: v, userId: T, partnerName: L, username: k, templateConfig: t, editorConfig: s, html: l, css: F, preselectedDynamicContentList: S, savedModulesFolderName: U, defaultModulesFolderName: _, emit: n, metadata: y, options: M, initPlugin: O, getDefaultTemplate: P, cloneTimersOnSave: R, hasTimerBlocks: A, noHeader: Q, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: g, ribbonObserver: a, updateRibbonOffset: h, AutoSaveController: me, Toaster: de, FilterSelectionDrawer: le, StrategyDetailDrawer: ue, HeaderWrapper: pe, LoadingWrapper: fe, SaveAsTemplateDrawer: ve, UnsubscribeWrapper: Se };
   }
 });
 export {
-  Ve as default
+  Je as default
 };

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

@@ -0,0 +1,38 @@
+import o from "./StrategyDetailDrawer.vue2.js";
+/* empty css                          */
+import l from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var c = function() {
+  var i;
+  var a = this, s = a._self._c, t = a._self._setupProxy;
+  return s(t.InDrawer, { attrs: { id: "recommendation-strategy-detail-drawer", "close-button-status": "", "footer-status": "", "full-width-content-status": "", "overlay-status": "", size: "medium", state: "default", "description-status": !1, "footer-button-group-options": t.footerButtonGroupOptions, status: t.isOpen, "title-text": ((i = t.strategy) == null ? void 0 : i.name) || "" }, on: { cancelOrBackButtonEvent: t.close, onCloseEvent: t.close, primaryButtonEvent: t.onPrimaryAction }, scopedSlots: a._u([{ key: "headerBottomSlot", fn: function() {
+    return [t.strategy ? s(t.InTabs, { staticClass: "p-r z-4 px-5", attrs: { "active-tab": t.activeTab, "add-new-tab-active": !1, draggable: !1, "dropdown-tabs": !1, "tabs-list": t.tabs, "use-router": !1 }, on: { click: function(e) {
+      t.activeTab = e;
+    } } }) : a._e()];
+  }, proxy: !0 }, { key: "contentSlot", fn: function() {
+    return [t.strategy ? s("div", [t.isSharedAcrossCampaigns ? s("div", { staticClass: "px-5 pt-5" }, [s(t.InInfoBox, { attrs: { id: "strategy-shared-notice", theme: "light", variant: "information", "description-status": !1, "title-status": !1 } }, [s("ul", { staticClass: "strategy-shared-notice" }, a._l(t.sharedNotice, function(e, r) {
+      return s("li", { key: r, domProps: { innerHTML: a._s(e) } });
+    }), 0)])], 1) : a._e(), t.activeTab === t.DetailTabs.GENERAL ? s("div", [s("div", { staticClass: "px-5 py-5 bor-b-s-s bor-b-c-6 bor-b-w-1" }, [s("div", { staticClass: "f-s-13 f-w-600 mb-3" }, [a._v(" " + a._s(t.trans("discovery-strategy.suitable-page-and-channel-types")) + " ")]), a._l(t.visibleRows(t.pageAndChannelDetails), function(e, r) {
+      return s(t.InfoDisplayValue, { key: e.title, attrs: { index: r, title: e.title, "translate-value": e.translateValue, value: e.value } });
+    })], 2), s("div", { staticClass: "px-5 py-5 bor-b-s-s bor-b-c-6 bor-b-w-1" }, [s("div", { staticClass: "f-s-13 f-w-600 mb-3" }, [a._v(" " + a._s(t.trans("discovery-strategy.recommendation-widget-preferences")) + " ")]), a._l(t.visibleRows(t.widgetPreferences), function(e, r) {
+      return s(t.InfoDisplayValue, { key: e.title, attrs: { index: r, title: e.title, "translate-value": e.translateValue, value: e.value } });
+    })], 2), s("div", { staticClass: "px-5 py-5 bor-b-s-s bor-b-c-6 bor-b-w-1" }, [s("div", { staticClass: "f-s-13 f-w-600 mb-3" }, [a._v(" " + a._s(t.trans("discovery-strategy.advanced-personalization-criteria")) + " ")]), a._l(t.visibleRows(t.advancedPersonalization), function(e, r) {
+      return s(t.InfoDisplayValue, { key: e.title, attrs: { index: r, title: e.title, "translate-value": e.translateValue, value: e.value } });
+    })], 2), s("div", { staticClass: "px-5 py-5" }, [s("div", { staticClass: "f-s-13 f-w-600 mb-3" }, [a._v(" " + a._s(t.trans("discovery-strategy.filters")) + " ")]), s(t.FilterHumanizer, { attrs: { filters: t.strategy.filters } })], 1)]) : a._e(), t.activeTab === t.DetailTabs.OTHER ? s("div", [s("div", { staticClass: "px-5 py-5 bor-b-s-s bor-b-c-6 bor-b-w-1 other-details" }, a._l(t.visibleRows(t.otherDetails), function(e, r) {
+      return s(t.InfoDisplayValue, { key: e.title, attrs: { icon: e.icon, "icon-tooltip": e.iconTooltip, "icon-tooltip-after-clicked": e.iconTooltipAfterClicked, index: r, title: e.title, "translate-value": e.translateValue, value: e.value }, on: { iconClick: function(f) {
+        var n;
+        (n = e.iconClick) == null || n.call(e, e.value);
+      } } });
+    }), 1), s("div", { staticClass: "px-5 py-5" }, [s(t.CampaignTable, { attrs: { campaigns: t.store.strategyCampaigns, loading: t.store.strategyCampaignsLoading } })], 1)]) : a._e()]) : a._e()];
+  }, proxy: !0 }]) });
+}, u = [], v = /* @__PURE__ */ l(
+  o,
+  c,
+  u,
+  !1,
+  null,
+  "8e655adb"
+);
+const _ = v.exports;
+export {
+  _ as default
+};

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

@@ -0,0 +1,271 @@
+import { defineComponent as le, ref as ie, computed as l, watch as U } from "vue";
+import { useTranslations as re } from "../../../../composables/useTranslations.js";
+import { STRATEGY_PAGES as oe } from "../../../../enums/extensions/recommendationBlock.js";
+import { DetailTabs as c, EMAIL_CHANNEL as ue, PageTypeTranslationKeys as ne, TIME as F, COUNT as X } from "../../../../enums/extensions/strategyDetail.js";
+import { useRecommendationExtensionStore as ce } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { navigateToStrategyPage as de, buildStrategyEditPath as ve } from "../../../../extensions/Blocks/Recommendation/utils/strategyNavigation.js";
+import { getMethodTranslationKey as ye, getAlgorithmTranslationKey as pe } from "../../../../extensions/Blocks/Recommendation/utils/strategySummary.js";
+import { formatShortDate as J } from "../../../../utils/dateUtil.js";
+import { parseJsonField as T } from "../../../../utils/genericUtil.js";
+import { InTabs as me, InInfoBox as ge, InDrawer as fe } from "@useinsider/design-system-vue";
+import _e from "./strategy-detail/CampaignTable.vue.js";
+import be from "./strategy-detail/FilterHumanizer.vue.js";
+import he from "./strategy-detail/InfoDisplayValue.vue.js";
+const Re = /* @__PURE__ */ le({
+  __name: "StrategyDetailDrawer",
+  setup(Ve) {
+    const _ = "MIXED", C = "CHECKOUT_RECOMMENDATION", i = re(), o = ce(), p = ie(c.GENERAL), t = l(() => o.getDrawerStrategy), b = l(() => o.strategyDetailDrawerStatus), m = l(() => t.value ? String(t.value.strategy_id) : ""), u = l(() => i("campaign-details-modal.none")), Y = l(() => [
+      {
+        value: c.GENERAL,
+        path: "",
+        text: i("discovery-strategy.recommendation-strategy-details")
+      },
+      {
+        value: c.OTHER,
+        path: "",
+        text: i("discovery-strategy.campaign-and-other-details")
+      }
+    ]);
+    U(
+      () => [b.value, p.value, m.value],
+      ([e, a, s]) => {
+        e && a === c.OTHER && s && o.fetchStrategyCampaigns(s);
+      },
+      { immediate: !0 }
+    ), U(b, (e) => {
+      e || (p.value = c.GENERAL);
+    });
+    const q = () => {
+      p.value = c.GENERAL, o.closeStrategyDrawer();
+    }, h = l(() => {
+      var e, a;
+      return (((a = (e = t.value) == null ? void 0 : e.campaignCount) == null ? void 0 : a.active) ?? 0) > 1;
+    }), Q = l(() => [
+      i("strategy-details-modal.first-line"),
+      i("strategy-details-modal.second-line").replace("{url}", oe.LISTING)
+    ]), W = l(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: h.value ? i("strategy-details-modal.duplicate-and-assign") : i("strategy-details-modal.edit"),
+        loadingStatus: o.strategyDuplicating
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: i("products.cancel"),
+        disabledStatus: o.strategyDuplicating
+      }
+    })), Z = () => {
+      if (h.value) {
+        o.duplicateAndAssignStrategy();
+        return;
+      }
+      de(ve(m.value));
+    }, E = l(() => o.strategyCampaigns.filter((e) => e.status === "Active").reduce((e, a) => {
+      var s;
+      return e + (((s = a.variants) == null ? void 0 : s.length) ?? 0);
+    }, 0)), S = l(() => o.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) => i(
+        s.toLowerCase() === ue ? "products.newsletter" : `products.${s.toLowerCase()}`
+      )).join(", ");
+    }), A = l(() => {
+      var s;
+      const e = (s = t.value) == null ? void 0 : s.suitable_page_types;
+      return e ? (typeof e == "string" ? e.split(",").map((r) => r.trim()) : e).filter(Boolean).map((r) => i(ne[r] || r)).join(", ") : "";
+    }), ee = l(() => [
+      {
+        title: "discovery-strategy.channel-types",
+        value: D.value || u.value,
+        isVisible: !0,
+        translateValue: !1
+      },
+      {
+        title: "discovery-strategy.page-types",
+        value: A.value || u.value,
+        isVisible: !0,
+        translateValue: !1
+      }
+    ]), g = l(
+      () => {
+        var e;
+        return T((e = t.value) == null ? void 0 : e.base_product, null);
+      }
+    ), V = l(
+      () => {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.algorithm) !== _ && g.value !== null;
+      }
+    ), I = l(() => {
+      const e = g.value;
+      if (!e)
+        return "";
+      const a = i(`discovery-strategy.base-product-source-${e.source}`);
+      return e.source === "page" ? a : `${a} ${i(`discovery-strategy.base-product-count-${e.count}`)}`;
+    }), B = l(() => t.value ? t.value.algorithm !== _ ? T(t.value.manual_merchandising_products, []).filter(Boolean).join(", ") : T(t.value.mixed_strategies, []).map((e) => e == null ? void 0 : e.productId).filter(Boolean).join(", ") : ""), n = (e) => e ? "common.yes" : "common.no", te = l(() => {
+      var e, a, s, r, d, v, y;
+      return [
+        {
+          title: "discovery-strategy.method",
+          value: ye(((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((f) => pe(f.trim())).join(", "),
+          isVisible: !0,
+          translateValue: !0
+        },
+        {
+          title: "discovery-strategy.base-product-label",
+          value: I.value,
+          isVisible: V.value,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.base-product-pin-label",
+          value: n((s = g.value) == null ? void 0 : s.pin),
+          isVisible: V.value,
+          translateValue: !0
+        },
+        {
+          title: "discovery-strategy.checkout-recommendation-cart-value",
+          value: String(((r = t.value) == null ? void 0 : r.checkout_recommendation_cart_value) ?? ""),
+          isVisible: ((d = t.value) == null ? void 0 : d.algorithm_used) === C,
+          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: B.value || u.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
+        }
+      ];
+    }), x = (e, a) => {
+      const s = (a || "").toLowerCase(), r = e === 1 ? `date-time.${s}` : `date-time.${s}s`;
+      return `${e ?? ""} ${i(r)}`;
+    }, w = (e) => `${e ?? ""} ${i(e === 1 ? "discovery-strategy.item" : "discovery-strategy.items")}`, ae = l(() => {
+      var e, a, s, r, d, v, y, f, L, O, P, R, $, M, k, G, 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: x((r = t.value) == null ? void 0 : r.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) === F,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.number-of-items-to-exclude-from-recently-viewed",
+          value: w((f = t.value) == null ? void 0 : f.exclude_view_item_count),
+          isVisible: !!((L = t.value) != null && L.exclude_view) && ((O = t.value) == null ? void 0 : O.exclude_view_option) === X,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.exclude-recently-purchased-items",
+          value: n((P = t.value) == null ? void 0 : P.exclude_purchase),
+          isVisible: !((R = t.value) != null && R.exclude_purchase),
+          translateValue: !0
+        },
+        {
+          title: "discovery-strategy.exclude-items-purchase-in-the-last",
+          value: x(($ = t.value) == null ? void 0 : $.exclude_purchase_duration, (M = t.value) == null ? void 0 : M.exclude_purchase_duration_type),
+          isVisible: !!((k = t.value) != null && k.exclude_purchase) && ((G = t.value) == null ? void 0 : G.exclude_purchase_option) === F,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.number-of-items-to-exclude-from-recently-purchased",
+          value: w((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) === X,
+          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.");
+      });
+    }, se = l(() => {
+      var e, a, s;
+      return [
+        {
+          title: "discovery-strategy.strategy-id",
+          value: m.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) || u.value,
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.last-updated-on",
+          value: (a = t.value) != null && a.updated_at ? J(t.value.updated_at) : u.value,
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.created-date",
+          value: (s = t.value) != null && s.created_at ? J(t.value.created_at) : u.value,
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.variants-with-live-recommendation-strategies",
+          value: String(E.value),
+          isVisible: !0,
+          translateValue: !1
+        },
+        {
+          title: "discovery-strategy.variants-with-idle-recommendation-strategies",
+          value: String(S.value),
+          isVisible: !0,
+          translateValue: !1
+        }
+      ];
+    });
+    return { __sfc: !0, MIXED: _, CHECKOUT_RECOMMENDATION: C, trans: i, store: o, activeTab: p, strategy: t, isOpen: b, strategyId: m, none: u, tabs: Y, close: q, isSharedAcrossCampaigns: h, sharedNotice: Q, footerButtonGroupOptions: W, onPrimaryAction: Z, liveVariantsCount: E, idleVariantsCount: S, suitableChannelTypes: D, suitablePageTypes: A, pageAndChannelDetails: ee, baseProduct: g, isBaseProductVisible: V, baseProductSourceLabel: I, manualMerchandisingProducts: B, yesNo: n, widgetPreferences: te, durationText: x, itemCountText: w, advancedPersonalization: ae, copyStrategyId: N, otherDetails: se, visibleRows: (e) => e.filter((a) => a.isVisible), DetailTabs: c, InDrawer: fe, InInfoBox: ge, InTabs: me, CampaignTable: _e, FilterHumanizer: be, InfoDisplayValue: he };
+  }
+});
+export {
+  Re 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
+};