@useinsider/guido 3.14.0-beta.a087424 → 3.14.0-beta.a865e56

package/dist/composables/useHtmlValidator.js

@@ -1,64 +1,66 @@
 import { useConfig as W } from "./useConfig.js";
 import { getIgnoredRecommendationBlockIds as G } from "../config/compiler/utils/recommendationIgnoreUtils.js";
 import { TemplateTypes as H } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as X, CampaignCouldNotBeSavedKey as $, CanNotMakeAnyChangesForRunningKey as Y, DATA_ATTRIBUTE_REGEX as U, DYNAMIC_CONTENT_TAG_REGEX as j, ALLOWED_DYNAMIC_SYSTEM_TOKENS as q, VALID_DYNAMIC_VARIABLE_REGEX as K } from "../enums/html-validator.js";
+import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as X, CampaignCouldNotBeSavedKey as $, CanNotMakeAnyChangesForRunningKey as K, DATA_ATTRIBUTE_REGEX as Y, DYNAMIC_CONTENT_TAG_REGEX as U, ALLOWED_DYNAMIC_SYSTEM_TOKENS as j, VALID_DYNAMIC_VARIABLE_REGEX as q } from "../enums/html-validator.js";
 import { ToasterTypeOptions as c } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as z } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as Z } from "../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useRecommendationExtensionStore as J } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { resolveProductAttrValue as Q } from "../extensions/Blocks/Recommendation/templates/utils.js";
-import { RecommendationRequiredFieldsKey as ee } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
-import { useRecommendationStore as te } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as ne } from "../utils/base64.js";
-import { useHttp as se } from "./useHttp.js";
-import { useToaster as re } from "./useToaster.js";
-import { useTranslations as oe } from "./useTranslations.js";
-const ie = /recommendation-id="(\d+)"/g;
-function ae(t) {
-  return [...t.matchAll(ie)].map((m) => m[1]);
+import { BLOCK_ROOT_SELECTOR as z } from "../extensions/Blocks/Checkbox/constants/selectors.js";
+import { itemsBlockDynamicVariables as Z } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { BLOCK_ROOT_SELECTOR as J } from "../extensions/Blocks/RadioButton/constants/selectors.js";
+import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as Q } from "../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useRecommendationExtensionStore as ee } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { resolveProductAttrValue as te } from "../extensions/Blocks/Recommendation/templates/utils.js";
+import { RecommendationRequiredFieldsKey as ne } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
+import { useRecommendationStore as se } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as re } from "../utils/base64.js";
+import { useHttp as oe } from "./useHttp.js";
+import { useToaster as ie } from "./useToaster.js";
+import { useTranslations as ae } from "./useTranslations.js";
+const ce = /recommendation-id="(\d+)"/g;
+function me(t) {
+  return [...t.matchAll(ce)].map((l) => l[1]);
 }
