From 872c0cbe721a6ed5cfb57954e745a3320ed394b9 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Mon, 29 Sep 2025 12:50:25 +0200
Subject: [PATCH] refactor(forms): update wire:model bindings to use 'blur'
 instead of 'blur-sm' for input fields across multiple views

---
 .../livewire/project/application/general.blade.php |  4 ++--
 .../github-private-repository-deploy-key.blade.php |  4 ++--
 .../new/github-private-repository.blade.php        | 14 +++++++++-----
 .../project/new/public-git-repository.blade.php    |  4 ++--
 resources/views/livewire/storage/create.blade.php  |  5 +++--
 5 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/resources/views/livewire/project/application/general.blade.php b/resources/views/livewire/project/application/general.blade.php
index ba7d2edb0..2ea1d36c2 100644
--- a/resources/views/livewire/project/application/general.blade.php
+++ b/resources/views/livewire/project/application/general.blade.php
@@ -90,12 +90,12 @@
             @if ($application->build_pack !== 'dockercompose')
                 <div class="flex items-end gap-2">
                     @if ($application->settings->is_container_label_readonly_enabled == false)
-                        <x-forms.input placeholder="https://coolify.io" wire:model.blur-sm="application.fqdn"
+                        <x-forms.input placeholder="https://coolify.io" wire:model.blur="application.fqdn"
                             label="Domains" readonly
                             helper="Readonly labels are disabled. You can set the domains in the labels section."
                             x-bind:disabled="!canUpdate" />
                     @else
-                        <x-forms.input placeholder="https://coolify.io" wire:model.blur-sm="application.fqdn"
+                        <x-forms.input placeholder="https://coolify.io" wire:model.blur="application.fqdn"
                             label="Domains"
                             helper="You can specify one domain with path or more with comma. You can specify a port to bind the domain to.<br><br><span class='text-helper'>Example</span><br>- http://app.coolify.io,https://cloud.coolify.io/dashboard<br>- http://app.coolify.io/api/v3<br>- http://app.coolify.io:3000 -> app.coolify.io will point to port 3000 inside the container. "
                             x-bind:disabled="!canUpdate" />
diff --git a/resources/views/livewire/project/new/github-private-repository-deploy-key.blade.php b/resources/views/livewire/project/new/github-private-repository-deploy-key.blade.php
index 8190c89db..bce55c4ad 100644
--- a/resources/views/livewire/project/new/github-private-repository-deploy-key.blade.php
+++ b/resources/views/livewire/project/new/github-private-repository-deploy-key.blade.php
@@ -62,9 +62,9 @@ class="loading loading-xs dark:text-warning loading-spinner"></span>
                 </div>
                 @if ($build_pack === 'dockercompose')
                     <div x-data="{ baseDir: '{{ $base_directory }}', composeLocation: '{{ $docker_compose_location }}' }" class="gap-2 flex flex-col">
-                        <x-forms.input placeholder="/" wire:model.blur-sm="base_directory" label="Base Directory"
+                        <x-forms.input placeholder="/" wire:model.blur="base_directory" label="Base Directory"
                             helper="Directory to use as root. Useful for monorepos." x-model="baseDir" />
-                        <x-forms.input placeholder="/docker-compose.yaml" wire:model.blur-sm="docker_compose_location"
+                        <x-forms.input placeholder="/docker-compose.yaml" wire:model.blur="docker_compose_location"
                             label="Docker Compose Location" helper="It is calculated together with the Base Directory."
                             x-model="composeLocation" />
                         <div class="pt-2">
diff --git a/resources/views/livewire/project/new/github-private-repository.blade.php b/resources/views/livewire/project/new/github-private-repository.blade.php
index 2c2bb4f0c..188e88c9d 100644
--- a/resources/views/livewire/project/new/github-private-repository.blade.php
+++ b/resources/views/livewire/project/new/github-private-repository.blade.php
@@ -96,14 +96,18 @@
                                 </div>
                                 @if ($build_pack === 'dockercompose')
                                     <div x-data="{ baseDir: '{{ $base_directory }}', composeLocation: '{{ $docker_compose_location }}' }" class="gap-2 flex flex-col">
