@coinbase/cdp-hooks 0.0.21 → 0.0.22

package/README.md

@@ -359,13 +359,13 @@ Smart Accounts provide advanced account abstraction features with React hooks.
 
 #### Send User Operations
 
-Send user operations from Smart Accounts with support for multiple calls and paymaster sponsorship:
+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:
 
 ```tsx
 import { useSendUserOperation, useCurrentUser } from "@coinbase/cdp-hooks";
 
 function SendUserOperation() {
-  const { sendUserOperation, data } = useSendUserOperation();
+  const { sendUserOperation, status, data, error } = useSendUserOperation();
   const { currentUser } = useCurrentUser();
 
   const handleSendUserOperation = async () => {
@@ -392,36 +392,32 @@ function SendUserOperation() {
 
   return (
     <div>
-      {(() => {
-        switch (data.status) {
-          case "idle":
-            return <p>Ready to send user operation</p>;
-          case "pending":
-            return (
-              <div>
-                <p>User operation pending...</p>
-                <p>Hash: {data.hash}</p>
-              </div>
-            );
-          case "success":
-            return (
-              <div>
-                <p>User operation successful!</p>
-                <p>Transaction Hash: {data.result.transactionHash}</p>
-              </div>
-            );
-          case "error":
-            return (
-              <div>
-                <p>User operation failed</p>
-                <p>Error: {data.error.message}</p>
-              </div>
-            );
-        }
-      })()}
+      {status === "idle" && <p>Ready to send user operation</p>}
+      
+      {status === "pending" && (
+        <div>
+          <p>User operation pending...</p>
+          {data && <p>User Op Hash: {data.userOpHash}</p>}
+        </div>
+      )}
+      
+      {status === "success" && data && (
+        <div>
+          <p>User operation successful!</p>
+          <p>Transaction Hash: {data.transactionHash}</p>
+          <p>Status: {data.status}</p>
+        </div>
+      )}
+      
+      {status === "error" && (
+        <div>
+          <p>User operation failed</p>
+          <p>Error: {error?.message}</p>
+        </div>
+      )}
       
-      <button onClick={handleSendUserOperation}>
-        Send User Operation
+      <button onClick={handleSendUserOperation} disabled={status === "pending"}>
+        {status === "pending" ? "Sending..." : "Send User Operation"}
       </button>
     </div>
   );
@@ -430,57 +426,75 @@ function SendUserOperation() {
 
 #### Track User Operation Status
 
-Use the `useWaitForUserOperation` hook to poll for user operation status and provide real-time updates:
+Use the `useWaitForUserOperation` hook to poll for user operation status and provide real-time updates. This hook immediately fires off a query to get the result of the user operation:
 
 ```tsx
-import { useWaitForUserOperation, useCurrentUser } from "@coinbase/cdp-hooks";
+import { useWaitForUserOperation, useState } from "react";
 
 function WaitForUserOperation() {
-  const { waitForUserOperation, data } = useWaitForUserOperation();
-
-  const handleWaitForOperation = () => {
-    // Start waiting for a specific user operation
-    waitForUserOperation({
-      userOperationHash: "0x1234...",
-      evmSmartAccount: "0x1234567890123456789012345678901234567890",
-      network: "base-sepolia"
-    });
-  };
+  const { status, data, error } = useWaitForUserOperation({
+    userOperationHash: "0x1234567890abcdef1234567890abcdef1234567890abcdef1234567890abcdef",
+    evmSmartAccount: "0x1234567890123456789012345678901234567890",
+    network: "base-sepolia"
+  });
+
+  return (
+    <div>
+      {status === "idle" && <p>No user operation being tracked</p>}
+      
+      {status === "pending" && (
+        <div>
+          <p>User operation pending...</p>
+          {data && <p>User Op Hash: {data.userOpHash}</p>}
+        </div>
+      )}
+      
+      {status === "success" && data && (
+        <div>
+          <p>User operation successful!</p>
+          <p>Transaction Hash: {data.transactionHash}</p>
+          <p>Status: {data.status}</p>
+        </div>
+      )}
+      
+      {status === "error" && (
+        <div>
+          <p>User operation failed</p>
+          <p>Error: {error?.message}</p>
+        </div>
+      )}
+    </div>
+  );
+}
+```
+
+#### Conditional Polling
+
+You can control when the `useWaitForUserOperation` hook should start polling using the `enabled` parameter:
+
+```tsx
+function ConditionalWaitForUserOperation() {
+  const [shouldPoll, setShouldPoll] = useState(false);
+  
+  const { status, data, error } = useWaitForUserOperation({
+    userOperationHash: "0x1234...",
+    evmSmartAccount: "0x5678...", 
+    network: "base-sepolia",
+    enabled: shouldPoll // Only poll when this is true
+  });
 
   return (
     <div>
-      <button onClick={handleWaitForOperation}>
-        Wait for User Operation
+      <button onClick={() => setShouldPoll(true)}>
+        Start Polling
+      </button>
+      <button onClick={() => setShouldPoll(false)}>
+        Stop Polling  
       </button>
       
-      {(() => {
-        switch (data.status) {
-          case "idle":
-            return <p>No user operation being tracked</p>;
-          case "pending":
-            return (
-              <div>
-                <p>User operation pending...</p>
-                <p>Hash: {data.hash}</p>
-              </div>
-            );
-          case "success":
-            return (
-              <div>
-                <p>User operation successful!</p>
-                <p>Transaction Hash: {data.result.transactionHash}</p>
-                <p>Status: {data.result.status}</p>
-              </div>
-            );
-          case "error":
-            return (
-              <div>
-                <p>User operation failed</p>
-                <p>Error: {data.error.message}</p>
-              </div>
-            );
-        }
-      })()}
+      <p>Status: {status}</p>
+      {data && <p>User Operation Status: {data.status}</p>}
+      {error && <p>Error: {error.message}</p>}
     </div>
   );
 }

