added fixes for status page and documents download

Author: annahileta

client/src/features/History/ListItem.js

@@ -13,19 +13,17 @@ export const ListItem = ({ item, onClick }) => {
       <td className="text-right">
         <div className="dropdown">
           <button
-            className="dropdown-toggle"
-            type="button"
-            id="dropdownMenuButton"
-            data-toggle="dropdown"
-            data-target="#dropdown"
-            aria-haspopup="true"
-            aria-expanded="false"
+             className="dropdown-toggle btn btn-secondary"
+              type="button"
+              id="options3"
+              data-bs-toggle="dropdown"
+              aria-expanded="false"
           >
             {t("OptionsButton")}
           </button>
           <div
             className="dropdown-menu dropdown-menu-right"
-            aria-labelledby="dropdownMenuButton"
+            aria-labelledby="options3"
           >
             <a href="#/"
               className="dropdown-item"

client/src/features/History/components/ApiDescription.js

@@ -1,15 +1,14 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 import parse from "html-react-parser";
+import { Collapse } from 'react-bootstrap'
 
 export const ApiDescription = () => {
   const { t } = useTranslation("History");
-  const style = {
-    // minWidth: 400
-  };
+  const [open, setOpen] = React.useState(false);
 
   return (
-    <div className="col-lg-5" style={style}>
+    <div className="col-lg-5">
       <div id="accordion">
         <div className="card">
           <div className="card-header" id="headingOne">
@@ -20,20 +19,22 @@ export const ApiDescription = () => {
                 data-target="#collapseOne"
                 aria-expanded="false"
                 aria-controls="collapseOne"
+                onClick={() => {setOpen(!open)}}
               >
                 {t("ApiDecription.SeeMore")}
               </button>
             </h5>
           </div>
           <div
             id="collapseOne"
-            className="collapse"
             aria-labelledby="headingOne"
             data-parent="#accordion"
           >
+            <Collapse in={open}>
             <div className="card-body">
               {parse(t("ApiDecription.CodeFlow"))}
             </div>
+            </Collapse>
           </div>
         </div>
       </div>

client/src/features/RequestTranscript/index.js

@@ -38,6 +38,7 @@ export const RequestTranscriptPage = () => {
     }
 
     const body = {
+      "callback-url": process.env.REACT_APP_DS_RETURN_URL + "/signing_complete",
       "terms-name": t("Transcript.TermsName"),
       "terms-transcript": t("Transcript.DisplayName"),
       "display-name": t("Transcript.TermsTranscript")
@@ -48,7 +49,9 @@ export const RequestTranscriptPage = () => {
       dispatch({
         type: Actions.GET_CLICKWRAP_SUCCESS,
         payload: {
-          clickwrap: response.clickwrap
+          clickwrap: response.clickwrap,
+          envelopeId: response.envelope_id,
+          redirectUrl: response.redirect_url
         }
       });
       window.addEventListener(
@@ -73,11 +76,21 @@ export const RequestTranscriptPage = () => {
         }
       };
       try {
+        
         const response = await studentsAPI.requestTranscript(body);
         download(response, "transcript", "html", "text/html");
+
         window.addEventListener(
           "message",
-          event => goToSigningComplete(event),
+          event => {
+            if(event.data.type == "DOWNLOADED"){
+              setTimeout(() => {
+                goToSigningComplete(event);
+              }, 5000);
+            } else {
+              goToSigningComplete(event);
+            }
+          },
           false
         );
       } catch (error) {