@useinsider/guido 3.20.1 → 3.21.0

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

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

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

@@ -1,53 +1,68 @@
-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 l } from "../constants/selectors.js";
+import { isPartnerManagedBlock as m, updateProductContentInPlace as d, regenerateProductRowsWithStyles as C } from "../controls/main/utils.js";
+import { RecommendationConfigService as c } from "../services/configService.js";
+import { useRecommendationExtensionStore as y } from "../store/recommendation.js";
+let r = null;
+function M(n) {
+  r = n;
+}
+function a(n) {
+  const e = r == null ? void 0 : r.getDocumentRootHtmlNode();
+  return !e || !("querySelector" in e) ? null : e.querySelector(`[${l}="${n}"]`) ?? null;
+}
+function N(n, e) {
+  const o = c.getConfig(n);
+  return Object.keys(e).some((t) => JSON.stringify(o[t]) !== JSON.stringify(e[t]));
+}
+function S(n, e) {
+  const o = c.getConfig(n);
+  return ["filters", "strategy", "strategyId", "size"].some((t) => t in e && JSON.stringify(o[t]) !== JSON.stringify(e[t]));
+}
+function P(n, e, o) {
+  const t = a(n);
+  return !r || !t ? !1 : (S(t, e) && c.updateConfig(r, t, e, o), !0);
+}
+function p(n, e) {
+  const o = y(), t = o.currentRecommendationId;
+  if (t === n || !o.blockStates[n]) {
+    e();
     return;
   }
-  o.setCurrentBlock(e);
+  o.setCurrentBlock(n);
   try {
-    t();
+    e();
   } finally {
-    o.$patch({ currentRecommendationId: i });
+    o.$patch({ currentRecommendationId: t });
   }
 }
-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 I(n) {
+  const e = r == null ? void 0 : r.getDocumentRootHtmlNode();
+  return !e || !("querySelectorAll" in e) ? [] : e.querySelectorAll(`[${l}="${n}"]`).map((o) => c.getConfig(o));
 }
-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 $(n, e, o, t) {
+  const i = a(n);
+  if (!r || !i)
     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;
+  const f = r.getDocumentModifier(), s = N(i, e);
+  if (c.stageConfig(f, i, e), m(i))
+    return s && f.apply(new g(t)), !0;
   let u = !1;
-  return S(e, () => {
-    p({
-      currentNode: r,
-      documentModifier: c,
+  return p(n, () => {
+    d({
+      currentNode: i,
+      documentModifier: f,
       products: o,
       onApplied: () => {
         u = !0;
       }
-    }) || (u = y({ currentNode: r, documentModifier: c, products: o }));
-  }), !u && g && c.apply(new s(i)), !0;
+    }) || (u = C({ currentNode: i, documentModifier: f, products: o }));
+  }), !u && s && f.apply(new g(t)), !0;
 }
 export {
   $ as commitBlockChangeOutsidePanel,
-  P as readBlockNodeConfigs,
-  B as registerNodeConfigWriter
+  S as hasEditedConfigChange,
+  I as readBlockNodeConfigs,
+  M as registerNodeConfigWriter,
+  P 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}