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

package/dist/dateExtensions/messages.js

@@ -0,0 +1,130 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    dateExtensionsTitle: {
+        id: 'instruct.dateExtensions.page.title',
+        defaultMessage: 'Viewing Granted Extensions',
+        description: 'Title for date extensions page',
+    },
+    addIndividualExtension: {
+        id: 'instruct.dateExtensions.page.addIndividualExtension',
+        defaultMessage: 'Add Individual Extension',
+        description: 'Button text for adding an individual date extension',
+    },
+    username: {
+        id: 'instruct.dateExtensions.page.tableHeader.username',
+        defaultMessage: 'User Name',
+        description: 'Label for the user name column in the date extensions table',
+    },
+    fullname: {
+        id: 'instruct.dateExtensions.page.tableHeader.fullname',
+        defaultMessage: 'Full Name',
+        description: 'Label for the full name column in the date extensions table',
+    },
+    email: {
+        id: 'instruct.dateExtensions.page.tableHeader.email',
+        defaultMessage: 'Email',
+        description: 'Label for the email column in the date extensions table',
+    },
+    gradedSubsection: {
+        id: 'instruct.dateExtensions.page.tableHeader.gradedSubsection',
+        defaultMessage: 'Graded Subsection',
+        description: 'Label for the graded subsection column in the date extensions table',
+    },
+    extendedDueDate: {
+        id: 'instruct.dateExtensions.page.tableHeader.extendedDueDate',
+        defaultMessage: 'Extended Due Date',
+        description: 'Label for the extended due date column in the date extensions table',
+    },
+    reset: {
+        id: 'instruct.dateExtensions.page.tableHeader.reset',
+        defaultMessage: 'Reset',
+        description: 'Label for the reset column in the date extensions table',
+    },
+    resetExtensions: {
+        id: 'instruct.dateExtensions.page.button.resetExtensions',
+        defaultMessage: 'Reset Extensions',
+        description: 'Button text for resetting date extensions for a user',
+    },
+    resetConfirmationHeader: {
+        id: 'instruct.dateExtensions.page.resetModal.confirmationHeader',
+        defaultMessage: 'Reset extensions for {username}?',
+        description: 'Header for the reset confirmation modal',
+    },
+    resetConfirmationMessage: {
+        id: 'instruct.dateExtensions.page.resetModal.confirmationMessage',
+        defaultMessage: 'Resetting a problem\'s due date rescinds a due date extension for a student on a particular subsection. This will revert the due date for the student back to the problem\'s original due date.',
+        description: 'Confirmation message for resetting extensions in the reset modal',
+    },
+    cancel: {
+        id: 'instruct.dateExtensions.page.resetModal.cancel',
+        defaultMessage: 'Cancel',
+        description: 'Label for the cancel button in the reset modal',
+    },
+    confirm: {
+        id: 'instruct.dateExtensions.page.resetModal.confirm',
+        defaultMessage: 'Reset Due Date for Student',
+        description: 'Label for the confirm button in the reset modal',
+    },
+    close: {
+        id: 'instruct.dateExtensions.page.resetModal.close',
+        defaultMessage: 'Close',
+        description: 'Label for the close button in the reset modal',
+    },
+    missingUserOrCourseIdError: {
+        id: 'instruct.dateExtensions.page.error.missingUserOrCourseId',
+        defaultMessage: 'Unable to reset extension: missing user or course ID.',
+        description: 'Error message shown when user or course ID is missing during reset',
+    },
+    addIndividualDueDateExtension: {
+        id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.title',
+        defaultMessage: 'Add Individual Due Date Extension',
+        description: 'Title for the add individual due date extension modal',
+    },
+    addExtension: {
+        id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.addExtension',
+        defaultMessage: 'Add Extension',
+        description: 'Label for the add extension button',
+    },
+    extensionInstructions: {
+        id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.extensionInstructions',
+        defaultMessage: 'To grant an extension, select a student, graded subsection, and define the extension due date and time.',
+        description: 'Instructions for adding an individual due date extension',
+    },
+    defineExtension: {
+        id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.defineExtension',
+        defaultMessage: 'Define Extension',
+        description: 'Label for the define extension section',
+    },
+    extensionDate: {
+        id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.extensionDate',
+        defaultMessage: 'Extension Date',
+        description: 'Label for the extension date field',
+    },
+    reasonForExtension: {
+        id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.reasonForExtension',
+        defaultMessage: 'Reason for Extension',
+        description: 'Label for the reason for extension field',
+    },
+    selectGradedSubsection: {
+        id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.selectGradedSubsection',
+        defaultMessage: 'Select Graded Subsection',
+        description: 'Label for the select graded subsection field',
+    },
+    allGradedSubsections: {
+        id: 'instruct.dateExtensions.page.filters.allGradedSubsections',
+        defaultMessage: 'All Graded Subsections',
+        description: 'Label for the all graded subsections option in filters',
+    },
+    searchLearnerPlaceholder: {
+        id: 'instruct.dateExtensions.page.filters.searchLearnerPlaceholder',
+        defaultMessage: 'Search for a Learner',
+        description: 'Placeholder text for the search learner input field',
+    },
+    noDateExtensions: {
+        id: 'instruct.dateExtensions.page.noDateExtensions',
+        defaultMessage: 'No results found',
+        description: 'Message shown when there are no date extensions to display in the table',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/dateExtensions/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/dateExtensions/messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  dateExtensionsTitle: {\n    id: 'instruct.dateExtensions.page.title',\n    defaultMessage: 'Viewing Granted Extensions',\n    description: 'Title for date extensions page',\n  },\n  addIndividualExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualExtension',\n    defaultMessage: 'Add Individual Extension',\n    description: 'Button text for adding an individual date extension',\n  },\n  username: {\n    id: 'instruct.dateExtensions.page.tableHeader.username',\n    defaultMessage: 'User Name',\n    description: 'Label for the user name column in the date extensions table',\n  },\n  fullname: {\n    id: 'instruct.dateExtensions.page.tableHeader.fullname',\n    defaultMessage: 'Full Name',\n    description: 'Label for the full name column in the date extensions table',\n  },\n  email: {\n    id: 'instruct.dateExtensions.page.tableHeader.email',\n    defaultMessage: 'Email',\n    description: 'Label for the email column in the date extensions table',\n  },\n  gradedSubsection: {\n    id: 'instruct.dateExtensions.page.tableHeader.gradedSubsection',\n    defaultMessage: 'Graded Subsection',\n    description: 'Label for the graded subsection column in the date extensions table',\n  },\n  extendedDueDate: {\n    id: 'instruct.dateExtensions.page.tableHeader.extendedDueDate',\n    defaultMessage: 'Extended Due Date',\n    description: 'Label for the extended due date column in the date extensions table',\n  },\n  reset: {\n    id: 'instruct.dateExtensions.page.tableHeader.reset',\n    defaultMessage: 'Reset',\n    description: 'Label for the reset column in the date extensions table',\n  },\n  resetExtensions: {\n    id: 'instruct.dateExtensions.page.button.resetExtensions',\n    defaultMessage: 'Reset Extensions',\n    description: 'Button text for resetting date extensions for a user',\n  },\n  resetConfirmationHeader: {\n    id: 'instruct.dateExtensions.page.resetModal.confirmationHeader',\n    defaultMessage: 'Reset extensions for {username}?',\n    description: 'Header for the reset confirmation modal',\n  },\n  resetConfirmationMessage: {\n    id: 'instruct.dateExtensions.page.resetModal.confirmationMessage',\n    defaultMessage: 'Resetting a problem\\'s due date rescinds a due date extension for a student on a particular subsection. This will revert the due date for the student back to the problem\\'s original due date.',\n    description: 'Confirmation message for resetting extensions in the reset modal',\n  },\n  cancel: {\n    id: 'instruct.dateExtensions.page.resetModal.cancel',\n    defaultMessage: 'Cancel',\n    description: 'Label for the cancel button in the reset modal',\n  },\n  confirm: {\n    id: 'instruct.dateExtensions.page.resetModal.confirm',\n    defaultMessage: 'Reset Due Date for Student',\n    description: 'Label for the confirm button in the reset modal',\n  },\n  close: {\n    id: 'instruct.dateExtensions.page.resetModal.close',\n    defaultMessage: 'Close',\n    description: 'Label for the close button in the reset modal',\n  },\n  missingUserOrCourseIdError: {\n    id: 'instruct.dateExtensions.page.error.missingUserOrCourseId',\n    defaultMessage: 'Unable to reset extension: missing user or course ID.',\n    description: 'Error message shown when user or course ID is missing during reset',\n  },\n  addIndividualDueDateExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.title',\n    defaultMessage: 'Add Individual Due Date Extension',\n    description: 'Title for the add individual due date extension modal',\n  },\n  addExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.addExtension',\n    defaultMessage: 'Add Extension',\n    description: 'Label for the add extension button',\n  },\n  extensionInstructions: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.extensionInstructions',\n    defaultMessage: 'To grant an extension, select a student, graded subsection, and define the extension due date and time.',\n    description: 'Instructions for adding an individual due date extension',\n  },\n  defineExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.defineExtension',\n    defaultMessage: 'Define Extension',\n    description: 'Label for the define extension section',\n  },\n  extensionDate: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.extensionDate',\n    defaultMessage: 'Extension Date',\n    description: 'Label for the extension date field',\n  },\n  reasonForExtension: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.reasonForExtension',\n    defaultMessage: 'Reason for Extension',\n    description: 'Label for the reason for extension field',\n  },\n  selectGradedSubsection: {\n    id: 'instruct.dateExtensions.page.addIndividualDueDateExtensionModal.selectGradedSubsection',\n    defaultMessage: 'Select Graded Subsection',\n    description: 'Label for the select graded subsection field',\n  },\n  allGradedSubsections: {\n    id: 'instruct.dateExtensions.page.filters.allGradedSubsections',\n    defaultMessage: 'All Graded Subsections',\n    description: 'Label for the all graded subsections option in filters',\n  },\n  searchLearnerPlaceholder: {\n    id: 'instruct.dateExtensions.page.filters.searchLearnerPlaceholder',\n    defaultMessage: 'Search for a Learner',\n    description: 'Placeholder text for the search learner input field',\n  },\n  noDateExtensions: {\n    id: 'instruct.dateExtensions.page.noDateExtensions',\n    defaultMessage: 'No results found',\n    description: 'Message shown when there are no date extensions to display in the table',\n  },\n});\n\nexport default messages;\n"]}

