@0xsequence/marketplace-sdk 0.8.9 → 0.8.11

package/dist/sdk-config-txlivEKe.d.ts

@@ -1,133 +0,0 @@
-import { O as OrderbookKind } from './marketplace.gen-DQzWciwC.js';
-
-interface LookupMarketplaceConfigArgs {
-    projectId?: number;
-    hostname?: string;
-}
-interface LookupMarketplaceConfigReturn {
-    settings: MarketplaceSettings;
-}
-interface MarketplaceSettings {
-    projectId: number;
-    publisherId: string;
-    title: string;
-    shortDescription: string;
-    socials: MarketplaceSocials;
-    faviconUrl: string;
-    landingBannerUrl: string;
-    collections: Array<MarketplaceCollection>;
-    walletOptions: MarketplaceWalletOptions;
-    landingPageLayout: string;
-    logoUrl: string;
-    bannerUrl: string;
-    fontUrl?: string;
-    ogImage?: string;
-    accessKey?: string;
-}
-interface MarketplaceSocials {
-    twitter: string;
-    discord: string;
-    website: string;
-    tiktok: string;
-    instagram: string;
-    youtube: string;
-}
-interface MarketplaceCollection {
-    marketplaceType: MarketplaceType;
-    chainId: number;
-    address: string;
-    exchanges: Array<string>;
-    bannerUrl: string;
-    feePercentage: number;
-    currencyOptions: Array<string>;
-    destinationMarketplace: OrderbookKind;
-    filterSettings?: CollectionFilterSettings;
-    isLAOSERC721?: boolean;
-}
-interface CollectionFilterSettings {
-    filterOrder: Array<string>;
-    exclusions: Array<MetadataFilterRule>;
-}
-interface OpenIdProvider {
-    iss: string;
-    aud: Array<string>;
-}
-interface MetadataFilterRule {
-    key: string;
-    condition: FilterCondition;
-    value?: string;
-}
-interface MarketplaceWalletWaasSettings {
-    tenantKey: string;
-    emailEnabled: boolean;
-    providers: Array<OpenIdProvider>;
-}
-interface MarketplaceWalletOptions {
-    walletType: MarketplaceWallet;
-    oidcIssuers: {
-        [key: string]: string;
-    };
-    connectors: Array<string>;
-    includeEIP6963Wallets: boolean;
-    ecosystem?: EcosystemWalletSettings;
-    waas?: MarketplaceWalletWaasSettings;
-}
-interface EcosystemWalletSettings {
-    walletUrl: string;
-    walletAppName: string;
-    logoLightUrl?: string;
-    logoDarkUrl?: string;
-}
-declare enum MarketplaceWallet {
-    UNIVERSAL = "UNIVERSAL",
-    EMBEDDED = "EMBEDDED",
-    ECOSYSTEM = "ECOSYSTEM"
-}
-declare enum MarketplaceType {
-    AMM = "AMM",
-    P2P = "P2P",
-    SEQUENCE = "SEQUENCE",
-    ORDERBOOK = "ORDERBOOK"
-}
-declare enum FilterCondition {
-    ENTIRE_KEY = "ENTIRE_KEY",
-    SPECIFIC_VALUE = "SPECIFIC_VALUE"
-}
-type Fetch = (input: RequestInfo, init?: RequestInit) => Promise<Response>;
-declare class WebrpcRequestFailedError extends Error {
-    name: string;
-    code: number;
-    message: string;
-    status: number;
-    cause?: string;
-    constructor(name?: string, code?: number, message?: string, status?: number, cause?: string);
-    static new(payload: any): WebrpcRequestFailedError;
-}
-declare class API {
-    protected hostname: string;
-    protected fetch: Fetch;
-    protected path: string;
-    constructor(hostname: string, fetch: Fetch);
-    private url;
-    lookupMarketplaceConfig: (args: LookupMarketplaceConfigArgs, headers?: object, signal?: AbortSignal) => Promise<LookupMarketplaceConfigReturn>;
-}
-
-type Env = 'development' | 'next' | 'production';
-type SdkConfig = {
-    projectAccessKey: string;
-    projectId: string;
-    walletConnectProjectId?: string;
-    _internal?: {
-        prefetchedMarketplaceSettings?: MarketplaceSettings;
-        devAccessKey?: string;
-        nextAccessKey?: string;
-        builderEnv?: Env;
-        marketplaceEnv?: Env;
-        nodeGatewayEnv?: Env;
-        metadataEnv?: Env;
-        indexerEnv?: Env;
-        sequenceWalletEnv?: Env;
-    };
-};
-
-export { API as A, type CollectionFilterSettings as C, type Env as E, FilterCondition as F, type LookupMarketplaceConfigArgs as L, type MarketplaceSettings as M, type OpenIdProvider as O, type SdkConfig as S, WebrpcRequestFailedError as W, MarketplaceWallet as a, MarketplaceType as b, type LookupMarketplaceConfigReturn as c, type MarketplaceSocials as d, type MarketplaceCollection as e, type MetadataFilterRule as f, type MarketplaceWalletWaasSettings as g, type MarketplaceWalletOptions as h, type EcosystemWalletSettings as i, type Fetch as j };

