From ae841a72e42e3e66a2509a7d8fbf807c72bb6c49 Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Wed, 8 Apr 2026 11:37:26 +0300
Subject: [PATCH 1/6] feat: add global frontend api

---
 custom/TwoFAModal.vue | 108 ++++++++++++++++-------------------
 custom/use2faApi.ts   | 130 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 180 insertions(+), 58 deletions(-)
 create mode 100644 custom/use2faApi.ts

diff --git a/custom/TwoFAModal.vue b/custom/TwoFAModal.vue
index 418665b..88af8c5 100644
--- a/custom/TwoFAModal.vue
+++ b/custom/TwoFAModal.vue
@@ -1,9 +1,9 @@
 <template>
     <div class="af-two-factors-modal fixed inset-0 z-[9999] flex items-center justify-center bg-black/50 top-0 bottom-0 left-0 right-0"
-    v-show ="modelShow && (isLoading === false)">
-      <div v-if="modalMode === 'totp'" class="af-two-factor-modal-totp flex flex-col items-center relative bg-white dark:bg-gray-700 rounded-lg shadow p-6 w-full max-w-md">
+    v-show ="twofaApi.isOpened && (isLoading === false)">
+      <div v-if="twofaApi.modalMode === 'totp'" class="af-two-factor-modal-totp flex flex-col items-center relative bg-white dark:bg-gray-700 rounded-lg shadow p-6 w-full max-w-md">
         <div id="mfaCode-label" class="mb-4 text-gray-700 dark:text-gray-100 text-center">
-          <p> {{ customDialogTitle }} </p>
+          <p> {{ twofaApi.customDialogTitle }} </p>
           <p>{{ $t('Please enter your authenticator code') }}</p>
         </div>
         
@@ -23,8 +23,8 @@
             />
           </div>
     
-          <div class="flex items-center w-full" :class="doesUserHavePasskeys ? 'justify-between' : 'justify-center' ">
-            <p v-if="doesUserHavePasskeys===true" class="underline hover:no-underline text-lightPrimary whitespace-nowrap hover:cursor-pointer" @click="modalMode = 'passkey'" >{{$t('use passkey')}}</p>
+          <div class="flex items-center w-full" :class="twofaApi.doesUserHavePasskeys ? 'justify-between' : 'justify-center' ">
+            <p v-if="twofaApi.doesUserHavePasskeys===true" class="underline hover:no-underline text-lightPrimary whitespace-nowrap hover:cursor-pointer" @click="twofaApi.setModalMode('passkey')" >{{$t('use passkey')}}</p>
             <Button
               class="px-4 py-2 rounded border"
               @click="onCancel"
@@ -36,7 +36,7 @@
 
 
 
-      <div v-else-if="modalMode === 'passkey'" class="af-two-factor-modal-passkeys flex flex-col items-center justify-center py-4 gap-6 relative bg-white dark:bg-gray-700 rounded-lg shadow p-6">
+      <div v-else-if="twofaApi.modalMode === 'passkey'" class="af-two-factor-modal-passkeys flex flex-col items-center justify-center py-4 gap-6 relative bg-white dark:bg-gray-700 rounded-lg shadow p-6">
         <button
           type="button"
           class="text-lightDialogCloseButton bg-transparent hover:bg-lightDialogCloseButtonHoverBackground hover:text-lightDialogCloseButtonHover rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:text-darkDialogCloseButton dark:hover:bg-darkDialogCloseButtonHoverBackground dark:hover:text-darkDialogCloseButtonHover"
@@ -50,16 +50,16 @@
         <IconShieldOutline class="af-2fa-shield-icon w-16 h-16 text-lightPrimary dark:text-darkPrimary"/>
         <p class="text-4xl font-semibold mb-4 text:gray-900 dark:text-gray-200 ">{{$t('Passkey')}}</p>
         <div class="mb-2 max-w-[300px] text:gray-900 dark:text-gray-200">
