config.ts

import actionMenu from 'assets/action-menu.svg';
import add from 'assets/add.svg';
import ar from 'assets/ar.svg';
import arweaveApp from 'assets/ar-logo.svg';
import arconnect from 'assets/arconnect-wallet-logo.png';
import arrow from 'assets/arrow.svg';
import arrowNextSVG from 'assets/arrow-next.svg';
import arrowPreviousSVG from 'assets/arrow-previous.svg';
import asset from 'assets/asset.svg';
import bazar from 'assets/bazar.svg';
import checkmark from 'assets/checkmark.svg';
import close from 'assets/close.svg';
import collections from 'assets/collections.svg';
import comments from 'assets/comments.svg';
import copy from 'assets/copy.svg';
import dark from 'assets/dark.svg';
import details from 'assets/details.svg';
import disconnect from 'assets/disconnect.svg';
import docs from 'assets/docs.svg';
import download from 'assets/download.svg';
import following from 'assets/following.svg';
import fullScreen from 'assets/fullscreen.svg';
import image from 'assets/image.svg';
import info from 'assets/info.svg';
import landing from 'assets/landing.svg';
import light from 'assets/light.svg';
import link from 'assets/link.svg';
import logo from 'assets/logo.svg';
import media from 'assets/media.svg';
import menu from 'assets/menu.svg';
import miniPlayerActive from 'assets/miniplayer-active.svg';
import miniPlayerInactive from 'assets/miniplayer-inactive.svg';
import othent from 'assets/othent.svg';
import pause from 'assets/pause.svg';
import play from 'assets/play.svg';
import search from 'assets/search.svg';
import share from 'assets/share.svg';
import stamp from 'assets/stamp.svg';
import theme from 'assets/theme.svg';
import upload from 'assets/upload.svg';
import uploadGraphic from 'assets/upload-graphic.riv';
import user from 'assets/user.svg';
import volumeActive from 'assets/volume-active.svg';
import volumeInactive from 'assets/volume-inactive.svg';
import wallet from 'assets/wallet.svg';
import wander from 'assets/wander.png';
import wrappedAr from 'assets/wrapped-ar.svg';
import x from 'assets/x.svg';

import { UploadStepType, WalletEnum } from './types';

export const APP = {
	name: 'Bazar Studio',
};

export const AO = {
	module: process.env.MODULE,
	scheduler: process.env.SCHEDULER,
	assetSrc: process.env.ASSET_SRC,
	defaultToken: process.env.DEFAULT_TOKEN,
	ucm: process.env.UCM,
	pixl: process.env.PIXL,
	collectionsRegistry: process.env.COLLECTIONS_REGISTRY,
	collectionSrc: process.env.COLLECTION_SRC,
	profileRegistry: process.env.PROFILE_REGISTRY,
	profileSrc: process.env.PROFILE_SRC,
};

export const ASSETS = {
	actionMenu: actionMenu,
	add: add,
	ar: ar,
	arrow: arrow,
	arrowNext: arrowNextSVG,
	arrowPrevious: arrowPreviousSVG,
	asset: asset,
	bazar: bazar,
	checkmark: checkmark,
	close: close,
	collections: collections,
	comments: comments,
	copy: copy,
	details: details,
	disconnect: disconnect,
	docs: docs,
	download: download,
	dark: dark,
	light: light,
	following: following,
	fullScreen: fullScreen,
	image: image,
	info: info,
	landing: landing,
	link: link,
	logo: logo,
	media: media,
	menu: menu,
	miniPlayerActive: miniPlayerActive,
	miniPlayerInactive: miniPlayerInactive,
	pause: pause,
	play: play,
	search: search,
	share: share,
	stamp: stamp,
	theme: theme,
	upload: upload,
	uploadGraphic: uploadGraphic,
	user: user,
	volumeActive: volumeActive,
	volumeInactive: volumeInactive,
	wallet: wallet,
	wrappedAr: wrappedAr,
	wallets: {
		arconnect: arconnect,
		arweaveApp: arweaveApp,
		othent: othent,
		wander: wander,
	},
	x: x,
};