package/dist/esm/index15.js

@@ -1,4 +1,4 @@
-import { withResolvers as d } from "./index210.js";
+import { withResolvers as d } from "./index208.js";
 const h = /* @__PURE__ */ new Map();
 function S({ fn: p, id: o, shouldSplitBatch: a, wait: g = 0, sort: l }) {
   const u = async () => {

package/dist/esm/index16.js

@@ -1,7 +1,7 @@
 import { TimeoutError as m, HttpRequestError as i } from "./index13.js";
 import { withTimeout as j } from "./index177.js";
 import { stringify as c } from "./index103.js";
-import { idCache as y } from "./index231.js";
+import { idCache as y } from "./index209.js";
 function E(s, o = {}) {
   return {
     async request(p) {

package/dist/esm/index19.js

@@ -4,11 +4,11 @@ import { encodeFunctionData as R } from "./index137.js";
 import { getChainContractAddress as b } from "./index173.js";
 import { trim as w } from "./index122.js";
 import { toHex as C } from "./index109.js";
-import { isNullUniversalResolverError as y } from "./index211.js";
+import { isNullUniversalResolverError as y } from "./index210.js";
 import { localBatchGatewayUrl as x } from "./index163.js";
 import { namehash as i } from "./index112.js";
-import { packetToBytes as N } from "./index212.js";
-import { getAction as B } from "./index206.js";
+import { packetToBytes as N } from "./index211.js";
+import { getAction as B } from "./index212.js";
 import { readContract as T } from "./index55.js";
 async function J(a, o) {
   const { blockNumber: l, blockTag: m, coinType: t, name: e, gatewayUrls: f, strict: v } = o, { chain: n } = a, p = (() => {

package/dist/esm/index20.js

@@ -1,5 +1,5 @@
 import { parseAvatarRecord as m } from "./index213.js";
-import { getAction as u } from "./index206.js";
+import { getAction as u } from "./index212.js";
 import { getEnsText as f } from "./index23.js";
 async function y(t, { blockNumber: a, blockTag: e, assetGatewayUrls: n, name: o, gatewayUrls: c, strict: i, universalResolverAddress: s }) {
   const r = await u(t, f, "getEnsText")({

package/dist/esm/index206.js

@@ -1,10 +1,39 @@
-function f(t, n, c) {
-  const i = t[n.name];
-  if (typeof i == "function")
-    return i;
-  const o = t[c];
-  return typeof o == "function" ? o : (e) => n(t, e);
+const f = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
+let w = 0;
+function C(s, l, h) {
+  const i = ++w, c = () => f.get(s) || [], g = () => {
+    const n = c();
+    f.set(s, n.filter((e) => e.id !== i));
+  }, r = () => {
+    const n = c();
+    if (!n.some((t) => t.id === i))
+      return;
+    const e = p.get(s);
+    if (n.length === 1 && e) {
+      const t = e();
+      t instanceof Promise && t.catch(() => {
+      });
+    }
+    g();
+  }, o = c();
+  if (f.set(s, [
+    ...o,
+    { id: i, fns: l }
+  ]), o && o.length > 0)
+    return r;
+  const u = {};
+  for (const n in l)
+    u[n] = (...e) => {
+      const t = c();
+      if (t.length !== 0)
+        for (const m of t)
+          m.fns[n]?.(...e);
+    };
+  const a = h(u);
+  return typeof a == "function" && p.set(s, a), r;
 }
 export {
-  f as getAction
+  p as cleanupCache,
+  f as listenersCache,
+  C as observe
 };

package/dist/esm/index207.js

@@ -1,9 +1,18 @@
-function u(e, { method: r }) {
-  const t = {};
-  return e.transport.type === "fallback" && e.transport.onResponse?.(({ method: s, response: o, status: p, transport: n }) => {
-    p === "success" && r === s && (t[o] = n.request);
-  }), (s) => t[s] || e.request;
+import { wait as l } from "./index176.js";
+function p(a, { emitOnBegin: e, initialWaitTime: w, interval: i }) {
+  let n = !0;
+  const t = () => n = !1;
+  return (async () => {
+    let o;
+    e && (o = await a({ unpoll: t }));
+    const u = await w?.(o) ?? i;
+    await l(u);
+    const c = async () => {
+      n && (await a({ unpoll: t }), await l(i), c());
+    };
+    c();
+  })(), t;
 }
 export {
-  u as createFilterRequestScope
+  p as poll
 };

package/dist/esm/index208.js

@@ -1,39 +1,11 @@
-const f = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
-let w = 0;
-function C(s, l, h) {
-  const i = ++w, c = () => f.get(s) || [], g = () => {
-    const n = c();
-    f.set(s, n.filter((e) => e.id !== i));
-  }, r = () => {
-    const n = c();
-    if (!n.some((t) => t.id === i))
-      return;
-    const e = p.get(s);
-    if (n.length === 1 && e) {
-      const t = e();
-      t instanceof Promise && t.catch(() => {
-      });
-    }
-    g();
-  }, o = c();
-  if (f.set(s, [
-    ...o,
-    { id: i, fns: l }
-  ]), o && o.length > 0)
-    return r;
-  const u = {};
-  for (const n in l)
-    u[n] = (...e) => {
-      const t = c();
-      if (t.length !== 0)
-        for (const m of t)
-          m.fns[n]?.(...e);
-    };
-  const a = h(u);
-  return typeof a == "function" && p.set(s, a), r;
+function i() {
+  let e = () => {
+  }, n = () => {
+  };
+  return { promise: new Promise((r, o) => {
+    e = r, n = o;
+  }), resolve: e, reject: n };
 }
 export {
-  p as cleanupCache,
-  f as listenersCache,
-  C as observe
+  i as withResolvers
 };

package/dist/esm/index209.js

@@ -1,18 +1,15 @@
-import { wait as l } from "./index176.js";
-function p(a, { emitOnBegin: e, initialWaitTime: w, interval: i }) {
-  let n = !0;
-  const t = () => n = !1;
-  return (async () => {
-    let o;
-    e && (o = await a({ unpoll: t }));
-    const u = await w?.(o) ?? i;
-    await l(u);
-    const c = async () => {
-      n && (await a({ unpoll: t }), await l(i), c());
-    };
-    c();
-  })(), t;
+function r() {
+  return {
+    current: 0,
+    take() {
+      return this.current++;
+    },
+    reset() {
+      this.current = 0;
+    }
+  };
 }
+const t = /* @__PURE__ */ r();
 export {
-  p as poll
+  t as idCache
 };

package/dist/esm/index21.js

@@ -1,9 +1,9 @@
 import { universalResolverReverseAbi as f } from "./index72.js";
 import { getChainContractAddress as u } from "./index173.js";
 import { toHex as h } from "./index109.js";
-import { isNullUniversalResolverError as p } from "./index211.js";
-import { packetToBytes as C } from "./index212.js";
-import { getAction as w } from "./index206.js";
+import { isNullUniversalResolverError as p } from "./index210.js";
+import { packetToBytes as C } from "./index211.js";
+import { getAction as w } from "./index212.js";
 import { readContract as A } from "./index55.js";
 async function b(e, { address: t, blockNumber: s, blockTag: i, gatewayUrls: a, strict: c, universalResolverAddress: d }) {
   let o = d;

package/dist/esm/index210.js

@@ -1,11 +1,12 @@
-function i() {
-  let e = () => {
-  }, n = () => {
-  };
-  return { promise: new Promise((r, o) => {
-    e = r, n = o;
-  }), resolve: e, reject: n };
+import { panicReasons as a } from "./index86.js";
+import { BaseError as s } from "./index82.js";
+import { ContractFunctionRevertedError as t } from "./index85.js";
+function d(e, o) {
+  if (!(e instanceof s))
+    return !1;
+  const r = e.walk((n) => n instanceof t);
+  return r instanceof t ? !!(r.data?.errorName === "ResolverNotFound" || r.data?.errorName === "ResolverWildcardNotSupported" || r.data?.errorName === "ResolverNotContract" || r.data?.errorName === "ResolverError" || r.data?.errorName === "HttpError" || r.reason?.includes("Wildcard on non-extended resolvers is not supported") || o === "reverse" && r.reason === a[50]) : !1;
 }
 export {
-  i as withResolvers
+  d as isNullUniversalResolverError
 };

package/dist/esm/index211.js

@@ -1,12 +1,19 @@
-import { panicReasons as a } from "./index86.js";
-import { BaseError as s } from "./index82.js";
-import { ContractFunctionRevertedError as t } from "./index85.js";
-function d(e, o) {
-  if (!(e instanceof s))
-    return !1;
-  const r = e.walk((n) => n instanceof t);
-  return r instanceof t ? !!(r.data?.errorName === "ResolverNotFound" || r.data?.errorName === "ResolverWildcardNotSupported" || r.data?.errorName === "ResolverNotContract" || r.data?.errorName === "ResolverError" || r.data?.errorName === "HttpError" || r.reason?.includes("Wildcard on non-extended resolvers is not supported") || o === "reverse" && r.reason === a[50]) : !1;
+import { stringToBytes as i } from "./index108.js";
+import { encodeLabelhash as h } from "./index244.js";
+import { labelhash as f } from "./index107.js";
+function y(s) {
+  const o = s.replace(/^\.|\.$/gm, "");
+  if (o.length === 0)
+    return new Uint8Array(1);
+  const e = new Uint8Array(i(o).byteLength + 2);
+  let t = 0;
+  const l = o.split(".");
+  for (let r = 0; r < l.length; r++) {
+    let n = i(l[r]);
+    n.byteLength > 255 && (n = i(h(f(l[r])))), e[t] = n.length, e.set(n, t + 1), t += n.length + 1;
+  }
+  return e.byteLength !== t + 1 ? e.slice(0, t + 1) : e;
 }
 export {
-  d as isNullUniversalResolverError
+  y as packetToBytes
 };

package/dist/esm/index212.js

@@ -1,19 +1,10 @@
-import { stringToBytes as i } from "./index108.js";
-import { encodeLabelhash as h } from "./index244.js";
-import { labelhash as f } from "./index107.js";
-function y(s) {
-  const o = s.replace(/^\.|\.$/gm, "");
-  if (o.length === 0)
-    return new Uint8Array(1);
-  const e = new Uint8Array(i(o).byteLength + 2);
-  let t = 0;
-  const l = o.split(".");
-  for (let r = 0; r < l.length; r++) {
-    let n = i(l[r]);
-    n.byteLength > 255 && (n = i(h(f(l[r])))), e[t] = n.length, e.set(n, t + 1), t += n.length + 1;
-  }
-  return e.byteLength !== t + 1 ? e.slice(0, t + 1) : e;
+function f(t, n, c) {
+  const i = t[n.name];
+  if (typeof i == "function")
+    return i;
+  const o = t[c];
+  return typeof o == "function" ? o : (e) => n(t, e);
 }
 export {
-  y as packetToBytes
+  f as getAction
 };

package/dist/esm/index216.js

@@ -1,6 +1,6 @@
 import { CallExecutionError as c } from "./index85.js";
 import { UnknownNodeError as i } from "./index101.js";
-import { getNodeError as u } from "./index224.js";
+import { getNodeError as u } from "./index225.js";
 function a(r, { docsPath: t, ...o }) {
   const e = (() => {
     const n = u(r, o);

package/dist/esm/index219.js

@@ -1,12 +1,9 @@
-import { recoverAddress as i } from "./index149.js";
-import { hashAuthorization as e } from "./index248.js";
-async function a(o) {
-  const { authorization: r, signature: t } = o;
-  return i({
-    hash: e(r),
-    signature: t ?? r
-  });
+function u(e, { method: r }) {
+  const t = {};
+  return e.transport.type === "fallback" && e.transport.onResponse?.(({ method: s, response: o, status: p, transport: n }) => {
+    p === "success" && r === s && (t[o] = n.request);
+  }), (s) => t[s] || e.request;
 }
 export {
-  a as recoverAuthorizationAddress
+  u as createFilterRequestScope
 };

package/dist/esm/index22.js

@@ -1,7 +1,7 @@
 import { getChainContractAddress as l } from "./index173.js";
 import { toHex as u } from "./index109.js";
-import { packetToBytes as v } from "./index212.js";
-import { getAction as f } from "./index206.js";
+import { packetToBytes as v } from "./index211.js";
+import { getAction as f } from "./index212.js";
 import { readContract as m } from "./index55.js";
 async function A(o, r) {
   const { blockNumber: n, blockTag: i, name: s } = r, { chain: e } = o, a = (() => {

package/dist/esm/index220.js

@@ -1,16 +1,12 @@
-import { EstimateGasExecutionError as i } from "./index100.js";
-import { UnknownNodeError as m } from "./index101.js";
-import { getNodeError as s } from "./index224.js";
-function a(r, { docsPath: e, ...o }) {
-  const n = (() => {
-    const t = s(r, o);
-    return t instanceof m ? r : t;
-  })();
-  return new i(n, {
-    docsPath: e,
-    ...o
+import { recoverAddress as i } from "./index149.js";
+import { hashAuthorization as e } from "./index248.js";
+async function a(o) {
+  const { authorization: r, signature: t } = o;
+  return i({
+    hash: e(r),
+    signature: t ?? r
   });
 }
 export {
-  a as getEstimateGasError
+  a as recoverAuthorizationAddress
 };

package/dist/esm/index221.js

@@ -1,17 +1,16 @@
-import { BaseError as t } from "./index82.js";
-class r extends t {
-  constructor({ address: o }) {
-    super(`No EIP-712 domain found on contract "${o}".`, {
-      metaMessages: [
-        "Ensure that:",
-        `- The contract is deployed at the address "${o}".`,
-        "- `eip712Domain()` function exists on the contract.",
-        "- `eip712Domain()` function matches signature to ERC-5267 specification."
-      ],
-      name: "Eip712DomainNotFoundError"
-    });
-  }
+import { EstimateGasExecutionError as i } from "./index100.js";
+import { UnknownNodeError as m } from "./index101.js";
+import { getNodeError as s } from "./index225.js";
+function a(r, { docsPath: e, ...o }) {
+  const n = (() => {
+    const t = s(r, o);
+    return t instanceof m ? r : t;
+  })();
+  return new i(n, {
+    docsPath: e,
+    ...o
+  });
 }
 export {
-  r as Eip712DomainNotFoundError
+  a as getEstimateGasError
 };

package/dist/esm/index222.js

@@ -1,11 +1,17 @@
-function r(a) {
-  return {
-    baseFeePerGas: a.baseFeePerGas.map((e) => BigInt(e)),
-    gasUsedRatio: a.gasUsedRatio,
-    oldestBlock: BigInt(a.oldestBlock),
-    reward: a.reward?.map((e) => e.map((t) => BigInt(t)))
-  };
+import { BaseError as t } from "./index82.js";
+class r extends t {
+  constructor({ address: o }) {
+    super(`No EIP-712 domain found on contract "${o}".`, {
+      metaMessages: [
+        "Ensure that:",
+        `- The contract is deployed at the address "${o}".`,
+        "- `eip712Domain()` function exists on the contract.",
+        "- `eip712Domain()` function matches signature to ERC-5267 specification."
+      ],
+      name: "Eip712DomainNotFoundError"
+    });
+  }
 }
 export {
-  r as formatFeeHistory
+  r as Eip712DomainNotFoundError
 };

package/dist/esm/index223.js

@@ -1,18 +1,11 @@
-import { hexToNumber as a } from "./index142.js";
-function t(e) {
-  return e.map((n) => ({
-    ...n,
-    value: BigInt(n.value)
-  }));
-}
-function o(e) {
+function r(a) {
   return {
-    ...e,
-    balance: e.balance ? BigInt(e.balance) : void 0,
-    nonce: e.nonce ? a(e.nonce) : void 0,
-    storageProof: e.storageProof ? t(e.storageProof) : void 0
+    baseFeePerGas: a.baseFeePerGas.map((e) => BigInt(e)),
+    gasUsedRatio: a.gasUsedRatio,
+    oldestBlock: BigInt(a.oldestBlock),
+    reward: a.reward?.map((e) => e.map((t) => BigInt(t)))
   };
 }
 export {
-  o as formatProof
+  r as formatFeeHistory
 };