@useinsider/guido 3.1.1-beta.71813dc → 3.1.1-beta.81f52f1

package/dist/@types/config/schemas.js

@@ -61,7 +61,7 @@ const m = {
       value: t()
     })
   )
-}), R = o({
+}), A = o({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
@@ -71,11 +71,13 @@ const m = {
     c(f),
     []
   ),
+  /** Valid custom field attribute names from the partner's categorized fields */
+  customFieldAttributes: e(c(t()), []),
   /** Selected unsubscribe page IDs */
   selectedUnsubscribePages: e(c(p()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(a(), !1)
-}), A = o({
+}), R = o({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
@@ -88,7 +90,7 @@ const m = {
   /** Migration date for template compatibility */
   migrationDate: e(p(), 1759696858),
   /** Email header settings */
-  emailHeader: e(A, { senderName: "", subject: "" }),
+  emailHeader: e(R, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
   savedModulesFolderName: e(t(), b.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
@@ -205,7 +207,7 @@ const m = {
       "externalValidation must be a function"
     )
   )
-}), H = o({
+}), F = o({
   // Required sections
   /** Identity configuration (required) */
   identity: h,
@@ -213,7 +215,7 @@ const m = {
   partner: y,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(R, {}),
+  template: e(A, {}),
   /** Editor settings */
   editor: e(C, {}),
   /** UI configuration */
@@ -237,9 +239,9 @@ export {
   E as DefaultBlockTypeSchema,
   f as DynamicContentSchema,
   C as EditorSchema,
-  A as EmailHeaderSchema,
+  R as EmailHeaderSchema,
   I as FeaturesSchema,
-  H as GuidoConfigSchema,
+  F as GuidoConfigSchema,
   h as IdentitySchema,
   m as MessageType,
   y as PartnerSchema,
@@ -247,6 +249,6 @@ export {
   M as RegexRuleSchema,
   N as RemoveRuleSchema,
   L as ReplaceRuleSchema,
-  R as TemplateSchema,
+  A as TemplateSchema,
   T as UISchema
 };

package/dist/components/Guido.vue.js

@@ -3,7 +3,7 @@ import i from "./Guido.vue2.js";
 import a from "../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
   var o = this, r = o._self._c, e = o._self._setupProxy;
-  return r("div", { staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(_) {
+  return r("div", { ref: "wrapperRef", staticClass: "guido-editor__wrapper", class: { "guido-editor__no-header": e.noHeader } }, [r(e.HeaderWrapper, { ref: "headerWrapperRef" }), e.editorStore.isPreviewModeOpen ? r(e.PreviewContainer) : o._e(), r("div", { directives: [{ name: "show", rawName: "v-show", value: !e.previewStore.isLoaded, expression: "!previewStore.isLoaded" }], staticClass: "guido-editor__container", class: { "guido-editor__no-header": e.noHeader }, attrs: { id: "guido-editor" } }), r(e.Toaster), r(e.FilterSelectionDrawer), r(e.SaveAsTemplateDrawer), e.isTestPartner() ? o._e() : r(e.OnboardingWrapper, { on: { "onboarding-finished": function(p) {
     return e.emit("onboarding:finished");
   } } }), r(e.UnsubscribeWrapper), r(e.LoadingWrapper)], 1);
 }, n = [], s = /* @__PURE__ */ a(
@@ -12,9 +12,9 @@ var t = function() {
   n,
   !1,
   null,
-  "a26d7792"
+  "25780af6"
 );
-const v = s.exports;
+const u = s.exports;
 export {
-  v as default
+  u as default
 };

package/dist/components/Guido.vue2.js

@@ -1,121 +1,131 @@
-import { defineComponent as K, defineAsyncComponent as _, ref as V, computed as P, watch as j, onMounted as q, onUnmounted as J } from "vue";
-import { provideGuidoActions as Q } from "../composables/useGuidoActions.js";
-import { usePartner as X } from "../composables/usePartner.js";
-import { useStripo as Y } from "../composables/useStripo.js";
-import { useTimerClone as Z } from "../composables/useTimerClone.js";
-import { migrate as A } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as N } from "../enums/defaults.js";
-import $ from "./organisms/base/Toaster.vue.js";
-import ee from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import oe from "./organisms/header/HeaderWrapper.vue.js";
-import te from "./organisms/LoadingWrapper.vue.js";
-import ne from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import se from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as re } from "../services/stripoApi.js";
-import { useConfigStore as ce } from "../stores/config.js";
-import { useDynamicContentStore as ae } from "../stores/dynamic-content.js";
-import { useEditorStore as ie } from "../stores/editor.js";
-import { usePreviewStore as me } from "../stores/preview.js";
-import { useUnsubscribeStore as de } from "../stores/unsubscribe.js";
-const Me = /* @__PURE__ */ K({
+import { defineComponent as j, defineAsyncComponent as R, ref as A, computed as I, watch as J, onMounted as Q, onUnmounted as X } from "vue";
+import { provideGuidoActions as Y } from "../composables/useGuidoActions.js";
+import { usePartner as Z } from "../composables/usePartner.js";
+import { useStripo as ee } from "../composables/useStripo.js";
+import { useTimerClone as te } from "../composables/useTimerClone.js";
+import { migrate as W } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as B } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as oe } from "../enums/onboarding.js";
+import ne from "./organisms/base/Toaster.vue.js";
+import se from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import re from "./organisms/header/HeaderWrapper.vue.js";
+import ce from "./organisms/LoadingWrapper.vue.js";
+import ae from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ie from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as me } from "../services/stripoApi.js";
+import { useConfigStore as de } from "../stores/config.js";
+import { useDynamicContentStore as le } from "../stores/dynamic-content.js";
+import { useEditorStore as ue } from "../stores/editor.js";
+import { usePreviewStore as pe } from "../stores/preview.js";
+import { useUnsubscribeStore as fe } from "../stores/unsubscribe.js";
+const Re = /* @__PURE__ */ j({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(W, { expose: I, emit: t }) {
-    const v = W, O = _(
+  setup(H, { expose: x, emit: s }) {
+    const b = H, G = R(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), G = _(
+    ), z = R(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), h = V(), i = ae(), y = de(), s = ce();
-    s.init(v.config);
-    const m = ie(), H = me(), c = P(() => m.hasChanges), { isTestPartner: x } = X(), f = () => {
+    ), S = A(), d = A(), l = le(), g = fe(), a = de();
+    a.init(b.config);
+    const u = ue(), q = pe(), i = I(() => u.hasChanges), { isTestPartner: K } = Z(), w = () => {
       var e;
-      return (e = h.value) == null ? void 0 : e.handleSave(!0);
+      return (e = S.value) == null ? void 0 : e.handleSave(!0);
     }, {
-      templateId: d,
-      userId: b,
-      partnerName: S,
-      username: g,
-      template: o,
-      editor: n
-    } = s, a = (o == null ? void 0 : o.html) || "", D = (o == null ? void 0 : o.css) || "", l = (o == null ? void 0 : o.preselectedDynamicContent) || [], w = (n == null ? void 0 : n.savedModulesFolderName) || N.SAVED_MODULES, E = (n == null ? void 0 : n.defaultModulesFolderName) || N.DEFAULT_MODULES;
-    m.templateId = d;
-    const u = {
-      emailId: d,
-      userId: b,
-      username: g,
-      partnerName: S,
-      savedModulesFolderName: w,
-      defaultModulesFolderName: E
-    }, C = {
-      preselectedDynamicContentList: l,
+      templateId: p,
+      userId: E,
+      partnerName: D,
+      username: C,
+      template: t,
+      editor: r
+    } = a, m = (t == null ? void 0 : t.html) || "", T = (t == null ? void 0 : t.css) || "", f = (t == null ? void 0 : t.preselectedDynamicContent) || [], k = (r == null ? void 0 : r.savedModulesFolderName) || B.SAVED_MODULES, F = (r == null ? void 0 : r.defaultModulesFolderName) || B.DEFAULT_MODULES;
+    u.templateId = p;
+    const v = {
+      emailId: p,
+      userId: E,
+      username: C,
+      partnerName: D,
+      savedModulesFolderName: k,
+      defaultModulesFolderName: F
+    }, L = {
+      preselectedDynamicContentList: f,
       onReady: () => {
-        console.debug("guido:ready"), t("ready");
+        console.debug("guido:ready"), s("ready");
       }
-    }, { initPlugin: T } = Y(u, C), { getDefaultTemplate: k } = re(), { cloneTimersOnSave: F, hasTimerBlocks: U } = Z(), B = P(() => {
+    }, { initPlugin: U } = ee(v, L), { getDefaultTemplate: _ } = me(), { cloneTimersOnSave: M, hasTimerBlocks: O } = te(), V = I(() => {
       var e;
-      return !((e = s.ui) != null && e.showHeader);
+      return !((e = a.ui) != null && e.showHeader);
     });
-    Q({
+    Y({
       onBack: () => {
-        console.debug("guido:back"), t("back");
+        console.debug("guido:back"), s("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), t("save:start");
+        console.debug("guido:save:start"), s("save:start");
       },
       onSaveComplete: (e) => {
-        const r = { ...e, metadata: u };
-        console.debug("guido:save:complete", r), t("save:complete", r);
+        const n = { ...e, metadata: v };
+        console.debug("guido:save:complete", n), s("save:complete", n);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), t("test-email:click");
+        console.debug("guido:test-email:click"), s("test-email:click");
       }
     });
-    const L = (e) => {
-      console.debug("dynamic-content:close", e), i.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, M = () => {
+    const P = (e) => {
+      console.debug("dynamic-content:close", e), l.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, N = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    j(() => c.value, () => {
-      t("on-change", c.value);
+    J(() => i.value, () => {
+      s("on-change", i.value);
     });
-    const p = (e) => {
-      const r = e, { attribute: R, position: z } = r.detail;
-      console.debug("dynamic-content:open", r.detail), t("dynamic-content:open", R, z);
+    const y = (e) => {
+      const n = e, { attribute: o, position: $ } = n.detail;
+      console.debug("dynamic-content:open", n.detail), s("dynamic-content:open", o, $);
     };
-    return q(async () => {
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
+    let c = null;
+    const h = () => {
+      var n;
+      const e = document.querySelector(oe);
+      (n = d.value) == null || n.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
+    };
+    return Q(async () => {
+      var n;
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), h();
+      const e = (n = d.value) == null ? void 0 : n.parentElement;
+      e && (c = new ResizeObserver(h), c.observe(e));
       try {
-        y.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
-        let e = {
-          html: a && await A(a),
-          css: D
+        g.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
+        let o = {
+          html: m && await W(m),
+          css: T
         };
-        e.html || (e = await k(), e.html = await A(e.html)), U(e.html) && (e.html = await F(e.html)), await T(e), i.selectedDynamicContentList = l;
-      } catch (e) {
-        console.error("Failed to initialize Stripo editor:", e);
+        o.html || (o = await _(), o.html = await W(o.html)), O(o.html) && (o.html = await M(o.html)), await U(o), l.selectedDynamicContentList = f;
+      } catch (o) {
+        console.error("Failed to initialize Stripo editor:", o);
       }
-      document.addEventListener("dynamic-content:open", p);
-    }), J(() => {
-      document.removeEventListener("dynamic-content:open", p);
+      document.addEventListener("dynamic-content:open", y);
+    }), X(() => {
+      c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", y);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      s.reset();
-    }), I({
+      a.reset();
+    }), x({
       dynamicContent: {
-        insert: L,
-        close: M
+        insert: P,
+        close: N
       },
-      hasChanges: c,
-      saveSilent: f
-    }), { __sfc: !0, PreviewContainer: O, OnboardingWrapper: G, headerWrapperRef: h, dynamicContentStore: i, unsubscribeStore: y, props: v, configStore: s, editorStore: m, previewStore: H, hasChanges: c, isTestPartner: x, saveSilent: f, templateId: d, userId: b, partnerName: S, username: g, templateConfig: o, editorConfig: n, html: a, css: D, preselectedDynamicContentList: l, savedModulesFolderName: w, defaultModulesFolderName: E, emit: t, metadata: u, options: C, initPlugin: T, getDefaultTemplate: k, cloneTimersOnSave: F, hasTimerBlocks: U, noHeader: B, insertDynamicContent: L, closeDynamicContent: M, handleDynamicContentOpen: p, Toaster: $, FilterSelectionDrawer: ee, HeaderWrapper: oe, LoadingWrapper: te, SaveAsTemplateDrawer: ne, UnsubscribeWrapper: se };
+      hasChanges: i,
+      saveSilent: w
+    }), { __sfc: !0, PreviewContainer: G, OnboardingWrapper: z, headerWrapperRef: S, wrapperRef: d, dynamicContentStore: l, unsubscribeStore: g, props: b, configStore: a, editorStore: u, previewStore: q, hasChanges: i, isTestPartner: K, saveSilent: w, templateId: p, userId: E, partnerName: D, username: C, templateConfig: t, editorConfig: r, html: m, css: T, preselectedDynamicContentList: f, savedModulesFolderName: k, defaultModulesFolderName: F, emit: s, metadata: v, options: L, initPlugin: U, getDefaultTemplate: _, cloneTimersOnSave: M, hasTimerBlocks: O, noHeader: V, insertDynamicContent: P, closeDynamicContent: N, handleDynamicContentOpen: y, ribbonObserver: c, updateRibbonOffset: h, Toaster: ne, FilterSelectionDrawer: se, HeaderWrapper: re, LoadingWrapper: ce, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ie };
   }
 });
 export {
-  Me as default
+  Re as default
 };

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/extensions/Blocks/Recommendation/constants/selectors.js

@@ -1,26 +1,42 @@
-const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", t = ".ins-recommendation-mobile-container", n = ".ins-recommendation-mobile-row", R = {
+const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", n = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, r = "productImage", O = "productName", _ = "productPrice", e = "productOldPrice", s = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", i = "data-custom-attributes", u = "product-attr";
+}, R = "productImage", _ = "productName", e = "productPrice", O = "productOldPrice", s = "productOmnibusPrice", i = "productOmnibusDiscount", E = "productButton", A = "customAttr:", C = "data-custom-attributes", u = "product-attr", m = /* @__PURE__ */ new Set([
+  "name",
+  // productName
+  "price",
+  // productPrice
+  "original_price",
+  // productOldPrice
+  "image_url",
+  // productImage
+  "url",
+  // productButton
+  "omnibus_price",
+  // productOmnibusPrice
+  "omnibus_discount"
+  // productOmnibusDiscount
+]);
 export {
   A as ATTR_CUSTOM_PREFIX,
-  i as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  C as ATTR_DATA_CUSTOM_ATTRIBUTES,
   u as ATTR_PRODUCT_ATTR,
   E as ATTR_PRODUCT_BUTTON,
-  r as ATTR_PRODUCT_IMAGE,
-  O as ATTR_PRODUCT_NAME,
-  e as ATTR_PRODUCT_OLD_PRICE,
-  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  R as ATTR_PRODUCT_IMAGE,
+  _ as ATTR_PRODUCT_NAME,
+  O as ATTR_PRODUCT_OLD_PRICE,
+  i as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
   s as ATTR_PRODUCT_OMNIBUS_PRICE,
-  _ as ATTR_PRODUCT_PRICE,
+  e as ATTR_PRODUCT_PRICE,
   T as BLOCK_ROOT_SELECTOR,
+  m as BUILT_IN_DEFAULT_ATTRIBUTES,
   c as CONTAINER_SELECTOR,
-  R as CURRENCY_ATTR,
+  r as CURRENCY_ATTR,
   o as DESKTOP_CONTAINER_SELECTOR,
-  t as MOBILE_CONTAINER_SELECTOR,
-  n as MOBILE_ROW_SELECTOR
+  n as MOBILE_CONTAINER_SELECTOR,
+  t as MOBILE_ROW_SELECTOR
 };