@coinbase/cdp-hooks 0.0.44 → 0.0.45

package/README.md

@@ -851,6 +851,98 @@ The hook automatically:
 - Resolves token symbols like "eth" and "usdc" to contract addresses
 - Tracks the user operation status and provides real-time updates
 
+#### List Spend Permissions
+
+Use the `useListSpendPermissions` hook to retrieve all spend permissions for a Smart Account. This hook follows a query-style pattern and automatically fetches permissions when enabled.
+
+```tsx lines
+import { useListSpendPermissions, useCurrentUser } from "@coinbase/cdp-hooks";
+
+function SpendPermissionsList() {
+  const { currentUser } = useCurrentUser();
+  const { data, error, status, refetch } = useListSpendPermissions({
+    evmSmartAccount: currentUser?.evmSmartAccounts?.[0],
+    network: "base-sepolia",
+    pageSize: 10,
+    enabled: true
+  });
+
+  if (status === "pending") {
+    return <div>Loading spend permissions...</div>;
+  }
+
+  if (status === "error") {
+    return <div>Error: {error?.message}</div>;
+  }
+
+  return (
+    <div>
+      <button onClick={refetch}>Refresh</button>
+      <h3>Spend Permissions ({data?.spendPermissions.length})</h3>
+      {data?.spendPermissions.map((permission) => (
+        <div key={permission.permissionHash}>
+          <p>Hash: {permission.permissionHash}</p>
+          <p>Spender: {permission.permission.spender}</p>
+          <p>Token: {permission.permission.token}</p>
+          <p>Allowance: {permission.permission.allowance}</p>
+          <p>Revoked: {permission.revoked ? "Yes" : "No"}</p>
+        </div>
+      ))}
+      {data?.hasNextPage && (
+        <p>More permissions available. Use pageToken to load next page.</p>
+      )}
+    </div>
+  );
+}
+```
+
+#### Revoke Spend Permissions
+
+Use the `useRevokeSpendPermission` hook to revoke a spend permission. The hook automatically tracks the user operation and provides real-time status updates.
+
+```tsx lines
+import { useRevokeSpendPermission } from "@coinbase/cdp-hooks";
+
+function RevokeSpendPermission({ permissionHash }) {
+  const { revokeSpendPermission, data, error, status } = useRevokeSpendPermission();
+
+  const handleRevokeSpendPermission = async () => {
+    try {
+      const result = await revokeSpendPermission({
+        network: "base-sepolia",
+        permissionHash: permissionHash,
+        useCdpPaymaster: true
+      });
+      console.log("User Operation Hash:", result.userOperationHash);
+    } catch (error) {
+      console.error("Failed to revoke spend permission:", error);
+    }
+  };
+
+  return (
+    <div>
+      {status === "pending" && <p>Revoking permission...</p>}
+
+      {status === "success" && data && (
+        <div>
+          <p>Permission revoked successfully!</p>
+          <p>Transaction Hash: {data.transactionHash}</p>
+        </div>
+      )}
+
+      {status === "error" && <p>Error: {error?.message}</p>}
+
+      <button
+        onClick={handleRevokeSpendPermission}
+        disabled={status === "pending"}
+      >
+        {status === "pending" ? "Revoking..." : "Revoke Permission"}
+      </button>
+    </div>
+  );
+}
+```
+
 #### Send User Operations
 
 Send user operations from Smart Accounts with support for multiple calls and paymaster sponsorship. The hook returns a method to execute the user operation and `status`, `data`, and `error` properties to read the result of the user operation:

package/dist/esm/index.js

@@ -1,36 +1,40 @@
 import { APIError as n } from "@coinbase/cdp-core";
