refactor

src/components/SpruceForm/errors.ts

@@ -1,4 +1,5 @@
 import { AjvError } from "@rjsf/core";
+import { allowedSymbols } from "utils/validators";
 
 export enum Errors {
   Invisible = "invisible",
@@ -54,8 +55,7 @@ export const transformErrors = (errors: AjvError[]) =>
             case "noSpecialCharacters":
               return {
                 ...error,
-                message:
-                  "Value can only contain numbers, letters and these symbols: -._~().",
+                message: `Value can only contain numbers, letters and these symbols: ${allowedSymbols}.`,
               };
             case "noSpaces":
               return {

src/utils/validators/index.ts

@@ -132,17 +132,20 @@ const validateRegexp = (regexp: string): boolean => {
   }
 };
 
+const allowedSymbols = "-._~()";
+
 /**
  * `validateNoSpecialCharacters` tests if a provided string contains no special characters
  * @param str - The string to test.
  * @returns - true if the string has no special characters and false otherwise
  */
 const validateNoSpecialCharacters = (str: string): boolean => {
-  const noSpecialCharacters = /^[0-9a-zA-Z-._~()]*$/;
+  const noSpecialCharacters = new RegExp(`^[0-9a-zA-Z${allowedSymbols}]*$`);
   return noSpecialCharacters.test(str);
 };
 
 export {
+  allowedSymbols,
   validateDuration,
   validateEmail,
   validateJira,