@coinbase/cdp-hooks 0.0.33 → 0.0.34

package/README.md

@@ -153,6 +153,27 @@ function App() {
 
 * When `createAccountOnLogin` is set to `"evm-smart"`, new users will automatically get both an EOA and a Smart Account.
 
+#### Solana Configuration
+
+You can configure the provider to create Solana accounts for new users:
+
+```tsx lines
+function App() {
+  return (
+    <CDPHooksProvider
+      config={{
+        projectId: "your-project-id",
+        createAccountOnLogin: "solana", // Creates Solana accounts instead of EVM accounts
+      }}
+    >
+      <App />
+    </CDPHooksProvider>
+  );
+}
+```
+
+* When `createAccountOnLogin` is set to `"solana"`, new users will automatically get a Solana account instead of EVM accounts.
+
 ### Sign In a User
 
 End user authentication proceeds in two steps:
@@ -184,8 +205,17 @@ function SignIn() {
       });
 
       console.log("Signed in user:", user);
-      console.log("User EVM address (EOA):", user.evmAccounts[0]);
-      console.log("User Smart Account:", user.evmSmartAccounts?.[0]);
+      
+      // Access different account types based on configuration
+      if (user.evmAccounts?.length > 0) {
+        console.log("User EVM address (EOA):", user.evmAccounts[0]);
+      }
+      if (user.evmSmartAccounts?.length > 0) {
+        console.log("User Smart Account:", user.evmSmartAccounts[0]);
+      }
+      if (user.solanaAccounts?.length > 0) {
+        console.log("User Solana address:", user.solanaAccounts[0]);
+      }
     } catch (error) {
       console.error("Sign in failed:", error);
     }
@@ -334,11 +364,129 @@ function UserInformation() {
     <div>
       <h2>User Information</h2>
       <p>User ID: {user.userId}</p>
-      <p>EVM Address (EOA): {evmAddress}</p>
-      {user.evmSmartAccounts?.[0] && (
-        <p>Smart Account: {user.evmSmartAccounts[0]}</p>
-      )}
-      { email && <p>EmailAddress: {emailAddress}</p>}
+
+      <>
+        <p>EVM Address (EOA): {evmAddress}</p>
+        {user.evmSmartAccounts?.[0] && (
+          <p>Smart Account: {user.evmSmartAccounts[0]}</p>
+        )}
+      </>
+
+      {emailAddress && <p>Email Address: {emailAddress}</p>}
+    </div>
+  );
+}
+```
+
+### Working with Solana
+
+When your application is configured with `createAccountOnLogin: "solana"`, you can use Solana-specific hooks to interact with Solana accounts.
+
+#### Access Solana Address
+
+Use the `useSolanaAddress` hook to get the user's primary Solana address:
+
+```tsx lines
+import { useSolanaAddress } from "@coinbase/cdp-hooks";
+
+function SolanaWallet() {
+  const { solanaAddress } = useSolanaAddress();
+
+  if (!solanaAddress) {
+    return <div>No Solana wallet connected</div>;
+  }
+
+  return (
+    <div>
+      <h3>Your Solana Wallet</h3>
+      <p>Address: {solanaAddress}</p>
+    </div>
+  );
+}
+```
+
+#### Sign a Solana Transaction
+
+Use the `useSignSolanaTransaction` hook to sign Solana transactions:
+
+```tsx lines
+import { useSignSolanaTransaction, useSolanaAddress } from "@coinbase/cdp-hooks";
+
+function SolanaTransactionSigner() {
+  const { signSolanaTransaction } = useSignSolanaTransaction();
+  const { solanaAddress } = useSolanaAddress();
+
+  const handleSignTransaction = async () => {
+    if (!solanaAddress) return;
+
+    try {
+      const result = await signSolanaTransaction({
+        solanaAccount: solanaAddress,
+        transaction: "base64-encoded-solana-transaction"  // Your Solana transaction here
+      });
+      
+      console.log("Signed Transaction:", result.signedTransaction);
+      // The signedTransaction can now be broadcast to the Solana network
+    } catch (error) {
+      console.error("Failed to sign transaction:", error);
+    }
+  };
+
+  if (!solanaAddress) {
+    return <div>Please connect your Solana wallet first</div>;
+  }
+
+  return (
+    <div>
+      <h3>Sign Solana Transaction</h3>
+      <button onClick={handleSignTransaction}>
+        Sign Transaction
+      </button>
+    </div>
+  );
+}
+```
+
+#### Send a Solana Transaction
+
+Use the `useSendSolanaTransaction` hook to sign and send Solana transactions in a single action. This is supported on:
+- Solana Mainnet
+- Solana Devnet
+
+```tsx lines
+import { useSendSolanaTransaction, useSolanaAddress } from "@coinbase/cdp-hooks";
+
+function SolanaTransactionSender() {
+  const { sendSolanaTransaction } = useSendSolanaTransaction();
+  const { solanaAddress } = useSolanaAddress();
+
+  const handleSendTransaction = async () => {
+    if (!solanaAddress) return;
+
+    try {
+      const result = await sendSolanaTransaction({
+        solanaAccount: solanaAddress,
+        network: "solana-devnet", // or "solana" for mainnet
+        transaction: "base64-encoded-solana-transaction"  // Your Solana transaction here
+      });
+      
+      console.log("Transaction Signature:", result.transactionSignature);
+      // The transaction has been broadcast to the Solana network
+    } catch (error) {
+      console.error("Failed to send transaction:", error);
+    }
+  };
+
+  if (!solanaAddress) {
+    return <div>Please connect your Solana wallet first</div>;
+  }
+
+  return (
+    <div>
+      <h3>Send Solana Transaction</h3>
+      <button onClick={handleSendTransaction}>
+        Send Transaction
+      </button>
     </div>
   );
 }

