fansunited-widget-either-or 2.8.1 → 2.10.0

package/README.md

@@ -194,7 +194,7 @@ 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',
-	searchSportal365ImagesErrorMessage: 'There was a problem with searching images from Sportal 365 API. Please try again'
+	searchSportal365ImagesErrorMessage: 'There was a problem with searching images from Sportal 365 API. Please try again',
 	hideFilters: 'Hide filters',
 	showFilters: 'Show filters',
 	branding: 'Branding',
@@ -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,19 @@ 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”.`,
+	translationOptions: 'Translate to:',
+	cloneMiniGameTitle: 'Clone Either/Or',
+	clone: 'Clone',
+	cloneEitherOrMessage: 'You have successfully cloned Either/Or',
+	cloneEitherOrErrorMessage: 'There was a problem cloning Either/Or. Please try again',
+	translationErrorMessage: 'An error occurred while translating.'
 };
 
 const  App = () => {
@@ -508,6 +521,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 +574,31 @@ 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”. |
+| `translationOptions` | Label for translation options section in clone modal | Translate to: |
+| `cloneMiniGameTitle` | Title for clone Either/Or modal | Clone Either/Or |
+| `clone` | Label for clone button | Clone |
+| `cloneEitherOrMessage` | Toast successful message when cloning Either/Or | You have successfully cloned Either/Or |
+| `cloneEitherOrErrorMessage` | Toast error message when cloning Either/Or fails | There was a problem cloning Either/Or. Please try again |
+| `translationErrorMessage` | Toast error message when translation fails during cloning | An error occurred while translating. |
+
+## Changelog
+
+### 2.10.0 - 2025-01-01
+
+- **Added:**
+  - Clone functionality for Either/Or games
+  - Translation support during cloning process - users can clone games and translate them to multiple languages simultaneously
+  - New clone action in the actions menu for existing games
+  - New labels for clone functionality: `translationOptions`, `cloneMiniGameTitle`, `clone`, `cloneEitherOrMessage`, `cloneEitherOrErrorMessage`, `translationErrorMessage`
+  - Enhanced user experience with loading states and toast notifications during cloning operations
+
+- **Changed:**
+  - Updated LabelsModel to include new clone-related labels with default values
+  - Enhanced ActionsMenu component to include clone option alongside edit and delete actions

package/components/EitherOrs/ActionsMenu.d.ts

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

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

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

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;