@openedx/frontend-app-instructor-dashboard 1.0.0-alpha.0 → 1.0.0-alpha.10

package/dist/enrollments/components/UnenrollModal.d.ts

@@ -1,8 +1,9 @@
-import { Learner } from '../types';
+import { EnrolledLearner } from '../../enrollments/types';
 interface UnenrollModalProps {
-    learner: Learner;
+    learner: EnrolledLearner;
     isOpen: boolean;
     onClose: () => void;
+    onSuccess: () => void;
 }
-declare const UnenrollModal: ({ learner, isOpen, onClose }: UnenrollModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const UnenrollModal: ({ learner, isOpen, onClose, onSuccess }: UnenrollModalProps) => import("react/jsx-runtime").JSX.Element;
 export default UnenrollModal;

package/dist/enrollments/components/UnenrollModal.js

@@ -1,7 +1,34 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const UnenrollModal = ({ learner, isOpen, onClose }) => {
-    console.log(learner, isOpen, onClose);
-    return _jsx("div", { children: "Unenroll Modal" });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, ModalDialog } from '@openedx/paragon';
+import { useAlert } from '../../providers/AlertProvider';
+import { useUpdateEnrollments } from '../../enrollments/data/apiHook';
+import messages from '../../enrollments/messages';
+const UnenrollModal = ({ learner, isOpen, onClose, onSuccess }) => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { mutate: unenrollLearners, isPending } = useUpdateEnrollments(courseId);
+    const { showModal } = useAlert();
+    const handleUnenroll = () => {
+        unenrollLearners({
+            identifier: [learner.username],
+            action: 'unenroll',
+        }, {
+            onSuccess: () => {
+                onSuccess();
+                onClose();
+            },
+            onError: (error) => {
+                showModal({
+                    message: error.message || intl.formatMessage(messages.unenrollLearnerError),
+                    variant: 'danger',
+                    confirmText: intl.formatMessage(messages.closeButton),
+                });
+            }
+        });
+    };
+    return (_jsxs(ModalDialog, { isOpen: isOpen, onClose: onClose, title: intl.formatMessage(messages.unenrollLearners), isOverflowVisible: false, children: [_jsx(ModalDialog.Header, { children: _jsx("h3", { className: "text-primary-500", children: intl.formatMessage(messages.unenrollLearnerTitle) }) }), _jsx(ModalDialog.Body, { className: "py-4", children: _jsx("p", { children: intl.formatMessage(messages.unenrollLearnersConfirmation, { name: learner.fullName }) }) }), _jsxs(ModalDialog.Footer, { children: [_jsx(Button, { variant: "tertiary", onClick: onClose, children: intl.formatMessage(messages.cancelButton) }), _jsx(Button, { className: "ml-2", onClick: handleUnenroll, disabled: isPending, children: intl.formatMessage(messages.unenrollButton) })] })] }));
 };
 export default UnenrollModal;
 //# sourceMappingURL=UnenrollModal.js.map

package/dist/enrollments/components/UnenrollModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnenrollModal.js","sourceRoot":"","sources":["../../../src/enrollments/components/UnenrollModal.tsx"],"names":[],"mappings":";AAOA,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAsB,EAAE,EAAE;IACzE,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAEtC,OAAO,2CAAyB,CAAC;AACnC,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { Learner } from '../types';\ninterface UnenrollModalProps {\n  learner: Learner,\n  isOpen: boolean,\n  onClose: () => void,\n}\n\nconst UnenrollModal = ({ learner, isOpen, onClose }: UnenrollModalProps) => {\n  console.log(learner, isOpen, onClose);\n\n  return <div>Unenroll Modal</div>;\n};\n\nexport default UnenrollModal;\n"]}
+{"version":3,"file":"UnenrollModal.js","sourceRoot":"","sources":["../../../src/enrollments/components/UnenrollModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AAUjD,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAsB,EAAE,EAAE;IACpF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAwB,CAAC;IAC5D,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC/E,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEjC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,gBAAgB,CAAC;YACf,UAAU,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC9B,MAAM,EAAE,UAAU;SACnB,EAAE;YACD,SAAS,EAAE,GAAG,EAAE;gBACd,SAAS,EAAE,CAAC;gBACZ,OAAO,EAAE,CAAC;YACZ,CAAC;YACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,SAAS,CAAC;oBACR,OAAO,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC;oBAC3E,OAAO,EAAE,QAAQ;oBACjB,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC;iBACtD,CAAC,CAAC;YACL,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,KAAK,aAC3H,KAAC,WAAW,CAAC,MAAM,cACjB,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAAM,GACtE,EACrB,KAAC,WAAW,CAAC,IAAI,IAAC,SAAS,EAAC,MAAM,YAChC,sBAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,4BAA4B,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,GAAK,GAC7E,EACnB,MAAC,WAAW,CAAC,MAAM,eACjB,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAU,EACjG,KAAC,MAAM,IACL,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,SAAS,YAElB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GACrC,IACU,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, ModalDialog } from '@openedx/paragon';\nimport { useAlert } from '@src/providers/AlertProvider';\nimport { useUpdateEnrollments } from '@src/enrollments/data/apiHook';\nimport messages from '@src/enrollments/messages';\nimport { EnrolledLearner } from '@src/enrollments/types';\n\ninterface UnenrollModalProps {\n  learner: EnrolledLearner,\n  isOpen: boolean,\n  onClose: () => void,\n  onSuccess: () => void,\n}\n\nconst UnenrollModal = ({ learner, isOpen, onClose, onSuccess }: UnenrollModalProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { mutate: unenrollLearners, isPending } = useUpdateEnrollments(courseId);\n  const { showModal } = useAlert();\n\n  const handleUnenroll = () => {\n    unenrollLearners({\n      identifier: [learner.username],\n      action: 'unenroll',\n    }, {\n      onSuccess: () => {\n        onSuccess();\n        onClose();\n      },\n      onError: (error) => {\n        showModal({\n          message: error.message || intl.formatMessage(messages.unenrollLearnerError),\n          variant: 'danger',\n          confirmText: intl.formatMessage(messages.closeButton),\n        });\n      }\n    });\n  };\n\n  return (\n    <ModalDialog isOpen={isOpen} onClose={onClose} title={intl.formatMessage(messages.unenrollLearners)} isOverflowVisible={false}>\n      <ModalDialog.Header>\n        <h3 className=\"text-primary-500\">{intl.formatMessage(messages.unenrollLearnerTitle)}</h3>\n      </ModalDialog.Header>\n      <ModalDialog.Body className=\"py-4\">\n        <p>{intl.formatMessage(messages.unenrollLearnersConfirmation, { name: learner.fullName })}</p>\n      </ModalDialog.Body>\n      <ModalDialog.Footer>\n        <Button variant=\"tertiary\" onClick={onClose}>{intl.formatMessage(messages.cancelButton)}</Button>\n        <Button\n          className=\"ml-2\"\n          onClick={handleUnenroll}\n          disabled={isPending}\n        >\n          {intl.formatMessage(messages.unenrollButton)}\n        </Button>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default UnenrollModal;\n"]}

package/dist/enrollments/data/api.d.ts

@@ -1,4 +1,5 @@
-import { EnrollmentsParams, EnrollmentStatusResponse, Learner } from '../types';
+import { EnrollmentsParams, EnrollmentStatusResponse, EnrolledLearner, UpdateEnrollmentsParams } from '../../enrollments/types';
 import { DataList } from '../../types';
