@compass-labs/widgets 0.1.5 → 0.1.6

package/dist/index.mjs

@@ -7,7 +7,7 @@ import { Wallet, LogOut, X, ChevronDown, AlertCircle, ArrowRight, Loader2, Arrow
 
 // src/provider/CompassProvider.tsx
 var ApiContext = createContext(null);
-function ApiProvider({ children, apiKey, serverURL }) {
+function ApiProvider({ children, apiKey = "", serverURL }) {
   const client = useMemo(() => {
     return new CompassApiSDK({
       apiKeyAuth: apiKey,
@@ -2910,7 +2910,6 @@ function VaultCard({
   );
 }
 function useVaultsData(options = {}) {
-  const { client } = useEmbeddableApi();
   const { address } = useEmbeddableWallet();
   const { chainId } = useChain();
   const { sortBy = "apy_7d", assetFilter, minApy, minTvl } = options;
@@ -2918,14 +2917,19 @@ function useVaultsData(options = {}) {
     queryKey: ["vaults", chainId, sortBy, assetFilter, minApy, minTvl],
     queryFn: async () => {
       const assetSymbol = assetFilter && assetFilter.length === 1 ? assetFilter[0] : void 0;
-      const response = await client.earn.earnVaults({
+      const params = new URLSearchParams({
         chain: chainId,
         orderBy: sortBy === "tvl" ? "tvl_usd" : sortBy,
         direction: "desc",
-        limit: 100,
+        limit: "100",
         ...assetSymbol && { assetSymbol }
       });
-      let vaults = (response.vaults || []).map((v) => ({
+      const response = await fetch(`/api/compass/vaults?${params}`);
+      if (!response.ok) {
+        throw new Error("Failed to fetch vaults");
+      }
+      const data = await response.json();
+      let vaults = (data.vaults || []).map((v) => ({
         vaultAddress: v.vaultAddress,
         name: v.name || "Unknown Vault",
         assetSymbol: v.assetSymbol || "UNKNOWN",
@@ -2959,11 +2963,16 @@ function useVaultsData(options = {}) {
     queryKey: ["vaultPositions", chainId, address],
     queryFn: async () => {
       if (!address) return [];
-      const response = await client.earn.earnPositions({
+      const params = new URLSearchParams({
         chain: chainId,
         owner: address
       });
-      return (response.vaults || []).map((p) => ({
+      const response = await fetch(`/api/compass/positions?${params}`);
+      if (!response.ok) {
+        throw new Error("Failed to fetch positions");
+      }
+      const data = await response.json();
+      return (data.vaults || []).map((p) => ({
         vaultAddress: p.vaultAddress,
         balance: p.balance || "0",
         pnl: p.pnl ? {
@@ -3244,17 +3253,19 @@ function VaultsList({
   ] });
 }
 function useAaveData(options = {}) {
-  const { client } = useEmbeddableApi();
   const { address } = useEmbeddableWallet();
   const { chainId } = useChain();
   const { assetFilter } = options;
   const marketsQuery = useQuery({
     queryKey: ["aaveMarkets", chainId, assetFilter],
     queryFn: async () => {
-      const response = await client.earn.earnAaveMarkets({
-        chain: chainId
-      });
-      const marketsDict = response.markets || {};
+      const params = new URLSearchParams({ chain: chainId });
+      const response = await fetch(`/api/compass/aave/markets?${params}`);
+      if (!response.ok) {
+        throw new Error("Failed to fetch Aave markets");
+      }
+      const data = await response.json();
+      const marketsDict = data.markets || {};
       let markets = [];
       for (const [symbol, tokenData] of Object.entries(marketsDict)) {
         if (assetFilter && assetFilter.length > 0) {
@@ -3285,11 +3296,16 @@ function useAaveData(options = {}) {
     queryKey: ["aavePositions", chainId, address],
     queryFn: async () => {
       if (!address) return [];
-      const response = await client.earn.earnPositions({
+      const params = new URLSearchParams({
         chain: chainId,
         owner: address
       });
-      return (response.aave || []).map((p) => ({
+      const response = await fetch(`/api/compass/positions?${params}`);
+      if (!response.ok) {
+        throw new Error("Failed to fetch positions");
+      }
+      const data = await response.json();
+      return (data.aave || []).map((p) => ({
         marketAddress: p.marketAddress || "",
         reserveSymbol: p.reserveSymbol || "",
         balance: p.balance || "0",
@@ -3530,7 +3546,6 @@ function AaveMarketsList({
   ] });
 }
 function usePendleData(options = {}) {
-  const { client } = useEmbeddableApi();
   const { address } = useEmbeddableWallet();
   const { chainId } = useChain();
   const { sortBy = "fixed_apy", assetFilter, minTvl } = options;
@@ -3539,15 +3554,20 @@ function usePendleData(options = {}) {
     queryFn: async () => {
       const underlyingSymbol = assetFilter && assetFilter.length === 1 ? assetFilter[0] : void 0;
       const orderBy = sortBy === "tvl" ? "tvl_usd" : "implied_apy";
-      const response = await client.earn.earnPendleMarkets({
+      const params = new URLSearchParams({
         chain: chainId,
         orderBy,
         direction: "desc",
-        limit: 100,
+        limit: "100",
         ...underlyingSymbol && { underlyingSymbol }
       });
+      const response = await fetch(`/api/compass/pendle/markets?${params}`);
+      if (!response.ok) {
+        throw new Error("Failed to fetch Pendle markets");
+      }
+      const data = await response.json();
       const now = Date.now() / 1e3;
-      let markets = (response.markets || []).filter((m) => m.expiry && m.expiry > now).map((m) => ({
+      let markets = (data.markets || []).filter((m) => m.expiry && m.expiry > now).map((m) => ({
         marketAddress: m.marketAddress || "",
         ptAddress: m.ptAddress || "",
         name: m.ptName || `PT-${m.underlyingSymbol || "UNKNOWN"}`,
@@ -3583,11 +3603,16 @@ function usePendleData(options = {}) {
     queryKey: ["pendlePositions", chainId, address],
     queryFn: async () => {
       if (!address) return [];
-      const response = await client.earn.earnPositions({
+      const params = new URLSearchParams({
         chain: chainId,
         owner: address
       });
-      return (response.pendlePt || []).map((p) => ({
+      const response = await fetch(`/api/compass/positions?${params}`);
+      if (!response.ok) {
+        throw new Error("Failed to fetch positions");
+      }
+      const data = await response.json();
+      return (data.pendlePt || []).map((p) => ({
         marketAddress: p.marketAddress || "",
         balance: p.balance || "0",
         pnl: p.pnl ? {