@useinsider/guido 3.15.1-beta.6da4177 → 3.16.0-beta.20cd2fe

package/dist/composables/useHtmlValidator.js

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

package/dist/composables/useTimerClone.js

@@ -1,11 +1,11 @@
 import { useActionsApi as f } from "./useActionsApi.js";
-import { useHttp as w } from "./useHttp.js";
-import { useToaster as H } from "./useToaster.js";
-import { useStripoApi as y } from "../services/stripoApi.js";
-const O = () => {
-  const { handleError: c } = H(), { getToken: u } = y(), { post: d } = w(), { updateHtmlAndCss: l } = f(), s = (t) => /esd-timer-id="(\d+)"/.test(t), i = async (t, e) => {
+import { useHttp as H } from "./useHttp.js";
+import { useToaster as h } from "./useToaster.js";
+import { useStripoApi as k } from "../services/stripoApi.js";
+const S = () => {
+  const { handleError: c } = h(), { getToken: l } = k(), { post: p } = H(), { updateHtmlAndCss: u } = f(), s = (t) => /esd-timer-id="(\d+)"/.test(t), i = async (t, e) => {
     try {
-      return (await d(
+      return (await p(
         "https://plugins.stripo.email/api/v1/timers/clone",
         { html: t },
         {
@@ -25,29 +25,31 @@ const O = () => {
     cloneTimersOnSave: async (t) => {
       if (!s(t))
         return t;
-      const e = await u();
+      const e = await l();
       return e && await i(t, e) || t;
     },
     updateTimersOnLoad: async (t) => {
-      var e, r, o, m;
+      var e, r, n, d;
       try {
-        const n = (r = (e = window.UIEditor) == null ? void 0 : e.getHtml) == null ? void 0 : r.call(e);
-        if (!n || !s(n))
+        const o = (r = (e = window.UIEditor) == null ? void 0 : e.getHtml) == null ? void 0 : r.call(e);
+        if (!o || !s(o))
           return;
-        const p = await t();
-        if (!p)
+        const m = await t();
+        if (!m)
           return;
-        const a = await i(n, p);
-        if (!a || a === n)
+        const a = await i(o, m);
+        if (!a || a === o)
           return;
-        const T = ((m = (o = window.UIEditor) == null ? void 0 : o.getCss) == null ? void 0 : m.call(o)) || "";
-        l(a, T);
-      } catch (n) {
-        c(n, "Failed to update timer blocks");
+        const T = ((d = (n = window.UIEditor) == null ? void 0 : n.getCss) == null ? void 0 : d.call(n)) || "";
+        u(a, T).catch((w) => {
+          console.warn("Editor did not acknowledge the timer-block update.", w);
+        });
+      } catch (o) {
+        c(o, "Failed to update timer blocks");
       }
     }
   };
 };
 export {
-  O as useTimerClone
+  S as useTimerClone
 };

package/dist/config/i18n/en/labels.json.js

@@ -1,19 +1,43 @@
-const e = "Items", o = "Default", t = "Custom", s = {
+const e = "Items", o = "Default", i = "Custom", t = {
   "Global Styles & Layout": "Global Styles and Layout",
   "Structures & Modules": "Structures and Modules",
   "Recommendation Block": "Recommendation",
   Items: e,
   "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
   "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.",
+  "email-editor.a11y-hide-images": "Hide images",
+  "email-editor.a11y-show-images": "Show images",
+  "email-editor.cvd-none": "No Color Deficiency",
+  "email-editor.cvd-protanopia": "Protanopia",
+  "email-editor.cvd-protanopia-description": "Causes red-green confusion and makes reds appear darker.",
+  "email-editor.cvd-deuteranopia": "Deuteranopia",
+  "email-editor.cvd-deuteranopia-description": "Causes red-green confusion.",
+  "email-editor.cvd-tritanopia": "Tritanopia",
+  "email-editor.cvd-tritanopia-description": "Causes blue-yellow confusion.",
+  "email-editor.cvd-achromatopsia": "Achromatopsia",
+  "email-editor.cvd-achromatopsia-description": "Causes complete color blindness.",
+  "email-editor.more-actions": "More actions",
+  "email-editor.preferences": "Preferences",
+  "email-editor.actions": "Actions",
+  "email-editor.accessibility-test": "Accessibility Test",
+  "email-editor.autosaved-at-today": "Autosaved at {time}, Today",
+  "email-editor.autosaved-at-date": "Autosaved at {date}",
+  "email-editor.export-html": "Export HTML",
+  "email-editor.onboarding-kebab-title": "Discover Preferences and Actions",
+  "email-editor.onboarding-kebab-description": "You can now access your Preferences and Actions easily such as Autosave, Export HTML, Version History, Accessibility Test and Save As Template.",
+  "email-editor.onboarding-autosave-title": "Autosave Your Design",
+  "email-editor.onboarding-autosave-description": "You can save your design automatically by enabling Autosave without losing your work.",
+  "email-editor.onboarding-accessibility-title": "Test Accessibility of Your Design",
+  "email-editor.onboarding-accessibility-description": "You can test the accessibility of your design to see the Failed, Passed items and update the Failed ones accordingly.",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
   "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS",
   Default: o,
-  Custom: t
+  Custom: i
 };
 export {
-  t as Custom,
+  i as Custom,
   o as Default,
   e as Items,
-  s as default
+  t as default
 };

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
 };