@useinsider/guido 3.19.0-beta.cac604e → 3.19.0-beta.cd75ff0

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

@@ -226,6 +226,8 @@ const ke = () => {
 export {
   ge as buildPartnerAttributeNameSet,
   pe as findInvalidCustomFields,
+  Ee as getInvalidDynamicContentTags,
+  me as getRecommendationBlockIds,
   fe as parseRecommendationVariable,
   ke as useHtmlValidator
 };

package/dist/composables/useHttp.js

@@ -1,88 +1,98 @@
-import { getCsrfToken as O } from "../utils/genericUtil.js";
-import { ref as m, computed as T } from "vue";
-const X = (b = {}) => {
-  const p = m(!1), a = m(null), u = m(null), g = T(() => p.value), y = T(() => a.value !== null), v = {
+import { getCsrfToken as D } from "../utils/genericUtil.js";
+import { ref as T, computed as w } from "vue";
+import { isPanelOrigin as j, reportAuthError as X } from "./useAuthError.js";
+const k = [401, 403, 419], _ = (g = {}) => {
+  const f = T(!1), n = T(null), c = T(null), b = w(() => f.value), y = w(() => n.value !== null), E = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
       "Content-Type": "application/json",
-      "X-CSRF-TOKEN": O(),
+      "X-CSRF-TOKEN": D(),
       Accept: "application/json",
+      // Without this a guest fetch gets a 302 to the login page, never an auth status.
       "X-Requested-With": "XMLHttpRequest"
     },
-    ...b
-  }, w = (e, s) => {
+    ...g
+  }, x = (e, r) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = r || E.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
-  }, P = (e) => new Promise((s, t) => {
+  }, R = (e) => new Promise((r, t) => {
     setTimeout(() => {
       t(new Error("Request timeout"));
     }, e);
-  }), x = (e) => new Promise((s) => {
-    setTimeout(s, e);
-  }), i = async (e, s, t, L = {}) => {
-    a.value = null, p.value = !0, u.value = new AbortController();
-    const n = { ...v, ...L }, D = w(s, n.baseURL), c = {
+  }), P = (e) => new Promise((r) => {
+    setTimeout(r, e);
+  }), i = async (e, r, t, W = {}) => {
+    n.value = null, f.value = !0, c.value = new AbortController();
+    const a = { ...E, ...W }, p = x(r, a.baseURL), d = {
       method: e,
-      headers: { ...n.headers },
-      signal: u.value.signal,
-      ...n
+      headers: { ...a.headers },
+      signal: c.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 (h = 0) => {
+    t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete d.headers["Content-Type"], d.body = t) : d.body = JSON.stringify(t));
+    const v = async (m = 0) => {
+      if (window.isSessionExpired) {
+        n.value = { message: "Session expired", authReported: !0 };
+        const o = new Error("Session expired");
+        throw o.authReported = !0, o;
+      }
       try {
-        const o = [fetch(D, c)];
-        n.timeout && o.push(P(n.timeout));
-        const r = await Promise.race(o);
-        if (!r.ok) {
-          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
-          throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
+        const o = [fetch(p, d)];
+        a.timeout && o.push(R(a.timeout));
+        const s = await Promise.race(o);
+        if (!s.ok) {
+          const H = `HTTP Error: ${s.status} ${s.statusText}`, l = new Error(H);
+          throw l.status = s.status, l.statusText = s.statusText, l.response = s, l.authReported = k.includes(s.status) && j(p), l.authReported && Promise.resolve().then(() => s.clone().text().catch(() => "")).then((O) => X(
+            s.status,
+            O,
+            new URL(p, window.location.href).href
+          )).catch(() => {
+          }), l;
         }
-        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,
-          status: r.status,
-          statusText: r.statusText,
-          headers: r.headers
+        let h;
+        const u = s.headers.get("content-type");
+        return u != null && u.includes("application/json") ? h = await s.json() : u != null && u.includes("text/") ? h = await s.text() : h = await s.blob(), {
+          data: h,
+          status: s.status,
+          statusText: s.statusText,
+          headers: s.headers
         };
       } catch (o) {
-        const r = o instanceof Error && o.name === "AbortError";
-        if (h < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(h + 1);
-        throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
+        const s = o instanceof Error && o.name === "AbortError";
+        if (m < (a.retry || 0) && !s)
+          return await P(a.retryDelay || 1e3), v(m + 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 v();
     } finally {
-      p.value = !1, u.value = null;
+      f.value = !1, c.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), R = (e, s, t) => i("POST", e, s, t), $ = (e, s, t) => i("PUT", e, s, t), q = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), U = (e) => {
-    u.value && u.value.abort(e);
-  }, W = () => {
-    a.value = null;
+  }, A = (e, r) => i("GET", e, void 0, r), S = (e, r, t) => i("POST", e, r, t), U = (e, r, t) => i("PUT", e, r, t), C = (e, r, t) => i("PATCH", e, r, t), $ = (e, r) => i("DELETE", e, void 0, r), q = (e) => {
+    c.value && c.value.abort(e);
+  }, L = () => {
+    n.value = null;
   };
   return {
-    // State
-    loading: g,
-    error: T(() => a.value),
+    loading: b,
+    error: w(() => n.value),
     hasError: y,
-    // Methods
     request: i,
-    get: C,
-    post: R,
-    put: $,
-    patch: q,
-    delete: A,
-    cancel: U,
-    clearError: W
+    get: A,
+    post: S,
+    put: U,
+    patch: C,
+    delete: $,
+    cancel: q,
+    clearError: L
   };
 };
 export {
-  X as useHttp
+  _ as useHttp
 };

package/dist/composables/useLegacyStrategyConversion.js

@@ -1,23 +1,23 @@
-import { useRecommendation as I } from "./useRecommendation.js";
-import { useToaster as C } from "./useToaster.js";
+import { useRecommendation as C } from "./useRecommendation.js";
+import { useToaster as I } from "./useToaster.js";
 import { useTranslations as v } from "./useTranslations.js";
 import { ToasterTypeOptions as g } from "../enums/toaster.js";
 import "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { CURRENT_CONFIG_VERSION as L } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
 import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { resolveMigrationTarget as R, buildLegacyMigrationPayload as T } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
-import { commitBlockChangeOutsidePanel as h } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
-import { useConfigStore as k } from "../stores/config.js";
+import { resolveMigrationTarget as k, buildLegacyMigrationPayload as R } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMigration.js";
+import { commitBlockChangeOutsidePanel as T } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
+import { useConfigStore as h } from "../stores/config.js";
 const F = () => {
-  const e = b(), r = k(), { buildCampaignUrl: m } = I(), { showToaster: i } = C(), c = v();
+  const e = b(), r = h(), { buildCampaignUrl: m } = C(), { showToaster: c } = I(), a = v();
   return { convertLegacyStrategy: async () => {
     const t = e.currentRecommendationId;
     if (t === null || !e.isLegacyStrategyBlock || e.legacyConversionLoading)
       return "";
-    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = R({
+    const { strategy: d, productIds: y, size: l, strategyId: p, nodeConfigVersion: u } = e.recommendationConfigs, f = { strategyId: p, size: l, nodeConfigVersion: u }, s = k({
       campaignId: r.campaignId,
       templateLibraryId: r.templateLibraryId
-    }), S = T({
+    }), S = R({
       blockId: t,
       url: m(String(t)),
       campaignId: r.campaignId,
@@ -29,30 +29,34 @@ const F = () => {
     let o;
     try {
       o = await e.convertLegacyStrategy(S, s);
-    } catch (n) {
-      return console.error("[useLegacyStrategyConversion] migration failed", n), i({
+    } catch (i) {
+      return console.error("[useLegacyStrategyConversion] migration failed", i), c({
         type: g.Error,
-        message: c("email-editor.legacy-strategy-update-failed")
+        message: a("email-editor.legacy-strategy-migration-failed"),
+        actionButton: {
+          text: a("ds-steps.create-recommendation-strategy"),
+          onClick: () => e.openStrategyCreation()
+        }
       }), "";
     }
     try {
       await e.fetchStrategyProductsForBlock(t);
-    } catch (n) {
-      console.error("[useLegacyStrategyConversion] product refetch failed", n);
+    } catch (i) {
+      console.error("[useLegacyStrategyConversion] product refetch failed", i);
     }
-    const a = e.blockStates[t];
-    return a ? h(
+    const n = e.blockStates[t];
+    return n ? T(
       t,
       {
         strategyId: o,
-        size: a.recommendationConfigs.size,
+        size: n.recommendationConfigs.size,
         configVersion: L
       },
-      a.recommendationProducts,
+      n.recommendationProducts,
       "Converted legacy recommendation strategy"
-    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), i({
+    ) ? (e.currentRecommendationId === t && e.openLegacyStrategyUpdatedModal(), o) : (console.error("[useLegacyStrategyConversion] node write failed", t), e.revertLegacyConversion(t, f), c({
       type: g.Error,
-      message: c("email-editor.legacy-strategy-update-failed")
+      message: a("email-editor.legacy-strategy-update-failed")
     }), "") : o;
   } };
 };

package/dist/composables/useSave.js

@@ -1,55 +1,102 @@
-import { useActionsApi as T } from "./useActionsApi.js";
+import { useActionsApi as R } from "./useActionsApi.js";
 import { useConfig as q } from "./useConfig.js";
-import { useEditorLock as C } from "./useEditorLock.js";
-import { useSaveStart as L, useSaveComplete as M } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as D } from "./useSyncModuleExtractor.js";
-import { ToasterTypeOptions as P } from "../enums/toaster.js";
-import { useStripoApi as U } from "../services/stripoApi.js";
-import { useTemplatePreparation as A } from "../utils/templatePreparation.js";
-import { useAllowlist as h } from "./useAllowlist.js";
-import { useHtmlValidator as F } from "./useHtmlValidator.js";
-import { useToaster as O } from "./useToaster.js";
-import { useCouponBlockValidator as W } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as j } from "./validators/useLiquidValidator.js";
-import { useSyncModuleBlockValidator as z } from "./validators/useSyncModuleBlockValidator.js";
-import { useUnsubscribeBlockValidator as G } from "./validators/useUnsubscribeBlockValidator.js";
-const rt = () => {
-  const n = L(), c = M(), { validateHtml: d } = F(), { validateLiquidSyntax: m } = j(), { validateCouponBlockTags: u } = W(), { validateUnsubscribeBlockUniqueness: p, validateUnsubscribeBlockHasTemplate: f } = G(), { validateSyncModuleBlocks: v } = z(), { callbacks: s, isFeatureEnabled: r } = q(), { extractSyncModuleData: S } = D(), { setSyncModuleUnsubscriptionPages: b } = U(), { editorSave: w } = T(), { showToaster: V } = O(), { getBlockedDomains: y, resolveToast: k } = h(), { runExclusive: x } = C(), H = async (a, o) => {
-    var l;
-    n();
-    const { prepareTemplateDetails: B } = A(), t = await B();
-    if (!v(t.rawHtml, o) || !u(t.compiledHtml) || !p(t.compiledHtml) || !f(t.compiledHtml))
-      return;
-    if (r("liquidSyntax")) {
-      if (!await m(t.compiledHtml))
-        return;
-    } else if (!await d(t.compiledHtml, t.dynamicContentList, !0))
-      return;
-    if ((l = s.value) != null && l.externalValidation && !await s.value.externalValidation(t))
+import { useEditorLock as O } from "./useEditorLock.js";
+import { useSaveStart as D, useSaveComplete as F } from "./useGuidoActions.js";
+import { useSaveValidation as j } from "./useSaveValidation.js";
+import { useSaveValidationRollout as z } from "./useSaveValidationRollout.js";
+import { useSyncModuleExtractor as G } from "./useSyncModuleExtractor.js";
+import { ToasterTypeOptions as I } from "../enums/toaster.js";
+import { useStripoApi as J } from "../services/stripoApi.js";
+import { useConfigStore as K } from "../stores/config.js";
+import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
+import { useSaveValidationStore as Q } from "../stores/save-validation.js";
+import { useTemplatePreparation as X, getHtmlReferencedUnsubscribePages as Y } from "../utils/templatePreparation.js";
+import { useAllowlist as Z } from "./useAllowlist.js";
+import { useHtmlValidator as _ } from "./useHtmlValidator.js";
+import { useToaster as $ } from "./useToaster.js";
+import { useCouponBlockValidator as tt } from "./validators/useCouponBlockValidator.js";
+import { useLiquidValidator as et } from "./validators/useLiquidValidator.js";
+import { useSyncModuleBlockValidator as ot } from "./validators/useSyncModuleBlockValidator.js";
+import { useUnsubscribeBlockValidator as st } from "./validators/useUnsubscribeBlockValidator.js";
+const Bt = () => {
+  const r = D(), p = F(), { validateHtml: v } = _(), { validateLiquidSyntax: S } = et(), { validateCouponBlockTags: y } = tt(), { validateUnsubscribeBlockUniqueness: w, validateUnsubscribeBlockHasTemplate: E } = st(), { validateSyncModuleBlocks: n } = ot(), { callbacks: a, isFeatureEnabled: m } = q(), { extractSyncModuleData: b } = G(), { setSyncModuleUnsubscriptionPages: g } = J(), { editorSave: H, getTemplateData: V } = R(), { showToaster: x } = $(), { getBlockedDomains: k, resolveToast: C } = Z(), { prepareTemplateDetails: d } = X(), { collectSaveValidationErrors: B } = j(), { isEnabled: h } = z(), T = Q(), P = N(), f = K(), { runExclusive: l } = O(), c = async (t, e, o) => {
+    if (!m("allowlistEnabled"))
+      return !1;
+    const i = await k(t, e);
+    if (!i.length)
+      return !1;
+    if (!o) {
+      const s = await C(i);
+      s != null && s.message && x({
+        type: I.Warning,
+        message: s.message,
+        actionButton: s.actionButton
+      });
+    }
+    return !0;
+  }, L = async (t) => !y(t.compiledHtml) || !w(t.compiledHtml) || !E(t.compiledHtml) ? !1 : m("liquidSyntax") ? S(t.compiledHtml) : v(t.compiledHtml, t.dynamicContentList, !0), u = async (t, e) => {
+    if (!await H())
       return;
-    if (r("allowlistEnabled")) {
-      const i = await y(t.compiledHtml, t.css);
-      if (i.length) {
-        if (!o) {
-          const e = await k(i);
-          e != null && e.message && V({
-            type: P.Warning,
-            message: e.message,
-            actionButton: e.actionButton
-          });
+    const { unsubscribePayload: i, stripoModules: s } = b(t.rawHtml);
+    if (await g(i), t.modules = s, !e.suppress) {
+      const W = e.blankCompiled ? { compiledHtml: "", ampHtml: "" } : {};
+      p({ ...t, ...W, silent: e.silent });
+    }
+    return t;
+  }, U = async (t, e) => {
+    var i;
+    r();
+    const o = await d();
+    if (n(o.rawHtml, e)) {
+      if (h.value && !e) {
+        const s = await B(
+          o.compiledHtml,
+          o.dynamicContentList
+        );
+        if (s.length) {
+          T.open(s, "save");
+          return;
         }
+      } else if (!await L(o))
         return;
-      }
+      if (!((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(o)) && !await c(o.compiledHtml, o.css, e))
+        return u(o, { silent: e, suppress: t });
     }
-    if (!await w())
+  }, A = async () => {
+    var e;
+    if (!f.allowSaveWithErrors)
+      return;
+    r();
+    const t = await d();
+    if (n(t.rawHtml, !1) && !((e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t)) && !await c(t.compiledHtml, t.css, !1))
+      return u(t, { silent: !1, blankCompiled: !0 });
+  }, M = async () => {
+    if (!f.allowSaveWithErrors)
       return;
-    const { unsubscribePayload: E, stripoModules: g } = S(t.rawHtml);
-    return await b(E), t.modules = g, a || c({ ...t, silent: o }), t;
+    r();
+    const { html: t, css: e } = await V();
+    if (!n(t, !0) || await c(t, e, !0))
+      return;
+    const o = Y(t), i = {
+      dynamicContentList: P.getSelectedDynamicContentList,
+      compiledHtml: "",
+      rawHtml: t,
+      css: e,
+      ampHtml: "",
+      ampErrors: [],
+      modules: [],
+      recommendation: { campaignUrls: {}, configs: {} },
+      unsubscribe: {
+        status: o.length > 0,
+        config: o
+      }
+    };
+    return u(i, { silent: !0 });
   };
-  return { save: (a = !1, o = !1) => x(
-    () => H(a, o)
-  ) };
+  return { save: (t = !1, e = !1) => l(
+    () => U(t, e)
+  ), saveWithErrors: () => l(A), saveRawOnly: () => l(M) };
 };
 export {
-  rt as useSave
+  Bt as useSave
 };