fix: show special characters properly in validation messages

Signed-off-by: romanetar <roman_ag@hotmail.com>

Author: romanetar

resources/js/utils.js

@@ -80,4 +80,10 @@ export const formatTime = (timeInSeconds) => {
         res = res.slice(0, -2);
     }
     return res;
-}
+}
+
+export const decodeHtmlEntities = (text) => {
+  const textarea = document.createElement('textarea');
+  textarea.innerHTML = text;
+  return textarea.value;
+};

resources/js/validator.js

@@ -1,4 +1,5 @@
 import {ref, string} from "yup";
+import {decodeHtmlEntities} from "./utils.js"
 
 const validatePasswordPattern = (shapePattern, allowed_special_characters, warning) => {
     return function(value) {
@@ -25,7 +26,7 @@ const validatePasswordPattern = (shapePattern, allowed_special_characters, warni
 
         // Check remain requirements
         return this.createError({
-            message: warning,
+            message: decodeHtmlEntities(warning),
             path: this.path,
         });
     }