-function ce(t, m) {
-  return m.some((f) => t.startsWith(`${f}_`));
+function le(t, l) {
+  return l.some((f) => t.startsWith(`${f}_`));
 }
-const le = /^(\d+)_\d+_(.+)$/;
-function me(t) {
-  const m = t.match(le);
-  return m ? { recoId: m[1], attribute: m[2] } : null;
+const ue = /^(\d+)_\d+_(.+)$/;
+function de(t) {
+  const l = t.match(ue);
+  return l ? { recoId: l[1], attribute: l[2] } : null;
 }
-function ue(t) {
-  const m = new Set(Z);
+function fe(t) {
+  const l = new Set(Q);
   return Object.values(t).forEach((f) => {
-    m.add(Q(f.attributeName, t).toLowerCase());
-  }), m;
+    l.add(te(f.attributeName, t).toLowerCase());
+  }), l;
 }
-function de(t, m, f, o, d) {
+function pe(t, l, f, o, d) {
   const u = t.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
   if (!u)
     return [];
-  const p = new Set(m.map((h) => h.toLowerCase())), E = [];
-  return u.forEach((h) => {
-    const g = h.slice(2, -2).trim().toLowerCase();
-    if (g !== "" && p.has(g))
+  const g = new Set(l.map((C) => C.toLowerCase())), E = [];
+  return u.forEach((C) => {
+    const p = C.slice(2, -2).trim().toLowerCase();
+    if (p !== "" && g.has(p))
       return;
-    const y = me(g);
-    if (y && o.has(y.recoId)) {
-      if (!d || d.has(y.attribute))
+    const h = de(p);
+    if (h && o.has(h.recoId)) {
+      if (!d || d.has(h.attribute))
         return;
-      E.push(g);
+      E.push(p);
       return;
     }
-    ce(g, f) || g.includes(".") || E.push(g);
+    le(p, f) || p.includes(".") || E.push(p);
   }), E;
 }
-function fe(t) {
-  return (t.replace(U, "$1").match(j) ?? []).filter((o) => {
-    const d = o.slice(2, -2), u = d.indexOf("|"), p = (u === -1 ? d : d.slice(0, u)).trim();
-    return q.includes(p) ? !1 : K.test(p) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
+function ge(t) {
+  return (t.replace(Y, "$1").match(U) ?? []).filter((o) => {
+    const d = o.slice(2, -2), u = d.indexOf("|"), g = (u === -1 ? d : d.slice(0, u)).trim();
+    return j.includes(g) ? !1 : q.test(g) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
   });
 }
-const xe = () => {
-  var b, S;
-  const { showToaster: t } = re(), { post: m } = se(), { config: f } = W(), o = oe(), d = te(), u = J(), p = ((S = (b = f.value) == null ? void 0 : b.partner) == null ? void 0 : S.messageType) === H.transactional, E = async (e) => {
+const De = () => {
+  var S, T;
+  const { showToaster: t } = ie(), { post: l } = oe(), { config: f } = W(), o = ae(), d = se(), u = ee(), g = ((T = (S = f.value) == null ? void 0 : S.partner) == null ? void 0 : T.messageType) === H.transactional, E = async (e) => {
     if (e.size === 0)
       return /* @__PURE__ */ new Set();
     try {
@@ -66,39 +68,39 @@ const xe = () => {
     } catch {
       return null;
     }
-    return ue(u.filterList);
-  }, h = async (e) => {
-    const n = await m(
+    return fe(u.filterList);
+  }, C = async (e) => {
+    const n = await l(
       "/newsletter/template-library/check-template-html-body",
-      { html: ne(e) }
+      { html: re(e) }
     ), { status: r, message: a } = n.data;
     return r || t({
       type: c.Error,
       message: r === void 0 ? a : o("newsletter.invalid-url-link-for-toaster")
-    }), o($), a === o(Y) && t({
+    }), o($), a === o(K) && t({
       type: c.Error,
       message: o("newsletter.already-in-progress")
     }), r;
-  }, g = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), y = (e) => ["if", "endif"].includes(e.toLowerCase()), T = (e, s) => {
+  }, p = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), h = (e) => ["if", "endif"].includes(e.toLowerCase()), R = (e, s) => {
     const n = e.match(/({%(.*?)%})/g);
     let r = !0;
-    return n !== null && !p && n.forEach((a) => {
+    return n !== null && !g && n.forEach((a) => {
       const i = a.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (i && i.length > 0) {
-        const [l] = i;
-        g(l) && !s.includes(l) && (t({
+        const [m] = i;
+        p(m) && !s.includes(m) && (t({
           type: c.Warning,
           message: o("custom-fields.invalid-custom-fields")
         }), r = !1);
       }
     }), r;
-  }, w = async (e, s, n) => {
-    const r = n ? await h(e) : !0;
-    return T(e, s) && r;
-  }, R = (e) => e.length > 0 ? !0 : (t({
+  }, A = async (e, s, n) => {
+    const r = n ? await C(e) : !0;
+    return R(e, s) && r;
+  }, _ = (e) => e.length > 0 ? !0 : (t({
     type: c.Warning,
     message: o("newsletter.html-content-is-empty")
-  }), !1), _ = (e) => {
+  }), !1), O = (e) => {
     const s = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
     return s > n && t({
       type: c.Warning,
@@ -107,26 +109,26 @@ const xe = () => {
       type: c.Warning,
       message: o("custom-fields.missing-opening-braces")
     }), s === n;
-  }, N = (e) => {
-    const s = fe(e).length === 0;
+  }, w = (e) => {
+    const s = ge(e).length === 0;
     return s || t({
       type: c.Warning,
       message: o("custom-fields.invalid-custom-fields")
     }), s;
-  }, x = (e, s, n, r) => {
-    if (p)
+  }, N = (e, s, n, r) => {
+    if (g)
       return !0;
-    const a = de(
+    const a = pe(
       e,
       s,
-      ae(e),
+      me(e),
       n,
       r
     );
     if (a.length > 0) {
       const i = `
                 <ul>
-                    ${a.map((l) => `<li>${l}</li>`).join("")}
+                    ${a.map((m) => `<li>${m}</li>`).join("")}
                 </ul>
             `;
       return t({
@@ -135,85 +137,85 @@ const xe = () => {
       }), !1;
     }
     return !0;
-  }, O = (e) => {
+  }, L = (e) => {
     const s = e.match(/{%(.*?)%}/g), n = [];
     let r = !0;
     if (s && s.forEach((a) => {
-      const i = a.match(P), l = a.match(X), v = (i == null ? void 0 : i.join("")) || "";
-      (!i || a !== v) && !l && (t({
+      const i = a.match(P), m = a.match(X), v = (i == null ? void 0 : i.join("")) || "";
+      (!i || a !== v) && !m && (t({
         type: c.Error,
         message: o("newsletter.display-conditions-invalid-syntax")
-      }), r = !1), i && i.forEach((C) => {
-        C.trim() === "=" && (t({
+      }), r = !1), i && i.forEach((y) => {
+        y.trim() === "=" && (t({
           type: c.Error,
           message: o("custom-conditions.wrong-equality-operators")
         }), r = !1);
-        const I = C.match(/^[a-zA-Z]*$/g);
-        I && I.forEach((A) => {
-          y(A) && n.push(A);
+        const I = y.match(/^[a-zA-Z]*$/g);
+        I && I.forEach((b) => {
+          h(b) && n.push(b);
         });
       });
     }), n.length) {
-      const a = n.filter((l) => l === "if"), i = n.filter((l) => l === "endif");
+      const a = n.filter((m) => m === "if"), i = n.filter((m) => m === "endif");
       a.length !== i.length && (t({
         type: c.Error,
         message: o("custom-conditions.missing-if-endif-tag")
       }), r = !1);
     }
     return r;
-  }, k = (e) => {
+  }, B = (e) => {
     const s = (e.match(/{% /gm) || []).length, n = (e.match(/ %}/gm) || []).length, r = s === n;
     return r || t({
       type: c.Warning,
       message: o("custom-conditions.no-space-after-braces")
     }), r;
-  }, B = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (t({
+  }, x = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (t({
     type: c.Warning,
     message: o("custom-conditions.no-braces-inside-if-tag")
   }), !1) : !0, D = () => u.hasInvalidBlock() ? (t({
     type: c.Error,
-    message: o(ee)
+    message: o(ne)
   }), !1) : !0, F = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((s) => s.filters.find((n) => n.value === "")) !== void 0 ? (t({
     type: c.Error,
     message: o("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, L = (e) => {
+  }), !1) : !0, k = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(s) === null ? !0 : (t({
       type: c.Error,
       message: o("newsletter.invalid-image-type")
     }), !1);
   }, V = (e) => {
-    const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
+    const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(z);
     return Array.from(r).find((i) => {
-      var l;
-      return !((l = i.id) != null && l.trim());
+      var m;
+      return !((m = i.id) != null && m.trim());
     }) ? (t({
       type: c.Error,
       message: o("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
   }, M = (e) => {
-    const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
+    const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(J);
     return Array.from(r).find((i) => {
-      var l;
-      return !((l = i.id) != null && l.trim());
+      var m;
+      return !((m = i.id) != null && m.trim());
     }) ? (t({
       type: c.Error,
       message: o("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, s, n = !1) => {
-    var v, C;
+    var v, y;
     const r = [
       ...s.map((I) => I.value),
-      ...z,
-      ...((C = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : C.customFieldAttributes) ?? []
+      ...Z,
+      ...((y = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : y.customFieldAttributes) ?? []
     ], a = G(e), i = await E(a);
-    return await w(e, r, n) && R(e) && _(e) && N(e) && x(e, r, a, i) && O(e) && k(e) && B(e) && D() && F() && L(e) && V(e) && M(e);
+    return await A(e, r, n) && _(e) && O(e) && w(e) && N(e, r, a, i) && L(e) && B(e) && x(e) && D() && F() && k(e) && V(e) && M(e);
   } };
 };
 export {
-  ue as buildPartnerAttributeNameSet,
-  de as findInvalidCustomFields,
-  me as parseRecommendationVariable,
-  xe as useHtmlValidator
+  fe as buildPartnerAttributeNameSet,
+  pe as findInvalidCustomFields,
+  de as parseRecommendationVariable,
+  De as useHtmlValidator
 };

package/dist/config/migrator/checkboxMigrator.js

@@ -1,36 +1,37 @@
-var h = Object.defineProperty;
-var g = (r, t, e) => t in r ? h(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var l = (r, t, e) => g(r, typeof t != "symbol" ? t + "" : t, e);
-import f from "../../extensions/Blocks/Checkbox/template.js";
-import { extractTextFromElement as m, buildTextBlock as p } from "./textBlockMigration.js";
-class C {
+var g = Object.defineProperty;
+var x = (r, t, e) => t in r ? g(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var m = (r, t, e) => x(r, typeof t != "symbol" ? t + "" : t, e);
+import { CSS_CLASS_CHECKBOX_BLOCK as b, CSS_CLASS_CHECKBOX_BLOCK_V2 as T, BLOCK_ROOT_SELECTOR as f } from "../../extensions/Blocks/Checkbox/constants/selectors.js";
+import h from "../../extensions/Blocks/Checkbox/template.js";
+import { extractTextFromElement as p, buildTextBlock as C } from "./textBlockMigration.js";
+class O {
   constructor() {
-    l(this, "parser");
+    m(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.checkbox-block");
-      if (n.length === 0)
+      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll(`td.${b}`);
+      if (i.length === 0)
         return t;
-      let i = !1;
-      return n.forEach((o) => {
-        if (o.classList.contains("checkbox-block-v2"))
+      let s = !1;
+      return i.forEach((o) => {
+        if (o.classList.contains(T))
           return;
-        const b = o.getAttribute("id"), s = m(o, "ins-title"), a = m(o, "ins-description"), u = p(s, s.containerClass), x = p(a, a.containerClass), d = f.replace("{-{-TITLE-}-}", u).replace("{-{-DESCRIPTION-}-}", x), c = this.parser.parseFromString(
+        const l = o.getAttribute("id"), c = p(o, "ins-title"), a = p(o, "ins-description"), u = C(c, c.containerClass), S = C(a, a.containerClass), d = h.replace("{-{-TITLE-}-}", u).replace("{-{-DESCRIPTION-}-}", S), n = this.parser.parseFromString(
           `<table id="tempDoc"><tbody><tr>${d}</tr></tbody></table>`,
           "text/html"
-        ).querySelector(".checkbox-block-v2");
-        c && o.parentNode && (c.setAttribute("id", b || ""), o.parentNode.replaceChild(c, o), i = !0);
-      }), i ? e.documentElement.outerHTML : t;
+        ).querySelector(f);
+        n && o.parentNode && (n.setAttribute("id", l || ""), o.parentNode.replaceChild(n, o), s = !0);
+      }), s ? e.documentElement.outerHTML : t;
     } catch (e) {
       return console.error("CheckboxMigrator failed:", e), t;
     }
   }
 }
-function E(r) {
-  return new C().migrate(r);
+function D(r) {
+  return new O().migrate(r);
 }
 export {
-  E as migrateCheckbox
+  D as migrateCheckbox
 };

package/dist/config/migrator/radioButtonMigrator.js

@@ -1,53 +1,54 @@
-var q = Object.defineProperty;
-var C = (o, t, e) => t in o ? q(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var g = (o, t, e) => C(o, typeof t != "symbol" ? t + "" : t, e);
+var R = Object.defineProperty;
+var b = (n, t, e) => t in n ? R(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var g = (n, t, e) => b(n, typeof t != "symbol" ? t + "" : t, e);
+import { CSS_CLASS_RADIO_BUTTON_BLOCK as C, CSS_CLASS_RADIO_BUTTON_BLOCK_V2 as T, BLOCK_ROOT_SELECTOR as A } from "../../extensions/Blocks/RadioButton/constants/selectors.js";
 import N from "../../extensions/Blocks/RadioButton/template.js";
-import { extractTextFromElement as b, buildTextBlock as f } from "./textBlockMigration.js";
-class R {
+import { extractTextFromElement as S, buildTextBlock as f } from "./textBlockMigration.js";
+class _ {
   constructor() {
     g(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.radio-button-block"), a = e.querySelectorAll("td.radio-button-v2");
-      if (n.length === 0 && a.length === 0)
+      const e = this.parser.parseFromString(t, "text/html"), o = e.querySelectorAll(`td.${C}`), a = e.querySelectorAll(`td.${T}`);
+      if (o.length === 0 && a.length === 0)
         return t;
-      let i = !1;
-      return n.forEach((r) => {
-        if (r.classList.contains("radio-button-v2"))
+      let s = !1;
+      return o.forEach((r) => {
+        if (r.classList.contains(T))
           return;
-        const s = r.getAttribute("id"), c = b(r, "ins-title"), d = b(r, "ins-description"), u = b(r, "ins-subscribe"), l = b(r, "ins-unsubscribe"), p = f(c, c.containerClass), m = f(d, d.containerClass), h = f(u), S = f(l), T = N.replace("{-{-TITLE-}-}", p).replace("{-{-DESCRIPTION-}-}", m).replace("{-{-YES-}-}", h).replace("{-{-NO-}-}", S), y = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${T}</tr></tbody></table>`,
+        const i = r.getAttribute("id"), c = S(r, "ins-title"), p = S(r, "ins-description"), l = S(r, "ins-subscribe"), u = S(r, "ins-unsubscribe"), d = f(c, c.containerClass), m = f(p, p.containerClass), h = f(l), L = f(u), O = N.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", m).replace("{-{-YES-}-}", h).replace("{-{-NO-}-}", L), y = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${O}</tr></tbody></table>`,
           "text/html"
-        ).querySelector(".radio-button-v2");
-        y && r.parentNode && (y.setAttribute("id", s || ""), r.parentNode.replaceChild(y, r), i = !0);
-      }), i = this.healRadioButtonV2(e) || i, i ? e.documentElement.outerHTML : t;
+        ).querySelector(A);
+        y && r.parentNode && (y.setAttribute("id", i || ""), r.parentNode.replaceChild(y, r), s = !0);
+      }), s = this.healRadioButtonV2(e) || s, s ? e.documentElement.outerHTML : t;
     } catch (e) {
       return console.error("RadioButtonMigrator failed:", e), t;
     }
   }
   healRadioButtonV2(t) {
     let e = !1;
-    return t.querySelectorAll("td.radio-button-v2").forEach((n) => {
+    return t.querySelectorAll(`td.${T}`).forEach((o) => {
       var m;
-      n.classList.contains("radio-button-block") || (n.classList.add("radio-button-block"), e = !0);
-      const a = n.querySelector("input#radioYes"), i = n.querySelector("input#radioNo");
-      if (!a || !i)
+      o.classList.contains(C) || (o.classList.add(C), e = !0);
+      const a = o.querySelector("input#radioYes"), s = o.querySelector("input#radioNo");
+      if (!a || !s)
         return;
       const r = ((m = a.parentElement) == null ? void 0 : m.querySelector(":scope > p")) || null;
       if (!r && !a.hasAttribute("align"))
         return;
-      const s = a.closest("tr"), c = i.closest("tr");
-      if (!s || !c || s === c || !s.parentNode)
+      const i = a.closest("tr"), c = s.closest("tr");
+      if (!i || !c || i === c || !i.parentNode)
         return;
-      const d = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", u = c.cloneNode(!0), l = u.querySelector("input#radioNo"), p = u.querySelector("p");
-      l && (l.setAttribute("id", "radioYes"), l.removeAttribute("align")), p && (p.innerHTML = d), s.parentNode.replaceChild(u, s), e = !0;
+      const p = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", l = c.cloneNode(!0), u = l.querySelector("input#radioNo"), d = l.querySelector("p");
+      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), d && (d.innerHTML = p), i.parentNode.replaceChild(l, i), e = !0;
     }), e;
   }
 }
-function w(o) {
-  return new R().migrate(o);
+function w(n) {
+  return new _().migrate(n);
 }
 export {
   w as migrateRadioButton

package/dist/extensions/Blocks/Checkbox/constants/controlIds.js

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((o) => (o.BLOCK_BACKGROUND = "checkbox-block-background-color-control", o))(r || {});
+export {
+  r as CheckboxControlId
+};

package/dist/extensions/Blocks/Checkbox/constants/selectors.js

@@ -0,0 +1,6 @@
+const c = "checkbox-block", C = "checkbox-block-v2", S = `.${C}`;
+export {
+  S as BLOCK_ROOT_SELECTOR,
+  c as CSS_CLASS_CHECKBOX_BLOCK,
+  C as CSS_CLASS_CHECKBOX_BLOCK_V2
+};

package/dist/extensions/Blocks/Checkbox/controls/blockBackground/index.js

@@ -0,0 +1,10 @@
+import { createBlockBackgroundColorControl as o } from "../../../controlFactories.js";
+import { CheckboxControlId as r } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as C } from "../../constants/selectors.js";
+const k = o(
+  r.BLOCK_BACKGROUND,
+  C
+);
+export {
+  k as CheckboxBlockBackgroundControl
+};

package/dist/extensions/Blocks/Checkbox/extension.js

@@ -1,9 +1,10 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CheckboxBlock as t } from "./block.js";
-import { CheckboxControl as e } from "./control.js";
-import { CheckboxIconsRegistry as r } from "./iconsRegistry.js";
-import { CheckboxBlockSettings as i } from "./settingsPanel.js";
-const d = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
+import { CheckboxControl as r } from "./control.js";
+import { CheckboxBlockBackgroundControl as e } from "./controls/blockBackground/index.js";
+import { CheckboxIconsRegistry as i } from "./iconsRegistry.js";
+import { CheckboxBlockSettings as n } from "./settingsPanel.js";
+const C = new o().addBlock(t).withSettingsPanelRegistry(n).addControl(r).addControl(e).withIconsRegistry(i).build();
 export {
-  d as default
+  C as default
 };

package/dist/extensions/Blocks/Checkbox/settingsPanel.js

@@ -1,25 +1,26 @@
-import { SettingsPanelRegistry as C, SettingsPanelTab as t, SettingsTab as e, ContainerControls as n, TextControls as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CHECKBOX_BLOCK_ID as s } from "./block.js";
-import { CHECKBOX_CONTROL_BLOCK_ID as T } from "./control.js";
-class l extends C {
-  registerBlockControls(o) {
-    o[s] = [
-      new t(
-        e.SETTINGS,
+import { SettingsPanelRegistry as r, SettingsPanelTab as o, SettingsTab as t, ContainerControls as C } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CHECKBOX_BLOCK_ID as n } from "./block.js";
+import { CheckboxControlId as i } from "./constants/controlIds.js";
+import { CHECKBOX_CONTROL_BLOCK_ID as s } from "./control.js";
+class T extends r {
+  registerBlockControls(e) {
+    e[n] = [
+      new o(
+        t.SETTINGS,
         [
-          T,
-          n.EXTERNAL_INDENTS
+          s,
+          C.EXTERNAL_INDENTS
         ]
       ),
-      new t(
-        e.STYLES,
+      new o(
+        t.STYLES,
         [
-          r.TEXT_BLOCK_BACKGROUND_COLOR
+          i.BLOCK_BACKGROUND
         ]
       )
     ];
   }
 }
 export {
-  l as CheckboxBlockSettings
+  T as CheckboxBlockSettings
 };

package/dist/extensions/Blocks/Checkbox/template.js

@@ -1,9 +1,10 @@
 import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CSS_CLASS_CHECKBOX_BLOCK as l, CSS_CLASS_CHECKBOX_BLOCK_V2 as a } from "./constants/selectors.js";
 const e = {
   TITLE: "Unsubscribe From All Email Lists",
   DESCRIPTION: "You will still receive important transactional and billing-related emails."
-}, l = `
-    <td align="left" class="checkbox-block checkbox-block-v2 esd-block-checkbox es-p20">
+}, i = `
+    <td align="left" class="${l} ${a} esd-block-checkbox es-p20">
         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tbody>
                 <tr>
@@ -26,13 +27,13 @@ const e = {
             </tbody>
         </table>
     </td>
-`, o = `
+`, d = `
     <td
         align="left"
         esd-extension-block-id="checkbox-block"
         class="
-            checkbox-block
-            checkbox-block-v2
+            ${l}
+            ${a}
             esd-block-checkbox
             esd-checkbox-block
             esd-extension-block es-p20"
@@ -60,10 +61,10 @@ const e = {
         </table>
     </td>
 `;
-function a() {
-  return l.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`);
+function n() {
+  return i.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`);
 }
 export {
-  o as default,
-  a as getDefaultTemplate
+  d as default,
+  n as getDefaultTemplate
 };

package/dist/extensions/Blocks/RadioButton/constants/controlIds.js

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((o) => (o.BLOCK_BACKGROUND = "radio-button-block-background-color-control", o))(r || {});
+export {
+  r as RadioButtonControlId
+};

package/dist/extensions/Blocks/RadioButton/constants/selectors.js

@@ -0,0 +1,6 @@
+const O = "radio-button-block", _ = "radio-button-v2", o = `.${_}`;
+export {
+  o as BLOCK_ROOT_SELECTOR,
+  O as CSS_CLASS_RADIO_BUTTON_BLOCK,
+  _ as CSS_CLASS_RADIO_BUTTON_BLOCK_V2
+};

package/dist/extensions/Blocks/RadioButton/controls/blockBackground/index.js

@@ -0,0 +1,10 @@
+import { createBlockBackgroundColorControl as o } from "../../../controlFactories.js";
+import { RadioButtonControlId as r } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as t } from "../../constants/selectors.js";
+const c = o(
+  r.BLOCK_BACKGROUND,
+  t
+);
+export {
+  c as RadioButtonBlockBackgroundControl
+};

package/dist/extensions/Blocks/RadioButton/extension.js

@@ -1,9 +1,10 @@
 import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RadioButtonCustomBlock as t } from "./block.js";
 import { RadioButtonControl as i } from "./control.js";
-import { RadioButtonIconsRegistry as n } from "./iconsRegistry.js";
-import { RadioButtonBlockSettingsPanel as r } from "./settingsPanel.js";
-const l = new o().addBlock(t).withSettingsPanelRegistry(r).addControl(i).withIconsRegistry(n).build();
+import { RadioButtonBlockBackgroundControl as n } from "./controls/blockBackground/index.js";
+import { RadioButtonIconsRegistry as r } from "./iconsRegistry.js";
+import { RadioButtonBlockSettingsPanel as d } from "./settingsPanel.js";
+const u = new o().addBlock(t).withSettingsPanelRegistry(d).addControl(i).addControl(n).withIconsRegistry(r).build();
 export {
-  l as default
+  u as default
 };