Player Of The Match Results

npm  install  fansunited-widget-potm-results

yarn  add  fansunited-widget-potm-results

import  'fansunited-widget-potm-results/style.css';
import { PotmResults } from  'fansunited-widget-potm-results';

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

type  PotmResultsManagerProps = {
	fansUnitedApiKey: string;
	fansUnitedClientId: string;
	fansUnitedLanguage?: string;
	fansUnitedEnvironment?: string;
	labels?: LabelsModel;
};

import  'fansunited-widget-potm-results/style.css';
import { PotmResults } from  'fansunited-widget-potm-results';

const  labels = {
	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.",
  searchCompetitions: 'Search competitions',
  competitionsSelectionPlaceholder: 'Search for competitions by their name',
  competitionsErrorMessage: 'There was a problem with fetching competitions information',
  searchTeams: 'Search teams',
  teamsSelectionPlaceholder: 'Search for teams by their name',
  searchTeamsErrorMessage: 'There was a problem searching for teams',
  fetchMatchesErrorMessage: 'There was a problem while fetching matches. Please try again.',
  noMatchesFound: 'No matches found',
  itemsPerPage: 'Items per page',
  fromDate: 'From date',
  toDate: 'To date',
  timeFormat: 'DD MMM YYYY HH:mm',
  fetchPotmResultsErrorMessage: 'There was a problem with fetching "Player of The Match" results for match: ${matchName}',
  noPotmStandingsAvailable: 'No Player of The Match standings available',
  totalVotes: 'Total votes',
  playerOfTheMatchStandings: 'Player of the match standings',
  player: 'Player',
  votes: 'Votes',
  winner: 'Winner',
  action: 'Action',
  showStatistics: 'Show statistics',
  close: 'Close',
  minutesPlayed: 'Minutes played',
  yellowCards: 'Yellow cards',
  redCards: 'Red cards',
  goals: 'Goals',
  penaltyGoals: 'Penalty goals',
  penaltyCommitted: 'Penalties commited',
  penaltyWon: 'Penalties won',
  penaltyMissed: 'Penalties missed',
  penaltyReceived: 'Penalties received',
  penaltySaved: 'Penalties saved',
  ownGoals: 'Own goals',
  assists: 'Assists',
  cleanSheets: 'Clean sheets',
  shots: 'Shots',
  shotsOn: 'Shots on target',
  shotsBlocked: 'Shots blocked',
  offsides: 'Offsides',
  foulsCommitted: 'Fouls committed',
  foulsWon: 'Fouls won',
  tackles: 'Tackles',
  tacklesBlocks: 'Tackles blocked',
  tacklesInterceptions: 'Tackles interceptions',
  concededGoals: 'Conceded goals',
  caughtBall: 'Gaught balls',
  saves: 'Saves',
  passes: 'Passes',
  crosses: 'Crosses',
  interceptions: 'Interceptions',
  keyPasses: 'Key passes',
  passesAccuracy: 'Passes accuracy',
  duels: 'Duels',
  duelsWon: 'Duels won',
  dribblesAttempts: 'Dribbles attempts',
  dribblesSuccess: 'Dribbles success',
  dribblesPast: 'Dribbles past',
  widgetEmbedCode: 'Widget embed code',
  votingWindow: 'Voting window',
  votingWindowInfo: 'Determines how many hours after the finish time will voting remain open.',
  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: ",
  warningTooltipInvalidMatchStatusMessage: `This match is currently with status: "__matchStatus__". The "Player of the Match" widget embed code will not work properly until the match status change to "not started" or "finished".`,
  dataProvider: "Data provider",
  dataProviderDescription: "Select the data source for match identification.",
  dataProviderRemappingIdNotFoundMessage: "No football entity ID was found for the selected provider.",
  dataProviderRemappingErrorMessage: "There was a problem with mapping football entity ID. Please try again.",
  playersToShow: "Players to show",
  all: "All",
  playersToShowDescription: "Choose which team’s players to include in the widget.",
  embedWidgetInfo: "Embed widget information",
  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",
  clearImage: "Clear image",
  viewImage: "View image",
  cropImage: "Crop image",
  uploadImage: "Upload image",
  copyUrl: "Copy URL",
  sportal365Images: "Sportal365 images",
  hideFilters: "Hide filters",
  showFilters: "Show filters",
  search: "Search",
  aspectRatio: "Aspect ratio",
  crop: "Crop",
  reset: "Reset",
  getPlayersErrorMessage: "There was a problem fetching players. Please try again.",
  specificPlayers: "Specific players",
  specificPlayersDescription: "Select specific players to display in the widget. If no players are selected, all players from the chosen team(s) will be available for voting.",
  brandingArea: "Branding area",
  image: "Image",
  url: "URL",
  brandingUrlTooltip: "URL that the branding area will link to when clicked. Opens in a new tab.",
  authRequirement: "Auth requirement",
  authRequirementDescription: "Determines who can participate in voting. 'None' allows anonymous users, while 'Registered' requires user authentication.",
  signInLabel: "Label",
  signInLabelDescription: "Custom text displayed on the sign-in button. If empty, defaults to 'Sign in to vote'.",
  authenticationHandler: "Authentication handler",
  authenticationHandlerDescription: "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.",
};

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