fansunited-widget-poll 1.2.0 → 2.0.0

package/README.md

@@ -35,7 +35,7 @@ return (
 
 - The widget is bundled as a React component and its usage is as simple as the **above example**
 
-- Don't worry about your project's CSS. The widget's styling is done with [Tailwind CSS](https://tailwindcss.com/) and all classes are prefixed to avoid collisions with your existing CSS. This means that the widget's CSS will **NOT** affect yours. **One important thing is that you need to import `style.css` file from package folder:**
+- Don't worry about your project's CSS. The widget's styling is done with [Joy UI](https://mui.com/joy-ui/getting-started/) which is based on headless unstyle react components. This means that the widget's CSS will **NOT** affect yours. **One important thing is that you need to import `style.css` file from package folder:**
 
 ```
 import 'fansunited-widget-poll/style.css';
@@ -64,7 +64,7 @@ Fans United Poll Management Widget depends on [Fans United JS SDK](https://docs.
 
 -  `fansUnitedLanguage` - for our sports APIs FansUnited platform supports different languages. For now they are **Bulgarian** (bg), **English** (en), **Romanian** (ro), **Greek** (el), **Slovak** (sk), **Serbian** (sr) and **Hungarian** (hu). If no value given it will be set to **English** (en).
 
--  `fansUnitedEnvironment` - You can run the widget in the following environments: **staging**, **production** and **watg**. If no value given it will be set to **production** (prod).
+-  `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.
 
@@ -84,6 +84,10 @@ import { PollManager } from  'fansunited-widget-poll';
 
 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.",
+	featureDisabled:  'Feature disabled!',
+	noPermissionMessage:  'You have no permission for this feature!',
+	tryAgainButton:  'Try again',
 	noPollsFound: "No polls games were found. You can create one by clicking the button 'Create'",
 	signOut:  'Sign out',
 	timeFormat:  'DD.MM.YYYY, HH:mm',
@@ -93,44 +97,54 @@ const  labels = {
 	votes:  'Votes',
 	creationDate:  'Created at',
 	actions:  'Actions',
+	pageNo: 'Page No',
+	back: 'Back',
 	create: 'Create',
 	edit: 'Edit',
 	save: 'Save',
 	preview: 'Preview',
 	close: 'Close',
-	filterBy: 'Filter by:',
 	sortBy: 'Sort by:',
-	clearStatus: 'Clear status',
+	sortByAscending: 'Sort by created at field in ascending order',
+	sortByDescending: 'Sort by created at field in descending order',
+	language: 'Language',
 	contextEntityTag: 'Context entity tag',
 	typeContextTagNamePlaceholder: 'Type context tag name...',
+	itemsPerPage:  'Items per page',
 	showMoreImages: 'Show more images',
 	hideMoreImages: 'Hide more images',
 	uploadImage: 'Upload image',
-	groupByStatus: 'Group by status',
 	copyUrl: 'Copy URL',
 	copied: 'Copied',
 	add: 'Add',
 	configuration: 'Configuration',
 	minimumVotes: 'Minimum votes',
-	minimumVotesPlaceholder: 'Enter the minimum votes for polls',
+	alternativeTitle: 'Alternative title',
 	description: 'Description',
-	descriptionPlaceholder: 'Describe your poll',
 	images: 'Images',
 	rules: 'Rules',
 	rulesPlaceholder: 'Describe your rules for voting in the poll',
 	adContent: 'Ad content',
 	adContentPlaceholder: 'Place your ad content',
-	optionImages: 'Option images',
-	main: 'Main',
-	cover: 'Cover',
-	mobile: 'Mobile',
+	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',
+	fromDate: 'From Date',
+	toDate: 'To Date',
 	active: 'Active',
 	inactive: 'Inactive',
-	statusDescription: "When poll is Inactive, then users are not allowed to vote",
+	expired: 'Expired',
 	optionsDescription: 'Describe the options that users will select from the poll. Ensure to provide a minimum of 2 options. Title for each is required',
 	titlePlaceholder: 'Provide a title for your poll',
-	optionTitlePlaceholder: 'Type the title of the option',
-	optionDescriptionPlaceholder: 'Type the description of the option',
 	repeatedValueMessage: 'You have entered a repeated value. Please enter a different one',
 	flags: 'Flags',
 	flagsPlaceholder: 'Type your flag and hit enter',
@@ -147,18 +161,12 @@ 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 poll type. You can set the types in our Management Portal by going to Features, then clicking on the Poll page',
-	noType: "No type",
 	deleteLabel: 'Delete',
-	cancelLabel: 'Cancel',
-	confirmationQuestionLabel: 'Are you sure you want to delete',
-	typeContentPlaceholder: "Type the content's type",
+	deletePollTitle: 'Delete Poll',
+	deletePollDescription: 'Are you sure you want to delete',
 	previewPoll: 'Preview poll',
 	getFootballEntitiesErrorMessage: "There was a problem with fetching football's data",
 	createPollMessage: 'You have successfully created poll',
@@ -177,12 +185,8 @@ const  labels = {
 	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',
@@ -204,9 +208,38 @@ const  labels = {
 	additionalImage: 'Additional Image',
 	embedCode: 'Embed Code',
 	embedCodePlaceholder: 'Place your embed code here',
-	exportAllUsers: "Export all users",
-	usersExportMessage: "All users have been exported successfully",
-	usersExportErrorMessage: "There was a problem with exporting users. Please try again"
+	exportUsers: "Export users",
+	usersExportMessage: "Users have been exported successfully",
+	usersExportErrorMessage: "There was a problem with exporting users. Please try again",
+	managePollTitle: "Manage Poll",
+	managePollDescription: "Manage your Poll here",
+	addOption: "Add option",
+	removeOption: "Remove option",
+	urlCopiedToClipboardMessage: "URL copied to clipboard",
+	imageDeletedMessage: "Image deleted",
+	imageResetMessage: "The initial size of the image has been restored",
+	authRequirement: "Auth Requirement",
+	authRequirementDescription: "Choose the type of authentication to be used.",
+	free: "Free",
+	lead: "Lead",
+	registered: "Registered",
+	optionDescriptionExplanation: "This optional field allows you to provide users with more information about the option",
+	additionalFields: "Additional fields",
+	addDescription: "Add description",
+	addImages: "Add images",
+	schedule: "Schedule",
+	scheduledTaskNotAvailable: "To configure scheduled tasks you need to first create your poll",
+	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",
+	name: "Name",
+	changeStatusTo: "Change status to:",
+	at: "At:",
+	deleteScheduledTaskModalTitle: "Delete scheduled task",
+	deleteScheduledTaskModalParagraph: "Are you sure you want to delete the following scheduled task: ",
 
 };
 
@@ -225,6 +258,10 @@ 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 |
 | `noPollsFound` | When there are no created polls for specific client, this message will appear on screen. | No polls games were found. You can create one by clicking the button 'Create' |
 | `signOut` | Used as label on sign out button. | Sign out |
 | `getPollsErrorMessage` | [react-toastify](https://github.com/fkhadra/react-toastify) error message when request fails for fetching list of polls. | There was a problem with fetching list of polls |
@@ -233,49 +270,58 @@ Here is all information about **`LabelsModel`**:
 | `votes` | Votes of a poll | Votes |
 | `creationDate` | Date of created poll in same format as given for **`timeFormat` prop** | Created at |
 | `actions` | Two icon buttons with different actions | Actions |
+| `pageNo` | Label before pagination buttons | Page No |
+| `back` | Label next to back button | Back |
 | `create` | Label for management header | Create |
 | `edit` | Label for management header | Edit |
 | `save` | Label for save button | Save |
 | `preview` | Label for preview button | Preview |
 | `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: |
-| `clearStatus` | Label for clear status hyperlink for status filter | Clear status |
+| `sortByAscending` | Label for sort option | Sort by created at field in ascending order |
+| `sortByDescending` | Label for sort option | Sort by created at field in descending order |
 | `contextEntityTag` | Label for input search for context entity tag in filters container | Context entity tag |
 | `typeContextTagNamePlaceholder` | Placeholder for input search for context entity tag in filters container and in context side bar | Type context tag name... |
+| `itemsPerPage` | Label for items per page filter select | Items per page |
 | `showMoreImages` | Label for hyperlink in images container | Show more images |
 | `hideMoreImages` | Label for hyperlink in images container | Hide more images |
 | `uploadImage` | Label next to upload button | Upload image |
-| `groupByStatus` | Label for checkbox in sort container | Group by status |
 | `copyUrl` | Label for copy url button | Copy URL |
 | `copied` |  Label for copy url button | Copied |
 | `add` | Label for add button | Add |
 | `configuration` | Label for configuration accordion | Configuration |
 | `minimumVotes` | Label for minimum votes filter input | Minimum votes |
-| `minimumVotesPlaceholder` | Placeholder for minimum votes filter input | Enter the minimum votes for polls |
 | `titlePlaceholder` | Placeholder/description about title input field name on management screen. | Provide a title for your poll |
 | `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 |
 | `id` | Label for ID read only input field. | ID |
+| `alternativeTitle` | Label for alternative title input field. | Alternative title |
 | `description` | Label for description input field on management screen. | Description |
-| `descriptionPlaceholder` | Placeholder/description about input field for poll description when creating/editing a poll. | Describe your poll |
 | `images` | Label for images container. | Images |
 | `rules` | Label for rules rich text. | Rules |
 | `rulesPlaceholder` | Placeholder for rules rich text. | Describe your rules for voting in the poll |
 | `adContent` | Label for AD content rich text. | Ad content |
 | `adContentPlaceholder` | Placeholder for AD content rich text. | Place your ad content |
-| `optionImages` | Label for option images container. | Option images |
-| `main` | Label for main image. | Main |
-| `cover` | Label for cover image. | Cover |
-| `mobile` | Label for mobile image. | Mobile |
+| `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 |
+| `fromDate` | Label for from date input | From Date |
+| `toDate` | Label for to date input | To Date |
 | `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 |
-| `statusDescription` | Description for status select. | When poll is Inactive, then users are not allowed to vote |
+| `expired` | Label for status. | Expired |
 | `optionsDescription` | Description for options. | Describe the options that users will select from the poll. Ensure to provide a minimum of 2 options. Title for each is required |
-| `optionTitlePlaceholder` | Placeholder for option title input. | Type the title of the option |
-| `optionDescriptionPlaceholder` | Placeholder for option description input. | Type the description of the option |
 | `flags` | Label for choosing flags. | Flags |
 | `flagsPlaceholder` | Placeholder on input field for flags | Type your flag and hit enter |
 | `labels` | Label for labels container | Labels |
@@ -293,25 +339,16 @@ 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 poll type. You can set the types in our Management Portal by going to Features, then clicking on the Poll page |
-| `noType` | The default select option for poll 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 |
+| `deletePollTitle` | Title for delete poll modal | Delete Poll |
+| `deletePollDescription` | Description for delete poll modal | Are you sure you want to delete |
 | `previewPoll` | Title in preview modal. | Preview poll |
 | `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 |
@@ -333,9 +370,9 @@ Here is all information about **`LabelsModel`**:
 | `additionalImage` | Label for branding additional image | Additional Image |
 | `embedCode` | Label for question embed code input | Embed Code |
 | `embedCodePlaceholder` | Placeholder for question embed code input | Place your embed code here |
-| `exportAllUsers` | Tooltip for exported users button | Export all users |
-| `usersExportMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) successful message when exporting all users | All users have been exported successfully |
-| `usersExportErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when exporting all users fails | There was a problem with exporting users. Please try again |
+| `exportUsers` | Tooltip for exported users button | Export users |
+| `usersExportMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) successful message when exporting users | Users have been exported successfully |
+| `usersExportErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when exporting users fails | There was a problem with exporting users. Please try again |
 | `getFootballEntitiesErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when typing the name of the entity in tags and request fails. | There was a problem with fetching football's data |
 | `createPollMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) successful message when creating poll | You have successfully created poll |
 | `createPollErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when creating poll | There was a problem creating poll. Please try again |
@@ -350,5 +387,33 @@ 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 |
+| `managePollTitle` | Header text on management screen | Manage Poll |
+| `managePollDescription` | Description paragraph on management screen | Manage your Poll here |
+| `addOption` | Label for add option button | Add option |
+| `removeOption` | Label for remove option | Remove option |
+| `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 |
+| `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 |
+| `optionDescriptionExplanation` | Description paragraph for explanation description | This optional field allows you to provide users with more information about the option |
+| `additionalFields` | Label for additional fields | Additional fields |
+| `addDescription` | Label for toggle description button | Add description |
+| `addImages` | Label for toggle images button | Add images |
+| `schedule` | Label for schedule accordion | Schedule |
+| `scheduledTaskNotAvailable` | Paragraph when trying to configure scheduled task for not created Poll | To configure scheduled tasks you need to first create your poll |
+| `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 |
+| `name` | Label for name | Name |
+| `changeStatusTo` | Label for select input in schedule accordion | Change status to: |
+| `at` | Label for calendar input in schedule accordion | At: |
+| `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:  |

package/components/Cards/PollsCard.d.ts

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

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/Filters/Filters.d.ts

@@ -1,6 +1,6 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import PollFiltersModel from '../../models/Filters/PollFiltersModel';
-import SelectOption from '../../models/Select/SelectOption';
+import { default as React, Dispatch, SetStateAction } from 'react';
+import { default as PollFiltersModel } from '../../models/Filters/PollFiltersModel';
+import { default as SelectOption } from '../../models/Select/SelectOption';
 type FiltersProps = {
     filters: PollFiltersModel;
     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 PollById from '../../models/PollById/PollById';
+import { default as React } from 'react';
+import { default as RequestBody } from '../../models/RequestBody/RequestBody';
 type MainColumnProps = {
-    requestBody: PollById;
-    setRequestBody: Dispatch<SetStateAction<PollById>>;
-    description: string;
-    setDescription: Dispatch<SetStateAction<string>>;
+    isEditMode: boolean;
+    requestBody: RequestBody;
+    onRequestBodyUpdate: (body: RequestBody) => void;
 };
 declare const MainColumn: React.FC<MainColumnProps>;
 export default MainColumn;

package/components/Management/ManagePoll.d.ts

@@ -1,11 +1,11 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import PollById from '../../models/PollById/PollById';
-import PollFiltersModel from '../../models/Filters/PollFiltersModel';
+import { default as React, Dispatch, SetStateAction } from 'react';
+import { default as RequestBody } from '../../models/RequestBody/RequestBody';
 type ManagePollProps = {
-    pollById: PollById | null;
-    setFilters: Dispatch<SetStateAction<PollFiltersModel>>;
+    pollById: RequestBody | null;
+    setPollById: Dispatch<SetStateAction<RequestBody>>;
     toggleScreen: () => void;
     clearPollById: () => void;
+    onClickBack: () => void;
 };
 declare const ManagePoll: React.FC<ManagePollProps>;
 export default ManagePoll;

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { IPollOption } from '../../../models/RequestBody/RequestBody';
+type AdditionalOptionFieldProps = {
+    option: IPollOption;
+    field: string;
+    onChange: (option: IPollOption) => 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,14 @@
+import { default as React } from 'react';
+import { IPollOption } from '../../../models/RequestBody/RequestBody';
+type OptionProps = {
+    option: IPollOption;
+    optionNumber: number;
+    isEditMode: boolean;
+    isPollVoted: boolean;
+    additionalFields: string[];
+    disableDelete: boolean;
+    onDelete: () => void;
+    onChange: (option: IPollOption) => 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 { IPollOption } from '../../../models/PollById/PollById';
-import RequestBody from '../../../models/RequestBody/RequestBody';
+import { default as React } from 'react';
+import { IPollOption } from '../../../models/RequestBody/RequestBody';
 type OptionsProps = {
+    isEditMode: boolean;
+    isPollVoted: boolean;
     options: IPollOption[];
-    setRequestBody: Dispatch<SetStateAction<RequestBody>>;
+    onChange: (options: IPollOption[]) => void;
 };
 declare const Options: React.FC<OptionsProps>;
 export default Options;

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/PollStatus.d.ts

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

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/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/DeletePollModal.d.ts

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

package/components/Modals/PreviewModal.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-import PollById from '../../models/PollById/PollById';
+import { default as React } from 'react';
+import { default as RequestBody } from '../../models/RequestBody/RequestBody';
 type PreviewModalProps = {
     isOpen: boolean;
-    requestBody: PollById;
-    description: string;
+    requestBody: RequestBody;
     handleClose: () => void;
 };
 declare const PreviewModal: React.FC<PreviewModalProps>;

package/components/Polls/ActionsMenu.d.ts

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

package/components/Polls/PollRow.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { PollBasicModel } from 'fansunited-sdk-esm';
+type PollRowProps = {
+    row: PollBasicModel;
+    onClickEdit: () => void;
+    onClickExport: () => void;
+    onDelete: () => void;
+};
+declare const PollRow: React.FC<PollRowProps>;
+export default PollRow;

package/components/Polls/Polls.d.ts

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

package/components/Polls/PollsTable.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { PollBasicModel } from 'fansunited-sdk-esm';
+type PollsTableProps = {
+    pagePolls: Map<number, PollBasicModel[]>;
+    pageCount: number;
+    pollsPerPage: number;
+    getPreviousPage: () => void;
+    getNextPage: () => void;
+    onClickEdit: (id: string) => void;
+    onClickExport: (id: string) => void;
+    onDelete: () => void;
+};
+declare const PollsTable: React.FC<PollsTableProps>;
+export default PollsTable;

package/components/Polls/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;