-          <p class="mb-2">{{customDialogTitle}} </p>
+          <p class="mb-2">{{twofaApi.customDialogTitle}} </p>
           <p>{{$t('Authenticate yourself using the button below')}}</p>
         </div>
         <Button @click="usePasskeyButtonClick" :disabled="isFetchingPasskey" :loader="isFetchingPasskey" class="w-full mx-16">
           {{$t('Use passkey')}}
         </Button>
-        <div v-if="modalMode === 'passkey'" class="af-2fa-passkey-issues-card  max-w-sm px-6 pt-3 w-full bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700">
+        <div v-if="twofaApi.modalMode === 'passkey'" class="af-2fa-passkey-issues-card  max-w-sm px-6 pt-3 w-full bg-white border border-gray-200 rounded-lg shadow-sm dark:bg-gray-800 dark:border-gray-700">
           <div class="mb-3 font-normal text-gray-700 dark:text-gray-400">
             <p>{{$t('Have issues with passkey?')}}</p>
-            <p class="underline hover:no-underline text-lightPrimary whitespace-nowrap hover:cursor-pointer" @click="modalMode = 'totp'" >{{$t('use TOTP')}}</p>
+            <p class="underline hover:no-underline text-lightPrimary whitespace-nowrap hover:cursor-pointer" @click="twofaApi.setModalMode('totp')" >{{$t('use TOTP')}}</p>
           </div>
         </div>
 
@@ -80,7 +80,9 @@
   import { IconShieldOutline } from '@iconify-prerendered/vue-flowbite';
   import { getPasskey } from './utils.js' 
   import adminforth from '@/adminforth';
+  import { use2faApi } from './use2faApi';
 
