Laravel/Jetstream/Livewire

edit-profile-information-form.blade.php:

<x-slot name="description">
    {{ __('U kunt hier uw gegevens aanvullen of aanpassen en bewaren.

Wijzigingen worden door Miedema Assisstance gecontroleerd en doorgevoerd. Zodra dit is uitgevoerd ontvangt u een bevestiging per e-mail.') }}

<x-slot name="form">


    <div class="col-span-10 sm:col-span-4">


        <x-button wire:click="confirmResetData">
            {{ __('ANNULEER') }}
        </x-button>

        <x-button wire:loading.attr="disabled" wire:submit.prevent="submit">
                {{ __('WIJZIGING AANVRAGEN') }}
        </x-button>

        <!-- Add the comment in red color -->
        <div>
            <br>
        <p style="color: red; font-size: smaller;">
            <em>* - Invoervelden gemarkeerd met een sterretje zijn verplicht</em>
        </p>
        </div>

    </div>

    <div class="col-span-6 sm:col-span-4 font-semibold">
            {{ __('Naam en adresgegevens') }}
    </div>

    <!-- 1.1. Name -->
    <div class="col-span-6 sm:col-span-4 ">
        <x-label for="name" value="{{ __('Naam') }}" />
        <x-input id="name" type="text" class="mt-1 block w-full bg-gray-200" wire:model="state.name" autocomplete="name" readonly/>
        <x-input-error for="name" class="mt-2" />
    </div>

    <!-- 1.3. Straatnaam -->
    <div class="col-span-6 sm:col-span-4 ">
        <x-label for="address" value="{{ __('Straatnaam *') }}" />
        <x-input id="address" type="text" class="mt-1 block w-full" wire:model="state.address" required autocomplete="address"/>
        @error('address') <span class="error">{{ $message }}</span> @enderror
        <x-input-error for="state.address" class="mt-2" />
    </div>


    <div class="col-span-10 sm:col-span-4">
        <x-button wire:click="confirmResetData">
            {{ __('ANNULEER') }}
        </x-button>

        <x-button wire:loading.attr="disabled" wire:submit.prevent="submit">
            {{ __('WIJZIGING AANVRAGEN') }}
        </x-button>

    </div>
</x-slot>

UpdateProfileInformationForm.php

namespace App\Http\Livewire;

use GearboxSolutions\EloquentFileMaker\Support\Facades\FM; use Illuminate\Support\Facades\Auth; use Laravel\Fortify\Contracts\UpdatesUserProfileInformation; use Livewire\Component; use Livewire\WithFileUploads;

class UpdateProfileInformationForm extends Component { use WithFileUploads;

public $state = [ 'address' => '', ] ; protected array $rules = [ 'address' => 'required|string|min:5|max:255', ];

/**
 * The new avatar for the user.
 *
 * @var mixed
 */
public $photo;

/**
 * Determine if the verification email was sent.
 *
 * @var bool
 */
public $verificationLinkSent = false;

/**
 * Prepare the component.
 *
 * @return void
 */
public function mount()
{

    $user = Auth::user();

    $this->state = array_merge([
        'email' => $user->email,
    ], $user->withoutRelations()->toArray());
}

/**
 * Update the user's profile information.
 *
 * @param  \Laravel\Fortify\Contracts\UpdatesUserProfileInformation  $updater
 * @return void
 */
public function updateProfileInformation(UpdatesUserProfileInformation $updater)
{
    $this->resetErrorBag();

    $updater->update(
        Auth::user(),
        $this->photo
            ? array_merge($this->state, ['photo' => $this->photo])
            : $this->state
    );

// if (isset($this->photo)) { // return redirect()->route('profile.show'); // }

    $this->emit('saved');
    $this->emit('refresh-navigation-menu');
}

/**
 * Delete user's profile photo.
 *
 * @return void
 */
public function deleteProfilePhoto()
{
    Auth::user()->deleteProfilePhoto();
    $this->emit('refresh-navigation-menu');
}

/**
 * Sent the email verification.
 *
 * @return void
 */
public function sendEmailVerification()
{
    Auth::user()->sendEmailVerificationNotification();
    $this->verificationLinkSent = true;
}

/**
 * Get the current user of the application.
 *
 * @return mixed
 */
public function getUserProperty()
{
    return Auth::user();
}

public function redirectToUpdate()
{
    // Perform any necessary actions before redirecting
    $nextPageUrl = 'dashboard';
    return redirect()->to($nextPageUrl);
}

public function cancelUpdate()
{
    $param = $this->state['_fkKandidaatnr'];

    FM::layout('kandidaat_wijzig')->script('Cancel_Wijziging_aanvragen')->scriptParam($param)->performScript();
    FM::layout('kandidaat_wijzig')->script('Cancel_Wijziging_aanvragen')->scriptParam($param)->performScript();
    $nextPageUrl = 'dashboard';
    return redirect()->to($nextPageUrl);
}

public function redirectToEdit()
{
    // Perform any necessary actions before redirecting
    $nextPageUrl = 'user/profile-edit';
    return redirect()->to($nextPageUrl);
}

public function resetData()
{
    $this->reset('state');
    return redirect()->to('user/profile-show');
}



public function confirmResetData()
{
    $nextPageUrl = 'user/profile-cancel';
    return redirect()->to($nextPageUrl);

}

/**
 * Render the component.
 *
 * @return \Illuminate\View\View
 */
public function render()
{
    //return a view base on url request
    $segment = request()->segment(2);

    if ($segment == 'profile-show') {
        return view('profile.update-profile-information-form');
    }elseif ($segment == 'profile-edit') {
        return view('profile.edit-profile-information-form');
    }elseif ($segment == 'profile-confirm') {
        return view('profile.confirm-profile-information-form');
    }elseif ($segment == 'profile-cancel') {
        return view('profile.cancel-information-form');
    }
    return view('profile.update-profile-information-form');
}

public function redirectToConfirm()
{

    try {
    $this->validate();

        $updater = app(UpdatesUserProfileInformation::class);
        $this->updateProfileInformation($updater);

    return redirect()->to('user/profile-confirm');
} catch (\Exception $e) {
    // If validation fails, set the error flag
    $this->addError('address', $e->getMessage());

    // Optionally, you can rethrow the exception if you want to handle it elsewhere
    return redirect()->to('user/profile-edit');


}

} }

The issue is redirectToConfirm() don't throw the errors.

Where I'm doing wrong ?

Yheap, this issue deals with the Session:

public function redirectToConfirm()
{

    try {
    $this->validate();

        $updater = app(UpdatesUserProfileInformation::class);
        $this->updateProfileInformation($updater);

    return redirect()->to('user/profile-confirm');
} catch (\Exception $e) {

        session()->flash('error_message', $e->getMessage());
        session()->flash('error_field', 'state.address');


        // Optionally, you can rethrow the exception if you want to handle it elsewhere
    return redirect()->to('user/profile-edit')->with('error', $e->getMessage());


}
}

And the blade file have to be changed to :

    <div class="col-span-6 sm:col-span-4 ">
        <x-label for="address" value="{{ __('Straatnaam *') }}" />
        <x-input id="address" type="text" class="mt-1 block w-full" wire:model="state.address" required autocomplete="address"/>
        @if (session('error_message') && session('error_field') === 'state.address')
            <span class="error" style="color: red; font-style: italic;">{{ session('error_message') }}</span>
        @endif
    </div>