@useinsider/guido 3.18.2-beta.8ef3138 → 3.18.2-beta.eedafd2

package/dist/stores/config.js

@@ -1,8 +1,8 @@
-import "../@types/config/schemas.js";
+import { MessageType as r } from "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
 import { parseConfig as o } from "../@types/config/validator.js";
-import { defineStore as r } from "pinia";
-const f = r("guido-config", {
+import { defineStore as a } from "pinia";
+const u = a("guido-config", {
   state: () => ({
     initialized: !1,
     config: null
@@ -75,57 +75,74 @@ const f = r("guido-config", {
      * Get the template ID
      */
     templateId: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.templateId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.templateId) ?? "";
     },
     /**
      * Get the user ID
      */
     userId: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.userId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.userId) ?? "";
     },
     /**
      * Get the variation ID
      */
     variationId: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : n.variationId) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.identity) == null ? void 0 : t.variationId) ?? "";
     },
     /**
      * Get the partner name
      */
     partnerName: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.name) ?? "";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.name) ?? "";
     },
     /**
      * Get the product type
      */
     productType: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.productType) ?? 60;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.productType) ?? 60;
     },
     /**
      * Get the message type
      */
     messageType: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.messageType) ?? 1;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) ?? 1;
+    },
+    /**
+     * Transactional campaigns keep the hard save block. Reactive getter, so
+     * consumers stay safe in setup where a raw config read snapshots null (SD-147945).
+     */
+    isTransactional() {
+      return this.messageType === r.TRANSACTIONAL;
+    },
+    /**
+     * Soft-save policy: may the editor persist a template with validation errors?
+     * Default true (host sets features.allowSaveWithErrors=false for transactional +
+     * unsub). Reactive getter defaulting true — reading via isFeatureEnabled would
+     * floor to false pre-init and momentarily hide the soft-save option (SD-147430).
+     */
+    allowSaveWithErrors() {
+      var i;
+      return ((i = this.features) == null ? void 0 : i.allowSaveWithErrors) ?? !0;
     },
     /**
      * Get the username
      */
     username: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : n.username) ?? "Guido User";
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.partner) == null ? void 0 : t.username) ?? "Guido User";
     },
     /**
      * Check if header should be shown
      */
     showHeader: (i) => {
-      var e, n;
-      return ((n = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : n.showHeader) ?? !0;
+      var e, t;
+      return ((t = (e = i.config) == null ? void 0 : e.ui) == null ? void 0 : t.showHeader) ?? !0;
     },
     /**
      * Check if a specific feature is enabled.
@@ -134,8 +151,8 @@ const f = r("guido-config", {
      */
     // eslint-disable-next-line @stylistic/max-len
     isFeatureEnabled: (i) => (e) => {
-      var n, t;
-      return ((t = (n = i.config) == null ? void 0 : n.features) == null ? void 0 : t[e]) ?? !1;
+      var t, n;
+      return ((n = (t = i.config) == null ? void 0 : t.features) == null ? void 0 : n[e]) ?? !1;
     }
   },
   actions: {
@@ -155,5 +172,5 @@ const f = r("guido-config", {
   }
 });
 export {
-  f as useConfigStore
+  u as useConfigStore
 };

package/dist/stores/save-validation.js

@@ -0,0 +1,30 @@
+import { defineStore as n } from "pinia";
+function i(e) {
+  const t = /* @__PURE__ */ new Set();
+  return e.filter((r) => {
+    const s = JSON.stringify([r.rule, r.message, r.detail ?? ""]);
+    return t.has(s) ? !1 : (t.add(s), !0);
+  });
+}
+const o = n("guidoSaveValidation", {
+  state: () => ({
+    errors: [],
+    isDrawerOpen: !1,
+    intent: null
+  }),
+  getters: {
+    errorCount: (e) => e.errors.length
+  },
+  actions: {
+    open(e, t) {
+      this.errors = i(e), this.intent = t, this.isDrawerOpen = !0;
+    },
+    // Errors are retained so rows don't blank during the ~300ms close animation.
+    close() {
+      this.isDrawerOpen = !1;
+    }
+  }
+});
+export {
+  o as useSaveValidationStore
+};

package/dist/utils/genericUtil.js

