Getting an error for lightning-input-address component while saving the record

The lightning-input-address component expects the country value in a specific format (like "US" for the United States) rather than the full country name. You can handle this by mapping the full country name to its corresponding country code.

Create a Country Code Mapping:

const countryCodeMapping = {
'United States': 'US',
'India': 'IN',
// Add other countries as needed
};

Update the handleShippingAddChg Method:

handleShippingAddChg(event) {
        console.log("event.detail--- >> ", event.detail);
        console.log("event.target--- >> ", event.target);
        console.log("street >> ", event.detail.street);
        console.log("city >> ", event.detail.city);
        console.log("state >> ", event.detail.province);
        console.log("postalcode >> ", event.detail.postalCode);
        console.log("country >> ", event.detail.country);
        console.log("country2 >> ", event.target.country);

        this.shipToStreet = event.detail.street;
        this.shipToCity = event.detail.city;
        this.shipToState = event.detail.province;
        this.shipToPostalCode = event.detail.postalCode;
        this.shipToCountry = countryCodeMapping[event.detail.country] || event.detail.country;
}       

Full Example:

HTML:

<template>
        <lightning-input-address if:true={showShippingAdd} required class="slds-size_6-of-12" style="margin-left: 5%;"
                address-label="Address Test"
                read-only
                street-label="Street Test"
                city-label="City Test"
                country-label="Country Test"
                province-label="Province Test"
                postal-code-label="PostalCode Test"
                street={shipToStreet}
                city={shipToCity}
                province={shipToState}
                postal-code={shipToPostalCode}
                country={shipToCountry}
                onchange={handleShippingAddChg}
                show-address-lookup>
        </lightning-input-address>
</template>

JS:

import { LightningElement, track } from 'lwc';

const countryCodeMapping = {
        'United States': 'US',
        'India': 'IN',
        // Add other countries as needed
};

export default class AddressComponent extends LightningElement {
        @track shipToStreet;
        @track shipToCity;
        @track shipToState;
        @track shipToPostalCode;
        @track shipToCountry;

        handleShippingAddChg(event) {
                console.log("event.detail--- >> ", event.detail);
                console.log("event.target--- >> ", event.target);
                console.log("street >> ", event.detail.street);
                console.log("city >> ", event.detail.city);
                console.log("state >> ", event.detail.province);
                console.log("postalcode >> ", event.detail.postalCode);
                console.log("country >> ", event.detail.country);
                console.log("country2 >> ", event.target.country);

                this.shipToStreet = event.detail.street;
                this.shipToCity = event.detail.city;
                this.shipToState = event.detail.province;
                this.shipToPostalCode = event.detail.postalCode;
                this.shipToCountry = countryCodeMapping[event.detail.country] || event.detail.country;
        }
}