@adonis-agora/authkit-server 0.47.0 → 0.49.0

package/stubs/ui/react/pages/mfa-challenge.tsx

@@ -1,19 +1,19 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/mfa-challenge.tsx') })
-}}}
-import AuthShell from '../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/mfa-challenge.tsx') });
+}
+import AuthShell from '../components/auth_shell';
 
 const inputClass =
-  'w-full rounded-lg border border-gray-300 px-3 py-2 text-center text-lg tracking-[0.4em] outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800'
+  'w-full rounded-lg border border-gray-300 px-3 py-2 text-center text-lg tracking-[0.4em] outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800';
 
 export default function AuthkitMfaChallenge({
   uid,
   csrfToken,
   error,
 }: {
-  uid: string
-  csrfToken: string
-  error?: string
+  uid: string;
+  csrfToken: string;
+  error?: string;
 }) {
   return (
     <AuthShell>
@@ -37,7 +37,6 @@ export default function AuthkitMfaChallenge({
             autoComplete="one-time-code"
             pattern="[0-9]*"
             maxLength={6}
-            autoFocus
             className={inputClass}
           />
         </div>
@@ -68,5 +67,5 @@ export default function AuthkitMfaChallenge({
         </form>
       </details>
     </AuthShell>
-  )
+  );
 }

package/stubs/ui/react/pages/reset.tsx

@@ -1,19 +1,19 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/reset.tsx') })
-}}}
-import AuthShell from '../../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/reset.tsx') });
+}
+import AuthShell from '../../components/auth_shell';
 
 const inputClass =
-  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800'
+  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2 focus:ring-gray-800';
 
 export default function AuthkitReset({
   token,
   csrfToken,
   done,
 }: {
-  token: string
-  csrfToken: string
-  done?: boolean
+  token: string;
+  csrfToken: string;
+  done?: boolean;
 }) {
   if (done) {
     return (
@@ -21,7 +21,7 @@ export default function AuthkitReset({
         <h1 className="text-xl font-semibold text-gray-900">Senha redefinida</h1>
         <p className="mt-2 text-sm text-gray-600">Você já pode entrar com a nova senha.</p>
       </AuthShell>
-    )
+    );
   }
 
   return (
@@ -54,5 +54,5 @@ export default function AuthkitReset({
         </button>
       </form>
     </AuthShell>
-  )
+  );
 }

package/stubs/ui/react/pages/signup.tsx

@@ -1,10 +1,10 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/signup.tsx') })
-}}}
-import AuthShell, { type AuthBrand } from '../../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/signup.tsx') });
+}
+import AuthShell, { type AuthBrand } from '../../components/auth_shell';
 
 const inputClass =
-  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2'
+  'w-full rounded-lg border border-gray-300 px-3 py-2 text-sm outline-none transition focus:border-transparent focus:ring-2';
 
 export default function AuthkitSignup({
   uid,
@@ -12,17 +12,17 @@ export default function AuthkitSignup({
   error,
   brand,
 }: {
-  uid: string
-  csrfToken: string
-  error?: string
-  brand?: AuthBrand
+  uid: string;
+  csrfToken: string;
+  error?: string;
+  brand?: AuthBrand;
 }) {
-  const accent = brand?.accent ?? '#111827'
-  const focusStyle = { ['--tw-ring-color' as any]: accent }
+  const accent = brand?.accent ?? '#111827';
+  const focusStyle = { ['--tw-ring-color' as any]: accent };
 
   return (
     <AuthShell brand={brand}>
-      <form method="POST" action={'/auth/interaction/' + uid + '/signup'}>
+      <form method="POST" action={`/auth/interaction/${uid}/signup`}>
         <input type="hidden" name="_csrf" value={csrfToken} />
         <h1 className="text-xl font-semibold text-gray-900">Criar conta</h1>
         <p className="mt-1 text-sm text-gray-500">Preencha seus dados para começar.</p>
@@ -33,14 +33,28 @@ export default function AuthkitSignup({
           <label htmlFor="fullName" className="mb-1 block text-sm font-medium text-gray-700">
             Nome
           </label>
-          <input id="fullName" name="fullName" type="text" required className={inputClass} style={focusStyle} />
+          <input
+            id="fullName"
+            name="fullName"
+            type="text"
+            required
+            className={inputClass}
+            style={focusStyle}
+          />
         </div>
 
         <div className="mt-4">
           <label htmlFor="email" className="mb-1 block text-sm font-medium text-gray-700">
             E-mail
           </label>
-          <input id="email" name="email" type="email" required className={inputClass} style={focusStyle} />
+          <input
+            id="email"
+            name="email"
+            type="email"
+            required
+            className={inputClass}
+            style={focusStyle}
+          />
         </div>
 
         <div className="mt-4">
@@ -67,12 +81,12 @@ export default function AuthkitSignup({
         </button>
 
         <a
-          href={'/auth/interaction/' + uid}
+          href={`/auth/interaction/${uid}`}
           className="mt-4 block text-center text-sm text-gray-600 hover:underline"
         >
           Já tenho conta
         </a>
       </form>
     </AuthShell>
-  )
+  );
 }

package/stubs/ui/react/pages/verify-email.tsx

@@ -1,7 +1,7 @@
-{{{
-  exports({ to: app.makePath('inertia/pages/authkit/verify-email.tsx') })
-}}}
-import AuthShell from '../../components/auth_shell'
+{
+  exports({ to: app.makePath('inertia/pages/authkit/verify-email.tsx') });
+}
+import AuthShell from '../../components/auth_shell';
 
 export default function AuthkitVerifyEmail({ verified }: { verified?: boolean }) {
   if (verified) {
@@ -10,7 +10,7 @@ export default function AuthkitVerifyEmail({ verified }: { verified?: boolean })
         <h1 className="text-xl font-semibold text-gray-900">E-mail verificado</h1>
         <p className="mt-2 text-sm text-gray-600">Seu e-mail foi confirmado com sucesso.</p>
       </AuthShell>
-    )
+    );
   }
 
   return (
@@ -20,5 +20,5 @@ export default function AuthkitVerifyEmail({ verified }: { verified?: boolean })
         O link de verificação é inválido ou já foi utilizado.
       </p>
     </AuthShell>
-  )
+  );
 }