@turtleclub/opportunities 0.1.0-beta.20 → 0.1.0-beta.22

package/src/cover-offer/hooks/useUserCoverNfts.ts

@@ -1,13 +1,5 @@
-import { useState, useEffect, useCallback } from "react";
-import { NEXUS_COVER_NFT_ADDRESS, USER_NFTS_API_URL } from "../constants";
-
-interface UserNft {
-   user: string;
-   chain: number;
-   token: string;
-   token_id: string;
-   last_transfer: string;
-}
+import { useUserNfts, type UserNft } from "@turtleclub/hooks";
+import { NEXUS_COVER_NFT_ADDRESS } from "../constants";
 
 export type CoverNft = UserNft;
 
@@ -18,66 +10,17 @@ interface UseUserCoverNftsReturn {
    refetch: () => void;
 }
 
-async function fetchUserNfts(userAddress: string): Promise<UserNft[]> {
-   const response = await fetch(USER_NFTS_API_URL, {
-      method: "POST",
-      headers: {
-         "Content-Type": "application/json",
-      },
-      body: JSON.stringify({
-         user: userAddress,
-         chain: 1,
-      }),
-   });
-
-
-
-   if (!response.ok) {
-      throw new Error("Failed to fetch user NFTs");
-   }
-
-   return response.json();
-}
-
 export function useUserCoverNfts(userAddress: string | undefined): UseUserCoverNftsReturn {
-   const [coverNfts, setCoverNfts] = useState<CoverNft[]>([]);
-   const [isLoading, setIsLoading] = useState(false);
-   const [error, setError] = useState<string | null>(null);
-
-   const fetchCoverNfts = useCallback(async () => {
-      if (!userAddress) {
-         setCoverNfts([]);
-         return;
-      }
-
-      setIsLoading(true);
-      setError(null);
-
-      try {
-         const nfts = await fetchUserNfts(userAddress);
-         const filtered = nfts.filter(
-            (nft) => nft.token.toLowerCase() === NEXUS_COVER_NFT_ADDRESS.toLowerCase()
-         );
-         setCoverNfts(filtered);
-      } catch (err: unknown) {
-         const errorMessage = err instanceof Error ? err.message : "Failed to fetch cover NFTs";
-         console.error("Cover NFTs fetch error:", err);
-         setError(errorMessage);
-         setCoverNfts([]);
-      } finally {
-         setIsLoading(false);
-      }
-   }, [userAddress]);
-
-   useEffect(() => {
-      fetchCoverNfts();
-   }, [fetchCoverNfts]);
+   const { data, isLoading, error, refetch } = useUserNfts({
+      userAddress,
+      chain: 1,
+      tokenAddress: NEXUS_COVER_NFT_ADDRESS,
+   });
 
    return {
-      coverNfts,
+      coverNfts: data ?? [],
       isLoading,
-      error,
-      refetch: fetchCoverNfts,
+      error: error?.message ?? null,
+      refetch,
    };
 }
-

package/src/cover-offer/index.ts

@@ -1,4 +1,4 @@
 export { NexusCoverSection } from "./components/NexusCoverSection";
-export type { NexusCoverSectionProps, NexusQuoteResult } from "./types";
+export type { NexusCoverSectionProps } from "./types";
 
 export { useNexusProduct, getNexusProductLookup, getProtocolForInsurance } from "./hooks/useNexusProduct";

package/src/cover-offer/types/index.ts

@@ -1,45 +1,29 @@
+import { CoverAsset } from "@nexusmutual/sdk";
 import type { Opportunity } from "@turtleclub/hooks";
+import type { Asset } from "@turtleclub/ui";
 
-/** Result from Nexus SDK quote API */
-export interface NexusQuoteResult {
-   buyCoverInput: {
-      buyCoverParams: unknown;
-      poolAllocationRequests: unknown;
-   };
-   displayInfo: {
-      premiumInAsset: string;
-      yearlyCostPerc: number;
-   };
-}
+// The Nexus SDK doesn't export the NexusProduct type, so we need to define it ourselves.
+// The product has more attributes than just id, name, and coverAssets, but this are the only ones we need for now.
 export type NexusProduct = {
    id: number;
    name: string;
-   coverAssets: number[];
+   coverAssets: string[];
 };
 
 export interface CoverOfferCardProps {
    productId: number;
    opportunity: Opportunity;
-   amountToCover: string;
    buyerAddress: string;
    protocolName: string;
    coverProductName: string;
+   coverAvailableAssets: string[];
    onSuccess?: (message: string) => void;
    onError?: (message: string) => void;
    startExpanded?: boolean;
 }
 
