feat: ambitious array-value chain parameter

Author: dalechyn

packages/react/src/hooks/use-accounts.ts

@@ -1,6 +1,7 @@
 import { AccountId, ApiClient } from '@abstract-money/core'
 import { UseQueryOptions, useQuery } from '@tanstack/react-query'
 import React from 'react'
+import { MaybeArray } from '../types/utils'
 
 /**
  * Loads all accounts for a given owner and chain.
@@ -15,7 +16,7 @@ export function useAccounts(
     client,
   }: {
     owner: string | undefined
-    chain: string | undefined
+    chain: MaybeArray<string> | undefined
     client: ApiClient | undefined
   },
   {
@@ -28,29 +29,33 @@ export function useAccounts(
     readonly [
       'accountsOf',
       string | undefined,
-      string | undefined,
+      string[] | undefined,
       ApiClient | undefined,
     ]
   > = {},
 ) {
+  const chains = React.useMemo(
+    () => (chain ? (Array.isArray(chain) ? chain : [chain]) : undefined),
+    [chain],
+  )
   const queryKey = React.useMemo(
-    () => ['accountsOf', owner, chain, client] as const,
-    [owner, chain, client],
+    () => ['accountsOf', owner, chains, client] as const,
+    [owner, chains, client],
   )
 
   const enabled = React.useMemo(
-    () => Boolean(client && chain && owner && enabled_),
-    [enabled_, client, owner, chain],
+    () => Boolean(client && chains && owner && enabled_),
+    [enabled_, client, owner, chains],
   )
 
   const queryFn = React.useCallback(() => {
-    if (!client || !owner || !chain)
+    if (!client || !owner || !chains)
       throw new Error('No client or owner or chain')
 
     return client.getAccountsByOwnerFromApi({
-      args: { owner, chains: [chain] },
+      args: { owner, chains },
     })
-  }, [client, owner, chain])
+  }, [client, owner, chains])
 
   return useQuery(queryKey, queryFn, { enabled, ...rest })
 }

packages/react/src/types/utils.ts

@@ -0,0 +1 @@
+export type MaybeArray<T> = T | T[]