Merge pull request #279 from scientist-softserv/264-create-the-po

264 create the po

Author: alishaevn

pages/requests/[uuid].js

@@ -14,7 +14,7 @@ import {
   Title,
 } from '@scientist-softserv/webstore-component-library'
 import {
-  acceptSOW,
+  acceptSOWandCreatePO,
   configureErrors,
   createMessageOrFile,
   requestActionsBg,
@@ -42,11 +42,14 @@ const Request = () => {
   const { messages, isLoadingMessages, isMessagesError, mutateMessages, messagesData } = useMessages(uuid, accessToken)
   const { files, isLoadingFiles, isFilesError, mutateFiles, filesData } = useFiles(uuid, accessToken)
 
+  const [show, setShow] = useState(false)
+  const [message, setMessage] = useState(null)
   const [allPOs, setAllPOs] = useState([])
   const [isPOError, setIsPOError] = useState(false)
   const [isLoadingPOs, setIsLoadingPOs] = useState(true)
+
   useEffect(() => {
-    if (request) {
+    if (isLoadingPOs && request) {
       (async () => {
         const { allPOs, isLoadingPOs, isPOError } = await getAllPOs(request?.quotedWareID, uuid, request?.identifier, accessToken)
 
@@ -55,9 +58,9 @@ const Request = () => {
         setIsPOError(isPOError)
       })()
     }
-  }, [allPOs, isPOError, request, uuid, session, accessToken])
+  }, [request, isLoadingPOs, accessToken, uuid])
 
-  const isLoading = isLoadingRequest || isLoadingSOWs || isLoadingFiles || isLoadingMessages || isLoadingPOs
+  const isLoading = isLoadingRequest || isLoadingSOWs || isLoadingFiles || isLoadingMessages
   const isError = isRequestError || isSOWError || isFilesError|| isMessagesError || isPOError
   const documents = (allSOWs) ? [...allSOWs, ...allPOs] : []
 
@@ -91,6 +94,16 @@ const Request = () => {
     )
   }
 
+  const handleShow = (messageText) => {
+    setMessage(messageText)
+    setShow(true)
+  }
+
+  const handleClose = () => {
+    setMessage(null)
+    setShow(false)
+  }
+
   const handleSendingMessagesOrFiles = async ({ message, files }) => {
     const { data, error } = await createMessageOrFile({
       id: request.id,
@@ -106,8 +119,32 @@ const Request = () => {
     }
   }
 
+  const handleAcceptingSOWandCreatingPO = async (document) => {
+    const { data, error } = await acceptSOWandCreatePO(
+      request,
+      document,
+      accessToken,
+    )
+
+    if (error || data.code) {
+      setIsPOError(error || data.code)
+    } else if (data.message) {
+      setIsLoadingPOs(true)
+      handleShow(data.message)
+    }
+  }
+
   return (
     <div className='container'>
+      {(message && show) && (
+        <Notice
+          alert={{
+            body: [message],
+            variant: 'success',
+            onClose: () => handleClose(),
+          }}
+        />
+      )}
       <StatusBar
         addClass='mt-4'
         apiRequestStatus={request.status.text}
@@ -136,13 +173,9 @@ const Request = () => {
           <CollapsibleSection header='Additional Information' description={request.htmlDescription} />
           <Title addClass='mt-4' title='Documents' size='small' />
           {documents.length ? documents.map((document, index) => (
-            <Document 
+            <Document
               addClass='mt-3'
-              acceptSOW={acceptSOW(
-                request,
-                document.sowID,
-                accessToken,
-              )}
+              acceptSOW={() => handleAcceptingSOWandCreatingPO(document)}
               document={document}
               key={`${request.id}-${index}`}
               request={request}

utils/api/configurations.js

@@ -205,6 +205,7 @@ export const configureDocument = (document, requestIdentifier) => {
     documentStatusColor: statusColors[configureStatus(document.status)].bg,
     documentType: document.type,
     documentTypeColor: 'bg-dark',
+    id: document.id,
     identifier: document.identifier,
     lineItems: configureLineItems(document.line_items),
     requestIdentifier,

utils/api/requests.js

@@ -22,8 +22,8 @@ export const useAllRequests = (accessToken) => {
   }
 }
 
-export const useOneRequest = (id, accessToken) => {
-  const { data, error } = useSWR(id ? [`/quote_groups/${id}.json`, accessToken] : null)
+export const useOneRequest = (uuid, accessToken) => {
+  const { data, error } = useSWR(uuid ? [`/quote_groups/${uuid}.json`, accessToken] : null)
   let request = data && configureRequests({ data, path: '/requests' })[0]
   if (request) {
     request = {
@@ -63,7 +63,7 @@ export const getAllPOs = async (quotedWareId, uuid, requestIdentifier, accessTok
     // This hook is actively being contributed to the swr repo, but the semantics of the work are still being debated.
     // See https://github.com/vercel/swr/discussions/1988 for the RFC and https://github.com/vercel/swr/pull/2047 for the PR.
     const data = await fetcher(`quote_groups/${uuid}/quoted_wares/${quotedWareId}/purchase_orders.json`, accessToken)
-    const configuredPOs = data.map(async (po) => {
+    const configuredPOs = data?.map(async (po) => {
       const purchaseOrder = await fetcher(`quote_groups/${uuid}/quoted_wares/${quotedWareId}/purchase_orders/${po.id}.json`, accessToken)
       return configurePO(purchaseOrder, requestIdentifier)
     })
@@ -266,25 +266,26 @@ export const createRequest = async ({ dynamicFormData, wareID, accessToken }) =>
   /* eslint-enable camelcase */
 }
 
-export const acceptSOW = (request, sowID, accessToken) => {
+export const acceptSOWandCreatePO = (request, sow, accessToken) => {
   let sharedRequestData = requestData({
     request: request,
     shipping: request.shippingAddress,
     billing: request.billingAddress,
   })
 
-  const sow = {
+  const pg_quote_group = {
     ...sharedRequestData,
     name: request.title,
     description: request.description,
     /* eslint-disable camelcase */
     provider_names: [process.env.NEXT_PUBLIC_PROVIDER_NAME],
-    winning_proposal_id: sowID,
+    winning_proposal_id: sow.id,
     purchase_justifications: [''],
     purchase_justification_comment: '',
+    po_number: `PO${sow.identifier}`,
   }
 
-  return posting(`/quote_groups/${request.id}/accept_sow.json`, { pg_quote_group: sow }, accessToken)
+  return posting(`/quote_groups/${request.id}/accept_sow.json`, { pg_quote_group }, accessToken)
   /* eslint-enable camelcase */
 }