@useinsider/guido 3.1.1-beta.e00a22b → 3.1.1-beta.e4b695a

package/README.md

@@ -143,7 +143,6 @@ const config: GuidoConfigInput = {
     displayConditions?: boolean,  // Default: true
     unsubscribe?: boolean,        // Default: true
     modulesDisabled?: boolean,    // Default: false - Disable modules panel
-    liquidSyntax?: boolean,      // Default: false - Enable Liquid template syntax
   },
 
   // Optional: Callbacks

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

@@ -121,9 +121,7 @@ const m = {
   /** Enable unsubscribe block */
   unsubscribe: e(a(), !0),
   /** Disable modules panel in the editor */
-  modulesDisabled: e(a(), !1),
-  /** Enable Liquid template syntax */
-  liquidSyntax: e(a(), !1)
+  modulesDisabled: e(a(), !1)
 }), g = n([
   "amp-accordion",
   "amp-carousel",
@@ -195,14 +193,14 @@ const m = {
     (i) => typeof i == "function",
     "processor must be a function"
   )
-}), x = k("type", [
+}), U = k("type", [
   M,
   N,
   D,
   v
-]), U = o({
+]), x = o({
   /** Custom compiler rules to apply */
-  customRules: e(c(x), []),
+  customRules: e(c(U), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(a(), !1)
 }), B = o({
@@ -234,15 +232,15 @@ const m = {
   /** Block configuration */
   blocks: e(L, {}),
   /** Compiler configuration */
-  compiler: e(U, {}),
+  compiler: e(x, {}),
   /** Callbacks and event handlers */
   callbacks: e(B, {})
 });
 export {
   L as BlocksSchema,
   B as CallbacksSchema,
-  x as CompilerRuleSchema,
-  U as CompilerSchema,
+  U as CompilerRuleSchema,
+  x as CompilerSchema,
   O as CustomBlockTypeSchema,
   v as CustomRuleSchema,
   g as DefaultBlockTypeSchema,

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

@@ -4,7 +4,7 @@ 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.testEmailClick } }) : 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 t.handleSave(!1);
   } } }), e(t.MigrationConfirmModal, { ref: "migrationModalRef", on: { confirm: function(r) {
     return t.executeSave(!1);
@@ -15,7 +15,7 @@ var u = function() {
   p,
   !1,
   null,
-  "98f3d29b"
+  "acff76a8"
 );
 const v = c.exports;
 export {

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

@@ -1,61 +1,51 @@
-import { defineComponent as O, ref as n, computed as h } from "vue";
-import { useActionsApi as q } from "../../../composables/useActionsApi.js";
-import { useConfig as b } from "../../../composables/useConfig.js";
-import { useExport as k } from "../../../composables/useExport.js";
-import { useTestEmailClick as B } from "../../../composables/useGuidoActions.js";
-import { useHtmlCompiler as D } from "../../../composables/useHtmlCompiler.js";
-import { useSave as F } from "../../../composables/useSave.js";
-import { useTranslations as L } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as R } from "../../../composables/useVersionHistoryApi.js";
-import { useLiquidValidator as z } from "../../../composables/validators/useLiquidValidator.js";
-import { useEditorStore as I } from "../../../stores/editor.js";
-import { useTemplateStore as P } from "../../../stores/template.js";
-import { getTooltipOptions as j } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as G } from "@useinsider/design-system-vue";
-import { storeToRefs as J } from "pinia";
-import K from "./MigrationConfirmModal.vue.js";
-const ct = /* @__PURE__ */ O({
+import { defineComponent as E, ref as n, computed as g } from "vue";
+import { useConfig as w } from "../../../composables/useConfig.js";
+import { useExport as C } from "../../../composables/useExport.js";
+import { useTestEmailClick as M } from "../../../composables/useGuidoActions.js";
+import { useSave as O } from "../../../composables/useSave.js";
+import { useTranslations as A } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as k } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as B } from "../../../stores/editor.js";
+import { useTemplateStore as R } from "../../../stores/template.js";
+import { getTooltipOptions as b } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as D } from "@useinsider/design-system-vue";
+import { storeToRefs as I } from "pinia";
+import P from "./MigrationConfirmModal.vue.js";
+const Z = /* @__PURE__ */ E({
   __name: "EditorActions",
-  setup(N, { expose: x }) {
-    const { config: a, isFeatureEnabled: m } = b(), { exportHtml: l } = k(), { save: c } = F(), { openVersionHistory: p, closeVersionHistory: u } = R(), { getCompiledEmail: f } = q(), { compileHtml: d } = D(), { validateLiquidSyntax: v } = z(), e = I(), y = P(), { hasMigrations: H } = J(y), s = L(), i = n(!1), r = n(!1), S = n(), g = B(), T = () => {
+  setup(j, { expose: H }) {
+    const { config: a } = w(), { exportHtml: m } = C(), { save: p } = O(), { openVersionHistory: l, closeVersionHistory: u } = k(), e = B(), c = R(), { hasMigrations: f } = I(c), r = A(), s = n(!1), i = n(!1), v = n(), S = M(), V = () => {
       if (e.isVersionHistoryOpen) {
         u();
         return;
       }
-      p();
-    }, w = async () => {
-      i.value = !0, await l(), i.value = !1;
+      l();
+    }, T = async () => {
+      s.value = !0, await m(), s.value = !1;
     }, _ = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, C = h(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), A = h(
+    }, h = g(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), x = g(
       () => {
-        var t, o;
-        return ((o = (t = a.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        var o, t;
+        return ((t = (o = a.value) == null ? void 0 : o.features) == null ? void 0 : t.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), V = async (t) => {
-      r.value = !0, e.loadingStatus = !0;
-      const o = await c(t);
-      return r.value = !1, (t || !o) && (e.loadingStatus = !1), o;
-    }, E = (t) => {
-      var o;
-      if (!t && H.value) {
-        (o = S.value) == null || o.open();
+    ), d = async (o) => {
+      i.value = !0, e.loadingStatus = !0;
+      const t = await p(o);
+      return i.value = !1, (o || !t) && (e.loadingStatus = !1), t;
+    }, y = (o) => {
+      var t;
+      if (!o && f.value) {
+        (t = v.value) == null || t.open();
         return;
       }
-      return V(t);
-    }, M = async () => {
-      if (m("liquidSyntax")) {
-        const { html: t } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = d(t);
-        if (!await v(o))
-          return;
-      }
-      g();
+      return d(o);
     };
-    return x({
-      handleSave: E
-    }), { __sfc: !0, config: a, isFeatureEnabled: m, exportHtml: l, save: c, openVersionHistory: p, closeVersionHistory: u, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, editorStore: e, templateStore: y, hasMigrations: H, trans: s, isExporting: i, isSaving: r, migrationModalRef: S, testEmailClick: g, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
+    return H({
+      handleSave: y
+    }), { __sfc: !0, config: a, exportHtml: m, save: p, openVersionHistory: l, closeVersionHistory: u, editorStore: e, templateStore: c, hasMigrations: f, trans: r, isExporting: s, isSaving: i, migrationModalRef: v, testEmailClick: S, handleVersionHistory: V, handleExport: T, handleSaveAs: _, versionHistoryTooltipText: h, isVersionHistoryButtonVisible: x, executeSave: d, handleSave: y, getTooltipOptions: b, InButtonV2: D, MigrationConfirmModal: P };
   }
 });
 export {
-  ct as default
+  Z as default
 };

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

@@ -1,17 +1,17 @@
-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,
+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,
-  a,
+  n,
+  i,
   !1,
   null,
   null
 );
-const u = n.exports;
+const l = _.exports;
 export {
-  u as default
+  l as default
 };

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

@@ -1,22 +1,19 @@
-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({
+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({
   __name: "RightSlot",
-  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);
+  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);
       }
-    }), { __sfc: !0, isFeatureEnabled: o, trans: n, editorStore: i, editorActionsRef: t, isLiquidEnabled: s, InChips: l, EditorActions: _, RestoreButton: S };
+    }), { __sfc: !0, editorStore: r, editorActionsRef: o, EditorActions: f, RestoreButton: a };
   }
 });
 export {
-  x as default
+  l as default
 };

package/dist/composables/useHtmlCompiler.js

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

package/dist/composables/useSave.js

@@ -1,29 +1,23 @@
-import { useActionsApi as S } from "./useActionsApi.js";
-import { useConfig as V } from "./useConfig.js";
-import { useSaveStart as x, useSaveComplete as y } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as w } from "./useSyncModuleExtractor.js";
-import { useStripoApi as b } from "../services/stripoApi.js";
-import { useTemplatePreparation as q } from "../utils/templatePreparation.js";
-import { useHtmlValidator as H } from "./useHtmlValidator.js";
-import { useLiquidValidator as L } from "./validators/useLiquidValidator.js";
-const F = () => {
-  const o = x(), s = y(), { validateHtml: r } = H(), { validateLiquidSyntax: n } = L(), { callbacks: a, isFeatureEnabled: l } = V(), { extractSyncModuleData: d } = w(), { setSyncModuleUnsubscriptionPages: u } = b(), { editorSave: c } = S();
-  return { save: async (m = !1) => {
-    var i;
+import { useActionsApi as d } from "./useActionsApi.js";
+import { useConfig as f } from "./useConfig.js";
+import { useSaveStart as v, useSaveComplete as S } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as x } from "./useSyncModuleExtractor.js";
+import { useStripoApi as V } from "../services/stripoApi.js";
+import { useTemplatePreparation as y } from "../utils/templatePreparation.js";
+import { useHtmlValidator as w } from "./useHtmlValidator.js";
+const k = () => {
+  const o = v(), s = S(), { validateHtml: i } = w(), { callbacks: a } = f(), { extractSyncModuleData: r } = x(), { setSyncModuleUnsubscriptionPages: n } = V(), { editorSave: l } = d();
+  return { save: async (c = !1) => {
+    var e;
     o();
-    const { prepareTemplateDetails: p } = q(), t = await p();
-    if (l("liquidSyntax")) {
-      if (!await n(t.compiledHtml))
-        return;
-    } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
+    const { prepareTemplateDetails: m } = y(), t = await m();
+    if (!await i(t.compiledHtml, t.dynamicContentList, !0) || (e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t))
       return;
-    if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t))
-      return;
-    c();
-    const { unsubscribePayload: f, stripoModules: v } = d(t.rawHtml);
-    return await u(f), t.modules = v, m || s(t), t;
+    l();
+    const { unsubscribePayload: u, stripoModules: p } = r(t.rawHtml);
+    return await n(u), t.modules = p, c || s(t), t;
   } };
 };
 export {
-  F as useSave
+  k as useSave
 };

package/dist/composables/useStripo.js

@@ -1,42 +1,42 @@
-import { useActionsApi as F } from "./useActionsApi.js";
-import { useBlocksConfig as D } from "./useBlocksConfig.js";
-import { useConfig as I } from "./useConfig.js";
-import { useCustomInterfaceAppearance as P } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as U } from "./useStripoEventHandler.js";
-import { useToaster as R } from "./useToaster.js";
-import { localePatch as q } from "../config/i18n/index.js";
-import { displayConditions as x } from "../enums/displayConditions.js";
-import { useStripoApi as H } from "../services/stripoApi.js";
-import O from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as C } from "../stores/editor.js";
-import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
-import $ from "../package.json.js";
-const ie = (E, c) => {
-  const { features: l, template: h, isFeatureEnabled: u } = I(), { handleError: m } = R(), { getToken: b, getCustomFonts: w, getSyncModulesStatus: k } = H(), { handleEvent: T } = U(), { getStripoBlocksConfig: V } = D(), _ = async (i, n = [], r = !1) => {
-    var g, y, S;
-    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await V(), f = ((g = l.value) == null ? void 0 : g.displayConditions) ?? !0, v = ((y = l.value) == null ? void 0 : y.modulesDisabled) ?? !1, M = ((S = h.value) == null ? void 0 : S.forceRecreate) ?? !1;
+import { useActionsApi as A } from "./useActionsApi.js";
+import { useBlocksConfig as F } from "./useBlocksConfig.js";
+import { useConfig as D } from "./useConfig.js";
+import { useCustomInterfaceAppearance as I } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as P } from "./useStripoEventHandler.js";
+import { useToaster as U } from "./useToaster.js";
+import { localePatch as R } from "../config/i18n/index.js";
+import { displayConditions as H } from "../enums/displayConditions.js";
+import { useStripoApi as O } from "../services/stripoApi.js";
+import q from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as S } from "../stores/editor.js";
+import { dynamicContentToMergeTags as x } from "../utils/genericUtil.js";
+import L from "../package.json.js";
+const oe = (C, c) => {
+  const { features: l, template: E } = D(), { handleError: u } = U(), { getToken: h, getCustomFonts: w, getSyncModulesStatus: b } = O(), { handleEvent: k } = P(), { getStripoBlocksConfig: T } = F(), V = async (i, n = [], r = !1) => {
+    var f, g, y;
+    const e = S(), { html: m, css: a } = i, { baseBlocks: o, extensions: d } = await T(), p = ((f = l.value) == null ? void 0 : f.displayConditions) ?? !0, B = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, v = ((y = E.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: E,
-        html: p,
+        metadata: C,
+        html: m,
         css: a,
-        forceRecreate: M,
+        forceRecreate: v,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !u("liquidSyntax"),
+        customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: O,
-        conditionsEnabled: f,
-        customConditionsEnabled: f,
-        conditionCategories: x,
+        customViewStyles: q,
+        conditionsEnabled: p,
+        customConditionsEnabled: p,
+        conditionCategories: H,
         enableXSSSecurity: !0,
-        modulesDisabled: v,
+        modulesDisabled: B,
         syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -52,28 +52,25 @@ const ie = (E, c) => {
         },
         mergeTags: [
           {
-            entries: L(
-              c.preselectedDynamicContentList,
-              u("liquidSyntax")
-            )
+            entries: x(c.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const s = await b();
+            const s = await h();
             t(s);
           } catch (s) {
-            m(s, "Failed to refresh token");
+            u(s, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = P(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: A } = F();
-            t(), s(), A(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = I(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: M } = A();
+            t(), s(), M(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            m(t, "Failed to load custom interface appearance");
+            u(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -88,23 +85,23 @@ const ie = (E, c) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: T,
+        onEvent: k,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: q
+        localePatch: R
       }
     );
-  }, B = (i) => new Promise((n, r) => {
+  }, _ = (i) => new Promise((n, r) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i(), n();
       return;
     }
-    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
+    const e = L.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
     o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
       i(), n();
     }, o.onerror = () => {
@@ -112,15 +109,15 @@ const ie = (E, c) => {
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await B(async () => {
-      const n = C(), [r, e] = await Promise.all([
+    await _(async () => {
+      const n = S(), [r, e] = await Promise.all([
         w(),
-        k()
+        b()
       ]);
-      n.syncModulesEnabled = e, await _(i, r, e);
+      n.syncModulesEnabled = e, await V(i, r, e);
     });
   } };
 };
 export {
-  ie as useStripo
+  oe as useStripo
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,6 +1,8 @@
 const s = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, i = [
+}, i = {
+  CLIENT_ID: "clientId"
+}, u = [
   { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
   { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
   { id: 13, key: "userBased", name: "User Based", path: "user-based" },
@@ -11,13 +13,13 @@ const s = {
   { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
   { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
   { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
-], u = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], l = [
+], l = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], c = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], c = [
+], d = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," }
-], d = [
+], p = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
@@ -46,7 +48,7 @@ const s = {
 ], n = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], p = (t) => {
+], m = (t) => {
   if (!t)
     return e;
   switch (t) {
@@ -65,13 +67,14 @@ const s = {
   }
 };
 export {
-  u as PriceAttributes,
-  i as RecommendationFeedSourceMaps,
+  l as PriceAttributes,
+  i as QUERY_PARAMS,
+  u as RecommendationFeedSourceMaps,
   s as URLS,
-  d as currencyDecimalCounts,
-  l as currencyLocationMaps,
-  c as currencyOperators,
-  p as getOperatorOptions,
+  p as currencyDecimalCounts,
+  c as currencyLocationMaps,
+  d as currencyOperators,
+  m as getOperatorOptions,
   a as operatorOptionsForArrayOfStrings,
   n as operatorOptionsForBooleans,
   o as operatorOptionsForDates,

package/dist/extensions/Blocks/CouponBlock/template.js

@@ -1,40 +1,29 @@
-import { useConfig as n } from "../../../composables/useConfig.js";
-import { BlockType as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { COUPON_BLOCK_ID as t } from "./block.js";
-const c = "{@COUPON_CODE}", s = "{{ins_coupon_code}}";
-function l() {
-  const { isFeatureEnabled: o } = n();
-  return o("liquidSyntax") ? s : c;
-}
-function i(o) {
-  return `
-    <${e.BLOCK_TEXT}
+import { BlockType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { COUPON_BLOCK_ID as e } from "./block.js";
+const t = `
+    <${o.BLOCK_TEXT}
         class="coupon-block ins-coupon-code coupon-block-v2 es-p10"
         align="center"
-        esd-extension-block-id="${t}">
+        esd-extension-block-id="${e}">
         <p
             path="1"
             contenteditable="false"
             style="font-size: 16px; color: #333333;">
-            <strong path="1,0">${o}</strong>
+            <strong path="1,0">{@COUPON_CODE}</strong>
         </p>
-    </${e.BLOCK_TEXT}>
-    `;
-}
-const u = `
+    </${o.BLOCK_TEXT}>
+    `, l = `
     <td
         class="coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block"
-        esd-extension-block-id="${t}"
+        esd-extension-block-id="${e}"
     >
         <p class="ins-title" contenteditable="false">{@COUPON_CODE}</p>
     </td>
 `;
-function d() {
-  return i(l());
+function s() {
+  return t;
 }
 export {
-  c as COUPON_PLACEHOLDER_DEFAULT,
-  s as COUPON_PLACEHOLDER_LIQUID,
-  u as default,
-  d as getDefaultTemplate
+  l as default,
+  s as getDefaultTemplate
 };

package/dist/extensions/DynamicContent/dynamic-content.js

@@ -1,17 +1,16 @@
 var c = Object.defineProperty;
 var g = (o, s, t) => s in o ? c(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
 var r = (o, s, t) => g(o, typeof s != "symbol" ? s + "" : s, t);
-import { useConfig as d } from "../../composables/useConfig.js";
-import { mergeTagToDynamicContent as m, dynamicContentToMergeTags as u } from "../../utils/genericUtil.js";
-import { UIElement as h, UIElementType as a, UEAttr as T, UIElementTagRegistry as y } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { ExternalMergeTagsLibrary as C } from "./dynamic-content-modal.js";
-const l = "external-dynamic-content-ui-element", L = "button-add-dynamic-content";
-class w extends y {
+import { mergeTagToDynamicContent as d, dynamicContentToMergeTags as m } from "../../utils/genericUtil.js";
+import { UIElement as u, UIElementType as a, UEAttr as h, UIElementTagRegistry as T } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ExternalMergeTagsLibrary as y } from "./dynamic-content-modal.js";
+const l = "external-dynamic-content-ui-element", C = "button-add-dynamic-content";
+class p extends T {
   registerUiElements(s) {
     s[a.MERGETAGS] = l;
   }
 }
-class f extends h {
+class b extends u {
   constructor() {
     super(...arguments);
     r(this, "mergeTagsButton", null);
@@ -44,7 +43,7 @@ class f extends h {
   onAttributeUpdated(t, e) {
     if (t !== "mergeTag" || !(e != null && e.value))
       return;
-    const n = m(e), i = this._getLastClickedPosition();
+    const n = d(e), i = this._getLastClickedPosition();
     this.lastClickedElement = null, this.lastClickedFrame = null, this._openDynamicContentLibrary(n, i);
   }
   openMergeTagLibrary() {
@@ -56,14 +55,10 @@ class f extends h {
    * Dispatches event with dynamic content data and position
    */
   _openDynamicContentLibrary(t, e) {
-    this.mergeTagsLibrary || (this.mergeTagsLibrary = new C()), this.mergeTagsLibrary.openMergeTagsLibrary(
+    this.mergeTagsLibrary || (this.mergeTagsLibrary = new y()), this.mergeTagsLibrary.openMergeTagsLibrary(
       t,
       (n) => {
-        if (n.text && n.value) {
-          const { isFeatureEnabled: i } = d();
-          this.api.triggerValueChange(u([n], i("liquidSyntax"))[0]);
-        } else
-          this.api.triggerValueChange(null);
+        n.text && n.value ? this.api.triggerValueChange(m([n])[0]) : this.api.triggerValueChange(null);
       },
       e
     );
@@ -147,7 +142,7 @@ class f extends h {
                 <${a.BUTTON} 
                     id="guido__btn-add-dynamic-content" 
                     class="btn btn-primary"
-                    ${T.BUTTON.name}="${L}">
+                    ${h.BUTTON.name}="${C}">
                         <${a.ICON} src="plus" class="icon icon-button color-primary">
                         </${a.ICON}>
                         ${this.api.translate("Add Dynamic Content")}
@@ -156,6 +151,6 @@ class f extends h {
   }
 }
 export {
-  w as DynamicContentTagRegistry,
-  f as DynamicContentUiElementExtension
+  p as DynamicContentTagRegistry,
+  b as DynamicContentUiElementExtension
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions[data-v-98f3d29b]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-a26d7792]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-a26d7792]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-a26d7792]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions[data-v-acff76a8]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-a26d7792]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-a26d7792]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-a26d7792]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/services/recommendationApi.js

@@ -1,7 +1,7 @@
-import { useHttp as c } from "../composables/useHttp.js";
-import { URLS as i } from "../enums/extensions/recommendationBlock.js";
-const f = () => {
-  const { get: r } = c(), a = "6KcLM9TwheVB1mgK";
+import { useHttp as a } from "../composables/useHttp.js";
+import { QUERY_PARAMS as d, URLS as h } from "../enums/extensions/recommendationBlock.js";
+const y = () => {
+  const { get: r } = a(), { get: s } = a({ headers: {} }), m = "6KcLM9TwheVB1mgK";
   return {
     fetchRecommendationCreateData: async () => {
       try {
@@ -18,17 +18,15 @@ const f = () => {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, s) => {
+    fetchRecommendationProducts: async (e, i) => {
       var n;
       try {
-        const t = decodeURIComponent(new URLSearchParams(Object.entries(s)).toString());
-        console.debug("🏁 Recommendation API Query:", t);
-        const { get: m } = c({
-          headers: {
-            "X-CLIENT-ID": a
-          }
-        }), o = await m(
-          `${i.RECOMMENDATION_API_URL}/v2/${e}?${t}`
+        const t = new URLSearchParams(Object.entries(i));
+        t.set(d.CLIENT_ID, m);
+        const c = decodeURIComponent(t.toString());
+        console.debug("🏁 Recommendation API Query:", c);
+        const o = await s(
+          `${h.RECOMMENDATION_API_URL}/v2/${e}?${c}`
         );
         return ((n = o == null ? void 0 : o.data) == null ? void 0 : n.data) ?? [];
       } catch (t) {
@@ -38,5 +36,5 @@ const f = () => {
   };
 };
 export {
-  f as useRecommendationApi
+  y as useRecommendationApi
 };

package/dist/src/@types/config/schemas.d.ts

@@ -176,8 +176,6 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     readonly unsubscribe: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
     /** Disable modules panel in the editor */
     readonly modulesDisabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-    /** Enable Liquid template syntax */
-    readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -499,8 +497,6 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         readonly unsubscribe: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
         /** Disable modules panel in the editor */
         readonly modulesDisabled: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
-        /** Enable Liquid template syntax */
-        readonly liquidSyntax: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/composables/useConfig.d.ts

@@ -61,7 +61,6 @@ export declare const useConfig: () => {
             displayConditions: boolean;
             unsubscribe: boolean;
             modulesDisabled: boolean;
-            liquidSyntax: boolean;
         };
         blocks: {
             excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -158,7 +157,6 @@ export declare const useConfig: () => {
         displayConditions: boolean;
         unsubscribe: boolean;
         modulesDisabled: boolean;
-        liquidSyntax: boolean;
     } | null>;
     blocks: import("vue").ComputedRef<{
         excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -3,6 +3,9 @@ import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
 };
+export declare const QUERY_PARAMS: {
+    CLIENT_ID: string;
+};
 export declare const RecommendationFeedSourceMaps: RecommendationFeedItem[];
 export declare const PriceAttributes: string[];
 export declare const currencyLocationMaps: TextValueObject[];

package/dist/src/extensions/Blocks/CouponBlock/template.d.ts

@@ -1,5 +1,3 @@
-export declare const COUPON_PLACEHOLDER_DEFAULT = "{@COUPON_CODE}";
-export declare const COUPON_PLACEHOLDER_LIQUID = "{{ins_coupon_code}}";
 declare const migrationTemplate = "\n    <td\n        class=\"coupon-block coupon-block-v2 ins-coupon-code esd-block-text esd-extension-block\"\n        esd-extension-block-id=\"coupon-block\"\n    >\n        <p class=\"ins-title\" contenteditable=\"false\">{@COUPON_CODE}</p>\n    </td>\n";
 export declare function getDefaultTemplate(): string;
 export default migrationTemplate;

package/dist/src/stores/config.d.ts

@@ -66,7 +66,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -169,7 +168,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -272,7 +270,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -375,7 +372,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -478,7 +474,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -581,7 +576,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -684,7 +678,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -787,7 +780,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -890,7 +882,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -993,7 +984,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1096,7 +1086,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1199,7 +1188,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1302,7 +1290,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1405,7 +1392,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1508,7 +1494,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1611,7 +1596,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1714,7 +1698,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -1817,7 +1800,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 displayConditions: boolean;
                 unsubscribe: boolean;
                 modulesDisabled: boolean;
-                liquidSyntax: boolean;
             };
             blocks: {
                 excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

package/dist/src/utils/genericUtil.d.ts

@@ -1,6 +1,6 @@
 import type { DynamicContent, MergeTag } from '@@/Types/generic';
 export declare const mergeTagToDynamicContent: (mergeTag: MergeTag) => DynamicContent;
-export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[], liquidSyntax?: boolean) => MergeTag[];
+export declare const dynamicContentToMergeTags: (dynamicContentList: DynamicContent[]) => MergeTag[];
 export declare const getCsrfToken: () => string;
 /**
  * URL Parameter utilities

package/dist/utils/genericUtil.js

@@ -1,47 +1,25 @@
-const s = (e) => {
-  const a = e.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [n] = a, c = {
-    text: e.label,
-    value: n || ""
+const f = (t) => {
+  const n = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((l) => l.trim()), [r] = n, e = {
+    text: t.label,
+    value: r || ""
   };
-  if (a.length >= 2) {
-    const [, l, r] = a;
-    if (l.startsWith("default:")) {
-      let t = l.slice(8).trim();
-      t.startsWith('"') && t.endsWith('"') && (t = t.slice(1, -1)), c.fallback = t;
-    } else {
-      const t = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
-      t ? c.format = t : r || (c.fallback = l), r && (c.fallback = r);
-    }
+  if (n.length >= 2) {
+    const [, l, o] = n, c = l.includes("=") ? { key: l.split("=")[0].trim(), value: l.split("=")[1].trim() } : null;
+    c ? e.format = c : o || (e.fallback = l), o && (e.fallback = o);
   }
-  return c;
-}, u = (e, f = !1) => e.map((a) => {
-  if (a.format)
-    return {
-      label: `${a.text} | ${a.format.key}=${a.format.value}`,
-      value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
-    };
-  if (f) {
-    if (!a.fallback)
-      return {
-        label: a.text,
-        value: `{{ ${a.value} }}`
-      };
-    const c = !Number.isNaN(Number(a.fallback)) && a.fallback.trim() !== "" ? a.fallback : `"${a.fallback}"`;
-    return {
-      label: `${a.text} | ${a.fallback}`,
-      value: `{{ ${a.value} | default: ${c} }}`
-    };
-  }
-  return {
-    label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
-    value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
-  };
-}), o = () => {
-  var e;
-  return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
+  return e;
+}, s = (t) => t.map((a) => a.format ? {
+  label: `${a.text} | ${a.format.key}=${a.format.value}`,
+  value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
+} : {
+  label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
+  value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
+}), u = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
 };
 export {
-  u as dynamicContentToMergeTags,
-  o as getCsrfToken,
-  s as mergeTagToDynamicContent
+  s as dynamicContentToMergeTags,
+  u as getCsrfToken,
+  f as mergeTagToDynamicContent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.1.1-beta.e00a22b",
+  "version": "3.1.1-beta.e4b695a",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -34,7 +34,6 @@
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.5.0",
     "@useinsider/design-system-vue": "1.1.0-beta.73ec2fa",
-    "@useinsider/guido": "3.1.1-beta.22d798c",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",

package/dist/composables/validators/useLiquidValidator.js

@@ -1,42 +0,0 @@
-import { ToasterTypeOptions as a } from "../../enums/toaster.js";
-import { base64EncodeWithSpecialChars as u } from "../../utils/base64.js";
-import { useHttp as d } from "../useHttp.js";
-import { useToaster as c } from "../useToaster.js";
-import { useTranslations as p } from "../useTranslations.js";
-const v = () => {
-  const { post: i } = d(), { showToaster: e } = c(), s = p();
-  return { validateLiquidSyntax: async (o) => {
-    try {
-      const t = await i("/newsletter/contents/validate-syntax", [{
-        identifier: "default",
-        syntax: "liquid",
-        contents: {
-          subject: null,
-          preheader: null,
-          html: u(o),
-          ampHtml: null
-        }
-      }]);
-      if (!Array.isArray(t.data)) {
-        const l = t.data;
-        return e({
-          type: a.Warning,
-          message: l.message ?? s("journey-builder.liquid-validation-failed")
-        }), !1;
-      }
-      const [r] = t.data, n = Object.values((r == null ? void 0 : r.errors) ?? {});
-      return n.length ? (e({
-        type: a.Warning,
-        message: n[0].replace(/^line \d+:\s*/, "")
-      }), !1) : !0;
-    } catch {
-      return e({
-        type: a.Alert,
-        message: s("journey-builder.liquid-validation-failed")
-      }), !1;
-    }
-  } };
-};
-export {
-  v as useLiquidValidator
-};

package/dist/config/compiler/liquidCompilerRules.js

@@ -1,15 +0,0 @@
-import { COUPON_PLACEHOLDER_LIQUID as e, COUPON_PLACEHOLDER_DEFAULT as i } from "../../extensions/Blocks/CouponBlock/template.js";
-const o = [
-  {
-    id: "liquid-coupon-code",
-    description: "Replace legacy coupon placeholder with liquid syntax",
-    type: "replace",
-    search: i,
-    replacement: e,
-    replaceAll: !0,
-    priority: 50
-  }
-];
-export {
-  o as liquidCompilerRules
-};

package/dist/src/composables/validators/useLiquidValidator.d.ts

@@ -1,3 +0,0 @@
-export declare const useLiquidValidator: () => {
-    validateLiquidSyntax: (compiledHtml: string) => Promise<boolean>;
-};

package/dist/src/config/compiler/liquidCompilerRules.d.ts

@@ -1,2 +0,0 @@
-import type { CompilerRule } from '@@/Types/html-compiler';
-export declare const liquidCompilerRules: CompilerRule[];