feat: update quote file upload

bigcommerce · Feb 13, 2023 · 455fc60 · 455fc60
1 parent 7a79438
commit 455fc60
Show file tree

Hide file tree

Showing 8 changed files with 475 additions and 27 deletions.
diff --git a/apps/storefront/src/components/B3QuantityTextField.tsx b/apps/storefront/src/components/B3QuantityTextField.tsx
@@ -57,6 +57,10 @@ export const B3QuantityTextField = (props: B3NumberTextFieldProps) => {
       validMessage = ('Out of stock')
     } else if (isStock === '1' && quantity > stock) {
       validMessage = (`${stock} in stock`)
+    } else if (minQuantity !== 0 && quantity < minQuantity) {
+      validMessage = (`Min is ${minQuantity}`)
+    } else if (maxQuantity !== 0 && quantity > maxQuantity) {
+      validMessage = (`Max is ${maxQuantity}`)
     }
 
     setValidMessage(validMessage)
@@ -69,13 +73,7 @@ export const B3QuantityTextField = (props: B3NumberTextFieldProps) => {
   }
 
   const handleBlur = () => {
-    let quantity = parseInt(`${value}`, 10) || 0
-
-    if (minQuantity !== 0 && quantity < minQuantity) {
-      quantity = minQuantity
-    } else if (maxQuantity !== 0 && quantity > maxQuantity) {
-      quantity = maxQuantity
-    }
+    const quantity = parseInt(`${value}`, 10) || 0
 
     onChange(quantity, !validateQuantity(quantity))
   }

diff --git a/apps/storefront/src/pages/quote/QuoteDetail.tsx b/apps/storefront/src/pages/quote/QuoteDetail.tsx
@@ -71,6 +71,8 @@ const QuoteDetail = () => {
   const [quoteDetail, setQuoteDetail] = useState<any>({})
   const [productList, setProductList] = useState<any>([])
   const [currency, setCurrency] = useState<any>({})
+  const [fileList, setFileList] = useState<any>([])
+
   const [quoteSummary, setQuoteSummary] = useState<any>({
     originalSubtotal: 0,
     discount: 0,
@@ -113,6 +115,34 @@ const QuoteDetail = () => {
       setCurrency(quote.currency)
       setProductList(quote.productsList)
 
+      const {
+        backendAttachFiles = [],
+        storefrontAttachFiles = [],
+      } = quote
+
+      const newFileList: CustomFieldItems[] = []
+      storefrontAttachFiles.forEach((file: CustomFieldItems) => {
+        newFileList.push({
+          fileName: file.fileName,
+          fileType: file.fileType,
+          fileUrl: file.fileUrl,
+          id: file.fileUrl,
+          title: 'Uploaded by customer: xxxx', // TODO
+        })
+      })
+
+      backendAttachFiles.forEach((file: CustomFieldItems) => {
+        newFileList.push({
+          fileName: file.fileName,
+          fileType: file.fileType,
+          fileUrl: file.fileUrl,
+          id: file.fileUrl,
+          title: 'Uploaded by sales rep: xxxx', // TODO
+        })
+      })
+
+      setFileList(newFileList)
+
       return quote
     } catch (err: any) {
       snackbar.error(err)
@@ -339,7 +369,14 @@ const QuoteDetail = () => {
                 displayPrint: 'none',
               }}
             >
-              <QuoteAttachment />
+              {
+                fileList.length > 0 && (
+                <QuoteAttachment
+                  allowUpload={false}
+                  defaultFileList={fileList}
+                />
+                )
+              }
             </Box>
           </Grid>
         </Grid>

diff --git a/apps/storefront/src/pages/quote/QuoteDraft.tsx b/apps/storefront/src/pages/quote/QuoteDraft.tsx
@@ -374,6 +374,19 @@ const QuoteDraft = ({
     quoteTableRef.current?.refreshList()
   }
 
+  const getFileList = (files: CustomFieldItems[]) => {
+    if (role === 100) {
+      return []
+    }
+
+    return files.map((file) => ({
+      fileUrl: file.fileUrl,
+      fileName: file.fileName,
+      fileType: file.fileType,
+      fileSize: `${file.fileSize}`,
+    }))
+  }
+
   const handleSubmit = async () => {
     setLoading(true)
     try {
@@ -467,6 +480,8 @@ const QuoteDraft = ({
 
       const currency = getDefaultCurrencyInfo()
 
+      const fileList = getFileList(info.fileInfo || [])
+
       const data = {
         notes: note,
         legalTerms: '',
@@ -482,6 +497,7 @@ const QuoteDraft = ({
         billingAddress,
         contactInfo,
         productList,
+        fileList,
         currency: {
           currencyExchangeRate: currency.currency_exchange_rate,
           token: currency.token,
@@ -745,7 +761,9 @@ const QuoteDraft = ({
 
               <QuoteNote />
 
-              <QuoteAttachment />
+              {
+                role !== 100 && <QuoteAttachment />
+              }
             </Stack>
           </Container>
         </Box>