From 83c9773854d61e91901a6d801412ec63fa21d1d9 Mon Sep 17 00:00:00 2001
From: Joelson Ferreira <joelson.ferreira@cadastra.com>
Date: Thu, 29 Aug 2024 10:47:32 -0300
Subject: [PATCH] fix: quantity label width

---
 node/package.json                |  2 +-
 node/yarn.lock                   | 10 +++----
 react/components/ReviewBlock.tsx | 46 ++++++++++++++++----------------
 3 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/node/package.json b/node/package.json
index 5a1fc760..daf6d981 100644
--- a/node/package.json
+++ b/node/package.json
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@gocommerce/utils": "^0.7.3",
-    "@vtex/api": "6.46.1",
+    "@vtex/api": "6.47.0",
     "atob": "^2.1.2",
     "axios": "^0.19.0",
     "camelcase": "^5.0.0",
diff --git a/node/yarn.lock b/node/yarn.lock
index 1ad2e985..6ee9c44f 100644
--- a/node/yarn.lock
+++ b/node/yarn.lock
@@ -1863,10 +1863,10 @@
   resolved "https://registry.yarnpkg.com/@types/zen-observable/-/zen-observable-0.8.0.tgz#8b63ab7f1aa5321248aad5ac890a485656dcea4d"
   integrity sha512-te5lMAWii1uEJ4FwLjzdlbw3+n0FZNOvFXHxQDKeT0dilh7HOzdMzV2TrJVUzq8ep7J4Na8OUYPRLSQkJHAlrg==
 
-"@vtex/api@6.46.1":
-  version "6.46.1"
-  resolved "https://registry.yarnpkg.com/@vtex/api/-/api-6.46.1.tgz#55a8755ae48f5400e7f1ed1921cd547950bb7a2a"
-  integrity sha512-geoxVvyWoQpOQ70Zmx3M8SBkRoGOS/bp9Gy26M+iCue63jofVSwmFz1zf66EaHA1PKOJNRgQPFwY+oeDE1U2lQ==
+"@vtex/api@6.47.0":
+  version "6.47.0"
+  resolved "https://registry.yarnpkg.com/@vtex/api/-/api-6.47.0.tgz#6910455d593d8bb76f1f4f2b7660023853fda35e"
+  integrity sha512-t9gt7Q89EMbSj3rLhho+49Fv+/lQgiy8EPVRgtmmXFp1J4v8hIAZF7GPjCPie111KVs4eG0gfZFpmhA5dafKNA==
   dependencies:
     "@types/koa" "^2.11.0"
     "@types/koa-compose" "^3.2.3"
@@ -6071,7 +6071,7 @@ static-extend@^0.1.1:
     define-property "^0.2.5"
     object-copy "^0.1.0"
 
-stats-lite@vtex/node-stats-lite#dist:
+"stats-lite@github:vtex/node-stats-lite#dist":
   version "2.2.0"
   resolved "https://codeload.github.com/vtex/node-stats-lite/tar.gz/1b0d39cc41ef7aaecfd541191f877887a2044797"
   dependencies:
diff --git a/react/components/ReviewBlock.tsx b/react/components/ReviewBlock.tsx
index 81962bdb..15c6de0e 100644
--- a/react/components/ReviewBlock.tsx
+++ b/react/components/ReviewBlock.tsx
@@ -139,22 +139,22 @@ const ReviewBlock: FunctionComponent<WrappedComponentProps & any> = ({
       const refIdNotFound =
         !!refidData && !!refidData.skuFromRefIds.items
           ? refidData.skuFromRefIds.items.filter((item: any) => {
-              return item.sku === null
-            })
+            return item.sku === null
+          })
           : []
 
       const refIdFound =
         !!refidData && !!refidData.skuFromRefIds.items
           ? refidData.skuFromRefIds.items.filter((item: any) => {
-              return item.sku !== null
-            })
+            return item.sku !== null
+          })
           : []
 
       const refNotAvailable =
         !!refidData && !!refidData.skuFromRefIds.items
           ? refidData.skuFromRefIds.items.filter((item: any) => {
-              return !!item.sellers?.length
-            })
+            return !!item.sellers?.length
+          })
           : []
 
       const mappedRefId = {}
@@ -233,25 +233,25 @@ const ReviewBlock: FunctionComponent<WrappedComponentProps & any> = ({
         const sellerWithStock = item.seller
           ? item.seller
           : item.sku && mappedRefId[item.sku]?.sellers?.length
-          ? mappedRefId[item.sku]?.sellers.find(
+            ? mappedRefId[item.sku]?.sellers.find(
               (seller: any) =>
                 seller.availability === 'available' ||
                 seller.availability === 'partiallyAvailable'
             )?.id ?? ''
-          : ''
+            : ''
 
         const sellerUnitMultiplier =
           item.sku && mappedRefId[item.sku]?.sellers?.length
             ? mappedRefId[item.sku]?.sellers.find(
-                (seller: any) => seller.id === sellerWithStock
-              )?.unitMultiplier ?? '1'
+              (seller: any) => seller.id === sellerWithStock
+            )?.unitMultiplier ?? '1'
             : '1'
 
         const sellerAvailableQuantity =
           item.sku && mappedRefId[item.sku]?.sellers?.length
             ? mappedRefId[item.sku]?.sellers.find(
-                (seller: any) => seller.id === sellerWithStock
-              )?.availableQuantity
+              (seller: any) => seller.id === sellerWithStock
+            )?.availableQuantity
             : null
 
         return {
@@ -378,9 +378,9 @@ const ReviewBlock: FunctionComponent<WrappedComponentProps & any> = ({
     const items = reviewItems.map((item: any) => {
       return item.index === index
         ? {
-            ...item,
-            content,
-          }
+          ...item,
+          content,
+        }
         : item
     })
 
@@ -395,9 +395,9 @@ const ReviewBlock: FunctionComponent<WrappedComponentProps & any> = ({
     const items = reviewItems.map((item: any) => {
       return item.index === index
         ? {
-            ...item,
-            seller,
-          }
+          ...item,
+          seller,
+        }
         : item
     })
 
@@ -486,7 +486,7 @@ const ReviewBlock: FunctionComponent<WrappedComponentProps & any> = ({
         title: intl.formatMessage({
           id: 'store/quickorder.review.label.quantity',
         }),
-        width: 72,
+        width: 90,
       }
     }
 
@@ -557,10 +557,10 @@ const ReviewBlock: FunctionComponent<WrappedComponentProps & any> = ({
             const text =
               errMsg === messages.partiallyAvailable
                 ? intl.formatMessage(errMsg, {
-                    quantity: rowData.availableQuantity,
-                    totalQuantity:
-                      rowData.availableQuantity * rowData.unitMultiplier,
-                  })
+                  quantity: rowData.availableQuantity,
+                  totalQuantity:
+                    rowData.availableQuantity * rowData.unitMultiplier,
+                })
                 : intl.formatMessage(errMsg)
 
             return (