-export declare const getEnrollments: (courseId: string, params: EnrollmentsParams) => Promise<DataList<Learner>>;
+export declare const getEnrollments: (courseId: string, params: EnrollmentsParams) => Promise<DataList<EnrolledLearner>>;
 export declare const getEnrollmentStatus: (courseId: string, userIdentifier: string) => Promise<EnrollmentStatusResponse>;
+export declare const updateEnrollments: (courseId: string, params: UpdateEnrollmentsParams) => Promise<void>;

package/dist/enrollments/data/api.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';
+import { camelCaseObject, getAuthenticatedHttpClient, snakeCaseObject } from '@openedx/frontend-base';
 import { getApiBaseUrl } from '../../data/api';
 export const getEnrollments = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
     const queryParams = new URLSearchParams({
@@ -29,4 +29,8 @@ export const getEnrollmentStatus = (courseId, userIdentifier) => __awaiter(void
     });
     return camelCaseObject(data);
 });
+export const updateEnrollments = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+    const snakeCaseParams = snakeCaseObject(params);
+    yield getAuthenticatedHttpClient().post(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/enrollments/modify`, snakeCaseParams);
+});
 //# sourceMappingURL=api.js.map

package/dist/enrollments/data/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/enrollments/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,QAAgB,EAChB,MAAyB,EACG,EAAE;IAC9B,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC;QACtC,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE;QAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE;KACtC,CAAC,CAAC;IAEH,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;QAC3B,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;QACxB,WAAW,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,gBAAgB,WAAW,CAAC,QAAQ,EAAE,EAAE,CACjG,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,QAAgB,EAChB,cAAsB,EACa,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACtD,GAAG,aAAa,EAAE,YAAY,QAAQ,+CAA+C,EAAE;QACrF,yBAAyB,EAAE,cAAc;KAC1C,CACF,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC","sourcesContent":["import { camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '../../data/api';\nimport { EnrollmentsParams, EnrollmentStatusResponse, Learner } from '../types';\nimport { DataList } from '@src/types';\n\nexport const getEnrollments = async (\n  courseId: string,\n  params: EnrollmentsParams\n): Promise<DataList<Learner>> => {\n  const queryParams = new URLSearchParams({\n    page: (params.page + 1).toString(),\n    page_size: params.pageSize.toString(),\n  });\n\n  if (params.emailOrUsername) {\n    queryParams.append('search', params.emailOrUsername);\n  }\n\n  if (params.isBetaTester) {\n    queryParams.append('is_beta_tester', params.isBetaTester);\n  }\n\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/enrollments?${queryParams.toString()}`\n  );\n  return camelCaseObject(data);\n};\n\nexport const getEnrollmentStatus = async (\n  courseId: string,\n  userIdentifier: string\n): Promise<EnrollmentStatusResponse> => {\n  const { data } = await getAuthenticatedHttpClient().post(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/get_student_enrollment_status`, {\n      unique_student_identifier: userIdentifier,\n    }\n  );\n  return camelCaseObject(data);\n};\n"]}
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/enrollments/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACtG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,QAAgB,EAChB,MAAyB,EACW,EAAE;IACtC,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC;QACtC,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE;QAClC,SAAS,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE;KACtC,CAAC,CAAC;IAEH,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;QAC3B,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;QACxB,WAAW,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,gBAAgB,WAAW,CAAC,QAAQ,EAAE,EAAE,CACjG,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,QAAgB,EAChB,cAAsB,EACa,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACtD,GAAG,aAAa,EAAE,YAAY,QAAQ,+CAA+C,EAAE;QACrF,yBAAyB,EAAE,cAAc;KAC1C,CACF,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,QAAgB,EAChB,MAA+B,EAChB,EAAE;IACjB,MAAM,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAChD,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACrC,GAAG,aAAa,EAAE,8BAA8B,QAAQ,qBAAqB,EAC7E,eAAe,CAChB,CAAC;AACJ,CAAC,CAAA,CAAC","sourcesContent":["import { camelCaseObject, getAuthenticatedHttpClient, snakeCaseObject } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '@src/data/api';\nimport { EnrollmentsParams, EnrollmentStatusResponse, EnrolledLearner, UpdateEnrollmentsParams } from '@src/enrollments/types';\nimport { DataList } from '@src/types';\n\nexport const getEnrollments = async (\n  courseId: string,\n  params: EnrollmentsParams\n): Promise<DataList<EnrolledLearner>> => {\n  const queryParams = new URLSearchParams({\n    page: (params.page + 1).toString(),\n    page_size: params.pageSize.toString(),\n  });\n\n  if (params.emailOrUsername) {\n    queryParams.append('search', params.emailOrUsername);\n  }\n\n  if (params.isBetaTester) {\n    queryParams.append('is_beta_tester', params.isBetaTester);\n  }\n\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/enrollments?${queryParams.toString()}`\n  );\n  return camelCaseObject(data);\n};\n\nexport const getEnrollmentStatus = async (\n  courseId: string,\n  userIdentifier: string\n): Promise<EnrollmentStatusResponse> => {\n  const { data } = await getAuthenticatedHttpClient().post(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/get_student_enrollment_status`, {\n      unique_student_identifier: userIdentifier,\n    }\n  );\n  return camelCaseObject(data);\n};\n\nexport const updateEnrollments = async (\n  courseId: string,\n  params: UpdateEnrollmentsParams\n): Promise<void> => {\n  const snakeCaseParams = snakeCaseObject(params);\n  await getAuthenticatedHttpClient().post(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/enrollments/modify`,\n    snakeCaseParams\n  );\n};\n"]}

package/dist/enrollments/data/apiHook.d.ts

@@ -1,3 +1,4 @@
-import { EnrollmentsParams } from '../types';
-export declare const useEnrollments: (courseId: string, params: EnrollmentsParams) => import("@tanstack/react-query").UseQueryResult<import("../../types").DataList<import("../types").Learner>, Error>;
-export declare const useEnrollmentByUserId: (courseId: string, userIdentifier: string) => import("@tanstack/react-query").UseQueryResult<import("../types").EnrollmentStatusResponse, Error>;
+import { EnrollmentsParams, UpdateEnrollmentsParams } from '../../enrollments/types';
+export declare const useEnrollments: (courseId: string, params: EnrollmentsParams) => import("@tanstack/react-query").UseQueryResult<import("../../types").DataList<import("../../enrollments/types").EnrolledLearner>, Error>;
+export declare const useEnrollmentByUserId: (courseId: string, userIdentifier: string) => import("@tanstack/react-query").UseQueryResult<import("../../enrollments/types").EnrollmentStatusResponse, Error>;
+export declare const useUpdateEnrollments: (courseId: string) => import("@tanstack/react-query").UseMutationResult<void, Error, UpdateEnrollmentsParams, unknown>;

package/dist/enrollments/data/apiHook.js

