@useinsider/guido 3.7.0-beta.a1aaf44 → 3.7.0-beta.a8c44c1

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

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

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

@@ -1,16 +1,15 @@
-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 { 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 { useTranslations as B } from "../../../composables/useTranslations.js";
 import { ToasterTypeOptions as C } from "../../../enums/toaster.js";
-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({
+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({
   __name: "UnsubscribePageSelection",
-  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(() => ({
+  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(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -21,47 +20,45 @@ const G = /* @__PURE__ */ y({
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: l.value,
+        labelText: i.value,
         disabledStatus: o.value
       }
-    })), 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) => {
+    })), 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) => {
       e.pageSelectionDrawerStatus = !1, t && setTimeout(() => {
         t();
       }, 500);
-    }, m = () => {
+    }, d = () => {
       if (e.isActiveTypeFirstInCollection) {
-        n(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
+        r(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);
         return;
       }
       e.setPreviousType();
-    }, 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")
-            });
+    }, 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")
           });
-          return;
-        }
-        e.setNextType();
+        });
+        return;
       }
-    }, f = (t) => {
-      r.isPreviewModeOpen || e.setSelectedTemplate(t);
+      e.setNextType();
+    }, b = (t) => {
+      e.setSelectedTemplate(t);
     };
-    return T(() => e.pageSelectionDrawerStatus, (t) => {
+    return S(() => e.pageSelectionDrawerStatus, (t) => {
       t && e.pageSelectionUpdateStatus && e.fetchTemplates();
-    }), { __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: _ };
+    }), { __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 };
   }
 });
 export {
-  G as default
+  F as default
 };

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

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

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

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

package/dist/composables/useHtmlValidator.js

@@ -1,86 +1,92 @@
-import { useConfig as _ } from "./useConfig.js";
-import { TemplateTypes as H } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as G, CampaignCouldNotBeSavedKey as M, CanNotMakeAnyChangesForRunningKey as $ } from "../enums/html-validator.js";
+import { useConfig as V } from "./useConfig.js";
+import { TemplateTypes as G } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as H, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as M, CampaignCouldNotBeSavedKey as X, CanNotMakeAnyChangesForRunningKey as P, DATA_ATTRIBUTE_REGEX as Y, DYNAMIC_CONTENT_TAG_REGEX as $, ALLOWED_DYNAMIC_SYSTEM_TOKENS as q, VALID_DYNAMIC_VARIABLE_REGEX as K } from "../enums/html-validator.js";
 import { ToasterTypeOptions as c } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as q } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { useRecommendationExtensionStore as X } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { RecommendationRequiredFieldsKey as j } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
-import { useRecommendationStore as K } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as z } from "../utils/base64.js";
-import { useHttp as U } from "./useHttp.js";
-import { useToaster as Y } from "./useToaster.js";
-import { useTranslations as Z } from "./useTranslations.js";
-const J = /recommendation-id="(\d+)"/g;
-function Q(a) {
-  return [...a.matchAll(J)].map((u) => u[1]);
+import { itemsBlockDynamicVariables as j } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { useRecommendationExtensionStore as U } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { RecommendationRequiredFieldsKey as z } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
+import { useRecommendationStore as Z } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as J } from "../utils/base64.js";
+import { useHttp as Q } from "./useHttp.js";
+import { useToaster as ee } from "./useToaster.js";
+import { useTranslations as te } from "./useTranslations.js";
+const se = /recommendation-id="(\d+)"/g;
+function ne(i) {
+  return [...i.matchAll(se)].map((d) => d[1]);
 }
