@0xsequence/marketplace-sdk 1.0.0 → 1.1.0

package/dist/transaction-CC2KxNF6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transaction-CC2KxNF6.js","names":["shortMessage: string","options: BaseErrorOptions","currentChainId: number","targetChainId: number","stepId: string","cause?: Error","contractType: string | undefined","configName: string"],"sources":["../src/utils/_internal/error/base.ts","../src/utils/_internal/error/transaction.ts"],"sourcesContent":["export type ErrorType<name extends string = 'Error'> = Error & { name: name };\n\nexport type Compute<type> = { [key in keyof type]: type[key] } & unknown;\n\ntype BaseErrorOptions = Compute<\n\t{ details?: string | undefined } | { cause: BaseError | Error }\n>;\n\nexport class BaseError extends Error {\n\tdetails: string;\n\tshortMessage: string;\n\n\tname = 'MarketplaceSdkBaseError';\n\n\tconstructor(shortMessage: string, options: BaseErrorOptions = {}) {\n\t\tsuper();\n\n\t\tconst details = 'details' in options ? options.details : '';\n\t\tthis.message = [\n\t\t\tshortMessage || 'An error occurred.',\n\t\t\t'',\n\t\t\t...(details ? [`Details: ${details}`] : []),\n\t\t].join('\\n');\n\n\t\tif ('cause' in options && options.cause) {\n\t\t\tthis.cause = options.cause;\n\t\t}\n\n\t\tthis.details = details || '';\n\t\tthis.shortMessage = shortMessage;\n\t}\n}\n","import type { Address } from 'viem';\nimport { BaseError } from './base';\n\nexport type TransactionErrorType<name extends string = 'TransactionError'> =\n\tBaseError & { name: name };\n\nexport class TransactionError extends BaseError {\n\toverride name = 'TransactionError';\n}\n\nexport class ChainSwitchError extends TransactionError {\n\toverride name = 'ChainSwitchError';\n\tconstructor(currentChainId: number, targetChainId: number) {\n\t\tsuper(\n\t\t\t`Failed to switch network from ${currentChainId} to ${targetChainId}`,\n\t\t\t{\n\t\t\t\tdetails:\n\t\t\t\t\t'The user may have rejected the network switch or there might be a network connectivity issue.',\n\t\t\t},\n\t\t);\n\t}\n}\n\nexport class ChainSwitchUserRejectedError extends TransactionError {\n\toverride name = 'ChainSwitchUserRejectedError';\n\tconstructor() {\n\t\tsuper('User rejected chain switch', {\n\t\t\tdetails: 'The user rejected the chain switch request.',\n\t\t});\n\t}\n}\n\nexport class TransactionExecutionError extends TransactionError {\n\toverride name = 'TransactionExecutionError';\n\tconstructor(stepId: string, cause?: Error) {\n\t\tsuper(`Failed to execute transaction step: ${stepId}`, {\n\t\t\tdetails:\n\t\t\t\tcause?.message ||\n\t\t\t\t'The transaction may have been rejected or failed during execution.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class TransactionSignatureError extends TransactionError {\n\toverride name = 'TransactionSignatureError';\n\tconstructor(stepId: string, cause?: Error) {\n\t\tsuper(`Failed to sign transaction step: ${stepId}`, {\n\t\t\tdetails:\n\t\t\t\tcause?.message ||\n\t\t\t\t'The signature request may have been rejected by the user.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class NoWalletConnectedError extends TransactionError {\n\toverride name = 'NoWalletConnectedError';\n\tconstructor() {\n\t\tsuper('No wallet connected', {\n\t\t\tdetails: 'Please connect your wallet before attempting this transaction.',\n\t\t});\n\t}\n}\n\nexport class NoMarketplaceConfigError extends TransactionError {\n\toverride name = 'NoMarketplaceConfigError';\n\tconstructor() {\n\t\tsuper('Marketplace configuration not found', {\n\t\t\tdetails:\n\t\t\t\t'The marketplace configuration is missing or invalid. This could be due to an initialization error.',\n\t\t});\n\t}\n}\n\nexport class UserRejectedRequestError extends TransactionError {\n\toverride name = 'UserRejectedRequestError';\n\tconstructor() {\n\t\tsuper('User rejected the request', {\n\t\t\tdetails: 'The user cancelled or rejected the transaction request.',\n\t\t});\n\t}\n}\n\nexport class InsufficientFundsError extends TransactionError {\n\toverride name = 'InsufficientFundsError';\n\tconstructor(cause?: Error) {\n\t\tsuper('Insufficient funds for transaction', {\n\t\t\tdetails:\n\t\t\t\t'The wallet does not have enough funds to complete this transaction.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class SignatureExecutionError extends TransactionError {\n\toverride name = 'SignatureExecutionError';\n\tconstructor(signature: string, cause?: Error) {\n\t\tsuper(`Failed  to execute signature: ${signature}`, {\n\t\t\tdetails: cause?.message || 'The execution of the signature failed.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class StepExecutionError extends TransactionError {\n\toverride name = 'StepExecutionError';\n\tconstructor(stepId: string, cause?: Error) {\n\t\tsuper(`Failed to execute step ${stepId})`, {\n\t\t\tdetails: cause?.message || 'The step execution failed unexpectedly.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class StepGenerationError extends TransactionError {\n\toverride name = 'StepGenerationError';\n\tconstructor(transactionType: string, cause?: Error) {\n\t\tsuper(`Failed to generate steps for ${transactionType}`, {\n\t\t\tdetails:\n\t\t\t\tcause?.message || 'Could not generate the required transaction steps.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class PaymentModalError extends TransactionError {\n\toverride name = 'PaymentModalError';\n\tconstructor(cause?: Error) {\n\t\tsuper('Payment modal operation failed', {\n\t\t\tdetails:\n\t\t\t\tcause?.message || 'The payment modal operation was unsuccessful.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class InvalidStepError extends TransactionError {\n\toverride name = 'InvalidStepError';\n\tconstructor(stepId: string, reason: string) {\n\t\tsuper(`Invalid step configuration for ${stepId}`, {\n\t\t\tdetails: reason,\n\t\t});\n\t}\n}\n\nexport class TransactionConfirmationError extends TransactionError {\n\toverride name = 'TransactionConfirmationError';\n\tconstructor(hash: string, cause?: Error) {\n\t\tsuper(`Failed to confirm transaction ${hash}`, {\n\t\t\tdetails:\n\t\t\t\tcause?.message ||\n\t\t\t\t'The transaction could not be confirmed on the network.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class OrderNotFoundError extends TransactionError {\n\toverride name = 'OrderNotFoundError';\n\tconstructor(orderId: string) {\n\t\tsuper(`Order ${orderId} not found`, {\n\t\t\tdetails: 'The requested order could not be found in the marketplace.',\n\t\t});\n\t}\n}\n\nexport class MissingStepDataError extends TransactionError {\n\toverride name = 'MissingStepDataError';\n\tconstructor() {\n\t\tsuper('Step is missing required data', {\n\t\t\tdetails:\n\t\t\t\t'The transaction step is missing required \"to\" or \"signature\" data.',\n\t\t});\n\t}\n}\n\nexport class MissingSignatureDataError extends TransactionError {\n\toverride name = 'MissingSignatureDataError';\n\tconstructor() {\n\t\tsuper('Step is missing signature data', {\n\t\t\tdetails:\n\t\t\t\t'The signature step is missing required signature data configuration.',\n\t\t});\n\t}\n}\n\nexport class InvalidSignatureStepError extends TransactionError {\n\toverride name = 'InvalidSignatureStepError';\n\tconstructor(stepId: string) {\n\t\tsuper(`Invalid signature step type: ${stepId}`, {\n\t\t\tdetails: 'The signature step type is not supported.',\n\t\t});\n\t}\n}\n\nexport class MissingPostStepError extends TransactionError {\n\toverride name = 'MissingPostStepError';\n\tconstructor() {\n\t\tsuper('Missing post step configuration', {\n\t\t\tdetails:\n\t\t\t\t'The signature step is missing required post-step configuration.',\n\t\t});\n\t}\n}\n\nexport class UnexpectedStepsError extends TransactionError {\n\toverride name = 'UnexpectedStepsError';\n\tconstructor() {\n\t\tsuper('Unexpected steps found', {\n\t\t\tdetails: 'The transaction contains more steps than expected.',\n\t\t});\n\t}\n}\n\nexport class NoExecutionStepError extends TransactionError {\n\toverride name = 'NoExecutionStepError';\n\tconstructor() {\n\t\tsuper('No execution step found', {\n\t\t\tdetails: 'The transaction is missing the required execution step.',\n\t\t});\n\t}\n}\n\nexport class NoStepsFoundError extends TransactionError {\n\toverride name = 'NoStepsFoundError';\n\tconstructor() {\n\t\tsuper('No steps found', {\n\t\t\tdetails: 'The transaction contains no steps to execute.',\n\t\t});\n\t}\n}\n\nexport class UnknownTransactionTypeError extends TransactionError {\n\toverride name = 'UnknownTransactionTypeError';\n\tconstructor(type: string) {\n\t\tsuper(`Unknown transaction type: ${type}`, {\n\t\t\tdetails: 'The specified transaction type is not supported.',\n\t\t});\n\t}\n}\n\nexport class InvalidContractTypeError extends TransactionError {\n\toverride name = 'InvalidContractTypeError';\n\tconstructor(contractType: string | undefined) {\n\t\tsuper(`Invalid contract type: ${contractType}`, {\n\t\t\tdetails: 'The contract type must be either ERC721 or ERC1155.',\n\t\t});\n\t}\n}\n\nexport class CollectionNotFoundError extends TransactionError {\n\toverride name = 'CollectionNotFoundError';\n\tconstructor(collectionAddress: string) {\n\t\tsuper(`Collection not found: ${collectionAddress}`, {\n\t\t\tdetails:\n\t\t\t\t'The specified collection address could not be found in the marketplace configuration.',\n\t\t});\n\t}\n}\n\nexport class InvalidCurrencyOptionsError extends TransactionError {\n\toverride name = 'InvalidCurrencyOptionsError';\n\tconstructor(currencyOptions: Address[]) {\n\t\tsuper(`Invalid currency options: ${currencyOptions}`, {\n\t\t\tdetails:\n\t\t\t\t'The currency options must be an array of valid currency contract addresses.',\n\t\t});\n\t}\n}\n\nexport class ProjectNotFoundError extends TransactionError {\n\toverride name = 'ProjectNotFoundError';\n\tconstructor(projectId: string, url: string) {\n\t\tsuper('Project not found', {\n\t\t\tdetails: `Project id: ${projectId} not found at ${url}`,\n\t\t});\n\t}\n}\n\nexport class MarketplaceConfigFetchError extends TransactionError {\n\toverride name = 'MarketplaceConfigFetchError';\n\tconstructor(message: string) {\n\t\tsuper('Failed to fetch marketplace config', {\n\t\t\tdetails: message,\n\t\t});\n\t}\n}\n\nexport class MissingConfigError extends TransactionError {\n\toverride name = 'MissingConfigError';\n\tconstructor(configName: string) {\n\t\tsuper(`Missing required config: ${configName}`, {\n\t\t\tdetails: 'A required configuration parameter is missing.',\n\t\t});\n\t}\n}\n\nexport class TransactionValidationError extends TransactionError {\n\toverride name = 'TransactionValidationError';\n\tconstructor(reason: string) {\n\t\tsuper('Transaction validation failed', {\n\t\t\tdetails: reason,\n\t\t});\n\t}\n}\n\nexport class ChainIdUnavailableError extends TransactionError {\n\toverride name = 'ChainIdUnavailableError';\n\tconstructor() {\n\t\tsuper('Chain ID is not available', {\n\t\t\tdetails: 'Could not determine the current chain ID from the wallet.',\n\t\t});\n\t}\n}\n\nexport class TransactionReceiptError extends TransactionError {\n\toverride name = 'TransactionReceiptError';\n\tconstructor(hash: string, cause?: Error) {\n\t\tsuper(`Failed to get transaction receipt for ${hash}`, {\n\t\t\tdetails:\n\t\t\t\tcause?.message ||\n\t\t\t\t'Could not retrieve the transaction receipt from the network.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class PaymentModalTransactionError extends TransactionError {\n\toverride name = 'PaymentModalTransactionError';\n\tconstructor(hash: string, cause?: Error) {\n\t\tsuper(`Payment modal transaction failed for ${hash}`, {\n\t\t\tdetails:\n\t\t\t\tcause?.message ||\n\t\t\t\t'The transaction initiated from the payment modal failed.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class CheckoutOptionsError extends TransactionError {\n\toverride name = 'CheckoutOptionsError';\n\tconstructor(cause?: Error) {\n\t\tsuper('Failed to get checkout options', {\n\t\t\tdetails:\n\t\t\t\tcause?.message ||\n\t\t\t\t'Could not retrieve the checkout options from the marketplace.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class OrdersFetchError extends TransactionError {\n\toverride name = 'OrdersFetchError';\n\tconstructor(orderId: string, cause?: Error) {\n\t\tsuper(`Failed to fetch order ${orderId}`, {\n\t\t\tdetails:\n\t\t\t\tcause?.message ||\n\t\t\t\t'Could not retrieve the order details from the marketplace.',\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class SalesContractError extends TransactionError {\n\toverride name = 'SalesContractError';\n\tconstructor(contractAddress: string, method?: string, cause?: Error) {\n\t\tsuper(`Sales contract operation failed: ${contractAddress}`, {\n\t\t\tdetails: `Failed to interact with sales contract${\n\t\t\t\tmethod ? ` on method: ${method}` : ''\n\t\t\t}. ${cause?.message || 'Contract may be paused or misconfigured.'}`,\n\t\t\tcause,\n\t\t});\n\t}\n}\n\nexport class QuantityValidationError extends TransactionError {\n\toverride name = 'QuantityValidationError';\n\tconstructor(provided: number, available: number, tokenId?: string) {\n\t\tsuper(`Invalid quantity: ${provided}`, {\n\t\t\tdetails: `Requested quantity (${provided}) exceeds available supply (${available})${\n\t\t\t\ttokenId ? ` for token ${tokenId}` : ''\n\t\t\t}.`,\n\t\t});\n\t}\n}\n\nexport class ShopDataValidationError extends TransactionError {\n\toverride name = 'ShopDataValidationError';\n\tconstructor(missingField: string) {\n\t\tsuper(`Invalid shop configuration: missing ${missingField}`, {\n\t\t\tdetails: `The shop is missing required field: ${missingField}. Check your marketplace configuration.`,\n\t\t});\n\t}\n}\n\nexport type TransactionErrorTypes =\n\t| ChainIdUnavailableError\n\t| TransactionReceiptError\n\t| PaymentModalTransactionError\n\t| CheckoutOptionsError\n\t| OrdersFetchError\n\t| TransactionConfirmationError\n\t| TransactionValidationError\n\t| MissingConfigError\n\t| MarketplaceConfigFetchError\n\t| ProjectNotFoundError\n\t| CollectionNotFoundError\n\t| InvalidCurrencyOptionsError\n\t| InvalidContractTypeError\n\t| UnknownTransactionTypeError\n\t| NoStepsFoundError\n\t| NoExecutionStepError\n\t| UnexpectedStepsError\n\t| MissingPostStepError\n\t| InvalidSignatureStepError\n\t| MissingSignatureDataError\n\t| MissingStepDataError\n\t| OrderNotFoundError\n\t| TransactionConfirmationError\n\t| InvalidStepError\n\t| PaymentModalError\n\t| StepGenerationError\n\t| StepExecutionError\n\t| UserRejectedRequestError\n\t| NoMarketplaceConfigError\n\t| InsufficientFundsError\n\t| ChainSwitchUserRejectedError\n\t| ChainSwitchError\n\t| TransactionSignatureError\n\t| TransactionExecutionError\n\t| NoWalletConnectedError\n\t| TransactionError\n\t| SalesContractError\n\t| QuantityValidationError\n\t| ShopDataValidationError;\n"],"mappings":";AAQA,IAAa,YAAb,cAA+B,MAAM;CACpC;CACA;CAEA,OAAO;CAEP,YAAYA,cAAsBC,UAA4B,CAAE,GAAE;EACjE,OAAO;EAEP,MAAM,UAAU,aAAa,UAAU,QAAQ,UAAU;EACzD,KAAK,UAAU;GACd,gBAAgB;GAChB;GACA,GAAI,UAAU,CAAC,CAAC,SAAS,EAAE,SAAS,AAAC,IAAG,CAAE;EAC1C,EAAC,KAAK,KAAK;AAEZ,MAAI,WAAW,WAAW,QAAQ,OACjC,KAAK,QAAQ,QAAQ;EAGtB,KAAK,UAAU,WAAW;EAC1B,KAAK,eAAe;CACpB;AACD;;;;ACzBD,IAAa,mBAAb,cAAsC,UAAU;CAC/C,AAAS,OAAO;AAChB;AAED,IAAa,mBAAb,cAAsC,iBAAiB;CACtD,AAAS,OAAO;CAChB,YAAYC,gBAAwBC,eAAuB;EAC1D,MACC,CAAC,8BAA8B,EAAE,eAAe,IAAI,EAAE,eAAe,EACrE,EACC,SACC,gGACD,EACD;CACD;AACD;AAED,IAAa,+BAAb,cAAkD,iBAAiB;CAClE,AAAS,OAAO;CAChB,cAAc;EACb,MAAM,8BAA8B,EACnC,SAAS,8CACT,EAAC;CACF;AACD;AAED,IAAa,4BAAb,cAA+C,iBAAiB;CAC/D,AAAS,OAAO;CAChB,YAAYC,QAAgBC,OAAe;EAC1C,MAAM,CAAC,oCAAoC,EAAE,QAAQ,EAAE;GACtD,SACC,OAAO,WACP;GACD;EACA,EAAC;CACF;AACD;AAED,IAAa,4BAAb,cAA+C,iBAAiB;CAC/D,AAAS,OAAO;CAChB,YAAYD,QAAgBC,OAAe;EAC1C,MAAM,CAAC,iCAAiC,EAAE,QAAQ,EAAE;GACnD,SACC,OAAO,WACP;GACD;EACA,EAAC;CACF;AACD;AAED,IAAa,yBAAb,cAA4C,iBAAiB;CAC5D,AAAS,OAAO;CAChB,cAAc;EACb,MAAM,uBAAuB,EAC5B,SAAS,iEACT,EAAC;CACF;AACD;AAYD,IAAa,2BAAb,cAA8C,iBAAiB;CAC9D,AAAS,OAAO;CAChB,cAAc;EACb,MAAM,6BAA6B,EAClC,SAAS,0DACT,EAAC;CACF;AACD;AAgKD,IAAa,2BAAb,cAA8C,iBAAiB;CAC9D,AAAS,OAAO;CAChB,YAAYC,cAAkC;EAC7C,MAAM,CAAC,uBAAuB,EAAE,cAAc,EAAE,EAC/C,SAAS,sDACT,EAAC;CACF;AACD;AAwCD,IAAa,qBAAb,cAAwC,iBAAiB;CACxD,AAAS,OAAO;CAChB,YAAYC,YAAoB;EAC/B,MAAM,CAAC,yBAAyB,EAAE,YAAY,EAAE,EAC/C,SAAS,iDACT,EAAC;CACF;AACD"}

package/dist/types-G2PWxiJR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types-G2PWxiJR.js","names":[],"sources":["../src/types/types.ts"],"sourcesContent":["import type { Currency } from './api-types';\nimport type { MarketplaceConfig } from './new-marketplace-types';\n\nexport * from './new-marketplace-types';\n\nexport type Price = {\n\tamountRaw: string;\n\tcurrency: Currency;\n};\n\nexport type MarketplaceType = 'market' | 'shop';\n\nexport enum CollectibleCardAction {\n\tBUY = 'Buy',\n\tSELL = 'Sell',\n\tLIST = 'Create listing',\n\tOFFER = 'Make an offer',\n\tTRANSFER = 'Transfer',\n}\n\nexport type MarketCollection =\n\tMarketplaceConfig['market']['collections'][number];\n\nexport type ShopCollection = MarketplaceConfig['shop']['collections'][number];\n\n// export type Order = Omit<APIOrder, 'priceAmount' | 'priceAmountNet'> & {\n// \tpriceAmount: bigint;\n// \tpriceAmountNet: bigint;\n// };\n"],"mappings":";AAYA,IAAY,0EAAL;;;;;;;AAMN"}

package/dist/utils-CKJd-CRf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-CKJd-CRf.js","names":["address: string","text: string | undefined","truncateAt: number","MARKETPLACES: Record<string, Marketplace>","KIND_TO_MARKETPLACE: Partial<\n\tRecord<MarketplaceKind, keyof typeof MARKETPLACES>\n>","url: string","network: NetworkConfig","amount: bigint","decimals: number","fees: number[]","feePercentage: number"],"sources":["../src/utils/address.ts","../src/utils/cn.ts","../src/utils/getMarketplaceDetails.ts","../src/utils/networkconfigToWagmiChain.ts","../src/utils/price.ts"],"sourcesContent":["export const truncateMiddle = (\n\taddress: string,\n\tminPrefix = 20,\n\tminSuffix = 3,\n): string => {\n\tif (minPrefix + minSuffix >= 40) {\n\t\treturn address;\n\t}\n\treturn `${address.substring(0, 2 + minPrefix)}…${address.substring(address.length - minSuffix)}`;\n};\n\nexport const truncateEnd = (text: string | undefined, truncateAt: number) => {\n\tif (!text) return '';\n\n\tlet finalText = text;\n\n\tif (text.length >= truncateAt) {\n\t\tfinalText = `${text.slice(0, truncateAt)}...`;\n\t}\n\n\treturn finalText;\n};\n\nexport const compareAddress = (a = '', b = '') => {\n\treturn a.toLowerCase() === b.toLowerCase();\n};\n","import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n","import type { Image } from '@0xsequence/design-system';\nimport type { ComponentType } from 'react';\nimport {\n\tAlienSwapLogo,\n\tBlurLogo,\n\tLooksRareLogo,\n\tMagicEdenLogo,\n\tMintifyLogo,\n\tOpenSeaLogo,\n\tSequenceLogo,\n\tX2y2Logo,\n} from '../react/ui/components/marketplace-logos';\nimport { MarketplaceKind } from '../types';\n\ninterface Marketplace {\n\tlogo: ComponentType<React.ComponentProps<typeof Image>>;\n\tdisplayName: string;\n}\n\nconst MARKETPLACES: Record<string, Marketplace> = {\n\tsequence: {\n\t\tlogo: SequenceLogo,\n\t\tdisplayName: 'Sequence',\n\t},\n\topensea: {\n\t\tlogo: OpenSeaLogo,\n\t\tdisplayName: 'OpenSea',\n\t},\n\tmagiceden: {\n\t\tlogo: MagicEdenLogo,\n\t\tdisplayName: 'Magic Eden',\n\t},\n\tmintify: {\n\t\tlogo: MintifyLogo,\n\t\tdisplayName: 'Mintify',\n\t},\n\tlooksrare: {\n\t\tlogo: LooksRareLogo,\n\t\tdisplayName: 'Looks Rare',\n\t},\n\tx2y2: {\n\t\tlogo: X2y2Logo,\n\t\tdisplayName: 'X2Y2',\n\t},\n\tblur: {\n\t\tlogo: BlurLogo,\n\t\tdisplayName: 'Blur',\n\t},\n\talienswap: {\n\t\tlogo: AlienSwapLogo,\n\t\tdisplayName: 'AlienSwap',\n\t},\n} as const;\n\nconst KIND_TO_MARKETPLACE: Partial<\n\tRecord<MarketplaceKind, keyof typeof MARKETPLACES>\n> = {\n\t[MarketplaceKind.sequence_marketplace_v1]: 'sequence',\n\t[MarketplaceKind.sequence_marketplace_v2]: 'sequence',\n\t[MarketplaceKind.opensea]: 'opensea',\n\t[MarketplaceKind.mintify]: 'mintify',\n\t[MarketplaceKind.looks_rare]: 'looksrare',\n\t[MarketplaceKind.x2y2]: 'x2y2',\n\t[MarketplaceKind.blur]: 'blur',\n\t[MarketplaceKind.magic_eden]: 'magiceden',\n};\n\ntype MarketplaceDetailsProp = {\n\toriginName: string;\n\tkind: MarketplaceKind;\n};\n\n// TODO: add support for more marketplaces and improve detection of marketplace\nexport function getMarketplaceDetails({\n\toriginName,\n\tkind,\n}: MarketplaceDetailsProp) {\n\tif (\n\t\tkind === MarketplaceKind.sequence_marketplace_v1 ||\n\t\tkind === MarketplaceKind.sequence_marketplace_v2\n\t) {\n\t\treturn MARKETPLACES.sequence;\n\t}\n\n\tlet name = originName.toLowerCase();\n\n\ttry {\n\t\t//Check if the name can be parsed as a url\n\t\tnew URL(name);\n\t\t// if it can we are naively trying to extract the root domain\n\t\tname = getRootDomain(name) || name;\n\t} catch {}\n\n\tname = name.replace(/ /g, '');\n\n\tconst details = MARKETPLACES[name];\n\n\tif (details) {\n\t\treturn details;\n\t}\n\n\tif (KIND_TO_MARKETPLACE[kind]) {\n\t\treturn MARKETPLACES[KIND_TO_MARKETPLACE[kind]];\n\t}\n}\n\nfunction getRootDomain(url: string) {\n\tconst domain = url.replace(/^(https?:\\/\\/)?(www\\.)?/, '');\n\tconst parts = domain.split('.');\n\treturn parts[parts.length - 2] || parts[0];\n}\n","import type { NetworkConfig } from '@0xsequence/network';\nimport type { Chain } from 'viem';\n\nexport const networkToWagmiChain = (network: NetworkConfig): Chain => ({\n\t...network,\n\tid: Number(network.chainId),\n\tname: network.name,\n\tnativeCurrency: { ...network.nativeToken },\n\trpcUrls: {\n\t\tdefault: {\n\t\t\thttp: [network.rpcUrl],\n\t\t},\n\t\tpublic: {\n\t\t\thttp: [network.rpcUrl],\n\t\t},\n\t},\n});\n","import * as dn from 'dnum';\nimport { formatUnits } from 'viem';\n\ntype CalculatePriceDifferencePercentageArgs = {\n\tinputPriceRaw: bigint;\n\tbasePriceRaw: bigint;\n\tdecimals: number;\n};\n\n/**\n * Calculates the percentage difference between two prices\n * @param args - Object containing input price, base price, and decimals\n * @returns The percentage difference as a string with 2 decimal places\n * @example\n * ```ts\n * const diff = calculatePriceDifferencePercentage({\n *   inputPriceRaw: 1000000n,\n *   basePriceRaw: 900000n,\n *   decimals: 6\n * }); // Returns \"11.11\"\n * ```\n */\nexport const calculatePriceDifferencePercentage = ({\n\tinputPriceRaw,\n\tbasePriceRaw,\n\tdecimals,\n}: CalculatePriceDifferencePercentageArgs) => {\n\tconst inputPrice = Number(formatUnits(inputPriceRaw, decimals));\n\tconst basePrice = Number(formatUnits(basePriceRaw, decimals));\n\tconst difference = inputPrice - basePrice;\n\tconst percentageDifference = (difference / basePrice) * 100;\n\n\treturn percentageDifference.toFixed(2);\n};\n\n/**\n * Formats a raw price amount with the specified number of decimal places\n * @param amount - The raw price amount as a bigint\n * @param decimals - Number of decimal places to format to\n * @returns Formatted price string with proper decimal and thousands separators\n * @example\n * ```ts\n * const formatted = formatPrice(1000000n, 6); // Returns \"1.000000\"\n * ```\n */\nexport const formatPrice = (amount: bigint, decimals: number): string => {\n\tconst formattedUnits = Number(formatUnits(amount, decimals));\n\treturn formattedUnits.toLocaleString('en-US', {\n\t\tminimumFractionDigits: 0,\n\t\tmaximumFractionDigits: decimals,\n\t});\n};\n\n/**\n * Calculates the final earnings amount after applying multiple fee percentages\n * @param amount - The raw amount as a bigint (e.g., from a blockchain transaction)\n * @param decimals - The number of decimal places for the currency (e.g., 18 for ETH, 6 for USDC)\n * @param fees - Array of fee percentages to apply (e.g., [2.5, 1.0] for 2.5% and 1% fees)\n * @returns Formatted string representing the final earnings after all fees are applied\n * @throws Will return '0' if there's an error in calculation\n * @example\n * ```ts\n * const earnings = calculateEarningsAfterFees(\n *   1000000000000000000n, // 1 ETH\n *   18,                   // ETH decimals\n *   [2.5, 1.0]           // 2.5% and 1% fees\n * ); // Returns \"0.96525\" (1 ETH after 2.5% and 1% fees)\n * ```\n */\nexport const calculateEarningsAfterFees = (\n\tamount: bigint,\n\tdecimals: number,\n\tfees: number[],\n): string => {\n\ttry {\n\t\tconst decimalAmount = Number(formatUnits(amount, decimals));\n\t\tlet earnings = dn.from(decimalAmount.toString(), decimals);\n\n\t\tfor (const fee of fees) {\n\t\t\tif (fee > 0) {\n\t\t\t\tconst feeMultiplier = dn.from((1 - fee / 100).toString(), decimals);\n\t\t\t\tearnings = dn.multiply(earnings, feeMultiplier);\n\t\t\t}\n\t\t}\n\n\t\treturn dn.format(earnings, {\n\t\t\tdigits: decimals,\n\t\t\ttrailingZeros: false,\n\t\t\tlocale: 'en-US',\n\t\t});\n\t} catch (error) {\n\t\tconsole.error('Error calculating earnings after fees:', error);\n\t\treturn '0';\n\t}\n};\n\n/**\n * Formats a price amount with fee applied\n * @param amount - The raw price amount as a bigint\n * @param decimals - Number of decimal places for the currency\n * @param feePercentage - Fee percentage to apply (e.g., 3.5 for 3.5%)\n * @returns Formatted price string with fee applied and proper decimal/thousands separators\n * @example\n * ```ts\n * const priceWithFee = formatPriceWithFee(1000000n, 6, 3.5); // Returns \"1.035\"\n * ```\n */\nexport const formatPriceWithFee = (\n\tamount: bigint,\n\tdecimals: number,\n\tfeePercentage: number,\n): string => {\n\ttry {\n\t\tconst decimalAmount = Number(formatUnits(amount, decimals));\n\t\tconst price = dn.from(decimalAmount.toString(), decimals);\n\t\tconst feeMultiplier = dn.from(\n\t\t\t(1 + feePercentage / 100).toString(),\n\t\t\tdecimals,\n\t\t);\n\t\tconst totalPrice = dn.multiply(price, feeMultiplier);\n\n\t\treturn dn.format(totalPrice, {\n\t\t\tdigits: decimals,\n\t\t\ttrailingZeros: false,\n\t\t\tlocale: 'en-US',\n\t\t});\n\t} catch (error) {\n\t\tconsole.error('Error formatting price with fee:', error);\n\t\treturn '0';\n\t}\n};\n"],"mappings":"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"}

package/dist/utils-wquIhK6T.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-wquIhK6T.js","names":["amount: string","decimals: number"],"sources":["../src/react/ui/components/marketplace-collectible-card/utils/formatPrice.ts","../src/react/ui/components/marketplace-collectible-card/utils/supplyStatus.ts"],"sourcesContent":["import { formatUnits } from 'viem';\n\nexport const OVERFLOW_PRICE = 100000000;\nexport const UNDERFLOW_PRICE = 0.0001;\n\nexport const formatPriceNumber = (\n\tamount: string,\n\tdecimals: number,\n): {\n\tformattedNumber: string;\n\tisUnderflow: boolean;\n\tisOverflow: boolean;\n} => {\n\tconst formattedPrice = formatUnits(BigInt(amount), decimals);\n\tconst numericPrice = Number.parseFloat(formattedPrice);\n\n\tif (numericPrice < UNDERFLOW_PRICE) {\n\t\treturn {\n\t\t\tformattedNumber: UNDERFLOW_PRICE.toString(),\n\t\t\tisUnderflow: true,\n\t\t\tisOverflow: false,\n\t\t};\n\t}\n\n\tif (numericPrice > OVERFLOW_PRICE) {\n\t\treturn {\n\t\t\tformattedNumber: OVERFLOW_PRICE.toLocaleString('en-US', {\n\t\t\t\tmaximumFractionDigits: 2,\n\t\t\t}),\n\t\t\tisUnderflow: false,\n\t\t\tisOverflow: true,\n\t\t};\n\t}\n\n\tconst maxDecimals = numericPrice < 0.01 ? 6 : 4;\n\n\treturn {\n\t\tformattedNumber: numericPrice.toLocaleString('en-US', {\n\t\t\tminimumFractionDigits: 0,\n\t\t\tmaximumFractionDigits: maxDecimals,\n\t\t}),\n\t\tisUnderflow: false,\n\t\tisOverflow: false,\n\t};\n};\n","import { ContractType } from '../../../../_internal';\n\nexport const getSupplyStatusText = ({\n\tquantityRemaining,\n\tcollectionType,\n\tunlimitedSupply,\n}: {\n\tquantityRemaining: string | undefined;\n\tcollectionType: ContractType;\n\tunlimitedSupply?: boolean;\n}): string => {\n\tif (unlimitedSupply) {\n\t\treturn 'Unlimited Supply';\n\t}\n\n\tif (\n\t\tcollectionType === ContractType.ERC721 &&\n\t\tquantityRemaining === undefined\n\t) {\n\t\treturn 'Out of stock';\n\t}\n\n\tif (\n\t\tcollectionType === ContractType.ERC1155 &&\n\t\t!unlimitedSupply &&\n\t\tquantityRemaining === '0'\n\t) {\n\t\treturn 'Out of stock';\n\t}\n\n\tif (quantityRemaining && Number(quantityRemaining) > 0) {\n\t\treturn `Supply: ${quantityRemaining}`;\n\t}\n\n\treturn 'Out of stock';\n};\n"],"mappings":";;;;AAEA,MAAa,iBAAiB;AAC9B,MAAa,kBAAkB;AAE/B,MAAa,oBAAoB,CAChCA,QACAC,aAKI;CACJ,MAAM,iBAAiB,YAAY,OAAO,OAAO,EAAE,SAAS;CAC5D,MAAM,eAAe,OAAO,WAAW,eAAe;AAEtD,KAAI,eAAe,gBAClB,QAAO;EACN,iBAAiB,gBAAgB,UAAU;EAC3C,aAAa;EACb,YAAY;CACZ;AAGF,KAAI,eAAe,eAClB,QAAO;EACN,iBAAiB,eAAe,eAAe,SAAS,EACvD,uBAAuB,EACvB,EAAC;EACF,aAAa;EACb,YAAY;CACZ;CAGF,MAAM,cAAc,eAAe,MAAO,IAAI;AAE9C,QAAO;EACN,iBAAiB,aAAa,eAAe,SAAS;GACrD,uBAAuB;GACvB,uBAAuB;EACvB,EAAC;EACF,aAAa;EACb,YAAY;CACZ;AACD;;;;AC1CD,MAAa,sBAAsB,CAAC,EACnC,mBACA,gBACA,iBAKA,KAAa;AACb,KAAI,gBACH,QAAO;AAGR,KACC,mBAAmB,aAAa,UAChC,sBAAsB,OAEtB,QAAO;AAGR,KACC,mBAAmB,aAAa,WAChC,CAAC,mBACD,sBAAsB,IAEtB,QAAO;AAGR,KAAI,qBAAqB,OAAO,kBAAkB,GAAG,EACpD,QAAO,CAAC,QAAQ,EAAE,mBAAmB;AAGtC,QAAO;AACP"}

package/src/react/hooks/utils/useSwitchChainWithModal.ts

@@ -1,38 +0,0 @@
-import { useSwitchChain } from 'wagmi';
-import { ChainSwitchUserRejectedError } from '../../../utils/_internal/error/transaction';
-import { useSwitchChainModal } from '../../ui/modals/_internal/components/switchChainModal';
-import { useConnectorMetadata } from '../config/useConnectorMetadata';
-
-export const useSwitchChainWithModal = () => {
-	const { show: showSwitchChainModal } = useSwitchChainModal();
-	const { isWaaS } = useConnectorMetadata();
-	const { switchChainAsync } = useSwitchChain();
-
-	return {
-		switchChainWithModal: async (
-			currentChainId: number,
-			targetChainId: number,
-		) => {
-			const chainIdMismatch = currentChainId !== Number(targetChainId);
-
-			return new Promise((resolve, reject) => {
-				if (chainIdMismatch) {
-					if (isWaaS) {
-						switchChainAsync({ chainId: targetChainId })
-							.then(resolve)
-							.catch(reject);
-					} else {
-						showSwitchChainModal({
-							chainIdToSwitchTo: targetChainId,
-							onSuccess: () => resolve({ chainId: targetChainId }),
-							onError: (error) => reject(error),
-							onClose: () => reject(new ChainSwitchUserRejectedError()),
-						});
-					}
-				} else {
-					resolve({ chainId: targetChainId });
-				}
-			});
-		},
-	};
-};

package/src/react/ui/components/marketplace-collectible-card/Footer.tsx

@@ -1,238 +0,0 @@
-'use client';
-
-import {
-	ChevronLeftIcon,
-	ChevronRightIcon,
-	cn,
-	IconButton,
-	Image,
-	Text,
-} from '@0xsequence/design-system';
-import { formatUnits } from 'viem';
-import type { MarketplaceType } from '../../../../types';
-import { ContractType, type Currency, type Order } from '../../../_internal';
-import SvgBellIcon from '../../icons/BellIcon';
-import { formatPriceNumber, getSupplyStatusText } from './utils';
-
-const formatPrice = (amount: string, currency: Currency): React.ReactNode => {
-	const { formattedNumber, isUnderflow, isOverflow } = formatPriceNumber(
-		amount,
-		currency.decimals,
-	);
-	const isFree = amount === '0';
-
-	if (isFree) {
-		return <Text>Free</Text>;
-	}
-
-	if (isUnderflow) {
-		return (
-			<div className="flex items-center">
-				<ChevronLeftIcon className="h-3 w-3 text-text-100" />
-				<Text>{`${formattedNumber} ${currency.symbol}`}</Text>
-			</div>
-		);
-	}
-
-	if (isOverflow) {
-		return (
-			<div className="flex items-center">
-				<ChevronRightIcon className="h-3 w-3 text-text-100" />
-				<Text>{`${formattedNumber} ${currency.symbol}`}</Text>
-			</div>
-		);
-	}
-
-	return (
-		<div className="flex items-center gap-1">
-			<Text>
-				{formattedNumber} {currency.symbol}
-			</Text>
-		</div>
-	);
-};
-
-type FooterProps = {
-	name: string;
-	type?: ContractType;
-	decimals?: number;
-	onOfferClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-	highestOffer?: Order;
-	lowestListingPriceAmount?: string;
-	lowestListingCurrency?: Currency;
-	balance?: string;
-	quantityInitial: string | undefined;
-	quantityRemaining: string | undefined;
-	unlimitedSupply?: boolean;
-	marketplaceType: MarketplaceType;
-	salePriceAmount?: string;
-	salePriceCurrency?: Currency;
-};
-
-export const Footer = ({
-	name,
-	type,
-	decimals,
-	onOfferClick,
-	highestOffer,
-	lowestListingPriceAmount,
-	lowestListingCurrency,
-	balance,
-	quantityInitial,
-	quantityRemaining,
-	unlimitedSupply,
-	marketplaceType,
-	salePriceAmount,
-	salePriceCurrency,
-}: FooterProps) => {
-	const listed = !!lowestListingPriceAmount && !!lowestListingCurrency;
-	const isShop = marketplaceType === 'shop';
-	const isMarketplace = marketplaceType === 'market';
-
-	const displayName = (() => {
-		if (name.length > 15 && highestOffer && !isShop) {
-			return `${name.substring(0, 13)}...`;
-		}
-		if (name.length > 17 && !highestOffer && !isShop) {
-			return `${name.substring(0, 17)}...`;
-		}
-		return name;
-	})();
-
-	return (
-		<div className="relative flex flex-col items-start gap-2 whitespace-nowrap bg-background-primary p-4">
-			<div className="relative flex w-full items-center justify-between">
-				<Text
-					className={cn(
-						'overflow-hidden text-ellipsis text-left font-body font-bold text-sm text-text-100',
-						isShop &&
-							(quantityInitial === undefined ||
-								quantityRemaining === undefined) &&
-							'text-text-50',
-					)}
-				>
-					{displayName || 'Untitled'}
-				</Text>
-
-				{highestOffer && onOfferClick && !isShop && (
-					<IconButton
-						className="absolute top-0 right-0 h-[22px] w-[22px] hover:animate-bell-ring"
-						size="xs"
-						variant="primary"
-						onClick={(e) => {
-							onOfferClick?.(e);
-						}}
-						icon={(props) => <SvgBellIcon {...props} size="xs" />}
-					/>
-				)}
-			</div>
-
-			<div
-				className={cn(
-					'flex items-center gap-1',
-					isShop && !salePriceAmount && 'hidden',
-					isShop && type === ContractType.ERC721 && 'hidden',
-				)}
-			>
-				{((isMarketplace && listed && lowestListingCurrency?.imageUrl) ||
-					(isShop && salePriceCurrency && salePriceCurrency.imageUrl)) && (
-					<Image
-						alt={lowestListingCurrency?.symbol || salePriceCurrency?.symbol}
-						className="h-3 w-3"
-						src={lowestListingCurrency?.imageUrl || salePriceCurrency?.imageUrl}
-						onError={(e) => {
-							e.currentTarget.style.display = 'none';
-						}}
-					/>
-				)}
-
-				<Text
-					className={cn(
-						'text-left font-body font-bold text-sm',
-						listed && isMarketplace ? 'text-text-100' : 'text-text-50',
-						isShop &&
-							salePriceAmount &&
-							salePriceCurrency &&
-							type === ContractType.ERC1155 &&
-							'text-text-100',
-					)}
-				>
-					{listed &&
-						isMarketplace &&
-						formatPrice(lowestListingPriceAmount, lowestListingCurrency)}
-
-					{!listed && isMarketplace && 'Not listed yet'}
-
-					{isShop &&
-						salePriceAmount &&
-						salePriceCurrency &&
-						type === ContractType.ERC1155 &&
-						formatPrice(salePriceAmount, salePriceCurrency)}
-				</Text>
-			</div>
-
-			{isShop && (
-				<SaleDetailsPill
-					quantityRemaining={quantityRemaining}
-					collectionType={type as ContractType}
-					unlimitedSupply={unlimitedSupply}
-				/>
-			)}
-
-			{isShop && !salePriceAmount && <div className="h-5 w-full" />}
-
-			{isMarketplace && (
-				<TokenTypeBalancePill
-					balance={balance}
-					type={type as ContractType}
-					decimals={decimals}
-				/>
-			)}
-		</div>
-	);
-};
-
-const TokenTypeBalancePill = ({
-	balance,
-	type,
-	decimals,
-}: {
-	balance?: string;
-	type: ContractType;
-	decimals?: number;
-}) => {
-	const displayText =
-		type === ContractType.ERC1155
-			? balance
-				? `Owned: ${formatUnits(BigInt(balance), decimals ?? 0)}`
-				: 'ERC-1155'
-			: 'ERC-721';
-
-	return (
-		<Text className="rounded-lg bg-background-secondary px-2 py-1 text-left font-medium text-text-80 text-xs">
-			{displayText}
-		</Text>
-	);
-};
-
-const SaleDetailsPill = ({
-	quantityRemaining,
-	collectionType,
-	unlimitedSupply,
-}: {
-	quantityRemaining: string | undefined;
-	collectionType: ContractType;
-	unlimitedSupply?: boolean;
-}) => {
-	const supplyText = getSupplyStatusText({
-		quantityRemaining,
-		collectionType,
-		unlimitedSupply,
-	});
-
-	return (
-		<Text className="rounded-lg bg-background-secondary px-2 py-1 text-left font-medium text-text-80 text-xs">
-			{supplyText}
-		</Text>
-	);
-};

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

@@ -1,117 +0,0 @@
-import {
-	fireEvent,
-	render,
-	renderHook,
-	screen,
-	wagmiConfig,
-	waitFor,
-} from '@test';
-import { beforeEach, describe, expect, test, vi } from 'vitest';
-import { useChainId } from 'wagmi';
-import SwitchChainModal, { useSwitchChainModal } from '../index';
-import { switchChainModalStore } from '../store';
-
-const chainToSwitchTo = wagmiConfig.chains[1];
-
-describe('SwitchChainModal', () => {
-	beforeEach(() => {
-		// Reset store to initial state
-		switchChainModalStore.send({ type: 'close' });
-	});
-
-	test('opens switch chain modal with correct chain', async () => {
-		const { result } = renderHook(() => useSwitchChainModal());
-
-		result.current.show({ chainIdToSwitchTo: chainToSwitchTo.id });
-		render(<SwitchChainModal />);
-
-		await waitFor(() => {
-			const titleElement = screen.getByText('Wrong network');
-			expect(titleElement).toBeInTheDocument();
-		});
-
-		const titleElement = await screen.findByText('Wrong network');
-		expect(titleElement).toBeInTheDocument();
-
-		const messageElement = await screen.findByText(
-			`You need to switch to ${chainToSwitchTo.name} network before completing the transaction`,
-		);
-		expect(messageElement).toBeInTheDocument();
-
-		const buttonElement = await screen.findByRole('button', {
-			name: /switch network/i,
-		});
-		expect(buttonElement).toBeInTheDocument();
-	});
-
-	test('closes switch chain modal using close callback', async () => {
-		const { result } = renderHook(() => useSwitchChainModal());
-
-		result.current.show({ chainIdToSwitchTo: chainToSwitchTo.id });
-		render(<SwitchChainModal />);
-
-		result.current.close();
-
-		const titleElement = screen.queryByText('Wrong network');
-		await waitFor(() => {
-			expect(titleElement).not.toBeInTheDocument();
-		});
-	});
-
-	test('clicking Switch Network button triggers chain switch', async () => {
-		render(<SwitchChainModal />);
-		const { show } = useSwitchChainModal();
-
-		show({ chainIdToSwitchTo: chainToSwitchTo.id });
-
-		const switchButton = await screen.findByRole('button', {
-			name: /switch network/i,
-		});
-		expect(switchButton).toBeInTheDocument();
-
-		fireEvent.click(switchButton);
-
-		await waitFor(() => {
-			const chainId = renderHook(() => useChainId()).result.current;
-			expect(chainId).toBe(chainToSwitchTo.id);
-		});
-	});
-
-	test('shows spinner while switching chain', async () => {
-		// Open modal and set isSwitching to true
-		switchChainModalStore.send({
-			type: 'open',
-			chainIdToSwitchTo: chainToSwitchTo.id,
-		});
-		switchChainModalStore.send({
-			type: 'setSwitching',
-			isSwitching: true,
-		});
-
-		render(<SwitchChainModal />);
-
-		const spinner = screen.getByTestId('switch-chain-spinner');
-		expect(spinner).toBeInTheDocument();
-	});
-
-	test('shows error message when chain switch fails', async () => {
-		const mockOnError = vi.fn();
-		const { result } = renderHook(() => useSwitchChainModal());
-
-		result.current.show({
-			// @ts-expect-error - invalid chain id to trigger error
-			chainIdToSwitchTo: 'invalid-chain-id',
-			onError: mockOnError,
-		});
-		render(<SwitchChainModal />);
-
-		const button = await screen.findByRole('button', {
-			name: /switch network/i,
-		});
-		fireEvent.click(button);
-
-		await waitFor(() => {
-			expect(mockOnError).toHaveBeenCalledOnce();
-		});
-	});
-});

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

@@ -1,124 +0,0 @@
-'use client';
-
-import { Button, Modal, Spinner, Text } from '@0xsequence/design-system';
-import type { SwitchChainError } from 'viem';
-import { useSwitchChain } from 'wagmi';
-import { getPresentableChainName } from '../../../../../../utils/network';
-import AlertMessage from '../alertMessage';
-import { MODAL_OVERLAY_PROPS } from '../consts';
-import {
-	switchChainModalStore,
-	useChainIdToSwitchTo,
-	useIsOpen,
-	useIsSwitching,
-	useOnClose,
-	useOnError,
-	useOnSuccess,
-} from './store';
-
-export type ShowSwitchChainModalArgs = {
-	chainIdToSwitchTo: number;
-	onSuccess?: () => void;
-	onError?: (error: SwitchChainError) => void;
-	onClose?: () => void;
-};
-
-export const useSwitchChainModal = () => {
-	return {
-		show: (args: ShowSwitchChainModalArgs) =>
-			switchChainModalStore.send({ type: 'open', ...args }),
-		close: () => switchChainModalStore.send({ type: 'close' }),
-	};
-};
-
-const SwitchChainModal = () => {
-	const isOpen = useIsOpen();
-	const chainIdToSwitchTo = useChainIdToSwitchTo();
-	const isSwitching = useIsSwitching();
-	const onSuccess = useOnSuccess();
-	const onError = useOnError();
-	const onClose = useOnClose();
-
-	const chainName = chainIdToSwitchTo
-		? getPresentableChainName(chainIdToSwitchTo)
-		: '';
-	const { switchChainAsync } = useSwitchChain();
-
-	async function handleSwitchChain() {
-		switchChainModalStore.send({ type: 'setSwitching', isSwitching: true });
-
-		try {
-			if (!chainIdToSwitchTo) return;
-			await switchChainAsync({ chainId: Number(chainIdToSwitchTo) });
-
-			if (onSuccess && typeof onSuccess === 'function') {
-				onSuccess();
-			}
-
-			switchChainModalStore.send({ type: 'close' });
-		} catch (error) {
-			if (error instanceof Error && onError && typeof onError === 'function') {
-				onError(error as SwitchChainError);
-			}
-		} finally {
-			switchChainModalStore.send({ type: 'setSwitching', isSwitching: false });
-		}
-	}
-
-	const handleClose = () => {
-		if (onClose && typeof onClose === 'function') {
-			onClose();
-		}
-		switchChainModalStore.send({ type: 'close' });
-	};
-
-	if (!isOpen || !chainIdToSwitchTo) return null;
-
-	return (
-		<Modal
-			isDismissible={true}
-			onClose={handleClose}
-			disableAnimation
-			size="sm"
-			overlayProps={MODAL_OVERLAY_PROPS}
-		>
-			<div className="grid flex-col gap-6 p-7">
-				<Text className="text-xl" fontWeight="bold" color="text100">
-					Wrong network
-				</Text>
-
-				<AlertMessage
-					type="warning"
-					message={`You need to switch to ${chainName} network before completing the transaction`}
-				/>
-
-				<Button
-					className={`${
-						isSwitching
-							? 'flex w-[147px] items-center justify-center [&>div]:justify-center'
-							: 'w-[147px]'
-					} flex justify-self-end`}
-					name="switch-chain"
-					id="switch-chain-button"
-					size="sm"
-					label={
-						isSwitching ? (
-							<div data-testid="switch-chain-spinner">
-								<Spinner className="spinner" />
-							</div>
-						) : (
-							'Switch Network'
-						)
-					}
-					variant="primary"
-					pending={isSwitching}
-					shape="square"
-					onClick={handleSwitchChain}
-					data-testid="switch-chain-button"
-				/>
-			</div>
-		</Modal>
-	);
-};
-
-export default SwitchChainModal;

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

@@ -1,71 +0,0 @@
-import { createStore } from '@xstate/store';
-import { useSelector } from '@xstate/store/react';
-import type { SwitchChainError } from 'viem';
-import type { ShowSwitchChainModalArgs } from '.';
-
-export interface SwitchChainModalState {
-	isOpen: boolean;
-	chainIdToSwitchTo: number | undefined;
-	isSwitching: boolean;
-	onSuccess: (() => void) | undefined;
-	onError: undefined | ((error: SwitchChainError) => void);
-	onClose: (() => void) | undefined;
-}
-
-const initialContext: SwitchChainModalState = {
-	isOpen: false,
-	chainIdToSwitchTo: undefined,
-	isSwitching: false,
-	onSuccess: undefined,
-	onError: undefined,
-	onClose: undefined,
-};
-
-export const switchChainModalStore = createStore({
-	context: initialContext,
-	on: {
-		open: (context, event: ShowSwitchChainModalArgs) => ({
-			...context,
-			isOpen: true,
-			chainIdToSwitchTo: event.chainIdToSwitchTo,
-			onSuccess: event.onSuccess,
-			onError: event.onError,
-			onClose: event.onClose,
-		}),
-		close: (context) => ({
-			...context,
-			isOpen: false,
-			chainIdToSwitchTo: undefined,
-			isSwitching: false,
-			onSuccess: undefined,
-			onError: undefined,
-			onClose: undefined,
-		}),
-		setSwitching: (context, event: { isSwitching: boolean }) => ({
-			...context,
-			isSwitching: event.isSwitching,
-		}),
-	},
-});
-
-// Selector hooks
-export const useIsOpen = () =>
-	useSelector(switchChainModalStore, (state) => state.context.isOpen);
-
-export const useChainIdToSwitchTo = () =>
-	useSelector(
-		switchChainModalStore,
-		(state) => state.context.chainIdToSwitchTo,
-	);
-
-export const useIsSwitching = () =>
-	useSelector(switchChainModalStore, (state) => state.context.isSwitching);
-
-export const useOnSuccess = () =>
-	useSelector(switchChainModalStore, (state) => state.context.onSuccess);
-
-export const useOnError = () =>
-	useSelector(switchChainModalStore, (state) => state.context.onError);
-
-export const useOnClose = () =>
-	useSelector(switchChainModalStore, (state) => state.context.onClose);