package/dist/dateExtensions/types.d.ts

@@ -0,0 +1,24 @@
+import { PaginationParams } from '../types';
+export interface LearnerDateExtension {
+    username: string;
+    fullName: string;
+    email: string;
+    unitTitle: string;
+    extendedDueDate: string;
+    unitLocation: string;
+}
+export interface ResetDueDateParams {
+    student: string;
+    url: string;
+    reason?: string;
+}
+export interface AddDateExtensionParams {
+    emailOrUsername: string;
+    blockId: string;
+    dueDatetime: string;
+    reason: string;
+}
+export interface DateExtensionQueryParams extends PaginationParams {
+    emailOrUsername?: string;
+    blockId?: string;
+}

package/dist/dateExtensions/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/dateExtensions/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/dateExtensions/types.ts"],"names":[],"mappings":"","sourcesContent":["import { PaginationParams } from '@src/types';\n\nexport interface LearnerDateExtension {\n  username: string,\n  fullName: string,\n  email: string,\n  unitTitle: string,\n  extendedDueDate: string,\n  unitLocation: string,\n}\n\nexport interface ResetDueDateParams {\n  student: string,\n  url: string,\n  reason?: string,\n}\n\nexport interface AddDateExtensionParams {\n  emailOrUsername: string,\n  blockId: string,\n  dueDatetime: string,\n  reason: string,\n}\n\nexport interface DateExtensionQueryParams extends PaginationParams {\n  emailOrUsername?: string,\n  blockId?: string,\n}\n"]}

