feat: add password field validation to EmailInvitePlugin

Author: SerVitasik

custom/SetPassword.vue

@@ -174,20 +174,36 @@ const backgroundPosition = computed(() => {
   return coreStore.config?.loginBackgroundPosition || '1/2';
 });
 
+const passwordField = computed(
+  () => route.meta.passwordField
+)
+
+
 function checkPassword() {
-  if (!password.value || !passwordConfirmation.value) {
-    return 'Please enter both password and password confirmation';
-  }
-  if (password.value !== passwordConfirmation.value) {
-    return 'Passwords do not match';
-  }
 
-  // Basic password validation
-  if (password.value.length < 8) {
-    return 'Password must be at least 8 characters long';
+if (!password.value || !passwordConfirmation.value) {
+  return 'Please enter both password and password confirmation';
+}
+if (password.value !== passwordConfirmation.value) {
+  return 'Passwords do not match';
+}
+
+if (password.value.length < passwordField.value.minLength) {
+  return `Password must be at least ${passwordField.value.minLength} characters long`;
+}
+
+if (password.value.length > passwordField.value.maxLength) {
+  return `Password must be at most ${passwordField.value.maxLength} characters long`;
+}
+
+if (passwordField.value.validation) {
+  const valError = applyRegexValidation(password.value, passwordField.value.validation);
+  if (valError) {
+    return valError;
   }
+}
 
-  return null;
+return null;
 }
 
 const validationError = computed(() => {

index.ts

@@ -48,6 +48,19 @@ export default class EmailInvitePlugin extends AdminForthPlugin {
     }
     this.emailField = emailField;
 
+    if (!this.options.passwordField) {
+      throw new Error(`passwordField is required to get password constraints and should be a name of virtual field in auth resource`);
+    }
+
+    const passwordField = authResource.columns.find(f => f.name === this.options.passwordField);
+    if (!passwordField) {
+      const similar = suggestIfTypo(authResource.columns.map(f => f.name), this.options.passwordField);
+
+      throw new Error(`Field with name ${this.options.passwordField} not found in resource ${authResource.resourceId}.
+        ${similar ? `Did you mean ${similar}?` : ''}
+      `);
+    }
+
     if (this.options.emailConfirmedField) {
       const emailConfirmedField = authResource.columns.find(f => f.name === this.options.emailConfirmedField);
       if (!emailConfirmedField) {
@@ -89,7 +102,12 @@ export default class EmailInvitePlugin extends AdminForthPlugin {
         file: this.componentPath('SetPassword.vue'), 
         meta: { 
           customLayout: true, 
-          pluginInstanceId: this.pluginInstanceId
+          pluginInstanceId: this.pluginInstanceId,
+          passwordField: {
+            minLength: passwordField.minLength,
+            maxLength: passwordField.maxLength,
+            validation: passwordField.validation
+          }
         }
       }
     });

types.ts

@@ -12,6 +12,11 @@ export interface PluginOptions {
    */
   sendFrom: string;
 
+  /**
+   * Field name in auth resource which contains password
+   */
+  passwordField: string;
+
   /**
    * Email adapter to use for sending emails
    */