@useinsider/guido 3.1.1 → 3.2.0-beta.080341b

package/dist/composables/useAutoSave.js

@@ -0,0 +1,71 @@
+import { useConfig as m } from "./useConfig.js";
+import { useAutosaveStore as A, AUTOSAVE_STATUS as s } from "../stores/autosave.js";
+import { useEditorStore as E } from "../stores/editor.js";
+import { computed as f, watch as p, onUnmounted as y } from "vue";
+const I = 18e4, r = 6e4, T = (b) => {
+  const { isFeatureEnabled: S } = m(), a = E(), t = A();
+  let i = null, c = 0;
+  const u = f(
+    () => S("autosave") && t.isOn
+  ), g = () => a.hasChanges && a.isInSaveableState, h = () => ({
+    hasChanges: a.hasChanges,
+    isInSaveableState: a.isInSaveableState
+  }), l = async (e) => {
+    if (!u.value) {
+      console.debug("guido:autosave:skipped", { trigger: e, reason: "not-active" });
+      return;
+    }
+    if (!g()) {
+      console.debug("guido:autosave:skipped", { trigger: e, reason: "gates-blocked", gates: h() });
+      return;
+    }
+    if (t.status === s.SAVING) {
+      console.debug("guido:autosave:skipped", { trigger: e, reason: "already-saving" });
+      return;
+    }
+    console.debug("guido:autosave:save-start", { trigger: e }), t.status = s.SAVING;
+    try {
+      if (await b() === void 0) {
+        console.debug("guido:autosave:blocked", { trigger: e, reason: "save-returned-undefined" }), t.status = s.ERROR;
+        return;
+      }
+      a.hasChanges = !1, t.status = s.SAVED, t.lastSavedAt = /* @__PURE__ */ new Date(), console.debug("guido:autosave:save-complete", { trigger: e, at: t.lastSavedAt });
+    } catch (o) {
+      console.debug("guido:autosave:error", { trigger: e, error: o }), t.status = s.ERROR;
+    }
+  }, n = () => {
+    const { visibilityState: e } = document;
+    if (console.debug("guido:autosave:visibility-change", {
+      visibilityState: e,
+      isActive: u.value
+    }), e !== "hidden")
+      return;
+    const o = Date.now() - c;
+    if (o < r) {
+      console.debug("guido:autosave:visibility-debounced", {
+        sinceLastMs: o,
+        debounceMs: r
+      });
+      return;
+    }
+    c = Date.now(), l("visibility");
+  }, d = () => {
+    i && (clearInterval(i), i = null);
+  }, v = () => {
+    document.removeEventListener("visibilitychange", n), window.removeEventListener("pagehide", n);
+  };
+  p(
+    u,
+    (e) => {
+      console.debug("guido:autosave:active-changed", { active: e }), e ? (d(), i = setInterval(() => {
+        console.debug("guido:autosave:interval-tick"), l("interval");
+      }, I), document.addEventListener("visibilitychange", n), window.addEventListener("pagehide", n)) : (d(), v(), t.status = s.IDLE);
+    },
+    { immediate: !0 }
+  ), y(() => {
+    d(), v(), t.status = s.IDLE, t.lastSavedAt = null;
+  });
+};
+export {
+  T as useAutoSave
+};

package/dist/composables/useFullStoryBridge.js

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

package/dist/composables/useHtmlCompiler.js

