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;
	hideSignOutButton?: boolean;
};

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

const  labels = {
	userNotFound:  'User not found. Please try again',
	clientFeaturesNotFoundMessage: "There was a problem fetching client's configuration. Please check again your API key and client ID. For more information contact Fans United staff.",
	noGamesFound: "No Either/Or games were found. You can create one by clicking the button 'Create'",
	featureDisabled: 'Feature disabled!',
	noPermissionMessage: 'You have no permission for this feature!',
	tryAgainButton: 'Try again',
	additionalInformation: 'Additional information',
	signOut:  'Sign out',
	timeFormat:  'DD.MM.YYYY, HH:mm',
	getEitherOrsErrorMessage: 'There was a problem with fetching list of Either/Or games',
	title:  'Title',
	alternativeTitle: 'Alternative title',
	status:  'Status',
	creationDate:  'Created at',
	actions:  'Actions',
	create: 'Create',
	edit: 'Edit',
	save: 'Save',
	preview: 'Preview',
	previewGame: 'Preview Either/Or',
	close: 'Close',
	filterBy: 'Filter by:',
	sortBy: 'Sort by:',
	clearStatus: 'Clear status',
	contextEntityTag: 'Context entity tag',
	typeContextTagNamePlaceholder: 'Type context tag name...',
	itemsPerPage:  'Items per page',
	pageNo: 'Page No',
	deleteEitherOrTitle: 'Delete Either/Or',
	deleteEitherOrDescription: 'Are you sure you want to delete',
	showMoreImages: 'Show more images',
	hideMoreImages: 'Hide more images',
	uploadImage: 'Upload image',
	groupByStatus: 'Group by status',
	copyUrl: 'Copy URL',
	copied: 'Copied',
	add: 'Add',
	configuration: 'Configuration',
	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',
	expired: 'Expired',
	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',
	timeDescription: 'Enter the time limit for answering questions by users. Time is in seconds',
	lives: 'Lives',
	livesDescription: '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',
	id: 'ID',
	label: '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',
	deleteLabel: 'Delete',
	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',
	updateEitherOrTranslationErrorMessage: 'There was a problem translating Either/Or game. 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',
	searchSportal365ImagesErrorMessage: 'There was a problem with searching images from Sportal 365 API. Please try again',
	hideFilters: 'Hide filters',
	showFilters: 'Show filters',
	branding: 'Branding',
	urls: 'URLs',
	primaryUrl: 'Primary URL',
	secondaryUrl: 'Secondary URL',
	privacyPolicyUrl: 'Privacy Policy URL',
	termsAndConditionsUrl: 'Terms and Conditions URL',
	additionalUrl: 'Additional URL',
	colors: 'Colors',
	primaryColor: 'Primary Color',
	secondaryColor: 'Secondary Color',
	contentColor: 'Content Color',
	backgroundColor: 'Background Color',
	borderColor: 'Border Color',
	additionalColor: 'Additional Color',
	mainLogo: 'Main Logo',
	mobileLogo: 'Mobile Logo',
	backgroundImage: 'Background Image',
	mobileBackgroundImage: 'Mobile Background Image',
	additionalImage: 'Additional Image',
	exportAllUsers: "Export all users",
	usersExportMessage: "All users have been exported successfully",
	usersExportErrorMessage: "There was a problem with exporting users. Please try again",
	createFromTemplate: 'Create from template',
	browseEitherOrGames: 'Browse Either/Or Games',
	noTemplateGamesFound: 'No Either/Or games were found.',
	expand: 'Expand',
	import: 'Import',
	translateAndImport: 'Translate to _language_ and Import',
	sortByCreatedAtAsc: 'Sort by created at field in ascending order',
	sortByCreatedAtDesc: 'Sort by created at field in descending order',
	sortByUpdatedAtAsc: 'Sort by updated at field in ascending order',
	sortByUpdatedAtDesc: 'Sort by updated at field in descending order',
	mainImage: 'Main',
	coverImage: 'Cover',
	mobileImage: 'Mobile',
	clearImage: 'Clear image',
	viewImage: 'View image',
	cropImage: 'Crop image',
	aspectRatio: 'Aspect ratio',
	crop: 'Crop',
	reset: 'Reset',
	sportal365Images: 'Sportal365 Images',
	search: 'Search',
	delete: 'Delete',
	schedule: 'Schedule',
	scheduledTaskNotAvailable: 'To configure scheduled tasks you need to first create your game',
	createScheduledTaskMessage: 'You have successfully created scheduled task',
	createScheduledTaskErrorMessage: 'An error occurred while creating scheduled task. Please try again later',
	updateScheduledTaskMessage: 'You have successfully updated scheduled task',
	updateScheduledTaskErrorMessage: 'An error occurred while updating scheduled task. Please try again later',
	deleteScheduledTaskMessage: 'You have successfully deleted scheduled task',
	deleteScheduledTaskErrorMessage: 'An error occurred while deleting scheduled task. Please try again later',
	deleteScheduledTaskModalTitle: 'Delete scheduled task',
	deleteScheduledTaskModalParagraph: 'Are you sure you want to delete the following scheduled task: ',
	changeStatusTo: 'Change status to:',
	at: 'At:',
	authRequirement: 'Auth Requirement',
	authRequirementDescription: 'Choose the type of authentication to be used.',
	free: 'Free',
	lead: 'Lead',
	registered: 'Registered',
	paid: 'Paid',
	language: 'Language',
	languageDescription: 'Select the language for your game. You can manage language selection by configuring available languages in language configuration. It cannot be changed if multilingual feature is in use.',
	urlCopiedToClipboardMessage: 'URL copied to clipboard',
	imageDeletedMessage: 'Image deleted',
	imageResetMessage: 'The initial size of the image has been restored',
	exports: 'Exports',
	exportUsersData: 'Export users data',
	category: 'Category',
	action: 'Action',
	exportAllUsersDescription: 'Export all users who participated in the game.',
	fromDate: 'From Date',
	toDate: 'To Date',
	addOption: 'Add option',
	removeOption: 'Remove option',
	addImages: 'Add images',
	additionalFields: 'Additional fields',
	addPoint: 'Add point',
	removePoint: 'Remove point',
	reports: 'Reports',
	standings: 'Standings',
	participations: 'Participations',
	participationOverview: 'Participation Overview',
	exportUsersWithMinPoints: 'Export all users with at least _minPoints_ points',
	exportUsersWithMinPointsDescription: 'Exports the users who got at least _minPoints_ points in the game.',
	chartErrorMessage: 'There was a problem with fetching information about either/or game participation. Please try again',
	performanceByDay: 'Performance by day',
	noStandingsAvailable: 'No standings available.',
	standingsErrorMessage: 'There was a problem with fetching information about either/or game standings. Please try again',
	name: 'Name',
	languagesModalTitle: 'Select Languages',
	languagesModalDescription: 'Select the languages this game is going to be translated in.',
	languagesModalSave: 'Save language preference',
	languageParentText: 'This game is a translated version of',
	gameTranslationErrorMessage: 'An error occurred while translating the game.',
	translateTo: 'Translate to ',
	exportUsersLeads: 'Export users leads',
	exportAllUsersLeads: 'Export all users leads',
	exportAllUsersLeadsDescription: 'Export all users collected leads in the game.',
	usersLeadsExportMessage: 'All users leads have been exported successfully',
	usersLeadsExportErrorMessage: 'There was a problem with exporting all users leads. Please try again',
	related: 'Related',
	relationship: 'Relationship',
	relatedEntitiesErrorMessage: 'There was a problem with fetching entities for related. Please try again',
	widgetEmbedCodeTitle: 'Widget embed code',
	configureLeads: 'Configure leads',
	configureLeadsDisabledMessage: 'Configure leads is enabled only when the authentication requirement is set to “Lead”.',
	leadPosition: 'Lead position',
	addCampaignInfo: 'Add campaign info',
	campaignIdInfoMessage: 'Group multiple content items by a campaign ID. This field will be used for filtering later on, so make sure you have excatly the same ID across your multiple quizzes, polls and other games in general. We recommend using lowercase and -. Example: "adidas-december-2025"',
	campaignNameInfoMessage: 'A label for your campaign that will appear in the reports. You can use anything here. Example: "Adidas (December 2025)"',
	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 Either/Or game.',
	signInLabel: 'Label',
	signInLabelInfoMessage: `Custom text displayed on the sign-in button. If empty, defaults to "Sign in to vote".`,
	authenticationHandler: 'Authentication handler',
	authenticationHandlerInfoMessage: 'JavaScript function code that executes when users click the sign-in button. To evaluate the function, provide only the function name. Example: showLoginModal() or window.openAuth(). The function is required otherwise the sign-in button will just log dummy message in the console.',
	configureSignIn: 'Configure sign-in options',
	configureSignInDisabledMessage: `Configure sign-in options is enabled only when the authentication requirement is set to “Registered”.`,
	translationOptions: 'Translate to:',
	cloneMiniGameTitle: 'Clone Either/Or',
	clone: 'Clone',
	cloneEitherOrMessage: 'You have successfully cloned Either/Or',
	cloneEitherOrErrorMessage: 'There was a problem cloning Either/Or. Please try again',
	translationErrorMessage: 'An error occurred while translating.'
};

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