@useinsider/guido 3.20.1 → 3.21.0-beta.1bd7edd

package/README.md

@@ -150,6 +150,7 @@ const config: GuidoConfigInput = {
   ui?: {
     showHeader?: boolean,         // Default: true
     backButtonLabel?: string,
+    externalDisplayConditions?: boolean, // Default: false - Replace Stripo's display-condition UI with a Conditions tab in the settings panel and create/select drawers for reusable Liquid/Pongo display conditions.
   },
 
   // Optional: Feature toggles (defaults apply once initialized — see `ready` prop below)

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

@@ -1,5 +1,5 @@
-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";
+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 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()
     })
   )
-}), S = T(() => 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(S)),
+  children: e(n(f)),
   // eslint-disable-next-line camelcase -- backend field name
-  select_items: e(c(S))
-})), N = g(
+  select_items: e(n(f))
+})), x = g(
   t(),
-  R(c(S), [])
-), 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,16 +208,18 @@ 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(), f.SAVED_MODULES),
+  savedModulesFolderName: e(t(), S.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), S.DEFAULT_MODULES)
 }), F = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
   /** Custom label for back button (if shown) */
-  backButtonLabel: e(t())
+  backButtonLabel: e(t()),
+  /** Replace Stripo's display-condition UI with the Conditions tab and create/select drawers */
+  externalDisplayConditions: e(o(), !1)
 }), U = a({
   /** Enable dynamic content insertion */
   dynamicContent: e(o(), !0),
@@ -269,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({
@@ -306,13 +308,13 @@ 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 = I("type", [
@@ -322,7 +324,7 @@ const p = {
   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({
@@ -332,7 +334,7 @@ const p = {
    */
   externalValidation: e(
     k(
-      (n) => typeof n == "function",
+      (c) => typeof c == "function",
       "externalValidation must be a function"
     )
   )
@@ -344,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 */
@@ -366,23 +368,23 @@ export {
   B as CustomBlockTypeSchema,
   G as CustomRuleSchema,
   w as DefaultBlockTypeSchema,
-  N as DynamicContentListSchema,
-  S as DynamicContentNodeSchema,
+  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, { 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 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,
-  "1b5c844a"
+  "5d5e32de"
 );
 const v = n.exports;
 export {

package/dist/components/Guido.vue2.js

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

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

@@ -1,14 +1,15 @@
-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({
+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(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 };
+  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 {
-  v as default
+  d as default
 };

package/dist/components/organisms/display-conditions/CodeEditorField.vue.js

@@ -0,0 +1,20 @@
+import i from "./CodeEditorField.vue2.js";
+/* empty css                     */
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
+  var e = this, r = e._self._c, o = e._self._setupProxy;
+  return r("div", { staticClass: "guido-code-editor-field", attrs: { id: e.id } }, [r("p", { staticClass: "guido-code-editor-field__label" }, [e._v(" " + e._s(e.label) + " ")]), r(o.InCodeSnippet, { attrs: { code: e.value, disable: e.disabled, "focus-editor": !1, invalid: !!e.error, "invalid-message": e.error, options: o.options, size: { height: e.error ? 196 : 216 }, "syntax-check": !1 }, on: { input: function(t) {
+    return o.emit("input", t);
+  }, ready: o.onReady } })], 1);
+}, n = [], d = /* @__PURE__ */ s(
+  i,
+  a,
+  n,
+  !1,
+  null,
+  "e96c7aa3"
+);
+const p = d.exports;
+export {
+  p as default
+};

package/dist/components/organisms/display-conditions/CodeEditorField.vue2.js

@@ -0,0 +1,30 @@
+import { defineComponent as s, computed as u } from "vue";
+import { InCodeSnippet as i } from "@useinsider/design-system-vue";
+const m = /* @__PURE__ */ s({
+  __name: "CodeEditorField",
+  props: {
+    id: null,
+    label: null,
+    value: null,
+    placeholder: { default: "" },
+    error: { default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["input"],
+  setup(t, { expose: n, emit: d }) {
+    const l = t;
+    let e = null;
+    const a = u(() => ({
+      mode: "liquid",
+      lint: !1,
+      foldGutter: !1,
+      placeholder: l.placeholder
+    })), r = (p) => {
+      e = p;
+    }, o = () => (e == null ? void 0 : e.state.doc.toString()) ?? l.value;
+    return n({ read: o }), { __sfc: !0, props: l, emit: d, view: e, options: a, onReady: r, read: o, InCodeSnippet: i };
+  }
+});
+export {
+  m as default
+};