@useinsider/guido 3.2.0-beta.e01b42a → 3.2.0-beta.e69fb3b

package/dist/composables/useFullStoryBridge.js

@@ -0,0 +1,13 @@
+const o = "https://email-static.useinsider.com/guido/guido-fs.js", c = () => ({ injectFullStory: () => {
+  const e = window;
+  if (typeof e._fs_org != "string" || !e._fs_org)
+    return;
+  const r = document.querySelector("ui-editor")?.shadowRoot?.querySelector("iframe")?.contentDocument;
+  if (!r || r.querySelector('script[data-fullstory-bridge="true"]'))
+    return;
+  const t = r.createElement("script");
+  t.src = o, t.async = !0, t.crossOrigin = "anonymous", t.dataset.fullstoryBridge = "true", r.head.appendChild(t);
+} });
+export {
+  c as useFullStoryBridge
+};

package/dist/composables/useHtmlCompiler.js

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

package/dist/composables/useHtmlValidator.js

@@ -1,159 +1,153 @@
-import { useConfig as L } from "./useConfig.js";
-import { TemplateTypes as V } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as _, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as G } from "../enums/html-validator.js";
-import { ToasterTypeOptions as c } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as M } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { useRecommendationStore as $ } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as X } from "../utils/base64.js";
-import { useHttp as j } from "./useHttp.js";
-import { useToaster as q } from "./useToaster.js";
-import { useTranslations as z } from "./useTranslations.js";
-const K = /recommendation-id="(\d+)"/g;
-function U(i) {
-  return [...i.matchAll(K)].map((u) => u[1]);
+import { useConfig as R } from "./useConfig.js";
+import { TemplateTypes as D } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as L, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as V, CampaignCouldNotBeSavedKey as _, CanNotMakeAnyChangesForRunningKey as H } from "../enums/html-validator.js";
+import { ToasterTypeOptions as r } from "../enums/toaster.js";
+import { itemsBlockDynamicVariables as P } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { useRecommendationStore as G } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as M } from "../utils/base64.js";
+import { useHttp as $ } from "./useHttp.js";
+import { useToaster as X } from "./useToaster.js";
+import { useTranslations as j } from "./useTranslations.js";
+const q = /recommendation-id="(\d+)"/g;
+function z(i) {
+  return [...i.matchAll(q)].map((u) => u[1]);
 }
