@useinsider/guido 3.7.0-beta.830822b → 3.7.0-beta.a1aaf44

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js

@@ -16,7 +16,7 @@ var o = function() {
   i,
   !1,
   null,
-  "df672485"
+  "1b31027d"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue2.js

@@ -1,15 +1,16 @@
-import { defineComponent as g, ref as y, computed as n, watch as S } from "vue";
-import T from "../../wrappers/WpDrawer.vue.js";
-import { useToaster as v } from "../../../composables/useToaster.js";
+import { defineComponent as y, ref as S, computed as a, watch as T } from "vue";
+import v from "../../wrappers/WpDrawer.vue.js";
+import { useToaster as w } from "../../../composables/useToaster.js";
 import { useTranslations as B } from "../../../composables/useTranslations.js";
 import { ToasterTypeOptions as C } from "../../../enums/toaster.js";
-import { useUnsubscribeStore as w } from "../../../stores/unsubscribe.js";
-import { InContainer as h } from "@useinsider/design-system-vue";
-import U from "./UnsubscribeBreadcrumb.vue.js";
-const F = /* @__PURE__ */ g({
+import { useEditorStore as P } from "../../../stores/editor.js";
+import { useUnsubscribeStore as h } from "../../../stores/unsubscribe.js";
+import { InContainer as U } from "@useinsider/design-system-vue";
+import _ from "./UnsubscribeBreadcrumb.vue.js";
+const G = /* @__PURE__ */ y({
   __name: "UnsubscribePageSelection",
-  setup(P) {
-    const s = B(), e = w(), { showToaster: a } = v(), o = y(!1), c = n(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), i = n(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), u = n(() => ({
+  setup(x) {
+    const s = B(), e = h(), r = P(), { showToaster: i } = w(), o = S(!1), c = a(() => e.isActiveTypeLastInCollection ? o.value ? s("unsubscription-preference.applying-changes") : s("statistics.apply") : s("products.select-and-continue")), l = a(() => e.pageSelectionUpdateStatus && e.isActiveTypeFirstInCollection ? s("products.cancel") : s("newsletter.back")), p = a(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -20,45 +21,47 @@ const F = /* @__PURE__ */ g({
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: i.value,
+        labelText: l.value,
         disabledStatus: o.value
       }
-    })), p = (t) => e.getSelectedTemplateByActiveType === t ? "bor-w-3 bor-s-s bor-c-7" : "bor-w-1 bor-s-s bor-c-6", r = (t) => {
+    })), d = (t) => e.getSelectedTemplateByActiveType === t ? "bor-w-3 bor-s-s bor-c-7" : "bor-w-1 bor-s-s bor-c-6", n = (t) => {
       e.pageSelectionDrawerStatus = !1, t && setTimeout(() => {
         t();
       }, 500);
-    }, d = () => {
+    }, m = () => {
       if (e.isActiveTypeFirstInCollection) {
-        r(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
+        n(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
         return;
       }
       e.setPreviousType();
-    }, m = () => {
-      if (e.isActiveTypeLastInCollection) {
-        o.value = !0;
-        const t = e.selectedCollectionType, l = e.getSelectedTemplatesByCollection(t), f = e.getSelectedUnsubscribePagesByCollection(t);
-        e.removeUnsubscribePages(f), e.addUnsubscribePages(l), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
-          detail: {
-            collectionType: t,
-            selectedPages: l
-          }
-        })), r(() => {
-          o.value = !1, a({
-            type: C.Success,
-            message: s("global-unsubscribe.pages-were-attached")
+    }, b = () => {
+      if (!r.isPreviewModeOpen) {
+        if (e.isActiveTypeLastInCollection) {
+          o.value = !0;
+          const t = e.selectedCollectionType, u = e.getSelectedTemplatesByCollection(t), g = e.getSelectedUnsubscribePagesByCollection(t);
+          e.removeUnsubscribePages(g), e.addUnsubscribePages(u), document.dispatchEvent(new CustomEvent("unsubscribe:select", {
+            detail: {
+              collectionType: t,
+              selectedPages: u
+            }
+          })), n(() => {
+            o.value = !1, i({
+              type: C.Success,
+              message: s("global-unsubscribe.pages-were-attached")
+            });
           });
-        });
-        return;
+          return;
+        }
+        e.setNextType();
       }
-      e.setNextType();
-    }, b = (t) => {
-      e.setSelectedTemplate(t);
+    }, f = (t) => {
+      r.isPreviewModeOpen || e.setSelectedTemplate(t);
     };
-    return S(() => e.pageSelectionDrawerStatus, (t) => {
+    return T(() => e.pageSelectionDrawerStatus, (t) => {
       t && e.pageSelectionUpdateStatus && e.fetchTemplates();
-    }), { __sfc: !0, trans: s, unsubscribeStore: e, showToaster: a, isApplying: o, getPrimaryButtonText: c, getCancelOrBackButtonText: i, footerButtonGroupOptions: u, getBorderClass: p, closeModal: r, handleBack: d, handleSave: m, selectTemplate: b, WpDrawer: T, InContainer: h, UnsubscribeBreadcrumb: U };
+    }), { __sfc: !0, trans: s, unsubscribeStore: e, editorStore: r, showToaster: i, isApplying: o, getPrimaryButtonText: c, getCancelOrBackButtonText: l, footerButtonGroupOptions: p, getBorderClass: d, closeModal: n, handleBack: m, handleSave: b, selectTemplate: f, WpDrawer: v, InContainer: U, UnsubscribeBreadcrumb: _ };
   }
 });
 export {
-  F as default
+  G as default
 };

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js

@@ -10,7 +10,7 @@ var i = function() {
   r,
   !1,
   null,
-  "43c617a7"
+  "811cff80"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js

@@ -1,106 +1,109 @@
-import { defineComponent as h, ref as b, computed as g, watch as _ } from "vue";
+import { defineComponent as _, ref as b, computed as m, watch as h } from "vue";
 import v from "../../wrappers/WpDrawer.vue.js";
 import { useToaster as U } from "../../../composables/useToaster.js";
-import { useTranslations as N } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINKS as w } from "../../../enums/academy.js";
-import { ToasterTypeOptions as R } from "../../../enums/toaster.js";
-import { PAGE_TYPES as l, getTypeTranslations as D, UNSUBSCRIBE_PAGES_LINK as I } from "../../../enums/unsubscribe.js";
-import { useUnsubscribeStore as P } from "../../../stores/unsubscribe.js";
-import { InSegments as G } from "@useinsider/design-system-vue";
-const V = /* @__PURE__ */ h({
+import { useTranslations as w } from "../../../composables/useTranslations.js";
+import { ACADEMY_LINKS as N } from "../../../enums/academy.js";
+import { ToasterTypeOptions as I } from "../../../enums/toaster.js";
+import { PAGE_TYPES as l, getTypeTranslations as R, UNSUBSCRIBE_PAGES_LINK as D } from "../../../enums/unsubscribe.js";
+import { useUnsubscribeStore as L } from "../../../stores/unsubscribe.js";
+import { InSegments as P } from "@useinsider/design-system-vue";
+const V = /* @__PURE__ */ _({
   __name: "UnsubscribeTypeSelection",
-  setup(L) {
-    const e = N(), { showToaster: f } = U(), t = P(), n = b(!1), i = b(!0), o = b(l.GLOBAL_UNSUBSCRIBE), S = e(
+  setup(G) {
+    const t = w(), { showToaster: f } = U(), e = L(), n = b(!1), o = b(!0), r = b(l.GLOBAL_UNSUBSCRIBE), S = t(
       "unsubscription-preference.select-unsubscribe-page-description",
-      { action: `<a href="${w.GLOBAL_UNSUBSCRIBE}" target="_blank">${e("ds-rules.visit-academy")}</a>` }
-    ), T = g(() => [
+      { action: `<a href="${N.GLOBAL_UNSUBSCRIBE}" target="_blank">${t("ds-rules.visit-academy")}</a>` }
+    ), T = m(() => [
       {
-        description: e("unsubscription-preference.type-global-unsubscribe-description"),
+        description: t("unsubscription-preference.type-global-unsubscribe-description"),
         icon: "line-contact-global-unsub-page",
-        text: e("unsubscription-preference.type-global-unsubscribe"),
+        text: t("unsubscription-preference.type-global-unsubscribe"),
         value: l.GLOBAL_UNSUBSCRIBE,
-        disable: t.isGlobalUnsubscribeDisabled,
+        disable: e.isGlobalUnsubscribeDisabled,
         position: "bottom",
-        tooltipText: t.isGlobalUnsubscribeDisabled ? e("unsubscription-preference.global-unsub-added") : ""
+        tooltipText: e.isGlobalUnsubscribeDisabled ? t("unsubscription-preference.global-unsub-added") : ""
       },
       {
-        description: e("unsubscription-preference.type-subscription-preferences-center-description"),
+        description: t("unsubscription-preference.type-subscription-preferences-center-description"),
         icon: "line-contact-sub-pref-center-page",
-        text: e("unsubscription-preference.type-subscription-preferences-center"),
+        text: t("unsubscription-preference.type-subscription-preferences-center"),
         value: l.SUBSCRIPTION_PREFERENCE_CENTER,
-        disable: t.isSubscriptionPreferencesCenterDisabled,
-        tooltipText: t.isSubscriptionPreferencesCenterDisabled ? e("unsubscription-preference.pref-center-added") : ""
+        disable: e.isSubscriptionPreferencesCenterDisabled,
+        tooltipText: e.isSubscriptionPreferencesCenterDisabled ? t("unsubscription-preference.pref-center-added") : ""
       }
-    ]), y = g(() => ({
+    ]), y = m(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: e(
+        labelText: t(
           n.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
         ),
         loadingStatus: n.value,
         disabledStatus: !1,
-        skeletonStatus: i.value,
+        skeletonStatus: o.value,
         skeletonSizing: { width: 168, height: 40 }
       },
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: e("products.cancel"),
+        labelText: t("products.cancel"),
         disabledStatus: n.value,
-        skeletonStatus: i.value,
+        skeletonStatus: o.value,
         skeletonSizing: { width: 78, height: 40 }
       }
     })), d = (s) => {
-      t.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel")), s && setTimeout(() => {
+      e.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
+        detail: { blockId: e.pendingBlockId }
+      })), s && setTimeout(() => {
         s();
       }, 500);
     }, E = (s) => {
-      o.value = s;
-    }, m = () => {
-      const s = t.hasTemplatesByCollectionType, r = [];
-      if (Object.entries(s).forEach(([c, p]) => {
-        p || r.push(Number(c));
-      }), r.length === 0)
+      r.value = s;
+    }, g = () => {
+      const s = e.hasTemplatesByCollectionType, a = [];
+      if (Object.entries(s).forEach(([i, p]) => {
+        p || a.push(Number(i));
+      }), a.length === 0)
         return !0;
-      const B = D(), a = r.map((c) => B[c]);
+      const C = R(), c = a.map((i) => C[i]);
       let u = "";
-      if (r.length === 1)
-        u = e("unsubscription-preference.create-page-to-continue", {
-          page: a[0]
+      if (a.length === 1)
+        u = t("unsubscription-preference.create-page-to-continue", {
+          page: c[0]
         });
-      else if (r.length === 2)
-        u = e("unsubscription-preference.create-pages-to-continue", {
-          page1: a[0],
-          page2: a[1]
+      else if (a.length === 2)
+        u = t("unsubscription-preference.create-pages-to-continue", {
+          page1: c[0],
+          page2: c[1]
         });
       else {
-        const c = a.pop() ?? "", p = a.join(", ");
-        u = e("unsubscription-preference.create-multiple-pages-to-continue", {
+        const i = c.pop() ?? "", p = c.join(", ");
+        u = t("unsubscription-preference.create-multiple-pages-to-continue", {
           pages: p,
-          lastPage: c
+          lastPage: i
         });
       }
       return f({
-        type: R.Warning,
+        type: I.Warning,
         message: u,
         actionButton: {
           text: "Go to Unsubscribe Pages",
           onClick: () => {
-            window.location.href = I;
+            const i = new URL(D, window.location.origin).href;
+            window.open(i, "_blank", "noopener");
           }
         }
       }), !1;
-    }, C = async () => {
-      if (n.value = !0, await t.fetchTemplates(), t.setCollection(o.value), !m()) {
+    }, B = async () => {
+      if (n.value = !0, await e.fetchTemplates(!0), e.setCollection(r.value), !g()) {
         n.value = !1, d();
         return;
       }
-      n.value = !1, t.typeSelectionDrawerStatus = !1, t.pageSelectionDrawerStatus = !0;
+      n.value = !1, e.typeSelectionDrawerStatus = !1, e.pageSelectionDrawerStatus = !0;
     };
-    return _(() => t.typeSelectionDrawerStatus, (s) => {
-      s && (i.value = !0, o.value = l.GLOBAL_UNSUBSCRIBE, t.isGlobalUnsubscribeDisabled && (o.value = t.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), i.value = !1);
-    }), { __sfc: !0, trans: e, showToaster: f, unsubscribeStore: t, isSelecting: n, skeletonStatus: i, selectedCollection: o, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: m, selectCollection: C, WpDrawer: v, InSegments: G };
+    return h(() => e.typeSelectionDrawerStatus, (s) => {
+      s && (o.value = !0, r.value = l.GLOBAL_UNSUBSCRIBE, e.isGlobalUnsubscribeDisabled && (r.value = e.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), o.value = !1);
+    }), { __sfc: !0, trans: t, showToaster: f, unsubscribeStore: e, isSelecting: n, skeletonStatus: o, selectedCollection: r, descriptionText: S, segmentList: T, footerButtonGroupOptions: y, closeModal: d, changeCollection: E, validateTemplates: g, selectCollection: B, WpDrawer: v, InSegments: P };
   }
 });
 export {

package/dist/enums/extensions/recommendationBlock.js

@@ -1,8 +1,6 @@
 import { useTranslations as r } from "../../composables/useTranslations.js";
 const l = {
-  RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
-  // Relative path → same-origin as the embedding inone dashboard (Dataforce).
-  PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes"
+  RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
 }, c = {
   CLIENT_ID: "clientId"
 }, d = () => {

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -6,8 +6,8 @@ import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
-import { getPartnerRecommendationParams as w } from "../utils/partnerCustomizations.js";
-import { isFilterValid as v } from "../validation/filterSchema.js";
+import { getPartnerRecommendationParams as v } from "../utils/partnerCustomizations.js";
+import { isFilterValid as w } from "../validation/filterSchema.js";
 import { isConfigValid as N } from "../validation/requiredFields.js";
 const h = y();
 let m = null, u = null, d = null;
@@ -132,7 +132,7 @@ const x = () => ({
       value: e.text
     })),
     getFilterList() {
-      return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
+      return Object.values(this.filterList).map((t) => {
         let e;
         return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : C.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,
@@ -379,7 +379,7 @@ const x = () => ({
         const n = [...e.recommendationConfigs.filters];
         n[r] = {
           ...t,
-          isValid: v(t)
+          isValid: w(t)
         }, e.recommendationConfigs.filters = n;
       }
     },
@@ -456,7 +456,7 @@ const x = () => ({
       };
       r.strategy === "manualMerchandising" ? a.productId = r.productIds.join(",") : r.strategy === "similarViewed" && (a.productId = "{itemId}"), r.strategy === "userBased" && (a.userId = "{user_id}"), c && (a.filter = c), r.shuffleProducts && (a.shuffle = !0), Object.assign(
         a,
-        w(o.partnerName, r.strategy)
+        v(o.partnerName, r.strategy)
       );
       let f;
       try {

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

@@ -1,39 +1,40 @@
-var g = Object.defineProperty;
-var k = (c, n, e) => n in c ? g(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
-var l = (c, n, e) => k(c, typeof n != "symbol" ? n + "" : n, e);
+var m = Object.defineProperty;
+var k = (c, n, e) => n in c ? m(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
+var a = (c, n, e) => k(c, typeof n != "symbol" ? n + "" : n, e);
 import { useToaster as B } from "../../../composables/useToaster.js";
 import { ToasterTypeOptions as S } from "../../../enums/toaster.js";
 import { PAGE_TYPES as E } from "../../../enums/unsubscribe.js";
-import { useUnsubscribeStore as a } from "../../../stores/unsubscribe.js";
-import { Block as L, BlockCompositionType as f, ContextActionType as h, ModificationDescription as b, BlockType as v } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { getDefaultTemplate as A } from "./template.js";
+import { useEditorStore as f } from "../../../stores/editor.js";
+import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.js";
+import { Block as L, BlockCompositionType as A, ContextActionType as h, ModificationDescription as b, BlockType as v } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { getDefaultTemplate as I } from "./template.js";
 import { DATA_ATTRIBUTES as i, UNSUBSCRIBE_EVENTS as d } from "./utils/constants.js";
 import { parsePageList as p } from "./utils/utils.js";
-const y = "unsubscribe-block", m = 'a[data-unsubscribe-link="true"]', _ = ".unsubscribe-block-v2", I = "{{ins-unsubscribe-link}}", T = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", C = "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.", N = {
+const T = "unsubscribe-block", g = 'a[data-unsubscribe-link="true"]', _ = ".unsubscribe-block-v2", y = "{{ins-unsubscribe-link}}", C = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", N = "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.", U = {
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
-class F extends L {
+class K extends L {
   constructor() {
     super();
-    l(this, "selectEventListener", null);
-    l(this, "cancelEventListener", null);
-    l(this, "currentNode");
+    a(this, "selectEventListener", null);
+    a(this, "cancelEventListener", null);
+    a(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.
-    l(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
+    a(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
   }
   getId() {
-    return y;
+    return T;
   }
   getIcon() {
     return "unsubscribe-icon";
   }
   getBlockCompositionType() {
-    return f.BLOCK;
+    return A.BLOCK;
   }
   getName() {
     return this.api.translate("Unsubscribe Block");
@@ -42,37 +43,49 @@ class F extends L {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return A();
+    return I();
   }
   getContextActionsIds() {
     return [h.MOVE, h.REMOVE];
   }
   onSelect(e) {
-    this.currentNode = e;
-    const t = this._getOrAssignBlockId(e);
-    t && this.linkStateByBlockId.set(t, this._hasUnsubscribeLink(e)), !("getAttribute" in e && e.getAttribute("data-migration")) && (this._resetStoreState(), this._loadBlockState(e), this._setupSelectEventListener(), this._setupCancelEventListener(), this._checkExistingBlocks(), this._openDrawer());
+    if (this.currentNode = e, f().isPreviewModeOpen)
+      return;
+    const r = this._readBlockId(e) !== null, t = this._getOrAssignBlockId(e);
+    t && this.linkStateByBlockId.set(t, this._hasUnsubscribeLink(e)), !("getAttribute" in e && e.getAttribute("data-migration")) && (r && !this._hasPageSelection(e) || (this._resetStoreState(), t && (l().pendingBlockId = t), this._loadBlockState(e), this._setupSelectEventListener(), this._setupCancelEventListener(t), this._checkExistingBlocks(), this._openDrawer()));
   }
   onDocumentChanged(e) {
-    const t = this._getOrAssignBlockId(e);
-    if (!t)
+    const r = this._getOrAssignBlockId(e);
+    if (!r)
       return;
-    const r = this._hasUnsubscribeLink(e);
-    this.linkStateByBlockId.get(t) === !0 && !r && this._warnLinkRemoved(), this.linkStateByBlockId.set(t, r);
+    const t = this._hasUnsubscribeLink(e);
+    this.linkStateByBlockId.get(r) === !0 && !t && this._warnLinkRemoved(), this.linkStateByBlockId.set(r, t);
   }
   onDelete(e) {
     this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
-    const t = this._readBlockId(e);
-    t && this.linkStateByBlockId.delete(t);
+    const r = this._readBlockId(e);
+    r && this.linkStateByBlockId.delete(r);
   }
   onDestroy() {
     this._removeEventListeners(), this.currentNode = void 0, this.linkStateByBlockId.clear();
   }
   _hasUnsubscribeLink(e) {
-    return "querySelector" in e ? !!e.querySelector(m) : !1;
+    return "querySelector" in e ? !!e.querySelector(g) : !1;
   }
   _readBlockId(e) {
     return "getAttribute" in e ? e.getAttribute(i.BLOCK_ID) : null;
   }
+  /**
+   * True when the block has a page type and a page list — i.e. a template was
+   * applied. A block with neither, combined with an already-present block id,
+   * is an undo-restored orphan of a cancelled block.
+   */
+  _hasPageSelection(e) {
+    if (!("getAttribute" in e))
+      return !1;
+    const r = e.getAttribute(i.PAGE_TYPE), t = e.getAttribute(i.PAGE_LIST);
+    return !!r && !!t;
+  }
   /**
    * Returns the block's stable id, assigning one via the document modifier if
    * the node has not been tagged yet. Idempotent: subsequent calls during
@@ -80,18 +93,18 @@ class F extends L {
    * `apply()`) short-circuit on the existing attribute.
    */
   _getOrAssignBlockId(e) {
-    const t = this._readBlockId(e);
-    if (t)
-      return t;
+    const r = this._readBlockId(e);
+    if (r)
+      return r;
     if (!("getAttribute" in e))
       return null;
-    const r = this._generateNextBlockId();
+    const t = this._generateNextBlockId();
     try {
-      this.api.getDocumentModifier().modifyHtml(e).setAttribute(i.BLOCK_ID, r).apply(new b(`Assign unsubscribe block id ${r}`));
+      this.api.getDocumentModifier().modifyHtml(e).setAttribute(i.BLOCK_ID, t).apply(new b(`Assign unsubscribe block id ${t}`));
     } catch (s) {
       return console.warn("[UnsubscribeBlock] Failed to assign block id:", s), null;
     }
-    return r;
+    return t;
   }
   /**
    * Generates a unique id by scanning the document for the highest existing
@@ -101,8 +114,8 @@ class F extends L {
   _generateNextBlockId() {
     let e = 0;
     try {
-      const t = this.api.getDocumentRoot();
-      t && "querySelectorAll" in t && t.querySelectorAll(_).forEach((s) => {
+      const r = this.api.getDocumentRoot();
+      r && "querySelectorAll" in r && r.querySelectorAll(_).forEach((s) => {
         if ("getAttribute" in s) {
           const o = s.getAttribute(i.BLOCK_ID), u = o ? parseInt(o) : 0;
           u > e && (e = u);
@@ -117,11 +130,11 @@ class F extends L {
       const { showToaster: e } = B();
       e({
         type: S.Warning,
-        message: this.api.translate(C),
+        message: this.api.translate(N),
         actionButton: {
           text: this.api.translate("Visit Academy"),
           onClick: () => {
-            window.open(T, "_blank", "noopener,noreferrer");
+            window.open(C, "_blank", "noopener,noreferrer");
           }
         }
       });
@@ -131,16 +144,17 @@ class F extends L {
   }
   _setupSelectEventListener() {
     this._removeSelectEventListener(), this.selectEventListener = (e) => {
-      const t = e, { collectionType: r, selectedPages: s } = t.detail;
-      this._updateBlock(r, s.join(","));
+      const r = e, { collectionType: t, selectedPages: s } = r.detail;
+      this._updateBlock(t, s.join(","));
     }, document.addEventListener(d.SELECT, this.selectEventListener);
   }
   _removeSelectEventListener() {
     this.selectEventListener && (document.removeEventListener(d.SELECT, this.selectEventListener), this.selectEventListener = null);
   }
-  _setupCancelEventListener() {
-    this._removeCancelEventListener(), this.cancelEventListener = () => {
-      this._handleCancel();
+  _setupCancelEventListener(e) {
+    this._removeCancelEventListener(), this.cancelEventListener = (r) => {
+      const { detail: t } = r, s = (t == null ? void 0 : t.blockId) ?? null;
+      s !== null && s !== e || this._handleCancel();
     }, document.addEventListener(d.CANCEL, this.cancelEventListener);
   }
   _removeCancelEventListener() {
@@ -158,32 +172,32 @@ class F extends L {
   _removeEventListeners() {
     this._removeSelectEventListener(), this._removeCancelEventListener();
   }
-  _updateBlock(e, t) {
+  _updateBlock(e, r) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const r = this.currentNode.querySelector(m);
-    if (!r)
+    const t = this.currentNode.querySelector(g);
+    if (!t)
       return;
     const s = this._getMergeTag(e);
-    this.api.getDocumentModifier().modifyHtml(r).setAttribute("href", s).apply(new b(`Updated unsubscribe link to ${s}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(i.PAGE_TYPE, e.toString()).setAttribute(i.PAGE_LIST, t).apply(new b("Updated unsubscribe block metadata"));
+    this.api.getDocumentModifier().modifyHtml(t).setAttribute("href", s).apply(new b(`Updated unsubscribe link to ${s}`)), this.api.getDocumentModifier().modifyHtml(this.currentNode).setAttribute(i.PAGE_TYPE, e.toString()).setAttribute(i.PAGE_LIST, r).apply(new b("Updated unsubscribe block metadata"));
   }
   _getMergeTag(e) {
-    return N[e] ?? I;
+    return U[e] ?? y;
   }
   _openDrawer() {
     if (!(this.currentNode && this.currentNode.getAttribute("data-unsubscribe-page-type")))
       try {
-        const e = a();
+        const e = l();
         e.typeSelectionDrawerStatus = !0;
       } catch (e) {
         console.error("[UnsubscribeBlock] Failed to open drawer:", e);
       }
   }
   _checkExistingBlocks() {
-    const e = a();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(_).forEach((r) => {
-      if ("getAttribute" in r) {
-        const s = r.getAttribute(i.PAGE_TYPE);
+    const e = l();
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(_).forEach((t) => {
+      if ("getAttribute" in t) {
+        const s = t.getAttribute(i.PAGE_TYPE);
         if (s) {
           const o = Number(s);
           o === E.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : o === E.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
@@ -194,26 +208,26 @@ class F extends L {
   async _loadBlockState(e) {
     if (!("getAttribute" in e))
       return;
-    const t = e.getAttribute(i.PAGE_TYPE), r = e.getAttribute(i.PAGE_LIST);
-    if (!t || !r)
+    const r = e.getAttribute(i.PAGE_TYPE), t = e.getAttribute(i.PAGE_LIST);
+    if (!r || !t)
       return;
-    const s = a(), o = Number(t), u = p(r);
+    const s = l(), o = Number(r), u = p(t);
     await s.fetchTemplates(), s.setCollectionWithoutAutoSelection(o), s.loadSelectedTemplates(u);
   }
   _resetStoreState() {
-    a().$reset();
+    l().$reset();
   }
   _removeBlockTemplatesFromStore(e) {
     if (!("getAttribute" in e))
       return;
-    const t = e.getAttribute(i.PAGE_LIST);
-    if (!t)
+    const r = e.getAttribute(i.PAGE_LIST);
+    if (!r)
       return;
-    const r = a(), s = p(t);
-    r.removeUnsubscribePages(s);
+    const t = l(), s = p(r);
+    t.removeUnsubscribePages(s);
   }
 }
 export {
-  y as UNSUBSCRIBE_BLOCK_ID,
-  F as UnsubscribeBlock
+  T as UNSUBSCRIBE_BLOCK_ID,
+  K as UnsubscribeBlock
 };

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

@@ -1,10 +1,11 @@
-var d = Object.defineProperty;
-var h = (a, s, e) => s in a ? d(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
-var u = (a, s, e) => h(a, typeof s != "symbol" ? s + "" : s, e);
+var T = Object.defineProperty;
+var p = (a, s, e) => s in a ? T(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
+var c = (a, s, e) => p(a, typeof s != "symbol" ? s + "" : s, e);
+import { useEditorStore as _ } from "../../../stores/editor.js";
 import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.js";
-import { Control as T, UEAttr as i, UIElementType as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { DATA_ATTRIBUTES as p } from "./utils/constants.js";
-import { parsePageList as _ } from "./utils/utils.js";
+import { Control as g, UEAttr as i, UIElementType as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { DATA_ATTRIBUTES as d } from "./utils/constants.js";
+import { parsePageList as h } from "./utils/utils.js";
 const v = "ui-elements-unsubscribe", r = {
   SELECT_BUTTON: "selectTemplateButton",
   PREV_BUTTON: "prevButton",
@@ -12,14 +13,14 @@ const v = "ui-elements-unsubscribe", r = {
   COUNTER_TEXT: "counterText",
   PREVIEW_IMAGE: "previewImage"
 };
-class B extends T {
+class w extends g {
   constructor() {
     super(...arguments);
-    u(this, "currentPreviewIndex", 0);
-    u(this, "currentNode");
-    u(this, "currentPages");
-    u(this, "valueChangeHandlers", []);
-    u(this, "lastParsedAttribute");
+    c(this, "currentPreviewIndex", 0);
+    c(this, "currentNode");
+    c(this, "currentPages");
+    c(this, "valueChangeHandlers", []);
+    c(this, "lastParsedAttribute");
   }
   getId() {
     return v;
@@ -34,8 +35,8 @@ class B extends T {
   }
   onTemplateNodeUpdated(e) {
     if (this.currentNode = e, "getAttribute" in this.currentNode) {
-      const t = this.currentNode.getAttribute(p.PAGE_LIST);
-      t && (t !== this.lastParsedAttribute && (this.currentPages = _(t), this.lastParsedAttribute = t, this.currentPreviewIndex = 0), this._updateCounter(), this._loadAndUpdatePreview());
+      const t = this.currentNode.getAttribute(d.PAGE_LIST);
+      t && (t !== this.lastParsedAttribute && (this.currentPages = h(t), this.lastParsedAttribute = t, this.currentPreviewIndex = 0), this._updateCounter(), this._loadAndUpdatePreview());
     }
   }
   onRender() {
@@ -61,12 +62,20 @@ class B extends T {
   }
   _onButtonClick() {
     try {
+      if (_().isPreviewModeOpen)
+        return;
       const e = l();
-      e.activeType = e.getSelectedCollection[this.currentPreviewIndex], e.pageSelectionUpdateStatus = !0, e.pageSelectionDrawerStatus = !0;
+      this._reseedSelectionFromBlock(e), e.activeType = e.getSelectedCollection[this.currentPreviewIndex], e.pageSelectionUpdateStatus = !0, e.pageSelectionDrawerStatus = !0;
     } catch (e) {
       console.error("[UnsubscribeControl] Failed to open drawer:", e);
     }
   }
+  _reseedSelectionFromBlock(e) {
+    if (!this.currentNode || !("getAttribute" in this.currentNode))
+      return;
+    const t = this.currentNode.getAttribute(d.PAGE_TYPE), o = this.currentNode.getAttribute(d.PAGE_LIST);
+    !t || !o || (e.$reset(), e.setCollectionWithoutAutoSelection(Number(t)), e.loadSelectedTemplates(h(o)));
+  }
   _onPrevClick() {
     this.currentPreviewIndex > 0 && (this.currentPreviewIndex--, this._updatePreview(), this._updateCounter());
   }
@@ -80,21 +89,21 @@ class B extends T {
     var e;
     if ((e = this.currentPages) != null && e.length)
       try {
-        const t = this.currentPages[this.currentPreviewIndex], o = l().getThumbnailByTemplateId(t);
-        if (!o) {
+        const t = this.currentPages[this.currentPreviewIndex], u = l().getThumbnailByTemplateId(t);
+        if (!u) {
           console.warn("[UnsubscribeControl] No thumbnail found for page:", t);
           return;
         }
         this.api.updateValues({
-          [r.PREVIEW_IMAGE]: o
+          [r.PREVIEW_IMAGE]: u
         });
       } catch (t) {
         console.error("[UnsubscribeControl] Failed to update preview:", t);
       }
   }
   _updateCounter() {
-    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(
+    const e = this.currentPreviewIndex + 1, t = this.totalTemplates, o = this.currentPreviewIndex === 0, u = this.currentPreviewIndex >= t - 1;
+    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, o), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, u), this.api.setUIEAttribute(
       r.COUNTER_TEXT,
       i.LABEL.text,
       `${this.api.translate("Showing")} ${e} ${this.api.translate("of")} ${t}`
@@ -135,14 +144,14 @@ class B extends T {
             </${n.LABEL}>
         `;
   }
-  _getIconButton(e, t, c) {
-    const o = c ? `${i.BUTTON.disabled}="true"` : "";
+  _getIconButton(e, t, o) {
+    const u = o ? `${i.BUTTON.disabled}="true"` : "";
     return `
             <${n.BUTTON}
                 id="${e}"
                 class="flat-inline flat-white"
                 ${i.BUTTON.name}="${e}"
-                ${o}
+                ${u}
             >
                 <${n.ICON}
                     src="${t}"
@@ -166,5 +175,5 @@ class B extends T {
 }
 export {
   v as UNSUBSCRIBE_CONTROL_ID,
-  B as UnsubscribeControl
+  w as UnsubscribeControl
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .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-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__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-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .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-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{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-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-73199fa4] .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-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__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-82128f7d]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-50dac6de]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-50dac6de]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-50dac6de]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-1b31027d]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-1b31027d]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-1b31027d]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-1b31027d]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-1b31027d]{object-fit:cover;transform:scale(1)}[data-v-811cff80] .guido__verion-history-view-option-selection-desktop svg,[data-v-811cff80] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-811cff80] .in-segments-wrapper__button_selected,[data-v-811cff80] .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-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{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-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/services/recommendationApi.js

@@ -1,52 +1,40 @@
-import { useHttp as d } from "../composables/useHttp.js";
-import { QUERY_PARAMS as l, URLS as u } from "../enums/extensions/recommendationBlock.js";
-const R = (o) => o.reduce(
-  (a, t, s) => (a[s] = {
-    attributeName: t.attributeName,
-    attributeJs: t.attributeJs,
-    attributeType: t.attributeType,
-    type: t.type,
-    displayName: t.displayName,
-    isFilterable: t.isFilterable
-  }, a),
-  {}
-), f = () => {
-  const { get: o } = d(), { get: a } = d({ headers: {} }), t = "6KcLM9TwheVB1mgK";
+import { useHttp as a } from "../composables/useHttp.js";
+import { QUERY_PARAMS as d, URLS as h } from "../enums/extensions/recommendationBlock.js";
+const y = () => {
+  const { get: r } = a(), { get: s } = a({ headers: {} }), m = "6KcLM9TwheVB1mgK";
   return {
     fetchRecommendationCreateData: async () => {
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
+        return (await r("/newsletter/recommendations/create-data")).data;
       } catch (e) {
         throw console.error("fetchUserModalState error:", e), e;
       }
     },
     fetchRecommendationFilters: async () => {
       try {
-        const { data: e } = await o(
-          u.PRODUCT_ATTRIBUTES_PATH
-        ), n = Array.isArray(e) ? e : (e == null ? void 0 : e.data) ?? [];
-        return R(n);
+        const { data: e } = await r("/stripo/email-recommendation-attributes");
+        return e;
       } catch (e) {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
-      var i;
+    fetchRecommendationProducts: async (e, i) => {
+      var n;
       try {
-        const r = new URLSearchParams(Object.entries(n));
-        r.set(l.CLIENT_ID, t);
-        const m = decodeURIComponent(r.toString());
-        console.debug("🏁 Recommendation API Query:", m);
-        const c = await a(
-          `${u.RECOMMENDATION_API_URL}/v2/${e}?${m}`
+        const t = new URLSearchParams(Object.entries(i));
+        t.set(d.CLIENT_ID, m);
+        const c = decodeURIComponent(t.toString());
+        console.debug("🏁 Recommendation API Query:", c);
+        const o = await s(
+          `${h.RECOMMENDATION_API_URL}/v2/${e}?${c}`
         );
-        return ((i = c == null ? void 0 : c.data) == null ? void 0 : i.data) ?? [];
-      } catch (r) {
-        throw console.error("fetchRecommendationProducts error:", r), r;
+        return ((n = o == null ? void 0 : o.data) == null ? void 0 : n.data) ?? [];
+      } catch (t) {
+        throw console.error("fetchRecommendationProducts error:", t), t;
       }
     }
   };
 };
 export {
-  f as useRecommendationApi
+  y as useRecommendationApi
 };

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -2,7 +2,6 @@ import type { TextValueObject } from '@@/Types/generic';
 import type { RecommendationFeedItem } from '@@/Types/recommendation';
 export declare const URLS: {
     RECOMMENDATION_API_URL: string;
-    PRODUCT_ATTRIBUTES_PATH: string;
 };
 export declare const QUERY_PARAMS: {
     CLIENT_ID: string;

package/dist/src/extensions/Blocks/Unsubscribe/block.d.ts

@@ -20,6 +20,12 @@ export declare class UnsubscribeBlock extends Block {
     onDestroy(): void;
     private _hasUnsubscribeLink;
     private _readBlockId;
+    /**
+     * True when the block has a page type and a page list — i.e. a template was
+     * applied. A block with neither, combined with an already-present block id,
+     * is an undo-restored orphan of a cancelled block.
+     */
+    private _hasPageSelection;
     /**
      * Returns the block's stable id, assigning one via the document modifier if
      * the node has not been tagged yet. Idempotent: subsequent calls during

package/dist/src/extensions/Blocks/Unsubscribe/control.d.ts

@@ -15,6 +15,7 @@ export declare class UnsubscribeControl extends Control {
     private get totalTemplates();
     private _listenToFormUpdates;
     private _onButtonClick;
+    private _reseedSelectionFromBlock;
     private _onPrevClick;
     private _onNextClick;
     private _loadAndUpdatePreview;

package/dist/src/stores/unsubscribe.d.ts

@@ -10,6 +10,7 @@ interface StoreState {
     typeSelectionDrawerStatus: boolean;
     isGlobalUnsubscribeDisabled: boolean;
     isSubscriptionPreferencesCenterDisabled: boolean;
+    pendingBlockId: string | null;
 }
 export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guidoUnsubscribe", StoreState, {
     getSelectedCollection: (state: {
@@ -35,6 +36,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => number[];
     getSelectedTemplateByActiveType: (state: {
         templates: {
@@ -59,6 +61,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => number;
     getTemplatesByActiveType: (state: {
         templates: {
@@ -83,6 +86,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
         id: number;
         name: string;
@@ -119,6 +123,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => (id: number) => string;
     getSelectedUnsubscribePagesByCollection: (state: {
         templates: {
@@ -143,6 +148,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => (collectionType: number) => number[];
     isActiveTypeFirstInCollection: (state: {
         templates: {
@@ -167,6 +173,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
     isActiveTypeLastInCollection: (state: {
         templates: {
@@ -191,6 +198,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
     hasTemplatesByCollectionType: (state: {
         templates: {
@@ -215,6 +223,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => Record<number, boolean>;
     unsubscribePagesStatus: (state: {
         templates: {
@@ -239,10 +248,11 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         typeSelectionDrawerStatus: boolean;
         isGlobalUnsubscribeDisabled: boolean;
         isSubscriptionPreferencesCenterDisabled: boolean;
+        pendingBlockId: string | null;
     } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
 }, {
     $reset(): void;
-    fetchTemplates(): Promise<void>;
+    fetchTemplates(force?: boolean): Promise<void>;
     setCollection(collectionType: number): void;
     setCollectionWithoutAutoSelection(collectionType: number): void;
     setSelectedTemplate(template: number): void;

package/dist/stores/unsubscribe.js

@@ -1,6 +1,6 @@
 import { TYPE_COLLECTIONS as i, PAGE_TYPES as p } from "../enums/unsubscribe.js";
 import { useUnsubscribeApi as d } from "../services/unsubscribeApi.js";
-import { defineStore as h } from "pinia";
+import { defineStore as u } from "pinia";
 let o = null;
 const r = () => ({
   templates: [],
@@ -12,8 +12,9 @@ const r = () => ({
   pageSelectionDrawerStatus: !1,
   typeSelectionDrawerStatus: !1,
   isGlobalUnsubscribeDisabled: !1,
-  isSubscriptionPreferencesCenterDisabled: !1
-}), b = h("guidoUnsubscribe", {
+  isSubscriptionPreferencesCenterDisabled: !1,
+  pendingBlockId: null
+}), b = u("guidoUnsubscribe", {
   state: () => r(),
   getters: {
     getSelectedCollection: (e) => i[e.selectedCollectionType],
@@ -62,10 +63,10 @@ const r = () => ({
         selectedUnsubscribePages: t
       });
     },
-    async fetchTemplates() {
-      this.templates.length || (o || (o = (async () => {
-        const { getUnsubscribePages: e } = d();
-        this.templates = await e();
+    async fetchTemplates(e = !1) {
+      !e && this.templates.length || ((e || !o) && (o = (async () => {
+        const { getUnsubscribePages: t } = d();
+        this.templates = await t();
       })().finally(() => {
         o = null;
       })), await o);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.7.0-beta.830822b",
+  "version": "3.7.0-beta.a1aaf44",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",