#73 Separate Phone livewire component from form html element

[devjk1]

73

• remove Phone component from html form element, allows reusability in other forms
• add Country Callingcode to Phone.fullnumber attribute
• fix PhoneArea model, phones relationship
• add SaveDomesticAddressAction allowing easier user experience

View

<div class="flex flex-col">
    <div class="w-1/2 my-4">
        @livewire('addresses::domestic-address-search-bar')
    </div>
    <form 
        method="POST"
        action="{{ route('submit-form') }}" 
        class="w-1/2 my-4"
    >
        @csrf
        @livewire('addresses::domestic-address-search-bar-fields')
        @livewire('addresses::get-phone')
        <button class="mt-4 px-2 py-1 ring-1 ring-gray-400 rounded-md text-gray-400" type="submit">Submit</button>
    </form>
</div>

Controller

public function store(Request $request)
{
    (new SavePhoneNumberAction)->execute($request->input('phone'));
    (new SaveDomesticAddressAction)->execute($request->all());
}

[joshtorres]

@phuclh can you please review this one too to make sure it still fits in with your changes.

[phuclh]

@joshtorres Yeah it still fits.