.env.example

@@ -56,14 +56,6 @@ MAIL_PASSWORD=null
 MAIL_FROM_ADDRESS="hello@example.com"
 MAIL_FROM_NAME="${APP_NAME}"
 
-MAIL_LIST_BREEDER=
-MAIL_LIST_COMMITMENTS=
-MAIL_LIST_EXPORT=
-MAIL_LIST_FINANCE=
-MAIL_LIST_INFO=
-MAIL_LIST_PRESS=
-MAIL_LIST_RESTAURATION=
-
 VITE_APP_NAME="${APP_NAME}"
 
 # TELESCOPE
@@ -88,10 +80,3 @@ MEILISEARCH_KEY=
 UWIL_ADMIN_SECURE_CIDR_LIST=""
 UWIL_ADMIN_SECURE_CIDR_PROJECT_ALLOWED_LIST=""
 
-# MATOMO
-MATOMO_SITE_ID=
-
-# RECAPTCHA
-GOOGLE_RECAPTCHA_PUBLIC=
-GOOGLE_RECAPTCHA_PRIVATE=
-GOOGLE_RECAPTCHA_VERSION=

.husky/commit-msg

@@ -1,3 +0,0 @@
-#!/bin/sh
-
-npx --no -- commitlint --config node_modules/@uwil/husky-config/commitlint.config.cjs --edit $1

Dockerfile

@@ -29,11 +29,9 @@ COPY --from=vendor /app/vendor/ /app/vendor/
 WORKDIR /app
 RUN npm config set @ldc-web:registry https://lab.s-web.fr/api/v4/packages/npm/
 RUN npm config set -- '//lab.s-web.fr/api/v4/packages/npm/:_authToken' "${GITLAB_PASSWORD}"
-RUN npm config set @uwil:registry=https://lab.s-web.fr/api/v4/groups/ldc-web/-/packages/npm/
-RUN npm config set -- '//lab.s-web.fr/api/v4/groups/ldc-web/-/packages/npm/:_authToken' "${GITLAB_PASSWORD}"
 RUN npm ci && npm run prod
 
-FROM registry.s-web.fr/ldc-web/projets/ldc-web-images-docker/uwil-production-8.5:${PHP_8_5_TAG}
+FROM registry.s-web.fr/ldc-web/projets/ldc-web-images-docker/uwil-production-8.4:170625-130159
 
 ARG USER=www-data
 

app/Enums/Contact/ContactFormType.php

@@ -49,16 +49,34 @@ enum ContactFormType: int
     {
         // phpcs:enable
         return match ($this) {
-            self::breeder      => config('mail.to.breeder'),
-            self::restauration => config('mail.to.restauration'),
-            self::export       => config('mail.to.export'),
-            self::finance      => config('mail.to.finance'),
-            self::commitments  => config('mail.to.commitments'),
-            self::info         => config('mail.to.info'),
-            self::press        => config('mail.to.press'),
-            self::collaborator,
-            self::product,
-            self::professional => null
+            self::collaborator => [],
+            self::breeder      => [
+                'marie-charlotte.garnier@ldc.fr',
+                'dylan.chevalier@ldc.fr',
+            ],
+            self::professional => null,
+            self::restauration => [
+                'rhd@ldc.fr',
+            ],
+            self::export       => [
+                'alexis.lambert@ldc.fr',
+                'bruno.lafon@ldc.fr',
+            ],
+            self::finance      => [
+                'david.eluaud@ldc.fr',
+                'malaury.offe@ldc.fr',
+            ],
+            self::commitments  => [
+                'claire-marie.gesland@ldc.fr',
+            ],
+            self::product      => [],
+            self::info         => [
+                'blandine.durand-gratian@ldc.fr',
+                'malaury.offe@ldc.fr',
+            ],
+            self::press        => [
+                'communicationgroupe@ldc.fr',
+            ],
             // phpcs:ignore Squiz.Commenting.InlineComment
         }; //end match
     }

app/Enums/DynamicFieldTypes.php

@@ -8,7 +8,7 @@ enum DynamicFieldTypes: int
 {
     use BaseEnum;
 
-        // Name must be one word in lowercase.
+    // Name must be one word in lowercase.
     case string      = 1;
     case textarea    = 2;
     case wysiwyg     = 3;
@@ -25,9 +25,8 @@ enum DynamicFieldTypes: int
     case color       = 14;
     case model       = 15;
     case staticroute = 16;
-    case video       = 17;
 
-        // Specific inputs.
+    // Specific inputs.
     case position    = 101;
     case contactform = 102;
 
@@ -53,7 +52,6 @@ enum DynamicFieldTypes: int
         self::color->name       => 'enums.dynamic-field-types.color',
         self::model->name       => 'enums.dynamic-field-types.model',
         self::staticroute->name => 'enums.dynamic-field-types.staticroute',
-        self::video->name       => 'enums.dynamic-field-types.video',
 
         // Specific inputs.
         self::position->name    => 'enums.dynamic-field-types.position',
@@ -74,13 +72,12 @@ enum DynamicFieldTypes: int
         self::image->name       => 'required|file|mimes:jpg,jpeg,png,webp|max:5120|dimensions:width=100,height=100',
         self::list->name        => 'required|array|min:1|max:10',
         self::file->name        => 'required|file|mimes:pdf|max:5120',
-        self::vimeoid->name     => 'required',
-        self::youtubeid->name   => 'required',
+        self::vimeoid->name     => 'required|string|min:8|max:10',
+        self::youtubeid->name   => 'required|string|size:11',
         self::date->name        => 'required|date',
         self::color->name       => 'required|string|hex_color',
         self::model->name       => 'required|numeric|exists:dynamic_pages,id',
         self::staticroute->name => 'required|numeric|between:1,99',
-        self::video->name       => 'required',
 
         // Specific inputs.
         self::position->name => 'required|numeric|between:1,5',
@@ -96,34 +93,4 @@ enum DynamicFieldTypes: int
     {
         return self::VALIDATIONS[$this->name];
     }
-
-    /**
-     * Is array definition.
-     *
-     * @return array
-     * @phpstan-ignore-next-line
-     */
-    private const ISARRAY = [
-        self::string->name      => false,
-        self::textarea->name    => false,
-        self::wysiwyg->name     => false,
-        self::number->name      => false,
-        self::boolean->name     => false,
-        self::url->name         => false,
-        self::email->name       => false,
-        self::image->name       => false,
-        self::list->name        => true,
-        self::file->name        => false,
-        self::vimeoid->name     => false,
-        self::youtubeid->name   => false,
-        self::date->name        => false,
-        self::color->name       => false,
-        self::model->name       => false,
-        self::staticroute->name => false,
-        self::video->name       => false,
-
-        // Specific inputs.
-        self::position->name    => false,
-        self::contactform->name => false,
-    ];
 }

app/Enums/VideoProviderEnum.php

@@ -20,15 +20,4 @@ enum VideoProviderEnum: int
         self::youtube->name   => 'youtube',
         self::vimeo->name  => 'viméo',
     ];
-
-        /**
-     * Is array definition.
-     *
-     * @return array
-     * @phpstan-ignore-next-line
-     */
-    private const COLOR = [
-        self::youtube->name => "#FF0000",
-        self::vimeo->name   => "#00B2EA",
-    ];
 }

app/Helpers/TranslationHelper.php

@@ -97,7 +97,7 @@ class TranslationHelper
             ->whereKeyNot($model->getKey())
             ->whereRaw("JSON_SEARCH(`{$dbAttribute}`, 'one', ?) IS NOT NULL", [$value]);
 
-        if ($anotherDbAttribute !== null) {
+        if ($anotherDbAttribute !== null && $anotherValue !== null) {
             $query->where($anotherDbAttribute, $anotherValue);
         }
         if ($query->exists()) {

app/Http/Controllers/Api/CompanyController.php

@@ -1,36 +0,0 @@
-<?php
-
-namespace App\Http\Controllers\Api;
-
-use App\Models\Company;
-use Illuminate\Support\Str;
-
-class CompanyController
-{
-    /**
-     * Retrieve all published companies with their associated activity and sector.
-     *
-     * @return \Illuminate\Http\JsonResponse
-     */
-    public function getCompanies(): \Illuminate\Http\JsonResponse
-    {
-        $companies = Company::query()->where('published', true)->with('companyActivity', 'companySector')->get();
-
-        $data = $companies->map(function ($company) {
-            return array_filter([
-                'name'             => $company->name,
-                'logo'             => $company->logo,
-                'informations'     => $company->informations,
-                'responsable'      => $company->responsable,
-                'employees'        => $company->employees,
-                'url'              => $company->url,
-                'latitude'         => $company->latitude,
-                'longitude'        => $company->longitude,
-                'type_activite'    => Str::lower($company->companyActivity->name),
-                'filiere'          => $company->companySector?->name,
-            ], fn($value) => !is_null($value));
-        });
-
-        return response()->json($data);
-    }
-}

app/Http/Controllers/Back/AuthenticatedSessionController.php

@@ -1,25 +0,0 @@
-<?php
-
-namespace App\Http\Controllers\Back;
-
-use Illuminate\Http\RedirectResponse;
-use Illuminate\Http\Request;
-use Illuminate\Support\Facades\Auth;
-use Uwil\LaravelBackend\Controllers\AuthenticatedSessionController as PackageAuthenticatedSessionController;
-
-class AuthenticatedSessionController extends PackageAuthenticatedSessionController
-{
-    /**
-     * Destroy an authenticated session.
-     */
-    public function destroy(Request $request): RedirectResponse
-    {
-        Auth::guard('backend')->logout();
-
-        $request->session()->invalidate();
-        $request->session()->regenerateToken();
-
-        return to_route('front.dynamic-pages.accueil.fr');
-    }
-
-}

app/Http/Middleware/HandleInertiaRequests.php

@@ -5,7 +5,6 @@ namespace App\Http\Middleware;
 use App\Enums\DynamicFieldTypes;
 use App\Enums\ModelsList;
 use App\Enums\StaticRoutesEnum;
-use App\Enums\VideoProviderEnum;
 use App\Helpers\TranslationHelper;
 use App\Models\Company;
 use App\Models\CompanyActivity;
@@ -140,7 +139,6 @@ class HandleInertiaRequests extends Middleware
             'enumDynamicFieldTypes'     => DynamicFieldTypes::toArray(),
             'enumModelsList'            => ModelsList::toArray(),
             'enumStaticRoutes'          => StaticRoutesEnum::getRoutes(),
-            'videoProviderEnum'         => VideoProviderEnum::toArray(),
             'errors'                    => $errors,
             'translations'              => $translations,
         ];

app/Http/Requests/Back/News/StoreNewsRequest.php

@@ -4,7 +4,6 @@ namespace App\Http\Requests\Back\News;
 
 use App\Enums\News\NewsStatusEnum;
 use App\Models\News;
-use App\Rules\Video;
 use App\Traits\Requests\HasInertiaPicture;
 use Illuminate\Foundation\Http\FormRequest;
 use Illuminate\Support\Facades\Gate;

app/Http/Requests/Back/UpdateDynamicFieldRequest.php

@@ -7,7 +7,6 @@ use App\Enums\ElementPositionEnum;
 use App\Enums\DynamicFieldTypes;
 use App\Enums\StaticRoutesEnum;
 use App\Models\PageConfig;
-use App\Rules\Video;
 use App\Traits\Requests\HasInertiaPicture;
 use Illuminate\Foundation\Http\FormRequest;
 use Illuminate\Support\Str;
@@ -211,11 +210,6 @@ abstract class UpdateDynamicFieldRequest extends FormRequest
                     ),
                 ]);
                 break;
-            case DynamicFieldTypes::video->value:
-                $rules = array_merge($rules, [
-                    $ruleKey => new Video(),
-                ]);
-                break;
             default:
                 throw new \UnexpectedValueException("Unrecognized dynamic type: " . ($input['type'] ?? 'null'));
         } //end switch

app/Http/Requests/Front/Contact/ContactRequest.php

@@ -21,7 +21,7 @@ class ContactRequest extends FormRequest
      */
     public function rules(): array
     {
-        ToolboxHelper::validateRecaptcha($this, \config('services.google.recaptcha.version'));
+        // ToolboxHelper::validateRecaptcha($this, \config('services.google.recaptcha.version'));
 
         $typeContactForm = $this->input('enumType');
 

app/Http/Requests/Front/PostsRequest.php

@@ -2,13 +2,10 @@
 
 namespace App\Http\Requests\Front;
 
-use App\Traits\Requests\Api\HasLaravelFailedValidation;
 use Illuminate\Foundation\Http\FormRequest;
-use Illuminate\Validation\Rule;
 
 class PostsRequest extends FormRequest
 {
-    use HasLaravelFailedValidation;
     /**
      * Get the validation rules that apply to the request.
      *
@@ -19,7 +16,7 @@ class PostsRequest extends FormRequest
         return [
             'page'            => 'required|integer',
             'category'        => 'required|string',
-            'locale'          => ['required', 'string', Rule::in(config('app.locales'))],
+            'locale'          => 'required|string',
             'filters'         => 'nullable|array',
             'filters.order'   => 'nullable|string|in:asc,desc',
             'filters.tags'    => 'nullable|array',

app/Models/Document.php

@@ -7,7 +7,6 @@ use App\Enums\Document\DocumentStatusEnum;
 use App\Enums\YearsEnum;
 use App\Helpers\DocumentHelper;
 use App\Helpers\TranslationHelper;
-use App\Models\Documentable;
 use App\Traits\Models\HasCache;
 use App\Traits\Models\HasTranslations;
 use App\Traits\Models\HasUwilImages;
@@ -388,7 +387,7 @@ class Document extends Model implements TranslatableModel
             'documentables',
             'document_id',
             'documentable_id'
-        )->using(Documentable::class)->withTimestamps();
+        )->withTimestamps();
     }
 
     /**
@@ -404,6 +403,6 @@ class Document extends Model implements TranslatableModel
             'documentables',
             'document_id',
             'documentable_id'
-        )->using(Documentable::class)->withTimestamps();
+        )->withTimestamps();
     }
 }

app/Models/Documentable.php

@@ -1,35 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Relations\MorphPivot;
-
-/**
- * @property integer                                              $id                Id of the document.
- * @property \App\Models\Document                                 $document_id       Name of the document.
- * @property \App\Models\DocumentCategory|\App\Models\DocumentTag $documentable_id   Name of the category or tag.
- * @property class-string<static>                                 $documentable_type Class of the category or tag.
- * @property-read \Carbon\Carbon                                  $created_at        Created date of the document.
- * @property-read \Carbon\Carbon                                  $updated_at        Updated date of the document.
- */
-class Documentable extends MorphPivot
-{
-    /**
-     * The table associated with the model.
-     *
-     * @var string|null
-     */
-    protected $table = 'documentables';
-
-    /**
-     * Perform any actions required after the model boots.
-     *
-     * @return void
-     */
-    protected static function booted(): void
-    {
-        static::created(fn() => Document::resetCache());
-        static::updated(fn() => Document::resetCache());
-        static::deleted(fn() => Document::resetCache());
-    }
-}

app/Models/DynamicPage.php

@@ -19,25 +19,36 @@ use Illuminate\Validation\ValidationException;
 use Laravel\Scout\Searchable;
 use Mcamara\LaravelLocalization\Facades\LaravelLocalization;
 use Uwil\LaravelActivityLogs\Traits\ActivityLog;
-use Spatie\Sitemap\Contracts\Sitemapable;
-use Spatie\Sitemap\Tags\Url;
-use Uwil\SitemapGenerator\Lib\SitemapHelper;
 
 /**
- * @property string                                 $id_key     Unique key identification of the dynamic page.
- * @property string                                 $title      Title of the dynamic page.
- * @property string                                 $slug       Slug of the dynamic page.
- * @property string                                 $content    Content of the dynamic page.
- * @property integer|null                           $config_id  Config associated to the dynamic page.
- * @property integer|null                           $page_id    Page associated to the dynamic page.
- * @property \App\Enums\DynamicPages\PageStatusEnum $status     Status of the dynamic page.
- * @property boolean                                $isLocked   Locked status of dynamic page.
- * @property boolean                                $isRoot     Root status of dynamic page.
- * @property-read \Illuminate\Support\Carbon        $created_at Date on which the dynamic page was created.
- * @property-read \Illuminate\Support\Carbon        $updated_at Date on which the dynamic page was updated.
- * @property-read \Illuminate\Support\Carbon        $deleted_at Date on which the dynamic page was updated.
+ * @property string                                                                 $id_key
+ * Unique key identification of the dynamic page.
+ * @property string                                                                 $title
+ * Title of the dynamic page.
+ * @property string                                                                 $slug
+ * Slug of the dynamic page.
+ * @property string                                                                 $content
+ * Content of the dynamic page.
+ * @property integer|null                                                           $config_id
+ * Config associated to the dynamic page.
+ * @property integer|null                                                           $page_id
+ * Page associated to the dynamic page.
+ * @property \App\Enums\DynamicPages\PageStatusEnum                                 $status
+ * Status of the dynamic page.
+ * @property boolean                                                                $isLocked
+ * Locked status of dynamic page.
+ * @property boolean                                                                $isRoot
+ * Root status of dynamic page.
+ * @property-read \Illuminate\Support\Carbon                                        $created_at
+ * Date on which the dynamic page was created.
+ * @property-read \Illuminate\Support\Carbon                                        $updated_at
+ * Date on which the dynamic page was updated.
+ * @property-read \Illuminate\Support\Carbon                                        $deleted_at
+ * Date on which the dynamic page was updated.
+ * @property \Illuminate\Database\Eloquent\Collection<int, \App\Models\DynamicPage> $childPages
+ * Associated dynamic pages of the current page.
  */
-class DynamicPage extends Model implements TranslatableModel, Sitemapable
+class DynamicPage extends Model implements TranslatableModel
 {
     use ActivityLog;
     use HasCache;
@@ -133,9 +144,19 @@ class DynamicPage extends Model implements TranslatableModel, Sitemapable
                     ]),
                 ]);
             }
-            $model->status = PageStatusEnum::draft;
+            $model->status = PageStatusEnum::unpublished;
             $model->isRoot = false;
         });
+        static::deleted(function (self $model) {
+            DynamicPageHelper::manageImgs($model, true);
+
+            $model->status = PageStatusEnum::unpublished;
+            $model->saveOrFail();
+
+            self::setAllChildPageStatus($model, function (DynamicPage $page) {
+                $page->page_id = null;
+            });
+        });
         static::forceDeleted(function (self $model) {
             DynamicPageHelper::manageImgs($model, true);
         });
@@ -182,17 +203,21 @@ class DynamicPage extends Model implements TranslatableModel, Sitemapable
     /**
      * Unpublished all children pages if change status published from draft/unpublished.
      *
-     * @param self $model
+     * @param self          $model
+     * @param callable|null $callback
      * @return void
      */
