@useinsider/guido 3.17.0-beta.e6704da → 3.17.0-beta.ea65303

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

@@ -1,66 +1,97 @@
-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 ut = /* @__PURE__ */ O({
+import { defineComponent as R, computed as l, ref as m } from "vue";
+import { useActionsApi as D } from "../../../composables/useActionsApi.js";
+import { useConfig as F } from "../../../composables/useConfig.js";
+import { useExport as z } from "../../../composables/useExport.js";
+import { useTestEmailClick as I } from "../../../composables/useGuidoActions.js";
+import { useHtmlCompiler as P } from "../../../composables/useHtmlCompiler.js";
+import { useSave as W } from "../../../composables/useSave.js";
+import { useSaveValidation as j } from "../../../composables/useSaveValidation.js";
+import { useSaveValidationRollout as G } from "../../../composables/useSaveValidationRollout.js";
+import { useToaster as J } from "../../../composables/useToaster.js";
+import { useTranslations as K } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as N } from "../../../composables/useVersionHistoryApi.js";
+import { useLiquidValidator as Q } from "../../../composables/validators/useLiquidValidator.js";
+import { ToasterTypeOptions as U } from "../../../enums/toaster.js";
+import { useConfigStore as X } from "../../../stores/config.js";
+import { useEditorStore as Y } from "../../../stores/editor.js";
+import { useSaveValidationStore as Z } from "../../../stores/save-validation.js";
+import { useTemplateStore as $ } from "../../../stores/template.js";
+import { getTooltipOptions as tt } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as ot } from "@useinsider/design-system-vue";
+import { storeToRefs as et } from "pinia";
+import rt from "./MigrationConfirmModal.vue.js";
+const At = /* @__PURE__ */ R({
   __name: "EditorActions",
-  setup(N, { expose: x }) {
-    const { config: a, isFeatureEnabled: l } = b(), { exportHtml: m } = k(), { save: u } = F(), { openVersionHistory: c, closeVersionHistory: p } = R(), { getCompiledEmail: f } = q(), { compileHtml: d } = D(), { validateLiquidSyntax: v } = z(), e = I(), y = P(), { hasMigrations: g } = J(y), s = L(), i = n(!1), r = n(!1), S = n(), H = B(), T = () => {
+  setup(it, { expose: A }) {
+    const { config: u, isFeatureEnabled: c } = F(), { exportHtml: f } = z(), { save: p } = W(), { validateCurrentTemplate: d } = j(), { isEnabled: i } = G(), { showToaster: v } = J(), { openVersionHistory: S, closeVersionHistory: y } = N(), { getCompiledEmail: g } = D(), { compileHtml: h } = P(), { validateLiquidSyntax: V } = Q(), T = X(), e = Y(), w = Z(), H = $(), { hasMigrations: E } = et(H), r = K(), O = l(() => i.value && T.allowSaveWithErrors ? r("email-editor.save-and-continue") : "Save"), s = m(!1), a = m(!1), x = m(), n = I(), M = () => {
       if (e.isVersionHistoryOpen) {
-        p();
+        y();
         return;
       }
-      c();
-    }, w = async () => {
-      i.value = !0, await m(), i.value = !1;
-    }, _ = () => {
+      S();
+    }, b = async () => {
+      s.value = !0, await f(), s.value = !1;
+    }, k = () => {
       e.isSaveAsTemplateDrawerOpen = !0;
-    }, C = h(() => e.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), A = h(
+    }, q = l(() => e.isVersionHistoryOpen ? r("newsletter.close-version-history") : r("newsletter.version-history")), B = l(
       () => {
         var t, o;
-        return ((o = (t = a.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
+        return ((o = (t = u.value) == null ? void 0 : t.features) == null ? void 0 : o.versionHistory) && !e.isPreviewModeOpen;
       }
-    ), V = async (t) => {
-      r.value = !0, t || (e.loadingStatus = !0);
-      const o = await u(t);
-      return r.value = !1, !t && !o && (e.loadingStatus = !1), o;
-    }, E = (t) => {
+    ), C = async (t) => {
+      a.value = !0, t || (e.loadingStatus = !0);
+      const o = await p(t);
+      return a.value = !1, !t && !o && (e.loadingStatus = !1), o;
+    }, _ = (t) => {
       var o;
-      if (!t && g.value) {
-        (o = S.value) == null || o.open();
+      if (!t && E.value) {
+        (o = x.value) == null || o.open();
         return;
       }
-      return V(t);
-    }, M = async () => {
-      if (l("liquidSyntax")) {
+      return C(t);
+    }, L = async () => {
+      if (i.value) {
         e.loadingStatus = !0;
+        let t = [];
         try {
-          const { html: t } = await f({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = d(t);
-          if (!await v(o))
+          t = await d();
+        } catch (o) {
+          console.warn("Test-path validation failed; sending without the drawer.", o);
+        } finally {
+          e.loadingStatus = !1;
+        }
+        if (t.length) {
+          v({
+            type: U.Error,
+            message: r("email-editor.validation-errors-found"),
+            actionButton: {
+              text: r("email-editor.check-errors"),
+              onClick: () => w.open(t, "test")
+            },
+            autoHide: !1
+          });
+          return;
+        }
+        n();
+        return;
+      }
+      if (c("liquidSyntax")) {
+        e.loadingStatus = !0;
+        try {
+          const { html: t } = await g({ minimize: !0, resetDataSavedFlag: !1 }), { compiledHtml: o } = h(t);
+          if (!await V(o))
             return;
         } finally {
           e.loadingStatus = !1;
         }
       }
-      H();
+      n();
     };
-    return x({
-      handleSave: E
-    }), { __sfc: !0, config: a, isFeatureEnabled: l, exportHtml: m, save: u, openVersionHistory: c, closeVersionHistory: p, getCompiledEmail: f, compileHtml: d, validateLiquidSyntax: v, editorStore: e, templateStore: y, hasMigrations: g, trans: s, isExporting: i, isSaving: r, migrationModalRef: S, testEmailClick: H, handleVersionHistory: T, handleExport: w, handleSaveAs: _, versionHistoryTooltipText: C, isVersionHistoryButtonVisible: A, executeSave: V, handleSave: E, handleTestEmail: M, getTooltipOptions: j, InButtonV2: G, MigrationConfirmModal: K };
+    return A({
+      handleSave: _
+    }), { __sfc: !0, config: u, isFeatureEnabled: c, exportHtml: f, save: p, validateCurrentTemplate: d, isEnabled: i, showToaster: v, openVersionHistory: S, closeVersionHistory: y, getCompiledEmail: g, compileHtml: h, validateLiquidSyntax: V, configStore: T, editorStore: e, saveValidationStore: w, templateStore: H, hasMigrations: E, trans: r, saveLabel: O, isExporting: s, isSaving: a, migrationModalRef: x, testEmailClick: n, handleVersionHistory: M, handleExport: b, handleSaveAs: k, versionHistoryTooltipText: q, isVersionHistoryButtonVisible: B, executeSave: C, handleSave: _, handleTestEmail: L, getTooltipOptions: tt, InButtonV2: ot, MigrationConfirmModal: rt };
   }
 });
 export {
-  ut as default
+  At as default
 };

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

@@ -1,16 +1,16 @@
 import o from "./LeftSlot.vue2.js";
 /* empty css              */
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
   var e = this, s = e._self._c, t = e._self._setupProxy;
   return s("div", { staticClass: "d-f a-i-c" }, [s(t.InButtonV2, { attrs: { id: "guido__back-button", "left-icon": "line-arrow-left", styling: "ghost", type: "secondary", "disabled-status": t.isBackButtonDisabled, "label-text": t.backButtonLabel, "skeleton-sizing": { width: 150, height: 26 }, "skeleton-status": t.editorStore.loadingStatus }, on: { click: t.handleBackClick } })], 1);
-}, i = [], r = /* @__PURE__ */ a(
+}, i = [], r = /* @__PURE__ */ n(
   o,
-  n,
+  a,
   i,
   !1,
   null,
-  "73199fa4"
+  "b8f24f34"
 );
 const f = r.exports;
 export {

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

@@ -1,19 +1,19 @@
-import { defineComponent as l, computed as p, ref as d } from "vue";
+import { defineComponent as m, computed as p, ref as d } from "vue";
 import { useConfig as k } from "../../../composables/useConfig.js";
 import { useBack as B } from "../../../composables/useGuidoActions.js";
 import { usePreviewMode as b } from "../../../composables/usePreviewMode.js";
 import { useTranslations as v } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as _ } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as V } from "../../../stores/editor.js";
+import { useEditorStore as y } from "../../../stores/editor.js";
 import { InButtonV2 as w } from "@useinsider/design-system-vue";
-import { useDebounceFn as y } from "../../../node_modules/@vueuse/shared/index.js";
-const D = /* @__PURE__ */ l({
+import { useDebounceFn as V } from "../../../node_modules/@vueuse/shared/index.js";
+const D = /* @__PURE__ */ m({
   __name: "LeftSlot",
   setup(C) {
-    const e = V(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), f = p(() => {
-      var u, m;
-      return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (m = (u = t.value) == null ? void 0 : u.ui) != null && m.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
-    }), r = d(!1), c = () => {
+    const e = y(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), l = p(() => {
+      var u, f;
+      return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (f = (u = t.value) == null ? void 0 : u.ui) != null && f.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
+    }), r = d(!1), a = () => {
       if (e.isVersionHistoryOpen) {
         n();
         return;
@@ -23,11 +23,15 @@ const D = /* @__PURE__ */ l({
         return;
       }
       i();
-    }, a = y(() => {
-      c(), r.value = !1;
+    }, c = V(async () => {
+      try {
+        await a();
+      } finally {
+        r.value = !1;
+      }
     }, 500);
-    return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: f, isBackButtonDisabled: r, executeBackAction: c, debouncedBackAction: a, handleBackClick: () => {
-      r.value = !0, a();
+    return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: l, isBackButtonDisabled: r, executeBackAction: a, debouncedBackAction: c, handleBackClick: () => {
+      r.value = !0, c();
     }, InButtonV2: w };
   }
 });

package/dist/components/organisms/validation/ValidationErrorDrawer.vue.js

@@ -0,0 +1,20 @@
+import a from "./ValidationErrorDrawer.vue2.js";
+/* empty css                           */
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var r = this, o = r._self._c, t = r._self._setupProxy;
+  return o(t.WpDrawer, { attrs: { id: "guido__validation-error-drawer", size: "small", "footer-button-group-options": t.footerButtonGroupOptions, status: t.store.isDrawerOpen, "title-text": t.titleText }, on: { onCloseEvent: t.handleClose, primaryButtonEvent: t.handleClose, secondaryButtonEvent: t.handleSaveAndContinue } }, [o("div", { staticClass: "d-f f-d-c validation-error-list" }, r._l(t.rows, function(e, n) {
+    return o("div", { key: n, staticClass: "d-f a-i-c validation-error-row" }, [o(t.InIcons, { staticClass: "validation-error-row__icon i-c-12", attrs: { name: "filled-caution-triangle" } }), o("span", { staticClass: "validation-error-row__text" }, [r._v(r._s(e))])], 1);
+  }), 0)]);
+}, l = [], _ = /* @__PURE__ */ s(
+  a,
+  i,
+  l,
+  !1,
+  null,
+  "30d2e1f9"
+);
+const p = _.exports;
+export {
+  p as default
+};

package/dist/components/organisms/validation/ValidationErrorDrawer.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as m, ref as p, computed as a } from "vue";
+import f from "../../wrappers/WpDrawer.vue.js";
+import { useSave as S } from "../../../composables/useSave.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
+import { useConfigStore as g } from "../../../stores/config.js";
+import { useEditorStore as y } from "../../../stores/editor.js";
+import { useSaveValidationStore as h } from "../../../stores/save-validation.js";
+import { InIcons as w } from "@useinsider/design-system-vue";
+const I = /* @__PURE__ */ m({
+  __name: "ValidationErrorDrawer",
+  setup(_) {
+    const r = v(), e = h(), n = y(), s = g(), { saveWithErrors: i } = S(), o = p(!1), l = a(() => `${r("email-editor.validation-errors")} (${e.errorCount})`), u = a(() => {
+      const t = {
+        primaryButton: {
+          styling: "solid",
+          type: "primary",
+          labelText: r("email-editor.update-design")
+        }
+      };
+      return s.allowSaveWithErrors && e.intent !== "test" && (t.secondaryButton = {
+        styling: "solid",
+        type: "subtle-primary",
+        labelText: r("email-editor.save-and-continue"),
+        loadingStatus: o.value
+      }), t;
+    }), d = a(() => e.errors.map((t) => {
+      const c = t.detail ? ` (${t.detail})` : "";
+      return `${t.message}${c}`;
+    }));
+    return { __sfc: !0, trans: r, store: e, editorStore: n, configStore: s, saveWithErrors: i, isSaving: o, titleText: l, footerButtonGroupOptions: u, rows: d, handleClose: () => {
+      e.isDrawerOpen && e.close();
+    }, handleSaveAndContinue: async () => {
+      if (!o.value) {
+        o.value = !0, n.loadingStatus = !0;
+        try {
+          await i() ? e.close() : n.loadingStatus = !1;
+        } catch (t) {
+          console.warn("Soft-save failed; keeping the drawer open.", t), n.loadingStatus = !1;
+        } finally {
+          o.value = !1;
+        }
+      }
+    }, WpDrawer: f, InIcons: w };
+  }
+});
+export {
+  I as default
+};

package/dist/components/wrappers/WpDrawer.vue.js

@@ -1,17 +1,19 @@
 import r from "./WpDrawer.vue2.js";
 import s from "../../_virtual/_plugin-vue2_normalizer.js";
 var u = function() {
-  var t = this, n = t._self._c, e = t._self._setupProxy;
-  return n(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(o) {
+  var t = this, o = t._self._c, e = t._self._setupProxy;
+  return o(e.InDrawer, { class: t.className, attrs: { id: t.id, "footer-status": "", "close-on-outside-click": t.closeOnOutsideClick, "description-status": t.descriptionStatus, "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, size: t.size, status: t.status, "title-text": t.titleText }, on: { cancelOrBackButtonEvent: function(n) {
     return e.emit("cancelOrBackButtonEvent");
-  }, onCloseEvent: function(o) {
+  }, onCloseEvent: function(n) {
     return e.emit("onCloseEvent");
-  }, primaryButtonEvent: function(o) {
+  }, primaryButtonEvent: function(n) {
     return e.emit("primaryButtonEvent");
+  }, secondaryButtonEvent: function(n) {
+    return e.emit("secondaryButtonEvent");
   } }, scopedSlots: t._u([t.$slots.headerBottomSlot ? { key: "headerBottomSlot", fn: function() {
     return [t._t("headerBottomSlot")];
   }, proxy: !0 } : null, { key: "contentSlot", fn: function() {
-    return [n("div", [t._t("default")], 2)];
+    return [o("div", [t._t("default")], 2)];
   }, proxy: !0 }], null, !0) });
 }, i = [], c = /* @__PURE__ */ s(
   r,
@@ -21,7 +23,7 @@ var u = function() {
   null,
   null
 );
-const f = c.exports;
+const p = c.exports;
 export {
-  f as default
+  p as default
 };

package/dist/components/wrappers/WpDrawer.vue2.js

@@ -13,7 +13,7 @@ const r = /* @__PURE__ */ e({
     status: { type: Boolean },
     titleText: null
   },
-  emits: ["cancelOrBackButtonEvent", "onCloseEvent", "primaryButtonEvent"],
+  emits: ["cancelOrBackButtonEvent", "onCloseEvent", "primaryButtonEvent", "secondaryButtonEvent"],
   setup(n, { emit: t }) {
     return { __sfc: !0, emit: t, InDrawer: o };
   }

package/dist/composables/useCustomInterfaceAppearance.js

@@ -4,21 +4,20 @@ import e from "../static/styles/components/amp-block.css.js";
 import i from "../static/styles/components/base-input.css.js";
 import p from "../static/styles/components/button-group.css.js";
 import n from "../static/styles/components/button.css.js";
-import C from "../static/styles/components/combobox.css.js";
-import s from "../static/styles/components/counter.css.js";
+import s from "../static/styles/components/combobox.css.js";
+import C from "../static/styles/components/counter.css.js";
 import f from "../static/styles/components/dropdown-menu.css.js";
 import a from "../static/styles/components/loader.css.js";
 import u from "../static/styles/components/narrow-panel.css.js";
 import c from "../static/styles/components/popup.css.js";
-import d from "../static/styles/components/recommendation-strategy.css.js";
-import l from "../static/styles/components/switcher.css.js";
-import h from "../static/styles/components/tabs.css.js";
-import w from "../static/styles/components/tools.css.js";
-import y from "../static/styles/components/version-history.css.js";
-import B from "../static/styles/components/wide-panel.css.js";
-import b from "../static/styles/variables.css.js";
-const A = [
-  b,
+import d from "../static/styles/components/switcher.css.js";
+import l from "../static/styles/components/tabs.css.js";
+import h from "../static/styles/components/tools.css.js";
+import w from "../static/styles/components/version-history.css.js";
+import y from "../static/styles/components/wide-panel.css.js";
+import B from "../static/styles/variables.css.js";
+const b = [
+  B,
   // Must be on top
   S,
   // Must be on top
@@ -27,24 +26,22 @@ const A = [
   i,
   p,
   n,
-  C,
   s,
+  C,
   f,
   a,
   u,
   c,
+  d,
   l,
   h,
   w,
-  y,
-  B,
-  d
-  // Last: overrides button.css / wide-panel.css defaults
+  y
 ].join(`
 
-`), F = () => ({ importCss: () => {
+`), v = () => ({ importCss: () => {
   const o = new CSSStyleSheet();
-  o.replaceSync(A);
+  o.replaceSync(b);
   const r = document.querySelector("ui-editor");
   if (!r)
     return;
@@ -52,5 +49,5 @@ const A = [
   t && (t.adoptedStyleSheets = [o]);
 } });
 export {
-  F as useCustomInterfaceAppearance
+  v as useCustomInterfaceAppearance
 };

package/dist/composables/useHtmlCompiler.js

@@ -1,13 +1,14 @@
-import { defaultHtmlCompilerRules as R } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as g } from "../config/compiler/itemsCompilerRules.js";
-import { liquidCompilerRules as C } from "../config/compiler/liquidCompilerRules.js";
-import { outlookCompilerRules as b } from "../config/compiler/outlookCompilerRules.js";
+import { defaultHtmlCompilerRules as d } from "../config/compiler/htmlCompilerRules.js";
+import { itemsCompilerRules as f } from "../config/compiler/itemsCompilerRules.js";
+import { liquidCompilerRules as g } from "../config/compiler/liquidCompilerRules.js";
+import { outlookCompilerRules as R } from "../config/compiler/outlookCompilerRules.js";
 import { recommendationCompilerRules as v } from "../config/compiler/recommendationCompilerRules.js";
 import { socialCompilerRules as H } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as x } from "../config/compiler/unsubscribeCompilerRules.js";
-import { createHtmlCompiler as s } from "../utils/htmlCompiler.js";
-import { useConfig as k } from "./useConfig.js";
-const y = /* @__PURE__ */ new Set([
+import { unsubscribeCompilerRules as b } from "../config/compiler/unsubscribeCompilerRules.js";
+import { createHtmlCompiler as n } from "../utils/htmlCompiler.js";
+import { computed as p } from "vue";
+import { useConfig as C } from "./useConfig.js";
+const x = /* @__PURE__ */ new Set([
   // URL/tag encoding fixes — keep merge-tag and placeholder integrity intact.
   "fix-url-encoding-start",
   "fix-url-encoding-end",
@@ -30,24 +31,34 @@ const y = /* @__PURE__ */ new Set([
   // Editor-only attribute strip — AMP4EMAIL has no `contenteditable`, so leaving
   // it in narrows/breaks rendering. Pure attribute removal, emits nothing.
   "remove-contenteditable"
-]), M = () => {
-  var i, m, r;
-  const { compiler: o, isFeatureEnabled: n, partner: a } = k(), p = ((i = o.value) == null ? void 0 : i.customRules) || [], l = [
-    ...!!((m = o.value) != null && m.ignoreDefaultRules) ? [] : R,
-    ...v,
-    ...x,
-    ...g,
-    ...b,
-    ...H,
-    ...n("liquidSyntax") ? C : [],
-    ...p.map((e, f) => ({
-      ...e,
-      priority: e.priority + 1e3 + f
-      // Ensure additional rules run after default rules
-    }))
-  ], u = s(l), c = l.filter((e) => y.has(e.id)), d = s(c), t = (r = a.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (e) => u.compile(e, void 0, t), compileAmpHtml: (e) => d.compile(e, void 0, t) };
+]), I = () => {
+  const { compiler: i, isFeatureEnabled: u, partner: a } = C(), c = p(() => {
+    var m, l;
+    const e = ((m = i.value) == null ? void 0 : m.customRules) || [];
+    return [
+      ...!!((l = i.value) != null && l.ignoreDefaultRules) ? [] : d,
+      ...v,
+      ...b,
+      ...f,
+      ...R,
+      ...H,
+      ...u("liquidSyntax") ? g : [],
+      ...e.map((t, o) => ({
+        ...t,
+        priority: t.priority + 1e3 + o
+        // Ensure additional rules run after default rules
+      }))
+    ];
+  }), r = p(() => {
+    var t;
+    const e = c.value, s = n(e), m = n(e.filter((o) => x.has(o.id))), l = (t = a.value) == null ? void 0 : t.fallbackFont;
+    return {
+      compileHtml: (o) => s.compile(o, void 0, l),
+      compileAmpHtml: (o) => m.compile(o, void 0, l)
+    };
+  });
+  return { compileHtml: (e) => r.value.compileHtml(e), compileAmpHtml: (e) => r.value.compileAmpHtml(e) };
 };
 export {
-  M as useHtmlCompiler
+  I as useHtmlCompiler
 };

package/dist/composables/useHtmlValidator.js

@@ -221,6 +221,8 @@ const De = () => {
 export {
   de as buildPartnerAttributeNameSet,
   fe as findInvalidCustomFields,
+  pe as getInvalidDynamicContentTags,
+  ce as getRecommendationBlockIds,
   ue as parseRecommendationVariable,
   De as useHtmlValidator
 };

package/dist/composables/useRecommendation.js

@@ -1,22 +1,22 @@
-import { getRecommendationFeedSourceMaps as y, URLS as I } from "../enums/extensions/recommendationBlock.js";
-import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommendation.js";
+import { getRecommendationFeedSourceMaps as I, URLS as R } from "../enums/extensions/recommendationBlock.js";
+import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommendation.js";
 import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
+import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
+import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
 import { useConfigStore as P } from "../stores/config.js";
 const B = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: i,
-    mobileRightPadding: c,
-    cardsInRow: s,
+    mobileLeftPadding: a,
+    mobileRightPadding: s,
+    cardsInRow: c,
     unresponsive: n
   }) => {
-    const o = n ? s : 1, e = i + c + (o - 1) * R;
-    return (C - e) / o;
+    const r = n ? c : 1, e = a + s + (r - 1) * b;
+    return (C - e) / r;
   },
-  getRecommendationCampaignData: (i) => {
-    const c = l(), s = Number(i), n = c.blockStates[s];
+  getRecommendationCampaignData: (a) => {
+    const s = l(), c = Number(a), n = s.blockStates[c];
     if (!n)
       return {
         textTrimming: !1,
@@ -30,54 +30,47 @@ const B = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: o } = n, e = o.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
-      textTrimming: o.textTrimming,
+      textTrimming: r.textTrimming,
       orientation: e,
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
-      cardsInRow: o.cardsInRow,
-      unresponsive: o.unresponsive,
+      cardsInRow: r.cardsInRow,
+      unresponsive: r.unresponsive,
       priceBeforeTextValue: "",
       priceAfterTextValue: "",
       discountBeforeTextValue: "",
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (i, c) => {
+  buildCampaignUrl: (a, s) => {
     var m;
-    const s = l(), n = P(), o = Number(i);
+    const c = l(), n = P(), r = Number(a);
     let e;
-    if (c)
-      e = c;
+    if (s)
+      e = s;
     else {
-      const a = s.blockStates[o];
-      if (!a)
+      const i = c.blockStates[r];
+      if (!i)
         return "";
-      const { recommendationConfigs: r } = a;
+      const { recommendationConfigs: o } = i;
       e = {
-        strategy: r.strategy,
-        strategyId: r.strategyId,
-        language: r.language,
-        currencyCode: r.currencySettings.value,
-        size: r.size,
-        productIds: r.productIds,
-        filters: r.filters,
-        shuffleProducts: r.shuffleProducts
+        strategy: o.strategy,
+        language: o.language,
+        currencyCode: o.currencySettings.value,
+        size: o.size,
+        productIds: o.productIds,
+        filters: o.filters,
+        shuffleProducts: o.shuffleProducts
       };
     }
-    if (n.isFeatureEnabled("reusableRecommendationStrategy") && e.strategyId)
-      return s.recommendationCampaignUrls[i] = {
-        strategyId: e.strategyId,
-        locale: e.language,
-        currency: e.currencyCode
-      }, "";
-    const g = ((m = y().find((a) => a.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
     t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const f = e.filters.filter((a) => a.isValid), d = b(f);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
-    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${g}?${p}`;
-    return s.recommendationCampaignUrls[i] = u, u;
+    const g = e.filters.filter((i) => i.isValid), d = h(g);
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(n.partnerName, e.strategy)).forEach(([i, o]) => t.set(i, o));
+    const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
+    return c.recommendationCampaignUrls[a] = u, u;
   }
 });
 export {