@coinbase/cdp-hooks 0.0.45 → 0.0.47

package/dist/esm/index.js

@@ -1,40 +1,43 @@
-import { APIError as n } from "@coinbase/cdp-core";
-import { CDPContext as r, CDPHooksProvider as i } from "./index2.js";
-import { useConfig as t, useCurrentUser as a, useEnforceAuthenticated as S, useEnforceUnauthenticated as m, useEvmAddress as d, useExportEvmAccount as c, useExportSolanaAccount as p, useGetAccessToken as E, useIsInitialized as g, useIsSignedIn as f, useSendEvmTransaction as v, useSendSolanaTransaction as x, useSendUserOperation as P, useSignEvmHash as l, useSignEvmMessage as T, useSignEvmTransaction as A, useSignEvmTypedData as I, useSignInWithEmail as C, useSignInWithSms as h, useSignOut as O, useSignSolanaMessage as U, useSignSolanaTransaction as k, useSolanaAddress as y, useVerifyEmailOTP as D, useVerifySmsOTP as W, useWaitForUserOperation as H } from "./index3.js";
-import { useCreateSpendPermission as V } from "./index4.js";
-import { useListSpendPermissions as F } from "./index5.js";
-import { useRevokeSpendPermission as L } from "./index6.js";
+import { APIError as n, OAuth2ProviderType as r } from "@coinbase/cdp-core";
+import { CDPContext as i, CDPHooksProvider as t } from "./index2.js";
+import { useConfig as a, useCurrentUser as S, useEnforceAuthenticated as m, useEnforceUnauthenticated as d, useEvmAddress as p, useExportEvmAccount as c, useExportSolanaAccount as g, useGetAccessToken as E, useIsInitialized as f, useIsSignedIn as v, useOAuthState as A, useSendEvmTransaction as P, useSendSolanaTransaction as h, useSendUserOperation as x, useSignEvmHash as T, useSignEvmMessage as l, useSignEvmTransaction as I, useSignEvmTypedData as O, useSignInWithEmail as C, useSignInWithOAuth as y, useSignInWithSms as U, useSignOut as W, useSignSolanaMessage as k, useSignSolanaTransaction as D, useSolanaAddress as H, useVerifyEmailOTP as M, useVerifySmsOTP as V, useWaitForUserOperation as z } from "./index3.js";
+import { useCreateSpendPermission as G } from "./index4.js";
+import { useListSpendPermissions as R } from "./index5.js";
+import { useRevokeSpendPermission as j } from "./index6.js";
 export {
   n as APIError,
-  r as CDPContext,
-  i as CDPHooksProvider,
-  t as useConfig,
-  V as useCreateSpendPermission,
-  a as useCurrentUser,
-  S as useEnforceAuthenticated,
-  m as useEnforceUnauthenticated,
-  d as useEvmAddress,
+  i as CDPContext,
+  t as CDPHooksProvider,
+  r as OAuth2ProviderType,
+  a as useConfig,
+  G as useCreateSpendPermission,
+  S as useCurrentUser,
+  m as useEnforceAuthenticated,
+  d as useEnforceUnauthenticated,
+  p as useEvmAddress,
   c as useExportEvmAccount,
-  p as useExportSolanaAccount,
+  g as useExportSolanaAccount,
   E as useGetAccessToken,
-  g as useIsInitialized,
-  f as useIsSignedIn,
-  F as useListSpendPermissions,
-  L as useRevokeSpendPermission,
-  v as useSendEvmTransaction,
-  x as useSendSolanaTransaction,
-  P as useSendUserOperation,
-  l as useSignEvmHash,
-  T as useSignEvmMessage,
-  A as useSignEvmTransaction,
-  I as useSignEvmTypedData,
+  f as useIsInitialized,
+  v as useIsSignedIn,
+  R as useListSpendPermissions,
+  A as useOAuthState,
+  j as useRevokeSpendPermission,
+  P as useSendEvmTransaction,
+  h as useSendSolanaTransaction,
+  x as useSendUserOperation,
+  T as useSignEvmHash,
+  l as useSignEvmMessage,
+  I as useSignEvmTransaction,
+  O as useSignEvmTypedData,
   C as useSignInWithEmail,
-  h as useSignInWithSms,
-  O as useSignOut,
-  U as useSignSolanaMessage,
-  k as useSignSolanaTransaction,
-  y as useSolanaAddress,
-  D as useVerifyEmailOTP,
-  W as useVerifySmsOTP,
-  H as useWaitForUserOperation
+  y as useSignInWithOAuth,
+  U as useSignInWithSms,
+  W as useSignOut,
+  k as useSignSolanaMessage,
+  D as useSignSolanaTransaction,
+  H as useSolanaAddress,
+  M as useVerifyEmailOTP,
+  V as useVerifySmsOTP,
+  z as useWaitForUserOperation
 };

