@useinsider/guido 3.2.0-beta.7e0c6bd → 3.2.0-beta.7fb9b70

package/dist/extensions/Blocks/Recommendation/templates/grid/template.js

@@ -1,6 +1,6 @@
-import { DEFAULT_CARD_COMPOSITION as L, spacer as E, getDefaultProducts as I, createBlockTemplate as _, DEFAULTS as S, buildElementRenderer as b, DEFAULT_CARD_VISIBILITY as A } from "../utils.js";
-import { gridElementRenderer as f, ATTRIBUTE_CELL_CLASS as w, DEFAULT_CELL_PADDING as D } from "./elementRenderer.js";
-import { DEFAULT_PRODUCTS_PER_ROW as C } from "../../constants/layout.js";
+import { DEFAULT_PRODUCTS_PER_ROW as L } from "../../constants/layout.js";
+import { getDefaultProducts as E, createBlockTemplate as I, DEFAULTS as _, DEFAULT_CARD_COMPOSITION as S, spacer as b, buildElementRenderer as A, DEFAULT_CARD_VISIBILITY as f } from "../utils.js";
+import { ATTRIBUTE_CELL_CLASS as w, DEFAULT_CELL_PADDING as D, gridElementRenderer as C } from "./elementRenderer.js";
 const O = `
     <tr class="recommendation-product-row">
         <td>
@@ -27,10 +27,10 @@ const O = `
         {-{-CELLS-}-}
     </tr>
 `;
-function P(t, e, o, r = L, n = {}) {
-  const c = (100 / e).toFixed(2), i = e - t.length, l = `<td class="${w}" style="padding: ${D};" width="${c}%"></td>`, d = i > 0 ? l.repeat(i) : "", a = b(o, r, n);
+function P(t, e, o, r = S, n = {}) {
+  const c = (100 / e).toFixed(2), i = e - t.length, l = `<td class="${w}" style="padding: ${D};" width="${c}%"></td>`, d = i > 0 ? l.repeat(i) : "", a = A(o, r, n);
   return r.filter((s) => a[s]).map((s) => {
-    const T = A[s] ?? !0, u = T ? "" : 'style="display: none;"', R = t.map((m) => a[s](m).replace("<td", `<td width="${c}%"`)).join("");
+    const T = f[s] ?? !0, u = T ? "" : 'style="display: none;"', R = t.map((m) => a[s](m).replace("<td", `<td width="${c}%"`)).join("");
     return g.replace("{-{-ATTR_TYPE-}-}", s).replace("{-{-VISIBILITY-}-}", T ? "1" : "0").replace("{-{-DISPLAY_STYLE-}-}", u).replace("{-{-CELLS-}-}", R + d);
   }).join("");
 }
@@ -46,15 +46,15 @@ function U(t, e, o, r, n = {}) {
       r,
       n
     ), p = O.replace("{-{-ATTRIBUTE_ROWS-}-}", a);
-    return d > 0 ? E + p : p;
+    return d > 0 ? b + p : p;
   }).join("");
 }
 function h(t, e, o, r = {}) {
-  return U(t, e, f, o, r);
+  return U(t, e, C, o, r);
 }
 function F(t) {
-  const e = t ? `ins-recommendation-v3-block-${t}` : void 0, o = _("grid", e), r = I(), n = h(r, C);
-  return o.replace("{-{-TITLE-}-}", S.TITLE).replace("{-{-PRODUCT_ROWS-}-}", n).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
+  const e = t ? `ins-recommendation-v3-block-${t}` : void 0, o = I("grid", e), r = E(), n = h(r, L);
+  return o.replace("{-{-TITLE-}-}", _.TITLE).replace("{-{-PRODUCT_ROWS-}-}", n).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
   F as getDefaultTemplate,

package/dist/extensions/Blocks/Recommendation/templates/index.js

@@ -1,11 +1,11 @@
-import { prepareProductRows as s } from "./grid/template.js";
-import { prepareProductRows as c } from "./list/template.js";
-import { DEFAULT_PRODUCTS_PER_ROW as R } from "../constants/layout.js";
+import { DEFAULT_PRODUCTS_PER_ROW as s } from "../constants/layout.js";
+import { prepareProductRows as c } from "./grid/template.js";
+import { prepareProductRows as R } from "./list/template.js";
 function a(o, t, r = {}) {
   if (t === "list")
-    return c(o, r.composition, r.filterList);
-  const { productsPerRow: e = R, composition: p, filterList: i } = r;
-  return s(o, e, p, i);
+    return R(o, r.composition, r.filterList);
+  const { productsPerRow: e = s, composition: p, filterList: i } = r;
+  return c(o, e, p, i);
 }
 export {
   a as prepareProductRows

package/dist/extensions/Blocks/Recommendation/templates/list/elementRenderer.js

@@ -1,10 +1,10 @@
-import { useRecommendationExtensionStore as p } from "../../store/recommendation.js";
-import { formatPrice as b } from "../../utils/priceFormatter.js";
-import { sanitizeImageUrl as u, CUSTOM_CELL_HTML as m } from "../utils.js";
-import { ATTR_PRODUCT_ATTR as g, ATTR_PRODUCT_BUTTON as i, ATTR_PRODUCT_IMAGE as c, ATTR_PRODUCT_OMNIBUS_DISCOUNT as f, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OLD_PRICE as x, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_NAME as R } from "../../constants/selectors.js";
 import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-function l() {
-  const t = p(), { currencySettings: e } = t.recommendationConfigs;
+import { ATTR_PRODUCT_ATTR as m, ATTR_PRODUCT_BUTTON as c, ATTR_PRODUCT_IMAGE as d, ATTR_PRODUCT_OMNIBUS_DISCOUNT as u, ATTR_PRODUCT_OMNIBUS_PRICE as g, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_NAME as x } from "../../constants/selectors.js";
+import { useRecommendationExtensionStore as _ } from "../../store/recommendation.js";
+import { formatPrice as R } from "../../utils/priceFormatter.js";
+import { sanitizeImageUrl as y, CUSTOM_CELL_HTML as C } from "../utils.js";
+function p() {
+  const t = _(), { currencySettings: e } = t.recommendationConfigs;
   return {
     code: e.value,
     symbol: e.symbol,
@@ -15,29 +15,29 @@ function l() {
   };
 }
 function s(t, e = "price") {
-  const n = l(), r = t[e], a = r?.[n.code] ?? Object.values(r ?? {})[0] ?? 0;
-  return b({
-    price: a,
+  const n = p(), a = t[e], r = (a == null ? void 0 : a[n.code]) ?? Object.values(a ?? {})[0] ?? 0;
+  return R({
+    price: r,
     currency: n
   });
 }
-const P = {
+const U = {
   /**
    * Image cell - left column (120px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [c]: (t) => `
