fansunited-widget-either-or 1.4.0 → 2.0.0-RC1

package/README.md

@@ -66,7 +66,7 @@ Fans United Either/Or Management Widget depends on [Fans United JS SDK](https://
 
 -  `fansUnitedEnvironment` - You can run the widget in the following environments: **staging**, **production**, **watg** and **yolo**. If no value given it will be set to **production** (prod).
 
--  `labels` - you can easily translate all labels, UI messages, descriptions, placeholders and etc. with this prop. By default, Fans United Match Quiz Management Widget is available in **English** so if no value is given, the widget will be translated in English.
+-  `labels` - you can easily translate all labels, UI messages, descriptions, placeholders and etc. with this prop. By default, Fans United Match Either/Or Management Widget is available in **English** so if no value is given, the widget will be translated in English.
 
 -  `sportal365Project` - The Sportal365 project. Used as a request header when communicating with Sportal365 APIs.
 
@@ -84,11 +84,17 @@ 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',
@@ -96,12 +102,17 @@ const  labels = {
 	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',
@@ -110,7 +121,6 @@ const  labels = {
 	copied: 'Copied',
 	add: 'Add',
 	configuration: 'Configuration',
-	titlePlaceholder: 'Provide a title for your Either/Or',
 	description: 'Description',
 	descriptionPlaceholder: 'Describe your Either/Or',
 	images: 'Images',
@@ -125,6 +135,7 @@ const  labels = {
 	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",
@@ -160,19 +171,10 @@ const  labels = {
 	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",
 	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',
@@ -191,14 +193,9 @@ const  labels = {
 	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'
-	searchImages: 'Search images',
-	clearFromToFilterSportal365ImagesMessage: 'You have cleared from/to filter for Sportal365 search images',
 	hideFilters: 'Hide filters',
 	showFilters: 'Show filters',
-	dateFromTo: 'Date from/to',
-	dateFromToPlaceholder: 'Select Date...',
 	branding: 'Branding',
 	urls: 'URLs',
 	primaryUrl: 'Primary URL',
@@ -221,7 +218,64 @@ const  labels = {
 	exportAllUsers: "Export all users",
 	usersExportMessage: "All users have been exported successfully",
 	usersExportErrorMessage: "There was a problem with exporting users. Please try again"
-
+	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',
+	language: 'Language',
+	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',
+	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',
 };
 
 const  App = () => {
@@ -239,10 +293,16 @@ Here is all information about **`LabelsModel`**:
 | Key         | Description               | Default Value |
 | :-------------: |:-------------:| :-----:|
 | `userNotFound` | On login screen when client gives invalid information about email or password. | User not found. Please try again |
+| `clientFeaturesNotFoundMessage` | Toast error message when client is providing invalid value to **fansUnitedApiKey** or **fansUnitedClientId** prop. | There was a problem fetching client's configuration. Please check again your API key and client ID. For more information contact Fans United staff. |
+| `featureDisabled` | Label for no permission card title | Feature disabled! |
+| `noPermissionMessage` | Label for no permission card paragraph | You have no permission for this feature! |
+| `tryAgainButton` | Label for no permission card button | Try again |
+| `additionalInformation` | Label for tooltip button | Additional information |
 | `noGamesFound` | When there are no created games for specific client, this message will appear on screen. | No Either/Or games were found. You can create one by clicking the button 'Create' |
 | `signOut` | Used as label on sign out button. | Sign out |
 | `getEitherOrsErrorMessage` | [react-toastify](https://github.com/fkhadra/react-toastify) error message when request fails for fetching list of Either/Or. | There was a problem with fetching list of Either/Or games |
-| `title` | Label for title | Title
+| `title` | Label for title | Title |
+| `alternativeTitle` | Label for alternative title | Alternative title |
 | `status` | Status of a Either/Or | Status |
 | `creationDate` | Date of created Either/Or in same format as given for **`timeFormat` prop** | Created at |
 | `actions` | Two icon buttons with different actions | Actions |
@@ -250,6 +310,7 @@ Here is all information about **`LabelsModel`**:
 | `edit` | Label for management header | Edit |
 | `save` | Label for save button | Save |
 | `preview` | Label for preview button | Preview |
+| `previewGame` | Title for preview game modal | Preview Either/Or |
 | `close` | Label for close button | Close |
 | `filterBy` | Label for filters container on main screen | Filter by: |
 | `sortBy` | Label for sort container on main screen | Sort by: |
@@ -264,7 +325,6 @@ Here is all information about **`LabelsModel`**:
 | `copied` |  Label for copy url button | Copied |
 | `add` | Label for add button | Add |
 | `configuration` | Label for configuration accordion | Configuration |
-| `titlePlaceholder` | Placeholder/desciption about title input field name on management screen. | Provide a title for your Either/Or |
 | `timeFormat` | Timeformat for displaying dates. Widgets uses [dayjs](https://www.npmjs.com/package/dayjs) as a date dependency. | DD.MM.YYYY, HH:mm |
 | `previous` | Label for pagination button. | Previous |
 | `next` | Label for pagination button. | Next |
@@ -283,6 +343,7 @@ Here is all information about **`LabelsModel`**:
 | `imagePlaceholder` | Placeholder for image inputs. | Paste your image as valid URL or as relative path |
 | `active` | Label for status. | Active |
 | `inactive` | Label for status. | Inactive |
+| `expired` | Label for status. | Expired |
 | `statusDescription` | Description for status select. | When Either/Or is Inactive, then users are not allowed to participate |
 | `winningCondition` | Label for winning condition select. | Winning condition |
 | `winningConditionDescription` | Description for winning condition select. | 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 |
@@ -319,25 +380,12 @@ Here is all information about **`LabelsModel`**:
 | `entity` | Label for entity search in tag. | Entity |
 | `campaign` | Label for context campaign container. | Campaign |
 | `id` | Label for ID. | ID |
-| `idContentPlaceholder` | Placeholder for ID content in context. | Type the ID of your content |
-| `idCampaignPlaceholder` | Placeholder for ID content in campaign. | Type the ID of your campaign |
 | `label` | Label for context content/campaign label input. | Label |
-| `labelContentPlaceholder` | Placeholder for label content in context. | Type the content's label |
-| `labelCampaignPlaceholder` | Placeholder for label content in campaign. | Type the campaign's label |
 | `type` | Label for context content type input. | Type |
 | `typeDescription` | Description paragraph for type select. | 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` | The default select option for Either/Or type. | No type |
 | `deleteLabel` | Label for delete button in confirmation modal. | Delete |
-| `cancelLabel` | Label for cancel button in confirmation modal. | Cancel |
-| `confirmationQuestionLabel` | Paragraph in confirmation modal. | Are you sure you want to delete |
-| `typeContentPlaceholder` | Placeholder for type content in context. | Type the content's type |
-| `previewEitherOr` | Title in preview modal. | Preview Either/Or |
-| `clear` | Label tippy clear button | Clear |
-| `searchImages` | Label for search image input | Search images |
 | `hideFilters` | Label for hyperlink to hide filters for image search | Hide filters |
 | `showFilters` | Label for hyperlink to show filters for image search | Show filters |
-| `dateFromTo` | Label for date from/to filter for image search | Date from/to |
-| `dateFromToPlaceholder` | Placeholder for input date from/to filter for image search | Select Date... |
 | `branding` | Label for branding container | Branding |
 | `urls` | Label for branding urls container | URLs |
 | `primaryUrl` | Label for branding primary url input | Primary URL |
@@ -377,5 +425,70 @@ Here is all information about **`LabelsModel`**:
 | `generateSignedInUrlErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when trying to receive a signed in URL. | There was a problem generating signed in URL to store the image in bucket. Please try again |
 | `uploadingImageErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when uploading image to bucket | There was a problem with uploading image to bucket. Please try again |
 | `encryptingImageErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when encrypting image before uploading it to bucket | There was a problem with encrypting image before uploading it to bucket. Please try again |
-| `clearFromToFilterSportal365ImagesMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) info message when clearing date from/to filter | You have cleared from/to filter for Sportal365 search images |
-| `searchSportal365ImagesErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when searching images from Sportal 365 API | There was a problem with searching images from Sportal 365 API. Please try again |
+| `searchSportal365ImagesErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when searching images from Sportal 365 API | There was a problem with searching images from Sportal 365 API. Please try again |
+| `sortByCreatedAtAsc` | Label for sort option | Sort by created at field in ascending order |
+| `sortByCreatedAtDesc` | Label for sort option | Sort by created at field in descending order |
+| `sortByUpdatedAtAsc` | Label for sort option | Sort by updated at field in ascending order |
+| `sortByUpdatedAtDesc` | Label for sort option | Sort by updated at field in descending order |
+| `itemsPerPage` | Label for items per page filter select | Items per page |
+| `pageNo` | Label before pagination buttons | Page No |
+| `deleteEitherOrTitle` | Title for delete either/or modal | Delete Either/Or |
+| `deleteEitherOrDescription` | Description for delete either/or modal | Are you sure you want to delete |
+| `back` | Label next to back button | Back |
+| `manageEitherOrTitle` | Title on management screen | Manage Either/Or |
+| `manageEitherOrDescription` | Description on management screen | Manage your Either/Or game here |
+| `mainImage` | Label for main image. | Main |
+| `coverImage` | Label for cover image. | Cover |
+| `mobileImage` | Label for mobile image. | Mobile |
+| `clearImage` | Tooltip for clear image button | Clear image |
+| `viewImage` | Tooltip for view image button | View image |
+| `cropImage` | Tooltip for crop image button | Crop image |
+| `aspectRatio` | Label for aspect ratio select | Aspect ratio |
+| `crop` | Label for crop button | Crop |
+| `rest` | Label for reset button | Reset |
+| `sportal365Images` | Label for sportal365 images button | Sportal365 Images |
+| `search` | Label for search | Search |
+| `delete` | Label for delete | Delete |
+| `schedule` | Label for schedule accordion | Schedule |
+| `scheduledTaskNotAvailable` | Paragraph when trying to configure scheduled task for not created game | To configure scheduled tasks you need to first create your game |
+| `deleteScheduledTaskModalTitle` | Title for delete scheduled task modal | Delete scheduled task |
+| `deleteScheduledTaskModalParagraph` | Paragraph for delete scheduled task modal | Are you sure you want to delete the following scheduled task: |
+| `createScheduledTaskMessage` | Toast successful message when a new scheduled task is created | You have successfully created scheduled task |
+| `createScheduledTaskErrorMessage` | Toast error message when a new scheduled task is created | An error occurred while creating scheduled task. Please try again later |
+| `updateScheduledTaskMessage` | Toast successful message when a scheduled task is updated | You have successfully updated scheduled task |
+| `updateScheduledTaskErrorMessage` | Toast error message when a scheduled task is updated | An error occurred while updating scheduled task. Please try again later |
+| `deleteScheduledTaskMessage` | Toast successful message when a scheduled task is deleted | You have successfully deleted scheduled task |
+| `deleteScheduledTaskErrorMessage` | Toast error message when a scheduled task is deleted | An error occurred while deleting scheduled task. Please try again later |
+| `changeStatusTo` | Label for select input in schedule accordion | Change status to: |
+| `at` | Label for calendar input in schedule accordion | At: |
+| `authRequirement` | Label for auth requirement select in configuration panel. | Auth Requirement |
+| `authRequirementDescription` | Description for auth requirement select in configuration panel. | Choose the type of authentication to be used. |
+| `free` | Label for auth requirement option. | Free |
+| `lead` | Label for auth requirement option. | Lead |
+| `registered` | Label for auth requirement option. | Registered |
+| `language` | Label for language selection in configuration panel. | Language |
+| `urlCopiedToClipboardMessage` | Toast info message when image URL is copied | URL copied to clipboard |
+| `imageDeletedMessage` | Toast info message when image is deleted | Image deleted |
+| `imageResetMessage` | Toast info message when image size is restored | The initial size of the image has been restored |
+| `exports` | Label for exports tab | Exports |
+| `exportUsersData` | Title in exports users data | Export users data |
+| `category` | Name of column | Category |
+| `action` | Name of column | Action |
+| `exportAllUsersDescription` | Description for export all users category record | Export all users who participated in the game. |
+| `fromDate` | Label for from date input | From Date |
+| `toDate` | Label for to date input | To Date |
+| `addOption` | Label for add option button | Add option |
+| `removeOption` | Label for remove option button | Remove option |
+| `additionalFields` | Label for additional fields | Additional fields |
+| `addImages` | Label for add images checkbox | Add images |
+| `addPoint` | Label for add point button | Add point |
+| `removePoint` | Label for remove point button | Remove point |
+| `reports` | Label for tab | Reports |
+| `standings` | Label for tab | Standings |
+| `participations` | Label for participations chart legend | Participations |
+| `performanceByDay` | Label for participations chart legend | Performance by day |
+| `chartErrorMessage` | Toast error message when fetching the game participation fails |
+There was a problem with fetching information about qgameuiz participation. Please try again |
+| `noStandingsAvailable` | Paragraph when no standings is still available | No standings available. |
+| `standingsErrorMessage` | Toast error message when fetching the game staindings fails | There was a problem with fetching information about either/or game standings. Please try again |
+| `name` | Label for name | Name |

package/components/Cards/EitherOrsCard.d.ts

@@ -1,3 +1,6 @@
-import React from 'react';
-declare const EitherOrsCard: React.FC;
+import { default as React } from 'react';
+type EitherOrsCardProps = {
+    children: React.ReactNode;
+};
+declare const EitherOrsCard: React.FC<EitherOrsCardProps>;
 export default EitherOrsCard;

package/components/Cards/WidgetCard.d.ts

@@ -1,3 +1,6 @@
-import React from 'react';
-declare const WidgetCard: React.FC;
+import { default as React } from 'react';
+type WidgetCardProps = {
+    children: React.ReactNode;
+};
+declare const WidgetCard: React.FC<WidgetCardProps>;
 export default WidgetCard;

package/components/EitherOrs/ActionsMenu.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { EitherOrBasicModel } from 'fansunited-sdk-esm';
+type ActionsMenuProps = {
+    eitherOr: EitherOrBasicModel;
+    onClickEdit: () => void;
+    onDelete: () => void;
+};
+declare const ActionsMenu: React.FC<ActionsMenuProps>;
+export default ActionsMenu;

package/components/EitherOrs/AdditionalInfo/EitherOrExports.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { EitherOrBasicModel } from 'fansunited-sdk-esm';
+type EitherOrExportsProps = {
+    game: EitherOrBasicModel;
+};
+declare const EitherOrExports: React.FC<EitherOrExportsProps>;
+export default EitherOrExports;

package/components/EitherOrs/AdditionalInfo/EitherOrStandings.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { EitherOrBasicModel } from 'fansunited-sdk-esm';
+export declare const displayName: (nickname: string | undefined) => string;
+type EitherOrStandingsProps = {
+    game: EitherOrBasicModel;
+};
+declare const EitherOrStandings: React.FC<EitherOrStandingsProps>;
+export default EitherOrStandings;

package/components/EitherOrs/AdditionalInfo/EitherOrStats.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { EitherOrBasicModel } from 'fansunited-sdk-esm';
+type EitherOrStatsProps = {
+    game: EitherOrBasicModel;
+};
+declare const EitherOrStats: React.FC<EitherOrStatsProps>;
+export default EitherOrStats;

package/components/EitherOrs/AdditionalInfo/ParticipationChart.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type ParticipationChartProps = {
+    chartData: {
+        date: string;
+        participations: number;
+    }[];
+};
+declare const ParticipationChart: React.FC<ParticipationChartProps>;
+export default ParticipationChart;

package/components/EitherOrs/AdditionalInfo/TableInfoTabs.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { EitherOrBasicModel } from 'fansunited-sdk-esm';
+type TableInfoTabsProps = {
+    eitherOr: EitherOrBasicModel;
+};
+declare const TableInfoTabs: React.FC<TableInfoTabsProps>;
+export default TableInfoTabs;

package/components/EitherOrs/EitherOrRow.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { EitherOrBasicModel } from 'fansunited-sdk-esm';
+type EitherOrRowProps = {
+    row: EitherOrBasicModel;
+    onClickEdit: () => void;
+    onDelete: () => void;
+};
+declare const EitherOrRow: React.FC<EitherOrRowProps>;
+export default EitherOrRow;

package/components/EitherOrs/EitherOrs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 type EitherOrsProps = {
     hideSignOutButton: boolean;
     fansUnitedEnvironment: string;

package/components/EitherOrs/EitherOrsTable.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { EitherOrBasicModel } from 'fansunited-sdk-esm';
+type EitherOrsTableProps = {
+    pageGames: Map<number, EitherOrBasicModel[]>;
+    pageCount: number;
+    gamesPerPage: number;
+    getPreviousPage: () => void;
+    getNextPage: () => void;
+    onClickEdit: (id: string) => void;
+    onDelete: () => void;
+};
+declare const EitherOrsTable: React.FC<EitherOrsTableProps>;
+export default EitherOrsTable;

package/components/EitherOrs/TablePagination.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type TablePaginationProps = {
+    pageCount: number;
+    disablePreviousPage: boolean;
+    disableNextPage: boolean;
+    goToPreviousPage: () => void;
+    goToNextPage: () => void;
+};
+declare const TablePagination: React.FC<TablePaginationProps>;
+export default TablePagination;

package/components/Filters/Filters.d.ts

@@ -1,6 +1,6 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import EitherOrFiltersModel from '../../models/Filters/EitherOrFiltersModel';
-import SelectOption from '../../models/Select/SelectOption';
+import { default as React, Dispatch, SetStateAction } from 'react';
+import { default as SelectOption } from '../../models/Select/SelectOption';
+import { default as EitherOrFiltersModel } from '../../models/Filters/EitherOrFiltersModel';
 type FiltersProps = {
     filters: EitherOrFiltersModel;
     options: SelectOption[];

package/components/Main.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import LabelsModel from '../models/Labels/LabelsModel';
+import { default as React } from 'react';
+import { default as LabelsModel } from '../models/Labels/LabelsModel';
 type MainProps = {
     fansUnitedApiKey: string;
     fansUnitedClientId: string;

package/components/MainLayout.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 type MainLayoutProps = {
     hideSignOutButton: boolean;
     fansUnitedEnvironment: string;

package/components/Management/Header.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type HeaderProps = {
+    onClickBack: () => void;
+};
+declare const Header: React.FC<HeaderProps>;
+export default Header;

package/components/Management/MainColumn.d.ts

@@ -1,10 +1,9 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import EitherOrById from '../../models/EitherOr/EitherOrById';
+import { default as React } from 'react';
+import { default as RequestBody } from '../../models/RequestBody/RequestBody';
 type MainColumnProps = {
-    requestBody: EitherOrById;
-    setRequestBody: Dispatch<SetStateAction<EitherOrById>>;
-    description: string;
-    setDescription: Dispatch<SetStateAction<string>>;
+    requestBody: RequestBody;
+    isEditMode: boolean;
+    onRequestBodyUpdate: (body: RequestBody) => void;
 };
 declare const MainColumn: React.FC<MainColumnProps>;
 export default MainColumn;

package/components/Management/ManageEitherOr.d.ts

@@ -1,11 +1,8 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import EitherOrById from '../../models/EitherOr/EitherOrById';
-import EitherOrFiltersModel from '../../models/Filters/EitherOrFiltersModel';
+import { default as React } from 'react';
+import { default as RequestBody } from '../../models/RequestBody/RequestBody';
 type ManageEitherOrProps = {
-    eitherOrById: EitherOrById | null;
-    setFilters: Dispatch<SetStateAction<EitherOrFiltersModel>>;
-    toggleScreen: () => void;
-    clearEitherOrById: () => void;
+    eitherOrById: RequestBody | null;
+    onClickBack: () => void;
 };
 declare const ManageEitherOr: React.FC<ManageEitherOrProps>;
 export default ManageEitherOr;

package/components/Management/Options/AdditionalOptionField.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { IEitherOrOption } from '../../../models/RequestBody/RequestBody';
+type AdditionalOptionFieldProps = {
+    option: IEitherOrOption;
+    field: string;
+    onChange: (option: IEitherOrOption) => void;
+};
+declare const AdditionalOptionField: React.FC<AdditionalOptionFieldProps>;
+export default AdditionalOptionField;

package/components/Management/Options/Checkboxes.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+type CheckboxesProps = {
+    label: string;
+    values: string[];
+    allValues: string[];
+    valuesMap: Record<string, string>;
+    showAll?: boolean;
+    showAllLabel?: string;
+    onChange: (values: string[]) => void;
+    toggleShowAll?: () => void;
+};
+declare const Checkboxes: React.FC<CheckboxesProps>;
+export default Checkboxes;

package/components/Management/Options/Option.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { IEitherOrOption } from '../../../models/RequestBody/RequestBody';
+type OptionProps = {
+    option: IEitherOrOption;
+    optionNumber: number;
+    isEditMode: boolean;
+    additionalFields: string[];
+    disableDelete: boolean;
+    onDelete: () => void;
+    onChange: (option: IEitherOrOption) => void;
+};
+declare const Option: React.FC<OptionProps>;
+export default Option;

package/components/Management/Options/Options.d.ts

@@ -1,9 +1,10 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { IEitherOrOption } from '../../../models/EitherOr/EitherOrById';
-import RequestBody from '../../../models/RequestBody/RequestBody';
+import { default as React } from 'react';
+import { IEitherOrOption } from '../../../models/RequestBody/RequestBody';
 type OptionsProps = {
+    isEditMode: boolean;
+    isGamePlayed: boolean;
     options: IEitherOrOption[];
-    setRequestBody: Dispatch<SetStateAction<RequestBody>>;
+    onChange: (options: IEitherOrOption[]) => void;
 };
 declare const Options: React.FC<OptionsProps>;
 export default Options;

package/components/Management/Points/Points.d.ts

@@ -1,9 +1,9 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { IEitherOrPoints } from '../../../models/EitherOr/EitherOrById';
-import RequestBody from '../../../models/RequestBody/RequestBody';
+import { default as React } from 'react';
+import { IEitherOrPoints } from '../../../models/RequestBody/RequestBody';
 type PointsProps = {
     points: IEitherOrPoints[];
-    setRequestBody: Dispatch<SetStateAction<RequestBody>>;
+    isGamePlayed: boolean;
+    onChange: (options: IEitherOrPoints[]) => void;
 };
 declare const Points: React.FC<PointsProps>;
 export default Points;

package/components/Management/SideBar/Configuration/Configuration.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { default as RequestBody } from '../../../../models/RequestBody/RequestBody';
+type ConfigurationProps = {
+    requestBody: RequestBody;
+    onRequestBodyUpdate: (body: RequestBody) => void;
+};
+declare const Configuration: React.FC<ConfigurationProps>;
+export default Configuration;

package/components/Management/SideBar/Configuration/Status.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type StatusProps = {
+    defaultValue: string;
+    onChange: (value: string) => void;
+};
+declare const Status: React.FC<StatusProps>;
+export default Status;

package/components/Management/{Type → SideBar/Configuration}/Type.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import { default as React } from 'react';
 type TypeProps = {
     defaultValue: string;
-    onChange: (arg: React.ChangeEvent<HTMLSelectElement>) => void;
+    onChange: (type: string) => void;
 };
 declare const Type: React.FC<TypeProps>;
 export default Type;

package/components/Management/SideBar/Configuration/WinningCondition.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type WinningConditionProps = {
+    defaultValue: string;
+    onChange: (value: string) => void;
+};
+declare const WinningCondition: React.FC<WinningConditionProps>;
+export default WinningCondition;

package/components/Management/SideBar/SideBar.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { default as RequestBody } from '../../../models/RequestBody/RequestBody';
+type SideBarProps = {
+    requestBody: RequestBody;
+    onRequestBodyUpdate: (body: RequestBody) => void;
+};
+declare const SideBar: React.FC<SideBarProps>;
+export default SideBar;

package/components/Modals/DeleteEitherOrModal.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { EitherOrBasicModel } from 'fansunited-sdk-esm';
+type DeleteEitherOrModalProps = {
+    isOpen: boolean;
+    eitherOr: EitherOrBasicModel;
+    onDelete: () => void;
+    onClose: (e: any) => void;
+};
+declare const DeleteEitherOrModal: React.FC<DeleteEitherOrModalProps>;
+export default DeleteEitherOrModal;