@useinsider/guido 3.20.1-beta.49b58ed → 3.20.1-beta.55d63aa

package/README.md

@@ -166,7 +166,7 @@ const config: GuidoConfigInput = {
     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.
-    accessibilityTesting?: boolean, // Default: false - Show the Accessibility Test entry in the header kebab menu (Stripo's checker: contrast, image alternatives, colour-vision simulation) and the tab-bar onboarding tour that points at it.
+    externalDisplayConditions?: boolean, // Default: false - Add a Conditions tab to the settings panel with create/select drawers for reusable Liquid/Pongo display conditions.
   },
 
   // Optional: Callbacks

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

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as S } 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 T, union as h, lazy as I } from "../../node_modules/valibot/dist/index.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 n, 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 */
   PROMOTIONAL: 1,
@@ -76,30 +76,30 @@ const p = {
       value: t()
     })
   )
-}), f = I(() => C({
+}), f = 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(n(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(f))
-})), N = g(
+  select_items: e(n(f))
+})), x = g(
   t(),
-  R(c(f), [])
-), P = C({
+  R(n(f), [])
+), D = C({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(s()),
   /** Decimal places for price display (legacy data may use string or number) */
   decimalCount: e(h([t(), s()])),
   /** Pinned product IDs (empty array when filter-driven) */
-  productIds: e(c(r())),
+  productIds: e(n(r())),
   /** Whether the block requested live products at send time */
   sendProductRequestFlag: e(o()),
   /** Whether to randomize product order */
   shuffleProducts: e(o()),
   /** Filter rules driving product selection */
-  filters: e(c(r())),
+  filters: e(n(r())),
   /** Currency code (e.g. 'EUR') — sometimes absent in legacy data */
   currency: e(t()),
   /** Currency display settings (separators, alignment, decimals) */
@@ -109,7 +109,7 @@ const p = {
   /** Recommendation strategy key (e.g. 'newArrivals') */
   strategy: e(t()),
   /** Snapshot of products as rendered by the legacy block */
-  recommendedProducts: e(c(r())),
+  recommendedProducts: e(n(r())),
   /** Number of product cards per row */
   cardsInRow: e(s()),
   /** Mobile-only padding (right) */
@@ -132,7 +132,7 @@ const p = {
   isPriceMovedToNextLine: e(o()),
   /** Legacy "Hide if same as discounted" / delete-price-for-zero-sale toggle */
   isPriceDeletedForZeroSale: e(o())
-}), v = a({
+}), N = a({
   /**
    * Legacy recommendation block configs keyed by block ID.
    * Pass this when loading a template authored with the v1
@@ -140,17 +140,17 @@ const p = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    g(t(), P),
+    g(t(), D),
     {}
   )
-}), x = a({
+}), P = a({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    c(M),
+    n(M),
     []
   ),
   /**
@@ -159,11 +159,11 @@ 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(x, {}),
   /** Valid custom field attribute names from the partner's categorized fields */
-  customFieldAttributes: e(c(t()), []),
+  customFieldAttributes: e(n(t()), []),
   /** Selected unsubscribe page IDs */
-  selectedUnsubscribePages: e(c(s()), []),
+  selectedUnsubscribePages: e(n(s()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(o(), !1),
   /**
@@ -176,7 +176,7 @@ const p = {
   trackIdCounter: e(
     i(
       s(),
-      y((n) => Number.isFinite(n) ? Math.max(0, Math.floor(n)) : 0)
+      y((c) => Number.isFinite(c) ? Math.max(0, Math.floor(c)) : 0)
     ),
     0
   ),
@@ -190,12 +190,12 @@ const p = {
   recommendationCampaignUrls: e(
     i(
       r(),
-      y((n) => n && typeof n == "object" ? { ...n } : void 0)
+      y((c) => c && typeof c == "object" ? { ...c } : void 0)
     )
   ),
   /** Migration-only inputs (legacy block configs) */
-  migration: e(v, {})
-}), D = a({
+  migration: e(N, {})
+}), v = a({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
@@ -208,7 +208,7 @@ const p = {
   /** Migration date for template compatibility */
   migrationDate: e(s(), 1759696858),
   /** Email header settings */
-  emailHeader: e(D, { senderName: "", subject: "" }),
+  emailHeader: e(v, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
   savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
@@ -237,14 +237,15 @@ const p = {
   liquidSyntax: e(o(), !1),
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
-  accessibilityTesting: e(o(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
   allowlistEnabled: e(o(), !1),
   /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
   linkTrackingIds: e(o(), !1),
   /** 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)
+  reusableRecommendationStrategy: e(o(), !1),
+  /** Enable the Conditions settings tab and the create/select display-condition drawers */
+  externalDisplayConditions: e(o(), !1)
 }), w = m([
   "amp-accordion",
   "amp-carousel",
@@ -270,12 +271,12 @@ const p = {
 ]), j = a({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    c(w),
+    n(w),
     []
   ),
   /** Custom blocks to include in the editor */
   includeCustoms: e(
-    c(B),
+    n(B),
     []
   )
 }), d = a({
@@ -307,23 +308,23 @@ const p = {
   ...d.entries,
   type: u("remove"),
   /** Strings or patterns to remove */
-  targets: c(t())
+  targets: n(t())
 }), G = a({
   ...d.entries,
   type: u("custom"),
   /** Custom processor function */
   processor: k(
-    (n) => typeof n == "function",
+    (c) => typeof c == "function",
     "processor must be a function"
   )
-}), V = T("type", [
+}), V = I("type", [
   H,
   _,
   q,
   G
 ]), z = a({
   /** Custom compiler rules to apply */
-  customRules: e(c(V), []),
+  customRules: e(n(V), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(o(), !1)
 }), W = a({
@@ -333,7 +334,7 @@ const p = {
    */
   externalValidation: e(
     k(
-      (n) => typeof n == "function",
+      (c) => typeof c == "function",
       "externalValidation must be a function"
     )
   )
@@ -345,7 +346,7 @@ const p = {
   partner: E,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(x, {}),
+  template: e(P, {}),
   /** Editor settings */
   editor: e(O, {}),
   /** UI configuration */
@@ -367,23 +368,23 @@ export {
   B as CustomBlockTypeSchema,
   G as CustomRuleSchema,
   w as DefaultBlockTypeSchema,
-  N as DynamicContentListSchema,
+  x as DynamicContentListSchema,
   f as DynamicContentNodeSchema,
   M as DynamicContentSchema,
   O as EditorSchema,
-  D as EmailHeaderSchema,
+  v as EmailHeaderSchema,
   L as FallbackFontSchema,
   U as FeaturesSchema,
   K as GuidoConfigSchema,
   A as IdentitySchema,
-  P as LegacyRecommendationConfigSchema,
+  D as LegacyRecommendationConfigSchema,
   p as MessageType,
   E as PartnerSchema,
   l as ProductType,
   _ as RegexRuleSchema,
   q as RemoveRuleSchema,
   H as ReplaceRuleSchema,
-  v as TemplateMigrationSchema,
-  x as TemplateSchema,
+  N as TemplateMigrationSchema,
+  P as TemplateSchema,
   F as UISchema
 };

package/dist/@types/display-condition.js

@@ -0,0 +1,25 @@
+import { object as e, optional as a, string as o, nullish as i, number as t, picklist as n, array as c } from "../node_modules/valibot/dist/index.js";
+const s = n(["liquid", "pongo"]), d = n(["codeOnly", "logicBuilder"]), r = e({
+  id: t(),
+  name: o(),
+  description: i(o(), ""),
+  syntax: s,
+  method: d,
+  codeBefore: o(),
+  codeAfter: i(o(), ""),
+  createdAt: a(o())
+}), p = e({
+  data: c(r),
+  meta: e({
+    totalCount: t(),
+    perPage: t(),
+    currentPage: t(),
+    lastPage: t()
+  })
+});
+export {
+  p as DisplayConditionListResponseSchema,
+  d as DisplayConditionMethodSchema,
+  s as DisplayConditionSyntaxSchema,
+  r as SavedDisplayConditionSchema
+};

package/dist/components/Guido.vue.js

@@ -1,18 +1,18 @@
-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), r(e.AutoSaveController, { ref: "autoSaveControllerRef" }), 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 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.isExternalDisplayConditionsEnabled ? r(e.DisplayConditionsHost) : 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,
-  "40eca1bd"
+  "0d2ac239"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

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

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

@@ -1,24 +1,14 @@
-import { defineComponent as i } from "vue";
-import { useAutoSave as l } from "../../composables/useAutoSave.js";
-import { useSave as m } from "../../composables/useSave.js";
-import { useSaveValidationRollout as c } from "../../composables/useSaveValidationRollout.js";
-import { useToaster as p } from "../../composables/useToaster.js";
-const b = /* @__PURE__ */ i({
+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(v, { expose: n }) {
-    const { save: e, saveRawOnly: t } = m(), { isEnabled: o } = c(), { handleError: r } = p(), a = () => o.value ? t() : e(!1, !0);
-    l(a);
-    const s = async () => {
-      try {
-        return await e(!0);
-      } catch (u) {
-        r(u, "Failed to save template");
-        return;
-      }
-    };
-    return n({ saveSilent: s }), { __sfc: !0, save: e, saveRawOnly: t, isEnabled: o, handleError: r, backgroundSave: a, saveSilent: s };
+  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 {
-  b as default
+  v as default
 };