package/dist/enrollments/EnrollmentsPage.d.ts

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

package/dist/enrollments/EnrollmentsPage.js

@@ -0,0 +1,32 @@
+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 { ActionRow, Button, IconButton } from '@openedx/paragon';
+import { MoreVert } from '@openedx/paragon/icons';
+import messages from './messages';
+import EnrollmentsList from './components/EnrollmentsList';
+import EnrollmentStatusModal from './components/EnrollmentStatusModal';
+import UnenrollModal from './components/UnenrollModal';
+const EnrollmentsPage = () => {
+    const intl = useIntl();
+    const [isEnrollmentStatusModalOpen, setIsEnrollmentStatusModalOpen] = useState(false);
+    const [isUnenrollModalOpen, setIsUnenrollModalOpen] = useState(false);
+    const [selectedLearner, setSelectedLearner] = useState(null);
+    const handleMoreButton = () => {
+        setIsEnrollmentStatusModalOpen(true);
+    };
+    const handleUnenroll = (learner) => {
+        setIsUnenrollModalOpen(true);
+        setSelectedLearner(learner);
+    };
+    const handleUnenrollModalClose = () => {
+        setIsUnenrollModalOpen(false);
+        setSelectedLearner(null);
+    };
+    const handleCloseEnrollmentStatusModal = () => {
+        setIsEnrollmentStatusModalOpen(false);
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [_jsx("h3", { className: "text-primary-700", children: intl.formatMessage(messages.enrollmentsPageTitle) }), _jsxs(ActionRow, { children: [_jsx(IconButton, { alt: intl.formatMessage(messages.checkEnrollmentStatus), className: "lead", iconAs: MoreVert, onClick: handleMoreButton }), _jsxs(Button, { variant: "outline-primary", children: ["+ ", intl.formatMessage(messages.addBetaTesters)] }), _jsxs(Button, { children: ["+ ", intl.formatMessage(messages.enrollLearners)] })] })] }), _jsx(EnrollmentsList, { onUnenroll: handleUnenroll }), _jsx(EnrollmentStatusModal, { isOpen: isEnrollmentStatusModalOpen, onClose: handleCloseEnrollmentStatusModal }), selectedLearner && _jsx(UnenrollModal, { isOpen: isUnenrollModalOpen, learner: selectedLearner, onClose: handleUnenrollModalClose })] }));
+};
+export default EnrollmentsPage;
+//# sourceMappingURL=EnrollmentsPage.js.map

