Either/Or Management

npm install fansunited-widget-either-or

yarn add fansunited-widget-either-or

import  'fansunited-widget-either-or/style.css';
import { EitherOrManager } from  'fansunited-widget-either-or';

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

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

import  'fansunited-widget-either-or/style.css';
import { EitherOrManager } from  'fansunited-widget-either-or';

const labels = {
	userNotFound:  'User not found. Please try again',
	noGamesFound: "No Either/Or games were found. You can create one by clicking the button 'Create'",
	signOut:  'Sign out',
	timeFormat:  'DD.MM.YYYY, HH:mm',
	getEitherOrsErrorMessage: 'There was a problem with fetching list of Either/Or games',
	title:  'Title',
	status:  'Status',
	creationDate:  'Created at',
	actions:  'Actions',
	create: 'Create',
	edit: 'Edit',
	save: 'Save',
	preview: 'Preview',
	close: 'Close',
	titlePlaceholder: 'Provide a title for your Either/Or',
	description: 'Description',
	descriptionPlaceholder: 'Describe your Either/Or',
	images: 'Images',
	rules: 'Rules',
	rulesPlaceholder: 'Describe your rules for participating in Either/Or',
	adContent: 'Ad content',
	adContentPlaceholder: 'Place your ad content in Either/Or',
	optionImages: 'Option images',
	main: 'Main',
	cover: 'Cover',
	mobile: 'Mobile',
	imagePlaceholder: 'Paste your image as valid URL or as relative path',
	active: 'Active',
	inactive: 'Inactive',
	statusDescription: "When Either/Or is Inactive, then users are not allowed to participate",
	winningCondition: 'Winning condition',
	winningConditionDescription: "Winning condition determines the correct choice out of a pair of options presented to the user. When is set to 'More,' the user must select the option that has a greater value to win. Conversely, if is set to 'Less,' the winning choice is the one with the lesser value",
	more: 'More',
	less: 'Less',
	time: 'Time',
	timePlaceholder: 'Enter the time limit for answering questions by users. Time is in seconds',
	lives: 'Lives',
	livesPlaceholder: 'Enter how many lives the user will have during a game',
	points: 'Points',
	pointsDescription: 'Set the threshold of consecutive correct answers after which points are awarded and define the amount of points received from this step onwards.Valid value for correct steps is between 0-50 and for score 1-100',
	pointNumber: 'Point number',
	pointsCorrectSteps: 'Correct steps',
	pointsCorrectStepsPlaceholder: 'Set the number of correct steps needed in a row to earn points',
	pointsScore: 'Score',
	pointsScorePlaceholder: 'Set the points awarded per correct answer within the streak',
	optionsDescription: 'Describe the options that users will select from during the game. Ensure to provide a minimum of 5 and a maximum of 100 options',
	optionsValue: 'Value',
	optionsValuePlaceholder: 'Type the value of the option',
	repeatedValueMessage: 'You have entered a repeated value. Please enter a different one',
	flags: 'Flags',
	flagsPlaceholder: 'Type your flag and hit enter',
	labels: 'Labels',
	customFields: 'Custom fields',
	dynamicFieldsDescription: 'You can create your custom attributes for easier way to connect or describe your Either/Or',
	keyDynamicFields: 'Key',
	valueDynamicFields: 'Value',
	options: 'Options',
	optionNumber: 'Option number',
	context: 'Context',
	content: 'Content',
	tags: 'Tags',
	entity: 'Entity',
	campaign: 'Campaign',
	tagNumber: 'Tag number',
	id: 'ID',
	idContentPlaceholder: 'Type the ID of your content',
	idCampaignPlaceholder: 'Type the ID of your campaign',
	label: 'Label',
	labelContentPlaceholder: "Type the content's label",
	labelCampaignPlaceholder: "Type the campaign's label",
	type: 'Type',
	typeDescription: 'Select the Either/Or type. You can set the types in our Management Portal by going to Features, then clicking on the Either/Or page',
	noType: "No type",
	deleteLabel: 'Delete',
	cancelLabel: 'Cancel',
	confirmationQuestionLabel: 'Are you sure you want to delete',
	typeContentPlaceholder: "Type the content's type",
	previewEitherOr: 'Preview Either/Or',
	getFootballEntitiesErrorMessage: "There was a problem with fetching football's data",
	createEitherOrMessage: 'You have successfully created Either/Or',
	createEitherOrErrorMessage: 'There was a problem creating Either/Or. Please try again',
	titleRequiredFieldValidationMessage: 'Title field is required!',
	livesFieldValidationMessage: "The value for 'lives' field is invalid. The valid one is withing the range of 1-20",
	timeFieldValidationMessage: "The value for 'time' field is invalid. The valid one is withing the range of 1-20",
	pointsFieldValidationMessage: "Points contain value where score or correct steps is an invalid one",
	optionsFieldValidationMessage: "Options must not contain any repeated IDs",
	tagsInvalidFieldValidationMessage: 'Tag entity is required!',
	getEitherOrErrorMessage: 'There was a problem with fetching Either/Or data. Please try again',
	deleteEitherOrMessage: 'You have successfully deleted Either/Or',
	deleteEitherOrErrorMessage: 'There was a problem with deleting Either/Or. Please try again',
	updateEitherOrMessage: 'You have successfully updated Either/Or',
	updateEitherOrErrorMessage: 'There was a problem updating Either/Or. Please try again',
	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',
	clear: 'Clear',
	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...'

};

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