-import { CDPContext as o, CDPHooksProvider as a } from "./index2.js";
-import { useConfig as i, useCurrentUser as t, useEnforceAuthenticated as S, useEnforceUnauthenticated as m, useEvmAddress as c, useExportEvmAccount as d, useExportSolanaAccount as E, useGetAccessToken as g, useIsInitialized as p, useIsSignedIn as f, useSendEvmTransaction as l, useSendSolanaTransaction as v, useSendUserOperation as T, useSignEvmHash as x, useSignEvmMessage as A, useSignEvmTransaction as I, useSignEvmTypedData as P, useSignInWithEmail as C, useSignInWithSms as h, useSignOut as O, useSignSolanaMessage as U, useSignSolanaTransaction as y, useSolanaAddress as D, useVerifyEmailOTP as W, useVerifySmsOTP as k, useWaitForUserOperation as H } from "./index3.js";
+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";
 export {
   n as APIError,
-  o as CDPContext,
-  a as CDPHooksProvider,
-  i as useConfig,
+  r as CDPContext,
+  i as CDPHooksProvider,
+  t as useConfig,
   V as useCreateSpendPermission,
-  t as useCurrentUser,
+  a as useCurrentUser,
   S as useEnforceAuthenticated,
   m as useEnforceUnauthenticated,
-  c as useEvmAddress,
-  d as useExportEvmAccount,
-  E as useExportSolanaAccount,
-  g as useGetAccessToken,
-  p as useIsInitialized,
+  d as useEvmAddress,
+  c as useExportEvmAccount,
+  p as useExportSolanaAccount,
+  E as useGetAccessToken,
+  g as useIsInitialized,
   f as useIsSignedIn,
-  l as useSendEvmTransaction,
-  v as useSendSolanaTransaction,
-  T as useSendUserOperation,
-  x as useSignEvmHash,
-  A as useSignEvmMessage,
-  I as useSignEvmTransaction,
-  P as useSignEvmTypedData,
+  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,
   C as useSignInWithEmail,
   h as useSignInWithSms,
   O as useSignOut,
   U as useSignSolanaMessage,
-  y as useSignSolanaTransaction,
-  D as useSolanaAddress,
-  W as useVerifyEmailOTP,
-  k as useVerifySmsOTP,
+  k as useSignSolanaTransaction,
+  y as useSolanaAddress,
+  D as useVerifyEmailOTP,
+  W as useVerifySmsOTP,
   H as useWaitForUserOperation
 };

package/dist/esm/index10.js

@@ -1,58 +1,14 @@
-import { chainConfig as a } from "./index190.js";
-import { defineChain as t } from "./index173.js";
-const e = 11155111, r = /* @__PURE__ */ t({
-  ...a,
-  id: 84532,
-  network: "base-sepolia",
-  name: "Base Sepolia",
-  nativeCurrency: { name: "Sepolia Ether", symbol: "ETH", decimals: 18 },
-  rpcUrls: {
-    default: {
-      http: ["https://sepolia.base.org"]
-    }
-  },
-  blockExplorers: {
-    default: {
-      name: "Basescan",
-      url: "https://sepolia.basescan.org",
-      apiUrl: "https://api-sepolia.basescan.org/api"
-    }
-  },
-  contracts: {
-    ...a.contracts,
-    disputeGameFactory: {
-      [e]: {
-        address: "0xd6E6dBf4F7EA0ac412fD8b65ED297e64BB7a06E1"
-      }
-    },
-    l2OutputOracle: {
-      [e]: {
-        address: "0x84457ca9D0163FbC4bbfe4Dfbb20ba46e48DF254"
-      }
-    },
-    portal: {
-      [e]: {
-        address: "0x49f53e41452c74589e85ca1677426ba426459e85",
-        blockCreated: 4446677
-      }
-    },
-    l1StandardBridge: {
-      [e]: {
-        address: "0xfd0Bf71F60660E2f608ed56e1659C450eB113120",
-        blockCreated: 4446677
-      }
-    },
-    multicall3: {
-      address: "0xca11bde05977b3631167028862be2a173976ca11",
-      blockCreated: 1059647
-    }
-  },
-  testnet: !0,
-  sourceId: e
-});
-({
-  ...r
-});
+import { createClient as n } from "./index14.js";
+import { publicActions as c } from "./index22.js";
+function u(t) {
+  const { key: e = "public", name: i = "Public Client" } = t;
+  return n({
+    ...t,
+    key: e,
+    name: i,
+    type: "publicClient"
+  }).extend(c);
+}
 export {
-  r as baseSepolia
+  u as createPublicClient
 };

package/dist/esm/index100.js