-                                        <x-forms.input placeholder="/" wire:model.blur-sm="base_directory" label="Base Directory"
-                                            helper="Directory to use as root. Useful for monorepos." x-model="baseDir" />
-                                        <x-forms.input placeholder="/docker-compose.yaml" wire:model.blur-sm="docker_compose_location"
-                                            label="Docker Compose Location" helper="It is calculated together with the Base Directory."
+                                        <x-forms.input placeholder="/" wire:model.blur="base_directory"
+                                            label="Base Directory"
+                                            helper="Directory to use as root. Useful for monorepos."
+                                            x-model="baseDir" />
+                                        <x-forms.input placeholder="/docker-compose.yaml"
+                                            wire:model.blur="docker_compose_location" label="Docker Compose Location"
+                                            helper="It is calculated together with the Base Directory."
                                             x-model="composeLocation" />
                                         <div class="pt-2">
                                             <span>
-                                                Compose file location in your repository: </span><span class='dark:text-warning'
+                                                Compose file location in your repository: </span><span
+                                                class='dark:text-warning'
                                                 x-text='(baseDir === "/" ? "" : baseDir) + (composeLocation.startsWith("/") ? composeLocation : "/" + composeLocation)'></span>
                                         </div>
                                     </div>
diff --git a/resources/views/livewire/project/new/public-git-repository.blade.php b/resources/views/livewire/project/new/public-git-repository.blade.php
index 36e3350a9..a7804aad8 100644
--- a/resources/views/livewire/project/new/public-git-repository.blade.php
+++ b/resources/views/livewire/project/new/public-git-repository.blade.php
@@ -53,9 +53,9 @@
                 </div>
                 @if ($build_pack === 'dockercompose')
                     <div x-data="{ baseDir: '{{ $base_directory }}', composeLocation: '{{ $docker_compose_location }}' }" class="gap-2 flex flex-col">
-                        <x-forms.input placeholder="/" wire:model.blur-sm="base_directory" label="Base Directory"
+                        <x-forms.input placeholder="/" wire:model.blur="base_directory" label="Base Directory"
                             helper="Directory to use as root. Useful for monorepos." x-model="baseDir" />
-                        <x-forms.input placeholder="/docker-compose.yaml" wire:model.blur-sm="docker_compose_location"
+                        <x-forms.input placeholder="/docker-compose.yaml" wire:model.blur="docker_compose_location"
                             label="Docker Compose Location" helper="It is calculated together with the Base Directory."
                             x-model="composeLocation" />
                         <div class="pt-2">
diff --git a/resources/views/livewire/storage/create.blade.php b/resources/views/livewire/storage/create.blade.php
index d4a12cf4b..78ac717a1 100644
--- a/resources/views/livewire/storage/create.blade.php
+++ b/resources/views/livewire/storage/create.blade.php
@@ -7,7 +7,7 @@
                 <x-forms.input required label="Name" id="name" />
                 <x-forms.input label="Description" id="description" />
             </div>
-            <x-forms.input required type="url" label="Endpoint" wire:model.blur-sm="endpoint" />
+            <x-forms.input required type="url" label="Endpoint" wire:model.blur="endpoint" />
             <div class="flex gap-2">
                 <x-forms.input required label="Bucket" id="bucket" />
                 <x-forms.input required helper="Region only required for AWS. Leave it as-is for other providers."
@@ -25,6 +25,7 @@
     </div>
 @else
     <x-callout type="warning" title="Permission Required">
-        You don't have permission to create new S3 storage configurations. Please contact your team administrator for access.
+        You don't have permission to create new S3 storage configurations. Please contact your team administrator for
+        access.
     </x-callout>
 @endcan