How to change the image URL of FileUpload with S3

[ali-arnoos]

Package

Form builder

Package Version

v.3.3.10

How can we help you?

I'm uploading an image to S3 with a directory bucketname/images/images/IMAGENAME.png the issue is that the uploaded image does not display after reloading the page unless it was saved in the root directory of the bucket. Below is my component. Is something missing?

The URL of the image that Filament creates is https://{bucket_name}amazonaws.com/53e0c3c0-1655-4fa6-9892-0de180f8a4c8.png

while it should be: https://{bucket_name}amazonaws.com/images/images/53e0c3c0-1655-4fa6-9892-0de180f8a4c8.png

How can I change it?

 FileUpload::make('image')
                        ->label('Image')
                        ->image()
                        ->dehydrated(false)
                        ->disk('s3')
                        ->directory('images/images')
                        ->afterStateHydrated(function ($state, callable $set, callable $get, $component) {
                            dump($component->getStoredFileNames());
                        })
                        ->saveUploadedFileUsing(callback: function ($file, $component) {
                            $mediaId = $component->getContainer()->getRawState()['id'];

                            MediaService::updateMediaItemImage($mediaId, $file);
                        })
                        ->imagePreviewHeight('200')
                        ->columnSpan(2),