Show API Token after creation

I am trying to set up a CreateAction in a RelationManager for a model that uses the HasApiTokens-trait. The problem is that I didn't find any good way to show the plainTextToken to the user after creation. Several problems occur when using a modal/action here:

The modal gets automatically closed after creation
If I call $action->halt() the modal stays open but I have no way to update the field for the plaintexttoken

The closest I could get:

class TokensRelationManager extends RelationManager
{
    protected static string $relationship = 'tokens';

    #[Locked] 
    public ?string $plainTextToken = null;

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('name')
                    ->required()
                    ->maxLength(255),
                TextInput::make('abilities')
                    ->required(),
                TextInput::make('plainTextToken')
                    ->readOnly()
                    ->autocomplete(false)
                    ->label('Token')
                    ->columnSpanFull()
                    ->visible(fn () => $this->plainTextToken !== null)
                    ->formatStateUsing(fn () => $this->plainTextToken)
                    ->live(),
            ]);
    }

....
    public function table(Table $table): Table
    {
        return $table
            ...
            ->headerActions([
                CreateAction::make('createToken')
                    ->action(function (CreateAction $action, RelationManager $livewire, array $data) {
                        $device = $livewire->ownerRecord;
                        $this->plainTextToken = $device->createToken($data['name'], explode(',', $data['abilities']))->plainTextToken;
                        $action->halt();
                    })
            ]);
    }

class TokensRelationManager extends RelationManager
{
    protected static string $relationship = 'tokens';

    #[Locked] 
    public ?string $plainTextToken = null;

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('name')
                    ->required()
                    ->maxLength(255),
                TextInput::make('abilities')
                    ->required(),
                TextInput::make('plainTextToken')
                    ->readOnly()
                    ->autocomplete(false)
                    ->label('Token')
                    ->columnSpanFull()
                    ->visible(fn () => $this->plainTextToken !== null)
                    ->formatStateUsing(fn () => $this->plainTextToken)
                    ->live(),
            ]);
    }

....
    public function table(Table $table): Table
    {
        return $table
            ...
            ->headerActions([
                CreateAction::make('createToken')
                    ->action(function (CreateAction $action, RelationManager $livewire, array $data) {
                        $device = $livewire->ownerRecord;
                        $this->plainTextToken = $device->createToken($data['name'], explode(',', $data['abilities']))->plainTextToken;
                        $action->halt();
                    })
            ]);
    }

class TokensRelationManager extends RelationManager
{
    protected static string $relationship = 'tokens';

    #[Locked] 
    public ?string $plainTextToken = null;

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('name')
                    ->required()
                    ->maxLength(255),
                TextInput::make('abilities')
                    ->required(),
                TextInput::make('plainTextToken')
                    ->readOnly()
                    ->autocomplete(false)
                    ->label('Token')
                    ->columnSpanFull()
                    ->visible(fn () => $this->plainTextToken !== null)
                    ->formatStateUsing(fn () => $this->plainTextToken)
                    ->live(),
            ]);
    }

....
    public function table(Table $table): Table
    {
        return $table
            ...
            ->headerActions([
                CreateAction::make('createToken')
                    ->action(function (CreateAction $action, RelationManager $livewire, array $data) {
                        $device = $livewire->ownerRecord;
                        $this->plainTextToken = $device->createToken($data['name'], explode(',', $data['abilities']))->plainTextToken;
                        $action->halt();
                    })
            ]);
    }

class TokensRelationManager extends RelationManager
{
    protected static string $relationship = 'tokens';

    #[Locked] 
    public ?string $plainTextToken = null;

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('name')
                    ->required()
                    ->maxLength(255),
                TextInput::make('abilities')
                    ->required(),
                TextInput::make('plainTextToken')
                    ->readOnly()
                    ->autocomplete(false)
                    ->label('Token')
                    ->columnSpanFull()
                    ->visible(fn () => $this->plainTextToken !== null)
                    ->formatStateUsing(fn () => $this->plainTextToken)
                    ->live(),
            ]);
    }

....
    public function table(Table $table): Table
    {
        return $table
            ...
            ->headerActions([
                CreateAction::make('createToken')
                    ->action(function (CreateAction $action, RelationManager $livewire, array $data) {
                        $device = $livewire->ownerRecord;
                        $this->plainTextToken = $device->createToken($data['name'], explode(',', $data['abilities']))->plainTextToken;
                        $action->halt();
                    })
            ]);
    }

Issues using this approach: Token is not updated right way, is not copyable and still shown on new modal

toeknee•2/3/25, 11:31 AM

I would just use a Wizard, afterstatevalidated, you store the token etc, and on step 2, you render the token.

NuekratoOP•2/3/25, 3:42 PM

Can I have a submit action on step 1 and an infolist on step 2 in a wizard?

toeknee•2/5/25, 7:02 AM

Hmm yes you could load an info list as a custom live wire component in the form.

Show API Token after creation

Similar Threads

Similar Threads

Similar Threads