@gardenfi/react-hooks 0.0.2-beta.2 → 0.0.2-beta.20

package/dist/index2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),q=require("./index3.cjs"),s=require("@gardenfi/core"),i=require("@catalogfi/utils"),m=require("@gardenfi/orderbook"),x=require("./index5.cjs"),w=n.createContext({isExecuting:!1,isExecutorRequired:!1}),S=({children:u,config:a})=>{const[e,v]=n.useState(),[C,O]=n.useState(),{pendingOrders:d}=q.useOrderbook(e),E=n.useMemo(()=>!!(e!=null&&e.secretManager.isInitialized),[e]),f=n.useMemo(()=>!!d.find(r=>{const t=r.status;return t===s.OrderStatus.InitiateDetected||t===s.OrderStatus.Initiated||t===s.OrderStatus.CounterPartyInitiateDetected||t===s.OrderStatus.CounterPartyInitiated||t===s.OrderStatus.RedeemDetected||t===s.OrderStatus.Expired}),[d]),G=async r=>{if(!e||!a.walletClient)return i.Err("Garden not initialized");const t=await e.swap(r);if(t.error)return i.Err(t.error);if(m.isBitcoin(t.val.source_swap.chain))return i.Ok(t.val);const o=await s.switchOrAddNetwork(r.fromAsset.chain,a.walletClient);if(o.error)return i.Err("Failed to switch network: "+o.error);const l=o.val.walletClient,c=await e.evmRelay.init(l,t.val);if(c.error)return i.Err(c.error);const h={...t.val,source_swap:{...t.val.source_swap,initiate_tx_hash:c.val}};return i.Ok(h)};return n.useEffect(()=>{var r;if(a.walletClient){if(!((r=a.walletClient.account)!=null&&r.address))throw new Error("WalletClient doesn't have an account");v(new s.Garden({environment:a.environment,evmWallet:a.walletClient}))}},[a.walletClient]),n.useEffect(()=>{e&&O(()=>async({fromAsset:r,toAsset:t,amount:o,isExactOut:l=!1})=>await e.quote.getQuote(x.constructOrderpair(r,t),o,l))},[e]),n.createElement(w.Provider,{value:{orderBook:e==null?void 0:e.orderbook,quote:e==null?void 0:e.quote,swapAndInitiate:G,pendingOrders:d,getQuote:C,garden:e,isExecuting:E,isExecutorRequired:f}},u)},k=()=>{const u=n.useContext(w);if(!u)throw new Error("useGarden must be used within a GardenProvider");return u};exports.GardenContext=w;exports.GardenProvider=S;exports.useGarden=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),x=require("./index3.cjs"),n=require("@gardenfi/core"),a=require("./index5.cjs"),h=require("@gardenfi/orderbook"),G=require("./index6.cjs"),v=s.createContext({isExecuting:!1,isExecutorRequired:!1}),_=({children:d,config:t})=>{const[i,O]=s.useState(),{pendingOrders:c,isExecuting:C}=x.useOrderbook(i),E=s.useMemo(()=>!!c.find(r=>{const e=r.status;return e===n.OrderStatus.InitiateDetected||e===n.OrderStatus.Initiated||e===n.OrderStatus.CounterPartyInitiateDetected||e===n.OrderStatus.CounterPartyInitiated||e===n.OrderStatus.RedeemDetected||e===n.OrderStatus.Expired}),[c]),w=s.useMemo(()=>new n.Quote(t.quoteUrl||n.API[t.environment].quote),[t.quoteUrl,t.environment]),m=s.useMemo(()=>async({fromAsset:r,toAsset:e,amount:o,isExactOut:u=!1,request:l})=>await w.getQuote(G.constructOrderpair(r,e),o,u,l),[w]),p=async r=>{if(!i||!t.walletClient)return a.Err("Garden not initialized");const e=await i.swap(r);if(e.error)return a.Err(e.error);if(h.isBitcoin(e.val.source_swap.chain))return a.Ok(e.val);const o=await n.switchOrAddNetwork(r.fromAsset.chain,t.walletClient);if(o.error)return a.Err("Failed to switch network: "+o.error);const u=o.val.walletClient,l=await i.evmRelay.init(u,e.val);if(l.error)return a.Err(l.error);const q={...e.val,source_swap:{...e.val.source_swap,initiate_tx_hash:l.val}};return a.Ok(q)},k=async r=>{if(!i||!t.walletClient)return a.Err("garden not initialized");if(h.isBitcoin(r.source_swap.chain))return a.Err("Not an EVM order: sourceSwap.chain is Bitcoin");const e=await n.switchOrAddNetwork(r.source_swap.chain,t.walletClient);if(e.error)return a.Err("Failed to switch network: "+e.error);const o=e.val.walletClient,u=await i.evmRelay.init(o,r);if(u.error)return a.Err(u.error);const l={...r,source_swap:{...r.source_swap,initiate_tx_hash:u.val}};return a.Ok(l)};return s.useEffect(()=>{var r;if(t.walletClient){if(!((r=t.walletClient.account)!=null&&r.address))throw new Error("WalletClient doesn't have an account");O(new n.Garden({environment:t.environment,evmWallet:t.walletClient,siweOpts:t.siweOpts??{domain:window.location.hostname,store:t.store}}))}},[t.walletClient]),s.createElement(v.Provider,{value:{orderBook:i==null?void 0:i.orderbook,quote:w,swapAndInitiate:p,pendingOrders:c,getQuote:m,garden:i,isExecuting:C,isExecutorRequired:E,evmInitiate:k}},d)},R=()=>{const d=s.useContext(v);if(!d)throw new Error("useGarden must be used within a GardenProvider");return d};exports.GardenContext=v;exports.GardenProvider=_;exports.useGarden=R;

