feat: update gating for chat component

src/constants.ts

@@ -48,6 +48,13 @@ export const VERIFIED_MODES = [
   'paid-bootcamp',
 ] as const satisfies readonly string[];
 
+export const AUDIT_MODES = [
+  'audit',
+  'honor',
+  'unpaid-executive-education',
+  'unpaid-bootcamp',
+] as const satisfies readonly string[];
+
 export const WIDGETS = {
   DISCUSSIONS: 'DISCUSSIONS',
   NOTIFICATIONS: 'NOTIFICATIONS',

src/courseware/course/chat/Chat.jsx

@@ -3,9 +3,10 @@ import { useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 
 import { Xpert } from '@edx/frontend-lib-learning-assistant';
+import { getConfig } from '@edx/frontend-platform';
 import { injectIntl } from '@edx/frontend-platform/i18n';
 
-import { VERIFIED_MODES } from '@src/constants';
+import { AUDIT_MODES, VERIFIED_MODES } from '@src/constants';
 import { useModel } from '../../../generic/model-store';
 
 const Chat = ({
@@ -21,10 +22,14 @@ const Chat = ({
   } = useSelector(state => state.specialExams);
   const course = useModel('coursewareMeta', courseId);
 
-  const hasVerifiedEnrollment = (
+  const hasValidEnrollment = (
     enrollmentMode !== null
     && enrollmentMode !== undefined
-    && VERIFIED_MODES.includes(enrollmentMode)
+    && (
+      VERIFIED_MODES.includes(enrollmentMode)
+      // audit learners are only eligible if Xpert has been explicitly enabled for audit
+      || (AUDIT_MODES.includes(enrollmentMode) && getConfig().ENABLE_XPERT_AUDIT)
+    )
   );
 
   const validDates = () => {
@@ -42,19 +47,30 @@ const Chat = ({
 
   const shouldDisplayChat = (
     enabled
-    && (hasVerifiedEnrollment || isStaff) // display only to verified learners or staff
+    && (hasValidEnrollment || isStaff)
     && validDates()
     // it is necessary to check both whether the user is in an exam, and whether or not they are viewing an exam
     // this will prevent the learner from interacting with the tool at any point of the exam flow, even at the
     // entrance interstitial.
     && !(activeAttempt?.attempt_id || exam?.id)
   );
 
+  const isUpgradeEligible = (
+    enrollmentMode !== null
+    && enrollmentMode !== undefined
+    && AUDIT_MODES.includes(enrollmentMode)
+  );
+
   return (
     <>
       {/* Use a portal to ensure that component overlay does not compete with learning MFE styles. */}
       {shouldDisplayChat && (createPortal(
-        <Xpert courseId={courseId} contentToolsEnabled={contentToolsEnabled} unitId={unitId} />,
+        <Xpert
+          courseId={courseId}
+          contentToolsEnabled={contentToolsEnabled}
+          unitId={unitId}
+          isUpgradEligible={isUpgradeEligible}
+        />,
         document.body,
       ))}
     </>

src/courseware/course/chat/Chat.test.jsx

@@ -2,6 +2,8 @@ import { BrowserRouter } from 'react-router-dom';
 import React from 'react';
 import { Factory } from 'rosie';
 
+import { getConfig } from '@edx/frontend-platform';
+
 import {
   initializeMockApp,
   initializeTestStore,
@@ -28,6 +30,10 @@ jest.mock('@edx/frontend-lib-learning-assistant', () => {
   };
 });
 
+jest.mock('@edx/frontend-platform', () => ({
+  getConfig: jest.fn().mockReturnValue({ ENABLE_XPERT_AUDIT: false }),
+}));
+
 initializeMockApp();
 
 const courseId = 'course-v1:edX+DemoX+Demo_Course';
@@ -225,4 +231,24 @@ describe('Chat', () => {
     const chat = screen.queryByTestId(mockXpertTestId);
     expect(chat).toBeInTheDocument();
   });
+
+  it('displays component for audit learner if explicitly enabled', async () => {
+    getConfig.mockImplementation(() => ({ ENABLE_XPERT_AUDIT: true }));
+
+    render(
+      <BrowserRouter>
+        <Chat
+          enrollmentMode="audit"
+          isStaff={false}
+          enabled
+          courseId={courseId}
+          contentToolsEnabled={false}
+        />
+      </BrowserRouter>,
+      { store },
+    );
+
+    const chat = screen.queryByTestId(mockXpertTestId);
+    expect(chat).toBeInTheDocument();
+  });
 });

src/index.jsx

@@ -175,6 +175,7 @@ initialize({
         CHAT_RESPONSE_URL: process.env.CHAT_RESPONSE_URL || null,
         PRIVACY_POLICY_URL: process.env.PRIVACY_POLICY_URL || null,
         SHOW_UNGRADED_ASSIGNMENT_PROGRESS: process.env.SHOW_UNGRADED_ASSIGNMENT_PROGRESS || false,
+        ENABLE_XPERT_AUDIT: process.env.ENABLE_XPERT_AUDIT || false,
       }, 'LearnerAppConfig');
     },
   },