@useinsider/guido 3.18.0-beta.41e529d → 3.18.0-beta.6817b07

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).
+    allowSaveWithErrors?: boolean, // Default: true - Allow the validation drawer's "Save and Continue" soft-save. Set false to hard-block invalid saves (transactional + unsubscribe pages).
     reusableRecommendationStrategy?: boolean, // Default: false - Assign an RRS strategy to recommendation blocks instead of per-block algorithm/filters/shuffle/product-count settings.
   },
 

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

@@ -24,15 +24,13 @@ const p = {
     b(1, "userId is required")
   ),
   /** Optional variation ID for A/B testing */
-  variationId: e(t()),
-  /** Optional numeric campaign ID of the host campaign; absent for templates and modules */
-  campaignId: e(t())
+  variationId: e(t())
 }), L = a({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
   family: t()
-}), M = a({
+}), E = a({
   /** Partner/organization name (required) */
   name: m(
     t(),
@@ -56,7 +54,7 @@ const p = {
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
   fallbackFont: e(L)
-}), E = a({
+}), M = a({
   /** Display text for the dynamic content */
   text: t(),
   /** Template variable value (e.g., {{username}}) */
@@ -78,10 +76,10 @@ const p = {
   children: e(c(S)),
   // eslint-disable-next-line camelcase -- backend field name
   select_items: e(c(S))
-})), N = k(
+})), v = k(
   t(),
   R(c(S), [])
-), P = g({
+), N = 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) */
@@ -126,7 +124,7 @@ const p = {
   isPriceMovedToNextLine: e(o()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
   isPriceDeletedForZeroSale: e(o())
-}), v = a({
+}), P = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -134,7 +132,7 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    k(t(), P),
+    k(t(), N),
     {}
   )
 }), x = a({
@@ -144,7 +142,7 @@ const p = {
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    c(E),
+    c(M),
     []
   ),
   /**
@@ -153,7 +151,7 @@ const p = {
    * (first) partner's leaf attributes into the label→token map that repairs
    * label-form placeholders (`{{ Phone Number }}`) in dropped saved modules.
    */
-  dynamicContentList: e(N, {}),
+  dynamicContentList: e(v, {}),
   /** Valid custom field attribute names from the partner's categorized fields */
   customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
@@ -175,7 +173,7 @@ const p = {
     0
   ),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(v, {})
+  migration: e(P, {})
 }), D = a({
   /** Sender display name */
   senderName: e(t(), ""),
@@ -222,8 +220,10 @@ const p = {
   allowlistEnabled: e(o(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
   linkTrackingIds: e(o(), !1),
+  /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
+  allowSaveWithErrors: e(o(), !0),
   reusableRecommendationStrategy: e(o(), !1)
-}), B = i([
+}), w = i([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -237,7 +237,7 @@ const p = {
   "text-block",
   "timer-block",
   "video-block"
-]), w = i([
+]), B = i([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -248,12 +248,12 @@ const p = {
 ]), H = a({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    c(B),
+    c(w),
     []
   ),
   /** Custom blocks to include in the editor */
   includeCustoms: e(
-    c(w),
+    c(B),
     []
   )
 }), d = a({
@@ -304,7 +304,7 @@ const p = {
   customRules: e(c(V), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(o(), !1)
-}), Z = a({
+}), W = a({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
@@ -315,12 +315,12 @@ const p = {
       "externalValidation must be a function"
     )
   )
-}), Q = a({
+}), K = a({
   // Required sections
   /** Identity configuration (required) */
   identity: A,
   /** Partner configuration (required) */
-  partner: M,
+  partner: E,
   // Optional sections (with defaults)
   /** Template content and presets */
   template: e(x, {}),
@@ -335,33 +335,33 @@ const p = {
   /** Compiler configuration */
   compiler: e(z, {}),
   /** Callbacks and event handlers */
-  callbacks: e(Z, {})
+  callbacks: e(W, {})
 });
 export {
   H as BlocksSchema,
-  Z as CallbacksSchema,
+  W as CallbacksSchema,
   V as CompilerRuleSchema,
   z as CompilerSchema,
-  w as CustomBlockTypeSchema,
+  B as CustomBlockTypeSchema,
   G as CustomRuleSchema,
-  B as DefaultBlockTypeSchema,
-  N as DynamicContentListSchema,
+  w as DefaultBlockTypeSchema,
+  v as DynamicContentListSchema,
   S as DynamicContentNodeSchema,
-  E as DynamicContentSchema,
+  M as DynamicContentSchema,
   O as EditorSchema,
   D as EmailHeaderSchema,
   L as FallbackFontSchema,
   U as FeaturesSchema,
-  Q as GuidoConfigSchema,
+  K as GuidoConfigSchema,
   A as IdentitySchema,
-  P as LegacyRecommendationConfigSchema,
+  N as LegacyRecommendationConfigSchema,
   p as MessageType,
-  M as PartnerSchema,
+  E as PartnerSchema,
   l as ProductType,
   j as RegexRuleSchema,
   q as RemoveRuleSchema,
   _ as ReplaceRuleSchema,
-  v as TemplateMigrationSchema,
+  P as TemplateMigrationSchema,
   x as TemplateSchema,
   F as UISchema
 };

package/dist/components/Guido.vue.js

@@ -1,20 +1,20 @@
-import o from "./Guido.vue2.js";
+import i from "./Guido.vue2.js";
 /* empty css           */
-import i from "../_virtual/_plugin-vue2_normalizer.js";
+import o from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   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 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.isSaveValidationEnabled ? r(e.ValidationErrorDrawer) : a._e(), e.isTestPartner() ? a._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
-}, s = [], n = /* @__PURE__ */ i(
-  o,
+}, s = [], n = /* @__PURE__ */ o(
+  i,
   t,
   s,
   !1,
   null,
-  "d1f80922"
+  "2db79b8f"
 );
-const f = n.exports;
+const c = n.exports;
 export {
-  f as default
+  c as default
 };

package/dist/components/Guido.vue2.js

@@ -1,30 +1,32 @@
-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 { defineComponent as ee, defineAsyncComponent as l, ref as A, computed as u, watch as U, 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 { useSaveValidationRollout as ie } from "../composables/useSaveValidationRollout.js";
+import { useStripo as ce } from "../composables/useStripo.js";
+import { useTimerClone as de } 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 { RIBBON_SELECTOR as me } 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 le from "./organisms/AutoSaveController.vue.js";
+import ue from "./organisms/base/Toaster.vue.js";
+import pe from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import fe from "./organisms/header/HeaderWrapper.vue.js";
+import ye from "./organisms/LoadingWrapper.vue.js";
+import ge from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ve from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import Se from "./organisms/validation/ValidationErrorDrawer.vue.js";
+import { useStripoApi as be } from "../services/stripoApi.js";
+import { useConfigStore as he } from "../stores/config.js";
+import { useDynamicContentStore as Ee } from "../stores/dynamic-content.js";
 import { useEditorStore as P } from "../stores/editor.js";
-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 { usePreviewStore as we } from "../stores/preview.js";
+import { useTemplateStore as De } from "../stores/template.js";
+import { useUnsubscribeStore as Ce } from "../stores/unsubscribe.js";
 import { readTrackFloor as W } from "../utils/linkTrackingIds.js";
-const Je = /* @__PURE__ */ ee({
+const Ze = /* @__PURE__ */ ee({
   __name: "Guido",
   props: {
     config: null,
@@ -32,21 +34,19 @@ const Je = /* @__PURE__ */ ee({
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
   setup(x, { expose: G, emit: r }) {
-    const a = x, H = m(
+    const a = x, H = l(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), $ = m(
+    ), V = l(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), z = m(
+    ), $ = l(
       () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
-    ), q = m(
+    ), z = l(
       () => 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();
+    ), b = A(), p = A(), f = Ee(), h = Ce(), o = he();
     a.ready && o.init(a.config);
-    const c = P(), V = be(), l = u(() => c.hasChanges), { isTestPartner: j } = ae(), E = () => {
+    const c = P(), q = we(), m = u(() => c.hasChanges), { isTestPartner: K } = ae(), { isEnabled: j } = ie(), E = () => {
       var t;
-      return (t = h.value) == null ? void 0 : t.handleSave(!0);
+      return (t = b.value) == null ? void 0 : t.handleSave(!0);
     }, w = (t) => {
       c.loadingStatus = t;
     };
@@ -61,7 +61,7 @@ const Je = /* @__PURE__ */ ee({
         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: C, preloadRuntime: D } = ie(), { getDefaultTemplate: k } = ve(), { cloneTimersOnSave: T, hasTimerBlocks: F } = ce(), J = u(() => {
+    }, { initPlugin: D, preloadRuntime: C } = ce(), { getDefaultTemplate: k } = be(), { cloneTimersOnSave: T, hasTimerBlocks: F } = de(), J = u(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
     }), Q = u(() => o.isFeatureEnabled("reusableRecommendationStrategy")), X = u(
@@ -82,13 +82,13 @@ const Je = /* @__PURE__ */ ee({
         console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const I = (t) => {
+    const R = (t) => {
       console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, R = () => {
+    }, I = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    A(() => l.value, () => {
-      r("on-change", l.value);
+    U(() => m.value, () => {
+      r("on-change", m.value);
     });
     const g = (t) => {
       const e = t, { attribute: s, position: d } = e.detail;
@@ -97,14 +97,14 @@ const Je = /* @__PURE__ */ ee({
     let i = null;
     const v = () => {
       var e;
-      const t = document.querySelector(de);
+      const t = document.querySelector(me);
       (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) || [];
-        b.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        h.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 _(s, M),
@@ -119,19 +119,19 @@ const Je = /* @__PURE__ */ ee({
             console.debug("guido:ready"), r("ready");
           }
         };
-        await C(n, y(), Z), f.selectedDynamicContentList = L;
+        await D(n, y(), Z), f.selectedDynamicContentList = L;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
     return te(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), O().$reset(), P().$reset(), Ee().$reset(), v();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), O().$reset(), P().$reset(), De().$reset(), v();
       const t = (e = p.value) == null ? void 0 : e.parentElement;
-      if (t && (i = new ResizeObserver(v), i.observe(t)), D(), a.ready)
+      if (t && (i = new ResizeObserver(v), i.observe(t)), C(), a.ready)
         await S();
       else {
-        const s = A(() => a.ready, (d) => {
+        const s = U(() => a.ready, (d) => {
           d && (s(), S());
         });
       }
@@ -146,15 +146,15 @@ const Je = /* @__PURE__ */ ee({
       o.reset();
     }), G({
       dynamicContent: {
-        insert: I,
-        close: R
+        insert: R,
+        close: I
       },
-      hasChanges: l,
+      hasChanges: m,
       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 };
+    }), { __sfc: !0, PreviewContainer: H, OnboardingWrapper: V, AssignStrategyDrawer: $, RemoveStrategyModal: z, headerWrapperRef: b, wrapperRef: p, dynamicContentStore: f, unsubscribeStore: h, props: a, configStore: o, editorStore: c, previewStore: q, hasChanges: m, isTestPartner: K, isSaveValidationEnabled: j, saveSilent: E, setLoading: w, emit: r, buildMetadata: y, initPlugin: D, preloadRuntime: C, getDefaultTemplate: k, cloneTimersOnSave: T, hasTimerBlocks: F, noHeader: J, isRrsEnabled: Q, hasAssignedStrategy: X, insertDynamicContent: R, closeDynamicContent: I, handleDynamicContentOpen: g, ribbonObserver: i, updateRibbonOffset: v, startEditor: S, AutoSaveController: le, Toaster: ue, FilterSelectionDrawer: pe, HeaderWrapper: fe, LoadingWrapper: ye, SaveAsTemplateDrawer: ge, UnsubscribeWrapper: ve, ValidationErrorDrawer: Se };
   }
 });
 export {
-  Je as default
+  Ze as default
 };

package/dist/components/organisms/AutoSaveController.vue2.js

@@ -1,13 +1,14 @@
-import { defineComponent as t } from "vue";
-import { useAutoSave as r } from "../../composables/useAutoSave.js";
-import { useSave as s } from "../../composables/useSave.js";
-const f = /* @__PURE__ */ t({
+import { defineComponent as r } from "vue";
+import { useAutoSave as s } from "../../composables/useAutoSave.js";
+import { useSave as n } from "../../composables/useSave.js";
+import { useSaveValidationRollout as u } from "../../composables/useSaveValidationRollout.js";
+const v = /* @__PURE__ */ r({
   __name: "AutoSaveController",
-  setup(a) {
-    const { save: e } = s(), o = () => e(!1, !0);
-    return r(o), { __sfc: !0, save: e, backgroundSave: o };
+  setup(m) {
+    const { save: e, saveRawOnly: o } = n(), { isEnabled: t } = u(), a = () => t.value ? o() : e(!1, !0);
+    return s(a), { __sfc: !0, save: e, saveRawOnly: o, isEnabled: t, backgroundSave: a };
   }
 });
 export {
-  f as default
+  v 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 || 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(
+    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,
-  "4019dc4d"
+  "2580a7d9"
 );
 const y = i.exports;
 export {

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

@@ -1,73 +1,48 @@
-import { defineComponent as h, defineAsyncComponent as T, ref as _, computed as s, watch as B } 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 { 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({
+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(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,
+  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
-    }), w = T({
-      loader: async () => (await l()).OrgStrategyDropdown,
+    }), T = y({
+      loader: async () => (await c()).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) => {
+    }), 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: 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 { 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 f = (t) => {
-      const a = D(t.updated_at || t.created_at);
-      if (!a)
+    const p = (t) => {
+      const r = f(t.updated_at || t.created_at);
+      if (!r)
         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) => ({
+      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,
       infoBoxProps: {
@@ -75,57 +50,57 @@ const st = /* @__PURE__ */ h({
         theme: "light",
         variant: "information",
         className: "assign-strategy-info-box",
-        titleText: x(D(t.name)),
+        titleText: N(f(t.name)),
         descriptionStatus: !0,
-        descriptionText: f(t),
-        slot: G,
+        descriptionText: p(t),
+        slot: B,
         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 ?? ""));
+    }))), d = l(() => {
+      const t = e.strategies.find((r) => String(r.strategy_id) === String(n.value ?? ""));
       return t ? { ...t, fallback_config: null } : null;
-    }), L = s(() => ({
+    }), 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, 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: () => {
+    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: async () => {
-      const t = v.value;
+      const t = d.value;
       if (!t) {
-        c.value = !0;
+        i.value = !0;
         return;
       }
-      let a = "";
+      let r = "";
       try {
-        a = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
-      } catch (n) {
-        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", n);
+        r = await e.resolveStrategyUrlTemplate(t, e.recommendationConfigs.currencySettings.value);
+      } catch (a) {
+        console.error("[AssignStrategyDrawer] resolveStrategyUrlTemplate failed", a);
       }
-      if (!a) {
-        i({
-          type: p.Error,
-          message: r("email-editor.strategy-assign-failed", { strategyName: t.name })
+      if (!r) {
+        s({
+          type: m.Error,
+          message: o("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.assignStrategy(t), s({
+        type: m.Success,
+        message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
       }), e.closeAssignStrategyDrawer();
     }, onSelect: (t) => {
-      o.value = t.value, c.value = !1;
+      n.value = t.value, i.value = !1;
     } };
   }
 });
 export {
-  st as default
+  W as default
 };