@@ -1,6 +1,6 @@
-import { useQuery } from '@tanstack/react-query';
-import { getEnrollments, getEnrollmentStatus } from './api';
-import { enrollmentsQueryKeys } from './queryKeys';
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { getEnrollments, getEnrollmentStatus, updateEnrollments } from '../../enrollments/data/api';
+import { enrollmentsQueryKeys } from '../../enrollments/data/queryKeys';
 export const useEnrollments = (courseId, params) => (useQuery({
     queryKey: enrollmentsQueryKeys.byCoursePaginated(courseId, params),
     queryFn: () => getEnrollments(courseId, params),
@@ -11,4 +11,13 @@ export const useEnrollmentByUserId = (courseId, userIdentifier) => (useQuery({
     queryFn: () => getEnrollmentStatus(courseId, userIdentifier),
     enabled: false,
 }));
+export const useUpdateEnrollments = (courseId) => {
+    const queryClient = useQueryClient();
+    return (useMutation({
+        mutationFn: (params) => updateEnrollments(courseId, params),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: enrollmentsQueryKeys.byCourse(courseId) });
+        },
+    }));
+};
 //# sourceMappingURL=apiHook.js.map

package/dist/enrollments/data/apiHook.js.map

@@ -1 +1 @@
-{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/enrollments/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGnD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,MAAyB,EAAE,EAAE,CAAC,CAC7E,QAAQ,CAAC;IACP,QAAQ,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC;IAClE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC/C,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAE,cAAsB,EAAE,EAAE,CAAC,CACjF,QAAQ,CAAC;IACP,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IACjE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC5D,OAAO,EAAE,KAAK;CACf,CAAC,CACH,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { getEnrollments, getEnrollmentStatus } from './api';\nimport { enrollmentsQueryKeys } from './queryKeys';\nimport { EnrollmentsParams } from '../types';\n\nexport const useEnrollments = (courseId: string, params: EnrollmentsParams) => (\n  useQuery({\n    queryKey: enrollmentsQueryKeys.byCoursePaginated(courseId, params),\n    queryFn: () => getEnrollments(courseId, params),\n    enabled: !!courseId,\n  })\n);\n\nexport const useEnrollmentByUserId = (courseId: string, userIdentifier: string) => (\n  useQuery({\n    queryKey: enrollmentsQueryKeys.byUserId(courseId, userIdentifier),\n    queryFn: () => getEnrollmentStatus(courseId, userIdentifier),\n    enabled: false,\n  })\n);\n"]}
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/enrollments/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnG,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAGvE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,MAAyB,EAAE,EAAE,CAAC,CAC7E,QAAQ,CAAC;IACP,QAAQ,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC;IAClE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC/C,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAE,cAAsB,EAAE,EAAE,CAAC,CACjF,QAAQ,CAAC;IACP,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IACjE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC;IAC5D,OAAO,EAAE,KAAK;CACf,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACvD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,CAAC,WAAW,CAAC;QAClB,UAAU,EAAE,CAAC,MAA+B,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC;QACpF,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACvF,CAAC;KACF,CAAC,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport { getEnrollments, getEnrollmentStatus, updateEnrollments } from '@src/enrollments/data/api';\nimport { enrollmentsQueryKeys } from '@src/enrollments/data/queryKeys';\nimport { EnrollmentsParams, UpdateEnrollmentsParams } from '@src/enrollments/types';\n\nexport const useEnrollments = (courseId: string, params: EnrollmentsParams) => (\n  useQuery({\n    queryKey: enrollmentsQueryKeys.byCoursePaginated(courseId, params),\n    queryFn: () => getEnrollments(courseId, params),\n    enabled: !!courseId,\n  })\n);\n\nexport const useEnrollmentByUserId = (courseId: string, userIdentifier: string) => (\n  useQuery({\n    queryKey: enrollmentsQueryKeys.byUserId(courseId, userIdentifier),\n    queryFn: () => getEnrollmentStatus(courseId, userIdentifier),\n    enabled: false,\n  })\n);\n\nexport const useUpdateEnrollments = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return (useMutation({\n    mutationFn: (params: UpdateEnrollmentsParams) => updateEnrollments(courseId, params),\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: enrollmentsQueryKeys.byCourse(courseId) });\n    },\n  }));\n};\n"]}

package/dist/enrollments/data/queryKeys.d.ts

@@ -1,7 +1,7 @@
-import { EnrollmentsParams } from '../types';
+import { EnrollmentsParams } from '../../enrollments/types';
 export declare const enrollmentsQueryKeys: {
-    all: readonly ["org.openedx.frontend.app.instructor", "enrollments"];
-    byCourse: (courseId: string) => readonly ["org.openedx.frontend.app.instructor", "enrollments", string];
-    byCoursePaginated: (courseId: string, params: EnrollmentsParams) => readonly ["org.openedx.frontend.app.instructor", "enrollments", string, number, number, string, string];
-    byUserId: (courseId: string, userIdentifier: string) => readonly ["org.openedx.frontend.app.instructor", "enrollments", string, "enrollment", string];
+    all: readonly ["org.openedx.frontend.app.instructorDashboard", "enrollments"];
+    byCourse: (courseId: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "enrollments", string];
+    byCoursePaginated: (courseId: string, params: EnrollmentsParams) => readonly ["org.openedx.frontend.app.instructorDashboard", "enrollments", string, number, number, string, string];
+    byUserId: (courseId: string, userIdentifier: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "enrollments", string, "enrollment", string];
 };

