@useinsider/guido 1.0.3-beta.3757462 → 1.0.3-beta.38aa20d

package/dist/composables/useStripo.js

@@ -4,16 +4,15 @@ import { useStripoEventHandler as E } from "./useStripoEventHandler.js";
 import { useToaster as C } from "./useToaster.js";
 import { displayConditions as y } from "../enums/displayConditions.js";
 import h from "../extensions/Blocks/Checkbox/extension.js";
-import w from "../extensions/Blocks/CouponBlock/extension.js";
-import b from "../extensions/Blocks/RadioButton/extension.js";
-import k from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as B } from "../services/stripoApi.js";
-import V from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as _ } from "../stores/editor.js";
-import { dynamicContentToMergeTags as F } from "../utils/genericUtil.js";
-const j = (s) => {
-  const { handleError: d } = C(), { getToken: c, getCustomFonts: u } = B(), { handleEvent: l } = E(), m = (r, i = []) => {
-    const t = _(), { html: e, css: a, forceRecreate: g } = r;
+import w from "../extensions/Blocks/RadioButton/extension.js";
+import b from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as k } from "../services/stripoApi.js";
+import B from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as V } from "../stores/editor.js";
+import { dynamicContentToMergeTags as _ } from "../utils/genericUtil.js";
+const q = (s) => {
+  const { handleError: d } = C(), { getToken: c, getCustomFonts: u } = k(), { handleEvent: l } = E(), m = (r, i = []) => {
+    const o = V(), { html: e, css: a, forceRecreate: g } = r;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -30,7 +29,7 @@ const j = (s) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: V,
+        customViewStyles: B,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
         conditionCategories: y,
@@ -44,50 +43,49 @@ const j = (s) => {
         },
         mergeTags: [
           {
-            entries: F(s.preselectedDynamicContentList)
+            entries: _(s.preselectedDynamicContentList)
           }
         ],
-        async onTokenRefreshRequest(o) {
+        async onTokenRefreshRequest(t) {
           try {
             const n = await c();
-            o(n);
+            t(n);
           } catch (n) {
             d(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = S(), { activateCustomViewStyles: n } = f();
-            o(), n(), s.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
-              t.hasChanges = !1;
+            const { importCss: t } = S(), { activateCustomViewStyles: n } = f();
+            t(), n(), s.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
+              o.hasChanges = !1;
             }, 1e3);
-          } catch (o) {
-            d(o, "Failed to load custom interface appearance");
+          } catch (t) {
+            d(t, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(o) {
-          t.isCodeEditorOpen = o;
+        onCodeEditorVisibilityChanged(t) {
+          o.isCodeEditorOpen = t;
         },
-        onEditorVisualModeChanged(o) {
-          t.editorVisualMode = o.toLowerCase();
+        onEditorVisualModeChanged(t) {
+          o.editorVisualMode = t.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(o) {
-          t.isVersionHistoryOpen = o;
+        onVersionHistoryVisibilityChanged(t) {
+          o.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          t.hasChanges = !0;
+          o.hasChanges = !0;
         },
         onEvent: l,
         ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal", ".in-on-board-wrapper"],
         extensions: [
-          k,
-          h,
           b,
+          h,
           w
         ]
       }
     );
-  }, p = (r) => new Promise((i, t) => {
+  }, p = (r) => new Promise((i, o) => {
     if (document.getElementById("UiEditorScript")) {
       r(), i();
       return;
@@ -97,7 +95,7 @@ const j = (s) => {
       r(), i();
     }, e.onerror = () => {
       const a = new Error("Failed to load Stripo UIEditor script");
-      t(a);
+      o(a);
     }, document.body.appendChild(e);
   });
   return { initPlugin: async (r) => {
@@ -108,5 +106,5 @@ const j = (s) => {
   } };
 };
 export {
-  j as useStripo
+  q as useStripo
 };

package/dist/config/migrator/index.js

@@ -1,10 +1,9 @@
-import { migrateCheckbox as r } from "./checkboxMigrator.js";
-import { migrateCouponBlock as m } from "./couponBlockMigrator.js";
+import { migrateCheckbox as o } from "./checkboxMigrator.js";
 import { migrateRadioButton as e } from "./radioButtonMigrator.js";
-const p = (o) => {
-  let t = o;
-  return t = r(t), t = e(t), t = m(t), t;
+const a = (r) => {
+  let t = r;
+  return t = o(r), t = e(r), t;
 };
 export {
-  p as migrate
+  a as migrate
 };

package/dist/extensions/Blocks/Checkbox/block.d.ts

@@ -1,7 +1,6 @@
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const CHECKBOX_BLOCK_ID = "checkbox-block";
 export declare class CheckboxBlock extends Block {
-    constructor();
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;

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

@@ -1,30 +1,39 @@
-import { Block as e, BlockCompositionType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as o } from "./template.js";
-const r = "checkbox-block";
-class p extends e {
-  constructor() {
-    super();
-  }
+import { Block as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import { BlockCompositionType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { getDefaultTemplate as r } from "./template.js";
+const e = "checkbox-block";
+class x extends t {
   getId() {
-    return r;
+    return e;
   }
   getIcon() {
-    return "checkbox-icon";
+    return "check-circle";
   }
   getBlockCompositionType() {
-    return t.CONTAINER;
+    return o.BLOCK;
   }
   getName() {
-    return this.api.translate("Checkbox Block");
+    return this.api.translate("Checkbox block");
   }
   getDescription() {
-    return this.api.translate("Checkbox Block Description");
+    return this.api.translate("Checkbox block description");
   }
   getTemplate() {
-    return o();
+    return r();
   }
 }
 export {
-  r as CHECKBOX_BLOCK_ID,
-  p as CheckboxBlock
+  e as CHECKBOX_BLOCK_ID,
+  x as CheckboxBlock
 };

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

@@ -1,26 +1,37 @@
-var c = Object.defineProperty;
-var E = (n, s, t) => s in n ? c(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t;
-var u = (n, s, t) => E(n, typeof s != "symbol" ? s + "" : s, t);
-import { useHttp as d } from "../../../composables/useHttp.js";
-import { Control as l, UIElementType as r, UEAttr as e, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const h = "ui-elements-checkbox", o = "select", { get: L } = d();
-class $ extends l {
+var E = Object.defineProperty;
+var c = (o, s, t) => s in o ? E(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
+var a = (o, s, t) => c(o, typeof s != "symbol" ? s + "" : s, t);
+import { useHttp as p } from "../../../composables/useHttp.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import { UEAttr as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js";
+import { UIElementType as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { Control as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js";
+import { ModificationDescription as l } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js";
+const d = "ui-elements-checkbox", n = "select", { get: L } = p();
+class K extends m {
   constructor() {
     super(...arguments);
-    u(this, "currentNode");
-    u(this, "selectedUnsubGroup");
-    u(this, "unsubList", []);
+    a(this, "currentNode");
+    a(this, "selectedUnsubGroup");
+    a(this, "unsubList", []);
   }
   getId() {
-    return h;
+    return d;
   }
   _setFormValues() {
-    if (this.currentNode && "getAttribute" in this.currentNode) {
-      const t = Number(this.currentNode.getAttribute("id"));
-      t && (this.selectedUnsubGroup = t, this.api.updateValues({
-        [o]: this.selectedUnsubGroup
-      }));
-    }
+    this.api.updateValues({
+      [n]: ""
+    });
   }
   _getLabel(t, i = `${Math.random()}`) {
     return `
@@ -50,7 +61,7 @@ class $ extends l {
                     </${r.LABEL}>
 
                     <${r.SELECTPICKER}
-                        ${e.SELECTPICKER.name}="${o}"
+                        ${e.SELECTPICKER.name}="${n}"
                         ${e.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
                             ${this._getSelect()}
                     </${r.SELECTPICKER}>
@@ -59,16 +70,16 @@ class $ extends l {
         `;
   }
   _onSelectChange(t) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new p(`Updated text to ${t}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new l(`Updated text to ${t}`));
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(o, (t) => this._onSelectChange(t));
+    this.api.onValueChanged(n, (t) => this._onSelectChange(t));
   }
   onTemplateNodeUpdated(t) {
     if (this.currentNode = t, "getAttribute" in t) {
       const i = Number(t.getAttribute("id"));
       i && (this.selectedUnsubGroup = i, this.api.updateValues({
-        [o]: this.selectedUnsubGroup
+        [n]: this.selectedUnsubGroup
       }));
     }
   }
@@ -76,18 +87,18 @@ class $ extends l {
   async onRender() {
     const t = await L(
       "/unsubscribe-groups/unsubscribe-list"
-    ), i = t.data.map((a) => ({
-      [e.SELECT_ITEM.text]: a.name,
-      [e.SELECT_ITEM.value]: a.sendGridId
+    ), i = t.data.map((u) => ({
+      [e.SELECT_ITEM.text]: u.name,
+      [e.SELECT_ITEM.value]: u.sendGridId
     }));
     this.unsubList = t.data, this.api.setUIEAttribute(
-      o,
+      n,
       e.SELECTPICKER.items,
       i
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  h as CHECKBOX_CONTROL_BLOCK_ID,
-  $ as CheckboxControl
+  d as CHECKBOX_CONTROL_BLOCK_ID,
+  K as CheckboxControl
 };

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

@@ -1,9 +1,20 @@
-import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/ExtensionBuilder.js";
 import { CheckboxBlock as t } from "./block.js";
-import { CheckboxControl as e } from "./control.js";
-import { CheckboxIconsRegistry as r } from "./iconsRegistry.js";
+import { CheckboxControl as r } from "./control.js";
 import { CheckboxBlockSettings as i } from "./settingsPanel.js";
-const k = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
+const g = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(r).build();
 export {
-  k as default
+  g as default
 };

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

@@ -1,25 +1,38 @@
-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] = [
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import { ContainerControls as i, TextControls as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import { SettingsTab as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { SettingsPanelRegistry as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelRegistry.js";
+import { SettingsPanelTab as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/SettingsPanelTab.js";
+import { CHECKBOX_BLOCK_ID as p } from "./block.js";
+import { CHECKBOX_CONTROL_BLOCK_ID as C } from "./control.js";
+class x extends e {
+  registerBlockControls(r) {
+    r[p] = [
       new t(
-        e.SETTINGS,
+        o.SETTINGS,
         [
-          T,
-          n.EXTERNAL_INDENTS
+          C,
+          i.EXTERNAL_INDENTS
         ]
       ),
       new t(
-        e.STYLES,
+        o.STYLES,
         [
-          r.TEXT_BLOCK_BACKGROUND_COLOR
+          m.TEXT_BLOCK_BACKGROUND_COLOR
         ]
       )
     ];
   }
 }
 export {
-  l as CheckboxBlockSettings
+  x as CheckboxBlockSettings
 };

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

@@ -1,4 +1,15 @@
-import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import { BlockType as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
 const e = {
   TITLE: "Unsubscribe From All Email Lists",
   DESCRIPTION: "You will still receive important transactional and billing-related emails."
@@ -26,7 +37,7 @@ const e = {
             </tbody>
         </table>
     </td>
-`, i = `
+`, m = `
     <td 
         align="left" 
         esd-extension-block-id="checkbox-block" 
@@ -55,10 +66,10 @@ const e = {
         </table>
     </td>
 `;
-function c() {
+function h() {
   return l.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`);
 }
 export {
-  i as default,
-  c as getDefaultTemplate
+  m as default,
+  h as getDefaultTemplate
 };

package/dist/extensions/Blocks/RadioButton/block.d.ts

@@ -1,7 +1,6 @@
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID = "radio-button-block";
 export declare class RadioButtonCustomBlock extends Block {
-    constructor();
     getId(): string;
     getIcon(): string;
     getBlockCompositionType(): BlockCompositionType;

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

@@ -1,18 +1,27 @@
-import { Block as t, BlockCompositionType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as e } from "./template.js";
-const r = "radio-button-block";
-class c extends t {
-  constructor() {
-    super();
-  }
+import { Block as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/blocks/Block.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import { BlockCompositionType as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { getDefaultTemplate as r } from "./template.js";
+const i = "radio-button-block";
+class D extends t {
   getId() {
-    return r;
+    return i;
   }
   getIcon() {
-    return "radio-button-icon";
+    return "circle";
   }
   getBlockCompositionType() {
-    return o.CONTAINER;
+    return o.BLOCK;
   }
   getName() {
     return this.api.translate("Radio Button Block");
@@ -21,10 +30,10 @@ class c extends t {
     return this.api.translate("Radio Button Block Description");
   }
   getTemplate() {
-    return e();
+    return r();
   }
 }
 export {
-  r as BLOCK_ID,
-  c as RadioButtonCustomBlock
+  i as BLOCK_ID,
+  D as RadioButtonCustomBlock
 };

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

@@ -1,41 +1,52 @@
-var c = Object.defineProperty;
-var E = (r, s, t) => s in r ? c(r, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[s] = t;
-var u = (r, s, t) => E(r, typeof s != "symbol" ? s + "" : s, t);
-import { useHttp as d } from "../../../composables/useHttp.js";
-import { Control as l, UIElementType as n, UEAttr as e, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const L = "ui-elements-radio-button", o = "select", { get: h } = d();
-class T extends l {
+var E = Object.defineProperty;
+var p = (o, i, t) => i in o ? E(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var a = (o, i, t) => p(o, typeof i != "symbol" ? i + "" : i, t);
+import { useHttp as m } from "../../../composables/useHttp.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/AiAssistantValueType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockCompositionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockName.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BlockType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/BuiltInControlTypes.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/ContextActionType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/EditorStatePropertyType.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PanelPosition.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/Popover.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/PreviewDeviceMode.js";
+import "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/SettingsTab.js";
+import { UEAttr as e } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementsAttributes.js";
+import { UIElementType as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/constants/UIElementType.js";
+import { Control as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/controls/Control.js";
+import { ModificationDescription as d } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js";
+const l = "ui-elements-radio-button", n = "select", { get: L } = m();
+class R extends c {
   constructor() {
     super(...arguments);
-    u(this, "currentNode");
-    u(this, "selectedUnsubGroup");
-    u(this, "unsubList", []);
+    a(this, "currentNode");
+    a(this, "selectedUnsubGroup");
+    a(this, "unsubList", []);
   }
   getId() {
-    return L;
+    return l;
   }
   _setFormValues() {
-    if (this.currentNode && "getAttribute" in this.currentNode) {
-      const t = Number(this.currentNode.getAttribute("id"));
-      t && (this.selectedUnsubGroup = t, this.api.updateValues({
-        [o]: this.selectedUnsubGroup
-      }));
-    }
+    this.api.updateValues({
+      [n]: ""
+    });
   }
-  _getLabel(t, i = `${Math.random()}`) {
+  _getLabel(t, s = `${Math.random()}`) {
     return `
-            <${n.LABEL} 
+            <${r.LABEL} 
                 ${e.LABEL.text}="${t}" 
-                ${e.LABEL.name}="${i}">
-            </${n.LABEL}>
+                ${e.LABEL.name}="${s}">
+            </${r.LABEL}>
         `;
   }
-  _getSelectItem(t, i) {
+  _getSelectItem(t, s) {
     return `
-            <${n.SELECT_ITEM} 
+            <${r.SELECT_ITEM} 
                 ${e.SELECT_ITEM.text}="${t}" 
-                ${e.SELECT_ITEM.value}="${i}">
-            </${n.SELECT_ITEM}>`;
+                ${e.SELECT_ITEM.value}="${s}">
+            </${r.SELECT_ITEM}>`;
   }
   _getSelect() {
     return this.unsubList.map((t) => this._getSelectItem(t.name, t.sendGridId)).join("");
@@ -44,50 +55,50 @@ class T extends l {
     return `
             <div class="checkbox-controls-container">
                 <div class="checkbox-select-container container two-columns stretch">
-                    <${n.LABEL}
+                    <${r.LABEL}
                         ${e.LABEL.text}="${this.api.translate("Unsubscribe Group")}"
                         ${e.LABEL.name}="${Math.random()}">
-                    </${n.LABEL}>
+                    </${r.LABEL}>
 
-                    <${n.SELECTPICKER}
-                        ${e.SELECTPICKER.name}="${o}"
+                    <${r.SELECTPICKER}
+                        ${e.SELECTPICKER.name}="${n}"
                         ${e.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
                             ${this._getSelect()}
-                    </${n.SELECTPICKER}>
+                    </${r.SELECTPICKER}>
                 </div>
             </div>
         `;
   }
   _onSelectChange(t) {
-    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new p(`Updated text to ${t}`));
+    this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", t.toString()).apply(new d(`Updated text to ${t}`));
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(o, (t) => this._onSelectChange(t));
+    this.api.onValueChanged(n, (t) => this._onSelectChange(t));
   }
   onTemplateNodeUpdated(t) {
     if (this.currentNode = t, "getAttribute" in t) {
-      const i = Number(t.getAttribute("id"));
-      i && (this.selectedUnsubGroup = i, this.api.updateValues({
-        [o]: this.selectedUnsubGroup
+      const s = Number(t.getAttribute("id"));
+      s && (this.selectedUnsubGroup = s, this.api.updateValues({
+        [n]: this.selectedUnsubGroup
       }));
     }
   }
   // eslint-disable-next-line @typescript-eslint/no-misused-promises
   async onRender() {
-    const t = await h(
+    const t = await L(
       "/unsubscribe-groups/unsubscribe-list"
-    ), i = t.data.map((a) => ({
-      [e.SELECT_ITEM.text]: a.name,
-      [e.SELECT_ITEM.value]: a.sendGridId
+    ), s = t.data.map((u) => ({
+      [e.SELECT_ITEM.text]: u.name,
+      [e.SELECT_ITEM.value]: u.sendGridId
     }));
     this.unsubList = t.data, this.api.setUIEAttribute(
-      o,
+      n,
       e.SELECTPICKER.items,
-      i
+      s
     ), this._setFormValues(), this._listenToFormUpdates();
   }
 }
 export {
-  L as CONTROL_BLOCK_ID,
-  T as RadioButtonControl
+  l as CONTROL_BLOCK_ID,
+  R as RadioButtonControl
 };