@0xsequence/marketplace-sdk 0.8.12 → 0.9.0

package/src/react/ui/index.ts

@@ -1,14 +1,12 @@
-export * from './modals/modal-provider';
+export { CollectibleCard } from './components/marketplace-collectible-card/CollectibleCard';
+// types
+export * from './components/marketplace-collectible-card/types';
+// components
+export { Media } from './components/media/Media';
+export { useBuyModal } from './modals/BuyModal';
 export { useCreateListingModal } from './modals/CreateListingModal';
 export { useMakeOfferModal } from './modals/MakeOfferModal';
+export * from './modals/modal-provider';
+export { useSellModal } from './modals/SellModal';
 export { useSuccessfulPurchaseModal } from './modals/SuccessfulPurchaseModal';
 export { useTransferModal } from './modals/TransferModal';
-export { useSellModal } from './modals/SellModal';
-export { useBuyModal } from './modals/BuyModal';
-
-// components
-export { Media } from './components/media/Media';
-export { CollectibleCard } from './components/marketplace-collectible-card/CollectibleCard';
-
-// types
-export * from './components/marketplace-collectible-card/types';

package/src/react/ui/modals/BuyModal/__tests__/ERC1155ShopModal.test.tsx

@@ -1,6 +1,7 @@
 import { ResourceStatus } from '@0xsequence/metadata';
 import { render, screen, waitFor } from '@test';
 import type { Address } from 'viem';
+import type { Mock, MockInstance } from 'vitest';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { TransactionCrypto } from '../../../../_internal';
 import { ERC1155ShopModal } from '../components/ERC1155ShopModal';