@@ -1,75 +1,78 @@
-const o = (a) => {
-  const t = a.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((e) => e.trim()), [s] = t, r = {
-    text: a.label,
-    value: s || ""
+import { formatToLiquidFilter as b, quoteArgument as y, liquidFilterToFormat as h } from "./liquidDynamicContent.js";
+const g = (t) => {
+  if (!t.includes("="))
+    return null;
+  const [r, e] = t.split("=");
+  return { key: r.trim(), value: e.trim() };
+}, c = "default:", f = (t) => {
+  if (!t.startsWith(c))
+    return t;
+  const r = t.slice(c.length).trim(), e = (l) => r.length >= 2 && r.startsWith(l) && r.endsWith(l);
+  return e('"') || e("'") ? r.slice(1, -1) : r;
+}, k = (t) => {
+  const e = t.value.match(/\{\{([^}]+)\}\}/)[1].split("|").map((a) => a.trim()), [l] = e, s = {
+    text: t.label,
+    value: l || ""
   };
-  if (t.length >= 2) {
-    const [, e, l] = t;
-    if (e.startsWith("default:")) {
-      let n = e.slice(8).trim();
-      n.startsWith('"') && n.endsWith('"') && (n = n.slice(1, -1)), r.fallback = n;
-    } else {
-      const n = e.includes("=") ? { key: e.split("=")[0].trim(), value: e.split("=")[1].trim() } : null;
-      n ? r.format = n : l || (r.fallback = e), l && (r.fallback = l);
+  if (e.length >= 2) {
+    const [, a, n] = e;
+    if (a.startsWith(c))
+      s.fallback = f(a);
+    else {
+      const o = h(a) ?? g(a);
+      o ? s.format = o : n || (s.fallback = a), n && (s.fallback = f(n));
     }
   }
-  return r;
-}, u = (a, c = !1) => a.map((t) => {
-  if (t.format)
-    return {
-      label: `${t.text} | ${t.format.key}=${t.format.value}`,
-      value: `{{${t.value}|${t.format.key}=${t.format.value}}}`
-    };
-  if (c) {
-    if (!t.fallback)
-      return {
-        label: t.text,
-        value: `{{ ${t.value} }}`
-      };
-    const r = !Number.isNaN(Number(t.fallback)) && t.fallback.trim() !== "" ? t.fallback : `"${t.fallback}"`;
-    return {
-      label: `${t.text} | ${t.fallback}`,
-      value: `{{ ${t.value} | default: ${r} }}`
-    };
-  }
+  return s;
+}, p = (t) => {
+  const e = !Number.isNaN(Number(t)) && t.trim() !== "" ? t : y(t);
+  return e === null ? null : `${c} ${e}`;
+}, v = (t) => {
+  const r = t.format ? b(t.format) : null, e = t.fallback ? p(t.fallback) : null, l = [t.value, r, e].filter(Boolean);
   return {
-    label: t.fallback ? `${t.text} | ${t.fallback}` : t.text,
-    value: t.fallback ? `{{${t.value}|${t.fallback}}}` : `{{${t.value}}}`
+    label: [t.text, r, e && t.fallback].filter(Boolean).join(" | "),
+    value: `{{ ${l.join(" | ")} }}`
   };
-}), b = (a) => {
-  const c = [], t = /* @__PURE__ */ new Set(), s = (e) => {
-    Array.isArray(e) && e.forEach((l) => {
-      const n = [...l.children ?? [], ...l.select_items ?? []];
-      if (n.length > 0) {
-        s(n);
+}, i = (t, r = !1) => t.map((e) => r ? v(e) : e.format ? {
+  label: `${e.text} | ${e.format.key}=${e.format.value}`,
+  value: `{{${e.value}|${e.format.key}=${e.format.value}}}`
+} : {
+  label: e.fallback ? `${e.text} | ${e.fallback}` : e.text,
+  value: e.fallback ? `{{${e.value}|${e.fallback}}}` : `{{${e.value}}}`
+}), $ = (t) => {
+  const r = [], e = /* @__PURE__ */ new Set(), l = (a) => {
+    Array.isArray(a) && a.forEach((n) => {
+      const o = [...n.children ?? [], ...n.select_items ?? []];
+      if (o.length > 0) {
+        l(o);
         return;
       }
-      const f = l.text || l.tag_text;
-      f && l.value && !t.has(l.value) && (t.add(l.value), c.push({ text: f, value: l.value }));
+      const u = n.text || n.tag_text;
+      u && n.value && !e.has(n.value) && (e.add(n.value), r.push({ text: u, value: n.value }));
     });
-  }, [r] = Object.values(a ?? {});
-  return s(r), c;
-}, i = (a, c, t = !1) => {
-  const s = new Set(a.map((e) => e.value)), r = c.filter((e) => s.has(e.value) ? !1 : (s.add(e.value), !0));
+  }, [s] = Object.values(t ?? {});
+  return l(s), r;
+}, d = (t, r, e = !1) => {
+  const l = new Set(t.map((a) => a.value)), s = r.filter((a) => l.has(a.value) ? !1 : (l.add(a.value), !0));
   return [
-    ...u(a, t),
-    ...u(r, t)
+    ...i(t, e),
+    ...i(s, e)
   ];
-}, k = () => {
-  var a;
-  return ((a = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : a.getAttribute("content")) ?? "";
-}, v = (a) => typeof a == "string" ? a : typeof a == "number" ? String(a) : "", y = (a) => {
-  if (a === null || typeof a != "object" || Array.isArray(a))
+}, F = () => {
+  var t;
+  return ((t = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : t.getAttribute("content")) ?? "";
+}, T = (t) => typeof t == "string" ? t : typeof t == "number" ? String(t) : "", x = (t) => {
+  if (t === null || typeof t != "object" || Array.isArray(t))
     return !1;
-  const c = Object.getPrototypeOf(a);
-  return c === Object.prototype || c === null;
+  const r = Object.getPrototypeOf(t);
+  return r === Object.prototype || r === null;
 };
 export {
-  v as asText,
-  i as buildMergeTagEntries,
-  u as dynamicContentToMergeTags,
-  b as flattenDynamicContentList,
-  k as getCsrfToken,
-  y as isPlainObject,
-  o as mergeTagToDynamicContent
+  T as asText,
+  d as buildMergeTagEntries,
+  i as dynamicContentToMergeTags,
+  $ as flattenDynamicContentList,
+  F as getCsrfToken,
+  x as isPlainObject,
+  k as mergeTagToDynamicContent
 };

package/dist/utils/liquidDynamicContent.js

@@ -0,0 +1,15 @@
+const E = "time-format", r = "date", u = new RegExp(`^${r}\\s*:\\s*(?:"([^"]*)"|'([^']*)')$`), s = /%[-_0^#]?\d*[a-zA-Z%]/, c = new RegExp(s, "g"), l = /\b(?:Y{2,4}|M{2,4}|D{1,4}|d{3,4}|H{2}|h{2}|m{2}|s{2}|S{1,3}|A|a)\b/, T = (t) => t.includes('"') ? t.includes("'") ? null : `'${t}'` : `"${t}"`, i = (t) => s.test(t) && !l.test(t.replace(c, "")), R = (t) => {
+  if (t.key !== E || !i(t.value ?? ""))
+    return null;
+  const n = T(t.value);
+  return n === null ? null : `${r}: ${n}`;
+}, _ = (t) => {
+  const [, n, o] = t.match(u) ?? [], e = n ?? o;
+  return e ? { key: E, value: e } : null;
+};
+export {
+  E as TIME_FORMAT_KEY,
+  R as formatToLiquidFilter,
+  _ as liquidFilterToFormat,
+  T as quoteArgument
+};

package/dist/utils/templatePreparation.js

@@ -1,28 +1,28 @@
-import { useActionsApi as k } from "../composables/useActionsApi.js";
+import { useActionsApi as R } from "../composables/useActionsApi.js";
 import { useConfig as U } from "../composables/useConfig.js";
 import { useHtmlCompiler as x } from "../composables/useHtmlCompiler.js";
 import { DEFAULT_CURRENCY as m, DEFAULT_NODE_CONFIG as n } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as A } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as I } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { mapLegacyStrategy as L } from "../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
 import { DATA_ATTRIBUTES as T } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as R } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as N } from "../stores/dynamic-content.js";
-import { useEditorStore as z } from "../stores/editor.js";
-import { useUnsubscribeStore as O } from "../stores/unsubscribe.js";
-import { isPlainObject as _ } from "./genericUtil.js";
-import { assignTrackingIds as v } from "./linkTrackingIds.js";
-function M(l) {
+import { parsePageList as N } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as z } from "../stores/dynamic-content.js";
+import { useEditorStore as O } from "../stores/editor.js";
+import { useUnsubscribeStore as _ } from "../stores/unsubscribe.js";
+import { isPlainObject as v } from "./genericUtil.js";
+import { assignTrackingIds as M } from "./linkTrackingIds.js";
+function q(l) {
   const i = new DOMParser().parseFromString(l, "text/html").querySelectorAll(`[${T.PAGE_LIST}]`), t = [];
   return i.forEach((c) => {
     const o = c.getAttribute(T.PAGE_LIST);
-    o && t.push(...R(o));
+    o && t.push(...N(o));
   }), [...new Set(t)];
 }
-async function q(l) {
+async function A(l) {
   const a = new DOMParser().parseFromString(l, "text/html").querySelectorAll(".recommendation-block-v2");
   if (a.length === 0)
     return;
-  const i = A();
+  const i = I();
   a.forEach((t) => {
     var r, d, g, f, s, y;
     const c = t.getAttribute("recommendation-id"), o = c ? Number(c) : NaN;
@@ -37,7 +37,7 @@ async function q(l) {
     } catch {
       return;
     }
-    if (!_(e))
+    if (!v(e))
       return;
     const b = {
       // Normalize legacy strategy keys (e.g. `mostViewed` → `mostPopular`) so
@@ -71,14 +71,14 @@ async function q(l) {
   }
 }
 const te = () => {
-  const l = N(), u = z(), a = O(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: c } = k(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
+  const l = z(), u = O(), a = _(), { getCompiledEmail: i, getTemplateData: t, updateHtmlAndCss: c } = R(), { compileHtml: o, compileAmpHtml: p } = x(), { isFeatureEnabled: e } = U();
   return {
     prepareTemplateDetails: async () => {
       let { html: r, css: d, syncModulesIds: g = [] } = await t();
       if (e("linkTrackingIds"))
         try {
-          const { html: h, changed: F, nextSeq: H } = v(r, u.trackIdSessionFloor);
-          u.trackIdSessionFloor = H, F && (r = h, await c(h, d));
+          const { html: h, changed: H, nextSeq: k } = M(r, u.trackIdSessionFloor);
+          u.trackIdSessionFloor = k, H && (r = h, await c(h, d));
         } catch (h) {
           console.error("Tracking-id step failed, saving anyway:", h);
         }
@@ -86,24 +86,24 @@ const te = () => {
         minimize: !0,
         resetDataSavedFlag: !1
       });
-      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await q(r);
-      const { compiledHtml: I, stats: S, appliedRules: w } = o(f), D = s && p(s).compiledHtml, P = l.getSelectedDynamicContentList, E = A(), C = M(r);
+      a.selectedUnsubscribePages.length && await a.fetchTemplates(), await A(r);
+      const { compiledHtml: w, stats: S, appliedRules: D } = o(f), P = s && p(s).compiledHtml, E = l.getSelectedDynamicContentList, F = I(), C = q(r);
       return console.debug("HTML Compilation Stats:", {
         originalSize: S.originalSize,
         compiledSize: S.compiledSize,
         reduction: `${S.reductionPercentage.toFixed(2)}%`,
-        appliedRules: w,
+        appliedRules: D,
         executionTime: `${S.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: P,
-        compiledHtml: I,
+        dynamicContentList: E,
+        compiledHtml: w,
         rawHtml: r,
         css: d,
-        ampHtml: D,
+        ampHtml: P,
         ampErrors: y,
         modules: g.map(Number),
         recommendation: {
-          campaignUrls: E.recommendationCampaignUrls,
+          campaignUrls: F.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
@@ -111,10 +111,13 @@ const te = () => {
           config: C
         }
       };
-    }
+    },
+    // Exposed so the back/test validate-only path can seed the reco store the
+    // same way a full save does (required-field findings depend on it).
+    hydrateRecommendationStore: A
   };
 };
 export {
-  M as getHtmlReferencedUnsubscribePages,
+  q as getHtmlReferencedUnsubscribePages,
   te as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.18.2-beta.8ef3138",
+  "version": "3.18.2-beta.eedafd2",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",