@useinsider/guido 3.1.1-beta.b369df0 → 3.1.1-beta.be402b7

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,40 +1,50 @@
-import { usePartner as N } from "../../composables/usePartner.js";
-import { LINK_REGEXES as l, LINK_TYPES as S, INSIDER_ID as R, URLS as _ } from "../../enums/unsubscribe.js";
-import { parsePageList as U } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as B } from "../../stores/config.js";
-import { useDynamicContentStore as y } from "../../stores/dynamic-content.js";
-import { useUnsubscribeStore as L } from "../../stores/unsubscribe.js";
-const D = [
+import { usePartner as I } from "../../composables/usePartner.js";
+import { LINK_REGEXES as p, LINK_TYPES as R, INSIDER_ID as b, URLS as y } from "../../enums/unsubscribe.js";
+import { parsePageList as _ } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useConfigStore as N } from "../../stores/config.js";
+import { useDynamicContentStore as U } from "../../stores/dynamic-content.js";
+import { useUnsubscribeStore as C } from "../../stores/unsubscribe.js";
+const G = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
-    processor: (t) => {
-      const { getPartnerName: i } = N(), c = B(), n = y(), u = L(), a = c.variationId;
-      if (!a)
-        return t;
-      let e = t;
-      const r = `/${i()}/email/${a}?user={{iid}}`;
-      return new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]").forEach((p) => {
-        var g;
-        const m = p.getAttribute("data-unsubscribe-page-list");
-        if (!m)
+    processor: (i) => {
+      const { getPartnerName: n } = I(), a = N(), t = U(), g = C(), o = a.variationId;
+      if (console.debug("[SD-136953][compiler] variationId:", o), !o)
+        return i;
+      let e = i;
+      const s = `/${n()}/email/${o}?user={{iid}}`, d = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
+      console.debug("[SD-136953][compiler] blocks found:", d.length);
+      let c = !1, l = !1;
+      return d.forEach((f) => {
+        var S;
+        const u = f.getAttribute("data-unsubscribe-page-list");
+        if (!u)
           return;
-        const I = U(m), d = ((g = u.templates) == null ? void 0 : g.filter(
-          (o) => I.includes(o.id)
-        )) ?? [], E = d.some((o) => o.type === S.UNSUBSCRIBE_LINK_TYPE), b = d.some((o) => o.type === S.PREFERENCES_LINK_TYPE), f = p.outerHTML;
-        let s = f;
-        (E || b) && n.selectedDynamicContentList.push({
-          text: R,
-          value: R,
-          fallback: ""
-        }), E && (s = s.replace(
-          l.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-          _.UNSUBSCRIBE_URL + r
-        )), b && (s = s.replace(
-          l.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-          _.PREFERENCES_URL + r
-        )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), e = e.replace(f, s);
+        const E = _(u), m = ((S = g.templates) == null ? void 0 : S.filter(
+          (r) => E.includes(r.id)
+        )) ?? [];
+        m.some((r) => r.type === R.UNSUBSCRIBE_LINK_TYPE) && (c = !0), m.some((r) => r.type === R.PREFERENCES_LINK_TYPE) && (l = !0), console.debug("[SD-136953][compiler] block:", {
+          pageIds: E,
+          pagesInBlock: m.map((r) => ({ id: r.id, type: r.type })),
+          hasUnsubscribePage: c,
+          hasPreferencesPage: l
+        });
+      }), (c || l) && (t.selectedDynamicContentList.some((u) => u.value === b) || t.selectedDynamicContentList.push({
+        text: b,
+        value: b,
+        fallback: ""
+      })), c && (e = e.replace(
+        p.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
+        y.UNSUBSCRIBE_URL + s
+      )), l && (e = e.replace(
+        p.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
+        y.PREFERENCES_URL + s
+      )), d.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), console.debug("[SD-136953][compiler] result:", {
+        hasUnsubscribePage: c,
+        hasPreferencesPage: l,
+        stillHasPlaceholder: e.includes("{{ins-global-unsubscribe-link}}")
       }), e;
     },
     priority: 60