package/dist/types-isjvwapz.d.ts

@@ -1,68 +0,0 @@
-import { Chain } from 'viem';
-import { z } from 'zod';
-import { C as ContractType, O as OrderbookKind, M as MarketplaceKind, a as CreateReq } from './marketplace.gen-DQzWciwC.js';
-import { S as SdkConfig } from './sdk-config-txlivEKe.js';
-import { M as MarketplaceConfig } from './marketplaceConfig-B4Fdsmxu.js';
-
-declare const QueryArgSchema: z.ZodOptional<z.ZodObject<{
-    enabled: z.ZodOptional<z.ZodBoolean>;
-}, "strip", z.ZodTypeAny, {
-    enabled?: boolean | undefined;
-}, {
-    enabled?: boolean | undefined;
-}>>;
-type QueryArg = z.infer<typeof QueryArgSchema>;
-declare const CollectableIdSchema: z.ZodUnion<[z.ZodString, z.ZodNumber]>;
-declare const AddressSchema: z.ZodEffects<z.ZodString, `0x${string}`, string>;
-type CollectionType = ContractType.ERC1155 | ContractType.ERC721;
-type TransactionStep = {
-    exist: boolean;
-    isExecuting: boolean;
-    execute: () => Promise<void>;
-};
-type TransactionSteps = {
-    approval: TransactionStep;
-    transaction: TransactionStep;
-};
-declare enum TransactionType {
-    BUY = "BUY",
-    SELL = "SELL",
-    LISTING = "LISTING",
-    OFFER = "OFFER",
-    TRANSFER = "TRANSFER",
-    CANCEL = "CANCEL"
-}
-interface TransactionConfig {
-    type: TransactionType;
-    chainId: number;
-    chains: readonly Chain[];
-    collectionAddress: string;
-    sdkConfig: SdkConfig;
-    marketplaceConfig: MarketplaceConfig;
-    orderbookKind?: OrderbookKind;
-}
-interface BuyInput {
-    orderId: string;
-    collectableDecimals: number;
-    marketplace: MarketplaceKind;
-    quantity: string;
-}
-interface SellInput {
-    orderId: string;
-    marketplace: MarketplaceKind;
-    quantity?: string;
-}
-interface ListingInput {
-    contractType: ContractType;
-    listing: CreateReq;
-}
-interface OfferInput {
-    contractType: ContractType;
-    offer: CreateReq;
-}
-interface CancelInput {
-    orderId: string;
-    marketplace: MarketplaceKind;
-}
-
-export { AddressSchema as A, type BuyInput as B, CollectableIdSchema as C, type ListingInput as L, type OfferInput as O, QueryArgSchema as Q, type SellInput as S, type TransactionSteps as T, type QueryArg as a, type CollectionType as b, TransactionType as c, type TransactionConfig as d, type CancelInput as e };

package/src/react/hooks/useCurrencies.tsx

