@useinsider/guido 3.17.0-beta.bdc7d25 → 3.17.0-beta.c3ab4de

package/README.md

@@ -634,16 +634,16 @@ toaster fires (useful before the host has wired the catalog).
 
 ```bash
 # Install
-bun install
+npm install
 
 # Start dev server
-bun start
+npm start
 
 # Build
-bun run build
+npm run build
 
 # Lint & type-check
-bun run lint
+npm run lint
 ```
 
 ### Environment Variables
@@ -661,7 +661,7 @@ VITE_STRIPO_USER=your_user
 
 ```bash
 # Build the package
-bun run build
+npm run build
 
 # Create tarball
 npm pack

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 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";
+import { ModuleFolderDefaults as S } 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 h, 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 y, unknown as r, lazy as I } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -68,22 +68,22 @@ const p = {
       value: t()
     })
   )
-}), S = I(() => g({
+}), f = I(() => g({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(S)),
+  children: e(c(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(S))
+  select_items: e(c(f))
 })), N = k(
   t(),
-  R(c(S), [])
+  R(c(f), [])
 ), P = 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(y([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(r())),
   /** Whether the block requested live products at send time */
@@ -117,7 +117,7 @@ const p = {
   /** 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(y([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
@@ -189,9 +189,9 @@ const p = {
   /** Email header settings */
   emailHeader: e(D, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -216,15 +216,12 @@ const p = {
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
+  /** Enable the Stripo Accessibility Checker control in the editor toolbar. */
+  accessibilityTesting: e(o(), !1),
   /** 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),
-  /**
-   * Assign a Reusable Recommendation Strategy (RRS) to recommendation blocks instead of
-   * per-block algorithm settings. Hides Algorithm, Filters, Shuffle and Number of Products
-   * (they live on the strategy) and adds the Assign Strategy flow.
-   */
   reusableRecommendationStrategy: e(o(), !1)
 }), B = i([
   "amp-accordion",
@@ -293,7 +290,7 @@ const p = {
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
-  processor: y(
+  processor: h(
     (s) => typeof s == "function",
     "processor must be a function"
   )
@@ -313,7 +310,7 @@ const p = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    y(
+    h(
       (s) => typeof s == "function",
       "externalValidation must be a function"
     )
@@ -349,7 +346,7 @@ export {
   G as CustomRuleSchema,
   B as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  f as DynamicContentNodeSchema,
   E as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,

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), e.isRrsEnabled ? r(e.AssignStrategyDrawer) : o._e(), 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(), 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,
-  "b13f0cfc"
+  "5c588dc5"
 );
-const l = s.exports;
+const v = n.exports;
 export {
-  l as default
+  v as default
 };

package/dist/components/Guido.vue2.js

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

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

@@ -1,19 +1,19 @@
 import r from "./AssignStrategyDrawer.vue2.js";
 /* empty css                          */
 /* empty css                          */
-import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
+import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var o = 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, "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: { select: t.onSelect } })], 1)];
-  }, proxy: !0 }], null, !1, 5799417) }) : e._e();
-}, n = [], i = /* @__PURE__ */ o(
+    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, "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: { select: t.onSelect } })], 1)];
+  }, proxy: !0 }], null, !1, 2542767044) }) : e._e();
+}, n = [], i = /* @__PURE__ */ a(
   r,
-  a,
+  o,
   n,
   !1,
   null,
-  "43e684f6"
+  "2580a7d9"
 );
 const y = i.exports;
 export {

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

@@ -1,69 +1,106 @@
-import { defineComponent as f, defineAsyncComponent as g, ref as l, computed as a, watch as w } from "vue";
+import { defineComponent as v, defineAsyncComponent as y, ref as u, computed as l, watch as O } from "vue";
 import "@useinsider/design-system-organisms/style";
-import { useToaster as _ } from "../../../../composables/useToaster.js";
-import { useTranslations as D } from "../../../../composables/useTranslations.js";
-import { URLS as v } from "../../../../enums/extensions/recommendationBlock.js";
-import { ToasterTypeOptions as p } from "../../../../enums/toaster.js";
-import { useRecommendationExtensionStore as T } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import O from "./StrategyInfoBoxContent.vue.js";
-import { buildStrategyInfoBoxProps as x } from "../../../../utils/strategyInfoBox.js";
-const L = /* @__PURE__ */ f({
+import { useToaster as x } from "../../../../composables/useToaster.js";
+import { useTranslations as A } from "../../../../composables/useTranslations.js";
+import { DOTTED_DATE_LOCALE as E } from "../../../../enums/date.js";
+import { URLS as h } from "../../../../enums/extensions/recommendationBlock.js";
+import { ToasterTypeOptions as m } from "../../../../enums/toaster.js";
+import { useRecommendationExtensionStore as C } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import B from "./StrategyInfoBoxContent.vue.js";
+import { formatShortDate as I } from "../../../../utils/dateUtil.js";
+import { asText as f } from "../../../../utils/genericUtil.js";
+import { escapeHtml as N } from "../../../../utils/htmlEscape.js";
+import { InSkeleton as b } from "@useinsider/design-system-vue";
+const W = /* @__PURE__ */ v({
   __name: "AssignStrategyDrawer",
-  setup(A) {
-    const m = g(
-      async () => (await import("@useinsider/design-system-organisms")).OrgStrategyDetailModal
-    ), y = g(
-      async () => (await import("@useinsider/design-system-organisms")).OrgStrategyDropdown
-    ), r = D(), e = T(), { showToaster: n } = _(), s = l(null), o = l(!1), u = a(() => e.assignStrategyDrawerStatus ? r("email-editor.assign-strategy-description", { url: v.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
-    w(() => e.assignStrategyDrawerStatus, (t) => {
+  setup(k) {
+    const c = () => import("@useinsider/design-system-organisms"), g = (t, r) => ({
+      render: (a) => a(b, { props: { sizing: { width: t, height: r } } })
+    }), S = y({
+      loader: async () => (await c()).OrgStrategyDetailModal,
+      loadingComponent: g(480, 240),
+      delay: 0
+    }), T = y({
+      loader: async () => (await c()).OrgStrategyDropdown,
+      loadingComponent: g(240, 42),
+      delay: 0
+    }), o = A(), e = C(), { showToaster: s } = x(), n = u(null), i = u(!1), _ = l(() => e.assignStrategyDrawerStatus ? o("email-editor.assign-strategy-description", { url: h.RECOMMENDATION_STRATEGIES_PANEL_PATH }) : "");
+    O(() => e.assignStrategyDrawerStatus, (t) => {
       if (!t)
         return;
-      const { strategyId: i } = e.recommendationConfigs;
-      s.value = i || null, o.value = !1, e.fetchStrategies().catch(() => {
-        n({
-          type: p.Error,
-          message: r("discovery-strategy.error-description")
+      const { strategyId: r } = e.recommendationConfigs;
+      n.value = r || null, i.value = !1, e.fetchStrategies().catch(() => {
+        s({
+          type: m.Error,
+          message: o("discovery-strategy.error-description")
         });
       });
     });
-    const d = a(() => e.strategies.map((t) => ({
+    const p = (t) => {
+      const r = f(t.updated_at || t.created_at);
+      if (!r)
+        return "";
+      const a = I(r, E);
+      return o("recommendation-strategy.last-updated-on", { value: a });
+    }, D = l(() => e.strategies.map((t) => ({
       text: t.name,
       value: t.strategy_id,
-      // `slot` lives here, not in the util: the design system renders it with
-      // `<component :is>` inside its own info box, and a util must not import one.
-      infoBoxProps: { ...x(t, r), slot: O }
-    }))), c = a(() => {
-      const t = e.strategies.find((i) => String(i.strategy_id) === String(s.value ?? ""));
+      infoBoxProps: {
+        id: `strategy-info-${t.strategy_id}`,
+        theme: "light",
+        variant: "information",
+        className: "assign-strategy-info-box",
+        titleText: N(f(t.name)),
+        descriptionStatus: !0,
+        descriptionText: p(t),
+        slot: B,
+        slotProps: { strategy: t }
+      }
+    }))), d = l(() => {
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(n.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
-    }), S = a(() => ({
+    }), w = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: r("products.assign-btn")
+        labelText: o("products.assign-btn")
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: r("products.cancel")
+        labelText: o("products.cancel")
       }
     }));
-    return { __sfc: !0, OrgStrategyDetailModal: m, OrgStrategyDropdown: y, trans: r, store: e, showToaster: n, selectedStrategyId: s, showSelectionError: o, drawerDescription: u, strategyOptions: d, selectedStrategy: c, footerButtonGroupOptions: S, closeDrawer: () => {
+    return { __sfc: !0, loadOrganisms: c, skeleton: g, OrgStrategyDetailModal: S, OrgStrategyDropdown: T, trans: o, store: e, showToaster: s, selectedStrategyId: n, showSelectionError: i, drawerDescription: _, lastUpdatedText: p, strategyOptions: D, selectedStrategy: d, footerButtonGroupOptions: w, closeDrawer: () => {
       e.closeAssignStrategyDrawer();
-    }, assignStrategy: () => {
-      const t = c.value;
+    }, assignStrategy: async () => {
+      const t = d.value;
       if (!t) {
-        o.value = !0;
+        i.value = !0;
+        return;
+      }
+      let r = "";
+      try {
+        r = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
+      } catch (a) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", a);
+      }
+      if (!r) {
+        s({
+          type: m.Error,
+          message: o("email-editor.strategy-assign-failed", { strategyName: t.name })
+        });
         return;
       }
-      e.assignStrategy(t), n({
-        type: p.Success,
-        message: r("email-editor.strategy-assigned-success", { strategyName: t.name })
+      e.assignStrategy(t), s({
+        type: m.Success,
+        message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
       }), e.closeAssignStrategyDrawer();
     }, onSelect: (t) => {
-      s.value = t.value, o.value = !1;
+      n.value = t.value, i.value = !1;
     } };
   }
 });
 export {
-  L as default
+  W 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
+};