export const TAGS = {
	keys: {
		ans110: {
			title: 'Title',
			description: 'Description',
			topic: 'Topic:*',
			type: 'Type',
			implements: 'Implements',
			license: 'License',
		},
		appName: 'App-Name',
		avatar: 'Avatar',
		banner: 'Banner',
		channelTitle: 'Channel-Title',
		collectionId: 'Collection-Id',
		collectionName: 'Collection-Name',
		contentLength: 'Content-Length',
		contentType: 'Content-Type',
		contractManifest: 'Contract-Manifest',
		contractSrc: 'Contract-Src',
		creator: 'Creator',
		currency: 'Currency',
		dataProtocol: 'Data-Protocol',
		dataSource: 'Data-Source',
		dateCreated: 'Date-Created',
		handle: 'Handle',
		initState: 'Init-State',
		initialOwner: 'Initial-Owner',
		license: 'License',
		name: 'Name',
		profileCreator: 'Profile-Creator',
		profileIndex: 'Profile-Index',
		protocolName: 'Protocol-Name',
		renderWith: 'Render-With',
		smartweaveAppName: 'App-Name',
		smartweaveAppVersion: 'App-Version',
		target: 'Target',
		thumbnail: 'Thumbnail',
		topic: (topic: string) => `topic:${topic}`,
		udl: {
			accessFee: 'Access-Fee',
			commercialUse: 'Commercial-Use',
			dataModelTraining: 'Data-Model-Training',
			derivations: 'Derivations',
			paymentAddress: 'Payment-Address',
			paymentMode: 'Payment-Mode',
		},
	},
	values: {
		ansVersion: 'ANS-110',
		collection: 'AO-Collection',
		comment: 'comment',
		document: 'Document',
		followDataProtocol: 'Follow',
		license: 'dE0rmDfl9_OWjkDznNEXHaSO_JohJkRolvMzaCroUdw',
		licenseCurrency: 'xU9zFkq3X2ZQ6olwNVvr1vUWIjc3kXTWr7xKQD6dh10',
		profileVersions: {
			'1': 'Account-0.3',
		},
		ticker: 'ATOMIC ASSET',
		title: (title: string) => `${title}`,
	},
};

function createURLs() {
	const base = `/`;
	const profile = `${base}profile/`;
	return {
		base: base,
		asset: `${base}asset/`,
		docs: `${base}docs/`,
		following: `${base}following`,
		profile: profile,
		profileChannel: (address: string) => `${profile}${address}/channel/`,
		profileCommunity: (address: string) => `${profile}${address}/community/`,
		profileManage: `${profile}manage/`,
		signup: `${base}signup`,
		upload: `${base}upload/`,
	};
}

export const URLS = createURLs();

export const DOM = {
	loader: 'loader',
	notification: 'notification',
	overlay: 'overlay',
};

export const CURSORS = {
	p1: 'P1',
	end: 'END',
};

export const PAGINATORS = {
	default: 100,
	version: 8,
	assetTable: 10,
};

export const GATEWAYS = {
	arweave: 'arweave.net',
	goldsky: 'arweave-search.goldsky.com',
};

export const STYLING = {
	cutoffs: {
		initial: '1024px',
		max: '1400px',
		tablet: '840px',
		secondary: '540px',
	},
	dimensions: {
		button: {
			height: '32.5px',
			width: '150px',
		},
		form: {
			small: '45px',
			max: '47.5px',
		},
		nav: {
			headerHeight: '70px',
			panelWidthClosed: '70px',
			panelWidthOpen: '250px',
		},
		radius: {
			primary: '10px',
			alt1: '15px',
			alt2: '5px',
			alt3: '2.5px',
		},
	},
};

export const CONTENT_TYPES = {
	json: 'application/json',
	mp4: 'video/mp4',
	textPlain: 'text/plain',
	model: 'model/gltf-binary',
	audio: 'audio/mpeg',
};

