fix: update emit events in CaptchaWidget and modify login confirmation logic

Author: yaroslav8765

custom/CaptchaWidget.vue

@@ -1,7 +1,7 @@
 <template>
-
+  <div class="w-full flex justify-center items-center">
     <div :id="props.meta.containerId"></div>
-
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -22,16 +22,16 @@ const props = defineProps<Props>();
 
 const token = ref(null);
 const emit = defineEmits(
-  ["update:allowLoginClick"]
+  ["update:disableLoginButton"]
 )
 
 onMounted(() => {
   const fnName = props.meta.renderWidgetFunctionName;
-  
+  emit("update:disableLoginButton", true);
   const renderFn = (window as any)[fnName];
   if (typeof renderFn === 'function') {
     renderFn(props.meta.containerId, props.meta.siteKey, (receivedToken: string) => {
-      emit("update:allowLoginClick", true);
+      emit("update:disableLoginButton", false);
       token.value = receivedToken;
       setJWT(receivedToken);
     });

index.ts

@@ -47,43 +47,31 @@ export default class CaptchaPlugin extends AdminForthPlugin {
 
     const beforeLoginConfirmation = this.adminforth.config.auth.beforeLoginConfirmation;
     const beforeLoginConfirmationArray = Array.isArray(beforeLoginConfirmation) ? beforeLoginConfirmation : [beforeLoginConfirmation];
-    beforeLoginConfirmationArray.push(
+    beforeLoginConfirmationArray.unshift(
       async({ extra }: { adminUser: AdminUser, response: IAdminForthHttpResponse, extra?: any} )=> {
+        const rejectResult = {
+          body:{
+            allowedLogin: false,
+            redirectTo: '/login',
+          },
+          ok: true
+        };
+
         if ( !extra || !extra.cookies ) {
-          return {
-            body:{
-              allowedLogin: false,
-              redirectTo: '/login',
-            },
-            ok: true
-          }
+          return rejectResult;
         }
         const cookies = extra.cookies;
         const token = cookies.find(
           (cookie) => cookie.key === `adminforth_${adapterName}_temporaryJWT`
         )?.value;
         if ( !token ) {
-          return {
-            body:{
-              allowedLogin: false,
-              redirectTo: '/login',
-            },
-            ok: true
-          }
+          return rejectResult;
         }
 
         const ip = this.adminforth.auth.getClientIp(extra.headers);
         const validationResult = await this.options.captchaAdapter.validate(token, ip);
-        console.log('Validation result:', validationResult);
-
         if (!validationResult || !validationResult.success) {
-          return {
-            body:{
-              allowedLogin: false,
-              redirectTo: '/login',
-            },
-            ok: true
-          }
+          return rejectResult;
         }
       }
     );