@0xsequence/marketplace-sdk 1.2.0 → 2.0.0

package/dist/create-config.js

@@ -0,0 +1,170 @@
+import { T as MarketplaceWalletType } from "./dist.js";
+import { t as networkToWagmiChain } from "./networkconfigToWagmiChain.js";
+import { n as MissingConfigError } from "./transaction.js";
+import { allNetworks, findNetworkConfig } from "@0xsequence/network";
+import { cookieStorage, createConfig, createStorage, http } from "wagmi";
+import { apple, appleWaas, coinbaseWallet, ecosystemWallet, email, emailWaas, facebook, getConnectWallets, google, googleWaas, metaMask, sequence, twitch, walletConnect } from "@0xsequence/connect";
+import React from "react";
+
+//#region src/react/_internal/consts.ts
+const DEFAULT_NETWORK = 137;
+
+//#endregion
+//#region src/react/_internal/wagmi/get-connectors.ts
+function getConnectors({ marketplaceConfig, sdkConfig, walletType, ssr }) {
+	const connectors = commonConnectors(marketplaceConfig, sdkConfig, ssr);
+	if (walletType === MarketplaceWalletType.UNIVERSAL) connectors.push(...getUniversalWalletConfigs(sdkConfig, marketplaceConfig));
+	else if (walletType === MarketplaceWalletType.EMBEDDED) connectors.push(...getWaasConnectors(sdkConfig, marketplaceConfig));
+	else if (walletType === MarketplaceWalletType.ECOSYSTEM) connectors.push(getEcosystemConnector(marketplaceConfig, sdkConfig));
+	else throw new Error("Invalid wallet type");
+	return getConnectWallets(sdkConfig.projectAccessKey, connectors);
+}
+function commonConnectors(marketplaceConfig, sdkConfig, _ssr) {
+	const wallets = [];
+	const { title: appName } = marketplaceConfig.settings;
+	const walletOptions = marketplaceConfig.settings.walletOptions;
+	const walletConnectProjectId = sdkConfig.walletConnectProjectId;
+	if (walletOptions.connectors.includes("coinbase")) wallets.push(coinbaseWallet({ appName }));
+	const isBrowser = typeof window !== "undefined";
+	if (walletConnectProjectId && walletOptions.connectors.includes("walletconnect") && isBrowser) wallets.push(walletConnect({ projectId: walletConnectProjectId }));
+	if (walletOptions.connectors.includes("metamask")) wallets.push(metaMask({ dappMetadata: { name: appName } }));
+	return wallets;
+}
+function getUniversalWalletConfigs(config, marketplaceConfig) {
+	const sequenceWalletOverrides = config._internal?.overrides?.api?.sequenceWallet;
+	const sequenceWalletOptions = {
+		walletAppURL: sequenceWalletOverrides?.url || getSequenceWalletURL(sequenceWalletOverrides?.env || "production"),
+		defaultNetwork: DEFAULT_NETWORK,
+		connect: {
+			projectAccessKey: sequenceWalletOverrides?.accessKey || config.projectAccessKey,
+			app: marketplaceConfig.settings.title,
+			settings: { bannerUrl: marketplaceConfig.market.ogImage }
+		}
+	};
+	return [
+		sequence(sequenceWalletOptions),
+		email(sequenceWalletOptions),
+		facebook(sequenceWalletOptions),
+		google(sequenceWalletOptions),
+		apple(sequenceWalletOptions),
+		twitch(sequenceWalletOptions)
+	];
+}
+function getWaasConnectors(config, marketplaceConfig) {
+	const { projectAccessKey } = config;
+	const waasConfigKey = marketplaceConfig.settings.walletOptions.embedded?.tenantKey;
+	if (!waasConfigKey) throw new MissingConfigError("Embedded wallet config is missing, please check your access key");
+	const waasOptions = marketplaceConfig.settings.walletOptions.oidcIssuers;
+	const googleClientId = waasOptions.google;
+	const appleClientId = waasOptions.apple;
+	const appleRedirectURI = typeof window !== "undefined" ? `${window.location.origin}${window.location.pathname}` : void 0;
+	const wallets = [];
+	if (marketplaceConfig.settings.walletOptions.embedded?.emailEnabled) wallets.push(emailWaas({
+		projectAccessKey,
+		waasConfigKey
+	}));
+	if (googleClientId) wallets.push(googleWaas({
+		projectAccessKey,
+		googleClientId,
+		waasConfigKey,
+		network: DEFAULT_NETWORK
+	}));
+	if (appleClientId) wallets.push(appleWaas({
+		projectAccessKey,
+		appleClientId,
+		appleRedirectURI,
+		waasConfigKey,
+		network: DEFAULT_NETWORK
+	}));
+	return wallets;
+}
+function getEcosystemConnector(marketplaceConfig, sdkConfig) {
+	const ecosystemOptions = marketplaceConfig.settings.walletOptions.ecosystem;
+	if (!ecosystemOptions) throw new MissingConfigError("ecosystem");
+	const { walletAppName, walletUrl, logoDarkUrl, logoLightUrl } = ecosystemOptions;
+	return ecosystemWallet({
+		projectAccessKey: sdkConfig.projectAccessKey,
+		walletUrl,
+		name: walletAppName,
+		defaultNetwork: DEFAULT_NETWORK,
+		logoDark: getEcosystemLogo(logoDarkUrl, walletAppName),
+		logoLight: getEcosystemLogo(logoLightUrl, walletAppName)
+	});
+}
+function getEcosystemLogo(url, name) {
+	if (!url) return () => null;
+	const Logo = () => React.createElement("img", {
+		src: url,
+		alt: name,
+		width: 32,
+		height: 32
+	});
+	Logo.displayName = "EcosystemLogo";
+	return Logo;
+}
+function getSequenceWalletURL(env) {
+	switch (env) {
+		case "development": return "https://dev.sequence.app";
+		case "next": return "https://next.sequence.app";
+		case "production":
+		default: return "https://sequence.app";
+	}
+}
+
+//#endregion
+//#region src/react/_internal/wagmi/create-config.ts
+const createWagmiConfig = (marketplaceConfig, sdkConfig, ssr) => {
+	const { chains, transports } = getWagmiChainsAndTransports({
+		marketplaceConfig,
+		sdkConfig
+	});
+	const walletType = marketplaceConfig.settings.walletOptions.walletType;
+	const connectors = getConnectors({
+		marketplaceConfig,
+		sdkConfig,
+		walletType,
+		ssr
+	});
+	const multiInjectedProviderDiscovery = marketplaceConfig.settings.walletOptions.includeEIP6963Wallets;
+	return createConfig({
+		connectors,
+		chains,
+		ssr,
+		multiInjectedProviderDiscovery,
+		storage: ssr ? createStorage({ storage: cookieStorage }) : void 0,
+		transports
+	});
+};
+function getWagmiChainsAndTransports({ marketplaceConfig, sdkConfig }) {
+	const chains = getChainConfigs(marketplaceConfig);
+	const nodeGatewayOverrides = sdkConfig._internal?.overrides?.api?.nodeGateway;
+	const nodeGatewayEnv = nodeGatewayOverrides?.env ?? "production";
+	const nodeGatewayUrl = nodeGatewayOverrides?.url;
+	return {
+		chains,
+		transports: getTransportConfigs(chains, nodeGatewayOverrides?.accessKey ?? sdkConfig.projectAccessKey, nodeGatewayEnv, nodeGatewayUrl)
+	};
+}
+function getChainConfigs(_marketConfig) {
+	return Object.values(allNetworks).map(networkToWagmiChain);
+}
+function getTransportConfigs(chains, projectAccessKey, nodeGatewayEnv, nodeGatewayUrl) {
+	return chains.reduce((acc, chain) => {
+		const network = findNetworkConfig(allNetworks, chain.id);
+		if (network) {
+			let rpcUrl;
+			if (nodeGatewayUrl) rpcUrl = nodeGatewayUrl;
+			else {
+				rpcUrl = network.rpcUrl;
+				if (nodeGatewayEnv === "development") rpcUrl = rpcUrl.replace("nodes.", "dev-nodes.");
+				if (!network.rpcUrl.endsWith(projectAccessKey)) rpcUrl = `${rpcUrl}/${projectAccessKey}`;
+			}
+			acc[chain.id] = http(rpcUrl);
+		}
+		return acc;
+	}, {});
+}
+
+//#endregion
+export { getWaasConnectors as a, getEcosystemConnector as i, getWagmiChainsAndTransports as n, DEFAULT_NETWORK as o, getConnectors as r, createWagmiConfig as t };
+//# sourceMappingURL=create-config.js.map

