@useinsider/guido 3.20.1 → 3.21.0-beta.0df5409

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

@@ -0,0 +1,28 @@
+import { useRecommendationExtensionStore as l } from "../store/recommendation.js";
+import { registerPendingConfigFlush as d, commitBlockChangeOutsidePanel as g, writeBlockConfigOutsidePanel as h } from "./nodeConfigWriter.js";
+async function S(e, { pickUpdates: s, description: r, fetch: f = !0 }) {
+  const t = l(), i = t.blockStates[e];
+  if (!i)
+    return !1;
+  const { configVersion: a, adoptedSizeVersion: u } = i, c = s(i.recommendationConfigs);
+  if (f) {
+    const m = d(
+      () => {
+        var n;
+        return ((n = t.blockStates[e]) == null ? void 0 : n.configVersion) === a && h(e, c, r) === "applied";
+      }
+    );
+    try {
+      await t.fetchRecommendationProductsForBlock(e);
+    } catch (n) {
+      console.error("[recommendation] product refetch outside the panel failed", n);
+    } finally {
+      m();
+    }
+  }
+  const o = t.blockStates[e];
+  return o ? o.configVersion !== a || o.adoptedSizeVersion !== u ? S(e, { pickUpdates: s, description: r }) : g(e, c, o.recommendationProducts, r) : !1;
+}
+export {
+  S as refreshBlockOutsidePanel
+};

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

@@ -1,6 +1,6 @@
 import { extractWrapperTags as A } from "../../../../utils/preserveTextStyles.js";
 import { RecommendationBlockId as c } from "../constants/blockIds.js";
-import { DESKTOP_CONTAINER_SELECTOR as b, ATTR_PRODUCT_NAME as k, ATTR_PRODUCT_PRICE as y, ATTR_PRODUCT_OLD_PRICE as p, ATTR_PRODUCT_OMNIBUS_PRICE as R, ATTR_PRODUCT_OMNIBUS_DISCOUNT as _, ATTR_PRODUCT_BUTTON as x, ATTR_PRODUCT_IMAGE as q, ATTR_PRODUCT_ATTR as v } from "../constants/selectors.js";
+import { ATTR_PRODUCT_NAME as k, ATTR_PRODUCT_PRICE as y, ATTR_PRODUCT_OLD_PRICE as p, ATTR_PRODUCT_OMNIBUS_PRICE as R, ATTR_PRODUCT_OMNIBUS_DISCOUNT as _, ATTR_PRODUCT_BUTTON as x, ATTR_PRODUCT_IMAGE as q, DESKTOP_CONTAINER_SELECTOR as b, ATTR_PRODUCT_ATTR as v } from "../constants/selectors.js";
 import { CSS_CLASS_TEXT_TRIM as B } from "../controls/shared/textTrimCssRules.js";
 import { toCustomCompositionKey as U } from "../templates/utils.js";
 import { resolveRowVisibilityKeys as N, isMergedInlinePriceRow as C } from "./compositionKeys.js";

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

@@ -0,0 +1,25 @@
+function o(a) {
+  return {
+    name: a.code,
+    value: a.code,
+    symbol: a.symbol,
+    alignment: a.alignment === "before" ? "0" : "1",
+    decimalCount: a.decimalCount.toString(),
+    decimalSeparator: a.decimalSeparator,
+    thousandSeparator: a.thousandSeparator
+  };
+}
+function e(a) {
+  return {
+    code: a.value,
+    symbol: a.symbol,
+    alignment: a.alignment === "0" ? "before" : "after",
+    decimalCount: Number(a.decimalCount),
+    decimalSeparator: a.decimalSeparator,
+    thousandSeparator: a.thousandSeparator
+  };
+}
+export {
+  e as toCurrencyConfig,
+  o as toCurrencySettings
+};

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

