@useinsider/guido 3.2.0-beta.caa22bf → 3.2.0-beta.ccaf9f5

package/dist/utils/templatePreparation.js

@@ -1,93 +1,53 @@
 import { useActionsApi as T } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as C } from "../composables/useHtmlCompiler.js";
-import { DEFAULT_CURRENCY as l, DEFAULT_NODE_CONFIG as a } from "../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { useRecommendationExtensionStore as b } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { DATA_ATTRIBUTES as y } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { parsePageList as P } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useDynamicContentStore as D } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as E } from "../stores/unsubscribe.js";
-function U(i, r) {
-  const s = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${y.PAGE_LIST}]`), c = [];
-  return s.forEach((t) => {
-    const o = t.getAttribute(y.PAGE_LIST);
-    o && c.push(...P(o));
-  }), r.filter((t) => c.includes(t));
+import { useHtmlCompiler as P } from "../composables/useHtmlCompiler.js";
+import { useRecommendationExtensionStore as A } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { DATA_ATTRIBUTES as l } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { parsePageList as h } from "../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useDynamicContentStore as C } from "../stores/dynamic-content.js";
+import { useUnsubscribeStore as D } from "../stores/unsubscribe.js";
+function x(i, e) {
+  const r = new DOMParser().parseFromString(i, "text/html").querySelectorAll(`[${l.PAGE_LIST}]`), n = [];
+  return r.forEach((t) => {
+    const o = t.getAttribute(l.PAGE_LIST);
+    o && n.push(...h(o));
+  }), e.filter((t) => n.includes(t));
 }
-function F(i) {
-  const m = new DOMParser().parseFromString(i, "text/html").querySelectorAll(".recommendation-block-v2");
-  if (m.length === 0)
-    return;
-  const d = b();
-  m.forEach((s) => {
-    var g, f, u, n, S;
-    const c = s.getAttribute("recommendation-id"), t = c ? Number(c) : NaN;
-    if (!Number.isFinite(t))
-      return;
-    const o = s.getAttribute("esd-ext-config");
-    if (!o)
-      return;
-    let e;
-    try {
-      e = JSON.parse(o);
-    } catch {
-      return;
-    }
-    if (!e || typeof e != "object" || Array.isArray(e))
-      return;
-    const p = {
-      strategy: e.strategy ?? a.strategy,
-      language: e.language ?? a.language,
-      size: e.size ?? a.size,
-      // Spread the default arrays so each block gets a fresh reference
-      // instead of sharing the singleton in DEFAULT_NODE_CONFIG.
-      productIds: e.productIds ?? [...a.productIds],
-      filters: e.filters ?? [...a.filters],
-      shuffleProducts: e.shuffleProducts ?? a.shuffleProducts,
-      currencyCode: ((g = e.currency) == null ? void 0 : g.code) ?? l.code,
-      currencyAlignment: ((f = e.currency) == null ? void 0 : f.alignment) ?? l.alignment,
-      currencyDecimalCount: ((u = e.currency) == null ? void 0 : u.decimalCount) ?? l.decimalCount,
-      currencyDecimalSeparator: ((n = e.currency) == null ? void 0 : n.decimalSeparator) ?? l.decimalSeparator,
-      currencyThousandSeparator: ((S = e.currency) == null ? void 0 : S.thousandSeparator) ?? l.thousandSeparator
-    };
-    d.seedBlockUrlConfig(t, p);
-  });
-}
-const _ = () => {
-  const i = D(), r = E(), { getCompiledEmail: m, getTemplateData: d } = T(), { compileHtml: s } = C();
+const I = () => {
+  const i = C(), e = D(), { getCompiledEmail: a, getTemplateData: m } = T(), { compileHtml: r } = P();
   return {
     prepareTemplateDetails: async () => {
-      const { html: t, ampHtml: o = "", ampErrors: e = [] } = await m({
+      const { html: t, ampHtml: o = "", ampErrors: p = [] } = await a({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: p, css: g, syncModulesIds: f = [] } = await d();
-      r.selectedUnsubscribePages.length && await r.fetchTemplates(), F(p);
-      const { compiledHtml: u, stats: n, appliedRules: S } = s(t), h = i.getSelectedDynamicContentList, A = b();
+      }), { html: u, css: d, syncModulesIds: g = [] } = await m();
+      e.selectedUnsubscribePages.length && await e.fetchTemplates();
+      const { compiledHtml: c, stats: s, appliedRules: S } = r(t), b = i.getSelectedDynamicContentList, f = A();
       return console.debug("HTML Compilation Stats:", {
-        originalSize: n.originalSize,
-        compiledSize: n.compiledSize,
-        reduction: `${n.reductionPercentage.toFixed(2)}%`,
+        originalSize: s.originalSize,
+        compiledSize: s.compiledSize,
+        reduction: `${s.reductionPercentage.toFixed(2)}%`,
         appliedRules: S,
-        executionTime: `${n.executionTime.toFixed(2)}ms`
+        executionTime: `${s.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: h,
-        compiledHtml: u,
-        rawHtml: p,
-        css: g,
+        dynamicContentList: b,
+        compiledHtml: c,
+        rawHtml: u,
+        css: d,
         ampHtml: o,
-        ampErrors: e,
-        modules: f.map(Number),
+        ampErrors: p,
+        modules: g.map(Number),
         recommendation: {
-          campaignUrls: A.recommendationCampaignUrls,
+          campaignUrls: f.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: r.unsubscribePagesStatus,
-          config: U(u, r.selectedUnsubscribePages)
+          status: e.unsubscribePagesStatus,
+          config: x(c, e.selectedUnsubscribePages)
         }
       };
     }
   };
 };
 export {
-  _ as useTemplatePreparation
+  I as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.2.0-beta.caa22bf",
+  "version": "3.2.0-beta.ccaf9f5",
   "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",
@@ -24,8 +24,6 @@
     "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
-    "test": "vitest run",
-    "test:watch": "vitest",
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
     "prepare": "husky",
     "preinstall": "rm -rf ./node_modules/.vite"
@@ -71,14 +69,12 @@
     "eslint-plugin-vue": "10.1.0",
     "eslint-plugin-vue-scoped-css": "2.6.1",
     "globals": "16.0.0",
-    "happy-dom": "15.11.7",
     "husky": "9.1.7",
     "msw": "2.10.3",
     "sass": "1.69.7",
     "typescript": "5.5.4",
     "typescript-eslint": "8.26.0",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "2.1.9",
     "vue-tsc": "2.2.10"
   },
   "overrides": {

package/dist/composables/validators/useCouponBlockValidator.js

@@ -1,24 +0,0 @@
-import { ToasterTypeOptions as c } from "../../enums/toaster.js";
-import { COUPON_PLACEHOLDER_DEFAULT as i, COUPON_PLACEHOLDER_LIQUID as l } from "../../extensions/Blocks/CouponBlock/template.js";
-import { useToaster as m } from "../useToaster.js";
-import { useTranslations as p } from "../useTranslations.js";
-const u = /* @__PURE__ */ new Set([
-  i,
-  l
-]), A = () => {
-  const { showToaster: t } = m(), r = p();
-  return { validateCouponBlockTags: (e) => {
-    const n = new DOMParser().parseFromString(e, "text/html");
-    return Array.from(n.querySelectorAll(".coupon-block")).find((s) => {
-      var o;
-      const a = ((o = s.textContent) == null ? void 0 : o.trim()) ?? "";
-      return !u.has(a);
-    }) ? (t({
-      type: c.Warning,
-      message: r("newsletter.coupon-tag-modified")
-    }), !1) : !0;
-  } };
-};
-export {
-  A as useCouponBlockValidator
-};

package/dist/config/migrator/recommendation/compositionMapper.js

@@ -1,98 +0,0 @@
-import { DEFAULT_COMPOSITION as d, DEFAULT_VISIBILITY as I } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_CUSTOM_PREFIX as l, ATTR_PRODUCT_BUTTON as k, ATTR_PRODUCT_OMNIBUS_DISCOUNT as A, ATTR_PRODUCT_OMNIBUS_PRICE as x, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_NAME as h, ATTR_PRODUCT_IMAGE as y } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { mapTextTheme as E, mapButtonTheme as O, mapImageTheme as b } from "./themeMapper.js";
-const C = "__title__", a = "product_attribute.";
-function N(r) {
-  const t = r.variable ?? "";
-  switch (t) {
-    case "p_recommendation_title":
-      return { key: C, kind: "title" };
-    case "p_image":
-      return { key: y, kind: "image" };
-    case "p_name":
-      return { key: h, kind: "text" };
-    case "p_price":
-      return { key: R, kind: "text" };
-    case "p_original_price":
-      return { key: f, kind: "text" };
-    case "p_omnibus_price":
-      return { key: x, kind: "text" };
-    case "p_omnibus_discount":
-      return { key: A, kind: "text" };
-    case "p_button":
-      return { key: k, kind: "button" };
-    default:
-      if (r.variableType === "p_attribute" || t.startsWith("p_attribute_")) {
-        const s = r.value ?? "", o = s.startsWith(a) ? s.slice(a.length) : s;
-        return o ? {
-          key: `${l}${o}`,
-          kind: "custom",
-          customAttrName: o,
-          customAttrValue: s || `${a}${o}`
-        } : null;
-      }
-      return null;
-  }
-}
-function p(r) {
-  const t = d.indexOf(r);
-  return t === -1 ? Number.POSITIVE_INFINITY : t;
-}
-function S(r) {
-  const t = {
-    composition: [],
-    visibility: { ...I },
-    customAttributes: [],
-    customAttrValues: {},
-    perElementStyles: {},
-    anyTextTrimming: !1
-  };
-  if (!r || r.length === 0)
-    return t.composition = [...d], t;
-  const s = [];
-  r.forEach((e, i) => {
-    const n = N(e);
-    if (n) {
-      if (n.kind === "title") {
-        t.titleVariable = e;
-        return;
-      }
-      s.push({
-        key: n.key,
-        kind: n.kind,
-        hidden: e.hidden === !0,
-        positionIdx: typeof e.positionIdx == "number" ? e.positionIdx : Number.MAX_SAFE_INTEGER,
-        legacy: e,
-        customAttrName: n.customAttrName,
-        customAttrValue: n.customAttrValue,
-        originalIndex: i
-      });
-    }
-  }), s.sort((e, i) => {
-    if (e.positionIdx !== i.positionIdx)
-      return e.positionIdx - i.positionIdx;
-    const n = p(e.key), u = p(i.key);
-    return n !== u ? n - u : e.originalIndex - i.originalIndex;
-  });
-  const o = {};
-  return s.forEach((e) => {
-    const { key: i, kind: n, hidden: u, legacy: m, customAttrName: c, customAttrValue: T } = e;
-    switch (t.composition.push(i), t.visibility[i] = !u, n === "custom" && c && T && (t.customAttributes.includes(c) || t.customAttributes.push(c), t.customAttrValues[i] = T), n) {
-      case "image":
-        o[i] = b(m.theme);
-        break;
-      case "button":
-        o[i] = O(m.theme);
-        break;
-      case "text":
-      case "custom": {
-        const _ = E(m.theme);
-        o[i] = _, _.textTrimming && (t.anyTextTrimming = !0);
-        break;
-      }
-    }
-  }), t.perElementStyles = o, t;
-}
-export {
-  S as mapComposition
-};

package/dist/config/migrator/recommendation/extractors.js

@@ -1,27 +0,0 @@
-const i = "You May Also Like!";
-function s(r) {
-  var e;
-  const o = r.querySelector(".ext-recommendation-title");
-  if (!o)
-    return i;
-  const t = (e = o.textContent) == null ? void 0 : e.trim();
-  return t && t.length > 0 ? t : i;
-}
-function u(r) {
-  const o = [
-    r,
-    ...Array.from(r.querySelectorAll(".product-card, .ext-recommendation-card"))
-  ];
-  let t = "";
-  return o.some((e) => {
-    const n = e.getAttribute("bgcolor");
-    if (n && n.trim())
-      return t = n.trim(), !0;
-    const c = (e.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
-    return c && c[1] ? (t = c[1].trim(), !0) : !1;
-  }), t;
-}
-export {
-  u as extractCardBgColor,
-  s as extractTitleText
-};