@vuetify/one 0.1.2 → 0.2.0

package/dist/index.js

@@ -1,19 +1,44 @@
-import { reactive as Y, toRefs as Z, ref as K, shallowRef as E, computed as j, watch as N, defineComponent as L, openBlock as m, createBlock as g, unref as a, withCtx as d, createVNode as u, createTextVNode as w, toDisplayString as x, createCommentVNode as Q, mergeProps as ee, createElementVNode as b, createElementBlock as te, Fragment as oe, renderList as ie, pushScopeId as se, popScopeId as ne, onBeforeMount as re } from "vue";
-import { defineStore as O } from "pinia";
+import { reactive as Z, toRefs as K, ref as j, shallowRef as T, computed as D, watch as F, defineComponent as L, openBlock as g, createBlock as y, unref as a, withCtx as p, createVNode as d, createTextVNode as w, toDisplayString as $, createCommentVNode as Q, mergeProps as tt, createElementVNode as _, createElementBlock as et, Fragment as ot, renderList as st, pushScopeId as nt, popScopeId as it, onBeforeMount as rt } from "vue";
+import { defineStore as x } from "pinia";
 import { merge as I } from "lodash-es";
-import { mdiDiscord as H, mdiGithub as B, mdiViewDashboard as ae, mdiLogoutVariant as le, mdiLogin as ce, mdiShieldStarOutline as ue, mdiReddit as de } from "@mdi/js";
-import { VListItem as F, VList as G, VListSubheader as fe } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as pe } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VBtn as M } from "vuetify/lib/components/VBtn/index.mjs";
-import { VMenu as me } from "vuetify/lib/components/VMenu/index.mjs";
-import { VSkeletonLoader as he } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { useDisplay as ve, useTheme as ge } from "vuetify";
-import { VCard as ye, VCardTitle as _e, VCardSubtitle as be } from "vuetify/lib/components/VCard/index.mjs";
-import { VDialog as we } from "vuetify/lib/components/VDialog/index.mjs";
-import { VImg as J } from "vuetify/lib/components/VImg/index.mjs";
-import { VFooter as Le } from "vuetify/lib/components/VFooter/index.mjs";
-import { VIcon as Ve } from "vuetify/lib/components/VIcon/index.mjs";
-const A = typeof window < "u", U = {
+import { mdiDiscord as P, mdiGithub as E, mdiViewDashboard as at, mdiLogoutVariant as lt, mdiLogin as ct, mdiShieldStarOutline as ut, mdiReddit as ft } from "@mdi/js";
+import { VListItem as G, VList as M, VListSubheader as dt } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as pt } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VBtn as J } from "vuetify/lib/components/VBtn/index.mjs";
+import { VMenu as mt } from "vuetify/lib/components/VMenu/index.mjs";
+import { VSkeletonLoader as ht } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
+import { useDisplay as vt, useTheme as gt } from "vuetify";
+import { VCard as yt, VCardTitle as bt, VCardSubtitle as _t } from "vuetify/lib/components/VCard/index.mjs";
+import { VDialog as wt } from "vuetify/lib/components/VDialog/index.mjs";
+import { VImg as W } from "vuetify/lib/components/VImg/index.mjs";
+import { VFooter as Lt } from "vuetify/lib/components/VFooter/index.mjs";
+import { VIcon as xt } from "vuetify/lib/components/VIcon/index.mjs";
+const C = x("http", {
+  state: () => ({
+    url: ""
+  }),
+  actions: {
+    async fetch(o, e = {}) {
+      return (await fetch(`${this.url}${o}`, {
+        credentials: "include",
+        ...e
+      })).json();
+    },
+    async post(o, e, s = {}) {
+      return this.fetch(o, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(e),
+        ...s
+      });
+    },
+    async get(o, e = {}) {
+      return this.fetch(o, e);
+    }
+  }
+}), A = typeof window < "u", R = {
   v: 4,
   api: "link-only",
   avatar: "",
@@ -40,206 +65,194 @@ const A = typeof window < "u", U = {
       jobs: null
     }
   }
