fansunited-widget-poll 1.0.0-RC1

package/README.md

@@ -0,0 +1,306 @@
+# Poll Management Widget
+
+Welcome to Fans United Poll Management Widget. The widget allows staff members with sufficient permissions to create, update and delete Polls. You can use this widget as it is and embed it in your platform, or you can use the Management Panel. With creating a poll, users can answer a single question and win prizes. With successful installation, you can create, edit and delete a poll.
+
+## Installation and usage
+
+The easiest way to use fansunited-widget-poll-management is to install it from npm as follows:
+
+```javascript
+npm  install  fansunited-widget-poll
+```
+
+or:
+
+```javascript
+yarn  add  fansunited-widget-poll
+```
+
+Here is an example how you can **integrate** Fans United Poll Management Widget:
+
+```javascript
+import  'fansunited-widget-poll/style.css';
+import { PollManager } from  'fansunited-widget-poll';
+
+const  App = () => {
+return (
+<PollManager
+	fansUnitedApiKey={'your-api-key'}
+	fansUnitedClientId={'your-client-id'} />
+);
+}
+```
+
+## Notes
+
+- 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:**
+
+```
+import 'fansunited-widget-poll/style.css';
+```
+
+**N.B: If you are using an entry point for importing all your stylings, you need to `import fansunited-widget-poll/style.css` there as well**
+
+-  **Easy translation in every language.** For more information [check our Translation heading](#translation).
+
+## Props
+
+```javascript
+type  PollManagerProps = {
+	fansUnitedApiKey: string;
+	fansUnitedClientId: string;
+	fansUnitedLanguage?: string;
+	fansUnitedEnvironment?: string;
+	sportal365Project?: string;
+	sportal365Infrastructure?: 'shared' | 'betway';
+	labels?: LabelsModel;
+	hideSignOutButton?: boolean;
+};
+```
+
+Fans United Poll Management Widget depends on [Fans United JS SDK](https://docs.fansunitedmedia.com/sdks/js) and [Fans United Client API](https://docs.fansunitedmedia.com/apis/client.api). Thats why `fansUnitedApiKey` and `fansUnitedClientId` are **required**. They will be provided to you from Fans United team. For other optional props here is some information:
+
+-  `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).
+
+-  `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.
+
+-  `sportal365Project` - The Sportal365 project. Used as a request header when communicating with Sportal365 APIs.
+
+-  `sportal365Infrastructure` - The Sportal365 infrastructure. Used to determine what authorization should be used when communicating with Sportal365 APIs. If no value given (when sportal365Project props is provided) it will be set to **shared** .
+
+-  `hideSignOutButton` - By default on the top left corner of the widget will be displayed a sign out button. To hide that button set this prop to **true**.
+
+## Translation
+
+You can easily translate Fans United Poll Management Widget in your language! You just need to pass an object to `labels`  **prop** with concrete keys and values and that's it! Here's an example how you can do it:
+
+```javascript
+import  'fansunited-widget-poll/style.css';
+import { PollManager } from  'fansunited-widget-poll';
+
+const  labels = {
+	userNotFound:  'User not found. Please 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',
+	getPollsErrorMessage: 'There was a problem with fetching list of polls',
+	title:  'Title',
+	status:  'Status',
+	votes:  'Votes',
+	creationDate:  'Created at',
+	actions:  'Actions',
+	create: 'Create',
+	edit: 'Edit',
+	save: 'Save',
+	preview: 'Preview',
+	close: 'Close',
+	filterBy: 'Filter by:',
+	sortBy: 'Sort by:',
+	clearStatus: 'Clear status',
+	contextEntityTag: 'Context entity tag',
+	typeContextTagNamePlaceholder: 'Type context tag name...',
+	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',
+	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',
+	active: 'Active',
+	inactive: 'Inactive',
+	statusDescription: "When poll is Inactive, then users are not allowed to vote",
+	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',
+	labels: 'Labels',
+	customFields: 'Custom fields',
+	dynamicFieldsDescription: 'You can create your custom attributes for easier way to connect or describe your poll',
+	keyDynamicFields: 'Key',
+	valueDynamicFields: 'Value',
+	options: 'Options',
+	optionNumber: 'Option number',
+	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",
+	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",
+	previewPoll: 'Preview poll',
+	getFootballEntitiesErrorMessage: "There was a problem with fetching football's data",
+	createPollMessage: 'You have successfully created poll',
+	createPollErrorMessage: 'There was a problem creating poll. Please try again',
+	titleRequiredFieldValidationMessage: 'Title field is required!',
+	optionsFieldValidationMessage: "Options must have titles",
+	tagsInvalidFieldValidationMessage: 'Tag entity is required!',
+	getPollErrorMessage: 'There was a problem with fetching poll data. Please try again',
+	deletePollMessage: 'You have successfully deleted poll',
+	deletePollErrorMessage: 'There was a problem with deleting poll. Please try again',
+	updatePollMessage: 'You have successfully updated the poll',
+	updatePollErrorMessage: 'There was a problem updating the poll. Please try again',
+	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',
+	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...'
+
+};
+
+const  App = () => {
+return (
+<PollManager
+	fansUnitedApiKey={'your-api-key'}
+	fansUnitedClientId={'your-client-id'}
+	labels={labels}/>
+);
+}
+```
+
+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 |
+| `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 |
+| `title` | Label for title | Title
+| `status` | Status of a poll | Status |
+| `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 |
+| `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 |
+| `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... |
+| `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 |
+| `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 |
+| `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 |
+| `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 |
+| `customFields` | Label for custom fields container | Custom fields |
+| `dynamicFieldsDescription` | Description paragraph for labels and custom fields containers | You can create your custom attributes for easier way to connect or describe your poll |
+| `keyDynamicFields` | Label for key input | Key |
+| `valueDynamicFields` | Label for value input | Value |
+| `repeatedValueMessage` | [react-toastify](https://github.com/fkhadra/react-toastify) warning message when client submits same flag. | You have entered a repeated value. Please enter a different one |
+| `options` | Label for options. | Options |
+| `optionNumber` | Label for option container's header. | Option number |
+| `correct` | Label for correct radio button. | Correct |
+| `context` | Label for context container. | Context |
+| `content` | Label for context content container. | Content |
+| `tags` | Label for context tags container. | Tags |
+| `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 |
+| `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... |
+| `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 |
+| `titleRequiredFieldValidationMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when validating title for poll | Title field is required! |
+| `optionsFieldValidationMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when validating options for poll | Options must have titles |
+| `tagsInvalidFieldValidationMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when validating tags for poll | Tag entity is required! |
+| `updatePollMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) successful message when updating poll | You have successfully updated the poll |
+| `updatePollErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when updating poll | There was a problem updating the poll. Please try again |
+| `deletePollMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) successful message when deleting poll | You have successfully deleted poll |
+| `deletePollOrErrorMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) error message when deleting poll | There was a problem with deleting poll. Please try again |
+| `uploadingImageMessage` | [react-toastify](https://www.npmjs.com/package/react-toastify) success message when uploading image to bucket | You have successfully uploaded image |
+| `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 |

package/components/Accordion/Accordion.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type AccordionProps = {
+    title: string;
+};
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/components/Buttons/ActionsButtons.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const actionButtonStyle = "pw-rounded pw-p-1 pw-flex pw-items-center pw-mr-1";
+type ActionsButtonsProps = {
+    quizStatus: string;
+    onClickEdit: () => void;
+    onClickDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare const ActionsButtons: React.FC<ActionsButtonsProps>;
+export default ActionsButtons;

package/components/Buttons/AddButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type AddButtonProps = {
+    isDisabled: boolean;
+    onClick: () => void;
+};
+declare const AddButton: React.FC<AddButtonProps>;
+export default AddButton;

package/components/Buttons/ClearButton.d.ts

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

package/components/Buttons/CopyToClipboard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type CopyToClipboardButtonProps = {
+    isUrlCopied: boolean;
+    isDisabled: boolean;
+    onClick: () => void;
+};
+declare const CopyToClipboardButton: React.FC<CopyToClipboardButtonProps>;
+export default CopyToClipboardButton;

package/components/Buttons/HomeButtons.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type HomeButtonsProps = {
+    hideSignOutButton: boolean;
+    toggleScreen: () => void;
+    fansUnitedEnvironment: string;
+};
+declare const HomeButtons: React.FC<HomeButtonsProps>;
+export default HomeButtons;

package/components/Buttons/ManageButtons.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type ManageButtonsProps = {
+    isLoading: boolean;
+    managePoll: () => void;
+    handleModal: () => void;
+};
+declare const ManageButtons: React.FC<ManageButtonsProps>;
+export default ManageButtons;

package/components/Buttons/RemoveButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type RemoveButtonProps = {
+    isDisabled: boolean;
+    onClick: () => void;
+};
+declare const RemoveButton: React.FC<RemoveButtonProps>;
+export default RemoveButton;

package/components/Buttons/SignOutButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type SignOutProps = {
+    fansUnitedEnvironment: string;
+};
+declare const SignOutButton: React.FC<SignOutProps>;
+export default SignOutButton;

package/components/Buttons/Sportal365/Sportal365Button.d.ts

@@ -0,0 +1,8 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import Sportal365ImagesContainerToggleModel from '../../../models/Sportal365/Sportal365ImagesContainer';
+type Sportal365ButtonProps = {
+    imageNode: string;
+    setShowImagesContainer: Dispatch<SetStateAction<Sportal365ImagesContainerToggleModel>>;
+};
+declare const Sportal365Button: React.FC<Sportal365ButtonProps>;
+export default Sportal365Button;

package/components/Cards/ImagesCard.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type ImagesCardProps = {
+    images: string;
+};
+declare const ImagesCard: React.FC<ImagesCardProps>;
+export default ImagesCard;

package/components/Cards/PollsCard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PollsCard: React.FC;
+export default PollsCard;

package/components/Cards/WidgetCard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const WidgetCard: React.FC;
+export default WidgetCard;

package/components/Filters/Filters.d.ts

@@ -0,0 +1,12 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import PollFiltersModel from '../../models/Filters/PollFiltersModel';
+import SelectOption from '../../models/Select/SelectOption';
+type FiltersProps = {
+    filters: PollFiltersModel;
+    options: SelectOption[];
+    setOptions: Dispatch<SetStateAction<SelectOption[]>>;
+    setFilters: Dispatch<SetStateAction<PollFiltersModel>>;
+    handleResetData: () => void;
+};
+declare const Filters: React.FC<FiltersProps>;
+export default Filters;

package/components/Login/Login.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type LoginProps = {
+    fansUnitedEnvironment: string;
+};
+declare const Login: React.FC<LoginProps>;
+export default Login;

package/components/Main.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import LabelsModel from '../models/Labels/LabelsModel';
+type MainProps = {
+    fansUnitedApiKey: string;
+    fansUnitedClientId: string;
+    fansUnitedLanguage?: string;
+    fansUnitedEnvironment?: string;
+    sportal365Project?: string;
+    sportal365Infrastructure?: 'shared' | 'betway';
+    labels?: LabelsModel;
+    hideSignOutButton?: boolean;
+};
+declare const Main: React.FC<MainProps>;
+export default Main;

package/components/MainLayout.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type MainLayoutProps = {
+    hideSignOutButton: boolean;
+    fansUnitedEnvironment: string;
+};
+declare const MainLayout: React.FC<MainLayoutProps>;
+export default MainLayout;

package/components/Management/Context/Context.d.ts

@@ -0,0 +1,9 @@
+import ContextModel from 'fansunited-sdk-esm/Core/Namespaces/Activity/Models/RequestBody/Context/ContextModel';
+import React, { Dispatch, SetStateAction } from 'react';
+import RequestBody from '../../../models/RequestBody/RequestBody';
+type ContextProps = {
+    defaultValue: ContextModel;
+    setRequestBody: Dispatch<SetStateAction<RequestBody>>;
+};
+declare const Context: React.FC<ContextProps>;
+export default Context;

package/components/Management/Context/ContextTabs.d.ts

@@ -0,0 +1,7 @@
+import React, { Dispatch, SetStateAction } from 'react';
+type ContextTabsProps = {
+    tabValue: string;
+    setTabValue: Dispatch<SetStateAction<string>>;
+};
+declare const ContextTabs: React.FC<ContextTabsProps>;
+export default ContextTabs;

package/components/Management/DynamicFields/DynamicFields.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type DynamicFieldsProps = {
+    property: 'labels' | 'custom_fields';
+    field: Object;
+    onChange: (field: Object) => void;
+};
+declare const DynamicFields: React.FC<DynamicFieldsProps>;
+export default DynamicFields;

package/components/Management/Flags/Flags.d.ts

@@ -0,0 +1,16 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import RequestBody from '../../../models/RequestBody/RequestBody';
+import PollFiltersModel from '../../../models/Filters/PollFiltersModel';
+export declare const flagsSelectStyles: {
+    control: (provided: any) => any;
+    clearIndicator: (provided: any) => any;
+    input: (provided: any) => any;
+};
+type FlagsProps = {
+    defaultValue: string[];
+    showLabel?: boolean;
+    setObject: Dispatch<SetStateAction<RequestBody>> | Dispatch<SetStateAction<PollFiltersModel>>;
+    handleResetData?: () => void;
+};
+declare const Flags: React.FC<FlagsProps>;
+export default Flags;

package/components/Management/IDInput/IDInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type IDInputProps = {
+    value: string | null;
+};
+declare const IDInput: React.FC<IDInputProps>;
+export default IDInput;

package/components/Management/Images/FileUploader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type FileUploaderProps = {
+    type: 'game' | 'option';
+    id: number;
+    imageNode: string;
+    onChangeImages: (value: string, imageNode: string) => void;
+};
+declare const FileUploader: React.FC<FileUploaderProps>;
+export default FileUploader;

package/components/Management/Images/Image.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type ImagesProps = {
+    id: number;
+    type: 'game' | 'option';
+    label: string;
+    imageUrl: string;
+    imageNode: string;
+    onChange: (value: string, imageNode: string) => void;
+};
+declare const Image: React.FC<ImagesProps>;
+export default Image;

package/components/Management/Images/Images.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import ImagesModel from 'fansunited-sdk-esm/Core/Global/Models/Images/ImagesModel';
+import MiniGameImages from 'fansunited-sdk-esm/Core/Namespaces/MiniGames/Models/MiniGameImages';
+type ImagesProps = {
+    id: number;
+    type: 'game' | 'option';
+    loadedImages: ImagesModel | MiniGameImages;
+    onChange: (value: string, imageCases: string) => void;
+};
+declare const Images: React.FC<ImagesProps>;
+export default Images;

package/components/Management/Images/Sportal365/Filters/Sportal365ImagesFromToFilter.d.ts

@@ -0,0 +1,7 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import Sportal365SearchImagesFilters from '../../../../../models/Sportal365/Sportal365SearchImagesFilters';
+type Sportal365ImagesFromToFilterProps = {
+    setFilters: Dispatch<SetStateAction<Sportal365SearchImagesFilters>>;
+};
+declare const Sportal365ImagesFromToFilter: React.FC<Sportal365ImagesFromToFilterProps>;
+export default Sportal365ImagesFromToFilter;

package/components/Management/Images/Sportal365/Sportal365Images.d.ts

@@ -0,0 +1,9 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import Sportal365ImagesContainerToggleModel from '../../../../models/Sportal365/Sportal365ImagesContainer';
+type Sportal365ImagesProps = {
+    onChangeImages: (url: string) => void;
+    imageNode: string;
+    setShowImagesContainer: Dispatch<SetStateAction<Sportal365ImagesContainerToggleModel>>;
+};
+declare const Sportal365Images: React.FC<Sportal365ImagesProps>;
+export default Sportal365Images;

package/components/Management/Images/Sportal365/Sportal365ImagesPagination.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import Sportal365SearchImage from '../../../../models/Sportal365/Sportal365SearchImages';
+type PaginationProps = {
+    pageCount: number;
+    images: Sportal365SearchImage | null;
+    getPreviousPage: () => void;
+    getNextPage: () => void;
+};
+declare const Sportal365ImagesPagination: React.FC<PaginationProps>;
+export default Sportal365ImagesPagination;

package/components/Management/Images/Sportal365/Sportal365ImagesSearch.d.ts

@@ -0,0 +1,8 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import Sportal365SearchImagesFilters from '../../../../models/Sportal365/Sportal365SearchImagesFilters';
+type Sportal365ImagesSearchProps = {
+    setQuery: Dispatch<SetStateAction<string>>;
+    setFilters: Dispatch<SetStateAction<Sportal365SearchImagesFilters>>;
+};
+declare const Sportal365ImagesSearch: React.FC<Sportal365ImagesSearchProps>;
+export default Sportal365ImagesSearch;

package/components/Management/InformationInput/InformationInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type InformationInputProps = {
+    title: string;
+    placeholder: string;
+    defaultValue: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+declare const InformationInput: React.FC<InformationInputProps>;
+export default InformationInput;

package/components/Management/MainColumn.d.ts

@@ -0,0 +1,10 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import PollById from '../../models/PollById/PollById';
+type MainColumnProps = {
+    requestBody: PollById;
+    setRequestBody: Dispatch<SetStateAction<PollById>>;
+    description: string;
+    setDescription: Dispatch<SetStateAction<string>>;
+};
+declare const MainColumn: React.FC<MainColumnProps>;
+export default MainColumn;

package/components/Management/ManagePoll.d.ts

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

package/components/Management/ManagementScreenHeader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type ManagementScreenHeaderProps = {
+    managementScreen: 'create' | 'edit';
+    toggleScreen: () => void;
+    clearQuizById: () => void;
+};
+declare const ManagementScreenHeader: React.FC<ManagementScreenHeaderProps>;
+export default ManagementScreenHeader;