@@ -1,77 +0,0 @@
-import { queryOptions, useQuery } from '@tanstack/react-query';
-import { zeroAddress } from 'viem';
-import { z } from 'zod';
-import type { SdkConfig } from '../../types';
-import {
-	AddressSchema,
-	QueryArgSchema,
-	currencyKeys,
-	getMarketplaceClient,
-	getQueryClient,
-} from '../_internal';
-import { useConfig } from './useConfig';
-import { marketplaceConfigOptions } from './useMarketplaceConfig';
-
-const UseCurrenciesArgsSchema = z.object({
-	chainId: z.number(),
-	includeNativeCurrency: z.boolean().optional().default(true),
-	collectionAddress: AddressSchema.optional(),
-	query: QueryArgSchema,
-});
-
-type UseCurrenciesArgs = z.input<typeof UseCurrenciesArgsSchema>;
-
-export type UseCurrenciesReturn = Awaited<ReturnType<typeof fetchCurrencies>>;
-
-const fetchCurrencies = async (args: UseCurrenciesArgs, config: SdkConfig) => {
-	const parsedArgs = UseCurrenciesArgsSchema.parse(args);
-	const marketplaceClient = getMarketplaceClient(parsedArgs.chainId, config);
-
-	let currencies = await marketplaceClient.listCurrencies().then((resp) =>
-		resp.currencies.map((currency) => ({
-			...currency,
-			contractAddress: currency.contractAddress || zeroAddress,
-		})),
-	);
-
-	if (parsedArgs.collectionAddress) {
-		const queryClient = getQueryClient();
-		const marketplaceConfig = await queryClient.fetchQuery(
-			marketplaceConfigOptions(config),
-		);
-
-		const currenciesOptions = marketplaceConfig.collections.find(
-			(collection) => collection.address === args.collectionAddress,
-		)?.currencyOptions;
-
-		// Filter currencies based on collection currency options
-		if (currenciesOptions) {
-			currencies = currencies.filter((currency) =>
-				currenciesOptions.includes(currency.contractAddress),
-			);
-		}
-	}
-
-	if (!parsedArgs.includeNativeCurrency) {
-		currencies = currencies.filter((currency) => !currency.nativeCurrency);
-	}
-
-	return currencies;
-};
-
-export const currenciesOptions = (
-	args: UseCurrenciesArgs,
-	config: SdkConfig,
-) => {
-	return queryOptions({
-		...args.query,
-		queryKey: [...currencyKeys.lists, args],
-		queryFn: () => fetchCurrencies(args, config),
-		enabled: args.query?.enabled,
-	});
-};
-
-export const useCurrencies = (args: UseCurrenciesArgs) => {
-	const config = useConfig();
-	return useQuery(currenciesOptions(args, config));
-};

package/src/react/ui/components/collectible-card/collectible-asset/CollectibleAsset.tsx