-}, W = O("user", () => {
-  const i = Y(I({}, U));
-  function t() {
+}, q = x("user", () => {
+  const o = Z(I({}, R));
+  function e() {
     if (!A)
       return;
-    const r = localStorage.getItem("vuetify@user"), e = r ? JSON.parse(r) : {}, c = e.v === i.v;
-    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.last = e.last, delete e.last)), 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.syncSettings = !0, e.disableAds = !1, e.v = 3), e.v === 3 && (e.quickbar = !1), e.v = i.v, Object.assign(i, I(i, e)), c && s();
+    const r = localStorage.getItem("vuetify@user"), t = r ? JSON.parse(r) : {}, h = t.v === o.v;
+    t.v || (t.pwaRefresh = !0, typeof t.api == "boolean" && (t.api = t.api ? "inline" : "link-only"), typeof t.rtl == "boolean" && (t.direction = t.rtl ? "rtl" : "ltr", delete t.rtl), typeof t.theme == "object" && (t.mixedTheme = t.theme.mixed, t.theme = t.theme.system ? "system" : t.theme.dark ? "dark" : "light"), Array.isArray(t.notifications) && (t.notifications = { read: t.notifications }), typeof t.last == "object" && (t.notifications.last = t.last, delete t.last)), t.v === 1 && (Array.isArray(t.composition) && (t.composition = "composition"), Array.isArray(t.notifications.last.banner) || (t.notifications = t.notifications || {}, t.notifications.last = t.notifications.last || {}, t.notifications.last.banner = [])), t.v === 2 && (t.syncSettings = !0, t.disableAds = !1, t.v = 3), t.v === 3 && (t.quickbar = !1), t.v = o.v, Object.assign(o, I(o, t)), h && s();
   }
   function s() {
-    A && localStorage.setItem("vuetify@user", JSON.stringify(i, null, 2));
+    A && localStorage.setItem("vuetify@user", JSON.stringify(o, null, 2));
   }
-  function n() {
-    A && (Object.assign(i, I({}, U)), s());
+  function i() {
+    A && (Object.assign(o, I({}, R)), s());
   }
-  return t(), {
-    ...Z(i),
-    load: t,
+  return e(), {
+    ...K(o),
+    load: e,
     save: s,
-    reset: n
+    reset: i
   };
-}), v = {}.VITE_API_SERVER_URL, V = O("auth", () => {
-  const i = K(null), t = W(), s = E(!1), n = j(() => {
-    var o, l;
-    return !v || ((o = i.value) == null ? void 0 : o.isAdmin) || ((l = i.value) == null ? void 0 : l.sponsorships.some((f) => f.isActive));
+}), V = x("auth", () => {
+  const o = j(null), e = C(), s = q(), i = T(!1), r = D(() => {
+    var n, l;
+    return !e.url || ((n = o.value) == null ? void 0 : n.isAdmin) || ((l = o.value) == null ? void 0 : l.sponsorships.some((S) => S.isActive));
   });
-  let r = !1;
-  N(i, (o) => {
-    if (!(o != null && o.settings))
+  let t = !1;
+  F(o, (n) => {
+    if (!(n != null && n.settings))
       return;
     const l = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(o.settings, null, 2) !== l && (r = !0, Object.assign(t, o.settings));
-  }), t.$subscribe(() => {
-    r || e(), r = !1;
+    JSON.stringify(n.settings, null, 2) !== l && (t = !0, Object.assign(s, n.settings));
+  }), s.$subscribe(() => {
+    t || h(), t = !1;
   });
-  async function e() {
+  async function h() {
     try {
-      await fetch(`${v}/user/settings`, {
-        method: "POST",
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          settings: t.$state
-        })
-      });
-    } catch (o) {
-      console.error(o);
+      await e.post("/user/settings", { settings: s.$state });
+    } catch (n) {
+      console.error(n);
     }
   }
-  async function c(o = !1) {
+  async function c(n = !1) {
     if (c.promise)
       return c.promise;
-    s.value = !0, c.promise = fetch(`${v}/auth/verify`, {
+    i.value = !0, c.promise = fetch(`${e.url}/auth/verify`, {
       credentials: "include",
-      headers: o ? {
+      headers: n ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
       async (l) => {
-        l.ok ? i.value = (await l.json()).user : l.status === 401 ? i.value = null : console.error(l.statusText);
+        l.ok ? o.value = (await l.json()).user : l.status === 401 ? o.value = null : console.error(l.statusText);
       },
       () => {
       }
     ).finally(() => {
-      s.value = !1, c.promise = null;
+      i.value = !1, c.promise = null;
     });
   }
   c.promise = null;
-  async function h(o = "github") {
-    s.value = !0;
-    const l = `${v}/auth/${o}/redirect`, f = 400, D = 600, z = window.screenX + (window.innerWidth - f) / 2, X = window.screenY + (window.innerHeight - D) / 2, p = window.open(
+  async function f(n = "github") {
+    i.value = !0;
+    const l = `${e.url}/auth/${n}/redirect`, S = 400, O = 600, X = window.screenX + (window.innerWidth - S) / 2, Y = window.screenY + (window.innerHeight - O) / 2, v = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${z},top=${X},width=${f},height=${D},resizable`
+      `popup,left=${X},top=${Y},width=${S},height=${O},resizable`
     );
-    if (!p) {
+    if (!v) {
       console.error("Failed to open popup");
       return;
     }
-    p.location.href = l;
-    let T = -1, R = -1;
-    function C(_) {
-      var P;
-      _.origin === v && ((P = _.data) == null ? void 0 : P.type) === "auth-response" && (_.data.status === "success" ? (i.value || localStorage.setItem("vuetify@lastLoginProvider", o), i.value = _.data.body.user) : console.error(_.data.message), k());
+    v.location.href = l;
+    let H = -1, B = -1;
+    function N(b) {
+      var U;
+      b.origin === e.url && ((U = b.data) == null ? void 0 : U.type) === "auth-response" && (b.data.status === "success" ? (o.value || localStorage.setItem("vuetify@lastLoginProvider", n), o.value = b.data.body.user) : console.error(b.data.message), k());
     }
     function k() {
-      window.removeEventListener("message", C), window.clearInterval(T), window.clearTimeout(R), p == null || p.close(), s.value = !1;
+      window.removeEventListener("message", N), window.clearInterval(H), window.clearTimeout(B), v == null || v.close(), i.value = !1;
     }
-    window.addEventListener("message", C), T = window.setInterval(() => {
-      !p || p.closed ? (console.error("Auth popup closed"), k()) : p.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), R = window.setTimeout(() => {
+    window.addEventListener("message", N), H = window.setInterval(() => {
+      !v || v.closed ? (console.error("Auth popup closed"), k()) : v.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), B = window.setTimeout(() => {
       k(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function $() {
-    s.value = !0;
+  async function u() {
+    i.value = !0;
     try {
-      await fetch(`${v}/auth/logout`, {
-        method: "POST",
-        credentials: "include"
-      }), await c(!0), i.value = null;
-    } catch (o) {
-      console.error(o);
+      await e.post("/auth/logout"), await c(!0), o.value = null;
+    } catch (n) {
+      console.error(n);
     } finally {
-      s.value = !1;
+      i.value = !1;
     }
   }
-  function y() {
+  function m() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return y() && c(), {
-    user: i,
-    url: v,
-    isLoading: s,
+  return m() && c(), {
+    user: o,
+    url: e.url,
+    isLoading: i,
     verify: c,
-    login: h,
-    logout: $,
-    isSubscriber: n,
-    lastLoginProvider: y
+    login: f,
+    logout: u,
+    isSubscriber: r,
+    lastLoginProvider: m
   };
-}), Se = /* @__PURE__ */ L({
+}), Vt = /* @__PURE__ */ L({
   __name: "VoDiscordLogin",
-  setup(i) {
-    const t = V();
-    return (s, n) => (m(), g(F, {
-      "prepend-icon": `svg:${a(H)}`,
-      title: a(t).user ? "Connect Discord" : "Log in with Discord",
-      subtitle: !a(t).user && a(t).lastLoginProvider() === "discord" ? "Last Used" : "",
+  setup(o) {
+    const e = V();
+    return (s, i) => (g(), y(G, {
+      "prepend-icon": `svg:${a(P)}`,
+      title: a(e).user ? "Connect Discord" : "Log in with Discord",
+      subtitle: !a(e).user && a(e).lastLoginProvider() === "discord" ? "Last Used" : "",
       nav: "",
       "base-color": "#5865F2",
       slim: "",
       variant: "flat",
-      onClick: n[0] || (n[0] = (r) => a(t).login("discord"))
+      onClick: i[0] || (i[0] = (r) => a(e).login("discord"))
     }, null, 8, ["prepend-icon", "title", "subtitle"]));
   }
-}), xe = /* @__PURE__ */ L({
+}), St = /* @__PURE__ */ L({
   __name: "VoGithubLogin",
-  setup(i) {
-    const t = V();
-    return (s, n) => (m(), g(F, {
-      "prepend-icon": `svg:${a(B)}`,
-      title: a(t).user ? "Connect GitHub" : "Log in with GitHub",
-      subtitle: !a(t).user && a(t).lastLoginProvider() === "github" ? "Last Used" : "",
+  setup(o) {
+    const e = V();
+    return (s, i) => (g(), y(G, {
+      "prepend-icon": `svg:${a(E)}`,
+      title: a(e).user ? "Connect GitHub" : "Log in with GitHub",
+      subtitle: !a(e).user && a(e).lastLoginProvider() === "github" ? "Last Used" : "",
       "base-color": "#2a2a2a",
       nav: "",
       slim: "",
       variant: "flat",
-      onClick: n[0] || (n[0] = (r) => a(t).login("github"))
+      onClick: i[0] || (i[0] = (r) => a(e).login("github"))
     }, null, 8, ["prepend-icon", "title", "subtitle"]));
   }
-}), $e = /* @__PURE__ */ L({
+}), $t = /* @__PURE__ */ L({
   __name: "VoUserBtn",
   props: {
     external: Boolean
   },
-  setup(i) {
-    const t = i, s = V(), n = W(), r = [
+  setup(o) {
+    const e = o, s = V(), i = q(), r = [
       { title: "Options", type: "subheader" },
       {
         title: "My Dashboard",
-        appendIcon: `svg:${ae}`,
-        to: t.external ? void 0 : "/user/dashboard",
-        href: t.external ? "https://vuetifyjs.com/user/dashboard/" : void 0,
-        target: t.external ? "_blank" : void 0
+        appendIcon: `svg:${at}`,
+        to: e.external ? void 0 : "/user/dashboard",
+        href: e.external ? "https://vuetifyjs.com/user/dashboard/" : void 0,
+        target: e.external ? "_blank" : void 0
       },
       {
         title: "Logout",
-        appendIcon: `svg:${le}`,
+        appendIcon: `svg:${lt}`,
         onClick: () => {
           s.logout();
         }
       }
     ];
-    return (e, c) => (m(), g(M, {
+    return (t, h) => (g(), y(J, {
       class: "vo-user-btn",
       loading: a(s).isLoading,
       icon: ""
     }, {
-      loader: d(() => [
-        u(he, { type: "avatar" })
+      loader: p(() => [
+        d(ht, { type: "avatar" })
       ]),
-      default: d(() => [
-        u(me, {
+      default: p(() => [
+        d(mt, {
           disabled: !a(s).user || a(s).isLoading,
           activator: "parent",
           location: "bottom end"
         }, {
-          default: d(() => [
-            u(G, {
+          default: p(() => [
+            d(M, {
               items: r,
               lines: !1,
               density: "compact",
               "item-props": "",
               nav: ""
             }, {
-              subheader: d(({ props: h }) => [
-                u(fe, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
-                  default: d(() => [
-                    w(x(h.title), 1)
+              subheader: p(({ props: c }) => [
+                d(dt, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
+                  default: p(() => [
+                    w($(c.title), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -249,33 +262,33 @@ const A = typeof window < "u", U = {
           ]),
           _: 1
         }, 8, ["disabled"]),
-        a(s).user ? (m(), g(pe, {
+        a(s).user ? (g(), y(pt, {
           key: 0,
-          image: a(n).avatar || a(s).user.picture || ""
+          image: a(i).avatar || a(s).user.picture || ""
         }, null, 8, ["image"])) : Q("", !0)
       ]),
       _: 1
     }, 8, ["loading"]));
   }
 });
-const q = (i, t) => {
-  const s = i.__vccOpts || i;
-  for (const [n, r] of t)
-    s[n] = r;
+const z = (o, e) => {
+  const s = o.__vccOpts || o;
+  for (const [i, r] of e)
+    s[i] = r;
   return s;
-}, ke = /* @__PURE__ */ q($e, [["__scopeId", "data-v-8e6fff6f"]]), Ie = { class: "text-center mb-6" }, Ae = /* @__PURE__ */ L({
+}, kt = /* @__PURE__ */ z($t, [["__scopeId", "data-v-8e6fff6f"]]), It = { class: "text-center mb-6" }, At = /* @__PURE__ */ L({
   __name: "VoAuthDialog",
-  setup(i) {
-    const t = V(), { mdAndDown: s, lgAndUp: n } = ve(), r = ge();
-    return (e, c) => !a(t).user && !a(t).isLoading ? (m(), g(we, {
+  setup(o) {
+    const e = V(), { mdAndDown: s, lgAndUp: i } = vt(), r = gt();
+    return (t, h) => !a(e).user && !a(e).isLoading ? (g(), y(wt, {
       key: 0,
       "max-width": "480"
     }, {
-      activator: d(({ props: h }) => [
-        u(M, ee({
-          ...h,
-          [`${a(n) ? "append-" : ""}icon`]: `svg:${a(ce)}`,
-          text: a(n) ? "Login" : void 0
+      activator: p(({ props: c }) => [
+        d(J, tt({
+          ...c,
+          [`${a(i) ? "append-" : ""}icon`]: `svg:${a(ct)}`,
+          text: a(i) ? "Login" : void 0
         }, {
           rounded: a(s),
           class: "text-none",
@@ -283,36 +296,36 @@ const q = (i, t) => {
           variant: "outlined"
         }), null, 16, ["rounded"])
       ]),
-      default: d(() => [
-        u(ye, { class: "pt-6 pb-1 pb-sm-4 px-4 px-sm-8" }, {
-          default: d(() => [
-            u(J, {
+      default: p(() => [
+        d(yt, { class: "pt-6 pb-1 pb-sm-4 px-4 px-sm-8" }, {
+          default: p(() => [
+            d(W, {
               src: `https://cdn.vuetifyjs.com/docs/images/logos/vuetify-logo-v3-slim-text-${a(r).name.value}.svg`,
               class: "mb-4",
               height: "30"
             }, null, 8, ["src"]),
-            b("div", Ie, [
-              u(_e, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
-                default: d(() => [
-                  w(x(a(t).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
+            _("div", It, [
+              d(bt, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
+                default: p(() => [
+                  w($(a(e).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
                 ]),
                 _: 1
               }),
-              u(be, { class: "text-wrap" }, {
-                default: d(() => [
+              d(_t, { class: "text-wrap" }, {
+                default: p(() => [
                   w(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
                 ]),
                 _: 1
               })
             ]),
-            u(G, {
+            d(M, {
               class: "mx-auto",
               "max-width": "300",
               width: "100%"
             }, {
-              default: d(() => [
-                u(xe, { class: "mb-3" }),
-                u(Se)
+              default: p(() => [
+                d(St, { class: "mb-3" }),
+                d(Vt)
               ]),
               _: 1
             })
@@ -321,24 +334,24 @@ const q = (i, t) => {
         })
       ]),
       _: 1
-    })) : (m(), g(ke, { key: 1 }));
+    })) : (g(), y(kt, { key: 1 }));
   }
-}), je = (i) => (se("data-v-6f6b85b8"), i = i(), ne(), i), Oe = {
+}), jt = (o) => (nt("data-v-6f6b85b8"), o = o(), it(), o), Dt = {
   class: "d-inline-block me-2 text-decoration-none text-primary",
   href: "https://vuetifyjs.com/",
   target: "_blank",
   title: "Vuetify Documentation",
   rel: "noopener noreferrer"
-}, De = ["href", "title"], Te = {
+}, Ct = ["href", "title"], Ot = {
   class: "text-caption",
   style: { position: "absolute", right: "16px" }
-}, Re = /* @__PURE__ */ je(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Ce = /* @__PURE__ */ L({
+}, Ht = /* @__PURE__ */ jt(() => /* @__PURE__ */ _("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Bt = /* @__PURE__ */ L({
   __name: "VoFooter",
-  setup(i) {
-    const t = [
+  setup(o) {
+    const e = [
       {
         title: "Vuetify Support",
-        icon: `svg:${ue}`,
+        icon: `svg:${ut}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -348,34 +361,34 @@ const q = (i, t) => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${B}`,
+        icon: `svg:${E}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${H}`,
+        icon: `svg:${P}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${de}`,
+        icon: `svg:${ft}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (s, n) => (m(), g(Le, {
+    return (s, i) => (g(), y(Lt, {
       class: "vo-footer",
       theme: "dark",
       height: "40"
     }, {
-      default: d(() => [
-        b("a", Oe, [
-          u(J, {
+      default: p(() => [
+        _("a", Dt, [
+          d(W, {
             alt: "Vuetify logo",
             src: "https://cdn.vuetifyjs.com/docs/images/logos/v.svg",
             width: "32"
           })
         ]),
-        (m(), te(oe, null, ie(t, (r) => b("a", {
+        (g(), et(ot, null, st(e, (r) => _("a", {
           key: r.title,
           href: r.href,
           title: r.title,
@@ -383,104 +396,128 @@ const q = (i, t) => {
           target: "_blank",
           rel: "noopener noreferrer"
         }, [
-          u(Ve, { size: "18" }, {
-            default: d(() => [
-              w(x(r.icon), 1)
+          d(xt, { size: "18" }, {
+            default: p(() => [
+              w($(r.icon), 1)
             ]),
             _: 2
           }, 1024)
-        ], 8, De)), 64)),
-        b("div", Te, [
-          w(" © 2016-" + x((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Re
+        ], 8, Ct)), 64)),
+        _("div", Ot, [
+          w(" © 2016-" + $((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          Ht
         ])
       ]),
       _: 1
     }));
   }
 });
-const Pe = /* @__PURE__ */ q(Ce, [["__scopeId", "data-v-6f6b85b8"]]), S = {}.VITE_API_SERVER_URL, Ke = O("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), s = V(), n = E(!1), r = j(() => {
-    var o;
-    return (o = s.user) == null ? void 0 : o.sponsorships.find((l) => l.platform === "stripe" && l.tierName.startsWith("sub_"));
-  }), e = j(() => {
-    var o;
-    return (o = r.value) == null ? void 0 : o.isActive;
+const Nt = /* @__PURE__ */ z(Bt, [["__scopeId", "data-v-6f6b85b8"]]), Kt = x("bins", () => {
+  const o = C(), e = j([]), s = j();
+  async function i() {
+    const f = await o.get("/one/bins");
+    e.value = f.bins;
+  }
+  async function r(f) {
+    const u = await o.post("/one/bins", { bin: f });
+    return e.value.push(u.bin), s.value = u.bin, u;
+  }
+  async function t(f, u) {
+    const m = await o.post(`/one/bins/${u}`, { bin: f }), n = e.value.findIndex((l) => l.id === u);
+    return e.value.splice(n, 1, m.bin), s.value = m.bin, m;
+  }
+  async function h(f, u) {
+    const m = u ? await t(f, u) : await r(f);
+    return s.value = m.bin, m;
+  }
+  async function c(f) {
+    const u = await o.get(`/one/bins/${f}`);
+    return s.value = u.bin, u;
+  }
+  return {
+    all: e,
+    create: r,
+    current: s,
+    find: c,
+    get: i,
+    update: t,
+    updateOrCreate: h
+  };
+}), Qt = x("one", () => {
+  const e = new URLSearchParams(window.location.search).get("session_id"), s = V(), i = C(), r = T(!1), t = D(() => {
+    var n;
+    return (n = s.user) == null ? void 0 : n.sponsorships.find((l) => l.platform === "stripe" && l.tierName.startsWith("sub_"));
+  }), h = D(() => {
+    var n;
+    return (n = t.value) == null ? void 0 : n.isActive;
   });
-  re(async () => {
-    t && await c();
-  }), N(e, (o) => {
-    o && y();
+  rt(async () => {
+    e && await c();
+  }), F(h, (n) => {
+    n && m();
   });
   async function c() {
     try {
-      n.value = !0;
-      const o = await fetch(`${S}/one/activate`, {
-        method: "POST",
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({ sessionId: t })
-      }).then((l) => l.json());
-      s.user = o.user;
+      r.value = !0;
+      const n = await i.post("/one/activate", { sessionId: e });
+      s.user = n.user;
     } catch {
     } finally {
-      n.value = !1;
+      r.value = !1;
     }
   }
-  async function h() {
-    n.value = !0, window.location.href = `${S}/one/subscribe`;
+  async function f() {
+    r.value = !0, window.location.href = `${i.url}/one/subscribe`;
   }
-  async function $() {
-    var o;
-    if (r.value)
+  async function u() {
+    var n;
+    if (t.value)
       try {
-        n.value = !0;
-        const l = await fetch(`${S}/one/cancel?subscriptionId=${(o = r.value) == null ? void 0 : o.tierName}`, {
-          method: "POST",
-          credentials: "include"
-        }).then((f) => f.json());
+        r.value = !0;
+        const l = await i.post(
+          `/one/cancel?subscriptionId=${(n = t.value) == null ? void 0 : n.tierName}`
+        );
         s.user = l.user;
       } catch {
       } finally {
-        n.value = !1;
+        r.value = !1;
       }
   }
-  async function y() {
-    var o;
-    if (r.value)
+  async function m() {
+    var n;
+    if (t.value)
       try {
-        n.value = !0;
-        const l = await fetch(`${S}/one/verify?subscriptionId=${(o = r.value) == null ? void 0 : o.tierName}`, {
-          method: "POST",
-          credentials: "include"
-        }).then((f) => f.json());
+        r.value = !0;
+        const l = await i.post(
+          `/one/verify?subscriptionId=${(n = t.value) == null ? void 0 : n.tierName}`
+        );
         s.user = l.user;
       } catch {
       } finally {
-        n.value = !1;
+        r.value = !1;
       }
   }
   return {
     activate: c,
-    cancel: $,
-    subscribe: h,
-    verify: y,
-    subscription: r,
-    isLoading: n,
-    isSubscriber: e
+    cancel: u,
+    subscribe: f,
+    verify: m,
+    subscription: t,
+    isLoading: r,
+    isSubscriber: h
   };
 });
-function Qe() {
-  function i(t) {
-    t.component("VoAuthDialog", Ae), t.component("VoFooter", Pe);
+function te() {
+  function o(e) {
+    e.component("VoAuthDialog", At), e.component("VoFooter", Nt);
   }
-  return { install: i };
+  return { install: o };
 }
 export {
-  Qe as createOne,
+  te as createOne,
   V as useAuthStore,
-  Ke as useOneStore,
-  W as useUserStore
+  Kt as useBinsStore,
+  C as useHttpStore,
+  Qt as useOneStore,
+  q as useUserStore
 };