@vuetify/one 2.8.2 → 2.9.0

package/dist/auth-CXrXnM17.js

@@ -0,0 +1,578 @@
+import { merge as q } from "lodash-es";
+import { defineStore as O } from "pinia";
+import { ref as b, reactive as X, watch as I, toRefs as Y, computed as p, shallowRef as P, toRef as C, nextTick as G } from "vue";
+import { useRoute as K, useRouter as V } from "vue-router";
+const J = O("queue", () => {
+  const e = b([]);
+  function t(o) {
+    const r = typeof o == "string" ? { text: o } : o;
+    e.value.push(r);
+  }
+  function s(o) {
+    t({
+      color: "error",
+      text: o,
+      location: "top end",
+      timeout: -1
+    });
+  }
+  function i(o) {
+    t({
+      color: "success",
+      text: o,
+      location: "top end"
+    });
+  }
+  return {
+    queue: e,
+    show: t,
+    showError: s,
+    showSuccess: i
+  };
+}), Z = [
+  (e) => (e.v || (e.pwaRefresh = !0, typeof e.api == "boolean" && (e.api = e.api ? "inline" : "link-only"), typeof e.rtl == "boolean" && (e.direction = e.rtl ? "rtl" : "ltr", delete e.rtl), typeof e.theme == "object" && (e.mixedTheme = e.theme.mixed, e.theme = e.theme.system ? "system" : e.theme.dark ? "dark" : "light"), Array.isArray(e.notifications) && (e.notifications = { read: e.notifications }), typeof e.last == "object" && (e.notifications = e.notifications || {}, e.notifications.last = e.last, delete e.last), e.v = 1), e),
+  (e) => (e.v === 1 && (Array.isArray(e.composition) && (e.composition = "composition"), Array.isArray(e.notifications?.last?.banner) || (e.notifications = e.notifications || {}, e.notifications.last = e.notifications.last || {}, e.notifications.last.banner = []), e.v = 2), e),
+  (e) => (e.v === 2 && (e.syncSettings = !0, e.disableAds = !1, e.v = 3), e),
+  (e) => (e.v === 3 && (e.quickbar = !1, e.v = 4), e),
+  (e) => (e.v === 4 && (e.suits = { show: !1, elements: ["app-bar"], suit: "" }, e.notifications = e.notifications || {}, e.notifications.banners = !0, e.v = 5), e)
+];
+function D(e) {
+  return {
+    version: 6,
+    ecosystem: {
+      bin: {
+        wordWrap: !1
+      },
+      play: {
+        showErrors: !0,
+        wordWrap: !1
+      },
+      studio: {},
+      link: {},
+      docs: {
+        api: e.api || "link-only",
+        composition: e.composition || "composition",
+        pins: {
+          enabled: e.pins || !1,
+          pinned: Array.isArray(e.pinned) ? e.pinned.map((t) => t.name || t).filter(Boolean) : []
+        },
+        mixedTheme: e.mixedTheme ?? !0,
+        favorites: [],
+        slashSearch: e.slashSearch || !1,
+        railDrawer: e.railDrawer || !1
+      }
+    },
+    one: {
+      avatar: e.avatar || "",
+      ads: {
+        enabled: !e.disableAds,
+        house: e.showHouseAds || !1
+      },
+      command: {},
+      theme: e.theme || "system",
+      direction: e.direction || "ltr",
+      colors: {
+        primary: e.colors?.one || "surface-light"
+      },
+      suits: {
+        enabled: e.suits?.show || !1,
+        elements: e.suits?.elements || ["app-bar"],
+        suit: e.suits?.suit || ""
+      },
+      notifications: {
+        enabled: e.notifications?.show ?? !0,
+        read: e.notifications?.read || [],
+        last: ""
+      },
+      banners: {
+        enabled: e.notifications?.banners ?? !0,
+        read: e.notifications?.last?.banner || [],
+        last: ""
+      },
+      quicklinks: e.quickbar || !1,
+      sync: e.syncSettings ?? !0,
+      devmode: e.dev || !1
+    }
+  };
+}
+function F(e) {
+  return {
+    ...e,
+    version: 7,
+    ecosystem: {
+      ...e.ecosystem,
+      mcp: {
+        seen: !1
+      }
+    }
+  };
+}
+function ee(e) {
+  const t = Z.reduce((i, o) => o(i), e), s = D(t);
+  return F(s);
+}
+const H = typeof window < "u", g = {
+  version: 7,
+  ecosystem: {
+    bin: {
+      wordWrap: !0
+    },
+    play: {
+      showErrors: !0,
+      wordWrap: !1
+    },
+    studio: {},
+    link: {},
+    docs: {
+      api: "link-only",
+      composition: "composition",
+      pins: {
+        enabled: !1,
+        pinned: []
+      },
+      mixedTheme: !0,
+      favorites: [],
+      slashSearch: !1,
+      railDrawer: !1
+    },
+    mcp: {
+      seen: !1
+    }
+  },
+  one: {
+    avatar: "",
+    ads: {
+      enabled: !0,
+      house: !1
+    },
+    command: {},
+    theme: "system",
+    direction: "ltr",
+    colors: {
+      primary: "surface-light"
+    },
+    suits: {
+      enabled: !1,
+      elements: ["app-bar"],
+      suit: ""
+    },
+    notifications: {
+      enabled: !0,
+      read: [],
+      last: ""
+    },
+    banners: {
+      enabled: !0,
+      read: [],
+      last: ""
+    },
+    quicklinks: !1,
+    ecosystem: {
+      pinned: [],
+      seen: !1
+    },
+    sync: !0,
+    devmode: !1
+  }
+}, te = O("user", () => {
+  const e = X(structuredClone(g));
+  I(e, s, { deep: !0 });
+  function t() {
+    if (!H)
+      return;
+    const o = localStorage.getItem("vuetify@user");
+    if (o)
+      try {
+        const r = JSON.parse(o);
+        if (r.version >= 7) {
+          const u = {
+            version: 7,
+            ecosystem: q(structuredClone(g.ecosystem), r.ecosystem || {}),
+            one: q(structuredClone(g.one), r.one || {})
+          };
+          Object.assign(e, u);
+        } else if (r.version === 6) {
+          const u = F(r), h = {
+            version: 7,
+            ecosystem: q(structuredClone(g.ecosystem), u.ecosystem || {}),
+            one: q(structuredClone(g.one), u.one || {})
+          };
+          Object.assign(e, h);
+        } else {
+          const u = ee(r);
+          Object.assign(e, u);
+        }
+        s();
+      } catch (r) {
+        console.error("Failed to load user settings:", r);
+      }
+  }
+  function s() {
+    H && localStorage.setItem("vuetify@user", JSON.stringify(e, null, 2));
+  }
+  function i() {
+    H && (Object.assign(e, structuredClone(g)), s());
+  }
+  return t(), {
+    ...Y(e),
+    load: t,
+    save: s,
+    reset: i
+  };
+}), Q = O("http", {
+  state: () => ({
+    url: ""
+  }),
+  actions: {
+    async fetch(e, t = {}) {
+      const s = await fetch(`${this.url}${e}`, {
+        credentials: "include",
+        ...t
+      });
+      if (!s.ok) {
+        const i = await s.text();
+        let o = i || `HTTP ${s.status}`;
+        try {
+          const r = JSON.parse(i);
+          o = r.message || r.error || i;
+        } catch {
+        }
+        throw new Error(o);
+      }
+      return s.status === 204 ? {} : s.json();
+    },
+    async post(e, t, s = {}) {
+      return this.fetch(e, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(t),
+        ...s
+      });
+    },
+    async form(e, t, s = {}) {
+      return this.fetch(e, {
+        method: "POST",
+        body: t,
+        ...s
+      });
+    },
+    async get(e, t = {}) {
+      return this.fetch(e, t);
+    },
+    async delete(e, t = {}) {
+      return this.fetch(e, {
+        method: "DELETE",
+        ...t
+      });
+    }
+  }
+});
+function B() {
+  const e = K();
+  return p(
+    () => e.query
+  );
+}
+const z = O("one", () => {
+  const e = B(), t = V(), s = M(), i = Q(), o = J(), r = P(!1), u = P(!1), h = b(null), v = b([]), S = p(() => e.value.session_id), R = p(() => h.value?.items[0].plan.interval), j = p(() => h.value?.items[0].plan.type), k = b([]), d = p(() => s.user?.sponsorships.find((n) => n.platform === "stripe" && n.tierName.startsWith("sub_"))), E = p(() => !!d.value?.tierName), a = p(() => s.user?.sponsorships.reduce((n, l) => {
+    if (!l.isActive || l.interval === "once")
+      return n;
+    const y = l.interval === "month" ? l.amount : l.amount / 12;
+    return n + y / 100;
+  }, 0) ?? 0), T = p(() => s.user?.sponsorships.find((n) => n.tierName.startsWith("sub_") && n.isActive)), N = p(() => s.user?.sponsorships.find((n) => n.platform === "github" && n.isActive)), U = p(() => s.user?.sponsorships.find((n) => n.platform === "discord" && n.isActive)), x = p(() => s.user?.identities.find((n) => n.provider === "shopify")), c = p(() => !i.url || s.isAdmin || d.value?.isActive || k.value.some((n) => ["one", "one/team"].includes(n)));
+  I(u, L), I(S, async (n) => {
+    n && await f();
+  }, { immediate: !0 }), I(e, (n) => {
+    if (n.one !== "subscribe" || s.user)
+      return;
+    s.dialog = !0;
+    const l = I(() => s.user, (y) => {
+      y && (s.dialog = !1, l());
+    });
+  }, { immediate: !0 });
+  async function f() {
+    try {
+      r.value = !0, await i.post("/one/activate", { sessionId: S.value }), await s.verify(!0), await w();
+      const n = new URL(window.location.href), l = n.searchParams;
+      l.delete("session_id"), l.delete("team"), history.pushState(null, "", n.toString());
+    } catch (n) {
+      o.showError(n?.message ?? "Error activating subscription, Please contact support");
+    } finally {
+      r.value = !1;
+    }
+  }
+  async function m() {
+    window.open(`${i.url}/one/manage`, "_blank");
+  }
+  async function $(n, l) {
+    r.value = !0;
+    const y = new URL("/one/subscribe", i.url);
+    y.searchParams.set("interval", n), y.searchParams.set("type", l), window.location.href = y.toString();
+  }
+  async function W() {
+    if (d.value)
+      try {
+        r.value = !0, await i.post(
+          `/one/cancel?subscriptionId=${d.value?.tierName}`
+        ), await s.verify(!0);
+      } catch (n) {
+        o.showError(n?.message ?? "Error cancelling subscription, Please contact support");
+      } finally {
+        r.value = !1;
+      }
+  }
+  async function _(n, l) {
+    if (d.value)
+      try {
+        r.value = !0, await i.post("/one/modify", {
+          subscriptionId: d.value.tierName,
+          interval: n,
+          type: l
+        }), await s.verify(!0);
+      } catch (y) {
+        o.showError(y?.message ?? "Error modifying subscription");
+      } finally {
+        r.value = !1;
+      }
+  }
+  async function w() {
+    try {
+      r.value = !0;
+      const n = await i.get("/one/info");
+      return h.value = n.subscription, v.value = n.invoices, n;
+    } catch (n) {
+      o.showError(n?.message ?? "Error fetching subscription info");
+    } finally {
+      r.value = !1;
+    }
+  }
+  function L() {
+    t.push({
+      query: {
+        ...e.value,
+        one: void 0
+      }
+    });
+  }
+  return {
+    info: h,
+    interval: R,
+    subscriptionType: j,
+    access: k,
+    invoices: v,
+    sessionId: S,
+    subscription: d,
+    monthlyTotal: a,
+    hasBilling: E,
+    isLoading: r,
+    isOpen: u,
+    isSubscriber: c,
+    github: N,
+    discord: U,
+    shopify: x,
+    one: T,
+    activate: f,
+    cancel: W,
+    manage: m,
+    modify: _,
+    resetQuery: L,
+    subscribe: $,
+    subscriptionInfo: w
+  };
+}), se = O("team", () => {
+  const e = B(), t = M(), s = z(), i = Q(), o = J(), r = P(!1), u = b(null), h = b(!1), v = p(() => e.value.invite), S = p(
+    () => u.value ? s.access?.some((a) => ["one/team", "snips/team"].includes(a)) : !1
+  );
+  I(v, async () => {
+    if (v.value) {
+      t.user || (t.dialog = !0);
+      try {
+        r.value = !0;
+        const a = await i.get(`/one/team/${v.value}`);
+        u.value = a.team, h.value = !0;
+      } catch (a) {
+        d(), o.showError(a.message);
+      } finally {
+        r.value = !1;
+      }
+    }
+  }, { immediate: !0 });
+  async function R(a) {
+    try {
+      if (r.value = !0, !u.value)
+        return;
+      await i.post("/one/team/remove", { userId: a }), u.value.members = u.value.members.filter((T) => T.id !== a);
+    } catch (T) {
+      o.showError(T?.message ?? "Error removing user from team");
+    } finally {
+      r.value = !1;
+    }
+  }
+  async function j() {
+    try {
+      r.value = !0, await i.post("/one/team/leave", { teamId: u.value?.id }), await t.verify(!0);
+    } catch (a) {
+      o.showError(a?.message ?? "Error leaving team");
+    } finally {
+      r.value = !1;
+    }
+  }
+  async function k() {
+    try {
+      r.value = !0, await i.post("/one/team/join", { inviteCode: v.value }), await t.verify(!0), d();
+    } catch (a) {
+      o.showError(a?.message ?? "Error joining team");
+    } finally {
+      r.value = !1;
+    }
+  }
+  function d() {
+    h.value = !1;
+    const a = new URL(window.location.href);
+    a.searchParams.delete("invite"), window.history.replaceState({}, "", a.toString());
+  }
+  const E = p(() => t.user?.id === t.user?.team?.owner.id);
+  return {
+    team: u,
+    teamInviteDialog: h,
+    teamInviteCode: v,
+    hasTeamAccess: S,
+    isTeamOwner: E,
+    isLoading: r,
+    removeFromTeam: R,
+    leaveTeam: j,
+    joinTeam: k,
+    clearTeamQuery: d
+  };
+}), M = O("auth", () => {
+  const e = b(!1), t = b(null), s = Q(), i = te(), o = V(), r = P(!1), u = z(), h = se(), v = J(), S = C(() => !!t.value), R = C(() => t.value?.role === "super"), j = C(() => ["super", "admin"].includes(t.value?.role ?? "")), k = C(() => ["super", "admin", "editor"].includes(t.value?.role ?? ""));
+  let d = !!x();
+  I(t, (c) => {
+    if (!c?.settings)
+      return;
+    const f = localStorage.getItem("vuetify@user") || "{}";
+    if (JSON.stringify(c.settings, null, 2) === f)
+      return;
+    d = !0;
+    let m = c.settings;
+    m.version === 6 && (m = F(m));
+    const $ = {
+      version: 7,
+      ecosystem: q(structuredClone(g.ecosystem), m.ecosystem || {}),
+      one: q(structuredClone(g.one), m.one || {})
+    };
+    Object.assign(i, $);
+  }), i.$subscribe(() => {
+    d || E(), d = !1;
+  });
+  async function E() {
+    if (await G(), !(!t.value || !i.one.sync))
+      try {
+        await s.post("/user/settings", { settings: i.$state }), await a(!0);
+      } catch (c) {
+        v.showError(c?.message ?? "Error syncing settings");
+      }
+  }
+  async function a(c = !1) {
+    if (a.promise)
+      return a.promise;
+    if (!c && !document.cookie.includes("sx=1") && location.hostname.match(/([^.]+\.[^.]+)$/)?.[1] === new URL(s.url).hostname.match(/([^.]+\.[^.]+)$/)?.[1]) {
+      t.value = null;
+      return;
+    }
+    r.value = !0, a.promise = fetch(`${s.url}/auth/verify`, {
+      credentials: "include",
+      cache: c ? "reload" : void 0
+    }).then(
+      async (f) => {
+        if (f.ok || f.status === 401) {
+          const m = await f.json();
+          t.value = m.user, u.access = m.access, h.team = m.user?.team;
+        } else
+          console.error(f.statusText);
+      },
+      () => {
+      }
+    ).finally(() => {
+      r.value = !1, a.promise = null;
+    });
+  }
+  a.promise = null;
+  async function T(c = "github") {
+    r.value = !0;
+    const f = `${s.url}/auth/${c}/redirect`;
+    if (c === "shopify") {
+      window.location.assign(f + "?next=" + encodeURIComponent(window.location.href));
+      return;
+    }
+    const m = 400, $ = 600, W = window.screenX + (window.innerWidth - m) / 2, _ = window.screenY + (window.innerHeight - $) / 2, w = window.open(
+      "",
+      "vuetify:authorize:popup",
+      `popup,left=${W},top=${_},width=${m},height=${$},resizable`
+    );
+    if (!w) {
+      console.error("Failed to open popup");
+      return;
+    }
+    w.location.href = f;
+    let L = -1, n = -1;
+    function l(A) {
+      A.origin === s.url && A.data?.type === "auth-response" && (A.data.status === "success" ? (t.value || (localStorage.setItem("vuetify@lastLoginProvider", c), e.value = !1, o.push("/user/dashboard")), t.value = A.data.body.user, u.access = A.data.body.access, h.team = A.data.body.user?.team, E()) : console.error(A.data.message), y());
+    }
+    function y() {
+      window.removeEventListener("message", l), window.clearInterval(L), window.clearTimeout(n), w?.close(), r.value = !1;
+    }
+    window.addEventListener("message", l), L = window.setInterval(() => {
+      !w || w.closed ? (console.error("Auth popup closed"), y()) : w.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), n = window.setTimeout(() => {
+      y(), console.error("Auth timed out");
+    }, 120 * 1e3);
+  }
+  async function N(c) {
+    r.value = !0;
+    const f = c ? `/auth/${c}/logout` : "/auth/logout";
+    try {
+      await s.post(f), await a(!0), t.value = null;
+    } catch (m) {
+      v.showError(m?.message ?? "Error logging out");
+    } finally {
+      o.push({
+        path: "/",
+        query: o.currentRoute.value.query
+      }), r.value = !1;
+    }
+  }
+  function U(c) {
+    return t.value?.identities.find((f) => f.provider === c);
+  }
+  function x() {
+    return localStorage.getItem("vuetify@lastLoginProvider");
+  }
+  return a(), {
+    user: t,
+    url: s.url,
+    dialog: e,
+    isLoading: r,
+    isAuthenticated: S,
+    isSuper: R,
+    isAdmin: j,
+    isEditor: k,
+    verify: a,
+    findIdentity: U,
+    login: T,
+    logout: N,
+    lastLoginProvider: x,
+    sync: E
+  };
+});
+export {
+  M as a,
+  te as b,
+  z as c,
+  B as d,
+  Q as e,
+  se as f,
+  J as u
+};

package/dist/index.d.ts

@@ -156,10 +156,11 @@ interface VOneIdentity {
     userHandle: string;
     primary: boolean;
 }
+type VOneRole = 'super' | 'admin' | 'editor' | 'user';
 interface VOneUser {
     id: string;
     isAdmin: boolean;
-    role: 'super' | 'admin' | 'editor' | 'user';
+    role: VOneRole;
     name: string;
     shortid: string;
     picture: string;
@@ -174,6 +175,10 @@ interface AuthState {
     url: string;
     dialog: Ref<boolean>;
     isLoading: ShallowRef<boolean>;
+    isAuthenticated: Ref<boolean>;
+    isSuper: Ref<boolean>;
+    isAdmin: Ref<boolean>;
+    isEditor: Ref<boolean>;
     verify: (force?: boolean) => Promise<void>;
     findIdentity: (provider: string) => VOneIdentity | undefined;
     login: (provider?: 'github' | 'discord' | 'shopify') => Promise<void>;
@@ -181,7 +186,7 @@ interface AuthState {
     lastLoginProvider: () => string | null;
     sync: () => Promise<void>;
 }
-declare const useAuthStore: pinia.StoreDefinition<"auth", Pick<AuthState, "isLoading" | "user" | "url" | "dialog">, Pick<AuthState, never>, Pick<AuthState, "sync" | "verify" | "findIdentity" | "login" | "logout" | "lastLoginProvider">>;
+declare const useAuthStore: pinia.StoreDefinition<"auth", Pick<AuthState, "isLoading" | "user" | "url" | "dialog" | "isAuthenticated" | "isSuper" | "isAdmin" | "isEditor">, Pick<AuthState, never>, Pick<AuthState, "sync" | "verify" | "findIdentity" | "login" | "logout" | "lastLoginProvider">>;
 
 interface VOneBanner {
     id: string;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { defineComponent as y, createBlock as m, openBlock as c, unref as e, computed as b, createSlots as z, withCtx as s, createElementVNode as g, toDisplayString as C, createVNode as n, createTextVNode as S, normalizeStyle as it, createCommentVNode as h, renderSlot as w, shallowRef as M, watch as H, withModifiers as ye, mergeModels as rt, useModel as W, createElementBlock as k, Fragment as D, nextTick as be, renderList as G, mergeProps as R, withDirectives as N, vShow as Ie, isRef as j, ref as E, readonly as Se, resolveComponent as lt, watchEffect as Nt, onMounted as He, toRef as ge, normalizeClass as Zt, useSlots as ut, normalizeProps as ct, guardReactiveProps as dt, onBeforeMount as je, onBeforeUnmount as Ht, useCssVars as jt, onServerPrefetch as Rt } from "vue";
-import { u as oe, a as F, b as T, c as O, d as ke, e as J, f as De } from "./auth-CwLSOnno.js";
+import { u as oe, a as F, b as T, c as O, d as ke, e as J, f as De } from "./auth-CXrXnM17.js";
 import { VSnackbarQueue as qt } from "vuetify/components/VSnackbarQueue";
 import { mdiStorefront as Wt, mdiSync as Gt, mdiSyncOff as Kt, mdiLogoutVariant as Yt, mdiFullscreenExit as Qt, mdiFullscreen as Xt, mdiCheck as Ve, mdiSelect as Jt, mdiSpaceInvaders as pt, mdiImageFilterHdr as mt, mdiTransmissionTower as ft, mdiRocketLaunchOutline as vt, mdiHome as eo, mdiTextBox as to, mdiWhiteBalanceSunny as oo, mdiWeatherNight as no, mdiDesktopTowerMonitor as so, mdiContrastCircle as ao, mdiCog as io, mdiCogOutline as ro, mdiShieldKeyOutline as lo, mdiContentCopy as Re, mdiFileDocument as gt, mdiKey as uo, mdiPlus as co, mdiRefresh as po, mdiKeyOutline as mo, mdiCreditCardSettingsOutline as fo, mdiRocketOutline as vo, mdiCheckCircleOutline as Me, mdiCreditCard as go, mdiReload as _o, mdiPlaylistCheck as yo, mdiCreditCardOutline as ho, mdiOpenInNew as Ae, mdiMedal as bo, mdiHandHeart as ko, mdiHandHeartOutline as Vo, mdiCloudDownload as Co, mdiTrayArrowDown as tt, mdiAccountGroup as $o, mdiAccount as xo, mdiLinkVariant as Lo, mdiShieldLock as ot, mdiAccountRemoveOutline as wo, mdiExitToApp as So, mdiAccountGroupOutline as Mo, mdiPin as Io, mdiPinOutline as Do, mdiEmailOpenOutline as qe, mdiEmailVariant as We, mdiBell as Ao, mdiInboxOutline as To, mdiInboxFullOutline as Uo, mdiBillboard as Po, mdiBellOutline as zo, mdiViewDashboardOutline as Oo, mdiCrown as Bo, mdiArrowULeftBottom as Eo, mdiAtomVariant as Fo, mdiLogin as nt, mdiDotsVertical as No, mdiShieldStarOutline as Zo } from "@mdi/js";
 import { VListItem as le, VList as ne, VListSubheader as Ho, VListItemTitle as _t, VListItemSubtitle as jo } from "vuetify/components/VList";

package/dist/stores/auth.d.ts

@@ -35,10 +35,11 @@ interface VOneIdentity {
     userHandle: string;
     primary: boolean;
 }
+type VOneRole = 'super' | 'admin' | 'editor' | 'user';
 interface VOneUser {
     id: string;
     isAdmin: boolean;
-    role: 'super' | 'admin' | 'editor' | 'user';
+    role: VOneRole;
     name: string;
     shortid: string;
     picture: string;
@@ -53,6 +54,10 @@ interface AuthState {
     url: string;
     dialog: Ref<boolean>;
     isLoading: ShallowRef<boolean>;
+    isAuthenticated: Ref<boolean>;
+    isSuper: Ref<boolean>;
+    isAdmin: Ref<boolean>;
+    isEditor: Ref<boolean>;
     verify: (force?: boolean) => Promise<void>;
     findIdentity: (provider: string) => VOneIdentity | undefined;
     login: (provider?: 'github' | 'discord' | 'shopify') => Promise<void>;
@@ -60,7 +65,7 @@ interface AuthState {
     lastLoginProvider: () => string | null;
     sync: () => Promise<void>;
 }
-declare const useAuthStore: pinia.StoreDefinition<"auth", Pick<AuthState, "isLoading" | "user" | "url" | "dialog">, Pick<AuthState, never>, Pick<AuthState, "sync" | "verify" | "findIdentity" | "login" | "logout" | "lastLoginProvider">>;
+declare const useAuthStore: pinia.StoreDefinition<"auth", Pick<AuthState, "isLoading" | "user" | "url" | "dialog" | "isAuthenticated" | "isSuper" | "isAdmin" | "isEditor">, Pick<AuthState, never>, Pick<AuthState, "sync" | "verify" | "findIdentity" | "login" | "logout" | "lastLoginProvider">>;
 
 export { useAuthStore };
-export type { AuthState, VOneIdentity, VOneSponsorship, VOneUser };
+export type { AuthState, VOneIdentity, VOneRole, VOneSponsorship, VOneUser };

package/dist/stores/auth.js

@@ -1,5 +1,5 @@
 import "lodash-es";
-import { a as e } from "../auth-CwLSOnno.js";
+import { a as e } from "../auth-CXrXnM17.js";
 import "pinia";
 import "vue";
 import "vue-router";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/one",
-  "version": "2.8.2",
+  "version": "2.9.0",
   "private": false,
   "type": "module",
   "license": "MIT",

package/dist/auth-CwLSOnno.js

@@ -1,574 +0,0 @@
-import { merge as O } from "lodash-es";
-import { defineStore as j } from "pinia";
-import { ref as T, reactive as z, watch as I, toRefs as M, computed as m, shallowRef as N, nextTick as X } from "vue";
-import { useRoute as Y, useRouter as F } from "vue-router";
-const _ = j("queue", () => {
-  const e = T([]);
-  function r(o) {
-    const s = typeof o == "string" ? { text: o } : o;
-    e.value.push(s);
-  }
-  function t(o) {
-    r({
-      color: "error",
-      text: o,
-      location: "top end",
-      timeout: -1
-    });
-  }
-  function i(o) {
-    r({
-      color: "success",
-      text: o,
-      location: "top end"
-    });
-  }
-  return {
-    queue: e,
-    show: r,
-    showError: t,
-    showSuccess: i
-  };
-}), G = [
-  (e) => (e.v || (e.pwaRefresh = !0, typeof e.api == "boolean" && (e.api = e.api ? "inline" : "link-only"), typeof e.rtl == "boolean" && (e.direction = e.rtl ? "rtl" : "ltr", delete e.rtl), typeof e.theme == "object" && (e.mixedTheme = e.theme.mixed, e.theme = e.theme.system ? "system" : e.theme.dark ? "dark" : "light"), Array.isArray(e.notifications) && (e.notifications = { read: e.notifications }), typeof e.last == "object" && (e.notifications = e.notifications || {}, e.notifications.last = e.last, delete e.last), e.v = 1), e),
-  (e) => (e.v === 1 && (Array.isArray(e.composition) && (e.composition = "composition"), Array.isArray(e.notifications?.last?.banner) || (e.notifications = e.notifications || {}, e.notifications.last = e.notifications.last || {}, e.notifications.last.banner = []), e.v = 2), e),
-  (e) => (e.v === 2 && (e.syncSettings = !0, e.disableAds = !1, e.v = 3), e),
-  (e) => (e.v === 3 && (e.quickbar = !1, e.v = 4), e),
-  (e) => (e.v === 4 && (e.suits = { show: !1, elements: ["app-bar"], suit: "" }, e.notifications = e.notifications || {}, e.notifications.banners = !0, e.v = 5), e)
-];
-function K(e) {
-  return {
-    version: 6,
-    ecosystem: {
-      bin: {
-        wordWrap: !1
-      },
-      play: {
-        showErrors: !0,
-        wordWrap: !1
-      },
-      studio: {},
-      link: {},
-      docs: {
-        api: e.api || "link-only",
-        composition: e.composition || "composition",
-        pins: {
-          enabled: e.pins || !1,
-          pinned: Array.isArray(e.pinned) ? e.pinned.map((r) => r.name || r).filter(Boolean) : []
-        },
-        mixedTheme: e.mixedTheme ?? !0,
-        favorites: [],
-        slashSearch: e.slashSearch || !1,
-        railDrawer: e.railDrawer || !1
-      }
-    },
-    one: {
-      avatar: e.avatar || "",
-      ads: {
-        enabled: !e.disableAds,
-        house: e.showHouseAds || !1
-      },
-      command: {},
-      theme: e.theme || "system",
-      direction: e.direction || "ltr",
-      colors: {
-        primary: e.colors?.one || "surface-light"
-      },
-      suits: {
-        enabled: e.suits?.show || !1,
-        elements: e.suits?.elements || ["app-bar"],
-        suit: e.suits?.suit || ""
-      },
-      notifications: {
-        enabled: e.notifications?.show ?? !0,
-        read: e.notifications?.read || [],
-        last: ""
-      },
-      banners: {
-        enabled: e.notifications?.banners ?? !0,
-        read: e.notifications?.last?.banner || [],
-        last: ""
-      },
-      quicklinks: e.quickbar || !1,
-      sync: e.syncSettings ?? !0,
-      devmode: e.dev || !1
-    }
-  };
-}
-function H(e) {
-  return {
-    ...e,
-    version: 7,
-    ecosystem: {
-      ...e.ecosystem,
-      mcp: {
-        seen: !1
-      }
-    }
-  };
-}
-function Z(e) {
-  const r = G.reduce((i, o) => o(i), e), t = K(r);
-  return H(t);
-}
-const W = typeof window < "u", E = {
-  version: 7,
-  ecosystem: {
-    bin: {
-      wordWrap: !0
-    },
-    play: {
-      showErrors: !0,
-      wordWrap: !1
-    },
-    studio: {},
-    link: {},
-    docs: {
-      api: "link-only",
-      composition: "composition",
-      pins: {
-        enabled: !1,
-        pinned: []
-      },
-      mixedTheme: !0,
-      favorites: [],
-      slashSearch: !1,
-      railDrawer: !1
-    },
-    mcp: {
-      seen: !1
-    }
-  },
-  one: {
-    avatar: "",
-    ads: {
-      enabled: !0,
-      house: !1
-    },
-    command: {},
-    theme: "system",
-    direction: "ltr",
-    colors: {
-      primary: "surface-light"
-    },
-    suits: {
-      enabled: !1,
-      elements: ["app-bar"],
-      suit: ""
-    },
-    notifications: {
-      enabled: !0,
-      read: [],
-      last: ""
-    },
-    banners: {
-      enabled: !0,
-      read: [],
-      last: ""
-    },
-    quicklinks: !1,
-    ecosystem: {
-      pinned: [],
-      seen: !1
-    },
-    sync: !0,
-    devmode: !1
-  }
-}, D = j("user", () => {
-  const e = z(structuredClone(E));
-  I(e, t, { deep: !0 });
-  function r() {
-    if (!W)
-      return;
-    const o = localStorage.getItem("vuetify@user");
-    if (o)
-      try {
-        const s = JSON.parse(o);
-        if (s.version >= 7) {
-          const u = {
-            version: 7,
-            ecosystem: O(structuredClone(E.ecosystem), s.ecosystem || {}),
-            one: O(structuredClone(E.one), s.one || {})
-          };
-          Object.assign(e, u);
-        } else if (s.version === 6) {
-          const u = H(s), d = {
-            version: 7,
-            ecosystem: O(structuredClone(E.ecosystem), u.ecosystem || {}),
-            one: O(structuredClone(E.one), u.one || {})
-          };
-          Object.assign(e, d);
-        } else {
-          const u = Z(s);
-          Object.assign(e, u);
-        }
-        t();
-      } catch (s) {
-        console.error("Failed to load user settings:", s);
-      }
-  }
-  function t() {
-    W && localStorage.setItem("vuetify@user", JSON.stringify(e, null, 2));
-  }
-  function i() {
-    W && (Object.assign(e, structuredClone(E)), t());
-  }
-  return r(), {
-    ...M(e),
-    load: r,
-    save: t,
-    reset: i
-  };
-}), J = j("http", {
-  state: () => ({
-    url: ""
-  }),
-  actions: {
-    async fetch(e, r = {}) {
-      const t = await fetch(`${this.url}${e}`, {
-        credentials: "include",
-        ...r
-      });
-      if (!t.ok) {
-        const i = await t.text();
-        let o = i || `HTTP ${t.status}`;
-        try {
-          const s = JSON.parse(i);
-          o = s.message || s.error || i;
-        } catch {
-        }
-        throw new Error(o);
-      }
-      return t.status === 204 ? {} : t.json();
-    },
-    async post(e, r, t = {}) {
-      return this.fetch(e, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(r),
-        ...t
-      });
-    },
-    async form(e, r, t = {}) {
-      return this.fetch(e, {
-        method: "POST",
-        body: r,
-        ...t
-      });
-    },
-    async get(e, r = {}) {
-      return this.fetch(e, r);
-    },
-    async delete(e, r = {}) {
-      return this.fetch(e, {
-        method: "DELETE",
-        ...r
-      });
-    }
-  }
-});
-function Q() {
-  const e = Y();
-  return m(
-    () => e.query
-  );
-}
-const V = j("one", () => {
-  const e = Q(), r = F(), t = B(), i = J(), o = _(), s = N(!1), u = N(!1), d = T(null), v = T([]), g = m(() => e.value.session_id), A = m(() => d.value?.items[0].plan.interval), h = m(() => d.value?.items[0].plan.type), k = T([]), y = m(() => t.user?.sponsorships.find((n) => n.platform === "stripe" && n.tierName.startsWith("sub_"))), L = m(() => !!y.value?.tierName), c = m(() => t.user?.sponsorships.reduce((n, p) => {
-    if (!p.isActive || p.interval === "once")
-      return n;
-    const b = p.interval === "month" ? p.amount : p.amount / 12;
-    return n + b / 100;
-  }, 0) ?? 0), a = m(() => t.user?.sponsorships.find((n) => n.tierName.startsWith("sub_") && n.isActive)), f = m(() => t.user?.sponsorships.find((n) => n.platform === "github" && n.isActive)), l = m(() => t.user?.sponsorships.find((n) => n.platform === "discord" && n.isActive)), $ = m(() => t.user?.identities.find((n) => n.provider === "shopify")), U = m(() => !i.url || t.user?.isAdmin || y.value?.isActive || k.value.some((n) => ["one", "one/team"].includes(n)));
-  I(u, w), I(g, async (n) => {
-    n && await R();
-  }, { immediate: !0 }), I(e, (n) => {
-    if (n.one !== "subscribe" || t.user)
-      return;
-    t.dialog = !0;
-    const p = I(() => t.user, (b) => {
-      b && (t.dialog = !1, p());
-    });
-  }, { immediate: !0 });
-  async function R() {
-    try {
-      s.value = !0, await i.post("/one/activate", { sessionId: g.value }), await t.verify(!0), await q();
-      const n = new URL(window.location.href), p = n.searchParams;
-      p.delete("session_id"), p.delete("team"), history.pushState(null, "", n.toString());
-    } catch (n) {
-      o.showError(n?.message ?? "Error activating subscription, Please contact support");
-    } finally {
-      s.value = !1;
-    }
-  }
-  async function S() {
-    window.open(`${i.url}/one/manage`, "_blank");
-  }
-  async function x(n, p) {
-    s.value = !0;
-    const b = new URL("/one/subscribe", i.url);
-    b.searchParams.set("interval", n), b.searchParams.set("type", p), window.location.href = b.toString();
-  }
-  async function C() {
-    if (y.value)
-      try {
-        s.value = !0, await i.post(
-          `/one/cancel?subscriptionId=${y.value?.tierName}`
-        ), await t.verify(!0);
-      } catch (n) {
-        o.showError(n?.message ?? "Error cancelling subscription, Please contact support");
-      } finally {
-        s.value = !1;
-      }
-  }
-  async function P(n, p) {
-    if (y.value)
-      try {
-        s.value = !0, await i.post("/one/modify", {
-          subscriptionId: y.value.tierName,
-          interval: n,
-          type: p
-        }), await t.verify(!0);
-      } catch (b) {
-        o.showError(b?.message ?? "Error modifying subscription");
-      } finally {
-        s.value = !1;
-      }
-  }
-  async function q() {
-    try {
-      s.value = !0;
-      const n = await i.get("/one/info");
-      return d.value = n.subscription, v.value = n.invoices, n;
-    } catch (n) {
-      o.showError(n?.message ?? "Error fetching subscription info");
-    } finally {
-      s.value = !1;
-    }
-  }
-  function w() {
-    r.push({
-      query: {
-        ...e.value,
-        one: void 0
-      }
-    });
-  }
-  return {
-    info: d,
-    interval: A,
-    subscriptionType: h,
-    access: k,
-    invoices: v,
-    sessionId: g,
-    subscription: y,
-    monthlyTotal: c,
-    hasBilling: L,
-    isLoading: s,
-    isOpen: u,
-    isSubscriber: U,
-    github: f,
-    discord: l,
-    shopify: $,
-    one: a,
-    activate: R,
-    cancel: C,
-    manage: S,
-    modify: P,
-    resetQuery: w,
-    subscribe: x,
-    subscriptionInfo: q
-  };
-}), ee = j("team", () => {
-  const e = Q(), r = B(), t = V(), i = J(), o = _(), s = N(!1), u = T(null), d = T(!1), v = m(() => e.value.invite), g = m(
-    () => u.value ? t.access?.some((c) => ["one/team", "snips/team"].includes(c)) : !1
-  );
-  I(v, async () => {
-    if (v.value) {
-      r.user || (r.dialog = !0);
-      try {
-        s.value = !0;
-        const c = await i.get(`/one/team/${v.value}`);
-        u.value = c.team, d.value = !0;
-      } catch (c) {
-        y(), o.showError(c.message);
-      } finally {
-        s.value = !1;
-      }
-    }
-  }, { immediate: !0 });
-  async function A(c) {
-    try {
-      if (s.value = !0, !u.value)
-        return;
-      await i.post("/one/team/remove", { userId: c }), u.value.members = u.value.members.filter((a) => a.id !== c);
-    } catch (a) {
-      o.showError(a?.message ?? "Error removing user from team");
-    } finally {
-      s.value = !1;
-    }
-  }
-  async function h() {
-    try {
-      s.value = !0, await i.post("/one/team/leave", { teamId: u.value?.id }), await r.verify(!0);
-    } catch (c) {
-      o.showError(c?.message ?? "Error leaving team");
-    } finally {
-      s.value = !1;
-    }
-  }
-  async function k() {
-    try {
-      s.value = !0, await i.post("/one/team/join", { inviteCode: v.value }), await r.verify(!0), y();
-    } catch (c) {
-      o.showError(c?.message ?? "Error joining team");
-    } finally {
-      s.value = !1;
-    }
-  }
-  function y() {
-    d.value = !1;
-    const c = new URL(window.location.href);
-    c.searchParams.delete("invite"), window.history.replaceState({}, "", c.toString());
-  }
-  const L = m(() => r.user?.id === r.user?.team?.owner.id);
-  return {
-    team: u,
-    teamInviteDialog: d,
-    teamInviteCode: v,
-    hasTeamAccess: g,
-    isTeamOwner: L,
-    isLoading: s,
-    removeFromTeam: A,
-    leaveTeam: h,
-    joinTeam: k,
-    clearTeamQuery: y
-  };
-}), B = j("auth", () => {
-  const e = T(!1), r = T(null), t = J(), i = D(), o = F(), s = N(!1), u = V(), d = ee(), v = _();
-  let g = !!c();
-  I(r, (a) => {
-    if (!a?.settings)
-      return;
-    const f = localStorage.getItem("vuetify@user") || "{}";
-    if (JSON.stringify(a.settings, null, 2) === f)
-      return;
-    g = !0;
-    let l = a.settings;
-    l.version === 6 && (l = H(l));
-    const $ = {
-      version: 7,
-      ecosystem: O(structuredClone(E.ecosystem), l.ecosystem || {}),
-      one: O(structuredClone(E.one), l.one || {})
-    };
-    Object.assign(i, $);
-  }), i.$subscribe(() => {
-    g || A(), g = !1;
-  });
-  async function A() {
-    if (await X(), !(!r.value || !i.one.sync))
-      try {
-        await t.post("/user/settings", { settings: i.$state }), await h(!0);
-      } catch (a) {
-        v.showError(a?.message ?? "Error syncing settings");
-      }
-  }
-  async function h(a = !1) {
-    if (h.promise)
-      return h.promise;
-    if (!a && !document.cookie.includes("sx=1") && location.hostname.match(/([^.]+\.[^.]+)$/)?.[1] === new URL(t.url).hostname.match(/([^.]+\.[^.]+)$/)?.[1]) {
-      r.value = null;
-      return;
-    }
-    s.value = !0, h.promise = fetch(`${t.url}/auth/verify`, {
-      credentials: "include",
-      cache: a ? "reload" : void 0
-    }).then(
-      async (f) => {
-        if (f.ok || f.status === 401) {
-          const l = await f.json();
-          r.value = l.user, u.access = l.access, d.team = l.user?.team;
-        } else
-          console.error(f.statusText);
-      },
-      () => {
-      }
-    ).finally(() => {
-      s.value = !1, h.promise = null;
-    });
-  }
-  h.promise = null;
-  async function k(a = "github") {
-    s.value = !0;
-    const f = `${t.url}/auth/${a}/redirect`;
-    if (a === "shopify") {
-      window.location.assign(f + "?next=" + encodeURIComponent(window.location.href));
-      return;
-    }
-    const l = 400, $ = 600, U = window.screenX + (window.innerWidth - l) / 2, R = window.screenY + (window.innerHeight - $) / 2, S = window.open(
-      "",
-      "vuetify:authorize:popup",
-      `popup,left=${U},top=${R},width=${l},height=${$},resizable`
-    );
-    if (!S) {
-      console.error("Failed to open popup");
-      return;
-    }
-    S.location.href = f;
-    let x = -1, C = -1;
-    function P(w) {
-      w.origin === t.url && w.data?.type === "auth-response" && (w.data.status === "success" ? (r.value || (localStorage.setItem("vuetify@lastLoginProvider", a), e.value = !1, o.push("/user/dashboard")), r.value = w.data.body.user, u.access = w.data.body.access, d.team = w.data.body.user?.team, A()) : console.error(w.data.message), q());
-    }
-    function q() {
-      window.removeEventListener("message", P), window.clearInterval(x), window.clearTimeout(C), S?.close(), s.value = !1;
-    }
-    window.addEventListener("message", P), x = window.setInterval(() => {
-      !S || S.closed ? (console.error("Auth popup closed"), q()) : S.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), C = window.setTimeout(() => {
-      q(), console.error("Auth timed out");
-    }, 120 * 1e3);
-  }
-  async function y(a) {
-    s.value = !0;
-    const f = a ? `/auth/${a}/logout` : "/auth/logout";
-    try {
-      await t.post(f), await h(!0), r.value = null;
-    } catch (l) {
-      v.showError(l?.message ?? "Error logging out");
-    } finally {
-      o.push({
-        path: "/",
-        query: o.currentRoute.value.query
-      }), s.value = !1;
-    }
-  }
-  function L(a) {
-    return r.value?.identities.find((f) => f.provider === a);
-  }
-  function c() {
-    return localStorage.getItem("vuetify@lastLoginProvider");
-  }
-  return h(), {
-    user: r,
-    url: t.url,
-    dialog: e,
-    isLoading: s,
-    verify: h,
-    findIdentity: L,
-    login: k,
-    logout: y,
-    lastLoginProvider: c,
-    sync: A
-  };
-});
-export {
-  B as a,
-  D as b,
-  V as c,
-  Q as d,
-  J as e,
-  ee as f,
-  _ as u
-};