astrogators-shared-ui 0.5.0 → 0.6.1

package/dist/index.js

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