package/dist/esm/index.js

@@ -1,29 +1,32 @@
 import { APIError as n } from "@coinbase/cdp-core";
 import { CDPContext as i, CDPHooksProvider as u } from "./index2.js";
-import { useConfig as o, useCurrentUser as a, useEnforceAuthenticated as m, useEnforceUnauthenticated as E, useEvmAddress as S, useExportEvmAccount as c, useGetAccessToken as d, useIsInitialized as g, useIsSignedIn as f, useSendEvmTransaction as v, useSendUserOperation as p, useSignEvmHash as I, useSignEvmMessage as P, useSignEvmTransaction as T, useSignEvmTypedData as h, useSignInWithEmail as x, useSignInWithSms as A, useSignOut as C, useVerifyEmailOTP as O, useVerifySmsOTP as U, useWaitForUserOperation as l } from "./index3.js";
+import { useConfig as o, useCurrentUser as t, useEnforceAuthenticated as S, useEnforceUnauthenticated as m, useEvmAddress as d, useExportEvmAccount as E, useGetAccessToken as c, useIsInitialized as g, useIsSignedIn as f, useSendEvmTransaction as v, useSendSolanaTransaction as T, useSendUserOperation as p, useSignEvmHash as I, useSignEvmMessage as l, useSignEvmTransaction as A, useSignEvmTypedData as P, useSignInWithEmail as h, useSignInWithSms as x, useSignOut as C, useSignSolanaTransaction as O, useSolanaAddress as U, useVerifyEmailOTP as y, useVerifySmsOTP as D, useWaitForUserOperation as W } from "./index3.js";
 export {
   n as APIError,
   i as CDPContext,
   u as CDPHooksProvider,
   o as useConfig,
-  a as useCurrentUser,
-  m as useEnforceAuthenticated,
-  E as useEnforceUnauthenticated,
-  S as useEvmAddress,
-  c as useExportEvmAccount,
-  d as useGetAccessToken,
+  t as useCurrentUser,
+  S as useEnforceAuthenticated,
+  m as useEnforceUnauthenticated,
+  d as useEvmAddress,
+  E as useExportEvmAccount,
+  c as useGetAccessToken,
   g as useIsInitialized,
   f as useIsSignedIn,
   v as useSendEvmTransaction,
+  T as useSendSolanaTransaction,
   p as useSendUserOperation,
   I as useSignEvmHash,
-  P as useSignEvmMessage,
-  T as useSignEvmTransaction,
-  h as useSignEvmTypedData,
-  x as useSignInWithEmail,
-  A as useSignInWithSms,
+  l as useSignEvmMessage,
+  A as useSignEvmTransaction,
+  P as useSignEvmTypedData,
+  h as useSignInWithEmail,
+  x as useSignInWithSms,
   C as useSignOut,
-  O as useVerifyEmailOTP,
-  U as useVerifySmsOTP,
-  l as useWaitForUserOperation
+  O as useSignSolanaTransaction,
+  U as useSolanaAddress,
+  y as useVerifyEmailOTP,
+  D as useVerifySmsOTP,
+  W as useWaitForUserOperation
 };

package/dist/esm/index3.js