-    private static function setAllChildPageStatus(self $model): void
+    private static function setAllChildPageStatus(self $model, ?callable $callback = null): void
     {
         if (
             !$model->status->equals(PageStatusEnum::published)
             && !$model->getOriginal('status')->equals($model->status)
         ) {
-            $model->childPages->map(function (DynamicPage $page) use ($model) {
+            $model->childPages->map(function (DynamicPage $page) use ($model, $callback) {
                 $page->status = $model->status;
+                if (!is_null($callback)) {
+                    $callback($page);
+                }
                 $page->saveOrFail();
             });
         }
@@ -475,47 +500,6 @@ class DynamicPage extends Model implements TranslatableModel, Sitemapable
         return $data;
     }
 
-    // * SITEMAP
-
-    /**
-     * toSitemapTag method
-     *
-     * @return Url|string|array
-     */
-    public function toSitemapTag(): Url | string | array
-    {
-        $sitemapLines = [];
-        $locales = array_keys(config('laravellocalization.supportedLocales', ['fr' => "Français"]));
-
-        foreach ($locales as $locale) {
-            $slug = $this->getTranslation('slug', $locale, false);
-
-            // Homepage has no slug.
-            if ($slug || $this->isRoot) {
-                $sitemapLines[] = SitemapHelper::generateUrl(
-                    $this->getLocalizedUrl($locale),
-                    locales: $this->locales(),
-                    getAlternate: fn (string $locale) => $this->getLocalizedUrl($locale)
-                );
-            }
-        }
-
-        return $sitemapLines;
-    }
-
-    /**
-     * Get localized URL.
-     *
-     * @param string $locale
-     * @return string|false
-     */
-    public function getLocalizedUrl(string $locale): string|false
-    {
-        return in_array($locale, $this->locales()) ?
-            route("front.dynamic-pages.$this->id_key.$locale") :
-            false;
-    }
-
     // * RELATIONSHIPS
 
     /**

app/Models/News.php

@@ -17,12 +17,8 @@ use Illuminate\Support\Arr;
 use Illuminate\Support\Facades\App;
 use Illuminate\Support\Str;
 use Laravel\Scout\Searchable;
-use Mcamara\LaravelLocalization\Facades\LaravelLocalization;
 use Mcamara\LaravelLocalization\Interfaces\LocalizedUrlRoutable;
 use Uwil\LaravelActivityLogs\Traits\ActivityLog;
-use Spatie\Sitemap\Tags\Url;
-use Uwil\SitemapGenerator\Interfaces\Sitemapable;
-use Uwil\SitemapGenerator\Lib\SitemapHelper;
 
 /**
  * @property string                                                                  $seo_title
@@ -60,13 +56,14 @@ use Uwil\SitemapGenerator\Lib\SitemapHelper;
  * @property \Illuminate\Database\Eloquent\Collection<int, \App\Models\NewsTag>      $tags
  * Associated news tags of the news.
  */
-class News extends Model implements TranslatableModel, LocalizedUrlRoutable, Sitemapable
+class News extends Model implements TranslatableModel, LocalizedUrlRoutable
 {
     use ActivityLog;
     use HasCache;
     use HasFactory;
     use HasTranslations;
     use SoftDeletes;
+    use HasCache;
     use HasUwilImages {
         HasUwilImages::inertiaFill as traitInertiaFill;
     }
@@ -135,7 +132,7 @@ class News extends Model implements TranslatableModel, LocalizedUrlRoutable, Sit
         'unpublished_at',
         'inverted',
         'vimeo_id',
-        'has_show_picture',
+        'has_show_picture'
     ];
 
     /**
@@ -469,49 +466,6 @@ class News extends Model implements TranslatableModel, LocalizedUrlRoutable, Sit
             });
     }
 
-    // * SITEMAP
-
-    /**
-     * toSitemapTag method
-     *
-     * @return Url|string|array
-     */
-    public function toSitemapTag(): Url | string | array
-    {
-        $model       = $this;
-        $locales     = $model->locales();
-        $sitemapUrls = [];
-
-        foreach ($locales as $locale) {
-            if (in_array($locale, config('sitemap-generator.supported_locales'))) {
-                $sitemapUrls[] = SitemapHelper::generateUrl(
-                    $model->getLocalizedUrl($locale),
-                    $model,
-                    $locales,
-                    currentLocale: $locale,
-                    isNews: true
-                );
-            }
-        }
-
-        return $sitemapUrls;
-    }
-
-    /**
-     * Get localized URL from Mcamara\LaravelLocalization.
-     *
-     * @param string $locale
-     * @return string
-     */
-    public function getLocalizedUrl(string $locale): string
-    {
-        return LaravelLocalization::getURLFromRouteNameTranslated(
-            $locale,
-            'routes.front.news',
-            ['news' => $this]
-        ) ?? route('front.news.show', $this);
-    }
-
     // * RELATIONSHIPS
 
     /**
@@ -527,7 +481,7 @@ class News extends Model implements TranslatableModel, LocalizedUrlRoutable, Sit
             'newsables',
             'news_id',
             'newsable_id'
-        )->using(Newsable::class);
+        );
     }
 
     /**
@@ -543,6 +497,6 @@ class News extends Model implements TranslatableModel, LocalizedUrlRoutable, Sit
             'newsables',
             'news_id',
             'newsable_id'
-        )->using(Newsable::class)->withTimestamps();
+        )->withTimestamps();
     }
 }

app/Models/Newsable.php

@@ -1,35 +0,0 @@
-<?php
-
-namespace App\Models;
-
-use Illuminate\Database\Eloquent\Relations\MorphPivot;
-
-/**
- * @property integer                                      $id            Id of the news.
- * @property \App\Models\News                             $news_id       Name of the news.
- * @property \App\Models\NewsCategory|\App\Models\NewsTag $newsable_id   Name of the category or tag.
- * @property class-string<static>                         $newsable_type Class of the category or tag.
- * @property-read \Carbon\Carbon                          $created_at    Created date of the news.
- * @property-read \Carbon\Carbon                          $updated_at    Updated date of the news.
- */
-class Newsable extends MorphPivot
-{
-    /**
-     * The table associated with the model.
-     *
-     * @var string|null
-     */
-    protected $table = 'newsables';
-
-    /**
-     * Perform any actions required after the model boots.
-     *
-     * @return void
-     */
-    protected static function booted(): void
-    {
-        static::created(fn() => News::resetCache());
-        static::updated(fn() => News::resetCache());
-        static::deleted(fn() => News::resetCache());
-    }
-}

app/Rules/Video.php

@@ -1,187 +0,0 @@
-<?php
-
-namespace App\Rules;
-
-use App\Enums\VideoProviderEnum;
-use Illuminate\Contracts\Validation\DataAwareRule;
-use Illuminate\Contracts\Validation\ValidationRule;
-use Illuminate\Support\Arr;
-use Uwil\LaravelCommon\Rules\IsValidVimeoId;
-use Uwil\LaravelCommon\Rules\IsValidYoutubeId;
-
-/**
- * Check the length of a Wysiwyg field, excluding tags and end spaces.
- *
- * @package Uwil\LaravelCommon\Rules
- */
-class Video implements ValidationRule, DataAwareRule
-{
-    protected array $data = [];
-
-    public function setData(array $data): static
-    {
-        $this->data = $data;
-        return $this;
-    }
-
-    /**
-     * Construct method.
-     *
-     * @param integer      $min The minimum length of the content (excluding tags). Default is 15.
-     * @param integer|null $max The maximum length of the content (excluding tags).
-     *  Default is null (max will be defined by the type of the column in DB).
-     * @return void
-     * @throws \InvalidArgumentException If $max < $min.
-     */
-    public function __construct() {}
-
-    /**
-     * Run the validation rule.
-     *
-     * @param string   $attribute
-     * @param mixed    $value
-     * @param \Closure $fail
-     *
-     * @return void
-     */
-    public function validate(string $attribute, mixed $value, \Closure $fail): void
-    {
-
-        $lengthRules = [
-            $attribute . '.alt' => ['min' => 3, 'max' => 255],
-            $attribute . '.caption' => ['min' => 3, 'max' => 255],
-        ];
-
-        if (!$value) {
-            return;
-        }
-
-        $fields = [
-            $attribute . '.alt',
-            $attribute . '.caption',
-            $attribute . '.isMuted',
-            $attribute . '.hasControls',
-            $attribute . '.canFullScreen',
-            $attribute . '.provider',
-            $attribute . '.videoId',
-            $attribute . '.format',
-        ];
-
-        foreach ($fields as $field) {
-            $fieldValue = Arr::get($this->data, $field);
-            if (in_array($field, [
-                $attribute . '.alt',
-                $attribute . '.caption'
-            ])) {
-                $lengthRule = $lengthRules[$field] ?? null;
-
-                if ($lengthRule) {
-                    $min = $lengthRule['min'] ?? 0;
-                    $max = $lengthRule['max'] ?? PHP_INT_MAX;
-                    if ($fieldValue === null && $field === $attribute . '.caption') {
-                        continue;
-                    }
-                    if ($fieldValue === null && $field === $attribute . '.title') {
-                        continue;
-                    }
-                    if (strlen($fieldValue) < $min) {
-                        $fail(__('validation.min.string', [
-                            'attribute' => self::getTranslatedAttribute($field),
-                            'min' => $min
-                        ]));
-                        return;
-                    }
-
-                    if (strlen($fieldValue) > $max) {
-                        $fail(__('validation.max.string', [
-                            'attribute' => self::getTranslatedAttribute($field),
-                            'max' => $max
-                        ]));
-                        return;
-                    }
-                }
-            }
-
-            // Boolean fields
-            if (in_array($field, [$attribute . '.isMuted', $attribute . '.hasControls', $attribute . '.canFullScreen'])) {
-                $fieldValue = (bool)$fieldValue;
-                if (!is_bool($fieldValue)) {
-                    $fail(__('validation.boolean', [
-                        'attribute' => self::getTranslatedAttribute($field),
-                    ]));
-                    return;
-                }
-            }
-
-            if($field === $attribute . '.format') {
-                if($fieldValue != "landscape" && $fieldValue != "portrait") {
-                    $fail(__('validation.custom.format', [
-                        'attribute' => self::getTranslatedAttribute($field),
-                    ]));
-                    return;
-                }
-            }
-
-            if ($field === $attribute . '.provider') {
-
-                $fieldValue = (int) $fieldValue;
-
-                if (!is_int($fieldValue)) {
-                    $fail(__('validation.integer', [
-                        'attribute' => self::getTranslatedAttribute($field),
-                    ]));
-                    return;
-                }
-
-                $enumValues = array_map(fn($case) => $case->value, VideoProviderEnum::cases());
-                if (!in_array($fieldValue, $enumValues)) {
-                    $fail(__('validation.in', [
-                        'attribute' => self::getTranslatedAttribute($field),
-                    ]));
-                    return;
-                }
-
-                if ($field === $attribute . '.videoId') {
-                    $provider = Arr::get($this->data, $attribute . '.provider');
-
-                    if ($provider === \App\Enums\VideoProviderEnum::vimeo->value) {
-                        $rule = new IsValidVimeoId();
-                    } elseif ($provider === \App\Enums\VideoProviderEnum::youtube->value) {
-                        $rule = new IsValidYoutubeId();
-                    } else {
-                        $fail(__('validation.invalid', [
-                            'attribute' => self::getTranslatedAttribute($attribute . '.provider'),
-                        ]));
-                        return;
-                    }
-                    $rule->validate($field, $fieldValue, $fail);
-                }
-            }
-        }
-    }
-
-    /**
-     * Get the correct translation for the given attrribute.
-     *
-     * @param string $attribute
-     * @return string
-     */
-    private static function getTranslatedAttribute(string $attribute): string
-    {
-        $parts = explode('.', $attribute);
-        if (count($parts) > 1) {
-            $parts[0] = 'video_';
-            $attribute = implode('.', $parts);
-        }
-
-        /** @var \Illuminate\Translation\Translator $trans */
-        $trans = trans();
-        if ($trans->has('validation.attributes.' . $attribute)) {
-            return trans('validation.attributes.' . $attribute);
-        }
-        if ($trans->has('validation.custom.' . $attribute)) {
-            return trans('validation.custom.' . $attribute);
-        }
-        return $attribute;
-    }
-}

bootstrap/app.php

@@ -14,7 +14,6 @@ return Application::configure(basePath: dirname(__DIR__))
             __DIR__ . '/../routes/web-front.php',
             __DIR__ . '/../routes/web-back.php',
         ],
-        api: __DIR__.'/../routes/api.php',
         health: '/up',
     )
     ->withMiddleware(function (Middleware $middleware) {

commitlint.config.cjs

@@ -1 +0,0 @@
-module.exports = require('@uwil/husky-config/commitlint.config.cjs');

composer.json

@@ -24,12 +24,10 @@
         "sentry/sentry-laravel": "^4.18",
         "spatie/laravel-translatable": "^6.11",
         "tightenco/ziggy": "^2.5",
-        "uwil/admin-secure-laravel": "^5.1",
+        "uwil/admin-secure-laravel": "^5.0",
         "uwil/k8s-laravel": "^2.0",
         "uwil/laravel-backend": "^3.0",
-        "uwil/laravel-common": "^4.1",
-        "uwil/sitemap-generator": "^6.0",
-        "verschuur/laravel-robotstxt": "*"
+        "uwil/laravel-common": "^4.1"
     },
     "require-dev": {
         "fakerphp/faker": "^1.23",

config/mail.php

@@ -14,7 +14,7 @@ return [
      *
      */
 
-    'default' => env('MAIL_MAILER', 'smtp'),
+    'default' => env('MAIL_MAILER', 'log'),
 
     /**
      *--------------------------------------------------------------------------
@@ -114,14 +114,4 @@ return [
         'name' => env('MAIL_FROM_NAME', 'Example'),
     ],
 
-    'to' => [
-        'breeder'      => explode(',', env('MAIL_LIST_BREEDER')) ?? [],
-        'commitments'  => explode(',', env('MAIL_LIST_COMMITMENTS')) ?? [],
-        'export'       => explode(',', env('MAIL_LIST_EXPORT')) ?? [],
-        'finance'      => explode(',', env('MAIL_LIST_FINANCE')) ?? [],
-        'info'         => explode(',', env('MAIL_LIST_INFO')) ?? [],
-        'press'        => explode(',', env('MAIL_LIST_PRESS')) ?? [],
-        'restauration' => explode(',', env('MAIL_LIST_RESTAURATION')) ?? [],
-    ]
-
 ];

config/robots-txt.php

@@ -1,29 +0,0 @@
-<?php
-return [
-    'environments' => [
-        'production' => [
-            'paths' => [
-                '*' => [
-                    'disallow' => [
-                        '/admin',
-                        '*.pdf$'
-                    ],
-                    'allow' => []
-                ],
-            ],
-            'sitemaps' => [
-                'sitemap.xml'
-            ]
-        ],
-        'staging' => [
-            'paths' => [
-                '*' => [
-                    'disallow' => [
-                        '/'
-                    ]
-                ]
-            ]
-        ]
-
-    ]
-];

config/scout.php

@@ -20,7 +20,7 @@ return [
         |
     */
 
-    'driver' => env('SCOUT_DRIVER', null),
+    'driver' => env('SCOUT_DRIVER', 'meilisearch'),
 
     /*
         |--------------------------------------------------------------------------

config/services.php

@@ -37,14 +37,5 @@ return [
 
     'google' => [
         'maps' => env('GOOGLE_MAPS_KEY'),
-        'recaptcha' => [
-            'public' => env('GOOGLE_RECAPTCHA_PUBLIC'),
-            'private' => env('GOOGLE_RECAPTCHA_PRIVATE'),
-            'version' => env('GOOGLE_RECAPTCHA_VERSION', "3") === "3" ? true : false
-        ]
-    ],
-
-    'matomo' => [
-        'site_id' => env('MATOMO_SITE_ID')
     ],
 ];

config/sitemap-generator.php

@@ -1,74 +0,0 @@
-<?php
-
-use Mcamara\LaravelLocalization\Facades\LaravelLocalization;
-
-return [
-
-    /**
-     * Single route names
-     *
-     * Ex:
-     *
-     * 'singlePages' => [
-     *   'homepage',
-     * ],
-     */
-    'singlePages' => [
-        'front.search',
-    ],
-
-    /**
-     * Model namespaces with filters
-     *
-     * Ex: (modelFilters & relationFilters are not necessaries)
-     * 'cruds' => [
-     *   [
-     *       'model'        => 'App\Models\Product',
-     *       'modelFilters' => [
-     *           ['published', '=', true]
-     *       ],
-     *       'relationFilters' => [
-     *           'range'    => fn(Builder $q) => $q->where('status', true),
-     *       ],
-     *   ],
-     *   [
-     *       'model' => 'App\Models\Article',
-     *   ]
-     * ],
-     */
-    'cruds' => [
-        [
-            'model' => 'App\Models\News',
-            'filters' => [
-                ['status', '=', \App\Enums\News\NewsStatusEnum::published]
-            ],
-        ],
-        [
-            'model' => 'App\Models\DynamicPage',
-            'filters' => [
-                ['status', '=', \App\Enums\DynamicPages\PageStatusEnum::published]
-            ],
-        ],
-    ],
-
-    /**
-     * Enable or disable schedule for the job
-     * If set to true the sitemap generator will be run
-     * using the 'cron' instruction
-     */
-    'schedule' => true,
-
-    /**
-     * If you want to set specific
-     * instruction for when to schedule job
-     * you can set this with a cron instruction
-     * You can generate one using https://crontab.guru/
-     *
-     * schedule must be set to true
-     *
-     * Default is every day at 15:45
-     */
-    'cron' => '45 15 * * *',
-
-    'supported_locales' => array_keys(config('laravellocalization.supportedLocales', ['fr' => "Fr"]))
-];

lang/en/back.php

@@ -192,7 +192,7 @@ return [
         "delete" => "delete the color",
     ],
     "wysiwyg"                             => [
-        "undo"                 => "Undo",
+       "undo"                 => "Undo",
         "redo"                 => "Redo",
         "bold"                 => "Bold",
         "italic"               => "Italic",
@@ -257,7 +257,8 @@ return [
             "position"            => "Image position",
             "format"              => "Image format",
             "image"               => "Image",
-            "alt"                 => "ALT attribute of the image",
+            "attribute_alt"       => "Alt attribute of the image",
+            "attribute_title"     => "Title associated to the image",
             "caption"             => "Caption of the image",
             "has_caption"         => "Presence of a legend",
             "landscape"           => "Landscape",
@@ -295,6 +296,37 @@ return [
             "cancel"          => "Cancel",
             "tooltip_cancel"  => "Cancel the replacement",
         ],
+        "video"                => [
+            "tooltip"             => "Video",
+            "title"               => "Insert an video",
+            "subtitle"            => "Add a new video to your content.",
+            "insert"              => "Insert",
+            "tooltip_insert"      => "Add this video",
+            "cancel"              => "Cancel",
+            "tooltip_cancel"      => "Cancel adding this video",
+            "edit_title"          => "Update a video",
+            "edit_subtitle"       => "Edit the attributes associated with the video.",
+            "edit_apply"          => "Apply",
+            "edit_tooltip_apply"  => "Update the video attributes",
+            "edit_cancel"         => "Cancel",
+            "edit_tooltip_cancel" => "Cancel updating the video attributes",
+            "position"            => "Image position",
+            "format"              => "Image format",
+            "video"               => "Image",
+            "alt"                 => "ALT attribute of the video",
+            "caption"             => "Caption of the video",
+            "has_caption"         => "Presence of a legend",
+            "landscape"           => "Landscape",
+            "portrait"            => "Portrait",
+            "square"              => "Square",
+            "align-left"          => "Align left",
+            "align-center"        => "Align center",
+            "align-right"         => "Align right",
+            "wrap-left"           => "Wrap left",
+            "wrap-right"          => "Wrap right",
+            "youtube"             => "Youtube",
+            "vimeo"               => "Vimeo",
+        ],
     ],
     "json_editor"                         => [
         "item_single"        => "1 item",
@@ -371,40 +403,4 @@ return [
         "select_value"     => "select a value from the list",
     ],
     "associated_model" => "associated :model|associated :model",
-    "input_video" => [
-        "placeholder"         => "Click to add a new video",
-        "title"               => "Insert an video",
-        "subtitle"            => "Add a new video to your content.",
-        "insert"              => "Insert",
-        "cancel"              => "Cancel",
-        "tooltip_cancel"      => "Cancel adding this video",
-        "edit_title"          => "Update a video",
-        "edit_subtitle"       => "Edit the attributes associated with the video.",
-        "edit_apply"          => "Apply",
-        "edit_cancel"         => "Cancel",
-        "position"            => "Image position",
-        "format"              => "Image format",
-        "video"               => "Image",
-        "alt"                 => "ALT attribute of the video",
-        "caption"             => "Caption of the video",
-        "has_caption"         => "Presence of a legend",
-        "landscape"           => "Landscape",
-        "portrait"            => "Portrait",
-        "square"              => "Square",
-        "align-left"          => "Align left",
-        "align-center"        => "Align center",
-        "align-right"         => "Align right",
-        "wrap-left"           => "Wrap left",
-        "wrap-right"          => "Wrap right",
-        "youtube"             => "Youtube",
-        "vimeo"               => "Vimeo",
-        "tooltip" => [
-            "title" => "video",
-            "delete" => "delete the video",
-            "reset" => "reset to original state",
-            "insert"      => "add this video",
-            "edit_cancel" => "Cancel updating the video attributes",
-            "edit_apply"  => "Update the video attributes",
-        ]
-    ]
 ];

lang/en/enums.php

@@ -104,9 +104,5 @@ return [
         'product' => 'product information',
         'info' => 'other general information',
         'press' => 'a press request',
-    ],
-    "videoDisplayFormat" => [
-        "landscape" => "landscape",
-        "portrait"  => "portrait"
-    ],
+    ]
 ];

lang/en/models.php

@@ -2,7 +2,7 @@
 
 return [
     "classes" => [
-        "user" => "user|users",
+        "user" => "user",
         "dynamic-page" => "dynamic page|dynamic pages",
         "page-config" => "page configuration|page configurations",
         "activity-log" => "activity log",

lang/en/routes.php

@@ -1,8 +1,6 @@
 <?php
 
 return [
-    'front' => [
-        'news'   => 'news/{news}',
-        'search' => 'search'
-    ],
+    'news'          => 'news/{news}',
+    'search'        => 'search',
 ];

lang/en/validation.php

@@ -271,15 +271,6 @@ return [
         "value"          => "value",
         "path"           => "path",
         "issuu_path"     => "link of the Issuu preview",
-        "is_issuu"       => "is an Issuu preview ?",
-        "video"          => "vidéo",
-        "video_" => [
-            "isMuted"       => "muted",
-            "hasControls"   => "controls enabled",
-            "canFullScreen" => "full screen allowed",
-            "alt"           => "alternative text",
-            "title"         => "title",
-            "caption"       => "caption"
-        ]
+        "is_issuu"       => "is an Issuu preview ?"
     ],
 ];

lang/fr/back.php

@@ -258,7 +258,8 @@ return [
             "position"            => "Position de l'image",
             "format"              => "Format de l'image",
             "image"               => "Image",
-            "alt"                 => "Texte alternatif de l'image",
+            "attribute_alt"       => "Texte alternatif de l'image",
+            "attribute_title"     => "Titre associé à l'image",
             "caption"             => "Légende de l'image",
             "has_caption"         => "Présence d'une légende",
             "landscape"           => "Paysage",
@@ -296,6 +297,42 @@ return [
             "cancel"          => "Annuler",
             "tooltip_cancel"  => "Annuler le remplacement",
         ],
+        "video"                => [
+            "tooltip"             => "Vidéo",
+            "title"               => "Insérer une vidéo",
+            "subtitle"            => "Ajouter une nouvelle vidéo à votre contenu.",
+            "insert"              => "Insérer",
+            "tooltip_insert"      => "Ajouter cette vidéo",
+            "cancel"              => "Annuler",
+            "tooltip_cancel"      => "Annuler l'ajout de cette vidéo",
+            "edit_title"          => "Mise à jour d'une vidéo",
+            "edit_subtitle"       => "Modifier les attributs associés à la vidéo.",
+            "edit_apply"          => "Appliquer",
+            "edit_tooltip_apply"  => "Mettre à jour les attributs de la vidéo",
+            "edit_cancel"         => "Annuler",
+            "edit_tooltip_cancel" => "Annuler la mise à jour des attributs de la vidéo",
+            "position"            => "Position de la vidéo",
+            "format"              => "Format de la vidéo",
+            "image"               => "Vidéo",
+            "alt"                 => "Texte alternatif de la vidéo",
+            "caption"             => "Légende de la vidéo",
+            "has_caption"         => "Présence d'une légende",
+            "landscape"           => "Paysage",
+            "portrait"            => "Portrait",
+            "align-left"          => "Aligner à gauche",
+            "align-center"        => "Aligner au centre",
+            "align-right"         => "Aligner à droite",
+            "wrap-left"           => "Flottant à gauche",
+            "wrap-right"          => "Flottant à droite",
+            "youtube"             => "Youtube",
+            "vimeo"               => "Viméo",
+            "is_muted"            => "muter la vidéo ?",
+            "has_controls"        => "permettre de controler la vidéo ?",
+            "can_fullScreen"      => "autoriser le plein écran ?",
+            "provider"            => "hébergeur de la vidéo",
+            'invalid_youtube_id'  => "vidéo YOUTUBE invalide",
+            "invalid_vimeo_id"    => "vidéo VIMEO invalide"
+        ],
     ],
     "json_editor"                         => [
         "item_single"        => "1 élément",
@@ -372,45 +409,4 @@ return [
         "select_value"     => "sélectionnez une valeur dans la liste",
     ],
     "associated_model" => ":model associés|:model associées",
-    "input_video" => [
-        "placeholder"         => "Cliquer pour ajouter une nouvelle vidéo",
-        "title"               => "Insérer une vidéo",
-        "subtitle"            => "Ajouter une nouvelle vidéo à votre contenu.",
-        "insert"              => "Insérer",
-        "cancel"              => "Annuler",
-        "edit_title"          => "Mise à jour d'une vidéo",
-        "edit_subtitle"       => "Modifier les attributs associés à la vidéo.",
-        "edit_apply"          => "Appliquer",
-        "edit_cancel"         => "Annuler",
-        "position"            => "Position de la vidéo",
-        "format"              => "Format de la vidéo",
-        "image"               => "Vidéo",
-        "alt"                 => "Texte alternatif de la vidéo",
-        "caption"             => "Légende de la vidéo",
-        "has_caption"         => "Présence d'une légende",
-        "landscape"           => "Paysage",
-        "portrait"            => "Portrait",
-        "align-left"          => "Aligner à gauche",
-        "align-center"        => "Aligner au centre",
-        "align-right"         => "Aligner à droite",
-        "wrap-left"           => "Flottant à gauche",
-        "wrap-right"          => "Flottant à droite",
-        "youtube"             => "Youtube",
-        "vimeo"               => "Viméo",
-        "is_muted"            => "muter la vidéo ?",
-        "has_controls"        => "permettre de controler la vidéo ?",
-        "can_fullScreen"      => "autoriser le plein écran ?",
-        "provider"            => "hébergeur de la vidéo",
-        'invalid_youtube_id'  => "vidéo YOUTUBE invalide",
-        "invalid_vimeo_id"    => "vidéo VIMEO invalide",
-        "tooltip" => [
-            "title" => "vidéo",
-            "delete" => "supprimer la vidéo",
-            "reset" => "remettre à l'état d'origine",
-            "insert"      => "Ajouter cette vidéo",
-            "cancel"      => "Annuler l'ajout de cette vidéo",
-            "edit_apply"  => "Mettre à jour les attributs de la vidéo",
-            "edit_cancel" => "Annuler la mise à jour des attributs de la vidéo",
-        ]
-    ]
 ];

lang/fr/enums.php

@@ -105,8 +105,4 @@ return [
         'info' => 'une autre information générale',
         'press' => 'une demande presse',
     ],
-    "videoDisplayFormat" => [
-        "landscape" => "paysage",
-        "portrait"  => "portrait"
-    ],
 ];

lang/fr/models.php

@@ -2,7 +2,7 @@
 
 return [
     "classes" => [
-        "user" => "utilisateur|utilisateurs",
+        "user" => "utilisateur",
         "dynamic-page" => "page dynamique|pages dynamiques",
         "page-config" => "configuration de page|configurations de page",
         "activity-log" => "journal d'activité",

lang/fr/routes.php

@@ -1,8 +1,6 @@
 <?php
 
 return [
-    'front' => [
-        'news'   => 'actualites/{news}',
-        'search' => 'recherche'
-    ],
+    'news'          => 'actualites/{news}',
+    'search'        => 'recherche',
 ];

lang/fr/validation.php

@@ -270,17 +270,6 @@ return [
         "value"          => "valeur",
         "path"           => "chemin d'accès",
         "issuu_path"     => "lien du fichier Issuu",
-        "is_issuu"       => "est-ce un fichier Issuu ?",
-        "video"          => "vidéo",
-        "video_" => [
-            "isMuted"       => "désactiver le son",
-            "hasControls"   => "activer les contrôles",
-            "canFullScreen" => "autoriser le plein écran",
-            "alt"           => "texte alernatif",
-            "title"         => "titre",
-            "caption"       => "légende",
-            "provider"      => "hébergeur",
-            "videoId"       => "ID de la vidéo"
-        ]
+        "is_issuu"       => "est-ce un fichier Issuu ?"
     ],
 ];

manifest.yaml

@@ -7,7 +7,7 @@ data:
   APP_ENV: "${APP_APP_ENV}"
   APP_KEY: "${APP_APP_KEY}"
   APP_DEBUG: "${APP_APP_DEBUG}"
-  APP_URL: "https://${REDIRECT}${APP_DOMAIN}"
+  APP_URL: "https://${APP_DOMAIN}"
   LOG_CHANNEL: "k8s"
   CACHE_STORE: "${APP_CACHE_STORE}"
   DB_HOST: "${APP_DB_HOST}"
@@ -23,13 +23,6 @@ data:
   MAIL_ENCRYPTION: "${APP_MAIL_ENCRYPTION}"
   MAIL_FROM_ADDRESS: "${APP_MAIL_FROM_ADDRESS}"
   MAIL_FROM_NAME: "${APP_APP_NAME}"
-  MAIL_LIST_BREEDER: "${APP_MAIL_LIST_BREEDER}"
-  MAIL_LIST_COMMITMENTS: "${APP_MAIL_LIST_COMMITMENTS}"
-  MAIL_LIST_EXPORT: "${APP_MAIL_LIST_EXPORT}"
-  MAIL_LIST_FINANCE: "${APP_MAIL_LIST_FINANCE}"
-  MAIL_LIST_INFO: "${APP_MAIL_LIST_INFO}"
-  MAIL_LIST_PRESS: "${APP_MAIL_LIST_PRESS}"
-  MAIL_LIST_RESTAURATION: "${APP_MAIL_LIST_RESTAURATION}"
   SENTRY_LARAVEL_DSN: "${APP_SENTRY_LARAVEL_DSN}"
   TELESCOPE_ENABLED: "${APP_TELESCOPE_ENABLED}"
   CRM_ENDPOINT: "${APP_CRM_ENDPOINT}"
@@ -63,18 +56,6 @@ spec:
     requests:
       storage: $APP_PVC_SIZE
 ---
-apiVersion: v1
-kind: PersistentVolumeClaim
-metadata:
-  name: ${CI_PROJECT_PATH_SLUG}-wp-uploads-pvc-storage
-spec:
-  storageClassName: "csi-cinder-classic"
-  accessModes:
-    - ReadWriteOnce
-  resources:
-    requests:
-      storage: $APP_WP_UPLOADS_PVC_SIZE
----
 apiVersion: apps/v1
 kind: Deployment
 metadata:
@@ -105,8 +86,6 @@ spec:
           volumeMounts:
             - name: storage
               mountPath: /app/srcs/storage
-            - name: wp-uploads-storage
-              mountPath: /app/srcs/public/app/uploads
         - name: ${CI_PROJECT_PATH_SLUG}-queue-worker
           image: $IMAGE_TAG
           lifecycle:
@@ -141,9 +120,6 @@ spec:
         - name: storage
           persistentVolumeClaim:
             claimName: ${CI_PROJECT_PATH_SLUG}-pvc-storage
-        - name: wp-uploads-storage
-          persistentVolumeClaim:
-            claimName: ${CI_PROJECT_PATH_SLUG}-wp-uploads-pvc-storage
 ---
 apiVersion: v1
 kind: Service
@@ -165,29 +141,14 @@ spec:
     - web
     - websecure
   routes:
-    - match: Host(`${APP_DOMAIN}`) || Host(`www.${APP_DOMAIN}`)
+    - match: Host(`${APP_DOMAIN}`)
       kind: Rule
       services:
         - name: ${CI_PROJECT_PATH_SLUG}-service
           port: 80
-      middlewares:
-      - name: redirect-no-www-to-www
-      - name: redirect-ldc-rgpd-to-rgpd
-
   tls:
     secretName: ${CRT_TLS_NAME}
 ---
-# Redirect with domain replacement
-apiVersion: traefik.io/v1alpha1
-kind: Middleware
-metadata:
-  name: redirect-ldc-rgpd-to-rgpd
-spec:
-  redirectRegex:
-    regex: ^https://${REDIRECT}${APP_DOMAIN}/rgpd/(professionnels|salaries|consommateurs)(/(en|de))?
-    replacement: https://rgpd.ldc.fr/fr/${1}
-    permanent: true
----
 apiVersion: batch/v1
 kind: CronJob
 metadata:

package.json

@@ -33,6 +33,7 @@
         "@typescript-eslint/parser": "^8.39.0",
         "@vitejs/plugin-react": "^4.7.0",
         "autoprefixer": "^10.4.21",
+        "baseline-browser-mapping": "^2.9.19",
         "concurrently": "^9.2.0",
         "eslint": "^8.57.1",
         "eslint-config-airbnb": "^19.0.4",
@@ -103,7 +104,6 @@
         "@types/pluralize": "^0.0.33",
         "@types/react": "^19.1.9",
         "@types/react-dom": "^19.1.7",
-        "@uwil/husky-config": "^1.0.1",
         "axios": "^1.13.2",
         "chart.js": "^4.5.1",
         "class-variance-authority": "^0.7.1",

phpstan.neon

@@ -5,4 +5,4 @@ parameters:
     paths:
         - app/
 
-    level: 7
+    level: 5

production-resources.yaml

@@ -5,7 +5,6 @@ metadata:
 spec:
   dnsNames:
   - $APP_DOMAIN
-  - www.${APP_DOMAIN}
   secretName: $APP_DOMAIN
   issuerRef:
     name: $APP_CERT_ISSUER

public/.htaccess

@@ -18,182 +18,8 @@
     RewriteCond %{REQUEST_URI} (.+)/$
     RewriteRule ^ %1 [L,R=301]
 
-    # Redirect /index.php/anything to /anything
-    RewriteCond %{THE_REQUEST} /index\.php/([^\s?]*) [NC]
-    RewriteRule ^index\.php/(.*)$ /$1 [L,R=301,NC]
-
     # Send Requests To Front Controller...
     RewriteCond %{REQUEST_FILENAME} !-d
     RewriteCond %{REQUEST_FILENAME} !-f
     RewriteRule ^ index.php [L]
-
-    # Redirection from old website
-    Redirect 301 "/category/news" "/actualites"
-    Redirect 301 "/100%des-elevages-nature-deleveurs-dici-a-2025" "/actualites/100-des-elevages-nature-deleveurs-dici-a-2025"
-    Redirect 301 "/acquisition-de-la-societe-asia-general-food" "/actualites/acquisition-de-la-societe-asia-general-food"
-    Redirect 301 "/big-bang-de-lemploi-2023-rencontrons-nous-dans-des-conditions-exceptionnelles" "/actualites/big-bang-de-lemploi-2023-rencontrons-nous-dans-des-conditions-exceptionnelles"
-    Redirect 301 "/bonne-annee-2024-a-tous" "/actualites/bonne-annee-2024-a-tous"
-    Redirect 301 "/decouvrez-notre-nouvelle-plaquette-rse" "/actualites/decouvrez-notre-nouvelle-plaquette-rse"
-    Redirect 301 "/decouvrez-notre-rapport-annuel-2020-2021" "/actualites/decouvrez-notre-rapport-annuel-2020-2021"
-    Redirect 301 "/decouvrez-notre-rapport-annuel-2021-2022" "/actualites/decouvrez-notre-rapport-annuel-2021-2022"
-    Redirect 301 "/echanges-entre-les-etudiants-de-lessca-et-le-raf-du-pole-volaille-ldc" "/actualites/echanges-entre-les-etudiants-de-lessca-et-le-raf-du-pole-volaille-ldc"
-    Redirect 301 "/echanges-entre-les-etudiants-unilasalle-et-des-collaborateurs-ldc" "/actualites/echanges-entre-les-etudiants-unilasalle-et-des-collaborateurs-ldc"
-    Redirect 301 "/entree-en-negociation-exclusive-en-vue-de-lacquisition-de-la-societe-indykpol-sa-2" "/actualites/entree-en-negociation-exclusive-en-vue-de-lacquisition-de-la-societe-indykpol-sa"
-    Redirect 301 "/entree-en-negociation-exclusive-en-vue-de-lacquisition-de-la-societe-indykpol-sa-3" "/actualites/entree-en-negociation-exclusive-en-vue-de-lacquisition-de-la-societe-indykpol-sa"
-    Redirect 301 "/entree-en-negociation-exclusive-en-vue-de-lacquisition-de-lusine-konspol-de-nowy-sacz-en-pologne-2" "/actualites/entree-en-negociation-exclusive-en-vue-de-lacquisition-de-lusine-konspol-de-nowy-sacz-en-pologne"
-    Redirect 301 "/entree-en-negociation-exclusive-en-vue-de-lacquisition-potentielle-de-100-du-capital-du-groupe-pierre-martinet-2" "/actualites/entree-en-negociation-exclusive-en-vue-de-lacquisition-potentielle-de-100-du-capital-du-groupe-pierre-martinet"
-    Redirect 301 "/entree-en-negociation-exclusive-en-vue-de-lacquisition-potentielle-de-100-du-capital-du-groupe-pierre-martinet-3" "/actualites/entree-en-negociation-exclusive-en-vue-de-lacquisition-potentielle-de-100-du-capital-du-groupe-pierre-martinet"
-    Redirect 301 "/entree-en-partenariat-avec-la-famille-buchanan-au-royaume-uni-2" "/actualites/entree-en-partenariat-avec-la-famille-buchanan-au-royaume-uni"
-    Redirect 301 "/feu-vert-de-lautorite-de-la-concurrence-au-rachat-du-groupe-ronsard-2" "/actualites/feu-vert-de-lautorite-de-la-concurrence-au-rachat-du-groupe-ronsard"
-    Redirect 301 "/feu-vert-de-lautorite-de-la-concurrence-au-rachat-du-groupe-ronsard-3" "/actualites/feu-vert-de-lautorite-de-la-concurrence-au-rachat-du-groupe-ronsard"
-    Redirect 301 "/interview-philippe-gelin-sur-la-chaine-youtube-meilleurtaux-placement" "/actualites/interview-philippe-gelin-sur-la-chaine-youtube-meilleurtaux-placement"
-    Redirect 301 "/journee-mondiale-de-leau" "/actualites/journee-mondiale-de-leau"
-    Redirect 301 "/journee-mondiale-du-recyclage-%e2%99%bb" "/actualites/journee-mondiale-du-recyclage"
-    Redirect 301 "/journee-portes-ouvertes-ldc-sable-le-1er-avril-2023" "/actualites/journee-portes-ouvertes-ldc-sable-le-1er-avril-2023"
-    Redirect 301 "/joyeux-nouvel-an-chinois" "/actualites/joyeux-nouvel-an-chinois"
-    Redirect 301 "/lancement-campagne-alternance-2024" "/actualites/lancement-campagne-alternance-2024"
-    Redirect 301 "/ldc-a-la-reconquete-du-marche-national" "/actualites/ldc-a-la-reconquete-du-marche-national"
-    Redirect 301 "/ldc-partage-sa-politique-alimentation-des-volailles" "/actualites/ldc-partage-sa-politique-dalimentation-durable-des-volailles"
-    Redirect 301 "/ldc-participe-a-la-semaine-nationale-de-lemploi-agroalimentaire-100-digital" "/actualites/ldc-participe-a-la-semaine-nationale-de-lemploi-agroalimentaire-100-digital"
-    Redirect 301 "/ldc-participe-au-campus-des-metiers-et-des-qualifications" "/actualites/ldc-participe-au-campus-des-metiers-et-des-qualifications"
-    Redirect 301 "/ldc-sable-lance-sa-premiere-formation-qualifiante-post-bac" "/actualites/ldc-sable-lance-sa-premiere-formation-qualifiante-post-bac"
-    Redirect 301 "/ldc-sable-le-gaulois-signe-un-partenariat-avec-coolplanet-pour-optimiser-ses-consommations-denergie-et-accelerer-sa-feuille-de-route-en-matiere-de-decarbonation" "/actualites/ldc-sable-le-gaulois-signe-un-partenariat-avec-coolplanet-pour-optimiser-ses-consommations-denergie-et-accelerer-sa-feuille-de-route-en-matiere-de-decarbonation"
-    Redirect 301 "/le-cavol-a-la-reconquete-de-la-rhd" "/actualites/le-cavol-a-la-reconquete-de-la-rhd"
-    Redirect 301 "/le-gaulois-maitre-coq-loue-il-est-le-champion-du-poulet-toutes-categories" "/actualites/le-gaulois-maitre-coq-loue-il-est-le-champion-du-poulet-toutes-categories"
-    Redirect 301 "/le-gaulois-professionnel-lance-son-site-internet" "/actualites/le-gaulois-professionnel-lance-son-site-internet"
-    Redirect 301 "/le-gaulois-signe-un-partenariat-avec-programme-malin" "/actualites/le-gaulois-signe-un-partenariat-avec-programme-malin"
-    Redirect 301 "/le-groupe-ldc-a-participe-au-forum-uni-la-salle-de-beauvais-le-7-octobre-2021" "/actualites/le-groupe-ldc-a-participe-au-forum-uni-la-salle-de-beauvais-le-7-octobre-2021"
-    Redirect 301 "/le-groupe-ldc-cree-un-partenariat-avec-citeo-pour-le-developpement-dune-filiere-de-recyclage-du-polystyrene-en-france" "/actualites/le-groupe-ldc-cree-un-partenariat-avec-citeo-pour-le-developpement-dune-filiere-de-recyclage-du-polystyrene-en-france"
-    Redirect 301 "/le-groupe-ldc-officialise-sa-strategie-climat-biodiversite-2030-%f0%9f%8c%8d" "/actualites/le-groupe-ldc-officialise-sa-strategie-climat-biodiversite-2030"
-    Redirect 301 "/le-groupe-ldc-participe-a-la-semaine-de-lagro-grand-ouest-du-12-au-20-avril" "/actualites/le-groupe-ldc-participe-a-la-semaine-de-lagro-grand-ouest-du-12-au-20-avril"
-    Redirect 301 "/le-groupe-ldc-participe-a-la-semaine-nationale-de-lemploi-agroalimentaire" "/actualites/le-groupe-ldc-participe-a-la-semaine-nationale-de-lemploi-agroalimentaire"
-    Redirect 301 "/anuga-2023" "/actualites/le-groupe-ldc-present-a-lanuga-2023"
-    Redirect 301 "/le-groupe-ldc-present-au-forum-oniris-le-18-novembre-2021" "/actualites/le-groupe-ldc-present-au-forum-oniris-le-18-novembre-2021"
-    Redirect 301 "/le-groupe-ldc-present-au-jobfest-du-mans-le-30-mars-2023" "/actualites/le-groupe-ldc-present-au-jobfest-du-mans-le-30-mars-2023"
-    Redirect 301 "/le-groupe-ldc-present-aux-forums-ecoles-de-lesa-angers-et-agrosup-dijon" "/actualites/le-groupe-ldc-present-aux-forums-ecoles-de-lesa-angers-et-agrosup-dijon"
-    Redirect 301 "/le-groupe-ldc-present-aux-forums-ecoles-de-linstitut-agro-dijon-esa-angers-oniris-nantes-esaip-angers" "/actualites/le-groupe-ldc-present-aux-forums-ecoles-de-linstitut-agro-dijon-esa-angers-oniris-nantes-esaip-angers"
-    Redirect 301 "/le-groupe-ldc-present-aux-forums-polytech-angers-et-agro-campus-rennes-le-18-octobre-2022" "/actualites/le-groupe-ldc-present-aux-forums-polytech-angers-et-agro-campus-rennes-le-18-octobre-2022"
-    Redirect 301 "/le-groupe-ldc-reagit-face-aux-nouvelles-attaques-de-l214" "/actualites/le-groupe-ldc-reagit-face-aux-nouvelles-attaques-de-l214"
-    Redirect 301 "/le-groupe-ldc-renforce-ses-engagements-et-son-objectif-soja-zero-deforestation" "/actualites/le-groupe-ldc-reagit-face-aux-nouvelles-attaques-de-l214"
-    Redirect 301 "/le-groupe-ldc-renforce-ses-engagements-et-son-objectif-soja-zero-deforestation-2" "/actualites/le-groupe-ldc-renforce-ses-engagements-et-son-objectif-soja-zero-deforestation"
-    Redirect 301 "/les-industries-de-la-transformation-des-volailles-offrent-une-diversite-de-metiers-et-de-nombreuses-opportunites-demploi" "/actualites/les-industries-de-la-transformation-des-volailles-offrent-une-diversite-de-metiers-et-de-nombreuses-opportunites-demploi"
-    Redirect 301 "/les-talents-de-la-sarthe-2019" "/actualites/les-talents-de-la-sarthe-2019"
-    Redirect 301 "/les-talents-de-la-sarthe-2019-2" "/actualites/les-talents-de-la-sarthe-2019"
-    Redirect 301 "/maitre-coq-devient-partenaire-officiel-dangers-sco-handball" "/actualites/maitre-coq-devient-partenaire-officiel-dangers-sco-handball"
-    Redirect 301 "/marie-surgeles-organise-ses-job-dating-en-entreprise" "/actualites/marie-surgeles-organise-ses-job-dating-en-entreprise"
-    Redirect 301 "/nos-equipes-volena-et-sbv-etaient-presentes-au-food-talent-du-cfia-expo-rennes-ce-14-mars" "/actualites/nos-equipes-volena-et-sbv-etaient-presentes-au-food-talent-du-cfia-expo-rennes-ce-14-mars"
-    Redirect 301 "/note-dinformation-deces-de-monsieur-chancereul-gerard" "/actualites/note-dinformation-deces-de-monsieur-chancereul-gerard"
-    Redirect 301 "/partenariat-ecole-les-etudiants-uni-la-salle-en-visite-chez-ldc-groupe" "/actualites/partenariat-ecole-les-etudiants-unilasalle-en-visite-chez-ldc-groupe"
-    Redirect 301 "/partenariat-ecole-visite-de-lesa-sur-lunite-dinde-ldc-sable" "/actualites/partenariat-ecole-visite-de-lesa-sur-lunite-dinde-ldc-sable"
-    Redirect 301 "/publication-de-notre-rapport-annuel-2022-2023" "/actualites/publication-de-notre-rapport-annuel-2022-2023"
-    Redirect 301 "/recrutement-en-alternance-plus-de-100-opportunites-dans-tous-les-metiers" "/actualites/recrutement-en-alternance-plus-de-100-opportunites-dans-tous-les-metiers"
-    Redirect 301 "/reprise-de-kiplama-en-belgique" "/actualites/reprise-de-kiplama-en-belgique"
-    Redirect 301 "/reprise-de-luche-tradition-volailles-a-luche-pringe-sarthe" "/actualites/reprise-de-luche-tradition-volailles-a-luche-pringe-sarthe"
-    Redirect 301 "/reprise-de-marnevall-en-hongrie" "/actualites/reprise-de-marnevall-en-hongrie"
-    Redirect 301 "/resultats-annuels-2021-2022-2" "/actualites/resultats-annuels-2021-2022"
-    Redirect 301 "/resultats-semestriels-2020-2021-3" "/actualites/resultats-semestriels-2020-2021"
-    Redirect 301 "/resultats-semestriels-2023-2024-2" "/actualites/resultats-semestriels-20232024"
-    Redirect 301 "/retour-en-video-sur-le-space-rennes-2024" "/actualites/retour-en-video-sur-le-space-rennes-2024"
-    Redirect 301 "/retour-en-video-sur-notre-evenement-interne-challenge-remy-lambert" "/actualites/retour-en-video-sur-notre-evenement-interne-challenge-remy-lambert"
-    Redirect 301 "/retrospective-2024-retrouvez-les-entreprises-qui-ont-rejoint-le-groupe-en-2024" "/actualites/retrospective-2024-retrouvez-les-entreprises-qui-ont-rejoint-le-groupe-en-2024"
-    Redirect 301 "/retrouvez-nous-aux-forums-ecoles-en-fevrier-2025" "/actualites/retrouvez-nous-aux-forums-ecoles-en-fevrier-2025"
-    Redirect 301 "/retrouvez-nous-aux-forums-ecoles-en-mars-2025" "/actualites/retrouvez-nous-aux-forums-ecoles-en-mars-2025"
-    Redirect 301 "/signature-de-conventions-avec-les-banques-alimentaires" "/actualites/signature-de-conventions-avec-les-banques-alimentaires"
-    Redirect 301 "/sirha-lyon-2025-le-groupe-ldc-et-ses-marques-restauration-seront-presents-du-23-au-27-janvier-2025" "/actualites/sirha-lyon-2025-le-groupe-ldc-et-ses-marques-restauration-seront-presents-du-23-au-27-janvier-2025"
-    Redirect 301 "/sponsoring-sportif-maitre-coq-et-yannick-bestaven" "/actualites/sponsoring-sportif-maitre-coq-et-yannick-bestaven"
-    Redirect 301 "/synthese-rse-du-groupe-ldc-2020" "/actualites/synthese-rse-du-groupe-ldc-2020"
-    Redirect 301 "/teasing-retrouvez-le-pole-amont-au-space-du-17-au-19-septembre-2024" "/actualites/teasing-retrouvez-le-pole-amont-au-space-du-17-au-19-septembre-2024"
-    Redirect 301 "/top-depart-pour-le-vendee-globe-avec-maitre-coq" "/actualites/top-depart-pour-le-vendee-globe-avec-maitre-coq"
-    Redirect 301 "/tous-derriere-yannick-et-julien-pour-la-transat-jacques-vabre" "/actualites/tous-derriere-yannick-et-julien-pour-la-transat-jacques-vabre"
-    Redirect 301 "/une-annee-de-plus-ou-nos-produits-ont-ete-recompenses-par-le-concours-general-agricole-2024" "/actualites/une-annee-de-plus-ou-nos-produits-ont-ete-recompenses-par-le-concours-general-agricole-2024"
-    Redirect 301 "/venez-nous-rencontrer-au-salon-work-in-agro-2023" "/actualites/venez-nous-rencontrer-au-salon-work-in-agro-2023"
-    Redirect 301 "/victoire-de-yannick-bestaven-et-son-maitre-coq-iv-de-la-9eme-edition-du-vendee-globe" "/actualites/victoire-de-yannick-bestaven-et-son-maitre-coq-iv-de-la-9eme-edition-du-vendee-globe"
-    Redirect 301 "/victoire-de-yannick-bestaven-et-son-maitre-coq-iv-de-la-9eme-edition-du-vendee-globe-2" "/actualites/victoire-de-yannick-bestaven-et-son-maitre-coq-iv-de-la-9eme-edition-du-vendee-globe"
-    Redirect 301 "/ldc-sable-lance-sa-premiere-formation-qualifiante-post-bac-pour-devenir-conducteur-de-ligne" "/actualites/video-ldc-sable-lance-sa-premiere-formation-qualifiante-post-bac-pour-devenir-conducteur-de-ligne"
-    Redirect 301 "/volena-volaillers-engages-pour-lavenir-le-nouveau-nom-du-pole-normandie" "/actualites/volena-volaillers-engages-pour-lavenir-le-nouveau-nom-du-pole-normandie"
-    Redirect 301 "/webinaire-entre-les-etudiants-doniris-et-des-collaborateurs-ldc" "/actualites/webinaire-entre-les-etudiants-doniris-et-des-collaborateurs-ldc"
-    Redirect 301 "/en/100-of-nature-deleveurs-farms-by-2025" "/en/news/100-of-nature-deleveurs-farms-by-2025"
-    Redirect 301 "/en/acquisition-of-asia-general-food" "/en/news/acquisition-of-asia-general-food"
-    Redirect 301 "/en/cavol-to-re-conquer-hrd" "/en/news/cavol-to-re-conquer-hrd"
-    Redirect 301 "/en/entry-into-partnership-with-the-buchanan-family-2" "/en/news/entry-into-partnership-with-the-buchanan-family"
-    Redirect 301 "/en/ldc-participates-in-the-trades-and-skills-campus" "/en/news/ldc-participates-in-the-trades-and-skills-campus"
-    Redirect 301 "/en/ldc-to-regain-the-national-market" "/en/news/ldc-to-regain-the-national-market"
-    Redirect 301 "/en/le-gaulois-maitre-coq-loue-the-chicken-champion-across-the-categories" "/en/news/le-gaulois-maitre-coq-loue-the-chicken-champion-across-the-categories"
-    Redirect 301 "/en/le-gaulois-signs-a-partnership-with-programme-malin" "/en/news/le-gaulois-signs-a-partnership-with-programme-malin"
-    Redirect 301 "/en/maitre-coq-becomes-an-official-partner-of-angers-sco-handball" "/en/news/maitre-coq-becomes-an-official-partner-of-angers-sco-handball"
-    Redirect 301 "/en/signature-of-agreements-with-food-banks" "/en/news/signature-of-agreements-with-food-banks"
-    Redirect 301 "/en/take-over-of-kiplama-in-belgium" "/en/news/take-over-of-kiplama-in-belgium"
-    Redirect 301 "/en/takeover-of-luche-tradition-volailles-in-luche-pringe-sarthe-2" "/en/news/takeover-of-luche-tradition-volailles-in-luche-pringe-sarthe"
-    Redirect 301 "/en/takeover-of-marnevall-in-hungary" "/en/news/takeover-of-marnevall-in-hungary"
-    Redirect 301 "/en/les-talents-de-la-sarthe-2019-2" "/en/news/talents-in-the-sarthe-2019"
-    Redirect 301 "/en/talents-in-the-sarthe-2019" "/en/news/talents-in-the-sarthe-2019"
-    Redirect 301 "/en/the-ldc-group-creates-a-partnership-with-citeo-for-the-development-of-a-polystyrene-recycling-industry-in-france" "/en/news/the-ldc-group-creates-a-partnership-with-citeo-for-the-development-of-a-polystyrene-recycling-industry-in-france"
-    Redirect 301 "/en/top-start-for-the-vendee-globe-with-maitre-coq" "/en/news/top-start-for-the-vendee-globe-with-maitre-coq"
-    Redirect 301 "/search" "/recherche"
-    Redirect 301 "/nous-contacter/nos-engagements" "/nous-contacter/engagements"
 </IfModule>
-
-<IfModule mod_expires.c>
-    ExpiresActive On
-
-    # Images
-    ExpiresByType image/jpg  "access plus 1 year"
-    ExpiresByType image/jpeg "access plus 1 year"
-    ExpiresByType image/png  "access plus 1 year"
-    ExpiresByType image/gif  "access plus 1 year"
-    ExpiresByType image/webp "access plus 1 year"
-    ExpiresByType image/svg+xml "access plus 1 year"
-
-    # CSS / JS
-    ExpiresByType text/css                 "access plus 1 year"
-    ExpiresByType text/javascript          "access plus 1 year"
-    ExpiresByType application/javascript   "access plus 1 year"
-    ExpiresByType application/x-javascript "access plus 1 year"
-
-    # WOFF / WOFF2 / Fonts
-    ExpiresByType application/font-woff    "access plus 1 year"
-    ExpiresByType font/woff                "access plus 1 year"
-    ExpiresByType application/font-woff2   "access plus 1 year"
-    ExpiresByType font/woff2               "access plus 1 year"
-
-    # Favicon
-    ExpiresByType image/x-icon "access plus 1 year"
-</IfModule>
-
-<FilesMatch "\.(jpe?g|png|gif|webp|css|js|woff|woff2|ico)$">
-    Header set Cache-Control "public, max-age=31536000, immutable"
-</FilesMatch>
-
-<IfModule mod_brotli.c>
-    AddOutputFilterByType BROTLI_COMPRESS text/html text/css text/plain text/xml text/javascript application/javascript application/x-javascript
-    AddType text/plain .br
-</IfModule>
-
-<IfModule mod_deflate.c>
-    AddOutputFilterByType DEFLATE text/html
-    AddOutputFilterByType DEFLATE text/plain
-    AddOutputFilterByType DEFLATE text/xml
-    AddOutputFilterByType DEFLATE text/css
-    AddOutputFilterByType DEFLATE text/javascript
-    AddOutputFilterByType DEFLATE application/javascript
-    AddOutputFilterByType DEFLATE application/x-javascript
-    AddOutputFilterByType DEFLATE application/xml
-    AddOutputFilterByType DEFLATE application/xhtml+xml
-    AddOutputFilterByType DEFLATE application/rss+xml
-    AddOutputFilterByType DEFLATE image/svg+xml
-</IfModule>
-
-<IfModule mod_mime.c>
-    AddType application/javascript .js
-    AddType font/woff2 .woff2
-    AddType application/font-woff2 .woff2
-    AddType application/font-woff .woff
-    AddType font/woff .woff
-    AddType image/svg+xml .svg
-</IfModule>
-
-<FilesMatch "\.(css|js|jpg|jpeg|gif|png|ico|svg|woff|woff2)$">
-    FileETag None
-    Header unset ETag
-    Header unset Set-Cookie
-</FilesMatch>

public/assets/css/media.css

@@ -448,6 +448,7 @@
     padding-left: 10px;
   }
   [data-menu="submenu-2951"] .mobile-menu__level {
+    padding-top: 0;
     min-height: calc(100vh - 80px);
   }
   .offer-form {

public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

resources/assets/images/front/Soleil.svg

@@ -1,8 +0,0 @@
-<svg width="294" height="337" viewBox="0 0 294 337" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.4228 111.776C14.6117 110.408 25.7752 110.685 28.852 111.103C37.1063 112.231 64.4775 121.512 69.5848 127.591C70.4727 128.638 72.0427 131.006 71.9117 132.281C71.2439 133.656 70.4943 135.273 69.007 135.8C64.0032 137.596 39.3983 133.232 33.1303 131.412C28.0684 129.948 0.834785 119.02 12.4179 111.762" fill="white"/>
-<path d="M2.97139 193.412C4.55436 191.287 15.073 187.284 18.0841 186.505C26.1789 184.414 54.8679 182.618 61.7042 186.336C62.8749 186.981 65.1454 188.588 65.4632 189.813C65.3042 191.356 65.1572 193.152 63.9439 194.213C59.8699 197.795 35.4282 203.133 28.956 203.822C23.7339 204.385 -5.39998 204.59 2.96651 193.398" fill="white"/>
-<path d="M75.2995 40.5103C77.803 40.9766 86.0923 48.8901 88.1699 51.3401C93.7375 57.8946 108.805 83.7796 108.956 91.9089C108.984 93.2947 108.718 96.178 107.854 97.0673C106.509 97.6501 104.936 98.3556 103.492 97.741C98.5929 95.6417 82.6162 75.3846 78.9803 69.6842C76.0412 65.0878 62.0826 38.0233 75.3044 40.5244" fill="white"/>
-<path d="M151.519 3.32306C153.617 4.87176 158.163 15.7889 159.131 18.9375C161.715 27.4087 165.61 57.8236 162.682 65.3407C162.179 66.6428 160.86 69.1607 159.724 69.5796C158.289 69.5181 156.593 69.479 155.501 68.2594C151.841 64.1709 144.975 38.5187 143.82 31.6839C142.897 26.167 140.429 -4.81499 151.519 3.32306Z" fill="white"/>
-<path d="M252.66 22.1829C253.318 24.7802 250.104 36.0545 248.91 39.068C245.694 47.1654 230.038 72.5666 223.176 76.188C221.998 76.8158 219.438 77.7851 218.31 77.3393C217.248 76.3078 215.978 75.104 215.89 73.4619C215.601 67.8917 226.072 44.0237 229.37 38.114C232.047 33.3611 249.15 8.50266 252.647 22.1881" fill="white"/>
-<path d="M87.8419 179.142C94.5684 132.863 133.992 97.2846 176.139 87.677C204.358 81.0745 234.752 88.5554 256.665 106.934C312.841 154.252 315.672 242.841 251.639 287.943L251.319 288.16C299.285 254.332 309.052 191.702 275.906 144.766C245.4 100.22 190.312 89.7794 145.72 121.366C124.838 135.187 108.355 156.232 103.18 181.721C91.9838 233.582 124.292 292.602 174.098 304.765C197.844 311.099 222.819 304.456 244.572 292.265C222.667 304.706 197.998 312.303 173.514 307.368C119.264 297.745 78.7607 237.682 87.8419 179.142ZM244.614 292.242C246.465 291.19 248.298 290.104 250.109 288.987L251.319 288.16C250.92 288.442 250.518 288.723 250.113 289.001C248.305 290.119 246.471 291.201 244.614 292.242Z" fill="white"/>
-</svg>

resources/assets/images/front/coeur.svg

@@ -1,3 +0,0 @@
-<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M104.492 48.4181C100.67 60.1225 94.7398 70.9442 87.3675 79.8302C85.9257 81.5634 84.4302 83.2612 82.8803 84.8228C80.7646 87.2306 78.414 89.3922 75.9016 91.3468C59.3762 104.228 36.3246 107.963 36.3246 107.963C33.6282 107.52 26.4674 97.2729 20.5617 88.0457C17.9584 84.0773 15.4174 79.9953 13.0357 75.8182C12.2143 74.429 11.7321 73.5823 11.7072 73.5022C11.7072 73.5022 11.7118 73.4779 11.7165 73.4536C8.2699 67.162 5.23377 60.6225 2.93227 53.7217C2.81789 53.373 2.70352 53.0245 2.58914 52.6758C0.811171 46.9311 -0.135125 40.2153 0.0156226 33.5598C0.324677 19.3706 5.5941 5.38113 18.3648 1.12661C26.1608 -1.47079 34.3677 0.609583 40.7529 5.4558C43.6869 7.70355 49.819 17.326 51.2083 20.5835C53.1412 23.845 54.7225 26.8379 56.0006 29.5212C60.5848 23.9191 65.635 18.9342 71.0452 14.697C77.309 9.79469 84.3595 4.36504 91.5366 5.09145C98.0241 5.73554 102.877 10.6893 105.536 17.4075C107.259 21.7596 108.061 26.8141 107.816 31.9688C107.55 37.5467 106.221 43.0962 104.492 48.4181Z" fill="#E00A1E"/>
-</svg>

resources/sass/back/inputs/_wysiwyg.scss

@@ -1,5 +1,5 @@
 // * Common css for @tiptap editor preview.
-@use "./../../common/wysiwyg";
+@use './../../common/wysiwyg';
 
 // * Custom css.
 .wysiwyg-error .reactjs-tiptap-editor {
@@ -16,31 +16,18 @@
     @apply cursor-pointer;
   }
 
-  [data-type="taskList"] > li {
+  [data-type='taskList'] > li {
     @apply flex flex-row justify-start items-center gap-1.5;
   }
-
+  
   .is-editor-empty:first-child::before {
     @apply float-left text-muted-foreground h-0 pointer-events-none;
 
     content: attr(data-placeholder);
   }
-}
+} 
 
 /* stylelint-disable-next-line selector-class-pattern */
 .ProseMirror-focused {
   @apply rounded-b ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2;
 }
-
-figure {
-  position: relative;
-}
-.iframe-overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(255, 255, 255, 0);
-  pointer-events: all;
-}

