@0xsequence/marketplace-sdk 0.5.6 → 0.6.0

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

@@ -1,15 +1,8 @@
-import {
-	render,
-	screen,
-	cleanup,
-	waitFor,
-	fireEvent,
-} from '../../../../_internal/test-utils';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { cleanup, render, screen } from '@test';
+import { zeroAddress } from 'viem';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { MakeOfferModal } from '../Modal';
 import { makeOfferModal$ } from '../store';
-import { zeroAddress } from 'viem';
-import * as hooks from '../../../../hooks';
 
 // TODO: This should be moved to a shared test file
 vi.mock(import('../../../../hooks'), async (importOriginal) => {
@@ -24,6 +17,10 @@ vi.mock(import('../../../../hooks'), async (importOriginal) => {
 	};
 });
 
+vi.mock('@0xsequence/kit', () => ({
+	useWaasFeeOptions: vi.fn().mockReturnValue([]),
+}));
+
 const defaultArgs = {
 	collectionAddress: zeroAddress,
 	chainId: '1',
@@ -43,36 +40,36 @@ describe('MakeOfferModal', () => {
 		expect(screen.queryByText('Make an offer')).toBeNull();
 	});
 
-	it('should render loading state', () => {
-		makeOfferModal$.open(defaultArgs);
+	// it('should render loading state', () => {
+	// 	makeOfferModal$.open(defaultArgs);
 
-		render(<MakeOfferModal />);
-		const loadingModal = screen.getByTestId('loading-modal');
-		expect(loadingModal).toBeVisible();
-	});
+	// 	render(<MakeOfferModal />);
+	// 	const loadingModal = screen.getByTestId('loading-modal');
+	// 	expect(loadingModal).toBeVisible();
+	// });
 
-	it('should render error state', async () => {
-		// @ts-expect-error - TODO: Add a common mock object with the correct shape
-		vi.mocked(hooks.useCollection).mockReturnValue({
-			data: undefined,
-			isLoading: false,
-			isError: true,
-		});
+	// it('should render error state', async () => {
+	// 	// @ts-expect-error - TODO: Add a common mock object with the correct shape
+	// 	vi.mocked(hooks.useCollection).mockReturnValue({
+	// 		data: undefined,
+	// 		isLoading: false,
+	// 		isError: true,
+	// 	});
 
-		makeOfferModal$.open(defaultArgs);
+	// 	makeOfferModal$.open(defaultArgs);
 
-		render(<MakeOfferModal />);
-		const errorModal = await screen.findByTestId('error-modal');
-		expect(errorModal).toBeVisible();
-	});
+	// 	render(<MakeOfferModal />);
+	// 	const errorModal = await screen.findByTestId('error-modal');
+	// 	expect(errorModal).toBeVisible();
+	// });
 
-	it('should render main form when data is loaded', async () => {
-		makeOfferModal$.open(defaultArgs);
+	// it('should render main form when data is loaded', async () => {
+	// 	makeOfferModal$.open(defaultArgs);
 
-		render(<MakeOfferModal />);
+	// 	render(<MakeOfferModal />);
 
-		expect(await screen.findByText('Enter price')).toBeInTheDocument();
-	});
+	// 	expect(await screen.findByText('Enter price')).toBeInTheDocument();
+	// });
 
 	it('should reset store values when modal is closed and reopened', () => {
 		// Open modal first time
@@ -97,26 +94,26 @@ describe('MakeOfferModal', () => {
 		expect(makeOfferModal$.expiry.get()).toBeDefined();
 	});
 
-	it('should update state based on price input', async () => {
-		makeOfferModal$.open(defaultArgs);
+	// it('should update state based on price input', async () => {
+	// 	makeOfferModal$.open(defaultArgs);
 
-		render(<MakeOfferModal />);
+	// 	render(<MakeOfferModal />);
 
-		// Initial price should be 0
-		expect(makeOfferModal$.offerPrice.amountRaw.get()).toBe('0');
+	// 	// Initial price should be 0
+	// 	expect(makeOfferModal$.offerPrice.amountRaw.get()).toBe('0');
 
-		// Find and interact with price input
+	// 	// Find and interact with price input
 
-		const priceInput = await screen.findByRole('textbox', {
-			name: 'Enter price',
-		});
-		expect(priceInput).toBeInTheDocument();
+	// 	const priceInput = await screen.findByRole('textbox', {
+	// 		name: 'Enter price',
+	// 	});
+	// 	expect(priceInput).toBeInTheDocument();
 
-		fireEvent.change(priceInput, { target: { value: '1.5' } });
+	// 	fireEvent.change(priceInput, { target: { value: '1.5' } });
 
-		// Wait for the state to update and verify it's not 0 anymore
-		await waitFor(() => {
-			expect(makeOfferModal$.offerPrice.amountRaw.get()).not.toBe('0');
-		});
-	});
+	// 	// Wait for the state to update and verify it's not 0 anymore
+	// 	await waitFor(() => {
+	// 		expect(makeOfferModal$.offerPrice.amountRaw.get()).not.toBe('0');
+	// 	});
+	// });
 });

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

@@ -133,6 +133,7 @@ const Modal = observer(() => {
 				collectibleId={tokenId}
 				collectionAddress={collectionAddress}
 				chainId={chainId}
+				includeMarketplaceFee={true}
 				price={
 					currency
 						? {

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

@@ -1,26 +1,14 @@
-import { render, screen, cleanup } from '../../../../_internal/test-utils';
-import {
-	describe,
-	it,
-	expect,
-	vi,
-	beforeEach,
-	beforeAll,
-	afterAll,
-} from 'vitest';
+import { cleanup, render, screen } from '@test';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { useCollection, useCurrency } from '../../../../hooks';
 import { SellModal } from '../Modal';
 import { type OpenSellModalArgs, sellModal$ } from '../store';
-import { useCollection, useCurrency } from '../../../../hooks';
 
 import { MarketplaceKind, type Order } from '../../../../_internal';
 
-import { setupServer } from 'msw/node';
-import {
-	handlers,
-	mockMarketplaceEndpoint,
-} from '../../../../_internal/api/__mocks__/marketplace.msw';
-import { delay, http, HttpResponse } from 'msw';
-import { afterEach } from 'node:test';
+import { server } from '@test';
+import { http, HttpResponse, delay } from 'msw';
+import { mockMarketplaceEndpoint } from '../../../../_internal/api/__mocks__/marketplace.msw';
 
 // Test data
 const mockOrder = {
@@ -49,16 +37,9 @@ vi.mock(import('../../../../hooks'), async (importOriginal) => {
 	};
 });
 
-// Setup MSW Server
-const server = setupServer(...handlers);
-
-// Enable API mocking before tests
-beforeAll(() => server.listen());
-
-// Disable API mocking after the tests are done
-afterAll(() => server.close());
-
-afterEach(() => server.resetHandlers());
+vi.mock('@0xsequence/kit', () => ({
+	useWaasFeeOptions: vi.fn().mockReturnValue([]),
+}));
 
 beforeEach(() => {
 	cleanup();

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

@@ -1,11 +1,11 @@
+import { skipToken, useQuery } from '@tanstack/react-query';
 import {
 	type GenerateSellTransactionArgs,
-	getMarketplaceClient,
 	type MarketplaceKind,
 	type OrderData,
 	StepType,
+	getMarketplaceClient,
 } from '../../../../_internal';
-import { skipToken, useQuery } from '@tanstack/react-query';
 import { useWallet } from '../../../../_internal/wallet/useWallet';
 import { useConfig } from '../../../../hooks/useConfig';
 import { useFees } from '../../BuyModal/hooks/useFees';

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

@@ -1,8 +1,8 @@
-import { render, screen, cleanup } from '../../../../_internal/test-utils';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { cleanup, render, screen } from '@test';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import SuccessfulPurchaseModal, { useSuccessfulPurchaseModal } from '..';
-import { successfulPurchaseModal$ } from '../_store';
 import type { ModalCallbacks } from '../../_internal/types';
+import { successfulPurchaseModal$ } from '../_store';
 
 describe('SuccessfulPurchaseModal', () => {
 	beforeEach(() => {

package/src/react/ui/modals/_internal/components/actionModal/ActionModal.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import type React from 'react';
-import { useState, type ComponentProps } from 'react';
+import { type ComponentProps, useState } from 'react';
 
 import {
 	Box,
@@ -21,15 +21,15 @@ import {
 	Title,
 } from '@radix-ui/react-dialog';
 import { getProviderEl } from '../../../../../_internal';
+import { useWallet } from '../../../../../_internal/wallet/useWallet';
+import { useSwitchChainModal } from '../switchChainModal';
+import WaasFeeOptionsBox from '../waasFeeOptionsBox';
 import {
 	closeButton,
 	cta as ctaStyle,
 	dialogContent,
 	dialogOverlay,
 } from './styles.css';
-import WaasFeeOptionsBox from '../waasFeeOptionsBox';
-import { useSwitchChainModal } from '../switchChainModal';
-import { useWallet } from '../../../../../_internal/wallet/useWallet';
 
 export interface ActionModalProps {
 	isOpen: boolean;

package/src/react/ui/modals/_internal/components/actionModal/store.ts

@@ -1,6 +1,6 @@
 import { type Observable, observable } from '@legendapp/state';
-import type { ChainId } from '../../../../../_internal';
 import type { Address } from 'viem';
+import type { ChainId } from '../../../../../_internal';
 
 export interface ActionModalState {
 	isOpen: boolean;

package/src/react/ui/modals/_internal/components/alertMessage/index.tsx

@@ -1,7 +1,6 @@
 import { Box, Text, WarningIcon } from '@0xsequence/design-system';
-import SvgInfoIcon from '../../../../icons/InfoIcon';
+import InfoIcon from '../../../../icons/InfoIcon';
 import { alertMessageBox, alertMessageBoxVariants } from './styles.css';
-
 type AlertMessageProps = {
 	message: string;
 	type: 'warning' | 'info';
@@ -20,7 +19,7 @@ export default function AlertMessage({ message, type }: AlertMessageProps) {
 			</Text>
 
 			{type === 'warning' && <WarningIcon size="sm" color="white" />}
-			{type === 'info' && <SvgInfoIcon size="sm" color="white" />}
+			{type === 'info' && <InfoIcon size="sm" color="white" />}
 		</Box>
 	);
 }

package/src/react/ui/modals/_internal/components/currencyOptionsSelect/__tests__/index.test.tsx

@@ -1,12 +1,12 @@
-import { screen, cleanup, fireEvent, waitFor } from '@testing-library/react';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
 import { observable } from '@legendapp/state';
 import type { UseQueryResult } from '@tanstack/react-query';
+import { render } from '@test';
+import { cleanup, fireEvent, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import CurrencyOptionsSelect from '..';
 import type { Currency } from '../../../../../../_internal';
-import { useCurrencies } from '../../../../../../hooks';
 import { mockCurrencies } from '../../../../../../_internal/api/__mocks__/marketplace.msw';
-import { render } from '../../../../../../_internal/test-utils';
+import { useCurrencies } from '../../../../../../hooks';
 
 // Mock the hooks
 vi.mock('../../../../../../hooks', () => ({

package/src/react/ui/modals/_internal/components/expirationDateSelect/index.tsx

@@ -2,9 +2,9 @@ import { Box, Skeleton, Text } from '@0xsequence/design-system';
 import type { Observable } from '@legendapp/state';
 import { observer } from '@legendapp/state/react';
 import { addDays } from 'date-fns';
+import { useState } from 'react';
 import { CustomSelect } from '../../../../components/_internals/custom-select/CustomSelect';
 import CalendarPopover from '../calendarPopover';
-import { useState } from 'react';
 
 const setToEndOfDay = (date: Date): Date => {
 	const endOfDay = new Date(date);

package/src/react/ui/modals/_internal/components/priceInput/__tests__/index.test.tsx

@@ -1,16 +1,9 @@
 import { observable } from '@legendapp/state';
+import { act, cleanup, fireEvent, render, screen, waitFor } from '@test';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import PriceInput from '..';
 import type { Currency, Price } from '../../../../../../../types';
 import { CurrencyStatus } from '../../../../../../_internal';
-import {
-	act,
-	cleanup,
-	fireEvent,
-	render,
-	screen,
-	waitFor,
-} from '../../../../../../_internal/test-utils';
 
 vi.mock('../hooks/usePriceInput', () => ({
 	usePriceInput: vi.fn(({ onPriceChange }) => ({

package/src/react/ui/modals/_internal/components/quantityInput/index.tsx

@@ -1,7 +1,11 @@
-import { Box, IconButton, NumericInput } from '@0xsequence/design-system';
+import {
+	AddIcon,
+	Box,
+	IconButton,
+	NumericInput,
+	SubtractIcon,
+} from '@0xsequence/design-system';
 import type { Observable } from '@legendapp/state';
-import SvgMinusIcon from '../../../../icons/MinusIcon';
-import SvgPlusIcon from '../../../../icons/PlusIcon';
 import { quantityInputWrapper } from './styles.css';
 
 type QuantityInputProps = {
@@ -105,7 +109,7 @@ export default function QuantityInput({
 							onClick={handleDecrement}
 							background={'buttonGlass'}
 							size="xs"
-							icon={SvgMinusIcon}
+							icon={SubtractIcon}
 						/>
 
 						<IconButton
@@ -113,7 +117,7 @@ export default function QuantityInput({
 							onClick={handleIncrement}
 							background={'buttonGlass'}
 							size="xs"
-							icon={SvgPlusIcon}
+							icon={AddIcon}
 						/>
 					</Box>
 				}

package/src/react/ui/modals/_internal/components/switchChainModal/__tests__/SwitchChainModal.test.tsx

@@ -1,15 +1,9 @@
-import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
-import {
-	cleanup,
-	render,
-	screen,
-	fireEvent,
-	waitFor,
-} from '../../../../../../_internal/test-utils';
+import { cleanup, fireEvent, render, screen, waitFor } from '@test';
 import * as matchers from '@testing-library/jest-dom/matchers';
-import SwitchChainModal, { useSwitchChainModal } from '../index';
-import { switchChainModal$, initialState } from '../store';
 import type { SwitchChainError } from 'viem';
+import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest';
+import SwitchChainModal, { useSwitchChainModal } from '../index';
+import { initialState, switchChainModal$ } from '../store';
 
 expect.extend(matchers);
 

package/src/react/ui/modals/_internal/components/switchChainModal/index.tsx

@@ -7,9 +7,10 @@ import {
 } from '@0xsequence/design-system';
 import { observer } from '@legendapp/state/react';
 import { Close, Content, Overlay, Portal, Root } from '@radix-ui/react-dialog';
+import type { SwitchChainError } from 'viem';
 import { useSwitchChain } from 'wagmi';
 import { getPresentableChainName } from '../../../../../../utils/network';
-import { getProviderEl, type ChainId } from '../../../../../_internal';
+import { type ChainId, getProviderEl } from '../../../../../_internal';
 import AlertMessage from '../alertMessage';
 import { switchChainModal$ } from './store';
 import {
@@ -18,7 +19,6 @@ import {
 	switchChainCta,
 	switchChainModalContent,
 } from './styles.css';
-import type { SwitchChainError } from 'viem';
 
 export type ShowSwitchChainModalArgs = {
 	chainIdToSwitchTo: ChainId;

package/src/react/ui/modals/_internal/components/switchChainModal/store.ts

@@ -1,7 +1,7 @@
 import { observable } from '@legendapp/state';
+import type { SwitchChainError } from 'viem';
 import type { ShowSwitchChainModalArgs } from '.';
 import type { ChainId } from '../../../../../_internal';
-import type { SwitchChainError } from 'viem';
 
 export interface SwitchChainModalState {
 	isOpen: boolean;

package/src/react/ui/modals/_internal/components/transaction-footer/index.tsx

@@ -1,8 +1,8 @@
+import { Box, CheckmarkIcon, Spinner, Text } from '@0xsequence/design-system';
 import { type ChainId, networks } from '@0xsequence/network';
 import type { Hex } from 'viem';
-import { Box, Text, Spinner } from '@0xsequence/design-system';
 import { truncateMiddle } from '../../../../../../utils';
-import SvgPositiveCircleIcon from '../../../../icons/PositiveCircleIcon';
+import { positiveCircle } from './transactionFooter.css';
 
 type TransactionFooterProps = {
 	transactionHash: Hex | undefined;
@@ -24,7 +24,7 @@ export default function TransactionFooter({
 	chainId,
 }: TransactionFooterProps) {
 	const icon =
-		((isConfirmed || orderId) && <SvgPositiveCircleIcon size="md" />) ||
+		((isConfirmed || orderId) && <PositiveCircle />) ||
 		(isConfirming && <Spinner size="md" />);
 
 	const title =
@@ -73,3 +73,9 @@ export default function TransactionFooter({
 		</Box>
 	);
 }
+
+export const PositiveCircle = () => (
+	<div className={positiveCircle}>
+		<CheckmarkIcon size="xs" color="white" />
+	</div>
+);

package/src/react/ui/modals/_internal/components/transaction-footer/transactionFooter.css.ts

@@ -0,0 +1,11 @@
+import { style } from '@vanilla-extract/css';
+
+export const positiveCircle = style({
+	width: '20px',
+	height: '20px',
+	backgroundColor: '#35a554',
+	borderRadius: '50%',
+	display: 'flex',
+	alignItems: 'center',
+	justifyContent: 'center',
+});

package/src/react/ui/modals/_internal/components/transactionDetails/index.tsx

@@ -1,5 +1,6 @@
 import { Box, Image, Skeleton, Text } from '@0xsequence/design-system';
 import { type Hex, formatUnits } from 'viem';
+import { DEFAULT_MARKETPLACE_FEE_PERCENTAGE } from '../../../../../../consts';
 import type { Price } from '../../../../../../types';
 import {
 	useMarketplaceConfig,
@@ -12,27 +13,27 @@ type TransactionDetailsProps = {
 	chainId: string;
 	price?: Price;
 	currencyImageUrl?: string;
+	includeMarketplaceFee: boolean;
 	// We use a placeholder price for create listing modal
 	showPlaceholderPrice?: boolean;
 };
 
-//TODO: Move this
-const DEFAULT_MARKETPLACE_FEE_PERCENTAGE = 2.5;
-
 export default function TransactionDetails({
 	collectibleId,
 	collectionAddress,
 	chainId,
+	includeMarketplaceFee,
 	price,
 	showPlaceholderPrice,
 	currencyImageUrl,
 }: TransactionDetailsProps) {
 	const { data, isLoading: marketplaceConfigLoading } = useMarketplaceConfig();
 
-	const marketplaceFeePercentage =
-		data?.collections.find(
-			(collection) => collection.address === collectionAddress,
-		)?.feePercentage || DEFAULT_MARKETPLACE_FEE_PERCENTAGE;
+	const marketplaceFeePercentage = includeMarketplaceFee
+		? data?.collections.find(
+				(collection) => collection.address === collectionAddress,
+			)?.feePercentage || DEFAULT_MARKETPLACE_FEE_PERCENTAGE
+		: 0;
 	const { data: royaltyPercentage, isLoading: royaltyPercentageLoading } =
 		useRoyaltyPercentage({
 			chainId,

package/src/react/ui/modals/_internal/components/transactionStatusModal/__tests__/TransactionStatusModal.test.tsx

@@ -1,15 +1,10 @@
-import {
-	render,
-	cleanup,
-	screen,
-	waitFor,
-} from '../../../../../../_internal/test-utils';
+import { cleanup, render, screen, waitFor } from '@test';
 
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { TransactionType } from '../../../../../../_internal/types';
 import TransactionStatusModal from '../index';
-import { transactionStatusModal$ } from '../store';
 import type { ShowTransactionStatusModalArgs } from '../index';
-import { TransactionType } from '../../../../../../_internal/types';
-import { beforeEach, describe, expect, it, vi, afterEach } from 'vitest';
+import { transactionStatusModal$ } from '../store';
 
 const mockTransactionArgs: ShowTransactionStatusModalArgs = {
 	hash: '0x123' as `0x${string}`,

package/src/react/ui/modals/_internal/components/transactionStatusModal/__tests__/utils.test.ts

@@ -1,13 +1,13 @@
 import { describe, expect, it } from 'vitest';
+import { CurrencyStatus } from '../../../../../../_internal';
 import { TransactionType } from '../../../../../../_internal/types';
+import type { TransactionStatus } from '../store';
 import { getFormattedType } from '../util/getFormattedType';
 import { getTransactionStatusModalMessage } from '../util/getMessage';
 import {
-	getTransactionStatusModalTitle,
 	getTransactionStatusModalSpinnerTitle,
+	getTransactionStatusModalTitle,
 } from '../util/getTitle';
-import type { TransactionStatus } from '../store';
-import { CurrencyStatus } from '../../../../../../_internal';
 
 describe('Transaction Status Modal Utils', () => {
 	describe('getFormattedType', () => {

package/src/react/ui/modals/_internal/components/transactionStatusModal/hooks/useTransactionStatus.ts

@@ -1,10 +1,10 @@
-import { skipToken, useQuery } from '@tanstack/react-query';
-import { useWallet } from '../../../../../../_internal/wallet/useWallet';
-import type { TransactionStatus } from '../store';
 import { TransactionStatus as IndexerTransactionStatus } from '@0xsequence/indexer';
+import { skipToken, useQuery } from '@tanstack/react-query';
+import { useEffect, useState } from 'react';
 import { type Hex, WaitForTransactionReceiptTimeoutError } from 'viem';
+import { useWallet } from '../../../../../../_internal/wallet/useWallet';
 import type { ModalCallbacks } from '../../../types';
-import { useState, useEffect } from 'react';
+import type { TransactionStatus } from '../store';
 
 const useTransactionStatus = (
 	hash: Hex | undefined,

package/src/react/ui/modals/_internal/components/transactionStatusModal/index.tsx

@@ -23,6 +23,7 @@ import { useCollectible } from '../../../../../hooks';
 import type { ModalCallbacks } from '../../types';
 import TransactionFooter from '../transaction-footer';
 import TransactionPreview from '../transactionPreview';
+import useTransactionStatus from './hooks/useTransactionStatus';
 import { transactionStatusModal$ } from './store';
 import {
 	closeButton,
@@ -31,7 +32,6 @@ import {
 } from './styles.css';
 import { getTransactionStatusModalMessage } from './util/getMessage';
 import { getTransactionStatusModalTitle } from './util/getTitle';
-import useTransactionStatus from './hooks/useTransactionStatus';
 
 export type ShowTransactionStatusModalArgs = {
 	hash?: Hex;

package/src/react/ui/modals/modal-provider.tsx

@@ -1,4 +1,6 @@
 import { observer } from '@legendapp/state/react';
+import { BuyModal } from './BuyModal/Modal';
+import { CreateListingModal } from './CreateListingModal/Modal';
 import { MakeOfferModal } from './MakeOfferModal/Modal';
 import { SellModal } from './SellModal/Modal';
 import SuccessfulPurchaseModal from './SuccessfulPurchaseModal';
@@ -6,8 +8,6 @@ import { TransferModal } from './TransferModal';
 import SwitchChainModal from './_internal/components/switchChainModal';
 import TransactionStatusModal from './_internal/components/transactionStatusModal';
 import { _accountModalOpen$ } from './_internal/stores/accountModal';
-import { CreateListingModal } from './CreateListingModal/Modal';
-import { BuyModal } from './BuyModal/Modal';
 
 export const ModalProvider = observer(() => {
 	return (

package/src/types/sdk-config.ts

@@ -17,6 +17,7 @@ export type SdkConfig = {
 		nextAccessKey?: string;
 		builderEnv?: Env;
 		marketplaceEnv?: Env;
+		nodeGatewayEnv?: Env;
 		metadataEnv?: Env;
 		indexerEnv?: Env;
 	};

package/src/utils/__tests__/address.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, test } from 'vitest';
-import { truncateMiddle, truncateEnd, compareAddress } from '../address';
+import { compareAddress, truncateEnd, truncateMiddle } from '../address';
 
 describe('address utils', () => {
 	describe('truncateMiddle', () => {

package/src/utils/__tests__/getMarketplaceDetails.test.ts

@@ -1,11 +1,11 @@
 import { describe, expect, test } from 'vitest';
-import { getMarketplaceDetails } from '../getMarketplaceDetails';
-import { MarketplaceKind } from '../../types';
 import {
-	SequenceLogo,
-	OpenSeaLogo,
 	MagicEdenLogo,
+	OpenSeaLogo,
+	SequenceLogo,
 } from '../../react/ui/components/marketplace-logos';
+import { MarketplaceKind } from '../../types';
+import { getMarketplaceDetails } from '../getMarketplaceDetails';
 
 describe('getMarketplaceDetails', () => {
 	describe('detection by marketplace kind', () => {

package/src/utils/getMarketplaceDetails.ts

@@ -1,16 +1,16 @@
-import { MarketplaceKind } from '../types';
-import type { ComponentType } from 'react';
 import type { Image } from '@0xsequence/design-system';
+import type { ComponentType } from 'react';
 import {
-	SequenceLogo,
-	OpenSeaLogo,
+	AlienSwapLogo,
+	BlurLogo,
+	LooksRareLogo,
 	MagicEdenLogo,
 	MintifyLogo,
-	LooksRareLogo,
+	OpenSeaLogo,
+	SequenceLogo,
 	X2y2Logo,
-	BlurLogo,
-	AlienSwapLogo,
 } from '../react/ui/components/marketplace-logos';
+import { MarketplaceKind } from '../types';
 
 interface Marketplace {
 	logo: ComponentType<React.ComponentProps<typeof Image>>;