fansunited-widget-poll 2.20.1 → 2.22.0

package/README.md

@@ -217,6 +217,8 @@ const  labels = {
 	managePollDescription: "Manage your Poll here",
 	addOption: "Add option",
 	removeOption: "Remove option",
+	dragToReorder: "Drag to reorder",
+	dragToReorderOptions: "Drag and drop the options to change their order",
 	urlCopiedToClipboardMessage: "URL copied to clipboard",
 	imageDeletedMessage: "Image deleted",
 	imageResetMessage: "The initial size of the image has been restored",
@@ -361,7 +363,13 @@ const  labels = {
 	rulesDisplayUrlInfoMessage: 'URL to open when the rules UI element is clicked',
 	rulesDisplayTarget: 'Target',
 	brandingTemplateLabel: 'Select branding',
-	brandingTemplatePlaceholder: 'Choose existing branding'
+	brandingTemplatePlaceholder: 'Choose existing branding',
+	selectAdContent: 'Select ad content',
+	selectRules: 'Select rules',
+	format: 'Format',
+	minify: 'Minify',
+	invalidJsonFormat: 'Invalid JSON format',
+	cannotMinifyInvalidJson: 'Cannot minify invalid JSON'
 };
 
 const  App = () => {
@@ -517,6 +525,8 @@ Here is all information about **`LabelsModel`**:
 | `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 |
+| `dragToReorder` | Tooltip for the drag handle of an option | Drag to reorder |
+| `dragToReorderOptions` | Hint next to the add option button when options can be reordered | Drag and drop the options to change their order |
 | `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 |
@@ -662,9 +672,23 @@ Here is all information about **`LabelsModel`**:
 | `rulesDisplayTarget` | Label for rules display target select | Target |
 | `brandingTemplateLabel` | Label for branding menu selection | Select branding |
 | `brandingTemplatePlaceholder` | Placeholder for branding menu selection | Choose existing branding |
+| `selectAdContent` | Label for select ad content dropdown | Select ad content |
+| `selectRules` | Label for select rules dropdown | Select rules |
+| `format` | Label for format button in content editor | Format |
+| `minify` | Label for minify button in content editor | Minify |
+| `invalidJsonFormat` | Error message for invalid JSON format | Invalid JSON format |
+| `cannotMinifyInvalidJson` | Error message when trying to minify invalid JSON | Cannot minify invalid JSON |
 
 ## Changelog
 
+### 2.22.0 - 2026-09-03
+- **Added**:
+  - Reordering of poll options by drag and drop, available as long as the poll has no votes
+
+### 2.21.0 - 2026-02-17
+- **Added**:
+  - Dropdown in Ad Content and Rules for selecting predefined content from info pages
+
 ### 2.20.0 - 2026-01-22
 - **Improved**:
   - Display category name for each question generated by AI in Football Post-Match Poll generation

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

@@ -1,5 +1,18 @@
 import { default as React } from 'react';
 import { IPollOption } from '../../../models/RequestBody/RequestBody';
+/**
+ * Everything the option needs in order to be dragged and dropped. Provided only when reordering is allowed.
+ * Only the drag handle is a drag source, otherwise selecting text inside the option's fields would start a
+ * drag. The whole option is a drop target.
+ */
+export type OptionDrag = {
+    isDragging: boolean;
+    dropPosition: 'above' | 'below' | null;
+    onDragStart: () => void;
+    onDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragEnd: () => void;
+};
 type OptionProps = {
     option: IPollOption;
     optionNumber: number;
@@ -8,6 +21,7 @@ type OptionProps = {
     additionalFields: string[];
     disableDelete: boolean;
     isPollProfilePreferencesEnabled: boolean;
+    drag?: OptionDrag;
     onDelete: () => void;
     onChange: (option: IPollOption) => void;
 };

package/models/Features/Features.d.ts

@@ -1,3 +1,4 @@
+import { InfoPageModel } from 'fansunited-management-components';
 import { IProfilePreferences } from '../Preferences/ProfilePreferences';
 export interface IType {
     id: string;
@@ -18,4 +19,5 @@ export default class Features {
     authRequirement: string;
     preferences: IProfilePreferences;
     fullCoverageCompetitions: string[];
+    infoPages: InfoPageModel[];
 }

package/models/Labels/LabelsModel.d.ts

@@ -133,6 +133,8 @@ export default class LabelsModel {
     managePollDescription: string;
     addOption: string;
     removeOption: string;
+    dragToReorder: string;
+    dragToReorderOptions: string;
     urlCopiedToClipboardMessage: string;
     imageDeletedMessage: string;
     imageResetMessage: string;
@@ -279,5 +281,11 @@ export default class LabelsModel {
     rulesDisplayTarget: string;
     brandingTemplateLabel: string;
     brandingTemplatePlaceholder: string;
+    selectAdContent: string;
+    selectRules: string;
+    format: string;
+    minify: string;
+    invalidJsonFormat: string;
+    cannotMinifyInvalidJson: string;
     constructor(labels?: LabelsModel);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fansunited-widget-poll",
-	"version": "2.20.1",
+	"version": "2.22.0",
 	"main": "poll-manager.es.js",
 	"author": "Fans United",
 	"description": "",