@iamgame/wallet-sdk 0.1.0 → 0.1.2

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;
@@ -254,7 +271,7 @@ function useSolvenContext() {
   if (!ctx) throw new Error("useSolvenContext must be inside a <SolvenProvider />");
   return ctx;
 }
-function SolvenProvider({ children, ...opts }) {
+function SolvenProvider({ children, autoTelegram = true, ...opts }) {
   const client = react.useMemo(() => new SolvenClient(opts), [
     opts.publishableKey,
     opts.baseUrl,
@@ -295,6 +312,32 @@ function SolvenProvider({ children, ...opts }) {
       cancelled = true;
     };
   }, [client]);
+  const triedTelegram = react.useRef(false);
+  react.useEffect(() => {
+    if (!autoTelegram || status !== "anonymous" || triedTelegram.current) return;
+    triedTelegram.current = true;
+    let cancelled = false;
+    (async () => {
+      let initData = getTelegramInitData();
+      for (let i = 0; i < 4 && !initData; i++) {
+        await new Promise((r) => setTimeout(r, 400));
+        if (cancelled) return;
+        initData = getTelegramInitData();
+      }
+      if (!initData) return;
+      try {
+        notifyTelegramReady();
+        const next = await client.verifyTelegram({ initData });
+        if (cancelled) return;
+        setSession(next);
+        setStatus("authenticated");
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [autoTelegram, status, client]);
   const value = {
     client,
     session,
@@ -327,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);
@@ -336,6 +393,8 @@ function useSolvenAuth() {
     status,
     connectExternal,
     connectTelegram,
+    requestEmailOtp,
+    connectEmail,
     logout
   };
 }
@@ -527,9 +586,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]
@@ -596,6 +659,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",
@@ -681,6 +769,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,23 @@
 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 */
+    address: string;
+    /** test (devnet) or live (mainnet) — wallets are isolated per environment. */
+    environment: "test" | "live";
+    custody: "self" | "operator";
+    status: "active" | "exported" | "archived";
 }
 interface IUser {
     id: string;
@@ -14,6 +25,8 @@ interface IUser {
     studioUserId?: string;
     primaryIdentity: IUserIdentity;
     identities: IUserIdentity[];
+    /** Managed wallets owned by this user. Lets a relying server confirm a claimed address. */
+    wallets: IUserWallet[];
     createdAt: string;
 }
 /** SIWS challenge issued by the signer; the client signs it with its external wallet. */
@@ -146,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" | "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;
@@ -184,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;
@@ -241,6 +261,12 @@ interface IUseIAMGameAuth {
     connectExternal: (adapter: IExternalWalletAdapter) => Promise<void>;
     /** Run the Telegram TMA flow. Reads `window.Telegram.WebApp.initData` and posts to IAMGame. */
     connectTelegram: () => Promise<void>;
+    /** 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;
@@ -297,6 +323,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,23 @@
 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 */
+    address: string;
+    /** test (devnet) or live (mainnet) — wallets are isolated per environment. */
+    environment: "test" | "live";
+    custody: "self" | "operator";
+    status: "active" | "exported" | "archived";
 }
 interface IUser {
     id: string;
@@ -14,6 +25,8 @@ interface IUser {
     studioUserId?: string;
     primaryIdentity: IUserIdentity;
     identities: IUserIdentity[];
+    /** Managed wallets owned by this user. Lets a relying server confirm a claimed address. */
+    wallets: IUserWallet[];
     createdAt: string;
 }
 /** SIWS challenge issued by the signer; the client signs it with its external wallet. */
@@ -146,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" | "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;
@@ -184,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;
@@ -241,6 +261,12 @@ interface IUseIAMGameAuth {
     connectExternal: (adapter: IExternalWalletAdapter) => Promise<void>;
     /** Run the Telegram TMA flow. Reads `window.Telegram.WebApp.initData` and posts to IAMGame. */
     connectTelegram: () => Promise<void>;
+    /** 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;
@@ -297,6 +323,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

@@ -1,4 +1,4 @@
-import { createContext, useMemo, useState, useEffect, useCallback, useRef, useContext } from 'react';
+import { createContext, useMemo, useState, useEffect, useRef, useCallback, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -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;
@@ -252,7 +269,7 @@ function useSolvenContext() {
   if (!ctx) throw new Error("useSolvenContext must be inside a <SolvenProvider />");
   return ctx;
 }
-function SolvenProvider({ children, ...opts }) {
+function SolvenProvider({ children, autoTelegram = true, ...opts }) {
   const client = useMemo(() => new SolvenClient(opts), [
     opts.publishableKey,
     opts.baseUrl,
@@ -293,6 +310,32 @@ function SolvenProvider({ children, ...opts }) {
       cancelled = true;
     };
   }, [client]);
+  const triedTelegram = useRef(false);
+  useEffect(() => {
+    if (!autoTelegram || status !== "anonymous" || triedTelegram.current) return;
+    triedTelegram.current = true;
+    let cancelled = false;
+    (async () => {
+      let initData = getTelegramInitData();
+      for (let i = 0; i < 4 && !initData; i++) {
+        await new Promise((r) => setTimeout(r, 400));
+        if (cancelled) return;
+        initData = getTelegramInitData();
+      }
+      if (!initData) return;
+      try {
+        notifyTelegramReady();
+        const next = await client.verifyTelegram({ initData });
+        if (cancelled) return;
+        setSession(next);
+        setStatus("authenticated");
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [autoTelegram, status, client]);
   const value = {
     client,
     session,
@@ -325,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);
@@ -334,6 +391,8 @@ function useSolvenAuth() {
     status,
     connectExternal,
     connectTelegram,
+    requestEmailOtp,
+    connectEmail,
     logout
   };
 }
@@ -525,9 +584,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]
@@ -594,6 +657,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",
@@ -679,6 +767,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.0",
+  "version": "0.1.2",
   "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",