@@ -45,9 +46,8 @@ const mockShopData = {
 };
 
 describe('ERC1155ShopModal', () => {
-	let mockOpenCheckoutModal: ReturnType<typeof vi.fn>;
-	// biome-ignore lint/suspicious/noExplicitAny: Required for mock typing in tests
-	let mockUseERC1155Checkout: any;
+	let mockOpenCheckoutModal: Mock;
+	let mockUseERC1155Checkout: MockInstance;
 
 	beforeEach(() => {
 		vi.clearAllMocks();
@@ -60,15 +60,31 @@ describe('ERC1155ShopModal', () => {
 			useERC1155CheckoutModule,
 			'useERC1155Checkout',
 		);
+
+		// Initialize BuyModal props
+		buyModalStore.send({
+			type: 'open',
+			props: {
+				chainId: 1,
+				collectionAddress: mockCollection.address,
+				salesContractAddress: mockShopData.salesContractAddress as Address,
+				items: mockShopData.items,
+				quantityDecimals: 0,
+				quantityRemaining: 10,
+				salePrice: {
+					amount: mockShopData.salePrice.amount,
+					currencyAddress: mockShopData.salePrice.currencyAddress as Address,
+				},
+				marketplaceType: 'shop',
+			},
+		});
 	});
 
 	afterEach(() => {
 		vi.restoreAllMocks();
 	});
 
-	// TODO: Fix skipped tests
-	it.skip('should open checkout modal when data is loaded and enabled', async () => {
-		// Mock successful checkout hook
+	it('should show quantity modal initially', async () => {
 		mockUseERC1155Checkout.mockReturnValue({
 			openCheckoutModal: mockOpenCheckoutModal,
 			isLoading: false,
@@ -85,6 +101,38 @@ describe('ERC1155ShopModal', () => {
 			/>,
 		);
 
+		expect(screen.getByText('Select Quantity')).toBeInTheDocument();
+
+		// Wait for loading state to finish
+		await waitFor(() => {
+			expect(
+				screen.getByRole('button', { name: 'Buy now' }),
+			).toBeInTheDocument();
+		});
+
+		expect(mockOpenCheckoutModal).not.toHaveBeenCalled();
+	});
+
+	it('should open checkout modal after quantity is selected', async () => {
+		mockUseERC1155Checkout.mockReturnValue({
+			openCheckoutModal: mockOpenCheckoutModal,
+			isLoading: false,
+			isError: false,
+			isEnabled: true,
+			checkoutParams: {} as never,
+		});
+
+		render(
+			<ERC1155ShopModal
+				collection={mockCollection}
+				shopData={mockShopData}
+				chainId={1}
+			/>,
+		);
+
+		// Set quantity in store
+		buyModalStore.send({ type: 'setQuantity', quantity: 2 });
+
 		// Wait for checkout modal to be opened
 		await waitFor(() => {
 			expect(mockOpenCheckoutModal).toHaveBeenCalled();
@@ -94,8 +142,7 @@ describe('ERC1155ShopModal', () => {
 		expect(buyModalStore.getSnapshot().context.checkoutModalState).toBe('open');
 	});
 
-	it.skip('should show loading modal when checkout is loading', () => {
-		// Mock loading state
+	it('should show loading modal when checkout is loading', async () => {
 		mockUseERC1155Checkout.mockReturnValue({
 			openCheckoutModal: mockOpenCheckoutModal,
 			isLoading: true,
@@ -104,6 +151,9 @@ describe('ERC1155ShopModal', () => {
 			checkoutParams: {} as never,
 		});
 
+		// Set quantity in store before rendering
+		buyModalStore.send({ type: 'setQuantity', quantity: 2 });
+
 		render(
 			<ERC1155ShopModal
 				collection={mockCollection}
@@ -116,8 +166,7 @@ describe('ERC1155ShopModal', () => {
 		expect(mockOpenCheckoutModal).not.toHaveBeenCalled();
 	});
 
-	it.skip('should render nothing when checkout is in error state', () => {
-		// Mock error state
+	it('should render nothing when checkout is in error state', () => {
 		mockUseERC1155Checkout.mockReturnValue({
 			openCheckoutModal: mockOpenCheckoutModal,
 			isLoading: false,
@@ -126,6 +175,9 @@ describe('ERC1155ShopModal', () => {
 			checkoutParams: {} as never,
 		});
 
+		// Set quantity in store before rendering
+		buyModalStore.send({ type: 'setQuantity', quantity: 2 });
+
 		const { container } = render(
 			<ERC1155ShopModal
 				collection={mockCollection}
@@ -138,8 +190,7 @@ describe('ERC1155ShopModal', () => {
 		expect(mockOpenCheckoutModal).not.toHaveBeenCalled();
 	});
 
-	it.skip('should not open checkout modal when not enabled', () => {
-		// Mock disabled state
+	it('should not open checkout modal when not enabled', () => {
 		mockUseERC1155Checkout.mockReturnValue({
 			openCheckoutModal: mockOpenCheckoutModal,
 			isLoading: false,
@@ -148,6 +199,9 @@ describe('ERC1155ShopModal', () => {
 			checkoutParams: {} as never,
 		});
 
+		// Set quantity in store before rendering
+		buyModalStore.send({ type: 'setQuantity', quantity: 2 });
+
 		const { container } = render(
 			<ERC1155ShopModal
 				collection={mockCollection}
@@ -160,7 +214,7 @@ describe('ERC1155ShopModal', () => {
 		expect(mockOpenCheckoutModal).not.toHaveBeenCalled();
 	});
 
-	it.skip('should pass correct props to useERC1155Checkout hook', () => {
+	it('should pass correct props to useERC1155Checkout hook', () => {
 		mockUseERC1155Checkout.mockReturnValue({
 			openCheckoutModal: mockOpenCheckoutModal,
 			isLoading: false,
@@ -169,6 +223,9 @@ describe('ERC1155ShopModal', () => {
 			checkoutParams: {} as never,
 		});
 
+		// Set quantity in store before rendering
+		buyModalStore.send({ type: 'setQuantity', quantity: 2 });
+
 		render(
 			<ERC1155ShopModal
 				collection={mockCollection}
@@ -181,17 +238,17 @@ describe('ERC1155ShopModal', () => {
 			chainId: 1,
 			salesContractAddress: '0x456',
 			collectionAddress: '0x123',
-			items: [
-				{ tokenId: '1', quantity: '2' },
-				{ tokenId: '2', quantity: '1' },
-			],
+			items: mockShopData.items.map((item) => ({
+				...item,
+				quantity: '2', // This comes from the store's quantity
+			})),
 			checkoutOptions: mockShopData.checkoutOptions,
 			customProviderCallback: undefined,
 			enabled: true,
 		});
 	});
 
-	it.skip('should handle missing tokenId and quantity gracefully', () => {
+	it('should handle missing tokenId and quantity gracefully', () => {
 		const shopDataWithMissingProps = {
 			...mockShopData,
 			items: [
@@ -208,6 +265,9 @@ describe('ERC1155ShopModal', () => {
 			checkoutParams: {} as never,
 		});
 
+		// Set quantity in store before rendering
+		buyModalStore.send({ type: 'setQuantity', quantity: 2 });
+
 		render(
 			<ERC1155ShopModal
 				collection={mockCollection}
@@ -216,82 +276,21 @@ describe('ERC1155ShopModal', () => {
 			/>,
 		);
 
-		// Check that defaults were applied
 		expect(mockUseERC1155Checkout).toHaveBeenCalledWith({
 			chainId: 1,
 			salesContractAddress: '0x456',
 			collectionAddress: '0x123',
-			items: [
-				{ tokenId: '0', quantity: '1' },
-				{ tokenId: '2', quantity: '1' },
-			],
+			items: shopDataWithMissingProps.items.map((item) => ({
+				tokenId: item.tokenId ?? '0',
+				quantity: '2', // This comes from the store's quantity
+			})),
 			checkoutOptions: mockShopData.checkoutOptions,
 			customProviderCallback: undefined,
 			enabled: true,
 		});
 	});
 
-	it.skip('should disable checkout when sales contract address is missing', () => {
-		const shopDataWithoutContract = {
-			...mockShopData,
-			salesContractAddress: '',
-		};
-
-		mockUseERC1155Checkout.mockReturnValue({
-			openCheckoutModal: mockOpenCheckoutModal,
-			isLoading: false,
-			isError: false,
-			isEnabled: false,
-			checkoutParams: {} as never,
-		});
-
-		render(
-			<ERC1155ShopModal
-				collection={mockCollection}
-				shopData={shopDataWithoutContract}
-				chainId={1}
-			/>,
-		);
-
-		expect(mockUseERC1155Checkout).toHaveBeenCalledWith(
-			expect.objectContaining({
-				salesContractAddress: '',
-				enabled: false,
-			}),
-		);
-	});
-
-	it.skip('should pass empty items array to useERC1155Checkout when items array is empty', () => {
-		const shopDataWithoutItems = {
-			...mockShopData,
-			items: [],
-		};
-
-		mockUseERC1155Checkout.mockReturnValue({
-			openCheckoutModal: mockOpenCheckoutModal,
-			isLoading: false,
-			isError: false,
-			isEnabled: false,
-			checkoutParams: {} as never,
-		});
-
-		render(
-			<ERC1155ShopModal
-				collection={mockCollection}
-				shopData={shopDataWithoutItems}
-				chainId={1}
-			/>,
-		);
-
-		expect(mockUseERC1155Checkout).toHaveBeenCalledWith(
-			expect.objectContaining({
-				items: [],
-				enabled: true, // Component still passes true, but useERC1155Checkout can decide based on empty items
-			}),
-		);
-	});
-
-	it.skip('should only open checkout modal once when state is idle', async () => {
+	it('should only open checkout modal once when state is idle', async () => {
 		mockUseERC1155Checkout.mockReturnValue({
 			openCheckoutModal: mockOpenCheckoutModal,
 			isLoading: false,
@@ -300,6 +299,9 @@ describe('ERC1155ShopModal', () => {
 			checkoutParams: {} as never,
 		});
 
+		// Set quantity in store before rendering
+		buyModalStore.send({ type: 'setQuantity', quantity: 2 });
+
 		const { rerender } = render(
 			<ERC1155ShopModal
 				collection={mockCollection}
@@ -328,7 +330,7 @@ describe('ERC1155ShopModal', () => {
 		});
 	});
 
-	it.skip('should handle checkout options being undefined', () => {
+	it('should handle checkout options being undefined', () => {
 		const shopDataWithoutCheckoutOptions = {
 			...mockShopData,
 			checkoutOptions: undefined,
@@ -342,6 +344,9 @@ describe('ERC1155ShopModal', () => {
 			checkoutParams: {} as never,
 		});
 
+		// Set quantity in store before rendering
+		buyModalStore.send({ type: 'setQuantity', quantity: 2 });
+
 		render(
 			<ERC1155ShopModal
 				collection={mockCollection}
@@ -357,7 +362,7 @@ describe('ERC1155ShopModal', () => {
 		);
 	});
 
-	it.skip('should show loading modal with correct chain ID', () => {
+	it('should show loading modal with correct chain ID', () => {
 		mockUseERC1155Checkout.mockReturnValue({
 			openCheckoutModal: mockOpenCheckoutModal,
 			isLoading: true,
@@ -366,6 +371,9 @@ describe('ERC1155ShopModal', () => {
 			checkoutParams: {} as never,
 		});
 
+		// Set quantity in store before rendering
+		buyModalStore.send({ type: 'setQuantity', quantity: 2 });
+
 		render(
 			<ERC1155ShopModal
 				collection={mockCollection}
@@ -374,7 +382,6 @@ describe('ERC1155ShopModal', () => {
 			/>,
 		);
 
-		// Check that LoadingModal received the correct chainId prop
 		expect(screen.getByText('Loading Sequence Pay')).toBeInTheDocument();
 		expect(mockUseERC1155Checkout).toHaveBeenCalledWith(
 			expect.objectContaining({

package/src/react/ui/modals/BuyModal/__tests__/Modal1155.test.tsx

@@ -82,7 +82,7 @@ describe('ERC1155QuantityModal', () => {
 		// Wait for spinner to disappear if it exists
 		try {
 			await waitForElementToBeRemoved(() => screen.queryByTestId('spinner'));
-		} catch (error) {
+		} catch (_error) {
 			// If no spinner or already gone, continue
 		}
 
@@ -123,7 +123,7 @@ describe('ERC1155QuantityModal', () => {
 		// Wait for spinner to disappear if it exists
 		try {
 			await waitForElementToBeRemoved(() => screen.queryByTestId('spinner'));
-		} catch (error) {
+		} catch (_error) {
 			// If no spinner or already gone, continue
 		}
 
@@ -166,7 +166,7 @@ describe('ERC1155QuantityModal', () => {
 		// Wait for spinner to disappear if it exists
 		try {
 			await waitForElementToBeRemoved(() => screen.queryByTestId('spinner'));
-		} catch (error) {
+		} catch (_error) {
 			// If no spinner or already gone, continue
 		}
 
@@ -214,7 +214,7 @@ describe('ERC1155QuantityModal', () => {
 		// Wait for spinner to disappear if it exists
 		try {
 			await waitForElementToBeRemoved(() => screen.queryByTestId('spinner'));
-		} catch (error) {
+		} catch (_error) {
 			// If no spinner or already gone, continue
 		}
 

package/src/react/ui/modals/BuyModal/__tests__/store.test.ts

@@ -1,6 +1,6 @@
 import { beforeEach, describe, expect, it } from 'vitest';
 import { MarketplaceKind } from '../../../../_internal';
-import { type MarketplaceBuyModalProps, buyModalStore } from '../store';
+import { buyModalStore, type MarketplaceBuyModalProps } from '../store';
 
 describe('BuyModal Store', () => {
 	beforeEach(() => {

package/src/react/ui/modals/BuyModal/components/ERC1155QuantityModal.tsx

@@ -1,8 +1,7 @@
 'use client';
 
-import { use$, useObservable } from '@legendapp/state/react';
-
 import { Text, TokenImage } from '@0xsequence/design-system';
+import { use$, useObservable } from '@legendapp/state/react';
 import type { Address } from 'viem';
 import { DEFAULT_MARKETPLACE_FEE_PERCENTAGE } from '../../../../../consts';
 import type { MarketplaceType } from '../../../../../types';
@@ -103,9 +102,9 @@ const TotalPrice = ({
 	const { data: marketplaceConfig } = useMarketplaceConfig();
 	const { data: currency, isLoading: isCurrencyLoading } = useCurrency({
 		chainId,
-		currencyAddress: order
+		currencyAddress: (order
 			? order.priceCurrencyAddress
-			: salePrice?.currencyAddress,
+			: salePrice?.currencyAddress) as Address,
 	});
 
 	let error: null | string = null;

package/src/react/ui/modals/BuyModal/components/ERC1155ShopModal.tsx

@@ -7,8 +7,8 @@ import type { CheckoutOptions } from '../../../../_internal';
 import { LoadingModal } from '../../_internal/components/actionModal/LoadingModal';
 import { useERC1155Checkout } from '../hooks/useERC1155Checkout';
 import {
-	type CheckoutOptionsSalesContractProps,
 	buyModalStore,
+	type CheckoutOptionsSalesContractProps,
 	isShopProps,
 	useBuyModalProps,
 	useCheckoutModalState,

package/src/react/ui/modals/BuyModal/hooks/__tests__/useCheckoutOptions.test.tsx

@@ -1,5 +1,5 @@
 import { renderHook, server, waitFor } from '@test';
-import { http, HttpResponse } from 'msw';
+import { HttpResponse, http } from 'msw';
 import { zeroAddress } from 'viem';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { createMockWallet } from '../../../../../../../test/mocks/wallet';

package/src/react/ui/modals/BuyModal/hooks/useCheckoutOptions.ts

@@ -1,8 +1,8 @@
 import { skipToken, useQuery } from '@tanstack/react-query';
 import type { Hex } from 'viem';
 import {
-	type MarketplaceKind,
 	getMarketplaceClient,
+	type MarketplaceKind,
 } from '../../../../_internal';
 import { useWallet } from '../../../../_internal/wallet/useWallet';
 import { useConfig } from '../../../../hooks';

package/src/react/ui/modals/BuyModal/hooks/useERC721SalePaymentParams.ts

@@ -2,9 +2,9 @@ import type { SelectPaymentSettings } from '@0xsequence/checkout';
 import { skipToken, useQuery } from '@tanstack/react-query';
 import {
 	type Address,
+	encodeFunctionData,
 	type Hash,
 	type Hex,
-	encodeFunctionData,
 	toHex,
 } from 'viem';
 import { useAccount } from 'wagmi';

package/src/react/ui/modals/BuyModal/hooks/usePaymentModalParams.ts

@@ -7,12 +7,12 @@ import { decodeERC20Approval } from '../../../../../utils/decode/erc20';
 import {
 	type AdditionalFee,
 	type CheckoutOptions,
-	type MarketplaceKind,
-	StepType,
-	WalletKind,
 	getMarketplaceClient,
 	getQueryClient,
 	getSequenceApiClient,
+	type MarketplaceKind,
+	StepType,
+	WalletKind,
 } from '../../../../_internal';
 import type { WalletInstance } from '../../../../_internal/wallet/wallet';
 import { useConfig } from '../../../../hooks';

package/src/react/ui/modals/CreateListingModal/Modal.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Show, observer } from '@legendapp/state/react';
+import { observer, Show } from '@legendapp/state/react';
 import { parseUnits } from 'viem';
 import { useAccount } from 'wagmi';
 import type { FeeOption } from '../../../../types/waas-types';

package/src/react/ui/modals/CreateListingModal/__tests__/Modal.test.tsx

@@ -2,12 +2,12 @@ import { cleanup, render, renderHook, screen, waitFor } from '@test';
 import { TEST_COLLECTIBLE } from '@test/const';
 import { createMockWallet } from '@test/mocks/wallet';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { useCreateListingModal } from '..';
 import { StepType, WalletKind } from '../../../../_internal';
 import { createMockStep } from '../../../../_internal/api/__mocks__/marketplace.msw';
 import * as walletModule from '../../../../_internal/wallet/useWallet';
-import { CreateListingModal } from '../Modal';
+import { useCreateListingModal } from '..';
 import * as useGetTokenApprovalDataModule from '../hooks/useGetTokenApproval';
+import { CreateListingModal } from '../Modal';
 
 const defaultArgs = {
 	collectionAddress: TEST_COLLECTIBLE.collectionAddress,

package/src/react/ui/modals/CreateListingModal/hooks/useCreateListing.tsx

@@ -64,7 +64,6 @@ export const useCreateListing = ({
 			},
 		});
 
-	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
 	useEffect(() => {
 		if (tokenApproval?.step && !tokenApprovalIsLoading) {
 			steps$.approval.exist.set(true);

package/src/react/ui/modals/CreateListingModal/hooks/useGetTokenApproval.ts

@@ -1,15 +1,15 @@
 import { skipToken, useQuery } from '@tanstack/react-query';
 import { useAccount } from 'wagmi';
-import { useConfig } from '../../../..';
 import { dateToUnixTime } from '../../../../../utils/date';
+import { useConfig } from '../../../..';
 import {
 	type ContractType,
 	type CreateReq,
 	type GenerateListingTransactionArgs,
+	getMarketplaceClient,
 	type OrderbookKind,
 	type QueryArg,
 	StepType,
-	getMarketplaceClient,
 } from '../../../../_internal';
 import { useWallet } from '../../../../_internal/wallet/useWallet';
 

package/src/react/ui/modals/CreateListingModal/hooks/useTransactionSteps.tsx

@@ -1,19 +1,19 @@
 import type { Observable } from '@legendapp/state';
-import { type Address, type Hex, formatUnits } from 'viem';
+import { type Address, formatUnits, type Hex } from 'viem';
 import { OrderbookKind, type Price } from '../../../../../types';
 import { getSequenceMarketplaceRequestId } from '../../../../../utils/getSequenceMarketRequestId';
 import {
+	balanceQueries,
+	collectableKeys,
 	ExecuteType,
+	getMarketplaceClient,
 	type Step,
 	StepType,
 	type TransactionSteps,
-	balanceQueries,
-	collectableKeys,
-	getMarketplaceClient,
 } from '../../../../_internal';
 import { useAnalytics } from '../../../../_internal/databeat';
-import { TransactionType } from '../../../../_internal/types';
 import type { ListingInput } from '../../../../_internal/types';
+import { TransactionType } from '../../../../_internal/types';
 import type {
 	SignatureStep,
 	TransactionStep as WalletTransactionStep,
@@ -26,6 +26,7 @@ import {
 } from '../../../../hooks';
 import { useTransactionStatusModal } from '../../_internal/components/transactionStatusModal';
 import type { ModalCallbacks } from '../../_internal/types';
+
 interface UseTransactionStepsArgs {
 	listingInput: ListingInput;
 	chainId: number;
@@ -110,7 +111,7 @@ export const useTransactionSteps = ({
 			await wallet.handleConfirmTransactionStep(hash, Number(chainId));
 			steps$.approval.isExecuting.set(false);
 			steps$.approval.exist.set(false);
-		} catch (error) {
+		} catch (_error) {
 			steps$.approval.isExecuting.set(false);
 		}
 	};

package/src/react/ui/modals/CreateListingModal/index.tsx

@@ -1,5 +1,5 @@
 import type { ModalCallbacks } from '../_internal/types';
-import { type OpenCreateListingModalArgs, createListingModal$ } from './store';
+import { createListingModal$, type OpenCreateListingModalArgs } from './store';
 
 type ShowCreateListingModalArgs = Exclude<
 	OpenCreateListingModalArgs,

package/src/react/ui/modals/MakeOfferModal/Modal.tsx

@@ -2,7 +2,7 @@
 
 import { getNetwork } from '@0xsequence/connect';
 import { NetworkType } from '@0xsequence/network';
-import { Show, observer } from '@legendapp/state/react';
+import { observer, Show } from '@legendapp/state/react';
 import { useState } from 'react';
 import { parseUnits } from 'viem';
 import type { FeeOption } from '../../../../types/waas-types';
@@ -15,7 +15,6 @@ import {
 	useLowestListing,
 	useMarketCurrencies,
 } from '../../../hooks';
-import { useBuyModal } from '../BuyModal';
 import { ActionModal } from '../_internal/components/actionModal/ActionModal';
 import { ErrorModal } from '../_internal/components/actionModal/ErrorModal';
 import ExpirationDateSelect from '../_internal/components/expirationDateSelect';
@@ -26,6 +25,7 @@ import SelectWaasFeeOptions from '../_internal/components/selectWaasFeeOptions';
 import { selectWaasFeeOptions$ } from '../_internal/components/selectWaasFeeOptions/store';
 import TokenPreview from '../_internal/components/tokenPreview';
 import { useSelectWaasFeeOptions } from '../_internal/hooks/useSelectWaasFeeOptions';
+import { useBuyModal } from '../BuyModal';
 import { useMakeOffer } from './hooks/useMakeOffer';
 import { makeOfferModal$ } from './store';
 

package/src/react/ui/modals/MakeOfferModal/__tests__/Modal.test.tsx

@@ -2,9 +2,9 @@ import { cleanup, render, renderHook, waitFor } from '@test';
 import { TEST_COLLECTIBLE } from '@test/const';
 import { createMockWallet } from '@test/mocks/wallet';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { useMakeOfferModal } from '..';
 import { CurrencyStatus, WalletKind } from '../../../../_internal';
 import * as walletModule from '../../../../_internal/wallet/useWallet';
+import { useMakeOfferModal } from '..';
 import { MakeOfferModal } from '../Modal';
 import { makeOfferModal$ } from '../store';
 

package/src/react/ui/modals/MakeOfferModal/hooks/useGetTokenApproval.tsx

@@ -4,10 +4,10 @@ import {
 	type ContractType,
 	type CreateReq,
 	type GenerateOfferTransactionArgs,
+	getMarketplaceClient,
 	type OrderbookKind,
 	type QueryArg,
 	StepType,
-	getMarketplaceClient,
 } from '../../../../_internal';
 import { useWallet } from '../../../../_internal/wallet/useWallet';
 import { useConfig } from '../../../../hooks/useConfig';

package/src/react/ui/modals/MakeOfferModal/hooks/useMakeOffer.tsx

@@ -55,7 +55,6 @@ export const useMakeOffer = ({
 			},
 		});
 
-	// biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
 	useEffect(() => {
 		if (tokenApproval?.step && !tokenApprovalIsLoading) {
 			steps$.approval.exist.set(true);