@useinsider/guido 3.12.0-beta.40db55d → 3.12.0-beta.840207a

package/README.md

@@ -20,11 +20,9 @@ npm install @useinsider/guido
 
 ### Prerequisites
 
-Guido declares these as peer dependencies — install them yourself, it does not
-bundle or install them for you:
+Your project needs:
 - Vue 2.7+
 - Pinia (state management)
-- `@useinsider/design-system-vue` 2.x
 
 Add these to your bundler config to optimize dependencies:
 
@@ -33,26 +31,16 @@ Add these to your bundler config to optimize dependencies:
 shared: {
   vue: { singleton: true },
   pinia: { singleton: true },
-  '@useinsider/design-system-vue': { singleton: true },
 },
 ```
 
 **Vite** (`vite.config.js`):
 ```js
 resolve: {
-  dedupe: ['vue', 'pinia', '@useinsider/design-system-vue'],
+  dedupe: ['vue', 'pinia'],
 },
 ```
 
-> A second copy of the design system breaks styling and overlay positioning.
-> If your `.npmrc` sets `legacy-peer-deps=true`, npm will neither install these
-> nor warn you about them — declare them in your own `dependencies`.
->
-> **Upgrading from Guido 3.11 or earlier?** You used to receive the design system
-> transitively. Add `@useinsider/design-system-vue` `^2.0.0` to your own
-> `dependencies` — an already-hoisted 1.x copy resolves silently and fails at
-> runtime instead of at install.
-
 ---
 
 ## Quick Start

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 h, boolean as o, array as c, record as k, fallback as R, literal as i, looseObject as g, variant as C, union as f, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -78,12 +78,12 @@ 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()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(h([t(), n()])),
+  decimalCount: e(f([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(s())),
   /** Whether the block requested live products at send time */
@@ -117,7 +117,7 @@ const d = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(h([t(), n()])),
+  size: e(f([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
@@ -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(), !1)
 }), U = l([
   "amp-accordion",
   "amp-carousel",
@@ -269,11 +274,11 @@ const d = {
   ...m.entries,
   type: i("custom"),
   /** Custom processor function */
-  processor: f(
+  processor: h(
     (u) => typeof u == "function",
     "processor must be a function"
   )
-}), G = R("type", [
+}), G = C("type", [
   H,
   _,
   j,
@@ -289,7 +294,7 @@ const d = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    f(
+    h(
       (u) => typeof u == "function",
       "externalValidation must be a function"
     )

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,36 @@
+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": "", "full-width-content-status": "", "overlay-status": "", size: "medium", state: "default", "description-status": !1, "footer-status": !1, status: t.isOpen, "title-text": ((i = t.strategy) == null ? void 0 : i.name) || "" }, on: { onCloseEvent: t.close }, 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.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(b) {
+        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,
+  "008cf324"
+);
+const d = v.exports;
+export {
+  d as default
+};

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