package/dist/enrollments/data/queryKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../src/enrollments/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,CAAU;IACpC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,GAAG,EAAE,QAAQ,CAAU;IAChF,iBAAiB,EAAE,CAAC,QAAgB,EAAE,MAAyB,EAAE,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,YAAY,CAAU;IACpM,QAAQ,EAAE,CAAC,QAAgB,EAAE,cAAsB,EAAE,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,cAAc,CAAU;CAC5I,CAAC","sourcesContent":["import { appId } from '../../constants';\nimport { EnrollmentsParams } from '../types';\n\nexport const enrollmentsQueryKeys = {\n  all: [appId, 'enrollments'] as const,\n  byCourse: (courseId: string) => [...enrollmentsQueryKeys.all, courseId] as const,\n  byCoursePaginated: (courseId: string, params: EnrollmentsParams) => [...enrollmentsQueryKeys.byCourse(courseId), params.page, params.pageSize, params.emailOrUsername, params.isBetaTester] as const,\n  byUserId: (courseId: string, userIdentifier: string) => [...enrollmentsQueryKeys.byCourse(courseId), 'enrollment', userIdentifier] as const,\n};\n"]}
+{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../src/enrollments/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,CAAU;IACpC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,GAAG,EAAE,QAAQ,CAAU;IAChF,iBAAiB,EAAE,CAAC,QAAgB,EAAE,MAAyB,EAAE,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,YAAY,CAAU;IACpM,QAAQ,EAAE,CAAC,QAAgB,EAAE,cAAsB,EAAE,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,cAAc,CAAU;CAC5I,CAAC","sourcesContent":["import { appId } from '@src/constants';\nimport { EnrollmentsParams } from '@src/enrollments/types';\n\nexport const enrollmentsQueryKeys = {\n  all: [appId, 'enrollments'] as const,\n  byCourse: (courseId: string) => [...enrollmentsQueryKeys.all, courseId] as const,\n  byCoursePaginated: (courseId: string, params: EnrollmentsParams) => [...enrollmentsQueryKeys.byCourse(courseId), params.page, params.pageSize, params.emailOrUsername, params.isBetaTester] as const,\n  byUserId: (courseId: string, userIdentifier: string) => [...enrollmentsQueryKeys.byCourse(courseId), 'enrollment', userIdentifier] as const,\n};\n"]}

package/dist/enrollments/messages.d.ts

@@ -64,7 +64,7 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    enrollLearnersPlaceholder: {
+    enrollmentStatusPlaceholder: {
         id: string;
         defaultMessage: string;
         description: string;
@@ -104,5 +104,70 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    statusResponseMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    userIdentifierPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    enrollLearnerInstructions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unenrollLearners: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unenrollLearnersConfirmation: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unenrollLearnerTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    saveButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cancelButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    autoEnrollCheckbox: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    notifyUsersCheckbox: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    enrollLearnerError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unenrollLearnerError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    enrollLearnerNotFoundError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };
 export default messages;

package/dist/enrollments/messages.js

@@ -13,7 +13,7 @@ const messages = defineMessages({
     enrollLearners: {
         id: 'instruct.enrollments.enrollLearners',
         defaultMessage: 'Enroll Learners',
-        description: 'Button label for enrolling learners',
+        description: 'Button label and modal title for enrolling learners',
     },
     checkEnrollmentStatus: {
         id: 'instruct.enrollments.checkEnrollmentStatus',
@@ -61,17 +61,17 @@ const messages = defineMessages({
         description: 'Label for true boolean value',
     },
     addLearnerInstructions: {
-        id: 'instruct.enrollments.checkEnrollmentStatusModal.addLearnerInstructions',
-        defaultMessage: 'Learner’s My Open edX email address or username',
+        id: 'instruct.enrollments.modals.checkEnrollmentStatus.addLearnerInstructions',
+        defaultMessage: 'Learner\'s My Open edX email address or username',
         description: 'Instructions for enroll learners to the course',
     },
-    enrollLearnersPlaceholder: {
-        id: 'instruct.enrollments.checkEnrollmentStatusModal.enrollLearnersPlaceholder',
+    enrollmentStatusPlaceholder: {
+        id: 'instruct.enrollments.modals.checkEnrollmentStatus.enrollmentStatusPlaceholder',
         defaultMessage: 'Learner email address or username',
         description: 'Placeholder text for enrolling learners textarea',
     },
     closeButton: {
-        id: 'instruct.enrollments.checkEnrollmentStatusModal.closeButton',
+        id: 'instruct.enrollments.modals.closeButton',
         defaultMessage: 'Close',
         description: 'Label for close button in modals',
     },
@@ -105,6 +105,71 @@ const messages = defineMessages({
         defaultMessage: 'Non-Beta Testers',
         description: 'Option for showing only non-beta testers in beta tester filter',
     },
+    statusResponseMessage: {
+        id: 'instruct.enrollments.modals.checkEnrollmentStatus.statusResponseMessage',
+        defaultMessage: 'Enrollment status for {learnerIdentifier}: {status}',
+        description: 'Message displaying the enrollment status for a learner',
+    },
+    userIdentifierPlaceholder: {
+        id: 'instruct.enrollments.modals.enrollLearners.userIdentifierPlaceholder',
+        defaultMessage: 'Email addresses / Usernames',
+        description: 'Placeholder text for enrolling learners textarea',
+    },
+    enrollLearnerInstructions: {
+        id: 'instruct.enrollments.modals.enrollLearners.enrollLearnerInstructions',
+        defaultMessage: 'Enter email addresses and/or usernames separated by new lines or commas. You will not get notification for emails that bounce, so please double-check spelling.',
+        description: 'Instructions for enrolling learners to the course',
+    },
+    unenrollLearners: {
+        id: 'instruct.enrollments.modals.unenrollLearners',
+        defaultMessage: 'Unenroll Learners',
+        description: 'Title for unenroll learners modal',
+    },
+    unenrollLearnersConfirmation: {
+        id: 'instruct.enrollments.modals.unenrollLearnersConfirmation',
+        defaultMessage: 'Unenroll {name} from course?',
+        description: 'Confirmation message for unenrolling learners',
+    },
+    unenrollLearnerTitle: {
+        id: 'instruct.enrollments.modals.unenrollLearnerTitle',
+        defaultMessage: 'Unenroll Learner?',
+        description: 'Title for unenroll learner modal',
+    },
+    saveButton: {
+        id: 'instruct.enrollments.modals.saveButton',
+        defaultMessage: 'Save',
+        description: 'Label for save button in modals',
+    },
+    cancelButton: {
+        id: 'instruct.enrollments.modals.cancelButton',
+        defaultMessage: 'Cancel',
+        description: 'Label for cancel button in modals',
+    },
+    autoEnrollCheckbox: {
+        id: 'instruct.enrollments.modals.autoEnrollCheckbox',
+        defaultMessage: 'Auto Enroll',
+        description: 'Label for auto enroll checkbox in enroll learners modal',
+    },
+    notifyUsersCheckbox: {
+        id: 'instruct.enrollments.modals.notifyUsersCheckbox',
+        defaultMessage: 'Notify Users by Email',
+        description: 'Label for notify users by email checkbox in enroll learners modal',
+    },
+    enrollLearnerError: {
+        id: 'instruct.enrollments.modals.enrollLearnerError',
+        defaultMessage: 'An error occurred while enrolling learners. Please try again.',
+        description: 'Error message displayed when enrolling learners fails',
+    },
+    unenrollLearnerError: {
+        id: 'instruct.enrollments.modals.unenrollLearnerError',
+        defaultMessage: 'An error occurred while unenrolling learner. Please try again.',
+        description: 'Error message displayed when unenrolling learner fails',
+    },
+    enrollLearnerNotFoundError: {
+        id: 'instruct.enrollments.modals.enrollLearnerNotFoundError',
+        defaultMessage: 'One or more learners were not found. Please check the email addresses or usernames and try again.',
+        description: 'Error message displayed when enrolling learners fails due to learner not found',
+    }
 });
 export default messages;
 //# sourceMappingURL=messages.js.map

package/dist/enrollments/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/enrollments/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,oBAAoB,EAAE;QACpB,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,gCAAgC;KAC9C;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,sCAAsC;KACpD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,qCAAqC;KACnD;IACD,qBAAqB,EAAE;QACrB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,yBAAyB;QACzC,WAAW,EAAE,6DAA6D;KAC3E;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,+BAA+B;QACnC,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,gDAAgD;KAC9D;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,+BAA+B;QACnC,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,iDAAiD;KAC/D;IACD,KAAK,EAAE;QACL,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,6CAA6C;KAC3D;IACD,KAAK,EAAE;QACL,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,6CAA6C;KAC3D;IACD,UAAU,EAAE;QACV,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,0DAA0D;KACxE;IACD,OAAO,EAAE;QACP,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,+CAA+C;KAC7D;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,wCAAwC;KACtD;IACD,SAAS,EAAE;QACT,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,8BAA8B;KAC5C;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,wEAAwE;QAC5E,cAAc,EAAE,iDAAiD;QACjE,WAAW,EAAE,gDAAgD;KAC9D;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,2EAA2E;QAC/E,cAAc,EAAE,mCAAmC;QACnD,WAAW,EAAE,kDAAkD;KAChE;IACD,WAAW,EAAE;QACX,EAAE,EAAE,6DAA6D;QACjE,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,kCAAkC;KAChD;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,wCAAwC;QAC5C,cAAc,EAAE,oBAAoB;QACpC,WAAW,EAAE,sDAAsD;KACpE;IACD,aAAa,EAAE;QACb,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,yDAAyD;KACvE;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,2BAA2B;QAC3C,WAAW,EAAE,oDAAoD;KAClE;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,wDAAwD;KACtE;IACD,WAAW,EAAE;QACX,EAAE,EAAE,kCAAkC;QACtC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,4DAA4D;KAC1E;IACD,cAAc,EAAE;QACd,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,gEAAgE;KAC9E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  enrollmentsPageTitle: {\n    id: 'instruct.enrollments.page.title',\n    defaultMessage: 'Enrollment Management',\n    description: 'Title for the enrollments page',\n  },\n  addBetaTesters: {\n    id: 'instruct.enrollments.addBetaTesters',\n    defaultMessage: 'Add Beta Testers',\n    description: 'Button label for adding beta testers',\n  },\n  enrollLearners: {\n    id: 'instruct.enrollments.enrollLearners',\n    defaultMessage: 'Enroll Learners',\n    description: 'Button label for enrolling learners',\n  },\n  checkEnrollmentStatus: {\n    id: 'instruct.enrollments.checkEnrollmentStatus',\n    defaultMessage: 'Check Enrollment Status',\n    description: 'Check enrollment status modal title and alt for icon button',\n  },\n  username: {\n    id: 'instruct.enrollments.username',\n    defaultMessage: 'Username',\n    description: 'Column header for username in enrollments list',\n  },\n  fullName: {\n    id: 'instruct.enrollments.fullName',\n    defaultMessage: 'Name',\n    description: 'Column header for full name in enrollments list',\n  },\n  email: {\n    id: 'instruct.enrollments.email',\n    defaultMessage: 'Email',\n    description: 'Column header for email in enrollments list',\n  },\n  track: {\n    id: 'instruct.enrollments.track',\n    defaultMessage: 'Track',\n    description: 'Column header for track in enrollments list',\n  },\n  betaTester: {\n    id: 'instruct.enrollments.betaTester',\n    defaultMessage: 'Beta Tester',\n    description: 'Column header for beta tester status in enrollments list',\n  },\n  actions: {\n    id: 'instruct.enrollments.actions',\n    defaultMessage: 'Actions',\n    description: 'Column header for actions in enrollments list',\n  },\n  unenrollButton: {\n    id: 'instruct.enrollments.unenrollButton',\n    defaultMessage: 'Unenroll',\n    description: 'Button label for unenrolling a learner',\n  },\n  trueLabel: {\n    id: 'instruct.enrollments.trueLabel',\n    defaultMessage: 'True',\n    description: 'Label for true boolean value',\n  },\n  addLearnerInstructions: {\n    id: 'instruct.enrollments.checkEnrollmentStatusModal.addLearnerInstructions',\n    defaultMessage: 'Learner’s My Open edX email address or username',\n    description: 'Instructions for enroll learners to the course',\n  },\n  enrollLearnersPlaceholder: {\n    id: 'instruct.enrollments.checkEnrollmentStatusModal.enrollLearnersPlaceholder',\n    defaultMessage: 'Learner email address or username',\n    description: 'Placeholder text for enrolling learners textarea',\n  },\n  closeButton: {\n    id: 'instruct.enrollments.checkEnrollmentStatusModal.closeButton',\n    defaultMessage: 'Close',\n    description: 'Label for close button in modals',\n  },\n  searchPlaceholder: {\n    id: 'instruct.enrollments.searchPlaceholder',\n    defaultMessage: 'Search enrollments',\n    description: 'Placeholder for the search input in enrollments list',\n  },\n  noEnrollments: {\n    id: 'instruct.enrollments.noEnrollments',\n    defaultMessage: 'No enrollments found',\n    description: 'Message displayed when there are no enrollments to show',\n  },\n  changeBetaTesterStatus: {\n    id: 'instruct.enrollments.changeBetaTesterStatus',\n    defaultMessage: 'Change Beta Tester Status',\n    description: 'Alt text for change beta tester status icon button',\n  },\n  allEnrollees: {\n    id: 'instruct.enrollments.allEnrollees',\n    defaultMessage: 'All Enrollees',\n    description: 'Option for showing all enrollees in beta tester filter',\n  },\n  betaTesters: {\n    id: 'instruct.enrollments.betaTesters',\n    defaultMessage: 'Beta Testers',\n    description: 'Option for showing only beta testers in beta tester filter',\n  },\n  nonBetaTesters: {\n    id: 'instruct.enrollments.nonBetaTesters',\n    defaultMessage: 'Non-Beta Testers',\n    description: 'Option for showing only non-beta testers in beta tester filter',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/enrollments/messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  enrollmentsPageTitle: {\n    id: 'instruct.enrollments.page.title',\n    defaultMessage: 'Enrollment Management',\n    description: 'Title for the enrollments page',\n  },\n  addBetaTesters: {\n    id: 'instruct.enrollments.addBetaTesters',\n    defaultMessage: 'Add Beta Testers',\n    description: 'Button label for adding beta testers',\n  },\n  enrollLearners: {\n    id: 'instruct.enrollments.enrollLearners',\n    defaultMessage: 'Enroll Learners',\n    description: 'Button label and modal title for enrolling learners',\n  },\n  checkEnrollmentStatus: {\n    id: 'instruct.enrollments.checkEnrollmentStatus',\n    defaultMessage: 'Check Enrollment Status',\n    description: 'Check enrollment status modal title and alt for icon button',\n  },\n  username: {\n    id: 'instruct.enrollments.username',\n    defaultMessage: 'Username',\n    description: 'Column header for username in enrollments list',\n  },\n  fullName: {\n    id: 'instruct.enrollments.fullName',\n    defaultMessage: 'Name',\n    description: 'Column header for full name in enrollments list',\n  },\n  email: {\n    id: 'instruct.enrollments.email',\n    defaultMessage: 'Email',\n    description: 'Column header for email in enrollments list',\n  },\n  track: {\n    id: 'instruct.enrollments.track',\n    defaultMessage: 'Track',\n    description: 'Column header for track in enrollments list',\n  },\n  betaTester: {\n    id: 'instruct.enrollments.betaTester',\n    defaultMessage: 'Beta Tester',\n    description: 'Column header for beta tester status in enrollments list',\n  },\n  actions: {\n    id: 'instruct.enrollments.actions',\n    defaultMessage: 'Actions',\n    description: 'Column header for actions in enrollments list',\n  },\n  unenrollButton: {\n    id: 'instruct.enrollments.unenrollButton',\n    defaultMessage: 'Unenroll',\n    description: 'Button label for unenrolling a learner',\n  },\n  trueLabel: {\n    id: 'instruct.enrollments.trueLabel',\n    defaultMessage: 'True',\n    description: 'Label for true boolean value',\n  },\n  addLearnerInstructions: {\n    id: 'instruct.enrollments.modals.checkEnrollmentStatus.addLearnerInstructions',\n    defaultMessage: 'Learner\\'s My Open edX email address or username',\n    description: 'Instructions for enroll learners to the course',\n  },\n  enrollmentStatusPlaceholder: {\n    id: 'instruct.enrollments.modals.checkEnrollmentStatus.enrollmentStatusPlaceholder',\n    defaultMessage: 'Learner email address or username',\n    description: 'Placeholder text for enrolling learners textarea',\n  },\n  closeButton: {\n    id: 'instruct.enrollments.modals.closeButton',\n    defaultMessage: 'Close',\n    description: 'Label for close button in modals',\n  },\n  searchPlaceholder: {\n    id: 'instruct.enrollments.searchPlaceholder',\n    defaultMessage: 'Search enrollments',\n    description: 'Placeholder for the search input in enrollments list',\n  },\n  noEnrollments: {\n    id: 'instruct.enrollments.noEnrollments',\n    defaultMessage: 'No enrollments found',\n    description: 'Message displayed when there are no enrollments to show',\n  },\n  changeBetaTesterStatus: {\n    id: 'instruct.enrollments.changeBetaTesterStatus',\n    defaultMessage: 'Change Beta Tester Status',\n    description: 'Alt text for change beta tester status icon button',\n  },\n  allEnrollees: {\n    id: 'instruct.enrollments.allEnrollees',\n    defaultMessage: 'All Enrollees',\n    description: 'Option for showing all enrollees in beta tester filter',\n  },\n  betaTesters: {\n    id: 'instruct.enrollments.betaTesters',\n    defaultMessage: 'Beta Testers',\n    description: 'Option for showing only beta testers in beta tester filter',\n  },\n  nonBetaTesters: {\n    id: 'instruct.enrollments.nonBetaTesters',\n    defaultMessage: 'Non-Beta Testers',\n    description: 'Option for showing only non-beta testers in beta tester filter',\n  },\n  statusResponseMessage: {\n    id: 'instruct.enrollments.modals.checkEnrollmentStatus.statusResponseMessage',\n    defaultMessage: 'Enrollment status for {learnerIdentifier}: {status}',\n    description: 'Message displaying the enrollment status for a learner',\n  },\n  userIdentifierPlaceholder: {\n    id: 'instruct.enrollments.modals.enrollLearners.userIdentifierPlaceholder',\n    defaultMessage: 'Email addresses / Usernames',\n    description: 'Placeholder text for enrolling learners textarea',\n  },\n  enrollLearnerInstructions: {\n    id: 'instruct.enrollments.modals.enrollLearners.enrollLearnerInstructions',\n    defaultMessage: 'Enter email addresses and/or usernames separated by new lines or commas. You will not get notification for emails that bounce, so please double-check spelling.',\n    description: 'Instructions for enrolling learners to the course',\n  },\n  unenrollLearners: {\n    id: 'instruct.enrollments.modals.unenrollLearners',\n    defaultMessage: 'Unenroll Learners',\n    description: 'Title for unenroll learners modal',\n  },\n  unenrollLearnersConfirmation: {\n    id: 'instruct.enrollments.modals.unenrollLearnersConfirmation',\n    defaultMessage: 'Unenroll {name} from course?',\n    description: 'Confirmation message for unenrolling learners',\n  },\n  unenrollLearnerTitle: {\n    id: 'instruct.enrollments.modals.unenrollLearnerTitle',\n    defaultMessage: 'Unenroll Learner?',\n    description: 'Title for unenroll learner modal',\n  },\n  saveButton: {\n    id: 'instruct.enrollments.modals.saveButton',\n    defaultMessage: 'Save',\n    description: 'Label for save button in modals',\n  },\n  cancelButton: {\n    id: 'instruct.enrollments.modals.cancelButton',\n    defaultMessage: 'Cancel',\n    description: 'Label for cancel button in modals',\n  },\n  autoEnrollCheckbox: {\n    id: 'instruct.enrollments.modals.autoEnrollCheckbox',\n    defaultMessage: 'Auto Enroll',\n    description: 'Label for auto enroll checkbox in enroll learners modal',\n  },\n  notifyUsersCheckbox: {\n    id: 'instruct.enrollments.modals.notifyUsersCheckbox',\n    defaultMessage: 'Notify Users by Email',\n    description: 'Label for notify users by email checkbox in enroll learners modal',\n  },\n  enrollLearnerError: {\n    id: 'instruct.enrollments.modals.enrollLearnerError',\n    defaultMessage: 'An error occurred while enrolling learners. Please try again.',\n    description: 'Error message displayed when enrolling learners fails',\n  },\n  unenrollLearnerError: {\n    id: 'instruct.enrollments.modals.unenrollLearnerError',\n    defaultMessage: 'An error occurred while unenrolling learner. Please try again.',\n    description: 'Error message displayed when unenrolling learner fails',\n  },\n  enrollLearnerNotFoundError: {\n    id: 'instruct.enrollments.modals.enrollLearnerNotFoundError',\n    defaultMessage: 'One or more learners were not found. Please check the email addresses or usernames and try again.',\n    description: 'Error message displayed when enrolling learners fails due to learner not found',\n  }\n});\n\nexport default messages;\n"]}

package/dist/enrollments/types.d.ts

@@ -1,11 +1,8 @@
-import { PaginationParams } from '../types';
+import { Learner, PaginationParams } from '../types';
 export interface EnrollmentStatusResponse {
     enrollmentStatus: string;
 }
-export interface Learner {
-    username: string;
-    fullName: string;
-    email: string;
+export interface EnrolledLearner extends Learner {
     mode: string;
     isBetaTester: boolean;
 }
@@ -13,3 +10,9 @@ export interface EnrollmentsParams extends PaginationParams {
     emailOrUsername: string;
     isBetaTester: string;
 }
+export interface UpdateEnrollmentsParams {
+    identifier: string[];
+    action: 'enroll' | 'unenroll';
+    autoEnroll?: boolean;
+    emailStudents?: boolean;
+}

package/dist/enrollments/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/enrollments/types.ts"],"names":[],"mappings":"","sourcesContent":["import { PaginationParams } from '@src/types';\n\nexport interface EnrollmentStatusResponse {\n  enrollmentStatus: string,\n}\n\nexport interface Learner {\n  username: string,\n  fullName: string,\n  email: string,\n  mode: string,\n  isBetaTester: boolean,\n}\n\nexport interface EnrollmentsParams extends PaginationParams {\n  emailOrUsername: string,\n  isBetaTester: string,\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/enrollments/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Learner, PaginationParams } from '@src/types';\n\nexport interface EnrollmentStatusResponse {\n  enrollmentStatus: string,\n}\n\nexport interface EnrolledLearner extends Learner {\n  mode: string,\n  isBetaTester: boolean,\n}\n\nexport interface EnrollmentsParams extends PaginationParams {\n  emailOrUsername: string,\n  isBetaTester: string,\n}\n\nexport interface UpdateEnrollmentsParams {\n  identifier: string[],\n  action: 'enroll' | 'unenroll',\n  autoEnroll?: boolean,\n  emailStudents?: boolean,\n}\n"]}

package/dist/grading/GradingPage.js

@@ -1,6 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, ButtonGroup, Card } from '@openedx/paragon';
+import { PendingTasks } from '../components/PendingTasks';
+import GradingActionRow from '../grading/components/GradingActionRow';
+import GradingLearnerContent from '../grading/components/GradingLearnerContent';
+import messages from '../grading/messages';
 const GradingPage = () => {
-    return (_jsx("div", { children: _jsx("h3", { children: "Grading" }) }));
+    const intl = useIntl();
+    const [selectedTools, setSelectedTools] = useState('single');
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [_jsx("h3", { className: "text-primary-700 mb-0", children: intl.formatMessage(messages.pageTitle) }), _jsx(GradingActionRow, {})] }), _jsxs(Card, { className: "bg-light-200 p-4 mt-4.5", children: [_jsxs(ButtonGroup, { className: "d-block", children: [_jsx(Button, { onClick: () => setSelectedTools('single'), variant: selectedTools === 'single' ? 'primary' : 'outline-primary', children: intl.formatMessage(messages.singleLearner) }), _jsx(Button, { onClick: () => setSelectedTools('all'), variant: selectedTools === 'all' ? 'primary' : 'outline-primary', children: intl.formatMessage(messages.allLearners) })] }), _jsx(GradingLearnerContent, { toolType: selectedTools })] }), _jsx(PendingTasks, {})] }));
 };
 export default GradingPage;
 //# sourceMappingURL=GradingPage.js.map

package/dist/grading/GradingPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GradingPage.js","sourceRoot":"","sources":["../../src/grading/GradingPage.tsx"],"names":[],"mappings":";AAAA,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,wBACE,mCAAgB,GACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["const GradingPage = () => {\n  return (\n    <div>\n      <h3>Grading</h3>\n    </div>\n  );\n};\n\nexport default GradingPage;\n"]}
+{"version":3,"file":"GradingPage.js","sourceRoot":"","sources":["../../src/grading/GradingPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,gBAAgB,MAAM,0CAA0C,CAAC;AACxE,OAAO,qBAAqB,MAAM,+CAA+C,CAAC;AAClF,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAG7C,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAmB,QAAQ,CAAC,CAAC;IAE/E,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,mDAAmD,aAChE,aAAI,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAM,EACnF,KAAC,gBAAgB,KAAG,IAChB,EACN,MAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,aACvC,MAAC,WAAW,IAAC,SAAS,EAAC,SAAS,aAC9B,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EACzC,OAAO,EAAE,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,YAElE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GACpC,EACT,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,OAAO,EAAE,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,YAE/D,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GAClC,IACG,EACd,KAAC,qBAAqB,IAAC,QAAQ,EAAE,aAAa,GAAI,IAC7C,EACP,KAAC,YAAY,KAAG,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useState } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, ButtonGroup, Card } from '@openedx/paragon';\nimport { PendingTasks } from '@src/components/PendingTasks';\nimport GradingActionRow from '@src/grading/components/GradingActionRow';\nimport GradingLearnerContent from '@src/grading/components/GradingLearnerContent';\nimport messages from '@src/grading/messages';\nimport { GradingToolsType } from '@src/grading/types';\n\nconst GradingPage = () => {\n  const intl = useIntl();\n  const [selectedTools, setSelectedTools] = useState<GradingToolsType>('single');\n\n  return (\n    <>\n      <div className=\"d-flex justify-content-between align-items-center\">\n        <h3 className=\"text-primary-700 mb-0\">{intl.formatMessage(messages.pageTitle)}</h3>\n        <GradingActionRow />\n      </div>\n      <Card className=\"bg-light-200 p-4 mt-4.5\">\n        <ButtonGroup className=\"d-block\">\n          <Button\n            onClick={() => setSelectedTools('single')}\n            variant={selectedTools === 'single' ? 'primary' : 'outline-primary'}\n          >\n            {intl.formatMessage(messages.singleLearner)}\n          </Button>\n          <Button\n            onClick={() => setSelectedTools('all')}\n            variant={selectedTools === 'all' ? 'primary' : 'outline-primary'}\n          >\n            {intl.formatMessage(messages.allLearners)}\n          </Button>\n        </ButtonGroup>\n        <GradingLearnerContent toolType={selectedTools} />\n      </Card>\n      <PendingTasks />\n    </>\n  );\n};\n\nexport default GradingPage;\n"]}

package/dist/grading/components/GradingActionRow.d.ts

@@ -0,0 +1,2 @@
+declare const GradingActionRow: () => import("react/jsx-runtime").JSX.Element;
+export default GradingActionRow;

package/dist/grading/components/GradingActionRow.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { useToggle, ActionRow, Button, IconButton, ModalPopup, Menu, MenuItem } from '@openedx/paragon';
+import { TrendingUp, MoreVert, OpenInNew } from '@openedx/paragon/icons';
+import { useCourseInfo } from '../../data/apiHook';
+import GradingConfigurationModal from '../../grading/components/GradingConfigurationModal';
+import messages from '../../grading/messages';
+const GradingActionRow = () => {
+    const { courseId = '' } = useParams();
+    const intl = useIntl();
+    const { data = { gradebookUrl: '', studioGradingUrl: '' } } = useCourseInfo(courseId);
+    const [configurationMenuTarget, setConfigurationMenuTarget] = useState(null);
+    const [isOpenMenu, openMenu, closeMenu] = useToggle(false);
+    const [isOpenConfigModal, openConfigModal, closeConfigModal] = useToggle(false);
+    const handleConfigurationMenuClick = (event) => {
+        setConfigurationMenuTarget(event === null || event === void 0 ? void 0 : event.currentTarget);
+        openMenu();
+    };
+    const handleConfigModalOpen = () => {
+        openConfigModal();
+        closeMenu();
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(ActionRow, { children: [_jsx(Button, { as: "a", href: data.gradebookUrl, iconBefore: TrendingUp, variant: "outline-primary", children: intl.formatMessage(messages.viewGradebook) }), _jsx(IconButton, { alt: intl.formatMessage(messages.configurationAlt), className: "lead", iconAs: MoreVert, onClick: handleConfigurationMenuClick })] }), _jsx(ModalPopup, { positionRef: configurationMenuTarget, onClose: closeMenu, isOpen: isOpenMenu, children: _jsxs(Menu, { children: [_jsx(MenuItem, { onClick: handleConfigModalOpen, children: intl.formatMessage(messages.viewGradingConfiguration) }), _jsx(MenuItem, { iconAfter: OpenInNew, as: "a", href: data.studioGradingUrl, target: "_blank", children: intl.formatMessage(messages.viewCourseGradingSettings) })] }) }), _jsx(GradingConfigurationModal, { isOpen: isOpenConfigModal, onClose: closeConfigModal })] }));
+};
+export default GradingActionRow;
+//# sourceMappingURL=GradingActionRow.js.map