@@ -43,7 +53,7 @@ const D = [
     id: "remove-data-ogsb-button-styles",
     description: "Removing styles like [data-ogsb] .es-button.es-button-123 { background: red; }",
     type: "regex",
-    pattern: l.DATA_OGSB_BUTTON_CSS_REGEX,
+    pattern: p.DATA_OGSB_BUTTON_CSS_REGEX,
     replacement: "",
     flags: "g",
     priority: 61
@@ -52,31 +62,31 @@ const D = [
     id: "format-comment-braces",
     description: "Adding spaces around comment braces for proper formatting",
     type: "custom",
-    processor: (t) => t.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
+    processor: (i) => i.replace(/{#/g, "{ #").replace(/#}/g, "# }"),
     priority: 62
   },
   {
     id: "add-universal-link-flags",
     description: "Adding universal link flags",
     type: "custom",
-    processor: (t) => {
-      let i = t;
-      const c = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return c && c.forEach((n) => {
-        if (n.includes("insEmail=1"))
+    processor: (i) => {
+      let n = i;
+      const a = n.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return a && a.forEach((t) => {
+        if (t.includes("insEmail=1"))
           return;
-        if (n.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
-          const a = n.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
-            const r = e.slice(6, e.length - 1).trim();
-            return e.includes("?") || e.includes("#") ? r.slice(-1) === "&" ? e.replace(r, `${r}insEmail=1`) : e.replace(r, `${r}&insEmail=1`) : e.replace(r, `${r}?insEmail=1`);
+        if (t.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
+          const o = t.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
+            const s = e.slice(6, e.length - 1).trim();
+            return e.includes("?") || e.includes("#") ? s.slice(-1) === "&" ? e.replace(s, `${s}insEmail=1`) : e.replace(s, `${s}&insEmail=1`) : e.replace(s, `${s}?insEmail=1`);
           });
-          i = i.replace(n, a);
+          n = n.replace(t, o);
         }
-      }), i;
+      }), n;
     },
     priority: 63
   }
 ];
 export {
-  D as unsubscribeCompilerRules
+  G as unsubscribeCompilerRules
 };

package/dist/src/@types/generic.d.ts

@@ -44,6 +44,7 @@ export interface TooltipOptions {
         x: number;
         y: number;
     };
+    preventXss?: boolean;
 }
 export type TextValueObject = {
     text: string;

package/dist/utils/templatePreparation.js

@@ -1,37 +1,50 @@
 import { useActionsApi as f } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as C } from "../composables/useHtmlCompiler.js";
-import { useRecommendationExtensionStore as T } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useDynamicContentStore as x } from "../stores/dynamic-content.js";
+import { useHtmlCompiler as h } from "../composables/useHtmlCompiler.js";
+import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useDynamicContentStore as D } from "../stores/dynamic-content.js";
 import { useUnsubscribeStore as y } from "../stores/unsubscribe.js";
 const E = () => {
-  const o = x(), t = y(), { getCompiledEmail: i, getTemplateData: n, editorSave: s } = f(), { compileHtml: m } = C();
+  const n = D(), e = y(), { getCompiledEmail: a, getTemplateData: l, editorSave: m } = f(), { compileHtml: c } = h();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: r = "", ampErrors: c = [] } = await i({
+      const { html: s, ampHtml: r = "", ampErrors: p = [] } = await a({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: l, css: p, syncModulesIds: u = [] } = await n(), { compiledHtml: d, stats: e, appliedRules: S } = m(a), g = o.getSelectedDynamicContentList, b = T();
-      return s(), console.debug("HTML Compilation Stats:", {
-        originalSize: e.originalSize,
-        compiledSize: e.compiledSize,
-        reduction: `${e.reductionPercentage.toFixed(2)}%`,
-        appliedRules: S,
-        executionTime: `${e.executionTime.toFixed(2)}ms`
+      }), { html: u, css: d, syncModulesIds: b = [] } = await l();
+      console.debug("[SD-136953] Pre-compile state:", {
+        selectedPages: e.selectedUnsubscribePages,
+        templatesCount: e.templates.length,
+        hasPlaceholder: s.includes("{{ins-global-unsubscribe-link}}")
+      }), e.selectedUnsubscribePages.length && await e.fetchTemplates(), console.debug("[SD-136953] Post-fetch state:", {
+        templatesCount: e.templates.length,
+        templates: e.templates.map((i) => ({ id: i.id, type: i.type }))
+      });
+      const { compiledHtml: o, stats: t, appliedRules: g } = c(s);
+      console.debug("[SD-136953] Post-compile:", {
+        stillHasPlaceholder: o.includes("{{ins-global-unsubscribe-link}}")
+      });
+      const S = n.getSelectedDynamicContentList, P = C();
+      return m(), console.debug("HTML Compilation Stats:", {
+        originalSize: t.originalSize,
+        compiledSize: t.compiledSize,
+        reduction: `${t.reductionPercentage.toFixed(2)}%`,
+        appliedRules: g,
+        executionTime: `${t.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: g,
-        compiledHtml: d,
-        rawHtml: l,
-        css: p,
+        dynamicContentList: S,
+        compiledHtml: o,
+        rawHtml: u,
+        css: d,
         ampHtml: r,
-        ampErrors: c,
-        modules: u.map(Number),
+        ampErrors: p,
+        modules: b.map(Number),
         recommendation: {
-          campaignUrls: b.recommendationCampaignUrls,
+          campaignUrls: P.recommendationCampaignUrls,
           configs: {}
         },
         unsubscribe: {
-          status: t.unsubscribePagesStatus,
-          config: t.selectedUnsubscribePages
+          status: e.unsubscribePagesStatus,
+          config: e.selectedUnsubscribePages
         }
       };
     }

package/dist/utils/tooltipUtils.js

@@ -1,10 +1,11 @@
-const o = (i, t = {}) => ({
-  id: i,
+const e = (s, t = {}) => ({
+  id: s,
   dynamicPosition: t.dynamicPosition ?? !1,
   staticPosition: t.staticPosition ?? "bottom center",
   iconStatus: t.iconStatus ?? !1,
-  offset: t.offset
+  offset: t.offset,
+  preventXss: t.preventXss
 });
 export {
-  o as getTooltipOptions
+  e as getTooltipOptions
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.1.1-beta.b369df0",
+  "version": "3.1.1-beta.be402b7",
   "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",
@@ -33,7 +33,7 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.5.0",
-    "@useinsider/design-system-vue": "1.1.0",
+    "@useinsider/design-system-vue": "0.14.28",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",