@0xsequence/marketplace-sdk 0.9.0 → 0.10.0

package/src/react/_internal/api/laos-api.ts

@@ -22,6 +22,7 @@ export type TokenSuppliesParams = {
 export type TokenBalancesParams = {
 	chainId: string;
 	accountAddress: string;
+	contractAddress: string;
 	includeMetadata?: boolean;
 	page?: PaginationOptions;
 };
@@ -71,6 +72,7 @@ export class LaosAPI {
 	async getTokenBalances({
 		chainId,
 		accountAddress,
+		contractAddress,
 		includeMetadata = true,
 		page = {
 			sort: [
@@ -89,6 +91,7 @@ export class LaosAPI {
 			body: JSON.stringify({
 				chainId,
 				accountAddress,
+				contractAddress,
 				includeMetadata,
 				page,
 			}),

package/src/react/_internal/api/marketplace.gen.ts

@@ -1,5 +1,5 @@
 /* eslint-disable */
-// marketplace-api  6b46374337129883386b9668e652237c3b31eda1
+// marketplace-api  cf3a5fae407a732cd5a90e4fd68184ac5591b2c1
 // --
 // Code generated by webrpc-gen@v0.25.4 with typescript generator. DO NOT EDIT.
 //
@@ -8,7 +8,7 @@
 export const WebrpcHeader = "Webrpc";
 
 export const WebrpcHeaderValue =
-  "webrpc@v0.25.4;gen-typescript@v0.17.0;marketplace-api@v0.0.0-6b46374337129883386b9668e652237c3b31eda1;marketplace-sdk@v0.9.0";
+  "webrpc@v0.25.4;gen-typescript@v0.17.0;marketplace-api@v0.0.0-cf3a5fae407a732cd5a90e4fd68184ac5591b2c1;marketplace-sdk@v0.10.0";
 
 // WebRPC description and code-gen version
 export const WebRPCVersion = "v1";
@@ -17,7 +17,7 @@ export const WebRPCVersion = "v1";
 export const WebRPCSchemaVersion = "";
 
 // Schema hash generated from your RIDL schema
-export const WebRPCSchemaHash = "6b46374337129883386b9668e652237c3b31eda1";
+export const WebRPCSchemaHash = "cf3a5fae407a732cd5a90e4fd68184ac5591b2c1";
 
 type WebrpcGenVersions = {
   webrpcGenVersion: string;
@@ -586,6 +586,8 @@ export interface PrimarySaleItem {
   priceAmount: string;
   priceAmountFormatted: string;
   supply: string;
+  supplyCap: string;
+  unlimitedSupply: boolean;
   createdAt: string;
   updatedAt: string;
   deletedAt?: string;

package/src/react/_internal/api/query-keys.ts

@@ -78,9 +78,16 @@ class ConfigKeys {
 }
 
 // biome-ignore lint/complexity/noStaticOnlyClass: static class provides better organization and type safety for query keys
-class MetadataKeys {
-	static all = ['metadata'] as const;
-	static tokenMetadata = [...MetadataKeys.all, 'tokenMetadata'] as const;
+class TokenKeys {
+	static all = ['tokens'] as const;
+	static metadata = [...TokenKeys.all, 'metadata'] as const;
+	static supplies = [...TokenKeys.all, 'supplies'] as const;
+}
+
+// biome-ignore lint/complexity/noStaticOnlyClass: static class provides better organization and type safety for query keys
+class TokenSuppliesKeys {
+	static all = ['tokenSupplies'] as const;
+	static maps = [...TokenSuppliesKeys.all, 'map'] as const;
 }
 export const collectableKeys = CollectableKeys;
 export const collectionKeys = CollectionKeys;
@@ -88,4 +95,5 @@ export const balanceQueries = BalanceQueries;
 export const checkoutKeys = CheckoutKeys;
 export const currencyKeys = CurrencyKeys;
 export const configKeys = ConfigKeys;
-export const metadataKeys = MetadataKeys;
+export const tokenKeys = TokenKeys;
+export const tokenSuppliesKeys = TokenSuppliesKeys;

package/src/react/_internal/api/services.ts

@@ -1,9 +1,9 @@
 import { SequenceAPIClient } from '@0xsequence/api';
 import { SequenceIndexer } from '@0xsequence/indexer';
 import { SequenceMetadata } from '@0xsequence/metadata';
-import { networks, stringTemplate } from '@0xsequence/network';
+import { stringTemplate } from '@0xsequence/network';
 import type { ApiConfig, Env, SdkConfig } from '../../../types/sdk-config';
-import { MissingConfigError } from '../../../utils/_internal/error/transaction';
+import { getNetwork } from '../../../utils/network';
 import { BuilderAPI } from './builder-api';
 import { SequenceMarketplace } from './marketplace-api';
 
@@ -22,18 +22,6 @@ const SERVICES = {
 
 type ChainNameOrId = string | number;
 
-const getNetwork = (nameOrId: ChainNameOrId) => {
-	for (const network of Object.values(networks)) {
-		if (
-			network.name === String(nameOrId).toLowerCase() ||
-			network.chainId === Number(nameOrId)
-		) {
-			return network;
-		}
-	}
-	throw new MissingConfigError(`Network configuration for chain ${nameOrId}`);
-};
-
 const metadataURL = (env: Env = 'production') => {
 	const prefix = getPrefix(env);
 	return stringTemplate(SERVICES.metadata, { prefix });

package/src/react/_internal/databeat/index.ts

@@ -1,9 +1,11 @@
-import type { Auth, Event as DatabeatEvent } from '@databeat/tracker';
+import type { Event as DatabeatEvent } from '@databeat/tracker';
 import { Databeat } from '@databeat/tracker';
+import { useContext } from 'react';
 
-import { useConfig } from '../../hooks';
+import { MarketplaceSdkContext } from '../../provider';
 import type {
 	EventType,
+	TrackBuyModalOpened,
 	TrackCreateListing,
 	TrackCreateOffer,
 	TrackSellItems,
@@ -22,6 +24,14 @@ export class DatabeatAnalytics extends Databeat<Extract<EventTypes, string>> {
 		});
 	}
 
+	trackBuyModalOpened(args: TrackBuyModalOpened) {
+		this.track({
+			event: 'BUY_MODAL_OPENED',
+			props: args.props,
+			nums: args.nums,
+		});
+	}
+
 	trackCreateListing(args: TrackCreateListing) {
 		this.track({
 			event: 'CREATE_LISTING',
@@ -47,16 +57,7 @@ export class DatabeatAnalytics extends Databeat<Extract<EventTypes, string>> {
 }
 
 export const useAnalytics = () => {
-	const config = useConfig();
-	const server = 'https://nodes.sequence.app';
-
-	const auth: Auth = {};
-	auth.headers = { 'X-Access-Key': config.projectAccessKey };
-
-	return new DatabeatAnalytics(server, auth, {
-		defaultEnabled: true,
-		initProps: () => {
-			return { origin: window.location.origin };
-		},
-	});
+	const context = useContext(MarketplaceSdkContext);
+
+	return context.analytics;
 };

package/src/react/_internal/databeat/types.ts

@@ -1,3 +1,4 @@
+import type { BuyModalProps } from '../../ui/modals/BuyModal/store';
 import type { MarketplaceKind, OrderbookKind } from '../api';
 
 export enum EventType {
@@ -8,6 +9,7 @@ export enum EventType {
 	CANCEL_LISTING = 4,
 	CANCEL_OFFER = 5,
 	TRANSACTION_FAILED = 6,
+	BUY_MODAL_OPENED = 7,
 }
 
 interface PropsEvent {
@@ -41,6 +43,26 @@ export interface TrackBuyItems {
 	nums: TradeItemsValues;
 }
 
+type BuyModalOpenedProps = Omit<
+	BuyModalProps,
+	| 'marketplaceType'
+	| 'customCreditCardProviderCallback'
+	| 'chainId'
+	| 'skipNativeBalanceCheck'
+	| 'nativeTokenAddress'
+> & {
+	buyAnalyticsId: string;
+};
+
+type BuyModalOpenedNums = {
+	chainId: number;
+};
+
+export interface TrackBuyModalOpened {
+	props: BuyModalOpenedProps;
+	nums: BuyModalOpenedNums;
+}
+
 export interface TrackSellItems {
 	props: TradeItemsInfo & Transaction;
 	nums: TradeItemsValues;

package/src/react/_internal/databeat/utils.ts

@@ -0,0 +1,26 @@
+// Flattens an object and turns it into a string and number object for use with analytics
+// Ignores arrays and converts booleans to strings
+export function flattenAnalyticsArgs(args: object) {
+	const analyticsProps: Record<string, string> = {};
+	const analyticsNums: Record<string, number> = {};
+
+	function recurse(obj: object, prefix = '') {
+		for (const [key, value] of Object.entries(obj)) {
+			const path = prefix ? `${prefix}.${key}` : key;
+			if (typeof value === 'string' || typeof value === 'boolean') {
+				analyticsProps[path] = value.toString();
+			} else if (typeof value === 'number') {
+				analyticsNums[path] = value;
+			} else if (isPojo(value)) {
+				recurse(value, path);
+			}
+		}
+	}
+
+	recurse(args);
+	return { analyticsProps, analyticsNums };
+}
+
+function isPojo(val: unknown): val is Record<string, unknown> {
+	return typeof val === 'object' && val !== null && !Array.isArray(val);
+}

package/src/react/_internal/utils.ts

@@ -1,4 +1,4 @@
-import type { Hex, TypedData, TypedDataDomain } from 'viem';
+import type { Address, Hex, TypedData, TypedDataDomain } from 'viem';
 import { type PostRequest, type Signature, type Step, StepType } from './api';
 
 export interface SignatureStep {
@@ -6,7 +6,7 @@ export interface SignatureStep {
 	domain?: TypedDataDomain;
 	types?: TypedData;
 	primaryType?: string;
-	to: Hex; // TODO: This should not be here, its wrongly typed in webrpc
+	to: Address; // TODO: This should not be here, its wrongly typed in webrpc
 	data: string;
 	value: string;
 	price: string;
@@ -22,7 +22,7 @@ export interface TransactionStep {
 		| StepType.createOffer
 		| StepType.createListing;
 	data: Hex;
-	to: Hex;
+	to: Address;
 	value: Hex;
 	price: Hex;
 	maxFeePerGas?: Hex;
@@ -32,7 +32,7 @@ export interface TransactionStep {
 export interface ApprovalStep {
 	id: StepType.tokenApproval;
 	data: string;
-	to: Hex;
+	to: Address;
 	value: string;
 	price: string;
 }

package/src/react/_internal/wagmi/create-config.ts

@@ -12,19 +12,10 @@ export const createWagmiConfig = (
 	sdkConfig: SdkConfig,
 	ssr?: boolean,
 ) => {
-	const chains = getChainConfigs(marketplaceConfig);
-	const nodeGatewayOverrides = sdkConfig._internal?.overrides?.api?.nodeGateway;
-	const nodeGatewayEnv = nodeGatewayOverrides?.env ?? 'production';
-	const nodeGatewayUrl = nodeGatewayOverrides?.url;
-	const projectAccessKey =
-		nodeGatewayOverrides?.accessKey ?? sdkConfig.projectAccessKey;
-
-	const transports = getTransportConfigs(
-		chains,
-		projectAccessKey,
-		nodeGatewayEnv,
-		nodeGatewayUrl,
-	);
+	const { chains, transports } = getWagmiChainsAndTransports({
+		marketplaceConfig,
+		sdkConfig,
+	});
 
 	const walletType = marketplaceConfig.settings.walletOptions.walletType;
 
@@ -51,6 +42,30 @@ export const createWagmiConfig = (
 	});
 };
 
+export function getWagmiChainsAndTransports({
+	marketplaceConfig,
+	sdkConfig,
+}: {
+	marketplaceConfig: MarketplaceConfig;
+	sdkConfig: SdkConfig;
+}) {
+	const chains = getChainConfigs(marketplaceConfig);
+	const nodeGatewayOverrides = sdkConfig._internal?.overrides?.api?.nodeGateway;
+	const nodeGatewayEnv = nodeGatewayOverrides?.env ?? 'production';
+	const nodeGatewayUrl = nodeGatewayOverrides?.url;
+	const projectAccessKey =
+		nodeGatewayOverrides?.accessKey ?? sdkConfig.projectAccessKey;
+
+	const transports = getTransportConfigs(
+		chains,
+		projectAccessKey,
+		nodeGatewayEnv,
+		nodeGatewayUrl,
+	);
+
+	return { chains, transports };
+}
+
 function getAllCollections(marketConfig: MarketplaceConfig) {
 	return [...marketConfig.market.collections, ...marketConfig.shop.collections];
 }

package/src/react/_internal/wallet/wallet.ts

@@ -46,7 +46,7 @@ export interface WalletInstance {
 	walletKind: WalletKind;
 	getChainId: () => Promise<number>;
 	switchChain: (chainId: number) => Promise<void>;
-	address: () => Promise<Hex>;
+	address: () => Promise<Address>;
 	handleSignMessageStep: (stepItem: SignatureStep) => Promise<Hex | undefined>;
 	handleSendTransactionStep: (
 		chainId: number,
@@ -242,21 +242,21 @@ export const wallet = ({
 			switch (tokenType) {
 				case 'ERC20':
 					return (await publicClient.readContract({
-						address: contractAddress as Hex,
+						address: contractAddress as Address,
 						abi: erc20Abi,
 						functionName: 'allowance',
 						args: [walletAddress, spenderAddress],
 					})) as bigint;
 				case 'ERC721':
 					return (await publicClient.readContract({
-						address: contractAddress as Hex,
+						address: contractAddress as Address,
 						abi: erc721Abi,
 						functionName: 'isApprovedForAll',
 						args: [walletAddress, spenderAddress],
 					})) as boolean;
 				case 'ERC1155':
 					return (await publicClient.readContract({
-						address: contractAddress as Hex,
+						address: contractAddress as Address,
 						abi: ERC1155_ABI,
 						functionName: 'isApprovedForAll',
 						args: [walletAddress, spenderAddress],