fansunited-widget-client-configuration 1.4.0 → 1.6.0

package/README.md

@@ -48,6 +48,8 @@ type ConfigurationManagerProps = {
 	fansUnitedEnvironment?: string;
 	labels?: LabelsModel;
 	hideSignOutButton?: boolean;
+	sportal365Project?: string;
+	sportal365Infrastructure?: 'shared' | 'betway';
 };
 ```
 
@@ -61,6 +63,10 @@ Fans United Classic Quiz Management Widget depends on [Fans United JS SDK](https
 
 - `hideSignOutButton` - By default on the top right corner of the widget will be displayed a sign out button. To hide that button set this prop to true.
 
+-  `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** .
+
 ## Translation
 
 You can easily translate Fans United Configuration 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:
@@ -71,6 +77,7 @@ import { ConfigurationManager } from  'fansunited-widget-client-configuration';
 const labels = {
 	clientConfigErrorMessage: "There was a problem fetching client's configuration. Please try again",
 	userNotFound: 'User not found. Please try again',
+	signOut: 'Sign Out',
 	language: 'Language',
 	profilePreferences: 'Profile Preferences',
 	cacheTTL: 'Cache TTL',
@@ -79,6 +86,7 @@ const labels = {
 	update: 'Update Configuration',
 	configTitle: 'Configure Fans United',
 	configDescription: 'Customize different features of Fans United',
+	configLanguageTitle: 'Language Configuration',
 	defaultLanguage: 'Default language',
 	defaultLanguageHelperText: 'What is the default language of your content? This field, if different from English, would be used in our translation tools.',
 	availableLanguages: 'Available languages',
@@ -95,11 +103,76 @@ const labels = {
 	id: 'ID',
 	name: 'Name',
 	addCategory: 'Add Category',
-	preferences: preferences: 'Preferences',
+	preferences: 'Preferences',
 	addPreference: 'Add Preference',
 	selectCategories: 'Select categories for new preference',
 	uniqueCategoriesIdErrorMessage: `Categories' IDs must be unique!`,
-	uniquePreferencesIdErrorMessage: `Preferences' IDs must be unique!`
+	uniquePreferencesIdErrorMessage: `Preferences' IDs must be unique!`,
+	uploadImage: 'Upload Image',
+	sportal365Images: 'Sportal365 Images',
+	search: 'Search',
+	clearImage: 'Clear image',
+	copyUrl: 'Copy URL',
+	viewImage: 'View image',
+	cropImage: 'Crop image',
+	aspectRatio: 'Aspect ratio',
+	crop: 'Crop',
+	reset: 'Reset',
+	urlCopiedToClipboardMessage: 'URL copied to clipboard',
+	imageDeletedMessage: 'Image deleted',
+	imageResetMessage: 'The initial size of the image has been restored',
+	fromDate: 'From Date',
+	toDate: 'To Date',
+	uploadingImageMessage: 'You have successfully uploaded image',
+	uploadingImageErrorMessage: 'There was a problem with uploading image to bucket. Please try again',
+	generateSignedInUrlErrorMessage: 'There was a problem generating signed in URL to store the image in bucket. Please try again',
+	encryptingImageErrorMessage: 'There was a problem with encrypting image before uploading it to bucket. Please try again',
+	searchImage: 'Search image',
+	hideFilters: 'Hide filters',
+	showFilters: 'Show filters',
+	searchSportal365ImagesErrorMessage: 'There was a problem with searching images from Sportal 365 API. Please try again',
+	previous: 'Previous',
+	next: 'Next',
+	add: 'Add',
+	branding: 'Branding',
+	noBrandingsFound: 'No brandings found',
+	createFirstBrandingTemplate: 'Create your first branding template to get started',
+	createBranding: 'Create Branding',
+	colors: 'Colors',
+	noColorsDefined: 'No colors defined',
+	image: 'image',
+	images: 'images',
+	noImages: 'No images',
+	url: 'URL',
+	urls: 'URLs',
+	noUrls: 'No URLs',
+	newBranding: 'New Branding',
+	deleteBranding: 'Delete',
+	deleteBrandingConfirmation: 'branding? This action cannot be undone.',
+	close: 'Close',
+	brandingCreatedMessage: 'Branding created successfully',
+	brandingUpdatedMessage: 'Branding updated successfully',
+	brandingDeletedMessage: 'Branding deleted successfully',
+	createBrandingErrorMessage: 'There was a problem creating branding. Please try again',
+	updateBrandingErrorMessage: 'There was a problem updating branding. Please try again',
+	deleteBrandingErrorMessage: 'There was a problem deleting branding. Please try again',
+	fetchBrandingsErrorMessage: 'There was a problem fetching brandings. Please try again',
+	mainLogo: 'Main Logo',
+    mobileLogo: 'Mobile logo',
+    backgroundImage: 'Background image',
+    mobileBackgroundImage: 'Mobile background image',
+    additionalImage: 'Additional image',
+	primaryColor: 'Primary color',
+    secondaryColor: 'Secondary color',
+    contentColor: 'Content color',
+    backgroundColor: 'Background color',
+    borderColor: 'Border color',
+    additionalColor: 'Additional color',
+	primaryUrl: 'Primary URL',
+    secondaryUrl: 'Secondary URL',
+    privacyPolicyUrl: 'Privacy policy URL',
+    termsAndConditionsUrl: 'Terms and conditions URL',
+    additionalUrl: 'Additional URL',
 };
 
 const  App = () => {
@@ -118,6 +191,7 @@ Here is all information about **`LabelsModel`**:
 | :-------------: |:-------------:| :-----:|
 | `clientConfigErrorMessage` | Toast error message when fetching client configuration fails. | There was a problem fetching client's configuration. Please try again |
 | `userNotFound` | On login screen when client gives invalid information about email or password. | User not found. Please try again |
+| `signOut` | Label for sign out button. | Sign Out |
 | `language` | Label for language tab. | Language |
 | `profilePreferences` | Label for profile preferences tab. | Profile Preferences |
 | `cacheTTL` | Label for cache TTL tab. | Cache TTL |
@@ -126,6 +200,7 @@ Here is all information about **`LabelsModel`**:
 | `update` | Label for management button. | Update Configuration |
 | `configTitle` | Title of the management screen. | Configure Fans United |
 | `configDescription` | Description of the management screen. | Customize different features of Fans United |
+| `configLanguageTitle` | Title for language configuration section. | Language Configuration |
 | `defaultLanguage` | Label for default language select. | Default language |
 | `defaultLanguageHelperText` | Description for default language select. | What is the default language of your content? This field, if different from English, would be used in our translation tools. |
 | `availableLanguages` | Label for available languages group container. | Available languages |
@@ -147,9 +222,90 @@ Here is all information about **`LabelsModel`**:
 | `selectCategories` | Info text for selecting categories for new preference creation |Select categories for new preference |
 | `uniqueCategoriesIdErrorMessage` | Error validation message when new category added doesn't have unique ID | Categories' IDs must be unique! |
 | `uniquePreferencesIdErrorMessage` | Error validation message when new preference added doesn't have unique ID | Preferences' IDs must be unique! |
+| `uploadImage` | Label for upload image tab in image upload card | Upload Image |
+| `sportal365Images` | Label for Sportal365 images tab in image upload card | Sportal365 Images |
+| `search` | Label for search button | Search |
+| `clearImage` | Label for clear image button | Clear image |
+| `copyUrl` | Label for copy URL button | Copy URL |
+| `viewImage` | Label for view image button | View image |
+| `cropImage` | Label for crop image button | Crop image |
+| `aspectRatio` | Label for aspect ratio input | Aspect ratio |
+| `crop` | Label for crop button in crop modal | Crop |
+| `reset` | Label for reset button in crop modal | Reset |
+| `urlCopiedToClipboardMessage` | Toast success message when URL is copied to clipboard | URL copied to clipboard |
+| `imageDeletedMessage` | Toast success message when image is deleted | Image deleted |
+| `imageResetMessage` | Toast success message when image is reset to initial size | The initial size of the image has been restored |
+| `fromDate` | Label for from date filter in Sportal365 images | From Date |
+| `toDate` | Label for to date filter in Sportal365 images | To Date |
+| `uploadingImageMessage` | Toast success message when image is uploaded | You have successfully uploaded image |
+| `uploadingImageErrorMessage` | Toast error message when uploading image fails | There was a problem with uploading image to bucket. Please try again |
+| `generateSignedInUrlErrorMessage` | Toast error message when generating signed URL fails | There was a problem generating signed in URL to store the image in bucket. Please try again |
+| `encryptingImageErrorMessage` | Toast error message when encrypting image fails | There was a problem with encrypting image before uploading it to bucket. Please try again |
+| `searchImage` | Placeholder for search image input | Search image |
+| `hideFilters` | Label for hide filters button in Sportal365 images | Hide filters |
+| `showFilters` | Label for show filters button in Sportal365 images | Show filters |
+| `searchSportal365ImagesErrorMessage` | Toast error message when searching Sportal365 images fails | There was a problem with searching images from Sportal 365 API. Please try again |
+| `previous` | Label for previous page button in Sportal365 images pagination | Previous |
+| `next` | Label for next page button in Sportal365 images pagination | Next |
+| `add` | Label for add button | Add |
+| `branding` | Label for branding tab | Branding |
+| `noBrandingsFound` | Message when no brandings are found | No brandings found |
+| `createFirstBrandingTemplate` | Helper text for creating first branding | Create your first branding template to get started |
+| `createBranding` | Label for create branding button | Create Branding |
+| `colors` | Label for colors section | Colors |
+| `noColorsDefined` | Message when no colors are defined | No colors defined |
+| `image` | Label for single image (singular) | image |
+| `images` | Label for multiple images (plural) | images |
+| `noImages` | Message when no images are present | No images |
+| `url` | Label for single URL (singular) | URL |
+| `urls` | Label for multiple URLs (plural) | URLs |
+| `noUrls` | Message when no URLs are present | No URLs |
+| `newBranding` | Title for new branding modal | New Branding |
+| `deleteBranding` | Label for delete branding action | Delete |
+| `deleteBrandingConfirmation` | Confirmation message for deleting branding | branding? This action cannot be undone. |
+| `close` | Label for close button | Close |
+| `brandingCreatedMessage` | Toast success message when branding is created | Branding created successfully |
+| `brandingUpdatedMessage` | Toast success message when branding is updated | Branding updated successfully |
+| `brandingDeletedMessage` | Toast success message when branding is deleted | Branding deleted successfully |
+| `createBrandingErrorMessage` | Toast error message when creating branding fails | There was a problem creating branding. Please try again |
+| `updateBrandingErrorMessage` | Toast error message when updating branding fails | There was a problem updating branding. Please try again |
+| `deleteBrandingErrorMessage` | Toast error message when deleting branding fails | There was a problem deleting branding. Please try again |
+| `fetchBrandingsErrorMessage` | Toast error message when fetching brandings fails | There was a problem fetching brandings. Please try again |
+| `primaryColor` | Label for primary color input in branding accordion | Primary color |
+| `secondaryColor` | Label for secondary color input in branding accordion | Secondary color |
+| `contentColor` | Label for content color input in branding accordion | Content color |
+| `backgroundColor` | Label for background color input in branding accordion | Background color |
+| `borderColor` | Label for border color input in branding accordion | Border color |
+| `additionalColor` | Label for additional color input in branding accordion | Additional color |
+| `primaryUrl` | Label for primary url input in branding accordion | Primary URL |
+| `secondaryUrl` | Label for secondary url input in branding accordion | Secondary URL |
+| `privacyPolicyUrl` | Label for privacy policy url input in branding accordion | Privacy policy URL |
+| `termsAndConditionsUrl` | Label for terms and conditions url input in branding accordion | Terms and conditions URL |
+| `additionalUrl` | Label for additional url input in branding accordion | Additional URL |
+| `mainLogo` | Label for main logo input in branding accordion | Main Logo |
+| `mobileLogo` | Label for mobile logo input in branding accordion | Mobile logo |
+| `backgroundImage` | Label for background image input in branding accordion | Background image |
+| `mobileBackgroundImage` | Label for mobile background image input in branding accordion | Mobile background image |
+| `additionalImage` | Label for additional image input in branding accordion | Additional image |
 
 ## Changelog
 
+### 1.6.0 - 2026-01-09
+
+- **Added:**
+  - Branding management with card based list view and modal based form
+  - Ability to copy the configuration ID of User-Centric Widgets to clipboard
+
+### 1.5.0 - 2025-12-23
+
+- **Added:**
+  - New card container in miscellaneous configuration general settings for rules display
+  - Integration with Sportal365 Images API for image search and selection
+
+- **Improved:**
+  - Default image configuration now supports multiple input methods (URL input or image upload)
+  - Clients can choose between legacy URL input behavior or new image upload functionality
+
 ### 1.4.0 - 2025-11-29
 
 - **Added:**

package/components/Main.d.ts

@@ -7,6 +7,8 @@ type MainProps = {
     fansUnitedEnvironment?: string;
     labels?: LabelsModel;
     hideSignOutButton?: boolean;
+    sportal365Project?: string;
+    sportal365Infrastructure?: 'shared' | 'betway';
 };
 declare const Main: React.FC<MainProps>;
 export default Main;

package/components/Tabs/Branding.d.ts

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

package/components/Tabs/BrandingForm.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { IBranding } from 'fansunited-management-components/src/models/IBranding';
+interface BrandingFormProps {
+    name: string;
+    branding: IBranding;
+    onNameChange: (value: string) => void;
+    onBrandingChange: (branding: IBranding) => void;
+    onClose: () => void;
+    onSave: () => void;
+    isSubmitting: boolean;
+    isEditing: boolean;
+}
+declare const BrandingForm: React.FC<BrandingFormProps>;
+export default BrandingForm;

package/components/Tabs/UserCentricWidgets/ConfigurationForm.d.ts

@@ -4,6 +4,7 @@ interface ClientApiKey {
     label: string;
 }
 interface ConfigurationFormProps {
+    id?: string;
     title: string;
     description: string;
     config: any;