resources/sass/front/app.scss

@@ -8,50 +8,3 @@
 
 // * BASE
 @use './base/common';
-
-
-////////////////////   Poppins  ////////////////////
-
-@font-face {
-  font-display: swap;
-  font-family: 'Poppins';
-  font-style: normal;
-  font-weight: 400;
-  src: url('&/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
-}
-
-@font-face {
-  font-display: swap;
-  font-family: 'Poppins';
-  font-style: normal;
-  font-weight: 700;
-  src: url('&/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
-}
-
-@font-face {
-  font-display: swap;
-  font-family: 'Poppins';
-  font-style: normal;
-  font-weight: 300;
-  src: url('&/fonts/Poppins/Poppins-Light.ttf') format('truetype');
-}
-
-@font-face {
-  font-display: swap;
-  font-family: 'Poppins';
-  font-style: italic;
-  font-weight: 700;
-  src: url('&/fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
-}
-
-@font-face {
-  font-display: swap;
-  font-family: 'Poppins';
-  font-style: italic;
-  font-weight: 300;
-  src: url('&/fonts/Poppins/Poppins-Italic.ttf') format('truetype');
-}
-
-.f-poppins {
-    font-family: 'Poppins', sans-serif;
-}

resources/sass/front/base/_common.scss

@@ -13,43 +13,3 @@
     display: none;
   }
 }
-
-#r_captcha {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 30px;
-}
-
-.error-recaptcha {
-  color: red;
-  text-align: center;
-  padding-bottom: 5px;
-}
-
-.custom-alert-danger {
-  background: #ffe5e5;
-  border: 1px solid #ffb3b3;
-  border-left: 5px solid #dc3545;
-  color: #842029;
-  padding: 15px 20px;
-  border-radius: 10px;
-  margin-bottom: 20px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-  animation: fadeIn 0.3s ease-in-out;
-
-  .alert-title {
-    font-weight: 700;
-    margin-bottom: 10px;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-  li {
-    margin-bottom: 5px;
-    font-size: 0.95rem;
-  }
-  ul {
-    margin: 0;
-    padding-left: 20px;
-  }
-}

resources/ts/back/Components/DynamicPages/DynamicInputs.tsx

@@ -28,8 +28,6 @@ import {
     extractMinMaxFromValidation,
     extractRequiredValidation,
 } from "@/hooks/use-laravel-validation";
-import VideoInput from "../Inputs/VideoInput";
-import { VideoAttributes } from "../Inputs/Video/VideoButton";
 
 /* eslint-disable no-unused-vars */
 type DynamicInputsProps = {
@@ -62,7 +60,6 @@ export default function DynamicInputs({
     const enumElementPosition = usePage().props
         .enumElementPosition as LaravelEnum;
     const enumContactFormType = usePage().props.enumContactFormType as LaravelEnum
-    const videoProviderEnum = usePage().props.videoProviderEnum as LaravelEnum;
     // Translations.
     const transAssociateTo = useTrans("back.form_associate_to");
     const transUnsupportedType = useTrans("back.unsupported_type");
@@ -287,13 +284,10 @@ export default function DynamicInputs({
                     // VimeoId input
                     case enumDynamicFieldTypes.vimeoid.value:
                         return (
-                            <VideoInput
+                            <SimpleVimeoId
                                 name={fieldName}
-                                forcedProvider={videoProviderEnum.vimeo.value}
-                                label={getTrans(field.label)}
-                                value={fieldValue as VideoAttributes}
-                                reset={reset}
                                 setData={setData}
+                                value={String(fieldValue)}
                                 required={extractRequiredValidation(
                                     field.validation,
                                 )}
@@ -302,13 +296,10 @@ export default function DynamicInputs({
                     // YoutubeId input
                     case enumDynamicFieldTypes.youtubeid.value:
                         return (
-                            <VideoInput
+                            <SimpleYoutubeId
                                 name={fieldName}
-                                forcedProvider={videoProviderEnum.youtube.value}
-                                label={getTrans(field.label)}
-                                value={fieldValue as VideoAttributes}
-                                reset={reset}
                                 setData={setData}
+                                value={String(fieldValue)}
                                 required={extractRequiredValidation(
                                     field.validation,
                                 )}
@@ -369,7 +360,7 @@ export default function DynamicInputs({
                             <EnumSelect
                                 name={fieldName}
                                 label={getTrans(field.label)}
-                                placeholder="Positionnement de l'élement"
+                                placeholder="Formulaire de contact à associer"
                                 selected={fieldValue as number}
                                 options={enumElementPosition}
                                 setData={setData}
@@ -383,7 +374,7 @@ export default function DynamicInputs({
                             <EnumSelect
                                 name={fieldName}
                                 label={getTrans(field.label)}
-                                placeholder="Formulaire de contact à associer"
+                                placeholder="Positionnement de l'élement"
                                 selected={fieldValue as number}
                                 options={enumContactFormType}
                                 setData={setData}
@@ -392,19 +383,6 @@ export default function DynamicInputs({
                                 )}
                             />
                         )
-                    case enumDynamicFieldTypes.video.value:
-                        return (
-                            <VideoInput
-                                name={fieldName}
-                                label={getTrans(field.label)}
-                                value={fieldValue as VideoAttributes}
-                                reset={reset}
-                                setData={setData}
-                                required={extractRequiredValidation(
-                                    field.validation,
-                                )}
-                            />
-                        )
                     default:
                         return (
                             <p

resources/ts/back/Components/DynamicPages/DynamicList.tsx

@@ -343,18 +343,18 @@ export default function DynamicList({
                     onValueChange={setOpenIndex}
                 >
                     {/*
-            The main provider for dnd-kit.
-            It manages the entire drag-and-drop system: sensors, movement, collision detection, and lifecycle callbacks (onDragStart, onDragEnd, etc.).
-          */}
+                        The main provider for dnd-kit.
+                        It manages the entire drag-and-drop system: sensors, movement, collision detection, and lifecycle callbacks (onDragStart, onDragEnd, etc.).
+                    */}
                     <DndContext
                         sensors={sensors}
                         collisionDetection={closestCenter}
                         onDragEnd={handleOnDragEnd}
                     >
                         {/*
-              Defines a reorderable list area.
-              It registers sortable items and applies the chosen sorting strategy (vertical, horizontal, grid) to handle item repositioning.
-            */}
+                            Defines a reorderable list area.
+                            It registers sortable items and applies the chosen sorting strategy (vertical, horizontal, grid) to handle item repositioning.
+                        */}
                         <SortableContext
                             items={sortedListItems.map((item) => item.id)}
                             strategy={verticalListSortingStrategy}

resources/ts/back/Components/DynamicPages/DynamicWrapperModelSelect.tsx

@@ -8,13 +8,12 @@ import {
     extractTableFromExists,
 } from "@/hooks/use-laravel-validation";
 import { ConfigField, DynamicInternalField } from "@/back/types/dynamic-pages";
-import { VideoAttributes } from "../Inputs/Video/VideoButton";
 
 /* eslint-disable no-unused-vars */
 type DynamicWrapperModelSelectProps = {
     field: ConfigField;
     fieldName: string;
-    fieldValue: string | number | boolean | File | Date | VideoAttributes;
+    fieldValue: string | number | boolean | File | Date;
     content: DynamicInternalField | null;
     setData: (
         name: string,

resources/ts/back/Components/Inputs/ModelSelect.tsx

@@ -1667,7 +1667,7 @@ export const ModelSelect = forwardRef<ModelSelectRef, ModelSelectProps>(
 
                             {/* Pagination boutons */}
                             {options.length > 0 && lastPage !== 1 && (
-                                <div className="border-t flex flex-col xl:flex-row justify-between items-center gap-1.5 p-1">
+                                <div className="border-t flex flex-col lg:flex-row justify-between items-center gap-1.5 p-1">
                                     <BtnOptionnalLinkWithTooltip
                                         content={
                                             <>

resources/ts/back/Components/Inputs/Video/VideoButton.tsx

@@ -1,609 +0,0 @@
-// * Packages
-import { useEffect, useState } from "react";
-import { VideoIcon } from "lucide-react";
-// * Components shadcn
-import {
-    Dialog,
-    DialogDescription,
-    DialogContent,
-    DialogHeader,
-    DialogTitle,
-    DialogTrigger,
-    DialogFooter,
-} from "@/components/ui/dialog";
-import { Label } from "@/components/ui/label";
-import { Button } from "@/components/ui/button";
-// * Other
-import {
-    videoDetails,
-    extractYoutubeId,
-    extractVimeoId,
-    videoTextSchema,
-    isBoolsSchema,
-    buildVideoSrc,
-} from "@/back/Components/Inputs/Video/VideoUtils";
-import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
-import str from "@/hooks/use-string";
-import VideoInputs from "./VideoInputs";
-import SimpleVimeoId from "../SimpleVimeoId";
-import SimpleYoutubeId from "../SimpleYoutubeId";
-import { cn, GetTranslation } from "@/lib/utils";
-import z from "zod";
-import { LaravelEnum } from "@/back/types/global";
-import { usePage } from "@inertiajs/react";
-
-export interface VideoAttributes {
-    videoId: string | null;
-    width: number;
-    style?: string | null;
-    float?: string | null;
-    height: number;
-    caption: string | null;
-    isMuted: boolean;
-    hasControls: boolean;
-    canFullScreen: boolean;
-    alt: string;
-    format: string;
-    provider: number;
-    hasCaption: boolean;
-}
-
-export type InputVideoValues = {
-    alt: string;
-    caption: string | null;
-    hasCaption: boolean;
-    isMuted: boolean;
-    hasControls: boolean;
-    canFullScreen: boolean;
-    format: string;
-    provider: number;
-    videoId: string;
-};
-
-type VideoFormatOption = {
-    name: "landscape" | "portrait";
-    width: number;
-    height: number;
-};
-
-type VideoProps = {
-    disabled: boolean;
-    onValidateVideo?: (value: VideoAttributes | null) => void;
-    value?: VideoAttributes | null;
-    isSmallButton?: boolean;
-    hasError?: boolean;
-    forcedProvider?: number;
-    forcedFormat?: string;
-};
-
-const VIDEO_FORMATS: VideoFormatOption[] = [
-    {
-        name: "landscape",
-        width: Number(videoDetails.width),
-        height: Number(videoDetails.height),
-    },
-    {
-        name: "portrait",
-        width: Number(videoDetails.height),
-        height: Number(videoDetails.width),
-    },
-];
-
-const animationTime = 200;
-type VideoProviderEnum = {
-    [K in keyof LaravelEnum]: LaravelEnum[K] & { color: string };
-  };
-export default function VideoButton({
-    disabled,
-    onValidateVideo,
-    value,
-    isSmallButton = false,
-    hasError = false,
-    forcedProvider,
-    forcedFormat,
-}: VideoProps) {
-    const videoProviderEnum = usePage().props.videoProviderEnum as VideoProviderEnum;
-
-    const defaultValueFormat =
-        VIDEO_FORMATS.find((f) => f.name === value?.format) ?? VIDEO_FORMATS[0];
-
-    const DEFAULT_OPTIONS: InputVideoValues = {
-        alt: value && value.alt ? value.alt : "",
-        caption: value && value.caption ? value.caption : null,
-        hasCaption: value && value.caption ? true : false,
-        isMuted: value && value.isMuted ? Boolean(value.isMuted) : false,
-        hasControls: value && value.hasControls ? Boolean(value.hasControls) : true,
-        canFullScreen:
-            value && value.canFullScreen ? Boolean(value.canFullScreen) : true,
-        format: forcedFormat
-            ? forcedFormat
-            : value && value.format
-                ? value.format
-                : VIDEO_FORMATS[0].name,
-        provider: forcedProvider
-            ? forcedProvider
-            : value && value.provider
-                ? Number(value.provider)
-                : videoProviderEnum.youtube.value,
-        videoId: value && value.videoId ? value.videoId : "",
-    };
-
-    const defaultProviderEnum = Object.values(videoProviderEnum).find(
-        (provider) => provider.value == DEFAULT_OPTIONS.provider
-    );
-
-    const [open, setOpen] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const [errors, setErrors] = useState<Record<string, string>>({});
-    const [videoProvider, setVideoProvider] = useState<number>(
-        DEFAULT_OPTIONS.provider,
-    );
-    const [videoUrl, setVideoUrl] = useState<string>(
-        DEFAULT_OPTIONS.videoId,
-    );
-    const [videoUrlPreview, setVideoUrlPreview] = useState<string>(
-        DEFAULT_OPTIONS.videoId,
-    );
-    const [inputFormat, setInputFormat] =
-        useState<VideoFormatOption>(defaultValueFormat);
-    const [options, setOptions] = useState<InputVideoValues>(DEFAULT_OPTIONS);
-
-    const src = buildVideoSrc({
-        videoId: videoUrl,
-        isMuted: value?.isMuted,
-        hasControls: value?.hasControls,
-        provider: value?.provider ?? videoProviderEnum.youtube.value
-    });
-
-    // * List of global functions for wysiwyg or basic input
-    const resetComponent = () => {
-        setVideoUrl(DEFAULT_OPTIONS.videoId);
-        setVideoUrlPreview(DEFAULT_OPTIONS.videoId);
-        setOptions(DEFAULT_OPTIONS);
-        setVideoProvider(DEFAULT_OPTIONS.provider);
-        setInputFormat(defaultValueFormat);
-        setErrors({});
-        setLoading(false);
-    };
-
-    //* List of functions used for wysiwyg usage
-
-    //* TRANSLATIONS
-    const transCaption = GetTranslation("back.input_video.caption");
-    const transIsMuted = GetTranslation("back.input_video.is_muted");
-    const transHasControls = GetTranslation("back.input_video.has_controls");
-    const transCanFullScreen = GetTranslation(
-        "back.input_video.can_fullScreen",
-    );
-    const youtubeError = str(
-        GetTranslation("back.input_video.invalid_youtube_id"),
-    )
-        .ucFirst()
-        .value();
-    const vimeoError = str(
-        GetTranslation("back.input_video.invalid_vimeo_id"),
-    )
-        .ucFirst()
-        .value();
-    const transAlt = GetTranslation("back.input_video.alt");
-
-    const transValidation = (attribute: string) => {
-        return {
-            min: GetTranslation("validation.min.string", {
-                params: { attribute, min: "3" },
-            }),
-            max: GetTranslation("validation.max.string", {
-                params: { attribute, max: "255" },
-            }),
-            string: GetTranslation("validation.string", {
-                params: { attribute },
-            }),
-            boolean: GetTranslation("validation.boolean", {
-                params: { attribute },
-            }),
-        };
-    };
-    const transValidationCaption = transValidation(transCaption);
-    const transValidationIsMuted = transValidation(transIsMuted);
-    const transValidationHasControls = transValidation(transHasControls);
-    const transValidationCanFullScreen = transValidation(transCanFullScreen);
-    const transValidationAlt = transValidation(transAlt);
-
-    /**
-     * Set new errors from object errors
-     *
-     * @param err unknown
-     * @return void
-     */
-    const setNewErrors = (err: unknown): void => {
-        const fieldErrors: typeof errors = {};
-        const fieldMapping: Record<string, string> = {
-            caption: "caption",
-            isMuted: "isMuted",
-            hasControls: "hasControls",
-            canFullScreen: "canFullScreen",
-            alt: "alt",
-        };
-        // Manage zod errors.
-        if (err instanceof z.ZodError) {
-            err.issues.forEach((error) => {
-                const key = error.path[0] as string | undefined;
-                const mappedKey =
-                    (key && fieldMapping[key]) ??
-                    (error.path.length === 0 ? "form" : undefined);
-                if (mappedKey) fieldErrors[mappedKey] = error.message;
-            });
-
-            setErrors(fieldErrors);
-            return;
-        }
-    };
-
-    const handleAddVideo = (): void => {
-        setLoading(true);
-        setErrors({});
-
-        const videoMetadataSchema = videoTextSchema({
-            hasCaption: options.hasCaption,
-            transValidationCaption: transValidationCaption,
-            transValidationAlt,
-        });
-        const isBoolsSchemaValidation = isBoolsSchema({
-            canFullScreen: transValidationCanFullScreen.boolean,
-            isMuted: transValidationIsMuted.boolean,
-            hasControls: transValidationHasControls.boolean,
-        });
-
-        const videoData = {
-            caption: options.caption,
-            alt: options.alt,
-            isMuted: options.isMuted,
-            hasControls: options.hasControls,
-            canFullScreen: options.canFullScreen,
-            url: videoUrl,
-        };
-
-        let videoId: string | null;
-        try {
-            videoMetadataSchema.parse(videoData);
-            isBoolsSchemaValidation.parse(videoData);
-            if (videoProvider === videoProviderEnum.youtube.value) {
-                videoId = extractYoutubeId(videoUrl);
-                if (!videoId) {
-                    setErrors({ url: youtubeError });
-                    setLoading(false);
-                    return;
-                }
-            } else {
-                videoId = extractVimeoId(videoUrl);
-                if (!videoId) {
-                    setErrors({ url: vimeoError });
-                    setLoading(false);
-                    return;
-                }
-            }
-
-            onValidateVideo?.({
-                canFullScreen: options.canFullScreen,
-                caption: options.caption,
-                hasControls: options.hasControls,
-                isMuted: options.isMuted,
-                videoId: videoId ?? "",
-                provider: videoProvider,
-                alt: options.alt,
-                format: inputFormat.name,
-                width: inputFormat.width,
-                height: inputFormat.height,
-                hasCaption: options.hasCaption
-            });
-            setVideoUrlPreview(videoId ?? "");
-
-            setOpen(false);
-            setTimeout(() => {
-                if (!value) {
-                    resetComponent();
-                }
-            }, animationTime);
-        } catch (err) {
-            console.log(err);
-            setNewErrors(err);
-        }
-        setLoading(false);
-    };
-
-    const resetOnQuit = () => {
-        if (!value) {
-            onValidateVideo?.(null);
-            setOptions(DEFAULT_OPTIONS);
-            setVideoUrl("");
-            setVideoProvider(DEFAULT_OPTIONS.provider);
-            setInputFormat(defaultValueFormat);
-        } else {
-            onValidateVideo?.({
-                ...DEFAULT_OPTIONS,
-                videoId: DEFAULT_OPTIONS.videoId,
-                provider: DEFAULT_OPTIONS.provider,
-                width: VIDEO_FORMATS[0].width,
-                height: VIDEO_FORMATS[0].height
-            });
-            setVideoUrl(DEFAULT_OPTIONS.videoId);
-            setOptions(DEFAULT_OPTIONS);
-            setVideoProvider(DEFAULT_OPTIONS.provider);
-            setInputFormat(defaultValueFormat);
-        }
-        setVideoUrlPreview(DEFAULT_OPTIONS.videoId ?? "");
-        setErrors({});
-        setLoading(false);
-    }
-    const handleCancel = (): void => {
-        setOpen(false);
-        setTimeout(() => {
-            resetOnQuit();
-        }, animationTime);
-    };
-
-    return (
-        <Dialog
-            open={open}
-            onOpenChange={(status) => {
-                setOpen(status);
-                if (!status) {
-                    setTimeout(() => {
-                        resetOnQuit();
-                    }, animationTime);
-                }
-            }}
-        >
-            <DialogTrigger asChild>
-                {isSmallButton ? (
-                    <BtnOptionnalLinkWithTooltip
-                        content={<VideoIcon className="w-4 h-4 m-auto" />}
-                        tooltipContent={str(
-                            GetTranslation("back.input_video.tooltip.title"),
-                        )
-                            .ucFirst()
-                            .value()}
-                        disabled={disabled}
-                        type="button"
-                        variant="ghost"
-                        size="icon"
-                    />
-                ) : (
-                    <Button
-                        variant="ghost"
-                        disabled={disabled}
-                        type="button"
-                        className={cn(
-                            "flex border border-dashed overflow-hidden whitespace-normal [&_svg]:!pointer-events-auto [&_svg]:!size-auto [&_svg]:!shrink text-muted-foreground w-full h-40 rounded-r-none",
-                            { "border-destructive": hasError },
-                        )}
-                    >
-                        {videoUrlPreview ? (
-                            <div
-                                className={cn(
-                                    "relative",
-                                    inputFormat.name === "landscape" &&
-                                    "aspect-[16/9]",
-                                    inputFormat.name === "portrait" &&
-                                    "aspect-[9/16]",
-                                )}
-                            >
-                                <iframe
-                                    src={src}
-                                    className="w-full h-full"
-                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                                    allowFullScreen={value?.canFullScreen}
-                                    title={value?.caption || "video"}
-                                />
-                                <div className="iframe-overlay"></div>
-                            </div>
-                        ) : (
-                            <div className="flex flex-col justify-center items-center">
-                                <VideoIcon />
-                                <p className="text-center break-normal w-full mt-2">
-                                    {str(GetTranslation('back.input_video.placeholder')).ucFirst().value()}
-                                    {forcedProvider ? (defaultProviderEnum?.label ?
-                                    <span style={{
-                                        color: defaultProviderEnum?.color
-                                    }}>{" " + str(defaultProviderEnum?.label).ucFirst().value()}</span> : "") : ""}
-                                </p>
-                            </div>
-                        )}
-                    </Button>
-                )}
-            </DialogTrigger>
-            <DialogContent className={cn("p-4", "selected_" + videoProvider)}>
-                <DialogHeader className="px-2 pt-2">
-                    <DialogTitle>
-                        {GetTranslation("back.input_video.title")}
-                    </DialogTitle>
-                    <DialogDescription>
-                        {GetTranslation("back.input_video.subtitle")}
-                    </DialogDescription>
-                </DialogHeader>
-                <div className="overflow-y-auto max-h-[70vh] flex flex-col gap-4 px-2">
-                    {/* Provider selection */}
-                    {!forcedProvider && (
-                        <div className="flex flex-col gap-1.5">
-                            <Label>
-                                {str(GetTranslation("back.input_video.provider"))
-                                    .ucFirst()
-                                    .value()}
-                            </Label>
-                            <div className="flex gap-4">
-                                {Object.values(videoProviderEnum).map(
-                                    (provider) => (
-                                        <Button
-                                            key={provider.value}
-                                            type="button"
-                                            onClick={() => {
-                                                setVideoProvider(
-                                                    provider.value,
-                                                );
-                                                setVideoUrl("");
-                                                setVideoUrlPreview("");
-                                                setErrors({});
-                                            }}
-                                            variant={
-                                                videoProvider === provider.value
-                                                    ? "default"
-                                                    : "secondary"
-                                            }
-                                            className="flex-1 flex flex-col items-center gap-2 h-fit py-3 [&_svg]:size-8"
-                                        >
-                                            {provider.value ===
-                                                videoProviderEnum.youtube.value ? (
-                                                <YoutubeIcon />
-                                            ) : (
-                                                <VimeoIcon />
-                                            )}
-                                            <span className="text-sm font-medium capitalize">
-                                                {provider.label}
-                                            </span>
-                                        </Button>
-                                    ),
-                                )}
-                            </div>
-                        </div>
-                    )}
-                    {/* URL / ID input */}
-                    {videoProvider === videoProviderEnum.youtube.value ? (
-                        <SimpleYoutubeId
-                            name="url"
-                            value={videoUrl}
-                            setData={(_, v) => {
-                                setErrors((prev) => ({ ...prev, url: "" }));
-                                setVideoUrl(v as string);
-                            }}
-                            required={false}
-                            parentErrors={errors}
-                            disabled={loading}
-                        />
-                    ) : (
-                        <SimpleVimeoId
-                            name="url"
-                            value={videoUrl}
-                            setData={(_, v) => {
-                                setErrors((prev) => ({ ...prev, url: "" }));
-                                setVideoUrl(v as string);
-                            }}
-                            required={false}
-                            parentErrors={errors}
-                            disabled={loading}
-                        />
-                    )}
-                    {/* Format selection */}
-                    {!forcedFormat && (
-                        <div className="flex flex-col gap-1.5">
-                            <Label>
-                                {str(GetTranslation("back.input_video.format"))
-                                    .ucFirst()
-                                    .value()}
-                            </Label>
-                            <div className="flex gap-4">
-                                {VIDEO_FORMATS.map((format) => (
-                                    <Button
-                                        key={format.name}
-                                        type="button"
-                                        onClick={() => setInputFormat(format)}
-                                        variant={
-                                            inputFormat.name === format.name
-                                                ? "default"
-                                                : "secondary"
-                                        }
-                                        className="flex-1 flex flex-col items-center gap-2 h-fit py-3"
-                                    >
-                                        <div className="w-16 h-12 flex items-center justify-center">
-                                            <div
-                                                className={
-                                                    format.name === "landscape"
-                                                        ? "w-14 h-8 bg-current opacity-50 rounded"
-                                                        : "w-8 h-12 bg-current opacity-50 rounded"
-                                                }
-                                            />
-                                        </div>
-                                        <span className="text-sm font-medium">
-                                            {str(
-                                                GetTranslation(
-                                                    `back.input_video.${format.name}`,
-                                                ),
-                                            )
-                                                .ucFirst()
-                                                .value()}
-                                        </span>
-                                    </Button>
-                                ))}
-                            </div>
-                        </div>
-                    )}
-                    {/* Options: caption, muted, controls, fullscreen */}
-                    <VideoInputs
-                        value={options}
-                        onChange={setOptions}
-                        disabled={loading}
-                        errors={errors}
-                    />
-                </div>
-                <DialogFooter className="gap-1.5 px-2 pb-2">
-                    <BtnOptionnalLinkWithTooltip
-                        content={str(GetTranslation("back.input_video.cancel"))
-                            .ucFirst()
-                            .value()}
-                        tooltipContent={GetTranslation(
-                            "back.input_video.tooltip.cancel",
-                        )}
-                        className="cursor-pointer"
-                        variant="secondary"
-                        type="button"
-                        size="default"
-                        disabled={loading}
-                        onClick={handleCancel}
-                    />
-                    <BtnOptionnalLinkWithTooltip
-                        content={str(GetTranslation("back.input_video.insert"))
-                            .ucFirst()
-                            .value()}
-                        tooltipContent={GetTranslation(
-                            "back.input_video.tooltip.insert",
-                        )}
-                        className="cursor-pointer"
-                        type="button"
-                        size="default"
-                        disabled={loading || !videoUrl.trim()}
-                        onClick={handleAddVideo}
-                    />
-                </DialogFooter>
-            </DialogContent>
-        </Dialog>
-    );
-}
-
-function YoutubeIcon() {
-    return (
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
-            <path
-                fill="#FF0000"
-                d="M23.498 6.186a2.998 2.998 0 0 0-2.11-2.117C19.66 3.5 12 3.5 12 3.5s-7.66 0-9.388.569A2.998 2.998 0 0 0 .502 6.186 31.198 31.198 0 0 0 0 12a31.198 31.198 0 0 0 .502 5.814 2.998 2.998 0 0 0 2.11 2.117C4.34 20.5 12 20.5 12 20.5s7.66 0 9.388-.569a2.998 2.998 0 0 0 2.11-2.117A31.198 31.198 0 0 0 24 12a31.198 31.198 0 0 0-.502-5.814z"
-            />
-            <path
-                fill="#FFF"
-                d="M9.545 15.568l6.364-3.568-6.364-3.568v7.136z"
-            />
-        </svg>
-    );
-}
-
-function VimeoIcon() {
-    return (
-        <svg
-            viewBox="0 -3.5 48 48"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-        >
-            <path
-                fill="#00B2EA"
-                d="M47.975851,9.479329 C47.767002,14.100014 44.498808,20.41644 38.193846,28.431401 C31.668746,36.81233 26.13991,41 21.621448,41 C18.827396,41 16.459507,38.452198 14.526249,33.339832 C13.230825,28.649305 11.943867,23.958779 10.651265,19.282221 C9.211905,14.167061 7.670943,11.610878 6.022735,11.610878 C5.664306,11.610878 4.414038,12.356781 2.25782,13.85138 L0,10.971134 C2.365066,8.917807 4.696265,6.856098 6.996419,4.799977 C10.146078,2.101318 12.513967,0.684941 14.094441,0.536878 C17.819844,0.179292 20.117175,2.701951 20.983614,8.096476 C21.906498,13.921221 22.555621,17.541782 22.91405,18.960952 C23.992159,23.788367 25.17187,26.196487 26.464472,26.196487 C27.466379,26.196487 28.973474,24.637634 30.982934,21.517135 C32.992393,18.391049 34.062036,16.016453 34.208794,14.379378 C34.496666,11.680719 33.421379,10.339771 30.982934,10.339771 C29.834268,10.339771 28.648912,10.580024 27.432512,11.08288 C29.803223,3.486965 34.318863,-0.206231 40.99072,0.00888 C45.932524,0.145768 48.266545,3.308172 47.975851,9.479329"
-            />
-        </svg>
-    );
-}

resources/ts/back/Components/Inputs/Video/VideoInputs.tsx

@@ -1,147 +0,0 @@
-// * Other
-import SimpleString from "@/back/Components/Inputs/SimpleString";
-import SimpleSwitch from "@/back/Components/Inputs/SimpleSwitch";
-import useTrans from "@/hooks/use-translations";
-import str from "@/hooks/use-string";
-import { InputVideoValues } from "./VideoButton";
-import { Separator } from "@/components/ui/separator";
-import { ReactNode } from "react";
-
-type VideoInputsProps = {
-    value: InputVideoValues;
-    onChange: (value: InputVideoValues) => void;
-    errors?: Record<string, string>;
-    disabled?: boolean;
-    loading?: boolean;
-};
-
-export default function VideoInputs({
-    value,
-    onChange,
-    errors = {},
-    disabled = false,
-    loading = false,
-}: VideoInputsProps) {
-    const transVideoCaption = useTrans("back.input_video.caption");
-    return (
-        <>
-
-            {/* Input alt attribute of the image. */}
-            <SimpleString
-                name="alt"
-                label={str(useTrans("back.input_video.alt"))
-                    .ucFirst()
-                    .value()}
-                placeholder="ex: John Doe"
-                required
-                value={value.alt}
-                setData={(_, v) => onChange({ ...value, alt: v })}
-                disabled={disabled || loading}
-                parentErrors={errors}
-            />
-
-            <SimpleSwitchLayout>
-                {/* Input switch to set the caption visibility. */}
-                <SimpleSwitch
-                    label={str(useTrans("back.input_video.has_caption"))
-                        .ucFirst()
-                        .value()}
-                    leftHelper={str(useTrans("back.no")).ucFirst().value()}
-                    rightHelper={str(useTrans("back.yes")).ucFirst().value()}
-                    name="hasCaption"
-                    checked={value.hasCaption}
-                    setData={(_, v) =>
-                        onChange({
-                            ...value,
-                            hasCaption: v,
-                            caption: v ? value.caption : null,
-                        })
-                    }
-                />
-                {/* Input caption of the video. */}
-                {value.hasCaption && (
-                    <div className="px-4">
-                        <Separator className="my-4" />
-                        <SimpleString
-                            name="caption"
-                            label={str(transVideoCaption).ucFirst().value()}
-                            placeholder="ex: John Doe"
-                            required={false}
-                            value={value.caption ?? ""}
-                            setData={(_, v) => onChange({ ...value, caption: v })}
-                            disabled={disabled || loading}
-                            parentErrors={errors}
-                        />
-                    </div>
-                )}
-            </SimpleSwitchLayout>
-            <Separator className="my-1" />
-            <SimpleSwitchLayout>
-                <SimpleSwitch
-                    label={str(useTrans("back.input_video.is_muted"))
-                        .ucFirst()
-                        .value()}
-                    leftHelper={str(useTrans("back.no")).ucFirst().value()}
-                    rightHelper={str(useTrans("back.yes")).ucFirst().value()}
-                    name="isMuted"
-                    checked={value.isMuted}
-                    setData={(_, v) =>
-                        onChange({
-                            ...value,
-                            isMuted: v,
-                        })
-                    }
-                    parentErrors={errors}
-                />
-            </SimpleSwitchLayout>
-            <Separator className="my-1" />
-            <SimpleSwitchLayout>
-                <SimpleSwitch
-                    label={str(useTrans("back.input_video.has_controls"))
-                        .ucFirst()
-                        .value()}
-                    leftHelper={str(useTrans("back.no")).ucFirst().value()}
-                    rightHelper={str(useTrans("back.yes")).ucFirst().value()}
-                    name="hasControls"
-                    checked={value.hasControls}
-                    setData={(_, v) =>
-                        onChange({
-                            ...value,
-                            hasControls: v,
-                        })
-                    }
-                    parentErrors={errors}
-                />
-                {value.hasControls && (
-                    <div className="px-4">
-                        <Separator className="my-4" />
-                        <SimpleSwitch
-                            label={str(useTrans("back.input_video.can_fullScreen"))
-                                .ucFirst()
-                                .value()}
-                            leftHelper={str(useTrans("back.no")).ucFirst().value()}
-                            rightHelper={str(useTrans("back.yes")).ucFirst().value()}
-                            name="canFullScreen"
-                            checked={value.canFullScreen}
-                            setData={(_, v) =>
-                                onChange({
-                                    ...value,
-                                    canFullScreen: v,
-                                })
-                            }
-                            parentErrors={errors}
-                        />
-                    </div>
-                )}
-            </SimpleSwitchLayout>
-        </>
-    );
-}
-
-const SimpleSwitchLayout = ({ children }: { children: ReactNode }) => {
-    return (
-        <div className="border-l border-1 h-full p-4">
-            {children}
-        </div>
-    )
-}

resources/ts/back/Components/Inputs/VideoInput.tsx

@@ -1,113 +0,0 @@
-import { useEffect, useState } from "react";
-import VideoButton, { VideoAttributes } from "./Video/VideoButton";
-import { usePage } from "@inertiajs/react";
-import InputError from "../InputError";
-import { Label } from "@/components/ui/label";
-import { cn, GetTranslation } from "@/lib/utils";
-import BtnOptionnalLinkWithTooltip from "../BtnOptionnalLinkWithTooltip";
-import { RefreshCcw, Trash } from "lucide-react";
-import str from "@/hooks/use-string";
-
-interface Props {
-    label: string;
-    name: string;
-    value: VideoAttributes | null;
-    // eslint-disable-next-line no-unused-vars
-    setData: (name: string, value: VideoAttributes | null) => void;
-    className?: string;
-    required?: boolean;
-    disabled?: boolean;
-    forcedFormat?: string;
-    forcedProvider?: number;
-    reset?: (name?: string) => void;
-}
-
-const VideoInput = (props: Props) => {
-    const { name, setData, value, className, label, required = true, disabled = false, forcedFormat, forcedProvider, reset } = props;
-    const { errors } = usePage().props;
-    const [refresh, setRefresh] = useState(Date.now());
-
-    useEffect(() => {
-    }, [refresh]);
-
-    return (
-        <div
-            className={cn(
-                "flex flex-col w-full justify-between items-start gap-1.5",
-                className,
-            )}
-        >
-            <Label htmlFor={name}>{label + (required ? " *" : "")}</Label>
-            <div className="flex w-full">
-                <div className="w-full">
-                    <VideoButton
-                        disabled={disabled}
-                        isSmallButton={false}
-                        value={value}
-                        key={refresh}
-                        forcedFormat={forcedFormat}
-                        forcedProvider={forcedProvider}
-                        hasError={errors[name] ? true : false}
-                        onValidateVideo={(value) => {
-                            if (value) {
-                                setData(name, {
-                                    alt: value.alt,
-                                    canFullScreen: value.canFullScreen,
-                                    caption: value.caption,
-                                    hasControls: value.hasControls,
-                                    isMuted: value.isMuted,
-                                    provider: value.provider,
-                                    videoId: value.videoId,
-                                    format: value.format,
-                                })
-                                setRefresh(Date.now())
-                            } else {
-                                setData(name, null)
-                            }
-                        }} />
-                </div>
-                <div>
-                    <BtnOptionnalLinkWithTooltip
-                        content={<RefreshCcw />}
-                        tooltipContent={
-                            <p>
-                                {str(GetTranslation('back.input_video.tooltip.reset')).ucFirst().value()}
-                            </p>
-                        }
-                        onClick={() => {
-                            reset?.(name)
-                            setRefresh(Date.now())
-                        }}
-                        size="sm"
-                        className={cn(!required ? "h-40 rounded-r-md" : "h-20 rounded-b-none", " rounded-l-none")}
-                        variant="secondary"
-                    />
-
-                    {
-                        required && (
-                            <BtnOptionnalLinkWithTooltip
-                                content={<Trash />}
-                                disabled={!value}
-                                onClick={() => {
-                                    setData(name, null)
-                                    setRefresh(Date.now())
-                                }}
-                                tooltipContent={
-                                    <p>
-                                        {str(GetTranslation('back.input_video.tooltip.delete')).ucFirst().value()}
-                                    </p>
-                                }
-                                size="sm"
-                                className="h-20 rounded-t-none rounded-l-none"
-                                variant="destructive"
-                            />
-                        )
-                    }
-                </div>
-            </div>
-
-            <InputError message={errors[name]} />
-        </div>
-    )
-}
-export default VideoInput;

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Image/Image.tsx

@@ -23,6 +23,7 @@ const Image = TiptapImage.extend({
             width: null,
             height: null,
             alt: null,
+            title: null,
             caption: null,
             style: null,
         };
@@ -44,6 +45,7 @@ const Image = TiptapImage.extend({
                     return {
                         src: img.src,
                         alt: img.getAttribute("alt"),
+                        title: img.getAttribute("title"),
                         width: parseInt(
                             img.getAttribute("width") || imageDetails.width,
                             10,

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Image/ImageButton.tsx

@@ -57,10 +57,12 @@ export default function ImageButton({ editor, disabled }: ImageProps) {
     // Values of inputs text.
     const [inputText, setInputText] = useState<{
         alt: string;
+        title: string;
         caption: string | null;
         hasCaption: boolean;
     }>({
         alt: "",
+        title: "",
         caption: null,
         hasCaption: false,
     });
@@ -78,7 +80,8 @@ export default function ImageButton({ editor, disabled }: ImageProps) {
         .ucFirst()
         .value();
     const transImage = useTrans("back.wysiwyg.image.image");
-    const transAlt = useTrans("back.wysiwyg.image.alt");
+    const transAlt = useTrans("back.wysiwyg.image.attribute_alt");
+    const transTitle = useTrans("back.wysiwyg.image.attribute_title");
     const transCaption = useTrans("back.wysiwyg.image.caption");
     const transValidation = (attribute: string) => {
         return {
@@ -94,6 +97,7 @@ export default function ImageButton({ editor, disabled }: ImageProps) {
         };
     };
     const transValidationAlt = transValidation(transAlt);
+    const transValidationTitle = transValidation(transTitle);
     const transValidationCaption = transValidation(transCaption);
 
     // List of image types.
@@ -169,6 +173,7 @@ export default function ImageButton({ editor, disabled }: ImageProps) {
             upload: "image",
             inputFile: "image",
             alt: "alt",
+            title: "title",
             caption: "caption",
         };
         // Manage zod errors.
@@ -216,6 +221,7 @@ export default function ImageButton({ editor, disabled }: ImageProps) {
         setFile(null);
         setInputText({
             alt: "",
+            title: "",
             caption: null,
             hasCaption: false,
         });
@@ -275,6 +281,7 @@ export default function ImageButton({ editor, disabled }: ImageProps) {
         const inputTextSchema = imageTextSchema({
             hasCaption: inputText.hasCaption,
             transValidationAlt,
+            transValidationTitle,
             transValidationCaption,
         });
 
@@ -285,6 +292,7 @@ export default function ImageButton({ editor, disabled }: ImageProps) {
                 .parse({
                     inputFile,
                     alt: inputText.alt,
+                    title: inputText.title,
                     caption: inputText.caption,
                 });
 
@@ -295,6 +303,7 @@ export default function ImageButton({ editor, disabled }: ImageProps) {
                 editor.commands.setImage({
                     src: imageSrc,
                     alt: parsedZod.alt,
+                    title: parsedZod.title,
                     caption: parsedZod.caption,
                     width: String(inputType.width),
                     height: String(inputType.height),
@@ -336,6 +345,7 @@ export default function ImageButton({ editor, disabled }: ImageProps) {
     useEffect(() => {
         setInputText({
             alt: inputText.alt,
+            title: inputText.title,
             caption: inputText.hasCaption ? inputText.caption : null,
             hasCaption: inputText.hasCaption,
         });

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Image/ImageInputs.tsx

@@ -7,6 +7,7 @@ import str from "@/hooks/use-string";
 type ImageInputsProps = {
     value: {
         alt: string;
+        title: string;
         caption: string | null;
         hasCaption: boolean;
     };
@@ -31,13 +32,30 @@ export default function ImageInputs({
             {/* Input alt attribute of the image. */}
             <SimpleString
                 name="alt"
-                label={str(useTrans("back.wysiwyg.image.alt"))
+                label={str(useTrans("back.wysiwyg.image.attribute_alt"))
                     .ucFirst()
                     .value()}
                 placeholder="ex: John Doe"
                 required
                 value={value.alt}
-                setData={(_, v) => onChange({ ...value, alt: v })}
+                setData={(_, currentValue) =>
+                    onChange({ ...value, alt: currentValue })
+                }
+                disabled={disabled || loading}
+                parentErrors={errors}
+            />
+            {/* Input title attribute of the image. */}
+            <SimpleString
+                name="title"
+                label={str(useTrans("back.wysiwyg.image.attribute_title"))
+                    .ucFirst()
+                    .value()}
+                placeholder="ex: John Doe"
+                required
+                value={value.title}
+                setData={(_, currentValue) =>
+                    onChange({ ...value, title: currentValue })
+                }
                 disabled={disabled || loading}
                 parentErrors={errors}
             />
@@ -52,11 +70,11 @@ export default function ImageInputs({
                     name="hasCaption"
                     checked={value.hasCaption}
                     className="justify-center"
-                    setData={(_, v) =>
+                    setData={(_, currentValue) =>
                         onChange({
                             ...value,
-                            hasCaption: v,
-                            caption: v ? value.caption : null,
+                            hasCaption: currentValue,
+                            caption: currentValue ? value.caption : null,
                         })
                     }
                 />
@@ -68,7 +86,9 @@ export default function ImageInputs({
                         placeholder="ex: John Doe"
                         required={false}
                         value={value.caption ?? ""}
-                        setData={(_, v) => onChange({ ...value, caption: v })}
+                        setData={(_, currentValue) =>
+                            onChange({ ...value, caption: currentValue })
+                        }
                         disabled={disabled || loading}
                         parentErrors={errors}
                     />

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Image/ImageNodeView.tsx

@@ -84,6 +84,7 @@ const PLACEMENT_STYLES: Record<PlacementValue, string> = {
 type ImageAttrs = {
     src: string;
     alt: string;
+    title: string;
     width: number;
     height: number;
     caption: string | null;
@@ -112,10 +113,12 @@ export default function ImageNodeView(props: NodeViewProps) {
     // Values of inputs text.
     const [inputText, setInputText] = useState<{
         alt: string;
+        title: string;
         caption: string | null;
         hasCaption: boolean;
     }>({
         alt: attrs.alt,
+        title: attrs.title,
         caption: attrs.caption,
         hasCaption: !!attrs.caption,
     });
@@ -123,7 +126,8 @@ export default function ImageNodeView(props: NodeViewProps) {
     const [topSticky, setTopSticky] = useState<number>(0);
 
     // Translations.
-    const transAlt = useTrans("back.wysiwyg.image.alt");
+    const transAlt = useTrans("back.wysiwyg.image.attribute_alt");
+    const transTitle = useTrans("back.wysiwyg.image.attribute_title");
     const transCaption = useTrans("back.wysiwyg.image.caption");
     const transValidation = (attribute: string) => {
         return {
@@ -139,6 +143,7 @@ export default function ImageNodeView(props: NodeViewProps) {
         };
     };
     const transValidationAlt = transValidation(transAlt);
+    const transValidationTitle = transValidation(transTitle);
     const transValidationCaption = transValidation(transCaption);
 
     /**
@@ -260,6 +265,7 @@ export default function ImageNodeView(props: NodeViewProps) {
         const fieldErrors: typeof errors = {};
         const fieldMapping: Record<string, string> = {
             alt: "alt",
+            title: "title",
             caption: "caption",
         };
         if (err instanceof z.ZodError) {
@@ -284,6 +290,7 @@ export default function ImageNodeView(props: NodeViewProps) {
         const inputTextSchema = imageTextSchema({
             hasCaption: inputText.hasCaption,
             transValidationAlt,
+            transValidationTitle,
             transValidationCaption,
         });
 
@@ -291,12 +298,14 @@ export default function ImageNodeView(props: NodeViewProps) {
             // Validate data.
             const parsedZod = inputTextSchema.parse({
                 alt: inputText.alt,
+                title: inputText.title,
                 caption: inputText.caption,
             });
 
             // Update data of the image in @tiptap editor.
             updateAttributes({
                 alt: parsedZod.alt,
+                title: parsedZod.title,
                 caption: parsedZod.caption,
             });
             setOpen(false);
@@ -374,6 +383,7 @@ export default function ImageNodeView(props: NodeViewProps) {
     useEffect(() => {
         setInputText({
             alt: inputText.alt,
+            title: inputText.title,
             caption: inputText.hasCaption ? inputText.caption : null,
             hasCaption: inputText.hasCaption,
         });
@@ -423,6 +433,7 @@ export default function ImageNodeView(props: NodeViewProps) {
                 ref={imgRef}
                 src={attrs.src.replace(url, "")}
                 alt={attrs.alt}
+                title={attrs.title}
                 width={attrs.width}
                 height={attrs.height}
                 draggable={false}

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Image/ImageUtils.tsx

@@ -17,6 +17,7 @@ export const imageDetails = {
 export const imageTextSchema = ({
     hasCaption,
     transValidationAlt,
+    transValidationTitle,
     transValidationCaption,
 }: {
     hasCaption: boolean;
@@ -25,6 +26,11 @@ export const imageTextSchema = ({
         max: string;
         string: string;
     };
+    transValidationTitle: {
+        min: string;
+        max: string;
+        string: string;
+    };
     transValidationCaption: {
         min: string;
         max: string;
@@ -36,15 +42,21 @@ export const imageTextSchema = ({
         .string({ message: transValidationAlt.string })
         .min(3, transValidationAlt.min)
         .max(255, transValidationAlt.max);
+    // Attribute title zod rules.
+    const titleRules = z
+        .string({ message: transValidationTitle.string })
+        .min(3, transValidationTitle.min)
+        .max(255, transValidationTitle.max);
     // Caption zod rules.
     const captionRules = z
-        .string({ message: transValidationAlt.string })
+        .string({ message: transValidationCaption.string })
         .min(3, transValidationCaption.min)
         .max(255, transValidationCaption.max);
 
     // Return zod object.
     return z.object({
         alt: altRules,
+        title: titleRules,
         caption: hasCaption ? captionRules : z.null(),
     });
 };

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Image/image.d.ts

@@ -9,6 +9,7 @@ declare module "@tiptap/core" {
             setImage: (attrs: {
                 src: string;
                 alt: string;
+                title: string;
                 caption: string | null;
                 width: string;
                 height: string;

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Video/Video.tsx

@@ -1,9 +1,9 @@
 import { Node } from '@tiptap/core';
 import { ReactNodeViewRenderer } from "@tiptap/react";
-import { buildVideoSrc } from "../../../Video/VideoUtils";
+import { buildVideoSrc } from "./VideoUtils";
 import VideoNodeView, { FLOAT_STYLES, FloatOption } from "./VideoNodeView";
 import { CommandProps } from '@tiptap/core';
-import { VideoAttributes } from '../../../Video/VideoButton';
+import { VideoAttributes } from './video';
 
 export const Video = Node.create({
     name: "video",
@@ -12,7 +12,8 @@ export const Video = Node.create({
 
     addAttributes() {
         return {
-            videoId: { default: null },
+            youtubeId: { default: null },
+            vimeoId: { default: null },
             width: { default: 1008 },
             height: { default: 567 },
             caption: { default: null },
@@ -21,10 +22,6 @@ export const Video = Node.create({
             isMuted: { default: false },
             hasControls: { default: true },
             canFullScreen: { default: true },
-            format: { default: "landscape" },
-            hasCaption: { default: false },
-            alt: { default: "" },
-            provider: { default : 1 }
         };
     },
 
@@ -42,7 +39,8 @@ export const Video = Node.create({
                     const vimeoMatch = src.match(/vimeo\.com\/video\/(\d+)/);
 
                     return {
-                        videoId: youtubeMatch?.[1] ?? vimeoMatch?.[1] ?? null,
+                        youtubeId: youtubeMatch?.[1] ?? null,
+                        vimeoId: vimeoMatch?.[1] ?? null,
                         width: parseInt(iframe.getAttribute("width") || "1008"),
                         height: parseInt(iframe.getAttribute("height") || "567"),
                         caption: figcaption?.textContent ?? null,
@@ -58,8 +56,8 @@ export const Video = Node.create({
     // Render the node to HTML (used for storage and front-end display).
     renderHTML({ node }) {
         const {
-            videoId,
-            provider,
+            youtubeId,
+            vimeoId,
             width,
             height,
             caption,
@@ -70,7 +68,7 @@ export const Video = Node.create({
             canFullScreen,
         } = node.attrs as VideoAttributes;
 
-        const src = buildVideoSrc({ videoId, isMuted, hasControls, provider });
+        const src = buildVideoSrc({ youtubeId, vimeoId, isMuted, hasControls });
 
         const floatStyle = float ? FLOAT_STYLES[float as FloatOption] : null;
         const alignStyle = !float && style ? style : null;

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Video/VideoButton.tsx

@@ -0,0 +1,388 @@
+// * Packages
+import { useState } from "react";
+import { VideoIcon } from "lucide-react";
+// * Components shadcn
+import {
+    Dialog,
+    DialogDescription,
+    DialogContent,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+    DialogFooter,
+} from "@/components/ui/dialog";
+import { Label } from "@/components/ui/label";
+import { Button } from "@/components/ui/button";
+// * Other
+import {
+    videoDetails,
+    extractYoutubeId,
+    extractVimeoId,
+    videoTextSchema,
+    isBoolsSchema,
+} from "@/back/Components/Inputs/Wysiwyg/Extensions/Video/VideoUtils";
+import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
+import useTrans from "@/hooks/use-translations";
+import str from "@/hooks/use-string";
+import VideoInputs from "./VideoInputs";
+import SimpleVimeoId from "../../../SimpleVimeoId";
+import SimpleYoutubeId from "../../../SimpleYoutubeId";
+import { Editor } from "@tiptap/core";
+import { GetTranslation } from "@/lib/utils";
+import z from "zod";
+
+
+export type VideoProviderType = "youtube" | "vimeo";
+
+export type InputVideoValues = {
+    caption: string | null;
+    hasCaption: boolean;
+    isMuted: boolean;
+    hasControls: boolean;
+    canFullScreen: boolean;
+};
+
+type VideoFormatOption = {
+    name: "landscape" | "portrait";
+    width: number;
+    height: number;
+};
+
+type VideoProps = {
+    editor: Editor;
+    disabled: boolean;
+};
+
+const VIDEO_FORMATS: VideoFormatOption[] = [
+    { name: "landscape", width: Number(videoDetails.width), height: Number(videoDetails.height) },
+    { name: "portrait", width: Number(videoDetails.height), height: Number(videoDetails.width) },
+];
+
+const DEFAULT_OPTIONS: InputVideoValues = {
+    caption: null,
+    hasCaption: false,
+    isMuted: false,
+    hasControls: true,
+    canFullScreen: true,
+};
+
+const animationTime = 200;
+
+export default function VideoButton({ editor, disabled }: VideoProps) {
+
+    const [open, setOpen] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [errors, setErrors] = useState<Record<string, string>>({});
+    const [videoProvider, setVideoProvider] = useState<VideoProviderType>("youtube");
+    const [videoUrl, setVideoUrl] = useState<string>("");
+    const [inputFormat, setInputFormat] = useState<VideoFormatOption>(VIDEO_FORMATS[0]);
+    const [options, setOptions] = useState<InputVideoValues>(DEFAULT_OPTIONS);
+
+    const resetComponent = () => {
+        setVideoUrl("");
+        setOptions(DEFAULT_OPTIONS);
+        setVideoProvider("youtube");
+        setInputFormat(VIDEO_FORMATS[0]);
+        setErrors({});
+        setLoading(false);
+    };
+
+    //* TRANSLATIONS
+    const transCaption = GetTranslation("back.wysiwyg.video.caption");
+    const transIsMuted = GetTranslation("back.wysiwyg.video.is_muted");
+    const transHasControls = GetTranslation("back.wysiwyg.video.has_controls");
+    const transCanFullScreen = GetTranslation("back.wysiwyg.video.can_fullScreen");
+    const youtubeError = str(GetTranslation("back.wysiwyg.video.invalid_youtube_id")).ucFirst().value();
+    const vimeoError = str(GetTranslation("back.wysiwyg.video.invalid_vimeo_id")).ucFirst().value();
+
+    const transValidation = (attribute: string) => {
+        return {
+            min: GetTranslation("validation.min.string", {
+                params: { attribute, min: "3" },
+            }),
+            max: GetTranslation("validation.max.string", {
+                params: { attribute, max: "255" },
+            }),
+            string: GetTranslation("validation.string", {
+                params: { attribute },
+            }),
+            boolean: GetTranslation("validation.boolean", {
+                params: { attribute }
+            })
+        };
+    };
+    const transValidationCaption = transValidation(transCaption);
+    const transValidationIsMuted = transValidation(transIsMuted);
+    const transValidationHasControls = transValidation(transHasControls);
+    const transValidationCanFullScreen = transValidation(transCanFullScreen);
+
+    /**
+     * Set new errors from object errors
+     *
+     * @param err unknown
+     * @return void
+     */
+    const setNewErrors = (err: unknown): void => {
+        const fieldErrors: typeof errors = {};
+        const fieldMapping: Record<string, string> = {
+            caption: "caption",
+            isMuted: "isMuted",
+            hasControls: "hasControls",
+            canFullScreen: "canFullScreen"
+        };
+        // Manage zod errors.
+        if (err instanceof z.ZodError) {
+            err.issues.forEach((error) => {
+                const key = error.path[0] as string | undefined;
+                const mappedKey =
+                    (key && fieldMapping[key]) ??
+                    (error.path.length === 0 ? "form" : undefined);
+                if (mappedKey) fieldErrors[mappedKey] = error.message;
+            });
+
+            setErrors(fieldErrors);
+            return;
+        }
+    };
+
+    const handleAddVideo = (): void => {
+        setLoading(true);
+        setErrors({});
+
+        const videoMetadataSchema = videoTextSchema({
+            hasCaption: options.hasCaption,
+            transValidationCaption: transValidationCaption
+        });
+
+        const isBoolsSchemaValidation = isBoolsSchema({
+            canFullScreen: transValidationCanFullScreen.boolean,
+            isMuted: transValidationIsMuted.boolean,
+            hasControls: transValidationHasControls.boolean
+        });
+
+        const videoData = {
+            caption: options.caption,
+            isMuted: options.isMuted,
+            hasControls: options.hasControls,
+            canFullScreen: options.canFullScreen,
+            url: videoUrl
+        };
+
+        let youtubeId: string | null = null;
+        let vimeoId: string | null = null;
+
+        try {
+            videoMetadataSchema.parse(videoData);
+            isBoolsSchemaValidation.parse(videoData);
+            if (videoProvider === "youtube") {
+                youtubeId = extractYoutubeId(videoUrl);
+                if (!youtubeId) {
+                    setErrors({ url:  youtubeError});
+                    setLoading(false);
+                    return;
+                }
+            } else {
+                vimeoId = extractVimeoId(videoUrl);
+                if (!vimeoId) {
+                    setErrors({ url:  vimeoError});
+                    setLoading(false);
+                    return;
+                }
+            }
+
+            editor.commands.setVideo({
+                youtubeId,
+                vimeoId,
+                width: inputFormat.width,
+                height: inputFormat.height,
+                caption: options.hasCaption ? options.caption : null,
+                isMuted: options.isMuted,
+                hasControls: options.hasControls,
+                canFullScreen: options.canFullScreen,
+            });
+
+            setOpen(false);
+            setTimeout(() => resetComponent(), animationTime);
+
+        } catch (err) {
+            console.log(err)
+            setNewErrors(err);
+        }
+
+        setLoading(false);
+    };
+
+    const handleCancel = (): void => {
+        setOpen(false);
+        setTimeout(() => resetComponent(), animationTime);
+    };
+
+    return (
+        <Dialog
+            open={open}
+            onOpenChange={(status) => {
+                setOpen(status);
+                if (!status) setTimeout(() => resetComponent(), animationTime);
+            }}
+        >
+            <DialogTrigger asChild>
+                <BtnOptionnalLinkWithTooltip
+                    content={<VideoIcon className="w-4 h-4 m-auto" />}
+                    tooltipContent={str(useTrans("back.wysiwyg.video.tooltip")).ucFirst().value()}
+                    disabled={disabled}
+                    type="button"
+                    variant="ghost"
+                    size="icon"
+                />
+            </DialogTrigger>
+            <DialogContent className="p-4">
+                <DialogHeader className="px-2 pt-2">
+                    <DialogTitle>
+                        {useTrans("back.wysiwyg.video.title")}
+                    </DialogTitle>
+                    <DialogDescription>
+                        {useTrans("back.wysiwyg.video.subtitle")}
+                    </DialogDescription>
+                </DialogHeader>
+                <div className="overflow-y-auto max-h-[70vh] flex flex-col gap-4 px-2">
+                    {/* Provider selection */}
+                    <div className="flex flex-col gap-1.5">
+                        <Label>
+                            {str(useTrans("back.wysiwyg.video.provider")).ucFirst().value()}
+                        </Label>
+                        <div className="flex gap-4">
+                            {(["youtube", "vimeo"] as VideoProviderType[]).map((provider) => (
+                                <Button
+                                    key={provider}
+                                    type="button"
+                                    onClick={() => {
+                                        setVideoProvider(provider);
+                                        setVideoUrl("");
+                                        setErrors({});
+                                    }}
+                                    variant={videoProvider === provider ? "default" : "secondary"}
+                                    className="flex-1 flex flex-col items-center gap-2 h-fit py-3 [&_svg]:size-8"
+                                >
+                                    {provider === "youtube" ? <YoutubeIcon /> : <VimeoIcon />}
+                                    <span className="text-sm font-medium capitalize">{provider}</span>
+                                </Button>
+                            ))}
+                        </div>
+                    </div>
+
+                    {/* URL / ID input */}
+                    {videoProvider === "youtube" ? (
+                        <SimpleYoutubeId
+                            name="url"
+                            value={videoUrl}
+                            setData={(_, v) => {
+                                setErrors((prev) => ({ ...prev, url: "" }));
+                                setVideoUrl(v as string);
+                            }}
+                            required={false}
+                            parentErrors={errors}
+                            disabled={loading}
+                        />
+                    ) : (
+                        <SimpleVimeoId
+                            name="url"
+                            value={videoUrl}
+                            setData={(_, v) => {
+                                setErrors((prev) => ({ ...prev, url: "" }));
+                                setVideoUrl(v as string);
+                            }}
+                            required={false}
+                            parentErrors={errors}
+                            disabled={loading}
+                        />
+                    )}
+
+
+
+                    {/* Format selection */}
+                    <div className="flex flex-col gap-1.5">
+                        <Label>
+                            {str(useTrans("back.wysiwyg.video.format")).ucFirst().value()}
+                        </Label>
+                        <div className="flex gap-4">
+                            {VIDEO_FORMATS.map((format) => (
+                                <Button
+                                    key={format.name}
+                                    type="button"
+                                    onClick={() => setInputFormat(format)}
+                                    variant={inputFormat.name === format.name ? "default" : "secondary"}
+                                    className="flex-1 flex flex-col items-center gap-2 h-fit py-3"
+                                >
+                                    <div className="w-16 h-12 flex items-center justify-center">
+                                        <div
+                                            className={
+                                                format.name === "landscape"
+                                                    ? "w-14 h-8 bg-current opacity-50 rounded"
+                                                    : "w-8 h-12 bg-current opacity-50 rounded"
+                                            }
+                                        />
+                                    </div>
+                                    <span className="text-sm font-medium">
+                                        {str(useTrans(`back.wysiwyg.video.${format.name}`)).ucFirst().value()}
+                                    </span>
+                                </Button>
+                            ))}
+                        </div>
+                    </div>
+
+                    {/* Options: caption, muted, controls, fullscreen */}
+                    <VideoInputs
+                        value={options}
+                        onChange={setOptions}
+                        disabled={loading}
+                        errors={errors}
+                    />
+                </div>
+                <DialogFooter className="gap-1.5 px-2 pb-2">
+                    <BtnOptionnalLinkWithTooltip
+                        content={str(useTrans("back.wysiwyg.video.cancel")).ucFirst().value()}
+                        tooltipContent={useTrans("back.wysiwyg.video.tooltip_cancel")}
+                        className="cursor-pointer"
+                        variant="secondary"
+                        type="button"
+                        size="default"
+                        disabled={loading}
+                        onClick={handleCancel}
+                    />
+                    <BtnOptionnalLinkWithTooltip
+                        content={str(useTrans("back.wysiwyg.video.insert")).ucFirst().value()}
+                        tooltipContent={useTrans("back.wysiwyg.video.tooltip_insert")}
+                        className="cursor-pointer"
+                        type="button"
+                        size="default"
+                        disabled={loading || !videoUrl.trim()}
+                        onClick={handleAddVideo}
+                    />
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>
+    );
+}
+
+function YoutubeIcon() {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+            <path
+                fill="#FF0000"
+                d="M23.498 6.186a2.998 2.998 0 0 0-2.11-2.117C19.66 3.5 12 3.5 12 3.5s-7.66 0-9.388.569A2.998 2.998 0 0 0 .502 6.186 31.198 31.198 0 0 0 0 12a31.198 31.198 0 0 0 .502 5.814 2.998 2.998 0 0 0 2.11 2.117C4.34 20.5 12 20.5 12 20.5s7.66 0 9.388-.569a2.998 2.998 0 0 0 2.11-2.117A31.198 31.198 0 0 0 24 12a31.198 31.198 0 0 0-.502-5.814z"
+            />
+            <path fill="#FFF" d="M9.545 15.568l6.364-3.568-6.364-3.568v7.136z" />
+        </svg>
+    );
+}
+
+function VimeoIcon() {
+    return (
+        <svg viewBox="0 -3.5 48 48" xmlns="http://www.w3.org/2000/svg" fill="none">
+            <path
+                fill="#00B2EA"
+                d="M47.975851,9.479329 C47.767002,14.100014 44.498808,20.41644 38.193846,28.431401 C31.668746,36.81233 26.13991,41 21.621448,41 C18.827396,41 16.459507,38.452198 14.526249,33.339832 C13.230825,28.649305 11.943867,23.958779 10.651265,19.282221 C9.211905,14.167061 7.670943,11.610878 6.022735,11.610878 C5.664306,11.610878 4.414038,12.356781 2.25782,13.85138 L0,10.971134 C2.365066,8.917807 4.696265,6.856098 6.996419,4.799977 C10.146078,2.101318 12.513967,0.684941 14.094441,0.536878 C17.819844,0.179292 20.117175,2.701951 20.983614,8.096476 C21.906498,13.921221 22.555621,17.541782 22.91405,18.960952 C23.992159,23.788367 25.17187,26.196487 26.464472,26.196487 C27.466379,26.196487 28.973474,24.637634 30.982934,21.517135 C32.992393,18.391049 34.062036,16.016453 34.208794,14.379378 C34.496666,11.680719 33.421379,10.339771 30.982934,10.339771 C29.834268,10.339771 28.648912,10.580024 27.432512,11.08288 C29.803223,3.486965 34.318863,-0.206231 40.99072,0.00888 C45.932524,0.145768 48.266545,3.308172 47.975851,9.479329"
+            />
+        </svg>
+    );
+}

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Video/VideoInputs.tsx

@@ -0,0 +1,116 @@
+// * Other
+import SimpleString from "@/back/Components/Inputs/SimpleString";
+import SimpleSwitch from "@/back/Components/Inputs/SimpleSwitch";
+import useTrans from "@/hooks/use-translations";
+import str from "@/hooks/use-string";
+import { InputVideoValues } from "./VideoButton";
+
+type VideoInputsProps = {
+    value: InputVideoValues;
+    onChange: (value: InputVideoValues) => void;
+    errors?: Record<string, string>;
+    disabled?: boolean;
+    loading?: boolean;
+};
+
+export default function VideoInputs({
+    value,
+    onChange,
+    errors = {},
+    disabled = false,
+    loading = false
+}: VideoInputsProps) {
+    const transVideoCaption = useTrans("back.wysiwyg.video.caption");
+
+    return (
+        <>
+            <div className="flex flex-col gap-4 p-6 border rounded-md">
+                {/* Input switch to set the caption visibility. */}
+                <SimpleSwitch
+                    label={str(useTrans("back.wysiwyg.video.has_caption"))
+                        .ucFirst()
+                        .value()}
+                    leftHelper={str(useTrans("back.no")).ucFirst().value()}
+                    rightHelper={str(useTrans("back.yes")).ucFirst().value()}
+                    name="hasCaption"
+                    checked={value.hasCaption}
+                    className="justify-center"
+                    setData={(_, v) =>
+                        onChange({
+                            ...value,
+                            hasCaption: v,
+                            caption: v ? value.caption : null,
+                        })
+                    }
+                />
+                {/* Input caption of the video. */}
+                {value.hasCaption && (
+                    <SimpleString
+                        name="caption"
+                        label={str(transVideoCaption).ucFirst().value()}
+                        placeholder="ex: John Doe"
+                        required={false}
+                        value={value.caption ?? ""}
+                        setData={(_, v) => onChange({ ...value, caption: v })}
+                        disabled={disabled || loading}
+                        parentErrors={errors}
+                    />
+                )}
+            </div>
+
+            <SimpleSwitch
+                label={str(useTrans("back.wysiwyg.video.is_muted"))
+                    .ucFirst()
+                    .value()}
+                leftHelper={str(useTrans("back.no")).ucFirst().value()}
+                rightHelper={str(useTrans("back.yes")).ucFirst().value()}
+                name="isMuted"
+                checked={value.isMuted}
+                className="justify-center"
+                setData={(_, v) =>
+                    onChange({
+                        ...value,
+                        isMuted: v,
+                    })
+                }
+                parentErrors={errors}
+            />
+
+            <SimpleSwitch
+                label={str(useTrans("back.wysiwyg.video.has_controls"))
+                    .ucFirst()
+                    .value()}
+                leftHelper={str(useTrans("back.no")).ucFirst().value()}
+                rightHelper={str(useTrans("back.yes")).ucFirst().value()}
+                name="hasControls"
+                checked={value.hasControls}
+                className="justify-center"
+                setData={(_, v) =>
+                    onChange({
+                        ...value,
+                        hasControls: v,
+                    })
+                }
+                parentErrors={errors}
+            />
+
+            <SimpleSwitch
+                label={str(useTrans("back.wysiwyg.video.can_fullScreen"))
+                    .ucFirst()
+                    .value()}
+                leftHelper={str(useTrans("back.no")).ucFirst().value()}
+                rightHelper={str(useTrans("back.yes")).ucFirst().value()}
+                name="canFullScreen"
+                checked={value.canFullScreen}
+                className="justify-center"
+                setData={(_, v) =>
+                    onChange({
+                        ...value,
+                        canFullScreen: v,
+                    })
+                }
+                parentErrors={errors}
+            />
+        </>
+    );
+}

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Video/VideoNodeView.tsx

@@ -31,14 +31,15 @@ import {
 import {
     buildVideoSrc,
     videoDetails,
-} from "@/back/Components/Inputs/Video/VideoUtils";
+} from "@/back/Components/Inputs/Wysiwyg/Extensions/Video/VideoUtils";
 import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
 import useTrans from "@/hooks/use-translations";
 import str from "@/hooks/use-string";
 import { cn } from "@/lib/utils";
 import { parseStyleString } from "@/hooks/use-inline-style";
-import VideoInputs from "@/back/Components/Inputs/Video/VideoInputs";
-import { InputVideoValues, VideoAttributes } from "../../../Video/VideoButton";
+import VideoInputs from "@/back/Components/Inputs/Wysiwyg/Extensions/Video/VideoInputs";
+import { InputVideoValues } from "./VideoButton";
+import { VideoAttributes } from "./video";
 
 export type AllowedAligns = "left" | "center" | "right";
 
@@ -97,18 +98,14 @@ export default function VideoNodeView(props: NodeViewProps) {
         isMuted: attrs.isMuted,
         hasControls: attrs.hasControls,
         canFullScreen: attrs.canFullScreen,
-        alt: attrs.alt,
-        format: attrs.format,
-        provider: attrs.provider,
-        videoId: attrs.videoId ?? ""
     });
 
     // Rebuild iframe src when attrs change (e.g. after edit dialog save)
     const src = buildVideoSrc({
-        videoId: attrs.videoId,
+        youtubeId: attrs.youtubeId,
+        vimeoId: attrs.vimeoId,
         isMuted: attrs.isMuted,
         hasControls: attrs.hasControls,
-        provider: attrs.provider
     });
 
     const getCurrentPlacement = (): PlacementValue | null => {
@@ -235,7 +232,6 @@ export default function VideoNodeView(props: NodeViewProps) {
                     // Disable pointer events when selected so clicks go to the editor
                     style={{ pointerEvents: selected ? "none" : "auto", display: "block" }}
                 />
-                <div className="iframe-overlay"></div>
             </div>
 
             {selected && (
@@ -301,10 +297,10 @@ export default function VideoNodeView(props: NodeViewProps) {
                 <DialogContent className="p-4">
                     <DialogHeader className="px-2 pt-2">
                         <DialogTitle>
-                            {useTrans("back.input_video.edit_title")}
+                            {useTrans("back.wysiwyg.video.edit_title")}
                         </DialogTitle>
                         <DialogDescription>
-                            {useTrans("back.input_video.edit_subtitle")}
+                            {useTrans("back.wysiwyg.video.edit_subtitle")}
                         </DialogDescription>
                     </DialogHeader>
                     <div className="overflow-y-auto max-h-[70vh] flex flex-col gap-4 px-2">
@@ -315,16 +311,16 @@ export default function VideoNodeView(props: NodeViewProps) {
                     </div>
                     <DialogFooter className="gap-1.5 px-2 pb-2">
                         <BtnOptionnalLinkWithTooltip
-                            content={useTrans("back.input_video.edit_cancel")}
-                            tooltipContent={str(useTrans("back.input_video.tooltip.edit_cancel")).ucFirst().value()}
+                            content={useTrans("back.wysiwyg.video.edit_cancel")}
+                            tooltipContent={str(useTrans("back.wysiwyg.video.edit_tooltip_cancel")).ucFirst().value()}
                             onClick={() => setOpen(false)}
                             type="button"
                             variant="secondary"
                             size="default"
                         />
                         <BtnOptionnalLinkWithTooltip
-                            content={useTrans("back.input_video.edit_apply")}
-                            tooltipContent={str(useTrans("back.input_video.tooltip.edit_apply")).ucFirst().value()}
+                            content={useTrans("back.wysiwyg.video.edit_apply")}
+                            tooltipContent={str(useTrans("back.wysiwyg.video.edit_tooltip_apply")).ucFirst().value()}
                             onClick={saveDialog}
                             type="button"
                             variant="default"

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Video/VideoUtils.tsx

@@ -43,23 +43,25 @@ export const extractVimeoId = (input: string): string | null => {
  * Build the iframe src URL for YouTube or Vimeo with options.
  */
 export const buildVideoSrc = (attrs: {
-    videoId?: string | null;
+    youtubeId?: string | null;
+    vimeoId?: string | null;
     isMuted?: boolean;
     hasControls?: boolean;
-    provider: number;
 }): string => {
     const params = new URLSearchParams();
-    const query = params.toString();
-    if (attrs.provider == 1) {
+
+    if (attrs.youtubeId) {
         if (attrs.isMuted) params.set("mute", "1");
         params.set("controls", attrs.hasControls ? "1" : "0");
-        return `https://www.youtube.com/embed/${attrs.videoId}${query ? `?${query}` : ""}`;
+        const query = params.toString();
+        return `https://www.youtube.com/embed/${attrs.youtubeId}${query ? `?${query}` : ""}`;
     }
 
-    if (attrs.provider == 2) {
+    if (attrs.vimeoId) {
         if (attrs.isMuted) params.set("muted", "1");
         if (!attrs.hasControls) params.set("controls", "0");
-        return `https://player.vimeo.com/video/${attrs.videoId}${query ? `?${query}` : ""}`;
+        const query = params.toString();
+        return `https://player.vimeo.com/video/${attrs.vimeoId}${query ? `?${query}` : ""}`;
     }
 
     return "";
@@ -71,21 +73,10 @@ export const buildVideoSrc = (attrs: {
 export const videoTextSchema = ({
     hasCaption,
     transValidationCaption,
-    transValidationAlt,
 }: {
     hasCaption: boolean;
     transValidationCaption: { min: string; max: string; string: string, boolean: string };
-    transValidationAlt: {
-        min: string;
-        max: string;
-        string: string;
-    };
 }) => {
-    const altRules = z
-    .string({ message: transValidationAlt.string })
-    .min(3, transValidationAlt.min)
-    .max(255, transValidationAlt.max);
-
     const captionRules = z
         .string({ message: transValidationCaption.string })
         .min(3, transValidationCaption.min)
@@ -98,7 +89,6 @@ export const videoTextSchema = ({
         isMuted: isBool,
         hasControls: isBool,
         canFullScreen: isBool,
-        alt: altRules
     });
 };
 

resources/ts/back/Components/Inputs/Wysiwyg/Extensions/Video/video.d.ts

@@ -1,6 +1,5 @@
 // * Packages
 import "@tiptap/core";
-import { VideoAttributes } from "../../../Video/VideoButton";
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
@@ -10,3 +9,16 @@ declare module "@tiptap/core" {
         };
     }
 }
+
+interface VideoAttributes {
+    youtubeId: string | null;
+    vimeoId: string | null;
+    width: number;
+    style?: string | null;
+    float?: string | null;
+    height: number;
+    caption: string | null;
+    isMuted: boolean;
+    hasControls: boolean;
+    canFullScreen: boolean;
+}

resources/ts/back/Components/Inputs/Wysiwyg/SimpleWysiwyg.tsx

@@ -71,15 +71,8 @@ export default function SimpleWysiwyg({
     const stripHtmlTags = (html: string): string | null => {
         const temp = document.createElement("div");
         temp.innerHTML = html;
-        const text = temp.textContent?.trim() || "";
-        const hasValidImage = Array.from(temp.querySelectorAll("img"))
-            .some(img => img.getAttribute("src")?.trim());
-        const hasValidIframe = Array.from(temp.querySelectorAll("iframe"))
-            .some(iframe => iframe.getAttribute("src")?.trim());
-        if (!text && !hasValidImage && !hasValidIframe) {
-            return null;
-        }
-        return text || html;
+        const text = temp.textContent || temp.innerText || "";
+        return text.trim() === "" ? null : text;
     };
 
     /**
@@ -126,7 +119,7 @@ export default function SimpleWysiwyg({
             }),
             Image,
             Link,
-            Video,
+            Video
         ],
         // eslint-disable-next-line react-hooks/exhaustive-deps
         [],

resources/ts/back/Components/Inputs/Wysiwyg/Toolbar.tsx

@@ -47,7 +47,7 @@ import FindReplaceButton from "@/back/Components/Inputs/Wysiwyg/Extensions/Repla
 import BtnOptionnalLinkWithTooltip from "@/back/Components/BtnOptionnalLinkWithTooltip";
 import str from "@/hooks/use-string";
 import { cn, GetTranslation } from "@/lib/utils";
-import VideoButton from "../Video/VideoButton";
+import VideoButton from "./Extensions/Video/VideoButton";
 
 type AllowedHeadings = 1 | 2 | 3 | 4 | 5 | 6;
 
@@ -436,18 +436,7 @@ export default function Toolbar({ editor }: ToolbarProps) {
             <TableButton editor={editor} disabled={docSelected} />
             <ImageButton editor={editor} disabled={docSelected} />
             <LinkButton editor={editor} disabled={docSelected} />
-            <VideoButton
-                disabled={docSelected}
-                isSmallButton={true}
-                onValidateVideo={(value) => {
-                    if(value) {
-                        editor.commands.setVideo({
-                            ...value,
-                            caption: value.hasCaption ? value.caption : null,
-                        });
-                    }
-                }}
-            />
+            <VideoButton editor={editor} disabled={docSelected} />
             <Separator orientation="vertical" className="!h-auto" />
             <BtnOptionnalLinkWithTooltip
                 content={<PilcrowIcon className="w-4 h-4 m-auto" />}

resources/ts/back/Components/Layout/AppSidebar.tsx

@@ -164,7 +164,7 @@ export default function AppSidebar() {
         choice: 2,
     });
     const transAdmin = useTrans("enums.user-role.admin");
-    const transUsers = useTrans("models.classes.user", { choice: 2 });
+    const transUsers = useTrans("models.classes.user");
     const transActivityLogs = useTrans("models.classes.activity-log");
     const transPageConfigs = useTrans("models.classes.page-config", {
         choice: 2,

resources/ts/back/Components/PageConfigs/FieldGroup.tsx

@@ -428,7 +428,7 @@ export default function FieldGroup({
                                 />
                             </div>
                             {/* CHILDREN */}
-                            {currentEnum?.isarray && (
+                            {currentEnum?.value === enumDynamicFieldTypes.list.value && (
                                 <Accordion
                                     type="single"
                                     className="w-full mt-4"

resources/ts/back/Pages/DynamicPages/Form.tsx

@@ -253,7 +253,9 @@ export default function Form({
                         modelName={useTrans(`models.classes.${modelName}`, {
                             choice: 1,
                         })}
-                        pathField={data.isRoot ? "" : (dynamicPageUrl ?? "").replace(url, "").replace(/^\/+/, "")}
+                        pathField={data.isRoot ? "" : dynamicPageUrl
+                            .replace(url, "")
+                            .replace(/^\/+/, "")}
                         isAvailable={
                             model?.status ===
                             enumDynamicPageStatus.published.value

resources/ts/back/Pages/Users/Create.tsx

@@ -22,7 +22,7 @@ export default function Create({ data }: { data: SingleResource }) {
             : "crud.helpers.creation_model",
         {
             params: {
-                model: useTrans("models.classes.user", { choice: 1 }),
+                model: useTrans("models.classes.user"),
             },
         },
     );

resources/ts/back/Pages/Users/Edit.tsx

@@ -41,9 +41,7 @@ export default function Edit({ data }: { data: SingleResource }) {
     return (
         <AuthenticatedLayout
             title={useTrans("crud.helpers.edition_model", {
-                params: {
-                    model: useTrans("models.classes.user", { choice: 1 }),
-                },
+                params: { model: useTrans("models.classes.user") },
             })}
             beforeNode={beforeNode()}
         >

resources/ts/back/Pages/Users/Index.tsx

@@ -187,7 +187,7 @@ export default function Index({
 
     return (
         <AuthenticatedLayout
-            title={str(useTrans("models.classes.user", { choice: 1 }))
+            title={str(useTrans("models.classes.user"))
                 .ucFirst()
                 .plural()
                 .value()}

resources/ts/back/types/dynamic-pages.d.ts

@@ -1,7 +1,6 @@
 // * Other
 import { ModelPolicy } from "@/back/types/global";
 import { TranslationField } from "@/back/types/i18n";
-import { VideoAttributes } from "../Components/Inputs/Video/VideoButton";
 
 // Dynamic Page type, with policies.
 type DynamicPageModel = {
@@ -28,13 +27,12 @@ type DynamicFieldTypes = Record<
         name: string;
         value: number;
         validation: string;
-        isarray: boolean;
     }
 >;
 
 type DynamicInternalField = {
     id?: number;
-    value: string | number | boolean | File | Date | VideoAttributes;
+    value: string | number | boolean | File | Date;
     order: number;
 };
 

resources/ts/front/app.ts

@@ -1,6 +1,3 @@
-// ASSETS
-import.meta.glob("../../assets/images/**/*", { eager: true });
-
 // * Packages
 import Chart from "chart.js/auto";
 import axios from "axios";

resources/ts/hooks/use-string.tsx

@@ -20,7 +20,7 @@ interface Stringable {
      */
     slug: () => Stringable;
     /**
-     * Upper case the first letter of a word based.
+     * Pascal case a word based.
      * Examples:
      * - some $ in the GARDEN ! -> Some $ in the GARDEN !
      *
@@ -28,7 +28,7 @@ interface Stringable {
      */
     ucFirst: () => Stringable;
     /**
-     * Camel case a word based.
+     * Pascal case a word based.
      * Examples:
      * - Some $ in the GARDEN ! -> some$InTheGarden!
      *

resources/ts/vite-env.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-    readonly VITE_SENTRY_TRACES_SAMPLE_RATE: string | undefined;
-}
-
-interface ImportMeta {
-    readonly env: ImportMetaEnv;
-}

resources/views/components/front/page-404.blade.php

@@ -0,0 +1,146 @@
+<div class="page-error">
+    <div class="hero-static fw">
+        <div class="hero-static__wrapper wrapper">
+            <div class="lapki">
+                <svg version="1.1" id="Pattes" xmlns="http://www.w3.org/2000/svg"
+                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 268.8 400"
+                    style="enable-background:new 0 0 268.8 400;" xml:space="preserve">
+                    <path class="st1"
+                        d="M28.2,20.4L5.3,2C5.2,1.6,4.9,1.2,4.4,1C3.7,0.9,3.1,1.2,2.9,1.9C2.8,2.3,2.9,2.7,3.1,3L1,32.9
+                                                        c0,0.3,0.2,0.6,0.5,0.6c0,0,0.1,0,0.1,0c0.3,0,0.6-0.2,0.7-0.5l4.3-20.2L19.2,37c0.2,0.3,0.5,0.4,0.8,0.3c0.3-0.1,0.4-0.5,0.3-0.8
+                                                        l-9.5-25.3l16.7,10.2c0.3,0.2,0.6,0.1,0.8-0.2C28.5,21,28.5,20.6,28.2,20.4z">
+                    </path>
+                    <path class="st1"
+                        d="M62.4,33.9L42.7,12.1c-0.5,0-0.9-0.3-1-0.8c-0.2-0.6,0.1-1.3,0.8-1.5c0.4-0.1,0.8-0.1,1.1,0.2L73.2,6
+                                                        c0.3,0,0.6,0.1,0.7,0.4c0,0,0,0.1,0,0.1c0.1,0.3-0.1,0.6-0.4,0.7l-19.9,5.5l24.9,11.2c0.3,0.1,0.4,0.5,0.3,0.8
+                                                        C78.7,25,78.3,25.1,78,25l-25.8-8l11.2,16.1c0.2,0.3,0.1,0.6-0.1,0.8C63,34.2,62.6,34.1,62.4,33.9z">
+                    </path>
+                    <path class="st1"
+                        d="M79.2,66.3l-27-11.7c-0.2-0.4-0.6-0.7-1.1-0.7c-0.7,0-1.2,0.5-1.2,1.2c0,0.4,0.2,0.8,0.5,1l5.9,29.4
+                                                        c0.1,0.3,0.3,0.5,0.6,0.5c0,0,0.1,0,0.1,0c0.3,0,0.6-0.3,0.5-0.7l-1.2-20.6l18.6,20c0.2,0.2,0.6,0.3,0.8,0.1
+                                                        c0.3-0.2,0.3-0.6,0.1-0.8L60,62l18.8,5.4c0.3,0.1,0.6-0.1,0.8-0.4C79.7,66.7,79.5,66.4,79.2,66.3z">
+                    </path>
+
+                    <path class="st1"
+                        d="M114.7,67.6L89.3,52.7c-0.5,0.1-0.9-0.1-1.2-0.5c-0.4-0.5-0.3-1.3,0.3-1.7c0.3-0.2,0.7-0.3,1.1-0.2l27.2-12.6
+                                                        c0.3-0.1,0.6,0,0.8,0.2c0,0,0,0,0,0.1c0.2,0.3,0.1,0.6-0.2,0.8L99.8,50l27.1,3.2c0.3,0,0.6,0.3,0.5,0.7c0,0.3-0.3,0.6-0.6,0.6
+                                                        l-27,0.1l15.5,12c0.3,0.2,0.3,0.6,0.1,0.8C115.3,67.7,114.9,67.7,114.7,67.6z">
+                    </path>
+                    <path class="st1"
+                        d="M128.3,100.5l-25.9-13.9c-0.2-0.4-0.6-0.8-1-0.8c-0.7-0.1-1.3,0.4-1.3,1.1c0,0.4,0.1,0.8,0.4,1l3.3,29.8
+                                                        c0,0.3,0.3,0.5,0.6,0.5c0,0,0.1,0,0.1,0c0.3,0,0.6-0.3,0.6-0.6l0.5-20.7l16.8,21.5c0.2,0.3,0.6,0.3,0.8,0.1c0.3-0.2,0.3-0.6,0.2-0.8
+                                                        l-14-23.1l18.3,7c0.3,0.1,0.6,0,0.8-0.3C128.7,101,128.6,100.6,128.3,100.5z">
+                    </path>
+
+                    <path class="st1"
+                        d="M164.5,105.6l-24.3-16.5c-0.5,0.1-0.9-0.1-1.2-0.6c-0.4-0.6-0.2-1.3,0.4-1.7c0.3-0.2,0.8-0.2,1.1-0.1l27.9-10.8
+                                                        c0.3-0.1,0.6,0,0.7,0.2c0,0,0,0,0,0.1c0.1,0.3,0,0.6-0.3,0.8l-18.1,10l26.9,5c0.3,0.1,0.5,0.4,0.5,0.7c0,0.3-0.3,0.6-0.7,0.5
+                                                        l-27-1.7l14.7,13c0.2,0.2,0.3,0.6,0.1,0.8C165.2,105.7,164.8,105.8,164.5,105.6z">
+                    </path>
+                    <path class="st1"
+                        d="M190.3,137.9L164.4,124c-0.2-0.4-0.6-0.8-1-0.8c-0.7-0.1-1.3,0.4-1.3,1.1c0,0.4,0.1,0.8,0.4,1l3.3,29.8
+                                                        c0,0.3,0.3,0.5,0.6,0.5c0,0,0.1,0,0.1,0c0.3,0,0.6-0.3,0.6-0.6l0.5-20.7l16.8,21.5c0.2,0.3,0.6,0.3,0.8,0.1c0.3-0.2,0.3-0.6,0.2-0.8
+                                                        l-14-23.1l18.3,7c0.3,0.1,0.6,0,0.8-0.3C190.7,138.4,190.6,138.1,190.3,137.9z">
+                    </path>
+
+                    <path class="st1"
+                        d="M226.3,143.1L202,126.6c-0.5,0.1-0.9-0.1-1.2-0.6c-0.4-0.6-0.2-1.3,0.4-1.7c0.3-0.2,0.8-0.2,1.1-0.1l27.9-10.8
+                                                        c0.3-0.1,0.6,0,0.7,0.2c0,0,0,0,0,0.1c0.1,0.3,0,0.6-0.3,0.8l-18.1,10l26.9,5c0.3,0.1,0.5,0.4,0.5,0.7c0,0.3-0.3,0.6-0.7,0.5
+                                                        l-27-1.7l14.7,13c0.2,0.2,0.3,0.6,0.1,0.8C226.9,143.2,226.5,143.3,226.3,143.1z">
+                    </path>
+                    <path class="st1"
+                        d="M219.2,186.2l-14.3-25.7c0.1-0.5,0-0.9-0.4-1.2c-0.5-0.4-1.3-0.3-1.7,0.2c-0.3,0.3-0.3,0.7-0.2,1.1l-13.3,26.9
+                                                        c-0.1,0.3-0.1,0.6,0.2,0.8c0,0,0,0,0.1,0c0.3,0.2,0.6,0.1,0.8-0.2l11.6-17.1l2.5,27.2c0,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.3,0.6-0.6
+                                                        l0.7-27l11.6,15.8c0.2,0.3,0.6,0.3,0.8,0.2C219.3,186.8,219.4,186.5,219.2,186.2z">
+                    </path>
+
+                    <path class="st1"
+                        d="M248.4,210l-12.2-26.7c-0.4-0.2-0.7-0.6-0.7-1.1c0-0.7,0.5-1.2,1.2-1.2c0.4,0,0.8,0.2,1,0.5l29.5,5.2
+                                                        c0.3,0.1,0.5,0.3,0.5,0.6c0,0,0,0.1,0,0.1c0,0.3-0.3,0.6-0.6,0.6l-20.7-0.8l20.4,18.2c0.2,0.2,0.3,0.6,0.1,0.8
+                                                        c-0.2,0.3-0.6,0.3-0.8,0.1l-22.2-15.4l5.8,18.7c0.1,0.3-0.1,0.6-0.4,0.8C248.8,210.4,248.5,210.3,248.4,210z">
+                    </path>
+                    <path class="st1"
+                        d="M219.7,246.9l0-29.4c0.3-0.3,0.4-0.8,0.2-1.3c-0.3-0.6-1-0.9-1.6-0.6c-0.4,0.2-0.6,0.5-0.7,0.9l-24.7,17
+                                                        c-0.2,0.2-0.3,0.5-0.2,0.8c0,0,0,0,0,0.1c0.2,0.3,0.5,0.4,0.8,0.2l18.5-9.3l-11,25c-0.1,0.3,0,0.7,0.3,0.8c0.3,0.2,0.7,0,0.8-0.2
+                                                        l13.8-23.2l2.5,19.4c0,0.3,0.3,0.6,0.7,0.5C219.4,247.5,219.7,247.2,219.7,246.9z">
+                    </path>
+
+                    <path class="st1"
+                        d="M233.8,279.5l1-29.4c-0.3-0.4-0.4-0.9-0.2-1.3c0.3-0.6,1-0.9,1.6-0.6c0.4,0.2,0.6,0.5,0.7,0.9l24.1,17.8
+                                                        c0.2,0.2,0.3,0.5,0.2,0.8c0,0,0,0,0,0.1c-0.2,0.3-0.5,0.4-0.8,0.2l-18.2-9.9l10.2,25.4c0.1,0.3,0,0.7-0.3,0.8
+                                                        c-0.3,0.1-0.7,0-0.8-0.3l-13-23.7l-3.1,19.3c-0.1,0.3-0.3,0.5-0.7,0.5C234.1,280.1,233.8,279.8,233.8,279.5z">
+                    </path>
+                    <path class="st1"
+                        d="M191.6,301.5l9.2-27.9c0.4-0.2,0.7-0.7,0.6-1.2c-0.1-0.7-0.7-1.2-1.3-1.1c-0.4,0-0.8,0.3-0.9,0.6l-28.7,8.5
+                                                        c-0.3,0.1-0.5,0.4-0.4,0.7c0,0,0,0.1,0,0.1c0.1,0.3,0.4,0.5,0.7,0.5l20.5-3.1l-18.3,20.3c-0.2,0.2-0.2,0.6,0,0.8
+                                                        c0.2,0.2,0.6,0.2,0.8,0l20.3-17.8l-3.7,19.2c-0.1,0.3,0.1,0.6,0.5,0.7C191.2,302,191.5,301.8,191.6,301.5z">
+                    </path>
+
+                    <path class="st1"
+                        d="M192.3,339.3l11.8-26.9c-0.1-0.4,0-0.9,0.3-1.3c0.5-0.5,1.3-0.4,1.7,0.1c0.3,0.3,0.4,0.7,0.3,1.1l15.7,25.5
+                                                        c0.2,0.3,0.1,0.6-0.1,0.8c0,0,0,0-0.1,0.1c-0.3,0.2-0.6,0.1-0.8-0.1l-13.2-16l0,27.3c0,0.3-0.3,0.6-0.6,0.6c-0.3,0-0.6-0.2-0.7-0.5
+                                                        l-3.3-26.8l-10.1,16.8c-0.2,0.3-0.5,0.4-0.8,0.2C192.3,340,192.2,339.6,192.3,339.3z">
+                    </path>
+                    <path class="st1"
+                        d="M155.1,348.4l9.2-27.9c0.4-0.2,0.7-0.7,0.6-1.2c-0.1-0.7-0.7-1.2-1.3-1.1c-0.4,0-0.8,0.3-0.9,0.6l-28.7,8.5
+                                                        c-0.3,0.1-0.5,0.4-0.4,0.7c0,0,0,0.1,0,0.1c0.1,0.3,0.4,0.5,0.7,0.5l20.5-3.1l-18.3,20.3c-0.2,0.2-0.2,0.6,0,0.8
+                                                        c0.2,0.2,0.6,0.2,0.8,0l20.3-17.8l-3.7,19.2c-0.1,0.3,0.1,0.6,0.5,0.7C154.7,348.9,155,348.7,155.1,348.4z">
+                    </path>
+
+                    <path class="st1"
+                        d="M154,385.9l13.5-26.1c-0.1-0.4,0-0.9,0.4-1.3c0.5-0.4,1.3-0.3,1.7,0.2c0.3,0.3,0.3,0.7,0.2,1.1l14,26.5
+                                                        c0.1,0.3,0.1,0.6-0.2,0.8c0,0,0,0-0.1,0c-0.3,0.2-0.6,0.1-0.8-0.2l-12.1-16.8l-1.8,27.3c0,0.3-0.3,0.6-0.6,0.6
+                                                        c-0.3,0-0.6-0.3-0.6-0.6l-1.5-27l-11.2,16.1c-0.2,0.3-0.6,0.3-0.8,0.2C154,386.5,153.9,386.2,154,385.9z">
+                    </path>
+
+                </svg>
+            </div>
+            <div class="hero-static__slider-wrap">
+                <div
+                    class="swiper-container hero-static__slider swiper-container-fade swiper-container-initialized swiper-container-horizontal">
+                    <div class="swiper-wrapper" style="transition-duration: 0ms;">
+                        <div class="swiper-slide hero-static__slide image-border-wrap swiper-slide-active"
+                            style="background-image: url(/storage/uploads/2020/02/error_1.webp); width: 1200px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
+                        </div>
+                        <div class="swiper-slide hero-static__slide image-border-wrap swiper-slide-next"
+                            style="background-image: url(/storage/uploads/2020/02/error_2.webp); width: 1200px; opacity: 0; transform: translate3d(-1200px, 0px, 0px); transition-duration: 0ms;">
+                        </div>
+                        <x-front.borders :borders="[
+                            'desktop' => [
+                                'left' => true,
+                                'right' => true,
+                                'top' => true,
+                                'bottom' => true,
+                            ],
+                            'mobile' => [
+                                'left' => true,
+                                'right' => true,
+                                'top' => true,
+                                'bottom' => true,
+                            ],
+                        ]" />
+                    </div>
+                </div>
+            </div>
+            <div class="hero-static__block-wrapper">
+                <div class="hero-static__block">
+                    <h1 class="hero__block-title">{{ __('errors.404.title') }}</h1>
+                    <h2 class="hero__block-text description">{{ __('errors.404.description') }}</h2>
+                    <a class="hero__block-btn btn arrow-btn" href="/"
+                        title="Retour à la page d’accueil">{{ trans('front.back_to_homepage') }}<i
+                            class="btn__icon btn__icon_arrow-right"></i>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="breadcrumbs fw">
+        <div class="breadcrumbs__wrapper wrapper">
+            <span property="itemListElement" typeof="ListItem"><a property="item" title="LDC" href="/"
+                    class="home"><span property="name">LDC</span></a>
+                <meta property="position" content="1">
+            </span> &gt; <span class="404 current-item">{{ __('errors.404.title') }}</span>
+        </div>
+    </div>
+</div>