List Management

npm  install  fansunited-widget-list

yarn  add  fansunited-widget-list

import { ListManager } from  'fansunited-widget-list';

const  App = () => {
	return <ListManager fansUnitedApiKey={'your-api-key'} fansUnitedClientId={'your-client-id'} />
}

type  ListManagerProps = {
	fansUnitedApiKey: string;
	fansUnitedClientId: string;
	fansUnitedLanguage?: string;
	fansUnitedEnvironment?: string;
	labels?: LabelsModel;
	hideSignOutButton?: boolean;
};

import { ListManager } from  'fansunited-widget-list';

const labels = {
	userNotFound: 'User not found. Please try again.',
	create: 'Create',
	signOut: 'Sign out',
	back: 'Back',
	name: 'Name',
	type: 'Type',
	createdAt: 'Created at',
	updatedAt: 'Updated at',
	actions: 'Actions',
	expand: 'Expand',
	edit: 'Edit',
	delete: 'Delete',
	deleteListTitle: 'Delete List',
	deleteListDescription: 'Are you sure you want to delete',
	deleteListMessage: 'List deleted successfully!',
	deleteListErrorMessage: 'There was a problem deleting List. Please try again',
	close: 'Close',
	pageNo: 'Page No',
	getListsErrorMessage: 'There was a problem fetching lists',
	noListsFound: "No lists were found. You can create a list by clicking the button 'Create'",
	noContentAvailable: 'No content available',
	getListErrorMessage: 'There was a problem fetching list',
	manageListTitle: 'Manage List',
	manageListDescription: 'Create and customize your content list for games, classic quizzes, either ors and polls. Choose between a Custom list where you control the exact order of content, or a Dynamic list that automatically organizes content using sorting options like creation date or last update time.',
	id: 'ID',
	filters: 'Filters',
	selectContentTypePlaceholder: 'Select content type',
	status: 'Status',
	selectContentStatusPlaceholder: 'Select content status',
	sortOrder: 'Sort order',
	ascending: 'Ascending',
	descending: 'Descending',
	getEntitiesErrorMessage: 'An error occurred while fetching entities. Please try again later',
	contentSelectionTitle: 'Content selection',
	contentSelectionDescription: 'Select and organize your content. For Custom lists, you can search for a specific content by type and status and arrange them in your preferred order. For Dynamic lists, choose content by type and set the sorting options.';
	searchContentTitle: 'Search content',
	addAll: 'Add all',
	selectedContentTitle: 'Selected content',
	sortBy: 'Sort by',
	removeEntity: 'Remove entity',
	contentAddedToSelectedMessage: "added to 'Selected content'",
	allContentAddedToSelectedMessage:  "All content items are added to 'Selected content'",
	contentRemovedFromSelectedMesssage: "removed from 'Selected content'",
	save: 'Save',
	dynamicListContentEntityInfoMessage: 'Content created before 10 December 2024 and not updated afterwards will not be available.',
	createListMessage: 'You have successfully created List',
	createListErrorMessage: 'There was a problem creating List. Please try again',
	updateListMessage: 'You have successfully updated List',
	updateListErrorMessage: 'There was a problem updating List. Please try again',
	configuration: 'Configuration',
	widgetEmbedCodeTitle: 'Widget embed code',
	configureURLs: 'Configure URLs',
	classicQuizURL: 'Classic Quiz URL',
	eitherOrURL: 'Either/Or URL',
	pollURL: 'Poll URL',
	quizzesInfoMessage: "Widget supports dynamic content routing using placeholders. You can include {CONTENT_ID} in your URL pattern to create personalized content paths. For example, if your website has a quiz page at 'https://yoursite.com/quizzes/{CONTENT_ID}/play', entering this pattern will automatically replace the placeholder with the appropriate ID when users interact with your widget.",
	eitherOrsInfoMessage: "Widget supports dynamic content routing using placeholders. You can include {CONTENT_ID} in your URL pattern to create personalized content paths. For example, if your website has a quiz page at 'https://yoursite.com/eitherors/{CONTENT_ID}/play', entering this pattern will automatically replace the placeholder with the appropriate ID when users interact with your widget.",
	pollsInfoMessage: "Widget supports dynamic content routing using placeholders. You can include {CONTENT_ID} in your URL pattern to create personalized content paths. For example, if your website has a quiz page at 'https://yoursite.com/polls/{CONTENT_ID}/play', entering this pattern will automatically replace the placeholder with the appropriate ID when users interact with your widget.",
	copyToClipboard: 'Copy to clipboard',
	divElementTextInfo: "The generated embed code can be copied directly into your website's HTML. For comprehensive implementation details, visit our documentation: ",
	widgetEmbedCodeNotAvailable: 'To configure embed code you need to first create your list.',
	language: 'language',
	loadMore: 'Load more',
};

const  App = () => {
return <ListManager fansUnitedApiKey={'your-api-key'} fansUnitedClientId={'your-client-id'} type="competition" labels={labels}/>
}