Event Game Management

npm install fansunited-widget-event

yarn add fansunited-widget-event

import 'fansunited-widget-event/style.css';
import { EventGameManager } from 'fansunited-widget-event';

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

type EventGameManagerProps = {
	fansUnitedApiKey: string;
	fansUnitedClientId: string;
	fansUnitedLanguage?: string;
	fansUnitedEnvironment?: string;
	sportal365Project?: string;
	sportal365Infrastructure?: 'shared' | 'betway';
	labels?: LabelsModel;
	hideSignOutButton?: boolean;
};

import 'fansunited-widget-event/style.css';
import { EventGameManager } from 'fansunited-widget-event';

const labels = {
	userNotFound: 'User not found. Please try again.',
	signOut: 'Sign out',
	create: 'Create',
	noGamesFound: "No games were found. You can create a game by clicking the button 'Create'",
	status: 'Status',
	statusDescription:
		'Select the status of the game. When status is OPEN, fixture configuration (points, outcome type, valid outcomes) will be locked to prevent changes after users start making predictions.',
	pending: 'Pending',
	settled: 'Settled',
	live: 'Live',
	open: 'Open',
	canceled: 'Canceled',
	closed: 'Closed',
	enableTiebreaker: 'Enable tiebreaker',
	enableTiebreakerDescription: `When enabled the game's leaderboard will have a classic user ranking (1,2,3). In case of same points, the user who placed their predictions with tiebreaker closest to the game stat total will be placed further. When disabled and 2 or more people have the same points, the ranking will be 1,1,3,4,5,5,7,8.`,
	totalStats: 'Total stats',
	totalStatsDescription:
		'Define the tiebreaker metric that users will predict to break ties in the leaderboard. This can be any measurable game statistic such as "Fastest lap time in seconds", "Total three-point field goals", "Combined score of both teams", etc. When users have equal points, their predicted value for this metric will be compared against the actual result, and the closest prediction will rank higher. This provides a flexible way to determine final rankings when multiple users achieve the same score.',
	sortOrder: 'Sort order',
	ascending: 'Ascending',
	descending: 'Descending',
	itemsPerPage: 'Items per page',
	back: 'Back',
	manageGameTitle: 'Manage Event Game',
	manageGameDescription: 'Using this form, you can manage Event games.',
	title: 'Title',
	description: 'Description',
	cutoffTime: 'Cutoff time',
	configuration: 'Configuration',
	id: 'ID',
	points: 'Points',
	customFields: 'Custom fields',
	images: 'Images',
	mainImage: 'Main',
	coverImage: 'Cover',
	mobileImage: 'Mobile',
	uploadImage: 'Upload Image',
	sportal365Images: 'Sportal365 Images',
	search: 'Search',
	searchImage: 'Search image',
	hideFilters: 'Hide filters',
	showFilters: 'Show filters',
	hideMoreImages: 'Hide more images',
	showMoreImages: 'Show more images',
	addImages: 'Add images',
	participants: 'Participants',
	participantsDescription: 'Add participants to the game.',
	additionalFields: 'Additional fields',
	addParticipant: 'Add participant',
	participantNumber: 'Participant number',
	name: 'Name',
	group: 'Group',
	undecided: 'Undecided',
	removeParticipant: 'Remove participant',
	clearImage: 'Clear image',
	copyUrl: 'Copy URL',
	viewImage: 'View image',
	cropImage: 'Crop image',
	aspectRatio: 'Aspect ratio',
	crop: 'Crop',
	reset: 'Reset',
	related: 'Related',
	rules: 'Rules',
	type: 'Type',
	relationship: 'Relationship',
	entity: 'Entity',
	creationDate: 'Created at',
	acceptUntil: 'Accept Until',
	actions: 'Actions',
	timeFormat: 'DD.MM.YYYY, HH:mm',
	edit: 'Edit',
	clone: 'Clone',
	close: 'Close',
	pageNo: 'Page No',
	save: 'Save',
	resolvePredictions: 'Resolve predictions',
	keyDynamicFields: 'Key',
	valueDynamicFields: 'Value',
	add: 'Add',
	delete: 'Delete',
	cloneGameTitle: 'Clone Event Game',
	fixtures: 'Fixtures',
	fixturesDescription: 'Create prediction questions for your game. Configure points, outcome types, and valid outcomes.',
	addMatch: 'Add Match',
	tbd: 'TBD',
	vs: 'vs',
	selectParticipant: 'Select participant',
	removeFixture: 'Remove fixture',
	participantOne: 'Participant one',
	scoreParticipantOne: 'Score participant one',
	participantTwo: 'Participant two',
	scoreParticipantTwo: 'Score participant two',
	home: 'Home',
	startDate: 'Start date',
	winner: 'Winner',
	draw: 'Draw',
	showResult: 'Show result',
	hideResult: 'Hide result',
	question: 'Question',
	voidReason: 'Void Reason',
	outcomeType: 'Outcome Type',
	addFixture: 'Add Fixture',
	active: 'Active',
	void: 'Void',
	fixtureStatusDescription: `Select the fixture status. 'Void' will display a void reason.`,
	booleanDescription: 'Yes/No',
	numberDescription: 'Numeric',
	enumDescription: 'Specific option choice from predefined ones',
	freeInputDescription: 'Open text',
	validOutcomes: 'Valid Outcomes',
	validOutcomesDescription: 'Configure the valid outcomes for this fixture',
	minValue: 'Minimum value',
	maxValue: 'Maximum value',
	minMaxValuesHelperText: 'Configure the minimum and maximum values for numeric answers',
	enumOptions: 'Options',
	addOption: 'Add option',
	enterOption: 'Enter option and press Enter',
	configureOutcome: 'Configure the correct outcome for this fixture',
	outcomeLabel: 'Outcome',
	yesOption: 'Yes',
	noOption: 'No',
	fixtureConfigurationLockedInfo:
		'Fixture configuration is locked because the game status is OPEN. Only question, status fields and outcome can be edited.',
	predictionsStartingToResolveInfoMessage:
		'Predictions for game __gameTitle__ are starting to resolve. Keep in mind that this operation can take a while if there are thousands of predictions.',
	resolvingPredictionsInProgressInfoMessage: 'Resolving game predictions is already in progress...',
	resolvingPredictionsMessage:
		'Predictions for game __gameTitle__ are successfully resolved! Total resolved predictions: __predictionsLength__',
	urlCopiedToClipboardMessage: 'URL copied to clipboard',
	imageDeletedMessage: 'Image deleted',
	imageResetMessage: 'The initial size of the image has been restored',
	uploadingImageMessage: 'You have successfully uploaded image',
	generateSignedInUrlErrorMessage: 'There was a problem generating signed in URL to store the image in bucket. Please try again',
	uploadingImageErrorMessage: 'There was a problem with uploading image to bucket. Please try again',
	encryptingImageErrorMessage: 'There was a problem with encrypting image before uploading it to bucket. Please try again',
	searchSportal365ImagesErrorMessage: 'There was a problem with searching images from Sportal 365 API. Please try again',
	provideIdGameErrorMessage: 'You need to provide an ID to your game!',
	provideTitleGameErrorMessage: 'You need to provide a title to your game!',
	gamesErrorMessage: 'There was a problem retrieving information about the games.',
	createGameMessage: 'You have successfully created a game.',
	createGameErrorMessage: 'There was a problem with creating the game. Please try again.',
	editGameMessage: 'You have successfully edited a game.',
	editGameErrorMessage: 'There was a problem with editing the game. Please try again.',
	requiredFieldValidationMessage: 'The following field is required: ',
	cutoffValidationMessage: 'Cutoff time should be maximum 15 minutes before earliest fixture start date!',
	fixturesValidationMessage: 'Fixture __fixtureNumber__: __propertyLabel__ is required!',
	fixtureMinMaxValidationMessage: 'Fixture __fixtureNumber__: Minimum value must be less than maximum value!',
	fixtureEnumOptionsValidationMessage: 'Fixture __fixtureNumber__: At least two options are required!',
	relatedEntitiesErrorMessage: 'There was a problem with fetching entities for related. Please try again.',
};

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