@useinsider/guido 3.1.1-beta.480124a → 3.1.1-beta.513425d

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

@@ -61,7 +61,7 @@ const m = {
       value: t()
     })
   )
-}), R = o({
+}), A = o({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
@@ -71,11 +71,13 @@ const m = {
     c(f),
     []
   ),
+  /** Valid custom field attribute names from the partner's categorized fields */
+  customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
   selectedUnsubscribePages: e(c(p()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(a(), !1)
-}), A = o({
+}), R = o({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
@@ -88,7 +90,7 @@ const m = {
   /** Migration date for template compatibility */
   migrationDate: e(p(), 1759696858),
   /** Email header settings */
-  emailHeader: e(A, { senderName: "", subject: "" }),
+  emailHeader: e(R, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
   savedModulesFolderName: e(t(), b.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
@@ -112,7 +114,9 @@ const m = {
   /** Enable unsubscribe block */
   unsubscribe: e(a(), !0),
   /** Disable modules panel in the editor */
-  modulesDisabled: e(a(), !1)
+  modulesDisabled: e(a(), !1),
+  /** Enable Liquid template syntax */
+  liquidSyntax: e(a(), !1)
 }), E = n([
   "amp-accordion",
   "amp-carousel",
@@ -189,12 +193,12 @@ const m = {
   M,
   N,
   D
-]), U = o({
+]), x = o({
   /** Custom compiler rules to apply */
   customRules: e(c(v), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(a(), !1)
-}), x = o({
+}), U = o({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
@@ -205,7 +209,7 @@ const m = {
       "externalValidation must be a function"
     )
   )
-}), H = o({
+}), F = o({
   // Required sections
   /** Identity configuration (required) */
   identity: h,
@@ -213,7 +217,7 @@ const m = {
   partner: y,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(R, {}),
+  template: e(A, {}),
   /** Editor settings */
   editor: e(C, {}),
   /** UI configuration */
@@ -223,23 +227,23 @@ const m = {
   /** Block configuration */
   blocks: e(O, {}),
   /** Compiler configuration */
-  compiler: e(U, {}),
+  compiler: e(x, {}),
   /** Callbacks and event handlers */
-  callbacks: e(x, {})
+  callbacks: e(U, {})
 });
 export {
   O as BlocksSchema,
-  x as CallbacksSchema,
+  U as CallbacksSchema,
   v as CompilerRuleSchema,
-  U as CompilerSchema,
+  x as CompilerSchema,
   g as CustomBlockTypeSchema,
   D as CustomRuleSchema,
   E as DefaultBlockTypeSchema,
   f as DynamicContentSchema,
   C as EditorSchema,
-  A as EmailHeaderSchema,
+  R as EmailHeaderSchema,
   I as FeaturesSchema,
-  H as GuidoConfigSchema,
+  F as GuidoConfigSchema,
   h as IdentitySchema,
   m as MessageType,
   y as PartnerSchema,
@@ -247,6 +251,6 @@ export {
   M as RegexRuleSchema,
   N as RemoveRuleSchema,
   L as ReplaceRuleSchema,
-  R as TemplateSchema,
+  A as TemplateSchema,
   T as UISchema
 };

package/dist/components/Guido.vue.js

@@ -3,7 +3,7 @@ import i from "./Guido.vue2.js";
 import a from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
+  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, n = [], s = /* @__PURE__ */ a(
@@ -12,9 +12,9 @@ var t = function() {
   n,
   !1,
   null,
-  "25780af6"
+  "a26d7792"
 );
-const u = s.exports;
+const v = s.exports;
 export {
-  u as default
+  v as default
 };

package/dist/components/Guido.vue2.js

@@ -1,131 +1,121 @@
-import { defineComponent as j, defineAsyncComponent as R, ref as A, computed as I, watch as J, onMounted as Q, onUnmounted as X } from "vue";
-import { provideGuidoActions as Y } from "../composables/useGuidoActions.js";
-import { usePartner as Z } from "../composables/usePartner.js";
-import { useStripo as ee } from "../composables/useStripo.js";
-import { useTimerClone as te } from "../composables/useTimerClone.js";
-import { migrate as W } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as B } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as oe } from "../enums/onboarding.js";
-import ne from "./organisms/base/Toaster.vue.js";
-import se from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import re from "./organisms/header/HeaderWrapper.vue.js";
-import ce from "./organisms/LoadingWrapper.vue.js";
-import ae from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import ie from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as me } from "../services/stripoApi.js";
-import { useConfigStore as de } from "../stores/config.js";
-import { useDynamicContentStore as le } from "../stores/dynamic-content.js";
-import { useEditorStore as ue } from "../stores/editor.js";
-import { usePreviewStore as pe } from "../stores/preview.js";
-import { useUnsubscribeStore as fe } from "../stores/unsubscribe.js";
-const Re = /* @__PURE__ */ j({
+import { defineComponent as K, defineAsyncComponent as _, ref as V, computed as P, watch as j, onMounted as q, onUnmounted as J } from "vue";
+import { provideGuidoActions as Q } from "../composables/useGuidoActions.js";
+import { usePartner as X } from "../composables/usePartner.js";
+import { useStripo as Y } from "../composables/useStripo.js";
+import { useTimerClone as Z } from "../composables/useTimerClone.js";
+import { migrate as A } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as N } from "../enums/defaults.js";
+import $ from "./organisms/base/Toaster.vue.js";
+import ee from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import oe from "./organisms/header/HeaderWrapper.vue.js";
+import te from "./organisms/LoadingWrapper.vue.js";
+import ne from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import se from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as re } from "../services/stripoApi.js";
+import { useConfigStore as ce } from "../stores/config.js";
+import { useDynamicContentStore as ae } from "../stores/dynamic-content.js";
+import { useEditorStore as ie } from "../stores/editor.js";
+import { usePreviewStore as me } from "../stores/preview.js";
+import { useUnsubscribeStore as de } from "../stores/unsubscribe.js";
+const Me = /* @__PURE__ */ K({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(H, { expose: x, emit: s }) {
-    const b = H, G = R(
+  setup(W, { expose: I, emit: t }) {
+    const v = W, O = _(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), z = R(
+    ), G = _(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), S = A(), d = A(), l = le(), g = fe(), a = de();
-    a.init(b.config);
-    const u = ue(), q = pe(), i = I(() => u.hasChanges), { isTestPartner: K } = Z(), w = () => {
+    ), h = V(), i = ae(), y = de(), s = ce();
+    s.init(v.config);
+    const m = ie(), H = me(), c = P(() => m.hasChanges), { isTestPartner: x } = X(), f = () => {
       var e;
-      return (e = S.value) == null ? void 0 : e.handleSave(!0);
+      return (e = h.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: p,
-      userId: E,
-      partnerName: D,
-      username: C,
-      template: t,
-      editor: r
-    } = a, m = (t == null ? void 0 : t.html) || "", T = (t == null ? void 0 : t.css) || "", f = (t == null ? void 0 : t.preselectedDynamicContent) || [], k = (r == null ? void 0 : r.savedModulesFolderName) || B.SAVED_MODULES, F = (r == null ? void 0 : r.defaultModulesFolderName) || B.DEFAULT_MODULES;
-    u.templateId = p;
-    const v = {
-      emailId: p,
-      userId: E,
-      username: C,
-      partnerName: D,
-      savedModulesFolderName: k,
-      defaultModulesFolderName: F
-    }, L = {
-      preselectedDynamicContentList: f,
+      templateId: d,
+      userId: b,
+      partnerName: S,
+      username: g,
+      template: o,
+      editor: n
+    } = s, a = (o == null ? void 0 : o.html) || "", D = (o == null ? void 0 : o.css) || "", l = (o == null ? void 0 : o.preselectedDynamicContent) || [], w = (n == null ? void 0 : n.savedModulesFolderName) || N.SAVED_MODULES, E = (n == null ? void 0 : n.defaultModulesFolderName) || N.DEFAULT_MODULES;
+    m.templateId = d;
+    const u = {
+      emailId: d,
+      userId: b,
+      username: g,
+      partnerName: S,
+      savedModulesFolderName: w,
+      defaultModulesFolderName: E
+    }, C = {
+      preselectedDynamicContentList: l,
       onReady: () => {
-        console.debug("guido:ready"), s("ready");
+        console.debug("guido:ready"), t("ready");
       }
-    }, { initPlugin: U } = ee(v, L), { getDefaultTemplate: _ } = me(), { cloneTimersOnSave: M, hasTimerBlocks: O } = te(), V = I(() => {
+    }, { initPlugin: T } = Y(u, C), { getDefaultTemplate: k } = re(), { cloneTimersOnSave: F, hasTimerBlocks: U } = Z(), B = P(() => {
       var e;
-      return !((e = a.ui) != null && e.showHeader);
+      return !((e = s.ui) != null && e.showHeader);
     });
-    Y({
+    Q({
       onBack: () => {
-        console.debug("guido:back"), s("back");
+        console.debug("guido:back"), t("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), s("save:start");
+        console.debug("guido:save:start"), t("save:start");
       },
       onSaveComplete: (e) => {
-        const n = { ...e, metadata: v };
-        console.debug("guido:save:complete", n), s("save:complete", n);
+        const r = { ...e, metadata: u };
+        console.debug("guido:save:complete", r), t("save:complete", r);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), s("test-email:click");
+        console.debug("guido:test-email:click"), t("test-email:click");
       }
     });
-    const P = (e) => {
-      console.debug("dynamic-content:close", e), l.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, N = () => {
+    const L = (e) => {
+      console.debug("dynamic-content:close", e), i.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, M = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    J(() => i.value, () => {
-      s("on-change", i.value);
+    j(() => c.value, () => {
+      t("on-change", c.value);
     });
-    const y = (e) => {
-      const n = e, { attribute: o, position: $ } = n.detail;
-      console.debug("dynamic-content:open", n.detail), s("dynamic-content:open", o, $);
+    const p = (e) => {
+      const r = e, { attribute: R, position: z } = r.detail;
+      console.debug("dynamic-content:open", r.detail), t("dynamic-content:open", R, z);
     };
-    let c = null;
-    const h = () => {
-      var n;
-      const e = document.querySelector(oe);
-      (n = d.value) == null || n.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
-    };
-    return Q(async () => {
-      var n;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h();
-      const e = (n = d.value) == null ? void 0 : n.parentElement;
-      e && (c = new ResizeObserver(h), c.observe(e));
+    return q(async () => {
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        g.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
-        let o = {
-          html: m && await W(m),
-          css: T
+        y.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        let e = {
+          html: a && await A(a),
+          css: D
         };
-        o.html || (o = await _(), o.html = await W(o.html)), O(o.html) && (o.html = await M(o.html)), await U(o), l.selectedDynamicContentList = f;
-      } catch (o) {
-        console.error("Failed to initialize Stripo editor:", o);
+        e.html || (e = await k(), e.html = await A(e.html)), U(e.html) && (e.html = await F(e.html)), await T(e), i.selectedDynamicContentList = l;
+      } catch (e) {
+        console.error("Failed to initialize Stripo editor:", e);
       }
-      document.addEventListener("dynamic-content:open", y);
-    }), X(() => {
-      c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", y);
+      document.addEventListener("dynamic-content:open", p);
+    }), J(() => {
+      document.removeEventListener("dynamic-content:open", p);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      a.reset();
-    }), x({
+      s.reset();
+    }), I({
       dynamicContent: {
-        insert: P,
-        close: N
+        insert: L,
+        close: M
       },
-      hasChanges: i,
-      saveSilent: w
-    }), { __sfc: !0, PreviewContainer: G, OnboardingWrapper: z, headerWrapperRef: S, wrapperRef: d, dynamicContentStore: l, unsubscribeStore: g, props: b, configStore: a, editorStore: u, previewStore: q, hasChanges: i, isTestPartner: K, saveSilent: w, templateId: p, userId: E, partnerName: D, username: C, templateConfig: t, editorConfig: r, html: m, css: T, preselectedDynamicContentList: f, savedModulesFolderName: k, defaultModulesFolderName: F, emit: s, metadata: v, options: L, initPlugin: U, getDefaultTemplate: _, cloneTimersOnSave: M, hasTimerBlocks: O, noHeader: V, insertDynamicContent: P, closeDynamicContent: N, handleDynamicContentOpen: y, ribbonObserver: c, updateRibbonOffset: h, Toaster: ne, FilterSelectionDrawer: se, HeaderWrapper: re, LoadingWrapper: ce, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ie };
+      hasChanges: c,
+      saveSilent: f
+    }), { __sfc: !0, PreviewContainer: O, OnboardingWrapper: G, headerWrapperRef: h, dynamicContentStore: i, unsubscribeStore: y, props: v, configStore: s, editorStore: m, previewStore: H, hasChanges: c, isTestPartner: x, saveSilent: f, templateId: d, userId: b, partnerName: S, username: g, templateConfig: o, editorConfig: n, html: a, css: D, preselectedDynamicContentList: l, savedModulesFolderName: w, defaultModulesFolderName: E, emit: t, metadata: u, options: C, initPlugin: T, getDefaultTemplate: k, cloneTimersOnSave: F, hasTimerBlocks: U, noHeader: B, insertDynamicContent: L, closeDynamicContent: M, handleDynamicContentOpen: p, Toaster: $, FilterSelectionDrawer: ee, HeaderWrapper: oe, LoadingWrapper: te, SaveAsTemplateDrawer: ne, UnsubscribeWrapper: se };
   }
 });
 export {
-  Re as default
+  Me as default
 };

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

@@ -1,17 +1,17 @@
-import o from "./RightSlot.vue2.js";
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var r = this, t = r._self._c, e = r._self._setupProxy;
-  return t("div", { staticClass: "d-f" }, [e.editorStore.isVersionHistoryOpen ? t(e.RestoreButton) : t(e.EditorActions, { ref: "editorActionsRef" })], 1);
-}, i = [], _ = /* @__PURE__ */ s(
-  o,
-  n,
+import i from "./RightSlot.vue2.js";
+import r from "../../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var s = this, e = s._self._c, t = s._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [t.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-3", attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : s._e(), t.editorStore.isVersionHistoryOpen ? e(t.RestoreButton) : e(t.EditorActions, { ref: "editorActionsRef" })], 1);
+}, a = [], n = /* @__PURE__ */ r(
   i,
+  o,
+  a,
   !1,
   null,
   null
 );
-const l = _.exports;
+const u = n.exports;
 export {
-  l as default
+  u as default
 };

package/dist/components/organisms/header/RightSlot.vue2.js

@@ -1,19 +1,22 @@
-import { defineComponent as i, ref as s } from "vue";
-import { useEditorStore as m } from "../../../stores/editor.js";
-import f from "./EditorActions.vue.js";
-import a from "./version-history/RestoreButton.vue.js";
-const l = /* @__PURE__ */ i({
+import { defineComponent as a, ref as f, computed as p } from "vue";
+import { useConfig as u } from "../../../composables/useConfig.js";
+import { useTranslations as d } from "../../../composables/useTranslations.js";
+import { useEditorStore as c } from "../../../stores/editor.js";
+import { InChips as l } from "@useinsider/design-system-vue";
+import _ from "./EditorActions.vue.js";
+import S from "./version-history/RestoreButton.vue.js";
+const x = /* @__PURE__ */ a({
   __name: "RightSlot",
-  setup(p, { expose: e }) {
-    const r = m(), o = s(null);
-    return e({
-      handleSave: (n) => {
-        var t;
-        return (t = o.value) == null ? void 0 : t.handleSave(n);
+  setup(h, { expose: r }) {
+    const { isFeatureEnabled: o } = u(), n = d(), i = c(), t = f(null), s = p(() => o("liquidSyntax"));
+    return r({
+      handleSave: (m) => {
+        var e;
+        return (e = t.value) == null ? void 0 : e.handleSave(m);
       }
-    }), { __sfc: !0, editorStore: r, editorActionsRef: o, EditorActions: f, RestoreButton: a };
+    }), { __sfc: !0, isFeatureEnabled: o, trans: n, editorStore: i, editorActionsRef: t, isLiquidEnabled: s, InChips: l, EditorActions: _, RestoreButton: S };
   }
 });
 export {
-  l as default
+  x as default
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,28 +1,30 @@
 import { defaultHtmlCompilerRules as p } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as u } from "../config/compiler/itemsCompilerRules.js";
-import { outlookCompilerRules as c } from "../config/compiler/outlookCompilerRules.js";
-import { recommendationCompilerRules as n } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as f } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as R } from "../config/compiler/unsubscribeCompilerRules.js";
-import { createHtmlCompiler as a } from "../utils/htmlCompiler.js";
-import { useConfig as C } from "./useConfig.js";
-const B = () => {
+import { itemsCompilerRules as n } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as c } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as a } from "../config/compiler/outlookCompilerRules.js";
+import { recommendationCompilerRules as f } from "../config/compiler/recommendationCompilerRules.js";
+import { socialCompilerRules as R } from "../config/compiler/socialCompilerRules.js";
+import { unsubscribeCompilerRules as C } from "../config/compiler/unsubscribeCompilerRules.js";
+import { createHtmlCompiler as d } from "../utils/htmlCompiler.js";
+import { useConfig as g } from "./useConfig.js";
+const F = () => {
   var m, l;
-  const { compiler: e } = C(), r = ((m = e.value) == null ? void 0 : m.customRules) || [], t = [
+  const { compiler: e, isFeatureEnabled: r } = g(), i = ((m = e.value) == null ? void 0 : m.customRules) || [], t = [
     ...!!((l = e.value) != null && l.ignoreDefaultRules) ? [] : p,
+    ...f,
+    ...C,
     ...n,
+    ...a,
     ...R,
-    ...u,
-    ...c,
-    ...f,
-    ...r.map((o, s) => ({
+    ...r("liquidSyntax") ? c : [],
+    ...i.map((o, u) => ({
       ...o,
-      priority: o.priority + 1e3 + s
+      priority: o.priority + 1e3 + u
       // Ensure additional rules run after default rules
     }))
-  ], i = a(t);
-  return { compileHtml: (o) => i.compile(o) };
+  ], s = d(t);
+  return { compileHtml: (o) => s.compile(o) };
 };
 export {
-  B as useHtmlCompiler
+  F as useHtmlCompiler
 };