@0xsequence/marketplace-sdk 0.8.7 → 0.8.9

package/src/react/hooks/options/marketplaceConfigOptions.ts

@@ -1,71 +0,0 @@
-import { queryOptions } from '@tanstack/react-query';
-import type {
-	Env,
-	MarketplaceConfig,
-	MarketplaceSettings,
-	SdkConfig,
-} from '../../../types';
-import {
-	MarketplaceConfigFetchError,
-	ProjectNotFoundError,
-} from '../../../utils/_internal/error/transaction';
-import { builderMarketplaceApi, configKeys } from '../../_internal';
-
-const fetchBuilderConfig = async (projectId: string, env: Env) => {
-	const url = `${builderMarketplaceApi(projectId, env)}`;
-	const response = await fetch(`${url}/settings.json`);
-
-	const json = await response.json();
-	if (!response.ok) {
-		console.error('Failed to fetch marketplace config:', response.status, json);
-		//@ts-ignore
-		switch (json.code) {
-			case 3000: // Throws 3000 if the project is not found
-				throw new ProjectNotFoundError(projectId, url);
-			default:
-				//@ts-ignore
-				throw new MarketplaceConfigFetchError(json.msg);
-		}
-	}
-	return json as MarketplaceSettings;
-};
-
-const fetchStyles = async (projectId: string, env: Env) => {
-	const response = await fetch(
-		`${builderMarketplaceApi(projectId, env)}/styles.css`,
-	);
-	const styles = await response.text();
-	// React sanitizes this string, so we need to remove all quotes, they are not needed anyway
-	return styles.replaceAll(/['"]/g, '');
-};
-
-const fetchMarketplaceConfig = async (
-	env: Env,
-	projectId: string,
-): Promise<MarketplaceConfig> => {
-	const [marketplaceConfig, cssString] = await Promise.all([
-		fetchBuilderConfig(projectId, env),
-		fetchStyles(projectId, env),
-	]);
-
-	return {
-		...marketplaceConfig,
-		cssString,
-		manifestUrl: `${builderMarketplaceApi(projectId, env)}/manifest.json`,
-	};
-};
-
-export const marketplaceConfigOptions = (
-	config: Pick<SdkConfig, 'projectId'> | SdkConfig,
-) => {
-	let env: Env = 'production';
-	if ('_internal' in config && config._internal !== undefined) {
-		env = config._internal.builderEnv ?? env;
-	}
-
-	const projectId = config.projectId;
-	return queryOptions({
-		queryKey: [...configKeys.marketplace, env, projectId],
-		queryFn: () => fetchMarketplaceConfig(env, projectId),
-	});
-};

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

@@ -1,139 +0,0 @@
-'use client';
-
-import { Skeleton } from '@0xsequence/design-system';
-import { useEffect, useRef, useState } from 'react';
-import { cn } from '../../../../utils';
-import type { TokenMetadata } from '../../../_internal';
-import ChessTileImage from '../../images/chess-tile.png';
-
-export function CollectibleAssetSkeleton() {
-	return (
-		<Skeleton
-			data-testid="collectible-asset-skeleton"
-			size="lg"
-			className="absolute inset-0 h-full w-full animate-shimmer"
-			style={{
-				borderRadius: 0,
-			}}
-		/>
-	);
-}
-
-export const isHtml = (fileName: string | undefined) => {
-	const isHtml = /.*\.(html\?.+|html)$/.test(fileName?.toLowerCase() || '');
-	return isHtml;
-};
-
-export const isVideo = (fileName: string | undefined) => {
-	const isVideo = /.*\.(mp4|ogg|webm)$/.test(fileName?.toLowerCase() || '');
-	return isVideo;
-};
-
-export const is3dModel = (fileName: string | undefined) => {
-	const isGltf = /.*\.gltf$/.test(fileName?.toLowerCase() || '');
-	return isGltf;
-};
-
-type CollectibleImageProps = {
-	name?: string;
-	collectibleMetadata?: TokenMetadata;
-	assetSrcPrefixUrl?: string;
-};
-
-export function CollectibleAsset({
-	name,
-	collectibleMetadata,
-	assetSrcPrefixUrl,
-}: CollectibleImageProps) {
-	const [assetLoadFailed, setAssetLoadFailed] = useState(false);
-	const [assetLoading, setAssetLoading] = useState(true);
-	const videoRef = useRef<HTMLVideoElement>(null);
-	const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-
-	const placeholderImage = ChessTileImage;
-	const assetUrl =
-		collectibleMetadata?.image ||
-		collectibleMetadata?.video ||
-		collectibleMetadata?.animation_url ||
-		collectibleMetadata?.assets?.[0]?.url ||
-		placeholderImage;
-	const proxiedAssetUrl = assetSrcPrefixUrl
-		? `${assetSrcPrefixUrl}${assetUrl}` // assetSrcPrefixUrl must have a trailing slash at the end
-		: assetUrl;
-
-	useEffect(() => {
-		if (videoRef.current) {
-			videoRef.current.addEventListener('loadedmetadata', () => {
-				setAssetLoading(false);
-			});
-		}
-	}, []);
-
-	if (isHtml(assetUrl)) {
-		return (
-			<div className="flex aspect-square w-full items-center justify-center overflow-hidden rounded-lg bg-background-secondary">
-				{assetLoading && <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>
-		);
-	}
-
-	// TODO: Add 3d model support
-
-	if (isVideo(assetUrl)) {
-		return (
-			<div className="relative flex aspect-square w-full items-center justify-center overflow-hidden rounded-lg bg-background-secondary">
-				{assetLoading && <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);
-					}}
-				>
-					<source src={proxiedAssetUrl} />
-				</video>
-			</div>
-		);
-	}
-
-	return (
-		<div className="relative aspect-square overflow-hidden bg-background-secondary">
-			{assetLoading && <CollectibleAssetSkeleton />}
-
-			<img
-				src={assetLoadFailed ? 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 ? 'invisible' : 'visible'
-				}`}
-				onError={() => setAssetLoadFailed(true)}
-				onLoad={() => setAssetLoading(false)}
-			/>
-		</div>
-	);
-}

package/src/types/builder-types.ts

@@ -1,88 +0,0 @@
-import type { OrderbookKind } from '../react/_internal/api/marketplace.gen';
-
-// Manual copy of the types from builder
-export enum MarketplaceWallet {
-	UNIVERSAL = 'UNIVERSAL',
-	EMBEDDED = 'EMBEDDED',
-	ECOSYSTEM = 'ECOSYSTEM',
-}
-
-export enum FilterCondition {
-	ENTIRE_KEY = 'ENTIRE_KEY',
-	SPECIFIC_VALUE = 'SPECIFIC_VALUE',
-}
-
-export enum MarketplaceType { // This is only used for marketplace v1
-	AMM = 'AMM',
-	P2P = 'P2P',
-	SEQUENCE = 'SEQUENCE',
-	ORDERBOOK = 'ORDERBOOK',
-}
-
-export interface EcosystemWalletSettings {
-	walletUrl: string;
-	walletAppName: string;
-	logoLightUrl?: string;
-	logoDarkUrl?: string;
-}
-export interface MarketplaceWalletOptions {
-	walletType: MarketplaceWallet;
-	oidcIssuers: { [key: string]: string };
-	connectors: Array<string>;
-	includeEIP6963Wallets: boolean;
-	ecosystem?: EcosystemWalletSettings;
-}
-
-export interface MetadataFilterRule {
-	key: string;
-	condition: FilterCondition;
-	value?: string;
-}
-
-export interface CollectionFilterSettings {
-	filterOrder: Array<string>;
-	exclusions: Array<MetadataFilterRule>;
-}
-
-export interface MarketplaceCollection {
-	marketplaceType: MarketplaceType;
-	chainId: number;
-	address: string;
-	exchanges: Array<string>;
-	bannerUrl: string;
-	feePercentage: number;
-	currencyOptions: Array<string>;
-	destinationMarketplace: OrderbookKind;
-	filterSettings?: CollectionFilterSettings;
-	isLAOSERC721?: boolean;
-}
-
-export interface MarketplaceSocials {
-	twitter: string;
-	discord: string;
-	website: string;
-	tiktok: string;
-	instagram: string;
-	youtube: string;
-}
-
-export interface MarketplaceSettings {
-	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;
-}
-
-export interface MarketplaceConfig extends MarketplaceSettings {
-	cssString: string;
-	manifestUrl: string;
-}