chore(WL-412): add new features

apps/nextapp/app/home.tsx

@@ -41,7 +41,7 @@ export function Home() {
       'x-only-raw-analysis': '1',
     };
 
-    initialize({ params, headers }, (initialized) => {
+    initialize({ params, headers }, initialized => {
       const error = initialized.error;
 
       setIsInitialized(initialized.isSuccess);
@@ -54,7 +54,7 @@ export function Home() {
   };
 
   const onDispose = (): void => {
-    dispose((disposed) => {
+    dispose(disposed => {
       setIsInitialized(!disposed);
 
       if (!disposed) {
@@ -63,31 +63,31 @@ export function Home() {
     });
   };
 
-  const onLocale = async (): Promise<void> => {
-    const locales = LOCALES.filter((loc) => loc !== i18n);
+  const onLocale = (): void => {
+    const locales = LOCALES.filter(loc => loc !== i18n);
     const newLocale = locales[Math.floor(Math.random() * locales.length)];
 
     setI18n(newLocale);
-    await setLocale(newLocale);
+    setLocale(newLocale);
   };
 
-  const onFaceScan = (type: FaceType): void => {
+  const onFaceScan = async (type: FaceType): Promise<void> => {
     try {
       switch (type) {
         case 'enroll':
-          enroll();
+          await enroll();
           break;
         case 'authenticate':
-          authenticate();
+          await authenticate();
           break;
         case 'liveness':
-          liveness();
+          await liveness();
           break;
         case 'photoMatch':
-          photoMatch();
+          await photoMatch();
           break;
         case 'photoScan':
-          photoScan();
+          await photoScan();
           break;
         default:
           toast.error(`Invalid face scan type: ${type}`);

apps/nextapp/package.json

@@ -26,7 +26,6 @@
     "eslint": "^9",
     "eslint-config-next": "16.1.7",
     "tailwindcss": "^4",
-    "typescript": "5",
-    "@azify/aziface-web": "1.0.6"
+    "typescript": "5"
   }
 }

apps/viteapp/src/App.tsx

@@ -4,6 +4,7 @@ import { useUser } from './hooks';
 import { Unless, When } from 'react-if';
 import { Home } from './screens/home';
 import { Login } from './screens/login';
+
 function App() {
   const { tokenBiometric, token } = useUser();
   const isAuth = !!token && !!tokenBiometric;
@@ -18,4 +19,5 @@ function App() {
     </QueryClientProvider>
   );
 }
+
 export default App;

apps/viteapp/src/hooks/useuser.hook.ts

@@ -11,7 +11,7 @@ interface UseUserProps {
 
 export const useUserStore = create<UseUserProps>()(
   persist(
-    (set) => ({
+    set => ({
       token: '',
       tokenBiometric: '',
       setToken: (token: string) => {

apps/viteapp/src/index.css

@@ -1 +1 @@
-@import "tailwindcss";
+@import 'tailwindcss';

apps/viteapp/src/main.tsx

@@ -1,10 +1,9 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App.tsx';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
   </StrictMode>,
-)
+);

apps/viteapp/src/screens/home.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import toast, { Toaster } from 'react-hot-toast';
 import { useBiometricConfigs } from '../services';
 import { useUser } from '../hooks';
 import {
@@ -38,66 +39,68 @@ export function Home() {
       'x-only-raw-analysis': '1',
     };
 
-    initialize({ params, headers }, (initialized) => {
+    initialize({ params, headers }, initialized => {
       const error = initialized.error;
 
       setIsInitialized(initialized.isSuccess);
       if (error) {
-        alert(`(${error.code}) - ${error.cause}`);
+        toast.error(`(${error.code}) - ${error.cause}`);
       } else {
         setLocale(i18n);
       }
     });
   };
 
   const onDispose = (): void => {
-    dispose((disposed) => {
+    dispose(disposed => {
       setIsInitialized(!disposed);
 
       if (!disposed) {
-        alert('Failed to dispose SDK.');
+        toast.error('Failed to dispose SDK.');
       }
     });
   };
 
-  const onLocale = async (): Promise<void> => {
-    const locales = LOCALES.filter((loc) => loc !== i18n);
+  const onLocale = (): void => {
+    const locales = LOCALES.filter(loc => loc !== i18n);
     const newLocale = locales[Math.floor(Math.random() * locales.length)];
 
     setI18n(newLocale);
-    await setLocale(newLocale);
+    setLocale(newLocale);
   };
 
-  const onFaceScan = (type: FaceType): void => {
+  const onFaceScan = async (type: FaceType): Promise<void> => {
     try {
       switch (type) {
         case 'enroll':
-          enroll();
+          await enroll();
           break;
         case 'authenticate':
-          authenticate();
+          await authenticate();
           break;
         case 'liveness':
-          liveness();
+          await liveness();
           break;
         case 'photoMatch':
-          photoMatch();
+          await photoMatch();
           break;
         case 'photoScan':
-          photoScan();
+          await photoScan();
           break;
         default:
-          alert(`Invalid face scan type: ${type}`);
+          toast.error(`Invalid face scan type: ${type}`);
           break;
       }
     } catch (error) {
       const sessionError = error as SessionError;
-      alert(sessionError.message);
+      toast.error(sessionError.message);
     }
   };
 
   return (
     <div className='min-h-screen flex items-center justify-center bg-gray-50'>
+      <Toaster position='bottom-right' />
+
       <div className='w-full p-5 sm:bg-white sm:border sm:border-gray-200 sm:rounded-xl sm:p-8 sm:max-w-sm sm:shadow-sm'>
         <h1 className='text-2xl font-semibold text-gray-900 mb-1'>Home</h1>
         <p className='text-sm text-gray-500 mb-6'>Selecione uma ação</p>

apps/viteapp/src/screens/login.tsx

@@ -5,7 +5,8 @@ export function Login() {
   const [username, setUsername] = useState('');
   const [password, setPassword] = useState('');
   const { mutateAsync: login, isPending: isPendingLogin } = useLogin();
-  const { mutateAsync: createSession, isPending: isPendingSession } = useBiometricSession();
+  const { mutateAsync: createSession, isPending: isPendingSession } =
+    useBiometricSession();
 
   const handleLogin = async () => {
     try {
@@ -29,7 +30,7 @@ export function Login() {
           <input
             type='text'
             value={username}
-            onChange={(e) => setUsername(e.target.value)}
+            onChange={e => setUsername(e.target.value)}
             placeholder='seu.usuario'
             className='w-full border border-gray-200 rounded-lg px-3 py-2 text-sm text-gray-900 placeholder-gray-400 outline-none focus:ring-2 focus:ring-gray-300'
           />
@@ -40,7 +41,7 @@ export function Login() {
           <input
             type='password'
             value={password}
-            onChange={(e) => setPassword(e.target.value)}
+            onChange={e => setPassword(e.target.value)}
             placeholder='••••••••'
             className='w-full border border-gray-200 rounded-lg px-3 py-2 text-sm text-gray-900 placeholder-gray-400 outline-none focus:ring-2 focus:ring-gray-300'
           />

apps/viteapp/src/services/api.ts

@@ -13,12 +13,12 @@ export const clientApi = axios.create({
 });
 
 clientApi.interceptors.request.use(
-  async (config) => {
+  async config => {
     const token = useUserStore.getState()?.token || '';
     if (token) {
       config.headers.Authorization = `Bearer ${token}`;
     }
-    config.validateStatus = (status) => {
+    config.validateStatus = status => {
       if (status === 401) {
         alert('Session expired. Please log in again.');
         useUserStore.getState().logout();
@@ -28,12 +28,12 @@ clientApi.interceptors.request.use(
     };
     return config;
   },
-  (error) => Promise.reject(error),
+  error => Promise.reject(error),
 );
 
 clientApi.interceptors.response.use(
-  (res) => res,
-  (error) => Promise.reject(error),
+  res => res,
+  error => Promise.reject(error),
 );
 export const queryClient = new QueryClient({
   defaultOptions: {

apps/viteapp/src/services/client.service.ts

@@ -1,4 +1,9 @@
-import type { ConfigsResponseData, CreateUserRequest, LoginRequest, LoginResponse } from '../types/services.types';
+import type {
+  ConfigsResponseData,
+  CreateUserRequest,
+  LoginRequest,
+  LoginResponse,
+} from '../types/services.types';
 import { clientApi } from './api';
 import { useMutation, useQuery } from '@tanstack/react-query';
 import { useUserStore } from '../hooks';
@@ -48,7 +53,9 @@ export function useBiometricConfigs() {
   return useQuery({
     queryKey: ['configs'],
     queryFn: async () => {
-      const response = await clientApi.get<ConfigsResponseData>('/biometrics/configs');
+      const response = await clientApi.get<ConfigsResponseData>(
+        '/biometrics/configs',
+      );
 
       return response.data;
     },