@iamgame/wallet-sdk 0.1.1 → 0.1.3

package/dist/index.cjs

@@ -80,6 +80,23 @@ var SolvenClient = class {
     this.opts.storage.set(session);
     return session;
   }
+  /** Email + OTP: send a one-time code to the address. */
+  async initiateEmail(email) {
+    return this.publicCall(
+      "POST",
+      "/auth/email/initiate",
+      { email }
+    );
+  }
+  /** Email + OTP: exchange the code for a session. */
+  async verifyEmail(email, code) {
+    const session = await this.publicCall("POST", "/auth/email/verify", {
+      email,
+      code
+    });
+    this.opts.storage.set(session);
+    return session;
+  }
   async refreshSession() {
     const current = this.opts.storage.get();
     if (!current) return null;
@@ -353,6 +370,20 @@ function useSolvenAuth() {
     const session2 = await client.verifyTelegram({ initData });
     setSession(session2);
   }, [client, setSession]);
+  const requestEmailOtp = react.useCallback(
+    async (email) => {
+      const { expiresAt } = await client.initiateEmail(email);
+      return { expiresAt };
+    },
+    [client]
+  );
+  const connectEmail = react.useCallback(
+    async (email, code) => {
+      const session2 = await client.verifyEmail(email, code);
+      setSession(session2);
+    },
+    [client, setSession]
+  );
   const logout = react.useCallback(async () => {
     await client.logout();
     setSession(null);
@@ -360,8 +391,11 @@ function useSolvenAuth() {
   return {
     user: session?.user ?? null,
     status,
+    accessToken: session?.accessToken ?? null,
     connectExternal,
     connectTelegram,
+    requestEmailOtp,
+    connectEmail,
     logout
   };
 }
@@ -553,9 +587,13 @@ var defaultTheme = {
   fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
 };
 function SolvenLoginContent(props) {
-  const { connectExternal, connectTelegram, status, user } = useSolvenAuth();
+  const { connectExternal, connectTelegram, requestEmailOtp, connectEmail, status, user } = useSolvenAuth();
   const [busy, setBusy] = react.useState(null);
   const [error, setError] = react.useState(null);
+  const [email, setEmail] = react.useState("");
+  const [otp, setOtp] = react.useState("");
+  const [otpSent, setOtpSent] = react.useState(false);
+  const showEmail = props.showEmail ?? true;
   const theme = react.useMemo(
     () => ({ ...defaultTheme, ...props.theme ?? {} }),
     [props.theme]
@@ -622,6 +660,31 @@ function SolvenLoginContent(props) {
       setBusy(null);
     }
   };
+  const handleSendOtp = async () => {
+    setBusy("email");
+    setError(null);
+    try {
+      await requestEmailOtp(email.trim());
+      setOtpSent(true);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Couldn't send the code");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const handleVerifyOtp = async () => {
+    setBusy("email");
+    setError(null);
+    try {
+      await connectEmail(email.trim(), otp.trim());
+      props.onSignIn?.();
+      props.onCloseAfterSignIn?.();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Couldn't verify the code");
+    } finally {
+      setBusy(null);
+    }
+  };
   const buttonBase = {
     width: "100%",
     padding: "0.75rem 0.875rem",
@@ -707,6 +770,135 @@ function SolvenLoginContent(props) {
         w.id
       );
     }) }),
+    !inTma && showEmail && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "1rem" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "0.625rem",
+            margin: "0.25rem 0 0.875rem",
+            color: theme.muted,
+            fontSize: "0.8125rem"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1, height: 1, background: theme.border } }),
+            "or",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { flex: 1, height: 1, background: theme.border } })
+          ]
+        }
+      ),
+      !otpSent ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "email",
+            inputMode: "email",
+            autoComplete: "email",
+            placeholder: "you@email.com",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            style: {
+              width: "100%",
+              padding: "0.75rem 0.875rem",
+              borderRadius: theme.radius,
+              border: `1px solid ${theme.border}`,
+              background: theme.surface,
+              color: theme.foreground,
+              fontSize: "0.9375rem",
+              outline: "none",
+              boxSizing: "border-box"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleSendOtp,
+            disabled: busy !== null || !email.includes("@"),
+            style: {
+              ...buttonBase,
+              justifyContent: "center",
+              background: theme.primary,
+              color: "#ffffff",
+              border: "none",
+              opacity: busy === "email" || !email.includes("@") ? 0.6 : 1
+            },
+            children: busy === "email" ? "Sending\u2026" : "Email me a code"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { color: theme.muted, fontSize: "0.8125rem" }, children: [
+          "Enter the 6-digit code sent to ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: email.trim() }),
+          "."
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "numeric",
+            autoComplete: "one-time-code",
+            maxLength: 6,
+            placeholder: "123456",
+            value: otp,
+            onChange: (e) => setOtp(e.target.value.replace(/\D/g, "")),
+            style: {
+              width: "100%",
+              padding: "0.75rem 0.875rem",
+              borderRadius: theme.radius,
+              border: `1px solid ${theme.border}`,
+              background: theme.surface,
+              color: theme.foreground,
+              fontSize: "1.125rem",
+              letterSpacing: "0.3em",
+              textAlign: "center",
+              outline: "none",
+              boxSizing: "border-box"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleVerifyOtp,
+            disabled: busy !== null || otp.length !== 6,
+            style: {
+              ...buttonBase,
+              justifyContent: "center",
+              background: theme.primary,
+              color: "#ffffff",
+              border: "none",
+              opacity: busy === "email" || otp.length !== 6 ? 0.6 : 1
+            },
+            children: busy === "email" ? "Verifying\u2026" : "Verify & sign in"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setOtpSent(false);
+              setOtp("");
+              setError(null);
+            },
+            style: {
+              background: "none",
+              border: "none",
+              color: theme.muted,
+              fontSize: "0.8125rem",
+              cursor: "pointer",
+              padding: "0.25rem"
+            },
+            children: "Use a different email"
+          }
+        )
+      ] })
+    ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {

package/dist/index.d.cts

@@ -1,12 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 
-type AuthMethod = "siws" | "telegram";
+type AuthMethod = "siws" | "telegram" | "email";
 interface IUserIdentity {
     id: string;
     type: AuthMethod;
-    /** For SIWS: base58 Solana pubkey. For Telegram: numeric user id as string. */
+    /** For SIWS: base58 Solana pubkey. For Telegram: numeric user id as string. For email: the address. */
     externalId: string;
+    /** Provider-specific profile captured at login (e.g. Telegram { username, firstName }).
+     *  Display/attribution only — null when none was captured. */
+    profile?: Record<string, unknown> | null;
 }
 interface IUserWallet {
     /** base58 Solana pubkey */
@@ -156,7 +159,7 @@ interface IWebhookSignatureHeader {
     signature: string;
 }
 
-type IAMGameErrorCode = "auth/invalid_signature" | "auth/challenge_expired" | "auth/challenge_already_redeemed" | "auth/invalid_init_data" | "auth/init_data_stale" | "auth/init_data_replayed" | "auth/missing_token" | "auth/invalid_token" | "auth/expired_token" | "wallet/not_found" | "wallet/insufficient_balance" | "wallet/export_blocked" | "wallet/already_exported" | "user/not_found" | "user/suspended" | "compliance/blocked" | "sign/invalid_transaction" | "sign/wallet_archived" | "sign/internal_failure" | "withdrawal/insufficient_balance" | "withdrawal/limit_exceeded" | "ledger/insufficient_balance" | "ledger/session_not_found" | "ledger/session_closed" | "ledger/bet_not_found" | "ledger/bet_rolled_back" | "ledger/currency_mismatch" | "ratelimit/exceeded" | "idempotency/key_in_use" | "validation/bad_request" | "server/internal";
+type IAMGameErrorCode = "auth/invalid_signature" | "auth/challenge_expired" | "auth/challenge_already_redeemed" | "auth/invalid_init_data" | "auth/init_data_stale" | "auth/init_data_replayed" | "auth/missing_token" | "auth/invalid_token" | "auth/expired_token" | "auth/method_not_allowed" | "auth/invalid_otp" | "auth/otp_not_found" | "auth/otp_locked" | "wallet/not_found" | "wallet/insufficient_balance" | "wallet/export_blocked" | "wallet/already_exported" | "user/not_found" | "user/suspended" | "compliance/blocked" | "sign/invalid_transaction" | "sign/wallet_archived" | "sign/internal_failure" | "withdrawal/insufficient_balance" | "withdrawal/limit_exceeded" | "ledger/insufficient_balance" | "ledger/session_not_found" | "ledger/session_closed" | "ledger/bet_not_found" | "ledger/bet_rolled_back" | "ledger/currency_mismatch" | "ratelimit/exceeded" | "idempotency/key_in_use" | "validation/bad_request" | "server/internal";
 interface IIAMGameErrorEnvelope {
     code: IAMGameErrorCode;
     message: string;
@@ -194,6 +197,13 @@ declare class IAMGameClient {
     requestSiwsChallenge(publicKey: string): Promise<ISiwsChallenge>;
     verifySiws(req: ISiwsVerifyRequest): Promise<ISession>;
     verifyTelegram(req: ITelegramVerifyRequest): Promise<ISession>;
+    /** Email + OTP: send a one-time code to the address. */
+    initiateEmail(email: string): Promise<{
+        sent: boolean;
+        expiresAt: string;
+    }>;
+    /** Email + OTP: exchange the code for a session. */
+    verifyEmail(email: string, code: string): Promise<ISession>;
     refreshSession(): Promise<ISession | null>;
     logout(): Promise<void>;
     getSession(): ISession | null;
@@ -251,6 +261,19 @@ interface IUseIAMGameAuth {
     connectExternal: (adapter: IExternalWalletAdapter) => Promise<void>;
     /** Run the Telegram TMA flow. Reads `window.Telegram.WebApp.initData` and posts to IAMGame. */
     connectTelegram: () => Promise<void>;
+    /**
+     * The current session's access token, or null when anonymous. Hand this to YOUR
+     * backend, which verifies it server-to-server (POST /v1/sessions/verify with your
+     * secret key) and mints its own app session. Never trust it as proof of identity
+     * on its own — it must be verified server-side.
+     */
+    accessToken: string | null;
+    /** Email + OTP step 1: email a one-time code to the address. */
+    requestEmailOtp: (email: string) => Promise<{
+        expiresAt: string;
+    }>;
+    /** Email + OTP step 2: exchange the code for a session. */
+    connectEmail: (email: string, code: string) => Promise<void>;
     logout: () => Promise<void>;
 }
 declare function useIAMGameAuth(): IUseIAMGameAuth;
@@ -307,6 +330,12 @@ interface CommonProps {
      * no clicks. Defaults to true.
      */
     autoTelegram?: boolean;
+    /**
+     * Show the email + one-time-code login option (web / non-TMA). Defaults to true.
+     * The app must also enable `email` in its allowed auth methods, or the send-code
+     * call is rejected.
+     */
+    showEmail?: boolean;
 }
 type IAMGameLoginProps = CommonProps;
 interface IAMGameLoginModalProps extends CommonProps {

package/dist/index.d.ts

@@ -1,12 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 
-type AuthMethod = "siws" | "telegram";
+type AuthMethod = "siws" | "telegram" | "email";
 interface IUserIdentity {
     id: string;
     type: AuthMethod;
-    /** For SIWS: base58 Solana pubkey. For Telegram: numeric user id as string. */
+    /** For SIWS: base58 Solana pubkey. For Telegram: numeric user id as string. For email: the address. */
     externalId: string;
+    /** Provider-specific profile captured at login (e.g. Telegram { username, firstName }).
+     *  Display/attribution only — null when none was captured. */
+    profile?: Record<string, unknown> | null;
 }
 interface IUserWallet {
     /** base58 Solana pubkey */
@@ -156,7 +159,7 @@ interface IWebhookSignatureHeader {
     signature: string;
 }
 
-type IAMGameErrorCode = "auth/invalid_signature" | "auth/challenge_expired" | "auth/challenge_already_redeemed" | "auth/invalid_init_data" | "auth/init_data_stale" | "auth/init_data_replayed" | "auth/missing_token" | "auth/invalid_token" | "auth/expired_token" | "wallet/not_found" | "wallet/insufficient_balance" | "wallet/export_blocked" | "wallet/already_exported" | "user/not_found" | "user/suspended" | "compliance/blocked" | "sign/invalid_transaction" | "sign/wallet_archived" | "sign/internal_failure" | "withdrawal/insufficient_balance" | "withdrawal/limit_exceeded" | "ledger/insufficient_balance" | "ledger/session_not_found" | "ledger/session_closed" | "ledger/bet_not_found" | "ledger/bet_rolled_back" | "ledger/currency_mismatch" | "ratelimit/exceeded" | "idempotency/key_in_use" | "validation/bad_request" | "server/internal";
+type IAMGameErrorCode = "auth/invalid_signature" | "auth/challenge_expired" | "auth/challenge_already_redeemed" | "auth/invalid_init_data" | "auth/init_data_stale" | "auth/init_data_replayed" | "auth/missing_token" | "auth/invalid_token" | "auth/expired_token" | "auth/method_not_allowed" | "auth/invalid_otp" | "auth/otp_not_found" | "auth/otp_locked" | "wallet/not_found" | "wallet/insufficient_balance" | "wallet/export_blocked" | "wallet/already_exported" | "user/not_found" | "user/suspended" | "compliance/blocked" | "sign/invalid_transaction" | "sign/wallet_archived" | "sign/internal_failure" | "withdrawal/insufficient_balance" | "withdrawal/limit_exceeded" | "ledger/insufficient_balance" | "ledger/session_not_found" | "ledger/session_closed" | "ledger/bet_not_found" | "ledger/bet_rolled_back" | "ledger/currency_mismatch" | "ratelimit/exceeded" | "idempotency/key_in_use" | "validation/bad_request" | "server/internal";
 interface IIAMGameErrorEnvelope {
     code: IAMGameErrorCode;
     message: string;
@@ -194,6 +197,13 @@ declare class IAMGameClient {
     requestSiwsChallenge(publicKey: string): Promise<ISiwsChallenge>;
     verifySiws(req: ISiwsVerifyRequest): Promise<ISession>;
     verifyTelegram(req: ITelegramVerifyRequest): Promise<ISession>;
+    /** Email + OTP: send a one-time code to the address. */
+    initiateEmail(email: string): Promise<{
+        sent: boolean;
+        expiresAt: string;
+    }>;
+    /** Email + OTP: exchange the code for a session. */
+    verifyEmail(email: string, code: string): Promise<ISession>;
     refreshSession(): Promise<ISession | null>;
     logout(): Promise<void>;
     getSession(): ISession | null;
@@ -251,6 +261,19 @@ interface IUseIAMGameAuth {
     connectExternal: (adapter: IExternalWalletAdapter) => Promise<void>;
     /** Run the Telegram TMA flow. Reads `window.Telegram.WebApp.initData` and posts to IAMGame. */
     connectTelegram: () => Promise<void>;
+    /**
+     * The current session's access token, or null when anonymous. Hand this to YOUR
+     * backend, which verifies it server-to-server (POST /v1/sessions/verify with your
+     * secret key) and mints its own app session. Never trust it as proof of identity
+     * on its own — it must be verified server-side.
+     */
+    accessToken: string | null;
+    /** Email + OTP step 1: email a one-time code to the address. */
+    requestEmailOtp: (email: string) => Promise<{
+        expiresAt: string;
+    }>;
+    /** Email + OTP step 2: exchange the code for a session. */
+    connectEmail: (email: string, code: string) => Promise<void>;
     logout: () => Promise<void>;
 }
 declare function useIAMGameAuth(): IUseIAMGameAuth;
@@ -307,6 +330,12 @@ interface CommonProps {
      * no clicks. Defaults to true.
      */
     autoTelegram?: boolean;
+    /**
+     * Show the email + one-time-code login option (web / non-TMA). Defaults to true.
+     * The app must also enable `email` in its allowed auth methods, or the send-code
+     * call is rejected.
+     */
+    showEmail?: boolean;
 }
 type IAMGameLoginProps = CommonProps;
 interface IAMGameLoginModalProps extends CommonProps {

package/dist/index.js

@@ -78,6 +78,23 @@ var SolvenClient = class {
     this.opts.storage.set(session);
     return session;
   }
+  /** Email + OTP: send a one-time code to the address. */
+  async initiateEmail(email) {
+    return this.publicCall(
+      "POST",
+      "/auth/email/initiate",
+      { email }
+    );
+  }
+  /** Email + OTP: exchange the code for a session. */
+  async verifyEmail(email, code) {
+    const session = await this.publicCall("POST", "/auth/email/verify", {
+      email,
+      code
+    });
+    this.opts.storage.set(session);
+    return session;
+  }
   async refreshSession() {
     const current = this.opts.storage.get();
     if (!current) return null;
@@ -351,6 +368,20 @@ function useSolvenAuth() {
     const session2 = await client.verifyTelegram({ initData });
     setSession(session2);
   }, [client, setSession]);
+  const requestEmailOtp = useCallback(
+    async (email) => {
+      const { expiresAt } = await client.initiateEmail(email);
+      return { expiresAt };
+    },
+    [client]
+  );
+  const connectEmail = useCallback(
+    async (email, code) => {
+      const session2 = await client.verifyEmail(email, code);
+      setSession(session2);
+    },
+    [client, setSession]
+  );
   const logout = useCallback(async () => {
     await client.logout();
     setSession(null);
@@ -358,8 +389,11 @@ function useSolvenAuth() {
   return {
     user: session?.user ?? null,
     status,
+    accessToken: session?.accessToken ?? null,
     connectExternal,
     connectTelegram,
+    requestEmailOtp,
+    connectEmail,
     logout
   };
 }
@@ -551,9 +585,13 @@ var defaultTheme = {
   fontFamily: 'system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
 };
 function SolvenLoginContent(props) {
-  const { connectExternal, connectTelegram, status, user } = useSolvenAuth();
+  const { connectExternal, connectTelegram, requestEmailOtp, connectEmail, status, user } = useSolvenAuth();
   const [busy, setBusy] = useState(null);
   const [error, setError] = useState(null);
+  const [email, setEmail] = useState("");
+  const [otp, setOtp] = useState("");
+  const [otpSent, setOtpSent] = useState(false);
+  const showEmail = props.showEmail ?? true;
   const theme = useMemo(
     () => ({ ...defaultTheme, ...props.theme ?? {} }),
     [props.theme]
@@ -620,6 +658,31 @@ function SolvenLoginContent(props) {
       setBusy(null);
     }
   };
+  const handleSendOtp = async () => {
+    setBusy("email");
+    setError(null);
+    try {
+      await requestEmailOtp(email.trim());
+      setOtpSent(true);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Couldn't send the code");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const handleVerifyOtp = async () => {
+    setBusy("email");
+    setError(null);
+    try {
+      await connectEmail(email.trim(), otp.trim());
+      props.onSignIn?.();
+      props.onCloseAfterSignIn?.();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Couldn't verify the code");
+    } finally {
+      setBusy(null);
+    }
+  };
   const buttonBase = {
     width: "100%",
     padding: "0.75rem 0.875rem",
@@ -705,6 +768,135 @@ function SolvenLoginContent(props) {
         w.id
       );
     }) }),
+    !inTma && showEmail && /* @__PURE__ */ jsxs("div", { style: { marginTop: "1rem" }, children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "0.625rem",
+            margin: "0.25rem 0 0.875rem",
+            color: theme.muted,
+            fontSize: "0.8125rem"
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { style: { flex: 1, height: 1, background: theme.border } }),
+            "or",
+            /* @__PURE__ */ jsx("span", { style: { flex: 1, height: 1, background: theme.border } })
+          ]
+        }
+      ),
+      !otpSent ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "email",
+            inputMode: "email",
+            autoComplete: "email",
+            placeholder: "you@email.com",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            style: {
+              width: "100%",
+              padding: "0.75rem 0.875rem",
+              borderRadius: theme.radius,
+              border: `1px solid ${theme.border}`,
+              background: theme.surface,
+              color: theme.foreground,
+              fontSize: "0.9375rem",
+              outline: "none",
+              boxSizing: "border-box"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleSendOtp,
+            disabled: busy !== null || !email.includes("@"),
+            style: {
+              ...buttonBase,
+              justifyContent: "center",
+              background: theme.primary,
+              color: "#ffffff",
+              border: "none",
+              opacity: busy === "email" || !email.includes("@") ? 0.6 : 1
+            },
+            children: busy === "email" ? "Sending\u2026" : "Email me a code"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsxs("div", { style: { color: theme.muted, fontSize: "0.8125rem" }, children: [
+          "Enter the 6-digit code sent to ",
+          /* @__PURE__ */ jsx("strong", { children: email.trim() }),
+          "."
+        ] }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "numeric",
+            autoComplete: "one-time-code",
+            maxLength: 6,
+            placeholder: "123456",
+            value: otp,
+            onChange: (e) => setOtp(e.target.value.replace(/\D/g, "")),
+            style: {
+              width: "100%",
+              padding: "0.75rem 0.875rem",
+              borderRadius: theme.radius,
+              border: `1px solid ${theme.border}`,
+              background: theme.surface,
+              color: theme.foreground,
+              fontSize: "1.125rem",
+              letterSpacing: "0.3em",
+              textAlign: "center",
+              outline: "none",
+              boxSizing: "border-box"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleVerifyOtp,
+            disabled: busy !== null || otp.length !== 6,
+            style: {
+              ...buttonBase,
+              justifyContent: "center",
+              background: theme.primary,
+              color: "#ffffff",
+              border: "none",
+              opacity: busy === "email" || otp.length !== 6 ? 0.6 : 1
+            },
+            children: busy === "email" ? "Verifying\u2026" : "Verify & sign in"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setOtpSent(false);
+              setOtp("");
+              setError(null);
+            },
+            style: {
+              background: "none",
+              border: "none",
+              color: theme.muted,
+              fontSize: "0.8125rem",
+              cursor: "pointer",
+              padding: "0.25rem"
+            },
+            children: "Use a different email"
+          }
+        )
+      ] })
+    ] }),
     error && /* @__PURE__ */ jsx(
       "div",
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iamgame/wallet-sdk",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "IAMGame Wallet browser SDK — Telegram & Solana wallet auth, balances, server-side signing, and key export. Drop-in React provider for game frontends.",
   "license": "MIT",
   "homepage": "https://wallet.iamgame.com",