Fix #418 - remove spaces from validation code form. (#431)

* fix: set chmod 755 on avatars-temp directory creation

Fixes permission denied error on subsequent Docker builds

* fix: strip spaces from verification code input

Users can now copy-paste verification codes with spaces (e.g. '1 2 3 4 5 6')
and they will be automatically cleaned to '123456' before validation.

Fixes #418

* Revert "fix: set chmod 755 on avatars-temp directory creation"

This reverts commit 185282f.

* prettier

---------

Co-authored-by: Your Name <you@example.com>

Author: shleeable

resources/js/components/AuthModal.vue

@@ -1221,7 +1221,11 @@ const handleVerifyCode = async () => {
     clearMessages()
     loading.value = true
 
-    if (form.value.verificationCode?.length != 6) {
+    // Strip spaces and non-numeric characters from the code
+    const cleanCode = form.value.verificationCode?.replace(/[^0-9]/g, '') || ''
+    form.value.verificationCode = cleanCode
+
+    if (cleanCode.length != 6) {
         setError(t('common.invalidCodeLength'))
         setTimeout(() => {
             clearMessages()
@@ -1231,12 +1235,10 @@ const handleVerifyCode = async () => {
     }
 
     try {
-        await authStore
-            .verifyEmailVerification(form.value.email, form.value.verificationCode)
-            .then((res) => {
-                registrationStep.value = 3
-                setSuccess(t('common.emailVerifiedSuccessfully'))
-            })
+        await authStore.verifyEmailVerification(form.value.email, cleanCode).then((res) => {
+            registrationStep.value = 3
+            setSuccess(t('common.emailVerifiedSuccessfully'))
+        })
     } catch (err) {
         console.error('Verification error:', err)
 

resources/js/pages/auth/app-register.vue

@@ -751,7 +751,11 @@ const handleVerifyCode = async () => {
     clearMessages()
     loading.value = true
 
-    if (form.value.verificationCode?.length != 6) {
+    // Strip spaces and non-numeric characters from the code
+    const cleanCode = form.value.verificationCode?.replace(/[^0-9]/g, '') || ''
+    form.value.verificationCode = cleanCode
+
+    if (cleanCode.length != 6) {
         setError(t('common.invalidCodeLength'))
         setTimeout(() => {
             clearMessages()
@@ -761,12 +765,10 @@ const handleVerifyCode = async () => {
     }
 
     try {
-        await authStore
-            .verifyEmailVerification(form.value.email, form.value.verificationCode)
-            .then((res) => {
-                registrationStep.value = 3
-                setSuccess(t('common.emailVerifiedSuccessfully'))
-            })
+        await authStore.verifyEmailVerification(form.value.email, cleanCode).then((res) => {
+            registrationStep.value = 3
+            setSuccess(t('common.emailVerifiedSuccessfully'))
+        })
     } catch (err) {
         console.error('Verification error:', err)