Merge branch 'main' into 176-full-color-demo

Author: alishaevn

pages/requests/new/[ware].js

@@ -19,14 +19,16 @@ import {
   configureErrors,
   createRequest,
   requestFormHeaderBg,
+  sendRequestToVendor,
   useInitializeRequest,
 } from '../../../utils'
 
 const NewRequest = () => {
   const router = useRouter()
   const { data: session } = useSession()
+  const accessToken = session?.accessToken
   const wareID = router.query.id
-  const { dynamicForm, isLoadingInitialRequest, isInitialRequestError } = useInitializeRequest(wareID, session?.accessToken)
+  const { dynamicForm, isLoadingInitialRequest, isInitialRequestError } = useInitializeRequest(wareID, accessToken)
   const oneWeekFromNow = addDays((new Date()), 7).toISOString().slice(0, 10)
   const initialFormData = { 'suppliers_identified': 'Yes' }
   const initialState = {
@@ -97,10 +99,13 @@ const NewRequest = () => {
     const { data, error } = await createRequest({
       dynamicFormData: { name: dynamicForm.name, formData, ...requestForm },
       wareID,
-      accessToken: session?.accessToken,
+      accessToken,
     })
     if (error) return setCreateRequestError(error)
 
+    const sentToVendor = await sendRequestToVendor(data.id, accessToken)
+    if (sentToVendor.error) return setCreateRequestError(sentToVendor.error)
+
     setCreatedRequestUUID(data.uuid)
   }
 

utils/api/base.js

@@ -29,3 +29,21 @@ export const posting = async (url, data, token) => {
     return { success: false, error, requestID: undefined }
   }
 }
+
+export const updating = async (url, data, token) => {
+  try {
+    const response = await api.put(url, data, { headers: defaultHeaders(token) })
+
+    return {
+      data: response.data,
+      error: false,
+    }
+  } catch (error) {
+    // TODO(alishaevn): handle the error when sentry is set up
+    console.error(`The following error occurred when trying to update data:`, error)
+    return {
+      data: undefined,
+      error,
+    }
+  }
+}

utils/api/configurations.js

@@ -69,7 +69,7 @@ export const configureRequests = ({ data, path }) => {
 export const configureErrors = (errors) => {
   const env = process.env.NODE_ENV
   const remainingErrors = errors
-    .filter(error => Object.keys(error).length)
+    .filter(error => error && Object.keys(error).length)
     .map(error => ({
       ...error,
       message: `${error.message} (${error.response?.data?.message})`,

utils/api/requests.js

@@ -7,7 +7,7 @@ import {
   configureMessages,
   configureRequests,
 } from './configurations'
-import { posting } from './base'
+import { fetcher, posting, updating } from './base'
 
 /** GET METHODS */
 export const useAllRequests = (accessToken) => {
@@ -193,11 +193,23 @@ export const createRequest = async ({ dynamicFormData, wareID, accessToken }) =>
   let { data, error } = await posting(`/wares/${wareID}/quote_groups.json`, { pg_quote_group }, accessToken)
 
   if (data && dynamicFormData.attachments) {
+    /**
+     * TODO(alishaevn): I'm not sure why, but sometimes our data does not have the "quoted_ware_refs" property on it.
+     * a search for the request in postman however, returns the property. we should find the underlying commonality on
+     * requests that don't return the value so we can fix it. (ref: https://github.com/scientist-softserv/webstore/issues/252)
+     */
+    let quotedWareID = data.quoted_ware_refs?.[0]?.id
+    if (!quotedWareID) {
+      // we have to explicity use fetcher because "useOneRequest" is a hook
+      const res = await fetcher(`/quote_groups/${data.id}.json`, accessToken)
+      quotedWareID = res.quoted_ware_refs?.[0]?.id
+    }
+
     const attachedFiles = await createMessageOrFile({
       accessToken,
       id: data.id,
       files: dynamicFormData.attachments,
-      quotedWareID: data.quoted_ware_refs?.[0].id,
+      quotedWareID,
     })
 
     if (attachedFiles.error) {
@@ -209,3 +221,10 @@ export const createRequest = async ({ dynamicFormData, wareID, accessToken }) =>
   return { data, error }
   /* eslint-enable camelcase */
 }
+
+/** PUT METHODS */
+export const sendRequestToVendor = async (requestID, accessToken) => {
+  const { data, error } = await updating(`/quote_groups/${requestID}/send_to_vendors.json`, {}, accessToken)
+
+  return { data, error }
+}