@useinsider/guido 3.7.1 → 3.7.2-beta.0ef1511

package/dist/composables/useSave.js

@@ -1,31 +1,32 @@
 import { useActionsApi as x } from "./useActionsApi.js";
 import { useConfig as y } from "./useConfig.js";
-import { useSaveStart as w, useSaveComplete as C } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as E } from "./useSyncModuleExtractor.js";
-import { useStripoApi as H } from "../services/stripoApi.js";
-import { useTemplatePreparation as b } from "../utils/templatePreparation.js";
-import { useHtmlValidator as q } from "./useHtmlValidator.js";
+import { useSaveStart as w, useSaveComplete as H } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as q } from "./useSyncModuleExtractor.js";
+import { useStripoApi as C } from "../services/stripoApi.js";
+import { useTemplatePreparation as E } from "../utils/templatePreparation.js";
+import { useHtmlValidator as k } from "./useHtmlValidator.js";
 import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
 import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
-const z = () => {
-  const o = w(), s = C(), { validateHtml: r } = q(), { validateLiquidSyntax: n } = P(), { validateCouponBlockTags: l } = L(), { callbacks: a, isFeatureEnabled: d } = y(), { extractSyncModuleData: u } = E(), { setSyncModuleUnsubscriptionPages: c } = H(), { editorSave: m } = x();
-  return { save: async (p = !1, f = !1) => {
-    var i;
+import { useUnsubscribeBlockValidator as B } from "./validators/useUnsubscribeBlockValidator.js";
+const J = () => {
+  const o = w(), s = H(), { validateHtml: r } = k(), { validateLiquidSyntax: n } = P(), { validateCouponBlockTags: l } = L(), { validateUnsubscribeBlockUniqueness: d } = B(), { callbacks: i, isFeatureEnabled: u } = y(), { extractSyncModuleData: c } = q(), { setSyncModuleUnsubscriptionPages: m } = C(), { editorSave: p } = x();
+  return { save: async (f = !1, v = !1) => {
+    var a;
     o();
-    const { prepareTemplateDetails: v } = b(), t = await v();
-    if (!l(t.compiledHtml))
+    const { prepareTemplateDetails: S } = E(), t = await S();
+    if (!l(t.compiledHtml) || !d(t.compiledHtml))
       return;
-    if (d("liquidSyntax")) {
+    if (u("liquidSyntax")) {
       if (!await n(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t) || !await m())
+    if ((a = i.value) != null && a.externalValidation && !await i.value.externalValidation(t) || !await p())
       return;
-    const { unsubscribePayload: S, stripoModules: V } = u(t.rawHtml);
-    return await c(S), t.modules = V, p || s({ ...t, silent: f }), t;
+    const { unsubscribePayload: V, stripoModules: b } = c(t.rawHtml);
+    return await m(V), t.modules = b, f || s({ ...t, silent: v }), t;
   } };
 };
 export {
-  z as useSave
+  J as useSave
 };

package/dist/composables/validators/useUnsubscribeBlockValidator.js

@@ -0,0 +1,32 @@
+import { ToasterTypeOptions as i } from "../../enums/toaster.js";
+import { PAGE_TYPES as n } from "../../enums/unsubscribe.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as u, DATA_ATTRIBUTES as l } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useToaster as T } from "../useToaster.js";
+import { useTranslations as E } from "../useTranslations.js";
+const m = [
+  {
+    pageType: n.GLOBAL_UNSUBSCRIBE,
+    messageKey: "unsubscription-preference.duplicate-global-unsub"
+  },
+  {
+    pageType: n.SUBSCRIPTION_PREFERENCE_CENTER,
+    messageKey: "unsubscription-preference.duplicate-pref-center"
+  }
+], g = "unsubscription-preference.duplicate-both", y = () => {
+  const { showToaster: o } = T(), a = E();
+  return { validateUnsubscribeBlockUniqueness: (c) => {
+    const p = new DOMParser().parseFromString(c, "text/html"), t = /* @__PURE__ */ new Map();
+    p.querySelectorAll(u).forEach((e) => {
+      const r = Number(e.getAttribute(l.PAGE_TYPE));
+      t.set(r, (t.get(r) ?? 0) + 1);
+    });
+    const s = m.filter((e) => (t.get(e.pageType) ?? 0) > 1).map((e) => e.messageKey);
+    return s.length ? (o({
+      type: i.Alert,
+      message: a(s.length > 1 ? g : s[0])
+    }), !1) : !0;
+  } };
+};
+export {
+  y as useUnsubscribeBlockValidator
+};

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

@@ -7,9 +7,9 @@ import { PAGE_TYPES as h } from "../../../enums/unsubscribe.js";
 import { useUnsubscribeStore as u } from "../../../stores/unsubscribe.js";
 import { Block as y, BlockCompositionType as T, ContextActionType as k, ModificationDescription as d, BlockType as I } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { getDefaultTemplate as v } from "./template.js";
-import { DATA_ATTRIBUTES as n, UNSUBSCRIBE_EVENTS as p } from "./utils/constants.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as m, DATA_ATTRIBUTES as n, UNSUBSCRIBE_EVENTS as b } from "./utils/constants.js";
 import { parsePageList as B } from "./utils/utils.js";
-const C = "unsubscribe-block", m = 'a[data-unsubscribe-link="true"]', E = ".unsubscribe-block-v2", N = "{{ins-unsubscribe-link}}", U = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", R = "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.", D = {
+const C = "unsubscribe-block", E = 'a[data-unsubscribe-link="true"]', N = "{{ins-unsubscribe-link}}", U = "https://academy.insiderone.com/docs/adding-unsubscribe-pages-into-emails", R = "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.", D = {
   [h.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [h.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 }, w = 3;
@@ -60,7 +60,7 @@ class H extends y {
   onDocumentInit() {
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(E).forEach((t) => {
+      e && "querySelectorAll" in e && e.querySelectorAll(m).forEach((t) => {
         this._ensureLeadingTextGuard(t);
       });
     } catch {
@@ -90,7 +90,7 @@ class H extends y {
   _ensureLeadingTextGuard(e) {
     if (!("querySelector" in e))
       return;
-    const t = e.querySelector(m);
+    const t = e.querySelector(E);
     if (!t)
       return;
     let s = t, r = s.parent();
@@ -100,8 +100,8 @@ class H extends y {
       return;
     const i = s.previousSibling();
     if (!!(i && i.getType() === "text" && i.getTextContent())) {
-      const b = this._readBlockId(e);
-      b && this.guardAttemptsByBlockId.delete(b);
+      const p = this._readBlockId(e);
+      p && this.guardAttemptsByBlockId.delete(p);
       return;
     }
     const g = this._getOrAssignBlockId(e);
@@ -112,13 +112,13 @@ class H extends y {
       this.guardAttemptsByBlockId.set(g, _ + 1);
       try {
         this.api.getDocumentModifier().modifyHtml(r).prepend(" ").apply(new d("Ensure unsubscribe link text guard"));
-      } catch (b) {
-        console.warn("[UnsubscribeBlock] Failed to ensure link text guard:", b);
+      } catch (p) {
+        console.warn("[UnsubscribeBlock] Failed to ensure link text guard:", p);
       }
     }
   }
   _hasUnsubscribeLink(e) {
-    return "querySelector" in e ? !!e.querySelector(m) : !1;
+    return "querySelector" in e ? !!e.querySelector(E) : !1;
   }
   _readBlockId(e) {
     return "getAttribute" in e ? e.getAttribute(n.BLOCK_ID) : null;
@@ -152,7 +152,7 @@ class H extends y {
     let e = 0;
     try {
       const t = this.api.getDocumentRoot();
-      t && "querySelectorAll" in t && t.querySelectorAll(E).forEach((r) => {
+      t && "querySelectorAll" in t && t.querySelectorAll(m).forEach((r) => {
         if ("getAttribute" in r) {
           const i = r.getAttribute(n.BLOCK_ID), l = i ? parseInt(i) : 0;
           l > e && (e = l);
@@ -183,18 +183,18 @@ class H extends y {
     this._removeSelectEventListener(), this.selectEventListener = (e) => {
       const t = e, { collectionType: s, selectedPages: r } = t.detail;
       this._updateBlock(s, r.join(","));
-    }, document.addEventListener(p.SELECT, this.selectEventListener);
+    }, document.addEventListener(b.SELECT, this.selectEventListener);
   }
   _removeSelectEventListener() {
-    this.selectEventListener && (document.removeEventListener(p.SELECT, this.selectEventListener), this.selectEventListener = null);
+    this.selectEventListener && (document.removeEventListener(b.SELECT, this.selectEventListener), this.selectEventListener = null);
   }
   _setupCancelEventListener() {
     this._removeCancelEventListener(), this.cancelEventListener = () => {
       this._handleCancel();
-    }, document.addEventListener(p.CANCEL, this.cancelEventListener);
+    }, document.addEventListener(b.CANCEL, this.cancelEventListener);
   }
   _removeCancelEventListener() {
-    this.cancelEventListener && (document.removeEventListener(p.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
+    this.cancelEventListener && (document.removeEventListener(b.CANCEL, this.cancelEventListener), this.cancelEventListener = null);
   }
   _handleCancel() {
     try {
@@ -211,7 +211,7 @@ class H extends y {
   _updateBlock(e, t) {
     if (!this.currentNode || !("querySelector" in this.currentNode))
       return;
-    const s = this.currentNode.querySelector(m);
+    const s = this.currentNode.querySelector(E);
     if (!s)
       return;
     const r = this._getMergeTag(e);
@@ -231,7 +231,7 @@ class H extends y {
   }
   _checkExistingBlocks() {
     const e = u();
-    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(E).forEach((s) => {
+    e.isGlobalUnsubscribeDisabled = !1, e.isSubscriptionPreferencesCenterDisabled = !1, this.api.getDocumentRoot().querySelectorAll(m).forEach((s) => {
       if ("getAttribute" in s) {
         const r = s.getAttribute(n.PAGE_TYPE);
         if (r) {

package/dist/extensions/Blocks/Unsubscribe/utils/constants.js

@@ -1,12 +1,13 @@
 const s = {
   SELECT: "unsubscribe:select",
   CANCEL: "unsubscribe:cancel"
-}, e = {
+}, b = {
   PAGE_TYPE: "data-unsubscribe-page-type",
   PAGE_LIST: "data-unsubscribe-page-list",
   BLOCK_ID: "data-unsubscribe-block-id"
-};
+}, c = ".unsubscribe-block-v2";
 export {
-  e as DATA_ATTRIBUTES,
+  b as DATA_ATTRIBUTES,
+  c as UNSUBSCRIBE_BLOCK_SELECTOR,
   s as UNSUBSCRIBE_EVENTS
 };

package/dist/src/composables/validators/useUnsubscribeBlockValidator.d.ts

@@ -0,0 +1,3 @@
+export declare const useUnsubscribeBlockValidator: () => {
+    validateUnsubscribeBlockUniqueness: (html: string) => boolean;
+};

package/dist/src/composables/validators/useUnsubscribeBlockValidator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/extensions/Blocks/Unsubscribe/utils/constants.d.ts

@@ -8,3 +8,4 @@ export declare const DATA_ATTRIBUTES: {
     readonly PAGE_LIST: "data-unsubscribe-page-list";
     readonly BLOCK_ID: "data-unsubscribe-block-id";
 };
+export declare const UNSUBSCRIBE_BLOCK_SELECTOR = ".unsubscribe-block-v2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.7.1",
+  "version": "3.7.2-beta.0ef1511",
   "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",