package/dist/grading/components/GradingActionRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradingActionRow.js","sourceRoot":"","sources":["../../../src/grading/components/GradingActionRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACxG,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,yBAAyB,MAAM,mDAAmD,CAAC;AAC1F,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAwB,CAAC;IAC5D,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,IAAI,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IACtF,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IACvG,MAAM,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,iBAAiB,EAAE,eAAe,EAAE,gBAAgB,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhF,MAAM,4BAA4B,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClF,0BAA0B,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAC,CAAC;QACjD,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,eAAe,EAAE,CAAC;QAClB,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAC,iBAAiB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAU,EAC/I,KAAC,UAAU,IACT,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAClD,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,4BAA4B,GACrC,IACQ,EACZ,KAAC,UAAU,IAAC,WAAW,EAAE,uBAAuB,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,YACtF,MAAC,IAAI,eACH,KAAC,QAAQ,IAAC,OAAO,EAAE,qBAAqB,YACrC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,GAC7C,EACX,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAC,QAAQ,YAChF,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAC9C,IACN,GACI,EACb,KAAC,yBAAyB,IAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,gBAAgB,GAAI,IAClF,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { useToggle, ActionRow, Button, IconButton, ModalPopup, Menu, MenuItem } from '@openedx/paragon';\nimport { TrendingUp, MoreVert, OpenInNew } from '@openedx/paragon/icons';\nimport { useCourseInfo } from '@src/data/apiHook';\nimport GradingConfigurationModal from '@src/grading/components/GradingConfigurationModal';\nimport messages from '@src/grading/messages';\n\nconst GradingActionRow = () => {\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const intl = useIntl();\n  const { data = { gradebookUrl: '', studioGradingUrl: '' } } = useCourseInfo(courseId);\n  const [configurationMenuTarget, setConfigurationMenuTarget] = useState<HTMLButtonElement | null>(null);\n  const [isOpenMenu, openMenu, closeMenu] = useToggle(false);\n  const [isOpenConfigModal, openConfigModal, closeConfigModal] = useToggle(false);\n\n  const handleConfigurationMenuClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setConfigurationMenuTarget(event?.currentTarget);\n    openMenu();\n  };\n\n  const handleConfigModalOpen = () => {\n    openConfigModal();\n    closeMenu();\n  };\n\n  return (\n    <>\n      <ActionRow>\n        <Button as=\"a\" href={data.gradebookUrl} iconBefore={TrendingUp} variant=\"outline-primary\">{intl.formatMessage(messages.viewGradebook)}</Button>\n        <IconButton\n          alt={intl.formatMessage(messages.configurationAlt)}\n          className=\"lead\"\n          iconAs={MoreVert}\n          onClick={handleConfigurationMenuClick}\n        />\n      </ActionRow>\n      <ModalPopup positionRef={configurationMenuTarget} onClose={closeMenu} isOpen={isOpenMenu}>\n        <Menu>\n          <MenuItem onClick={handleConfigModalOpen}>\n            {intl.formatMessage(messages.viewGradingConfiguration)}\n          </MenuItem>\n          <MenuItem iconAfter={OpenInNew} as=\"a\" href={data.studioGradingUrl} target=\"_blank\">\n            {intl.formatMessage(messages.viewCourseGradingSettings)}\n          </MenuItem>\n        </Menu>\n      </ModalPopup>\n      <GradingConfigurationModal isOpen={isOpenConfigModal} onClose={closeConfigModal} />\n    </>\n  );\n};\n\nexport default GradingActionRow;\n"]}

