@vtex/faststore-plugin-buyer-portal 1.1.100 → 1.1.101

package/package.json

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

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

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

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

@@ -193,6 +193,26 @@ export const AddressForm = ({
             message="Street Address is required"
           />
 
+          {address.countryCode === "BRA" && (
+            <>
+              <InputText
+                type="number"
+                label="Number"
+                value={address.streetNumber || ""}
+                className="address-number"
+                hasError={isTouched && !address.streetNumber?.trim()}
+                onChange={(event) =>
+                  setAddress({ ...address, streetNumber: event.target.value })
+                }
+              />
+
+              <ErrorMessage
+                show={isTouched && !address.streetNumber?.trim()}
+                message="Number is required"
+              />
+            </>
+          )}
+
           <InputText
             label="Apt, Suite, Building (optional)"
             className="street-address2"

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

@@ -97,16 +97,20 @@ export const CreateAddressDrawer = ({
   };
 
   const hasMinimumAddressInformation = () => {
-    return (
-      (address.name &&
-        address.streetAddress &&
-        address.country &&
-        address.zip &&
-        address.state &&
-        address.city &&
-        address.types.length > 0) ||
-      useExistingAddress
-    );
+    const isBrazil = address.countryCode === "BRA";
+    const hasRequiredFields =
+      address.name &&
+      address.streetAddress &&
+      address.country &&
+      address.zip &&
+      address.state &&
+      address.city &&
+      address.types.length > 0;
+
+    const hasBrazilianNumber =
+      !isBrazil || (isBrazil && address.streetNumber?.trim());
+
+    return (hasRequiredFields && hasBrazilianNumber) || useExistingAddress;
   };
 
   const isConfirmButtonEnabled = hasMinimumAddressInformation();

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

@@ -62,15 +62,20 @@ export const EditAddressDrawer = ({
   };
 
   const hasMinimumAddressInformation = () => {
-    return (
+    const isBrazil = address.countryCode === "BRA";
+    const hasRequiredFields =
       address.name &&
       address.streetAddress &&
       address.country &&
       address.zip &&
       address.state &&
       address.city &&
-      address.types.length > 0
-    );
+      address.types.length > 0;
+
+    const hasBrazilianNumber =
+      !isBrazil || (isBrazil && address.streetNumber?.trim());
+
+    return hasRequiredFields && hasBrazilianNumber;
   };
 
   const isConfirmButtonEnabled = hasMinimumAddressInformation();

package/src/features/addresses/types/AddressData.ts

@@ -10,6 +10,7 @@ export type AddressOption = {
   streetAddress: string;
   streetAddress2: string;
   streetNumber: string;
+  number?: string;
   unit: string;
   neighborhood?: string;
   city: string;
@@ -89,6 +90,7 @@ export type AddressInput = {
   name: string;
   streetAddress: string;
   streetAddress2: string;
+  streetNumber?: string;
   country: string;
   countryCode: string;
   zip: string;

package/src/features/credit-cards/components/CreateCreditCardDrawer/CreateCreditCardDrawer.tsx

@@ -174,16 +174,20 @@ export const CreateCreditCardDrawer = ({
   };
 
   const hasMinimumAddressInformation = () => {
-    return (
-      (address.name &&
-        address.streetAddress &&
-        address.country &&
-        address.zip &&
-        address.state &&
-        address.city &&
-        address.types.length > 0) ||
-      useExistingAddress
-    );
+    const isBrazil = address.countryCode === "BRA";
+    const hasRequiredFields =
+      address.name &&
+      address.streetAddress &&
+      address.country &&
+      address.zip &&
+      address.state &&
+      address.city &&
+      address.types.length > 0;
+
+    const hasBrazilianNumber =
+      !isBrazil || (isBrazil && address.streetNumber?.trim());
+
+    return (hasRequiredFields && hasBrazilianNumber) || useExistingAddress;
   };
 
   const hasCardInformation = () => {

package/src/features/credit-cards/services/tokenize-credit-card.service.ts

@@ -29,7 +29,7 @@ export const tokenizeCreditCardService = async ({
         neighborhood: creditCard.address.neighborhood ?? "",
         geoCoordinates: creditCard.address.geoCoordinates.split(",") ?? [],
         postalCode: creditCard.address.zip,
-        number: "",
+        number: creditCard.address.streetNumber ?? "",
         receiverName: "NOT EMPTY",
         reference: "",
         state: creditCard.address.state,

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

@@ -1,7 +1,7 @@
 export const addressLabelToPropMapping = {
   name: "Address Name",
   streetAddress: "Street address",
-  streetNumber: "Street Number",
+  streetNumber: "Number",
   streetAddress2: "Apt, Suite, Building",
   country: "Country",
   zip: "Postal Code",