package/dist/enrollments/EnrollmentsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnrollmentsPage.js","sourceRoot":"","sources":["../../src/enrollments/EnrollmentsPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,qBAAqB,MAAM,oCAAoC,CAAC;AACvE,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAGvD,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,CAAC,2BAA2B,EAAE,8BAA8B,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE7E,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,8BAA8B,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,OAAgB,EAAE,EAAE;QAC1C,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,gCAAgC,GAAG,GAAG,EAAE;QAC5C,8BAA8B,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,mDAAmD,aAChE,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAAM,EACzF,MAAC,SAAS,eACR,KAAC,UAAU,IACT,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EACvD,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,gBAAgB,GACzB,EACF,MAAC,MAAM,IAAC,OAAO,EAAC,iBAAiB,mBAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAU,EAC1F,MAAC,MAAM,qBAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAU,IACtD,IACR,EACN,KAAC,eAAe,IAAC,UAAU,EAAE,cAAc,GAAI,EAC/C,KAAC,qBAAqB,IAAC,MAAM,EAAE,2BAA2B,EAAE,OAAO,EAAE,gCAAgC,GAAI,EACxG,eAAe,IAAI,KAAC,aAAa,IAAC,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,wBAAwB,GAAI,IAC9H,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { useState } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { ActionRow, Button, IconButton } from '@openedx/paragon';\nimport { MoreVert } from '@openedx/paragon/icons';\nimport messages from './messages';\nimport EnrollmentsList from './components/EnrollmentsList';\nimport EnrollmentStatusModal from './components/EnrollmentStatusModal';\nimport UnenrollModal from './components/UnenrollModal';\nimport { Learner } from './types';\n\nconst EnrollmentsPage = () => {\n  const intl = useIntl();\n  const [isEnrollmentStatusModalOpen, setIsEnrollmentStatusModalOpen] = useState(false);\n  const [isUnenrollModalOpen, setIsUnenrollModalOpen] = useState(false);\n  const [selectedLearner, setSelectedLearner] = useState<Learner | null>(null);\n\n  const handleMoreButton = () => {\n    setIsEnrollmentStatusModalOpen(true);\n  };\n\n  const handleUnenroll = (learner: Learner) => {\n    setIsUnenrollModalOpen(true);\n    setSelectedLearner(learner);\n  };\n\n  const handleUnenrollModalClose = () => {\n    setIsUnenrollModalOpen(false);\n    setSelectedLearner(null);\n  };\n\n  const handleCloseEnrollmentStatusModal = () => {\n    setIsEnrollmentStatusModalOpen(false);\n  };\n\n  return (\n    <>\n      <div className=\"d-flex justify-content-between align-items-center\">\n        <h3 className=\"text-primary-700\">{intl.formatMessage(messages.enrollmentsPageTitle)}</h3>\n        <ActionRow>\n          <IconButton\n            alt={intl.formatMessage(messages.checkEnrollmentStatus)}\n            className=\"lead\"\n            iconAs={MoreVert}\n            onClick={handleMoreButton}\n          />\n          <Button variant=\"outline-primary\">+ {intl.formatMessage(messages.addBetaTesters)}</Button>\n          <Button>+ {intl.formatMessage(messages.enrollLearners)}</Button>\n        </ActionRow>\n      </div>\n      <EnrollmentsList onUnenroll={handleUnenroll} />\n      <EnrollmentStatusModal isOpen={isEnrollmentStatusModalOpen} onClose={handleCloseEnrollmentStatusModal} />\n      {selectedLearner && <UnenrollModal isOpen={isUnenrollModalOpen} learner={selectedLearner} onClose={handleUnenrollModalClose} />}\n    </>\n  );\n};\n\nexport default EnrollmentsPage;\n"]}

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

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

