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

package/dist/composables/useStripo.js

@@ -1,38 +1,42 @@
-import { useActionsApi as g } from "./useActionsApi.js";
-import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
-import { useToaster as S } from "./useToaster.js";
-import { displayConditions as C } from "../enums/displayConditions.js";
-import E from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as y } from "../services/stripoApi.js";
-import { useEditorStore as h } from "../stores/editor.js";
-const A = (a) => {
-  const { handleError: d } = S(), { getToken: c, getCustomFonts: u } = y(), l = (e, r = []) => {
-    const i = h(), { html: t, css: s, forceRecreate: m } = 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: a,
-        html: t,
+        metadata: c,
+        html: e,
         css: s,
-        forceRecreate: m,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !0,
-        customAppearanceMergetagsBorderColor: "#f1f3fe",
-        customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: `
-                    .esd-x, .esd-merge-tag {color: #0a2ecc !important; box-shadow: none !important;} 
-                    .esd-merge-tag {border: 1px solid #b5c1f1; border-radius: 4px !important;}
-                `,
-        conditionsEnabled: !0,
-        customConditionsEnabled: !0,
-        conditionCategories: C,
-        enableXSSSecurity: !0,
-        messageSettingsEnabled: !1,
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -40,56 +44,51 @@ const A = (a) => {
         },
         async onTokenRefreshRequest(o) {
           try {
-            const n = await c();
-            o(n);
-          } catch (n) {
-            d(n, "Failed to refresh token");
+            const d = await l();
+            o(d);
+          } catch (d) {
+            i(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = f(), { activateCustomViewStyles: n } = g();
-            o(), n();
+            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) {
-          i.isCodeEditorOpen = o;
+          n.isCodeEditorOpen = o;
         },
         onEditorVisualModeChanged(o) {
-          i.editorVisualMode = o.toLowerCase();
+          n.editorVisualMode = o.toLowerCase();
         },
         onVersionHistoryVisibilityChanged(o) {
-          i.isVersionHistoryOpen = o;
-        },
-        onDataChanged() {
-          i.hasChanges = !0;
-        },
-        ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
-        extensions: [E]
+          n.isVersionHistoryOpen = o;
+        }
       }
     );
-  }, p = (e) => new Promise((r, i) => {
+  }, f = (t) => new Promise((r, n) => {
     if (document.getElementById("UiEditorScript")) {
-      e(), r();
+      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(), r();
-    }, t.onerror = () => {
+    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");
-      i(s);
-    }, document.body.appendChild(t);
+      n(s);
+    }, document.body.appendChild(e);
   });
-  return { initPlugin: async (e) => {
-    await p(async () => {
-      const r = await u();
-      l(e, r);
+  return { initPlugin: async (t) => {
+    await f(async () => {
+      const r = await p();
+      m(t, r);
     });
   } };
 };
 export {
-  A as useStripo
+  k as useStripo
 };

package/dist/composables/useTemplates.d.ts

@@ -0,0 +1,5 @@
+import type { Template } from '@@/Types/stripo';
+export declare const useTemplates: () => {
+    getDefaultTemplate: () => Promise<Template>;
+    getTemplate: (templateName: string) => Promise<Template>;
+};

package/dist/composables/useTemplates.js

@@ -0,0 +1,27 @@
+const s = () => {
+  const t = async () => {
+    const [e, a] = await Promise.all([
+      // eslint-disable-next-line import/extensions
+      import("../static/templates/default/index.html.js"),
+      import("../static/templates/default/style.css.js")
+    ]);
+    return {
+      html: e.default,
+      css: a.default
+    };
+  };
+  return {
+    getDefaultTemplate: t,
+    getTemplate: async (e) => {
+      switch (e) {
+        case "default":
+          return t();
+        default:
+          return t();
+      }
+    }
+  };
+};
+export {
+  s as useTemplates
+};

package/dist/guido.css

@@ -1 +1 @@
-.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-6a2bde67] .guido__verion-history-view-option-selection-desktop svg,[data-v-6a2bde67] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6a2bde67] .in-segments-wrapper__button_selected,[data-v-6a2bde67] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-0fff376c] .guido__view-option-selection-desktop svg,[data-v-0fff376c] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-0fff376c] .in-segments-wrapper__button_selected,[data-v-0fff376c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.guido-editor__wrapper[data-v-202b6818],.guido-editor__container[data-v-202b6818]{width:100%;height:calc(100vh - 75px)}
+.version-history-item[data-v-0e2ff42d]{flex-basis:200px}.version-history-wrapper[data-v-187d41fa]{gap:8px}[data-v-6a2bde67] .guido__verion-history-view-option-selection-desktop svg,[data-v-6a2bde67] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6a2bde67] .in-segments-wrapper__button_selected,[data-v-6a2bde67] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-0fff376c] .guido__view-option-selection-desktop svg,[data-v-0fff376c] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-0fff376c] .in-segments-wrapper__button_selected,[data-v-0fff376c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.header-right-slot[data-v-fefca98f]{gap:16px}.guido-editor__wrapper[data-v-d4a5c957],.guido-editor__container[data-v-d4a5c957]{width:100%;height:100vh}

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
+};