package/dist/esm/index2.js

@@ -1,35 +1,38 @@
-import { jsx as l } from "react/jsx-runtime";
-import { initialize as C, onAuthStateChange as m } from "@coinbase/cdp-core";
-import { createContext as P, useState as o, useEffect as d, useMemo as f, useContext as x } from "react";
-const i = P(null);
-function w({ children: t, config: e }) {
-  const [n, u] = o(null), [r, s] = o(!1);
-  d(() => {
-    s(!1), (async () => {
-      await C(e), m((c) => {
-        u(c);
-      }), s(!0);
-    })();
+import { jsx as h } from "react/jsx-runtime";
+import { onOAuthStateChange as m, initialize as P, onAuthStateChange as d } from "@coinbase/cdp-core";
+import { createContext as f, useState as s, useEffect as x, useMemo as S, useContext as A } from "react";
+const a = f(null);
+function I({ children: t, config: e }) {
+  const [n, c] = s(null), [r, i] = s(!1), [u, l] = s(null);
+  x(() => {
+    i(!1), (async () => {
+      await P(e), d((o) => {
+        c(o);
+      }), i(!0);
+    })(), m((o) => {
+      l(o);
+    });
   }, [e]);
-  const a = f(
+  const C = S(
     () => ({
       isInitialized: r,
       currentUser: n,
       isSignedIn: !!n,
-      config: e
+      config: e,
+      oauthState: u
     }),
-    [n, r, e]
+    [n, r, e, u]
   );
-  return /* @__PURE__ */ l(i.Provider, { value: a, children: t });
+  return /* @__PURE__ */ h(a.Provider, { value: C, children: t });
 }
-function I() {
-  const t = x(i);
+function y() {
+  const t = A(a);
   if (!t)
     throw new Error("useCDP must be used within a CDPHooksProvider");
   return t;
 }
 export {
-  i as CDPContext,
-  w as CDPHooksProvider,
-  I as useCDP
+  a as CDPContext,
+  I as CDPHooksProvider,
+  y as useCDP
 };

package/dist/esm/index3.js

@@ -1,156 +1,164 @@
-import { getAccessToken as A, sendUserOperation as y, signInWithEmail as O, signInWithSms as U, verifyEmailOTP as I, verifySmsOTP as P, signOut as x, signEvmHash as M, signEvmTransaction as k, sendEvmTransaction as C, signEvmMessage as W, signSolanaMessage as H, signEvmTypedData as b, exportEvmAccount as D, exportSolanaAccount as V, signSolanaTransaction as F, sendSolanaTransaction as z, getUserOperation as G } from "@coinbase/cdp-core";
-import { useState as u, useEffect as f, useMemo as j, useCallback as h } from "react";
-import { useCDP as p } from "./index2.js";
-import { useAutoPolling as q } from "./index7.js";
-import { getPublicClient as B } from "./index8.js";
-const Y = () => {
-  const { config: n } = p();
+import { getAccessToken as A, sendUserOperation as O, signInWithEmail as y, signInWithSms as I, verifyEmailOTP as U, verifySmsOTP as W, signInWithOAuth as P, signOut as x, signEvmHash as M, signEvmTransaction as k, sendEvmTransaction as C, signEvmMessage as H, signSolanaMessage as b, signEvmTypedData as D, exportEvmAccount as V, exportSolanaAccount as F, signSolanaTransaction as z, sendSolanaTransaction as G, getUserOperation as j } from "@coinbase/cdp-core";
+import { useState as p, useEffect as v, useMemo as q, useCallback as f } from "react";
+import { useCDP as u } from "./index2.js";
+import { useAutoPolling as B } from "./index7.js";
+import { getPublicClient as J } from "./index8.js";
+const _ = () => {
+  const { config: n } = u();
   return { config: n };
-}, Z = () => {
-  const { isInitialized: n } = p();
+}, $ = () => {
+  const { isInitialized: n } = u();
   return { isInitialized: n };
-}, _ = () => ({ signInWithEmail: g(O) }), $ = () => ({ signInWithSms: g(U) }), R = () => ({ verifyEmailOTP: g(I) }), nn = () => ({ verifySmsOTP: g(P) }), en = () => {
-  const { isSignedIn: n } = p();
+}, R = () => ({ signInWithEmail: m(y) }), nn = () => ({ signInWithSms: m(I) }), tn = () => ({ verifyEmailOTP: m(U) }), en = () => ({ verifySmsOTP: m(W) }), sn = () => {
+  const n = m(P), { oauthState: t } = K();
+  return { signInWithOAuth: n, oauthState: t };
+}, K = () => {
+  const { oauthState: n } = u();
+  return { oauthState: n };
+}, rn = () => {
+  const { isSignedIn: n } = u();
   return { isSignedIn: n };
 }, w = () => {
-  const { currentUser: n } = p();
+  const { currentUser: n } = u();
   return { currentUser: n };
-}, tn = () => ({ signOut: i(x) }), rn = () => ({ getAccessToken: A }), sn = () => {
+}, an = () => ({ signOut: i(x) }), on = () => ({ getAccessToken: A }), cn = () => {
   const { currentUser: n } = w();
   return {
     evmAddress: n?.evmSmartAccounts?.[0] ?? n?.evmAccounts?.[0] ?? null
   };
-}, an = () => {
+}, un = () => {
   const { currentUser: n } = w();
   return {
     solanaAddress: n?.solanaAccounts?.[0] ?? null
   };
-}, on = () => ({ signEvmHash: i(M) }), cn = () => ({ signEvmTransaction: i(k) }), un = () => {
-  const [n, e] = u(null), [s, r] = u(null), [c, S] = u(null), { config: a } = p(), d = i(
-    async (m) => {
-      const o = await C(m);
-      return e({ hash: o.transactionHash, network: m.network }), S(null), r(null), o;
+}, pn = () => ({ signEvmHash: i(M) }), dn = () => ({ signEvmTransaction: i(k) }), ln = () => {
+  const [n, t] = p(null), [r, s] = p(null), [c, S] = p(null), { config: a } = u(), d = i(
+    async (g) => {
+      const o = await C(g);
+      return t({ hash: o.transactionHash, network: g.network }), S(null), s(null), o;
     }
   );
-  f(() => {
+  v(() => {
     if (!n) return;
     (async () => {
       try {
-        const E = await B(n.network, a).waitForTransactionReceipt({
+        const E = await J(n.network, a).waitForTransactionReceipt({
           hash: n.hash
         });
-        r(E);
+        s(E);
       } catch (o) {
         S(o instanceof Error ? o : new Error(String(o)));
       }
     })();
   }, [n]);
-  const l = j(() => n ? s ? { status: "success", receipt: s } : c ? { status: "error", error: c } : { status: "pending", hash: n.hash } : { status: "idle" }, [n, s, c]);
+  const l = q(() => n ? r ? { status: "success", receipt: r } : c ? { status: "error", error: c } : { status: "pending", hash: n.hash } : { status: "idle" }, [n, r, c]);
   return {
     sendEvmTransaction: d,
     data: l
   };
-}, pn = () => ({ signEvmMessage: i(W) }), dn = () => ({ signSolanaMessage: i(H) }), ln = () => ({ signEvmTypedData: i(b) }), Sn = () => ({ exportEvmAccount: i(D) }), mn = () => ({ exportSolanaAccount: i(V) }), gn = () => ({ signSolanaTransaction: i(F) }), En = () => ({
-  sendSolanaTransaction: i(z)
+}, Sn = () => ({ signEvmMessage: i(H) }), gn = () => ({ signSolanaMessage: i(b) }), mn = () => ({ signEvmTypedData: i(D) }), En = () => ({ exportEvmAccount: i(V) }), wn = () => ({ exportSolanaAccount: i(F) }), hn = () => ({ signSolanaTransaction: i(z) }), vn = () => ({
+  sendSolanaTransaction: i(G)
 }), i = (n) => {
-  const { isSignedIn: e } = p();
-  return h(
-    async (...r) => {
-      if (!e)
+  const { isSignedIn: t } = u();
+  return f(
+    async (...s) => {
+      if (!t)
         throw new Error("User is not authenticated");
-      return n(...r);
+      return n(...s);
     },
-    [e, n]
+    [t, n]
   );
-}, g = (n) => {
-  const { isSignedIn: e } = p();
-  return h(
-    async (...r) => {
-      if (e)
+}, m = (n) => {
+  const { isSignedIn: t } = u();
+  return f(
+    async (...s) => {
+      if (t)
         throw new Error("User is already authenticated. Please sign out first.");
-      return n(...r);
+      return n(...s);
     },
-    [e, n]
+    [t, n]
   );
-}, wn = () => {
-  const [n, e] = u(void 0), { status: s, data: r, error: c } = J(n);
+}, fn = () => {
+  const [n, t] = p(void 0), { status: r, data: s, error: c } = L(n);
   return {
     sendUserOperation: i(
       async (a) => {
-        const d = await y(a);
-        return e({
+        const d = await O(a);
+        return t({
           userOperationHash: d.userOperationHash,
           evmSmartAccount: a.evmSmartAccount,
           network: a.network
         }), d;
       }
     ),
-    data: r,
+    data: s,
     error: c,
-    status: s
+    status: r
   };
-}, J = (n = {}) => {
-  const { userOperationHash: e, evmSmartAccount: s, network: r, enabled: c } = n, [S, a] = u("idle"), [d, l] = u(void 0), [m, o] = u(void 0), { currentUser: E } = w();
-  f(() => {
-    e && s && r && (a(c !== !1 ? "pending" : "idle"), l(void 0), o(void 0));
-  }, [e, s, r, c]);
-  const v = c !== !1 && !!(e && s && r && E);
-  return q(
+}, L = (n = {}) => {
+  const { userOperationHash: t, evmSmartAccount: r, network: s, enabled: c } = n, [S, a] = p("idle"), [d, l] = p(void 0), [g, o] = p(void 0), { currentUser: E } = w();
+  v(() => {
+    t && r && s && (a(c !== !1 ? "pending" : "idle"), l(void 0), o(void 0));
+  }, [t, r, s, c]);
+  const h = c !== !1 && !!(t && r && s && E);
+  return B(
     {
       pollFn: async () => {
-        const t = await G({
-          userOperationHash: e,
-          evmSmartAccount: s,
-          network: r
+        const e = await j({
+          userOperationHash: t,
+          evmSmartAccount: r,
+          network: s
         });
-        return l(t), t;
+        return l(e), e;
       },
-      shouldStop: (t) => t.status === "complete" || t.status === "dropped" || t.status === "failed",
-      enabled: v,
-      onSuccess: (t) => {
-        if (t.status === "complete")
-          l(t), a("success");
-        else if (t.status === "failed") {
-          const T = t.receipts?.[0]?.revert?.message || "User operation failed";
+      shouldStop: (e) => e.status === "complete" || e.status === "dropped" || e.status === "failed",
+      enabled: h,
+      onSuccess: (e) => {
+        if (e.status === "complete")
+          l(e), a("success");
+        else if (e.status === "failed") {
+          const T = e.receipts?.[0]?.revert?.message || "User operation failed";
           o(new Error(T)), a("error");
-        } else t.status === "dropped" ? (o(new Error('User operation failed with status: "dropped"')), a("error")) : (l(t), a("error"));
+        } else e.status === "dropped" ? (o(new Error('User operation failed with status: "dropped"')), a("error")) : (l(e), a("error"));
       },
-      onError: (t) => {
-        o(t), a("error");
+      onError: (e) => {
+        o(e), a("error");
       }
     },
-    [e, s, r, v]
+    [t, r, s, h]
   ), {
     status: S,
     data: d,
-    error: m
+    error: g
   };
 };
 export {
-  Y as useConfig,
+  _ as useConfig,
   w as useCurrentUser,
   i as useEnforceAuthenticated,
-  g as useEnforceUnauthenticated,
-  sn as useEvmAddress,
-  Sn as useExportEvmAccount,
-  mn as useExportSolanaAccount,
-  rn as useGetAccessToken,
-  Z as useIsInitialized,
-  en as useIsSignedIn,
-  un as useSendEvmTransaction,
-  En as useSendSolanaTransaction,
-  wn as useSendUserOperation,
-  on as useSignEvmHash,
-  pn as useSignEvmMessage,
-  cn as useSignEvmTransaction,
-  ln as useSignEvmTypedData,
-  _ as useSignInWithEmail,
-  $ as useSignInWithSms,
-  tn as useSignOut,
-  dn as useSignSolanaMessage,
-  gn as useSignSolanaTransaction,
-  an as useSolanaAddress,
-  R as useVerifyEmailOTP,
-  nn as useVerifySmsOTP,
-  J as useWaitForUserOperation
+  m as useEnforceUnauthenticated,
+  cn as useEvmAddress,
+  En as useExportEvmAccount,
+  wn as useExportSolanaAccount,
+  on as useGetAccessToken,
+  $ as useIsInitialized,
+  rn as useIsSignedIn,
+  K as useOAuthState,
+  ln as useSendEvmTransaction,
+  vn as useSendSolanaTransaction,
+  fn as useSendUserOperation,
+  pn as useSignEvmHash,
+  Sn as useSignEvmMessage,
+  dn as useSignEvmTransaction,
+  mn as useSignEvmTypedData,
+  R as useSignInWithEmail,
+  sn as useSignInWithOAuth,
+  nn as useSignInWithSms,
+  an as useSignOut,
+  gn as useSignSolanaMessage,
+  hn as useSignSolanaTransaction,
+  un as useSolanaAddress,
+  tn as useVerifyEmailOTP,
+  en as useVerifySmsOTP,
+  L as useWaitForUserOperation
 };

package/dist/types/index.d.ts

@@ -18,6 +18,8 @@ import { Hex } from '@coinbase/cdp-core';
 import { JSX } from 'react/jsx-runtime';
 import { ListSpendPermissionsOptions } from '@coinbase/cdp-core';
 import { ListSpendPermissionsResult } from '@coinbase/cdp-core';
+import { OAuth2ProviderType } from '@coinbase/cdp-core';
+import { OAuthFlowState } from '@coinbase/cdp-core';
 import { ReactNode } from 'react';
 import { RevokeSpendPermissionOptions as RevokeSpendPermissionOptions_2 } from '@coinbase/cdp-core';
 import { RevokeSpendPermissionResult } from '@coinbase/cdp-core';
@@ -67,6 +69,7 @@ export declare interface CDPContextValue {
     currentUser: User | null;
     isSignedIn: boolean;
     config: Config;
+    oauthState: OAuthFlowState | null;
 }
 
 export declare function CDPHooksProvider({ children, config }: CDPHooksProviderProps): JSX.Element;
@@ -100,6 +103,10 @@ export { GetUserOperationResult }
 
 export { Hex }
 
+export { OAuth2ProviderType }
+
+export { OAuthFlowState }
+
 export declare type RevokeSpendPermissionOptions = Omit<RevokeSpendPermissionOptions_2, "evmSmartAccount"> & {
     evmSmartAccount?: EvmAddress;
 };
@@ -213,6 +220,10 @@ export declare type UseListSpendPermissionsReturnType = {
     refetch: () => void;
 };
 
+export declare const useOAuthState: () => {
+    oauthState: OAuthFlowState | null;
+};
+
 export { User }
 
 export declare const useRevokeSpendPermission: () => UseRevokeSpendPermissionReturnType;
@@ -262,6 +273,11 @@ export declare const useSignInWithEmail: () => {
     signInWithEmail: (options: SignInWithEmailOptions) => Promise<SignInWithEmailResult>;
 };
 
+export declare const useSignInWithOAuth: () => {
+    signInWithOAuth: (providerType: OAuth2ProviderType) => Promise<void>;
+    oauthState: OAuthFlowState | null;
+};
+
 export declare const useSignInWithSms: () => {
     signInWithSms: (options: SignInWithSmsOptions) => Promise<SignInWithSmsResult>;
 };

package/package.json

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