-function Y(i, u) {
+function K(i, u) {
   return u.some((d) => i.startsWith(`${d}_`));
 }
-const ce = () => {
-  var y, h;
-  const { showToaster: i } = q(), { post: u } = j(), { config: d } = L(), r = z(), g = $(), p = ((h = (y = d.value) == null ? void 0 : y.partner) == null ? void 0 : h.messageType) === V.transactional, w = async (e) => {
+const ae = () => {
+  const { showToaster: i } = X(), { post: u } = $(), { config: d } = R(), a = j(), g = G(), p = d.value?.partner?.messageType === D.transactional, v = async (e) => {
     const t = await u(
       "/newsletter/template-library/check-template-html-body",
-      { html: X(e) }
-    ), { status: n, message: l } = t.data;
+      { html: M(e) }
+    ), { status: n, message: c } = t.data;
     return n || i({
-      type: c.Alert,
-      message: n === void 0 ? l : r("newsletter.invalid-url-link-for-toaster")
-    }), r(P), l === r(G) && i({
-      type: c.Alert,
-      message: r("newsletter.already-in-progress")
+      type: r.Alert,
+      message: n === void 0 ? c : a("newsletter.invalid-url-link-for-toaster")
+    }), a(_), c === a(H) && i({
+      type: r.Alert,
+      message: a("newsletter.already-in-progress")
     }), n;
-  }, b = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), S = (e) => ["if", "endif"].includes(e.toLowerCase()), E = (e, s) => {
+  }, C = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), b = (e) => ["if", "endif"].includes(e.toLowerCase()), w = (e, s) => {
     const t = e.match(/({%(.*?)%})/g);
     let n = !0;
-    return t !== null && !p && t.forEach((l) => {
-      const o = l.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+    return t !== null && !p && t.forEach((c) => {
+      const o = c.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (o && o.length > 0) {
-        const [a] = o;
-        b(a) && !s.includes(a) && (i({
-          type: c.Warning,
-          message: r("custom-fields.invalid-custom-fields")
+        const [l] = o;
+        C(l) && !s.includes(l) && (i({
+          type: r.Warning,
+          message: a("custom-fields.invalid-custom-fields")
         }), n = !1);
       }
     }), n;
-  }, A = async (e, s, t) => {
-    const n = t ? await w(e) : !0;
-    return E(e, s) && n;
-  }, I = (e) => e.length > 0 ? !0 : (i({
-    type: c.Warning,
-    message: r("newsletter.html-content-is-empty")
-  }), !1), k = (e) => {
+  }, S = async (e, s, t) => {
+    const n = t ? await v(e) : !0;
+    return w(e, s) && n;
+  }, E = (e) => e.length > 0 ? !0 : (i({
+    type: r.Warning,
+    message: a("newsletter.html-content-is-empty")
+  }), !1), A = (e) => {
     const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
     return s > t && i({
-      type: c.Warning,
-      message: r("custom-fields.missing-closing-braces")
+      type: r.Warning,
+      message: a("custom-fields.missing-closing-braces")
     }), s < t && i({
-      type: c.Warning,
-      message: r("custom-fields.missing-opening-braces")
+      type: r.Warning,
+      message: a("custom-fields.missing-opening-braces")
     }), s === t;
-  }, x = (e) => {
+  }, I = (e) => {
     const s = e.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
     return s || i({
-      type: c.Warning,
-      message: r("custom-fields.invalid-custom-fields")
+      type: r.Warning,
+      message: a("custom-fields.invalid-custom-fields")
     }), s;
-  }, T = (e, s) => {
+  }, k = (e, s) => {
     const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
     if (t && !p) {
-      const n = new Set(s.map((a) => a.toLowerCase())), l = U(e), o = [];
-      if (t.forEach((a) => {
-        const m = a.slice(2, -2).trim().toLowerCase();
-        (!n.has(m) || m === "") && !Y(m, l) && o.push(m);
+      const n = new Set(s.map((l) => l.toLowerCase())), c = z(e), o = [];
+      if (t.forEach((l) => {
+        const m = l.slice(2, -2).trim().toLowerCase();
+        (!n.has(m) || m === "") && !K(m, c) && o.push(m);
       }), o.length > 0) {
-        const a = `
+        const l = `
                     <ul>
                         ${o.map((m) => `<li>${m}</li>`).join("")}
                     </ul>
                 `;
         return i({
-          type: c.Alert,
-          message: r("custom-fields.invalid-custom-fields") + a
+          type: r.Alert,
+          message: a("custom-fields.invalid-custom-fields") + l
         }), !1;
       }
     }
     return !0;
-  }, F = (e) => {
+  }, x = (e) => {
     const s = e.match(/{%(.*?)%}/g), t = [];
     let n = !0;
-    if (s && s.forEach((l) => {
-      const o = l.match(_), a = l.match(H), m = (o == null ? void 0 : o.join("")) || "";
-      (!o || l !== m) && !a && (i({
-        type: c.Alert,
-        message: r("newsletter.display-conditions-invalid-syntax")
+    if (s && s.forEach((c) => {
+      const o = c.match(L), l = c.match(V), m = o?.join("") || "";
+      (!o || c !== m) && !l && (i({
+        type: r.Alert,
+        message: a("newsletter.display-conditions-invalid-syntax")
       }), n = !1), o && o.forEach((f) => {
         f.trim() === "=" && (i({
-          type: c.Alert,
-          message: r("custom-conditions.wrong-equality-operators")
+          type: r.Alert,
+          message: a("custom-conditions.wrong-equality-operators")
         }), n = !1);
-        const v = f.match(/^[a-zA-Z]*$/g);
-        v && v.forEach((C) => {
-          S(C) && t.push(C);
+        const y = f.match(/^[a-zA-Z]*$/g);
+        y && y.forEach((h) => {
+          b(h) && t.push(h);
         });
       });
     }), t.length) {
-      const l = t.filter((a) => a === "if"), o = t.filter((a) => a === "endif");
-      l.length !== o.length && (i({
-        type: c.Alert,
-        message: r("custom-conditions.missing-if-endif-tag")
+      const c = t.filter((l) => l === "if"), o = t.filter((l) => l === "endif");
+      c.length !== o.length && (i({
+        type: r.Alert,
+        message: a("custom-conditions.missing-if-endif-tag")
       }), n = !1);
     }
     return n;
-  }, W = (e) => {
+  }, T = (e) => {
     const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, n = s === t;
     return n || i({
-      type: c.Warning,
-      message: r("custom-conditions.no-space-after-braces")
+      type: r.Warning,
+      message: a("custom-conditions.no-space-after-braces")
     }), n;
-  }, N = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (i({
-    type: c.Warning,
-    message: r("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, O = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (i({
-    type: c.Alert,
-    message: r("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, B = (e) => {
+  }, F = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (i({
+    type: r.Warning,
+    message: a("custom-conditions.no-braces-inside-if-tag")
+  }), !1) : !0, W = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (i({
+    type: r.Alert,
+    message: a("newsletter.fill-all-necessary-fields")
+  }), !1) : !0, N = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(s) === null ? !0 : (i({
-      type: c.Alert,
-      message: r("newsletter.invalid-image-type")
+      type: r.Alert,
+      message: a("newsletter.invalid-image-type")
     }), !1);
-  }, R = (e) => {
+  }, O = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
-    return Array.from(n).find((o) => {
-      var a;
-      return !((a = o.id) != null && a.trim());
-    }) ? (i({
-      type: c.Alert,
-      message: r("unsubscribe-templates.select-checkbox-groups")
+    return Array.from(n).find((o) => !o.id?.trim()) ? (i({
+      type: r.Alert,
+      message: a("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
-  }, D = (e) => {
+  }, B = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
-    return Array.from(n).find((o) => {
-      var a;
-      return !((a = o.id) != null && a.trim());
-    }) ? (i({
-      type: c.Alert,
-      message: r("unsubscribe-templates.select-radio-button-groups")
+    return Array.from(n).find((o) => !o.id?.trim()) ? (i({
+      type: r.Alert,
+      message: a("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, s, t = !1) => {
     const n = [
       ...s.map((o) => o.value),
-      ...M
+      ...P,
+      ...d.value?.template?.customFieldAttributes ?? []
     ];
-    return await A(e, n, t) && I(e) && k(e) && x(e) && T(e, n) && F(e) && W(e) && N(e) && O() && B(e) && R(e) && D(e);
+    return await S(e, n, t) && E(e) && A(e) && I(e) && k(e, n) && x(e) && T(e) && F(e) && W() && N(e) && O(e) && B(e);
   } };
 };
 export {
-  ce as useHtmlValidator
+  ae as useHtmlValidator
 };

package/dist/composables/useHttp.js

@@ -1,7 +1,7 @@
 import { getCsrfToken as H } from "../utils/genericUtil.js";
-import { ref as p, computed as T } from "vue";
-const k = (b = {}) => {
-  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
+import { ref as T, computed as h } from "vue";
+const k = (E = {}) => {
+  const d = T(!1), n = T(null), l = T(null), b = h(() => d.value), g = h(() => n.value !== null), m = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
@@ -10,11 +10,11 @@ const k = (b = {}) => {
       "Content-Type": "application/json",
       "X-CSRF-TOKEN": H()
     },
-    ...b
+    ...E
   }, w = (e, s) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = s || m.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
   }, P = (e) => new Promise((s, t) => {
     setTimeout(() => {
@@ -23,53 +23,53 @@ const k = (b = {}) => {
   }), x = (e) => new Promise((s) => {
     setTimeout(s, e);
   }), i = async (e, s, t, D = {}) => {
-    a.value = null, h.value = !0, u.value = new AbortController();
-    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
+    n.value = null, d.value = !0, l.value = new AbortController();
+    const a = { ...m, ...D }, L = w(s, a.baseURL), u = {
       method: e,
-      headers: { ...n.headers },
-      signal: u.value.signal,
-      ...n
+      headers: { ...a.headers },
+      signal: l.value.signal,
+      ...a
     };
-    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (m = 0) => {
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete u.headers["Content-Type"], u.body = t) : u.body = JSON.stringify(t));
+    const y = async (p = 0) => {
       try {
-        const o = [fetch(L, c)];
-        n.timeout && o.push(P(n.timeout));
+        const o = [fetch(L, u)];
+        a.timeout && o.push(P(a.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+          const O = `HTTP Error: ${r.status} ${r.statusText}`, f = new Error(O);
+          throw f.status = r.status, f.statusText = r.statusText, f.response = r, f;
         }
-        let f;
-        const l = r.headers.get("content-type");
-        return l != null && l.includes("application/json") ? f = await r.json() : l != null && l.includes("text/") ? f = await r.text() : f = await r.blob(), {
-          data: f,
+        let c;
+        const v = r.headers.get("content-type");
+        return v?.includes("application/json") ? c = await r.json() : v?.includes("text/") ? c = await r.text() : c = await r.blob(), {
+          data: c,
           status: r.status,
           statusText: r.statusText,
           headers: r.headers
         };
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
-        if (m < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(m + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+        if (p < (a.retry || 0) && !r)
+          return await x(a.retryDelay || 1e3), y(p + 1);
+        throw o instanceof Error ? o.name === "AbortError" ? n.value = { message: "Request was cancelled" } : n.value = { message: o.message } : n.value = o, o;
       }
     };
     try {
-      return await E();
+      return await y();
     } finally {
-      h.value = !1, u.value = null;
+      d.value = !1, l.value = null;
     }
   }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
-    u.value && u.value.abort(e);
+    l.value && l.value.abort(e);
   }, q = () => {
-    a.value = null;
+    n.value = null;
   };
   return {
     // State
-    loading: g,
-    error: T(() => a.value),
-    hasError: y,
+    loading: b,
+    error: h(() => n.value),
+    hasError: g,
     // Methods
     request: i,
     get: C,

package/dist/composables/usePartner.js

@@ -1,6 +1,6 @@
 import { useConfigStore as i } from "../stores/config.js";
-import { ProductType as t } from "../@types/config/schemas.js";
 import { isTestPartner as o } from "../@types/config/defaults.js";
+import { ProductType as t } from "../@types/config/schemas.js";
 const T = () => {
   const e = i(), n = () => e.initialized && e.partnerName ? e.partnerName : window.location.hostname.split(".")[0] || "";
   return {

package/dist/composables/usePreviewMode.js

@@ -1,31 +1,35 @@
-import { useEditorStore as n } from "../stores/editor.js";
-import { usePreviewStore as l } from "../stores/preview.js";
-import { useActionsApi as m } from "./useActionsApi.js";
-import { useCodeEditorApi as p } from "./useCodeEditorApi.js";
-const E = () => {
-  const o = n(), e = l(), { closeCodeEditor: a } = p(), { getPreviewData: s } = m(), r = () => {
-    o.isPreviewModeOpen = !1, e.$reset();
+import { useEditorStore as d } from "../stores/editor.js";
+import { usePreviewStore as n } from "../stores/preview.js";
+import { useActionsApi as p } from "./useActionsApi.js";
+import { useCodeEditorApi as c } from "./useCodeEditorApi.js";
+import { useHtmlCompiler as u } from "./useHtmlCompiler.js";
+const g = () => {
+  const t = d(), e = n(), { closeCodeEditor: i } = c(), { getPreviewData: a, getCompiledEmail: s } = p(), { compileHtml: m } = u(), r = () => {
+    t.isPreviewModeOpen = !1, e.$reset();
   };
   return {
     closePreviewMode: r,
     openPreviewMode: () => {
-      o.isCodeEditorOpen && a(), o.isPreviewModeOpen = !0;
+      t.isCodeEditorOpen && i(), t.isPreviewModeOpen = !0;
     },
     loadPreviewData: async () => {
-      if (!(o.loadingStatus || e.isLoaded)) {
-        o.loadingStatus = !0;
+      if (!(t.loadingStatus || e.isLoaded)) {
+        t.loadingStatus = !0;
         try {
-          const { html: t, ampHtml: i, ampErrors: d } = await s();
-          e.templateHtml = t || "", e.ampHtml = i || "", e.ampErrors = d || [], e.setEmailFormat(i ? "AMP" : "html"), e.isLoaded = !0;
-        } catch (t) {
-          console.error("Failed to load preview data:", t), r();
+          const [o, l] = await Promise.all([
+            a(),
+            s({ minimize: !0, resetDataSavedFlag: !1 })
+          ]);
+          e.templateHtml = o.html || "", e.ampHtml = o.ampHtml || "", e.ampErrors = o.ampErrors || [], e.setEmailFormat(o.ampHtml ? "AMP" : "html"), e.emailSizeKB = m(l.html).estimatedSizeKB, e.isLoaded = !0;
+        } catch (o) {
+          console.error("Failed to load preview data:", o), r();
         } finally {
-          o.loadingStatus = !1;
+          t.loadingStatus = !1;
         }
       }
     }
   };
 };
 export {
-  E as usePreviewMode
+  g as usePreviewMode
 };

package/dist/composables/useRecommendation.js

@@ -1,20 +1,20 @@
-import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
-import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as u } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { useConfigStore as I } from "../stores/config.js";
-const N = () => ({
+import { RecommendationFeedSourceMaps as f, URLS as g } from "../enums/extensions/recommendationBlock.js";
+import { MinDeviceViewport as p, DefaultPadding as R } from "../enums/recommendation.js";
+import { useRecommendationExtensionStore as m } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
+import { useConfigStore as x } from "../stores/config.js";
+const P = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: i,
     mobileRightPadding: n,
     cardsInRow: o,
     unresponsive: a
   }) => {
-    const r = a ? o : 1, e = i + n + (r - 1) * b;
-    return (R - e) / r;
+    const r = a ? o : 1, e = i + n + (r - 1) * R;
+    return (p - e) / r;
   },
   getRecommendationCampaignData: (i) => {
-    const n = u(), o = Number(i), a = n.blockStates[o];
+    const n = m(), o = Number(i), a = n.blockStates[o];
     if (!a)
       return {
         textTrimming: !1,
@@ -43,18 +43,17 @@ const N = () => ({
     };
   },
   buildCampaignUrl: (i) => {
-    var m;
-    const n = u(), o = I(), a = Number(i), r = n.blockStates[a];
+    const n = m(), o = x(), a = Number(i), r = n.blockStates[a];
     if (!r)
       return "";
-    const { recommendationConfigs: e } = r, l = ((m = g.find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    const { recommendationConfigs: e } = r, u = f.find((s) => s.key === e.strategy)?.path || "", t = new URLSearchParams();
     t.set("locale", e.language), t.set("currency", e.currencySettings.value), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const f = e.filters.filter((s) => s.isValid), c = x(f);
+    const l = e.filters.filter((s) => s.isValid), c = b(l);
     c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");
-    const d = `${p.RECOMMENDATION_API_URL}/v2/${l}?${t.toString()}`;
+    const d = `${g.RECOMMENDATION_API_URL}/v2/${u}?${t.toString()}`;
     return n.recommendationCampaignUrls[i] = d, d;
   }
 });
 export {
-  N as useRecommendation
+  P as useRecommendation
 };

package/dist/composables/useRibbonOffset.js

@@ -0,0 +1,21 @@
+import { RIBBON_SELECTOR as u } from "../enums/onboarding.js";
+import { ref as i, onMounted as b, onBeforeUnmount as f } from "vue";
+const d = () => {
+  const e = i(0);
+  let o = null;
+  const t = () => {
+    const r = document.querySelector(u)?.offsetHeight ?? 0;
+    e.value !== r && (e.value = r);
+  }, s = (n) => `${n + e.value}px`;
+  return b(() => {
+    t(), o = new MutationObserver(t), o.observe(document.body, {
+      childList: !0,
+      subtree: !0
+    });
+  }), f(() => {
+    o?.disconnect();
+  }), { ribbonOffset: e, getTopPosition: s };
+};
+export {
+  d as useRibbonOffset
+};

package/dist/composables/useSave.js

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