@useinsider/guido 3.1.1-beta.a80cc5e → 3.1.1-beta.b085e4a

package/dist/src/stores/config.d.ts

@@ -22,10 +22,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -124,10 +120,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -226,10 +218,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -328,10 +316,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -430,10 +414,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -532,10 +512,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -634,10 +610,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -736,10 +708,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -838,10 +806,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -940,10 +904,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -1042,10 +1002,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -1144,10 +1100,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -1246,10 +1198,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -1348,10 +1296,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -1450,10 +1394,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -1552,10 +1492,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -1654,10 +1590,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;
@@ -1756,10 +1688,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                 productType: 60 | 49 | 97;
                 messageType: 1 | 2;
                 username: string;
-                fallbackFont?: {
-                    name: string;
-                    family: string;
-                } | undefined;
             };
             template: {
                 html: string;

package/dist/src/stores/preview.d.ts

@@ -7,7 +7,6 @@ export declare const usePreviewStore: import("pinia").StoreDefinition<"guidoPrev
         templateHtml: string;
         isLoaded: boolean;
         isAMPErrorModalVisible: boolean;
-        emailSizeKB: number;
     } & import("pinia").PiniaCustomStateProperties<PreviewState>) => boolean;
     previewHtml(): string;
     hasAMP: (state: {
@@ -17,7 +16,6 @@ export declare const usePreviewStore: import("pinia").StoreDefinition<"guidoPrev
         templateHtml: string;
         isLoaded: boolean;
         isAMPErrorModalVisible: boolean;
-        emailSizeKB: number;
     } & import("pinia").PiniaCustomStateProperties<PreviewState>) => boolean;
     hasAMPErrors: (state: {
         emailFormat: EmailFormat;
@@ -26,7 +24,6 @@ export declare const usePreviewStore: import("pinia").StoreDefinition<"guidoPrev
         templateHtml: string;
         isLoaded: boolean;
         isAMPErrorModalVisible: boolean;
-        emailSizeKB: number;
     } & import("pinia").PiniaCustomStateProperties<PreviewState>) => boolean;
     showAMPErrorButton(): boolean;
     isAMPResponsive(): boolean;

package/dist/src/utils/htmlCompiler.d.ts

