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

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,20 +1,20 @@
-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.StrategyPicker), 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"
+  "b42dde02"
 );
-const l = s.exports;
+const f = s.exports;
 export {
-  l as default
+  f as default
 };

package/dist/components/Guido.vue2.js

@@ -1,29 +1,31 @@
 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 { useDynamicContentStore as he } from "../stores/dynamic-content.js";
+import ue from "./organisms/extensions/recommendation/StrategyDetailDrawer.vue.js";
+import pe from "./organisms/extensions/recommendation/StrategyPicker.vue.js";
+import fe from "./organisms/header/HeaderWrapper.vue.js";
+import ve from "./organisms/LoadingWrapper.vue.js";
+import Se from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ye from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ge } from "../services/stripoApi.js";
+import { useConfigStore as he } from "../stores/config.js";
+import { useDynamicContentStore as be } 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 { usePreviewStore as we } from "../stores/preview.js";
+import { useTemplateStore as De } from "../stores/template.js";
 import { useUnsubscribeStore as Ee } from "../stores/unsubscribe.js";
-const Ve = /* @__PURE__ */ X({
+const Xe = /* @__PURE__ */ X({
   __name: "Guido",
   props: {
     config: null
@@ -34,39 +36,39 @@ 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 = be(), D = Ee(), c = he();
+    c.init(b.config);
+    const m = $(), j = we(), 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;
     }, {
       templateId: v,
       userId: T,
-      partnerName: L,
-      username: k,
-      template: o,
+      partnerName: k,
+      username: L,
+      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) || [], P = (s == null ? void 0 : s.savedModulesFolderName) || H.SAVED_MODULES, U = (s == null ? void 0 : s.defaultModulesFolderName) || H.DEFAULT_MODULES;
+    te(), ne();
     const y = {
       emailId: v,
       userId: T,
-      username: k,
-      partnerName: L,
-      savedModulesFolderName: U,
-      defaultModulesFolderName: _
-    }, M = {
+      username: L,
+      partnerName: k,
+      savedModulesFolderName: P,
+      defaultModulesFolderName: U
+    }, _ = {
       preselectedDynamicContentList: S,
       onReady: () => {
         console.debug("guido:ready"), n("ready");
       }
-    }, { initPlugin: O } = se(y, M), { getDefaultTemplate: P } = Se(), { cloneTimersOnSave: R, hasTimerBlocks: A } = ae(), Q = x(() => {
+    }, { initPlugin: M } = se(y, _), { getDefaultTemplate: O } = ge(), { 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 +76,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 +91,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, De().$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 O(), r.html = await G(r.html, i)), A(r.html) && (r.html = await R(r.html)), await M(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: k, username: L, templateConfig: t, editorConfig: s, html: l, css: F, preselectedDynamicContentList: S, savedModulesFolderName: P, defaultModulesFolderName: U, emit: n, metadata: y, options: _, initPlugin: M, getDefaultTemplate: O, cloneTimersOnSave: R, hasTimerBlocks: A, noHeader: Q, insertDynamicContent: B, closeDynamicContent: N, handleDynamicContentOpen: g, ribbonObserver: a, updateRibbonOffset: h, AutoSaveController: me, Toaster: de, FilterSelectionDrawer: le, StrategyDetailDrawer: ue, StrategyPicker: pe, HeaderWrapper: fe, LoadingWrapper: ve, SaveAsTemplateDrawer: Se, UnsubscribeWrapper: ye };
   }
 });
 export {
-  Ve as default
+  Xe as default
 };

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js

@@ -15,7 +15,7 @@ var a = function() {
   i,
   !1,
   null,
-  "06afaecb"
+  "cf946232"
 );
 const f = n.exports;
 export {

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as u, ref as a, onMounted as p, onBeforeUnmount as l, nextTick as v } from "vue";
-import { usePreviewInteractionGuard as d } from "../../../../composables/usePreviewInteractionGuard.js";
+import { defineComponent as u, ref as a, onMounted as p, onBeforeUnmount as l, nextTick as d } from "vue";
+import { usePreviewInteractionGuard as v } from "../../../../composables/usePreviewInteractionGuard.js";
 import { useTranslations as _ } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as w } from "../../../../stores/preview.js";
 import I from "./DesktopBrowserHeader.vue.js";
 const C = /* @__PURE__ */ u({
   __name: "DesktopPreview",
-  setup(k) {
-    const i = _(), { blockPreviewInteractions: t } = d(), o = a(), n = a(!1), c = w();
+  setup(P) {
+    const i = _(), { guardPreviewInteractions: t } = v(), o = a(), r = a(!1), c = w();
     let e = null;
     const f = (m) => {
       t(m.target);
-    }, r = () => {
+    }, n = () => {
       o.value && (e = new ResizeObserver(() => {
-      }), e.observe(o.value), v(() => {
-        n.value = !0;
+      }), e.observe(o.value), d(() => {
+        r.value = !0;
       }));
     }, s = () => {
       e == null || e.disconnect();
     };
-    return p(r), l(s), { __sfc: !0, trans: i, blockPreviewInteractions: t, containerRef: o, isContainerReady: n, previewStore: c, resizeObserver: e, onIframeLoad: f, initIframe: r, cleanIframe: s, DesktopBrowserHeader: I };
+    return p(n), l(s), { __sfc: !0, trans: i, guardPreviewInteractions: t, containerRef: o, isContainerReady: r, previewStore: c, resizeObserver: e, onIframeLoad: f, initIframe: n, cleanIframe: s, DesktopBrowserHeader: I };
   }
 });
 export {

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js

@@ -1,20 +1,20 @@
 import e from "./ContentView.vue2.js";
 /* empty css                 */
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var c = function() {
+var o = function() {
   var t = this, s = t._self._c, a = t._self._setupProxy;
   return s("div", { staticClass: "w-1 h-1 b-c-4 d-f f-d-c" }, [s("div", { staticClass: "d-f j-c-s-b a-i-c p-2 h-6-s" }, [s("div", { staticClass: "d-f a-i-c cur-p", on: { click: function(l) {
     return t.$emit("back-to-inbox");
   } } }, [s(a.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [t._v(t._s(a.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(a.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(a.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("div", { staticClass: "iframe-wrapper f-g-1 o-h" }, [s("iframe", { ref: "iframeRef", staticClass: "iframe-scaled d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts allow-popups-to-escape-sandbox", srcdoc: a.previewStore.previewHtml }, on: { load: a.onLoad } })])]);
-}, o = [], i = /* @__PURE__ */ n(
+}, i = [], r = /* @__PURE__ */ n(
   e,
-  c,
   o,
+  i,
   !1,
   null,
-  "cbafc185"
+  "f255b2bb"
 );
-const d = i.exports;
+const d = r.exports;
 export {
   d as default
 };

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as m, ref as a } from "vue";
+import { defineComponent as c, ref as a } from "vue";
 import { usePreviewInteractionGuard as f } from "../../../../composables/usePreviewInteractionGuard.js";
 import { useResponsivePreview as p } from "../../../../composables/useResponsivePreview.js";
 import { useTranslations as u } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as v } from "../../../../stores/preview.js";
-import { InIcons as P } from "@useinsider/design-system-vue";
-const g = /* @__PURE__ */ m({
+import { InIcons as d } from "@useinsider/design-system-vue";
+const b = /* @__PURE__ */ c({
   __name: "ContentView",
   emits: ["back-to-inbox"],
-  setup(_) {
-    const c = u(), t = v(), r = a(), { setupResponsivePreview: n } = p(), { blockPreviewInteractions: s } = f(), i = (e) => {
+  setup(P) {
+    const m = u(), r = v(), t = a(), { setupResponsivePreview: n } = p(), { guardPreviewInteractions: s } = f(), i = (e) => {
       ["transform", "transform-origin", "height"].forEach((o) => {
         e.documentElement.style.removeProperty(o);
       });
     };
-    return { __sfc: !0, trans: c, previewStore: t, iframeRef: r, setupResponsivePreview: n, blockPreviewInteractions: s, clearAMPTransforms: i, onLoad: () => {
-      const e = r.value, o = e == null ? void 0 : e.contentDocument;
-      o && (n(e), s(e), t.isAMPResponsive && i(o));
-    }, InIcons: P };
+    return { __sfc: !0, trans: m, previewStore: r, iframeRef: t, setupResponsivePreview: n, guardPreviewInteractions: s, clearAMPTransforms: i, onLoad: () => {
+      const e = t.value, o = e == null ? void 0 : e.contentDocument;
+      o && (n(e), s(e), r.isAMPResponsive && i(o));
+    }, InIcons: d };
   }
 });
 export {
-  g as default
+  b 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,
+  "30363cc2"
+);
+const _ = v.exports;
+export {
+  _ as default
+};