@useinsider/guido 3.17.0-beta.77567eb → 3.17.0-beta.7c9fc24

package/README.md

@@ -162,6 +162,8 @@ 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.
   },
 
   // 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,
@@ -30,7 +30,7 @@ const p = {
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
   family: t()
-}), M = a({
+}), E = a({
   /** Partner/organization name (required) */
   name: m(
     t(),
@@ -54,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}}) */
@@ -76,10 +76,10 @@ const p = {
   children: e(c(S)),
   // eslint-disable-next-line camelcase -- backend field name
   select_items: e(c(S))
-})), N = y(
+})), 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) */
@@ -124,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
@@ -132,7 +132,7 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    y(t(), P),
+    k(t(), N),
     {}
   )
 }), x = a({
@@ -142,7 +142,7 @@ const p = {
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    c(E),
+    c(M),
     []
   ),
   /**
@@ -151,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 */
@@ -173,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(), ""),
@@ -219,8 +219,11 @@ 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)
-}), B = i([
+  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)
+}), w = i([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -234,7 +237,7 @@ const p = {
   "text-block",
   "timer-block",
   "video-block"
-]), w = i([
+]), B = i([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -245,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({
@@ -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"
   )
@@ -301,23 +304,23 @@ 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.
    */
   externalValidation: e(
-    k(
+    y(
       (s) => typeof s == "function",
       "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, {}),
@@ -332,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 i from "./Guido.vue2.js";
 /* empty css           */
-import a from "../_virtual/_plugin-vue2_normalizer.js";
+import o 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(), 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);
-}, n = [], s = /* @__PURE__ */ a(
+}, s = [], n = /* @__PURE__ */ o(
   i,
   t,
-  n,
+  s,
   !1,
   null,
-  "b0d3b445"
+  "2db79b8f"
 );
-const l = s.exports;
+const c = n.exports;
 export {
-  l as default
+  c 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 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 { 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 me } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as O } from "../extensions/Blocks/Recommendation/store/recommendation.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 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 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 Ze = /* @__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 = l(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), H = R(
+    ), V = l(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), h = B(), l = B(), u = fe(), S = he(), o = pe();
+    ), $ = l(
+      () => import("./organisms/extensions/recommendation/AssignStrategyDrawer.vue.js")
+    ), z = l(
+      () => import("./organisms/extensions/recommendation/RemoveStrategyModal.vue.js")
+    ), b = A(), p = A(), f = Ee(), h = Ce(), o = he();
     a.ready && o.init(a.config);
-    const c = P(), $ = ye(), m = U(() => c.hasChanges), { isTestPartner: z } = ee(), g = () => {
+    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);
-    }, b = (t) => {
+      return (t = b.value) == null ? void 0 : t.handleSave(!0);
+    }, 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: D, preloadRuntime: C } = ce(), { getDefaultTemplate: k } = be(), { cloneTimersOnSave: T, hasTimerBlocks: F } = de(), 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 R = (t) => {
+      console.debug("dynamic-content:close", t), f.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
+    }, I = () => {
       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(ne);
-      (e = l.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
-    }, v = async () => {
+      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) || "", 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) || [];
+        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 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 D(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(), De().$reset(), v();
+      const t = (e = p.value) == null ? void 0 : e.parentElement;
+      if (t && (i = new ResizeObserver(v), i.observe(t)), C(), 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);
-    }), 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: R,
+        close: I
       },
       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 };
+      saveSilent: E,
+      setLoading: w
+    }), { __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 {
-  ze 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

@@ -0,0 +1,21 @@
+import r from "./AssignStrategyDrawer.vue2.js";
+/* empty css                          */
+/* empty css                          */
+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, "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,
+  o,
+  n,
+  !1,
+  null,
+  "2580a7d9"
+);
+const y = i.exports;
+export {
+  y as default
+};

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

@@ -0,0 +1,106 @@
+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 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(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: r } = e.recommendationConfigs;
+      n.value = r || null, i.value = !1, e.fetchStrategies().catch(() => {
+        s({
+          type: m.Error,
+          message: o("discovery-strategy.error-description")
+        });
+      });
+    });
+    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,
+      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;
+    }), w = l(() => ({
+      primaryButton: {
+        styling: "solid",
+        type: "primary",
+        labelText: o("products.assign-btn")
+      },
+      cancelOrBackButton: {
+        styling: "ghost",
+        type: "secondary",
+        labelText: o("products.cancel")
+      }
+    }));
+    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 = d.value;
+      if (!t) {
+        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), s({
+        type: m.Success,
+        message: o("email-editor.strategy-assigned-success", { strategyName: t.name })
+      }), e.closeAssignStrategyDrawer();
+    }, onSelect: (t) => {
+      n.value = t.value, i.value = !1;
+    } };
+  }
+});
+export {
+  W as default
+};