Personality Quiz Management

npm  install  fansunited-widget-personality-quiz

yarn  add  fansunited-widget-personality-quiz

import  'fansunited-widget-personality-quiz/style.css';
import { PersonalityQuizManager } from  'fansunited-widget-personality-quiz';

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

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

import  'fansunited-widget-personality-quiz/style.css';
import { PersonalityQuizManager } from  'fansunited-widget-personality-quiz';

const labels = {
	userNotFound: 'User not found. Please try again',
	clientFeaturesNotFoundMessage: "There was a problem fetching client's configuration. Please try again.",
	featureDisabled: 'Feature disabled!',
	noPermissionMessage: 'You have no permission for this feature!',
	tryAgainButton: 'Try again',
	additionalInformation: 'Additional information',
	expand: 'Expand',
	pageNo: 'Page No',
	deleteMiniGameTitle: 'Delete Personality Quiz',
	deleteMiniGameDescription: 'Are you sure you want to delete',
	cloneMiniGameTitle: 'Clone Personality Quiz',
	back: 'Back',
	manageMiniGameTitle: 'Manage Personality Quiz',
	manageMiniGameDescription: 'Manage your Personality Quiz here',
	schedule: 'Schedule',
	scheduledTaskNotAvailable: 'To configure scheduled tasks you need to first create your personality quiz.',
	changeStatusTo: 'Change status to:',
  	at: 'At:',
  	deleteScheduledTaskModalTitle: 'Delete scheduled task',
  	deleteScheduledTaskModalParagraph: 'Are you sure you want to delete the following scheduled task: ',
	points: 'Points',
	maxAttempts: 'Max Attempts',
	maxAttemptsDescription: 'Define how many times a user can attempt the quiz. Leave this field blank for unlimited attempts.',
	reports: 'Reports',
	standings: 'Standings',
	name: 'Name',
	noStandingsAvailable: 'No standings available.',
	noQuestionsReport: 'The questions report is out of date. Please recalculate in order to see the latest data.',
	questionsReport: 'Questions Report',
	recalculate: 'Recalculate',
	questionsReportRecalculationMessage: 'The questions report is successfully recalculated',
	questionsReportRecalculationErrorMessage: 'There was a problem with recalculating questions report. Please try again',
	questionsReportErrorMessage: 'There was a problem with fetching information about questions report. Please try again',
	participations: 'Participations',
	questionsChartErrorMessage: 'There was a problem with fetching information about questions report. Please try again',
	signOut: 'Sign out',
	createFromTemplate: 'Create from template',
	timeFormat: 'DD.MM.YYYY, HH:mm',
	getPersonalityQuizzesErrorMessage: 'There was a problem with fetching personality quizzes',
	title: 'Title',
	alternativeTitle: 'Alternative title',
	noGamesFound: "No personality quizzes were found. You can create one by clicking the button 'Create'",
	status: 'Status',
	participants: 'Participants',
	creationDate: 'Created at',
	actions: 'Actions',
	create: 'Create',
	edit: 'Edit',
	clone: 'Clone',
	save: 'Save',
	preview: 'Preview',
	close: 'Close',
	add: 'Add',
	copyUrl: 'Copy URL',
	sortBy: 'Sort by:',
	uploadImage: 'Upload image',
	hideMoreImages: 'Hide more images',
	showMoreImages: 'Show more images',
	configuration: 'Configuration',
	contextEntityTag: 'Context entity tag',
	typeContextTagNamePlaceholder: 'Type context tag name...',
	itemsPerPage:  'Items per page',
	description: 'Description',
	images: 'Images',
	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',
	clearImage: 'Clear image',
	viewImage: 'View image',
	cropImage: 'Crop image',
	aspectRatio: 'Aspect ratio',
	crop: 'Crop',
	reset: 'Reset',
	sportal365Images: 'Sportal365 Images',
	search: 'Search',
	delete: 'Delete',
	additionalFields: 'Additional fields',
	addQuestion: 'Add question',
	addImages: 'Add images',
	addExplanation: 'Add explanation',
	addEmbedCode: 'Add embed code',
	fromDate: 'From Date',
	toDate: 'To Date',
	explanation: 'Explanation',
	explanationDescription: 'This optional field allows you to provide users with more information about the question. For example, if the question is "How often do you watch football matches?", the explanation could be: "Football matches are typically held weekly during the season, with major tournaments occurring annually."',
	rules: 'Rules',
	adContent: 'Ad content',
	adContentPlaceholder: 'Place your ad content in Personality Quiz',
	mainImage: 'Main',
	coverImage: 'Cover',
	mobileImage: 'Mobile',
	addOption: 'Add option',
	removeQuestion: 'Remove question',
	groupByStatus: 'Group by status',
	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',
	options: 'Options',
	active: 'Active',
	inactive: 'Inactive',
	removeOption: 'Remove option',
	expired: 'Expired',
	time: 'Time',
	timeDescription: 'Specify the time (in seconds) that users will have to answer each question.',
	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 Personality Quiz',
	keyDynamicFields: 'Key',
	valueDynamicFields: 'Value',
	question: 'Question',
	questionNumber: 'Question number',
	option: 'Option',
	questions: 'Questions',
	questionsDescription: 'In the fields below, you can manage your questions and their corresponding options. Each question must have at least two options. Once the first user plays the game, your questions and options will be locked for editing. You can enhance your content by using the optional fields provided. The “Add Images” button allows you to attach multiple images to both questions and options. Additionally, the “Explanation” field is optional but can be used to provide users with additional context or background information about the question.',
	correct: 'Correct',
	wrong: 'Wrong',
	skipped: 'Skipped',
	total: 'Total',
	context: 'Context',
	content: 'Content',
	tags: 'Tags',
	entity: 'Entity',
	campaign: 'Campaign',
	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",
	previewPersonalityQuiz: 'Preview Personality Quiz',
	hideFilters: 'Hide filters',
	showFilters: 'Show filters',
	noImagesFound: 'No images found',
	previous: 'Previous',
	next: 'Next',
	addAll: 'Add all',
	exports: 'Exports',
	exportUsersData: 'Export users data',
	category: 'Category',
	action: 'Action',
	exportAllUsers: 'Export all users',
	exportAllUsersDescription: 'Export all users who participated in the quiz.',
	exportUsersPerfectScore: 'Export users with perfect score',
	exportUsersPerfectScoreDescription: 'Export the users who got all the questions right.',
	exportUsersWithSuccessRate: 'Export users with success rate of minimum',
	exportUsersWithSuccessRateDescription: 'Exports the users who got at least _successRate_ of the questions right.',
	exportTop: 'Export top',
	usersExportMessage: 'Users have been exported successfully',
	usersExportErrorMessage: 'There was a problem with exporting users. Please try again',
	getFootballEntitiesErrorMessage: "There was a problem with fetching football's data. Please try again.",
	titleRequiredFieldValidationMessage: 'Title is required!',
	questionRequiredFieldValidationMessage: 'The question itself is required for each question!',
	optionRequiredFieldValidationMessage: 'The option itself is required for each option in each question!',
	personaTittleRequiredFieldValidationMessage: 'Persona title is required!',
	optionPreferencesRequiredFieldValidationMessage: `'Preference mapping' is required for each option when 'Profile preferences mapping' is enabled`,
	tagsInvalidFieldValidationMessage: 'Tag entity is required!',
	getPersonalityQuizErrorMessage: 'There was a problem with fetching personality quiz data. Please try again.',
	createPersonalityQuizMessage: 'You have successfully created Personality Quiz',
	createPersonalityQuizErrorMessage: 'There was a problem creating Personality Quiz. Please try again',
	updatePersonalityQuizMessage: 'You have successfully updated Personality Quiz',
	updatePersonalityQuizErrorMessage: 'There was a problem updating Personality Quiz. Please try again',
	clonePersonalityQuizMessage: 'You have successfully cloned Personality Quiz',
	clonePersonalityQuizErrorMessage: 'There was a problem cloning Personality Quiz. Please try again',
	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',
	deletePersonalityQuizMessage: 'Personality Quiz deleted successfully!',
	deletePersonalityQuizErrorMessage: 'There was a problem with deleting Personality Quiz. Please try again',
	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',
	translationErrorMessage: 'An error occurred while translating.',
	browseQuizzes: 'Browse quizzes',
	import: 'Import',
	translateAndImport: 'Translate to _language_ and Import',
	translationOptions: 'Translate to:',
	translateTo: 'Translate to _language_',
	noTranslation: 'No Translation',
	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 Personality Quiz. You can manage language selection by configuring available languages in language configuration. It cannot be changed if multilingual feature is in use.',
	languagesModalTitle: 'Select Languages',
	languagesModalDescription: 'Select the languages this quiz is going to be translated in.',
	languagesModalSave: 'Save language preference',
	languageParentText: 'This quiz is a translated version of',
	noParticipationsReport: "No report data available for 'Performance by day'.",
	exportUsersLeads: 'Export users leads',
	exportAllUsersLeads: 'Export all users leads',
	exportAllUsersLeadsDescription: 'Export all users collected leads in the quiz.',
	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',
	type: 'Type',
	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 personality quiz.',
	uncategorized: 'Uncategorized',
	preferenceMapping: 'Preference mapping',
	profilePreferencesMapping: 'Profile preferences mapping',
	profilePreferencesMappingEnabledDescription: 'Allows to create quizzes that collect user preference data. Users play quizzes while you gather insights about their brand, product, and lifestyle preferences.',
	profilePreferencesMappingDisabledDescription: 'The "profile preferences" feature is disabled! To enabled it, contact the Fans United team.',
	personas: 'Personas',
	personasDescription: 'Configure the different personality results that users can receive.',
	showAdditionalFields: 'Show additional fields',
	personaPoints: 'Persona points',
	personaPointsTooltip: 'Configure points awarded to each personality type when this option is selected. These points determine which personality result the user receives based on their answers.',
	persona: 'Persona',
	quizzes: 'Quizzes',
	mainDescription: 'Use this interface to manage your Personality Quizzes, access detailed reports and customize your quiz configuration.',
	soon: 'Soon',
	updateConfiguration: 'Update Configuration',
	updateConfigurationMessage: 'You have successfully updated Personality Quiz configuration.',
	updateConfigurationErrorMessage: 'There was a problem updating configuration. Please try again',

};

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