-export interface CoverQuoteState {
-   isLoading: boolean;
-   error: string | null;
-   quoteResult: NexusQuoteResult | null;
-   coverPeriod: number;
-   premiumEth: string | null;
-   yearlyCostPerc: number | null;
-}
 export interface NexusCoverSectionProps {
    opportunity: Opportunity;
-   amountToCover: string;
    buyerAddress: string;
    onSuccess?: (message: string) => void;
    onError?: (message: string) => void;
@@ -47,16 +31,8 @@ export interface NexusCoverSectionProps {
    startExpanded?: boolean;
 }
 
-export interface CoverRequestData {
-   protocolName: string;
-   coverageAmount: number;
-   periodDays: number;
-   desiredApySacrifice: number;
-   estimatedPremium: number;
-}
 export interface CoverRequestFormProps {
    protocolName: string;
-   depositedAmount?: string;
    baseApyLabel?: string;
    onDismiss?: () => void;
    onSuccess?: (message: string) => void;

package/src/cover-offer/utils/index.ts

@@ -1,3 +1,4 @@
+import { CoverAsset } from "@nexusmutual/sdk";
 import type { Opportunity } from "@turtleclub/hooks";
 import { BaseError, UserRejectedRequestError } from "viem";
 
@@ -79,4 +80,11 @@ export function parseCoverTiming(startSec: number, periodSec: number, gracePerio
       expiresSec,
       graceEndsSec,
    };
-}
+}
+
+export const TOKEN_SYMBOL_TO_COVER_ASSET: Record<string, CoverAsset> = {
+   ETH: CoverAsset.ETH,
+   DAI: CoverAsset.DAI,
+   USDC: CoverAsset.USDC,
+   cbBTC: CoverAsset.cbBTC,
+};

package/src/cover-offer/components/MembershipRequestCard.tsx

@@ -1,77 +0,0 @@
-"use client";
-
-import type { ComponentType } from "react";
-import { Button } from "@turtleclub/ui";
-
-interface MembershipRequestCardProps {
-  isExpanded: boolean;
-  onToggle: () => void;
-  membershipUrl: string;
-  ShieldIcon: ComponentType<any>;
-  ExternalLinkIcon: ComponentType<any>;
-  ChevronUpIcon: ComponentType<any>;
-  ChevronDownIcon: ComponentType<any>;
-}
-
-export function MembershipRequestCard({
-  isExpanded,
-  onToggle,
-  membershipUrl,
-  ShieldIcon,
-  ExternalLinkIcon,
-  ChevronUpIcon,
-  ChevronDownIcon,
-}: MembershipRequestCardProps) {
-  return (
-    <div className="rounded-xl bg-gradient-to-br from-primary/10 to-card border border-primary/20 overflow-hidden">
-      <button
-        onClick={onToggle}
-        className="w-full p-4 flex items-center justify-between hover:bg-primary/5 transition-colors"
-      >
-        <div className="flex items-center gap-3">
-          <div className="p-2 rounded-lg bg-primary/10 border border-primary/20">
-            <ShieldIcon className="w-5 h-5 text-primary" />
-          </div>
-          <div className="text-left">
-            <div className="flex items-center gap-2">
-              <span className="text-sm font-semibold text-foreground">Protect Your Deposit</span>
-              <span className="px-2 py-0.5 text-[10px] font-medium text-primary bg-primary/10 rounded-full border border-primary/20">
-                NEW
-              </span>
-            </div>
-            <p className="text-xs text-muted-foreground">Nexus Mutual Single Protocol Cover</p>
-          </div>
-        </div>
-        {isExpanded ? (
-          <ChevronUpIcon className="w-5 h-5 text-muted-foreground" />
-        ) : (
-          <ChevronDownIcon className="w-5 h-5 text-muted-foreground" />
-        )}
-      </button>
-
-      {isExpanded && (
-        <div className="px-4 pb-4 space-y-4">
-          <div className="p-3 rounded-lg bg-background/50 border border-border">
-            <p className="text-xs text-muted-foreground leading-relaxed">
-              <span className="text-primary font-medium">Membership required.</span> Join Nexus
-              Mutual to protect your deposit against smart contract exploits, oracle failures, and
-              protocol-specific risks.
-            </p>
-          </div>
-
-          <Button asChild className="w-full" variant="default">
-            <a
-              href={membershipUrl}
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center justify-center gap-2"
-            >
-              Become a Member
-              <ExternalLinkIcon className="w-4 h-4" />
-            </a>
-          </Button>
-        </div>
-      )}
-    </div>
-  );
-}