feat: Call LearningAssistantSummary endpoint

src/components/Sidebar/index.jsx

@@ -20,7 +20,8 @@ const Sidebar = ({
   isOpen,
   setIsOpen,
   unitId,
-}) => {
+  auditTrialNotExpired
+  &, > {
   const {
     apiError,
     disclosureAcknowledged,
@@ -98,7 +99,10 @@ const Sidebar = ({
           </div>
         )
       }
-      {getMessageForm()}
+      {
+        auditTrialNotExpired
+        && getMessageForm()
+      }
     </div>
   );
 

src/data/api.js

@@ -37,8 +37,17 @@ async function fetchLearningAssistantMessageHistory(courseId) {
   return data;
 }
 
+async function fetchLearningAssistantAuditTrial(userId) {
+  // TODO: Insert correct URL once get endpoint is implemented.
+  const url = new URL(`${getConfig().CHAT_RESPONSE_URL}/data/${userId}/`);
+
+  const { data } = await getAuthenticatedHttpClient().get(url.href);
+  return data;
+}
+
 export {
   fetchChatResponse,
+  fetchLearningAssistantAuditTrial,
   fetchLearningAssistantEnabled,
   fetchLearningAssistantMessageHistory,
 };

src/data/slice.js

@@ -11,6 +11,10 @@
   disclosureAcknowledged: false,
   sidebarIsOpen: false,
   isEnabled: false,
+  auditTrial: {
+    startDate: 0,
+    expirationDate: null,  // TODO: what do we use for a datetime value here?
+  },
 };
 
 export const learningAssistantSlice = createSlice({
@@ -44,6 +48,10 @@
     setIsEnabled: (state, { payload }) => {
       state.isEnabled = payload;
     },
+    setAuditTrial: (state, { payload }) => {
+      state.auditTrial.startDate = payload.start_date;
+      state.auditTrial.expirationDate = payload.expiration_date;
+    },
   },
 });
 

src/data/thunks.js

@@ -2,7 +2,7 @@
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
 
 import trackChatBotMessageOptimizely from '../utils/optimizelyExperiment';
-import { fetchChatResponse, fetchLearningAssistantMessageHistory, fetchLearningAssistantEnabled } from './api';
+import { fetchChatResponse, fetchLearningAssistantMessageHistory, fetchLearningAssistantEnabled, fetchLearningAssistantAuditTrial } from './api';
 import {
   setCurrentMessage,
   clearCurrentMessage,
@@ -13,6 +13,7 @@
   setDisclosureAcknowledged,
   setSidebarIsOpen,
   setIsEnabled,
+  setAuditTrial,
 } from './slice';
 import { OPTIMIZELY_PROMPT_EXPERIMENT_KEY } from './optimizely';
 
@@ -134,3 +135,16 @@
     }
   };
 }
+
+export function getAuditTrial(userId) {
+  return async (dispatch) => {
+    try {
+      const data = await fetchLearningAssistantAuditTrial(userId);
+      if (!_.isEmpty(data)) {  // If returned data is not empty
+        dispatch(setAuditTrial(data));
+      }
+    } catch (error) {
+      dispatch(setApiError());
+    }
+  };
+}

src/widgets/Xpert.jsx

@@ -2,9 +2,9 @@
 import { useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 
-import { updateSidebarIsOpen, getIsEnabled } from '../data/thunks';
+import { updateSidebarIsOpen, getIsEnabled, getAuditTrial } from '../data/thunks';
 import ToggleXpert from '../components/ToggleXpertButton';
 import Sidebar from '../components/Sidebar';
 import { ExperimentsProvider } from '../experiments';
 import { useMessageHistory } from '../hooks';
 
@@ -15,6 +15,7 @@
   const {
     isEnabled,
     sidebarIsOpen,
+    auditTrial,
   } = useSelector(state => state.learningAssistant);
 
   const setSidebarIsOpen = (isOpen) => {
@@ -25,6 +26,18 @@
     dispatch(getIsEnabled(courseId));
   }, [dispatch, courseId]);
 
+  useEffect(() => {
+    dispatch(getAuditTrial(userId));
+  }, [dispatch, userId]);
+
+  const isAuditTrialNotExpired = () => {
+    const auditTrialExpired = (Date.now() - auditTrial.expirationDate) > 0;
+    if (auditTrialExpired) {
+      return true
+    }
+    return false
+  }
+
   return isEnabled ? (
     <ExperimentsProvider>
       <>
@@ -39,6 +52,7 @@
           isOpen={sidebarIsOpen}
           setIsOpen={setSidebarIsOpen}
           unitId={unitId}
+          auditTrialNotExpired={isAuditTrialNotExpired}
         />
       </>
     </ExperimentsProvider>