Configuration Management

npm  install  fansunited-widget-client-configuration

yarn  add  fansunited-widget-client-configuration

import { ConfigurationManager } from  'fansunited-widget-client-configuration';

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

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

import { ConfigurationManager } from  'fansunited-widget-client-configuration';

const labels = {
	clientConfigErrorMessage: "There was a problem fetching client's configuration. Please try again",
	userNotFound: 'User not found. Please try again',
	signOut: 'Sign Out',
	language: 'Language',
	profilePreferences: 'Profile Preferences',
	cacheTTL: 'Cache TTL',
	footballAssets: 'Football Assets',
	soon: 'Soon',
	update: 'Update Configuration',
	configTitle: 'Configure Fans United',
	configDescription: 'Customize different features of Fans United',
	configLanguageTitle: 'Language Configuration',
	defaultLanguage: 'Default language',
	defaultLanguageHelperText: 'What is the default language of your content? This field, if different from English, would be used in our translation tools.',
	availableLanguages: 'Available languages',
	availableLanguagesHelperText: 'In case your project is multi-lingual, select the available languages for your app.',
	translationRules: 'Translation rules',
	translationRulesHelperText: 'Select the default status when a game is automatically translated.',
	gameStatus: 'Game status',
	active: 'Active',
	inactive: 'Inactive',
	updateConfigMessage: 'You have successfully updated Language configuration',
	updateConfigErrorMessage: 'There was a problem updating configuration. Please try again',
	categories: 'Categories',
	delete: 'Delete',
	id: 'ID',
	name: 'Name',
	addCategory: 'Add Category',
	preferences: 'Preferences',
	addPreference: 'Add Preference',
	selectCategories: 'Select categories for new preference',
	uniqueCategoriesIdErrorMessage: `Categories' IDs must be unique!`,
	uniquePreferencesIdErrorMessage: `Preferences' IDs must be unique!`,
	uploadImage: 'Upload Image',
	sportal365Images: 'Sportal365 Images',
	search: 'Search',
	clearImage: 'Clear image',
	copyUrl: 'Copy URL',
	viewImage: 'View image',
	cropImage: 'Crop image',
	aspectRatio: 'Aspect ratio',
	crop: 'Crop',
	reset: 'Reset',
	urlCopiedToClipboardMessage: 'URL copied to clipboard',
	imageDeletedMessage: 'Image deleted',
	imageResetMessage: 'The initial size of the image has been restored',
	fromDate: 'From Date',
	toDate: 'To Date',
	uploadingImageMessage: 'You have successfully uploaded image',
	uploadingImageErrorMessage: 'There was a problem with uploading image to bucket. Please try again',
	generateSignedInUrlErrorMessage: 'There was a problem generating signed in URL to store the image in bucket. Please try again',
	encryptingImageErrorMessage: 'There was a problem with encrypting image before uploading it to bucket. Please try again',
	searchImage: 'Search image',
	hideFilters: 'Hide filters',
	showFilters: 'Show filters',
	searchSportal365ImagesErrorMessage: 'There was a problem with searching images from Sportal 365 API. Please try again',
	previous: 'Previous',
	next: 'Next'
};

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