@useinsider/guido 3.17.1-beta.1291eaa → 3.18.0-beta.41e529d

package/README.md

@@ -162,6 +162,7 @@ const config: GuidoConfigInput = {
     liquidSyntax?: boolean,       // Default: false - Enable Liquid template syntax
     autosave?: boolean,           // Default: false - Show the Auto Save toggle in the header. See wiki/AUTOSAVE.md.
     allowlistEnabled?: boolean,   // Default: false - Pre-save domain-allowlist check (opt-in). Guido self-serves the block toaster (role lookup, deep-link, copy from window.trans).
+    reusableRecommendationStrategy?: boolean, // Default: false - Assign an RRS strategy to recommendation blocks instead of per-block algorithm/filters/shuffle/product-count settings.
   },
 
   // Optional: Callbacks

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

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as k, boolean as o, array as c, transform as C, record as y, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
+import { object as a, number as n, optional as e, string as t, picklist as i, pipe as m, minLength as b, custom as y, boolean as o, array as c, transform as C, record as k, fallback as R, literal as u, looseObject as g, variant as T, union as h, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -24,7 +24,9 @@ const p = {
     b(1, "userId is required")
   ),
   /** Optional variation ID for A/B testing */
-  variationId: e(t())
+  variationId: e(t()),
+  /** Optional numeric campaign ID of the host campaign; absent for templates and modules */
+  campaignId: e(t())
 }), L = a({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
@@ -76,7 +78,7 @@ const p = {
   children: e(c(S)),
   // eslint-disable-next-line camelcase -- backend field name
   select_items: e(c(S))
-})), N = y(
+})), N = k(
   t(),
   R(c(S), [])
 ), P = g({
@@ -132,7 +134,7 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    y(t(), P),
+    k(t(), P),
     {}
   )
 }), x = a({
@@ -219,7 +221,8 @@ const p = {
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
   allowlistEnabled: e(o(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
-  linkTrackingIds: e(o(), !1)
+  linkTrackingIds: e(o(), !1),
+  reusableRecommendationStrategy: e(o(), !1)
 }), B = i([
   "amp-accordion",
   "amp-carousel",
@@ -287,7 +290,7 @@ const p = {
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: k(
+  processor: y(
     (s) => typeof s == "function",
     "processor must be a function"
   )
@@ -307,7 +310,7 @@ const p = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    k(
+    y(
       (s) => typeof s == "function",
       "externalValidation must be a function"
     )

package/dist/components/Guido.vue.js

@@ -1,20 +1,20 @@
-import i from "./Guido.vue2.js";
+import o 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) {
+  var a = this, r = a._self._c, e = a._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) : a._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), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.AssignStrategyDrawer) : a._e(), e.isRrsEnabled || e.hasAssignedStrategy ? r(e.RemoveStrategyModal) : a._e(), e.isRrsEnabled ? r(e.LegacyStrategyUpdatedModal) : a._e(), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, n = [], s = /* @__PURE__ */ a(
-  i,
+}, s = [], n = /* @__PURE__ */ i(
+  o,
   t,
-  n,
+  s,
   !1,
   null,
-  "b0d3b445"
+  "d1f80922"
 );
-const l = s.exports;
+const f = n.exports;
 export {
-  l as default
+  f as default
 };

package/dist/components/Guido.vue2.js

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

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

@@ -0,0 +1,21 @@
+import r from "./AssignStrategyDrawer.vue2.js";
+/* empty css                          */
+/* empty css                          */
+import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var e = this, s = e._self._c, t = e._self._setupProxy;
+  return t.store.assignStrategyDrawerStatus ? s(t.OrgStrategyDetailModal, { staticClass: "assign-strategy-drawer", attrs: { "description-status": "", show: "", "description-text": t.drawerDescription, "footer-button-group-options": t.footerButtonGroupOptions, strategy: t.selectedStrategy ?? {}, "title-text": t.trans("gpt-app-builder.assign-recommendation-strategy") }, on: { close: t.closeDrawer, primaryClick: t.assignStrategy }, scopedSlots: e._u([{ key: "contentTop", fn: function() {
+    return [s("div", { staticClass: "assign-strategy-drawer-content px-5 py-5" }, [s(t.OrgStrategyDropdown, { staticClass: "assign-strategy-select", attrs: { id: "assign-strategy-select", "info-box-position": "bottom right", "create-button-visible": !1, loading: t.store.strategiesLoading || t.store.legacyConversionLoading, "placeholder-text": t.trans("smart-recommender.select-recommendation-strategy"), "selected-strategy-id": t.selectedStrategyId, state: t.showSelectionError ? "error" : "default", "state-message": t.showSelectionError ? t.trans("ds-steps.select-strategy-tooltip") : "", strategies: t.strategyOptions }, on: { infoBoxButtonClick: t.onInfoBoxButtonClick, select: t.onSelect } })], 1)];
+  }, proxy: !0 }], null, !1, 239334473) }) : e._e();
+}, n = [], i = /* @__PURE__ */ o(
+  r,
+  a,
+  n,
+  !1,
+  null,
+  "4019dc4d"
+);
+const y = i.exports;
+export {
+  y as default
+};

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

@@ -0,0 +1,131 @@
+import { defineComponent as h, defineAsyncComponent as T, ref as _, computed as s, watch as B } from "vue";
+import "@useinsider/design-system-organisms/style";
+import { useLegacyStrategyConversion as I } from "../../../../composables/useLegacyStrategyConversion.js";
+import { useToaster as N } from "../../../../composables/useToaster.js";
+import { useTranslations as k } from "../../../../composables/useTranslations.js";
+import { DOTTED_DATE_LOCALE as P } from "../../../../enums/date.js";
+import { URLS as U } from "../../../../enums/extensions/recommendationBlock.js";
+import { ToasterTypeOptions as p } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as b } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import G from "./StrategyInfoBoxContent.vue.js";
+import { formatShortDate as M } from "../../../../utils/dateUtil.js";
+import { asText as D } from "../../../../utils/genericUtil.js";
+import { escapeHtml as x } from "../../../../utils/htmlEscape.js";
+import { InSkeleton as R } from "@useinsider/design-system-vue";
+const st = /* @__PURE__ */ h({
+  __name: "AssignStrategyDrawer",
+  setup(H) {
+    const l = () => import("@useinsider/design-system-organisms"), g = (t, a) => ({
+      render: (n) => n(R, { props: { sizing: { width: t, height: a } } })
+    }), O = T({
+      loader: async () => (await l()).OrgStrategyDetailModal,
+      loadingComponent: g(480, 240),
+      delay: 0
+    }), w = T({
+      loader: async () => (await l()).OrgStrategyDropdown,
+      loadingComponent: g(240, 42),
+      delay: 0
+    }), r = k(), e = b(), { showToaster: i } = N(), { convertLegacyStrategy: u } = I(), o = _(null), y = "legacy", d = "guido__btn-update-legacy-strategy", c = _(!1), A = s(() => e.assignStrategyDrawerStatus ? r("email-editor.assign-strategy-description", { url: U.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    B(() => e.assignStrategyDrawerStatus, (t) => {
+      if (!t)
+        return;
+      const { strategyId: a } = e.recommendationConfigs;
+      o.value = a || (e.isLegacyStrategyBlock ? y : null), c.value = !1, e.fetchStrategies().catch(() => {
+        i({
+          type: p.Error,
+          message: r("discovery-strategy.error-description")
+        });
+      });
+    });
+    const f = (t) => {
+      const a = D(t.updated_at || t.created_at);
+      if (!a)
+        return "";
+      const n = M(a, P);
+      return r("recommendation-strategy.last-updated-on", { value: n });
+    }, S = s(() => ({
+      text: r("ds-steps.legacy-strategy"),
+      value: y,
+      infoBoxProps: {
+        id: "strategy-info-legacy",
+        theme: "light",
+        variant: "information",
+        className: "assign-strategy-info-box",
+        titleText: x(r("ds-steps.legacy-strategy")),
+        descriptionStatus: !0,
+        descriptionText: r("statistics.legacy-strategy-description"),
+        buttonOptions: [{
+          id: d,
+          type: "primary",
+          text: r("ds-steps.update"),
+          loadingStatus: e.legacyConversionLoading,
+          disabledStatus: e.legacyConversionLoading
+        }]
+      }
+    })), E = async (t) => {
+      if ((t == null ? void 0 : t.id) !== d)
+        return;
+      const a = await u();
+      a && (o.value = a);
+    }, m = s(() => e.strategies.map((t) => ({
+      text: t.name,
+      value: t.strategy_id,
+      infoBoxProps: {
+        id: `strategy-info-${t.strategy_id}`,
+        theme: "light",
+        variant: "information",
+        className: "assign-strategy-info-box",
+        titleText: x(D(t.name)),
+        descriptionStatus: !0,
+        descriptionText: f(t),
+        slot: G,
+        slotProps: { strategy: t }
+      }
+    }))), C = s(() => e.isLegacyStrategyBlock ? [S.value, ...m.value] : m.value), v = s(() => {
+      const t = e.strategies.find((a) => String(a.strategy_id) === String(o.value ?? ""));
+      return t ? { ...t, fallback_config: null } : null;
+    }), L = s(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: r("products.assign-btn")
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: r("products.cancel")
+      }
+    }));
+    return { __sfc: !0, loadOrganisms: l, skeleton: g, OrgStrategyDetailModal: O, OrgStrategyDropdown: w, trans: r, store: e, showToaster: i, convertLegacyStrategy: u, selectedStrategyId: o, LEGACY_OPTION_VALUE: y, LEGACY_UPDATE_BUTTON_ID: d, showSelectionError: c, drawerDescription: A, lastUpdatedText: f, legacyStrategyOption: S, onInfoBoxButtonClick: E, remoteStrategyOptions: m, strategyOptions: C, selectedStrategy: v, footerButtonGroupOptions: L, closeDrawer: () => {
+      e.closeAssignStrategyDrawer();
+    }, assignStrategy: async () => {
+      const t = v.value;
+      if (!t) {
+        c.value = !0;
+        return;
+      }
+      let a = "";
+      try {
+        a = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
+      } catch (n) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", n);
+      }
+      if (!a) {
+        i({
+          type: p.Error,
+          message: r("email-editor.strategy-assign-failed", { strategyName: t.name })
+        });
+        return;
+      }
+      e.assignStrategy(t), i({
+        type: p.Success,
+        message: r("email-editor.strategy-assigned-success", { strategyName: t.name })
+      }), e.closeAssignStrategyDrawer();
+    }, onSelect: (t) => {
+      o.value = t.value, c.value = !1;
+    } };
+  }
+});
+export {
+  st as default
+};

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

@@ -0,0 +1,18 @@
+import s from "./LegacyStrategyUpdatedModal.vue2.js";
+/* empty css                                */
+import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
+  var t = this, a = t._self._c, e = t._self._setupProxy;
+  return e.store.legacyStrategyUpdatedModalStatus ? a("div", { staticClass: "legacy-strategy-updated-modal" }, [a(e.WpModal, { attrs: { id: "guido__legacy-strategy-updated-modal", size: "small", "close-on-outside-click": !1, "footer-button-options": e.footerButtonOptions, title: e.trans("ds-steps.recommendation-strategy-migration-modal-title") }, on: { close: e.close, "primary-action": e.close } }, [a("p", [t._v(t._s(e.messageParts[0])), a("b", [t._v(t._s(e.strategyName))]), t._v(t._s(e.messageParts[1]))])])], 1) : t._e();
+}, l = [], n = /* @__PURE__ */ o(
+  s,
+  r,
+  l,
+  !1,
+  null,
+  "da2225a1"
+);
+const m = n.exports;
+export {
+  m as default
+};

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

@@ -0,0 +1,25 @@
+import { defineComponent as i, computed as s } from "vue";
+import p from "../../../wrappers/WpModal.vue.js";
+import { useTranslations as d } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as g } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+const M = /* @__PURE__ */ i({
+  __name: "LegacyStrategyUpdatedModal",
+  setup(l) {
+    const e = d(), t = g(), n = s(() => ({
+      primaryButton: {
+        type: "primary",
+        labelText: e("action-builder.ok")
+      }
+    })), m = s(() => {
+      var r;
+      const { strategyId: a } = t.recommendationConfigs;
+      return ((r = t.assignedStrategy) == null ? void 0 : r.name) || `#${a}`;
+    }), o = "__STRATEGY_NAME__", c = s(() => e("email-editor.legacy-strategy-updated-message", { strategyName: o }).split(o));
+    return { __sfc: !0, trans: e, store: t, footerButtonOptions: n, strategyName: m, NAME_TOKEN: o, messageParts: c, close: () => {
+      t.closeLegacyStrategyUpdatedModal();
+    }, WpModal: p };
+  }
+});
+export {
+  M as default
+};

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

