@aarhus-university/au-lib-react-components 9.18.3 → 9.19.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "sideEffects": false,
   "name": "@aarhus-university/au-lib-react-components",
-  "version": "9.18.3",
+  "version": "9.19.1",
   "description": "Library for shared React components for various applications on au.dk",
   "main": "build/cjs/index.js",
   "scripts": {

package/src/components/profile/AUProfileNameComponent.js

@@ -8,8 +8,8 @@ import { Link } from 'react-router-dom';
 import AUSubmitButtonContainerComponent from '../form/AUSubmitButtonContainerComponent';
 import { useProfileForm } from './AUProfileHooks';
 import { scrollTo } from '../../lib/helpers';
-import { profileLabels } from '../../lib/i18n';
-import { renderValidation, validateForm } from '../../lib/validation';
+import { passwordLabels, profileLabels } from '../../lib/i18n';
+import { renderValidation, validateForm, validateSpecialCharacters } from '../../lib/validation';
 
 const AUProfileNameComponent = ({
   lang,
@@ -46,14 +46,14 @@ const AUProfileNameComponent = ({
   const [onCancel] = useProfileForm(saved, history, lang, clear);
 
   const validateFirstName = (value, alert = true) => {
-    const [valid, messages] = validateForm(lang, value, [validationRules[0]]);
+    const [valid, messages] = validateForm(lang, value, [validationRules[0], validateSpecialCharacters(passwordLabels[lang].specialCharacters)]);
     setChosenFirstNames(value);
     setFirstNameValidationMessages(alert ? messages : []);
     setIsFirstNameValid(!hasChosenName || valid);
   };
 
   const validateLastName = (value, alert = true) => {
-    const [valid, messages] = validateForm(lang, value, [validationRules[1]]);
+    const [valid, messages] = validateForm(lang, value, [validationRules[1], validateSpecialCharacters(passwordLabels[lang].specialCharacters)]);
     setChosenLastName(value);
     setLastNameValidationMessages(alert ? messages : []);
     setIsLastNameValid(!hasChosenName || valid);

package/src/components/universe/StaffTopComponent.js

@@ -193,7 +193,7 @@ class StaffTopComponent extends React.Component {
                         {
                           url: `${window.profileApiUri}/${lang}/profile`,
                           text: profileLabels[lang].headerContainer,
-                        },                      
+                        },
                         {
                           url: `${window.profileApiUri}/${lang}/password`,
                           text: profileLabels[lang].headerPassword,
@@ -201,7 +201,7 @@ class StaffTopComponent extends React.Component {
                         {
                           url: `${window.profileApiUri}/${lang}/quick-edit`,
                           text: profileLabels[lang].headerPureProfile,
-                        },                          
+                        },
                         {
                           url: 'https://mithr.au.dk/',
                           text: profileLabels[lang].headerVacationAbsence,

package/src/lib/i18n.js

@@ -161,6 +161,7 @@ const profileLabels = {
     profileFor: 'Profilmenu for',
     changeLanguageButton: 'Switch to English',
     headerPureProfile: 'Redigér din hjemmeside',
+    specialCharacters: 'Navnet må ikke indeholde specialtegn.',
   },
   en: {
     login: 'Sign in',
@@ -223,6 +224,7 @@ const profileLabels = {
     profileFor: 'Profile menu for',
     changeLanguageButton: 'Skift til dansk',
     headerPureProfile: 'Edit your webpage',
+    specialCharacters: 'The name must not contain special characters.',
   },
 };
 
@@ -291,6 +293,7 @@ const passwordLabels = {
     supportStaffLink: 'https://medarbejdere.au.dk/administration/it/',
     supportStaffText: 'Support til medarbejdere og andre',
     pwned: 'Adgangskoden kan ikke bruges, da den tidligere har været brugt på andre hjemmesider, som er blevet hacket. Prøv med en anden.',
+    specialCharacters: 'Navnet må ikke indeholde specialtegn.',
   },
   en: {
     currentPassword: 'Enter your current password',
@@ -356,6 +359,7 @@ const passwordLabels = {
     supportStaffLink: 'https://medarbejdere.au.dk/en/administration/it/',
     supportStaffText: 'Support for staff and others',
     pwned: 'The password cannot be used because it has been used before on other websites that have been hacked. Please try a different password.',
+    specialCharacters: 'The name must not contain special characters.',
   },
 };
 

package/src/lib/validation.js

@@ -1,3 +1,5 @@
+/* eslint-env browser */
+
 import React from 'react';
 import { passwordLabels } from './i18n';
 
@@ -181,7 +183,7 @@ const validatePassword = async (
 
   if (newPasswordValid) {
     newPasswordMessages.push(passwordLabels[lang].allRequirements);
-  }  
+  }
 
   return {
     newPasswordValid,
@@ -208,6 +210,12 @@ const isPwned = async (data) => {
   return false;
 };
 
+const validateSpecialCharacters = (message) => ({
+  message,
+  // Validates that the string does NOT contain ASCII 33-38, 40-44, 47, 58-64, 91-96, 123-127
+  rule: (fieldValue) => !(/[\x21-\x26\x28-\x2C\x2F\x3A-\x40\x5B-\x60\x7B-\x7F]/.test(fieldValue)),
+});
+
 export {
   emailRegex,
   studentRegistrationNumberRegex,
@@ -216,4 +224,5 @@ export {
   validatePassword,
   validateForm,
   isPwned,
+  validateSpecialCharacters,
 };