@useinsider/guido 1.0.0-beta.c907a9d → 1.0.0-beta.cd820fb

package/dist/components/organisms/header/version-history/ViewOptions.vue.js

@@ -10,9 +10,9 @@ var r = function() {
   n,
   !1,
   null,
-  "421ffc13"
+  "6a2bde67"
 );
-const f = _.exports;
+const d = _.exports;
 export {
-  f as default
+  d as default
 };

package/dist/components/organisms/header/version-history/ViewOptions.vue2.js

@@ -1,41 +1,23 @@
-import { defineComponent as p } from "vue";
-import { useTranslations as m } from "../../../../composables/useTranslations.js";
-import { useVersionHistoryApi as l } from "../../../../composables/useVersionHistoryApi.js";
-import { useVersionHistoryStore as a } from "../../../../stores/version-history.js";
-import { getTooltipOptions as n } from "../../../../utils/tooltipUtils.js";
-import { InSegments as c } from "@useinsider/design-system-vue";
-const h = /* @__PURE__ */ p({
+import { defineComponent as s } from "vue";
+import { useVersionHistoryApi as n } from "../../../../composables/useVersionHistoryApi.js";
+import { useVersionHistoryStore as r } from "../../../../stores/version-history.js";
+import { InSegments as m } from "@useinsider/design-system-vue";
+const d = /* @__PURE__ */ s({
   __name: "ViewOptions",
-  setup(u) {
-    const t = a(), { switchToDesktopPreview: e, switchToMobilePreview: i } = l(), o = m(), r = [
-      {
-        text: "",
-        icon: "line-desktop",
-        value: "desktop",
-        position: "bottom",
-        align: "center",
-        tooltipText: o("newsletter.desktop"),
-        tooltipOptions: n("guido__version-history-view-option-desktop")
-      },
-      {
-        text: "",
-        icon: "line-menu-mobileapp",
-        value: "mobile",
-        position: "bottom",
-        align: "center",
-        tooltipText: o("newsletter.mobile"),
-        tooltipOptions: n("guido__version-history-view-option-mobile")
-      }
-    ];
-    return { __sfc: !0, versionHistoryStore: t, switchToDesktopPreview: e, switchToMobilePreview: i, trans: o, segmentList: r, changeVisualMode: (s) => {
-      if (t.editorVisualMode = s, s === "mobile") {
-        i();
+  setup(p) {
+    const e = r(), { switchToDesktopPreview: o, switchToMobilePreview: t } = n();
+    return { __sfc: !0, versionHistoryStore: e, switchToDesktopPreview: o, switchToMobilePreview: t, segmentList: [
+      { text: "", icon: "line-desktop", value: "desktop" },
+      { text: "", icon: "line-menu-mobileapp", value: "mobile" }
+    ], changeVisualMode: (i) => {
+      if (e.editorVisualMode = i, i === "mobile") {
+        t();
         return;
       }
-      e();
-    }, InSegments: c };
+      o();
+    }, InSegments: m };
   }
 });
 export {
-  h as default
+  d as default
 };

package/dist/components/wrappers/WpModal.vue.d.ts

@@ -32,11 +32,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     closeOnOutsideClick: boolean;
     footerStatus: boolean;
 }>>>, {
-    description: string;
     size: "small" | "medium" | "large";
-    closeOnOutsideClick: boolean;
+    description: string;
     footerButtonOptions: FooterButtonGroup;
     closeButtonStatus: boolean;
+    closeOnOutsideClick: boolean;
     footerStatus: boolean;
 }>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/composables/useActionsApi.d.ts

@@ -1,8 +1,7 @@
 import type { CompileEmailOptions } from '@@/Types/actions-api';
-import { GetCompiledEmailOptions, CompiledEmailResult, TemplateData } from '@@/Types/actions-api';
+import { GetCompiledEmailOptions, CompiledEmailResult } from '@@/Types/actions-api';
 export declare const useActionsApi: () => {
     getCompiledEmail: (options?: GetCompiledEmailOptions) => Promise<CompiledEmailResult>;
-    getTemplateData: () => Promise<TemplateData>;
     activateCustomViewStyles: (isActive?: boolean) => void;
     getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
 };

package/dist/composables/useActionsApi.js

@@ -1,6 +1,6 @@
-import { useToaster as g } from "./useToaster.js";
-const A = () => {
-  const { handleError: l } = g(), n = (t = {}) => new Promise((e, a) => {
+import { useToaster as d } from "./useToaster.js";
+const E = () => {
+  const { handleError: m } = d(), s = (t = {}) => new Promise((e, a) => {
     const i = { ...{
       minimize: !0,
       utmEntity: {
@@ -20,60 +20,45 @@ const A = () => {
       forseAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...t }, m = {
-      callback: (s, c, p, u, d) => {
-        s ? a(s) : e({
-          html: c,
-          ampHtml: p,
-          ampErrors: u,
-          displayConditions: d
+    }, ...t }, n = {
+      callback: (r, l, c, p, u) => {
+        r ? a(r) : e({
+          html: l,
+          ampHtml: c,
+          ampErrors: p,
+          displayConditions: u
         });
       },
       ...i
     };
-    window.StripoEditorApi.actionsApi.compileEmail(m);
+    window.StripoEditorApi.actionsApi.compileEmail(n);
   });
-  return {
-    getCompiledEmail: n,
-    getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: o, width: i, height: r, utmParams: m, syncModulesIds: s }) => t({
-        html: a,
-        css: o,
-        width: i,
-        height: r,
-        utmParams: m,
-        syncModulesIds: s
-      });
-      window.StripoEditorApi.actionsApi.getTemplateData(e);
-    }),
-    activateCustomViewStyles: (t = !0) => {
-      window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
-    },
-    getPreviewData: async (t) => {
-      try {
-        const {
-          html: e,
-          displayConditions: a,
-          ampHtml: o = "",
-          ampErrors: i = []
-        } = await n({ minimize: !1, resetDataSavedFlag: !1, ...t });
-        return {
-          html: e,
-          ampHtml: o,
-          ampErrors: i,
-          displayConditions: a
-        };
-      } catch (e) {
-        return l(e, "Error loading preview"), {
-          html: "",
-          ampHtml: "",
-          ampErrors: [],
-          displayConditions: []
-        };
-      }
+  return { getCompiledEmail: s, activateCustomViewStyles: (t = !0) => {
+    window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
+  }, getPreviewData: async (t) => {
+    try {
+      const {
+        html: e,
+        displayConditions: a,
+        ampHtml: o = "",
+        ampErrors: i = []
+      } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
+      return {
+        html: e,
+        ampHtml: o,
+        ampErrors: i,
+        displayConditions: a
+      };
+    } catch (e) {
+      return m(e, "Error loading preview"), {
+        html: "",
+        ampHtml: "",
+        ampErrors: [],
+        displayConditions: []
+      };
     }
-  };
+  } };
 };
 export {
-  A as useActionsApi
+  E as useActionsApi
 };

package/dist/composables/useCustomInterfaceAppearance.js

@@ -7,16 +7,15 @@ import n from "../static/styles/components/button.css.js";
 import s from "../static/styles/components/combobox.css.js";
 import C from "../static/styles/components/counter.css.js";
 import f from "../static/styles/components/dropdown-menu.css.js";
-import a from "../static/styles/components/loader.css.js";
-import u from "../static/styles/components/narrow-panel.css.js";
-import c from "../static/styles/components/switcher.css.js";
-import d from "../static/styles/components/tabs.css.js";
-import l from "../static/styles/components/tools.css.js";
-import h from "../static/styles/components/version-history.css.js";
-import w from "../static/styles/components/wide-panel.css.js";
-import y from "../static/styles/variables.css.js";
-const B = [
-  y,
+import a from "../static/styles/components/narrow-panel.css.js";
+import u from "../static/styles/components/switcher.css.js";
+import c from "../static/styles/components/tabs.css.js";
+import d from "../static/styles/components/tools.css.js";
+import l from "../static/styles/components/version-history.css.js";
+import h from "../static/styles/components/wide-panel.css.js";
+import w from "../static/styles/variables.css.js";
+const y = [
+  w,
   // Must be on top
   S,
   // Must be on top
@@ -33,13 +32,12 @@ const B = [
   c,
   d,
   l,
-  h,
-  w
+  h
 ].join(`
 
-`), R = () => ({ importCss: () => {
+`), N = () => ({ importCss: () => {
   const o = new CSSStyleSheet();
-  o.replaceSync(B);
+  o.replaceSync(y);
   const r = document.querySelector("ui-editor");
   if (!r)
     return;
@@ -47,5 +45,5 @@ const B = [
   t && (t.adoptedStyleSheets = [o]);
 } });
 export {
-  R as useCustomInterfaceAppearance
+  N as useCustomInterfaceAppearance
 };

package/dist/composables/useGuidoActions.d.ts

@@ -1,8 +1,8 @@
-import type { SavedTemplateDetails } from '@@/Types/stripo';
+import type { Template } from '@@/Types/stripo';
 import type { InjectionKey } from 'vue';
 export type BackHandler = () => void;
 export type SaveStartHandler = () => void;
-export type SaveCompleteHandler = (template: Omit<SavedTemplateDetails, 'forceRecreate'>) => void;
+export type SaveCompleteHandler = (template: Omit<Template, 'forceRecreate'>) => void;
 export declare const BACK_KEY: InjectionKey<BackHandler>;
 export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
 export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;

package/dist/composables/useHtmlCompiler.js

@@ -1,17 +1,16 @@
 import { defaultHtmlCompilerRules as r } from "../config/compiler/htmlCompilerRules.js";
 import { createHtmlCompiler as p } from "../utils/htmlCompiler.js";
-import { useConfig as s } from "./useConfig.js";
-const R = () => {
-  const { config: e } = s(), l = e.htmlCompilerRules || [], t = [
-    ...!!e.ignoreDefaultHtmlCompilerRules ? [] : r,
-    ...l.map((o, i) => ({
+const a = () => {
+  const e = typeof window < "u" ? window.GuidoConfig : void 0, l = (e == null ? void 0 : e.htmlCompilerRules) || [], t = [
+    ...!!(e != null && e.ignoreDefaultHtmlCompilerRules) ? [] : r,
+    ...l.map((o, m) => ({
       ...o,
-      priority: o.priority + 1e3 + i
+      priority: o.priority + 1e3 + m
       // Ensure additional rules run after default rules
     }))
-  ], m = p(t);
-  return { compileHtml: (o) => m.compile(o) };
+  ], i = p(t);
+  return { compileHtml: (o) => i.compile(o) };
 };
 export {
-  R as useHtmlCompiler
+  a as useHtmlCompiler
 };

package/dist/composables/useHttp.js

@@ -1,20 +1,18 @@
-import { getCsrfToken as H } from "../utils/genericUtil.js";
-import { ref as p, computed as T } from "vue";
-const k = (b = {}) => {
-  const h = p(!1), a = p(null), u = p(null), g = T(() => h.value), y = T(() => a.value !== null), v = {
+import { ref as p, computed as v } from "vue";
+const j = (y = {}) => {
+  const h = p(!1), a = p(null), u = p(null), E = v(() => h.value), g = v(() => a.value !== null), T = {
     baseURL: "",
     timeout: 1e4,
     retry: 0,
     retryDelay: 1e3,
     headers: {
-      "Content-Type": "application/json",
-      "X-CSRF-TOKEN": H()
+      "Content-Type": "application/json"
     },
-    ...b
+    ...y
   }, w = (e, s) => {
     if (e.startsWith("http://") || e.startsWith("https://"))
       return e;
-    const t = s || v.baseURL || "";
+    const t = s || T.baseURL || "";
     return t.endsWith("/") && e.startsWith("/") ? `${t}${e.slice(1)}` : t.endsWith("/") || e.startsWith("/") ? `${t}${e}` : `${t}/${e}`;
   }, P = (e) => new Promise((s, t) => {
     setTimeout(() => {
@@ -24,20 +22,20 @@ const k = (b = {}) => {
     setTimeout(s, e);
   }), i = async (e, s, t, D = {}) => {
     a.value = null, h.value = !0, u.value = new AbortController();
-    const n = { ...v, ...D }, L = w(s, n.baseURL), c = {
+    const n = { ...T, ...D }, L = w(s, n.baseURL), c = {
       method: e,
       headers: { ...n.headers },
       signal: u.value.signal,
       ...n
     };
     t && ["POST", "PUT", "PATCH"].includes(e) && (t instanceof FormData ? (delete c.headers["Content-Type"], c.body = t) : c.body = JSON.stringify(t));
-    const E = async (m = 0) => {
+    const b = async (m = 0) => {
       try {
         const o = [fetch(L, c)];
         n.timeout && o.push(P(n.timeout));
         const r = await Promise.race(o);
         if (!r.ok) {
-          const O = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(O);
+          const H = `HTTP Error: ${r.status} ${r.statusText}`, d = new Error(H);
           throw d.status = r.status, d.statusText = r.statusText, d.response = r, d;
         }
         let f;
@@ -51,36 +49,36 @@ const k = (b = {}) => {
       } catch (o) {
         const r = o instanceof Error && o.name === "AbortError";
         if (m < (n.retry || 0) && !r)
-          return await x(n.retryDelay || 1e3), E(m + 1);
+          return await x(n.retryDelay || 1e3), b(m + 1);
         throw o instanceof Error ? o.name === "AbortError" ? a.value = { message: "Request was cancelled" } : a.value = { message: o.message } : a.value = o, o;
       }
     };
     try {
-      return await E();
+      return await b();
     } finally {
       h.value = !1, u.value = null;
     }
-  }, C = (e, s) => i("GET", e, void 0, s), $ = (e, s, t) => i("POST", e, s, t), R = (e, s, t) => i("PUT", e, s, t), U = (e, s, t) => i("PATCH", e, s, t), A = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
+  }, $ = (e, s) => i("GET", e, void 0, s), C = (e, s, t) => i("POST", e, s, t), U = (e, s, t) => i("PUT", e, s, t), A = (e, s, t) => i("PATCH", e, s, t), R = (e, s) => i("DELETE", e, void 0, s), W = (e) => {
     u.value && u.value.abort(e);
   }, q = () => {
     a.value = null;
   };
   return {
     // State
-    loading: g,
-    error: T(() => a.value),
-    hasError: y,
+    loading: E,
+    error: v(() => a.value),
+    hasError: g,
     // Methods
     request: i,
-    get: C,
-    post: $,
-    put: R,
-    patch: U,
-    delete: A,
+    get: $,
+    post: C,
+    put: U,
+    patch: A,
+    delete: R,
     cancel: W,
     clearError: q
   };
 };
 export {
-  k as useHttp
+  j as useHttp
 };

package/dist/composables/usePartner.d.ts

@@ -1,4 +1,4 @@
 export declare const usePartner: () => {
     getPartnerName: () => string;
-    getProductType: () => number;
+    getProductType: () => string;
 };

package/dist/composables/usePartner.js

@@ -1,11 +1,16 @@
-import { DefaultProductType as e, ProductIds as o } from "../enums/defaults.js";
-const c = () => ({
-  getPartnerName: () => window.location.hostname.split(".")[0] || "",
-  getProductType: () => {
-    const t = window.location.pathname.split("/").filter(Boolean)[0] || e;
-    return o[t] || 0;
-  }
-});
+import { DefaultProductType as o } from "../enums/defaults.js";
+const p = () => {
+  const e = {
+    email: "newsletter"
+  };
+  return {
+    getPartnerName: () => window.location.hostname.split(".")[0] || "",
+    getProductType: () => {
+      const t = window.location.pathname.split("/").filter(Boolean)[0] || o;
+      return e[t] || t;
+    }
+  };
+};
 export {
-  c as usePartner
+  p as usePartner
 };

package/dist/composables/usePreviewMode.js

@@ -1,26 +1,26 @@
 import { useEditorStore as n } from "../stores/editor.js";
-import { usePreviewStore as l } from "../stores/preview.js";
-import { useActionsApi as m } from "./useActionsApi.js";
-import { useCodeEditorApi as p } from "./useCodeEditorApi.js";
+import { usePreviewStore as m } from "../stores/preview.js";
+import { useActionsApi as p } from "./useActionsApi.js";
+import { useCodeEditorApi as l } from "./useCodeEditorApi.js";
 const E = () => {
-  const o = n(), e = l(), { closeCodeEditor: a } = p(), { getPreviewData: s } = m(), r = () => {
-    o.isPreviewModeOpen = !1, e.$reset();
+  const i = n(), e = m(), { closeCodeEditor: s } = l(), { getPreviewData: a } = p(), r = () => {
+    e.isPreviewModeOpen = !1, e.$reset();
   };
   return {
     closePreviewMode: r,
     openPreviewMode: () => {
-      o.isCodeEditorOpen && a(), o.isPreviewModeOpen = !0;
+      i.isCodeEditorOpen && s(), e.isPreviewModeOpen = !0;
     },
     loadPreviewData: async () => {
-      if (!(o.loadingStatus || e.isLoaded)) {
-        o.loadingStatus = !0;
+      if (!(e.isLoading || e.isLoaded)) {
+        e.isLoading = !0;
         try {
-          const { html: t, ampHtml: i, ampErrors: d } = await s();
-          e.templateHtml = t || "", e.ampHtml = i || "", e.ampErrors = d || [], e.setEmailFormat(i ? "AMP" : "html"), e.isLoaded = !0;
-        } catch (t) {
-          console.error("Failed to load preview data:", t), r();
+          const { html: o, ampHtml: t, ampErrors: d } = await a();
+          e.templateHtml = o || "", e.ampHtml = t || "", e.ampErrors = d || [], e.setEmailFormat(t ? "AMP" : "html"), e.isLoaded = !0;
+        } catch (o) {
+          console.error("Failed to load preview data:", o), r();
         } finally {
-          o.loadingStatus = !1;
+          e.isLoading = !1;
         }
       }
     }

package/dist/composables/useStripo.js

@@ -1,14 +1,14 @@
 import { useActionsApi as g } from "./useActionsApi.js";
 import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
-import { useToaster as S } from "./useToaster.js";
+import { useToaster as y } from "./useToaster.js";
 import { displayConditions as C } from "../enums/displayConditions.js";
-import y from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as E } from "../services/stripoApi.js";
-import { useEditorStore as h } from "../stores/editor.js";
-import { dynamicContentToMergeTags as w } from "../utils/genericUtil.js";
+import E from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as S } from "../services/stripoApi.js";
+import { useEditorStore as w } from "../stores/editor.js";
+import { dynamicContentToMergeTags as b } from "../utils/genericUtil.js";
 const M = (d) => {
-  const { handleError: a } = S(), { getToken: c, getCustomFonts: u } = E(), l = (r, i = []) => {
-    const e = h(), { html: t, css: s, forceRecreate: p } = r;
+  const { handleError: c } = y(), { getToken: a, getCustomFonts: u } = S(), l = (e, r = []) => {
+    const i = w(), { html: t, css: s, forceRecreate: p } = e;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -32,67 +32,63 @@ const M = (d) => {
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
         conditionCategories: C,
-        enableXSSSecurity: !0,
         messageSettingsEnabled: !1,
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: i
+          customFonts: r
         },
         mergeTags: [
           {
-            entries: w(d.preselectedDynamicContentList)
+            entries: b(d.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(o) {
           try {
-            const n = await c();
+            const n = await a();
             o(n);
           } catch (n) {
-            a(n, "Failed to refresh token");
+            c(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
             const { importCss: o } = f(), { activateCustomViewStyles: n } = g();
-            o(), n(), e.loadingStatus = !1;
+            o(), n();
           } catch (o) {
-            a(o, "Failed to load custom interface appearance");
+            c(o, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(o) {
-          e.isCodeEditorOpen = o;
+          i.isCodeEditorOpen = o;
         },
         onEditorVisualModeChanged(o) {
-          e.editorVisualMode = o.toLowerCase();
+          i.editorVisualMode = o.toLowerCase();
         },
         onVersionHistoryVisibilityChanged(o) {
-          e.isVersionHistoryOpen = o;
-        },
-        onDataChanged() {
-          e.hasChanges = !0;
+          i.isVersionHistoryOpen = o;
         },
         ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
-        extensions: [y]
+        extensions: [E]
       }
     );
-  }, m = (r) => new Promise((i, e) => {
+  }, m = (e) => new Promise((r, i) => {
     if (document.getElementById("UiEditorScript")) {
-      r(), i();
+      e(), r();
       return;
     }
     const t = document.createElement("script");
     t.id = "UiEditorScript", t.type = "module", t.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", t.onload = () => {
-      r(), i();
+      e(), r();
     }, t.onerror = () => {
       const s = new Error("Failed to load Stripo UIEditor script");
-      e(s);
+      i(s);
     }, document.body.appendChild(t);
   });
-  return { initPlugin: async (r) => {
+  return { initPlugin: async (e) => {
     await m(async () => {
-      const i = await u();
-      l(r, i);
+      const r = await u();
+      l(e, r);
     });
   } };
 };

package/dist/composables/useToaster.d.ts

@@ -1,4 +1,4 @@
-export type ToasterType = 'success' | 'error' | 'info' | 'warning' | 'alert';
+export type ToasterType = 'success' | 'error' | 'info' | 'warning';
 export type ToasterOptions = {
     type?: ToasterType;
     message: string;

package/dist/composables/useToaster.js

@@ -1,32 +1,32 @@
-import { ref as n, watch as T } from "vue";
+import { ref as o, watch as T } from "vue";
 const v = () => {
-  const t = n(!1), s = n(""), r = n("success"), o = n([]);
+  const t = o(!1), s = o(""), c = o("success"), n = o([]);
   let a = null;
   function i() {
     a && (clearTimeout(a), a = null);
   }
   function u() {
-    t.value = !1, o.value = [], s.value = "";
+    t.value = !1, n.value = [], s.value = "";
   }
   function l(e = { message: "" }) {
-    u(), s.value = e.message, r.value = e.type || "success", o.value = e.actionButton ? [e.actionButton] : [], t.value = !0;
+    u(), s.value = e.message, c.value = e.type || "success", n.value = e.actionButton ? [e.actionButton] : [], t.value = !0;
   }
-  function f(e, c) {
+  function f(e, r) {
     const m = e instanceof Error ? e.message : String(e);
     l({
-      type: "alert",
-      message: `${c}: ${m}`
+      type: "error",
+      message: `${r}: ${m}`
     });
   }
-  return T([t, s], ([e, c]) => {
-    i(), e && c && (a = setTimeout(() => {
+  return T([t, s], ([e, r]) => {
+    i(), e && r && (a = setTimeout(() => {
       u();
     }, 6e3));
   }), {
     isToasterVisible: t,
     toasterMessage: s,
-    toasterType: r,
-    toasterActionButton: o,
+    toasterType: c,
+    toasterActionButton: n,
     showToaster: l,
     hideToaster: u,
     handleError: f

package/dist/composables/useTranslations.js

@@ -1,11 +1,10 @@
 import memoize from "../node_modules/lodash-es/memoize.js";
 import { ref } from "vue";
-import { useConfig } from "./useConfig.js";
 const useTranslations = () => {
-  const { config } = useConfig(), translations = ref(eval(config.translationsPath)), trans = (n, t) => {
+  const translations = ref(eval(window.GuidoConfig.translationsPath)), trans = (n, t) => {
     const r = translations.value[n];
     return r ? t ? Object.entries(t).reduce(
-      (e, [o, s]) => e.replace(new RegExp(`{${o}}`, "g"), String(s)),
+      (e, [o, i]) => e.replace(new RegExp(`{${o}}`, "g"), String(i)),
       r
     ) : r : (console.warn(`Translation key not found: ${n}`), n);
   };