Merge pull request #749 from 0xsequence/min-price-usd-for-opensea-offers

fix `useConvertPriceToUSD` always disabled

Author: mithatakbulut

sdk/src/react/ui/modals/MakeOfferModal/internal/context.ts

@@ -11,6 +11,7 @@ import {
 	useCollectionMetadata,
 	useConfig,
 	useConnectorMetadata,
+	useCurrencyConvertToUSD,
 	useCurrencyList,
 	useTokenCurrencyBalance,
 } from '../../../../hooks';
@@ -106,6 +107,18 @@ export function useMakeOfferModalContext() {
 		},
 	});
 
+	const { data: usdConversion } = useCurrencyConvertToUSD({
+		chainId: state.chainId,
+		currencyAddress: selectedCurrency?.contractAddress ?? zeroAddress,
+		amountRaw: state.priceInput?.toString(),
+		query: {
+			enabled:
+				state.orderbookKind === OrderbookKind.opensea &&
+				!!selectedCurrency?.contractAddress &&
+				!!state.priceInput,
+		},
+	});
+
 	const expiryDate = useMemo(
 		() => new Date(Date.now() + state.expiryDays * 24 * 60 * 60 * 1000),
 		[state.expiryDays],
@@ -139,6 +152,7 @@ export function useMakeOfferModalContext() {
 		balance: balanceDnum,
 		lowestListing: lowestListingDnum,
 		orderbookKind: state.orderbookKind,
+		usdAmount: usdConversion?.usdAmount,
 	});
 
 	const formIsValid = isFormValid(validation);
@@ -359,6 +373,7 @@ export function useMakeOfferModalContext() {
 				quantity: validation.quantity,
 				balance: validation.balance,
 				openseaCriteria: validation.openseaCriteria,
+				openseaMinPrice: validation.openseaMinPrice,
 			},
 			errors: {
 				price: state.isPriceTouched ? validation.price.error : undefined,
@@ -369,6 +384,9 @@ export function useMakeOfferModalContext() {
 				openseaCriteria: state.isPriceTouched
 					? validation.openseaCriteria?.error
 					: undefined,
+				openseaMinPrice: state.isPriceTouched
+					? validation.openseaMinPrice?.error
+					: undefined,
 			},
 		},
 
@@ -415,7 +433,8 @@ export function useMakeOfferModalContext() {
 				this.form.errors.price ||
 				this.form.errors.quantity ||
 				this.form.errors.balance ||
-				this.form.errors.openseaCriteria
+				this.form.errors.openseaCriteria ||
+				this.form.errors.openseaMinPrice
 			);
 		},
 

sdk/src/react/ui/modals/MakeOfferModal/internal/helpers/validation.ts

@@ -11,6 +11,7 @@ export type OfferValidation = {
 	quantity: FieldValidation;
 	balance: FieldValidation;
 	openseaCriteria?: FieldValidation;
+	openseaMinPrice?: FieldValidation;
 };
 
 export function validateOfferForm({
@@ -19,12 +20,14 @@ export function validateOfferForm({
 	balance,
 	lowestListing,
 	orderbookKind,
+	usdAmount,
 }: {
 	price: Dnum;
 	quantity: Dnum;
 	balance?: Dnum;
 	lowestListing?: Dnum;
 	orderbookKind?: string;
+	usdAmount?: number;
 }): OfferValidation {
 	const validation: OfferValidation = {
 		price: { isValid: true, error: null },
@@ -67,6 +70,15 @@ export function validateOfferForm({
 		};
 	}
 
+	// OpenSea minimum price validation ($0.01 USD)
+	if (orderbookKind === 'opensea' && usdAmount !== undefined) {
+		const meetsMinPrice = usdAmount >= 0.01;
+		validation.openseaMinPrice = {
+			isValid: meetsMinPrice,
+			error: meetsMinPrice ? null : 'Lowest price must be at least $0.01',
+		};
+	}
+
 	return validation;
 }
 
@@ -75,7 +87,8 @@ export function isFormValid(validation: OfferValidation): boolean {
 		validation.price.isValid &&
 		validation.quantity.isValid &&
 		validation.balance.isValid &&
-		(validation.openseaCriteria?.isValid ?? true)
+		(validation.openseaCriteria?.isValid ?? true) &&
+		(validation.openseaMinPrice?.isValid ?? true)
 	);
 }
 
@@ -87,6 +100,8 @@ export function getValidationErrors(validation: OfferValidation): string[] {
 	if (validation.balance.error) errors.push(validation.balance.error);
 	if (validation.openseaCriteria?.error)
 		errors.push(validation.openseaCriteria.error);
+	if (validation.openseaMinPrice?.error)
+		errors.push(validation.openseaMinPrice.error);
 
 	return errors;
 }

sdk/src/react/ui/modals/_internal/components/priceInput/index.tsx

@@ -36,7 +36,6 @@ type PriceInputProps = {
 	};
 	disabled?: boolean;
 	orderbookKind?: OrderbookKind;
-	setOpenseaLowestPriceCriteriaMet?: (state: boolean) => void;
 	modalType?: 'listing' | 'offer';
 	// Fee data for enhanced balance checking in offers
 	feeData?: {
@@ -55,7 +54,6 @@ export default function PriceInput({
 	includeNativeCurrency,
 	disabled,
 	orderbookKind,
-	setOpenseaLowestPriceCriteriaMet,
 	modalType,
 	feeData,
 }: PriceInputProps) {
@@ -81,8 +79,7 @@ export default function PriceInput({
 				enabled:
 					orderbookKind === OrderbookKind.opensea &&
 					!!currencyAddress &&
-					!!priceAmountRaw &&
-					!!setOpenseaLowestPriceCriteriaMet,
+					!!priceAmountRaw,
 			},
 		});
 
@@ -164,17 +161,13 @@ export default function PriceInput({
 
 	const openseaLowestPriceCriteriaMet =
 		orderbookKind === OrderbookKind.opensea &&
-		!!conversion?.usdAmount &&
+		conversion?.usdAmount !== undefined &&
 		conversion.usdAmount >= 0.01;
 
 	if (checkBalance?.enabled) {
 		checkBalance.callback(balanceError);
 	}
 
-	if (setOpenseaLowestPriceCriteriaMet) {
-		setOpenseaLowestPriceCriteriaMet(openseaLowestPriceCriteriaMet);
-	}
-
 	const [value, setValue] = useState('0');
 	const prevCurrencyDecimals = useRef(currencyDecimals);
 	const [openseaDecimalError, setOpenseaDecimalError] = useState<string | null>(