Filament•5mo ago

Adding Mobile OTP verification in Filament registration and login.

How to have Mobile OTP verification during Filament registration and Login. I wanted to achieve Email MustVerification and Mobile Phone must verification. It will be great if we have both on same page.

6 Replies

matin rajabi•4mo ago

hi did you find any solution?

PepperFM•4mo ago

hey! here is some variant: https://filamentphp.com/plugins/hasan-ahani-otp-input

Filament

OTP input by Hasan Ahani - Filament

OTP input component for filament.

matin rajabi•4mo ago

thanks for response but my actuall problem is that i don't know how to change the logic of login register. do you have any idea?

PepperFM•4mo ago

yep. i had override base laravel session with my custom well, actually its should be another topic, but for short, i will leave example here:

AppServiceProvider

use App\Overrides\Auth\EloquentUserProvider; <-- class extends \Illuminate\Auth\EloquentUserProvider
use App\Overrides\Auth\UserProvider; // <-- contract extends \Illuminate\Contracts\Auth\UserProvider

register()
{
    // some DI
    $this->overrideSession();
}

private function overrideSession(): void
{
    $this->app->singleton(
        UserProvider::class,
        static fn(Application $app) => new EloquentUserProvider(
            hasher: $app->make('hash'),
            model: config('auth.providers.users.model')
        )
    );
    $this->app['auth']->extend(
        'filament-session',
        static function (Application $app) {
            $guard = new SessionGuard(
                name: 'filament-session',
                provider: $app->make(UserProvider::class),
                session: $app->make('session.store'),
                request: $app->make('request')
            );
            if (method_exists($guard, 'setCookieJar')) {
                $guard->setCookieJar($app->make('cookie'));
            }
            if (method_exists($guard, 'setDispatcher')) {
                $guard->setDispatcher($app->make('events'));
            }
            if (method_exists($guard, 'setRequest')) {
                $guard->setRequest($app->refresh('request', $guard, 'setRequest'));
            }

            return $guard;
        }
    );
}

AppServiceProvider

use App\Overrides\Auth\EloquentUserProvider; <-- class extends \Illuminate\Auth\EloquentUserProvider
use App\Overrides\Auth\UserProvider; // <-- contract extends \Illuminate\Contracts\Auth\UserProvider

register()
{
    // some DI
    $this->overrideSession();
}

private function overrideSession(): void
{
    $this->app->singleton(
        UserProvider::class,
        static fn(Application $app) => new EloquentUserProvider(
            hasher: $app->make('hash'),
            model: config('auth.providers.users.model')
        )
    );
    $this->app['auth']->extend(
        'filament-session',
        static function (Application $app) {
            $guard = new SessionGuard(
                name: 'filament-session',
                provider: $app->make(UserProvider::class),
                session: $app->make('session.store'),
                request: $app->make('request')
            );
            if (method_exists($guard, 'setCookieJar')) {
                $guard->setCookieJar($app->make('cookie'));
            }
            if (method_exists($guard, 'setDispatcher')) {
                $guard->setDispatcher($app->make('events'));
            }
            if (method_exists($guard, 'setRequest')) {
                $guard->setRequest($app->refresh('request', $guard, 'setRequest'));
            }

            return $guard;
        }
    );
}

in my EloquentUserProvider i had override validateCredentials() method to check only phone + config/auth.php

'guards' => [
    'web' => [
        'driver' => 'filament-session',
        'provider' => 'users',
    ],
],

'guards' => [
    'web' => [
        'driver' => 'filament-session',
        'provider' => 'users',
    ],
],

matin rajabi•4mo ago

is it fine for filament 3?

PepperFM•4mo ago

its about laravel, not filament btw i have latest environment: php: 8.3.3 laravel: 10.47.0 filament: 3.2.46

Gaming

Programming

Adding Mobile OTP verification in Filament registration and login.