fansunited-widget-either-or 2.8.1 → 2.9.0

package/README.md

@@ -258,6 +258,7 @@ const  labels = {
 	free: 'Free',
 	lead: 'Lead',
 	registered: 'Registered',
+	paid: 'Paid',
 	language: 'Language',
 	languageDescription: 'Select the language for your game. You can manage language selection by configuring available languages in language configuration. It cannot be changed if multilingual feature is in use.',
 	urlCopiedToClipboardMessage: 'URL copied to clipboard',
@@ -310,7 +311,13 @@ const  labels = {
 	campaignNameInfoMessage: 'A label for your campaign that will appear in the reports. You can use anything here. Example: "Adidas (December 2025)"',
 	copyToClipboard: 'Copy to clipboard',
 	divElementTextInfo: "The generated embed code can be copied directly into your website's HTML. For comprehensive implementation details, visit our documentation: ",
-	widgetEmbedCodeNotAvailable: 'To configure embed code you need to first create your Either/Or game.'
+	widgetEmbedCodeNotAvailable: 'To configure embed code you need to first create your Either/Or game.',
+	signInLabel: 'Label',
+	signInLabelInfoMessage: `Custom text displayed on the sign-in button. If empty, defaults to "Sign in to vote".`,
+	authenticationHandler: 'Authentication handler',
+	authenticationHandlerInfoMessage: 'JavaScript function code that executes when users click the sign-in button. To evaluate the function, provide only the function name. Example: showLoginModal() or window.openAuth(). The function is required otherwise the sign-in button will just log dummy message in the console.',
+	configureSignIn: 'Configure sign-in options',
+	configureSignInDisabledMessage: `Configure sign-in options is enabled only when the authentication requirement is set to “Registered”.`
 };
 
 const  App = () => {
@@ -508,6 +515,7 @@ Here is all information about **`LabelsModel`**:
 | `free` | Label for auth requirement option. | Free |
 | `lead` | Label for auth requirement option. | Lead |
 | `registered` | Label for auth requirement option. | Registered |
+| `paid` | Label for auth requirement option. | Paid |
 | `language` | Label for language selection in configuration panel. | Language |
 | `languageDescription` | Description paragraph for language select. | Select the language for your game. You can manage language selection by configuring available languages in language configuration. It cannot be changed if multilingual feature is in use. |
 | `urlCopiedToClipboardMessage` | Toast info message when image URL is copied | URL copied to clipboard |
@@ -560,4 +568,10 @@ Here is all information about **`LabelsModel`**:
 | `campaignNameInfoMessage` | Tooltip info text for campaign name input field | A label for your campaign that will appear in the reports. You can use anything here. Example: "Adidas (December 2025)" |
 | `copyToClipboard` | Div text button tooltip text in embed code acordion | Copy to clipboard |
 | `divElementTextInfo` | Helper text for div content in embed code acordion | The generated embed code can be copied directly into your website's HTML. For comprehensive implementation details, visit our documentation: |
-| `widgetEmbedCodeNotAvailable` | Paragraph when trying to configure widget embed code for not created Either/Or | To configure embed code you need to first create your Either/Or game. |
+| `widgetEmbedCodeNotAvailable` | Paragraph when trying to configure widget embed code for not created Either/Or | To configure embed code you need to first create your Either/Or game. |
+| `signInLabel` | Label for sign in label input | Label |
+| `signInLabelInfoMessage` | Info tooltip message for sign in label input | Custom text displayed on the sign-in button. If empty, defaults to "Sign in to vote". |
+| `authenticationHandler` | Label for authentication handler | Authentication handler |
+| `authenticationHandlerInfoMessage` | Info tooltip message for authentication handler | JavaScript function code that executes when users click the sign-in button. To evaluate the function, provide only the function name. Example: showLoginModal() or window.openAuth(). The function is required otherwise the sign-in button will just log dummy message in the console. |
+| `configureSignIn` | Label for configure sign in switch | Configure sign-in options |
+| `configureSignInDisabledMessage` | Info tooltiup message when configure sign in is disabled | Configure sign-in options is enabled only when the authentication requirement is set to “Registered”. |

package/components/Filters/Filters.d.ts

@@ -1,11 +1,11 @@
 import { default as React, Dispatch, SetStateAction } from 'react';
-import { default as SelectOption } from '../../models/Select/SelectOption';
 import { default as EitherOrFiltersModel } from '../../models/Filters/EitherOrFiltersModel';
+import { default as GroupSelectOption } from 'fansunited-management-components/src/models/select/GroupSelectOption';
 type FiltersProps = {
     filters: EitherOrFiltersModel;
-    options: SelectOption[];
+    options: GroupSelectOption[];
     showStatusFilter?: boolean;
-    setOptions: Dispatch<SetStateAction<SelectOption[]>>;
+    setOptions: Dispatch<SetStateAction<GroupSelectOption[]>>;
     setFilters: Dispatch<SetStateAction<EitherOrFiltersModel>>;
     handleResetData: () => void;
 };

package/components/Modals/ImportTemplateModal.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 type ImportTemplateModalProps = {
-    fansUnitedEnvironment: string;
     isOpen: boolean;
     onImport: () => void;
     onClose: () => void;