package/dist/enrollments/components/EnrollmentStatusModal.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, FormControl, ModalDialog } from '@openedx/paragon';
+import { useEnrollmentByUserId } from '../data/apiHook';
+import messages from '../messages';
+const EnrollmentStatusModal = ({ isOpen, onClose }) => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const [learnerIdentifier, setLearnerIdentifier] = useState('');
+    const { data = { enrollmentStatus: '' }, refetch } = useEnrollmentByUserId(courseId, learnerIdentifier);
+    const handleSearch = () => {
+        refetch();
+    };
+    const handleClose = () => {
+        setLearnerIdentifier('');
+        onClose();
+    };
+    return (_jsxs(ModalDialog, { title: intl.formatMessage(messages.checkEnrollmentStatus), isOpen: isOpen, onClose: handleClose, isOverflowVisible: false, children: [_jsx(ModalDialog.Header, { children: _jsx(ModalDialog.Title, { className: "text-primary-700", children: intl.formatMessage(messages.checkEnrollmentStatus) }) }), _jsx(ModalDialog.Body, { className: "border-bottom border-top border-light-700", children: _jsxs("div", { className: "my-2", children: [_jsx("p", { children: intl.formatMessage(messages.addLearnerInstructions) }), _jsx(FormControl, { placeholder: intl.formatMessage(messages.enrollLearnersPlaceholder), value: learnerIdentifier, onChange: (e) => setLearnerIdentifier(e.target.value) }), _jsx(Button, { className: "mt-3", onClick: handleSearch, disabled: !learnerIdentifier.trim(), children: intl.formatMessage(messages.checkEnrollmentStatus) }), data.enrollmentStatus && (_jsx("p", { className: "mt-3 mb-0", children: data.enrollmentStatus }))] }) }), _jsx(ModalDialog.Footer, { children: _jsx(Button, { onClick: handleClose, children: intl.formatMessage(messages.closeButton) }) })] }));
+};
+export default EnrollmentStatusModal;
+//# sourceMappingURL=EnrollmentStatusModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnrollmentStatusModal.js","sourceRoot":"","sources":["../../../src/enrollments/components/EnrollmentStatusModal.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,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,QAAQ,MAAM,aAAa,CAAC;AAOnC,MAAM,qBAAqB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAA8B,EAAE,EAAE;IAChF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAwB,CAAC;IAC5D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACvE,MAAM,EAAE,IAAI,GAAG,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,qBAAqB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IAExG,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,oBAAoB,CAAC,EAAE,CAAC,CAAC;QACzB,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,aACpI,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,WAAW,CAAC,KAAK,IAAC,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAqB,GACrG,EACrB,KAAC,WAAW,CAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,YACrE,eAAK,SAAS,EAAC,MAAM,aACnB,sBAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,sBAAsB,CAAC,GAAK,EAC5D,KAAC,WAAW,IACV,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EACnE,KAAK,EAAE,iBAAiB,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACrD,EACF,KAAC,MAAM,IACL,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,YAElC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAC5C,EAER,IAAI,CAAC,gBAAgB,IAAI,CACxB,YAAG,SAAS,EAAC,WAAW,YAAE,IAAI,CAAC,gBAAgB,GAAK,CACrD,IACG,GACW,EACnB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,MAAM,IAAC,OAAO,EAAE,WAAW,YAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAU,GAC9D,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, FormControl, ModalDialog } from '@openedx/paragon';\nimport { useEnrollmentByUserId } from '../data/apiHook';\nimport messages from '../messages';\n\ninterface EnrollmentStatusModalProps {\n  isOpen: boolean,\n  onClose: () => void,\n}\n\nconst EnrollmentStatusModal = ({ isOpen, onClose }: EnrollmentStatusModalProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [learnerIdentifier, setLearnerIdentifier] = useState<string>('');\n  const { data = { enrollmentStatus: '' }, refetch } = useEnrollmentByUserId(courseId, learnerIdentifier);\n\n  const handleSearch = () => {\n    refetch();\n  };\n\n  const handleClose = () => {\n    setLearnerIdentifier('');\n    onClose();\n  };\n\n  return (\n    <ModalDialog title={intl.formatMessage(messages.checkEnrollmentStatus)} isOpen={isOpen} onClose={handleClose} isOverflowVisible={false}>\n      <ModalDialog.Header>\n        <ModalDialog.Title className=\"text-primary-700\">{intl.formatMessage(messages.checkEnrollmentStatus)}</ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body className=\"border-bottom border-top border-light-700\">\n        <div className=\"my-2\">\n          <p>{intl.formatMessage(messages.addLearnerInstructions)}</p>\n          <FormControl\n            placeholder={intl.formatMessage(messages.enrollLearnersPlaceholder)}\n            value={learnerIdentifier}\n            onChange={(e) => setLearnerIdentifier(e.target.value)}\n          />\n          <Button\n            className=\"mt-3\"\n            onClick={handleSearch}\n            disabled={!learnerIdentifier.trim()}\n          >\n            {intl.formatMessage(messages.checkEnrollmentStatus)}\n          </Button>\n\n          {data.enrollmentStatus && (\n            <p className=\"mt-3 mb-0\">{data.enrollmentStatus}</p>\n          )}\n        </div>\n      </ModalDialog.Body>\n      <ModalDialog.Footer>\n        <Button onClick={handleClose}>{intl.formatMessage(messages.closeButton)}</Button>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default EnrollmentStatusModal;\n"]}

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

@@ -0,0 +1,6 @@
+import { Learner } from '../types';
+interface EnrollmentsListProps {
+    onUnenroll: (learner: Learner) => void;
+}
+declare const EnrollmentsList: ({ onUnenroll }: EnrollmentsListProps) => import("react/jsx-runtime").JSX.Element;
+export default EnrollmentsList;

