SMS OTP

import { AurisClient } from '@auris/js'
 
const auris = new AurisClient({
  domain: 'auth.tuodominio.com',
  clientId: 'il-tuo-client-id',
})
 
// Passo 1: Invia l'OTP via SMS
async function sendSmsOtp(phoneNumber) {
  const { error } = await auris.sendSmsOtp({ phone: phoneNumber })
 
  if (error) {
    console.error('Invio OTP fallito:', error.message)
  } else {
    console.log('OTP inviato!')
  }
}
 
// Passo 2: Verifica l'OTP
async function verifySmsOtp(phoneNumber, code) {
  const { tokens, user, error } = await auris.verifySmsOtp({
    phone: phoneNumber,
    code,
  })
 
  if (error) {
    console.error('Verifica fallita:', error.message)
    return
  }
 
  console.log('Autenticato:', user)
}

import { useState } from 'react'
import { useAuris } from '@auris/react'
 
function SmsOtpLogin() {
  const { sendSmsOtp, verifySmsOtp } = useAuris()
  const [phone, setPhone] = useState('')
  const [code, setCode] = useState('')
  const [otpSent, setOtpSent] = useState(false)
 
  const handleSend = async () => {
    const { error } = await sendSmsOtp({ phone })
    if (!error) setOtpSent(true)
  }
 
  const handleVerify = async () => {
    const { user, error } = await verifySmsOtp({ phone, code })
    if (!error) console.log('Autenticato:', user)
  }
 
  if (!otpSent) {
    return (
      <div>
        <input
          type="tel"
          value={phone}
          onChange={e => setPhone(e.target.value)}
          placeholder="+39 333 1234567"
        />
        <button onClick={handleSend}>Invia Codice</button>
      </div>
    )
  }
 
  return (
    <div>
      <input
        type="text"
        value={code}
        onChange={e => setCode(e.target.value)}
        placeholder="Inserisci il codice a 6 cifre"
        maxLength={6}
      />
      <button onClick={handleVerify}>Verifica</button>
    </div>
  )
}

// app/api/auth/sms/send/route.ts
import { NextRequest, NextResponse } from 'next/server'
import { auris } from '@/lib/auris'
 
export async function POST(request: NextRequest) {
  const { phone } = await request.json()
 
  const { error } = await auris.sendSmsOtp({ phone })
 
  if (error) {
    return NextResponse.json({ error: error.message }, { status: 400 })
  }
 
  return NextResponse.json({ success: true })
}