export const AR_WALLETS = [{ type: WalletEnum.wander, logo: ASSETS.wallets.wander }];

export const WALLET_PERMISSIONS = ['ACCESS_ADDRESS', 'ACCESS_PUBLIC_KEY', 'SIGN_TRANSACTION', 'DISPATCH', 'SIGNATURE'];

export const STORAGE = {
	none: 'N/A',
};

export const AR_PROFILE = {
	defaultAvatar: 'OrG-ZG2WN3wdcwvpjz1ihPe4MI24QBJUpsJGIdL85wA',
	defaultBanner: 'a0ieiziq2JkYhWamlrUCHxrGYnHWUAMcONxRmfkWt-k',
};

export const DEFAULT_THUMBNAIL = 'nmEZucV8rT47rAh1gA3HO-PQTZ0qCKTS6oqUT4D09Pk';

export const DEFAULT_UCM_BANNER = 'eXCtpVbcd_jZ0dmU2PZ8focaKxBGECBQ8wMib7sIVPo';
export const DEFAULT_UCM_THUMBNAIL = 'lJovHqM9hwNjHV5JoY9NGWtt0WD-5D4gOqNL2VWW5jk';

export const COMMENT_SPEC = {
	protcolId: 'comment',
	renderWith: 'comment-renderers',
	ticker: 'ATOMIC ASSET - COMMENT',
};

export const API_CONFIG = {
	protocol: 'https',
	port: 443,
	timeout: 40000,
	logging: false,
};

export const UPLOAD_CONFIG = {
	node1: 'https://up.arweave.network',
	node2: 'https://turbo.ardrive.io',
	batchSize: 1,
	chunkSize: 7500000,
};

export const MAX_UPLOAD_SIZE = 10000000;

export const UPLOAD_STEPS: UploadStepType[] = ['details', 'license', 'checks'];

export const DEFAULT_ASSET_TOPICS = [
	'music',
	'politics',
	'gaming',
	'crypto',
	'finance',
	'sports',
	'universe',
	'art',
	'education',
	'history',
	'comedy',
];

export const ALLOWED_THUMBNAIL_TYPES = 'image/png, image/jpeg, image/gif';
export const ALLOWED_BANNER_TYPES = 'image/png, image/jpeg, image/gif';
export const ALLOWED_AVATAR_TYPES = 'image/png, image/jpeg, image/gif';
export const ALLOWED_ASSET_TYPES = '*';
export const ALLOWED_ASSET_TYPES_DISPLAY = [];

export const CURRENCIES = {
	u: {
		label: 'U',
		icon: ASSETS.wrappedAr,
	},
};

export const REDIRECTS = {
	bazar: {
		asset: (id: string) => `https://bazar.arweave.net/#/asset/${id}`,
		collection: (id: string) => `https://bazar.arweave.net/#/collection/${id}`,
		profile: (id: string) => `https://bazar.arweave.net/#/profile/${id}`,
	},
	udl: 'https://udlicense.arweave.net/',
	arconnect: `https://arconnect.io`,
};

export const DRE_NODE = 'https://dre-u.warp.cc/contract';

export const STRIPE_PUBLISHABLE_KEY =
	'pk_live_51JUAtwC8apPOWkDLMQqNF9sPpfneNSPnwX8YZ8y1FNDl6v94hZIwzgFSYl27bWE4Oos8CLquunUswKrKcaDhDO6m002Yj9AeKj';

export const MAX_COVER_IMAGE_SIZE = 100000;
export const MAX_THUMBNAIL_IMAGE_SIZE = 100000;

export const RENDERERS = {
	'3d': {
		label: '3D',
		description: '3D models (.glb)',
		domain: 'view_3d-pst',
		contentType: CONTENT_TYPES.model,
	},
	audio: {
		label: 'Audio',
		description: 'Audio files (.mp4)',
		domain: 'audio-renderer',
		contentType: CONTENT_TYPES.audio,
	},
};