tempo.ts 0.1.5 → 0.2.1

package/dist/wagmi/Hooks/dex.js

@@ -0,0 +1,973 @@
+import { useEffect } from 'react';
+import { useChainId, useConfig } from 'wagmi';
+import { useInfiniteQuery, useMutation, useQuery, } from 'wagmi/query';
+import { buy, buySync, cancel, cancelSync, createPair, createPairSync, getBalance, getBuyQuote, getOrder, getOrderbook, getOrders, getPriceLevel, getSellQuote, place, placeFlip, placeFlipSync, placeSync, sell, sellSync, watchFlipOrderPlaced, watchOrderCancelled, watchOrderFilled, watchOrderPlaced, withdraw, withdrawSync, } from '../Actions/dex.js';
+/**
+ * Hook for buying a specific amount of tokens.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useBuy()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         tokenIn: '0x20c...11',
+ *         tokenOut: '0x20c...20',
+ *         amountOut: parseUnits('100', 6),
+ *         maxAmountIn: parseUnits('105', 6),
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Buy Tokens
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useBuy(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return buy(config, variables);
+        },
+        mutationKey: ['buy'],
+    });
+}
+/**
+ * Hook for buying a specific amount of tokens.
+ *
+ * Note: This is a synchronous hook that waits for the transaction
+ * to be included on a block before returning a response.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useBuySync()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         tokenIn: '0x20c...11',
+ *         tokenOut: '0x20c...20',
+ *         amountOut: parseUnits('100', 6),
+ *         maxAmountIn: parseUnits('105', 6),
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Buy Tokens
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useBuySync(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return buySync(config, variables);
+        },
+        mutationKey: ['buySync'],
+    });
+}
+/**
+ * Hook for canceling an order from the orderbook.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useCancel()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({ orderId: 123n })}
+ *       disabled={isPending}
+ *     >
+ *       Cancel Order
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useCancel(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return cancel(config, variables);
+        },
+        mutationKey: ['cancel'],
+    });
+}
+/**
+ * Hook for canceling an order from the orderbook.
+ *
+ * Note: This is a synchronous hook that waits for the transaction
+ * to be included on a block before returning a response.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useCancelSync()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({ orderId: 123n })}
+ *       disabled={isPending}
+ *     >
+ *       Cancel Order
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useCancelSync(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return cancelSync(config, variables);
+        },
+        mutationKey: ['cancelSync'],
+    });
+}
+/**
+ * Hook for creating a new trading pair on the DEX.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useCreatePair()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({ base: '0x20c...11' })}
+ *       disabled={isPending}
+ *     >
+ *       Create Pair
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useCreatePair(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return createPair(config, variables);
+        },
+        mutationKey: ['createPair'],
+    });
+}
+/**
+ * Hook for creating a new trading pair on the DEX.
+ *
+ * Note: This is a synchronous hook that waits for the transaction
+ * to be included on a block before returning a response.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useCreatePairSync()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({ base: '0x20c...11' })}
+ *       disabled={isPending}
+ *     >
+ *       Create Pair
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useCreatePairSync(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return createPairSync(config, variables);
+        },
+        mutationKey: ['createPairSync'],
+    });
+}
+/**
+ * Hook for getting a user's token balance on the DEX.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { data, isLoading } = Hooks.dex.useBalance({
+ *     account: '0x...',
+ *     token: '0x20c...11',
+ *   })
+ *
+ *   if (isLoading) return <div>Loading...</div>
+ *   return <div>Balance: {data}</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Query result with the user's token balance on the DEX.
+ */
+export function useBalance(parameters) {
+    const { account, query = {} } = parameters;
+    const config = useConfig(parameters);
+    const chainId = useChainId({ config });
+    const options = getBalance.queryOptions(config, {
+        ...parameters,
+        chainId: parameters.chainId ?? chainId,
+        query: undefined,
+    });
+    const enabled = Boolean(account && (query.enabled ?? true));
+    return useQuery({ ...query, ...options, enabled });
+}
+/**
+ * Hook for getting the quote for buying a specific amount of tokens.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { data, isLoading } = Hooks.dex.useBuyQuote({
+ *     amountOut: parseUnits('100', 6),
+ *     tokenIn: '0x20c...11',
+ *     tokenOut: '0x20c...20',
+ *   })
+ *
+ *   if (isLoading) return <div>Loading...</div>
+ *   return <div>Required Input: {data}</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Query result with the amount of tokenIn needed.
+ */
+export function useBuyQuote(parameters) {
+    const { query = {} } = parameters;
+    const config = useConfig(parameters);
+    const chainId = useChainId({ config });
+    const options = getBuyQuote.queryOptions(config, {
+        ...parameters,
+        chainId: parameters.chainId ?? chainId,
+        query: undefined,
+    });
+    const enabled = Boolean(parameters.tokenIn &&
+        parameters.tokenOut &&
+        parameters.amountOut &&
+        (query.enabled ?? true));
+    return useQuery({ ...query, ...options, enabled });
+}
+/**
+ * Hook for getting an order's details from the orderbook.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { data, isLoading } = Hooks.dex.useOrder({
+ *     orderId: 123n,
+ *   })
+ *
+ *   if (isLoading) return <div>Loading...</div>
+ *   return <div>Order: {JSON.stringify(data)}</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Query result with the order details.
+ */
+export function useOrder(parameters) {
+    const { query = {} } = parameters;
+    const config = useConfig(parameters);
+    const chainId = useChainId({ config });
+    const options = getOrder.queryOptions(config, {
+        ...parameters,
+        chainId: parameters.chainId ?? chainId,
+        query: undefined,
+    });
+    const enabled = Boolean(parameters.orderId !== undefined && (query.enabled ?? true));
+    return useQuery({ ...query, ...options, enabled });
+}
+/**
+ * Hook for getting paginated orders from the orderbook.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { data, fetchNextPage, hasNextPage, isFetchingNextPage } = Hooks.dex.useGetOrders({
+ *     limit: 10,
+ *     filters: {
+ *       baseToken: '0x20c0...',
+ *       isBid: true,
+ *     }
+ *   })
+ *
+ *   return (
+ *     <div>
+ *       {data?.pages.map((page, i) => (
+ *         <div key={i}>
+ *           {page.orders.map((order) => (
+ *             <div key={order.orderId.toString()}>{order.amount.toString()}</div>
+ *           ))}
+ *         </div>
+ *       ))}
+ *       {hasNextPage && (
+ *         <button onClick={() => fetchNextPage()} disabled={isFetchingNextPage}>
+ *           Load More
+ *         </button>
+ *       )}
+ *     </div>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Infinite query result with paginated orders.
+ */
+export function useGetOrders(parameters = {}) {
+    const { query = {}, ...rest } = parameters;
+    const config = useConfig(parameters);
+    const chainId = useChainId({ config });
+    const options = getOrders.infiniteQueryOptions(config, {
+        ...rest,
+        chainId: parameters.chainId ?? chainId,
+        query: undefined,
+    });
+    return useInfiniteQuery({
+        ...query,
+        ...options,
+    });
+}
+/**
+ * Hook for getting orderbook information for a trading pair.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { data, isLoading } = Hooks.dex.useOrderbook({
+ *     base: '0x20c...11',
+ *     quote: '0x20c...20',
+ *   })
+ *
+ *   if (isLoading) return <div>Loading...</div>
+ *   return <div>Orderbook: {JSON.stringify(data)}</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Query result with the orderbook information.
+ */
+export function useOrderbook(parameters) {
+    const { query = {} } = parameters;
+    const config = useConfig(parameters);
+    const chainId = useChainId({ config });
+    const options = getOrderbook.queryOptions(config, {
+        ...parameters,
+        chainId: parameters.chainId ?? chainId,
+        query: undefined,
+    });
+    const enabled = Boolean(parameters.base && parameters.quote && (query.enabled ?? true));
+    return useQuery({ ...query, ...options, enabled });
+}
+/**
+ * Hook for getting the price level information at a specific tick.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { data, isLoading } = Hooks.dex.usePriceLevel({
+ *     base: '0x20c...11',
+ *     tick: Tick.fromPrice('1.001'),
+ *     isBid: true,
+ *   })
+ *
+ *   if (isLoading) return <div>Loading...</div>
+ *   return <div>Price Level: {JSON.stringify(data)}</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Query result with the price level information.
+ */
+export function usePriceLevel(parameters) {
+    const { query = {} } = parameters;
+    const config = useConfig(parameters);
+    const chainId = useChainId({ config });
+    const options = getPriceLevel.queryOptions(config, {
+        ...parameters,
+        chainId: parameters.chainId ?? chainId,
+        query: undefined,
+    });
+    const enabled = Boolean(parameters.base &&
+        parameters.tick !== undefined &&
+        parameters.isBid !== undefined &&
+        (query.enabled ?? true));
+    return useQuery({ ...query, ...options, enabled });
+}
+/**
+ * Hook for getting the quote for selling a specific amount of tokens.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { data, isLoading } = Hooks.dex.useSellQuote({
+ *     amountIn: parseUnits('100', 6),
+ *     tokenIn: '0x20c...11',
+ *     tokenOut: '0x20c...20',
+ *   })
+ *
+ *   if (isLoading) return <div>Loading...</div>
+ *   return <div>Expected Output: {data}</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Query result with the amount of tokenOut received.
+ */
+export function useSellQuote(parameters) {
+    const { query = {} } = parameters;
+    const config = useConfig(parameters);
+    const chainId = useChainId({ config });
+    const options = getSellQuote.queryOptions(config, {
+        ...parameters,
+        chainId: parameters.chainId ?? chainId,
+        query: undefined,
+    });
+    const enabled = Boolean(parameters.tokenIn &&
+        parameters.tokenOut &&
+        parameters.amountIn &&
+        (query.enabled ?? true));
+    return useQuery({ ...query, ...options, enabled });
+}
+/**
+ * Hook for placing a limit order on the orderbook.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.usePlace()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         amount: parseUnits('100', 6),
+ *         tick: Tick.fromPrice('0.99'),
+ *         token: '0x20c...11',
+ *         type: 'buy',
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Place Order
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function usePlace(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return place(config, variables);
+        },
+        mutationKey: ['place'],
+    });
+}
+/**
+ * Hook for placing a flip order that automatically flips when filled.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.usePlaceFlip()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         amount: parseUnits('100', 6),
+ *         flipTick: Tick.fromPrice('1.01'),
+ *         tick: Tick.fromPrice('0.99'),
+ *         token: '0x20c...11',
+ *         type: 'buy',
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Place Flip Order
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function usePlaceFlip(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return placeFlip(config, variables);
+        },
+        mutationKey: ['placeFlip'],
+    });
+}
+/**
+ * Hook for placing a flip order that automatically flips when filled.
+ *
+ * Note: This is a synchronous hook that waits for the transaction
+ * to be included on a block before returning a response.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.usePlaceFlipSync()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         amount: parseUnits('100', 6),
+ *         flipTick: Tick.fromPrice('1.01'),
+ *         tick: Tick.fromPrice('0.99'),
+ *         token: '0x20c...11',
+ *         type: 'buy',
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Place Flip Order
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function usePlaceFlipSync(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return placeFlipSync(config, variables);
+        },
+        mutationKey: ['placeFlipSync'],
+    });
+}
+/**
+ * Hook for placing a limit order on the orderbook.
+ *
+ * Note: This is a synchronous hook that waits for the transaction
+ * to be included on a block before returning a response.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.usePlaceSync()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         amount: parseUnits('100', 6),
+ *         tick: Tick.fromPrice('0.99'),
+ *         token: '0x20c...11',
+ *         type: 'buy',
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Place Order
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function usePlaceSync(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return placeSync(config, variables);
+        },
+        mutationKey: ['placeSync'],
+    });
+}
+/**
+ * Hook for selling a specific amount of tokens.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useSell()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         amountIn: parseUnits('100', 6),
+ *         minAmountOut: parseUnits('95', 6),
+ *         tokenIn: '0x20c...11',
+ *         tokenOut: '0x20c...20',
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Sell Tokens
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useSell(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return sell(config, variables);
+        },
+        mutationKey: ['sell'],
+    });
+}
+/**
+ * Hook for selling a specific amount of tokens.
+ *
+ * Note: This is a synchronous hook that waits for the transaction
+ * to be included on a block before returning a response.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useSellSync()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         amountIn: parseUnits('100', 6),
+ *         minAmountOut: parseUnits('95', 6),
+ *         tokenIn: '0x20c...11',
+ *         tokenOut: '0x20c...20',
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Sell Tokens
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useSellSync(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return sellSync(config, variables);
+        },
+        mutationKey: ['sellSync'],
+    });
+}
+/**
+ * Hook for withdrawing tokens from the DEX to the caller's wallet.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useWithdraw()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         amount: 100n,
+ *         token: '0x20c...11',
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Withdraw
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useWithdraw(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return withdraw(config, variables);
+        },
+        mutationKey: ['withdraw'],
+    });
+}
+/**
+ * Hook for withdrawing tokens from the DEX to the caller's wallet.
+ *
+ * Note: This is a synchronous hook that waits for the transaction
+ * to be included on a block before returning a response.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   const { mutate, isPending } = Hooks.dex.useWithdrawSync()
+ *
+ *   return (
+ *     <button
+ *       onClick={() => mutate({
+ *         amount: 100n,
+ *         token: '0x20c...11',
+ *       })}
+ *       disabled={isPending}
+ *     >
+ *       Withdraw
+ *     </button>
+ *   )
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ * @returns Mutation result.
+ */
+export function useWithdrawSync(parameters = {}) {
+    const { mutation } = parameters;
+    const config = useConfig(parameters);
+    return useMutation({
+        ...mutation,
+        async mutationFn(variables) {
+            return withdrawSync(config, variables);
+        },
+        mutationKey: ['withdrawSync'],
+    });
+}
+/**
+ * Hook for watching flip order placement events on the DEX.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   Hooks.dex.useWatchFlipOrderPlaced({
+ *     onFlipOrderPlaced(args) {
+ *       console.log('Flip order placed:', args)
+ *     },
+ *   })
+ *
+ *   return <div>Watching for flip order placements...</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ */
+export function useWatchFlipOrderPlaced(parameters = {}) {
+    const { enabled = true, onFlipOrderPlaced, ...rest } = parameters;
+    const config = useConfig({ config: parameters.config });
+    const configChainId = useChainId({ config });
+    const chainId = parameters.chainId ?? configChainId;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        if (!onFlipOrderPlaced)
+            return;
+        return watchFlipOrderPlaced(config, {
+            ...rest,
+            chainId,
+            onFlipOrderPlaced,
+        });
+    }, [config, enabled, onFlipOrderPlaced, rest, chainId]);
+}
+/**
+ * Hook for watching order cancellation events on the DEX.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   Hooks.dex.useWatchOrderCancelled({
+ *     onOrderCancelled(args) {
+ *       console.log('Order cancelled:', args)
+ *     },
+ *   })
+ *
+ *   return <div>Watching for order cancellations...</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ */
+export function useWatchOrderCancelled(parameters = {}) {
+    const { enabled = true, onOrderCancelled, ...rest } = parameters;
+    const config = useConfig({ config: parameters.config });
+    const configChainId = useChainId({ config });
+    const chainId = parameters.chainId ?? configChainId;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        if (!onOrderCancelled)
+            return;
+        return watchOrderCancelled(config, {
+            ...rest,
+            chainId,
+            onOrderCancelled,
+        });
+    }, [config, enabled, onOrderCancelled, rest, chainId]);
+}
+/**
+ * Hook for watching order filled events on the DEX.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   Hooks.dex.useWatchOrderFilled({
+ *     onOrderFilled(args) {
+ *       console.log('Order filled:', args)
+ *     },
+ *   })
+ *
+ *   return <div>Watching for order fills...</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ */
+export function useWatchOrderFilled(parameters = {}) {
+    const { enabled = true, onOrderFilled, ...rest } = parameters;
+    const config = useConfig({ config: parameters.config });
+    const configChainId = useChainId({ config });
+    const chainId = parameters.chainId ?? configChainId;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        if (!onOrderFilled)
+            return;
+        return watchOrderFilled(config, {
+            ...rest,
+            chainId,
+            onOrderFilled,
+        });
+    }, [config, enabled, onOrderFilled, rest, chainId]);
+}
+/**
+ * Hook for watching order placement events on the DEX.
+ *
+ * @example
+ * ```tsx
+ * import { Hooks } from 'tempo.ts/wagmi'
+ *
+ * function App() {
+ *   Hooks.dex.useWatchOrderPlaced({
+ *     onOrderPlaced(args) {
+ *       console.log('Order placed:', args)
+ *     },
+ *   })
+ *
+ *   return <div>Watching for order placements...</div>
+ * }
+ * ```
+ *
+ * @param parameters - Parameters.
+ */
+export function useWatchOrderPlaced(parameters = {}) {
+    const { enabled = true, onOrderPlaced, ...rest } = parameters;
+    const config = useConfig({ config: parameters.config });
+    const configChainId = useChainId({ config });
+    const chainId = parameters.chainId ?? configChainId;
+    useEffect(() => {
+        if (!enabled)
+            return;
+        if (!onOrderPlaced)
+            return;
+        return watchOrderPlaced(config, {
+            ...rest,
+            chainId,
+            onOrderPlaced,
+        });
+    }, [config, enabled, onOrderPlaced, rest, chainId]);
+}
+//# sourceMappingURL=dex.js.map