@useinsider/guido 1.0.3-beta.1cd6abc → 1.0.3-beta.1d07a49

package/dist/config/migrator/recommendationMigrator.js

@@ -0,0 +1,293 @@
+var h = Object.defineProperty;
+var T = (A, e, t) => e in A ? h(A, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : A[e] = t;
+var m = (A, e, t) => T(A, typeof e != "symbol" ? e + "" : e, t);
+import P, { prepareProductRows as S } from "../../extensions/Blocks/Recommendation/templates/migrationTemplate.js";
+import { getDefaultProducts as q } from "../../extensions/Blocks/Recommendation/templates/templateUtils.js";
+class w {
+  constructor() {
+    m(this, "parser");
+    this.parser = new DOMParser();
+  }
+  migrate(e) {
+    try {
+      const t = this.parser.parseFromString(e, "text/html"), s = t.querySelectorAll(
+        'td.ins-recommendation-v3-block-1, td.product-block[esd-handler-name*="EmailRecommendationV3"]'
+      );
+      return s.length === 0 ? e : (s.forEach((o) => {
+        const l = o.getAttribute("id"), r = this.extractBgColor(o), i = this.extractTitle(o), u = this.extractProductRows(o), c = P.replace("{-{-TITLE-}-}", i).replace("{-{-PRODUCT_ROWS-}-}", u), a = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
+          "text/html"
+        ).querySelector(".ins-recommendation-v3-block-v2");
+        a && o.parentNode && (l && a.setAttribute("id", l), r && a.setAttribute("bgcolor", r), o.parentNode.replaceChild(a, o));
+      }), t.documentElement.outerHTML);
+    } catch (t) {
+      return console.error("RecommendationMigrator failed:", t), e;
+    }
+  }
+  /**
+   * Extracts background color from old block
+   * @param block - The old recommendation block element
+   * @returns The background color value or empty string
+   */
+  extractBgColor(e) {
+    const t = e.getAttribute("bgcolor");
+    if (t)
+      return t.trim();
+    const s = e.getAttribute("style");
+    if (s) {
+      const o = s.match(/background-color\s*:\s*([^;]+)/i);
+      if (o && o[1])
+        return o[1].trim();
+    }
+    return "";
+  }
+  /**
+   * Extracts background color from product card wrapper element
+   * @param cardElement - The product card TD element
+   * @returns The background color value or empty string
+   */
+  extractCardBgColor(e) {
+    const t = e.getAttribute("bgcolor");
+    if (t)
+      return t.trim();
+    const s = e.getAttribute("style");
+    if (s) {
+      const o = s.match(/background-color\s*:\s*([^;]+)/i);
+      if (o && o[1])
+        return o[1].trim();
+    }
+    return "";
+  }
+  /**
+   * Extracts title from old block and converts to new structure
+   * @param block - The old recommendation block element
+   * @returns HTML string for the title block
+   */
+  extractTitle(e) {
+    var a, g;
+    const t = e.querySelector(".ext-recommendation-title");
+    if (!t)
+      return this.buildTitleBlock({
+        text: "You May Also Like!",
+        isBold: !0,
+        isItalic: !1,
+        align: "center",
+        styles: "font-size: 28px; color: #333333;"
+      });
+    const s = t.querySelector("p");
+    if (!s) {
+      const p = ((a = t.textContent) == null ? void 0 : a.trim()) || "You May Also Like!", b = t.getAttribute("align") || "center";
+      return this.buildTitleBlock({
+        text: p,
+        isBold: !0,
+        isItalic: !1,
+        align: b,
+        styles: "font-size: 28px; color: #333333;"
+      });
+    }
+    const o = ((g = s.textContent) == null ? void 0 : g.trim()) || "You May Also Like!", l = t.getAttribute("align") || s.getAttribute("align") || "center", r = s.getAttribute("style") || "", i = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), n = this.convertInlineToBlock(c);
+    return this.buildTitleBlock({
+      text: o,
+      isBold: i,
+      isItalic: u,
+      align: l,
+      styles: n
+    });
+  }
+  /**
+   * Extracts product configuration from old block and generates new product rows
+   * @param block - The old recommendation block element
+   * @returns HTML string for product rows
+   */
+  extractProductRows(e) {
+    const t = this.extractProductConfig(e);
+    if (!t)
+      return console.warn("[RecommendationMigrator] No product config found, using defaults"), this.generateProductRows(6, 3, {});
+    const { totalCount: s, productsPerRow: o } = t, l = this.extractProductStyles(e);
+    return this.generateProductRows(s, o, l);
+  }
+  /**
+   * Extracts Stripo padding/margin utility classes from a class string
+   * @param classString - Space-separated class string from element
+   * @returns Filtered Stripo utility classes as a space-separated string
+   */
+  extractStripoClasses(e) {
+    return e ? e.split(/\s+/).filter((o) => /^es-(p\d+|m[-\d])/.test(o)).join(" ") : "";
+  }
+  /**
+   * Extracts product configuration from old block
+   * @param block - The old recommendation block element
+   * @returns Object with totalCount and productsPerRow, or null if parsing fails
+   */
+  extractProductConfig(e) {
+    const t = e.getAttribute("esd-dev-product-config");
+    if (!t)
+      return null;
+    try {
+      const s = this.unescapeJsonString(t), o = JSON.parse(s);
+      return {
+        totalCount: o.totalCount ?? 6,
+        productsPerRow: o.rowCount ?? 3
+      };
+    } catch (s) {
+      return console.error("[RecommendationMigrator] Failed to parse product config:", s), console.error(
+        "[RecommendationMigrator] Error details:",
+        s instanceof Error ? s.message : String(s)
+      ), null;
+    }
+  }
+  /**
+   * Decodes HTML entities from JSON string
+   * @param text - The encoded string
+   * @returns Decoded string
+   */
+  unescapeJsonString(e) {
+    return e.replace(/&amp;/g, "&").replace(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&#x27;/g, "'").replace(/&quot;/g, '"').replace(/\\\\"/g, "'");
+  }
+  /**
+   * Generates product rows using prepareProductRows with default product data
+   * @param totalCount - Total number of products to display
+   * @param productsPerRow - Number of products in each row
+   * @param extractedStyles - Styles extracted from old product elements
+   * @returns HTML string for product rows with applied styles
+   */
+  generateProductRows(e, t, s) {
+    const o = q(), l = [];
+    for (let i = 0; i < e; i++) {
+      const u = o[i % o.length];
+      l.push({ ...u });
+    }
+    let r = S(l, t);
+    return r = this.applyExtractedStyles(r, s), r;
+  }
+  /**
+   * Extracts styles from old product elements
+   * @param block - The old recommendation block element
+   * @returns Object with extracted styles for each element type
+   */
+  extractProductStyles(e) {
+    const t = {}, s = e.querySelector(".product-card");
+    if (!s)
+      return console.warn("[RecommendationMigrator] No product card found, using default styles"), t;
+    const o = this.extractCardBgColor(s);
+    o && (t.cardBgColor = o);
+    const l = s.querySelector(".ext-product-image");
+    if (l) {
+      const n = l.querySelector("img"), a = n == null ? void 0 : n.getAttribute("width"), g = l.getAttribute("style") || "", p = l.getAttribute("align") || "center", b = l.getAttribute("class") || "", d = this.extractStripoClasses(b);
+      t.imageWidth = a || "120", t.imageAlign = p, t.imageTdStyle = g, t.imageClasses = d;
+    }
+    const r = s.querySelector(".ext-product-name");
+    if (r) {
+      const n = r.querySelector("p"), a = (n == null ? void 0 : n.getAttribute("style")) || "", g = r.getAttribute("align") || "center", p = r.getAttribute("style") || "", b = r.getAttribute("class") || "", d = this.extractStripoClasses(b);
+      t.nameStyle = a, t.nameAlign = g, t.nameTdStyle = p, t.nameClasses = d;
+    }
+    const i = s.querySelector(".ext-product-price");
+    if (i) {
+      const n = i.querySelector("p"), a = (n == null ? void 0 : n.getAttribute("style")) || "", g = i.getAttribute("align") || "center", p = i.getAttribute("style") || "", b = i.getAttribute("class") || "", d = this.extractStripoClasses(b);
+      t.priceStyle = a, t.priceAlign = g, t.priceTdStyle = p, t.priceClasses = d;
+    }
+    const u = s.querySelector(".ext-product-original-price");
+    if (u) {
+      const n = u.querySelector("p"), a = (n == null ? void 0 : n.getAttribute("style")) || "", g = u.getAttribute("align") || "center", p = u.getAttribute("style") || "", b = u.getAttribute("class") || "", d = this.extractStripoClasses(b);
+      t.oldPriceStyle = a, t.oldPriceAlign = g, t.oldPriceTdStyle = p, t.oldPriceClasses = d;
+    }
+    const c = s.querySelector(".ext-product-button");
+    if (c) {
+      const n = c.querySelector(".es-button-border"), a = c.querySelector("a.es-button"), g = (n == null ? void 0 : n.getAttribute("style")) || "", p = (a == null ? void 0 : a.getAttribute("style")) || "", b = c.getAttribute("align") || "center", d = c.getAttribute("style") || "", f = c.getAttribute("class") || "", C = this.extractStripoClasses(f), y = ((c == null ? void 0 : c.textContent) || "").trim();
+      t.buttonBorderStyle = g, t.buttonLinkStyle = p, t.buttonAlign = b, t.buttonTdStyle = d, t.buttonClasses = C, t.buttonText = y;
+    }
+    return t;
+  }
+  /**
+   * Applies extracted styles to the generated HTML
+   * @param html - The generated HTML from prepareProductRows
+   * @param extractedStyles - Styles extracted from old product elements
+   * @returns HTML with applied styles
+   */
+  applyExtractedStyles(e, t) {
+    if (!t || Object.keys(t).length === 0)
+      return e;
+    const s = this.parser.parseFromString(`<table>${e}</table>`, "text/html");
+    t.cardBgColor && s.querySelectorAll(".product-attribute-cell").forEach((r) => {
+      r.setAttribute("bgcolor", t.cardBgColor);
+    }), (t.imageWidth || t.imageAlign || t.imageTdStyle || t.imageClasses) && s.querySelectorAll(".product-image").forEach((r) => {
+      if (t.imageAlign && r.setAttribute("align", t.imageAlign), t.imageTdStyle && r.setAttribute("style", t.imageTdStyle), t.imageClasses) {
+        const c = `${r.getAttribute("class") || ""} ${t.imageClasses}`.trim();
+        r.setAttribute("class", c);
+      }
+      const i = r.querySelector("img");
+      i && t.imageWidth && i.setAttribute("width", t.imageWidth);
+    }), (t.nameStyle || t.nameAlign || t.nameTdStyle || t.nameClasses) && s.querySelectorAll(".product-name").forEach((r) => {
+      if (t.nameAlign && r.setAttribute("align", t.nameAlign), t.nameTdStyle && r.setAttribute("style", t.nameTdStyle), t.nameClasses) {
+        const c = `${r.getAttribute("class") || ""} ${t.nameClasses}`.trim();
+        r.setAttribute("class", c);
+      }
+      const i = r.querySelector("p");
+      i && t.nameStyle && i.setAttribute("style", t.nameStyle);
+    }), (t.priceStyle || t.priceAlign || t.priceTdStyle || t.priceClasses) && s.querySelectorAll(".product-price").forEach((r) => {
+      if (t.priceAlign && r.setAttribute("align", t.priceAlign), t.priceTdStyle && r.setAttribute("style", t.priceTdStyle), t.priceClasses) {
+        const c = `${r.getAttribute("class") || ""} ${t.priceClasses}`.trim();
+        r.setAttribute("class", c);
+      }
+      const i = r.querySelector("p");
+      i && t.priceStyle && i.setAttribute("style", t.priceStyle);
+    }), (t.oldPriceStyle || t.oldPriceAlign || t.oldPriceTdStyle || t.oldPriceClasses) && s.querySelectorAll(".product-old-price").forEach((r) => {
+      if (t.oldPriceAlign && r.setAttribute("align", t.oldPriceAlign), t.oldPriceTdStyle && r.setAttribute("style", t.oldPriceTdStyle), t.oldPriceClasses) {
+        const c = `${r.getAttribute("class") || ""} ${t.oldPriceClasses}`.trim();
+        r.setAttribute("class", c);
+      }
+      const i = r.querySelector("p");
+      i && t.oldPriceStyle && i.setAttribute("style", t.oldPriceStyle);
+    }), (t.buttonBorderStyle || t.buttonLinkStyle || t.buttonAlign || t.buttonTdStyle || t.buttonClasses) && s.querySelectorAll(".product-button").forEach((r) => {
+      if (t.buttonAlign && r.setAttribute("align", t.buttonAlign), t.buttonTdStyle && r.setAttribute("style", t.buttonTdStyle), t.buttonClasses) {
+        const n = `${r.getAttribute("class") || ""} ${t.buttonClasses}`.trim();
+        r.setAttribute("class", n);
+      }
+      const i = r.querySelector(".es-button-border");
+      i && t.buttonBorderStyle && i.setAttribute("style", t.buttonBorderStyle);
+      const u = r.querySelector("a.es-button");
+      u && (t.buttonLinkStyle && u.setAttribute("style", t.buttonLinkStyle), t.buttonText && (u.textContent = t.buttonText));
+    });
+    const o = s.querySelector("table");
+    return (o == null ? void 0 : o.innerHTML) || e;
+  }
+  /**
+   * Builds title block with proper structure
+   */
+  buildTitleBlock(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 s = e.align ? ` align="${e.align}"` : "", o = e.styles ? ` style="${e.styles}"` : "";
+    return `
+            <td class="esd-block-text es-p10t es-p10b es-p20l es-p20r"${s}>
+                <p path="1"${o}>
+                    ${t}
+                </p>
+            </td>
+        `;
+  }
+  /**
+   * Removes specified style properties from a style string
+   */
+  removeStyleProperties(e, t) {
+    return e ? t.reduce((o, l) => {
+      const r = new RegExp(`${l}\\s*:\\s*[^;]*;?`, "gi");
+      return o.replace(r, "");
+    }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
+  }
+  /**
+   * Converts inline display to block display
+   */
+  convertInlineToBlock(e) {
+    if (!e)
+      return "";
+    let t = e.replace(/display\s*:\s*inline/gi, "display: block");
+    return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").replace(/"/g, "'").trim();
+  }
+}
+function k(A) {
+  return new w().migrate(A);
+}
+export {
+  k as migrateRecommendation
+};

