@useinsider/guido 3.2.0-beta.565bfaf → 3.2.0-beta.f0d4ffd

package/dist/composables/useRecommendation.js

@@ -1,4 +1,4 @@
-import { getRecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
+import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
 import { useRecommendationExtensionStore as u } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
@@ -47,7 +47,7 @@ const N = () => ({
     const n = u(), o = I(), a = Number(i), r = n.blockStates[a];
     if (!r)
       return "";
-    const { recommendationConfigs: e } = r, l = ((m = g().find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    const { recommendationConfigs: e } = r, l = ((m = g.find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
     t.set("locale", e.language), t.set("currency", e.currencySettings.value), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const f = e.filters.filter((s) => s.isValid), c = x(f);
     c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");

package/dist/composables/useStripo.js

@@ -5,7 +5,7 @@ import { useCustomInterfaceAppearance as P } from "./useCustomInterfaceAppearanc
 import { useStripoEventHandler as U } from "./useStripoEventHandler.js";
 import { useToaster as R } from "./useToaster.js";
 import { localePatch as q } from "../config/i18n/index.js";
-import { getDisplayConditions as x } from "../enums/displayConditions.js";
+import { displayConditions as x } from "../enums/displayConditions.js";
 import { useStripoApi as H } from "../services/stripoApi.js";
 import O from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as C } from "../stores/editor.js";
@@ -13,8 +13,8 @@ import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
 import $ from "../package.json.js";
 const ie = (E, c) => {
   const { features: l, template: h, isFeatureEnabled: u } = I(), { handleError: m } = R(), { getToken: b, getCustomFonts: w, getSyncModulesStatus: k } = H(), { handleEvent: T } = U(), { getStripoBlocksConfig: V } = D(), _ = async (i, n = [], r = !1) => {
-    var f, y, S;
-    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await V(), g = ((f = l.value) == null ? void 0 : f.displayConditions) ?? !0, v = ((y = l.value) == null ? void 0 : y.modulesDisabled) ?? !1, M = ((S = h.value) == null ? void 0 : S.forceRecreate) ?? !1;
+    var g, y, S;
+    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await V(), f = ((g = l.value) == null ? void 0 : g.displayConditions) ?? !0, v = ((y = l.value) == null ? void 0 : y.modulesDisabled) ?? !1, M = ((S = h.value) == null ? void 0 : S.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -32,9 +32,9 @@ const ie = (E, c) => {
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
         customViewStyles: O,
-        conditionsEnabled: g,
-        customConditionsEnabled: g,
-        conditionCategories: x(),
+        conditionsEnabled: f,
+        customConditionsEnabled: f,
+        conditionCategories: x,
         enableXSSSecurity: !0,
         modulesDisabled: v,
         syncModulesEnabled: r,

package/dist/enums/displayConditions.js

@@ -1,84 +1,80 @@
-import { useTranslations as i } from "../composables/useTranslations.js";
-const t = () => {
-  const e = i();
-  return [
-    {
-      category: e("journey-builder.demographics"),
-      conditions: [
-        {
-          id: 1,
-          name: e("condition.language"),
-          description: e("journey-builder.display-condition-language-description"),
-          beforeScript: '{% if language == "en_US" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 2,
-          name: e("condition.country"),
-          description: e("journey-builder.display-condition-country-description"),
-          beforeScript: '{% if country == "Australia" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 3,
-          name: e("stripo-editor.country-and-city"),
-          description: e("journey-builder.display-condition-country-city-description"),
-          beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 4,
-          name: e("stripo-editor.age-less-than-operator"),
-          description: e("journey-builder.display-condition-age-less-than"),
-          beforeScript: "{% if age < 18 %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 5,
-          name: e("stripo-editor.age-equal-greater-operator"),
-          description: e("journey-builder.display-condition-age-equal-greater"),
-          beforeScript: "{% if age >= 25 %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 6,
-          name: e("stripo-editor.age-greater-less-operators"),
-          description: e("journey-builder.display-condition-age-between"),
-          beforeScript: "{% if age > 18 and age < 25 %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 7,
-          name: e("condition.gender"),
-          description: e("journey-builder.display-condition-gender-female"),
-          beforeScript: '{% if gender == "Female" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 8,
-          name: e("journey-builder.state"),
-          description: e("stripo-editor.state-description"),
-          beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 9,
-          name: e("journey-builder.vip-user"),
-          description: e("stripo-editor.vip-user-description"),
-          beforeScript: "{% if c_is_vip_user %}",
-          afterScript: "{% endif %}"
-        },
-        {
-          id: 10,
-          name: e("journey-builder.membership-type"),
-          description: e("stripo-editor.membership-type-description"),
-          beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
-          afterScript: "{% endif %}"
-        }
-      ]
-    }
-  ];
-};
+const e = [
+  {
+    category: "Demographics",
+    conditions: [
+      {
+        id: 1,
+        name: "Language",
+        description: "Users who are in the English will see the banner",
+        beforeScript: '{% if language == "en_US" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 2,
+        name: "Country",
+        description: "Only people who live in Australia will see the banner",
+        beforeScript: '{% if country == "Australia" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 3,
+        name: "Country & City",
+        description: "Only people who are located in that country and city",
+        beforeScript: '{% if country == "United Kingdom" and city == "London" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 4,
+        name: "Age (Less than operator)",
+        description: "Users whose age is less than 18",
+        beforeScript: "{% if age < 18 %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 5,
+        name: "Age (Equal and greater than operator)",
+        description: "Users whose age is equal or greater than 25",
+        beforeScript: "{% if age >= 25 %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 6,
+        name: "Age (Greater than & less than operators)",
+        description: "Users whose age is between 18 and 25",
+        beforeScript: "{% if age > 18 and age < 25 %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 7,
+        name: "Gender",
+        description: "Users whose gender is Female",
+        beforeScript: '{% if gender == "Female" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 8,
+        name: "State",
+        description: "Users whose state is one of the followings. c_state is a custom attribute. Use this condition if you have the attribute with the same naming. ",
+        beforeScript: '{% if c_state == "VIC" or c_state == "NSW" or c_state == "QLD" %}',
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 9,
+        name: "VIP User",
+        description: "Users who are VIP users for that brand. c_is_vip_user = true. c_is_vip_user is a custom attribute. Use this condition if you have the attribute with the same naming.",
+        beforeScript: "{% if c_is_vip_user %}",
+        afterScript: "{% endif %}"
+      },
+      {
+        id: 10,
+        name: "Membership Type",
+        description: "Users who belong to gold or silver membership type. c_is_gold_member = true, c_is_silver_member = true. These are custom attributes. Use this condition if you have the attribute with the same naming.",
+        beforeScript: "{% if c_is_gold_member or c_is_silver_member %}",
+        afterScript: "{% endif %}"
+      }
+    ]
+  }
+];
 export {
-  t as getDisplayConditions
+  e as displayConditions
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,97 +1,43 @@
-import { useTranslations as a } from "../../composables/useTranslations.js";
-const u = {
+const s = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, l = {
+}, i = {
   CLIENT_ID: "clientId"
-}, c = () => {
-  const e = a();
-  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"
-    }
-  ];
-}, d = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], m = [
+}, 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 = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], p = [
+], d = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," }
-], v = [
+], p = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], t = [
+], e = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], r = [
+], a = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], n = [
+], r = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
@@ -99,39 +45,39 @@ const u = {
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], s = [
+], n = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], h = (e) => {
-  if (!e)
-    return t;
-  switch (e) {
+], m = (t) => {
+  if (!t)
+    return e;
+  switch (t) {
     case "Boolean":
-      return s;
+      return n;
     case "Date":
       return o;
     case "Number":
-      return n;
+      return r;
     case "String":
-      return t;
+      return e;
     case "Strings":
-      return r;
+      return a;
     default:
-      return t;
+      return e;
   }
 };
 export {
-  d as PriceAttributes,
-  l as QUERY_PARAMS,
-  u as URLS,
-  v as currencyDecimalCounts,
-  m as currencyLocationMaps,
-  p as currencyOperators,
-  h as getOperatorOptions,
-  c as getRecommendationFeedSourceMaps,
-  r as operatorOptionsForArrayOfStrings,
-  s as operatorOptionsForBooleans,
+  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,
-  n as operatorOptionsForNumbers,
-  t as operatorOptionsForStrings
+  r as operatorOptionsForNumbers,
+  e as operatorOptionsForStrings
 };

package/dist/enums/unsubscribe.js

@@ -8,22 +8,22 @@ const _ = {
   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 = R(), t = {
+}, n = R(), r = {
   UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
   PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
-}, i = "iid", S = "G", B = () => ({
-  name: e()("onboarding-center.email-subscribers-global-unsub-card-title"),
-  sendGridId: S
-}), C = "/email/unsubscribe-pages", E = {
+}, B = "iid", i = {
+  name: "Global Unsubscribe",
+  sendGridId: "G"
+}, C = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, c = {
+}, U = {
   [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
-}, U = {
+}, t = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -33,7 +33,7 @@ const _ = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, o = () => {
+}, c = () => {
   const s = e();
   return {
     [E.GLOBAL_UNSUBSCRIBE]: s("unsubscription-preference.type-global-unsubscribe"),
@@ -42,22 +42,21 @@ const _ = {
     [E.SUBSCRIPTION_PREFERENCE_CENTER]: s("unsubscription-preference.type-subscription-preferences-center"),
     [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: s("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, u = {
+}, o = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  S as DEFAULT_UNSUBSCRIBE_GROUP_SEND_GRID_ID,
-  i as INSIDER_ID,
+  i as DEFAULT_UNSUBSCRIBE_GROUP,
+  B as INSIDER_ID,
   I as LINK_REGEXES,
   _ as LINK_TYPES,
-  u as MERGE_TAGS,
+  o as MERGE_TAGS,
   E as PAGE_TYPES,
-  U as TYPE_COLLECTIONS,
+  t as TYPE_COLLECTIONS,
   C as UNSUBSCRIBE_PAGES_LINK,
-  c as UNSUBSCRIBE_SYNC_MODULE_TYPES,
-  t as URLS,
-  B as getDefaultUnsubscribeGroup,
-  o as getTypeTranslations
+  U as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  r as URLS,
+  c as getTypeTranslations
 };

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

@@ -1,11 +1,11 @@
-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 {
+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 {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class I extends p {
     o(this, "unsubList", []);
   }
   getId() {
-    return b;
+    return m;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const e = this.currentNode.getAttribute("id");
       if (e) {
-        const s = e === h ? e : Number(e);
+        const s = e === c.sendGridId ? e : Number(e);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -29,18 +29,18 @@ class I extends p {
   }
   _getLabel(e, s = `${Math.random()}`) {
     return `
-            <${r.LABEL} 
+            <${i.LABEL} 
                 ${t.LABEL.text}="${e}" 
                 ${t.LABEL.name}="${s}">
-            </${r.LABEL}>
+            </${i.LABEL}>
         `;
   }
   _getSelectItem(e, s) {
     return `
-            <${r.SELECT_ITEM} 
+            <${i.SELECT_ITEM} 
                 ${t.SELECT_ITEM.text}="${e}" 
                 ${t.SELECT_ITEM.value}="${s}">
-            </${r.SELECT_ITEM}>`;
+            </${i.SELECT_ITEM}>`;
   }
   _getSelect() {
     return this.unsubList.map((e) => this._getSelectItem(e.name, e.sendGridId)).join("");
@@ -49,22 +49,22 @@ class I extends p {
     return `
             <div class="checkbox-controls-container">
                 <div class="checkbox-select-container container two-columns stretch">
-                    <${r.LABEL}
+                    <${i.LABEL}
                         ${t.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
                         ${t.LABEL.name}="${Math.random()}">
-                    </${r.LABEL}>
+                    </${i.LABEL}>
 
-                    <${r.SELECTPICKER}
+                    <${i.SELECTPICKER}
                         ${t.SELECTPICKER.name}="${u}"
                         ${t.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
                             ${this._getSelect()}
-                    </${r.SELECTPICKER}>
+                    </${i.SELECTPICKER}>
                 </div>
             </div>
         `;
   }
   _onSelectChange(e) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new m(`Updated text to ${e}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new p(`Updated text to ${e}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (e) => this._onSelectChange(e));
@@ -76,18 +76,18 @@ class I extends p {
   async onRender() {
     const e = await C(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [L(), ...e.data], c = s.map((a) => ({
+    ), s = [c, ...e.data], E = 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,
-      c
+      E
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  b as CHECKBOX_CONTROL_BLOCK_ID,
-  I as CheckboxControl
+  m as CHECKBOX_CONTROL_BLOCK_ID,
+  S as CheckboxControl
 };

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

@@ -1,11 +1,11 @@
-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 {
+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 {
   constructor() {
     super(...arguments);
     o(this, "currentNode");
@@ -13,13 +13,13 @@ class I extends h {
     o(this, "unsubList", []);
   }
   getId() {
-    return b;
+    return m;
   }
   _setFormValues() {
     if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const t = this.currentNode.getAttribute("id");
       if (t) {
-        const s = t === p ? t : Number(t);
+        const s = t === c.sendGridId ? t : Number(t);
         s && (this.selectedUnsubGroup = s);
       }
     }
@@ -64,7 +64,7 @@ class I extends h {
         `;
   }
   _onSelectChange(t) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new m(`Updated text to ${t}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new h(`Updated text to ${t}`));
   }
   _listenToFormUpdates() {
     this.api.onValueChanged(u, (t) => this._onSelectChange(t));
@@ -76,18 +76,18 @@ class I extends h {
   async onRender() {
     const t = await $(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [L(), ...t.data], c = s.map((a) => ({
+    ), s = [c, ...t.data], E = 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,
-      c
+      E
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  b as CONTROL_BLOCK_ID,
-  I as RadioButtonControl
+  m as CONTROL_BLOCK_ID,
+  S as RadioButtonControl
 };