@useinsider/guido 1.0.0-beta.f47d56f → 1.0.0-beta.f5fd3cf

package/README.md

@@ -144,17 +144,24 @@ VITE_STRIPO_ROLE=your_role
 
 ```
 src/
-├── components/         # Vue components
-├── composables/        # Vue composables & business logic
-├── services/           # API layer
-├── stores/             # State management
-├── @types/             # TypeScript definitions
-├── static/             # Static assets & templates
-├── utils/              # Utility functions
-├── enums/              # Constants & enums
-├── mock/               # Mock data for development
-├── plugins/            # Vue plugins
-└── library.ts          # Main export
+├── components/
+│   ├── Guido.vue                # Main component
+│   └── organisms/
+│       └── header/              # Header components
+│           └── version-history/ # Version History components
+        ...
+├── composables/
+│   ├── useStripo.ts             # Stripo integration
+│   └── useTranslations.ts       # Translation management
+├── @types/
+│   ├── generic.ts               # Generic types
+│   ├── stripo.d.ts              # Stripo-specific types
+│   └── events.ts                # Event types
+├── static/
+│   ├── editor.css               # Custom editor styles
+│   └── templates/
+│       └── default/             # Default email template
+└── library.ts                   # Main export for library
 ```
 
 ## 🌐 i18n

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

@@ -1,13 +1,3 @@
 export type GuidoConfig = {
     translationsPath: string;
 };
-export interface User {
-    id: number;
-    name: string;
-    email: string;
-}
-export interface ApiResponse<T> {
-    data: T;
-    message: string;
-    success: boolean;
-}

package/dist/composables/useApiExample.d.ts