@@ -1,77 +1,84 @@
-import { getAccessToken as y, sendUserOperation as O, signInWithEmail as I, signInWithSms as U, verifyEmailOTP as A, verifySmsOTP as P, signOut as k, signEvmHash as C, signEvmTransaction as W, sendEvmTransaction as H, signEvmMessage as x, signEvmTypedData as b, exportEvmAccount as D, getUserOperation as M } from "@coinbase/cdp-core";
-import { useState as u, useEffect as w, useMemo as V, useCallback as f } from "react";
+import { getAccessToken as y, sendUserOperation as O, signInWithEmail as A, signInWithSms as I, verifyEmailOTP as U, verifySmsOTP as P, signOut as k, signEvmHash as C, signEvmTransaction as W, sendEvmTransaction as H, signEvmMessage as x, signEvmTypedData as b, exportEvmAccount as D, signSolanaTransaction as M, sendSolanaTransaction as V, getUserOperation as F } from "@coinbase/cdp-core";
+import { useState as u, useEffect as f, useMemo as z, useCallback as h } from "react";
 import { useCDP as p } from "./index2.js";
-import { useAutoPolling as F } from "./index4.js";
-import { getPublicClient as z } from "./index5.js";
-const L = () => {
-  const { config: e } = p();
-  return { config: e };
-}, N = () => {
-  const { isInitialized: e } = p();
-  return { isInitialized: e };
-}, Q = () => ({ signInWithEmail: E(I) }), X = () => ({ signInWithSms: E(U) }), Y = () => ({ verifyEmailOTP: E(A) }), Z = () => ({ verifySmsOTP: E(P) }), _ = () => {
-  const { isSignedIn: e } = p();
-  return { isSignedIn: e };
-}, h = () => {
-  const { currentUser: e } = p();
-  return { currentUser: e };
-}, $ = () => ({ signOut: c(k) }), R = () => ({ getAccessToken: y }), ee = () => {
-  const { currentUser: e } = h();
+import { useAutoPolling as G } from "./index4.js";
+import { getPublicClient as j } from "./index5.js";
+const Q = () => {
+  const { config: n } = p();
+  return { config: n };
+}, X = () => {
+  const { isInitialized: n } = p();
+  return { isInitialized: n };
+}, Y = () => ({ signInWithEmail: S(A) }), Z = () => ({ signInWithSms: S(I) }), _ = () => ({ verifyEmailOTP: S(U) }), $ = () => ({ verifySmsOTP: S(P) }), R = () => {
+  const { isSignedIn: n } = p();
+  return { isSignedIn: n };
+}, w = () => {
+  const { currentUser: n } = p();
+  return { currentUser: n };
+}, nn = () => ({ signOut: i(k) }), en = () => ({ getAccessToken: y }), tn = () => {
+  const { currentUser: n } = w();
+  return {
+    evmAddress: n?.evmSmartAccounts?.[0] ?? n?.evmAccounts?.[0] ?? null
+  };
+}, rn = () => {
+  const { currentUser: n } = w();
   return {
-    evmAddress: e?.evmSmartAccounts?.[0] ?? e?.evmAccounts?.[0] ?? null
+    solanaAddress: n?.solanaAccounts?.[0] ?? null
   };
-}, ne = () => ({ signEvmHash: c(C) }), te = () => ({ signEvmTransaction: c(W) }), re = () => {
-  const [e, n] = u(null), [s, t] = u(null), [o, g] = u(null), { config: a } = p(), d = c(
-    async (l) => {
-      const i = await H(l);
-      return n({ hash: i.transactionHash, network: l.network }), g(null), t(null), i;
+}, sn = () => ({ signEvmHash: i(C) }), an = () => ({ signEvmTransaction: i(W) }), on = () => {
+  const [n, e] = u(null), [s, t] = u(null), [c, l] = u(null), { config: a } = p(), d = i(
+    async (g) => {
+      const o = await H(g);
+      return e({ hash: o.transactionHash, network: g.network }), l(null), t(null), o;
     }
   );
-  w(() => {
-    if (!e) return;
+  f(() => {
+    if (!n) return;
     (async () => {
       try {
-        const S = await z(e.network, a).waitForTransactionReceipt({
-          hash: e.hash
+        const E = await j(n.network, a).waitForTransactionReceipt({
+          hash: n.hash
         });
-        t(S);
-      } catch (i) {
-        g(i instanceof Error ? i : new Error(String(i)));
+        t(E);
+      } catch (o) {
+        l(o instanceof Error ? o : new Error(String(o)));
       }
     })();
-  }, [e]);
-  const m = V(() => e ? s ? { status: "success", receipt: s } : o ? { status: "error", error: o } : { status: "pending", hash: e.hash } : { status: "idle" }, [e, s, o]);
+  }, [n]);
+  const m = z(() => n ? s ? { status: "success", receipt: s } : c ? { status: "error", error: c } : { status: "pending", hash: n.hash } : { status: "idle" }, [n, s, c]);
   return {
     sendEvmTransaction: d,
     data: m
   };
-}, se = () => ({ signEvmMessage: c(x) }), ae = () => ({ signEvmTypedData: c(b) }), ie = () => ({ exportEvmAccount: c(D) }), c = (e) => {
-  const { isSignedIn: n } = p();
-  return f(
+}, cn = () => ({ signEvmMessage: i(x) }), un = () => ({ signEvmTypedData: i(b) }), pn = () => ({ exportEvmAccount: i(D) }), dn = () => ({ signSolanaTransaction: i(M) }), mn = () => ({
+  sendSolanaTransaction: i(V)
+}), i = (n) => {
+  const { isSignedIn: e } = p();
+  return h(
     async (...t) => {
-      if (!n)
+      if (!e)
         throw new Error("User is not authenticated");
-      return e(...t);
+      return n(...t);
     },
-    [n, e]
+    [e, n]
   );
-}, E = (e) => {
-  const { isSignedIn: n } = p();
-  return f(
+}, S = (n) => {
+  const { isSignedIn: e } = p();
+  return h(
     async (...t) => {
-      if (n)
+      if (e)
         throw new Error("User is already authenticated. Please sign out first.");
-      return e(...t);
+      return n(...t);
     },
-    [n, e]
+    [e, n]
   );
-}, oe = () => {
-  const [e, n] = u(void 0), { status: s, data: t, error: o } = G(e);
+}, ln = () => {
+  const [n, e] = u(void 0), { status: s, data: t, error: c } = q(n);
   return {
-    sendUserOperation: c(
+    sendUserOperation: i(
       async (a) => {
         const d = await O(a);
-        return n({
+        return e({
           userOperationHash: d.userOperationHash,
           evmSmartAccount: a.evmSmartAccount,
           network: a.network
@@ -79,20 +86,20 @@ const L = () => {
       }
     ),
     data: t,
-    error: o,
+    error: c,
     status: s
   };
-}, G = (e = {}) => {
-  const { userOperationHash: n, evmSmartAccount: s, network: t, enabled: o } = e, [g, a] = u("idle"), [d, m] = u(void 0), [l, i] = u(void 0), { currentUser: S } = h();
-  w(() => {
-    n && s && t && (a(o !== !1 ? "pending" : "idle"), m(void 0), i(void 0));
-  }, [n, s, t, o]);
-  const v = o !== !1 && !!(n && s && t && S);
-  return F(
+}, q = (n = {}) => {
+  const { userOperationHash: e, evmSmartAccount: s, network: t, enabled: c } = n, [l, a] = u("idle"), [d, m] = u(void 0), [g, o] = u(void 0), { currentUser: E } = w();
+  f(() => {
+    e && s && t && (a(c !== !1 ? "pending" : "idle"), m(void 0), o(void 0));
+  }, [e, s, t, c]);
+  const v = c !== !1 && !!(e && s && t && E);
+  return G(
     {
       pollFn: async () => {
-        const r = await M({
-          userOperationHash: n,
+        const r = await F({
+          userOperationHash: e,
           evmSmartAccount: s,
           network: t
         });
@@ -105,41 +112,44 @@ const L = () => {
           m(r), a("success");
         else if (r.status === "failed") {
           const T = r.receipts?.[0]?.revert?.message || "User operation failed";
-          i(new Error(T)), a("error");
+          o(new Error(T)), a("error");
         } else
           m(r), a("error");
       },
       onError: (r) => {
-        i(r), a("error");
+        o(r), a("error");
       }
     },
-    [n, s, t, v]
+    [e, s, t, v]
   ), {
-    status: g,
+    status: l,
     data: d,
-    error: l
+    error: g
   };
 };
 export {
-  L as useConfig,
-  h as useCurrentUser,
-  c as useEnforceAuthenticated,
-  E as useEnforceUnauthenticated,
-  ee as useEvmAddress,
-  ie as useExportEvmAccount,
-  R as useGetAccessToken,
-  N as useIsInitialized,
-  _ as useIsSignedIn,
-  re as useSendEvmTransaction,
-  oe as useSendUserOperation,
-  ne as useSignEvmHash,
-  se as useSignEvmMessage,
-  te as useSignEvmTransaction,
-  ae as useSignEvmTypedData,
-  Q as useSignInWithEmail,
-  X as useSignInWithSms,
-  $ as useSignOut,
-  Y as useVerifyEmailOTP,
-  Z as useVerifySmsOTP,
-  G as useWaitForUserOperation
+  Q as useConfig,
+  w as useCurrentUser,
+  i as useEnforceAuthenticated,
+  S as useEnforceUnauthenticated,
+  tn as useEvmAddress,
+  pn as useExportEvmAccount,
+  en as useGetAccessToken,
+  X as useIsInitialized,
+  R as useIsSignedIn,
+  on as useSendEvmTransaction,
+  mn as useSendSolanaTransaction,
+  ln as useSendUserOperation,
+  sn as useSignEvmHash,
+  cn as useSignEvmMessage,
+  an as useSignEvmTransaction,
+  un as useSignEvmTypedData,
+  Y as useSignInWithEmail,
+  Z as useSignInWithSms,
+  nn as useSignOut,
+  dn as useSignSolanaTransaction,
+  rn as useSolanaAddress,
+  _ as useVerifyEmailOTP,
+  $ as useVerifySmsOTP,
+  q as useWaitForUserOperation
 };

package/dist/types/index.d.ts

@@ -16,6 +16,8 @@ import { ReactNode } from 'react';
 import { SendEvmTransactionOptions } from '@coinbase/cdp-core';
 import { SendEvmTransactionResult } from '@coinbase/cdp-core';
 import { SendEvmTransactionWithEndUserAccountBodyNetwork } from '@coinbase/cdp-core';
+import { SendSolanaTransactionOptions } from '@coinbase/cdp-core';
+import { SendSolanaTransactionResult } from '@coinbase/cdp-core';
 import { SendUserOperationOptions } from '@coinbase/cdp-core';
 import { SendUserOperationResult } from '@coinbase/cdp-core';
 import { SignEvmHashOptions } from '@coinbase/cdp-core';
@@ -30,6 +32,9 @@ import { SignInWithEmailOptions } from '@coinbase/cdp-core';
 import { SignInWithEmailResult } from '@coinbase/cdp-core';
 import { SignInWithSmsOptions } from '@coinbase/cdp-core';
 import { SignInWithSmsResult } from '@coinbase/cdp-core';
+import { SignSolanaTransactionOptions } from '@coinbase/cdp-core';
+import { SignSolanaTransactionResult } from '@coinbase/cdp-core';
+import { SolanaAddress } from '@coinbase/cdp-core';
 import { TransactionReceipt } from 'viem';
 import { Transport } from 'viem';
 import { User } from '@coinbase/cdp-core';
@@ -154,6 +159,10 @@ export declare const useSendEvmTransaction: () => {
     data: TransactionState;
 };
 
+export declare const useSendSolanaTransaction: () => {
+    sendSolanaTransaction: (options: SendSolanaTransactionOptions) => Promise<SendSolanaTransactionResult>;
+};
+
 export declare const useSendUserOperation: () => UseSendUserOperationReturnType;
 
 export declare type UseSendUserOperationReturnType = {
@@ -191,6 +200,14 @@ export declare const useSignOut: () => {
     signOut: () => Promise<void>;
 };
 
+export declare const useSignSolanaTransaction: () => {
+    signSolanaTransaction: (options: SignSolanaTransactionOptions) => Promise<SignSolanaTransactionResult>;
+};
+
+export declare const useSolanaAddress: () => {
+    solanaAddress: SolanaAddress | null;
+};
+
 export declare const useVerifyEmailOTP: () => {
     verifyEmailOTP: (options: VerifyEmailOTPOptions) => Promise<VerifyEmailOTPResult>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinbase/cdp-hooks",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "type": "module",
   "files": [
     "dist/**",
@@ -14,7 +14,7 @@
   },
   "peerDependencies": {
     "react": ">=18.2.0",
-    "@coinbase/cdp-core": "^0.0.33"
+    "@coinbase/cdp-core": "^0.0.34"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -29,7 +29,7 @@
     "@size-limit/webpack": "^11.2.0",
     "@size-limit/webpack-why": "^11.2.0",
     "size-limit": "^11.2.0",
-    "@coinbase/cdp-core": "^0.0.33"
+    "@coinbase/cdp-core": "^0.0.34"
   },
   "size-limit": [
     {