@0xsequence/marketplace-sdk 1.2.1 → 2.0.1

package/dist/index8.d.ts

@@ -1,18 +1,129 @@
-import { W as MarketplaceSdkContext, Xi as WalletKind, c as MarketplaceConfig } from "./create-config.js";
-import * as _tanstack_react_query45 from "@tanstack/react-query";
+import { U as MarketCollection, in as MarketplaceKind } from "./index2.js";
+import { r as ClassValue } from "./index3.js";
+import { n as Image } from "./index9.js";
+import * as _0xsequence_network0 from "@0xsequence/network";
+import { NetworkConfig } from "@0xsequence/network";
+import { ComponentType } from "react";
+import { Chain } from "viem";
 
-//#region src/react/hooks/config/useConfig.d.ts
-declare function useConfig(): MarketplaceSdkContext;
+//#region src/utils/address.d.ts
+declare const truncateMiddle: (address: string, minPrefix?: number, minSuffix?: number) => string;
+declare const truncateEnd: (text: string | undefined, truncateAt: number) => string;
+declare const compareAddress: (a?: string, b?: string) => boolean;
 //#endregion
-//#region src/react/hooks/config/useConnectorMetadata.d.ts
-declare const useConnectorMetadata: () => {
-  isWaaS: boolean;
-  isSequence: boolean | undefined;
-  walletKind: WalletKind;
+//#region src/utils/cn.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+//#region src/utils/collection.d.ts
+/**
+ * Finds a market collection matching both the collection address and chain ID.
+ * Always use this instead of manually searching market.collections to avoid
+ * multi-chain bugs where the same collection address exists on different chains.
+ */
+declare const findMarketCollection: (collections: MarketCollection[], collectionAddress: string, chainId: string | number) => MarketCollection | undefined;
+//#endregion
+//#region src/utils/getMarketplaceDetails.d.ts
+interface Marketplace {
+  logo: ComponentType<React.ComponentProps<typeof Image>>;
+  displayName: string;
+}
+type MarketplaceDetailsProp = {
+  originName: string;
+  kind: MarketplaceKind;
 };
+declare function getMarketplaceDetails({
+  originName,
+  kind
+}: MarketplaceDetailsProp): Marketplace | undefined;
+//#endregion
+//#region src/utils/network.d.ts
+type ChainNameOrId = string | number;
+declare const getNetwork: (nameOrId: ChainNameOrId) => _0xsequence_network0.NetworkMetadata;
+declare const getPresentableChainName: (chainId: number) => string;
 //#endregion
-//#region src/react/hooks/config/useMarketplaceConfig.d.ts
-declare const useMarketplaceConfig: () => _tanstack_react_query45.UseQueryResult<MarketplaceConfig, Error>;
+//#region src/utils/networkconfigToWagmiChain.d.ts
+declare const networkToWagmiChain: (network: NetworkConfig) => Chain;
+//#endregion
+//#region src/utils/price.d.ts
+type CalculatePriceDifferencePercentageArgs = {
+  inputPriceRaw: bigint;
+  basePriceRaw: bigint;
+  decimals: number;
+};
+/**
+ * Calculates the percentage difference between two prices
+ * @param args - Object containing input price, base price, and decimals
+ * @returns The percentage difference as a string with 2 decimal places
+ * @example
+ * ```ts
+ * const diff = calculatePriceDifferencePercentage({
+ *   inputPriceRaw: 1000000n,
+ *   basePriceRaw: 900000n,
+ *   decimals: 6
+ * }); // Returns "11.11"
+ * ```
+ */
+declare const calculatePriceDifferencePercentage: ({
+  inputPriceRaw,
+  basePriceRaw,
+  decimals
+}: CalculatePriceDifferencePercentageArgs) => string;
+/**
+ * Formats a raw price amount with the specified number of decimal places
+ * @param amount - The raw price amount as a bigint
+ * @param decimals - Number of decimal places to format to
+ * @returns Formatted price string with proper decimal and thousands separators
+ * @example
+ * ```ts
+ * const formatted = formatPrice(1000000n, 6); // Returns "1.000000"
+ * ```
+ */
+declare const formatPrice: (amount: bigint, decimals: number) => string;
+/**
+ * Calculates the final earnings amount after applying multiple fee percentages
+ * @param amount - The raw amount as a bigint (e.g., from a blockchain transaction)
+ * @param decimals - The number of decimal places for the currency (e.g., 18 for ETH, 6 for USDC)
+ * @param fees - Array of fee percentages to apply (e.g., [2.5, 1.0] for 2.5% and 1% fees)
+ * @returns Formatted string representing the final earnings after all fees are applied
+ * @throws Will return '0' if there's an error in calculation
+ * @example
+ * ```ts
+ * const earnings = calculateEarningsAfterFees(
+ *   1000000000000000000n, // 1 ETH
+ *   18,                   // ETH decimals
+ *   [2.5, 1.0]           // 2.5% and 1% fees
+ * ); // Returns "0.96525" (1 ETH after 2.5% and 1% fees)
+ * ```
+ */
+declare const calculateEarningsAfterFees: (amount: bigint, decimals: number, fees: number[]) => string;
+/**
+ * Formats a price amount with fee applied
+ * @param amount - The raw price amount as a bigint
+ * @param decimals - Number of decimal places for the currency
+ * @param feePercentage - Fee percentage to apply (e.g., 3.5 for 3.5%)
+ * @returns Formatted price string with fee applied and proper decimal/thousands separators
+ * @example
+ * ```ts
+ * const priceWithFee = formatPriceWithFee(1000000n, 6, 3.5); // Returns "1.035"
+ * ```
+ */
+declare const formatPriceWithFee: (amount: bigint, decimals: number, feePercentage: number) => string;
+declare const calculateTotalOfferCost: (offerAmountRaw: bigint, decimals: number, royaltyPercentage?: number) => bigint;
+/**
+ * Validates if a price value meets OpenSea's decimal constraints for offers
+ * OpenSea allows maximum 4 decimal places for offers and minimum 0.0001
+ * @param value - The price value as a string
+ * @returns Object containing validation result and error message
+ * @example
+ * ```ts
+ * const result = validateOpenseaOfferDecimals('0.12345');
+ * // Returns { isValid: false, errorMessage: "Offer amount must be at least 0.0001" }
+ * ```
+ */
+declare const validateOpenseaOfferDecimals: (value: string) => {
+  isValid: boolean;
+  errorMessage?: string;
+};
 //#endregion
-export { useConnectorMetadata as n, useConfig as r, useMarketplaceConfig as t };
+export { formatPriceWithFee as a, getNetwork as c, findMarketCollection as d, cn as f, truncateMiddle as h, formatPrice as i, getPresentableChainName as l, truncateEnd as m, calculatePriceDifferencePercentage as n, validateOpenseaOfferDecimals as o, compareAddress as p, calculateTotalOfferCost as r, networkToWagmiChain as s, calculateEarningsAfterFees as t, getMarketplaceDetails as u };
 //# sourceMappingURL=index8.d.ts.map

package/dist/index9.d.ts

@@ -1,61 +1,47 @@
-import { Lt as ContractType } from "./create-config.js";
-import { i as ERC721_SALE_ABI_V0, n as ERC1155_SALES_CONTRACT_ABI_V0, r as ERC721_SALE_ABI_V1, t as ERC1155_SALES_CONTRACT_ABI_V1 } from "./index5.js";
-import { Address } from "viem";
+import { n as ClassProp, t as HTMLMotionProps } from "./index3.js";
+import { ComponentProps, ComponentType, JSX, ReactNode, SVGProps } from "react";
+import * as react_jsx_runtime from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 
-//#region src/react/hooks/contracts/useSalesContractABI.d.ts
-declare enum SalesContractVersion {
-  V0 = "v0",
-  V1 = "v1",
-}
-interface UseSalesContractABIProps {
-  contractAddress: Address;
-  contractType: ContractType.ERC721 | ContractType.ERC1155;
-  chainId: number;
-  enabled?: boolean;
+//#region ../node_modules/.pnpm/@0xsequence+design-system@3.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+rea_f2f94e8fde2d88ade6b8ffe1be436d4d/node_modules/@0xsequence/design-system/dist/index.d.ts
+
+declare const iconVariants: (props?: ({
+  size?: "default" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & ClassProp) | undefined) => string;
+interface IconProps extends SVGProps<SVGSVGElement>, VariantProps<typeof iconVariants> {}
+declare const buttonVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+  shape?: "circle" | "square" | null | undefined;
+  variant?: "destructive" | "primary" | "secondary" | "text" | "outline" | "ghost" | "emphasis" | null | undefined;
+  disabled?: boolean | null | undefined;
+  iconOnly?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+declare function Button({
+  className,
+  variant,
+  size,
+  shape,
+  iconOnly,
+  disabled,
+  asChild,
+  ...props
+}: ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare namespace Button {
+  var Helper: (props: ButtonHelperProps) => react_jsx_runtime.JSX.Element;
 }
-type UseSalesContractABIResult = {
-  version: null;
-  abi: null;
-  contractType: null;
-  isLoading: true;
-  error: null;
-} | {
-  version: SalesContractVersion.V0;
-  abi: typeof ERC721_SALE_ABI_V0;
-  contractType: ContractType.ERC721;
-  isLoading: false;
-  error: null;
-} | {
-  version: SalesContractVersion.V0;
-  abi: typeof ERC1155_SALES_CONTRACT_ABI_V0;
-  contractType: ContractType.ERC1155;
-  isLoading: false;
-  error: null;
-} | {
-  version: SalesContractVersion.V1;
-  abi: typeof ERC721_SALE_ABI_V1;
-  contractType: ContractType.ERC721;
-  isLoading: false;
-  error: null;
-} | {
-  version: SalesContractVersion.V1;
-  abi: typeof ERC1155_SALES_CONTRACT_ABI_V1;
-  contractType: ContractType.ERC1155;
-  isLoading: false;
-  error: null;
-} | {
-  version: null;
-  abi: null;
-  contractType: null;
-  isLoading: false;
-  error: Error;
+type ButtonHelperProps = ComponentProps<typeof Button> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+  pending?: boolean;
+  label?: ReactNode;
+  leftIcon?: ComponentType<IconProps>;
+  rightIcon?: ComponentType<IconProps>;
 };
-declare function useSalesContractABI({
-  contractAddress,
-  contractType,
-  chainId,
-  enabled
-}: UseSalesContractABIProps): UseSalesContractABIResult;
+interface ImageProps extends HTMLMotionProps<'img'> {
+  fadeIn?: boolean;
+}
+declare const Image: (props: ImageProps) => react_jsx_runtime.JSX.Element;
 //#endregion
-export { useSalesContractABI as n, SalesContractVersion as t };
+export { Image as n, Button as t };
 //# sourceMappingURL=index9.d.ts.map

package/dist/inventory.d.ts

@@ -0,0 +1,46 @@
+import { It as ChainId, Mt as TokenBalance$1, Pt as TokenMetadata$1, an as MetadataStatus, fn as Page, kt as GetUserCollectionBalancesRequest, s as ContractType } from "./index2.js";
+import { W as SdkQueryParams, X as WithRequired, it as WithOptionalParams } from "./create-config.js";
+import * as _tanstack_react_query421 from "@tanstack/react-query";
+
+//#region src/react/queries/inventory/inventory.d.ts
+type FetchInventoryParams = GetUserCollectionBalancesRequest & {
+  chainId: ChainId;
+  includeNonTradable?: boolean;
+  page?: number;
+  pageSize?: number;
+};
+type CollectibleMetadata = Pick<TokenMetadata$1, 'tokenId' | 'attributes' | 'image' | 'name' | 'description' | 'video' | 'audio'> & {
+  status: MetadataStatus;
+};
+type CollectibleWithBalance = Pick<TokenBalance$1, 'contractInfo'> & {
+  metadata: CollectibleMetadata;
+  balance: string;
+  contractType: ContractType.ERC1155 | ContractType.ERC721;
+};
+type CollectiblesResponse = {
+  collectibles: CollectibleWithBalance[];
+  page: Page;
+  isTradable: boolean;
+};
+type InventoryQueryOptions = SdkQueryParams<FetchInventoryParams, {
+  enabled?: boolean;
+}>;
+/**
+ * @deprecated Use InventoryQueryOptions instead
+ */
+type UseInventoryArgs = Omit<InventoryQueryOptions, 'config'> & {
+  config?: InventoryQueryOptions['config'];
+};
+declare function fetchInventory(params: WithRequired<InventoryQueryOptions, 'userAddress' | 'collectionAddress' | 'chainId' | 'config'>): Promise<CollectiblesResponse>;
+declare function getInventoryQueryKey(params: InventoryQueryOptions): readonly ["inventory", `0x${string}` | undefined, `0x${string}` | undefined, number | undefined, number, number];
+declare function inventoryOptions(params: WithOptionalParams<WithRequired<InventoryQueryOptions, 'userAddress' | 'collectionAddress' | 'chainId' | 'config'>>): _tanstack_react_query421.OmitKeyof<_tanstack_react_query421.UseQueryOptions<CollectiblesResponse, Error, CollectiblesResponse, readonly unknown[]>, "queryFn"> & {
+  queryFn?: _tanstack_react_query421.QueryFunction<CollectiblesResponse, readonly unknown[], never> | undefined;
+} & {
+  queryKey: readonly unknown[] & {
+    [dataTagSymbol]: CollectiblesResponse;
+    [dataTagErrorSymbol]: Error;
+  };
+};
+//#endregion
+export { InventoryQueryOptions as a, getInventoryQueryKey as c, FetchInventoryParams as i, inventoryOptions as l, CollectibleWithBalance as n, UseInventoryArgs as o, CollectiblesResponse as r, fetchInventory as s, CollectibleMetadata as t };
+//# sourceMappingURL=inventory.d.ts.map

package/dist/inventory.js

@@ -1,15 +1,26 @@
-import { _ as getQueryClient } from "./api.js";
-import { h as MetadataStatus } from "./marketplace.gen.js";
-import { l as compareAddress } from "./utils.js";
-import { t as fetchMarketplaceConfig } from "./marketplaceConfig.js";
-import { r as tokenBalancesOptions } from "./tokenBalances.js";
-import { queryOptions } from "@tanstack/react-query";
+import { f as MetadataStatus, t as ContractType } from "./dist.js";
+import { c as findMarketCollection } from "./utils.js";
+import { g as getQueryClient } from "./api.js";
+import { r as buildQueryOptions } from "./_internal.js";
+import { r as tokenBalancesOptions } from "./token-balances.js";
+import { t as fetchMarketplaceConfig } from "./config.js";
+import { isAddress } from "viem";
 
 //#region src/react/queries/inventory/inventory.ts
+/**
+* Validates if a contract type is a valid collectible type (ERC721 or ERC1155)
+*/
+function isCollectibleContractType(contractType) {
+	return contractType === ContractType.ERC721 || contractType === ContractType.ERC1155;
+}
+/**
+* Transforms an Indexer token balance into a collectible with metadata
+* @throws Error if token is not a valid collectible type (ERC721/ERC1155)
+*/
 function collectibleFromTokenBalance(token) {
 	return {
 		metadata: {
-			tokenId: token.tokenID ?? "",
+			tokenId: token.tokenId ?? 0n,
 			attributes: token.tokenMetadata?.attributes ?? [],
 			image: token.tokenMetadata?.image,
 			name: token.tokenMetadata?.name ?? "",
@@ -20,49 +31,61 @@ function collectibleFromTokenBalance(token) {
 		},
 		contractInfo: token.contractInfo,
 		contractType: token.contractType,
-		balance: token.balance
+		balance: token.balance.toString()
 	};
 }
-async function fetchIndexerTokens(chainId, accountAddress, collectionAddress, config) {
+async function fetchIndexerTokens(params) {
+	const { chainId, userAddress, collectionAddress, config } = params;
 	return { collectibles: (await getQueryClient().fetchQuery(tokenBalancesOptions({
 		collectionAddress,
-		userAddress: accountAddress,
+		userAddress,
 		chainId,
-		includeMetadata: true
-	}, config))).map((balance) => collectibleFromTokenBalance(balance)) };
+		includeMetadata: true,
+		config
+	}))).filter((balance) => isCollectibleContractType(balance.contractType)).map((balance) => collectibleFromTokenBalance(balance)) };
 }
-async function fetchInventory(args, config, page) {
-	const { accountAddress, collectionAddress, chainId } = args;
-	const isTradable = ((await fetchMarketplaceConfig({ config }))?.market.collections || []).some((collection) => compareAddress(collection.itemsAddress, collectionAddress));
-	const { collectibles } = await fetchIndexerTokens(chainId, accountAddress, collectionAddress, config);
+async function fetchInventory(params) {
+	const { userAddress, collectionAddress, chainId, config, page = 1, pageSize = 30 } = params;
+	const isTradable = !!findMarketCollection((await fetchMarketplaceConfig({ config }))?.market.collections || [], collectionAddress, chainId);
+	const { collectibles } = await fetchIndexerTokens({
+		chainId,
+		userAddress,
+		collectionAddress,
+		config
+	});
 	return {
 		collectibles,
 		page: {
-			page: page.page,
-			pageSize: page.pageSize
+			page,
+			pageSize
 		},
 		isTradable
 	};
 }
-function inventoryOptions(args, config) {
-	const enabled = (args.query?.enabled ?? true) && !!args.accountAddress && !!args.collectionAddress;
-	return queryOptions({
-		queryKey: [
-			"inventory",
-			args.accountAddress,
-			args.collectionAddress,
-			args.chainId,
-			args.query?.page ?? 1,
-			args.query?.pageSize ?? 30
+function getInventoryQueryKey(params) {
+	return [
+		"inventory",
+		params.userAddress,
+		params.collectionAddress,
+		params.chainId,
+		params.page ?? 1,
+		params.pageSize ?? 30
+	];
+}
+function inventoryOptions(params) {
+	return buildQueryOptions({
+		getQueryKey: getInventoryQueryKey,
+		requiredParams: [
+			"userAddress",
+			"collectionAddress",
+			"chainId",
+			"config"
 		],
-		queryFn: () => fetchInventory({ ...args }, config, {
-			page: args.query?.page ?? 1,
-			pageSize: args.query?.pageSize ?? 30
-		}),
-		enabled
-	});
+		fetcher: fetchInventory,
+		customValidation: (p) => !!p.collectionAddress && isAddress(p.collectionAddress)
+	}, params);
 }
 
 //#endregion
-export { inventoryOptions as n, fetchInventory as t };
+export { getInventoryQueryKey as n, inventoryOptions as r, fetchInventory as t };
 //# sourceMappingURL=inventory.js.map

package/dist/inventory.js.map

@@ -1 +1 @@
-{"version":3,"file":"inventory.js","names":[],"sources":["../src/react/queries/inventory/inventory.ts"],"sourcesContent":["import type { ContractInfo, TokenBalance } from '@0xsequence/indexer';\nimport { queryOptions } from '@tanstack/react-query';\nimport type { Address } from 'viem';\nimport type { Page, SdkConfig } from '../../../types';\nimport { compareAddress } from '../../../utils';\nimport {\n\ttype ContractType,\n\tgetQueryClient,\n\tMetadataStatus,\n} from '../../_internal';\nimport { tokenBalancesOptions } from '../collectibles/tokenBalances';\nimport { fetchMarketplaceConfig } from '../market/marketplaceConfig';\n\nexport interface UseInventoryArgs {\n\taccountAddress: Address;\n\tcollectionAddress: Address;\n\tchainId: number;\n\tincludeNonTradable?: boolean;\n\tquery?: {\n\t\tenabled?: boolean;\n\t\tpage?: number;\n\t\tpageSize?: number;\n\t};\n}\n\ntype GetInventoryArgs = Omit<UseInventoryArgs, 'query'>;\n\ninterface CollectibleWithBalance {\n\tmetadata: {\n\t\ttokenId: string;\n\t\tattributes: Array<any>;\n\t\timage?: string;\n\t\tname: string;\n\t\tdescription?: string;\n\t\tvideo?: string;\n\t\taudio?: string;\n\t\tstatus: MetadataStatus;\n\t};\n\tbalance: string;\n\tcontractInfo?: ContractInfo;\n\tcontractType: ContractType.ERC1155 | ContractType.ERC721;\n}\n\nexport interface CollectiblesResponse {\n\tcollectibles: CollectibleWithBalance[];\n\tpage: Page;\n\tisTradable: boolean;\n}\n\nfunction collectibleFromTokenBalance(\n\ttoken: TokenBalance,\n): CollectibleWithBalance {\n\treturn {\n\t\tmetadata: {\n\t\t\ttokenId: token.tokenID ?? '',\n\t\t\tattributes: token.tokenMetadata?.attributes ?? [],\n\t\t\timage: token.tokenMetadata?.image,\n\t\t\tname: token.tokenMetadata?.name ?? '',\n\t\t\tdescription: token.tokenMetadata?.description,\n\t\t\tvideo: token.tokenMetadata?.video,\n\t\t\taudio: token.tokenMetadata?.audio,\n\t\t\tstatus: MetadataStatus.AVAILABLE,\n\t\t},\n\t\tcontractInfo: token.contractInfo,\n\t\tcontractType: token.contractType as unknown as\n\t\t\t| ContractType.ERC1155\n\t\t\t| ContractType.ERC721,\n\t\tbalance: token.balance,\n\t};\n}\n\nasync function fetchIndexerTokens(\n\tchainId: number,\n\taccountAddress: Address,\n\tcollectionAddress: Address,\n\tconfig: SdkConfig,\n): Promise<{ collectibles: CollectibleWithBalance[] }> {\n\tconst queryClient = getQueryClient();\n\tconst balances = await queryClient.fetchQuery(\n\t\ttokenBalancesOptions(\n\t\t\t{\n\t\t\t\tcollectionAddress,\n\t\t\t\tuserAddress: accountAddress,\n\t\t\t\tchainId,\n\t\t\t\tincludeMetadata: true,\n\t\t\t},\n\t\t\tconfig,\n\t\t),\n\t);\n\n\tconst collectibles = balances.map((balance) =>\n\t\tcollectibleFromTokenBalance(balance),\n\t);\n\n\treturn {\n\t\tcollectibles,\n\t};\n}\n\nexport async function fetchInventory(\n\targs: GetInventoryArgs,\n\tconfig: SdkConfig,\n\tpage: Page,\n): Promise<CollectiblesResponse> {\n\tconst { accountAddress, collectionAddress, chainId } = args;\n\tconst marketplaceConfig = await fetchMarketplaceConfig({ config });\n\n\tconst marketCollections = marketplaceConfig?.market.collections || [];\n\n\tconst isMarketCollection = marketCollections.some((collection) =>\n\t\tcompareAddress(collection.itemsAddress, collectionAddress),\n\t);\n\n\t// Determine if this collection is tradable (market collection vs shop collection)\n\tconst isTradable = isMarketCollection;\n\n\t// Fetch collectibles from indexer\n\tconst { collectibles } = await fetchIndexerTokens(\n\t\tchainId,\n\t\taccountAddress,\n\t\tcollectionAddress,\n\t\tconfig,\n\t);\n\n\treturn {\n\t\tcollectibles,\n\t\tpage: {\n\t\t\tpage: page.page,\n\t\t\tpageSize: page.pageSize,\n\t\t},\n\t\tisTradable,\n\t};\n}\n\nexport function inventoryOptions(args: UseInventoryArgs, config: SdkConfig) {\n\tconst enabledQuery = args.query?.enabled ?? true;\n\tconst enabled =\n\t\tenabledQuery && !!args.accountAddress && !!args.collectionAddress;\n\n\treturn queryOptions({\n\t\tqueryKey: [\n\t\t\t'inventory',\n\t\t\targs.accountAddress,\n\t\t\targs.collectionAddress,\n\t\t\targs.chainId,\n\t\t\targs.query?.page ?? 1,\n\t\t\targs.query?.pageSize ?? 30,\n\t\t],\n\t\tqueryFn: () =>\n\t\t\tfetchInventory(\n\t\t\t\t{\n\t\t\t\t\t...args,\n\t\t\t\t},\n\t\t\t\tconfig,\n\t\t\t\t{\n\t\t\t\t\tpage: args.query?.page ?? 1,\n\t\t\t\t\tpageSize: args.query?.pageSize ?? 30,\n\t\t\t\t},\n\t\t\t),\n\t\tenabled,\n\t});\n}\n"],"mappings":";;;;;;;;AAiDA,SAAS,4BACR,OACyB;AACzB,QAAO;EACN,UAAU;GACT,SAAS,MAAM,WAAW;GAC1B,YAAY,MAAM,eAAe,cAAc,EAAE;GACjD,OAAO,MAAM,eAAe;GAC5B,MAAM,MAAM,eAAe,QAAQ;GACnC,aAAa,MAAM,eAAe;GAClC,OAAO,MAAM,eAAe;GAC5B,OAAO,MAAM,eAAe;GAC5B,QAAQ,eAAe;GACvB;EACD,cAAc,MAAM;EACpB,cAAc,MAAM;EAGpB,SAAS,MAAM;EACf;;AAGF,eAAe,mBACd,SACA,gBACA,mBACA,QACsD;AAkBtD,QAAO,EACN,eAjBgB,MADG,gBAAgB,CACD,WAClC,qBACC;EACC;EACA,aAAa;EACb;EACA,iBAAiB;EACjB,EACD,OACA,CACD,EAE6B,KAAK,YAClC,4BAA4B,QAAQ,CACpC,EAIA;;AAGF,eAAsB,eACrB,MACA,QACA,MACgC;CAChC,MAAM,EAAE,gBAAgB,mBAAmB,YAAY;CAUvD,MAAM,eAToB,MAAM,uBAAuB,EAAE,QAAQ,CAAC,GAErB,OAAO,eAAe,EAAE,EAExB,MAAM,eAClD,eAAe,WAAW,cAAc,kBAAkB,CAC1D;CAMD,MAAM,EAAE,iBAAiB,MAAM,mBAC9B,SACA,gBACA,mBACA,OACA;AAED,QAAO;EACN;EACA,MAAM;GACL,MAAM,KAAK;GACX,UAAU,KAAK;GACf;EACD;EACA;;AAGF,SAAgB,iBAAiB,MAAwB,QAAmB;CAE3E,MAAM,WADe,KAAK,OAAO,WAAW,SAE3B,CAAC,CAAC,KAAK,kBAAkB,CAAC,CAAC,KAAK;AAEjD,QAAO,aAAa;EACnB,UAAU;GACT;GACA,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK,OAAO,QAAQ;GACpB,KAAK,OAAO,YAAY;GACxB;EACD,eACC,eACC,EACC,GAAG,MACH,EACD,QACA;GACC,MAAM,KAAK,OAAO,QAAQ;GAC1B,UAAU,KAAK,OAAO,YAAY;GAClC,CACD;EACF;EACA,CAAC"}
+{"version":3,"file":"inventory.js","names":[],"sources":["../src/react/queries/inventory/inventory.ts"],"sourcesContent":["import type {\n\tChainId,\n\tGetUserCollectionBalancesRequest,\n\tIndexerTokenMetadata,\n\tIndexerTokenBalance as TokenBalance,\n} from '@0xsequence/api-client';\nimport { ContractType, MetadataStatus } from '@0xsequence/api-client';\nimport { isAddress } from 'viem';\nimport type { Page } from '../../../types';\nimport { findMarketCollection } from '../../../utils';\nimport {\n\tbuildQueryOptions,\n\tgetQueryClient,\n\ttype SdkQueryParams,\n\ttype WithOptionalParams,\n\ttype WithRequired,\n} from '../../_internal';\nimport { tokenBalancesOptions } from '../collectible/token-balances';\nimport { fetchMarketplaceConfig } from '../marketplace/config';\n\nexport type FetchInventoryParams = GetUserCollectionBalancesRequest & {\n\tchainId: ChainId;\n\tincludeNonTradable?: boolean;\n\tpage?: number;\n\tpageSize?: number;\n};\n\nexport type CollectibleMetadata = Pick<\n\tIndexerTokenMetadata,\n\t| 'tokenId'\n\t| 'attributes'\n\t| 'image'\n\t| 'name'\n\t| 'description'\n\t| 'video'\n\t| 'audio'\n> & {\n\tstatus: MetadataStatus;\n};\n\nexport type CollectibleWithBalance = Pick<TokenBalance, 'contractInfo'> & {\n\tmetadata: CollectibleMetadata;\n\tbalance: string;\n\tcontractType: ContractType.ERC1155 | ContractType.ERC721;\n};\n\nexport type CollectiblesResponse = {\n\tcollectibles: CollectibleWithBalance[];\n\tpage: Page;\n\tisTradable: boolean;\n};\n\n/**\n * Validates if a contract type is a valid collectible type (ERC721 or ERC1155)\n */\nfunction isCollectibleContractType(\n\tcontractType: string,\n): contractType is ContractType.ERC721 | ContractType.ERC1155 {\n\t// eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison -- Intentional type guard comparing string with enum\n\treturn (\n\t\tcontractType === ContractType.ERC721 ||\n\t\tcontractType === ContractType.ERC1155\n\t);\n}\n\n/**\n * Transforms an Indexer token balance into a collectible with metadata\n * @throws Error if token is not a valid collectible type (ERC721/ERC1155)\n */\nfunction collectibleFromTokenBalance(\n\ttoken: TokenBalance,\n): CollectibleWithBalance {\n\treturn {\n\t\tmetadata: {\n\t\t\ttokenId: token.tokenId ?? 0n,\n\t\t\tattributes: token.tokenMetadata?.attributes ?? [],\n\t\t\timage: token.tokenMetadata?.image,\n\t\t\tname: token.tokenMetadata?.name ?? '',\n\t\t\tdescription: token.tokenMetadata?.description,\n\t\t\tvideo: token.tokenMetadata?.video,\n\t\t\taudio: token.tokenMetadata?.audio,\n\t\t\tstatus: MetadataStatus.AVAILABLE,\n\t\t},\n\t\tcontractInfo: token.contractInfo,\n\t\tcontractType: token.contractType as\n\t\t\t| ContractType.ERC721\n\t\t\t| ContractType.ERC1155,\n\t\tbalance: token.balance.toString(),\n\t};\n}\n\nasync function fetchIndexerTokens(\n\tparams: WithRequired<\n\t\tInventoryQueryOptions,\n\t\t'chainId' | 'userAddress' | 'collectionAddress' | 'config'\n\t>,\n): Promise<{ collectibles: CollectibleWithBalance[] }> {\n\tconst { chainId, userAddress, collectionAddress, config } = params;\n\tconst queryClient = getQueryClient();\n\tconst balances = await queryClient.fetchQuery(\n\t\ttokenBalancesOptions({\n\t\t\tcollectionAddress,\n\t\t\tuserAddress,\n\t\t\tchainId,\n\t\t\tincludeMetadata: true,\n\t\t\tconfig,\n\t\t}),\n\t);\n\n\tconst collectibles = balances\n\t\t.filter((balance) => isCollectibleContractType(balance.contractType))\n\t\t.map((balance) => collectibleFromTokenBalance(balance));\n\n\treturn {\n\t\tcollectibles,\n\t};\n}\n\nexport type InventoryQueryOptions = SdkQueryParams<\n\tFetchInventoryParams,\n\t{\n\t\tenabled?: boolean;\n\t}\n>;\n\n/**\n * @deprecated Use InventoryQueryOptions instead\n */\nexport type UseInventoryArgs = Omit<InventoryQueryOptions, 'config'> & {\n\tconfig?: InventoryQueryOptions['config'];\n};\n\nexport async function fetchInventory(\n\tparams: WithRequired<\n\t\tInventoryQueryOptions,\n\t\t'userAddress' | 'collectionAddress' | 'chainId' | 'config'\n\t>,\n): Promise<CollectiblesResponse> {\n\tconst {\n\t\tuserAddress,\n\t\tcollectionAddress,\n\t\tchainId,\n\t\tconfig,\n\t\tpage = 1,\n\t\tpageSize = 30,\n\t} = params;\n\tconst marketplaceConfig = await fetchMarketplaceConfig({ config });\n\n\tconst marketCollections = marketplaceConfig?.market.collections || [];\n\n\tconst isMarketCollection = !!findMarketCollection(\n\t\tmarketCollections,\n\t\tcollectionAddress,\n\t\tchainId,\n\t);\n\n\t// Determine if this collection is tradable (market collection vs shop collection)\n\tconst isTradable = isMarketCollection;\n\n\t// Fetch collectibles from indexer\n\tconst { collectibles } = await fetchIndexerTokens({\n\t\tchainId,\n\t\tuserAddress,\n\t\tcollectionAddress,\n\t\tconfig,\n\t});\n\n\treturn {\n\t\tcollectibles,\n\t\tpage: {\n\t\t\tpage,\n\t\t\tpageSize,\n\t\t},\n\t\tisTradable,\n\t};\n}\n\nexport function getInventoryQueryKey(params: InventoryQueryOptions) {\n\treturn [\n\t\t'inventory',\n\t\tparams.userAddress,\n\t\tparams.collectionAddress,\n\t\tparams.chainId,\n\t\tparams.page ?? 1,\n\t\tparams.pageSize ?? 30,\n\t] as const;\n}\n\nexport function inventoryOptions(\n\tparams: WithOptionalParams<\n\t\tWithRequired<\n\t\t\tInventoryQueryOptions,\n\t\t\t'userAddress' | 'collectionAddress' | 'chainId' | 'config'\n\t\t>\n\t>,\n) {\n\treturn buildQueryOptions(\n\t\t{\n\t\t\tgetQueryKey: getInventoryQueryKey,\n\t\t\trequiredParams: [\n\t\t\t\t'userAddress',\n\t\t\t\t'collectionAddress',\n\t\t\t\t'chainId',\n\t\t\t\t'config',\n\t\t\t] as const,\n\t\t\tfetcher: fetchInventory,\n\t\t\tcustomValidation: (p) =>\n\t\t\t\t!!p.collectionAddress && isAddress(p.collectionAddress),\n\t\t},\n\t\tparams,\n\t);\n}\n"],"mappings":";;;;;;;;;;;;AAuDA,SAAS,0BACR,cAC6D;AAE7D,QACC,iBAAiB,aAAa,UAC9B,iBAAiB,aAAa;;;;;;AAQhC,SAAS,4BACR,OACyB;AACzB,QAAO;EACN,UAAU;GACT,SAAS,MAAM,WAAW;GAC1B,YAAY,MAAM,eAAe,cAAc,EAAE;GACjD,OAAO,MAAM,eAAe;GAC5B,MAAM,MAAM,eAAe,QAAQ;GACnC,aAAa,MAAM,eAAe;GAClC,OAAO,MAAM,eAAe;GAC5B,OAAO,MAAM,eAAe;GAC5B,QAAQ,eAAe;GACvB;EACD,cAAc,MAAM;EACpB,cAAc,MAAM;EAGpB,SAAS,MAAM,QAAQ,UAAU;EACjC;;AAGF,eAAe,mBACd,QAIsD;CACtD,MAAM,EAAE,SAAS,aAAa,mBAAmB,WAAW;AAgB5D,QAAO,EACN,eAfgB,MADG,gBAAgB,CACD,WAClC,qBAAqB;EACpB;EACA;EACA;EACA,iBAAiB;EACjB;EACA,CAAC,CACF,EAGC,QAAQ,YAAY,0BAA0B,QAAQ,aAAa,CAAC,CACpE,KAAK,YAAY,4BAA4B,QAAQ,CAAC,EAIvD;;AAiBF,eAAsB,eACrB,QAIgC;CAChC,MAAM,EACL,aACA,mBACA,SACA,QACA,OAAO,GACP,WAAW,OACR;CAYJ,MAAM,aAPqB,CAAC,CAAC,sBAJH,MAAM,uBAAuB,EAAE,QAAQ,CAAC,GAErB,OAAO,eAAe,EAAE,EAIpE,mBACA,QACA;CAMD,MAAM,EAAE,iBAAiB,MAAM,mBAAmB;EACjD;EACA;EACA;EACA;EACA,CAAC;AAEF,QAAO;EACN;EACA,MAAM;GACL;GACA;GACA;EACD;EACA;;AAGF,SAAgB,qBAAqB,QAA+B;AACnE,QAAO;EACN;EACA,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO,QAAQ;EACf,OAAO,YAAY;EACnB;;AAGF,SAAgB,iBACf,QAMC;AACD,QAAO,kBACN;EACC,aAAa;EACb,gBAAgB;GACf;GACA;GACA;GACA;GACA;EACD,SAAS;EACT,mBAAmB,MAClB,CAAC,CAAC,EAAE,qBAAqB,UAAU,EAAE,kBAAkB;EACxD,EACD,OACA"}

package/dist/marketplace-logos.js

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 const createMarketplaceLogo = (importFn, alt) => {
 	const LazyLogo = lazy(async () => {
 		const src = await importFn();
-		return { default: function MarketplaceLogo({ alt: altProp, ...props }) {
+		return { default({ alt: altProp, ...props }) {
 			return /* @__PURE__ */ jsx(Image, {
 				src: src.default,
 				alt: altProp || alt,

package/dist/marketplace-logos.js.map

@@ -1 +1 @@
-{"version":3,"file":"marketplace-logos.js","names":[],"sources":["../src/react/ui/components/marketplace-logos/marketplace-logos.tsx"],"sourcesContent":["import { Image } from '@0xsequence/design-system';\nimport { type ComponentProps, lazy, Suspense } from 'react';\n\n/* @__PURE__ */\nconst createMarketplaceLogo = (\n\timportFn: () => Promise<{ default: string }>,\n\talt: string,\n) => {\n\tconst LazyLogo = lazy(async () => {\n\t\tconst src = await importFn();\n\t\treturn {\n\t\t\tdefault: function MarketplaceLogo({\n\t\t\t\talt: altProp,\n\t\t\t\t...props\n\t\t\t}: ComponentProps<typeof Image>) {\n\t\t\t\treturn <Image src={src.default} alt={altProp || alt} {...props} />;\n\t\t\t},\n\t\t};\n\t});\n\n\treturn function MarketplaceLogo(props: ComponentProps<typeof Image>) {\n\t\treturn (\n\t\t\t<Suspense\n\t\t\t\tfallback={<div style={{ width: props.width, height: props.height }} />}\n\t\t\t>\n\t\t\t\t{/* @ts-ignore */}\n\t\t\t\t<LazyLogo {...props} />\n\t\t\t</Suspense>\n\t\t);\n\t};\n};\n\nexport const AlienSwapLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/alien_swap.png'),\n\t'AlienSwap Logo',\n);\nexport const AquaXyzLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/aqua-xyz.png'),\n\t'AquaXyz Logo',\n);\nexport const AuraLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/aura.png'),\n\t'Aura Logo',\n);\nexport const BlurLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/blur.png'),\n\t'Blur Logo',\n);\nexport const CoinbaseLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/coinbase.png'),\n\t'Coinbase Logo',\n);\nexport const ElementLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/element.png'),\n\t'Element Logo',\n);\nexport const FoundationLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/foundation.png'),\n\t'Foundation Logo',\n);\nexport const LooksRareLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/looks-rare.png'),\n\t'LooksRare Logo',\n);\nexport const MagicEdenLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/magic-eden.png'),\n\t'MagicEden Logo',\n);\nexport const ManifoldLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/manifold.png'),\n\t'Manifold Logo',\n);\nexport const MintifyLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/mintify.png'),\n\t'Mintify Logo',\n);\nexport const NftxLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/nftx.png'),\n\t'NFTX Logo',\n);\nexport const OkxLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/okx.png'),\n\t'OKX Logo',\n);\nexport const OpenSeaLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/open-sea.png'),\n\t'OpenSea Logo',\n);\nexport const RaribleLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/rarible.png'),\n\t'Rarible Logo',\n);\nexport const SequenceLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/sequence.png'),\n\t'Sequence Logo',\n);\nexport const SudoSwapLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/sudo-swap.png'),\n\t'SudoSwap Logo',\n);\nexport const SuperRareLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/super-rare.png'),\n\t'SuperRare Logo',\n);\nexport const X2y2Logo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/x2y2.png'),\n\t'X2Y2 Logo',\n);\nexport const ZoraLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/zora.png'),\n\t'Zora Logo',\n);\n"],"mappings":";;;;;AAIA,MAAM,yBACL,UACA,QACI;CACJ,MAAM,WAAW,KAAK,YAAY;EACjC,MAAM,MAAM,MAAM,UAAU;AAC5B,SAAO,EACN,SAAS,SAAS,gBAAgB,EACjC,KAAK,SACL,GAAG,SAC6B;AAChC,UAAO,oBAAC;IAAM,KAAK,IAAI;IAAS,KAAK,WAAW;IAAK,GAAI;KAAS;KAEnE;GACA;AAEF,QAAO,SAAS,gBAAgB,OAAqC;AACpE,SACC,oBAAC;GACA,UAAU,oBAAC,SAAI,OAAO;IAAE,OAAO,MAAM;IAAO,QAAQ,MAAM;IAAQ,GAAI;aAGtE,oBAAC,YAAS,GAAI,QAAS;IACb;;;AAKd,MAAa,gBAAgB,4BACtB,OAAO,oBACb,iBACA;AACD,MAAa,cAAc,4BACpB,OAAO,kBACb,eACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA;AACD,MAAa,eAAe,4BACrB,OAAO,kBACb,gBACA;AACD,MAAa,cAAc,4BACpB,OAAO,iBACb,eACA;AACD,MAAa,iBAAiB,4BACvB,OAAO,oBACb,kBACA;AACD,MAAa,gBAAgB,4BACtB,OAAO,oBACb,iBACA;AACD,MAAa,gBAAgB,4BACtB,OAAO,oBACb,iBACA;AACD,MAAa,eAAe,4BACrB,OAAO,kBACb,gBACA;AACD,MAAa,cAAc,4BACpB,OAAO,iBACb,eACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA;AACD,MAAa,UAAU,4BAChB,OAAO,aACb,WACA;AACD,MAAa,cAAc,4BACpB,OAAO,kBACb,eACA;AACD,MAAa,cAAc,4BACpB,OAAO,iBACb,eACA;AACD,MAAa,eAAe,4BACrB,OAAO,kBACb,gBACA;AACD,MAAa,eAAe,4BACrB,OAAO,mBACb,gBACA;AACD,MAAa,gBAAgB,4BACtB,OAAO,oBACb,iBACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA"}
+{"version":3,"file":"marketplace-logos.js","names":[],"sources":["../src/react/ui/components/marketplace-logos/marketplace-logos.tsx"],"sourcesContent":["import { Image } from '@0xsequence/design-system';\nimport { type ComponentProps, lazy, Suspense } from 'react';\n\n/* @__PURE__ */\nconst createMarketplaceLogo = (\n\timportFn: () => Promise<{ default: string }>,\n\talt: string,\n) => {\n\tconst LazyLogo = lazy(async () => {\n\t\tconst src = await importFn();\n\t\treturn {\n\t\t\tdefault({ alt: altProp, ...props }: ComponentProps<typeof Image>) {\n\t\t\t\treturn <Image src={src.default} alt={altProp || alt} {...props} />;\n\t\t\t},\n\t\t};\n\t});\n\n\treturn function MarketplaceLogo(props: ComponentProps<typeof Image>) {\n\t\treturn (\n\t\t\t<Suspense\n\t\t\t\tfallback={<div style={{ width: props.width, height: props.height }} />}\n\t\t\t>\n\t\t\t\t<LazyLogo {...props} />\n\t\t\t</Suspense>\n\t\t);\n\t};\n};\n\nexport const AlienSwapLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/alien_swap.png'),\n\t'AlienSwap Logo',\n);\nexport const AquaXyzLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/aqua-xyz.png'),\n\t'AquaXyz Logo',\n);\nexport const AuraLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/aura.png'),\n\t'Aura Logo',\n);\nexport const BlurLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/blur.png'),\n\t'Blur Logo',\n);\nexport const CoinbaseLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/coinbase.png'),\n\t'Coinbase Logo',\n);\nexport const ElementLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/element.png'),\n\t'Element Logo',\n);\nexport const FoundationLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/foundation.png'),\n\t'Foundation Logo',\n);\nexport const LooksRareLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/looks-rare.png'),\n\t'LooksRare Logo',\n);\nexport const MagicEdenLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/magic-eden.png'),\n\t'MagicEden Logo',\n);\nexport const ManifoldLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/manifold.png'),\n\t'Manifold Logo',\n);\nexport const MintifyLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/mintify.png'),\n\t'Mintify Logo',\n);\nexport const NftxLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/nftx.png'),\n\t'NFTX Logo',\n);\nexport const OkxLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/okx.png'),\n\t'OKX Logo',\n);\nexport const OpenSeaLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/open-sea.png'),\n\t'OpenSea Logo',\n);\nexport const RaribleLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/rarible.png'),\n\t'Rarible Logo',\n);\nexport const SequenceLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/sequence.png'),\n\t'Sequence Logo',\n);\nexport const SudoSwapLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/sudo-swap.png'),\n\t'SudoSwap Logo',\n);\nexport const SuperRareLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/super-rare.png'),\n\t'SuperRare Logo',\n);\nexport const X2y2Logo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/x2y2.png'),\n\t'X2Y2 Logo',\n);\nexport const ZoraLogo = createMarketplaceLogo(\n\t() => import('../../images/marketplaces/zora.png'),\n\t'Zora Logo',\n);\n"],"mappings":";;;;;AAIA,MAAM,yBACL,UACA,QACI;CACJ,MAAM,WAAW,KAAK,YAAY;EACjC,MAAM,MAAM,MAAM,UAAU;AAC5B,SAAO,EACN,QAAQ,EAAE,KAAK,SAAS,GAAG,SAAuC;AACjE,UAAO,oBAAC;IAAM,KAAK,IAAI;IAAS,KAAK,WAAW;IAAK,GAAI;KAAS;KAEnE;GACA;AAEF,QAAO,SAAS,gBAAgB,OAAqC;AACpE,SACC,oBAAC;GACA,UAAU,oBAAC,SAAI,OAAO;IAAE,OAAO,MAAM;IAAO,QAAQ,MAAM;IAAQ,GAAI;aAEtE,oBAAC,YAAS,GAAI,QAAS;IACb;;;AAKd,MAAa,gBAAgB,4BACtB,OAAO,oBACb,iBACA;AACD,MAAa,cAAc,4BACpB,OAAO,kBACb,eACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA;AACD,MAAa,eAAe,4BACrB,OAAO,kBACb,gBACA;AACD,MAAa,cAAc,4BACpB,OAAO,iBACb,eACA;AACD,MAAa,iBAAiB,4BACvB,OAAO,oBACb,kBACA;AACD,MAAa,gBAAgB,4BACtB,OAAO,oBACb,iBACA;AACD,MAAa,gBAAgB,4BACtB,OAAO,oBACb,iBACA;AACD,MAAa,eAAe,4BACrB,OAAO,kBACb,gBACA;AACD,MAAa,cAAc,4BACpB,OAAO,iBACb,eACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA;AACD,MAAa,UAAU,4BAChB,OAAO,aACb,WACA;AACD,MAAa,cAAc,4BACpB,OAAO,kBACb,eACA;AACD,MAAa,cAAc,4BACpB,OAAO,iBACb,eACA;AACD,MAAa,eAAe,4BACrB,OAAO,kBACb,gBACA;AACD,MAAa,eAAe,4BACrB,OAAO,mBACb,gBACA;AACD,MAAa,gBAAgB,4BACtB,OAAO,oBACb,iBACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA;AACD,MAAa,WAAW,4BACjB,OAAO,cACb,YACA"}

package/dist/marketplace2.js

@@ -0,0 +1,70 @@
+import { C as FilterCondition } from "./dist.js";
+import { c as findMarketCollection } from "./utils.js";
+import { g as getQueryClient, i as getMetadataClient } from "./api.js";
+import { r as buildQueryOptions } from "./_internal.js";
+import { n as marketplaceConfigOptions, r as createMarketplaceQueryKey } from "./config.js";
+import { isAddress } from "viem";
+
+//#region src/react/queries/marketplace/filters.ts
+/**
+* Fetches collection filters from the Metadata API with optional marketplace filtering
+*/
+async function fetchFilters(params) {
+	const { chainId, collectionAddress, showAllFilters, excludePropertyValues, config } = params;
+	const filters = (await getMetadataClient(config).getTokenMetadataPropertyFilters({
+		chainId,
+		collectionAddress,
+		excludeProperties: [],
+		excludePropertyValues
+	})).filters;
+	if (showAllFilters) return filters;
+	const collectionFilters = findMarketCollection((await getQueryClient().fetchQuery(marketplaceConfigOptions(config))).market.collections, collectionAddress, chainId)?.filterSettings;
+	const filterOrder = collectionFilters?.filterOrder;
+	const exclusions = collectionFilters?.exclusions;
+	let sortedFilters = filters;
+	if (filterOrder) sortedFilters = filters.toSorted((a, b) => {
+		return (filterOrder.indexOf(a.name) > -1 ? filterOrder.indexOf(a.name) : filterOrder.length) - (filterOrder.indexOf(b.name) > -1 ? filterOrder.indexOf(b.name) : filterOrder.length);
+	});
+	if (exclusions) sortedFilters = sortedFilters.reduce((acc, filter) => {
+		const exclusionRule = exclusions.find((rule) => rule.key === filter.name);
+		if (!exclusionRule) {
+			acc.push(filter);
+			return acc;
+		}
+		if (exclusionRule.condition === FilterCondition.ENTIRE_KEY) return acc;
+		if (exclusionRule.condition === FilterCondition.SPECIFIC_VALUE && exclusionRule.value) {
+			const filteredValues = filter.values?.filter((value) => value !== exclusionRule.value) || [];
+			if (filteredValues.length > 0) acc.push({
+				...filter,
+				values: filteredValues
+			});
+		}
+		return acc;
+	}, []);
+	return sortedFilters;
+}
+function getFiltersQueryKey(params) {
+	return createMarketplaceQueryKey("filters", {
+		chainId: params.chainId,
+		collectionAddress: params.collectionAddress,
+		excludeProperties: void 0,
+		excludePropertyValues: params.excludePropertyValues,
+		showAllFilters: params.showAllFilters
+	});
+}
+function filtersQueryOptions(params) {
+	return buildQueryOptions({
+		getQueryKey: getFiltersQueryKey,
+		requiredParams: [
+			"chainId",
+			"collectionAddress",
+			"config"
+		],
+		fetcher: fetchFilters,
+		customValidation: (p) => !!p.collectionAddress && isAddress(p.collectionAddress)
+	}, params);
+}
+
+//#endregion
+export { filtersQueryOptions as n, getFiltersQueryKey as r, fetchFilters as t };
+//# sourceMappingURL=marketplace2.js.map

package/dist/marketplace2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketplace2.js","names":[],"sources":["../src/react/queries/marketplace/filters.ts"],"sourcesContent":["import type { GetFiltersArgs, PropertyFilter } from '@0xsequence/api-client';\nimport { isAddress } from 'viem';\nimport { FilterCondition } from '../../../types';\nimport { findMarketCollection } from '../../../utils';\nimport {\n\tbuildQueryOptions,\n\tgetMetadataClient,\n\tgetQueryClient,\n\ttype SdkQueryParams,\n\ttype WithOptionalParams,\n\ttype WithRequired,\n} from '../../_internal';\nimport { marketplaceConfigOptions } from './config';\nimport { createMarketplaceQueryKey } from './queryKeys';\n\nexport type FetchFiltersParams = GetFiltersArgs;\n\n/**\n * Fetches collection filters from the Metadata API with optional marketplace filtering\n */\nexport async function fetchFilters(\n\tparams: WithRequired<\n\t\tFiltersQueryOptions,\n\t\t'chainId' | 'collectionAddress' | 'config'\n\t>,\n): Promise<PropertyFilter[]> {\n\tconst {\n\t\tchainId,\n\t\tcollectionAddress,\n\t\tshowAllFilters,\n\t\texcludePropertyValues,\n\t\tconfig,\n\t} = params;\n\n\tconst metadataClient = getMetadataClient(config);\n\n\tconst result = await metadataClient.getTokenMetadataPropertyFilters({\n\t\tchainId,\n\t\tcollectionAddress,\n\t\texcludeProperties: [],\n\t\texcludePropertyValues,\n\t});\n\n\tconst filters = result.filters as PropertyFilter[];\n\n\tif (showAllFilters) return filters;\n\n\tconst queryClient = getQueryClient();\n\tconst marketplaceConfig = await queryClient.fetchQuery(\n\t\tmarketplaceConfigOptions(config),\n\t);\n\tconst collectionFilters = findMarketCollection(\n\t\tmarketplaceConfig.market.collections,\n\t\tcollectionAddress,\n\t\tchainId,\n\t)?.filterSettings;\n\n\tconst filterOrder = collectionFilters?.filterOrder;\n\tconst exclusions = collectionFilters?.exclusions;\n\tlet sortedFilters = filters;\n\n\tif (filterOrder) {\n\t\tsortedFilters = filters.toSorted((a, b) => {\n\t\t\tconst aIndex =\n\t\t\t\tfilterOrder.indexOf(a.name) > -1\n\t\t\t\t\t? filterOrder.indexOf(a.name)\n\t\t\t\t\t: filterOrder.length;\n\t\t\tconst bIndex =\n\t\t\t\tfilterOrder.indexOf(b.name) > -1\n\t\t\t\t\t? filterOrder.indexOf(b.name)\n\t\t\t\t\t: filterOrder.length;\n\t\t\treturn aIndex - bIndex;\n\t\t});\n\t}\n\n\tif (exclusions) {\n\t\tsortedFilters = sortedFilters.reduce<PropertyFilter[]>((acc, filter) => {\n\t\t\tconst exclusionRule = exclusions.find((rule) => rule.key === filter.name);\n\n\t\t\tif (!exclusionRule) {\n\t\t\t\tacc.push(filter);\n\t\t\t\treturn acc;\n\t\t\t}\n\n\t\t\tif (exclusionRule.condition === FilterCondition.ENTIRE_KEY) {\n\t\t\t\treturn acc;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\texclusionRule.condition === FilterCondition.SPECIFIC_VALUE &&\n\t\t\t\texclusionRule.value\n\t\t\t) {\n\t\t\t\tconst filteredValues =\n\t\t\t\t\tfilter.values?.filter((value) => value !== exclusionRule.value) || [];\n\t\t\t\tif (filteredValues.length > 0) {\n\t\t\t\t\tacc.push({ ...filter, values: filteredValues });\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn acc;\n\t\t}, []);\n\t}\n\n\treturn sortedFilters;\n}\n\nexport type FiltersQueryOptions = SdkQueryParams<FetchFiltersParams>;\n\nexport function getFiltersQueryKey(params: FiltersQueryOptions) {\n\tconst apiArgs = {\n\t\tchainId: params.chainId,\n\t\tcollectionAddress: params.collectionAddress,\n\t\texcludeProperties: undefined,\n\t\texcludePropertyValues: params.excludePropertyValues,\n\t};\n\n\treturn createMarketplaceQueryKey('filters', {\n\t\t...apiArgs,\n\t\tshowAllFilters: params.showAllFilters,\n\t});\n}\n\nexport function filtersQueryOptions(\n\tparams: WithOptionalParams<\n\t\tWithRequired<\n\t\t\tFiltersQueryOptions,\n\t\t\t'chainId' | 'collectionAddress' | 'config'\n\t\t>\n\t>,\n) {\n\treturn buildQueryOptions(\n\t\t{\n\t\t\tgetQueryKey: getFiltersQueryKey,\n\t\t\trequiredParams: ['chainId', 'collectionAddress', 'config'] as const,\n\t\t\tfetcher: fetchFilters,\n\t\t\tcustomValidation: (p) =>\n\t\t\t\t!!p.collectionAddress && isAddress(p.collectionAddress),\n\t\t},\n\t\tparams,\n\t);\n}\n"],"mappings":";;;;;;;;;;;AAoBA,eAAsB,aACrB,QAI4B;CAC5B,MAAM,EACL,SACA,mBACA,gBACA,uBACA,WACG;CAWJ,MAAM,WAPS,MAFQ,kBAAkB,OAAO,CAEZ,gCAAgC;EACnE;EACA;EACA,mBAAmB,EAAE;EACrB;EACA,CAAC,EAEqB;AAEvB,KAAI,eAAgB,QAAO;CAM3B,MAAM,oBAAoB,sBAHA,MADN,gBAAgB,CACQ,WAC3C,yBAAyB,OAAO,CAChC,EAEkB,OAAO,aACzB,mBACA,QACA,EAAE;CAEH,MAAM,cAAc,mBAAmB;CACvC,MAAM,aAAa,mBAAmB;CACtC,IAAI,gBAAgB;AAEpB,KAAI,YACH,iBAAgB,QAAQ,UAAU,GAAG,MAAM;AAS1C,UAPC,YAAY,QAAQ,EAAE,KAAK,GAAG,KAC3B,YAAY,QAAQ,EAAE,KAAK,GAC3B,YAAY,WAEf,YAAY,QAAQ,EAAE,KAAK,GAAG,KAC3B,YAAY,QAAQ,EAAE,KAAK,GAC3B,YAAY;GAEf;AAGH,KAAI,WACH,iBAAgB,cAAc,QAA0B,KAAK,WAAW;EACvE,MAAM,gBAAgB,WAAW,MAAM,SAAS,KAAK,QAAQ,OAAO,KAAK;AAEzE,MAAI,CAAC,eAAe;AACnB,OAAI,KAAK,OAAO;AAChB,UAAO;;AAGR,MAAI,cAAc,cAAc,gBAAgB,WAC/C,QAAO;AAGR,MACC,cAAc,cAAc,gBAAgB,kBAC5C,cAAc,OACb;GACD,MAAM,iBACL,OAAO,QAAQ,QAAQ,UAAU,UAAU,cAAc,MAAM,IAAI,EAAE;AACtE,OAAI,eAAe,SAAS,EAC3B,KAAI,KAAK;IAAE,GAAG;IAAQ,QAAQ;IAAgB,CAAC;;AAIjD,SAAO;IACL,EAAE,CAAC;AAGP,QAAO;;AAKR,SAAgB,mBAAmB,QAA6B;AAQ/D,QAAO,0BAA0B,WAAW;EAN3C,SAAS,OAAO;EAChB,mBAAmB,OAAO;EAC1B,mBAAmB;EACnB,uBAAuB,OAAO;EAK9B,gBAAgB,OAAO;EACvB,CAAC;;AAGH,SAAgB,oBACf,QAMC;AACD,QAAO,kBACN;EACC,aAAa;EACb,gBAAgB;GAAC;GAAW;GAAqB;GAAS;EAC1D,SAAS;EACT,mBAAmB,MAClB,CAAC,CAAC,EAAE,qBAAqB,UAAU,EAAE,kBAAkB;EACxD,EACD,OACA"}