package/dist/grading/components/GradingConfigurationModal.d.ts

@@ -0,0 +1,6 @@
+interface GradingConfigurationModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const GradingConfigurationModal: ({ isOpen, onClose }: GradingConfigurationModalProps) => import("react/jsx-runtime").JSX.Element;
+export default GradingConfigurationModal;

package/dist/grading/components/GradingConfigurationModal.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useParams } from 'react-router-dom';
+import { Button, ModalDialog } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from '../../grading/messages';
+import { useGradingConfiguration } from '../../grading/data/apiHook';
+const GradingConfigurationModal = ({ isOpen, onClose }) => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { data = null } = useGradingConfiguration(courseId);
+    return (_jsxs(ModalDialog, { title: intl.formatMessage(messages.gradingConfiguration), isOpen: isOpen, onClose: onClose, isOverflowVisible: false, children: [_jsx(ModalDialog.Header, { children: _jsx("h3", { children: intl.formatMessage(messages.gradingConfiguration) }) }), _jsx(ModalDialog.Body, { children: _jsx("p", { children: data !== null && data !== void 0 ? data : intl.formatMessage(messages.noGradingConfiguration) }) }), _jsx(ModalDialog.Footer, { children: _jsx(Button, { onClick: onClose, children: intl.formatMessage(messages.close) }) })] }));
+};
+export default GradingConfigurationModal;
+//# sourceMappingURL=GradingConfigurationModal.js.map

