@useinsider/guido 3.7.1 → 3.7.2-beta.b9b817e

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/enums/extensions/recommendationBlock.js

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

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

@@ -1,8 +1,8 @@
 import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAttributes as C } from "../../../../enums/extensions/recommendationBlock.js";
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as G } from "../../../../stores/config.js";
-import { defineStore as P } from "pinia";
-import { DEFAULT_MOBILE_CARDS_IN_ROW as D, DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
+import { defineStore as F } from "pinia";
+import { DEFAULT_MOBILE_CARDS_IN_ROW as P, DEFAULT_CARDS_IN_ROW as D } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as w } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
 import { generateCompleteFilterQuery as b } from "../utils/filterUtil.js";
@@ -13,7 +13,7 @@ const h = y();
 let m = null, u = null, d = null;
 function k() {
   return {
-    cardsInRow: F,
+    cardsInRow: D,
     currencySettings: {
       name: "USD",
       value: "USD",
@@ -27,7 +27,7 @@ function k() {
     productIds: [],
     id: 1,
     language: "en_US",
-    mobileCardsInRow: D,
+    mobileCardsInRow: P,
     mobileLayoutEnabled: !1,
     orientation: "grid",
     recommendedProducts: [],
@@ -60,7 +60,7 @@ const L = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), K = P("guidoRecommendationExtension", {
+}), K = F("guidoRecommendationExtension", {
   state: () => L(),
   getters: {
     // ====================================================================
@@ -133,7 +133,7 @@ const L = () => ({
       value: e.text
     })),
     getFilterList() {
-      return Object.values(this.filterList).map((t) => {
+      return Object.values(this.filterList).filter((t) => t.isFilterable !== 0 && t.isFilterable !== !1).map((t) => {
         let e;
         return t.type === "productAttribute" ? e = `product_attributes.${t.attributeName}` : C.includes(t.attributeName) ? e = `${t.attributeName}.${this.recommendationConfigs.currencySettings.value}` : e = t.attributeName, {
           text: t.displayName,

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/services/recommendationApi.js

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

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

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

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

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

package/dist/src/extensions/Blocks/Unsubscribe/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.b9b817e",
   "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 {};