package/dist/enrollments/components/EnrollmentsList.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { ActionRow, Button, DataTable, FormControl, Icon, IconButton } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { MoreVert, Search } from '@openedx/paragon/icons';
+import messages from '../messages';
+import { useEnrollments } from '../data/apiHook';
+import { useDebouncedFilter } from '../../hooks/useDebouncedFilter';
+const ENROLLMENTS_PAGE_SIZE = 25;
+const betaTesterOptions = [
+    { value: '', label: messages.allEnrollees },
+    { value: 'true', label: messages.betaTesters },
+    { value: 'false', label: messages.nonBetaTesters },
+];
+const UsernameFilter = ({ column: { filterValue, setFilter } }) => {
+    const intl = useIntl();
+    const { inputValue, handleChange } = useDebouncedFilter({
+        filterValue,
+        setFilter,
+    });
+    const handleInputChange = (e) => {
+        handleChange(e.target.value);
+    };
+    return (_jsx(FormControl, { className: "mb-0", onChange: handleInputChange, placeholder: intl.formatMessage(messages.searchPlaceholder), trailingElement: _jsx(Icon, { src: Search }), value: inputValue }));
+};
+const BetaTesterFilter = ({ column: { filterValue, setFilter } }) => {
+    const intl = useIntl();
+    const handleSelectChange = (e) => {
+        setFilter(e.target.value);
+    };
+    return (_jsx(FormControl, { as: "select", className: "mb-0", name: "isBetaTester", size: "md", value: filterValue, onChange: handleSelectChange, children: betaTesterOptions.map((option) => (_jsx("option", { value: option.value, children: intl.formatMessage(option.label) }, option.value))) }));
+};
+const EnrollmentsList = ({ onUnenroll }) => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const [filters, setFilters] = useState({ page: 0, username: '', isBetaTester: '' });
+    const { data = { count: 0, results: [], numPages: 0 }, isLoading } = useEnrollments(courseId, {
+        page: filters.page,
+        pageSize: ENROLLMENTS_PAGE_SIZE,
+        emailOrUsername: filters.username,
+        isBetaTester: filters.isBetaTester,
+    });
+    const handleFetchData = (data) => {
+        var _a, _b;
+        const usernameFilter = (_a = data.filters) === null || _a === void 0 ? void 0 : _a.find((f) => f.id === 'username');
+        const newEmailOrUsername = usernameFilter ? usernameFilter.value : '';
+        const betaTesterFilter = (_b = data.filters) === null || _b === void 0 ? void 0 : _b.find((f) => f.id === 'isBetaTester');
+        const newIsBetaTester = betaTesterFilter ? betaTesterFilter.value : '';
+        const filtersChanged = (newEmailOrUsername !== filters.username) || (newIsBetaTester !== filters.isBetaTester);
+        if (filtersChanged) {
+            setFilters((prevFilters) => (Object.assign(Object.assign({}, prevFilters), { username: newEmailOrUsername, isBetaTester: newIsBetaTester, page: 0 })));
+            return;
+        }
+        if (data.pageIndex !== filters.page) {
+            setFilters((prevFilters) => (Object.assign(Object.assign({}, prevFilters), { page: data.pageIndex })));
+        }
+    };
+    const handleMoreButton = () => {
+        // Handle more button click
+        console.log('More button clicked');
+    };
+    const tableColumns = [
+        { accessor: 'username', Header: intl.formatMessage(messages.username), Filter: UsernameFilter },
+        { accessor: 'fullName', Header: intl.formatMessage(messages.fullName), disableFilters: true },
+        { accessor: 'email', Header: intl.formatMessage(messages.email), disableFilters: true },
+        {
+            accessor: 'mode',
+            Header: intl.formatMessage(messages.track),
+            Cell: ({ value }) => (_jsx("span", { className: "text-capitalize", children: value || 'N/A' })),
+            disableFilters: true,
+        },
+        {
+            accessor: 'isBetaTester',
+            Header: intl.formatMessage(messages.betaTester),
+            Cell: ({ value }) => (value ? intl.formatMessage(messages.trueLabel) : ''),
+            Filter: BetaTesterFilter
+        },
+    ];
+    const actionCustomCell = useCallback(({ row: { original } }) => {
+        return (_jsxs(ActionRow, { className: "justify-content-start", children: [_jsx(Button, { className: "pl-0", onClick: () => onUnenroll(original), variant: "link", children: intl.formatMessage(messages.unenrollButton) }), _jsx(IconButton, { alt: intl.formatMessage(messages.changeBetaTesterStatus), className: "lead", iconAs: MoreVert, onClick: handleMoreButton })] }));
+    }, [onUnenroll, intl]);
+    return (_jsxs(DataTable, { className: "mt-3", columns: tableColumns, additionalColumns: [
+            {
+                id: 'actions',
+                Header: intl.formatMessage(messages.actions),
+                Cell: actionCustomCell,
+            }
+        ], data: data.results, fetchData: handleFetchData, state: {
+            pageIndex: filters.page,
+            pageSize: ENROLLMENTS_PAGE_SIZE,
+            filters: [
+                { id: 'username', value: filters.username },
+                { id: 'isBetaTester', value: filters.isBetaTester },
+            ]
+        }, isFilterable: true, isLoading: isLoading, isPaginated: true, itemCount: data.count, manualFilters: true, manualPagination: true, numBreakoutFilters: 2, pageSize: ENROLLMENTS_PAGE_SIZE, pageCount: data.numPages, FilterStatusComponent: () => null, children: [_jsx(DataTable.TableControlBar, { className: "px-3 pt-3 pb-2" }), _jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: intl.formatMessage(messages.noEnrollments) }), _jsx(DataTable.TableFooter, {})] }));
+};
+export default EnrollmentsList;
+//# sourceMappingURL=EnrollmentsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnrollmentsList.js","sourceRoot":"","sources":["../../../src/enrollments/components/EnrollmentsList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ActionRow, Button, DataTable, FormControl, Icon, IconButton } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { MoreVert, Search } from '@openedx/paragon/icons';\nimport messages from '../messages';\nimport { useEnrollments } from '../data/apiHook';\nimport { Learner } from '../types';\nimport { DataTableFetchDataProps, TableCellValue } from '@src/types';\nimport { useDebouncedFilter } from '@src/hooks/useDebouncedFilter';\n\nconst ENROLLMENTS_PAGE_SIZE = 25;\n\nconst betaTesterOptions = [\n  { value: '', label: messages.allEnrollees },\n  { value: 'true', label: messages.betaTesters },\n  { value: 'false', label: messages.nonBetaTesters },\n];\n\ninterface EnrollmentsListProps {\n  onUnenroll: (learner: Learner) => void,\n}\n\nconst UsernameFilter = ({ column: { filterValue, setFilter } }: { column: { filterValue: string, setFilter: (value: string) => void } }) => {\n  const intl = useIntl();\n  const { inputValue, handleChange } = useDebouncedFilter({\n    filterValue,\n    setFilter,\n  });\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    handleChange(e.target.value);\n  };\n\n  return (\n    <FormControl\n      className=\"mb-0\"\n      onChange={handleInputChange}\n      placeholder={intl.formatMessage(messages.searchPlaceholder)}\n      trailingElement={<Icon src={Search} />}\n      value={inputValue}\n    />\n  );\n};\n\nconst BetaTesterFilter = ({ column: { filterValue, setFilter } }: { column: { filterValue: string, setFilter: (value: string) => void } }) => {\n  const intl = useIntl();\n\n  const handleSelectChange = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    setFilter(e.target.value);\n  };\n\n  return (\n    <FormControl\n      as=\"select\"\n      className=\"mb-0\"\n      name=\"isBetaTester\"\n      size=\"md\"\n      value={filterValue}\n      onChange={handleSelectChange}\n    >\n      {\n        betaTesterOptions.map((option) => (\n          <option key={option.value} value={option.value}>\n            {intl.formatMessage(option.label)}\n          </option>\n        ))\n      }\n    </FormControl>\n  );\n};\n\nconst EnrollmentsList = ({ onUnenroll }: EnrollmentsListProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams();\n  const [filters, setFilters] = useState({ page: 0, username: '', isBetaTester: '' });\n  const { data = { count: 0, results: [], numPages: 0 }, isLoading } = useEnrollments(courseId, {\n    page: filters.page,\n    pageSize: ENROLLMENTS_PAGE_SIZE,\n    emailOrUsername: filters.username,\n    isBetaTester: filters.isBetaTester,\n  });\n\n  const handleFetchData = (data: DataTableFetchDataProps) => {\n    const usernameFilter = data.filters?.find((f) => f.id === 'username');\n    const newEmailOrUsername = usernameFilter ? usernameFilter.value : '';\n    const betaTesterFilter = data.filters?.find((f) => f.id === 'isBetaTester');\n    const newIsBetaTester = betaTesterFilter ? betaTesterFilter.value : '';\n    const filtersChanged = (newEmailOrUsername !== filters.username) || (newIsBetaTester !== filters.isBetaTester);\n\n    if (filtersChanged) {\n      setFilters((prevFilters) => ({\n        ...prevFilters,\n        username: newEmailOrUsername,\n        isBetaTester: newIsBetaTester,\n        page: 0,\n      }));\n      return;\n    }\n\n    if (data.pageIndex !== filters.page) {\n      setFilters((prevFilters) => ({ ...prevFilters, page: data.pageIndex }));\n    }\n  };\n\n  const handleMoreButton = () => {\n    // Handle more button click\n    console.log('More button clicked');\n  };\n\n  const tableColumns = [\n    { accessor: 'username', Header: intl.formatMessage(messages.username), Filter: UsernameFilter },\n    { accessor: 'fullName', Header: intl.formatMessage(messages.fullName), disableFilters: true },\n    { accessor: 'email', Header: intl.formatMessage(messages.email), disableFilters: true },\n    {\n      accessor: 'mode',\n      Header: intl.formatMessage(messages.track),\n      Cell: ({ value }: { value: string }) => (\n        <span className=\"text-capitalize\">{value || 'N/A'}</span>\n      ),\n      disableFilters: true,\n    },\n    {\n      accessor: 'isBetaTester',\n      Header: intl.formatMessage(messages.betaTester),\n      Cell: ({ value }: { value: string }) => (value ? intl.formatMessage(messages.trueLabel) : ''),\n      Filter: BetaTesterFilter\n    },\n  ];\n\n  const actionCustomCell = useCallback(({ row: { original } }: TableCellValue<Learner>) => {\n    return (\n      <ActionRow className=\"justify-content-start\">\n        <Button className=\"pl-0\" onClick={() => onUnenroll(original)} variant=\"link\">\n          {intl.formatMessage(messages.unenrollButton)}\n        </Button>\n        <IconButton\n          alt={intl.formatMessage(messages.changeBetaTesterStatus)}\n          className=\"lead\"\n          iconAs={MoreVert}\n          onClick={handleMoreButton}\n        />\n      </ActionRow>\n    );\n  }, [onUnenroll, intl]);\n\n  return (\n    <DataTable\n      className=\"mt-3\"\n      columns={tableColumns}\n      additionalColumns={[\n        {\n          id: 'actions',\n          Header: intl.formatMessage(messages.actions),\n          Cell: actionCustomCell,\n        }\n      ]}\n      data={data.results}\n      fetchData={handleFetchData}\n      state={{\n        pageIndex: filters.page,\n        pageSize: ENROLLMENTS_PAGE_SIZE,\n        filters: [\n          { id: 'username', value: filters.username },\n          { id: 'isBetaTester', value: filters.isBetaTester },\n        ]\n      }}\n      isFilterable\n      isLoading={isLoading}\n      isPaginated\n      itemCount={data.count}\n      manualFilters\n      manualPagination\n      numBreakoutFilters={2}\n      pageSize={ENROLLMENTS_PAGE_SIZE}\n      pageCount={data.numPages}\n      FilterStatusComponent={() => null}\n    >\n      <DataTable.TableControlBar className=\"px-3 pt-3 pb-2\" />\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noEnrollments)} />\n      <DataTable.TableFooter />\n    </DataTable>\n  );\n};\n\nexport default EnrollmentsList;\n"]}

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

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