-function ee(a, u) {
-  return u.some((d) => a.startsWith(`${d}_`));
+function ie(i, d) {
+  return d.some((g) => i.startsWith(`${g}_`));
 }
-const ge = () => {
-  var y, h;
-  const { showToaster: a } = Y(), { post: u } = U(), { config: d } = _(), r = Z(), g = K(), S = X(), p = ((h = (y = d.value) == null ? void 0 : y.partner) == null ? void 0 : h.messageType) === H.transactional, b = async (e) => {
-    const t = await u(
+function oe(i) {
+  return (i.replace(Y, "$1").match($) ?? []).filter((r) => {
+    const u = r.slice(2, -2), f = u.indexOf("|"), p = (f === -1 ? u : u.slice(0, f)).trim();
+    return q.includes(p) ? !1 : K.test(p) ? f !== -1 && u.slice(f + 1).trim() === "" : !0;
+  });
+}
+const Ce = () => {
+  var h, v;
+  const { showToaster: i } = ee(), { post: d } = Q(), { config: g } = V(), r = te(), u = Z(), f = U(), p = ((v = (h = g.value) == null ? void 0 : h.partner) == null ? void 0 : v.messageType) === G.transactional, A = async (e) => {
+    const t = await d(
       "/newsletter/template-library/check-template-html-body",
-      { html: z(e) }
+      { html: J(e) }
     ), { status: n, message: l } = t.data;
-    return n || a({
+    return n || i({
       type: c.Alert,
       message: n === void 0 ? l : r("newsletter.invalid-url-link-for-toaster")
-    }), r(M), l === r($) && a({
+    }), r(X), l === r(P) && i({
       type: c.Alert,
       message: r("newsletter.already-in-progress")
     }), n;
-  }, w = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), E = (e) => ["if", "endif"].includes(e.toLowerCase()), A = (e, s) => {
+  }, S = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), b = (e) => ["if", "endif"].includes(e.toLowerCase()), I = (e, s) => {
     const t = e.match(/({%(.*?)%})/g);
     let n = !0;
     return t !== null && !p && t.forEach((l) => {
       const o = l.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (o && o.length > 0) {
-        const [i] = o;
-        w(i) && !s.includes(i) && (a({
+        const [a] = o;
+        S(a) && !s.includes(a) && (i({
           type: c.Warning,
           message: r("custom-fields.invalid-custom-fields")
         }), n = !1);
       }
     }), n;
-  }, k = async (e, s, t) => {
-    const n = t ? await b(e) : !0;
-    return A(e, s) && n;
-  }, x = (e) => e.length > 0 ? !0 : (a({
+  }, T = async (e, s, t) => {
+    const n = t ? await A(e) : !0;
+    return I(e, s) && n;
+  }, w = (e) => e.length > 0 ? !0 : (i({
     type: c.Warning,
     message: r("newsletter.html-content-is-empty")
-  }), !1), I = (e) => {
+  }), !1), x = (e) => {
     const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
-    return s > t && a({
+    return s > t && i({
       type: c.Warning,
       message: r("custom-fields.missing-closing-braces")
-    }), s < t && a({
+    }), s < t && i({
       type: c.Warning,
       message: r("custom-fields.missing-opening-braces")
     }), s === t;
-  }, F = (e) => {
-    const s = e.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
-    return s || a({
+  }, _ = (e) => {
+    const s = oe(e).length === 0;
+    return s || i({
       type: c.Warning,
       message: r("custom-fields.invalid-custom-fields")
     }), s;
-  }, T = (e, s) => {
+  }, k = (e, s) => {
     const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
     if (t && !p) {
-      const n = new Set(s.map((i) => i.toLowerCase())), l = Q(e), o = [];
-      if (t.forEach((i) => {
-        const m = i.slice(2, -2).trim().toLowerCase();
-        (!n.has(m) || m === "") && !ee(m, l) && o.push(m);
+      const n = new Set(s.map((a) => a.toLowerCase())), l = ne(e), o = [];
+      if (t.forEach((a) => {
+        const m = a.slice(2, -2).trim().toLowerCase();
+        (!n.has(m) || m === "") && !ie(m, l) && o.push(m);
       }), o.length > 0) {
-        const i = `
+        const a = `
                     <ul>
                         ${o.map((m) => `<li>${m}</li>`).join("")}
                     </ul>
                 `;
-        return a({
+        return i({
           type: c.Alert,
-          message: r("custom-fields.invalid-custom-fields") + i
+          message: r("custom-fields.invalid-custom-fields") + a
         }), !1;
       }
     }
@@ -89,78 +95,78 @@ const ge = () => {
     const s = e.match(/{%(.*?)%}/g), t = [];
     let n = !0;
     if (s && s.forEach((l) => {
-      const o = l.match(P), i = l.match(G), m = (o == null ? void 0 : o.join("")) || "";
-      (!o || l !== m) && !i && (a({
+      const o = l.match(H), a = l.match(M), m = (o == null ? void 0 : o.join("")) || "";
+      (!o || l !== m) && !a && (i({
         type: c.Alert,
         message: r("newsletter.display-conditions-invalid-syntax")
-      }), n = !1), o && o.forEach((f) => {
-        f.trim() === "=" && (a({
+      }), n = !1), o && o.forEach((y) => {
+        y.trim() === "=" && (i({
           type: c.Alert,
           message: r("custom-conditions.wrong-equality-operators")
         }), n = !1);
-        const v = f.match(/^[a-zA-Z]*$/g);
-        v && v.forEach((C) => {
-          E(C) && t.push(C);
+        const C = y.match(/^[a-zA-Z]*$/g);
+        C && C.forEach((E) => {
+          b(E) && t.push(E);
         });
       });
     }), t.length) {
-      const l = t.filter((i) => i === "if"), o = t.filter((i) => i === "endif");
-      l.length !== o.length && (a({
+      const l = t.filter((a) => a === "if"), o = t.filter((a) => a === "endif");
+      l.length !== o.length && (i({
         type: c.Alert,
         message: r("custom-conditions.missing-if-endif-tag")
       }), n = !1);
     }
     return n;
-  }, B = (e) => {
+  }, N = (e) => {
     const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, n = s === t;
-    return n || a({
+    return n || i({
       type: c.Warning,
       message: r("custom-conditions.no-space-after-braces")
     }), n;
-  }, W = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (a({
+  }, D = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (i({
     type: c.Warning,
     message: r("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, N = () => S.hasInvalidBlock() ? (a({
+  }), !1) : !0, F = () => f.hasInvalidBlock() ? (i({
     type: c.Alert,
-    message: r(j)
-  }), !1) : !0, O = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (a({
+    message: r(z)
+  }), !1) : !0, O = () => u.recommendationConfigs && Object.values(u.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (i({
     type: c.Alert,
     message: r("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, D = (e) => {
+  }), !1) : !0, B = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
-    return e.match(s) === null ? !0 : (a({
+    return e.match(s) === null ? !0 : (i({
       type: c.Alert,
       message: r("newsletter.invalid-image-type")
     }), !1);
   }, L = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
     return Array.from(n).find((o) => {
-      var i;
-      return !((i = o.id) != null && i.trim());
-    }) ? (a({
+      var a;
+      return !((a = o.id) != null && a.trim());
+    }) ? (i({
       type: c.Alert,
       message: r("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
-  }, V = (e) => {
+  }, W = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
     return Array.from(n).find((o) => {
-      var i;
-      return !((i = o.id) != null && i.trim());
-    }) ? (a({
+      var a;
+      return !((a = o.id) != null && a.trim());
+    }) ? (i({
       type: c.Alert,
       message: r("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, s, t = !1) => {
-    var o, i;
+    var o, a;
     const n = [
       ...s.map((m) => m.value),
-      ...q,
-      ...((i = (o = d.value) == null ? void 0 : o.template) == null ? void 0 : i.customFieldAttributes) ?? []
+      ...j,
+      ...((a = (o = g.value) == null ? void 0 : o.template) == null ? void 0 : a.customFieldAttributes) ?? []
     ];
-    return await k(e, n, t) && x(e) && I(e) && F(e) && T(e, n) && R(e) && B(e) && W(e) && N() && O() && D(e) && L(e) && V(e);
+    return await T(e, n, t) && w(e) && x(e) && _(e) && k(e, n) && R(e) && N(e) && D(e) && F() && O() && B(e) && L(e) && W(e);
   } };
 };
 export {
-  ge as useHtmlValidator
+  Ce as useHtmlValidator
 };

package/dist/enums/html-validator.js

@@ -1,7 +1,15 @@
-const e = "newsletter.already-in-progress", n = "newsletter.campaign-could-not-be-saved", o = / (==|<=|>=|!=|>|<|in) | (if|elif|endif|else|and|or) |("[\S ]+")|('[\S ]+')|([^”\s\n]+)|(({%)|( %}))/gm, a = /{%( )*now( )(".*")( )*%}/gm;
+const n = "newsletter.already-in-progress", e = "newsletter.campaign-could-not-be-saved", s = / (==|<=|>=|!=|>|<|in) | (if|elif|endif|else|and|or) |("[\S ]+")|('[\S ]+')|([^”\s\n]+)|(({%)|( %}))/gm, o = /{%( )*now( )(".*")( )*%}/gm, E = /\{\{[^{}]+\}\}/g, i = /(\s)data-[\w-]+=(?:"[^"]*"|'[^']*')/g, t = /^[A-Za-z0-9_.]+$/, _ = [
+  "ins-unsubscribe-link",
+  "ins-global-unsubscribe-link",
+  "ins-preferences-unsubscribe-link"
+];
 export {
-  n as CampaignCouldNotBeSavedKey,
-  e as CanNotMakeAnyChangesForRunningKey,
-  a as DISPLAY_CONDITIONS_EXCEPTIONS_REGEX,
-  o as DISPLAY_CONDITIONS_REGEX
+  _ as ALLOWED_DYNAMIC_SYSTEM_TOKENS,
+  e as CampaignCouldNotBeSavedKey,
+  n as CanNotMakeAnyChangesForRunningKey,
+  i as DATA_ATTRIBUTE_REGEX,
+  o as DISPLAY_CONDITIONS_EXCEPTIONS_REGEX,
+  s as DISPLAY_CONDITIONS_REGEX,
+  E as DYNAMIC_CONTENT_TAG_REGEX,
+  t as VALID_DYNAMIC_VARIABLE_REGEX
 };

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

@@ -1,40 +1,39 @@
-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);
+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);
 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 { 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 { 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 { DATA_ATTRIBUTES as i, UNSUBSCRIBE_EVENTS as d } from "./utils/constants.js";
 import { parsePageList as p } from "./utils/utils.js";
-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 = {
+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 = {
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
-class K extends L {
+class F extends L {
   constructor() {
     super();
-    a(this, "selectEventListener", null);
-    a(this, "cancelEventListener", null);
-    a(this, "currentNode");
+    l(this, "selectEventListener", null);
+    l(this, "cancelEventListener", null);
+    l(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());
+    l(this, "linkStateByBlockId", /* @__PURE__ */ new Map());
   }
   getId() {
-    return T;
+    return y;
   }
   getIcon() {
     return "unsubscribe-icon";
   }
   getBlockCompositionType() {
-    return A.BLOCK;
+    return f.BLOCK;
   }
   getName() {
     return this.api.translate("Unsubscribe Block");
@@ -43,49 +42,37 @@ class K extends L {
     return this.api.translate("Unsubscribe Block Description");
   }
   getTemplate() {
-    return I();
+    return A();
   }
   getContextActionsIds() {
     return [h.MOVE, h.REMOVE];
   }
   onSelect(e) {
-    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()));
+    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());
   }
   onDocumentChanged(e) {
-    const r = this._getOrAssignBlockId(e);
-    if (!r)
+    const t = this._getOrAssignBlockId(e);
+    if (!t)
       return;
-    const t = this._hasUnsubscribeLink(e);
-    this.linkStateByBlockId.get(r) === !0 && !t && this._warnLinkRemoved(), this.linkStateByBlockId.set(r, t);
+    const r = this._hasUnsubscribeLink(e);
+    this.linkStateByBlockId.get(t) === !0 && !r && this._warnLinkRemoved(), this.linkStateByBlockId.set(t, r);
   }
   onDelete(e) {
     this._removeEventListeners(), this._removeBlockTemplatesFromStore(e), this._resetStoreState();
-    const r = this._readBlockId(e);
-    r && this.linkStateByBlockId.delete(r);
+    const t = this._readBlockId(e);
+    t && this.linkStateByBlockId.delete(t);
   }
   onDestroy() {
     this._removeEventListeners(), this.currentNode = void 0, this.linkStateByBlockId.clear();
   }
   _hasUnsubscribeLink(e) {
-    return "querySelector" in e ? !!e.querySelector(g) : !1;
+    return "querySelector" in e ? !!e.querySelector(m) : !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
@@ -93,18 +80,18 @@ class K extends L {
    * `apply()`) short-circuit on the existing attribute.
    */
   _getOrAssignBlockId(e) {
-    const r = this._readBlockId(e);
-    if (r)
-      return r;
+    const t = this._readBlockId(e);
+    if (t)
+      return t;
     if (!("getAttribute" in e))
       return null;
-    const t = this._generateNextBlockId();
+    const r = this._generateNextBlockId();
     try {
-      this.api.getDocumentModifier().modifyHtml(e).setAttribute(i.BLOCK_ID, t).apply(new b(`Assign unsubscribe block id ${t}`));
+      this.api.getDocumentModifier().modifyHtml(e).setAttribute(i.BLOCK_ID, r).apply(new b(`Assign unsubscribe block id ${r}`));
     } catch (s) {
       return console.warn("[UnsubscribeBlock] Failed to assign block id:", s), null;
     }
-    return t;
+    return r;
   }
   /**
    * Generates a unique id by scanning the document for the highest existing
@@ -114,8 +101,8 @@ class K extends L {
   _generateNextBlockId() {
     let e = 0;
     try {
-      const r = this.api.getDocumentRoot();
-      r && "querySelectorAll" in r && r.querySelectorAll(_).forEach((s) => {
+      const t = this.api.getDocumentRoot();
+      t && "querySelectorAll" in t && t.querySelectorAll(_).forEach((s) => {
         if ("getAttribute" in s) {
           const o = s.getAttribute(i.BLOCK_ID), u = o ? parseInt(o) : 0;
           u > e && (e = u);
@@ -130,11 +117,11 @@ class K extends L {
       const { showToaster: e } = B();
       e({
         type: S.Warning,
-        message: this.api.translate(N),
+        message: this.api.translate(C),
         actionButton: {
           text: this.api.translate("Visit Academy"),
           onClick: () => {
-            window.open(C, "_blank", "noopener,noreferrer");
+            window.open(T, "_blank", "noopener,noreferrer");
           }
         }
       });
@@ -144,17 +131,16 @@ class K extends L {
   }
   _setupSelectEventListener() {
     this._removeSelectEventListener(), this.selectEventListener = (e) => {
-      const r = e, { collectionType: t, selectedPages: s } = r.detail;
-      this._updateBlock(t, s.join(","));
+      const t = e, { collectionType: r, selectedPages: s } = t.detail;
+      this._updateBlock(r, s.join(","));
     }, document.addEventListener(d.SELECT, this.selectEventListener);
   }
   _removeSelectEventListener() {
     this.selectEventListener && (document.removeEventListener(d.SELECT, this.selectEventListener), this.selectEventListener = null);
   }
-  _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();
+  _setupCancelEventListener() {
+    this._removeCancelEventListener(), this.cancelEventListener = () => {
+      this._handleCancel();
     }, document.addEventListener(d.CANCEL, this.cancelEventListener);
   }
   _removeCancelEventListener() {
@@ -172,32 +158,32 @@ class K extends L {
   _removeEventListeners() {
     this._removeSelectEventListener(), this._removeCancelEventListener();
   }
-  _updateBlock(e, r) {
+  _updateBlock(e, t) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const t = this.currentNode.querySelector(g);
-    if (!t)
+    const r = this.currentNode.querySelector(m);
+    if (!r)
       return;
     const s = this._getMergeTag(e);
-    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"));
+    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"));
   }
   _getMergeTag(e) {
-    return U[e] ?? y;
+    return N[e] ?? I;
   }
   _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(_).forEach((t) => {
-      if ("getAttribute" in t) {
-        const s = t.getAttribute(i.PAGE_TYPE);
+    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);
         if (s) {
           const o = Number(s);
           o === E.GLOBAL_UNSUBSCRIBE ? e.isGlobalUnsubscribeDisabled = !0 : o === E.SUBSCRIPTION_PREFERENCE_CENTER && (e.isSubscriptionPreferencesCenterDisabled = !0);
@@ -208,26 +194,26 @@ class K extends L {
   async _loadBlockState(e) {
     if (!("getAttribute" in e))
       return;
-    const r = e.getAttribute(i.PAGE_TYPE), t = e.getAttribute(i.PAGE_LIST);
-    if (!r || !t)
+    const t = e.getAttribute(i.PAGE_TYPE), r = e.getAttribute(i.PAGE_LIST);
+    if (!t || !r)
       return;
-    const s = l(), o = Number(r), u = p(t);
+    const s = a(), o = Number(t), u = p(r);
     await s.fetchTemplates(), s.setCollectionWithoutAutoSelection(o), s.loadSelectedTemplates(u);
   }
   _resetStoreState() {
-    l().$reset();
+    a().$reset();
   }
   _removeBlockTemplatesFromStore(e) {
     if (!("getAttribute" in e))
       return;
-    const r = e.getAttribute(i.PAGE_LIST);
-    if (!r)
+    const t = e.getAttribute(i.PAGE_LIST);
+    if (!t)
       return;
-    const t = l(), s = p(r);
-    t.removeUnsubscribePages(s);
+    const r = a(), s = p(t);
+    r.removeUnsubscribePages(s);
   }
 }
 export {
-  T as UNSUBSCRIBE_BLOCK_ID,
-  K as UnsubscribeBlock
+  y as UNSUBSCRIBE_BLOCK_ID,
+  F as UnsubscribeBlock
 };

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

@@ -1,11 +1,10 @@
-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";
+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);
 import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.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";
+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";
 const v = "ui-elements-unsubscribe", r = {
   SELECT_BUTTON: "selectTemplateButton",
   PREV_BUTTON: "prevButton",
@@ -13,14 +12,14 @@ const v = "ui-elements-unsubscribe", r = {
   COUNTER_TEXT: "counterText",
   PREVIEW_IMAGE: "previewImage"
 };
-class w extends g {
+class B extends T {
   constructor() {
     super(...arguments);
-    c(this, "currentPreviewIndex", 0);
-    c(this, "currentNode");
-    c(this, "currentPages");
-    c(this, "valueChangeHandlers", []);
-    c(this, "lastParsedAttribute");
+    u(this, "currentPreviewIndex", 0);
+    u(this, "currentNode");
+    u(this, "currentPages");
+    u(this, "valueChangeHandlers", []);
+    u(this, "lastParsedAttribute");
   }
   getId() {
     return v;
@@ -35,8 +34,8 @@ class w extends g {
   }
   onTemplateNodeUpdated(e) {
     if (this.currentNode = e, "getAttribute" in this.currentNode) {
-      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());
+      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());
     }
   }
   onRender() {
@@ -62,20 +61,12 @@ class w extends g {
   }
   _onButtonClick() {
     try {
-      if (_().isPreviewModeOpen)
-        return;
       const e = l();
-      this._reseedSelectionFromBlock(e), e.activeType = e.getSelectedCollection[this.currentPreviewIndex], e.pageSelectionUpdateStatus = !0, e.pageSelectionDrawerStatus = !0;
+      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());
   }
@@ -89,21 +80,21 @@ class w extends g {
     var e;
     if ((e = this.currentPages) != null && e.length)
       try {
-        const t = this.currentPages[this.currentPreviewIndex], u = l().getThumbnailByTemplateId(t);
-        if (!u) {
+        const t = this.currentPages[this.currentPreviewIndex], o = l().getThumbnailByTemplateId(t);
+        if (!o) {
           console.warn("[UnsubscribeControl] No thumbnail found for page:", t);
           return;
         }
         this.api.updateValues({
-          [r.PREVIEW_IMAGE]: u
+          [r.PREVIEW_IMAGE]: o
         });
       } catch (t) {
         console.error("[UnsubscribeControl] Failed to update preview:", t);
       }
   }
   _updateCounter() {
-    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(
+    const e = this.currentPreviewIndex + 1, t = this.totalTemplates, c = this.currentPreviewIndex === 0, o = this.currentPreviewIndex >= t - 1;
+    this.api.setUIEAttribute(r.PREV_BUTTON, i.BUTTON.disabled, c), this.api.setUIEAttribute(r.NEXT_BUTTON, i.BUTTON.disabled, o), this.api.setUIEAttribute(
       r.COUNTER_TEXT,
       i.LABEL.text,
       `${this.api.translate("Showing")} ${e} ${this.api.translate("of")} ${t}`
@@ -144,14 +135,14 @@ class w extends g {
             </${n.LABEL}>
         `;
   }
-  _getIconButton(e, t, o) {
-    const u = o ? `${i.BUTTON.disabled}="true"` : "";
+  _getIconButton(e, t, c) {
+    const o = c ? `${i.BUTTON.disabled}="true"` : "";
     return `
             <${n.BUTTON}
                 id="${e}"
                 class="flat-inline flat-white"
                 ${i.BUTTON.name}="${e}"
-                ${u}
+                ${o}
             >
                 <${n.ICON}
                     src="${t}"
@@ -175,5 +166,5 @@ class w extends g {
 }
 export {
   v as UNSUBSCRIBE_CONTROL_ID,
-  w as UnsubscribeControl
+  B 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-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}
+.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}

package/dist/src/enums/html-validator.d.ts

@@ -4,3 +4,7 @@ export declare const CampaignCouldNotBeSavedKey = "newsletter.campaign-could-not
 export declare const DISPLAY_CONDITIONS_REGEX: RegExp;
 export declare const DISPLAY_CONDITIONS_EXCEPTIONS_REGEX: RegExp;
 export declare const REMOVE_CONDITIONS_REGEX: RegExp;
+export declare const DYNAMIC_CONTENT_TAG_REGEX: RegExp;
+export declare const DATA_ATTRIBUTE_REGEX: RegExp;
+export declare const VALID_DYNAMIC_VARIABLE_REGEX: RegExp;
+export declare const ALLOWED_DYNAMIC_SYSTEM_TOKENS: string[];

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

@@ -20,12 +20,6 @@ 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,7 +15,6 @@ 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,7 +10,6 @@ interface StoreState {
     typeSelectionDrawerStatus: boolean;
     isGlobalUnsubscribeDisabled: boolean;
     isSubscriptionPreferencesCenterDisabled: boolean;
-    pendingBlockId: string | null;
 }
 export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guidoUnsubscribe", StoreState, {
     getSelectedCollection: (state: {
@@ -36,7 +35,6 @@ 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: {
@@ -61,7 +59,6 @@ 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: {
@@ -86,7 +83,6 @@ 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;
@@ -123,7 +119,6 @@ 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: {
@@ -148,7 +143,6 @@ 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: {
@@ -173,7 +167,6 @@ 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: {
@@ -198,7 +191,6 @@ 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: {
@@ -223,7 +215,6 @@ 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: {
@@ -248,11 +239,10 @@ 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(force?: boolean): Promise<void>;
+    fetchTemplates(): 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 u } from "pinia";
+import { defineStore as h } from "pinia";
 let o = null;
 const r = () => ({
   templates: [],
@@ -12,9 +12,8 @@ const r = () => ({
   pageSelectionDrawerStatus: !1,
   typeSelectionDrawerStatus: !1,
   isGlobalUnsubscribeDisabled: !1,
-  isSubscriptionPreferencesCenterDisabled: !1,
-  pendingBlockId: null
-}), b = u("guidoUnsubscribe", {
+  isSubscriptionPreferencesCenterDisabled: !1
+}), b = h("guidoUnsubscribe", {
   state: () => r(),
   getters: {
     getSelectedCollection: (e) => i[e.selectedCollectionType],
@@ -63,10 +62,10 @@ const r = () => ({
         selectedUnsubscribePages: t
       });
     },
-    async fetchTemplates(e = !1) {
-      !e && this.templates.length || ((e || !o) && (o = (async () => {
-        const { getUnsubscribePages: t } = d();
-        this.templates = await t();
+    async fetchTemplates() {
+      this.templates.length || (o || (o = (async () => {
+        const { getUnsubscribePages: e } = d();
+        this.templates = await e();
       })().finally(() => {
         o = null;
       })), await o);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.7.0-beta.a1aaf44",
+  "version": "3.7.0-beta.a8c44c1",
   "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",