@@ -0,0 +1,17 @@
+import s from "./RemoveStrategyModal.vue2.js";
+import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var t = this, o = t._self._c, e = t._self._setupProxy;
+  return e.store.removeStrategyModalStatus ? o(e.WpModal, { attrs: { id: "guido__remove-strategy-modal", size: "small", "close-on-outside-click": !1, "footer-button-options": e.footerButtonOptions, title: e.trans("email-editor.remove-strategy-confirm-title") }, on: { close: e.close, "primary-action": e.handleConfirm, "secondary-action": e.close } }, [o("p", [t._v(t._s(e.messageParts[0])), o("b", [t._v(t._s(e.strategyName))]), t._v(t._s(e.messageParts[1]))])]) : t._e();
+}, n = [], _ = /* @__PURE__ */ r(
+  s,
+  a,
+  n,
+  !1,
+  null,
+  null
+);
+const c = _.exports;
+export {
+  c as default
+};

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

@@ -0,0 +1,57 @@
+import { defineComponent as u, computed as n } from "vue";
+import y from "../../../wrappers/WpModal.vue.js";
+import { useToaster as f } from "../../../../composables/useToaster.js";
+import { useTranslations as _ } from "../../../../composables/useTranslations.js";
+import { ToasterTypeOptions as v } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as T } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { commitBlockChangeOutsidePanel as h } from "../../../../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { escapeHtml as R } from "../../../../utils/htmlEscape.js";
+const P = /* @__PURE__ */ u({
+  __name: "RemoveStrategyModal",
+  setup(S) {
+    const t = _(), e = T(), { showToaster: a } = f(), i = n(() => ({
+      cancelOrBackButton: {
+        type: "secondary",
+        labelText: t("products.cancel"),
+        styling: "ghost"
+      },
+      primaryButton: {
+        type: "danger",
+        labelText: t("discovery-strategy.remove")
+      }
+    })), m = n(() => {
+      var o;
+      const { strategyId: r } = e.recommendationConfigs;
+      return ((o = e.assignedStrategy) == null ? void 0 : o.name) || `#${r}`;
+    }), s = "__STRATEGY_NAME__", d = n(() => t("email-editor.remove-strategy-confirm-message", { strategyName: s }).split(s)), c = () => {
+      e.closeRemoveStrategyModal();
+    };
+    return { __sfc: !0, trans: t, store: e, showToaster: a, footerButtonOptions: i, strategyName: m, NAME_TOKEN: s, messageParts: d, close: c, handleConfirm: async () => {
+      const r = m.value, o = e.currentRecommendationId;
+      e.removeStrategy(), c();
+      const { strategyId: l, size: g } = e.recommendationConfigs;
+      if (a({
+        type: v.Success,
+        // The toast renders through a sanitizing v-html, so the name is escaped first.
+        message: t("email-editor.strategy-removed-success", {
+          strategyName: `<b>${R(r)}</b>`
+        })
+      }), o !== null) {
+        try {
+          await e.fetchRecommendationProducts();
+        } catch (p) {
+          console.error("[RemoveStrategyModal] product refetch failed", p);
+        }
+        h(
+          o,
+          { strategyId: l, size: g },
+          e.recommendationProducts,
+          "Removed recommendation strategy"
+        );
+      }
+    }, WpModal: y };
+  }
+});
+export {
+  P as default
+};

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

@@ -0,0 +1,19 @@
+import r from "./StrategyInfoBoxContent.vue2.js";
+import _ from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var c = function() {
+  var t = this, s = t._self._c, n = t._self._setupProxy;
+  return s("div", { staticClass: "d-f f-d-c mt-3" }, t._l(n.details, function(e, a) {
+    return s("div", { key: e.title, staticClass: "d-f f-d-c", class: { "mt-2": a > 0 } }, [s("span", { staticClass: "f-s-1 f-w-600 l-h-1 t-c-52 mb-12" }, [t._v(t._s(e.title))]), s("span", { staticClass: "f-s-1 l-h-6 t-c-55 w-b-b-w" }, [t._v(t._s(e.value))])]);
+  }), 0);
+}, f = [], l = /* @__PURE__ */ _(
+  r,
+  c,
+  f,
+  !1,
+  null,
+  null
+);
+const p = l.exports;
+export {
+  p as default
+};