fix: inject error into PollComposer state if native numeric field validation fails (#2702)

Pass custom error to PollComposer state upon native validation failure
for field `max_votes_allowed`

Author: MartinCupela

package.json

@@ -239,7 +239,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "semantic-release": "^24.2.3",
-    "stream-chat": "^9.0.0",
+    "stream-chat": "9.1.1",
     "ts-jest": "^29.2.5",
     "typescript": "^5.4.5",
     "typescript-eslint": "^8.17.0"

src/components/Poll/PollCreationDialog/MultipleAnswersField.tsx

@@ -52,9 +52,19 @@ export const MultipleAnswersField = () => {
                 pollComposer.handleFieldBlur('max_votes_allowed');
               }}
               onChange={(e) => {
-                pollComposer.updateFields({
-                  max_votes_allowed: e.target.value,
-                });
+                const nativeFieldValidation = !e.target.validity.valid
+                  ? {
+                      max_votes_allowed: t('Only numbers are allowed'),
+                    }
+                  : undefined;
+                pollComposer.updateFields(
+                  {
+                    max_votes_allowed: !nativeFieldValidation
+                      ? e.target.value
+                      : pollComposer.max_votes_allowed,
+                  },
+                  nativeFieldValidation,
+                );
               }}
               placeholder={t<string>('Maximum number of votes (from 2 to 10)')}
               type='number'

src/i18n/de.json

@@ -79,6 +79,7 @@
   "Nobody will be able to vote in this poll anymore.": "Niemand kann mehr in dieser Umfrage abstimmen.",
   "Nothing yet...": "Noch nichts...",
   "Ok": "Ok",
+  "Only numbers are allowed": "Nur Zahlen sind erlaubt",
   "Open emoji picker": "Emoji-Auswahl öffnen",
   "Option already exists": "Option existiert bereits",
   "Options": "Optionen",

src/i18n/en.json

@@ -79,6 +79,7 @@
   "Nobody will be able to vote in this poll anymore.": "Nobody will be able to vote in this poll anymore.",
   "Nothing yet...": "Nothing yet...",
   "Ok": "Ok",
+  "Only numbers are allowed": "Only numbers are allowed",
   "Open emoji picker": "Open emoji picker",
   "Option already exists": "Option already exists",
   "Options": "Options",

src/i18n/es.json

@@ -79,6 +79,7 @@
   "Nobody will be able to vote in this poll anymore.": "Nadie podrá votar en esta encuesta.",
   "Nothing yet...": "Nada aún...",
   "Ok": "Ok",
+  "Only numbers are allowed": "Solo se permiten números",
   "Open emoji picker": "Abrir el selector de emojis",
   "Option already exists": "La opción ya existe",
   "Options": "Opciones",

src/i18n/fr.json

@@ -79,6 +79,7 @@
   "Nobody will be able to vote in this poll anymore.": "Personne ne pourra plus voter dans ce sondage.",
   "Nothing yet...": "Rien pour l'instant...",
   "Ok": "D'accord",
+  "Only numbers are allowed": "Seuls les chiffres sont autorisés",
   "Open emoji picker": "Ouvrir le sélecteur d'émojis",
   "Option already exists": "L'option existe déjà",
   "Options": "Options",

src/i18n/hi.json

@@ -80,6 +80,7 @@
   "Nobody will be able to vote in this poll anymore.": "अब कोई भी इस मतदान में मतदान नहीं कर सकेगा।",
   "Nothing yet...": "कोई मैसेज नहीं है",
   "Ok": "ठीक है",
+  "Only numbers are allowed": "केवल संख्याएँ अनुमत हैं",
   "Open emoji picker": "इमोजी पिकर खोलिये",
   "Option already exists": "विकल्प पहले से मौजूद है",
   "Options": "विकल्प",

src/i18n/it.json

@@ -79,6 +79,7 @@
   "Nobody will be able to vote in this poll anymore.": "Nessuno potrà più votare in questo sondaggio.",
   "Nothing yet...": "Ancora niente...",
   "Ok": "Ok",
+  "Only numbers are allowed": "Sono consentiti solo numeri",
   "Open emoji picker": "Apri il selettore di emoji",
   "Option already exists": "L'opzione esiste già",
   "Options": "Opzioni",

src/i18n/ja.json

@@ -79,6 +79,7 @@
   "Nobody will be able to vote in this poll anymore.": "この投票では、誰も投票できなくなります。",
   "Nothing yet...": "まだ何もありません...",
   "Ok": "OK",
+  "Only numbers are allowed": "数字のみ許可されています",
   "Open emoji picker": "絵文字ピッカーを開く",
   "Option already exists": "オプションは既に存在します",
   "Options": "オプション",

src/i18n/ko.json

@@ -79,7 +79,8 @@
   "Nobody will be able to vote in this poll anymore.": "이 투표에 더 이상 아무도 투표할 수 없습니다.",
   "Nothing yet...": "아직 아무것도...",
   "Ok": "확인",
-  "Open emoji picker": "이모티콘 선택기 열기",
+  "Only numbers are allowed": "숫자만 입력 가능합니다",
+  "Open emoji picker": "이모지 선택기 열기",
   "Option already exists": "옵션이 이미 존재합니다",
   "Options": "옵션",
   "People matching": "일치하는 사람",