Add SSID validation for bytes count

src/common/WiFiSettings/WiFiForm.js

@@ -105,6 +105,7 @@ function DeviceForm({
                         label="SSID"
                         value={formData.SSID}
                         error={formErrors.SSID || null}
+                        helpText={HELP_TEXTS.ssid}
                         required
                         onChange={setFormValue((value) => ({
                             devices: {

src/common/WiFiSettings/WiFiGuestForm.js

@@ -57,6 +57,7 @@ export default function WifiGuestForm({
                         label="SSID"
                         value={formData.SSID}
                         error={formErrors.SSID}
+                        helpText={HELP_TEXTS.ssid}
                         onChange={setFormValue((value) => ({
                             devices: {
                                 [formData.id]: {

src/common/WiFiSettings/WiFiSettings.js

@@ -63,14 +63,10 @@ function prepDataToSubmit(formData) {
     return formData;
 }
 
-function diacriticValidation(string) {
+export function byteCount(string) {
-    for (let i = 0; i < string.length; i++) {
+    const buffer = Buffer.from(string, "utf-8");
-        const charCode = string.charCodeAt(i);
+    const count = buffer.byteLength;
-        if (charCode < 32 || charCode > 127) {
+    return count;
-            return false;
-        }
-    }
-    return true;
 }
 
 export function validator(formData) {
@@ -81,10 +77,8 @@ export function validator(formData) {
         if (device.SSID.length > 32)
             errors.SSID = _("SSID can't be longer than 32 symbols");
         if (device.SSID.length === 0) errors.SSID = _("SSID can't be empty");
-        if (!diacriticValidation(device.SSID))
+        if (byteCount(device.SSID) > 32)
-            errors.SSID = _(
+            errors.SSID = _("SSID can't be longer than 32 bytes");
-                "Your SSID contains non-standard characters. These are not forbidden, but could cause problems on some devices."
-            );
 
         if (device.password.length < 8)
             errors.password = _("Password must contain at least 8 symbols");
@@ -96,6 +90,8 @@ export function validator(formData) {
             guest_wifi_errors.SSID = _("SSID can't be longer than 32 symbols");
         if (device.guest_wifi.SSID.length === 0)
             guest_wifi_errors.SSID = _("SSID can't be empty");
+        if (byteCount(device.guest_wifi.SSID) > 32)
+            guest_wifi_errors.SSID = _("SSID can't be longer than 32 bytes");
 
         if (device.guest_wifi.password.length < 8)
             guest_wifi_errors.password = _(

src/common/WiFiSettings/constants.js

@@ -19,6 +19,9 @@ export const HWMODES = {
     "11a": "5",
 };
 export const HELP_TEXTS = {
+    ssid: _(
+        `SSID which contains non-standard characters could cause problems on some devices.`
+    ),
     password: _(`
         WPA2 pre-shared key, that is required to connect to the network.
     `),