@sodax/dapp-kit 0.0.1-rc.17 → 0.0.1-rc.19

package/dist/types.d.ts

@@ -0,0 +1,17 @@
+import type { StellarRpcConfig } from '@sodax/sdk';
+export type RpcConfig = {
+    sonic?: string;
+    '0xa86a.avax'?: string;
+    '0xa4b1.arbitrum'?: string;
+    '0x2105.base'?: string;
+    '0x38.bsc'?: string;
+    '0xa.optimism'?: string;
+    '0x89.polygon'?: string;
+    nibiru?: string;
+    'injective-1'?: string;
+    sui?: string;
+    solana?: string;
+    '0x1.icon'?: string;
+    stellar?: StellarRpcConfig;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sodax/dapp-kit",
   "license": "MIT",
-  "version": "0.0.1-rc.17",
+  "version": "0.0.1-rc.19",
   "description": "dapp-kit of New World",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -16,9 +16,8 @@
   },
   "dependencies": {
     "viem": "^2.29.2",
-    "@sodax/sdk": "0.0.1-rc.20",
-    "@sodax/types": "0.0.1-rc.14",
-    "@sodax/wallet-sdk": "0.0.1-rc.17"
+    "@sodax/sdk": "0.0.1-rc.22",
+    "@sodax/types": "0.0.1-rc.15"
   },
   "devDependencies": {
     "@types/react": "^19.0.8",

package/src/contexts/index.ts

@@ -1,10 +1,12 @@
 import { createContext } from 'react';
 import type { EvmHubProvider, Sodax } from '@sodax/sdk';
+import type { RpcConfig } from '@/types';
 
 export interface SodaxContextType {
   sodax: Sodax;
   testnet: boolean;
   hubProvider: EvmHubProvider | undefined;
+  rpcConfig: RpcConfig;
 }
 
 export const SodaxContext = createContext<SodaxContextType | null>(null);

package/src/hooks/mm/useReservesData.ts

@@ -1,5 +1,3 @@
-import { getMoneyMarketConfig } from '@sodax/sdk';
-import type { HubChainId } from '@sodax/types';
 import { useQuery } from '@tanstack/react-query';
 import { useSodaxContext } from '../shared/useSodaxContext';
 /**
@@ -22,16 +20,11 @@ import { useSodaxContext } from '../shared/useSodaxContext';
 
 export function useReservesData() {
   const { sodax } = useSodaxContext();
-  const hubChainId = (sodax.config?.hubProviderConfig?.chainConfig.chain.id ?? 'sonic') as HubChainId;
 
   return useQuery({
     queryKey: ['reservesData'],
     queryFn: async () => {
-      const moneyMarketConfig = getMoneyMarketConfig(hubChainId);
-      return await sodax.moneyMarket.getReservesData(
-        moneyMarketConfig.uiPoolDataProvider,
-        moneyMarketConfig.poolAddressesProvider,
-      );
+      return await sodax.moneyMarket.data.getReservesData();
     },
   });
 }

package/src/hooks/mm/useReservesHumanized.ts

@@ -0,0 +1,30 @@
+import type { ReservesDataHumanized } from '@sodax/sdk';
+import { useQuery, type UseQueryResult } from '@tanstack/react-query';
+import { useSodaxContext } from '../shared/useSodaxContext';
+/**
+ * Hook for fetching humanized reserves data from the Sodax money market.
+ *
+ * This hook provides access to the current state of all reserves (humanized format) in the money market protocol,
+ * including liquidity, interest rates, and other key metrics. The data is automatically
+ * fetched and cached using React Query.
+ *
+ * @example
+ * ```typescript
+ * const { data: reservesHumanized, isLoading, error } = useReservesHumanized();
+ * ```
+ *
+ * @returns A React Query result object containing:
+ *   - data: The reserves humanized data when available
+ *   - isLoading: Loading state indicator
+ *   - error: Any error that occurred during data fetching
+ */
+export function useReservesHumanized(): UseQueryResult<ReservesDataHumanized, Error> {
+  const { sodax } = useSodaxContext();
+
+  return useQuery({
+    queryKey: ['reservesHumanized'],
+    queryFn: async () => {
+      return await sodax.moneyMarket.data.getReservesHumanized();
+    },
+  });
+}

package/src/hooks/mm/useReservesList.ts

@@ -0,0 +1,29 @@
+import { useQuery } from '@tanstack/react-query';
+import { useSodaxContext } from '../shared/useSodaxContext';
+
+/**
+ * Hook for fetching list of reserves from the Sodax money market.
+ *
+ * This hook provides access to the list of addresses of all reserves in the money market protocol.
+ * The data is automatically fetched and cached using React Query.
+ *
+ * @example
+ * ```typescript
+ * const { data: reservesList, isLoading, error } = useReservesList();
+ * ```
+ *
+ * @returns A React Query result object containing:
+ *   - data: The reserves list when available
+ *   - isLoading: Loading state indicator
+ *   - error: Any error that occurred during data fetching
+ */
+export function useReservesList() {
+  const { sodax } = useSodaxContext();
+
+  return useQuery({
+    queryKey: ['reservesList'],
+    queryFn: async () => {
+      return await sodax.moneyMarket.data.getReservesList();
+    },
+  });
+}

package/src/hooks/mm/useReservesUsdFormat.ts

@@ -0,0 +1,38 @@
+import type { FormatReserveUSDResponse, ReserveData } from '@sodax/sdk';
+import { useQuery, type UseQueryResult } from '@tanstack/react-query';
+import { useSodaxContext } from '../shared/useSodaxContext';
+
+/**
+ * Hook for fetching formatted summary of Sodax user portfolio (holdings, total liquidity,
+ *  collateral, borrows, liquidation threshold, health factor, available borrowing power, etc..).
+ *
+ * This hook provides access to the current state of user portfolio in the money market protocol.
+ * The data is automatically fetched and cached using React Query.
+ *
+ * @example
+ * ```typescript
+ * const { data: userFormattedSummary, isLoading, error } = useUserFormattedSummary();
+ * ```
+ *
+ * @returns A React Query result object containing:
+ *   - data: The formatted summary of Sodax user portfolio when available
+ *   - isLoading: Loading state indicator
+ *   - error: Any error that occurred during data fetching
+ */
+export function useReservesUsdFormat(): UseQueryResult<
+  (ReserveData & { priceInMarketReferenceCurrency: string } & FormatReserveUSDResponse)[],
+  Error
+> {
+  const { sodax } = useSodaxContext();
+
+  return useQuery({
+    queryKey: ['reservesUsdFormat'],
+    queryFn: async () => {
+      // fetch reserves and hub wallet address
+      const reserves = await sodax.moneyMarket.data.getReservesHumanized();
+
+      // format reserves
+      return sodax.moneyMarket.data.formatReservesUSD(sodax.moneyMarket.data.buildReserveDataWithPrice(reserves));
+    },
+  });
+}

package/src/hooks/mm/useUserFormattedSummary.ts

@@ -0,0 +1,57 @@
+import { type FormatUserSummaryResponse, type FormatReserveUSDResponse, WalletAbstractionService } from '@sodax/sdk';
+import type { ChainId } from '@sodax/types';
+import { useQuery, type UseQueryResult } from '@tanstack/react-query';
+import { useSodaxContext } from '../shared/useSodaxContext';
+import { useSpokeProvider } from '../provider/useSpokeProvider';
+
+/**
+ * Hook for fetching formatted summary of Sodax user portfolio (holdings, total liquidity,
+ *  collateral, borrows, liquidation threshold, health factor, available borrowing power, etc..).
+ *
+ * This hook provides access to the current state of user portfolio in the money market protocol.
+ * The data is automatically fetched and cached using React Query.
+ *
+ * @example
+ * ```typescript
+ * const { data: userFormattedSummary, isLoading, error } = useUserFormattedSummary();
+ * ```
+ *
+ * @returns A React Query result object containing:
+ *   - data: The formatted summary of Sodax user portfolio when available
+ *   - isLoading: Loading state indicator
+ *   - error: Any error that occurred during data fetching
+ */
+export function useUserFormattedSummary(
+  spokeChainId: ChainId | undefined,
+  address: string | undefined,
+): UseQueryResult<FormatUserSummaryResponse<FormatReserveUSDResponse> | undefined, Error> {
+  const { sodax } = useSodaxContext();
+  const spokeProvider = useSpokeProvider(spokeChainId);
+
+  return useQuery({
+    queryKey: ['userFormattedSummary', spokeChainId, address],
+    queryFn: async () => {
+      if (!spokeProvider || !address) {
+        return undefined;
+      }
+
+      // fetch reserves and hub wallet address
+      const reserves = await sodax.moneyMarket.data.getReservesHumanized();
+
+      // format reserves
+      const formattedReserves = sodax.moneyMarket.data.formatReservesUSD(
+        sodax.moneyMarket.data.buildReserveDataWithPrice(reserves),
+      );
+
+      // fetch user reserves
+      const userReserves = await sodax.moneyMarket.data.getUserReservesHumanized(spokeProvider);
+
+      // format user summary
+      return sodax.moneyMarket.data.formatUserSummary(
+        sodax.moneyMarket.data.buildUserSummaryRequest(reserves, formattedReserves, userReserves),
+      );
+    },
+    enabled: !!spokeChainId && !!address,
+    refetchInterval: 5000,
+  });
+}

package/src/hooks/mm/useUserReservesData.ts

@@ -1,42 +1,43 @@
-import { getMoneyMarketConfig, WalletAbstractionService } from '@sodax/sdk';
-import type { HubChainId } from '@sodax/types';
+import { type UserReserveData, WalletAbstractionService } from '@sodax/sdk';
 import type { ChainId } from '@sodax/types';
-import { useQuery } from '@tanstack/react-query';
-import { useHubProvider } from '../provider/useHubProvider';
+import { useQuery, type UseQueryResult } from '@tanstack/react-query';
 import { useSodaxContext } from '../shared/useSodaxContext';
 import { useSpokeProvider } from '../provider/useSpokeProvider';
 
-export function useUserReservesData(spokeChainId: ChainId, address: string | undefined) {
+/**
+ * Hook for fetching user reserves data from the Sodax money market.
+ *
+ * This hook provides access to the current state of user reserves in the money market protocol.
+ * The data is automatically fetched and cached using React Query.
+ *
+ * @example
+ * ```typescript
+ * const { data: userReservesData, isLoading, error } = useUserReservesData();
+ * ```
+ *
+ * @returns A React Query result object containing:
+ *   - data: The user reserves data when available
+ *   - isLoading: Loading state indicator
+ *   - error: Any error that occurred during data fetching
+ */
+export function useUserReservesData(
+  spokeChainId: ChainId | undefined,
+  address: string | undefined,
+  refetchInterval = 5000,
+): UseQueryResult<readonly [readonly UserReserveData[], number] | undefined, Error> {
   const { sodax } = useSodaxContext();
-  const hubChainId = (sodax.config?.hubProviderConfig?.chainConfig.chain.id ?? 'sonic') as HubChainId;
-  const hubProvider = useHubProvider();
   const spokeProvider = useSpokeProvider(spokeChainId);
 
-  const { data: userReserves } = useQuery({
+  return useQuery({
     queryKey: ['userReserves', spokeChainId, address],
     queryFn: async () => {
-      if (!hubProvider || !spokeProvider || !address) {
-        return;
+      if (!spokeProvider || !address) {
+        return undefined;
       }
 
-      const hubWalletAddress = await WalletAbstractionService.getUserHubWalletAddress(
-        address,
-        spokeProvider,
-        hubProvider,
-      );
-
-      const moneyMarketConfig = getMoneyMarketConfig(hubChainId);
-      const [res] = await sodax.moneyMarket.getUserReservesData(
-        hubWalletAddress,
-        moneyMarketConfig.uiPoolDataProvider,
-        moneyMarketConfig.poolAddressesProvider,
-      );
-
-      return res;
+      return await sodax.moneyMarket.data.getUserReservesData(spokeProvider);
     },
-    enabled: !!spokeChainId && !!hubProvider && !!address,
-    refetchInterval: 5000,
+    enabled: !!spokeChainId && !!address,
+    refetchInterval,
   });
-
-  return userReserves;
 }

package/src/hooks/provider/useSpokeProvider.ts

@@ -1,3 +1,4 @@
+import { useSodaxContext } from '@/index';
 import {
   EvmSpokeProvider,
   spokeChainConfig,
@@ -27,7 +28,6 @@ import type {
   IStellarWalletProvider,
   ISolanaWalletProvider,
 } from '@sodax/types';
-import { getXChainType, useWalletProvider } from '@sodax/wallet-sdk';
 import { useMemo } from 'react';
 
 /**
@@ -48,48 +48,52 @@ export function useSpokeProvider(
   spokeChainId: SpokeChainId | undefined,
   walletProvider?: IWalletProvider | undefined,
 ): SpokeProvider | undefined {
-  const xChainType = getXChainType(spokeChainId);
-  const walletProvider_ = useWalletProvider(spokeChainId);
-  const _walletProvider = walletProvider ?? walletProvider_;
+  const { rpcConfig } = useSodaxContext();
+  const xChainType = spokeChainId ? spokeChainConfig[spokeChainId]?.chain.type : undefined;
 
   const spokeProvider = useMemo(() => {
-    if (!_walletProvider) return undefined;
+    if (!walletProvider) return undefined;
     if (!spokeChainId) return undefined;
+    if (!xChainType) return undefined;
+    if (!rpcConfig) return undefined;
 
     if (xChainType === 'EVM') {
       if (spokeChainId === SONIC_MAINNET_CHAIN_ID) {
         return new SonicSpokeProvider(
-          _walletProvider as IEvmWalletProvider,
+          walletProvider as IEvmWalletProvider,
           spokeChainConfig[spokeChainId] as SonicSpokeChainConfig,
         );
       }
       return new EvmSpokeProvider(
-        _walletProvider as IEvmWalletProvider,
+        walletProvider as IEvmWalletProvider,
         spokeChainConfig[spokeChainId] as EvmSpokeChainConfig,
       );
     }
+
     if (xChainType === 'SUI') {
       return new SuiSpokeProvider(
         spokeChainConfig[spokeChainId] as SuiSpokeChainConfig,
-        _walletProvider as ISuiWalletProvider,
+        walletProvider as ISuiWalletProvider,
       );
     }
+
     if (xChainType === 'ICON') {
       return new IconSpokeProvider(
-        _walletProvider as IIconWalletProvider,
+        walletProvider as IIconWalletProvider,
         spokeChainConfig[spokeChainId] as IconSpokeChainConfig,
       );
     }
+
     if (xChainType === 'INJECTIVE') {
       return new InjectiveSpokeProvider(
         spokeChainConfig[spokeChainId] as InjectiveSpokeChainConfig,
-        _walletProvider as IInjectiveWalletProvider,
+        walletProvider as IInjectiveWalletProvider,
       );
     }
 
     if (xChainType === 'STELLAR') {
       const stellarConfig = spokeChainConfig[spokeChainId] as StellarSpokeChainConfig;
-      return new StellarSpokeProvider(_walletProvider as IStellarWalletProvider, stellarConfig, {
+      return new StellarSpokeProvider(walletProvider as IStellarWalletProvider, stellarConfig, {
         horizonRpcUrl: stellarConfig.horizonRpcUrl,
         sorobanRpcUrl: stellarConfig.sorobanRpcUrl,
       });
@@ -97,13 +101,18 @@ export function useSpokeProvider(
 
     if (xChainType === 'SOLANA') {
       return new SolanaSpokeProvider(
-        _walletProvider as ISolanaWalletProvider,
-        spokeChainConfig[spokeChainId] as SolanaChainConfig,
+        walletProvider as ISolanaWalletProvider,
+        rpcConfig.solana
+          ? ({
+              ...spokeChainConfig[spokeChainId],
+              rpcUrl: rpcConfig.solana,
+            } as SolanaChainConfig)
+          : (spokeChainConfig[spokeChainId] as SolanaChainConfig),
       );
     }
 
     return undefined;
-  }, [spokeChainId, xChainType, _walletProvider]);
+  }, [spokeChainId, xChainType, walletProvider, rpcConfig]);
 
   return spokeProvider;
 }

package/src/hooks/swap/useSwap.ts

@@ -7,11 +7,11 @@ import type {
   Intent,
   IntentError,
   SpokeProvider,
-  Hex,
+  IntentDeliveryInfo,
 } from '@sodax/sdk';
 import { useMutation, type UseMutationResult } from '@tanstack/react-query';
 
-type CreateIntentResult = Result<[SolverExecutionResponse, Intent, Hex], IntentError<IntentErrorCode>>;
+type CreateIntentResult = Result<[SolverExecutionResponse, Intent, IntentDeliveryInfo], IntentError<IntentErrorCode>>;
 
 /**
  * Hook for creating and submitting an swap intent order for cross-chain swaps.

package/src/index.ts

@@ -1,3 +1,4 @@
 export * from './hooks';
 export * from './providers';
 export * from './core';
+export * from './types';

package/src/providers/SodaxProvider.tsx

@@ -2,14 +2,16 @@ import type { ReactNode, ReactElement } from 'react';
 import { EvmHubProvider, getHubChainConfig, Sodax, type SodaxConfig } from '@sodax/sdk';
 import { SodaxContext } from '@/contexts';
 import React, { useMemo } from 'react';
+import type { RpcConfig } from '@/types';
 
 interface SodaxProviderProps {
   children: ReactNode;
   testnet?: boolean;
-  config: SodaxConfig;
+  config?: SodaxConfig;
+  rpcConfig: RpcConfig;
 }
 
-export const SodaxProvider = ({ children, testnet = false, config }: SodaxProviderProps): ReactElement => {
+export const SodaxProvider = ({ children, testnet = false, config, rpcConfig }: SodaxProviderProps): ReactElement => {
   const sodax = new Sodax(config);
 
   const hubChainId = config?.hubProviderConfig?.chainConfig.chain.id;
@@ -27,5 +29,5 @@ export const SodaxProvider = ({ children, testnet = false, config }: SodaxProvid
     return undefined;
   }, [hubChainId, hubRpcUrl]);
 
-  return <SodaxContext.Provider value={{ sodax, testnet, hubProvider }}>{children}</SodaxContext.Provider>;
+  return <SodaxContext.Provider value={{ sodax, testnet, hubProvider, rpcConfig }}>{children}</SodaxContext.Provider>;
 };

package/src/types.ts

@@ -0,0 +1,22 @@
+import type { StellarRpcConfig } from '@sodax/sdk';
+
+export type RpcConfig = {
+  // EVM chains - all use string RPC URLs
+  sonic?: string;
+  '0xa86a.avax'?: string;
+  '0xa4b1.arbitrum'?: string;
+  '0x2105.base'?: string;
+  '0x38.bsc'?: string;
+  '0xa.optimism'?: string;
+  '0x89.polygon'?: string;
+  nibiru?: string;
+
+  // Other chains - all use string RPC URLs
+  'injective-1'?: string;
+  sui?: string;
+  solana?: string;
+  '0x1.icon'?: string;
+
+  // Stellar - uses object with horizon and soroban RPC URLs
+  stellar?: StellarRpcConfig;
+};