package/dist/grading/components/GradingConfigurationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradingConfigurationModal.js","sourceRoot":"","sources":["../../../src/grading/components/GradingConfigurationModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAOpE,MAAM,yBAAyB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAkC,EAAE,EAAE;IACxF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAwB,CAAC;IAC5D,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,aAC/H,KAAC,WAAW,CAAC,MAAM,cACjB,uBAAK,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAAM,GACzC,EACrB,KAAC,WAAW,CAAC,IAAI,cACf,sBAAI,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,GAAK,GACnD,EACnB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAU,GACpD,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import { useParams } from 'react-router-dom';\nimport { Button, ModalDialog } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from '@src/grading/messages';\nimport { useGradingConfiguration } from '@src/grading/data/apiHook';\n\ninterface GradingConfigurationModalProps {\n  isOpen: boolean,\n  onClose: () => void,\n}\n\nconst GradingConfigurationModal = ({ isOpen, onClose }: GradingConfigurationModalProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { data = null } = useGradingConfiguration(courseId);\n\n  return (\n    <ModalDialog title={intl.formatMessage(messages.gradingConfiguration)} isOpen={isOpen} onClose={onClose} isOverflowVisible={false}>\n      <ModalDialog.Header>\n        <h3>{intl.formatMessage(messages.gradingConfiguration)}</h3>\n      </ModalDialog.Header>\n      <ModalDialog.Body>\n        <p>{data ?? intl.formatMessage(messages.noGradingConfiguration)}</p>\n      </ModalDialog.Body>\n      <ModalDialog.Footer>\n        <Button onClick={onClose}>{intl.formatMessage(messages.close)}</Button>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default GradingConfigurationModal;\n"]}

package/dist/grading/components/GradingLearnerContent.d.ts

@@ -0,0 +1,6 @@
+import { GradingToolsType } from '../../grading/types';
+interface GradingLearnerContentProps {
+    toolType: GradingToolsType;
+}
+declare const GradingLearnerContent: ({ toolType }: GradingLearnerContentProps) => import("react/jsx-runtime").JSX.Element;
+export default GradingLearnerContent;

package/dist/grading/components/GradingLearnerContent.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import SpecifyProblem from '../../components/SpecifyProblem';
+import messages from '../../grading/messages';
+const GradingLearnerContent = ({ toolType }) => {
+    const intl = useIntl();
+    return (_jsxs(_Fragment, { children: [_jsx("p", { className: "x-small text-primary mt-3", children: toolType === 'single'
+                    ? intl.formatMessage(messages.descriptionSingleLearner)
+                    : intl.formatMessage(messages.descriptionAllLearners) }), _jsx(SpecifyProblem, {})] }));
+};
+export default GradingLearnerContent;
+//# sourceMappingURL=GradingLearnerContent.js.map

package/dist/grading/components/GradingLearnerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradingLearnerContent.js","sourceRoot":"","sources":["../../../src/grading/components/GradingLearnerContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAO7C,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAA8B,EAAE,EAAE;IACzE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,8BACE,YAAG,SAAS,EAAC,2BAA2B,YAEpC,QAAQ,KAAK,QAAQ;oBACnB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC;oBACvD,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,GAEvD,EACJ,KAAC,cAAc,KAAG,IACjB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport SpecifyProblem from '@src/components/SpecifyProblem';\nimport messages from '@src/grading/messages';\nimport { GradingToolsType } from '@src/grading/types';\n\ninterface GradingLearnerContentProps {\n  toolType: GradingToolsType,\n}\n\nconst GradingLearnerContent = ({ toolType }: GradingLearnerContentProps) => {\n  const intl = useIntl();\n\n  return (\n    <>\n      <p className=\"x-small text-primary mt-3\">\n        {\n          toolType === 'single'\n            ? intl.formatMessage(messages.descriptionSingleLearner)\n            : intl.formatMessage(messages.descriptionAllLearners)\n        }\n      </p>\n      <SpecifyProblem />\n    </>\n  );\n};\n\nexport default GradingLearnerContent;\n"]}

package/dist/grading/data/api.d.ts

@@ -0,0 +1 @@
+export declare const getGradingConfiguration: (courseId: string) => Promise<any>;

package/dist/grading/data/api.js

@@ -0,0 +1,17 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';
+import { getApiBaseUrl } from '../../data/api';
+export const getGradingConfiguration = (courseId) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient()
+        .get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/grading-config`);
+    return camelCaseObject(data);
+});
+//# sourceMappingURL=api.js.map