package/dist/index2.js

@@ -1,90 +1,116 @@
-import v, { createContext as k, useState as d, useMemo as w, useEffect as m } from "react";
-import { useOrderbook as I } from "./index3.js";
-import { OrderStatus as i, Garden as q, switchOrAddNetwork as y } from "@gardenfi/core";
-import { Err as s, Ok as f } from "@catalogfi/utils";
-import { isBitcoin as P } from "@gardenfi/orderbook";
-import { constructOrderpair as _ } from "./index5.js";
-const p = k({
+import h, { createContext as k, useState as y, useMemo as d, useEffect as I } from "react";
+import { useOrderbook as q } from "./index3.js";
+import { OrderStatus as l, Quote as P, API as W, Garden as A, switchOrAddNetwork as p } from "@gardenfi/core";
+import { Err as a, Ok as m } from "./index5.js";
+import { isBitcoin as v } from "@gardenfi/orderbook";
+import { constructOrderpair as b } from "./index6.js";
+const C = k({
   isExecuting: !1,
   isExecutorRequired: !1
-}), B = ({
-  children: a,
-  config: n
+}), M = ({
+  children: u,
+  config: t
 }) => {
-  const [e, C] = d(), [h, x] = d(), { pendingOrders: u } = I(e), E = w(() => !!(e != null && e.secretManager.isInitialized), [e]), G = w(() => !!u.find((r) => {
-    const t = r.status;
-    return t === i.InitiateDetected || t === i.Initiated || t === i.CounterPartyInitiateDetected || t === i.CounterPartyInitiated || t === i.RedeemDetected || t === i.Expired;
-  }), [u]), O = async (r) => {
-    if (!e || !n.walletClient) return s("Garden not initialized");
-    const t = await e.swap(r);
-    if (t.error) return s(t.error);
-    if (P(t.val.source_swap.chain)) return f(t.val);
-    const o = await y(
+  const [n, f] = y(), { pendingOrders: c, isExecuting: x } = q(n), E = d(() => !!c.find((r) => {
+    const e = r.status;
+    return e === l.InitiateDetected || e === l.Initiated || e === l.CounterPartyInitiateDetected || e === l.CounterPartyInitiated || e === l.RedeemDetected || e === l.Expired;
+  }), [c]), w = d(() => new P(t.quoteUrl || W[t.environment].quote), [t.quoteUrl, t.environment]), _ = d(
+    () => async ({
+      fromAsset: r,
+      toAsset: e,
+      amount: i,
+      isExactOut: o = !1,
+      request: s
+    }) => await w.getQuote(
+      b(r, e),
+      i,
+      o,
+      s
+    ),
+    [w]
+  ), O = async (r) => {
+    if (!n || !t.walletClient) return a("Garden not initialized");
+    const e = await n.swap(r);
+    if (e.error) return a(e.error);
+    if (v(e.val.source_swap.chain)) return m(e.val);
+    const i = await p(
       r.fromAsset.chain,
-      n.walletClient
+      t.walletClient
     );
-    if (o.error)
-      return s("Failed to switch network: " + o.error);
-    const l = o.val.walletClient, c = await e.evmRelay.init(l, t.val);
-    if (c.error) return s(c.error);
-    const R = {
-      ...t.val,
+    if (i.error)
+      return a("Failed to switch network: " + i.error);
+    const o = i.val.walletClient, s = await n.evmRelay.init(o, e.val);
+    if (s.error) return a(s.error);
+    const G = {
+      ...e.val,
       source_swap: {
-        ...t.val.source_swap,
-        initiate_tx_hash: c.val
+        ...e.val.source_swap,
+        initiate_tx_hash: s.val
       }
     };
-    return f(R);
+    return m(G);
+  }, R = async (r) => {
+    if (!n || !t.walletClient) return a("garden not initialized");
+    if (v(r.source_swap.chain))
+      return a("Not an EVM order: sourceSwap.chain is Bitcoin");
+    const e = await p(
+      r.source_swap.chain,
+      t.walletClient
+    );
+    if (e.error)
+      return a("Failed to switch network: " + e.error);
+    const i = e.val.walletClient, o = await n.evmRelay.init(i, r);
+    if (o.error) return a(o.error);
+    const s = {
+      ...r,
+      source_swap: {
+        ...r.source_swap,
+        initiate_tx_hash: o.val
+      }
+    };
+    return m(s);
   };
-  return m(() => {
+  return I(() => {
     var r;
-    if (n.walletClient) {
-      if (!((r = n.walletClient.account) != null && r.address))
+    if (t.walletClient) {
+      if (!((r = t.walletClient.account) != null && r.address))
         throw new Error("WalletClient doesn't have an account");
-      C(
-        new q({
-          environment: n.environment,
-          evmWallet: n.walletClient
+      f(
+        new A({
+          environment: t.environment,
+          evmWallet: t.walletClient,
+          siweOpts: t.siweOpts ?? {
+            domain: window.location.hostname,
+            store: t.store
+          }
         })
       );
     }
-  }, [n.walletClient]), m(() => {
-    e && x(
-      () => async ({
-        fromAsset: r,
-        toAsset: t,
-        amount: o,
-        isExactOut: l = !1
-      }) => await e.quote.getQuote(
-        _(r, t),
-        o,
-        l
-      )
-    );
-  }, [e]), /* @__PURE__ */ v.createElement(
-    p.Provider,
+  }, [t.walletClient]), /* @__PURE__ */ h.createElement(
+    C.Provider,
     {
       value: {
-        orderBook: e == null ? void 0 : e.orderbook,
-        quote: e == null ? void 0 : e.quote,
+        orderBook: n == null ? void 0 : n.orderbook,
+        quote: w,
         swapAndInitiate: O,
-        pendingOrders: u,
-        getQuote: h,
-        garden: e,
-        isExecuting: E,
-        isExecutorRequired: G
+        pendingOrders: c,
+        getQuote: _,
+        garden: n,
+        isExecuting: x,
+        isExecutorRequired: E,
+        evmInitiate: R
       }
     },
-    a
+    u
   );
-}, M = () => {
-  const a = v.useContext(p);
-  if (!a)
+}, N = () => {
+  const u = h.useContext(C);
+  if (!u)
     throw new Error("useGarden must be used within a GardenProvider");
-  return a;
+  return u;
 };
 export {
-  p as GardenContext,
-  B as GardenProvider,
-  M as useGarden
+  C as GardenContext,
+  M as GardenProvider,
+  N as useGarden
 };

package/dist/index3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@gardenfi/core"),o=require("react"),f=e=>{const[b,c]=o.useState([]);return o.useEffect(()=>{if(!e||!e.secretManager.isInitialized)return;console.log("started executor",e.secretManager.isInitialized);const n=e.execute(),r=s=>c(s);return e.on("onPendingOrdersChanged",r),()=>{(async()=>(await n)())(),e.off("onPendingOrdersChanged",r)}},[e]),o.useEffect(()=>{e&&e.blockNumberFetcher.fetchBlockNumbers().then(n=>{if(n.error)return;const{val:r}=n;e.orderbook.fetchOrders(!0,!0,{per_page:500}).then(s=>{if(s.error)return;const l=a.filterDeadlineExpiredOrders(s.val.data).map(t=>{const i=r[t.source_swap.chain],u=r[t.destination_swap.chain];if(!i||!u)return;const d=a.ParseOrderStatus(t,i,u);return{...t,status:d}}).filter(t=>t!==void 0);c(l)})})},[e]),{pendingOrders:b}};exports.useOrderbook=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@gardenfi/core"),n=require("react"),O=e=>{const[l,u]=n.useState([]),[c,b]=n.useState(!1);return n.useEffect(()=>{if(!e)return;const t=()=>{e.secretManager.isInitialized&&b(!0)};return t(),e.secretManager.on("initialized",t),()=>{e.secretManager.off("initialized",t)}},[e]),n.useEffect(()=>{if(!e||!c)return;const t=e.execute(),i=s=>u(s);return e.on("onPendingOrdersChanged",i),()=>{(async()=>(await t)())(),e.off("onPendingOrdersChanged",i)}},[e,c]),n.useEffect(()=>{e&&e.blockNumberFetcher.fetchBlockNumbers().then(t=>{if(t.error)return;const{val:i}=t;e.orderbook.fetchOrders(!0,!0,{per_page:500}).then(s=>{if(s.error)return;const d=f.filterDeadlineExpiredOrders(s.val.data).map(r=>{const o=i[r.source_swap.chain],a=i[r.destination_swap.chain];if(!o||!a)return;const h=f.ParseOrderStatus(r,o,a);return{...r,status:h}}).filter(r=>r!==void 0);u(d)})})},[e]),{pendingOrders:l,isExecuting:c}};exports.useOrderbook=O;

package/dist/index3.js

@@ -1,40 +1,47 @@
-import { filterDeadlineExpiredOrders as l, ParseOrderStatus as d } from "@gardenfi/core";
-import { useState as h, useEffect as u } from "react";
-const O = (e) => {
-  const [a, o] = h([]);
-  return u(() => {
-    if (!e || !e.secretManager.isInitialized) return;
-    console.log("started executor", e.secretManager.isInitialized);
-    const s = e.execute(), r = (n) => o(n);
-    return e.on("onPendingOrdersChanged", r), () => {
-      (async () => (await s)())(), e.off("onPendingOrdersChanged", r);
+import { filterDeadlineExpiredOrders as m, ParseOrderStatus as p } from "@gardenfi/core";
+import { useState as f, useEffect as o } from "react";
+const z = (e) => {
+  const [l, c] = f([]), [s, b] = f(!1);
+  return o(() => {
+    if (!e) return;
+    const t = () => {
+      e.secretManager.isInitialized && b(!0);
     };
-  }, [e]), u(() => {
-    e && e.blockNumberFetcher.fetchBlockNumbers().then((s) => {
-      if (s.error) return;
-      const { val: r } = s;
+    return t(), e.secretManager.on("initialized", t), () => {
+      e.secretManager.off("initialized", t);
+    };
+  }, [e]), o(() => {
+    if (!e || !s) return;
+    const t = e.execute(), i = (n) => c(n);
+    return e.on("onPendingOrdersChanged", i), () => {
+      (async () => (await t)())(), e.off("onPendingOrdersChanged", i);
+    };
+  }, [e, s]), o(() => {
+    e && e.blockNumberFetcher.fetchBlockNumbers().then((t) => {
+      if (t.error) return;
+      const { val: i } = t;
       e.orderbook.fetchOrders(!0, !0, {
         per_page: 500
       }).then((n) => {
         if (n.error) return;
-        const b = l(n.val.data).map((t) => {
-          const i = r[t.source_swap.chain], c = r[t.destination_swap.chain];
-          if (!i || !c) return;
-          const f = d(
-            t,
-            i,
-            c
+        const d = m(n.val.data).map((r) => {
+          const u = i[r.source_swap.chain], a = i[r.destination_swap.chain];
+          if (!u || !a) return;
+          const h = p(
+            r,
+            u,
+            a
           );
           return {
-            ...t,
-            status: f
+            ...r,
+            status: h
           };
-        }).filter((t) => t !== void 0);
-        o(b);
+        }).filter((r) => r !== void 0);
+        c(d);
       });
     });
-  }, [e]), { pendingOrders: a };
+  }, [e]), { pendingOrders: l, isExecuting: s };
 };
 export {
-  O as useOrderbook
+  z as useOrderbook
 };

package/dist/index5.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=(r,c)=>`${r.chain}:${r.atomicSwapAddress}::${c.chain}:${c.atomicSwapAddress}`;exports.constructOrderpair=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var u=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},l=(e,t,r)=>(u(e,t,"read from private field"),r?r.call(e):t.get(e)),f=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},h=(e,t,r,i)=>(u(e,t,"write to private field"),t.set(e,r),r),n,o,a;class s{constructor(t,r,i=void 0){f(this,n,void 0),f(this,o,void 0),f(this,a,void 0),h(this,n,t),h(this,a,i),h(this,o,r)}get ok(){return l(this,n)}get error(){return l(this,a)}get val(){return l(this,o)}}n=new WeakMap,o=new WeakMap,a=new WeakMap;const d=e=>new s(!0,e),v=(e,...t)=>{if(typeof e=="string"&&t&&t.length>0){let r=[e,...t].map(i=>{if(i){if(i instanceof Error)return i.message;if(typeof i=="string")return i;if(i!=null&&i.toString)return i.toString()}});return new s(!1,null,r.filter(i=>i!==void 0).join(" "))}return new s(!1,null,e)};exports.Err=v;exports.Ok=d;exports.Result=s;

package/dist/index5.js

@@ -1,4 +1,48 @@
-const r = (a, c) => `${a.chain}:${a.atomicSwapAddress}::${c.chain}:${c.atomicSwapAddress}`;
+var u = (e, t, r) => {
+  if (!t.has(e))
+    throw TypeError("Cannot " + r);
+}, s = (e, t, r) => (u(e, t, "read from private field"), r ? r.call(e) : t.get(e)), h = (e, t, r) => {
+  if (t.has(e))
+    throw TypeError("Cannot add the same private member more than once");
+  t instanceof WeakSet ? t.add(e) : t.set(e, r);
+}, l = (e, t, r, i) => (u(e, t, "write to private field"), t.set(e, r), r), n, a, o;
+class f {
+  constructor(t, r, i = void 0) {
+    h(this, n, void 0), h(this, a, void 0), h(this, o, void 0), l(this, n, t), l(this, o, i), l(this, a, r);
+  }
+  get ok() {
+    return s(this, n);
+  }
+  get error() {
+    return s(this, o);
+  }
+  get val() {
+    return s(this, a);
+  }
+}
+n = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap();
+const d = (e) => new f(!0, e), p = (e, ...t) => {
+  if (typeof e == "string" && t && t.length > 0) {
+    let r = [e, ...t].map((i) => {
+      if (i) {
+        if (i instanceof Error)
+          return i.message;
+        if (typeof i == "string")
+          return i;
+        if (i != null && i.toString)
+          return i.toString();
+      }
+    });
+    return new f(
+      !1,
+      null,
+      r.filter((i) => i !== void 0).join(" ")
+    );
+  }
+  return new f(!1, null, e);
+};
 export {
-  r as constructOrderpair
+  p as Err,
+  d as Ok,
+  f as Result
 };

package/dist/index6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=(r,c)=>`${r.chain}:${r.atomicSwapAddress}::${c.chain}:${c.atomicSwapAddress}`;exports.constructOrderpair=a;

package/dist/index6.js

@@ -0,0 +1,4 @@
+const r = (a, c) => `${a.chain}:${a.atomicSwapAddress}::${c.chain}:${c.atomicSwapAddress}`;
+export {
+  r as constructOrderpair
+};

package/dist/src/index.d.ts

@@ -1,4 +1,5 @@
 export { GardenProvider, useGarden } from './lib/context/GardenProvider';
+export type { QuoteParams, GardenContextType, GardenProviderProps, } from './lib/context/gardenProvider.types';
 export { useOrderbook } from './lib/hooks/useOrderbook';
 export { BitcoinNetwork } from '@catalogfi/wallets';
 export { environment, GARDEN_CONFIG } from './lib/gardenConfig';

package/dist/src/lib/context/gardenProvider.types.d.ts

@@ -1,8 +1,8 @@
 import { WalletClient } from 'viem';
 import { OrderWithStatus, IGardenJS, IQuote, QuoteResponse, SwapParams } from '@gardenfi/core';
-import { AsyncResult, Result } from '@catalogfi/utils';
+import { AsyncResult, Request, Result } from '@catalogfi/utils';
 import { Asset, IOrderbook, MatchedOrder } from '@gardenfi/orderbook';
-import { Environment, IStore } from '@gardenfi/utils';
+import { Environment, IStore, SiweOpts } from '@gardenfi/utils';
 
 export type GardenContextType = {
     /**
@@ -46,6 +46,13 @@ export type GardenContextType = {
      * @returns {IQuote}
      */
     quote?: IQuote;
+    /**
+     * Initiates the order in the EVM chain. This can be useful if the initiation is failed when `swapAndInitiate` function is called.
+     * @param order - The order to initiate.
+     * @returns {AsyncResult<MatchedOrder, string>} - The initiated order.
+     * @NOTE This is only required if the source chain is EVM.
+     */
+    evmInitiate?: (order: MatchedOrder) => AsyncResult<MatchedOrder, string>;
 };
 export type GardenProviderProps = {
     children: React.ReactNode;
@@ -57,6 +64,7 @@ export type GardenProviderProps = {
         quoteUrl?: string;
         bitcoinRPCUrl?: string;
         blockNumberFetcherUrl?: string;
+        siweOpts?: SiweOpts;
     };
 };
 export type QuoteParams = {
@@ -64,4 +72,5 @@ export type QuoteParams = {
     toAsset: Asset;
     amount: number;
     isExactOut?: boolean;
+    request?: Request;
 };

package/dist/src/lib/hooks/useOrderbook.d.ts

@@ -2,4 +2,5 @@ import { IGardenJS, OrderWithStatus } from '@gardenfi/core';
 
 export declare const useOrderbook: (garden: IGardenJS | undefined) => {
     pendingOrders: OrderWithStatus[];
+    isExecuting: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gardenfi/react-hooks",
-  "version": "0.0.2-beta.2",
+  "version": "0.0.2-beta.20",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -26,14 +26,12 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@catalogfi/utils": "^0.1.6",
     "@catalogfi/wallets": "^0.2.51",
-    "@gardenfi/core": "^0.3.0-beta.15",
-    "@gardenfi/orderbook": "^0.2.0-beta.42",
-    "@gardenfi/utils": "^0.0.1-beta.20",
+    "@gardenfi/core": "^0.3.0-beta.26",
+    "@gardenfi/orderbook": "^2.0.0",
+    "@gardenfi/utils": "^2.0.0",
     "react": "^18.3.1",
-    "viem": "^2.21.15",
-    "wagmi": "^2.12.16"
+    "viem": "^2.21.15"
   },
   "devDependencies": {
     "@types/react": "^18",