+  const twofaApi = use2faApi();
 
   declare global {
     interface Window {
@@ -101,6 +103,10 @@
     (e: 'closed'): void
   }>();
 
+  onMounted(() => {
+    twofaApi.registerAddEventListenerForOTPInput(addEventListenerForOTPInput);
+  });
+
   async function addEventListenerForOTPInput(){
     document.addEventListener('focusin', handleGlobalFocusIn, true);
     focusFirstAvailableOtpInput();
@@ -120,16 +126,16 @@
 
 
   const modelShow = ref(false);
-  let resolveFn: ((confirmationResult: any) => void) | null = null;
-  let verifyingCallback: ((confirmationResult: string) => boolean) | null = null;
-  let verifyFn: null | ((confirmationResult: string) => Promise<boolean> | boolean) = null;
-  let rejectFn: ((err?: any) => void) | null = null;
+  // let resolveFn: ((confirmationResult: any) => void) | null = null;
+  // let verifyingCallback: ((confirmationResult: string) => boolean) | null = null;
+  // let verifyFn: null | ((confirmationResult: string) => Promise<boolean> | boolean) = null;
+  // let rejectFn: ((err?: any) => void) | null = null;
 
 
   window.adminforthTwoFaModal = {
     get2FaConfirmationResult: (title?: string, verifyingCallback?: (confirmationResult: string) => Promise<boolean>) =>
       new Promise(async (resolve, reject) => {
-      if (modelShow.value) throw new Error('Modal is already open');
+      if (twofaApi.isOpened) throw new Error('Modal is already open');
       const skipAllowModal = await checkIfSkipAllowModal();
       if (skipAllowModal) {
         resolve({ code: "123456" }); // dummy code
@@ -137,15 +143,15 @@
       }
       await checkIfUserHasPasskeys();
       if (title) {
-        customDialogTitle.value = title;
+        twofaApi.setCustomDialogTitle(title);
       }
-      modelShow.value = true;
-      if (modalMode.value === 'totp') {
+      twofaApi.setIsOpened(true);
+      if (twofaApi.modalMode === 'totp') {
         await addEventListenerForOTPInput();
       }
-      resolveFn = resolve;
-      rejectFn = reject;
-      verifyFn = verifyingCallback ?? null;
+      twofaApi.registerResolveFn(resolve);
+      twofaApi.registerRejectFn(reject);
+      twofaApi.registerVerifyFn(verifyingCallback ?? null);
     }),
   };
   
@@ -168,14 +174,14 @@
       onCancel();
       return null;
     }
-    modelShow.value = false;
+    twofaApi.setIsOpened(false);
     const dataToReturn = {
       mode: "passkey",
       result: passkeyData
     }
-    customDialogTitle.value = "";
+    twofaApi.setCustomDialogTitle("");
     removeEventListenerForOTPInput();
-    resolveFn(dataToReturn);
+    twofaApi.resolveFn?.(dataToReturn);
   }
 
   function tagOtpInputs() {
@@ -206,42 +212,42 @@
   }
   
   async function sendConfirmationResult(value: string) {
-    if (!resolveFn) throw new Error('Modal is not initialized properly');
-    if (verifyFn) {
+    if (!twofaApi.resolveFn) throw new Error('Modal is not initialized properly');
+    if (twofaApi.verifyFn) {
       try {
-        const ok = await verifyFn(value);
+        const ok = await twofaApi.verifyFn(value);
         if (!ok) {
-          rejectFn?.(new Error('Invalid code'));
+          twofaApi.rejectFn?.(new Error('Invalid code'));
           return;
         }
       } catch (err) {
-        rejectFn?.(err);
+        twofaApi.rejectFn?.(err);
         return;
       }
     }
 
-    modelShow.value = false;
+    twofaApi.setIsOpened(false);
     const dataToReturn = {
       mode: "totp",
       result: value
     }
-    customDialogTitle.value = "";
+    twofaApi.setCustomDialogTitle("");
     removeEventListenerForOTPInput();
-    resolveFn(dataToReturn);
+    twofaApi.resolveFn?.(dataToReturn);
   }
   
   
   function onCancel() {
-    modelShow.value = false;
+    twofaApi.setIsOpened(false);
     bindValue.value = '';
     confirmationResult.value?.clearInput();
     removeEventListenerForOTPInput();
-    rejectFn("Cancel");
+    twofaApi.rejectFn?.(new Error('Cancel'));
     emit('rejected', new Error('cancelled'));
     emit('closed');
   }
 
-  watch(modalMode, async (newMode) => {
+  watch(() => twofaApi.modalMode, async (newMode) => {
     if (newMode === 'totp') {
       await addEventListenerForOTPInput();
     } else {
@@ -249,7 +255,7 @@
     }
   });
 
-  watch(modelShow, async (open) => {
+  watch(() => twofaApi.isOpened, async (open) => {
   if (open) {
     await nextTick();
     const htmlRef = document.querySelector('html');
@@ -258,7 +264,7 @@
     }
     
     // Wait for conditional rendering to complete
-    if (modalMode.value === 'totp' && !isLoading.value) {
+    if (twofaApi.modalMode === 'totp' && !isLoading.value) {
       await nextTick();
       setTimeout(() => {
         tagOtpInputs();
@@ -280,29 +286,15 @@
 
   async function checkIfUserHasPasskeys() {
     isLoading.value = true;
-    try {
-      const response = await callAdminForthApi({
-        method: 'GET',
-        path: '/plugin/passkeys/getPasskeys',
-      });
-      
-      if (response.ok) {
-        if (response.data.length >= 1) {
-          doesUserHavePasskeys.value = true;
-          modalMode.value = "passkey";
-        } else {
-          doesUserHavePasskeys.value = false;
-          modalMode.value = "totp";
-        }
-      }
-    } catch (error) {
-      console.error('Error checking passkeys:', error);
-      // Fallback to TOTP if there's an error
-      doesUserHavePasskeys.value = false;
-      modalMode.value = "totp";
-    } finally {
-      isLoading.value = false;
+    const hasPasskeys = await twofaApi.checkIfUserHasPasskeys();
+    if (hasPasskeys) {
+      twofaApi.setDoesUserHavePasskeys(true);
+      twofaApi.setModalMode("passkey");
+    } else {
+      twofaApi.setDoesUserHavePasskeys(false);
+      twofaApi.setModalMode("totp");
     }
+    isLoading.value = false;
   }
 
   function getOtpInputs() {
diff --git a/custom/use2faApi.ts b/custom/use2faApi.ts
new file mode 100644
index 0000000..201f084
--- /dev/null
+++ b/custom/use2faApi.ts
@@ -0,0 +1,130 @@
+import { ref } from 'vue';
+import { defineStore } from 'pinia'
+import { callAdminForthApi } from '@/utils/utils';
+
+export const use2faApi = defineStore('2fa', () => {
+  const isOpened = ref(false);
+  const customDialogTitle = ref('');
+  const resolveFn = ref<((confirmationResult: any) => void) | null>(null);
+  const verifyFn = ref<null | ((confirmationResult: string) => Promise<boolean> | boolean)>(null);
+  const rejectFn = ref<((err?: any) => void) | null>(null);
+  const addEventListenerForOTPInput = ref<null | (() => Promise<void>)>(null);
+  const doesUserHavePasskeys = ref(false);
+  const modalMode = ref<"totp" | "passkey">("totp");
+
+  function setDoesUserHavePasskeys(value: boolean) {
+    doesUserHavePasskeys.value = value;
+  }
+
+  function setModalMode(mode: "totp" | "passkey") {
+    modalMode.value = mode;
+  }
+  
+  function registerVerifyFn(fn: (confirmationResult: string) => Promise<boolean> | boolean) {
+    verifyFn.value = fn;
+  }
+
+  function registerRejectFn(fn: (err?: any) => void) {
+    rejectFn.value = fn;
+  }
+
+  function registerResolveFn(fn: (confirmationResult: any) => void) {
+    resolveFn.value = fn;
+  }
+  
+  function registerAddEventListenerForOTPInput(fn: () => Promise<void>) {
+    addEventListenerForOTPInput.value = fn;
+  }
+  
+  async function setCustomDialogTitle(title: string) {
+    customDialogTitle.value = title;
+  }
+
+  async function checkIfSkipAllowModal(){
+    try {
+      const response = await callAdminForthApi({
+        method: "GET",
+        path: "/plugin/twofa/skip-allow-modal",
+      });
+      if ( response.skipAllowed === true ) {
+        return true;
+      } else {
+        return false;
+      }
+    } catch (error) {
+      console.error('Error checking skip allow modal:', error);
+      return false;
+    }
+  }
+
+  async function checkIfUserHasPasskeys() {
+    try {
+      const response = await callAdminForthApi({
+        method: 'GET',
+        path: '/plugin/passkeys/getPasskeys',
+      });
+      
+      if (response.ok) {
+        if (response.data.length >= 1) {
+          doesUserHavePasskeys.value = true;
+          modalMode.value = "passkey";
+        } else {
+          doesUserHavePasskeys.value = false;
+          modalMode.value = "totp";
+        }
+      }
+    } catch (error) {
+      console.error('Error checking passkeys:', error);
+      doesUserHavePasskeys.value = false;
+      modalMode.value = "totp";
+      return false;
+    }
+  }
+
+  async function get2FaConfirmationResult(title?: string, verifyingCallback?: (confirmationResult: string) => Promise<boolean> | boolean) {
+    return new Promise(async (resolve, reject) => {
+      if (isOpened.value) throw new Error('Modal is already open');
+      const skipAllowModal = await checkIfSkipAllowModal();
+      if (skipAllowModal) {
+        resolve({ code: "123456" }); // dummy code
+        return;
+      }
+      await checkIfUserHasPasskeys();
+      if (title) {
+        customDialogTitle.value = title;
+      }
+      isOpened.value = true;
+      if (!doesUserHavePasskeys.value && addEventListenerForOTPInput.value && typeof addEventListenerForOTPInput.value === 'function') {
+        await addEventListenerForOTPInput.value();
+      }
+      resolveFn.value = resolve;
+      rejectFn.value = reject;
+      verifyFn.value = verifyingCallback ?? null;
+    });
+  }
+
+  function setIsOpened(value: boolean) {
+    isOpened.value = value;
+  }
+
+  return {
+    isOpened,
+    customDialogTitle,
+    get2FaConfirmationResult,
+    setIsOpened,
+    setCustomDialogTitle,
+    checkIfSkipAllowModal,
+    registerAddEventListenerForOTPInput,
+    resolveFn,
+    verifyFn,
+    rejectFn,
+    registerVerifyFn,
+    registerRejectFn,
+    registerResolveFn,
+    checkIfUserHasPasskeys,
+    setDoesUserHavePasskeys,
+    setModalMode,
+    doesUserHavePasskeys,
+    modalMode,
+  };
+});
\ No newline at end of file

From 6bed74b0e9452d44945e6de88a6decbb3e82527e Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Wed, 8 Apr 2026 11:43:33 +0300
Subject: [PATCH 2/6] fix: make old fronend api work as well

---
 custom/TwoFAModal.vue | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/custom/TwoFAModal.vue b/custom/TwoFAModal.vue
index 88af8c5..dc7eaa7 100644
--- a/custom/TwoFAModal.vue
+++ b/custom/TwoFAModal.vue
@@ -286,14 +286,7 @@
 
   async function checkIfUserHasPasskeys() {
     isLoading.value = true;
-    const hasPasskeys = await twofaApi.checkIfUserHasPasskeys();
-    if (hasPasskeys) {
-      twofaApi.setDoesUserHavePasskeys(true);
-      twofaApi.setModalMode("passkey");
-    } else {
-      twofaApi.setDoesUserHavePasskeys(false);
-      twofaApi.setModalMode("totp");
-    }
+    await twofaApi.checkIfUserHasPasskeys();
     isLoading.value = false;
   }
 

From ab16fbb9e744d8b085a3e3bc3a0b26b5430b2544 Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Wed, 8 Apr 2026 12:17:29 +0300
Subject: [PATCH 3/6] refactor: clean up TwoFAModal.vue by removing unused
 imports and functions

---
 custom/TwoFAModal.vue | 70 ++++---------------------------------------
 1 file changed, 6 insertions(+), 64 deletions(-)

diff --git a/custom/TwoFAModal.vue b/custom/TwoFAModal.vue
index dc7eaa7..708c2b5 100644
--- a/custom/TwoFAModal.vue
+++ b/custom/TwoFAModal.vue
@@ -28,7 +28,6 @@
             <Button
               class="px-4 py-2 rounded border"
               @click="onCancel"
-              :disabled="inProgress"
             >{{ $t('Cancel') }}</Button>
           </div>
         </div>
@@ -73,16 +72,13 @@
 
   import VOtpInput from 'vue3-otp-input';
   import { ref, nextTick, watch, onMounted } from 'vue';
-  import { useUserStore } from '@/stores/user';
-  import { useI18n } from 'vue-i18n';
-  import { callAdminForthApi } from '@/utils';
-  import { Link, Button } from '@/afcl';
+  import { Button } from '@/afcl';
   import { IconShieldOutline } from '@iconify-prerendered/vue-flowbite';
   import { getPasskey } from './utils.js' 
-  import adminforth from '@/adminforth';
   import { use2faApi } from './use2faApi';
 
   const twofaApi = use2faApi();
+  const isFetchingPasskey = ref(false);
 
   declare global {
     interface Window {
@@ -124,55 +120,26 @@
     // Abort any in-flight WebAuthn request when leaving the component
   }
 
-
-  const modelShow = ref(false);
-  // let resolveFn: ((confirmationResult: any) => void) | null = null;
-  // let verifyingCallback: ((confirmationResult: string) => boolean) | null = null;
-  // let verifyFn: null | ((confirmationResult: string) => Promise<boolean> | boolean) = null;
-  // let rejectFn: ((err?: any) => void) | null = null;
-
-
   window.adminforthTwoFaModal = {
-    get2FaConfirmationResult: (title?: string, verifyingCallback?: (confirmationResult: string) => Promise<boolean>) =>
-      new Promise(async (resolve, reject) => {
-      if (twofaApi.isOpened) throw new Error('Modal is already open');
-      const skipAllowModal = await checkIfSkipAllowModal();
-      if (skipAllowModal) {
-        resolve({ code: "123456" }); // dummy code
-        return;
-      }
-      await checkIfUserHasPasskeys();
-      if (title) {
-        twofaApi.setCustomDialogTitle(title);
-      }
-      twofaApi.setIsOpened(true);
-      if (twofaApi.modalMode === 'totp') {
-        await addEventListenerForOTPInput();
-      }
-      twofaApi.registerResolveFn(resolve);
-      twofaApi.registerRejectFn(reject);
-      twofaApi.registerVerifyFn(verifyingCallback ?? null);
-    }),
+    get2FaConfirmationResult: twofaApi.get2FaConfirmationResult
   };
   
-  const { t } = useI18n();
-  const user = useUserStore();
   
   const confirmationResult = ref<any>(null);
   const otpRoot = ref<HTMLElement | null>(null);
   const bindValue = ref('');
-  const doesUserHavePasskeys = ref(false);
-  const modalMode = ref<"totp" | "passkey">("totp");
   const isLoading = ref(false);
-  const customDialogTitle = ref("");
   
   async function usePasskeyButtonClick() {
     let passkeyData;
+    isFetchingPasskey.value = true;
     try {
       passkeyData = await getPasskey();
     } catch (error) {
       onCancel();
       return null;
+    } finally {
+      isFetchingPasskey.value = false;
     }
     twofaApi.setIsOpened(false);
     const dataToReturn = {
@@ -284,12 +251,6 @@
   }
 });
 
-  async function checkIfUserHasPasskeys() {
-    isLoading.value = true;
-    await twofaApi.checkIfUserHasPasskeys();
-    isLoading.value = false;
-  }
-
   function getOtpInputs() {
     const root = otpRoot.value;
     if (!root) return [];
@@ -329,25 +290,6 @@
       }
     });
   }
-
-
-  async function checkIfSkipAllowModal(){
-    try {
-      const response = await callAdminForthApi({
-        method: "GET",
-        path: "/plugin/twofa/skip-allow-modal",
-      });
-      if ( response.skipAllowed === true ) {
-        return true;
-      } else {
-        return false;
-      }
-    } catch (error) {
-      console.error('Error checking skip allow modal:', error);
-      return false;
-    }
-  }
-
 </script>
   
 <style scoped>

From 9471c4716025bab2dabb8fe952a6eda2643ee1a3 Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Wed, 8 Apr 2026 12:30:58 +0300
Subject: [PATCH 4/6] refactor: change async functions to synchronous in
 use2faApi for improved performance

---
 custom/use2faApi.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/custom/use2faApi.ts b/custom/use2faApi.ts
index 201f084..7f18432 100644
--- a/custom/use2faApi.ts
+++ b/custom/use2faApi.ts
@@ -36,7 +36,7 @@ export const use2faApi = defineStore('2fa', () => {
     addEventListenerForOTPInput.value = fn;
   }
   
-  async function setCustomDialogTitle(title: string) {
+  function setCustomDialogTitle(title: string) {
     customDialogTitle.value = title;
   }
 
@@ -81,7 +81,7 @@ export const use2faApi = defineStore('2fa', () => {
     }
   }
 
-  async function get2FaConfirmationResult(title?: string, verifyingCallback?: (confirmationResult: string) => Promise<boolean> | boolean) {
+  function get2FaConfirmationResult(title?: string, verifyingCallback?: (confirmationResult: string) => Promise<boolean> | boolean) {
     return new Promise(async (resolve, reject) => {
       if (isOpened.value) throw new Error('Modal is already open');
       const skipAllowModal = await checkIfSkipAllowModal();

From 04aae96f9bbca076eb9e9477f0148d477d810723 Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Wed, 8 Apr 2026 12:45:18 +0300
Subject: [PATCH 5/6] refactor: remove unused functions and streamline state
 management in use2faApi

---
 custom/use2faApi.ts | 22 ----------------------
 1 file changed, 22 deletions(-)

diff --git a/custom/use2faApi.ts b/custom/use2faApi.ts
index 7f18432..9375ec9 100644
--- a/custom/use2faApi.ts
+++ b/custom/use2faApi.ts
@@ -12,26 +12,10 @@ export const use2faApi = defineStore('2fa', () => {
   const doesUserHavePasskeys = ref(false);
   const modalMode = ref<"totp" | "passkey">("totp");
 
-  function setDoesUserHavePasskeys(value: boolean) {
-    doesUserHavePasskeys.value = value;
-  }
-
   function setModalMode(mode: "totp" | "passkey") {
     modalMode.value = mode;
   }
   
-  function registerVerifyFn(fn: (confirmationResult: string) => Promise<boolean> | boolean) {
-    verifyFn.value = fn;
-  }
-
-  function registerRejectFn(fn: (err?: any) => void) {
-    rejectFn.value = fn;
-  }
-
-  function registerResolveFn(fn: (confirmationResult: any) => void) {
-    resolveFn.value = fn;
-  }
-  
   function registerAddEventListenerForOTPInput(fn: () => Promise<void>) {
     addEventListenerForOTPInput.value = fn;
   }
@@ -113,16 +97,10 @@ export const use2faApi = defineStore('2fa', () => {
     get2FaConfirmationResult,
     setIsOpened,
     setCustomDialogTitle,
-    checkIfSkipAllowModal,
     registerAddEventListenerForOTPInput,
     resolveFn,
     verifyFn,
     rejectFn,
-    registerVerifyFn,
-    registerRejectFn,
-    registerResolveFn,
-    checkIfUserHasPasskeys,
-    setDoesUserHavePasskeys,
     setModalMode,
     doesUserHavePasskeys,
     modalMode,

From 7331544bd7fb137c32120f21e60bcf8c42fdc4b0 Mon Sep 17 00:00:00 2001
From: yaroslav8765 <pechorkin2014@gmail.com>
Date: Wed, 15 Apr 2026 08:32:39 +0300
Subject: [PATCH 6/6] fix: correct work of grace period at the add passkey page
 (add missing cookies/headers params when we are verifying user at the
 registerPasskeyRequest api)

https://web.tracklify.com/project/2b7ZVgE5/AdminForth/1426/J92azLP8/image
---
 index.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.ts b/index.ts
index 3acf236..32b128e 100644
--- a/index.ts
+++ b/index.ts
@@ -753,7 +753,7 @@ export default class TwoFactorsAuthPlugin extends AdminForthPlugin {
       method: 'POST',
       path: `/plugin/passkeys/registerPasskeyRequest`,
       noAuth: false,
-      handler: async ({ body, adminUser, response, cookies, extra }) => {
+      handler: async ({ body, adminUser, response, cookies, extra, headers }) => {
         const mode = body?.mode;
 
         const confirmationResult = body?.confirmationResult;
@@ -762,7 +762,7 @@ export default class TwoFactorsAuthPlugin extends AdminForthPlugin {
           userPk: adminUser.pk, 
           cookies: cookies,
           response: response,
-          extra: { ...extra }
+          extra: {...extra, cookies: cookies, headers: headers}
         });
         if ( !verificationResult || !('ok' in verificationResult) ) {
           return { ok: false, error: 'Verification failed' };