Match Quiz management

npm install fansunited-widget-match-quiz

yarn add fansunited-widget-match-quiz

import  'fansunited-widget-match-quiz/style.css';
import { MatchQuizManager } from  'fansunited-widget-match-quiz';

const  App = () => {

return <MatchQuizManager fansUnitedApiKey={'your-api-key'} fansUnitedClientId={'your-client-id'}/>

}

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

import 'fansunited-widget-match-quiz/style.css';
import { MatchQuizManager } from  'fansunited-widget-match-quiz';

const labels = {
	userNotFound: 'User not found. Please try again.',
	clientConfigErrorMessage: "There was a problem fetching client's configuration. Please check again your API key and client ID. For more information contact Fans United staff.",
	featureDisabled: 'Feature disabled!',
	noPermissionMessage: 'You have no permission for this feature!',
	tryAgainButton: 'Try again',
	noGamesFound: "No games were found. You can create a game by clicking the button 'Create game'",
	createEdition: 'Create game',
	signOut:  'Sign out',
	name: 'Name',
	status: 'Status',
	participants: 'Participants',
	creationDate: 'Created at',
	acceptUntil: 'Accept Until',
	actions: 'Actions',
	upcoming: 'Upcoming',
	inProgress: 'In progress',
	finished: 'Finished',
	pending: 'Pending',
	settled: 'Settled',
	live: 'Live',
	open: 'Open',
	canceled: 'Canceled',
	closed: 'Closed',
	edit: 'Edit',
	report: 'Report',
	timeFormat: 'DD-MM-YYYY HH:mm',
	previous: 'Previous',
	next: 'Next',
	id: 'ID',
	namePlaceholder: 'Please provide a name for your Match Quiz edition.',
	description: 'Description',
	descriptionPlaceholder: 'Please describe your game.',
	matchSelection: 'Match selection',
	matchSelectionDescription: 'Type a team and select one of the next matches. When you choose a match the defaults market will be displayed.',
	selectTeamPlaceholder: 'Type your team...',
	selectTeamNoTeamFound: 'No Team Found',
	selectTeamNoMatchesFound: 'No matches were found',
	atleastThreeCharsMessage: 'Team input must be at least 3 characters',
	marketSelection: 'Market Selection',
	chosenMarkets: 'Chosen markets',
	otherMarkets: 'Other markets',
	marketSelectionCreateGameDescription: 'Drag and drop what market users can predict for the specified match. The default markets are automatically dropped in chosen markets.',
	marketSelectionEditGameDescription: 'You can add, remove or change loaded markets.',
	markets: 'Markets:',
	marketFt1x2: 'Full time',
	marketHt1x2: 'Half time',
	marketBothTeamsScore: 'Both teams score',
	marketDoubleChance: 'Double chance',
	marketHtFt: 'Half time/Full time',
	marketRedCardMatch: 'Red card in match',
	marketPenaltyMatch: 'Pentalty in match',
	marketCornersMatch: 'Corners in match',
	marketCorrectScore: 'Correct score',
	marketPlayerScoreFirstGoal: 'Player to score first goal',
	marketOverZeroGoals: 'Over zero goals',
	marketOverOneGoals: 'Over one goals',
	marketOverTwoGoals: 'Over two goals',
	marketOverThreeGoals: 'Over three goals',
	marketOverFourGoals: 'Over four goals',
	marketOverFiveGoals: 'Over five goals',
	marketOverSixGoals: 'Over six goals',
	marketOverSixCorners: 'Over six corners',
	marketOverSevenCorners: 'Over seven corners',
	marketOverEightCorners: 'Over eight corners',
	marketOverNineCorners: 'Over nine corners',
	marketOverTenCorners: 'Over ten corners',
	marketOverElevenCorners: 'Over eleven corners',
	marketOverTwelveCorners: 'Over twelve corners',
	marketOverThirteenCorners: 'Over thirteen corners',
	gameStatus: 'Game status',
	createGameStatusDescription: 'The provided choices are PENDING and OPEN. Keep in mind that if you choose OPEN you can NOT edit your game.',
	editGameStatusDescription: 'The provided choices are PENDING, OPEN and CANCELED. Keep in mind that if you choose OPEN you can NOT edit your game anymore and if you choose CANCELED the game will be canceled.',
	timeTiebreaker: 'Time tiebreaker',
	timeTiebreakerDescription: "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 eariler will be infront. When disabled the current game's leaderboard behavour is used - when 2 or more people have same points, the ranking will be 1,1,3,4,5,5,7,8.",
	enabled: 'Enabled',
	disabled: 'Disabled',
	rules: 'Rules',
	rulesDescription: 'Describe your rules for participating in the game. You can type plain text or html tags.',
	adContent: 'Ad content',
	adContentDescription: 'Place your ad content in the game. It can be plain text or html tags.',
	flags: 'Flags',
	flagsPlaceholder: 'Type your flag and hit enter',
	repeatedValueMessage: 'You have entered a repeated value. Please enter a different one.',
	images: "Images",
	mainImage: "Main",
	coverImage: "Cover",
	mobileImage: "Mobile",
	imagePlaceholder: "Paste your image as valid URL or as relative path",
	related: "Related",
	relatedDescription: "Choose which games or templates you wish to be related to this game.",
	games: "Games",
	gamesPlaceholder: "Select which games (TOP_X and MATCH_QUIZ) are related to this game",
	templates: "Templates",
	templatesPlaceholder: "Select which templates are related to this game",
	cutoffTime: 'Cutoff time',
	createCutoffTimeDescription: 'Predictions will be accepted until this time. If not provided it will be automatically generated 15 minutes from the first match played.',
	editCutoffTimeDescription: "Predictions will be accepted until this time. You need to provide a cutoff time to be able to edit the game. Keep in mind that cutoff time should be ATLEAST 15 minutes before match's kickoff time.",
	back: 'Back',
	loadMore: 'Load more',
	exportButton: 'Export',
	reportFor: 'Report for',
	position: 'Position',
	points: 'Points',
	gameNotSettledMessage: 'Game is not settled and there is no leaderboard yet.',
	csvModalTitle: 'Enter how many users should be exported',
	csvModalDescription: 'Download a .csv file with the first 100 number of users.',
	csvModalPlaceholder: 'Export the first X users...',
	cancel: 'Cancel',
	csvModalDownloadButton: 'Download as CSV file',
	csvModalValidationMessage: 'Input value has to be an integer number between 1 and 100',
	csvModalErrorMessage: "There was a problem with fetching game's report data",
	clear: 'Clear',
	loadingMessage: 'Loading...',
	createGameMessage: 'You have successfully created a game.',
	editGameMessage: 'You have successfully edited a game.',
	clearCutoffMessage: 'You have cleared your cutoff time.',
	selectMatchErrorMessage: 'You need to select a match to be able to manage a game.',
	chooseGameCutoffTimeMessage: 'You need to choose a date to edit the game.',
	minimumMarketMessage: 'You need to choose at least ONE market to be able to manage a game.',
	invalidCutoffTimeMessage: 'The provided match starts before cutoff time. Please choose cutoff time that is before the chosen match kickoff time.',
	createGameErrorMessage:  'There was a problem with creating the game. Please try again.',
	editGameErrorMessage:  'There was a problem with editing the game. Please try again.',
	leaderboardErrorMessage:  'There was a problem with displaying leaderboard. Please try again.',
	gamePredictionsErrorMessage:  'There was a problem with getting predictions for users. Please try again.',
	manageWinners: 'Manage winners',
	winners: 'Winners',
	title: 'Title',
	addWinner: 'Add winner',
	removeWinner: 'Remove winner',
	winnersDescription: 'Describe the winners...',
	winner: 'Winner',
	winnerDescription: 'Select the winner of the game',
	insertWinners: 'Insert winners',
	insertWinnersDescription: 'Type information about each winner of the game.',
	note: 'Note',
	notePlaceholder: 'Provide some note for the winner...',
	tags: 'Tags',
	tagsPlaceholder: 'Provide tags for the winner...',
	save: 'Save',
	preview: 'Preview',
	gameWinnersErrorMessage: 'There was a problem with fetching information about game winners. Please try again.',
	createGameWinnersMessage: 'You have successfully created winners for the game.',
	createGameWinnersErrorMessage: 'There was a problem with creating winners for the game. Please try again.',
	editGameWinnersMessage: 'You have successfully edited winners for the game.',
	editGameWinnersErrorMessage: 'There was a problem with editing winners for the game. Please try again.',
	gameNoSetWinnersMessage: 'No winners are set for this game.',
	leaderboardNotAvailable: 'No leaderboard is available for this game.',
	positionAndWinnerRequiredMessage: 'Position and winner are required!',
	sameChosenWinnerMessage: 'You have selected same winners. Each winner has to be unique!',
	relatedEntitiesErrorMessage: "There was a problem with fetching entities. Please try again.",
	labelsHeading: 'Labels',
	customFields: 'Custom fields',
	dynamicFieldsDescription: 'You can create your custom records for easier way to connect your game.',
	keyDynamicFields: 'Key',
	valueDynamicFields: 'Value',
	addRecord: 'Add record',
	dynamicFieldsKeysErrorMessage: 'Only lowercase letters, numbers and underscore are accepted as keys!',
	gameByIdErrorMessage: 'There was a problem retrieving full information about the game.',
	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',
	searchImage: 'Search image',
	clearFromToFilterSportal365ImagesMessage: 'You have cleared from/to filter for Sportal365 search images',
	hideFilters: 'Hide filters',
	showFilters: 'Show filters',
	dateFromTo: 'Date from/to',
	dateFromToPlaceholder: 'Select Date...',
	noImagesFound: "No images found"
};

const  App = () => {

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