@useinsider/guido 3.19.0-beta.cac604e → 3.19.0-beta.cd75ff0

package/README.md

@@ -164,6 +164,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

@@ -1,4 +1,4 @@
-import { ModuleFolderDefaults as S } from "../../enums/defaults.js";
+import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
 import { object as a, number as s, optional as e, string as t, picklist as m, pipe as i, minLength as b, custom as k, boolean as o, array as c, transform as y, unknown as r, record as g, fallback as R, literal as u, looseObject as C, variant as I, union as h, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const p = {
   /** Promotional/marketing emails */
@@ -38,7 +38,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: i(
     t(),
@@ -62,7 +62,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,17 +76,17 @@ const p = {
       value: t()
     })
   )
-}), f = T(() => C({
+}), S = T(() => C({
   text: e(t()),
   // eslint-disable-next-line camelcase -- backend field name
   tag_text: e(t()),
   value: e(t()),
-  children: e(c(f)),
+  children: e(c(S)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(f))
+  select_items: e(c(S))
 })), N = g(
   t(),
-  R(c(f), [])
+  R(c(S), [])
 ), P = C({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(s()),
@@ -132,7 +132,7 @@ const p = {
   isPriceMovedToNextLine: e(o()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
   isPriceDeletedForZeroSale: e(o())
-}), x = a({
+}), v = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -143,14 +143,14 @@ const p = {
     g(t(), P),
     {}
   )
-}), D = a({
+}), x = a({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    c(E),
+    c(M),
     []
   ),
   /**
@@ -194,13 +194,13 @@ const p = {
     )
   ),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(x, {})
-}), O = a({
+  migration: e(v, {})
+}), D = a({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
   subject: e(t(), "")
-}), v = a({
+}), O = a({
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
@@ -208,11 +208,11 @@ const p = {
   /** Migration date for template compatibility */
   migrationDate: e(s(), 1759696858),
   /** Email header settings */
-  emailHeader: e(O, { senderName: "", subject: "" }),
+  emailHeader: e(D, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), S.SAVED_MODULES),
+  savedModulesFolderName: e(t(), f.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -241,8 +241,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 = m([
+}), w = m([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -256,7 +258,7 @@ const p = {
   "text-block",
   "timer-block",
   "video-block"
-]), w = m([
+]), B = m([
   "dynamic-content",
   "checkbox-block",
   "radio-button-block",
@@ -267,12 +269,12 @@ const p = {
 ]), j = 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({
@@ -323,7 +325,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.
@@ -334,17 +336,17 @@ 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(D, {}),
+  template: e(x, {}),
   /** Editor settings */
-  editor: e(v, {}),
+  editor: e(O, {}),
   /** UI configuration */
   ui: e(F, {}),
   /** Feature toggles */
@@ -354,33 +356,33 @@ const p = {
   /** Compiler configuration */
   compiler: e(z, {}),
   /** Callbacks and event handlers */
-  callbacks: e(Z, {})
+  callbacks: e(W, {})
 });
 export {
   j 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,
+  w as DefaultBlockTypeSchema,
   N as DynamicContentListSchema,
-  f as DynamicContentNodeSchema,
-  E as DynamicContentSchema,
-  v as EditorSchema,
-  O as EmailHeaderSchema,
+  S as DynamicContentNodeSchema,
+  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,
   p as MessageType,
-  M as PartnerSchema,
+  E as PartnerSchema,
   l as ProductType,
   _ as RegexRuleSchema,
   q as RemoveRuleSchema,
   H as ReplaceRuleSchema,
-  x as TemplateMigrationSchema,
-  D as TemplateSchema,
+  v as TemplateMigrationSchema,
+  x as TemplateSchema,
   F as UISchema
 };

package/dist/components/Guido.vue.js

@@ -3,7 +3,7 @@ import o from "./Guido.vue2.js";
 import i 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.AuthErrorModal), 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.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(
@@ -12,9 +12,9 @@ var t = function() {
   s,
   !1,
   null,
-  "36867e2e"
+  "8c74109f"
 );
-const g = n.exports;
+const v = n.exports;
 export {
-  g as default
+  v as default
 };

package/dist/components/Guido.vue2.js

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

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

@@ -1,13 +1,15 @@
-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 n } from "vue";
+import { useAutoSave as u } from "../../composables/useAutoSave.js";
+import { useSave as i } from "../../composables/useSave.js";
+import { useSaveValidationRollout as l } from "../../composables/useSaveValidationRollout.js";
+import { useConfigStore as m } from "../../stores/config.js";
+const d = /* @__PURE__ */ n({
   __name: "AutoSaveController",
-  setup(a) {
-    const { save: e } = s(), o = () => e(!1, !0);
-    return r(o), { __sfc: !0, save: e, backgroundSave: o };
+  setup(f) {
+    const { save: e, saveRawOnly: t } = i(), { isEnabled: r } = l(), a = m(), o = () => r.value && a.allowSaveWithErrors, s = () => o() ? t() : e(!1, !0);
+    return u(s, { clearsChanges: () => !o() }), { __sfc: !0, save: e, saveRawOnly: t, isEnabled: r, configStore: a, isRawAutosave: o, backgroundSave: s };
   }
 });
 export {
-  f as default
+  d as default
 };

package/dist/components/organisms/base/AuthErrorModal.vue.js

@@ -0,0 +1,18 @@
+import e from "./AuthErrorModal.vue2.js";
+/* empty css                    */
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var o = this, r = o._self._c, t = o._self._setupProxy;
+  return t.authError ? r("div", { staticClass: "auth-error-modal" }, [r(t.WpModal, { attrs: { id: "guido__auth-error-modal", state: "warning", "close-button-status": !1, "close-on-outside-click": !1, "footer-button-options": t.footerButtonOptions, title: t.title }, on: { close: t.dismiss, "primary-action": t.recover } }, [r("p", [o._v(o._s(t.message))])])], 1) : o._e();
+}, n = [], i = /* @__PURE__ */ s(
+  e,
+  a,
+  n,
+  !1,
+  null,
+  "b4d7ae51"
+);
+const m = i.exports;
+export {
+  m as default
+};

package/dist/components/organisms/base/AuthErrorModal.vue2.js

@@ -0,0 +1,42 @@
+import { defineComponent as c, computed as n } from "vue";
+import p from "../../wrappers/WpModal.vue.js";
+import { useAuthError as d } from "../../../composables/useAuthError.js";
+import { useTranslations as m } from "../../../composables/useTranslations.js";
+const _ = /* @__PURE__ */ c({
+  __name: "AuthErrorModal",
+  setup(v) {
+    const e = m(), { authError: t } = d(), r = n(() => {
+      var o;
+      return ((o = t.value) == null ? void 0 : o.status) === 419 && t.value.data !== null;
+    }), s = n(() => {
+      var o;
+      return ((o = t.value) == null ? void 0 : o.status) === 419 && t.value.data === null;
+    }), i = n(() => r.value ? e("integration-hub.reload-this-page") : e("action-builder.session-expired")), u = n(() => r.value ? e("auth.error-occurred-refresh") : s.value ? e("settings.session-on-another-device") : e("journey-builder.login-session-expired")), l = n(() => ({
+      primaryButton: {
+        type: "primary",
+        labelText: r.value ? e("integration-hub.reload") : e("journey-builder.login-popup-button")
+      },
+      cancelOrBackButton: {
+        type: "secondary",
+        styling: "ghost",
+        labelText: e("settings.cancel")
+      }
+    })), a = () => {
+      if (r.value) {
+        window.location.reload();
+        return;
+      }
+      window.location.replace("/");
+    };
+    return { __sfc: !0, trans: e, authError: t, isPageExpired: r, isTakenOver: s, title: i, message: u, footerButtonOptions: l, recover: a, dismiss: () => {
+      if (r.value) {
+        t.value = null;
+        return;
+      }
+      a();
+    }, WpModal: p };
+  }
+});
+export {
+  _ as default
+};

package/dist/components/organisms/header/EditorActions.vue.js

@@ -4,20 +4,20 @@ import d from "../../../_virtual/_plugin-vue2_normalizer.js";
 var u = function() {
   var s, i, n, a;
   var o = this, e = o._self._c, t = o._self._setupProxy;
-  return e("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(r) {
+  return e("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : o._e(), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : o._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.handleTestEmail } }) : o._e(), t.editorStore.isPreviewModeOpen ? o._e() : e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "label-text": t.saveLabel, "loading-status": t.isSaving }, on: { click: function(r) {
     return t.handleSave(!1);
   } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
   } } })], 1);
-}, c = [], p = /* @__PURE__ */ d(
+}, p = [], c = /* @__PURE__ */ d(
   l,
   u,
-  c,
+  p,
   !1,
   null,
-  "c61cc8ea"
+  "baf7a5dd"
 );
-const v = p.exports;
+const v = c.exports;
 export {
   v as default
 };