Merge pull request #82 from vtex-apps/B2BTEAM-3104

fix promotions behavior and texts

Author: nicholas-maestrello

CHANGELOG.md

@@ -7,6 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Fixed
+
+- Promotional prices not being preserved when creating quotes
+- Items with promotional price of $0.00 not being included in quotes
+- Large currency values (>9,999.99) being truncated in Total and Quoted Price columns
+- Unit Multiplier column width adjusted to prevent text truncation
+
 ## [3.0.4] - 2026-01-06
 
 ### Added

react/components/OrganizationAndCostCenterFilter.tsx

@@ -225,10 +225,14 @@ const OrganizationAndCostCenterFilter = ({
   const [orgState, setOrgState] = useState(organizationId)
   const [costCenterState, setCostCenterState] = useState(costCenterId)
 
-  const onChangeOrganization = useCallback((value: string) => {
-    setOrgState(value)
-    setCostCenterState('')
-  }, [])
+  const onChangeOrganization = useCallback(
+    (value: string) => {
+      setOrgState(value)
+      setCostCenterState('')
+      onChange({ organizationId: value, costCenterId: '' })
+    },
+    [onChange]
+  )
 
   const onChangeCostCenter = useCallback(
     (value: string) => {

react/components/QuoteDetails/QuoteTable.css

@@ -0,0 +1,6 @@
+/* prevent overflow for large values in total column */
+.quoteTable :global(.vtex-format-currency-2-x-currencyContainer),
+.quoteTable :global([class*='currencyContainer']) {
+  white-space: nowrap;
+  overflow: visible;
+}

react/components/QuoteDetails/QuoteTable.tsx

@@ -15,6 +15,7 @@ import {
 import { itemDiscountEligible } from '../../utils/helpers'
 import { quoteMessages, statusMessages } from '../../utils/messages'
 import { LabelByStatusMap } from '../../utils/status'
+import styles from './QuoteTable.css'
 
 const QuoteTable = ({
   isNewQuote,
@@ -55,6 +56,7 @@ const QuoteTable = ({
     <Table
       totalizers={totalizers}
       fullWidth
+      className={styles.quoteTable}
       schema={{
         properties: {
           imageUrl: {
@@ -118,7 +120,7 @@ const QuoteTable = ({
           sellingPrice: {
             title: formatMessage(quoteMessages.quotePrice),
             headerRight: true,
-            width: 120,
+            width: 150,
             cellRenderer: ({
               cellData: sellingPrice,
               rowData: { id: itemId, listPrice, error },
@@ -177,7 +179,7 @@ const QuoteTable = ({
           unitMultiplier: {
             title: formatMessage(quoteMessages.unitMultiplier),
             headerRight: true,
-            width: 80,
+            width: 180,
             cellRenderer: ({ rowData: { id } }: any) => {
               const hasMultipliers =
                 unitMultipliers && Object.keys(unitMultipliers).length > 0
@@ -203,7 +205,7 @@ const QuoteTable = ({
                 : ''
 
               return (
-                <span className="tr w-100">
+                <div className="tr w-100">
                   <FormattedCurrency
                     value={
                       rowData.sellingPrice
@@ -212,10 +214,10 @@ const QuoteTable = ({
                         : 0
                     }
                   />
-                </span>
+                </div>
               )
             },
-            width: 100,
+            width: 150,
           },
         },
       }}

react/utils/helpers.ts

@@ -14,12 +14,14 @@ export const initQuoteFromOrderForm = (orderForm: any) => {
 
     if (existingItem) {
       existingItem.quantity += item.quantity
-    } else if (item.sellingPrice !== 0) {
+    } else {
       quoteItems.push({
         ...item,
-        listPrice: item.listPrice * 100,
-        price: item.price * 100,
-        sellingPrice: item.price * 100,
+        listPrice:
+          typeof item.listPrice === 'number' ? item.listPrice * 100 : 0,
+        price: typeof item.price === 'number' ? item.price * 100 : 0,
+        sellingPrice:
+          typeof item.sellingPrice === 'number' ? item.sellingPrice * 100 : 0,
       })
     }
   })