+  [d]: (t) => `
         <td
             width="120"
             class="esd-block-image product-image-cell recommendation-attribute-row es-p5"
             esd-extension-block-id="${o.IMAGE}"
-            data-attribute-type="${c}"
+            data-attribute-type="${d}"
             data-visibility="1"
             align="center"
             valign="middle">
             <a target="_blank" href="${t.url}">
                 <img
-                    src="${u(t.image_url)}"
+                    src="${y(t.image_url)}"
                     alt="${t.name}"
                     style="display: block; max-width: 100%; height: auto;"
                     class="adapt-img product-image">
@@ -47,7 +47,7 @@ const P = {
   /**
    * Name element - row for info cell table
    */
-  [R]: (t) => `
+  [x]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-name"
@@ -62,7 +62,7 @@ const P = {
   /**
    * Price element - row for info cell table
    */
-  [_]: (t) => `
+  [T]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-price"
@@ -77,7 +77,7 @@ const P = {
   /**
    * Old price element - row for info cell table
    */
-  [x]: (t) => `
+  [f]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-old-price"
@@ -94,7 +94,7 @@ const P = {
   /**
    * Omnibus price element - row for info cell table
    */
-  [T]: (t) => `
+  [g]: (t) => `
         <tr>
             <td
                 class="esd-block-text product-omnibus-price"
@@ -113,8 +113,9 @@ const P = {
   /**
    * Omnibus discount element - row for info cell table
    */
-  [f]: (t) => {
-    const e = l(), n = t.original_price?.[e.code] ?? Object.values(t.original_price ?? {})[0] ?? 0, r = t.price?.[e.code] ?? Object.values(t.price ?? {})[0] ?? 0, a = n > 0 ? Math.round((n - r) / n * 100) : 0, d = a > 0 ? `-${a}%` : "0%";
+  [u]: (t) => {
+    var i, l;
+    const e = p(), n = ((i = t.original_price) == null ? void 0 : i[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, a = ((l = t.price) == null ? void 0 : l[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = n > 0 ? Math.round((n - a) / n * 100) : 0, b = r > 0 ? `-${r}%` : "0%";
     return `
         <tr>
             <td
@@ -125,7 +126,7 @@ const P = {
                 align="left">
                 <p contenteditable="false" style="font-size: 12px; color: #666666; margin: 0;">
                     <span class="omnibus-text-before"></span>
-                    <span class="omnibus-discount-value">${d}</span>
+                    <span class="omnibus-discount-value">${b}</span>
                     <span class="omnibus-text-after"></span>
                 </p>
             </td>
@@ -136,12 +137,12 @@ const P = {
    * Button cell - right column (100px fixed width)
    * Has recommendation-attribute-row class and data attributes for Card Composition control
    */
-  [i]: (t) => `
+  [c]: (t) => `
         <td
             width="100"
             class="esd-block-button button-cell recommendation-attribute-row product-button es-p5l es-p5r"
             esd-extension-block-id="${o.BUTTON}"
-            data-attribute-type="${i}"
+            data-attribute-type="${c}"
             data-visibility="1"
             align="center"
             valign="middle">
@@ -156,7 +157,17 @@ const P = {
                     href="${t.url}"
                     target="_blank"
                     class="es-button buy-button"
-                    style="color: rgb(56, 118, 29); background: rgb(217, 234, 211); padding: 5px 30px;">
+                    style="
+                        color: rgb(56, 118, 29);
+                        background: rgb(217, 234, 211);
+                        font-family: arial, 'helvetica neue', helvetica, sans-serif;
+                        font-size: 16px;
+                        font-weight: normal;
+                        line-height: 120%;
+                        padding: 5px 30px;
+                        mso-border-alt: 10px solid rgb(217, 234, 211);
+                        mso-padding-alt: 0;
+                    ">
                     Buy
                 </a>
             </span>
@@ -168,10 +179,10 @@ const P = {
    * @param productAttrValue - Resolved product-attr value (e.g., "brand" for default, "product_attribute.rating_star" for custom)
    * @param content - Display content for the cell
    */
-  [m]: (t, e) => `
+  [C]: (t, e) => `
         <tr>
             <td
-                ${g}="${t}"
+                ${m}="${t}"
                 class="esd-block-text product-custom-attribute"
                 esd-extension-block-id="${o.CUSTOM_ATTRIBUTE}"
                 align="left">
@@ -181,5 +192,5 @@ const P = {
     `
 };
 export {
-  P as listElementRenderer
+  U as listElementRenderer
 };

package/dist/extensions/Blocks/Recommendation/templates/list/template.js

@@ -1,6 +1,6 @@
+import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
 import { DEFAULT_CARD_COMPOSITION as b, spacer as m, buildElementRenderer as C, DEFAULT_CARD_VISIBILITY as T } from "../utils.js";
 import { listElementRenderer as f } from "./elementRenderer.js";
-import { ATTR_PRODUCT_IMAGE as a, ATTR_PRODUCT_BUTTON as d } from "../../constants/selectors.js";
 function R(r, n, l) {
   const t = l ? "" : ' style="display: none;"', o = r.replace(/<tr>/, "").replace(/<\/tr>/, "");
   return `<tr

package/dist/extensions/Blocks/Recommendation/templates/utils.js

@@ -1,58 +1,60 @@
-import { ATTR_PRODUCT_IMAGE as u, ATTR_PRODUCT_NAME as m, ATTR_PRODUCT_OLD_PRICE as b, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as _, ATTR_PRODUCT_OMNIBUS_DISCOUNT as g, ATTR_PRODUCT_BUTTON as C, ATTR_CUSTOM_PREFIX as p } from "../constants/selectors.js";
-function O(t) {
+import { ATTR_CUSTOM_PREFIX as u, ATTR_PRODUCT_IMAGE as m, ATTR_PRODUCT_NAME as b, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as g, ATTR_PRODUCT_OMNIBUS_DISCOUNT as C, ATTR_PRODUCT_BUTTON as f } from "../constants/selectors.js";
+function U(t) {
   return t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function f(t, e) {
-  return Object.values(e).find((r) => r.attributeName === t)?.type === "defaultAttribute";
+function R(t, e) {
+  const n = Object.values(e).find((r) => r.attributeName === t);
+  return (n == null ? void 0 : n.type) === "defaultAttribute";
 }
-function U(t, e) {
-  return f(t, e) ? t : `product_attribute.${t}`;
+function y(t, e) {
+  return R(t, e) ? t : `product_attribute.${t}`;
 }
-const y = Symbol("customCellHtml");
-function E(t, e, n = {}) {
-  const r = t[y];
+const P = Symbol("customCellHtml");
+function S(t, e, n = {}) {
+  const r = t[P];
   if (!r)
     return { ...t };
   const l = { ...t };
-  return e.filter((o) => o.startsWith(p) && !l[o]).forEach((o) => {
-    const s = o.substring(p.length), a = O(s), A = U(s, n), D = f(s, n);
+  return e.filter((o) => o.startsWith(u) && !l[o]).forEach((o) => {
+    const s = o.substring(u.length), a = U(s), D = y(s, n), O = R(s, n);
     l[o] = (d) => {
-      const i = D ? d[s] : d.product_attributes?.[s];
+      var p;
+      const i = O ? d[s] : (p = d.product_attributes) == null ? void 0 : p[s];
       let c = a;
-      return typeof i == "string" ? c = i : typeof i == "number" && (c = String(i)), r(A, c);
+      return typeof i == "string" ? c = i : typeof i == "number" && (c = String(i)), r(D, c);
     };
   }), l;
 }
-const S = {
+const L = {
   TITLE: "You May Also Like!"
-}, L = [
-  u,
+}, M = [
   m,
   b,
   T,
   _,
   g,
-  C
-], M = {
-  [u]: !0,
+  C,
+  f
+], $ = {
   [m]: !0,
-  [T]: !0,
   [b]: !0,
-  [_]: !1,
+  [_]: !0,
+  [T]: !0,
   [g]: !1,
-  [C]: !0
-}, P = `
+  [C]: !1,
+  [f]: !0
+}, h = `
     <tr>
         <td class="spacer" style="height: 10px;"></td>
     </tr>
-`, R = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
-function $(t) {
-  return !t || typeof t != "string" || t.trim() === "" ? R : t.startsWith("http://") ? t.replace("http://", "https://") : t;
+`, A = "https://email-static.useinsider.com/stripo/modules/email-recommendation-v3/assets/images/image-placeholder.png";
+function w(t) {
+  return !t || typeof t != "string" || t.trim() === "" ? A : t.startsWith("http://") ? t.replace("http://", "https://") : t;
 }
-function h(t) {
+function I(t) {
   return {
     name: "Product Name",
-    image_url: R,
+    image_url: A,
     price: { USD: 18 },
     original_price: { USD: 20 },
     discount: { USD: 2 },
@@ -64,13 +66,13 @@ function h(t) {
     category: []
   };
 }
-function w(t = 6) {
+function N(t = 6) {
   return Array.from(
     { length: t },
-    (e, n) => h(String(n + 1))
+    (e, n) => I(String(n + 1))
   );
 }
-function N(t = "grid", e) {
+function k(t = "grid", e) {
   const n = t === "list" ? `
         data-layout="list"` : "", r = e ? ` ${e}` : "";
   return `
@@ -108,7 +110,7 @@ function N(t = "grid", e) {
                                     </table>
                                 </td>
                             </tr>
-                            ${P}
+                            ${h}
                             <tr>
                                 <td>
                                     <table
@@ -147,17 +149,17 @@ function N(t = "grid", e) {
 `;
 }
 export {
-  y as CUSTOM_CELL_HTML,
-  S as DEFAULTS,
-  L as DEFAULT_CARD_COMPOSITION,
-  M as DEFAULT_CARD_VISIBILITY,
-  R as PLACEHOLDER_IMAGE,
-  E as buildElementRenderer,
-  N as createBlockTemplate,
-  w as getDefaultProducts,
-  f as isDefaultAttribute,
-  U as resolveProductAttrValue,
-  $ as sanitizeImageUrl,
-  P as spacer,
-  O as toDisplayName
+  P as CUSTOM_CELL_HTML,
+  L as DEFAULTS,
+  M as DEFAULT_CARD_COMPOSITION,
+  $ as DEFAULT_CARD_VISIBILITY,
+  A as PLACEHOLDER_IMAGE,
+  S as buildElementRenderer,
+  k as createBlockTemplate,
+  N as getDefaultProducts,
+  R as isDefaultAttribute,
+  y as resolveProductAttrValue,
+  w as sanitizeImageUrl,
+  h as spacer,
+  U as toDisplayName
 };

package/dist/extensions/Blocks/Recommendation/utils/legacyStrategyMap.js

@@ -0,0 +1,21 @@
+function r(e) {
+  if (!e)
+    return e;
+  switch (e) {
+    case "viewedTogether":
+      return "similarViewed";
+    case "purchasedTogether":
+      return "similarBought";
+    case "trending":
+      return "trendingProducts";
+    case "mostValuable":
+      return "mostValuableOfPartner";
+    case "topSellers":
+      return "mostPurchased";
+    default:
+      return e;
+  }
+}
+export {
+  r as mapLegacyStrategy
+};

package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js

@@ -1,36 +1,27 @@
-function m(t) {
-  const e = {
-    "&": "&",
-    "<": "&lt;",
-    ">": "&gt;",
-    '"': "&quot;",
-    "'": "&#39;"
-  };
-  return t.replace(/[&<>"']/g, (n) => e[n]);
-}
-function p(t) {
+import { escapeHtml as m } from "../../../../utils/htmlEscape.js";
+function T(t) {
   return "getInnerHTML" in t && typeof t.getInnerHTML == "function" ? t.getInnerHTML().trim() : "innerHTML" in t ? t.innerHTML : "";
 }
-function T(t, e) {
-  const n = m(e);
+function H(t, f) {
+  const n = m(f);
   if (!t)
     return n;
-  const r = p(t);
+  const r = T(t);
   if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
     return n;
-  const i = [], o = [];
-  let c = r.trim();
+  const e = [], s = [];
+  let o = r.trim();
   for (; ; ) {
-    const u = c.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
+    const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
     if (!u)
       break;
-    const [, s, f = "", g] = u, a = new RegExp(`</${s}>$`, "i");
-    if (!a.test(g))
+    const [, i, a = "", c] = u, g = new RegExp(`</${i}>$`, "i");
+    if (!g.test(c))
       break;
-    i.push(`<${s}${f}>`), o.unshift(`</${s}>`), c = g.replace(a, "").trim();
+    e.push(`<${i}${a}>`), s.unshift(`</${i}>`), o = c.replace(g, "").trim();
   }
-  return i.length > 0 ? i.join("") + n + o.join("") : n;
+  return e.length > 0 ? e.join("") + n + s.join("") : n;
 }
 export {
-  T as preserveTextStyles
+  H as preserveTextStyles
 };

package/dist/extensions/Blocks/Recommendation/validation/filterSchema.js

@@ -1,26 +1,29 @@
-import { safeParse as i, object as a, boolean as p, number as n, pipe as l, minLength as c, string as f } from "../../../../node_modules/valibot/dist/index.js";
-const e = l(f(), c(1)), o = a({
+import { safeParse as o, object as p, boolean as l, number as i, pipe as c, minLength as f, string as m } from "../../../../node_modules/valibot/dist/index.js";
+const e = c(m(), f(1)), s = p({
   type: e,
   attribute: e,
   operator: e,
   innerGroupOperator: e,
   outerGroupOperator: e,
   value: e,
-  filterGroup: n(),
-  filterNumber: n(),
-  isValid: p()
+  filterGroup: i(),
+  filterNumber: i(),
+  isValid: l()
 });
-function b(t) {
-  return i(o, t).success;
-}
 function g(t) {
-  const r = i(o, t);
+  return o(s, t).success;
+}
+function S(t) {
+  const r = o(s, t);
   return r.success ? /* @__PURE__ */ new Set() : new Set(
-    r.issues.flatMap((s) => s.path?.map((u) => String(u.key)) ?? [])
+    r.issues.flatMap((u) => {
+      var n;
+      return ((n = u.path) == null ? void 0 : n.map((a) => String(a.key))) ?? [];
+    })
   );
 }
 export {
-  o as FilterSchema,
-  g as getInvalidFilterFields,
-  b as isFilterValid
+  s as FilterSchema,
+  S as getInvalidFilterFields,
+  g as isFilterValid
 };

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

@@ -47,7 +47,8 @@ class B extends T {
     }), this.valueChangeHandlers = [], this.currentNode = void 0, this.currentPages = void 0, this.currentPreviewIndex = 0, this.lastParsedAttribute = void 0;
   }
   get totalTemplates() {
-    return this.currentPages?.length ?? 0;
+    var e;
+    return ((e = this.currentPages) == null ? void 0 : e.length) ?? 0;
   }
   _listenToFormUpdates() {
     this.valueChangeHandlers.push(
@@ -76,23 +77,24 @@ class B extends T {
     await l().fetchTemplates(), this._updatePreview(), this._updateCounter();
   }
   _updatePreview() {
-    if (this.currentPages?.length)
+    var e;
+    if ((e = this.currentPages) != null && e.length)
       try {
-        const e = this.currentPages[this.currentPreviewIndex], o = l().getThumbnailByTemplateId(e);
+        const t = this.currentPages[this.currentPreviewIndex], o = l().getThumbnailByTemplateId(t);
         if (!o) {
-          console.warn("[UnsubscribeControl] No thumbnail found for page:", e);
+          console.warn("[UnsubscribeControl] No thumbnail found for page:", t);
           return;
         }
         this.api.updateValues({
           [r.PREVIEW_IMAGE]: o
         });
-      } catch (e) {
-        console.error("[UnsubscribeControl] Failed to update preview:", e);
+      } catch (t) {
+        console.error("[UnsubscribeControl] Failed to update preview:", t);
       }
   }
   _updateCounter() {
-    const e = this.currentPreviewIndex + 1, t = this.totalTemplates, o = this.currentPreviewIndex === 0, c = this.currentPreviewIndex >= t - 1;
-    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, o), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, c), this.api.setUIEAttribute(
+    const e = this.currentPreviewIndex + 1, t = this.totalTemplates, c = this.currentPreviewIndex === 0, o = this.currentPreviewIndex >= t - 1;
+    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, c), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, o), this.api.setUIEAttribute(
       r.COUNTER_TEXT,
       i.LABEL.text,
       `${this.api.translate("Showing")} ${e} ${this.api.translate("of")} ${t}`
@@ -133,14 +135,14 @@ class B extends T {
             </${n.LABEL}>
         `;
   }
-  _getIconButton(e, t, o) {
-    const c = o ? `${i.BUTTON.disabled}="true"` : "";
+  _getIconButton(e, t, c) {
+    const o = c ? `${i.BUTTON.disabled}="true"` : "";
     return `
             <${n.BUTTON}
                 id="${e}"
                 class="flat-inline flat-white"
                 ${i.BUTTON.name}="${e}"
-                ${c}
+                ${o}
             >
                 <${n.ICON}
                     src="${t}"

package/dist/extensions/Blocks/Unsubscribe/elements/preview.js

@@ -1,15 +1,15 @@
-var r = Object.defineProperty;
-var n = (s, e, i) => e in s ? r(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
-var t = (s, e, i) => n(s, typeof e != "symbol" ? e + "" : e, i);
-import { UIElement as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const l = "unsubscribe-preview", E = "img", c = "Unsubscribe page preview", a = "is-loaded";
-class u extends m {
+var n = Object.defineProperty;
+var m = (s, i, e) => i in s ? n(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var r = (s, i, e) => m(s, typeof i != "symbol" ? i + "" : i, e);
+import { UIElement as l } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const E = "unsubscribe-preview", c = "img", a = "Unsubscribe page preview", g = "is-loaded";
+class d extends l {
   constructor() {
     super(...arguments);
-    t(this, "imgElement");
+    r(this, "imgElement");
   }
   getId() {
-    return l;
+    return E;
   }
   getTemplate() {
     return `
@@ -17,26 +17,28 @@ class u extends m {
                 <div class="unsubscribe-preview-loader"></div>
                 <img
                     src=""
-                    alt="${c}"
+                    alt="${a}"
                     class="unsubscribe-preview-image"
                 />
             </div>
         `;
   }
-  onRender(i) {
-    this.imgElement = i.querySelector(E);
+  onRender(e) {
+    this.imgElement = e.querySelector(c);
   }
-  setValue(i) {
-    this.imgElement && (this.imgElement.src = i, this.imgElement.parentElement?.classList.add(a));
+  setValue(e) {
+    var t;
+    this.imgElement && (this.imgElement.src = e, (t = this.imgElement.parentElement) == null || t.classList.add(g));
   }
   getValue() {
-    return this.imgElement?.src ?? "";
+    var e;
+    return ((e = this.imgElement) == null ? void 0 : e.src) ?? "";
   }
   onDestroy() {
     this.imgElement = void 0;
   }
 }
 export {
-  l as PREVIEW_UI_ELEMENT_ID,
-  u as PreviewUIElement
+  E as PREVIEW_UI_ELEMENT_ID,
+  d as PreviewUIElement
 };