package/dist/enrollments/components/UnenrollModal.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const UnenrollModal = ({ learner, isOpen, onClose }) => {
+    console.log(learner, isOpen, onClose);
+    return _jsx("div", { children: "Unenroll Modal" });
+};
+export default UnenrollModal;
+//# sourceMappingURL=UnenrollModal.js.map

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

@@ -0,0 +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"]}

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

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

package/dist/enrollments/data/api.js

@@ -0,0 +1,32 @@
+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 getEnrollments = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+    const queryParams = new URLSearchParams({
+        page: (params.page + 1).toString(),
+        page_size: params.pageSize.toString(),
+    });
+    if (params.emailOrUsername) {
+        queryParams.append('search', params.emailOrUsername);
+    }
+    if (params.isBetaTester) {
+        queryParams.append('is_beta_tester', params.isBetaTester);
+    }
+    const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/enrollments?${queryParams.toString()}`);
+    return camelCaseObject(data);
+});
+export const getEnrollmentStatus = (courseId, userIdentifier) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient().post(`${getApiBaseUrl()}/courses/${courseId}/instructor/api/get_student_enrollment_status`, {
+        unique_student_identifier: userIdentifier,
+    });
+    return camelCaseObject(data);
+});
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,3 @@
+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>;

package/dist/enrollments/data/apiHook.js

@@ -0,0 +1,14 @@
+import { useQuery } from '@tanstack/react-query';
+import { getEnrollments, getEnrollmentStatus } from './api';
+import { enrollmentsQueryKeys } from './queryKeys';
+export const useEnrollments = (courseId, params) => (useQuery({
+    queryKey: enrollmentsQueryKeys.byCoursePaginated(courseId, params),
+    queryFn: () => getEnrollments(courseId, params),
+    enabled: !!courseId,
+}));
+export const useEnrollmentByUserId = (courseId, userIdentifier) => (useQuery({
+    queryKey: enrollmentsQueryKeys.byUserId(courseId, userIdentifier),
+    queryFn: () => getEnrollmentStatus(courseId, userIdentifier),
+    enabled: false,
+}));
+//# sourceMappingURL=apiHook.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,7 @@
+import { EnrollmentsParams } from '../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];
+};

package/dist/enrollments/data/queryKeys.js

@@ -0,0 +1,8 @@
+import { appId } from '../../constants';
+export const enrollmentsQueryKeys = {
+    all: [appId, 'enrollments'],
+    byCourse: (courseId) => [...enrollmentsQueryKeys.all, courseId],
+    byCoursePaginated: (courseId, params) => [...enrollmentsQueryKeys.byCourse(courseId), params.page, params.pageSize, params.emailOrUsername, params.isBetaTester],
+    byUserId: (courseId, userIdentifier) => [...enrollmentsQueryKeys.byCourse(courseId), 'enrollment', userIdentifier],
+};
+//# sourceMappingURL=queryKeys.js.map

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

@@ -0,0 +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"]}