@@ -1,174 +0,0 @@
-'use client';
-
-import { useEffect, useRef, useState } from 'react';
-import { cn } from '../../../../../utils';
-import { fetchContentType } from '../../../../../utils/fetchContentType';
-import ChessTileImage from '../../../images/chess-tile.png';
-import ModelViewer from '../../ModelViewer';
-import CollectibleAssetSkeleton from './CollectibleAssetSkeleton';
-import { getContentType } from './utils';
-
-type CollectibleImageProps = {
-	name?: string;
-	assets?: (string | undefined)[];
-	assetSrcPrefixUrl?: string;
-	className?: string;
-};
-
-/**
- * @description This component is used to display a collectible asset.
- * It will display the first valid asset from the assets array.
- * If no valid asset is found, it will display the placeholder image.
- *
- * @example
- * <CollectibleAsset
- *  name="Collectible"
- *  assets={[undefined, "some-image-url", undefined]} // undefined assets will be ignored, "some-image-url" will be rendered
- *  assetSrcPrefixUrl="https://example.com/"
- *  className="w-full h-full"
- * />
- */
-export function CollectibleAsset({
-	name,
-	assets,
-	assetSrcPrefixUrl,
-	className,
-}: CollectibleImageProps) {
-	const [assetLoadFailed, setAssetLoadFailed] = useState(false);
-	const [assetLoading, setAssetLoading] = useState(true);
-	const [contentType, setContentType] = useState<{
-		type: 'image' | 'video' | 'html' | '3d-model' | null;
-		loading: boolean;
-		failed: boolean;
-	}>({ type: null, loading: true, failed: false });
-	const videoRef = useRef<HTMLVideoElement>(null);
-	const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-
-	const placeholderImage = ChessTileImage;
-	const assetUrl = assets?.find((asset) => asset) || placeholderImage;
-	const proxiedAssetUrl = assetSrcPrefixUrl
-		? `${assetSrcPrefixUrl}${assetUrl}` // assetSrcPrefixUrl must have a trailing slash at the end
-		: assetUrl;
-
-	useEffect(() => {
-		getContentType(proxiedAssetUrl)
-			.then((contentType) => {
-				setContentType({ type: contentType, loading: false, failed: false });
-			})
-			.catch(() => {
-				fetchContentType(proxiedAssetUrl)
-					.then((contentType) => {
-						setContentType({
-							type: contentType,
-							loading: false,
-							failed: false,
-						});
-					})
-					.catch(() => {
-						setContentType({ type: null, loading: false, failed: true });
-					});
-			});
-	}, [proxiedAssetUrl]);
-
-	if (contentType.type === 'html' && !assetLoadFailed) {
-		return (
-			<div
-				className={cn(
-					'flex aspect-square w-full items-center justify-center overflow-hidden rounded-lg bg-background-secondary',
-					className,
-				)}
-			>
-				{(assetLoading || contentType.loading) && <CollectibleAssetSkeleton />}
-
-				<iframe
-					title={name || 'Collectible'}
-					className="aspect-square w-full"
-					src={proxiedAssetUrl}
-					allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-					sandbox="allow-scripts"
-					style={{
-						border: '0px',
-					}}
-					onError={() => setAssetLoadFailed(true)}
-					onLoad={() => setAssetLoading(false)}
-				/>
-			</div>
-		);
-	}
-
-	if (contentType.type === '3d-model' && !assetLoadFailed) {
-		return (
-			<div className="h-full w-full">
-				<ModelViewer
-					src={proxiedAssetUrl}
-					posterSrc={placeholderImage}
-					onLoad={() => setAssetLoading(false)}
-					onError={() => setAssetLoadFailed(true)}
-				/>
-			</div>
-		);
-	}
-	if (contentType.type === 'video' && !assetLoadFailed) {
-		return (
-			<div
-				className={cn(
-					'relative flex aspect-square w-full items-center justify-center overflow-hidden rounded-lg bg-background-secondary',
-					className,
-				)}
-			>
-				{(assetLoading || contentType.loading) && <CollectibleAssetSkeleton />}
-
-				<video
-					ref={videoRef}
-					className={cn(
-						`absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover ${
-							assetLoading ? 'invisible' : 'visible'
-						}`,
-						// we can't hide the video controls in safari, when user hovers over the video they show up. `pointer-events-none` is the only way to hide them on hover
-						isSafari && 'pointer-events-none',
-					)}
-					autoPlay
-					loop
-					controls
-					playsInline
-					muted
-					controlsList="nodownload noremoteplayback nofullscreen "
-					onError={() => {
-						setAssetLoadFailed(true);
-					}}
-					onLoadedMetadata={() => {
-						setAssetLoading(false);
-					}}
-					data-testid="collectible-asset-video"
-				>
-					<source src={proxiedAssetUrl} />
-				</video>
-			</div>
-		);
-	}
-
-	return (
-		<div
-			className={cn(
-				'relative aspect-square overflow-hidden bg-background-secondary',
-				className,
-			)}
-		>
-			{(assetLoading || contentType.loading) && <CollectibleAssetSkeleton />}
-
-			<img
-				src={
-					assetLoadFailed || contentType.failed
-						? placeholderImage
-						: proxiedAssetUrl
-				}
-				alt={name || 'Collectible'}
-				className={`absolute inset-0 h-full w-full object-cover transition-transform duration-200 ease-in-out group-hover:scale-hover ${
-					assetLoading || contentType.loading ? 'invisible' : 'visible'
-				}`}
-				onError={() => setAssetLoadFailed(true)}
-				onLoad={() => setAssetLoading(false)}
-			/>
-		</div>
-	);
-}