@@ -1,9 +1,8 @@
-import type { FallbackFont } from '@@/Types/config';
 import type { CompilerRule, CompilationResult, HtmlCompiler } from '@@/Types/html-compiler';
 export declare class HtmlCompilerEngine implements HtmlCompiler {
     private rules;
     constructor(rules?: CompilerRule[]);
-    compile(html: string, rules?: CompilerRule[], fallbackFont?: FallbackFont): CompilationResult;
+    compile(html: string, rules?: CompilerRule[]): CompilationResult;
     private applyRule;
     private applyReplaceRule;
     private applyRegexRule;

package/dist/stores/preview.js

@@ -1,14 +1,13 @@
 import { defineStore as e } from "pinia";
-const i = () => ({
+const s = () => ({
   emailFormat: "html",
   ampHtml: "",
   ampErrors: [],
   templateHtml: "",
   isLoaded: !1,
-  isAMPErrorModalVisible: !1,
-  emailSizeKB: 0
+  isAMPErrorModalVisible: !1
 }), a = e("guidoPreview", {
-  state: () => i(),
+  state: () => s(),
   getters: {
     isAMPModeEnabled: (t) => t.emailFormat === "AMP",
     previewHtml() {

package/dist/utils/htmlCompiler.js

@@ -1,77 +1,70 @@
-var h = Object.defineProperty;
-var f = (o, e, t) => e in o ? h(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var m = (o, e, t) => f(o, typeof e != "symbol" ? e + "" : e, t);
-import { useToaster as x } from "../composables/useToaster.js";
-const E = /font-family\s*:[^;}"']+/gi;
-class T {
+var y = Object.defineProperty;
+var g = (p, e, r) => e in p ? y(p, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : p[e] = r;
+var u = (p, e, r) => g(p, typeof e != "symbol" ? e + "" : e, r);
+import { useToaster as m } from "../composables/useToaster.js";
+class d {
   constructor(e = []) {
-    m(this, "rules");
+    u(this, "rules");
     this.rules = e;
   }
-  compile(e, t, r) {
-    const n = performance.now(), l = e, c = e.length;
+  compile(e, r) {
+    const l = performance.now(), t = e, o = e.length;
     let s = e;
-    const i = [];
-    (t || this.rules).sort((p, a) => p.priority - a.priority).forEach((p) => {
-      const a = s.length;
-      s = this.applyRule(s, p), s.length !== a && i.push(p.id);
+    const a = [];
+    (r || this.rules).sort((n, c) => n.priority - c.priority).forEach((n) => {
+      const c = s.length;
+      s = this.applyRule(s, n), s.length !== c && a.push(n.id);
     });
-    const u = s.length, R = c > 0 ? (c - u) / c * 100 : 0, d = new TextEncoder().encode(s).byteLength;
-    let y = 0;
-    if (r && r.name && r.family) {
-      const p = (s.match(E) || []).length, a = `, ${r.name}, ${r.family}`;
-      y = p * new TextEncoder().encode(a).byteLength;
-    }
-    const g = Math.round((d + y) / 1024);
+    const i = s.length, R = o > 0 ? (o - i) / o * 100 : 0;
     return {
-      originalHtml: l,
+      originalHtml: t,
       compiledHtml: s,
-      appliedRules: i,
-      estimatedSizeKB: g,
+      appliedRules: a,
+      // TODO: We can use stats for monitoring in the future
       stats: {
-        originalSize: c,
-        compiledSize: u,
+        originalSize: o,
+        compiledSize: i,
         reductionPercentage: R,
-        executionTime: performance.now() - n
+        executionTime: performance.now() - l
       }
     };
   }
-  applyRule(e, t) {
+  applyRule(e, r) {
     try {
-      switch (t.type) {
+      switch (r.type) {
         case "replace":
-          return this.applyReplaceRule(e, t);
+          return this.applyReplaceRule(e, r);
         case "regex":
-          return this.applyRegexRule(e, t);
+          return this.applyRegexRule(e, r);
         case "remove":
-          return this.applyRemoveRule(e, t);
+          return this.applyRemoveRule(e, r);
         case "custom":
-          return this.applyCustomRule(e, t);
+          return this.applyCustomRule(e, r);
         default:
           return e;
       }
-    } catch (r) {
-      const { handleError: n } = x();
-      return n(r, `Failed to apply rule ${t.id}:`), e;
+    } catch (l) {
+      const { handleError: t } = m();
+      return t(l, `Failed to apply rule ${r.id}:`), e;
     }
   }
-  applyReplaceRule(e, t) {
-    const { search: r, replacement: n, replaceAll: l = !0 } = t;
-    return l ? e.replaceAll(r, n) : e.replace(r, n);
+  applyReplaceRule(e, r) {
+    const { search: l, replacement: t, replaceAll: o = !0 } = r;
+    return o ? e.replaceAll(l, t) : e.replace(l, t);
   }
-  applyRegexRule(e, t) {
-    const { pattern: r, replacement: n, flags: l = "g" } = t, c = new RegExp(r, l);
-    return e.replace(c, n);
+  applyRegexRule(e, r) {
+    const { pattern: l, replacement: t, flags: o = "g" } = r, s = new RegExp(l, o);
+    return e.replace(s, t);
   }
-  applyRemoveRule(e, t) {
-    return t.targets.reduce((r, n) => n instanceof RegExp ? r.replace(n, "") : r.replaceAll(n, ""), e);
+  applyRemoveRule(e, r) {
+    return r.targets.reduce((l, t) => t instanceof RegExp ? l.replace(t, "") : l.replaceAll(t, ""), e);
   }
-  applyCustomRule(e, t) {
-    return t.processor(e);
+  applyCustomRule(e, r) {
+    return r.processor(e);
   }
 }
-const H = (o = []) => new T(o);
+const A = (p = []) => new d(p);
 export {
-  T as HtmlCompilerEngine,
-  H as createHtmlCompiler
+  d as HtmlCompilerEngine,
+  A as createHtmlCompiler
 };

package/dist/utils/templatePreparation.js

@@ -1,32 +1,32 @@
-import { useActionsApi as S } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as f } from "../composables/useHtmlCompiler.js";
-import { useRecommendationExtensionStore as C } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useDynamicContentStore as T } from "../stores/dynamic-content.js";
-import { useUnsubscribeStore as x } from "../stores/unsubscribe.js";
-const h = () => {
-  const o = T(), e = x(), { getCompiledEmail: i, getTemplateData: s } = S(), { compileHtml: n } = f();
+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 { useUnsubscribeStore as y } from "../stores/unsubscribe.js";
+const w = () => {
+  const o = x(), e = y(), { getCompiledEmail: i, getTemplateData: s, editorSave: n } = f(), { compileHtml: a } = C();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: m = "", ampErrors: r = [] } = await i({
+      const { html: m, ampHtml: r = "", ampErrors: c = [] } = await i({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: c, css: l, syncModulesIds: p = [] } = await s();
+      }), { html: l, css: p, syncModulesIds: u = [] } = await s();
       e.selectedUnsubscribePages.length && await e.fetchTemplates();
-      const { compiledHtml: u, stats: t, appliedRules: d } = n(a), g = o.getSelectedDynamicContentList, b = C();
-      return console.debug("HTML Compilation Stats:", {
+      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: d,
+        appliedRules: g,
         executionTime: `${t.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: g,
-        compiledHtml: u,
-        rawHtml: c,
-        css: l,
-        ampHtml: m,
-        ampErrors: r,
-        modules: p.map(Number),
+        dynamicContentList: S,
+        compiledHtml: d,
+        rawHtml: l,
+        css: p,
+        ampHtml: r,
+        ampErrors: c,
+        modules: u.map(Number),
         recommendation: {
           campaignUrls: b.recommendationCampaignUrls,
           configs: {}
@@ -40,5 +40,5 @@ const h = () => {
   };
 };
 export {
-  h as useTemplatePreparation
+  w as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.1.1-beta.a80cc5e",
+  "version": "3.1.1-beta.b085e4a",
   "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",