@@ -1,28 +1,30 @@
-import { defaultHtmlCompilerRules as p } from "../config/compiler/htmlCompilerRules.js";
-import { itemsCompilerRules as u } from "../config/compiler/itemsCompilerRules.js";
-import { outlookCompilerRules as c } from "../config/compiler/outlookCompilerRules.js";
-import { recommendationCompilerRules as n } from "../config/compiler/recommendationCompilerRules.js";
-import { socialCompilerRules as f } from "../config/compiler/socialCompilerRules.js";
-import { unsubscribeCompilerRules as R } from "../config/compiler/unsubscribeCompilerRules.js";
-import { createHtmlCompiler as a } from "../utils/htmlCompiler.js";
-import { useConfig as C } from "./useConfig.js";
-const B = () => {
-  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,
+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 { 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 = () => {
+  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,
+    ...g,
     ...f,
-    ...r.map((o, s) => ({
+    ...C,
+    ...b,
+    ...t("liquidSyntax") ? R : [],
+    ...s.map((o, a) => ({
       ...o,
-      priority: o.priority + 1e3 + s
+      priority: o.priority + 1e3 + a
       // Ensure additional rules run after default rules
     }))
-  ], i = a(t);
-  return { compileHtml: (o) => i.compile(o) };
+  ], p = H(u), n = (r = i.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (o) => p.compile(o, void 0, n) };
 };
 export {
-  B as useHtmlCompiler
+  w as useHtmlCompiler
 };

package/dist/composables/useHtmlValidator.js

@@ -9,76 +9,76 @@ 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]);
+function U(a) {
+  return [...a.matchAll(K)].map((u) => u[1]);
 }
-function Y(i, u) {
-  return u.some((d) => i.startsWith(`${d}_`));
+function Y(a, u) {
+  return u.some((d) => a.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 { showToaster: a } = 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, b = async (e) => {
     const t = await u(
       "/newsletter/template-library/check-template-html-body",
       { html: X(e) }
     ), { status: n, message: l } = t.data;
-    return n || i({
+    return n || a({
       type: c.Alert,
       message: n === void 0 ? l : r("newsletter.invalid-url-link-for-toaster")
-    }), r(P), l === r(G) && i({
+    }), r(P), l === r(G) && a({
       type: c.Alert,
       message: r("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) => {
+  }, w = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), S = (e) => ["if", "endif"].includes(e.toLowerCase()), E = (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);
       if (o && o.length > 0) {
-        const [a] = o;
-        b(a) && !s.includes(a) && (i({
+        const [i] = o;
+        w(i) && !s.includes(i) && (a({
           type: c.Warning,
           message: r("custom-fields.invalid-custom-fields")
         }), n = !1);
       }
     }), n;
   }, A = async (e, s, t) => {
-    const n = t ? await w(e) : !0;
+    const n = t ? await b(e) : !0;
     return E(e, s) && n;
-  }, I = (e) => e.length > 0 ? !0 : (i({
+  }, I = (e) => e.length > 0 ? !0 : (a({
     type: c.Warning,
     message: r("newsletter.html-content-is-empty")
   }), !1), k = (e) => {
     const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
-    return s > t && i({
+    return s > t && a({
       type: c.Warning,
       message: r("custom-fields.missing-closing-braces")
-    }), s < t && i({
+    }), s < t && a({
       type: c.Warning,
       message: r("custom-fields.missing-opening-braces")
     }), s === t;
   }, x = (e) => {
     const s = e.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
-    return s || i({
+    return s || a({
       type: c.Warning,
       message: r("custom-fields.invalid-custom-fields")
     }), s;
   }, T = (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();
+      const n = new Set(s.map((i) => i.toLowerCase())), l = U(e), o = [];
+      if (t.forEach((i) => {
+        const m = i.slice(2, -2).trim().toLowerCase();
         (!n.has(m) || m === "") && !Y(m, l) && o.push(m);
       }), o.length > 0) {
-        const a = `
+        const i = `
                     <ul>
                         ${o.map((m) => `<li>${m}</li>`).join("")}
                     </ul>
                 `;
-        return i({
+        return a({
           type: c.Alert,
-          message: r("custom-fields.invalid-custom-fields") + a
+          message: r("custom-fields.invalid-custom-fields") + i
         }), !1;
       }
     }
@@ -87,12 +87,12 @@ const ce = () => {
     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({
+      const o = l.match(_), i = l.match(H), m = (o == null ? void 0 : o.join("")) || "";
+      (!o || l !== m) && !i && (a({
         type: c.Alert,
         message: r("newsletter.display-conditions-invalid-syntax")
       }), n = !1), o && o.forEach((f) => {
-        f.trim() === "=" && (i({
+        f.trim() === "=" && (a({
           type: c.Alert,
           message: r("custom-conditions.wrong-equality-operators")
         }), n = !1);
@@ -102,8 +102,8 @@ const ce = () => {
         });
       });
     }), t.length) {
-      const l = t.filter((a) => a === "if"), o = t.filter((a) => a === "endif");
-      l.length !== o.length && (i({
+      const l = t.filter((i) => i === "if"), o = t.filter((i) => i === "endif");
+      l.length !== o.length && (a({
         type: c.Alert,
         message: r("custom-conditions.missing-if-endif-tag")
       }), n = !1);
@@ -111,45 +111,47 @@ const ce = () => {
     return n;
   }, W = (e) => {
     const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, n = s === t;
-    return n || i({
+    return n || a({
       type: c.Warning,
       message: r("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({
+  }, N = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (a({
     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({
+  }), !1) : !0, O = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (a({
     type: c.Alert,
     message: r("newsletter.fill-all-necessary-fields")
   }), !1) : !0, B = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
-    return e.match(s) === null ? !0 : (i({
+    return e.match(s) === null ? !0 : (a({
       type: c.Alert,
       message: r("newsletter.invalid-image-type")
     }), !1);
   }, R = (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({
+      var i;
+      return !((i = o.id) != null && i.trim());
+    }) ? (a({
       type: c.Alert,
       message: r("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
   }, D = (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({
+      var i;
+      return !((i = o.id) != null && i.trim());
+    }) ? (a({
       type: c.Alert,
       message: r("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, s, t = !1) => {
+    var o, i;
     const n = [
-      ...s.map((o) => o.value),
-      ...M
+      ...s.map((m) => m.value),
+      ...M,
+      ...((i = (o = d.value) == null ? void 0 : o.template) == null ? void 0 : i.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);
   } };

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,21 +1,21 @@
-import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
+import { RecommendationFeedSourceMaps as I, URLS as C } 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 { useRecommendationExtensionStore as m } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
+import { useConfigStore as x } from "../stores/config.js";
+const w = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: i,
-    mobileRightPadding: n,
-    cardsInRow: o,
-    unresponsive: a
+    mobileLeftPadding: s,
+    mobileRightPadding: a,
+    cardsInRow: c,
+    unresponsive: n
   }) => {
-    const r = a ? o : 1, e = i + n + (r - 1) * b;
+    const r = n ? c : 1, e = s + a + (r - 1) * b;
     return (R - e) / r;
   },
-  getRecommendationCampaignData: (i) => {
-    const n = u(), o = Number(i), a = n.blockStates[o];
-    if (!a)
+  getRecommendationCampaignData: (s) => {
+    const a = m(), c = Number(s), n = a.blockStates[c];
+    if (!n)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -28,7 +28,7 @@ const N = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = a, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -42,19 +42,39 @@ const N = () => ({
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (i) => {
-    var m;
-    const n = u(), o = I(), 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();
-    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);
-    c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");
-    const d = `${p.RECOMMENDATION_API_URL}/v2/${l}?${t.toString()}`;
-    return n.recommendationCampaignUrls[i] = d, d;
+  buildCampaignUrl: (s, a) => {
+    var l;
+    const c = m(), n = x(), r = Number(s);
+    let e;
+    if (a)
+      e = a;
+    else {
+      const i = c.blockStates[r];
+      if (!i)
+        return "";
+      const { recommendationConfigs: o } = i;
+      e = {
+        strategy: o.strategy,
+        language: o.language,
+        currencyCode: o.currencySettings.value,
+        size: o.size,
+        productIds: o.productIds,
+        filters: o.filters,
+        shuffleProducts: o.shuffleProducts
+      };
+    }
+    const f = ((l = I.find((i) => i.key === e.strategy)) == null ? void 0 : l.path) || "", t = new URLSearchParams();
+    if (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") {
+      const i = parseInt(e.size) || 6;
+      t.set("productId", e.productIds.slice(0, i).join(","));
+    } else e.strategy === "similarViewed" && t.set("productId", "{itemId}");
+    e.strategy === "userBased" && t.set("userId", "{user_id}");
+    const g = e.filters.filter((i) => i.isValid), d = h(g);
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true");
+    const p = decodeURIComponent(t.toString()), u = `${C.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
+    return c.recommendationCampaignUrls[s] = u, u;
   }
 });
 export {
-  N as useRecommendation
+  w as useRecommendation
 };

package/dist/composables/useRibbonOffset.js

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

package/dist/composables/useSave.js

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