package/dist/enums/date.js

@@ -0,0 +1,6 @@
+const t = "tr-TR", T = "default", L = "UTC";
+export {
+  T as DEFAULT,
+  t as DEFAULT_LOCALE,
+  L as DEFAULT_TZ
+};

package/dist/enums/defaults.js

@@ -1,5 +1,6 @@
 const e = {
   translationsPath: "window.trans.en",
+  migrationDate: 1759696858,
   emailHeader: {
     senderName: "",
     subject: ""
@@ -14,17 +15,18 @@ const e = {
   features: {
     dynamicContent: !0,
     saveAsTemplate: !0,
-    versionHistory: !0
+    versionHistory: !0,
+    testMessage: !0,
+    displayConditions: !0
   },
   useHeader: !0
 }, t = {
   promotional: 1,
   transactional: 2
-}, a = "unsubscribePages", o = "Guido User", s = t.promotional, n = 2, i = {
+}, a = "email", o = "Guido User", s = t.promotional, n = 2, i = {
   email: 60,
   architect: 49,
-  unsubscribePages: 97,
-  "unsubscribe-pages": 97
+  unsubscribePages: 97
 }, u = [
   "alfredtesting",
   "electio",

package/dist/enums/extensions/recommendationBlock.js

@@ -12,8 +12,8 @@ const s = {
   { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
   { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
 ], u = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], l = [
-  { text: "after the amount", value: "1" },
-  { text: "before the amount", value: "0" }
+  { text: "before the amount", value: "0" },
+  { text: "after the amount", value: "1" }
 ], c = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," }

package/dist/enums/onboarding.js

@@ -2,7 +2,12 @@ const e = [
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-0.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-1.ng-star-inserted",
   ".service-element.stacked-panel-item.ng-tns-c1014751574-3.level-bottom-2.ng-star-inserted"
-];
+], t = "ui-editor", n = 'button[role="tab"][aria-label="Card Composition"]', s = 'button[role="tab"][aria-label="Settings"]', o = ".in-ribbons-wrapper", a = "https://academy.useinsider.com/docs/email-drag-drop-editor";
 export {
-  e as SERVICE_HOVER_SELECTORS
+  a as ACADEMY_LINK,
+  n as CARD_COMPOSITION_TAB_SELECTOR,
+  o as RIBBON_SELECTOR,
+  e as SERVICE_HOVER_SELECTORS,
+  s as SETTINGS_TAB_SELECTOR,
+  t as UI_EDITOR_SELECTOR
 };

package/dist/enums/unsubscribe.js

@@ -1,25 +1,26 @@
-import { useTranslations as e } from "../composables/useTranslations.js";
-const s = e(), R = {
+import { useTranslations as n } from "../composables/useTranslations.js";
+import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
+const e = n(), I = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, S = {
+}, r = {
   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 = {
-  UNSUBSCRIBE_URL: "https://mail.useinsider.com/user/v1/unsub",
-  PREFERENCES_URL: "https://mail.useinsider.com/user/v1/prefs"
-}, _ = {
+}, s = R(), _ = {
+  UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
+  PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
+}, i = "iid", B = {
   name: "Global Unsubscribe",
   sendGridId: "G"
-}, I = "https://academy.useinsider.com/docs/global-unsubscribe-preference-center", r = "/email/unsubscribe-pages", E = {
+}, C = "https://academy.useinsider.com/docs/global-unsubscribe-preference-center", c = "/email/unsubscribe-pages", E = {
   GLOBAL_UNSUBSCRIBE: 1,
   GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE: 2,
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
-}, i = {
+}, t = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
     E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE,
@@ -29,26 +30,27 @@ const s = e(), R = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, B = {
-  [E.GLOBAL_UNSUBSCRIBE]: s("unsubscription-preference.type-global-unsubscribe"),
-  [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: s("unsubscription-preference.type-global-unsubscription-confirmation"),
-  [E.RESUBSCRIBE]: s("unsubscription-preference.type-resubscribe"),
-  [E.SUBSCRIPTION_PREFERENCE_CENTER]: s("unsubscription-preference.type-subscription-preferences-center"),
-  [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: s("unsubscription-preference.type-subscription-preferences-confirmation")
-}, C = {
+}, U = {
+  [E.GLOBAL_UNSUBSCRIBE]: e("unsubscription-preference.type-global-unsubscribe"),
+  [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: e("unsubscription-preference.type-global-unsubscription-confirmation"),
+  [E.RESUBSCRIBE]: e("unsubscription-preference.type-resubscribe"),
+  [E.SUBSCRIPTION_PREFERENCE_CENTER]: e("unsubscription-preference.type-subscription-preferences-center"),
+  [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: e("unsubscription-preference.type-subscription-preferences-confirmation")
+}, o = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  I as ACADEMY_LINK,
-  _ as DEFAULT_UNSUBSCRIBE_GROUP,
-  S as LINK_REGEXES,
-  R as LINK_TYPES,
-  C as MERGE_TAGS,
+  C as ACADEMY_LINK,
+  B as DEFAULT_UNSUBSCRIBE_GROUP,
+  i as INSIDER_ID,
+  r as LINK_REGEXES,
+  I as LINK_TYPES,
+  o as MERGE_TAGS,
   E as PAGE_TYPES,
-  i as TYPE_COLLECTIONS,
-  B as TYPE_TRANSLATIONS,
-  r as UNSUBSCRIBE_PAGES_LINK,
-  N as URLS
+  t as TYPE_COLLECTIONS,
+  U as TYPE_TRANSLATIONS,
+  c as UNSUBSCRIBE_PAGES_LINK,
+  _ as URLS
 };

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

@@ -1,7 +1,7 @@
 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 {
+class s extends e {
   constructor() {
     super();
   }
@@ -23,8 +23,11 @@ class p extends e {
   getTemplate() {
     return o();
   }
+  allowInnerBlocksDND() {
+    return !1;
+  }
 }
 export {
   r as CHECKBOX_BLOCK_ID,
-  p as CheckboxBlock
+  s as CheckboxBlock
 };

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

@@ -2,9 +2,9 @@ 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 u } from "../../../enums/unsubscribe.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", a = "select", { get: C } = L();
+const m = "ui-elements-checkbox", u = "select", { get: C } = L();
 class S extends h {
   constructor() {
     super(...arguments);
@@ -16,15 +16,16 @@ class S extends h {
     return m;
   }
   _setFormValues() {
-    if (this.currentNode && "getAttribute" in this.currentNode) {
+    if (this.selectedUnsubGroup = "", this.currentNode && "getAttribute" in this.currentNode) {
       const e = this.currentNode.getAttribute("id");
       if (e) {
-        const s = e === u.sendGridId ? e : Number(e);
-        s && (this.selectedUnsubGroup = s, this.api.updateValues({
-          [a]: this.selectedUnsubGroup
-        }));
+        const s = e === c.sendGridId ? e : Number(e);
+        s && (this.selectedUnsubGroup = s);
       }
     }
+    this.api.updateValues({
+      [u]: this.selectedUnsubGroup
+    });
   }
   _getLabel(e, s = `${Math.random()}`) {
     return `
@@ -54,7 +55,7 @@ class S extends h {
                     </${i.LABEL}>
 
                     <${i.SELECTPICKER}
-                        ${t.SELECTPICKER.name}="${a}"
+                        ${t.SELECTPICKER.name}="${u}"
                         ${t.SELECTPICKER.placeholder}="${this.api.translate("Select Unsubscribe Group")}">
                             ${this._getSelect()}
                     </${i.SELECTPICKER}>
@@ -66,21 +67,21 @@ class S extends h {
     this.currentNode && this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute("id", e.toString()).apply(new p(`Updated text to ${e}`));
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(a, (e) => this._onSelectChange(e));
+    this.api.onValueChanged(u, (e) => this._onSelectChange(e));
   }
   onTemplateNodeUpdated(e) {
-    this.currentNode = e;
+    this.currentNode = e, this._setFormValues();
   }
   // eslint-disable-next-line @typescript-eslint/no-misused-promises
   async onRender() {
     const e = await C(
       "/unsubscribe-groups/unsubscribe-list"
-    ), s = [u, ...e.data], E = s.map((c) => ({
-      [t.SELECT_ITEM.text]: c.name,
-      [t.SELECT_ITEM.value]: c.sendGridId
+    ), 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(
-      a,
+      u,
       t.SELECTPICKER.items,
       E
     ), this._setFormValues(), this._listenToFormUpdates();

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

@@ -3,7 +3,7 @@ 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 k = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
+const d = new o().addBlock(t).withSettingsPanelRegistry(i).addControl(e).withIconsRegistry(r).build();
 export {
-  k as default
+  d as default
 };

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

@@ -3,7 +3,7 @@ const e = {
   TITLE: "Unsubscribe From All Email Lists",
   DESCRIPTION: "You will still receive important transactional and billing-related emails."
 }, l = `
-    <td align="left" class="checkbox-block-v2 esd-block-checkbox es-p20">
+    <td align="left" class="checkbox-block checkbox-block-v2 esd-block-checkbox es-p20">
         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tbody>
                 <tr>
@@ -26,11 +26,16 @@ const e = {
             </tbody>
         </table>
     </td>
-`, i = `
-    <td 
-        align="left" 
-        esd-extension-block-id="checkbox-block" 
-        class="checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20"
+`, o = `
+    <td
+        align="left"
+        esd-extension-block-id="checkbox-block"
+        class="
+            checkbox-block
+            checkbox-block-v2
+            esd-block-checkbox
+            esd-checkbox-block
+            esd-extension-block es-p20"
     >
         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tbody>
@@ -55,10 +60,10 @@ const e = {
         </table>
     </td>
 `;
-function c() {
+function a() {
   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
+  o as default,
+  a as getDefaultTemplate
 };

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

@@ -2,7 +2,7 @@ import { ExtensionBuilder as o } from "../../../node_modules/@stripoinc/ui-edito
 import { CouponBlock as t } from "./block.js";
 import { CouponIconsRegistry as i } from "./iconsRegistry.js";
 import { CouponBlockSettings as n } from "./settingsPanel.js";
-const m = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
+const p = new o().addBlock(t).withSettingsPanelRegistry(n).withIconsRegistry(i).build();
 export {
-  m as default
+  p as default
 };