@@ -1,36 +1,454 @@
-import { BaseError as r } from "./index83.js";
+import { BaseError as C } from "./index86.js";
+import { RpcRequestError as D } from "./index17.js";
+const S = -1;
+class r extends C {
+  constructor(e, { code: t, docsPath: U, metaMessages: N, name: I, shortMessage: k }) {
+    super(k, {
+      cause: e,
+      docsPath: U,
+      metaMessages: N || e?.metaMessages,
+      name: I || "RpcError"
+    }), Object.defineProperty(this, "code", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), this.name = I || e.name, this.code = e instanceof D ? e.code : t ?? S;
+  }
+}
+class o extends r {
+  constructor(e, t) {
+    super(e, t), Object.defineProperty(this, "data", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), this.data = t.data;
+  }
+}
 class s extends r {
-  constructor({ data: a }) {
-    super("Unable to extract image from metadata. The metadata may be malformed or invalid.", {
-      metaMessages: [
-        "- Metadata must be a JSON object with at least an `image`, `image_url` or `image_data` property.",
-        "",
-        `Provided data: ${JSON.stringify(a)}`
-      ],
-      name: "EnsAvatarInvalidMetadataError"
+  constructor(e) {
+    super(e, {
+      code: s.code,
+      name: "ParseRpcError",
+      shortMessage: "Invalid JSON was received by the server. An error occurred on the server while parsing the JSON text."
     });
   }
 }
-class o extends r {
-  constructor({ reason: a }) {
-    super(`ENS NFT avatar URI is invalid. ${a}`, {
-      name: "EnsAvatarInvalidNftUriError"
+Object.defineProperty(s, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32700
+});
+class c extends r {
+  constructor(e) {
+    super(e, {
+      code: c.code,
+      name: "InvalidRequestRpcError",
+      shortMessage: "JSON is not a valid request object."
     });
   }
 }
+Object.defineProperty(c, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32600
+});
+class a extends r {
+  constructor(e, { method: t } = {}) {
+    super(e, {
+      code: a.code,
+      name: "MethodNotFoundRpcError",
+      shortMessage: `The method${t ? ` "${t}"` : ""} does not exist / is not available.`
+    });
+  }
+}
+Object.defineProperty(a, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32601
+});
+class u extends r {
+  constructor(e) {
+    super(e, {
+      code: u.code,
+      name: "InvalidParamsRpcError",
+      shortMessage: [
+        "Invalid parameters were provided to the RPC method.",
+        "Double check you have provided the correct parameters."
+      ].join(`
+`)
+    });
+  }
+}
+Object.defineProperty(u, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32602
+});
 class n extends r {
-  constructor({ uri: a }) {
-    super(`Unable to resolve ENS avatar URI "${a}". The URI may be malformed, invalid, or does not respond with a valid image.`, { name: "EnsAvatarUriResolutionError" });
+  constructor(e) {
+    super(e, {
+      code: n.code,
+      name: "InternalRpcError",
+      shortMessage: "An internal error was received."
+    });
+  }
+}
+Object.defineProperty(n, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32603
+});
+class d extends r {
+  constructor(e) {
+    super(e, {
+      code: d.code,
+      name: "InvalidInputRpcError",
+      shortMessage: [
+        "Missing or invalid parameters.",
+        "Double check you have provided the correct parameters."
+      ].join(`
+`)
+    });
+  }
+}
+Object.defineProperty(d, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32e3
+});
+class l extends r {
+  constructor(e) {
+    super(e, {
+      code: l.code,
+      name: "ResourceNotFoundRpcError",
+      shortMessage: "Requested resource not found."
+    }), Object.defineProperty(this, "name", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: "ResourceNotFoundRpcError"
+    });
   }
 }
+Object.defineProperty(l, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32001
+});
 class i extends r {
-  constructor({ namespace: a }) {
-    super(`ENS NFT avatar namespace "${a}" is not supported. Must be "erc721" or "erc1155".`, { name: "EnsAvatarUnsupportedNamespaceError" });
+  constructor(e) {
+    super(e, {
+      code: i.code,
+      name: "ResourceUnavailableRpcError",
+      shortMessage: "Requested resource not available."
+    });
+  }
+}
+Object.defineProperty(i, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32002
+});
+class b extends r {
+  constructor(e) {
+    super(e, {
+      code: b.code,
+      name: "TransactionRejectedRpcError",
+      shortMessage: "Transaction creation failed."
+    });
+  }
+}
+Object.defineProperty(b, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32003
+});
+class p extends r {
+  constructor(e, { method: t } = {}) {
+    super(e, {
+      code: p.code,
+      name: "MethodNotSupportedRpcError",
+      shortMessage: `Method${t ? ` "${t}"` : ""} is not supported.`
+    });
+  }
+}
+Object.defineProperty(p, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32004
+});
+class h extends r {
+  constructor(e) {
+    super(e, {
+      code: h.code,
+      name: "LimitExceededRpcError",
+      shortMessage: "Request exceeds defined limit."
+    });
+  }
+}
+Object.defineProperty(h, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32005
+});
+class m extends r {
+  constructor(e) {
+    super(e, {
+      code: m.code,
+      name: "JsonRpcVersionUnsupportedError",
+      shortMessage: "Version of JSON-RPC protocol is not supported."
+    });
+  }
+}
+Object.defineProperty(m, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: -32006
+});
+class f extends o {
+  constructor(e) {
+    super(e, {
+      code: f.code,
+      name: "UserRejectedRequestError",
+      shortMessage: "User rejected the request."
+    });
+  }
+}
+Object.defineProperty(f, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 4001
+});
+class g extends o {
+  constructor(e) {
+    super(e, {
+      code: g.code,
+      name: "UnauthorizedProviderError",
+      shortMessage: "The requested method and/or account has not been authorized by the user."
+    });
+  }
+}
+Object.defineProperty(g, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 4100
+});
+class v extends o {
+  constructor(e, { method: t } = {}) {
+    super(e, {
+      code: v.code,
+      name: "UnsupportedProviderMethodError",
+      shortMessage: `The Provider does not support the requested method${t ? ` " ${t}"` : ""}.`
+    });
+  }
+}
+Object.defineProperty(v, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 4200
+});
+class w extends o {
+  constructor(e) {
+    super(e, {
+      code: w.code,
+      name: "ProviderDisconnectedError",
+      shortMessage: "The Provider is disconnected from all chains."
+    });
+  }
+}
+Object.defineProperty(w, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 4900
+});
+class P extends o {
+  constructor(e) {
+    super(e, {
+      code: P.code,
+      name: "ChainDisconnectedError",
+      shortMessage: "The Provider is not connected to the requested chain."
+    });
+  }
+}
+Object.defineProperty(P, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 4901
+});
+class y extends o {
+  constructor(e) {
+    super(e, {
+      code: y.code,
+      name: "SwitchChainError",
+      shortMessage: "An error occurred when attempting to switch chain."
+    });
+  }
+}
+Object.defineProperty(y, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 4902
+});
+class j extends o {
+  constructor(e) {
+    super(e, {
+      code: j.code,
+      name: "UnsupportedNonOptionalCapabilityError",
+      shortMessage: "This Wallet does not support a capability that was not marked as optional."
+    });
+  }
+}
+Object.defineProperty(j, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 5700
+});
+class E extends o {
+  constructor(e) {
+    super(e, {
+      code: E.code,
+      name: "UnsupportedChainIdError",
+      shortMessage: "This Wallet does not support the requested chain ID."
+    });
+  }
+}
+Object.defineProperty(E, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 5710
+});
+class R extends o {
+  constructor(e) {
+    super(e, {
+      code: R.code,
+      name: "DuplicateIdError",
+      shortMessage: "There is already a bundle submitted with this ID."
+    });
+  }
+}
+Object.defineProperty(R, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 5720
+});
+class x extends o {
+  constructor(e) {
+    super(e, {
+      code: x.code,
+      name: "UnknownBundleIdError",
+      shortMessage: "This bundle id is unknown / has not been submitted"
+    });
+  }
+}
+Object.defineProperty(x, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 5730
+});
+class M extends o {
+  constructor(e) {
+    super(e, {
+      code: M.code,
+      name: "BundleTooLargeError",
+      shortMessage: "The call bundle is too large for the Wallet to process."
+    });
+  }
+}
+Object.defineProperty(M, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 5740
+});
+class O extends o {
+  constructor(e) {
+    super(e, {
+      code: O.code,
+      name: "AtomicReadyWalletRejectedUpgradeError",
+      shortMessage: "The Wallet can support atomicity after an upgrade, but the user rejected the upgrade."
+    });
+  }
+}
+Object.defineProperty(O, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 5750
+});
+class T extends o {
+  constructor(e) {
+    super(e, {
+      code: T.code,
+      name: "AtomicityNotSupportedError",
+      shortMessage: "The wallet does not support atomic execution but the request requires it."
+    });
+  }
+}
+Object.defineProperty(T, "code", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: 5760
+});
+class J extends r {
+  constructor(e) {
+    super(e, {
+      name: "UnknownRpcError",
+      shortMessage: "An unknown RPC error occurred."
+    });
   }
 }
 export {
-  s as EnsAvatarInvalidMetadataError,
-  o as EnsAvatarInvalidNftUriError,
-  i as EnsAvatarUnsupportedNamespaceError,
-  n as EnsAvatarUriResolutionError
+  O as AtomicReadyWalletRejectedUpgradeError,
+  T as AtomicityNotSupportedError,
+  M as BundleTooLargeError,
+  P as ChainDisconnectedError,
+  R as DuplicateIdError,
+  n as InternalRpcError,
+  d as InvalidInputRpcError,
+  u as InvalidParamsRpcError,
+  c as InvalidRequestRpcError,
+  m as JsonRpcVersionUnsupportedError,
+  h as LimitExceededRpcError,
+  a as MethodNotFoundRpcError,
+  p as MethodNotSupportedRpcError,
+  s as ParseRpcError,
+  w as ProviderDisconnectedError,
+  o as ProviderRpcError,
+  l as ResourceNotFoundRpcError,
+  i as ResourceUnavailableRpcError,
+  r as RpcError,
+  y as SwitchChainError,
+  b as TransactionRejectedRpcError,
+  g as UnauthorizedProviderError,
+  x as UnknownBundleIdError,
+  J as UnknownRpcError,
+  E as UnsupportedChainIdError,
+  j as UnsupportedNonOptionalCapabilityError,
+  v as UnsupportedProviderMethodError,
+  f as UserRejectedRequestError
 };