Fixed bug when adding new emails, phone numbers and addresses and setting as primary

Author: andrewdrake

resources/views/livewire/address-edit.blade.php

@@ -104,7 +104,7 @@
             <div class="col-sm-1">
                 <div class="form-group" wire:ignore>
                     <label>{{ ucfirst(__('laravel-crm::lang.primary')) }}</label>
-                    <input type="checkbox" wire:model="primary.{{ $value }}" name="addresses[{{ $value }}][primary]" data-toggle="toggle" data-toggle="toggle" data-size="sm" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger">
+                    <input type="checkbox" wire:model.defer="primary.{{ $value }}" name="addresses[{{ $value }}][primary]" data-toggle="toggle" data-size="sm" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger">
                     @error('primary.'.$value) <span class="text-danger invalid-feedback-custom">{{ $message }}</span>@enderror
                 </div>
             </div>
@@ -123,7 +123,7 @@
 <script>
 $(document).ready(function () {
     window.addEventListener('addAddressInputs', event => {
-        $('input[type=checkbox][data-toggle^=toggle]').bootstrapToggle('destroy').bootstrapToggle('refresh');
+        $('input[name="addresses[' + event.detail.value + '][primary]"]').bootstrapToggle('destroy').bootstrapToggle('refresh');
     });
 });
 </script>

resources/views/livewire/email-edit.blade.php

@@ -3,7 +3,7 @@
     <hr />
     @foreach($inputs as $key => $value)
         <input type="hidden" wire:model="emailId.{{ $value }}" name="emails[{{ $value }}][id]">
-        <div class="form-row">
+        <div class="form-row" wire:key="email-{{ $value }}">
             <div class="col-sm-6">
                 <div class="form-group @error('emails.'.$value.'.address') text-danger @enderror">
                     <label>{{ ucfirst(__('laravel-crm::lang.email')) }}</label>
@@ -25,7 +25,7 @@
             <div class="col-sm-1">
                 <div class="form-group" wire:ignore>
                     <label>{{ ucfirst(__('laravel-crm::lang.primary')) }}</label>
-                    <input type="checkbox" wire:model="primary.{{ $value }}" name="emails[{{ $value }}][primary]" data-toggle="toggle" data-toggle="toggle" data-size="sm" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger">
+                    <input type="checkbox" wire:model="primary.{{ $value }}" name="emails[{{ $value }}][primary]" data-toggle="toggle" data-size="sm" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger">
                     @error('primary.'.$value) <span class="text-danger invalid-feedback-custom">{{ $message }}</span>@enderror
                 </div>
             </div>
@@ -40,7 +40,7 @@
         <script>
             $(document).ready(function () {
                 window.addEventListener('addEmailInputs', event => {
-                    $('input[type=checkbox][data-toggle^=toggle]').bootstrapToggle('destroy').bootstrapToggle('refresh');
+                    $('input[name="emails[' + event.detail.value + '][primary]"]').bootstrapToggle('destroy').bootstrapToggle('refresh');
                 });
             });
         </script>

resources/views/livewire/phone-edit.blade.php

@@ -25,7 +25,7 @@
             <div class="col-sm-1">
                 <div class="form-group" wire:ignore>
                     <label>{{ ucfirst(__('laravel-crm::lang.primary')) }}</label>
-                    <input type="checkbox" wire:model="primary.{{ $value }}" name="phones[{{ $value }}][primary]" data-toggle="toggle" data-toggle="toggle" data-size="sm" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger">
+                    <input type="checkbox" wire:model.defer="primary.{{ $value }}" name="phones[{{ $value }}][primary]" data-toggle="toggle" data-size="sm" data-on="Yes" data-off="No" data-onstyle="success" data-offstyle="danger">
                     @error('primary.'.$value) <span class="text-danger invalid-feedback-custom">{{ $message }}</span>@enderror
                 </div>
             </div>
@@ -40,7 +40,7 @@
         <script>
             $(document).ready(function () {
                 window.addEventListener('addPhoneInputs', event => {
-                    $('input[type=checkbox][data-toggle^=toggle]').bootstrapToggle('destroy').bootstrapToggle('refresh');
+                    $('input[name="phones[' + event.detail.value + '][primary]"]').bootstrapToggle('destroy').bootstrapToggle('refresh');
                 });
             });
         </script>

src/Http/Livewire/LiveAddressEdit.php

@@ -116,7 +116,7 @@ public function add($i)
         $this->i = $i;
         array_push($this->inputs, $i);
         $this->country[$i] = \VentureDrake\LaravelCrm\Models\Setting::country()->value;
-        $this->dispatchBrowserEvent('addAddressInputs');
+        $this->dispatchBrowserEvent('addAddressInputs', ['value' => $i]);
     }
 
     public function remove($i)

src/Http/Livewire/LiveEmailEdit.php

@@ -47,7 +47,7 @@ public function add($i)
         $i = $i + 1;
         $this->i = $i;
         array_push($this->inputs, $i);
-        $this->dispatchBrowserEvent('addEmailInputs');
+        $this->dispatchBrowserEvent('addEmailInputs', ['value' => $i]);
     }
 
     public function remove($i)

src/Http/Livewire/LivePhoneEdit.php

@@ -47,7 +47,7 @@ public function add($i)
         $i = $i + 1;
         $this->i = $i;
         array_push($this->inputs, $i);
-        $this->dispatchBrowserEvent('addPhoneInputs');
+        $this->dispatchBrowserEvent('addPhoneInputs', ['value' => $i]);
     }
 
     public function remove($i)