@forge-connect/react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1179 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ForgeConnectApiError: () => ForgeConnectApiError,
+  ForgeConnectContext: () => ForgeConnectContext,
+  ForgeConnectProvider: () => ForgeConnectProvider,
+  LoginButton: () => LoginButton,
+  LoginModal: () => LoginModal,
+  ModalOverlay: () => ModalOverlay,
+  createApiClient: () => createApiClient,
+  useForgeConnect: () => useForgeConnect,
+  useSessions: () => useSessions,
+  useUser: () => useUser,
+  useWallets: () => useWallets
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/provider.tsx
+var import_react7 = require("react");
+
+// src/context.ts
+var import_react = require("react");
+var ForgeConnectContext = (0, import_react.createContext)(null);
+
+// src/api/client.ts
+var ForgeConnectApiError = class extends Error {
+  status;
+  code;
+  constructor(status, code, message) {
+    super(message);
+    this.name = "ForgeConnectApiError";
+    this.status = status;
+    this.code = code;
+  }
+};
+function createApiClient(apiUrl) {
+  const base = apiUrl.replace(/\/+$/, "");
+  async function request(path, options = {}) {
+    const { method = "GET", body, token } = options;
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    if (token) {
+      headers["Authorization"] = `Bearer ${token}`;
+    }
+    const res = await fetch(`${base}${path}`, {
+      method,
+      headers,
+      credentials: "include",
+      body: body ? JSON.stringify(body) : void 0
+    });
+    if (!res.ok) {
+      let errorBody;
+      try {
+        errorBody = await res.json();
+      } catch {
+        throw new ForgeConnectApiError(res.status, "UNKNOWN", res.statusText);
+      }
+      throw new ForgeConnectApiError(res.status, errorBody.error.code, errorBody.error.message);
+    }
+    return res.json();
+  }
+  return {
+    // ── Auth: Email ──
+    register(email, password, displayName) {
+      return request("/auth/email/register", {
+        method: "POST",
+        body: { email, password, displayName }
+      });
+    },
+    login(email, password) {
+      return request(
+        "/auth/email/login",
+        { method: "POST", body: { email, password } }
+      );
+    },
+    sendOtp(email) {
+      return request("/auth/email/send-code", {
+        method: "POST",
+        body: { email }
+      });
+    },
+    verifyOtp(email, code) {
+      return request(
+        "/auth/email/verify-code",
+        { method: "POST", body: { email, code } }
+      );
+    },
+    // ── Auth: Wallet ──
+    walletChallenge(walletAddress, chain = "solana") {
+      return request("/auth/wallet/challenge", {
+        method: "POST",
+        body: { walletAddress, chain }
+      });
+    },
+    walletVerify(challengeId, signature, walletAddress) {
+      return request("/auth/wallet/verify", {
+        method: "POST",
+        body: { challengeId, signature, walletAddress }
+      });
+    },
+    // ── Auth: Session ──
+    refresh() {
+      return request("/auth/refresh", { method: "POST" });
+    },
+    logout(token) {
+      return request("/auth/logout", { method: "POST", token });
+    },
+    logoutAll(token) {
+      return request("/auth/logout-all", { method: "POST", token });
+    },
+    // ── User ──
+    getMe(token) {
+      return request(
+        "/users/me",
+        { token }
+      );
+    },
+    updateMe(token, data) {
+      return request(
+        "/users/me",
+        { method: "PATCH", token, body: data }
+      );
+    },
+    getAuthMethods(token) {
+      return request(
+        "/users/me/auth-methods",
+        { token }
+      );
+    },
+    linkAuthMethod(token, data) {
+      return request("/users/me/auth-methods", {
+        method: "POST",
+        token,
+        body: data
+      });
+    },
+    unlinkAuthMethod(token, id) {
+      return request(`/users/me/auth-methods/${id}`, {
+        method: "DELETE",
+        token
+      });
+    },
+    getWallets(token) {
+      return request(
+        "/users/me/wallets",
+        { token }
+      );
+    },
+    updateWallet(token, id, data) {
+      return request(
+        `/users/me/wallets/${id}`,
+        { method: "PATCH", token, body: data }
+      );
+    },
+    getSessions(token) {
+      return request(
+        "/users/me/sessions",
+        { token }
+      );
+    },
+    revokeSession(token, id) {
+      return request(`/users/me/sessions/${id}`, {
+        method: "DELETE",
+        token
+      });
+    }
+  };
+}
+
+// src/utils.ts
+var TOKEN_KEY = "fc_access_token";
+function getStoredToken() {
+  try {
+    return localStorage.getItem(TOKEN_KEY);
+  } catch {
+    return null;
+  }
+}
+function setStoredToken(token) {
+  try {
+    localStorage.setItem(TOKEN_KEY, token);
+  } catch {
+  }
+}
+function removeStoredToken() {
+  try {
+    localStorage.removeItem(TOKEN_KEY);
+  } catch {
+  }
+}
+function decodeJWT(token) {
+  try {
+    const parts = token.split(".");
+    if (parts.length !== 3) return null;
+    const payload = JSON.parse(atob(parts[1].replace(/-/g, "+").replace(/_/g, "/")));
+    return payload;
+  } catch {
+    return null;
+  }
+}
+function getRefreshDelay(token) {
+  const decoded = decodeJWT(token);
+  if (!decoded?.exp || !decoded.iat) return null;
+  const ttl = (decoded.exp - decoded.iat) * 1e3;
+  const elapsed = Date.now() - decoded.iat * 1e3;
+  const delay = ttl * 0.8 - elapsed;
+  return delay > 0 ? delay : 0;
+}
+
+// src/hooks/use-forge-connect.ts
+var import_react2 = require("react");
+function useForgeConnect() {
+  const ctx = (0, import_react2.useContext)(ForgeConnectContext);
+  if (!ctx) {
+    throw new Error("useForgeConnect must be used within a <ForgeConnectProvider>");
+  }
+  return ctx;
+}
+
+// src/components/modal-overlay.tsx
+var import_react3 = require("react");
+var import_react_dom = require("react-dom");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ModalOverlay({ isOpen, onClose, children }) {
+  const overlayRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "";
+    };
+  }, [isOpen, onClose]);
+  if (!isOpen) return null;
+  const handleBackdropClick = (e) => {
+    if (e.target === overlayRef.current) onClose();
+  };
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fc-overlay", ref: overlayRef, onClick: handleBackdropClick, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "fc-modal", role: "dialog", "aria-modal": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "fc-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 5L5 15M5 5l10 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }),
+      children
+    ] }) }),
+    document.body
+  );
+}
+
+// src/components/tabs/email-password.tsx
+var import_react4 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function EmailLoginForm() {
+  const { loginWithEmail, setModalStep } = useForgeConnect();
+  const [email, setEmail] = (0, import_react4.useState)("");
+  const [password, setPassword] = (0, import_react4.useState)("");
+  const [error, setError] = (0, import_react4.useState)("");
+  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError("");
+    setLoading(true);
+    try {
+      await loginWithEmail(email, password);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Login failed");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "fc-tab", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "fc-tab-title", children: "Sign in with email" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("form", { onSubmit: handleSubmit, className: "fc-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "fc-label", children: [
+        "Email",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            type: "email",
+            className: "fc-input",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            placeholder: "you@example.com",
+            required: true,
+            autoComplete: "email"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "fc-label", children: [
+        "Password",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            type: "password",
+            className: "fc-input",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            placeholder: "Enter your password",
+            required: true,
+            autoComplete: "current-password",
+            minLength: 8
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "fc-error", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "submit", className: "fc-btn fc-btn-primary", disabled: loading, children: loading ? "Signing in..." : "Sign in" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "fc-switch", children: [
+      "Don't have an account?",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "fc-link", onClick: () => setModalStep("email-register"), children: "Sign up" })
+    ] })
+  ] });
+}
+function EmailRegisterForm() {
+  const { register, setModalStep } = useForgeConnect();
+  const [email, setEmail] = (0, import_react4.useState)("");
+  const [password, setPassword] = (0, import_react4.useState)("");
+  const [displayName, setDisplayName] = (0, import_react4.useState)("");
+  const [error, setError] = (0, import_react4.useState)("");
+  const [success, setSuccess] = (0, import_react4.useState)(false);
+  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError("");
+    setLoading(true);
+    try {
+      await register(email, password, displayName || void 0);
+      setSuccess(true);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Registration failed");
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (success) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "fc-tab", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "fc-tab-title", children: "Check your email" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "fc-text", children: [
+        "We sent a verification link to ",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: email }),
+        ". Click it to activate your account, then sign in."
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "fc-btn fc-btn-secondary", onClick: () => setModalStep("email-login"), children: "Back to sign in" })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "fc-tab", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "fc-tab-title", children: "Create an account" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("form", { onSubmit: handleSubmit, className: "fc-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "fc-label", children: [
+        "Display name",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            type: "text",
+            className: "fc-input",
+            value: displayName,
+            onChange: (e) => setDisplayName(e.target.value),
+            placeholder: "Your name",
+            autoComplete: "name"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "fc-label", children: [
+        "Email",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            type: "email",
+            className: "fc-input",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            placeholder: "you@example.com",
+            required: true,
+            autoComplete: "email"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "fc-label", children: [
+        "Password",
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            type: "password",
+            className: "fc-input",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            placeholder: "8+ characters",
+            required: true,
+            autoComplete: "new-password",
+            minLength: 8
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "fc-error", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "submit", className: "fc-btn fc-btn-primary", disabled: loading, children: loading ? "Creating account..." : "Create account" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: "fc-switch", children: [
+      "Already have an account?",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "fc-link", onClick: () => setModalStep("email-login"), children: "Sign in" })
+    ] })
+  ] });
+}
+
+// src/components/tabs/email-otp.tsx
+var import_react5 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function EmailOtpForm() {
+  const { sendOtp, verifyOtp, setModalStep } = useForgeConnect();
+  const [email, setEmail] = (0, import_react5.useState)("");
+  const [code, setCode] = (0, import_react5.useState)(["", "", "", "", "", ""]);
+  const [step, setStep] = (0, import_react5.useState)("email");
+  const [error, setError] = (0, import_react5.useState)("");
+  const [loading, setLoading] = (0, import_react5.useState)(false);
+  const inputRefs = (0, import_react5.useRef)([]);
+  const handleSendCode = async (e) => {
+    e.preventDefault();
+    setError("");
+    setLoading(true);
+    try {
+      await sendOtp(email);
+      setStep("code");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to send code");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleVerify = async (digits) => {
+    const codeStr = digits.join("");
+    if (codeStr.length !== 6) return;
+    setError("");
+    setLoading(true);
+    try {
+      await verifyOtp(email, codeStr);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Invalid code");
+      setLoading(false);
+    }
+  };
+  const handleDigitChange = (index, value) => {
+    if (!/^\d*$/.test(value)) return;
+    const digit = value.slice(-1);
+    const newCode = [...code];
+    newCode[index] = digit;
+    setCode(newCode);
+    if (digit && index < 5) {
+      inputRefs.current[index + 1]?.focus();
+    }
+    if (newCode.every((d) => d !== "")) {
+      handleVerify(newCode);
+    }
+  };
+  const handleKeyDown = (index, e) => {
+    if (e.key === "Backspace" && !code[index] && index > 0) {
+      inputRefs.current[index - 1]?.focus();
+    }
+  };
+  const handlePaste = (e) => {
+    e.preventDefault();
+    const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
+    if (!pasted) return;
+    const newCode = [...code];
+    for (let i = 0; i < pasted.length; i++) {
+      newCode[i] = pasted[i];
+    }
+    setCode(newCode);
+    if (newCode.every((d) => d !== "")) {
+      handleVerify(newCode);
+    }
+  };
+  if (step === "email") {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "fc-tab", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "fc-tab-title", children: "Passwordless sign in" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("form", { onSubmit: handleSendCode, className: "fc-form", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "fc-label", children: [
+          "Email",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "input",
+            {
+              type: "email",
+              className: "fc-input",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              placeholder: "you@example.com",
+              required: true,
+              autoComplete: "email"
+            }
+          )
+        ] }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "fc-error", children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "submit", className: "fc-btn fc-btn-primary", disabled: loading, children: loading ? "Sending..." : "Send code" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "fc-switch", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "fc-link", onClick: () => setModalStep("method-select"), children: "Back" }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "fc-tab", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { className: "fc-tab-title", children: "Enter verification code" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "fc-text", children: [
+      "We sent a 6-digit code to ",
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: email })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "fc-otp-inputs", children: code.map((digit, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "input",
+      {
+        ref: (el) => {
+          inputRefs.current[i] = el;
+        },
+        type: "text",
+        inputMode: "numeric",
+        maxLength: 1,
+        className: "fc-otp-digit",
+        value: digit,
+        onChange: (e) => handleDigitChange(i, e.target.value),
+        onKeyDown: (e) => handleKeyDown(i, e),
+        onPaste: i === 0 ? handlePaste : void 0,
+        autoFocus: i === 0
+      },
+      i
+    )) }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "fc-error", children: error }),
+    loading && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "fc-text", children: "Verifying..." }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "fc-switch", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "fc-link", onClick: () => {
+      setStep("email");
+      setCode(["", "", "", "", "", ""]);
+      setError("");
+    }, children: "Use a different email" }) })
+  ] });
+}
+
+// src/components/tabs/wallet-connect.tsx
+var import_react6 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function tryGetUseWallet() {
+  try {
+    const mod = require("@solana/wallet-adapter-react");
+    return mod.useWallet;
+  } catch {
+    return void 0;
+  }
+}
+var resolvedUseWallet = tryGetUseWallet();
+function WalletConnectForm() {
+  const { setModalStep } = useForgeConnect();
+  if (resolvedUseWallet) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(WalletAdapterFlow, { useWallet: resolvedUseWallet });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "fc-tab", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "fc-tab-title", children: "Connect wallet" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "fc-text", children: [
+      "Install a Solana wallet extension (Phantom, Solflare, etc.) and ensure",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: "@solana/wallet-adapter-react" }),
+      " is configured in your app."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "fc-text fc-text-muted", children: "Wallet connection requires the Solana wallet adapter provider in your app." }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "fc-switch", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "fc-link", onClick: () => setModalStep("method-select"), children: "Back" }) })
+  ] });
+}
+function WalletAdapterFlow({ useWallet }) {
+  const { loginWithWallet, setModalStep } = useForgeConnect();
+  const wallet = useWallet();
+  const [error, setError] = (0, import_react6.useState)("");
+  const [loading, setLoading] = (0, import_react6.useState)(false);
+  const handleConnect = async () => {
+    if (!wallet.publicKey || !wallet.signMessage) {
+      setError("Please connect your wallet first");
+      return;
+    }
+    setError("");
+    setLoading(true);
+    try {
+      await loginWithWallet(
+        wallet.publicKey.toBase58(),
+        wallet.signMessage,
+        "solana"
+      );
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Wallet verification failed");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "fc-tab", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: "fc-tab-title", children: "Connect wallet" }),
+    wallet.publicKey ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "fc-text fc-wallet-address", children: [
+        wallet.publicKey.toBase58().slice(0, 4),
+        "...",
+        wallet.publicKey.toBase58().slice(-4)
+      ] }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "fc-error", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "fc-btn fc-btn-primary",
+          onClick: handleConnect,
+          disabled: loading,
+          children: loading ? "Signing..." : "Sign to verify"
+        }
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "fc-wallet-list", children: wallet.wallets.filter((w) => w.readyState === "Installed").map((w) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: "fc-btn fc-btn-wallet",
+          onClick: async () => {
+            wallet.select(w.adapter.name);
+            try {
+              await wallet.connect();
+            } catch {
+              setError("Failed to connect wallet");
+            }
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: w.adapter.icon, alt: "", className: "fc-wallet-icon" }),
+            w.adapter.name
+          ]
+        },
+        w.adapter.name
+      )) }),
+      wallet.wallets.filter((w) => w.readyState === "Installed").length === 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "fc-text", children: "No wallets detected. Install a Solana wallet extension." }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "fc-error", children: error })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "fc-switch", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "fc-link", onClick: () => setModalStep("method-select"), children: "Back" }) })
+  ] });
+}
+
+// src/components/tabs/oauth-buttons.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PROVIDER_INFO = {
+  google: {
+    label: "Google",
+    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4"/><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/></svg>'
+  },
+  discord: {
+    label: "Discord",
+    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128c.126-.094.252-.192.372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03z" fill="#5865F2"/></svg>'
+  },
+  twitter: {
+    label: "Twitter",
+    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="currentColor"/></svg>'
+  },
+  apple: {
+    label: "Apple",
+    icon: '<svg viewBox="0 0 24 24" width="20" height="20"><path d="M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.52-3.23 0-1.44.64-2.2.45-3.06-.4C3.79 16.17 4.36 9.02 8.8 8.78c1.27.06 2.15.72 2.91.76.93-.19 1.82-.88 2.83-.8 1.21.1 2.12.58 2.72 1.49-2.46 1.48-1.88 4.73.52 5.64-.42 1.13-.98 2.24-1.73 3.41zM12.03 8.7c-.12-2.35 1.82-4.38 4.04-4.54.29 2.56-2.34 4.68-4.04 4.54z" fill="currentColor"/></svg>'
+  }
+};
+function OAuthButtons() {
+  const { config, loginWithOAuth } = useForgeConnect();
+  const providers = config.oauthProviders ?? [];
+  if (providers.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "fc-oauth-buttons", children: providers.map((provider) => {
+    const info = PROVIDER_INFO[provider];
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "fc-btn fc-btn-oauth",
+        onClick: () => loginWithOAuth(provider),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "fc-oauth-icon", dangerouslySetInnerHTML: { __html: info.icon } }),
+          "Continue with ",
+          info.label
+        ]
+      },
+      provider
+    );
+  }) });
+}
+
+// src/components/login-modal.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function LoginModal() {
+  const { modal, closeModal, setModalStep, config } = useForgeConnect();
+  const renderStep = () => {
+    switch (modal.step) {
+      case "email-login":
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailLoginForm, {});
+      case "email-register":
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailRegisterForm, {});
+      case "email-otp":
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(EmailOtpForm, {});
+      case "wallet-connect":
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(WalletConnectForm, {});
+      case "method-select":
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MethodSelect, {});
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModalOverlay, { isOpen: modal.isOpen, onClose: closeModal, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      className: "fc-modal-content",
+      style: {
+        "--fc-accent": config.appearance?.accentColor ?? "#8b5cf6"
+      },
+      "data-theme": config.appearance?.theme ?? "light",
+      children: [
+        config.appearance?.logo && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src: config.appearance.logo, alt: "", className: "fc-logo" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: "fc-modal-title", children: config.appearance?.title ?? "Sign in" }),
+        renderStep()
+      ]
+    }
+  ) });
+}
+function MethodSelect() {
+  const { setModalStep, config } = useForgeConnect();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "fc-method-select", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(OAuthButtons, {}),
+    (config.oauthProviders?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "fc-divider", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "or" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "fc-btn fc-btn-method",
+        onClick: () => setModalStep("email-login"),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", className: "fc-method-icon", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M2 6l8 5 8-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+          ] }),
+          "Continue with email"
+        ]
+      }
+    ),
+    config.passwordlessLogin !== false && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "fc-btn fc-btn-method",
+        onClick: () => setModalStep("email-otp"),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", className: "fc-method-icon", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "6", width: "14", height: "9", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "6.5", cy: "10.5", r: "1", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "10", cy: "10.5", r: "1", fill: "currentColor" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "13.5", cy: "10.5", r: "1", fill: "currentColor" })
+          ] }),
+          "Continue with code"
+        ]
+      }
+    ),
+    config.walletLogin !== false && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "fc-btn fc-btn-method",
+        onClick: () => setModalStep("wallet-connect"),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", className: "fc-method-icon", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "2", y: "5", width: "16", height: "11", rx: "2", stroke: "currentColor", strokeWidth: "1.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "13", y: "9", width: "5", height: "3", rx: "1", stroke: "currentColor", strokeWidth: "1.5" })
+          ] }),
+          "Continue with wallet"
+        ]
+      }
+    )
+  ] });
+}
+
+// src/provider.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ForgeConnectProvider({ config, children, onLogin, onLogout }) {
+  const [auth, setAuth] = (0, import_react7.useState)({
+    status: "loading",
+    user: null,
+    accessToken: null
+  });
+  const [modal, setModal] = (0, import_react7.useState)({
+    isOpen: false,
+    step: "method-select"
+  });
+  const apiRef = (0, import_react7.useRef)(createApiClient(config.apiUrl));
+  const refreshTimerRef = (0, import_react7.useRef)(null);
+  const api = apiRef.current;
+  const scheduleRefresh = (0, import_react7.useCallback)((token) => {
+    if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
+    const delay = getRefreshDelay(token);
+    if (delay === null) return;
+    refreshTimerRef.current = setTimeout(async () => {
+      try {
+        const { accessToken } = await api.refresh();
+        setStoredToken(accessToken);
+        setAuth((prev) => ({ ...prev, accessToken }));
+        scheduleRefresh(accessToken);
+      } catch {
+        removeStoredToken();
+        setAuth({ status: "unauthenticated", user: null, accessToken: null });
+      }
+    }, delay);
+  }, [api]);
+  (0, import_react7.useEffect)(() => {
+    const init = async () => {
+      const token = getStoredToken();
+      if (!token) {
+        setAuth({ status: "unauthenticated", user: null, accessToken: null });
+        return;
+      }
+      try {
+        const user = await api.getMe(token);
+        setAuth({ status: "authenticated", user, accessToken: token });
+        scheduleRefresh(token);
+      } catch (err) {
+        if (err instanceof ForgeConnectApiError && err.status === 401) {
+          try {
+            const { accessToken } = await api.refresh();
+            const user = await api.getMe(accessToken);
+            setStoredToken(accessToken);
+            setAuth({ status: "authenticated", user, accessToken });
+            scheduleRefresh(accessToken);
+          } catch {
+            removeStoredToken();
+            setAuth({ status: "unauthenticated", user: null, accessToken: null });
+          }
+        } else {
+          removeStoredToken();
+          setAuth({ status: "unauthenticated", user: null, accessToken: null });
+        }
+      }
+    };
+    init();
+    return () => {
+      if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
+    };
+  }, [api, scheduleRefresh]);
+  (0, import_react7.useEffect)(() => {
+    if (window.location.pathname === "/__fc_oauth_callback") {
+      const params = new URLSearchParams(window.location.search);
+      const token = params.get("fc_token");
+      if (token && window.opener) {
+        window.opener.postMessage(
+          { type: "fc_oauth_callback", accessToken: token },
+          window.location.origin
+        );
+        window.close();
+        return;
+      }
+    }
+    const handleMessage = async (event) => {
+      if (event.origin !== window.location.origin) return;
+      if (event.data?.type !== "fc_oauth_callback") return;
+      const token = event.data.accessToken;
+      if (!token) return;
+      setStoredToken(token);
+      try {
+        const user = await api.getMe(token);
+        setAuth({ status: "authenticated", user, accessToken: token });
+        scheduleRefresh(token);
+        setModal({ isOpen: false, step: "method-select" });
+        onLogin?.(user);
+      } catch {
+        removeStoredToken();
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [api, config.apiUrl, scheduleRefresh, onLogin]);
+  const handleAuthSuccess = (0, import_react7.useCallback)(
+    async (token) => {
+      setStoredToken(token);
+      const user = await api.getMe(token);
+      setAuth({ status: "authenticated", user, accessToken: token });
+      scheduleRefresh(token);
+      setModal({ isOpen: false, step: "method-select" });
+      onLogin?.(user);
+    },
+    [api, scheduleRefresh, onLogin]
+  );
+  const loginWithEmail = (0, import_react7.useCallback)(
+    async (email, password) => {
+      const { accessToken } = await api.login(email, password);
+      await handleAuthSuccess(accessToken);
+    },
+    [api, handleAuthSuccess]
+  );
+  const register = (0, import_react7.useCallback)(
+    async (email, password, displayName) => {
+      await api.register(email, password, displayName);
+    },
+    [api]
+  );
+  const sendOtp = (0, import_react7.useCallback)(
+    async (email) => {
+      await api.sendOtp(email);
+    },
+    [api]
+  );
+  const verifyOtp = (0, import_react7.useCallback)(
+    async (email, code) => {
+      const { accessToken } = await api.verifyOtp(email, code);
+      await handleAuthSuccess(accessToken);
+    },
+    [api, handleAuthSuccess]
+  );
+  const loginWithWallet = (0, import_react7.useCallback)(
+    async (walletAddress, signMessage, chain = "solana") => {
+      const { challengeId, nonce } = await api.walletChallenge(walletAddress, chain);
+      const message = new TextEncoder().encode(nonce);
+      const signatureBytes = await signMessage(message);
+      const signature = chain === "solana" ? uint8ArrayToBase58(signatureBytes) : Array.from(signatureBytes).map((b) => b.toString(16).padStart(2, "0")).join("");
+      const { accessToken } = await api.walletVerify(challengeId, signature, walletAddress);
+      await handleAuthSuccess(accessToken);
+    },
+    [api, handleAuthSuccess]
+  );
+  const loginWithOAuth = (0, import_react7.useCallback)(
+    (provider) => {
+      const callbackUrl = `${config.apiUrl}/auth/oauth/${provider}`;
+      const redirectUri = encodeURIComponent(window.location.origin + "/__fc_oauth_callback");
+      const url = `${callbackUrl}?redirect_uri=${redirectUri}`;
+      const width = 500;
+      const height = 600;
+      const left = window.screenX + (window.innerWidth - width) / 2;
+      const top = window.screenY + (window.innerHeight - height) / 2;
+      window.open(url, "fc_oauth", `width=${width},height=${height},left=${left},top=${top}`);
+    },
+    [config.apiUrl]
+  );
+  const logout = (0, import_react7.useCallback)(async () => {
+    const token = auth.accessToken;
+    removeStoredToken();
+    if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
+    setAuth({ status: "unauthenticated", user: null, accessToken: null });
+    onLogout?.();
+    if (token) {
+      try {
+        await api.logout(token);
+      } catch {
+      }
+    }
+  }, [auth.accessToken, api, onLogout]);
+  const logoutAll = (0, import_react7.useCallback)(async () => {
+    const token = auth.accessToken;
+    removeStoredToken();
+    if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
+    setAuth({ status: "unauthenticated", user: null, accessToken: null });
+    onLogout?.();
+    if (token) {
+      try {
+        await api.logoutAll(token);
+      } catch {
+      }
+    }
+  }, [auth.accessToken, api, onLogout]);
+  const openModal = (0, import_react7.useCallback)(() => {
+    setModal({ isOpen: true, step: "method-select" });
+  }, []);
+  const closeModal = (0, import_react7.useCallback)(() => {
+    setModal({ isOpen: false, step: "method-select" });
+  }, []);
+  const setModalStep = (0, import_react7.useCallback)((step) => {
+    setModal((prev) => ({ ...prev, step }));
+  }, []);
+  const getAccessToken = (0, import_react7.useCallback)(() => auth.accessToken, [auth.accessToken]);
+  const value = {
+    auth,
+    modal,
+    config,
+    api,
+    loginWithEmail,
+    register,
+    sendOtp,
+    verifyOtp,
+    loginWithWallet,
+    loginWithOAuth,
+    logout,
+    logoutAll,
+    openModal,
+    closeModal,
+    setModalStep,
+    getAccessToken
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(ForgeConnectContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LoginModal, {})
+  ] });
+}
+var BASE58_ALPHABET = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
+function uint8ArrayToBase58(bytes) {
+  const digits = [0];
+  for (const byte of bytes) {
+    let carry = byte;
+    for (let j = 0; j < digits.length; j++) {
+      carry += digits[j] << 8;
+      digits[j] = carry % 58;
+      carry = carry / 58 | 0;
+    }
+    while (carry > 0) {
+      digits.push(carry % 58);
+      carry = carry / 58 | 0;
+    }
+  }
+  let str = "";
+  for (let i = 0; i < bytes.length && bytes[i] === 0; i++) {
+    str += "1";
+  }
+  for (let i = digits.length - 1; i >= 0; i--) {
+    str += BASE58_ALPHABET[digits[i]];
+  }
+  return str;
+}
+
+// src/components/login-button.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function LoginButton({ className, label }) {
+  const { auth, openModal, logout } = useForgeConnect();
+  if (auth.status === "loading") {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: className ?? "fc-btn fc-btn-login", disabled: true, children: "Loading..." });
+  }
+  if (auth.status === "authenticated") {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: className ?? "fc-btn fc-btn-login", onClick: logout, children: label ?? "Log out" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: className ?? "fc-btn fc-btn-login", onClick: openModal, children: label ?? "Sign in" });
+}
+
+// src/hooks/use-user.ts
+var import_react8 = require("react");
+function useUser() {
+  const { auth, api, getAccessToken } = useForgeConnect();
+  const [authMethods, setAuthMethods] = (0, import_react8.useState)(null);
+  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const updateProfile = (0, import_react8.useCallback)(
+    async (data) => {
+      const token = getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      return api.updateMe(token, data);
+    },
+    [api, getAccessToken]
+  );
+  const fetchAuthMethods = (0, import_react8.useCallback)(async () => {
+    const token = getAccessToken();
+    if (!token) throw new Error("Not authenticated");
+    setLoading(true);
+    try {
+      const methods = await api.getAuthMethods(token);
+      setAuthMethods(methods);
+      return methods;
+    } finally {
+      setLoading(false);
+    }
+  }, [api, getAccessToken]);
+  const linkAuthMethod = (0, import_react8.useCallback)(
+    async (data) => {
+      const token = getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      await api.linkAuthMethod(token, data);
+      await fetchAuthMethods();
+    },
+    [api, getAccessToken, fetchAuthMethods]
+  );
+  const unlinkAuthMethod = (0, import_react8.useCallback)(
+    async (id) => {
+      const token = getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      await api.unlinkAuthMethod(token, id);
+      await fetchAuthMethods();
+    },
+    [api, getAccessToken, fetchAuthMethods]
+  );
+  return {
+    user: auth.user,
+    authMethods,
+    loading,
+    updateProfile,
+    fetchAuthMethods,
+    linkAuthMethod,
+    unlinkAuthMethod
+  };
+}
+
+// src/hooks/use-wallets.ts
+var import_react9 = require("react");
+function useWallets() {
+  const { api, getAccessToken } = useForgeConnect();
+  const [wallets, setWallets] = (0, import_react9.useState)(null);
+  const [loading, setLoading] = (0, import_react9.useState)(false);
+  const fetchWallets = (0, import_react9.useCallback)(async () => {
+    const token = getAccessToken();
+    if (!token) throw new Error("Not authenticated");
+    setLoading(true);
+    try {
+      const data = await api.getWallets(token);
+      setWallets(data);
+      return data;
+    } finally {
+      setLoading(false);
+    }
+  }, [api, getAccessToken]);
+  const updateWallet = (0, import_react9.useCallback)(
+    async (id, data) => {
+      const token = getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      await api.updateWallet(token, id, data);
+      await fetchWallets();
+    },
+    [api, getAccessToken, fetchWallets]
+  );
+  return {
+    wallets,
+    loading,
+    fetchWallets,
+    updateWallet
+  };
+}
+
+// src/hooks/use-sessions.ts
+var import_react10 = require("react");
+function useSessions() {
+  const { api, getAccessToken } = useForgeConnect();
+  const [sessions, setSessions] = (0, import_react10.useState)(null);
+  const [loading, setLoading] = (0, import_react10.useState)(false);
+  const fetchSessions = (0, import_react10.useCallback)(async () => {
+    const token = getAccessToken();
+    if (!token) throw new Error("Not authenticated");
+    setLoading(true);
+    try {
+      const data = await api.getSessions(token);
+      setSessions(data);
+      return data;
+    } finally {
+      setLoading(false);
+    }
+  }, [api, getAccessToken]);
+  const revokeSession = (0, import_react10.useCallback)(
+    async (id) => {
+      const token = getAccessToken();
+      if (!token) throw new Error("Not authenticated");
+      await api.revokeSession(token, id);
+      await fetchSessions();
+    },
+    [api, getAccessToken, fetchSessions]
+  );
+  return {
+    sessions,
+    loading,
+    fetchSessions,
+    revokeSession
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ForgeConnectApiError,
+  ForgeConnectContext,
+  ForgeConnectProvider,
+  LoginButton,
+  LoginModal,
+  ModalOverlay,
+  createApiClient,
+  useForgeConnect,
+  useSessions,
+  useUser,
+  useWallets
+});
+//# sourceMappingURL=index.cjs.map