package/dist/create-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-config.js","names":["wallets: Wallet[]","rpcUrl: string"],"sources":["../src/react/_internal/consts.ts","../src/react/_internal/wagmi/get-connectors.ts","../src/react/_internal/wagmi/create-config.ts"],"sourcesContent":["export const DEFAULT_NETWORK = 137;\n","import { MarketplaceWalletType } from '@0xsequence/api-client';\nimport {\n\tapple,\n\tappleWaas,\n\tcoinbaseWallet,\n\tecosystemWallet,\n\temail,\n\temailWaas,\n\tfacebook,\n\tgetConnectWallets,\n\tgoogle,\n\tgoogleWaas,\n\tmetaMask,\n\ttype SequenceOptions,\n\tsequence,\n\ttwitch,\n\ttype Wallet,\n\twalletConnect,\n} from '@0xsequence/connect';\nimport React, { type FunctionComponent } from 'react';\nimport type { CreateConnectorFn } from 'wagmi';\nimport type { Env, MarketplaceConfig, SdkConfig } from '../../../types';\nimport { MissingConfigError } from '../../../utils/_internal/error/transaction';\nimport { DEFAULT_NETWORK } from '../consts';\n\nexport function getConnectors({\n\tmarketplaceConfig,\n\tsdkConfig,\n\twalletType,\n\tssr,\n}: {\n\tmarketplaceConfig: MarketplaceConfig;\n\tsdkConfig: SdkConfig;\n\twalletType: MarketplaceWalletType;\n\tssr?: boolean;\n}): CreateConnectorFn[] {\n\tconst connectors = commonConnectors(marketplaceConfig, sdkConfig, ssr);\n\n\tif (walletType === MarketplaceWalletType.UNIVERSAL) {\n\t\tconnectors.push(...getUniversalWalletConfigs(sdkConfig, marketplaceConfig));\n\t} else if (walletType === MarketplaceWalletType.EMBEDDED) {\n\t\tconnectors.push(...getWaasConnectors(sdkConfig, marketplaceConfig));\n\t} else if (walletType === MarketplaceWalletType.ECOSYSTEM) {\n\t\tconnectors.push(getEcosystemConnector(marketplaceConfig, sdkConfig));\n\t} else {\n\t\tthrow new Error('Invalid wallet type');\n\t}\n\n\treturn getConnectWallets(sdkConfig.projectAccessKey, connectors);\n}\n\nfunction commonConnectors(\n\tmarketplaceConfig: MarketplaceConfig,\n\tsdkConfig: SdkConfig,\n\t_ssr?: boolean,\n): Wallet[] {\n\tconst wallets: Wallet[] = [];\n\tconst { title: appName } = marketplaceConfig.settings;\n\tconst walletOptions = marketplaceConfig.settings.walletOptions;\n\tconst walletConnectProjectId = sdkConfig.walletConnectProjectId;\n\n\tif (walletOptions.connectors.includes('coinbase')) {\n\t\twallets.push(\n\t\t\tcoinbaseWallet({\n\t\t\t\tappName,\n\t\t\t}),\n\t\t);\n\t}\n\n\tconst isBrowser = typeof window !== 'undefined';\n\tif (\n\t\twalletConnectProjectId &&\n\t\twalletOptions.connectors.includes('walletconnect') &&\n\t\tisBrowser\n\t) {\n\t\twallets.push(\n\t\t\twalletConnect({\n\t\t\t\tprojectId: walletConnectProjectId,\n\t\t\t}),\n\t\t);\n\t}\n\n\tif (walletOptions.connectors.includes('metamask')) {\n\t\twallets.push(\n\t\t\tmetaMask({\n\t\t\t\tdappMetadata: {\n\t\t\t\t\tname: appName,\n\t\t\t\t},\n\t\t\t}),\n\t\t);\n\t}\n\n\treturn wallets;\n}\n\nfunction getUniversalWalletConfigs(\n\tconfig: SdkConfig,\n\tmarketplaceConfig: MarketplaceConfig,\n): Wallet[] {\n\tconst sequenceWalletOverrides =\n\t\tconfig._internal?.overrides?.api?.sequenceWallet;\n\tconst sequenceWalletUrl =\n\t\tsequenceWalletOverrides?.url ||\n\t\tgetSequenceWalletURL(sequenceWalletOverrides?.env || 'production');\n\tconst projectAccessKey =\n\t\tsequenceWalletOverrides?.accessKey || config.projectAccessKey;\n\n\tconst sequenceWalletOptions = {\n\t\twalletAppURL: sequenceWalletUrl,\n\t\tdefaultNetwork: DEFAULT_NETWORK,\n\t\tconnect: {\n\t\t\tprojectAccessKey,\n\t\t\tapp: marketplaceConfig.settings.title,\n\t\t\tsettings: {\n\t\t\t\t// TODO: make a separate config for this?\n\t\t\t\tbannerUrl: marketplaceConfig.market.ogImage,\n\t\t\t},\n\t\t},\n\t} satisfies SequenceOptions;\n\n\treturn [\n\t\tsequence(sequenceWalletOptions),\n\t\temail(sequenceWalletOptions),\n\t\tfacebook(sequenceWalletOptions),\n\t\tgoogle(sequenceWalletOptions),\n\t\tapple(sequenceWalletOptions),\n\t\ttwitch(sequenceWalletOptions),\n\t] as const;\n}\n\nexport function getWaasConnectors(\n\tconfig: SdkConfig,\n\tmarketplaceConfig: MarketplaceConfig,\n): Wallet[] {\n\tconst { projectAccessKey } = config;\n\n\tconst waasConfigKey =\n\t\tmarketplaceConfig.settings.walletOptions.embedded?.tenantKey;\n\n\tif (!waasConfigKey)\n\t\tthrow new MissingConfigError(\n\t\t\t'Embedded wallet config is missing, please check your access key',\n\t\t);\n\n\tconst waasOptions = marketplaceConfig.settings.walletOptions.oidcIssuers;\n\tconst googleClientId = waasOptions.google;\n\tconst appleClientId = waasOptions.apple;\n\tconst appleRedirectURI =\n\t\ttypeof window !== 'undefined'\n\t\t\t? `${window.location.origin}${window.location.pathname}`\n\t\t\t: undefined;\n\n\tconst wallets: Wallet[] = [];\n\n\tif (marketplaceConfig.settings.walletOptions.embedded?.emailEnabled) {\n\t\twallets.push(\n\t\t\temailWaas({\n\t\t\t\tprojectAccessKey,\n\t\t\t\twaasConfigKey,\n\t\t\t}),\n\t\t);\n\t}\n\n\tif (googleClientId) {\n\t\twallets.push(\n\t\t\tgoogleWaas({\n\t\t\t\tprojectAccessKey,\n\t\t\t\tgoogleClientId,\n\t\t\t\twaasConfigKey,\n\t\t\t\tnetwork: DEFAULT_NETWORK,\n\t\t\t}),\n\t\t);\n\t}\n\n\tif (appleClientId) {\n\t\twallets.push(\n\t\t\tappleWaas({\n\t\t\t\tprojectAccessKey,\n\t\t\t\tappleClientId,\n\t\t\t\tappleRedirectURI,\n\t\t\t\twaasConfigKey,\n\t\t\t\tnetwork: DEFAULT_NETWORK,\n\t\t\t}),\n\t\t);\n\t}\n\n\treturn wallets;\n}\n\nexport function getEcosystemConnector(\n\tmarketplaceConfig: MarketplaceConfig,\n\tsdkConfig: SdkConfig,\n): Wallet {\n\tconst ecosystemOptions = marketplaceConfig.settings.walletOptions.ecosystem;\n\tif (!ecosystemOptions) throw new MissingConfigError('ecosystem');\n\tconst { walletAppName, walletUrl, logoDarkUrl, logoLightUrl } =\n\t\tecosystemOptions;\n\n\treturn ecosystemWallet({\n\t\tprojectAccessKey: sdkConfig.projectAccessKey,\n\t\twalletUrl,\n\t\tname: walletAppName,\n\t\tdefaultNetwork: DEFAULT_NETWORK,\n\t\tlogoDark: getEcosystemLogo(logoDarkUrl, walletAppName),\n\t\tlogoLight: getEcosystemLogo(logoLightUrl, walletAppName),\n\t});\n}\n\nfunction getEcosystemLogo(\n\turl: string | undefined,\n\tname: string,\n): FunctionComponent {\n\tif (!url) return () => null;\n\tconst Logo = () =>\n\t\tReact.createElement('img', { src: url, alt: name, width: 32, height: 32 });\n\tLogo.displayName = 'EcosystemLogo';\n\treturn Logo;\n}\n\nfunction getSequenceWalletURL(env: Env) {\n\tswitch (env) {\n\t\tcase 'development':\n\t\t\treturn 'https://dev.sequence.app';\n\t\tcase 'next':\n\t\t\treturn 'https://next.sequence.app';\n\t\t// biome-ignore lint/complexity/noUselessSwitchCase: Production case kept for readability alongside other environments\n\t\tcase 'production':\n\t\tdefault:\n\t\t\treturn 'https://sequence.app';\n\t}\n}\n","import { allNetworks, findNetworkConfig } from '@0xsequence/network';\nimport type { Chain, Transport } from 'viem';\nimport { cookieStorage, createConfig, createStorage, http } from 'wagmi';\nimport type { Env, MarketplaceConfig, SdkConfig } from '../../../types';\nimport { networkToWagmiChain } from '../../../utils/networkconfigToWagmiChain';\nimport { getConnectors } from './get-connectors';\n\nexport const createWagmiConfig = (\n\tmarketplaceConfig: MarketplaceConfig,\n\tsdkConfig: SdkConfig,\n\tssr?: boolean,\n) => {\n\tconst { chains, transports } = getWagmiChainsAndTransports({\n\t\tmarketplaceConfig,\n\t\tsdkConfig,\n\t});\n\n\tconst walletType = marketplaceConfig.settings.walletOptions.walletType;\n\n\tconst connectors = getConnectors({\n\t\tmarketplaceConfig,\n\t\tsdkConfig,\n\t\twalletType,\n\t\tssr,\n\t});\n\n\tconst multiInjectedProviderDiscovery =\n\t\tmarketplaceConfig.settings.walletOptions.includeEIP6963Wallets;\n\n\treturn createConfig({\n\t\tconnectors,\n\t\tchains,\n\t\tssr,\n\t\tmultiInjectedProviderDiscovery,\n\t\tstorage: ssr\n\t\t\t? createStorage({\n\t\t\t\t\tstorage: cookieStorage,\n\t\t\t\t})\n\t\t\t: undefined,\n\t\ttransports,\n\t});\n};\n\nexport function getWagmiChainsAndTransports({\n\tmarketplaceConfig,\n\tsdkConfig,\n}: {\n\tmarketplaceConfig: MarketplaceConfig;\n\tsdkConfig: SdkConfig;\n}) {\n\tconst chains = getChainConfigs(marketplaceConfig);\n\tconst nodeGatewayOverrides = sdkConfig._internal?.overrides?.api?.nodeGateway;\n\tconst nodeGatewayEnv = nodeGatewayOverrides?.env ?? 'production';\n\tconst nodeGatewayUrl = nodeGatewayOverrides?.url;\n\tconst projectAccessKey =\n\t\tnodeGatewayOverrides?.accessKey ?? sdkConfig.projectAccessKey;\n\n\tconst transports = getTransportConfigs(\n\t\tchains,\n\t\tprojectAccessKey,\n\t\tnodeGatewayEnv,\n\t\tnodeGatewayUrl,\n\t);\n\n\treturn { chains, transports };\n}\n\nfunction getChainConfigs(\n\t_marketConfig: MarketplaceConfig,\n): [Chain, ...Chain[]] {\n\tconst chains = Object.values(allNetworks).map(networkToWagmiChain);\n\n\treturn chains as [Chain, ...Chain[]];\n}\n\nfunction getTransportConfigs(\n\tchains: [Chain, ...Chain[]],\n\tprojectAccessKey: string,\n\tnodeGatewayEnv: Env | undefined,\n\tnodeGatewayUrl?: string,\n): Record<number, Transport> {\n\treturn chains.reduce(\n\t\t(acc, chain) => {\n\t\t\tconst network = findNetworkConfig(allNetworks, chain.id);\n\t\t\tif (network) {\n\t\t\t\tlet rpcUrl: string;\n\t\t\t\tif (nodeGatewayUrl) {\n\t\t\t\t\t// Use manual URL if provided\n\t\t\t\t\trpcUrl = nodeGatewayUrl;\n\t\t\t\t} else {\n\t\t\t\t\t// Use default URL with environment prefix\n\t\t\t\t\trpcUrl = network.rpcUrl;\n\t\t\t\t\tif (nodeGatewayEnv === 'development') {\n\t\t\t\t\t\trpcUrl = rpcUrl.replace('nodes.', 'dev-nodes.');\n\t\t\t\t\t}\n\t\t\t\t\tif (!network.rpcUrl.endsWith(projectAccessKey))\n\t\t\t\t\t\trpcUrl = `${rpcUrl}/${projectAccessKey}`;\n\t\t\t\t}\n\t\t\t\tacc[chain.id] = http(rpcUrl);\n\t\t\t}\n\t\t\treturn acc;\n\t\t},\n\t\t{} as Record<number, Transport>,\n\t);\n}\n"],"mappings":"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"}

package/dist/currency.js

@@ -0,0 +1,186 @@
+import { l as compareAddress } from "./utils.js";
+import { g as getQueryClient, r as getMarketplaceClient } from "./api.js";
+import { r as buildQueryOptions } from "./_internal.js";
+import { n as marketplaceConfigOptions } from "./config.js";
+import { formatUnits, isAddress, zeroAddress } from "viem";
+
+//#region src/react/queries/currency/list.ts
+/**
+* Fetches supported currencies for a marketplace
+*/
+async function fetchMarketCurrencies(params) {
+	const { chainId, includeNativeCurrency, collectionAddress, config } = params;
+	const includeNativeCurrencyOption = includeNativeCurrency ?? true;
+	let currencies = await getMarketplaceClient(config).listCurrencies({ chainId }).then((resp) => resp.currencies.map((currency) => ({
+		...currency,
+		contractAddress: currency.contractAddress || zeroAddress
+	})));
+	if (collectionAddress) {
+		const currenciesOptions = (await getQueryClient().fetchQuery(marketplaceConfigOptions(config))).market.collections.find((collection) => compareAddress(collection.itemsAddress, collectionAddress))?.currencyOptions;
+		if (currenciesOptions) currencies = currencies.filter((currency) => currenciesOptions.includes(currency.contractAddress));
+	}
+	if (!includeNativeCurrencyOption) currencies = currencies.filter((currency) => !currency.nativeCurrency);
+	return currencies;
+}
+function getMarketCurrenciesQueryKey(params) {
+	return [
+		"currency",
+		"list",
+		{
+			chainId: params.chainId,
+			includeNativeCurrency: params.includeNativeCurrency,
+			collectionAddress: params.collectionAddress
+		}
+	];
+}
+function marketCurrenciesQueryOptions(params) {
+	return buildQueryOptions({
+		getQueryKey: getMarketCurrenciesQueryKey,
+		requiredParams: ["chainId", "config"],
+		fetcher: fetchMarketCurrencies
+	}, params);
+}
+
+//#endregion
+//#region src/react/queries/currency/convert-to-usd.ts
+/**
+* Converts a price amount from a specific currency to USD using exchange rates
+*/
+async function fetchConvertPriceToUSD(params) {
+	const { chainId, currencyAddress, amountRaw, config } = params;
+	const currencyDetails = (await getQueryClient().fetchQuery(marketCurrenciesQueryOptions({
+		chainId,
+		config
+	}))).find((c) => c.contractAddress.toLowerCase() === currencyAddress.toLowerCase());
+	if (!currencyDetails) throw new Error("Currency not found");
+	const usdAmount = Number(formatUnits(BigInt(amountRaw), currencyDetails.decimals)) * currencyDetails.exchangeRate;
+	return {
+		usdAmount,
+		usdAmountFormatted: usdAmount.toFixed(2)
+	};
+}
+function getConvertPriceToUSDQueryKey(params) {
+	return [
+		"currency",
+		"convert-to-usd",
+		{
+			chainId: params.chainId,
+			currencyAddress: params.currencyAddress,
+			amountRaw: params.amountRaw
+		}
+	];
+}
+function convertPriceToUSDQueryOptions(params) {
+	return buildQueryOptions({
+		getQueryKey: getConvertPriceToUSDQueryKey,
+		requiredParams: [
+			"chainId",
+			"currencyAddress",
+			"amountRaw",
+			"config"
+		],
+		fetcher: fetchConvertPriceToUSD
+	}, params);
+}
+
+//#endregion
+//#region src/react/queries/currency/compare-prices.ts
+/**
+* Compares prices between different currencies by converting both to USD
+*/
+async function fetchComparePrices(params) {
+	const { chainId, priceAmountRaw, priceCurrencyAddress, compareToPriceAmountRaw, compareToPriceCurrencyAddress, config } = params;
+	const [priceUSD, compareToPriceUSD] = await Promise.all([fetchConvertPriceToUSD({
+		chainId,
+		currencyAddress: priceCurrencyAddress,
+		amountRaw: priceAmountRaw,
+		config
+	}), fetchConvertPriceToUSD({
+		chainId,
+		currencyAddress: compareToPriceCurrencyAddress,
+		amountRaw: compareToPriceAmountRaw,
+		config
+	})]);
+	const difference = priceUSD.usdAmount - compareToPriceUSD.usdAmount;
+	if (compareToPriceUSD.usdAmount === 0) throw new Error("Cannot compare to zero price");
+	const percentageDifference = difference / compareToPriceUSD.usdAmount * 100;
+	const isAbove = percentageDifference > 0;
+	const isSame = percentageDifference === 0;
+	return {
+		percentageDifference,
+		percentageDifferenceFormatted: Math.abs(percentageDifference).toFixed(2),
+		status: isAbove ? "above" : isSame ? "same" : "below"
+	};
+}
+function getComparePricesQueryKey(params) {
+	return [
+		"currency",
+		"compare-prices",
+		{
+			chainId: params.chainId,
+			priceAmountRaw: params.priceAmountRaw,
+			priceCurrencyAddress: params.priceCurrencyAddress,
+			compareToPriceAmountRaw: params.compareToPriceAmountRaw,
+			compareToPriceCurrencyAddress: params.compareToPriceCurrencyAddress
+		}
+	];
+}
+function comparePricesQueryOptions(params) {
+	return buildQueryOptions({
+		getQueryKey: getComparePricesQueryKey,
+		requiredParams: [
+			"chainId",
+			"priceAmountRaw",
+			"priceCurrencyAddress",
+			"compareToPriceAmountRaw",
+			"compareToPriceCurrencyAddress",
+			"config"
+		],
+		fetcher: fetchComparePrices
+	}, params);
+}
+
+//#endregion
+//#region src/react/queries/currency/currency.ts
+/**
+* Fetches currency details from the marketplace API
+*/
+async function fetchCurrency(params) {
+	const { chainId, currencyAddress, config } = params;
+	let currencies = getQueryClient().getQueryData([
+		"currency",
+		"list",
+		chainId
+	]);
+	if (!currencies) currencies = (await getMarketplaceClient(config).listCurrencies({ chainId })).currencies;
+	if (!currencies?.length) throw new Error("No currencies returned");
+	const currency = currencies.find((currency$1) => currency$1.contractAddress.toLowerCase() === currencyAddress.toLowerCase());
+	if (!currency) throw new Error("Currency not found");
+	return currency;
+}
+function getCurrencyQueryKey(params) {
+	return [
+		"currency",
+		"currency",
+		{
+			chainId: String(params.chainId ?? 0),
+			currencyAddress: params.currencyAddress ?? ""
+		}
+	];
+}
+function currencyQueryOptions(params) {
+	return buildQueryOptions({
+		getQueryKey: getCurrencyQueryKey,
+		requiredParams: [
+			"chainId",
+			"currencyAddress",
+			"config"
+		],
+		fetcher: fetchCurrency,
+		customValidation: (p) => !!p.currencyAddress && isAddress(p.currencyAddress)
+	}, params);
+}
+
+//#endregion
+export { fetchComparePrices as a, fetchConvertPriceToUSD as c, getMarketCurrenciesQueryKey as d, marketCurrenciesQueryOptions as f, comparePricesQueryOptions as i, getConvertPriceToUSDQueryKey as l, fetchCurrency as n, getComparePricesQueryKey as o, getCurrencyQueryKey as r, convertPriceToUSDQueryOptions as s, currencyQueryOptions as t, fetchMarketCurrencies as u };
+//# sourceMappingURL=currency.js.map

package/dist/currency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency.js","names":["currency"],"sources":["../src/react/queries/currency/list.ts","../src/react/queries/currency/convert-to-usd.ts","../src/react/queries/currency/compare-prices.ts","../src/react/queries/currency/currency.ts"],"sourcesContent":["import type {\n\tAddress,\n\tCurrency,\n\tListCurrenciesRequest,\n} from '@0xsequence/api-client';\nimport { zeroAddress } from 'viem';\nimport { compareAddress } from '../../../utils';\nimport {\n\tbuildQueryOptions,\n\tgetMarketplaceClient,\n\tgetQueryClient,\n\ttype SdkQueryParams,\n\ttype WithOptionalParams,\n\ttype WithRequired,\n} from '../../_internal';\nimport { marketplaceConfigOptions } from '../marketplace/config';\n\nexport type FetchMarketCurrenciesParams = ListCurrenciesRequest & {\n\tincludeNativeCurrency?: boolean;\n\tcollectionAddress?: Address;\n};\n\nexport type MarketCurrenciesQueryOptions =\n\tSdkQueryParams<FetchMarketCurrenciesParams>;\n\n/**\n * Fetches supported currencies for a marketplace\n */\nexport async function fetchMarketCurrencies(\n\tparams: WithRequired<MarketCurrenciesQueryOptions, 'chainId' | 'config'>,\n): Promise<Currency[]> {\n\tconst { chainId, includeNativeCurrency, collectionAddress, config } = params;\n\tconst includeNativeCurrencyOption = includeNativeCurrency ?? true;\n\tconst marketplaceClient = getMarketplaceClient(config);\n\n\tlet currencies = await marketplaceClient\n\t\t.listCurrencies({\n\t\t\tchainId,\n\t\t})\n\t\t.then((resp) =>\n\t\t\tresp.currencies.map((currency) => ({\n\t\t\t\t...currency,\n\t\t\t\tcontractAddress: currency.contractAddress || zeroAddress,\n\t\t\t})),\n\t\t);\n\n\tif (collectionAddress) {\n\t\tconst queryClient = getQueryClient();\n\t\tconst marketplaceConfig = await queryClient.fetchQuery(\n\t\t\tmarketplaceConfigOptions(config),\n\t\t);\n\n\t\tconst currenciesOptions = marketplaceConfig.market.collections.find(\n\t\t\t(collection) =>\n\t\t\t\tcompareAddress(collection.itemsAddress, collectionAddress),\n\t\t)?.currencyOptions;\n\n\t\t// Filter currencies based on collection currency options\n\t\tif (currenciesOptions) {\n\t\t\tcurrencies = currencies.filter((currency) =>\n\t\t\t\tcurrenciesOptions.includes(currency.contractAddress),\n\t\t\t);\n\t\t}\n\t}\n\n\tif (!includeNativeCurrencyOption) {\n\t\tcurrencies = currencies.filter((currency) => !currency.nativeCurrency);\n\t}\n\n\treturn currencies;\n}\n\nexport function getMarketCurrenciesQueryKey(\n\tparams: MarketCurrenciesQueryOptions,\n) {\n\treturn [\n\t\t'currency',\n\t\t'list',\n\t\t{\n\t\t\tchainId: params.chainId,\n\t\t\tincludeNativeCurrency: params.includeNativeCurrency,\n\t\t\tcollectionAddress: params.collectionAddress,\n\t\t},\n\t] as const;\n}\n\nexport function marketCurrenciesQueryOptions(\n\tparams: WithOptionalParams<\n\t\tWithRequired<MarketCurrenciesQueryOptions, 'chainId' | 'config'>\n\t>,\n) {\n\treturn buildQueryOptions(\n\t\t{\n\t\t\tgetQueryKey: getMarketCurrenciesQueryKey,\n\t\t\trequiredParams: ['chainId', 'config'] as const,\n\t\t\tfetcher: fetchMarketCurrencies,\n\t\t},\n\t\tparams,\n\t);\n}\n","import type { Address, ChainId } from '@0xsequence/api-client';\nimport { formatUnits } from 'viem';\nimport {\n\tbuildQueryOptions,\n\ttype Currency,\n\tgetQueryClient,\n\ttype SdkQueryParams,\n\ttype WithOptionalParams,\n\ttype WithRequired,\n} from '../../_internal';\nimport { marketCurrenciesQueryOptions } from './list';\n\nexport type FetchConvertPriceToUSDParams = {\n\tchainId: ChainId;\n\tcurrencyAddress: Address;\n\tamountRaw: string;\n};\n\nexport type ConvertPriceToUSDReturn = {\n\tusdAmount: number;\n\tusdAmountFormatted: string;\n};\n\nexport type ConvertPriceToUSDQueryOptions =\n\tSdkQueryParams<FetchConvertPriceToUSDParams>;\n\n/**\n * Converts a price amount from a specific currency to USD using exchange rates\n */\nexport async function fetchConvertPriceToUSD(\n\tparams: WithRequired<\n\t\tConvertPriceToUSDQueryOptions,\n\t\t'chainId' | 'currencyAddress' | 'amountRaw' | 'config'\n\t>,\n): Promise<ConvertPriceToUSDReturn> {\n\tconst { chainId, currencyAddress, amountRaw, config } = params;\n\n\tconst queryClient = getQueryClient();\n\tconst currencies = await queryClient.fetchQuery(\n\t\tmarketCurrenciesQueryOptions({\n\t\t\tchainId,\n\t\t\tconfig,\n\t\t}),\n\t);\n\n\tconst currencyDetails = currencies.find(\n\t\t(c: Currency) =>\n\t\t\tc.contractAddress.toLowerCase() === currencyAddress.toLowerCase(),\n\t);\n\n\tif (!currencyDetails) {\n\t\tthrow new Error('Currency not found');\n\t}\n\n\tconst amountDecimal = Number(\n\t\tformatUnits(BigInt(amountRaw), currencyDetails.decimals),\n\t);\n\tconst usdAmount = amountDecimal * currencyDetails.exchangeRate;\n\n\treturn {\n\t\tusdAmount,\n\t\tusdAmountFormatted: usdAmount.toFixed(2),\n\t};\n}\n\nexport function getConvertPriceToUSDQueryKey(\n\tparams: ConvertPriceToUSDQueryOptions,\n) {\n\tconst apiArgs = {\n\t\tchainId: params.chainId,\n\t\tcurrencyAddress: params.currencyAddress,\n\t\tamountRaw: params.amountRaw,\n\t};\n\n\treturn ['currency', 'convert-to-usd', apiArgs] as const;\n}\n\nexport function convertPriceToUSDQueryOptions(\n\tparams: WithOptionalParams<\n\t\tWithRequired<\n\t\t\tConvertPriceToUSDQueryOptions,\n\t\t\t'chainId' | 'currencyAddress' | 'amountRaw' | 'config'\n\t\t>\n\t>,\n) {\n\treturn buildQueryOptions(\n\t\t{\n\t\t\tgetQueryKey: getConvertPriceToUSDQueryKey,\n\t\t\trequiredParams: [\n\t\t\t\t'chainId',\n\t\t\t\t'currencyAddress',\n\t\t\t\t'amountRaw',\n\t\t\t\t'config',\n\t\t\t] as const,\n\t\t\tfetcher: fetchConvertPriceToUSD,\n\t\t},\n\t\tparams,\n\t);\n}\n","import type { Address, ChainId } from '@0xsequence/api-client';\nimport {\n\tbuildQueryOptions,\n\ttype SdkQueryParams,\n\ttype WithOptionalParams,\n\ttype WithRequired,\n} from '../../_internal';\nimport { fetchConvertPriceToUSD } from './convert-to-usd';\n\nexport type FetchComparePricesParams = {\n\tchainId?: ChainId;\n\tpriceAmountRaw?: string;\n\tpriceCurrencyAddress?: Address;\n\tcompareToPriceAmountRaw?: string;\n\tcompareToPriceCurrencyAddress?: Address;\n};\n\nexport type ComparePricesReturn = {\n\tpercentageDifference: number;\n\tpercentageDifferenceFormatted: string;\n\tstatus: 'above' | 'same' | 'below';\n};\n\nexport type ComparePricesQueryOptions =\n\tSdkQueryParams<FetchComparePricesParams>;\n\n/**\n * Compares prices between different currencies by converting both to USD\n */\nexport async function fetchComparePrices(\n\tparams: WithRequired<\n\t\tComparePricesQueryOptions,\n\t\t| 'chainId'\n\t\t| 'priceAmountRaw'\n\t\t| 'priceCurrencyAddress'\n\t\t| 'compareToPriceAmountRaw'\n\t\t| 'compareToPriceCurrencyAddress'\n\t\t| 'config'\n\t>,\n): Promise<ComparePricesReturn> {\n\tconst {\n\t\tchainId,\n\t\tpriceAmountRaw,\n\t\tpriceCurrencyAddress,\n\t\tcompareToPriceAmountRaw,\n\t\tcompareToPriceCurrencyAddress,\n\t\tconfig,\n\t} = params;\n\n\tconst [priceUSD, compareToPriceUSD] = await Promise.all([\n\t\tfetchConvertPriceToUSD({\n\t\t\tchainId,\n\t\t\tcurrencyAddress: priceCurrencyAddress,\n\t\t\tamountRaw: priceAmountRaw,\n\t\t\tconfig,\n\t\t}),\n\t\tfetchConvertPriceToUSD({\n\t\t\tchainId,\n\t\t\tcurrencyAddress: compareToPriceCurrencyAddress,\n\t\t\tamountRaw: compareToPriceAmountRaw,\n\t\t\tconfig,\n\t\t}),\n\t]);\n\n\tconst difference = priceUSD.usdAmount - compareToPriceUSD.usdAmount;\n\n\tif (compareToPriceUSD.usdAmount === 0) {\n\t\tthrow new Error('Cannot compare to zero price');\n\t}\n\n\tconst percentageDifference = (difference / compareToPriceUSD.usdAmount) * 100;\n\tconst isAbove = percentageDifference > 0;\n\tconst isSame = percentageDifference === 0;\n\n\treturn {\n\t\tpercentageDifference,\n\t\tpercentageDifferenceFormatted: Math.abs(percentageDifference).toFixed(2),\n\t\tstatus: isAbove ? 'above' : isSame ? 'same' : 'below',\n\t};\n}\n\nexport function getComparePricesQueryKey(params: ComparePricesQueryOptions) {\n\tconst apiArgs = {\n\t\tchainId: params.chainId,\n\t\tpriceAmountRaw: params.priceAmountRaw,\n\t\tpriceCurrencyAddress: params.priceCurrencyAddress,\n\t\tcompareToPriceAmountRaw: params.compareToPriceAmountRaw,\n\t\tcompareToPriceCurrencyAddress: params.compareToPriceCurrencyAddress,\n\t};\n\n\treturn ['currency', 'compare-prices', apiArgs] as const;\n}\n\nexport function comparePricesQueryOptions(\n\tparams: WithOptionalParams<\n\t\tWithRequired<\n\t\t\tComparePricesQueryOptions,\n\t\t\t| 'chainId'\n\t\t\t| 'priceAmountRaw'\n\t\t\t| 'priceCurrencyAddress'\n\t\t\t| 'compareToPriceAmountRaw'\n\t\t\t| 'compareToPriceCurrencyAddress'\n\t\t\t| 'config'\n\t\t>\n\t>,\n) {\n\treturn buildQueryOptions(\n\t\t{\n\t\t\tgetQueryKey: getComparePricesQueryKey,\n\t\t\trequiredParams: [\n\t\t\t\t'chainId',\n\t\t\t\t'priceAmountRaw',\n\t\t\t\t'priceCurrencyAddress',\n\t\t\t\t'compareToPriceAmountRaw',\n\t\t\t\t'compareToPriceCurrencyAddress',\n\t\t\t\t'config',\n\t\t\t] as const,\n\t\t\tfetcher: fetchComparePrices,\n\t\t},\n\t\tparams,\n\t);\n}\n","import type { Address, ListCurrenciesRequest } from '@0xsequence/api-client';\nimport { isAddress } from 'viem';\nimport {\n\tbuildQueryOptions,\n\ttype Currency,\n\tgetMarketplaceClient,\n\tgetQueryClient,\n\ttype SdkQueryParams,\n\ttype WithOptionalParams,\n\ttype WithRequired,\n} from '../../_internal';\n\nexport type FetchCurrencyParams = ListCurrenciesRequest & {\n\tcurrencyAddress: Address;\n};\n\n/**\n * Fetches currency details from the marketplace API\n */\nexport async function fetchCurrency(\n\tparams: WithRequired<\n\t\tCurrencyQueryOptions,\n\t\t'chainId' | 'currencyAddress' | 'config'\n\t>,\n): Promise<Currency | undefined> {\n\tconst { chainId, currencyAddress, config } = params;\n\tconst queryClient = getQueryClient();\n\n\tlet currencies = queryClient.getQueryData<Currency[]>([\n\t\t'currency',\n\t\t'list',\n\t\tchainId,\n\t]);\n\n\tif (!currencies) {\n\t\tconst marketplaceClient = getMarketplaceClient(config);\n\t\tconst response = await marketplaceClient.listCurrencies({ chainId });\n\t\tcurrencies = response.currencies;\n\t}\n\n\tif (!currencies?.length) {\n\t\tthrow new Error('No currencies returned');\n\t}\n\tconst currency = currencies.find(\n\t\t(currency) =>\n\t\t\tcurrency.contractAddress.toLowerCase() === currencyAddress.toLowerCase(),\n\t);\n\n\tif (!currency) {\n\t\tthrow new Error('Currency not found');\n\t}\n\n\treturn currency;\n}\n\nexport type CurrencyQueryOptions = SdkQueryParams<FetchCurrencyParams>;\n\nexport function getCurrencyQueryKey(params: CurrencyQueryOptions) {\n\tconst apiArgs = {\n\t\tchainId: String(params.chainId ?? 0),\n\t\tcurrencyAddress: params.currencyAddress ?? '',\n\t};\n\n\treturn ['currency', 'currency', apiArgs] as const;\n}\n\nexport function currencyQueryOptions(\n\tparams: WithOptionalParams<\n\t\tWithRequired<CurrencyQueryOptions, 'chainId' | 'currencyAddress' | 'config'>\n\t>,\n) {\n\treturn buildQueryOptions(\n\t\t{\n\t\t\tgetQueryKey: getCurrencyQueryKey,\n\t\t\trequiredParams: ['chainId', 'currencyAddress', 'config'] as const,\n\t\t\tfetcher: fetchCurrency,\n\t\t\tcustomValidation: (p) =>\n\t\t\t\t!!p.currencyAddress && isAddress(p.currencyAddress),\n\t\t},\n\t\tparams,\n\t);\n}\n"],"mappings":"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"}

package/dist/currencyImage.js

@@ -0,0 +1,28 @@
+'use client'
+
+import { useState } from "react";
+import { TokenImage } from "@0xsequence/design-system";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react/ui/modals/_internal/components/currencyImage/index.tsx
+function CurrencyImage({ price }) {
+	const [imageLoadErrorCurrencyAddresses, setImageLoadErrorCurrencyAddresses] = useState(null);
+	if (!price?.currency) return /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-background-secondary" });
+	if (imageLoadErrorCurrencyAddresses?.includes(price.currency.contractAddress)) return /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-background-secondary" });
+	return /* @__PURE__ */ jsx(TokenImage, {
+		src: price.currency.imageUrl,
+		onError: () => {
+			if (price) setImageLoadErrorCurrencyAddresses((prev) => {
+				if (!prev) return [price.currency.contractAddress];
+				if (!prev.includes(price.currency.contractAddress)) return [...prev, price.currency.contractAddress];
+				return prev;
+			});
+		},
+		size: "xs"
+	});
+}
+var currencyImage_default = CurrencyImage;
+
+//#endregion
+export { currencyImage_default as t };
+//# sourceMappingURL=currencyImage.js.map

package/dist/currencyImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyImage.js","names":[],"sources":["../src/react/ui/modals/_internal/components/currencyImage/index.tsx"],"sourcesContent":["'use client';\n\nimport type { Address } from '@0xsequence/api-client';\nimport { TokenImage } from '@0xsequence/design-system';\nimport { useState } from 'react';\nimport type { Price } from '../../../../../../types';\n\nfunction CurrencyImage({ price }: { price: Price | undefined }) {\n\tconst [imageLoadErrorCurrencyAddresses, setImageLoadErrorCurrencyAddresses] =\n\t\tuseState<Address[] | null>(null);\n\n\tif (!price?.currency) {\n\t\treturn <div className=\"h-3 w-3 rounded-full bg-background-secondary\" />;\n\t}\n\n\tif (\n\t\timageLoadErrorCurrencyAddresses?.includes(price.currency.contractAddress)\n\t) {\n\t\treturn <div className=\"h-3 w-3 rounded-full bg-background-secondary\" />;\n\t}\n\n\treturn (\n\t\t<TokenImage\n\t\t\tsrc={price.currency.imageUrl}\n\t\t\tonError={() => {\n\t\t\t\tif (price) {\n\t\t\t\t\tsetImageLoadErrorCurrencyAddresses((prev) => {\n\t\t\t\t\t\tif (!prev) return [price.currency.contractAddress];\n\t\t\t\t\t\tif (!prev.includes(price.currency.contractAddress)) {\n\t\t\t\t\t\t\treturn [...prev, price.currency.contractAddress];\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn prev;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}}\n\t\t\tsize=\"xs\"\n\t\t/>\n\t);\n}\nexport default CurrencyImage;\n"],"mappings":";;;;;AAOA,SAAS,cAAc,EAAE,SAAuC;CAC/D,MAAM,CAAC,iCAAiC,sCACvC,SAA2B,KAAK;AAEjC,KAAI,CAAC,OAAO,SACX,QAAO,oBAAC,SAAI,WAAU,iDAAiD;AAGxE,KACC,iCAAiC,SAAS,MAAM,SAAS,gBAAgB,CAEzE,QAAO,oBAAC,SAAI,WAAU,iDAAiD;AAGxE,QACC,oBAAC;EACA,KAAK,MAAM,SAAS;EACpB,eAAe;AACd,OAAI,MACH,qCAAoC,SAAS;AAC5C,QAAI,CAAC,KAAM,QAAO,CAAC,MAAM,SAAS,gBAAgB;AAClD,QAAI,CAAC,KAAK,SAAS,MAAM,SAAS,gBAAgB,CACjD,QAAO,CAAC,GAAG,MAAM,MAAM,SAAS,gBAAgB;AAEjD,WAAO;KACN;;EAGJ,MAAK;GACJ;;AAGJ,4BAAe"}