astrogators-shared-ui 0.4.4 → 0.6.0

package/dist/index.js

@@ -1,791 +1,732 @@
-var ue = Object.defineProperty;
-var he = (e, s, t) => s in e ? ue(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
-var R = (e, s, t) => he(e, typeof s != "symbol" ? s + "" : s, t);
-import { jsx as r, jsxs as m, Fragment as ge } from "react/jsx-runtime";
-import ae, { createContext as fe, useState as b, useEffect as j, useCallback as S, useContext as pe } from "react";
-const ye = "_container_u3o0e_1", ve = "_padding_u3o0e_7", X = {
-  container: ye,
-  padding: ve,
-  "maxWidth-sm": "_maxWidth-sm_u3o0e_12",
-  "maxWidth-md": "_maxWidth-md_u3o0e_16",
-  "maxWidth-lg": "_maxWidth-lg_u3o0e_20",
-  "maxWidth-xl": "_maxWidth-xl_u3o0e_24",
-  "maxWidth-full": "_maxWidth-full_u3o0e_28"
-}, vs = ({
-  children: e,
-  maxWidth: s = "xl",
-  padding: t = !0,
-  className: o = "",
-  style: d
-}) => /* @__PURE__ */ r(
-  "div",
-  {
-    className: `${X.container} ${X[`maxWidth-${s}`]} ${t ? X.padding : ""} ${o}`,
-    style: d,
-    children: e
-  }
-), $e = "_topBar_10g3c_1", be = "_content_10g3c_13", we = "_left_10g3c_23", Ne = "_right_10g3c_30", Ae = "_logo_10g3c_36", P = {
-  topBar: $e,
-  content: be,
-  left: we,
-  right: Ne,
-  logo: Ae
-}, $s = ({
-  logo: e,
-  leftContent: s,
-  rightContent: t,
-  className: o = ""
-}) => /* @__PURE__ */ r("header", { className: `${P.topBar} ${o}`, children: /* @__PURE__ */ m("div", { className: P.content, children: [
-  /* @__PURE__ */ m("div", { className: P.left, children: [
-    e && /* @__PURE__ */ r("div", { className: P.logo, children: e }),
-    s
-  ] }),
-  /* @__PURE__ */ r("div", { className: P.right, children: t })
-] }) }), Se = "_footer_zjuj8_1", xe = "_content_zjuj8_7", Te = "_defaultContent_zjuj8_13", Ce = "_copyright_zjuj8_21", ke = "_disclaimer_zjuj8_26", B = {
-  footer: Se,
-  content: xe,
-  defaultContent: Te,
-  copyright: Ce,
-  disclaimer: ke
-}, bs = ({ children: e, className: s = "" }) => /* @__PURE__ */ r("footer", { className: `${B.footer} ${s}`, children: /* @__PURE__ */ r("div", { className: B.content, children: e || /* @__PURE__ */ m("div", { className: B.defaultContent, children: [
-  /* @__PURE__ */ m("p", { className: B.copyright, children: [
-    "© ",
-    (/* @__PURE__ */ new Date()).getFullYear(),
-    " The Astrogator's Table. All rights reserved."
-  ] }),
-  /* @__PURE__ */ r("p", { className: B.disclaimer, children: "Star Wars: Galaxy of Heroes is a trademark of Electronic Arts Inc." })
-] }) }) }), Ee = "_button_159ms_1", We = "_sm_159ms_22", Ie = "_md_159ms_28", Le = "_lg_159ms_34", qe = "_primary_159ms_41", Re = "_secondary_159ms_55", Pe = "_outline_159ms_69", Be = "_ghost_159ms_80", Ue = "_danger_159ms_89", je = "_fullWidth_159ms_100", Fe = "_loading_159ms_105", De = "_loadingSpinner_159ms_110", Oe = "_spinner_159ms_116", ze = "_spin_159ms_116", Me = "_loadingText_159ms_131", x = {
-  button: Ee,
-  sm: We,
-  md: Ie,
-  lg: Le,
-  primary: qe,
-  secondary: Re,
-  outline: Pe,
-  ghost: Be,
-  danger: Ue,
-  fullWidth: je,
-  loading: Fe,
-  loadingSpinner: De,
-  spinner: Oe,
-  spin: ze,
-  loadingText: Me
-}, M = ({
-  children: e,
-  variant: s = "primary",
-  size: t = "md",
-  fullWidth: o = !1,
-  loading: d = !1,
-  disabled: g = !1,
-  className: c = "",
-  ...l
-}) => /* @__PURE__ */ r(
-  "button",
-  {
-    className: `${x.button} ${x[s]} ${x[t]} ${o ? x.fullWidth : ""} ${d ? x.loading : ""} ${c}`,
-    disabled: g || d,
-    ...l,
-    children: d ? /* @__PURE__ */ m("span", { className: x.loadingSpinner, children: [
-      /* @__PURE__ */ r("span", { className: x.spinner }),
-      /* @__PURE__ */ r("span", { className: x.loadingText, children: e })
-    ] }) : e
-  }
-), Je = "_inputWrapper_15t4g_1", He = "_fullWidth_15t4g_7", Ye = "_label_15t4g_11", Ge = "_required_15t4g_20", Ke = "_input_15t4g_1", Ve = "_error_15t4g_55", Qe = "_errorText_15t4g_63", Xe = "_helperText_15t4g_68", T = {
-  inputWrapper: Je,
-  fullWidth: He,
-  label: Ye,
-  required: Ge,
-  input: Ke,
-  error: Ve,
-  errorText: Qe,
-  helperText: Xe
-}, ne = ae.forwardRef(
-  ({
-    label: e,
-    error: s,
-    helperText: t,
-    fullWidth: o = !1,
-    className: d = "",
-    id: g,
-    ...c
-  }, l) => {
-    const i = g || `input-${Math.random().toString(36).substr(2, 9)}`, h = !!s;
-    return /* @__PURE__ */ m("div", { className: `${T.inputWrapper} ${o ? T.fullWidth : ""} ${d}`, children: [
-      e && /* @__PURE__ */ m("label", { htmlFor: i, className: T.label, children: [
-        e,
-        c.required && /* @__PURE__ */ r("span", { className: T.required, children: "*" })
-      ] }),
-      /* @__PURE__ */ r(
-        "input",
-        {
-          ref: l,
-          id: i,
-          className: `${T.input} ${h ? T.error : ""}`,
-          ...c
-        }
-      ),
-      s && /* @__PURE__ */ r("span", { className: T.errorText, children: s }),
-      t && !s && /* @__PURE__ */ r("span", { className: T.helperText, children: t })
-    ] });
-  }
-);
-ne.displayName = "Input";
-const Ze = "_selectWrapper_ir4bq_1", et = "_fullWidth_ir4bq_7", tt = "_label_ir4bq_11", st = "_required_ir4bq_20", ot = "_selectContainer_ir4bq_24", rt = "_select_ir4bq_1", at = "_error_ir4bq_63", nt = "_arrow_ir4bq_71", lt = "_errorText_ir4bq_81", ct = "_helperText_ir4bq_86", w = {
-  selectWrapper: Ze,
-  fullWidth: et,
-  label: tt,
-  required: st,
-  selectContainer: ot,
-  select: rt,
-  error: at,
-  arrow: nt,
-  errorText: lt,
-  helperText: ct
-}, le = ae.forwardRef(
-  ({
-    label: e,
-    error: s,
-    helperText: t,
-    options: o,
-    placeholder: d,
-    fullWidth: g = !1,
-    className: c = "",
-    id: l,
-    ...i
-  }, h) => {
-    const p = l || `select-${Math.random().toString(36).substr(2, 9)}`, N = !!s;
-    return /* @__PURE__ */ m("div", { className: `${w.selectWrapper} ${g ? w.fullWidth : ""} ${c}`, children: [
-      e && /* @__PURE__ */ m("label", { htmlFor: p, className: w.label, children: [
-        e,
-        i.required && /* @__PURE__ */ r("span", { className: w.required, children: "*" })
-      ] }),
-      /* @__PURE__ */ m("div", { className: w.selectContainer, children: [
-        /* @__PURE__ */ m(
-          "select",
-          {
-            ref: h,
-            id: p,
-            className: `${w.select} ${N ? w.error : ""}`,
-            ...i,
-            children: [
-              d && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: d }),
-              o && o.map((f) => /* @__PURE__ */ r(
-                "option",
-                {
-                  value: f.value,
-                  disabled: f.disabled,
-                  children: f.label
-                },
-                f.value
-              )),
-              !o && i.children
-            ]
-          }
-        ),
-        /* @__PURE__ */ r("span", { className: w.arrow, children: "▼" })
-      ] }),
-      s && /* @__PURE__ */ r("span", { className: w.errorText, children: s }),
-      t && !s && /* @__PURE__ */ r("span", { className: w.helperText, children: t })
-    ] });
-  }
-);
-le.displayName = "Select";
-const te = "astrogators_access_token", se = "astrogators_refresh_token", ce = () => localStorage.getItem(te), it = (e) => {
-  localStorage.setItem(te, e);
-}, dt = () => {
-  localStorage.removeItem(te);
-}, _t = () => localStorage.getItem(se), mt = (e) => {
-  localStorage.setItem(se, e);
-}, ut = () => {
-  localStorage.removeItem(se);
-}, ie = (e, s) => {
-  it(e), mt(s);
-}, ee = () => {
-  dt(), ut();
-}, ht = () => !!ce();
-class gt {
-  constructor(s) {
-    R(this, "baseURL");
-    R(this, "onUnauthorized");
-    R(this, "isRefreshing", !1);
-    R(this, "refreshPromise", null);
-    this.baseURL = s.baseURL, this.onUnauthorized = s.onUnauthorized;
-  }
-  async refreshAccessToken() {
-    var d;
-    const s = _t();
-    if (!s)
-      throw new Error("No refresh token available");
-    const t = await fetch(`${this.baseURL}/api/v1/auth/refresh-token`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({ refresh_token: s })
-    });
-    if (!t.ok)
-      throw ee(), (d = this.onUnauthorized) == null || d.call(this), new Error("Token refresh failed");
-    const o = await t.json();
-    return ie(o.access_token, s), o.access_token;
-  }
-  async request(s, t = {}) {
-    const o = ce(), d = {
-      "Content-Type": "application/json",
-      ...t.headers
-    };
-    o && (d.Authorization = `Bearer ${o}`);
-    const g = `${this.baseURL}${s}`;
-    let c = await fetch(g, {
-      ...t,
-      headers: d
-    });
-    if (c.status === 401 && o) {
-      this.isRefreshing || (this.isRefreshing = !0, this.refreshPromise = this.refreshAccessToken().finally(() => {
-        this.isRefreshing = !1, this.refreshPromise = null;
-      }));
-      try {
-        const l = await this.refreshPromise;
-        d.Authorization = `Bearer ${l}`, c = await fetch(g, {
-          ...t,
-          headers: d
-        });
-      } catch {
-        throw new Error("Authentication failed");
-      }
-    }
-    if (!c.ok) {
-      const l = {
-        message: c.statusText,
-        status: c.status
-      };
-      try {
-        const i = await c.json();
-        if (c.status === 422 && Array.isArray(i.detail)) {
-          const h = i.detail.map((p) => p.msg || "Validation error").join(", ");
-          l.message = h;
-        } else typeof i.detail == "string" ? l.message = i.detail : i.message && (l.message = i.message);
-        l.detail = i.detail;
-      } catch {
-      }
-      throw l;
-    }
-    return c.status === 204 ? {} : c.json();
-  }
-  async get(s, t) {
-    return this.request(s, { ...t, method: "GET" });
-  }
-  async post(s, t, o) {
-    return this.request(s, {
-      ...o,
-      method: "POST",
-      body: t ? JSON.stringify(t) : void 0
-    });
-  }
-  async put(s, t, o) {
-    return this.request(s, {
-      ...o,
-      method: "PUT",
-      body: t ? JSON.stringify(t) : void 0
-    });
-  }
-  async patch(s, t, o) {
-    return this.request(s, {
-      ...o,
-      method: "PATCH",
-      body: t ? JSON.stringify(t) : void 0
-    });
-  }
-  async delete(s, t) {
-    return this.request(s, { ...t, method: "DELETE" });
-  }
-}
-let y;
-const ft = (e) => {
-  y = new gt(e);
-}, F = "astrogators_ally_codes", H = "astrogators_selected_ally_code", A = () => {
-  try {
-    const e = localStorage.getItem(F);
-    return e ? JSON.parse(e) : [];
-  } catch (e) {
-    return console.error("Failed to read ally codes from localStorage:", e), [];
-  }
-}, pt = (e) => {
-  try {
-    const s = A();
-    if (s.some((o) => o.ally_code === e.ally_code))
-      return;
-    s.push(e), localStorage.setItem(F, JSON.stringify(s));
-  } catch (s) {
-    console.error("Failed to save ally code to localStorage:", s);
-  }
-}, yt = (e) => {
-  try {
-    const t = A().filter((o) => o.ally_code !== e);
-    localStorage.setItem(F, JSON.stringify(t));
-  } catch (s) {
-    console.error("Failed to remove ally code from localStorage:", s);
-  }
-}, re = (e) => {
-  try {
-    const t = A().map(
-      (o) => o.ally_code === e ? { ...o, last_used_at: (/* @__PURE__ */ new Date()).toISOString() } : o
-    );
-    localStorage.setItem(F, JSON.stringify(t));
-  } catch (s) {
-    console.error("Failed to update ally code last used:", s);
-  }
-}, vt = () => localStorage.getItem(H), $t = (e) => {
-  e ? localStorage.setItem(H, e) : localStorage.removeItem(H);
-}, bt = () => {
-  localStorage.removeItem(F), localStorage.removeItem(H);
-}, de = fe(void 0), ws = ({ children: e, apiBaseUrl: s }) => {
-  const [t, o] = b(null), [d, g] = b(!0), [c, l] = b([]), [i, h] = b(null), [p, N] = b(!1), [f, k] = b({
-    show: !1,
-    localStorageCodes: []
-  });
-  j(() => {
-    ft({
-      baseURL: s
-    });
-  }, [s]);
-  const W = S(async () => {
-    if (!ht()) {
-      o(null), g(!1);
-      return;
-    }
-    try {
-      const a = await y.get("/api/v1/users/me");
-      o(a);
-    } catch (a) {
-      console.error("Failed to fetch user:", a), o(null), ee();
-    } finally {
-      g(!1);
-    }
-  }, []);
-  j(() => {
-    W();
-  }, [W]);
-  const I = async (a) => {
-    try {
-      const n = await y.post("/api/v1/auth/login", a);
-      ie(n.access_token, n.refresh_token);
-      const u = await y.get("/api/v1/users/me");
-      o(u);
-    } catch (n) {
-      throw console.error("Login failed:", n), n;
-    }
-  }, D = async (a) => {
-    try {
-      await y.post("/api/v1/auth/register", a);
-    } catch (n) {
-      throw console.error("Registration failed:", n), n;
-    }
-  }, O = () => {
-    ee(), o(null), l([]), h(null), k({ show: !1, localStorageCodes: [] });
-  }, Y = async () => {
-    await W();
-  }, G = async (a) => {
-    try {
-      return (await y.post(
-        "/api/v1/auth/forgot-password",
-        a
-      )).message;
-    } catch (n) {
-      throw console.error("Forgot password failed:", n), n;
-    }
-  }, K = async (a) => {
-    try {
-      return (await y.post(
-        "/api/v1/auth/reset-password",
-        a
-      )).message;
-    } catch (n) {
-      throw console.error("Reset password failed:", n), n;
-    }
-  }, V = async (a) => {
-    try {
-      return (await y.post(
-        "/api/v1/auth/resend-verification",
-        a
-      )).message;
-    } catch (n) {
-      throw console.error("Resend verification failed:", n), n;
-    }
-  }, _ = S(async () => {
-    N(!0);
-    try {
-      if (t) {
-        const n = await y.get("/api/v1/users/me/ally-codes");
-        l(n.ally_codes);
-        const u = A();
-        u.length > 0 && k({
-          show: !0,
-          localStorageCodes: u.map((q) => q.ally_code)
-        });
-      } else {
-        const n = A();
-        l(n);
-      }
-      const a = vt();
-      h(a);
-    } catch (a) {
-      console.error("Failed to fetch ally codes:", a), l([]);
-    } finally {
-      N(!1);
-    }
-  }, [t]), v = S(async (a) => {
-    var n;
-    if (!/^\d{9}$/.test(a))
-      throw new Error("Ally code must be exactly 9 digits");
-    if (t) {
-      const u = await y.post(
-        "/api/v1/users/me/ally-codes",
-        { ally_code: a }
-      );
-      l((q) => [u, ...q]), c.length === 0 && z(a);
-    } else {
-      const u = await y.get(`/api/v1/player-data/player/${a}`);
-      if (!u)
-        throw new Error("Invalid ally code - player not found");
-      const q = {
-        ally_code: a,
-        player_name: ((n = u == null ? void 0 : u.data) == null ? void 0 : n.name) || null,
-        last_used_at: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      pt(q), l(A()), c.length === 0 && z(a);
-    }
-  }, [t, c.length]), L = S(async (a) => {
-    t && typeof a == "number" ? (await y.delete(`/api/v1/users/me/ally-codes/${a}`), l((n) => n.filter((u) => "id" in u && u.id !== a))) : !t && typeof a == "string" && (yt(a), l(A()), i === a && z(null));
-  }, [t, i]), z = S((a) => {
-    if (h(a), $t(a), a && t) {
-      const n = c.find((u) => "ally_code" in u && u.ally_code === a);
-      n && "id" in n && oe(n.id);
-    } else a && !t && re(a);
-  }, [t, c]), oe = S(async (a) => {
-    t && typeof a == "number" ? (await y.put(`/api/v1/users/me/ally-codes/${a}/use`, {}), await _()) : !t && typeof a == "string" && (re(a), l(A()));
-  }, [t, _]), Q = S(() => {
-    k({ show: !1, localStorageCodes: [] });
-  }, []), _e = S(async () => {
-    if (!t) return;
-    const a = A();
-    for (const n of a)
-      try {
-        await v(n.ally_code);
-      } catch (u) {
-        console.error(`Failed to migrate ally code ${n.ally_code}:`, u);
-      }
-    bt(), Q();
-  }, [t, v, Q]);
-  j(() => {
-    _();
-  }, [_]);
-  const me = {
-    user: t,
-    isAuthenticated: !!t,
-    isLoading: d,
-    login: I,
-    register: D,
-    logout: O,
-    refreshUser: Y,
-    forgotPassword: G,
-    resetPassword: K,
-    resendVerification: V,
-    // Ally code values
-    allyCodes: c,
-    selectedAllyCode: i,
-    isLoadingAllyCodes: p,
-    fetchAllyCodes: _,
-    addAllyCode: v,
-    removeAllyCode: L,
-    selectAllyCode: z,
-    updateAllyCodeLastUsed: oe,
-    migrationPrompt: f,
-    dismissMigrationPrompt: Q,
-    migrateLocalStorageCodes: _e
-  };
-  return /* @__PURE__ */ r(de.Provider, { value: me, children: e });
-}, wt = () => {
-  const e = pe(de);
-  if (e === void 0)
-    throw new Error("useAuth must be used within an AuthProvider");
-  return e;
-}, J = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, Ns = (e) => e.replace(/-/g, ""), Nt = "_allyCodeDropdown_1m0tw_1", At = "_select_1m0tw_8", St = "_manageButton_1m0tw_12", xt = "_managePanel_1m0tw_16", Tt = "_addSection_1m0tw_37", Ct = "_addInputGroup_1m0tw_43", kt = "_error_1m0tw_55", Et = "_success_1m0tw_61", Wt = "_codesList_1m0tw_67", It = "_codeItem_1m0tw_71", Lt = "_doneButton_1m0tw_88", $ = {
-  allyCodeDropdown: Nt,
-  select: At,
-  manageButton: St,
-  managePanel: xt,
-  addSection: Tt,
-  addInputGroup: Ct,
-  error: kt,
-  success: Et,
-  codesList: Wt,
-  codeItem: It,
-  doneButton: Lt
-}, As = ({
-  onAllyCodeSelected: e,
-  className: s = ""
-}) => {
-  const {
-    allyCodes: t,
-    selectedAllyCode: o,
-    selectAllyCode: d,
-    removeAllyCode: g,
-    addAllyCode: c,
-    isLoadingAllyCodes: l
-  } = wt(), [i, h] = b(!1), [p, N] = b(""), [f, k] = b(""), [W, I] = b(""), [D, O] = b(!1), Y = t.map((_) => ({
-    value: _.ally_code,
-    label: _.player_name ? `${_.player_name} (${J(_.ally_code)})` : J(_.ally_code)
-  })), G = (_) => {
-    const v = _.target.value || null;
-    d(v), e == null || e(v);
-  }, K = async (_) => {
-    const v = t.find((L) => L.ally_code === _);
-    if (v) {
-      const L = "id" in v ? v.id : v.ally_code;
-      await g(L);
-    }
-  }, V = async () => {
-    if (k(""), I(""), !/^\d{9}$/.test(p)) {
-      k("Ally code must be exactly 9 digits");
-      return;
-    }
-    O(!0);
-    try {
-      await c(p), I("Added successfully!"), N(""), setTimeout(() => I(""), 2e3);
-    } catch (_) {
-      k(_.message || "Failed to add ally code");
-    } finally {
-      O(!1);
-    }
-  };
-  return t.length === 0 ? null : /* @__PURE__ */ m("div", { className: `${$.allyCodeDropdown} ${s}`, children: [
-    /* @__PURE__ */ r(
-      le,
-      {
-        options: Y,
-        value: o || "",
-        onChange: G,
-        placeholder: "Select ally code",
-        disabled: l,
-        className: $.select
-      }
-    ),
-    i && /* @__PURE__ */ m("div", { className: $.managePanel, children: [
-      /* @__PURE__ */ r("h4", { children: "Manage Ally Codes" }),
-      /* @__PURE__ */ m("div", { className: $.addSection, children: [
-        /* @__PURE__ */ m("div", { className: $.addInputGroup, children: [
-          /* @__PURE__ */ r(
-            ne,
-            {
-              type: "text",
-              placeholder: "9-digit ally code",
-              value: p,
-              onChange: (_) => N(_.target.value.replace(/\D/g, "").slice(0, 9)),
-              disabled: D
-            }
-          ),
-          /* @__PURE__ */ r(
-            M,
-            {
-              variant: "primary",
-              size: "sm",
-              onClick: V,
-              loading: D,
-              disabled: p.length !== 9,
-              children: "Add"
-            }
-          )
-        ] }),
-        f && /* @__PURE__ */ r("div", { className: $.error, children: f }),
-        W && /* @__PURE__ */ r("div", { className: $.success, children: W })
-      ] }),
-      /* @__PURE__ */ r("div", { className: $.codesList, children: t.map((_) => /* @__PURE__ */ m("div", { className: $.codeItem, children: [
-        /* @__PURE__ */ r("span", { children: _.player_name ? `${_.player_name} (${J(_.ally_code)})` : J(_.ally_code) }),
-        /* @__PURE__ */ r(
-          M,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: () => K(_.ally_code),
-            children: "Remove"
-          }
-        )
-      ] }, _.ally_code)) }),
-      /* @__PURE__ */ r(
-        M,
-        {
-          variant: "secondary",
-          size: "sm",
-          onClick: () => h(!1),
-          className: $.doneButton,
-          children: "Done"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r(
-      M,
-      {
-        variant: "ghost",
-        size: "sm",
-        onClick: () => h(!i),
-        className: $.manageButton,
-        children: "Manage"
-      }
-    )
-  ] });
-}, qt = "_card_b4471_1", Rt = "_chamfered_b4471_8", Pt = "_elevated_b4471_17", Bt = "_outline_b4471_22", Ut = "_hoverable_b4471_45", U = {
-  card: qt,
-  chamfered: Rt,
-  default: "_default_b4471_13",
-  elevated: Pt,
-  outline: Bt,
-  "padding-none": "_padding-none_b4471_28",
-  "padding-sm": "_padding-sm_b4471_32",
-  "padding-md": "_padding-md_b4471_36",
-  "padding-lg": "_padding-lg_b4471_40",
-  hoverable: Ut
-}, Ss = ({
-  children: e,
-  variant: s = "default",
-  chamfered: t = !1,
-  chamferSize: o = "md",
-  padding: d = "md",
-  hoverable: g = !1,
-  showDiagonalBorders: c = !1,
-  diagonalBorderColor: l,
-  className: i = "",
-  onClick: h,
-  style: p
-}) => {
-  const N = t ? o === "asymmetric" ? "chamfered-box-asymmetric" : o === "sm" ? "chamfered-box-sm" : o === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", f = l ? { color: l } : void 0;
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: `${U.card} ${t ? U.chamfered : ""} ${U[s]} ${U[`padding-${d}`]} ${N} ${g ? U.hoverable : ""} ${i}`,
-      onClick: h,
-      role: h ? "button" : void 0,
-      tabIndex: h ? 0 : void 0,
-      style: p,
-      children: [
-        c && /* @__PURE__ */ m(ge, { children: [
-          /* @__PURE__ */ r("div", { className: "chamfered-diagonal-border chamfered-diagonal-tl", style: f }),
-          /* @__PURE__ */ r("div", { className: "chamfered-diagonal-border chamfered-diagonal-tr", style: f }),
-          /* @__PURE__ */ r("div", { className: "chamfered-diagonal-border chamfered-diagonal-bl", style: f }),
-          /* @__PURE__ */ r("div", { className: `chamfered-diagonal-border ${o === "asymmetric" ? "chamfered-diagonal-br-large" : "chamfered-diagonal-br"}`, style: f })
-        ] }),
-        e
-      ]
-    }
-  );
-}, jt = "_badge_rk7t5_1", Ft = "_sm_rk7t5_11", Dt = "_md_rk7t5_16", Ot = "_lg_rk7t5_21", zt = "_primary_rk7t5_32", Mt = "_secondary_rk7t5_37", Jt = "_success_rk7t5_42", Ht = "_warning_rk7t5_47", Yt = "_error_rk7t5_52", Gt = "_info_rk7t5_57", Z = {
-  badge: jt,
-  sm: Ft,
-  md: Dt,
-  lg: Ot,
-  default: "_default_rk7t5_27",
-  primary: zt,
-  secondary: Mt,
-  success: Jt,
-  warning: Ht,
-  error: Yt,
-  info: Gt
-}, xs = ({
-  children: e,
-  variant: s = "default",
-  size: t = "md",
-  className: o = ""
-}) => /* @__PURE__ */ r("span", { className: `${Z.badge} ${Z[s]} ${Z[t]} ${o}`, children: e }), Kt = "_overlay_1b3yt_1", Vt = "_fadeIn_1b3yt_1", Qt = "_modal_1b3yt_13", Xt = "_slideUp_1b3yt_1", Zt = "_sm_1b3yt_25", es = "_md_1b3yt_30", ts = "_lg_1b3yt_35", ss = "_xl_1b3yt_40", os = "_header_1b3yt_45", rs = "_title_1b3yt_53", as = "_closeButton_1b3yt_60", ns = "_content_1b3yt_78", E = {
-  overlay: Kt,
-  fadeIn: Vt,
-  modal: Qt,
-  slideUp: Xt,
-  sm: Zt,
-  md: es,
-  lg: ts,
-  xl: ss,
-  header: os,
-  title: rs,
-  closeButton: as,
-  content: ns
-}, Ts = ({
-  isOpen: e,
-  onClose: s,
-  title: t,
-  children: o,
-  size: d = "md",
-  closeOnOverlayClick: g = !0,
-  className: c = ""
-}) => {
-  if (j(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
-    document.body.style.overflow = "unset";
-  }), [e]), j(() => {
-    const i = (h) => {
-      h.key === "Escape" && e && s();
-    };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [e, s]), !e) return null;
-  const l = (i) => {
-    g && i.target === i.currentTarget && s();
-  };
-  return /* @__PURE__ */ r("div", { className: E.overlay, onClick: l, children: /* @__PURE__ */ m("div", { className: `${E.modal} ${E[d]} ${c}`, role: "dialog", "aria-modal": "true", children: [
-    t && /* @__PURE__ */ m("div", { className: E.header, children: [
-      /* @__PURE__ */ r("h2", { className: E.title, children: t }),
-      /* @__PURE__ */ r("button", { className: E.closeButton, onClick: s, "aria-label": "Close modal", children: "✕" })
-    ] }),
-    /* @__PURE__ */ r("div", { className: E.content, children: o })
-  ] }) });
-}, ls = "_spinner_1uhnh_2", cs = "_spin_1uhnh_2", is = "_sm_1uhnh_9", ds = "_md_1uhnh_15", _s = "_lg_1uhnh_21", ms = "_dots_1uhnh_34", us = "_dot_1uhnh_34", hs = "_bounce_1uhnh_1", gs = "_visuallyHidden_1uhnh_91", C = {
-  spinner: ls,
-  spin: cs,
-  sm: is,
-  md: ds,
-  lg: _s,
-  dots: ms,
-  dot: us,
-  bounce: hs,
-  visuallyHidden: gs
-}, Cs = ({
-  size: e = "md",
-  variant: s = "spinner",
-  className: t = ""
-}) => s === "dots" ? /* @__PURE__ */ m("div", { className: `${C.dots} ${C[e]} ${t}`, children: [
-  /* @__PURE__ */ r("span", { className: C.dot }),
-  /* @__PURE__ */ r("span", { className: C.dot }),
-  /* @__PURE__ */ r("span", { className: C.dot })
-] }) : /* @__PURE__ */ r("div", { className: `${C.spinner} ${C[e]} ${t}`, role: "status", children: /* @__PURE__ */ r("span", { className: C.visuallyHidden, children: "Loading..." }) });
-export {
-  As as AllyCodeDropdown,
-  gt as ApiClient,
-  ws as AuthProvider,
-  xs as Badge,
-  M as Button,
-  Ss as Card,
-  vs as Container,
-  bs as Footer,
-  ne as Input,
-  Cs as Loader,
-  Ts as Modal,
-  le as Select,
-  $s as TopBar,
-  y as apiClient,
-  bt as clearAllyCodes,
-  ee as clearTokens,
-  J as formatAllyCode,
-  ce as getAccessToken,
-  A as getAllyCodesFromStorage,
-  _t as getRefreshToken,
-  vt as getSelectedAllyCode,
-  ft as initializeApiClient,
-  ht as isAuthenticated,
-  dt as removeAccessToken,
-  yt as removeAllyCodeFromStorage,
-  ut as removeRefreshToken,
-  pt as saveAllyCodeToStorage,
-  it as setAccessToken,
-  mt as setRefreshToken,
-  $t as setSelectedAllyCode,
-  ie as setTokens,
-  Ns as unformatAllyCode,
-  re as updateAllyCodeLastUsed,
-  wt as useAuth
-};
+import e, { createContext as t, useCallback as n, useContext as r, useEffect as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+var l = {
+	container: "_container_u3o0e_1",
+	padding: "_padding_u3o0e_7",
+	"maxWidth-sm": "_maxWidth-sm_u3o0e_12",
+	"maxWidth-md": "_maxWidth-md_u3o0e_16",
+	"maxWidth-lg": "_maxWidth-lg_u3o0e_20",
+	"maxWidth-xl": "_maxWidth-xl_u3o0e_24",
+	"maxWidth-full": "_maxWidth-full_u3o0e_28"
+}, u = ({ children: e, maxWidth: t = "xl", padding: n = !0, className: r = "", style: i }) => /* @__PURE__ */ s("div", {
+	className: `${l.container} ${l[`maxWidth-${t}`]} ${n ? l.padding : ""} ${r}`,
+	style: i,
+	children: e
+}), d = {
+	topBar: "_topBar_10g3c_1",
+	content: "_content_10g3c_13",
+	left: "_left_10g3c_23",
+	right: "_right_10g3c_30",
+	logo: "_logo_10g3c_36"
+}, f = ({ logo: e, leftContent: t, rightContent: n, className: r = "" }) => /* @__PURE__ */ s("header", {
+	className: `${d.topBar} ${r}`,
+	children: /* @__PURE__ */ c("div", {
+		className: d.content,
+		children: [/* @__PURE__ */ c("div", {
+			className: d.left,
+			children: [e && /* @__PURE__ */ s("div", {
+				className: d.logo,
+				children: e
+			}), t]
+		}), /* @__PURE__ */ s("div", {
+			className: d.right,
+			children: n
+		})]
+	})
+}), p = {
+	footer: "_footer_zjuj8_1",
+	content: "_content_zjuj8_7",
+	defaultContent: "_defaultContent_zjuj8_13",
+	copyright: "_copyright_zjuj8_21",
+	disclaimer: "_disclaimer_zjuj8_26"
+}, m = ({ children: e, className: t = "" }) => /* @__PURE__ */ s("footer", {
+	className: `${p.footer} ${t}`,
+	children: /* @__PURE__ */ s("div", {
+		className: p.content,
+		children: e || /* @__PURE__ */ c("div", {
+			className: p.defaultContent,
+			children: [/* @__PURE__ */ c("p", {
+				className: p.copyright,
+				children: [
+					"© ",
+					(/* @__PURE__ */ new Date()).getFullYear(),
+					" The Astrogator's Table. All rights reserved."
+				]
+			}), /* @__PURE__ */ s("p", {
+				className: p.disclaimer,
+				children: "Star Wars: Galaxy of Heroes is a trademark of Electronic Arts Inc."
+			})]
+		})
+	})
+}), h = {
+	button: "_button_159ms_1",
+	sm: "_sm_159ms_22",
+	md: "_md_159ms_28",
+	lg: "_lg_159ms_34",
+	primary: "_primary_159ms_41",
+	secondary: "_secondary_159ms_55",
+	outline: "_outline_159ms_69",
+	ghost: "_ghost_159ms_80",
+	danger: "_danger_159ms_89",
+	fullWidth: "_fullWidth_159ms_100",
+	loading: "_loading_159ms_105",
+	loadingSpinner: "_loadingSpinner_159ms_110",
+	spinner: "_spinner_159ms_116",
+	spin: "_spin_159ms_116",
+	loadingText: "_loadingText_159ms_131"
+}, g = ({ children: e, variant: t = "primary", size: n = "md", fullWidth: r = !1, loading: i = !1, disabled: a = !1, className: o = "", ...l }) => /* @__PURE__ */ s("button", {
+	className: `${h.button} ${h[t]} ${h[n]} ${r ? h.fullWidth : ""} ${i ? h.loading : ""} ${o}`,
+	disabled: a || i,
+	...l,
+	children: i ? /* @__PURE__ */ c("span", {
+		className: h.loadingSpinner,
+		children: [/* @__PURE__ */ s("span", { className: h.spinner }), /* @__PURE__ */ s("span", {
+			className: h.loadingText,
+			children: e
+		})]
+	}) : e
+}), _ = {
+	inputWrapper: "_inputWrapper_15t4g_1",
+	fullWidth: "_fullWidth_15t4g_7",
+	label: "_label_15t4g_11",
+	required: "_required_15t4g_20",
+	input: "_input_15t4g_1",
+	error: "_error_15t4g_55",
+	errorText: "_errorText_15t4g_63",
+	helperText: "_helperText_15t4g_68"
+}, v = e.forwardRef(({ label: e, error: t, helperText: n, fullWidth: r = !1, className: i = "", id: a, ...o }, l) => {
+	let u = a || `input-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
+	return /* @__PURE__ */ c("div", {
+		className: `${_.inputWrapper} ${r ? _.fullWidth : ""} ${i}`,
+		children: [
+			e && /* @__PURE__ */ c("label", {
+				htmlFor: u,
+				className: _.label,
+				children: [e, o.required && /* @__PURE__ */ s("span", {
+					className: _.required,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ s("input", {
+				ref: l,
+				id: u,
+				className: `${_.input} ${d ? _.error : ""}`,
+				...o
+			}),
+			t && /* @__PURE__ */ s("span", {
+				className: _.errorText,
+				children: t
+			}),
+			n && !t && /* @__PURE__ */ s("span", {
+				className: _.helperText,
+				children: n
+			})
+		]
+	});
+});
+v.displayName = "Input";
+var y = {
+	selectWrapper: "_selectWrapper_ir4bq_1",
+	fullWidth: "_fullWidth_ir4bq_7",
+	label: "_label_ir4bq_11",
+	required: "_required_ir4bq_20",
+	selectContainer: "_selectContainer_ir4bq_24",
+	select: "_select_ir4bq_1",
+	error: "_error_ir4bq_63",
+	arrow: "_arrow_ir4bq_71",
+	errorText: "_errorText_ir4bq_81",
+	helperText: "_helperText_ir4bq_86"
+}, b = e.forwardRef(({ label: e, error: t, helperText: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: l, ...u }, d) => {
+	let f = l || `select-${Math.random().toString(36).substr(2, 9)}`, p = !!t;
+	return /* @__PURE__ */ c("div", {
+		className: `${y.selectWrapper} ${a ? y.fullWidth : ""} ${o}`,
+		children: [
+			e && /* @__PURE__ */ c("label", {
+				htmlFor: f,
+				className: y.label,
+				children: [e, u.required && /* @__PURE__ */ s("span", {
+					className: y.required,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: y.selectContainer,
+				children: [/* @__PURE__ */ c("select", {
+					ref: d,
+					id: f,
+					className: `${y.select} ${p ? y.error : ""}`,
+					...u,
+					children: [
+						i && /* @__PURE__ */ s("option", {
+							value: "",
+							disabled: !0,
+							children: i
+						}),
+						r && r.map((e) => /* @__PURE__ */ s("option", {
+							value: e.value,
+							disabled: e.disabled,
+							children: e.label
+						}, e.value)),
+						!r && u.children
+					]
+				}), /* @__PURE__ */ s("span", {
+					className: y.arrow,
+					children: "▼"
+				})]
+			}),
+			t && /* @__PURE__ */ s("span", {
+				className: y.errorText,
+				children: t
+			}),
+			n && !t && /* @__PURE__ */ s("span", {
+				className: y.helperText,
+				children: n
+			})
+		]
+	});
+});
+b.displayName = "Select";
+//#endregion
+//#region src/services/auth.ts
+var x = "astrogators_access_token", S = "astrogators_refresh_token", C = () => localStorage.getItem(x), w = (e) => {
+	localStorage.setItem(x, e);
+}, T = () => {
+	localStorage.removeItem(x);
+}, E = () => localStorage.getItem(S), D = (e) => {
+	localStorage.setItem(S, e);
+}, O = () => {
+	localStorage.removeItem(S);
+}, k = (e, t) => {
+	w(e), D(t);
+}, A = () => {
+	T(), O();
+}, j = () => !!C(), M = class {
+	baseURL;
+	onUnauthorized;
+	isRefreshing = !1;
+	refreshPromise = null;
+	constructor(e) {
+		this.baseURL = e.baseURL, this.onUnauthorized = e.onUnauthorized;
+	}
+	async refreshAccessToken() {
+		let e = E();
+		if (!e) throw Error("No refresh token available");
+		let t = await fetch(`${this.baseURL}/api/v1/auth/refresh-token`, {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({ refresh_token: e })
+		});
+		if (!t.ok) throw A(), this.onUnauthorized?.(), Error("Token refresh failed");
+		let n = await t.json();
+		return k(n.access_token, e), n.access_token;
+	}
+	async request(e, t = {}) {
+		let n = C(), r = {
+			"Content-Type": "application/json",
+			...t.headers
+		};
+		n && (r.Authorization = `Bearer ${n}`);
+		let i = `${this.baseURL}${e}`, a = await fetch(i, {
+			...t,
+			headers: r
+		});
+		if (a.status === 401 && n) {
+			this.isRefreshing || (this.isRefreshing = !0, this.refreshPromise = this.refreshAccessToken().finally(() => {
+				this.isRefreshing = !1, this.refreshPromise = null;
+			}));
+			try {
+				r.Authorization = `Bearer ${await this.refreshPromise}`, a = await fetch(i, {
+					...t,
+					headers: r
+				});
+			} catch {
+				throw Error("Authentication failed");
+			}
+		}
+		if (!a.ok) {
+			let e = {
+				message: a.statusText,
+				status: a.status
+			};
+			try {
+				let t = await a.json();
+				a.status === 422 && Array.isArray(t.detail) ? e.message = t.detail.map((e) => e.msg || "Validation error").join(", ") : typeof t.detail == "string" ? e.message = t.detail : t.message && (e.message = t.message), e.detail = t.detail;
+			} catch {}
+			throw e;
+		}
+		return a.status === 204 ? {} : a.json();
+	}
+	async get(e, t) {
+		return this.request(e, {
+			...t,
+			method: "GET"
+		});
+	}
+	async post(e, t, n) {
+		return this.request(e, {
+			...n,
+			method: "POST",
+			body: t ? JSON.stringify(t) : void 0
+		});
+	}
+	async put(e, t, n) {
+		return this.request(e, {
+			...n,
+			method: "PUT",
+			body: t ? JSON.stringify(t) : void 0
+		});
+	}
+	async patch(e, t, n) {
+		return this.request(e, {
+			...n,
+			method: "PATCH",
+			body: t ? JSON.stringify(t) : void 0
+		});
+	}
+	async delete(e, t) {
+		return this.request(e, {
+			...t,
+			method: "DELETE"
+		});
+	}
+}, N, P = (e) => {
+	N = new M(e);
+}, F = "astrogators_ally_codes", I = "astrogators_selected_ally_code", L = () => {
+	try {
+		let e = localStorage.getItem(F);
+		return e ? JSON.parse(e) : [];
+	} catch (e) {
+		return console.error("Failed to read ally codes from localStorage:", e), [];
+	}
+}, R = (e) => {
+	try {
+		let t = L();
+		if (t.some((t) => t.ally_code === e.ally_code)) return;
+		t.push(e), localStorage.setItem(F, JSON.stringify(t));
+	} catch (e) {
+		console.error("Failed to save ally code to localStorage:", e);
+	}
+}, z = (e) => {
+	try {
+		let t = L().filter((t) => t.ally_code !== e);
+		localStorage.setItem(F, JSON.stringify(t));
+	} catch (e) {
+		console.error("Failed to remove ally code from localStorage:", e);
+	}
+}, B = (e) => {
+	try {
+		let t = L().map((t) => t.ally_code === e ? {
+			...t,
+			last_used_at: (/* @__PURE__ */ new Date()).toISOString()
+		} : t);
+		localStorage.setItem(F, JSON.stringify(t));
+	} catch (e) {
+		console.error("Failed to update ally code last used:", e);
+	}
+}, V = () => localStorage.getItem(I), H = (e) => {
+	e ? localStorage.setItem(I, e) : localStorage.removeItem(I);
+}, U = () => {
+	localStorage.removeItem(F), localStorage.removeItem(I);
+}, W = t(void 0), G = ({ children: e, apiBaseUrl: t }) => {
+	let [r, o] = a(null), [c, l] = a(!0), [u, d] = a(!0), [f, p] = a(!0), [m, h] = a([]), [g, _] = a(null), [v, y] = a(!1), [b, x] = a({
+		show: !1,
+		localStorageCodes: []
+	});
+	i(() => {
+		P({ baseURL: t });
+	}, [t]), i(() => {
+		(async () => {
+			try {
+				d((await N.get("/api/v1/config/features")).auth_enabled);
+			} catch (e) {
+				console.error("Failed to fetch features:", e), d(!0);
+			} finally {
+				p(!1);
+			}
+		})();
+	}, [t]);
+	let S = n(async () => {
+		if (!j()) {
+			o(null), l(!1);
+			return;
+		}
+		try {
+			o(await N.get("/api/v1/users/me"));
+		} catch (e) {
+			console.error("Failed to fetch user:", e), o(null), A();
+		} finally {
+			l(!1);
+		}
+	}, []);
+	i(() => {
+		S();
+	}, [S]);
+	let C = async (e) => {
+		try {
+			let t = await N.post("/api/v1/auth/login", e);
+			k(t.access_token, t.refresh_token), o(await N.get("/api/v1/users/me"));
+		} catch (e) {
+			throw console.error("Login failed:", e), e;
+		}
+	}, w = async (e) => {
+		try {
+			await N.post("/api/v1/auth/register", e);
+		} catch (e) {
+			throw console.error("Registration failed:", e), e;
+		}
+	}, T = () => {
+		A(), o(null), h([]), _(null), x({
+			show: !1,
+			localStorageCodes: []
+		});
+	}, E = async () => {
+		await S();
+	}, D = async (e) => {
+		try {
+			return (await N.post("/api/v1/auth/forgot-password", e)).message;
+		} catch (e) {
+			throw console.error("Forgot password failed:", e), e;
+		}
+	}, O = async (e) => {
+		try {
+			return (await N.post("/api/v1/auth/reset-password", e)).message;
+		} catch (e) {
+			throw console.error("Reset password failed:", e), e;
+		}
+	}, M = async (e) => {
+		try {
+			return (await N.post("/api/v1/auth/resend-verification", e)).message;
+		} catch (e) {
+			throw console.error("Resend verification failed:", e), e;
+		}
+	}, F = n(async () => {
+		y(!0);
+		try {
+			if (r) {
+				h((await N.get("/api/v1/users/me/ally-codes")).ally_codes);
+				let e = L();
+				e.length > 0 && x({
+					show: !0,
+					localStorageCodes: e.map((e) => e.ally_code)
+				});
+			} else h(L());
+			_(V());
+		} catch (e) {
+			console.error("Failed to fetch ally codes:", e), h([]);
+		} finally {
+			y(!1);
+		}
+	}, [r]), I = n(async (e) => {
+		if (!/^\d{9}$/.test(e)) throw Error("Ally code must be exactly 9 digits");
+		if (r) {
+			let t = await N.post("/api/v1/users/me/ally-codes", { ally_code: e });
+			h((e) => [t, ...e]), m.length === 0 && K(e);
+		} else {
+			let t = await N.get(`/api/v1/player-data/player/${e}`);
+			if (!t) throw Error("Invalid ally code - player not found");
+			R({
+				ally_code: e,
+				player_name: t?.data?.name || null,
+				last_used_at: (/* @__PURE__ */ new Date()).toISOString()
+			}), h(L()), m.length === 0 && K(e);
+		}
+	}, [r, m.length]), G = n(async (e) => {
+		r && typeof e == "number" ? (await N.delete(`/api/v1/users/me/ally-codes/${e}`), h((t) => t.filter((t) => "id" in t && t.id !== e))) : !r && typeof e == "string" && (z(e), h(L()), g === e && K(null));
+	}, [r, g]), K = n((e) => {
+		if (_(e), H(e), e && r) {
+			let t = m.find((t) => "ally_code" in t && t.ally_code === e);
+			t && "id" in t && q(t.id);
+		} else e && !r && B(e);
+	}, [r, m]), q = n(async (e) => {
+		r && typeof e == "number" ? (await N.put(`/api/v1/users/me/ally-codes/${e}/use`, {}), await F()) : !r && typeof e == "string" && (B(e), h(L()));
+	}, [r, F]), J = n(() => {
+		x({
+			show: !1,
+			localStorageCodes: []
+		});
+	}, []), Y = n(async () => {
+		if (!r) return;
+		let e = L();
+		for (let t of e) try {
+			await I(t.ally_code);
+		} catch (e) {
+			console.error(`Failed to migrate ally code ${t.ally_code}:`, e);
+		}
+		U(), J();
+	}, [
+		r,
+		I,
+		J
+	]);
+	i(() => {
+		F();
+	}, [F]);
+	let ee = {
+		user: r,
+		isAuthenticated: !!r,
+		isLoading: c,
+		login: C,
+		register: w,
+		logout: T,
+		refreshUser: E,
+		forgotPassword: D,
+		resetPassword: O,
+		resendVerification: M,
+		authEnabled: u,
+		isLoadingFeatures: f,
+		allyCodes: m,
+		selectedAllyCode: g,
+		isLoadingAllyCodes: v,
+		fetchAllyCodes: F,
+		addAllyCode: I,
+		removeAllyCode: G,
+		selectAllyCode: K,
+		updateAllyCodeLastUsed: q,
+		migrationPrompt: b,
+		dismissMigrationPrompt: J,
+		migrateLocalStorageCodes: Y
+	};
+	return /* @__PURE__ */ s(W.Provider, {
+		value: ee,
+		children: e
+	});
+}, K = () => {
+	let e = r(W);
+	if (e === void 0) throw Error("useAuth must be used within an AuthProvider");
+	return e;
+}, q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, J = (e) => e.replace(/-/g, ""), Y = {
+	allyCodeDropdown: "_allyCodeDropdown_1m0tw_1",
+	select: "_select_1m0tw_8",
+	manageButton: "_manageButton_1m0tw_12",
+	managePanel: "_managePanel_1m0tw_16",
+	addSection: "_addSection_1m0tw_37",
+	addInputGroup: "_addInputGroup_1m0tw_43",
+	error: "_error_1m0tw_55",
+	success: "_success_1m0tw_61",
+	codesList: "_codesList_1m0tw_67",
+	codeItem: "_codeItem_1m0tw_71",
+	doneButton: "_doneButton_1m0tw_88"
+}, ee = ({ onAllyCodeSelected: e, className: t = "" }) => {
+	let { allyCodes: n, selectedAllyCode: r, selectAllyCode: i, removeAllyCode: o, addAllyCode: l, isLoadingAllyCodes: u } = K(), [d, f] = a(!1), [p, m] = a(""), [h, _] = a(""), [y, x] = a(""), [S, C] = a(!1), w = n.map((e) => ({
+		value: e.ally_code,
+		label: e.player_name ? `${e.player_name} (${q(e.ally_code)})` : q(e.ally_code)
+	})), T = (t) => {
+		let n = t.target.value || null;
+		i(n), e?.(n);
+	}, E = async (e) => {
+		let t = n.find((t) => t.ally_code === e);
+		t && await o("id" in t ? t.id : t.ally_code);
+	};
+	return n.length === 0 ? null : /* @__PURE__ */ c("div", {
+		className: `${Y.allyCodeDropdown} ${t}`,
+		children: [
+			/* @__PURE__ */ s(b, {
+				options: w,
+				value: r || "",
+				onChange: T,
+				placeholder: "Select ally code",
+				disabled: u,
+				className: Y.select
+			}),
+			d && /* @__PURE__ */ c("div", {
+				className: Y.managePanel,
+				children: [
+					/* @__PURE__ */ s("h4", { children: "Manage Ally Codes" }),
+					/* @__PURE__ */ c("div", {
+						className: Y.addSection,
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: Y.addInputGroup,
+								children: [/* @__PURE__ */ s(v, {
+									type: "text",
+									placeholder: "9-digit ally code",
+									value: p,
+									onChange: (e) => m(e.target.value.replace(/\D/g, "").slice(0, 9)),
+									disabled: S
+								}), /* @__PURE__ */ s(g, {
+									variant: "primary",
+									size: "sm",
+									onClick: async () => {
+										if (_(""), x(""), !/^\d{9}$/.test(p)) {
+											_("Ally code must be exactly 9 digits");
+											return;
+										}
+										C(!0);
+										try {
+											await l(p), x("Added successfully!"), m(""), setTimeout(() => x(""), 2e3);
+										} catch (e) {
+											_(e.message || "Failed to add ally code");
+										} finally {
+											C(!1);
+										}
+									},
+									loading: S,
+									disabled: p.length !== 9,
+									children: "Add"
+								})]
+							}),
+							h && /* @__PURE__ */ s("div", {
+								className: Y.error,
+								children: h
+							}),
+							y && /* @__PURE__ */ s("div", {
+								className: Y.success,
+								children: y
+							})
+						]
+					}),
+					/* @__PURE__ */ s("div", {
+						className: Y.codesList,
+						children: n.map((e) => /* @__PURE__ */ c("div", {
+							className: Y.codeItem,
+							children: [/* @__PURE__ */ s("span", { children: e.player_name ? `${e.player_name} (${q(e.ally_code)})` : q(e.ally_code) }), /* @__PURE__ */ s(g, {
+								variant: "ghost",
+								size: "sm",
+								onClick: () => E(e.ally_code),
+								children: "Remove"
+							})]
+						}, e.ally_code))
+					}),
+					/* @__PURE__ */ s(g, {
+						variant: "secondary",
+						size: "sm",
+						onClick: () => f(!1),
+						className: Y.doneButton,
+						children: "Done"
+					})
+				]
+			}),
+			/* @__PURE__ */ s(g, {
+				variant: "ghost",
+				size: "sm",
+				onClick: () => f(!d),
+				className: Y.manageButton,
+				children: "Manage"
+			})
+		]
+	});
+}, X = {
+	card: "_card_b4471_1",
+	chamfered: "_chamfered_b4471_8",
+	default: "_default_b4471_13",
+	elevated: "_elevated_b4471_17",
+	outline: "_outline_b4471_22",
+	"padding-none": "_padding-none_b4471_28",
+	"padding-sm": "_padding-sm_b4471_32",
+	"padding-md": "_padding-md_b4471_36",
+	"padding-lg": "_padding-lg_b4471_40",
+	hoverable: "_hoverable_b4471_45"
+}, te = ({ children: e, variant: t = "default", chamfered: n = !1, chamferSize: r = "md", padding: i = "md", hoverable: a = !1, showDiagonalBorders: l = !1, diagonalBorderColor: u, className: d = "", onClick: f, style: p }) => {
+	let m = n ? r === "asymmetric" ? "chamfered-box-asymmetric" : r === "sm" ? "chamfered-box-sm" : r === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", h = u ? { color: u } : void 0;
+	return /* @__PURE__ */ c("div", {
+		className: `${X.card} ${n ? X.chamfered : ""} ${X[t]} ${X[`padding-${i}`]} ${m} ${a ? X.hoverable : ""} ${d}`,
+		onClick: f,
+		role: f ? "button" : void 0,
+		tabIndex: f ? 0 : void 0,
+		style: p,
+		children: [l && /* @__PURE__ */ c(o, { children: [
+			/* @__PURE__ */ s("div", {
+				className: "chamfered-diagonal-border chamfered-diagonal-tl",
+				style: h
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "chamfered-diagonal-border chamfered-diagonal-tr",
+				style: h
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "chamfered-diagonal-border chamfered-diagonal-bl",
+				style: h
+			}),
+			/* @__PURE__ */ s("div", {
+				className: `chamfered-diagonal-border ${r === "asymmetric" ? "chamfered-diagonal-br-large" : "chamfered-diagonal-br"}`,
+				style: h
+			})
+		] }), e]
+	});
+}, Z = {
+	badge: "_badge_rk7t5_1",
+	sm: "_sm_rk7t5_11",
+	md: "_md_rk7t5_16",
+	lg: "_lg_rk7t5_21",
+	default: "_default_rk7t5_27",
+	primary: "_primary_rk7t5_32",
+	secondary: "_secondary_rk7t5_37",
+	success: "_success_rk7t5_42",
+	warning: "_warning_rk7t5_47",
+	error: "_error_rk7t5_52",
+	info: "_info_rk7t5_57"
+}, ne = ({ children: e, variant: t = "default", size: n = "md", className: r = "" }) => /* @__PURE__ */ s("span", {
+	className: `${Z.badge} ${Z[t]} ${Z[n]} ${r}`,
+	children: e
+}), Q = {
+	overlay: "_overlay_1b3yt_1",
+	fadeIn: "_fadeIn_1b3yt_1",
+	modal: "_modal_1b3yt_13",
+	slideUp: "_slideUp_1b3yt_1",
+	sm: "_sm_1b3yt_25",
+	md: "_md_1b3yt_30",
+	lg: "_lg_1b3yt_35",
+	xl: "_xl_1b3yt_40",
+	header: "_header_1b3yt_45",
+	title: "_title_1b3yt_53",
+	closeButton: "_closeButton_1b3yt_60",
+	content: "_content_1b3yt_78"
+}, re = ({ isOpen: e, onClose: t, title: n, children: r, size: a = "md", closeOnOverlayClick: o = !0, className: l = "" }) => (i(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+	document.body.style.overflow = "unset";
+}), [e]), i(() => {
+	let n = (n) => {
+		n.key === "Escape" && e && t();
+	};
+	return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+}, [e, t]), e ? /* @__PURE__ */ s("div", {
+	className: Q.overlay,
+	onClick: (e) => {
+		o && e.target === e.currentTarget && t();
+	},
+	children: /* @__PURE__ */ c("div", {
+		className: `${Q.modal} ${Q[a]} ${l}`,
+		role: "dialog",
+		"aria-modal": "true",
+		children: [n && /* @__PURE__ */ c("div", {
+			className: Q.header,
+			children: [/* @__PURE__ */ s("h2", {
+				className: Q.title,
+				children: n
+			}), /* @__PURE__ */ s("button", {
+				className: Q.closeButton,
+				onClick: t,
+				"aria-label": "Close modal",
+				children: "✕"
+			})]
+		}), /* @__PURE__ */ s("div", {
+			className: Q.content,
+			children: r
+		})]
+	})
+}) : null), $ = {
+	spinner: "_spinner_1uhnh_2",
+	spin: "_spin_1uhnh_2",
+	sm: "_sm_1uhnh_9",
+	md: "_md_1uhnh_15",
+	lg: "_lg_1uhnh_21",
+	dots: "_dots_1uhnh_34",
+	dot: "_dot_1uhnh_34",
+	bounce: "_bounce_1uhnh_1",
+	visuallyHidden: "_visuallyHidden_1uhnh_91"
+}, ie = ({ size: e = "md", variant: t = "spinner", className: n = "" }) => t === "dots" ? /* @__PURE__ */ c("div", {
+	className: `${$.dots} ${$[e]} ${n}`,
+	children: [
+		/* @__PURE__ */ s("span", { className: $.dot }),
+		/* @__PURE__ */ s("span", { className: $.dot }),
+		/* @__PURE__ */ s("span", { className: $.dot })
+	]
+}) : /* @__PURE__ */ s("div", {
+	className: `${$.spinner} ${$[e]} ${n}`,
+	role: "status",
+	children: /* @__PURE__ */ s("span", {
+		className: $.visuallyHidden,
+		children: "Loading..."
+	})
+});
+//#endregion
+export { ee as AllyCodeDropdown, M as ApiClient, G as AuthProvider, ne as Badge, g as Button, te as Card, u as Container, m as Footer, v as Input, ie as Loader, re as Modal, b as Select, f as TopBar, N as apiClient, U as clearAllyCodes, A as clearTokens, q as formatAllyCode, C as getAccessToken, L as getAllyCodesFromStorage, E as getRefreshToken, V as getSelectedAllyCode, P as initializeApiClient, j as isAuthenticated, T as removeAccessToken, z as removeAllyCodeFromStorage, O as removeRefreshToken, R as saveAllyCodeToStorage, w as setAccessToken, D as setRefreshToken, H as setSelectedAllyCode, k as setTokens, J as unformatAllyCode, B as updateAllyCodeLastUsed, K as useAuth };