@useinsider/guido 3.3.0-beta.c1e1d7e → 3.3.0-beta.ddabd14

package/dist/config/migrator/radioButtonMigrator.js

@@ -1,52 +1,77 @@
-var x = Object.defineProperty;
-var T = (l, e, t) => e in l ? x(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var b = (l, e, t) => T(l, typeof e != "symbol" ? e + "" : e, t);
-import S from "../../extensions/Blocks/RadioButton/template.js";
-class B {
+var L = Object.defineProperty;
+var v = (a, e, t) => e in a ? L(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var f = (a, e, t) => v(a, typeof e != "symbol" ? e + "" : e, t);
+import A from "../../extensions/Blocks/RadioButton/template.js";
+class k {
   constructor() {
-    b(this, "parser");
+    f(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(e) {
     try {
-      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.radio-button-block"), s = t.querySelectorAll("td.radio-button-v2");
-      if (i.length === 0 && s.length === 0)
-        return e;
-      let o = !1;
-      return i.forEach((r) => {
-        if (r.classList.contains("radio-button-v2"))
+      const t = this.parser.parseFromString(e, "text/html"), r = t.querySelectorAll("td.radio-button-block"), s = t.querySelectorAll("td.radio-button-v2");
+      if (r.length === 0 && s.length === 0)
+        return console.debug("[guido:radio-migrator] skip", { reason: "no radio blocks" }), e;
+      console.debug("[guido:radio-migrator] entry", {
+        v1BlockCount: r.length,
+        v2BlockCount: s.length,
+        inputLength: e.length
+      });
+      let n = !1, i = 0;
+      r.forEach((o) => {
+        if (o.classList.contains("radio-button-v2"))
           return;
-        const n = r.getAttribute("id"), a = this.extractTextFromElement(r, "ins-title"), g = this.extractTextFromElement(r, "ins-description"), c = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), d = this.buildTextBlock(a), p = this.buildTextBlock(g), y = this.buildTextBlock({ ...c, classList: "" }), f = this.buildTextBlock({ ...u, classList: "" }), h = S.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", p).replace("{-{-YES-}-}", y).replace("{-{-NO-}-}", f), m = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${h}</tr></tbody></table>`,
+        const d = o.getAttribute("id"), p = this.extractTextFromElement(o, "ins-title"), g = this.extractTextFromElement(o, "ins-description"), b = this.extractTextFromElement(o, "ins-subscribe"), m = this.extractTextFromElement(o, "ins-unsubscribe"), y = this.buildTextBlock(p), x = this.buildTextBlock(g), T = this.buildTextBlock({ ...b, classList: "" }), B = this.buildTextBlock({ ...m, classList: "" }), S = A.replace("{-{-TITLE-}-}", y).replace("{-{-DESCRIPTION-}-}", x).replace("{-{-YES-}-}", T).replace("{-{-NO-}-}", B), h = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${S}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".radio-button-v2");
-        m && r.parentNode && (m.setAttribute("id", n || ""), r.parentNode.replaceChild(m, r), o = !0);
-      }), o = this.healRadioButtonV2(t) || o, o ? t.documentElement.outerHTML : e;
+        h && o.parentNode && (h.setAttribute("id", d || ""), o.parentNode.replaceChild(h, o), n = !0, i++);
+      });
+      const l = this.healRadioButtonV2(t);
+      n = l || n;
+      const c = n ? t.documentElement.outerHTML : e, u = (c.match(/<td[^>]*radio-button-v2[^>]*>/gi) ?? []).map((o) => {
+        var p;
+        return (((p = o.match(/class="([^"]*)"/)) == null ? void 0 : p[1]) ?? "").split(/\s+/).filter(Boolean).includes("radio-button-block");
+      });
+      return console.debug("[guido:radio-migrator] exit", {
+        v1Converted: i,
+        healingMutated: l,
+        mutated: n,
+        finalV2HasBlock: u,
+        outputLength: c.length
+      }), c;
     } catch (t) {
-      return console.error("RadioButtonMigrator failed:", t), e;
+      return console.error("[guido:radio-migrator] failed:", t), e;
     }
   }
   healRadioButtonV2(e) {
-    let t = !1;
-    return e.querySelectorAll("td.radio-button-v2").forEach((i) => {
-      var p;
-      const s = i.querySelector("input#radioYes"), o = i.querySelector("input#radioNo");
-      if (!s || !o)
+    let t = !1, r = 0, s = 0;
+    const n = e.querySelectorAll("td.radio-button-v2");
+    return n.forEach((i) => {
+      var y;
+      i.classList.contains("radio-button-block") || (i.classList.contains("radio-button") ? i.classList.replace("radio-button", "radio-button-block") : i.classList.add("radio-button-block"), r++, t = !0);
+      const l = i.querySelector("input#radioYes"), c = i.querySelector("input#radioNo");
+      if (!l || !c)
         return;
-      const r = ((p = s.parentElement) == null ? void 0 : p.querySelector(":scope > p")) || null;
-      if (!r && !s.hasAttribute("align"))
+      const u = ((y = l.parentElement) == null ? void 0 : y.querySelector(":scope > p")) || null;
+      if (!u && !l.hasAttribute("align"))
         return;
-      const n = s.closest("tr"), a = o.closest("tr");
-      if (!n || !a || n === a || !n.parentNode)
+      const o = l.closest("tr"), d = c.closest("tr");
+      if (!o || !d || o === d || !o.parentNode)
         return;
-      const g = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", c = a.cloneNode(!0), u = c.querySelector("input#radioNo"), d = c.querySelector("p");
-      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), d && (d.innerHTML = g), n.parentNode.replaceChild(c, n), t = !0;
+      const p = (u == null ? void 0 : u.innerHTML.trim()) || "Yes", g = d.cloneNode(!0), b = g.querySelector("input#radioNo"), m = g.querySelector("p");
+      b && (b.setAttribute("id", "radioYes"), b.removeAttribute("align")), m && (m.innerHTML = p), o.parentNode.replaceChild(g, o), s++, t = !0;
+    }), console.debug("[guido:radio-migrator] healing", {
+      v2BlockCount: n.length,
+      classAddedCount: r,
+      rowHealedCount: s,
+      mutated: t
     }), t;
   }
   extractTextFromElement(e, t) {
-    var p, y;
-    const i = e.querySelector(`.${t}`);
-    if (!i)
+    var g, b;
+    const r = e.querySelector(`.${t}`);
+    if (!r)
       return {
         text: t === "ins-title" ? "Title" : "Description",
         isBold: !1,
@@ -55,32 +80,32 @@ class B {
         styles: "",
         classList: ""
       };
-    const s = i.querySelector("p");
+    const s = r.querySelector("p");
     if (!s)
       return {
-        text: ((p = i.textContent) == null ? void 0 : p.trim()) || (t === "ins-title" ? "Title" : "Description"),
+        text: ((g = r.textContent) == null ? void 0 : g.trim()) || (t === "ins-title" ? "Title" : "Description"),
         isBold: !1,
         isItalic: !1,
-        align: i.getAttribute("align") || "left",
+        align: r.getAttribute("align") || "left",
         styles: "",
         classList: ""
       };
-    const o = ((y = s.textContent) == null ? void 0 : y.trim()) || (t === "ins-title" ? "Title" : "Description"), r = s.getAttribute("style") || "", n = i.getAttribute("align") || s.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), g = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(c), d = i.getAttribute("class") || "";
+    const n = ((b = s.textContent) == null ? void 0 : b.trim()) || (t === "ins-title" ? "Title" : "Description"), i = s.getAttribute("style") || "", l = r.getAttribute("align") || s.getAttribute("align") || "left", c = /font-weight\s*:\s*bold/i.test(i) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(i) || !!s.querySelector("i, em"), o = this.removeStyleProperties(i, ["font-weight", "font-style"]), d = this.convertInlineToBlock(o), p = r.getAttribute("class") || "";
     return {
-      text: o,
-      isBold: a,
-      isItalic: g,
-      align: n,
-      styles: u,
-      classList: d
+      text: n,
+      isBold: c,
+      isItalic: u,
+      align: l,
+      styles: d,
+      classList: p
     };
   }
   buildTextBlock(e) {
     let t = e.text;
     e.isBold && e.isItalic ? t = `<strong path="1,0"><em path="1,0,0">${t}</em></strong>` : e.isBold ? t = `<strong path="1,0">${t}</strong>` : e.isItalic && (t = `<em path="1,0">${t}</em>`);
-    const i = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
+    const r = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
     return `
-            <td class="esd-block-text ${e.classList}" ${i}>
+            <td class="esd-block-text ${e.classList}" ${r}>
                 <p path="1" ${s}>
                     ${t}
                 </p>
@@ -88,9 +113,9 @@ class B {
         `;
   }
   removeStyleProperties(e, t) {
-    return e ? t.reduce((s, o) => {
-      const r = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
-      return s.replace(r, "");
+    return e ? t.reduce((s, n) => {
+      const i = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
+      return s.replace(i, "");
     }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
   convertInlineToBlock(e) {
@@ -100,8 +125,8 @@ class B {
     return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
   }
 }
-function q(l) {
-  return new B().migrate(l);
+function q(a) {
+  return new k().migrate(a);
 }
 export {
   q as migrateRadioButton

package/dist/enums/extensions/recommendationBlock.js

@@ -1,84 +1,139 @@
-const s = {
+import { useTranslations as r } from "../../composables/useTranslations.js";
+const l = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, i = {
+}, c = {
   CLIENT_ID: "clientId"
-}, u = [
-  { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
-  { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
-  { id: 13, key: "userBased", name: "User Based", path: "user-based" },
-  { id: 36, key: "highestDiscounted", name: "Highest Discounted Items", path: "highest-discounted" },
-  { id: 38, key: "manualMerchandising", name: "Manual Merchandising", path: "manual-merchandising" },
-  { id: 39, key: "newArrivals", name: "New Arrivals", path: "new-arrivals" },
-  { id: 40, key: "trendingProducts", name: "Trending Products", path: "trending" },
-  { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
-  { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
-  { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
-], l = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], c = [
+}, d = () => {
+  const e = r();
+  return [
+    {
+      id: 11,
+      key: "similarViewed",
+      name: e("action-builder.similar-viewed"),
+      path: "viewed-together"
+    },
+    {
+      id: 12,
+      key: "similarBought",
+      name: e("action-builder.similar-bought"),
+      path: "purchased-together"
+    },
+    {
+      id: 13,
+      key: "userBased",
+      name: e("action-builder.user-based"),
+      path: "user-based"
+    },
+    {
+      id: 36,
+      key: "highestDiscounted",
+      name: e("journey-builder.highest-discounted-items"),
+      path: "highest-discounted"
+    },
+    {
+      id: 38,
+      key: "manualMerchandising",
+      name: e("action-builder.manual-merchandising"),
+      path: "manual-merchandising"
+    },
+    {
+      id: 39,
+      key: "newArrivals",
+      name: e("action-builder.new-arrivals"),
+      path: "new-arrivals"
+    },
+    {
+      id: 40,
+      key: "trendingProducts",
+      name: e("journey-builder.trending-products"),
+      path: "trending"
+    },
+    {
+      id: 46,
+      key: "mostValuableOfPartner",
+      name: e("journey-builder.most-valuable-products"),
+      path: "most-valuable"
+    },
+    {
+      id: 61,
+      key: "mostPopular",
+      name: e("journey-builder.most-popular-items"),
+      path: "most-popular"
+    },
+    {
+      id: 62,
+      key: "mostPurchased",
+      name: e("action-builder.most-purchased"),
+      path: "top-sellers"
+    }
+  ];
+}, m = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], p = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], d = [
+], v = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," },
   { text: "space( )", value: " " }
-], p = [
+], h = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], e = [
+], a = "||", t = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: "||" }
-], a = [
+  { text: "any of", value: a }
+], n = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: "||" }
-], r = [
+  { text: "any of", value: a }
+], o = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
-], o = [
+], s = [
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], n = [
+], i = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], m = (t) => {
-  if (!t)
-    return e;
-  switch (t) {
+], x = (e) => {
+  if (!e)
+    return t;
+  switch (e) {
     case "Boolean":
-      return n;
+      return i;
     case "Date":
-      return o;
+      return s;
     case "Number":
-      return r;
+      return o;
     case "String":
-      return e;
+      return t;
     case "Strings":
-      return a;
+      return n;
     default:
-      return e;
+      return t;
   }
 };
 export {
-  l as PriceAttributes,
-  i as QUERY_PARAMS,
-  u as RecommendationFeedSourceMaps,
-  s as URLS,
-  p as currencyDecimalCounts,
-  c as currencyLocationMaps,
-  d as currencyOperators,
-  m as getOperatorOptions,
-  a as operatorOptionsForArrayOfStrings,
-  n as operatorOptionsForBooleans,
-  o as operatorOptionsForDates,
-  r as operatorOptionsForNumbers,
-  e as operatorOptionsForStrings
+  a as OP_ANY_OF,
+  m as PriceAttributes,
+  c as QUERY_PARAMS,
+  l as URLS,
+  h as currencyDecimalCounts,
+  p as currencyLocationMaps,
+  v as currencyOperators,
+  x as getOperatorOptions,
+  d as getRecommendationFeedSourceMaps,
+  n as operatorOptionsForArrayOfStrings,
+  i as operatorOptionsForBooleans,
+  s as operatorOptionsForDates,
+  o as operatorOptionsForNumbers,
+  t as operatorOptionsForStrings
 };

package/dist/enums/unsubscribe.js

@@ -1,32 +1,32 @@
 import { useTranslations as R } from "../composables/useTranslations.js";
-import { ProductType as s } from "../@types/config/schemas.js";
+import { ProductType as n } from "../@types/config/schemas.js";
 import "../@types/config/defaults.js";
 import { getEnvironmentPrefix as S } from "../utils/environmentUtil.js";
-const B = {
+const i = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, i = {
+}, B = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, n = S(), C = {
-  UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
-  PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
+}, s = S(), C = {
+  UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
+  PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
 }, U = {
-  [s.EMAIL]: "email",
-  [s.ARCHITECT]: "journey",
-  [s.UNSUBSCRIBE_PAGES]: "email"
-}, t = "iid", o = {
-  name: "Global Unsubscribe",
-  sendGridId: "G"
-}, c = "/email/unsubscribe-pages", E = {
+  [n.EMAIL]: "email",
+  [n.ARCHITECT]: "journey",
+  [n.UNSUBSCRIBE_PAGES]: "email"
+}, o = "iid", r = "G", c = () => ({
+  name: R()("onboarding-center.email-subscribers-global-unsub-card-title"),
+  sendGridId: r
+}), u = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, u = {
+}, b = {
   [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
 }, T = {
@@ -39,7 +39,7 @@ const B = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, b = () => {
+}, P = () => {
   const e = R();
   return {
     [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
@@ -48,22 +48,23 @@ const B = {
     [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
     [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, P = {
+}, O = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  o as DEFAULT_UNSUBSCRIBE_GROUP,
-  t as INSIDER_ID,
-  i as LINK_REGEXES,
-  B as LINK_TYPES,
-  P as MERGE_TAGS,
+  r as DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID,
+  o as INSIDER_ID,
+  B as LINK_REGEXES,
+  i as LINK_TYPES,
+  O as MERGE_TAGS,
   E as PAGE_TYPES,
   U as PRODUCT_TYPE_URL_SEGMENTS,
   T as TYPE_COLLECTIONS,
-  c as UNSUBSCRIBE_PAGES_LINK,
-  u as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  u as UNSUBSCRIBE_PAGES_LINK,
+  b as UNSUBSCRIBE_SYNC_MODULE_TYPES,
   C as URLS,
-  b as getTypeTranslations
+  c as getDefaultUnsubscribeGroup,
+  P as getTypeTranslations
 };

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

@@ -1,11 +1,11 @@
-var d = Object.defineProperty;
-var l = (r, n, e) => n in r ? d(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
-var o = (r, n, e) => l(r, typeof n != "symbol" ? n + "" : n, e);
-import { useHttp as L } from "../../../composables/useHttp.js";
-import { DEFAULT_UNSUBSCRIBE_GROUP as c } from "../../../enums/unsubscribe.js";
-import { Control as h, UIElementType as i, UEAttr as t, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const m = "ui-elements-checkbox", u = "select", { get: C } = L();
-class S extends h {
+var E = Object.defineProperty;
+var d = (i, n, e) => n in i ? E(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e;
+var o = (i, n, e) => d(i, typeof n != "symbol" ? n + "" : n, e);
+import { useHttp as l } from "../../../composables/useHttp.js";
+import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as h } from "../../../enums/unsubscribe.js";
+import { Control as p, UIElementType as r, UEAttr as t, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const b = "ui-elements-checkbox", u = "select", { get: C } = l();
+class I extends p {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class S extends h {
     o(this, "unsubList", []);
   }
   getId() {
-    return m;
+    return b;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const e = this.currentNode.getAttribute("id");
       if (e) {
-        const s = e === c.sendGridId ? e : Number(e);
+        const s = e === h ? e : Number(e);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -29,18 +29,18 @@ class S extends h {
   }
   _getLabel(e, s = `${Math.random()}`) {
     return `
-            <${i.LABEL} 
+            <${r.LABEL} 
                 ${t.LABEL.text}="${e}" 
                 ${t.LABEL.name}="${s}">
-            </${i.LABEL}>
+            </${r.LABEL}>
         `;
   }
   _getSelectItem(e, s) {
     return `
-            <${i.SELECT_ITEM} 
+            <${r.SELECT_ITEM} 
                 ${t.SELECT_ITEM.text}="${e}" 
                 ${t.SELECT_ITEM.value}="${s}">
-            </${i.SELECT_ITEM}>`;
+            </${r.SELECT_ITEM}>`;
   }
   _getSelect() {
     return this.unsubList.map((e) => this._getSelectItem(e.name, e.sendGridId)).join("");
@@ -49,22 +49,22 @@ class S extends h {
     return `
             <div class="checkbox-controls-container">
                 <div class="checkbox-select-container container two-columns stretch">
-                    <${i.LABEL}
+                    <${r.LABEL}
                         ${t.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
                         ${t.LABEL.name}="${Math.random()}">
-                    </${i.LABEL}>
+                    </${r.LABEL}>
 
-                    <${i.SELECTPICKER}
+                    <${r.SELECTPICKER}
                         ${t.SELECTPICKER.name}="${u}"
                         ${t.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
                             ${this._getSelect()}
-                    </${i.SELECTPICKER}>
+                    </${r.SELECTPICKER}>
                 </div>
             </div>
         `;
   }
   _onSelectChange(e) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new p(`Updated text to ${e}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new m(`Updated text to ${e}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (e) => this._onSelectChange(e));
@@ -76,18 +76,18 @@ class S extends h {
   async onRender() {
     const e = await C(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [c, ...e.data], E = s.map((a) => ({
+    ), s = [L(), ...e.data], c = s.map((a) => ({
       [t.SELECT_ITEM.text]: a.name,
       [t.SELECT_ITEM.value]: a.sendGridId
     }));
     this.unsubList = s, this.api.setUIEAttribute(
       u,
       t.SELECTPICKER.items,
-      E
+      c
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  m as CHECKBOX_CONTROL_BLOCK_ID,
-  S as CheckboxControl
+  b as CHECKBOX_CONTROL_BLOCK_ID,
+  I as CheckboxControl
 };

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

@@ -1,11 +1,11 @@
-var d = Object.defineProperty;
-var l = (r, n, t) => n in r ? d(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var o = (r, n, t) => l(r, typeof n != "symbol" ? n + "" : n, t);
-import { useHttp as L } from "../../../composables/useHttp.js";
-import { DEFAULT_UNSUBSCRIBE_GROUP as c } from "../../../enums/unsubscribe.js";
-import { Control as p, UIElementType as i, UEAttr as e, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const m = "ui-elements-radio-button", u = "select", { get: $ } = L();
-class S extends p {
+var E = Object.defineProperty;
+var d = (r, n, t) => n in r ? E(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var o = (r, n, t) => d(r, typeof n != "symbol" ? n + "" : n, t);
+import { useHttp as l } from "../../../composables/useHttp.js";
+import { getDefaultUnsubscribeGroup as L, DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID as p } from "../../../enums/unsubscribe.js";
+import { Control as h, UIElementType as i, UEAttr as e, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const b = "ui-elements-radio-button", u = "select", { get: $ } = l();
+class I extends h {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class S extends p {
     o(this, "unsubList", []);
   }
   getId() {
-    return m;
+    return b;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const t = this.currentNode.getAttribute("id");
       if (t) {
-        const s = t === c.sendGridId ? t : Number(t);
+        const s = t === p ? t : Number(t);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -64,7 +64,7 @@ class S extends p {
         `;
   }
   _onSelectChange(t) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new h(`Updated text to ${t}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new m(`Updated text to ${t}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (t) => this._onSelectChange(t));
@@ -76,18 +76,18 @@ class S extends p {
   async onRender() {
     const t = await $(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [c, ...t.data], E = s.map((a) => ({
+    ), s = [L(), ...t.data], c = s.map((a) => ({
       [e.SELECT_ITEM.text]: a.name,
       [e.SELECT_ITEM.value]: a.sendGridId
     }));
     this.unsubList = s, this.api.setUIEAttribute(
       u,
       e.SELECTPICKER.items,
-      E
+      c
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  m as CONTROL_BLOCK_ID,
-  S as RadioButtonControl
+  b as CONTROL_BLOCK_ID,
+  I as RadioButtonControl
 };