@@ -1,7 +1,8 @@
-/**
- * @deprecated - It's added for example purposes.
- */
-import type { User } from '../@types/generic';
+interface User {
+    id: number;
+    name: string;
+    email: string;
+}
 export declare const useApiExample: () => {
     loading: import("vue").ComputedRef<boolean>;
     error: import("vue").ComputedRef<{
@@ -59,3 +60,4 @@ export declare const useApiExample: () => {
     uploadFile: (file: File) => Promise<string>;
     clearError: () => void;
 };
+export {};

package/dist/composables/useHttp.d.ts

@@ -1,4 +1,22 @@
-import type { HttpMethod, HttpOptions, HttpResponse } from '@/@types/http';
+export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+export interface HttpOptions extends Omit<RequestInit, 'method' | 'body'> {
+    baseURL?: string;
+    timeout?: number;
+    retry?: number;
+    retryDelay?: number;
+}
+export interface HttpResponse<T = unknown> {
+    data: T;
+    status: number;
+    statusText: string;
+    headers: Headers;
+}
+export interface HttpError {
+    message: string;
+    status?: number;
+    statusText?: string;
+    response?: Response;
+}
 export declare const useHttp: (defaultOptions?: HttpOptions) => {
     loading: import("vue").ComputedRef<boolean>;
     error: import("vue").ComputedRef<{

package/dist/composables/useStripo.js

@@ -1,16 +1,36 @@
-import { useCustomInterfaceAppearance as m } from "./useCustomInterfaceAppearance.js";
-import { useToaster as g } from "./useToaster.js";
-import { useStripoApi as E } from "../services/stripoApi.js";
-import { useEditorStore as S } from "../stores/editor.js";
-const _ = (c) => {
-  const { handleError: d } = g(), { getToken: u, getCustomFonts: a } = E(), l = (e, i = []) => {
-    const r = S(), { html: t, css: n } = e;
+import { useCustomInterfaceAppearance as g } from "./useCustomInterfaceAppearance.js";
+import { useHttp as y } from "./useHttp.js";
+import { useToaster as h } from "./useToaster.js";
+import { useEditorStore as w } from "../stores/editor.js";
+const k = (c) => {
+  const { get: a, post: u } = y(), { handleError: i } = h(), l = async () => {
+    try {
+      return (await u("/v2/stripo/get-user-token", {
+        pluginId: void 0,
+        secretKey: void 0,
+        role: void 0,
+        userId: c.emailId
+      })).data.token;
+    } catch (t) {
+      return i(t, "Failed to fetch token"), "";
+    }
+  }, p = async () => {
+    try {
+      return ((await a("/stripo/get-partner-custom-fonts")).data || []).map((n) => ({
+        ...n,
+        active: !0
+      }));
+    } catch (t) {
+      return i(t, "Failed to fetch custom fonts"), [];
+    }
+  }, m = (t, r = []) => {
+    const n = w(), { html: e, css: s } = t;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: c,
-        html: t,
-        css: n,
+        html: e,
+        css: s,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -20,55 +40,55 @@ const _ = (c) => {
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: i
+          customFonts: r
         },
         async onTokenRefreshRequest(o) {
           try {
-            const s = await u();
-            o(s);
-          } catch (s) {
-            d(s, "Failed to refresh token");
+            const d = await l();
+            o(d);
+          } catch (d) {
+            i(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = m();
+            const { importCss: o } = g();
             o();
           } catch (o) {
-            d(o, "Failed to load custom interface appearance");
+            i(o, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(o) {
-          r.isCodeEditorOpen = o;
+          n.isCodeEditorOpen = o;
         },
         onEditorVisualModeChanged(o) {
-          r.editorVisualMode = o.toLowerCase();
+          n.editorVisualMode = o.toLowerCase();
         },
         onVersionHistoryVisibilityChanged(o) {
-          r.isVersionHistoryOpen = o;
+          n.isVersionHistoryOpen = o;
         }
       }
     );
-  }, p = (e) => new Promise((i, r) => {
+  }, f = (t) => new Promise((r, n) => {
     if (document.getElementById("UiEditorScript")) {
-      e(), i();
+      t(), 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 = () => {
-      e(), i();
-    }, t.onerror = () => {
-      const n = new Error("Failed to load Stripo UIEditor script");
-      r(n);
-    }, document.body.appendChild(t);
+    const e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", e.onload = () => {
+      t(), r();
+    }, e.onerror = () => {
+      const s = new Error("Failed to load Stripo UIEditor script");
+      n(s);
+    }, document.body.appendChild(e);
   });
-  return { initPlugin: async (e) => {
-    await p(async () => {
-      const i = await a();
-      l(e, i);
+  return { initPlugin: async (t) => {
+    await f(async () => {
+      const r = await p();
+      m(t, r);
     });
   } };
 };
 export {
-  _ as useStripo
+  k as useStripo
 };

package/dist/node_modules/pinia/dist/pinia.js

@@ -0,0 +1,317 @@
+import { hasInjectionContext as ut } from "../node_modules/vue-demi/lib/index.js";
+import { inject as at, getCurrentInstance as it, set as O, ref as K, reactive as ft, markRaw as j, effectScope as _t, isRef as x, isReactive as J, toRef as T, del as A, nextTick as B, computed as tt, getCurrentScope as lt, onScopeDispose as Et, watch as pt, toRefs as Q } from "vue";
+/*!
+ * pinia v2.3.1
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+let R;
+const L = (t) => R = t, dt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
+  /* istanbul ignore next */
+  Symbol()
+);
+function V(t) {
+  return t && typeof t == "object" && Object.prototype.toString.call(t) === "[object Object]" && typeof t.toJSON != "function";
+}
+var w;
+(function(t) {
+  t.direct = "direct", t.patchObject = "patch object", t.patchFunction = "patch function";
+})(w || (w = {}));
+const C = typeof window < "u";
+function et(t, u) {
+  for (const r in u) {
+    const o = u[r];
+    if (!(r in t))
+      continue;
+    const c = t[r];
+    V(c) && V(o) && !x(o) && !J(o) ? t[r] = et(c, o) : O(t, r, o);
+  }
+  return t;
+}
+const ot = () => {
+};
+function X(t, u, r, o = ot) {
+  t.push(u);
+  const c = () => {
+    const f = t.indexOf(u);
+    f > -1 && (t.splice(f, 1), o());
+  };
+  return !r && lt() && Et(c), c;
+}
+function g(t, ...u) {
+  t.slice().forEach((r) => {
+    r(...u);
+  });
+}
+const ht = (t) => t(), Y = Symbol(), W = Symbol();
+function H(t, u) {
+  t instanceof Map && u instanceof Map ? u.forEach((r, o) => t.set(o, r)) : t instanceof Set && u instanceof Set && u.forEach(t.add, t);
+  for (const r in u) {
+    if (!u.hasOwnProperty(r))
+      continue;
+    const o = u[r], c = t[r];
+    V(c) && V(o) && t.hasOwnProperty(r) && !x(o) && !J(o) ? t[r] = H(c, o) : t[r] = o;
+  }
+  return t;
+}
+const Nt = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
+  /* istanbul ignore next */
+  Symbol()
+);
+function vt(t) {
+  return !V(t) || !t.hasOwnProperty(Nt);
+}
+const { assign: y } = Object;
+function Z(t) {
+  return !!(x(t) && t.effect);
+}
+function G(t, u, r, o) {
+  const { state: c, actions: f, getters: E } = u, i = r.state.value[t];
+  let b;
+  function N() {
+    !i && (process.env.NODE_ENV === "production" || !o) && O(r.state.value, t, c ? c() : {});
+    const p = process.env.NODE_ENV !== "production" && o ? (
+      // use ref() to unwrap refs inside state TODO: check if this is still necessary
+      Q(K(c ? c() : {}).value)
+    ) : Q(r.state.value[t]);
+    return y(p, f, Object.keys(E || {}).reduce((_, l) => (process.env.NODE_ENV !== "production" && l in p && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${l}" in store "${t}".`), _[l] = j(tt(() => {
+      L(r);
+      const v = r._s.get(t);
+      if (v._r)
+        return E[l].call(v, v);
+    })), _), {}));
+  }
+  return b = M(t, N, u, r, o, !0), b;
+}
+function M(t, u, r = {}, o, c, f) {
+  let E;
+  const i = y({ actions: {} }, r);
+  if (process.env.NODE_ENV !== "production" && !o._e.active)
+    throw new Error("Pinia destroyed");
+  const b = { deep: !0 };
+  process.env.NODE_ENV;
+  let N, p, _ = [], l = [], v;
+  const D = o.state.value[t];
+  !f && !D && (process.env.NODE_ENV === "production" || !c) && O(o.state.value, t, {});
+  const $ = K({});
+  let q;
+  function z(s) {
+    let e;
+    N = p = !1, process.env.NODE_ENV !== "production" && (v = []), typeof s == "function" ? (s(o.state.value[t]), e = {
+      type: w.patchFunction,
+      storeId: t,
+      events: v
+    }) : (H(o.state.value[t], s), e = {
+      type: w.patchObject,
+      payload: s,
+      storeId: t,
+      events: v
+    });
+    const a = q = Symbol();
+    B().then(() => {
+      q === a && (N = !0);
+    }), p = !0, g(_, e, o.state.value[t]);
+  }
+  const st = f ? function() {
+    const { state: e } = r, a = e ? e() : {};
+    this.$patch((d) => {
+      y(d, a);
+    });
+  } : (
+    /* istanbul ignore next */
+    process.env.NODE_ENV !== "production" ? () => {
+      throw new Error(`🍍: Store "${t}" is built using the setup syntax and does not implement $reset().`);
+    } : ot
+  );
+  function nt() {
+    E.stop(), _ = [], l = [], o._s.delete(t);
+  }
+  const k = (s, e = "") => {
+    if (Y in s)
+      return s[W] = e, s;
+    const a = function() {
+      L(o);
+      const d = Array.from(arguments), P = [], F = [];
+      function rt(h) {
+        P.push(h);
+      }
+      function ct(h) {
+        F.push(h);
+      }
+      g(l, {
+        args: d,
+        name: a[W],
+        store: n,
+        after: rt,
+        onError: ct
+      });
+      let S;
+      try {
+        S = s.apply(this && this.$id === t ? this : n, d);
+      } catch (h) {
+        throw g(F, h), h;
+      }
+      return S instanceof Promise ? S.then((h) => (g(P, h), h)).catch((h) => (g(F, h), Promise.reject(h))) : (g(P, S), S);
+    };
+    return a[Y] = !0, a[W] = e, a;
+  }, I = /* @__PURE__ */ j({
+    actions: {},
+    getters: {},
+    state: [],
+    hotState: $
+  }), U = {
+    _p: o,
+    // _s: scope,
+    $id: t,
+    $onAction: X.bind(null, l),
+    $patch: z,
+    $reset: st,
+    $subscribe(s, e = {}) {
+      const a = X(_, s, e.detached, () => d()), d = E.run(() => pt(() => o.state.value[t], (P) => {
+        (e.flush === "sync" ? p : N) && s({
+          storeId: t,
+          type: w.direct,
+          events: v
+        }, P);
+      }, y({}, b, e)));
+      return a;
+    },
+    $dispose: nt
+  };
+  U._r = !1;
+  const n = ft(process.env.NODE_ENV !== "production" || (process.env.NODE_ENV !== "production" || typeof __VUE_PROD_DEVTOOLS__ < "u" && __VUE_PROD_DEVTOOLS__) && process.env.NODE_ENV !== "test" && C ? y(
+    {
+      _hmrPayload: I,
+      _customProperties: j(/* @__PURE__ */ new Set())
+      // devtools custom properties
+    },
+    U
+    // must be added later
+    // setupStore
+  ) : U);
+  o._s.set(t, n);
+  const m = (o._a && o._a.runWithContext || ht)(() => o._e.run(() => (E = _t()).run(() => u({ action: k }))));
+  for (const s in m) {
+    const e = m[s];
+    if (x(e) && !Z(e) || J(e))
+      process.env.NODE_ENV !== "production" && c ? O($.value, s, T(m, s)) : f || (D && vt(e) && (x(e) ? e.value = D[s] : H(e, D[s])), O(o.state.value[t], s, e)), process.env.NODE_ENV !== "production" && I.state.push(s);
+    else if (typeof e == "function") {
+      const a = process.env.NODE_ENV !== "production" && c ? e : k(e, s);
+      O(m, s, a), process.env.NODE_ENV !== "production" && (I.actions[s] = e), i.actions[s] = e;
+    } else process.env.NODE_ENV !== "production" && Z(e) && (I.getters[s] = f ? (
+      // @ts-expect-error
+      r.getters[s]
+    ) : e, C && (m._getters || // @ts-expect-error: same
+    (m._getters = j([]))).push(s));
+  }
+  if (Object.keys(m).forEach((s) => {
+    O(n, s, m[s]);
+  }), Object.defineProperty(n, "$state", {
+    get: () => process.env.NODE_ENV !== "production" && c ? $.value : o.state.value[t],
+    set: (s) => {
+      if (process.env.NODE_ENV !== "production" && c)
+        throw new Error("cannot set hotState");
+      z((e) => {
+        y(e, s);
+      });
+    }
+  }), process.env.NODE_ENV !== "production" && (n._hotUpdate = j((s) => {
+    n._hotUpdating = !0, s._hmrPayload.state.forEach((e) => {
+      if (e in n.$state) {
+        const a = s.$state[e], d = n.$state[e];
+        typeof a == "object" && V(a) && V(d) ? et(a, d) : s.$state[e] = d;
+      }
+      O(n, e, T(s.$state, e));
+    }), Object.keys(n.$state).forEach((e) => {
+      e in s.$state || A(n, e);
+    }), N = !1, p = !1, o.state.value[t] = T(s._hmrPayload, "hotState"), p = !0, B().then(() => {
+      N = !0;
+    });
+    for (const e in s._hmrPayload.actions) {
+      const a = s[e];
+      O(n, e, k(a, e));
+    }
+    for (const e in s._hmrPayload.getters) {
+      const a = s._hmrPayload.getters[e], d = f ? (
+        // special handling of options api
+        tt(() => (L(o), a.call(n, n)))
+      ) : a;
+      O(n, e, d);
+    }
+    Object.keys(n._hmrPayload.getters).forEach((e) => {
+      e in s._hmrPayload.getters || A(n, e);
+    }), Object.keys(n._hmrPayload.actions).forEach((e) => {
+      e in s._hmrPayload.actions || A(n, e);
+    }), n._hmrPayload = s._hmrPayload, n._getters = s._getters, n._hotUpdating = !1;
+  })), (process.env.NODE_ENV !== "production" || typeof __VUE_PROD_DEVTOOLS__ < "u" && __VUE_PROD_DEVTOOLS__) && process.env.NODE_ENV !== "test" && C) {
+    const s = {
+      writable: !0,
+      configurable: !0,
+      // avoid warning on devtools trying to display this property
+      enumerable: !1
+    };
+    ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((e) => {
+      Object.defineProperty(n, e, y({ value: n[e] }, s));
+    });
+  }
+  return n._r = !0, o._p.forEach((s) => {
+    if ((process.env.NODE_ENV !== "production" || typeof __VUE_PROD_DEVTOOLS__ < "u" && __VUE_PROD_DEVTOOLS__) && process.env.NODE_ENV !== "test" && C) {
+      const e = E.run(() => s({
+        store: n,
+        app: o._a,
+        pinia: o,
+        options: i
+      }));
+      Object.keys(e || {}).forEach((a) => n._customProperties.add(a)), y(n, e);
+    } else
+      y(n, E.run(() => s({
+        store: n,
+        app: o._a,
+        pinia: o,
+        options: i
+      })));
+  }), process.env.NODE_ENV !== "production" && n.$state && typeof n.$state == "object" && typeof n.$state.constructor == "function" && !n.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
+	state: () => new MyClass()
+Found in store "${n.$id}".`), D && f && r.hydrate && r.hydrate(n.$state, D), N = !0, p = !0, n;
+}
+/*! #__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
+function mt(t, u, r) {
+  let o, c;
+  const f = typeof u == "function";
+  if (typeof t == "string")
+    o = t, c = f ? r : u;
+  else if (c = t, o = t.id, process.env.NODE_ENV !== "production" && typeof o != "string")
+    throw new Error('[🍍]: "defineStore()" must be passed a store id as its first argument.');
+  function E(i, b) {
+    const N = ut();
+    if (i = // in test mode, ignore the argument provided as we can always retrieve a
+    // pinia instance with getActivePinia()
+    (process.env.NODE_ENV === "test" && R && R._testing ? null : i) || (N ? at(dt, null) : null), i && L(i), process.env.NODE_ENV !== "production" && !R)
+      throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
+See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
+This will fail in production.`);
+    i = R, i._s.has(o) || (f ? M(o, u, c, i) : G(o, c, i), process.env.NODE_ENV !== "production" && (E._pinia = i));
+    const p = i._s.get(o);
+    if (process.env.NODE_ENV !== "production" && b) {
+      const _ = "__hot:" + o, l = f ? M(_, u, c, i, !0) : G(_, y({}, c), i, !0);
+      b._hotUpdate(l), delete i.state.value[_], i._s.delete(_);
+    }
+    if (process.env.NODE_ENV !== "production" && C) {
+      const _ = it();
+      if (_ && _.proxy && // avoid adding stores that are just built for hot module replacement
+      !b) {
+        const l = _.proxy, v = "_pStores" in l ? l._pStores : l._pStores = {};
+        v[o] = p;
+      }
+    }
+    return p;
+  }
+  return E.$id = o, E;
+}
+export {
+  w as MutationType,
+  mt as defineStore,
+  L as setActivePinia,
+  vt as shouldHydrate
+};

package/dist/node_modules/pinia/node_modules/vue-demi/lib/index.js

@@ -0,0 +1,11 @@
+import t, { getCurrentInstance as e } from "vue";
+export * from "vue";
+import { default as f } from "vue";
+t.util.warn;
+function n() {
+  return !!e();
+}
+export {
+  f as Vue,
+  n as hasInjectionContext
+};

package/dist/stores/editor.js

@@ -1,4 +1,4 @@
-import { defineStore as e } from "pinia";
+import { defineStore as e } from "../node_modules/pinia/dist/pinia.js";
 const t = e("editor", {
   state: () => ({
     isCodeEditorOpen: !1,

package/dist/stores/version-history.js

@@ -1,4 +1,4 @@
-import { defineStore as a } from "pinia";
+import { defineStore as a } from "../node_modules/pinia/dist/pinia.js";
 const e = () => ({
   id: "",
   date: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.f47d56f",
+  "version": "1.0.0-beta.f5fd3cf",
   "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",

package/dist/@types/http.d.ts

@@ -1,19 +0,0 @@
-export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
-export interface HttpOptions extends Omit<RequestInit, 'method' | 'body'> {
-    baseURL?: string;
-    timeout?: number;
-    retry?: number;
-    retryDelay?: number;
-}
-export interface HttpResponse<T = unknown> {
-    data: T;
-    status: number;
-    statusText: string;
-    headers: Headers;
-}
-export interface HttpError {
-    message: string;
-    status?: number;
-    statusText?: string;
-    response?: Response;
-}

package/dist/services/stripoApi.d.ts

@@ -1,7 +0,0 @@
-import type { CustomFont } from '@@/Types/stripo';
-export declare const useStripoApi: () => {
-    getToken: () => Promise<string>;
-    getCustomFonts: () => Promise<(CustomFont & {
-        active: boolean;
-    })[]>;
-};

package/dist/services/stripoApi.js

@@ -1,29 +0,0 @@
-import { useHttp as s } from "../composables/useHttp.js";
-import { useToaster as n } from "../composables/useToaster.js";
-const m = () => {
-  const { get: o } = s(), { handleError: r } = n();
-  return {
-    getToken: async () => {
-      try {
-        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await o(`/stripo/get-user-token?test=${t}`);
-        return e.body.token;
-      } catch (t) {
-        return r(t, "Failed to fetch token"), "";
-      }
-    },
-    getCustomFonts: async () => {
-      try {
-        const { data: t = [] } = await o("/stripo/get-partner-custom-fonts");
-        return t.map((e) => ({
-          ...e,
-          active: !0
-        }));
-      } catch (t) {
-        return r(t, "Failed to fetch custom fonts"), [];
-      }
-    }
-  };
-};
-export {
-  m as useStripoApi
-};