@useinsider/guido 3.1.1-beta.c70df9c → 3.1.1-beta.dc20933

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,41 +1,41 @@
-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 y } from "../../composables/usePartner.js";
+import { LINK_REGEXES as p, LINK_TYPES as S, INSIDER_ID as m, URLS as R } from "../../enums/unsubscribe.js";
+import { parsePageList as I } 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;
+      const { getPartnerName: i } = y(), o = N(), s = U(), d = C(), a = o.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)
+      const r = `/${i()}/email/${a}?user={{iid}}`, E = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]");
+      let c = !1, l = !1;
+      return E.forEach((f) => {
+        var b;
+        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);
-      }), e;
+        const _ = I(u), g = ((b = d.templates) == null ? void 0 : b.filter(
+          (n) => _.includes(n.id)
+        )) ?? [];
+        c = c || g.some((n) => n.type === S.UNSUBSCRIBE_LINK_TYPE), l = l || g.some((n) => n.type === S.PREFERENCES_LINK_TYPE);
+      }), (c || l) && (s.selectedDynamicContentList.some((u) => u.value === m) || s.selectedDynamicContentList.push({
+        text: m,
+        value: m,
+        fallback: ""
+      })), c && (e = e.replace(
+        p.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
+        R.UNSUBSCRIBE_URL + r
+      )), l && (e = e.replace(
+        p.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
+        R.PREFERENCES_URL + r
+      )), E.length && (e = e.replace(p.UNSUBSCRIBE_LINK_REGEX, "")), e;
     },
     priority: 60
   },
@@ -43,7 +43,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
@@ -61,16 +61,16 @@ const D = [
     type: "custom",
     processor: (t) => {
       let i = t;
-      const c = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return c && c.forEach((n) => {
-        if (n.includes("insEmail=1"))
+      const o = i.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return o && o.forEach((s) => {
+        if (s.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) => {
+        if (s.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
+          const a = s.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`);
           });
-          i = i.replace(n, a);
+          i = i.replace(s, a);
         }
       }), i;
     },
@@ -78,5 +78,5 @@ const D = [
   }
 ];
 export {
-  D as unsubscribeCompilerRules
+  G as unsubscribeCompilerRules
 };

package/dist/config/i18n/en/tooltips.json.js

@@ -75,7 +75,8 @@ const e = {
   "The image with the invalid link cannot be saved to the image gallery": "Enter a valid image link to continue.",
   "The data source link is unavailable. Please, make sure there is an access to the data source.": "Enter an accessible Data Source Link to contiue.",
   "The file should not exceed the maximum resolution of {maxImageResolution}px.": "Upload files up to 1024x512 pixels to continue.",
-  "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor."
+  "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor.",
+  "Dropdown with a list of available data services, preliminarily created in the Data section → Services tab of the Account.": "Service for Data Collection lets you enter a form submission URL for the recipients to submit."
 };
 export {
   e as default

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

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

package/dist/utils/templatePreparation.js

@@ -3,22 +3,24 @@ 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 { 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 w = () => {
+  const o = x(), e = y(), { getCompiledEmail: i, getTemplateData: s, editorSave: n } = f(), { compileHtml: a } = C();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: r = "", ampErrors: c = [] } = await i({
+      const { html: m, ampHtml: r = "", ampErrors: c = [] } = await i({
         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: l, css: p, syncModulesIds: u = [] } = await s();
+      e.selectedUnsubscribePages.length && await e.fetchTemplates();
+      const { compiledHtml: d, stats: t, appliedRules: g } = a(m), S = o.getSelectedDynamicContentList, b = T();
+      return n(), 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,
+        dynamicContentList: S,
         compiledHtml: d,
         rawHtml: l,
         css: p,
@@ -30,13 +32,13 @@ const E = () => {
           configs: {}
         },
         unsubscribe: {
-          status: t.unsubscribePagesStatus,
-          config: t.selectedUnsubscribePages
+          status: e.unsubscribePagesStatus,
+          config: e.selectedUnsubscribePages
         }
       };
     }
   };
 };
 export {
-  E as useTemplatePreparation
+  w as useTemplatePreparation
 };

package/dist/utils/tooltipUtils.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.1.1-beta.c70df9c",
+  "version": "3.1.1-beta.dc20933",
   "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": "0.14.28",
+    "@useinsider/design-system-vue": "1.1.0-beta.73ec2fa",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",