@@ -1,53 +1,124 @@
-import { ModificationDescription as s } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { RECOMMENDATION_ID_ATTR as a } from "../constants/selectors.js";
-import { isPartnerManagedBlock as C, updateProductContentInPlace as p, regenerateProductRowsWithStyles as y } from "../controls/main/utils.js";
-import { RecommendationConfigService as m } from "../services/configService.js";
-import { useRecommendationExtensionStore as N } from "../store/recommendation.js";
-let n = null;
-function B(e) {
-  n = e;
-}
-function S(e, t) {
-  const o = N(), i = o.currentRecommendationId;
-  if (i === e || !o.blockStates[e]) {
-    t();
+import { ModificationDescription as g } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RECOMMENDATION_ID_ATTR as m } from "../constants/selectors.js";
+import { setCurrencyAttributes as h, isPartnerManagedBlock as p, updateProductContentInPlace as O, regenerateProductRowsWithStyles as N } from "../controls/main/utils.js";
+import { RecommendationConfigService as u } from "../services/configService.js";
+import { useRecommendationExtensionStore as S } from "../store/recommendation.js";
+const D = "Update recommendation filters", E = [
+  ["strategyId", () => "Updated recommendation strategy"],
+  ["strategy", (e) => `Changed algorithm to ${e.strategy}`],
+  ["productIds", () => "Updated product IDs"],
+  ["size", (e) => `Changed product count to ${e.size}`],
+  ["language", (e) => `Changed language to ${e.language}`],
+  ["shuffleProducts", (e) => `${e.shuffleProducts ? "Enabled" : "Disabled"} product shuffle`],
+  ["currency", (e) => {
+    var n;
+    return `Changed currency to ${(n = e.currency) == null ? void 0 : n.code}`;
+  }],
+  ["filters", () => D]
+];
+let i = null;
+const a = /* @__PURE__ */ new Set();
+function _(e) {
+  i = e;
+}
+function w(e) {
+  return a.add(e), () => {
+    a.delete(e);
+  };
+}
+function A() {
+  let e = 0;
+  return [...a].forEach((n) => {
+    try {
+      n() && (e += 1);
+    } catch (t) {
+      console.error("[recommendation] pending config flush failed", t);
+    }
+  }), e;
+}
+function C(e) {
+  const n = i == null ? void 0 : i.getDocumentRootHtmlNode();
+  return !n || !("querySelector" in n) ? null : n.querySelector(`[${m}="${e}"]`) ?? null;
+}
+function d(e) {
+  return JSON.stringify(e, (n, t) => t && typeof t == "object" && !Array.isArray(t) ? Object.fromEntries(Object.entries(t).sort(([r], [o]) => r.localeCompare(o))) : t);
+}
+function l(e, n, t) {
+  return t in n && d(e[t]) !== d(n[t]);
+}
+function I(e, n) {
+  const t = u.getConfig(e);
+  return Object.keys(n).some((r) => l(t, n, r));
+}
+function P(e, n) {
+  const t = E.find(([r]) => l(e, n, r));
+  return t ? t[1](n) : null;
+}
+function y(e, n, t) {
+  u.stageConfig(e, n, t), t.currency && l(u.getConfig(n), t, "currency") && h({ currentNode: n, documentModifier: e, currency: t.currency, stageOnly: !0 });
+}
+function k(e, n, t) {
+  const r = C(e);
+  if (!i || !r)
+    return "missing";
+  const o = P(u.getConfig(r), n);
+  if (o === null)
+    return "unchanged";
+  const c = i.getDocumentModifier();
+  return y(c, r, n), c.apply(new g(t ?? o)), "applied";
+}
+function R(e, n) {
+  const t = S(), r = t.currentRecommendationId;
+  if (r === e || !t.blockStates[e]) {
+    n();
     return;
   }
-  o.setCurrentBlock(e);
+  t.setCurrentBlock(e);
   try {
-    t();
+    n();
   } finally {
-    o.$patch({ currentRecommendationId: i });
+    t.$patch({ currentRecommendationId: r });
   }
 }
-function P(e) {
-  const t = n == null ? void 0 : n.getDocumentRootHtmlNode();
-  return !t || !("querySelectorAll" in t) ? [] : t.querySelectorAll(`[${a}="${e}"]`).map((o) => m.getConfig(o));
+function F(e) {
+  const n = i == null ? void 0 : i.getDocumentRootHtmlNode();
+  return !n || !("querySelectorAll" in n) ? [] : n.querySelectorAll(`[${m}="${e}"]`).map((t) => u.getConfig(t));
 }
-function $(e, t, o, i) {
-  const f = n == null ? void 0 : n.getDocumentRootHtmlNode();
-  if (!n || !f || !("querySelector" in f))
-    return !1;
-  const r = f.querySelector(`[${a}="${e}"]`);
-  if (!r)
+function j(e, n, t, r) {
+  const o = C(e);
+  if (!i || !o)
     return !1;
-  const c = n.getDocumentModifier(), d = m.getConfig(r), g = Object.keys(t).some((l) => JSON.stringify(d[l]) !== JSON.stringify(t[l]));
-  if (m.stageConfig(c, r, t), C(r))
-    return c.apply(new s(i)), !0;
-  let u = !1;
-  return S(e, () => {
-    p({
-      currentNode: r,
+  const c = i.getDocumentModifier(), s = I(o, n);
+  if (y(c, o, n), p(o))
+    return s && c.apply(new g(r)), !0;
+  let f = !1;
+  return R(e, () => {
+    O({
+      currentNode: o,
       documentModifier: c,
-      products: o,
-      onApplied: () => {
-        u = !0;
+      products: t,
+      stageOnly: !0,
+      configOverrides: n,
+      onChanged: () => {
+        f = !0;
       }
-    }) || (u = y({ currentNode: r, documentModifier: c, products: o }));
-  }), !u && g && c.apply(new s(i)), !0;
+    }) || (f = N({
+      currentNode: o,
+      documentModifier: c,
+      products: t,
+      stageOnly: !0,
+      configOverrides: n
+    }));
+  }), (s || f) && c.apply(new g(r)), !0;
 }
 export {
-  $ as commitBlockChangeOutsidePanel,
-  P as readBlockNodeConfigs,
-  B as registerNodeConfigWriter
+  D as UPDATE_FILTERS_DESCRIPTION,
+  j as commitBlockChangeOutsidePanel,
+  P as describeConfigChange,
+  A as flushPendingNodeConfigWrites,
+  F as readBlockNodeConfigs,
+  _ as registerNodeConfigWriter,
+  w as registerPendingConfigFlush,
+  y as stageConfigChange,
+  k as writeBlockConfigOutsidePanel
 };

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

@@ -1,47 +1,43 @@
 import { useRecommendationExtensionStore as g } from "../store/recommendation.js";
-import { toBlockUrlConfig as m } from "./blockUrlConfig.js";
-import { commitBlockChangeOutsidePanel as d, readBlockNodeConfigs as y } from "./nodeConfigWriter.js";
-function l(t, o) {
-  const r = JSON.stringify(m(o));
-  return y(t).find((e) => JSON.stringify(m(e)) !== r) ?? o;
+import { refreshBlockOutsidePanel as y } from "./blockRefresh.js";
+import { toBlockUrlConfig as a } from "./blockUrlConfig.js";
+import { commitBlockChangeOutsidePanel as l, readBlockNodeConfigs as S } from "./nodeConfigWriter.js";
+function d(e, t) {
+  const r = JSON.stringify(a(t));
+  return S(e).find((o) => JSON.stringify(a(o)) !== r) ?? t;
 }
-async function C(t, o, r) {
-  const e = g(), c = [t, o];
-  (/* @__PURE__ */ new Map([[t, l(t, r)], [o, r]])).forEach((n, s) => {
-    var a;
-    (!!n.strategyId || s === o) && ((a = e.blockStates[s]) == null ? void 0 : a.recommendationConfigs.strategyId) !== n.strategyId && e.seedBlockUrlConfig(s, m(n));
-  }), e.resetArrivedBlock(o), await Promise.all(c.map(async (n) => {
-    if (!await e.refreshStrategyBlock(n))
+async function p(e, t, r) {
+  const o = g(), s = [e, t];
+  (/* @__PURE__ */ new Map([[e, d(e, r)], [t, r]])).forEach((n, i) => {
+    var m;
+    (!!n.strategyId || i === t) && ((m = o.blockStates[i]) == null ? void 0 : m.recommendationConfigs.strategyId) !== n.strategyId && o.seedBlockUrlConfig(i, a(n));
+  }), o.resetArrivedBlock(t), await Promise.all(s.map(async (n) => {
+    if (!await o.refreshStrategyBlock(n))
       return;
-    const { recommendationConfigs: s, recommendationProducts: i } = e.blockStates[n];
-    d(
+    const { recommendationConfigs: i, recommendationProducts: f } = o.blockStates[n];
+    l(
       n,
-      { size: s.size },
-      i,
+      { size: i.size },
+      f,
       "Refresh duplicated recommendation strategy"
     );
   }));
 }
-async function B(t, o) {
-  const r = g(), e = r.blockStates[t];
-  if (!e)
+async function k(e, t) {
+  if (!g().blockStates[e])
     return !1;
-  const { strategyId: c, strategy: f, size: n, nodeConfigVersion: s } = e.recommendationConfigs;
-  if (r.currentRecommendationId === t)
-    try {
-      await r.fetchRecommendationProducts();
-    } catch (a) {
-      console.error("[recommendation] product refetch after a strategy change failed", a);
-    }
-  const i = d(
-    t,
-    { strategyId: c, strategy: f, size: n, configVersion: s },
-    e.recommendationProducts,
-    o
-  );
-  return i || console.error("[recommendation] strategy change did not reach a node", { blockId: t }), i;
+  const r = await y(e, {
+    pickUpdates: ({ strategyId: o, strategy: s, size: c, nodeConfigVersion: n }) => ({
+      strategyId: o,
+      strategy: s,
+      size: c,
+      configVersion: n
+    }),
+    description: t
+  });
+  return r || console.error("[recommendation] strategy change did not reach a node", { blockId: e }), r;
 }
 export {
-  B as commitStrategyChange,
-  C as refreshDuplicatedStrategyBlocks
+  k as commitStrategyChange,
+  p as refreshDuplicatedStrategyBlocks
 };

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

@@ -1,42 +1,48 @@
-var S = Object.defineProperty;
-var f = (c, o, e) => o in c ? S(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
-var a = (c, o, e) => f(c, typeof o != "symbol" ? o + "" : o, e);
+var y = Object.defineProperty;
+var I = (c, o, e) => o in c ? y(c, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[o] = e;
+var g = (c, o, e) => I(c, typeof o != "symbol" ? o + "" : o, e);
 import { useToaster as L } from "../../../composables/useToaster.js";
-import { ToasterTypeOptions as A } from "../../../enums/toaster.js";
-import { PAGE_TYPES as h } from "../../../enums/unsubscribe.js";
-import { useEditorStore as y } from "../../../stores/editor.js";
-import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.js";
-import { Block as T, BlockCompositionType as I, ContextActionType as B, ModificationDescription as d, BlockType as v } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as C } from "./template.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as m, DATA_ATTRIBUTES as n, UNSUBSCRIBE_EVENTS as b } from "./utils/constants.js";
-import { parsePageList as _ } from "./utils/utils.js";
-const N = "unsubscribe-block", E = 'a[data-unsubscribe-link="true"]', U = "{{ins-unsubscribe-link}}", R = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", D = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", w = {
-  [h.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
-  [h.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
-}, P = 3;
-class W extends T {
+import { ToasterTypeOptions as C } from "../../../enums/toaster.js";
+import { PAGE_TYPES as m } from "../../../enums/unsubscribe.js";
+import { useEditorStore as N } from "../../../stores/editor.js";
+import { useUnsubscribeStore as a } from "../../../stores/unsubscribe.js";
+import { Block as U, BlockCompositionType as R, ContextActionType as f, ModificationDescription as u, BlockType as v } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as D } from "./template.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as B, DATA_ATTRIBUTES as n, UNSUBSCRIBE_EVENTS as h } from "./utils/constants.js";
+import { parsePageList as S } from "./utils/utils.js";
+const w = "unsubscribe-block", E = 'a[data-unsubscribe-link="true"]', P = "{{ins-unsubscribe-link}}", x = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", G = "Removing the unsubscribe text leaves an empty block, but an active unsubscribe link is required. Undo your last action to restore the text, or delete the unsubscribe block entirely.", M = {
+  [m.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
+  [m.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
+}, O = 3;
+let d = null, p = null;
+const A = () => {
+  d && (document.removeEventListener(h.SELECT, d), d = null);
+}, T = () => {
+  p && (document.removeEventListener(h.CANCEL, p), p = null);
+}, q = () => {
+  A(), T();
+};
+class J extends U {
   constructor() {
     super();
-    a(this, "selectEventListener", null);
-    a(this, "cancelEventListener", null);
-    a(this, "currentNode");
+    g(this, "currentNode");
     // Per-block "did this instance have a link last time we saw it?" tracking.
     // Keyed by the stable `data-unsubscribe-block-id` we assign, because
     // ImmutableHtmlNode instances are recreated on every document mutation and
     // can't be used as Map keys directly. A singleton boolean here would be
     // polluted across blocks since Stripo fires onDocumentChanged per-instance.
-    a(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
+    g(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
     // Per-block prepend retry counter for the leading text guard (SD-143097).
-    a(this, "guardAttemptsByBlockId", /* @__PURE__ */ new Map());
+    g(this, "guardAttemptsByBlockId", /* @__PURE__ */ new Map());
   }
   getId() {
-    return N;
+    return w;
   }
   getIcon() {
     return "unsubscribe-icon";
   }
   getBlockCompositionType() {
-    return I.BLOCK;
+    return R.BLOCK;
   }
   getName() {
     return this.api.translate("Unsubscribe Block");
@@ -45,16 +51,16 @@ class W extends T {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return C();
+    return D();
   }
   getContextActionsIds() {
-    return [B.MOVE, B.REMOVE];
+    return [f.MOVE, f.REMOVE];
   }
   onSelect(e) {
-    if (this.currentNode = e, y().isPreviewModeOpen)
+    if (this.currentNode = e, N().isPreviewModeOpen)
       return;
     const t = this._getOrAssignBlockId(e);
-    t && this.linkStateByBlockId.set(t, this._hasUnsubscribeLink(e)), this._setupSelectEventListener(), this._setupCancelEventListener(t), !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), t && (l().pendingBlockId = t), this._loadBlockState(e), this._checkExistingBlocks(), this._openDrawer());
+    t && this.linkStateByBlockId.set(t, this._hasUnsubscribeLink(e)), this._setupSelectEventListener(), this._setupCancelEventListener(t), !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), t && (a().pendingBlockId = t), this._loadBlockState(e), this._checkExistingBlocks(), this._openDrawer());
   }
   onCreated(e) {
     this._ensureLeadingTextGuard(e);
@@ -62,7 +68,7 @@ class W extends T {
   onDocumentInit() {
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(m).forEach((t) => {
+      e && "querySelectorAll" in e && e.querySelectorAll(B).forEach((t) => {
         this._ensureLeadingTextGuard(t);
       });
     } catch {
@@ -77,13 +83,10 @@ class W extends T {
     this.linkStateByBlockId.get(t) === !0 && !s && this._warnLinkRemoved(), this.linkStateByBlockId.set(t, s);
   }
   onDelete(e) {
-    this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
+    q(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
     const t = this._readBlockId(e);
     t && (this.linkStateByBlockId.delete(t), this.guardAttemptsByBlockId.delete(t));
   }
-  onDestroy() {
-    this._removeEventListeners(), this.currentNode = void 0, this.linkStateByBlockId.clear(), this.guardAttemptsByBlockId.clear();
-  }
   /**
    * Guarantees a plain-text node before the link's wrapper inside the <p>.
    * Without it the only caret position left of the link is inside the anchor,
@@ -102,20 +105,20 @@ class W extends T {
       return;
     const i = s.previousSibling();
     if (!!(i && i.getType() === "text" && i.getTextContent())) {
-      const p = this._readBlockId(e);
-      p && this.guardAttemptsByBlockId.delete(p);
+      const b = this._readBlockId(e);
+      b && this.guardAttemptsByBlockId.delete(b);
       return;
     }
-    const g = this._getOrAssignBlockId(e);
-    if (!g)
+    const k = this._getOrAssignBlockId(e);
+    if (!k)
       return;
-    const k = this.guardAttemptsByBlockId.get(g) ?? 0;
-    if (!(k >= P)) {
-      this.guardAttemptsByBlockId.set(g, k + 1);
+    const _ = this.guardAttemptsByBlockId.get(k) ?? 0;
+    if (!(_ >= O)) {
+      this.guardAttemptsByBlockId.set(k, _ + 1);
       try {
-        this.api.getDocumentModifier().modifyHtml(r).prepend("&nbsp;").apply(new d("Ensure unsubscribe link text guard"));
-      } catch (p) {
-        console.warn("[UnsubscribeBlock] Failed to ensure link text guard:", p);
+        this.api.getDocumentModifier().modifyHtml(r).prepend("&nbsp;").apply(new u("Ensure unsubscribe link text guard"));
+      } catch (b) {
+        console.warn("[UnsubscribeBlock] Failed to ensure link text guard:", b);
       }
     }
   }
@@ -139,7 +142,7 @@ class W extends T {
       return null;
     const s = this._generateNextBlockId();
     try {
-      this.api.getDocumentModifier().modifyHtml(e).setAttribute(n.BLOCK_ID, s).apply(new d(`Assign unsubscribe block id ${s}`));
+      this.api.getDocumentModifier().modifyHtml(e).setAttribute(n.BLOCK_ID, s).apply(new u(`Assign unsubscribe block id ${s}`));
     } catch (r) {
       return console.warn("[UnsubscribeBlock] Failed to assign block id:", r), null;
     }
@@ -154,10 +157,10 @@ class W extends T {
     let e = 0;
     try {
       const t = this.api.getDocumentRoot();
-      t && "querySelectorAll" in t && t.querySelectorAll(m).forEach((r) => {
+      t && "querySelectorAll" in t && t.querySelectorAll(B).forEach((r) => {
         if ("getAttribute" in r) {
-          const i = r.getAttribute(n.BLOCK_ID), u = i ? parseInt(i) : 0;
-          u > e && (e = u);
+          const i = r.getAttribute(n.BLOCK_ID), l = i ? parseInt(i) : 0;
+          l > e && (e = l);
         }
       });
     } catch {
@@ -168,12 +171,12 @@ class W extends T {
     try {
       const { showToaster: e } = L();
       e({
-        type: A.Warning,
-        message: this.api.translate(D),
+        type: C.Warning,
+        message: this.api.translate(G),
         actionButton: {
           text: this.api.translate("Visit Academy"),
           onClick: () => {
-            window.open(R, "_blank", "noopener,noreferrer");
+            window.open(x, "_blank", "noopener,noreferrer");
           }
         }
       });
@@ -182,35 +185,26 @@ class W extends T {
     }
   }
   _setupSelectEventListener() {
-    this._removeSelectEventListener(), this.selectEventListener = (e) => {
+    A(), d = (e) => {
       const t = e, { collectionType: s, selectedPages: r } = t.detail;
       this._updateBlock(s, r.join(","));
-    }, document.addEventListener(b.SELECT, this.selectEventListener);
-  }
-  _removeSelectEventListener() {
-    this.selectEventListener && (document.removeEventListener(b.SELECT, this.selectEventListener), this.selectEventListener = null);
+    }, document.addEventListener(h.SELECT, d);
   }
   _setupCancelEventListener(e) {
-    this._removeCancelEventListener(), this.cancelEventListener = (t) => {
+    T(), p = (t) => {
       const { detail: s } = t;
       ((s == null ? void 0 : s.blockId) ?? null) === e && this._handleCancel();
-    }, document.addEventListener(b.CANCEL, this.cancelEventListener);
-  }
-  _removeCancelEventListener() {
-    this.cancelEventListener && (document.removeEventListener(b.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
+    }, document.addEventListener(h.CANCEL, p);
   }
   _handleCancel() {
     try {
       if (!this.currentNode)
         return;
-      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${v.EMPTY_CONTAINER}/>`).apply(new d("Removed unsubscribe block due to cancel"));
+      this.api.getDocumentModifier().modifyHtml(this.currentNode).replaceWith(`<${v.EMPTY_CONTAINER}/>`).apply(new u("Removed unsubscribe block due to cancel"));
     } catch (e) {
       console.warn("[UnsubscribeBlock] Failed to remove unsubscribe block:", e);
     }
   }
-  _removeEventListeners() {
-    this._removeSelectEventListener(), this._removeCancelEventListener();
-  }
   _updateBlock(e, t) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
@@ -218,28 +212,28 @@ class W extends T {
     if (!s)
       return;
     const r = this._getMergeTag(e);
-    this.api.getDocumentModifier().modifyHtml(s).setAttribute("href", r).apply(new d(`Updated unsubscribe link to ${r}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(n.PAGE_TYPE, e.toString()).setAttribute(n.PAGE_LIST, t).apply(new d("Updated unsubscribe block metadata"));
+    this.api.getDocumentModifier().modifyHtml(s).setAttribute("href", r).apply(new u(`Updated unsubscribe link to ${r}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(n.PAGE_TYPE, e.toString()).setAttribute(n.PAGE_LIST, t).apply(new u("Updated unsubscribe block metadata"));
   }
   _getMergeTag(e) {
-    return w[e] ?? U;
+    return M[e] ?? P;
   }
   _openDrawer() {
     if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
       try {
-        const e = l();
+        const e = a();
         e.typeSelectionDrawerStatus = !0;
       } catch (e) {
         console.error("[UnsubscribeBlock] Failed to open drawer:", e);
       }
   }
   _checkExistingBlocks() {
-    const e = l();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(m).forEach((s) => {
+    const e = a();
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(B).forEach((s) => {
       if ("getAttribute" in s) {
         const r = s.getAttribute(n.PAGE_TYPE);
         if (r) {
           const i = Number(r);
-          i === h.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : i === h.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
+          i === m.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : i === m.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
         }
       }
     });
@@ -250,11 +244,11 @@ class W extends T {
     const t = e.getAttribute(n.PAGE_TYPE), s = e.getAttribute(n.PAGE_LIST);
     if (!t || !s)
       return;
-    const r = l(), i = Number(t), u = _(s);
-    await r.fetchTemplates(), r.setCollectionWithoutAutoSelection(i), r.loadSelectedTemplates(u);
+    const r = a(), i = Number(t), l = S(s);
+    await r.fetchTemplates(), r.setCollectionWithoutAutoSelection(i), r.loadSelectedTemplates(l);
   }
   _resetStoreState() {
-    l().$reset();
+    a().$reset();
   }
   _removeBlockTemplatesFromStore(e) {
     if (!("getAttribute" in e))
@@ -262,11 +256,12 @@ class W extends T {
     const t = e.getAttribute(n.PAGE_LIST);
     if (!t)
       return;
-    const s = l(), r = _(t);
+    const s = a(), r = S(t);
     s.removeUnsubscribePages(r);
   }
 }
 export {
-  N as UNSUBSCRIBE_BLOCK_ID,
-  W as UnsubscribeBlock
+  w as UNSUBSCRIBE_BLOCK_ID,
+  J as UnsubscribeBlock,
+  q as disposeUnsubscribeListeners
 };

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-2cccbd44]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-c5ff3804]{gap:16px}.validation-error-row[data-v-c5ff3804]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-c5ff3804]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-c5ff3804]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-1b5c844a]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-1b5c844a]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-1b5c844a]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-c5146fc5]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-c5146fc5]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-c5146fc5]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-91a26acd]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-91a26acd]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-91a26acd]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-91a26acd]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-91a26acd]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}