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

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/useStripo.js

@@ -1,27 +1,29 @@
-import { useActionsApi as D } from "./useActionsApi.js";
-import { useBlocksConfig as I } from "./useBlocksConfig.js";
-import { useConfig as P } from "./useConfig.js";
-import { useCustomInterfaceAppearance as U } from "./useCustomInterfaceAppearance.js";
-import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
+import { useActionsApi as I } from "./useActionsApi.js";
+import { useBlocksConfig as U } from "./useBlocksConfig.js";
+import { useConfig as R } from "./useConfig.js";
+import { useCustomInterfaceAppearance as x } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as O } from "./useFullStoryBridge.js";
 import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
-import { useToaster as x } from "./useToaster.js";
-import { localePatch as H } from "../config/i18n/index.js";
-import { useStripoApi as O } from "../services/stripoApi.js";
-import j from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { dynamicContentToMergeTags as z } from "../utils/genericUtil.js";
-import L from "../package.json.js";
-const se = (C, l) => {
-  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: F } = q(), { getStripoBlocksConfig: B } = I(), T = async (i, r = [], s = !1) => {
+import { useToaster as H } from "./useToaster.js";
+import { localePatch as z } from "../config/i18n/index.js";
+import { en as h } from "../config/i18n/en/index.js";
+import { ToasterTypeOptions as L } from "../enums/toaster.js";
+import { useStripoApi as $ } from "../services/stripoApi.js";
+import G from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as C } from "../stores/editor.js";
+import { dynamicContentToMergeTags as J } from "../utils/genericUtil.js";
+import N from "../package.json.js";
+const ce = (E, l) => {
+  const { features: c, template: w, isFeatureEnabled: u } = R(), { handleError: m, showToaster: b } = H(), { getToken: T, getCustomFonts: k, getSyncModulesStatus: B } = $(), { handleEvent: F } = q(), { getStripoBlocksConfig: v } = U(), V = async (s, r = [], i = !1) => {
     var g, S, y;
-    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await B(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, _ = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
-    window.UIEditor.initEditor(
+    const e = C(), { html: p, css: a } = s, { baseBlocks: t, extensions: d } = await v(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, A = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, M = ((y = w.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: C,
+        metadata: E,
         html: p,
         css: a,
-        forceRecreate: v,
+        forceRecreate: M,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -31,12 +33,12 @@ const se = (C, l) => {
         customAppearanceMergetags: !u("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: j,
+        customViewStyles: G,
         conditionsEnabled: f,
         customConditionsEnabled: f,
         enableXSSSecurity: !0,
-        modulesDisabled: _,
-        syncModulesEnabled: s,
+        modulesDisabled: A,
+        syncModulesEnabled: i,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -45,7 +47,7 @@ const se = (C, l) => {
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
-        ...o ? { baseBlocks: o } : {},
+        ...t ? { baseBlocks: t } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -53,38 +55,38 @@ const se = (C, l) => {
         },
         mergeTags: [
           {
-            entries: z(
+            entries: J(
               l.preselectedDynamicContentList,
               u("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(t) {
+        async onTokenRefreshRequest(o) {
           try {
-            const n = await w();
-            t(n);
+            const n = await T();
+            o(n);
           } catch (n) {
             m(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = U(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: M } = D(), { injectFullStory: A } = R();
-            t(), n(), A(), M(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: o } = x(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: P } = I(), { injectFullStory: D } = O();
+            o(), n(), D(), P(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
-          } catch (t) {
-            m(t, "Failed to load custom interface appearance");
+          } catch (o) {
+            m(o, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(t) {
-          e.isCodeEditorOpen = t;
+        onCodeEditorVisibilityChanged(o) {
+          e.isCodeEditorOpen = o;
         },
-        onEditorVisualModeChanged(t) {
-          e.editorVisualMode = t.toLowerCase();
+        onEditorVisualModeChanged(o) {
+          e.editorVisualMode = o.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(t) {
-          e.isVersionHistoryOpen = t;
+        onVersionHistoryVisibilityChanged(o) {
+          e.isVersionHistoryOpen = o;
         },
         onDataChanged() {
           e.hasChanges = !0;
@@ -96,32 +98,44 @@ const se = (C, l) => {
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: H
+        localePatch: z
       }
     );
-  }, V = (i) => new Promise((r, s) => {
+  }, _ = (s) => new Promise((r, i) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), r();
+      Promise.resolve(s()).then(r, i);
       return;
     }
-    const e = L.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
-    o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
-      i(), r();
-    }, o.onerror = () => {
-      s(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
-    }, document.body.appendChild(o);
+    const e = N.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
+      Promise.resolve(s()).then(r, i);
+    }, t.onerror = () => {
+      i(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+    }, document.body.appendChild(t);
   });
-  return { initPlugin: async (i) => {
-    await V(async () => {
-      const r = E(), [s, e] = await Promise.all([
-        b(),
-        k()
-      ]);
-      r.syncModulesEnabled = e, await T(i, s, e);
-    });
+  return { initPlugin: async (s) => {
+    const r = C();
+    try {
+      await _(async () => {
+        const [i, e] = await Promise.all([
+          k(),
+          B()
+        ]);
+        r.syncModulesEnabled = e, await V(s, i, e);
+      });
+    } catch {
+      r.loadingStatus = !1, b({
+        type: L.Alert,
+        message: h["An error has occurred. Please report the error code to support."],
+        actionButton: {
+          text: h["Reload page"],
+          onClick: () => window.location.reload()
+        }
+      });
+    }
   } };
 };
 export {
-  se as useStripo
+  ce as useStripo
 };

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/config/i18n/en/toasters.json.js

@@ -1,4 +1,5 @@
 const e = "Your version has been restored successfully.", o = "Restore Image", t = "Cancel", a = {
+  "Reload page": "Reload page",
   "The image has been deleted.": "The image has been deleted successfully.",
   "Aim for the drop zone!": "Drag and drop your image inside the upload area to continue.",
   "Image processing": "The image upload is in progress. This may take some time.",

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/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.0bf502c",
   "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",
@@ -27,6 +27,8 @@
     "test": "vitest run --coverage",
     "test:watch": "vitest",
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
+    "test:e2e:coverage": "E2E_COVERAGE=true playwright test",
+    "coverage:e2e:report": "nyc report --reporter=lcov --reporter=text-summary --report-dir=coverage/e2e",
     "prepare": "husky",
     "preinstall": "rm -rf ./node_modules/.vite"
   },
@@ -74,10 +76,12 @@
     "happy-dom": "15.11.7",
     "husky": "9.1.7",
     "msw": "2.10.3",
+    "nyc": "17.1.0",
     "sass": "1.69.7",
     "typescript": "5.5.4",
     "typescript-eslint": "8.26.0",
     "vite-plugin-dts": "4.5.4",
+    "vite-plugin-istanbul": "7.0.0",
     "vitest": "2.1.9",
     "vue-tsc": "2.2.10"
   },
@@ -90,6 +94,11 @@
   "msw": {
     "workerDirectory": "public"
   },
+  "nyc": {
+    "report-dir": "coverage/e2e",
+    "reporter": ["lcov", "text-summary"],
+    "all": false
+  },
   "guido": {
     "stripo": {
       "version": "2.65.0"

package/dist/src/extensions/Blocks/Recommendation/block.test.d.ts

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

package/dist/src/extensions/Blocks/Recommendation/utils/recommendationBlockCount.test.d.ts

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