Merge pull request #303 from vtex-apps/Fix/country-field-disabling-wh…

…en-edit-existing-address

disable country when editing existing address

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [1.28.0] - 2024-07-09
+
+- Disable country edition for addresses saved at the profile
+
 ## [1.27.1] - 2024-02-15
 
 ### Fixed

manifest.json

@@ -1,12 +1,10 @@
 {
   "name": "my-account",
   "vendor": "vtex",
-  "version": "1.27.1",
+  "version": "1.28.0",
   "title": "My Account",
   "description": "User's my account page.",
-  "registries": [
-    "smartcheckout"
-  ],
+  "registries": ["smartcheckout"],
   "dependencies": {
     "vtex.my-cards": "1.x",
     "vtex.my-orders-app": "3.x",

react/components/Addresses/AddressForm.tsx

@@ -147,22 +147,36 @@ class AddressForm extends Component<InnerProps & OuterProps, State> {
 
   public render() {
     const { address } = this.state
-    const { intl, submitLabelId, isLoading, googleMapsApiKey, useGeolocation } =
-      this.props
+    const {
+      intl,
+      submitLabelId,
+      isLoading,
+      googleMapsApiKey,
+      useGeolocation,
+      isExistingAddress,
+    } = this.props
 
     const shipCountries = this.translateCountries()
     const hasGeoCoords = this.hasGeoCoords()
     const hasValidPostalCode = this.hasValidPostalCode()
     const hasAutoCompletedFields = this.hasAutoCompletedFields()
 
+    const enhancedAddress = {
+      ...address,
+      country: {
+        ...address.country,
+        disabled: !!isExistingAddress,
+      },
+    }
+
     return (
       <AddressRules
         country={address.country.value}
         shouldUseIOFetching
         useGeolocation={useGeolocation}
       >
         <AddressContainer
-          address={address}
+          address={enhancedAddress}
           Input={StyleguideInput}
           onChangeAddress={this.handleAddressChange}
           autoCompletePostalCode
@@ -258,6 +272,7 @@ interface OuterProps {
   receiverName?: string
   onError: () => void
   onSubmit: (address: Address) => void
+  isExistingAddress?: boolean
 }
 
 type Props = InnerProps & OuterProps

react/components/pages/AddressEdit.tsx

@@ -68,6 +68,7 @@ class AddressEdit extends Component<Props> {
           isLoading={isLoading}
           submitLabelId="vtex.store-messages@0.x::addresses.saveAddress"
           address={normalizedAddress}
+          isExistingAddress={!!addressId}
           onSubmit={this.handleSave}
           onError={this.props.handleError}
         />

react/typings/global.d.ts

@@ -70,6 +70,7 @@ declare global {
 
   interface AddressFormFields {
     [key: string]: {
+      disabled: boolean
       value: null | string | number | number[]
       valid?: boolean
       geolocationAutoCompleted?: boolean