@vtex/faststore-plugin-buyer-portal 1.3.2 → 1.3.3

package/CHANGELOG.md

@@ -7,12 +7,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [1.3.2] - 2025-10-16
+## [1.3.3] - 2025-10-16
 
 ### Added
 
+- Neighborhood field to Address form
+  - Added `neighborhood` field to address creation and editing forms
+  - Updated `AddressForm` component to include neighborhood input
+  - Updated `AddressInfoDisplay` to show neighborhood information
+  - Updated `CreateAddressDrawer` and `EditAddressDrawer` to handle neighborhood data
+  - Updated `AddressesClient` to support neighborhood field in API requests
 - Setup KeepChangelog
 
+## [1.3.2] - 2025-10-16
+
 ## [1.2.4] - 2025-10-16
 
 ### Added
@@ -107,9 +115,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add CHANGELOG file
 - Add README file
 
-[unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/1.3.2...HEAD
+[unreleased]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/1.3.3...HEAD
 [1.2.3]: https://github.com/vtex/faststore-plugin-buyer-portal/compare/v1.2.2...1.2.3
 [1.2.3]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.2.3
 [1.2.4]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.2.4
-
 [1.3.2]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.3.2
+
+[1.3.3]: https://github.com/vtex/faststore-plugin-buyer-portal/releases/tag/1.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtex/faststore-plugin-buyer-portal",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "A plugin for faststore with buyer portal",
   "main": "index.js",
   "scripts": {

package/src/features/addresses/clients/AddressesClient.ts

@@ -138,7 +138,7 @@ export default class AddressesClient extends Client {
       streetAddress: data.streetAddress,
       neighborhood: data?.neighborhood ?? "",
       streetAddress2: data.streetAddress2,
-      number: data.streetNumber ?? "",
+      streetNumber: data.streetNumber ?? "",
       city: data.city,
       state: data.state,
       country: data.countryCode,

package/src/features/addresses/components/AddressForm/AddressForm.tsx

@@ -210,6 +210,21 @@ export const AddressForm = ({
                 show={isTouched && !address.streetNumber?.trim()}
                 message="Number is required"
               />
+
+              <InputText
+                label="Neighborhood"
+                value={address.neighborhood || ""}
+                className="address-neighborhood"
+                hasError={isTouched && !address.neighborhood?.trim()}
+                onChange={(event) =>
+                  setAddress({ ...address, neighborhood: event.target.value })
+                }
+              />
+
+              <ErrorMessage
+                show={isTouched && !address.neighborhood?.trim()}
+                message="Neighborhood is required"
+              />
             </>
           )}
 

package/src/features/addresses/components/AddressInfoDisplay/AddressInfoDisplay.tsx

@@ -15,6 +15,7 @@ const AddressDisplay: React.FC<AddressDisplayProps> = ({
     {option?.streetAddress}
     {option?.streetAddress2 && `, ${option?.streetAddress2}`}
     {option?.streetNumber && ` ${option?.streetNumber}`}
+    {option?.neighborhood && `, ${option?.neighborhood}`}
     {option?.unit && ` ${option?.unit}`}
     {option?.city && `, ${option?.city}`}
     {option?.state && `, ${option?.state}`}

package/src/features/addresses/components/CreateAddressDrawer/CreateAddressDrawer.tsx

@@ -110,7 +110,13 @@ export const CreateAddressDrawer = ({
     const hasBrazilianNumber =
       !isBrazil || (isBrazil && address.streetNumber?.trim());
 
-    return (hasRequiredFields && hasBrazilianNumber) || useExistingAddress;
+    const hasBrazilianNeighborhood =
+      !isBrazil || (isBrazil && address.neighborhood?.trim());
+
+    return (
+      (hasRequiredFields && hasBrazilianNumber && hasBrazilianNeighborhood) ||
+      useExistingAddress
+    );
   };
 
   const isConfirmButtonEnabled = hasMinimumAddressInformation();

package/src/features/addresses/components/EditAddressDrawer/EditAddressDrawer.tsx

@@ -75,7 +75,10 @@ export const EditAddressDrawer = ({
     const hasBrazilianNumber =
       !isBrazil || (isBrazil && address.streetNumber?.trim());
 
-    return hasRequiredFields && hasBrazilianNumber;
+    const hasBrazilianNeighborhood =
+      !isBrazil || (isBrazil && address.neighborhood?.trim());
+
+    return hasRequiredFields && hasBrazilianNumber && hasBrazilianNeighborhood;
   };
 
   const isConfirmButtonEnabled = hasMinimumAddressInformation();

package/src/features/shared/utils/constants.ts

@@ -13,4 +13,4 @@ export const LOCAL_STORAGE_LOCATION_EDIT_KEY = "bp_hide_edit_location_confirm";
 export const LOCAL_STORAGE_RECIPIENT_EDIT_KEY =
   "bp_hide_edit_recipient_confirm";
 
-export const CURRENT_VERSION = "1.3.2";
+export const CURRENT_VERSION = "1.3.3";