@openedx/frontend-app-instructor-dashboard 1.0.0-alpha.4 → 1.0.0-alpha.40

package/dist/providers/messages.d.ts

@@ -0,0 +1,33 @@
+declare const messages: {
+    forbiddenErrorHeading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    forbiddenErrorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unauthorizedErrorHeading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    unauthorizedErrorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    genericErrorHeading: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    genericErrorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/providers/messages.js

@@ -0,0 +1,35 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    forbiddenErrorHeading: {
+        id: 'instructorDashboard.forbiddenError.heading',
+        defaultMessage: 'Access Denied',
+        description: 'Heading for the forbidden access error message',
+    },
+    forbiddenErrorMessage: {
+        id: 'instructorDashboard.forbiddenError.message',
+        defaultMessage: 'You do not have permission to access this content. Please contact the administrator if you believe this is an error.',
+        description: 'Message displayed when user lacks permission to access content',
+    },
+    unauthorizedErrorHeading: {
+        id: 'instructorDashboard.unauthorizedError.heading',
+        defaultMessage: 'Unauthorized',
+        description: 'Heading for the unauthorized access error message',
+    },
+    unauthorizedErrorMessage: {
+        id: 'instructorDashboard.unauthorizedError.message',
+        defaultMessage: 'You must be logged in and have instructor permissions to view this content.',
+        description: 'Message displayed when user is not authenticated or lacks instructor permissions',
+    },
+    genericErrorHeading: {
+        id: 'instructorDashboard.genericError.heading',
+        defaultMessage: 'Something went wrong',
+        description: 'Heading for a generic server error message',
+    },
+    genericErrorMessage: {
+        id: 'instructorDashboard.genericError.message',
+        defaultMessage: 'An unexpected error occurred. Please try again later.',
+        description: 'Message displayed when an unexpected server error occurs',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/providers/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/providers/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,qBAAqB,EAAE;QACrB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,gDAAgD;KAC9D;IACD,qBAAqB,EAAE;QACrB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,sHAAsH;QACtI,WAAW,EAAE,gEAAgE;KAC9E;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,mDAAmD;KACjE;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,+CAA+C;QACnD,cAAc,EAAE,6EAA6E;QAC7F,WAAW,EAAE,kFAAkF;KAChG;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,4CAA4C;KAC1D;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,0CAA0C;QAC9C,cAAc,EAAE,uDAAuD;QACvE,WAAW,EAAE,0DAA0D;KACxE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  forbiddenErrorHeading: {\n    id: 'instructorDashboard.forbiddenError.heading',\n    defaultMessage: 'Access Denied',\n    description: 'Heading for the forbidden access error message',\n  },\n  forbiddenErrorMessage: {\n    id: 'instructorDashboard.forbiddenError.message',\n    defaultMessage: 'You do not have permission to access this content. Please contact the administrator if you believe this is an error.',\n    description: 'Message displayed when user lacks permission to access content',\n  },\n  unauthorizedErrorHeading: {\n    id: 'instructorDashboard.unauthorizedError.heading',\n    defaultMessage: 'Unauthorized',\n    description: 'Heading for the unauthorized access error message',\n  },\n  unauthorizedErrorMessage: {\n    id: 'instructorDashboard.unauthorizedError.message',\n    defaultMessage: 'You must be logged in and have instructor permissions to view this content.',\n    description: 'Message displayed when user is not authenticated or lacks instructor permissions',\n  },\n  genericErrorHeading: {\n    id: 'instructorDashboard.genericError.heading',\n    defaultMessage: 'Something went wrong',\n    description: 'Heading for a generic server error message',\n  },\n  genericErrorMessage: {\n    id: 'instructorDashboard.genericError.message',\n    defaultMessage: 'An unexpected error occurred. Please try again later.',\n    description: 'Message displayed when an unexpected server error occurs',\n  },\n});\n\nexport default messages;\n"]}

package/dist/provides.d.ts

@@ -1,4 +1,5 @@
 declare const provides: {
-    "org.openedx.frontend.provides.courseNavigationRoles.v1": string;
+    "org.openedx.frontend.provides.courseBarRoles.v1": string;
+    "org.openedx.frontend.provides.courseBarMasqueradeRoles.v1": string;
 };
 export default provides;

package/dist/provides.js

@@ -1,7 +1,8 @@
-import { providesCourseNavigationRolesId } from '@openedx/frontend-base';
+import { providesCourseBarMasqueradeRolesId, providesCourseBarRolesId } from '@openedx/frontend-base';
 import { instructorDashboardRole } from './constants';
 const provides = {
-    [providesCourseNavigationRolesId]: instructorDashboardRole
+    [providesCourseBarRolesId]: instructorDashboardRole,
+    [providesCourseBarMasqueradeRolesId]: instructorDashboardRole,
 };
 export default provides;
 //# sourceMappingURL=provides.js.map

package/dist/provides.js.map

@@ -1 +1 @@
-{"version":3,"file":"provides.js","sourceRoot":"","sources":["../src/provides.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,QAAQ,GAAG;IACf,CAAC,+BAA+B,CAAC,EAAE,uBAAuB;CAC3D,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { providesCourseNavigationRolesId } from '@openedx/frontend-base';\nimport { instructorDashboardRole } from './constants';\n\nconst provides = {\n  [providesCourseNavigationRolesId]: instructorDashboardRole\n};\n\nexport default provides;\n"]}
+{"version":3,"file":"provides.js","sourceRoot":"","sources":["../src/provides.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACtG,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,QAAQ,GAAG;IACf,CAAC,wBAAwB,CAAC,EAAE,uBAAuB;IACnD,CAAC,kCAAkC,CAAC,EAAE,uBAAuB;CAC9D,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { providesCourseBarMasqueradeRolesId, providesCourseBarRolesId } from '@openedx/frontend-base';\nimport { instructorDashboardRole } from './constants';\n\nconst provides = {\n  [providesCourseBarRolesId]: instructorDashboardRole,\n  [providesCourseBarMasqueradeRolesId]: instructorDashboardRole,\n};\n\nexport default provides;\n"]}

package/dist/routes.d.ts

@@ -2,7 +2,7 @@ declare const routes: {
     id: string;
     path: string;
     handle: {
-        role: string;
+        roles: string[];
     };
     lazy(): Promise<{
         Component: () => import("react/jsx-runtime").JSX.Element;

package/dist/routes.js

@@ -49,11 +49,11 @@ const routes = [
         id: 'org.openedx.frontend.route.instructorDashboard.main',
         path: 'instructor-dashboard/:courseId',
         handle: {
-            role: instructorDashboardRole
+            roles: [instructorDashboardRole]
         },
         lazy() {
             return __awaiter(this, void 0, void 0, function* () {
-                const module = yield import('./Main');
+                const module = yield import(/* webpackChunkName: "instructor-dashboard-main" */ './Main');
                 return { Component: module.default };
             });
         },

package/dist/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useParams, Navigate } from 'react-router-dom';\nimport CohortsPage from '@src/cohorts/CohortsPage';\nimport CourseInfoPage from '@src/courseInfo/CourseInfoPage';\nimport CertificatesPage from '@src/certificates/CertificatesPage';\nimport CourseTeamPage from '@src/courseTeam/CourseTeamPage';\nimport DataDownloadsPage from '@src/dataDownloads/DataDownloadsPage';\nimport DateExtensionsPage from '@src/dateExtensions/DateExtensionsPage';\nimport EnrollmentsPage from '@src/enrollments/EnrollmentsPage';\nimport GradingPage from '@src/grading/GradingPage';\nimport OpenResponsesPage from '@src/openResponses/OpenResponsesPage';\nimport SpecialExamsPage from '@src/specialExams/SpecialExamsPage';\nimport PageNotFound from '@src/components/PageNotFound';\nimport { useWidgetProps } from './slots/SlotUtils';\nimport { instructorDashboardRole } from './constants';\n\ninterface InstructorRouteProps {\n  tabId: string,\n  content: React.ReactNode,\n}\n\nconst defaultTabs: InstructorRouteProps[] = [\n  { tabId: 'course_info', content: <CourseInfoPage /> },\n  { tabId: 'enrollments', content: <EnrollmentsPage /> },\n  { tabId: 'course_team', content: <CourseTeamPage /> },\n  { tabId: 'cohorts', content: <CohortsPage /> },\n  { tabId: 'date_extensions', content: <DateExtensionsPage /> },\n  { tabId: 'grading', content: <GradingPage /> },\n  { tabId: 'data_downloads', content: <DataDownloadsPage /> },\n  { tabId: 'special_exams', content: <SpecialExamsPage /> },\n  { tabId: 'certificates', content: <CertificatesPage /> },\n  { tabId: 'open_responses', content: <OpenResponsesPage /> },\n];\n\nconst TabContent = () => {\n  const { tabId } = useParams<{ tabId: string }>();\n  const routeWidgets = useWidgetProps('org.openedx.frontend.slot.instructorDashboard.routes.v1') as InstructorRouteProps[];\n\n  const tabRoutes = [\n    ...defaultTabs.filter(\n      defaultTab => !routeWidgets.some(slotTab => slotTab.tabId === defaultTab.tabId)\n    ),\n    ...routeWidgets\n  ];\n\n  const foundTab = tabRoutes.find(tab => tab.tabId === tabId);\n\n  return foundTab ? foundTab.content : <PageNotFound />;\n};\n\nconst routes = [\n  {\n    id: 'org.openedx.frontend.route.instructorDashboard.main',\n    path: 'instructor-dashboard/:courseId',\n    handle: {\n      role: instructorDashboardRole\n    },\n    async lazy() {\n      const module = await import('./Main');\n      return { Component: module.default };\n    },\n    children: [\n      {\n        index: true,\n        element: <Navigate to=\"course_info\" replace />\n      },\n      {\n        path: ':tabId',\n        element: <TabContent />\n      },\n    ]\n  }\n];\n\nexport default routes;\n"]}
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useParams, Navigate } from 'react-router-dom';\nimport CohortsPage from '@src/cohorts/CohortsPage';\nimport CourseInfoPage from '@src/courseInfo/CourseInfoPage';\nimport CertificatesPage from '@src/certificates/CertificatesPage';\nimport CourseTeamPage from '@src/courseTeam/CourseTeamPage';\nimport DataDownloadsPage from '@src/dataDownloads/DataDownloadsPage';\nimport DateExtensionsPage from '@src/dateExtensions/DateExtensionsPage';\nimport EnrollmentsPage from '@src/enrollments/EnrollmentsPage';\nimport GradingPage from '@src/grading/GradingPage';\nimport OpenResponsesPage from '@src/openResponses/OpenResponsesPage';\nimport SpecialExamsPage from '@src/specialExams/SpecialExamsPage';\nimport PageNotFound from '@src/components/PageNotFound';\nimport { useWidgetProps } from './slots/SlotUtils';\nimport { instructorDashboardRole } from './constants';\n\ninterface InstructorRouteProps {\n  tabId: string,\n  content: React.ReactNode,\n}\n\nconst defaultTabs: InstructorRouteProps[] = [\n  { tabId: 'course_info', content: <CourseInfoPage /> },\n  { tabId: 'enrollments', content: <EnrollmentsPage /> },\n  { tabId: 'course_team', content: <CourseTeamPage /> },\n  { tabId: 'cohorts', content: <CohortsPage /> },\n  { tabId: 'date_extensions', content: <DateExtensionsPage /> },\n  { tabId: 'grading', content: <GradingPage /> },\n  { tabId: 'data_downloads', content: <DataDownloadsPage /> },\n  { tabId: 'special_exams', content: <SpecialExamsPage /> },\n  { tabId: 'certificates', content: <CertificatesPage /> },\n  { tabId: 'open_responses', content: <OpenResponsesPage /> },\n];\n\nconst TabContent = () => {\n  const { tabId } = useParams<{ tabId: string }>();\n  const routeWidgets = useWidgetProps('org.openedx.frontend.slot.instructorDashboard.routes.v1') as InstructorRouteProps[];\n\n  const tabRoutes = [\n    ...defaultTabs.filter(\n      defaultTab => !routeWidgets.some(slotTab => slotTab.tabId === defaultTab.tabId)\n    ),\n    ...routeWidgets\n  ];\n\n  const foundTab = tabRoutes.find(tab => tab.tabId === tabId);\n\n  return foundTab ? foundTab.content : <PageNotFound />;\n};\n\nconst routes = [\n  {\n    id: 'org.openedx.frontend.route.instructorDashboard.main',\n    path: 'instructor-dashboard/:courseId',\n    handle: {\n      roles: [instructorDashboardRole]\n    },\n    async lazy() {\n      const module = await import(/* webpackChunkName: \"instructor-dashboard-main\" */ './Main');\n      return { Component: module.default };\n    },\n    children: [\n      {\n        index: true,\n        element: <Navigate to=\"course_info\" replace />\n      },\n      {\n        path: ':tabId',\n        element: <TabContent />\n      },\n    ]\n  }\n];\n\nexport default routes;\n"]}

package/dist/slots/CourseInfoSlot/CourseInfoSlot.d.ts

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

package/dist/slots/CourseInfoSlot/CourseInfoSlot.js

@@ -0,0 +1,14 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useParams } from 'react-router-dom';
+import { useCourseInfo } from '../../data/apiHook';
+const CourseInfoSlot = () => {
+    const { courseId = '' } = useParams();
+    const { data } = useCourseInfo(courseId);
+    if (!data) {
+        return null;
+    }
+    const { org = '', courseNumber = '', displayName = '' } = data;
+    return (_jsxs("div", { style: { minWidth: 0, lineHeight: '1' }, children: [_jsxs("span", { className: "d-block small m-0", children: [org, " ", courseNumber] }), _jsx("span", { className: "d-block m-0 font-weight-bold course-title", children: displayName })] }));
+};
+export default CourseInfoSlot;
+//# sourceMappingURL=CourseInfoSlot.js.map

package/dist/slots/CourseInfoSlot/CourseInfoSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseInfoSlot.js","sourceRoot":"","sources":["../../../src/slots/CourseInfoSlot/CourseInfoSlot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEzC,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,GAAG,GAAG,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC;IAE/D,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,aAC1C,gBAAM,SAAS,EAAC,mBAAmB,aAAE,GAAG,OAAG,YAAY,IAAQ,EAC/D,eAAM,SAAS,EAAC,2CAA2C,YAAE,WAAW,GAAQ,IAC5E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useCourseInfo } from '@src/data/apiHook';\n\nconst CourseInfoSlot = () => {\n  const { courseId = '' } = useParams();\n  const { data } = useCourseInfo(courseId);\n\n  if (!data) {\n    return null;\n  }\n\n  const { org = '', courseNumber = '', displayName = '' } = data;\n\n  return (\n    <div style={{ minWidth: 0, lineHeight: '1' }}>\n      <span className=\"d-block small m-0\">{org} {courseNumber}</span>\n      <span className=\"d-block m-0 font-weight-bold course-title\">{displayName}</span>\n    </div>\n  );\n};\n\nexport default CourseInfoSlot;\n"]}

package/dist/slots.js

@@ -1,3 +1,15 @@
-const slots = [];
+import { jsx as _jsx } from "react/jsx-runtime";
+import { helpButtonSlotOperation, WidgetOperationTypes } from '@openedx/frontend-base';
+import CourseInfoSlot from './slots/CourseInfoSlot/CourseInfoSlot';
+import { appId, instructorDashboardRole } from './constants';
+const slots = [
+    helpButtonSlotOperation({ appId, role: instructorDashboardRole }),
+    {
+        slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',
+        id: 'org.openedx.frontend.widget.slotShowcase.headerLink',
+        op: WidgetOperationTypes.APPEND,
+        element: _jsx(CourseInfoSlot, {}),
+    },
+];
 export default slots;
 //# sourceMappingURL=slots.js.map

package/dist/slots.js.map

@@ -1 +1 @@
-{"version":3,"file":"slots.js","sourceRoot":"","sources":["../src/slots.tsx"],"names":[],"mappings":"AAEA,MAAM,KAAK,GAAoB,EAAE,CAAC;AAElC,eAAe,KAAK,CAAC","sourcesContent":["import { SlotOperation } from '@openedx/frontend-base';\n\nconst slots: SlotOperation[] = [];\n\nexport default slots;\n"]}
+{"version":3,"file":"slots.js","sourceRoot":"","sources":["../src/slots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAiB,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACtG,OAAO,cAAc,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,KAAK,GAAoB;IAC7B,uBAAuB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC;IACjE;QACE,MAAM,EAAE,kDAAkD;QAC1D,EAAE,EAAE,qDAAqD;QACzD,EAAE,EAAE,oBAAoB,CAAC,MAAM;QAC/B,OAAO,EAAE,KAAC,cAAc,KAAG;KAC5B;CACF,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { helpButtonSlotOperation, SlotOperation, WidgetOperationTypes } from '@openedx/frontend-base';\nimport CourseInfoSlot from '@src/slots/CourseInfoSlot/CourseInfoSlot';\nimport { appId, instructorDashboardRole } from '@src/constants';\n\nconst slots: SlotOperation[] = [\n  helpButtonSlotOperation({ appId, role: instructorDashboardRole }),\n  {\n    slotId: 'org.openedx.frontend.slot.header.primaryLinks.v1',\n    id: 'org.openedx.frontend.widget.slotShowcase.headerLink',\n    op: WidgetOperationTypes.APPEND,\n    element: <CourseInfoSlot />,\n  },\n];\n\nexport default slots;\n"]}

package/dist/specialExams/SpecialExamsPage.js

@@ -1,6 +1,18 @@
-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 messages from './messages';
+import Allowances from './components/Allowances';
+import AttemptsList from './components/AttemptsList';
+const SPECIAL_EXAMS_TAB = {
+    ATTEMPTS: 'attempts',
+    ALLOWANCES: 'allowances',
+};
 const SpecialExamsPage = () => {
-    return (_jsx("div", { children: _jsx("h3", { children: "Special Exams" }) }));
+    const intl = useIntl();
+    const [selectedTab, setSelectedTab] = useState(SPECIAL_EXAMS_TAB.ATTEMPTS);
+    return (_jsxs(_Fragment, { children: [_jsx("h3", { className: "text-primary-700", children: intl.formatMessage(messages.specialExamsTitle) }), _jsxs(Card, { className: "bg-light-200 mt-4.5", children: [_jsxs(ButtonGroup, { className: "d-block mx-4 mt-4", children: [_jsx(Button, { variant: selectedTab === SPECIAL_EXAMS_TAB.ATTEMPTS ? 'primary' : 'outline-primary', onClick: () => setSelectedTab(SPECIAL_EXAMS_TAB.ATTEMPTS), children: intl.formatMessage(messages.examAttempts) }), _jsx(Button, { variant: selectedTab === SPECIAL_EXAMS_TAB.ALLOWANCES ? 'primary' : 'outline-primary', onClick: () => setSelectedTab(SPECIAL_EXAMS_TAB.ALLOWANCES), children: intl.formatMessage(messages.allowances) })] }), selectedTab === SPECIAL_EXAMS_TAB.ATTEMPTS ? _jsx(AttemptsList, {}) : _jsx(Allowances, {})] })] }));
 };
 export default SpecialExamsPage;
 //# sourceMappingURL=SpecialExamsPage.js.map

package/dist/specialExams/SpecialExamsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpecialExamsPage.js","sourceRoot":"","sources":["../../src/specialExams/SpecialExamsPage.tsx"],"names":[],"mappings":";AAAA,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,OAAO,CACL,wBACE,yCAAsB,GAClB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["const SpecialExamsPage = () => {\n  return (\n    <div>\n      <h3>Special Exams</h3>\n    </div>\n  );\n};\n\nexport default SpecialExamsPage;\n"]}
+{"version":3,"file":"SpecialExamsPage.js","sourceRoot":"","sources":["../../src/specialExams/SpecialExamsPage.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,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,MAAM,iBAAiB,GAAG;IACxB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA6D,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAEvI,OAAO,CACL,8BACE,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,GAAM,EACtF,MAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,aACnC,MAAC,WAAW,IAAC,SAAS,EAAC,mBAAmB,aACxC,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,KAAK,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EACnF,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,iBAAiB,CAAC,QAAQ,CAAC,YACzD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,GAClC,EACT,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,KAAK,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EACrF,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,iBAAiB,CAAC,UAAU,CAAC,YAC3D,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,GAChC,IACG,EAEZ,WAAW,KAAK,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,IAE3E,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { useState } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, ButtonGroup, Card } from '@openedx/paragon';\nimport messages from './messages';\nimport Allowances from './components/Allowances';\nimport AttemptsList from './components/AttemptsList';\n\nconst SPECIAL_EXAMS_TAB = {\n  ATTEMPTS: 'attempts',\n  ALLOWANCES: 'allowances',\n};\n\nconst SpecialExamsPage = () => {\n  const intl = useIntl();\n  const [selectedTab, setSelectedTab] = useState<(typeof SPECIAL_EXAMS_TAB)[keyof typeof SPECIAL_EXAMS_TAB]>(SPECIAL_EXAMS_TAB.ATTEMPTS);\n\n  return (\n    <>\n      <h3 className=\"text-primary-700\">{intl.formatMessage(messages.specialExamsTitle)}</h3>\n      <Card className=\"bg-light-200 mt-4.5\">\n        <ButtonGroup className=\"d-block mx-4 mt-4\">\n          <Button\n            variant={selectedTab === SPECIAL_EXAMS_TAB.ATTEMPTS ? 'primary' : 'outline-primary'}\n            onClick={() => setSelectedTab(SPECIAL_EXAMS_TAB.ATTEMPTS)}\n          >{intl.formatMessage(messages.examAttempts)}\n          </Button>\n          <Button\n            variant={selectedTab === SPECIAL_EXAMS_TAB.ALLOWANCES ? 'primary' : 'outline-primary'}\n            onClick={() => setSelectedTab(SPECIAL_EXAMS_TAB.ALLOWANCES)}\n          >{intl.formatMessage(messages.allowances)}\n          </Button>\n        </ButtonGroup>\n        {\n          selectedTab === SPECIAL_EXAMS_TAB.ATTEMPTS ? <AttemptsList /> : <Allowances />\n        }\n      </Card>\n    </>\n  );\n};\n\nexport default SpecialExamsPage;\n"]}

package/dist/specialExams/components/AddAllowanceModal.d.ts

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

package/dist/specialExams/components/AddAllowanceModal.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { ActionRow, Button, Form, ModalDialog } from '@openedx/paragon';
+import { addLabel, addPlaceholder, allowanceTypesOptions } from '../../specialExams/constants';
+import { useAddAllowance, useSpecialExams } from '../../specialExams/data/apiHook';
+import messages from '../../specialExams/messages';
+import { useAlert } from '../../providers/AlertProvider';
+const examTypeOptions = [
+    { value: '', label: messages.selectExamType },
+    { value: 'proctored', label: messages.proctored },
+    { value: 'timed', label: messages.timed },
+];
+const emptyAllowanceData = {
+    examType: '',
+    examIds: [],
+    allowanceType: '',
+    value: '',
+    users: ''
+};
+const AddAllowanceModal = ({ isOpen, onClose }) => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const [newAllowance, setNewAllowance] = useState(emptyAllowanceData);
+    const { data: specialExams, refetch } = useSpecialExams(courseId, newAllowance.examType);
+    const { mutate: addAllowance } = useAddAllowance(courseId);
+    const { showModal } = useAlert();
+    const enableSubmitButton = useMemo(() => (allowanceData) => {
+        const { examType, allowanceType, value, users, examIds } = allowanceData;
+        if (!examType || !allowanceType || !value || !users || examIds.length === 0) {
+            return false;
+        }
+        const userIds = users.split(',').map(user => user.trim()).filter(user => user);
+        return userIds.length > 0;
+    }, []);
+    useEffect(() => {
+        if (isOpen && newAllowance.examType) {
+            refetch();
+        }
+    }, [isOpen, newAllowance.examType, refetch]);
+    const handleClose = () => {
+        setNewAllowance(emptyAllowanceData);
+        onClose();
+    };
+    const handleAdd = (e) => {
+        e.preventDefault();
+        const userIds = newAllowance.users.split(',').map(user => user.trim()).filter(user => user);
+        const allowanceData = {
+            userIds,
+            examType: newAllowance.examType,
+            examIds: newAllowance.examIds,
+            allowanceType: newAllowance.allowanceType,
+            value: newAllowance.value,
+        };
+        addAllowance(allowanceData, {
+            onSuccess: () => {
+                handleClose();
+            },
+            onError: () => {
+                showModal({
+                    message: intl.formatMessage(messages.addAllowanceError),
+                    variant: 'danger',
+                });
+            }
+        });
+    };
+    const handleChanges = (e) => {
+        const { value, name } = e.target;
+        setNewAllowance(prev => (Object.assign(Object.assign({}, prev), { [name]: value })));
+    };
+    const handleToggleExam = (value) => {
+        setNewAllowance(prev => {
+            const examIds = prev.examIds.includes(value)
+                ? prev.examIds.filter(id => id !== value)
+                : [...prev.examIds, value];
+            return Object.assign(Object.assign({}, prev), { examIds });
+        });
+    };
+    return (_jsxs(ModalDialog, { isOpen: isOpen, onClose: handleClose, title: intl.formatMessage(messages.addAllowance), isOverflowVisible: false, size: "lg", children: [_jsx(ModalDialog.Header, { className: "border-bottom border-light-700", children: _jsx(ModalDialog.Title, { className: "text-primary-700", children: intl.formatMessage(messages.addAllowance) }) }), _jsxs(Form, { className: "position-relative overflow-auto", onSubmit: handleAdd, children: [_jsxs(ModalDialog.Body, { children: [_jsxs(Form.Group, { controlId: "specify-learners", children: [_jsxs(Form.Label, { className: "text-primary-500 x-small", children: [intl.formatMessage(messages.specifyLearners), ":"] }), _jsx(Form.Control, { as: "textarea", rows: 3, placeholder: intl.formatMessage(messages.specifyLearnersPlaceholder), name: "users", onChange: handleChanges })] }), _jsxs(Form.Group, { controlId: "select-exam-type", children: [_jsxs(Form.Label, { className: "text-primary-500 x-small", children: [intl.formatMessage(messages.selectExamType), ":"] }), _jsx(Form.Control, { as: "select", name: "examType", onChange: handleChanges, children: examTypeOptions.map(option => (_jsx("option", { value: option.value, children: intl.formatMessage(option.label) }, option.value))) })] }), _jsxs(Form.Group, { controlId: "select-exams", children: [_jsxs(Form.Label, { className: "text-primary-500 x-small", children: [intl.formatMessage(messages.selectExams), ":"] }), newAllowance.examType && (_jsx(Form.CheckboxSet, { onChange: (e) => handleToggleExam(Number(e.target.value)), name: "examIds", children: (specialExams || [])
+                                            .map((exam) => (_jsx(Form.Checkbox, { className: "mt-2", value: exam.id, children: exam.examName }, exam.id))) }))] }), _jsxs(Form.Group, { controlId: "select-allowance-type", children: [_jsxs(Form.Label, { className: "text-primary-500 x-small", children: [intl.formatMessage(messages.selectAllowanceType), ":"] }), _jsx(Form.Control, { as: "select", name: "allowanceType", onChange: handleChanges, children: allowanceTypesOptions.map(option => (_jsx("option", { value: option.value, children: intl.formatMessage(option.label) }, option.value))) })] }), _jsxs(Form.Group, { controlId: "allowance-value", children: [_jsxs(Form.Label, { className: "text-primary-500 x-small", children: [intl.formatMessage(addLabel[newAllowance.allowanceType || 'additional_time_granted']), ":"] }), _jsx(Form.Control, { type: newAllowance.allowanceType === 'review_policy_exception' ? 'text' : 'number', placeholder: intl.formatMessage(addPlaceholder[newAllowance.allowanceType || 'additional_time_granted']), name: "value", onChange: handleChanges })] })] }), _jsx(ModalDialog.Footer, { className: "border-top border-light-700", children: _jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: handleClose, children: intl.formatMessage(messages.cancel) }), _jsx(Button, { disabled: !enableSubmitButton(newAllowance), variant: "primary", type: "submit", children: intl.formatMessage(messages.createAllowance) })] }) })] })] }));
+};
+export default AddAllowanceModal;
+//# sourceMappingURL=AddAllowanceModal.js.map

package/dist/specialExams/components/AddAllowanceModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddAllowanceModal.js","sourceRoot":"","sources":["../../../src/specialExams/components/AddAllowanceModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { ActionRow, Button, Form, ModalDialog } from '@openedx/paragon';\nimport { addLabel, addPlaceholder, allowanceTypesOptions } from '@src/specialExams/constants';\nimport { useAddAllowance, useSpecialExams } from '@src/specialExams/data/apiHook';\nimport messages from '@src/specialExams/messages';\nimport { AddAllowanceForm, AddAllowanceParams } from '@src/specialExams/types';\nimport { useAlert } from '@src/providers/AlertProvider';\n\ninterface AddAllowanceModalProps {\n  isOpen: boolean,\n  onClose: () => void,\n}\n\nconst examTypeOptions = [\n  { value: '', label: messages.selectExamType },\n  { value: 'proctored', label: messages.proctored },\n  { value: 'timed', label: messages.timed },\n];\n\nconst emptyAllowanceData = {\n  examType: '',\n  examIds: [],\n  allowanceType: '',\n  value: '',\n  users: ''\n};\n\nconst AddAllowanceModal = ({ isOpen, onClose }: AddAllowanceModalProps) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams();\n  const [newAllowance, setNewAllowance] = useState<AddAllowanceForm>(emptyAllowanceData);\n  const { data: specialExams, refetch } = useSpecialExams(courseId, newAllowance.examType);\n  const { mutate: addAllowance } = useAddAllowance(courseId);\n  const { showModal } = useAlert();\n\n  const enableSubmitButton = useMemo(() => (allowanceData: AddAllowanceForm) => {\n    const { examType, allowanceType, value, users, examIds } = allowanceData;\n    if (!examType || !allowanceType || !value || !users || examIds.length === 0) {\n      return false;\n    }\n    const userIds = users.split(',').map(user => user.trim()).filter(user => user);\n    return userIds.length > 0;\n  }, []);\n\n  useEffect(() => {\n    if (isOpen && newAllowance.examType) {\n      refetch();\n    }\n  }, [isOpen, newAllowance.examType, refetch]);\n\n  const handleClose = () => {\n    setNewAllowance(emptyAllowanceData);\n    onClose();\n  };\n\n  const handleAdd = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const userIds = newAllowance.users.split(',').map(user => user.trim()).filter(user => user);\n    const allowanceData: AddAllowanceParams = {\n      userIds,\n      examType: newAllowance.examType,\n      examIds: newAllowance.examIds,\n      allowanceType: newAllowance.allowanceType,\n      value: newAllowance.value,\n    };\n\n    addAllowance(allowanceData, {\n      onSuccess: () => {\n        handleClose();\n      },\n      onError: () => {\n        showModal({\n          message: intl.formatMessage(messages.addAllowanceError),\n          variant: 'danger',\n        });\n      }\n    });\n  };\n\n  const handleChanges = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    const { value, name } = e.target;\n    setNewAllowance(prev => ({\n      ...prev,\n      [name]: value,\n    }));\n  };\n\n  const handleToggleExam = (value: number) => {\n    setNewAllowance(prev => {\n      const examIds = prev.examIds.includes(value)\n        ? prev.examIds.filter(id => id !== value)\n        : [...prev.examIds, value];\n      return {\n        ...prev,\n        examIds,\n      };\n    });\n  };\n\n  return (\n    <ModalDialog isOpen={isOpen} onClose={handleClose} title={intl.formatMessage(messages.addAllowance)} isOverflowVisible={false} size=\"lg\">\n      <ModalDialog.Header className=\"border-bottom border-light-700\">\n        <ModalDialog.Title className=\"text-primary-700\">{intl.formatMessage(messages.addAllowance)}</ModalDialog.Title>\n      </ModalDialog.Header>\n      <Form className=\"position-relative overflow-auto\" onSubmit={handleAdd}>\n        <ModalDialog.Body>\n          <Form.Group controlId=\"specify-learners\">\n            <Form.Label className=\"text-primary-500 x-small\">{intl.formatMessage(messages.specifyLearners)}:</Form.Label>\n            <Form.Control\n              as=\"textarea\"\n              rows={3}\n              placeholder={intl.formatMessage(messages.specifyLearnersPlaceholder)}\n              name=\"users\"\n              onChange={handleChanges}\n            />\n          </Form.Group>\n          <Form.Group controlId=\"select-exam-type\">\n            <Form.Label className=\"text-primary-500 x-small\">{intl.formatMessage(messages.selectExamType)}:</Form.Label>\n            <Form.Control as=\"select\" name=\"examType\" onChange={handleChanges}>\n              {examTypeOptions.map(option => (\n                <option key={option.value} value={option.value}>{intl.formatMessage(option.label)}</option>\n              ))}\n            </Form.Control>\n          </Form.Group>\n          <Form.Group controlId=\"select-exams\">\n            <Form.Label className=\"text-primary-500 x-small\">{intl.formatMessage(messages.selectExams)}:</Form.Label>\n            {newAllowance.examType && (\n              <Form.CheckboxSet onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleToggleExam(Number(e.target.value))} name=\"examIds\">\n                {\n                  (specialExams || [])\n                    .map((exam) => (\n                      <Form.Checkbox className=\"mt-2\" key={exam.id} value={exam.id}>\n                        {exam.examName}\n                      </Form.Checkbox>\n                    ))\n                }\n              </Form.CheckboxSet>\n            )}\n          </Form.Group>\n          <Form.Group controlId=\"select-allowance-type\">\n            <Form.Label className=\"text-primary-500 x-small\">{intl.formatMessage(messages.selectAllowanceType)}:</Form.Label>\n            <Form.Control as=\"select\" name=\"allowanceType\" onChange={handleChanges}>\n              {allowanceTypesOptions.map(option => (\n                <option key={option.value} value={option.value}>{intl.formatMessage(option.label)}</option>\n              ))}\n            </Form.Control>\n          </Form.Group>\n          <Form.Group controlId=\"allowance-value\">\n            <Form.Label className=\"text-primary-500 x-small\">{intl.formatMessage(addLabel[newAllowance.allowanceType || 'additional_time_granted'])}:</Form.Label>\n            <Form.Control\n              type={newAllowance.allowanceType === 'review_policy_exception' ? 'text' : 'number'}\n              placeholder={intl.formatMessage(addPlaceholder[newAllowance.allowanceType || 'additional_time_granted'])}\n              name=\"value\"\n              onChange={handleChanges}\n            />\n          </Form.Group>\n        </ModalDialog.Body>\n        <ModalDialog.Footer className=\"border-top border-light-700\">\n          <ActionRow>\n            <Button variant=\"tertiary\" onClick={handleClose}>{intl.formatMessage(messages.cancel)}</Button>\n            <Button disabled={!enableSubmitButton(newAllowance)} variant=\"primary\" type=\"submit\">{intl.formatMessage(messages.createAllowance)}</Button>\n          </ActionRow>\n        </ModalDialog.Footer>\n      </Form>\n    </ModalDialog>\n  );\n};\n\nexport default AddAllowanceModal;\n"]}

package/dist/specialExams/components/Allowances.d.ts

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

package/dist/specialExams/components/Allowances.js

@@ -0,0 +1,89 @@
+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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { useToggle } from '@openedx/paragon';
+import AddAllowanceModal from '../../specialExams/components/AddAllowanceModal';
+import AllowancesList from '../../specialExams/components/AllowancesList';
+import EditAllowanceModal from '../../specialExams/components/EditAllowanceModal';
+import DeleteAllowanceModal from '../../specialExams/components/DeleteAllowanceModal';
+import { useAttempts } from '../../specialExams/data/apiHook';
+import messages from '../../specialExams/messages';
+import { useAlert } from '../../providers/AlertProvider';
+const Allowances = () => {
+    var _a;
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { showModal } = useAlert();
+    const [isAddModalOpen, openAddModal, closeAddModal] = useToggle(false);
+    const [isEditModalOpen, openEditModal, closeEditModal] = useToggle(false);
+    const [isDeleteModalOpen, openDeleteModal, closeDeleteModal] = useToggle(false);
+    const [selectedAllowance, setSelectedAllowance] = useState(null);
+    const [pendingAction, setPendingAction] = useState(null);
+    const { refetch } = useAttempts(courseId, {
+        page: 0,
+        pageSize: 100,
+        emailOrUsername: (_a = selectedAllowance === null || selectedAllowance === void 0 ? void 0 : selectedAllowance.user.username) !== null && _a !== void 0 ? _a : '',
+        ordering: '',
+    }, false); // disabled by default — only runs on refetch
+    // Handle the attempt check after selectedAllowance and pendingAction are set
+    useEffect(() => {
+        if (!selectedAllowance || !pendingAction) {
+            return;
+        }
+        const checkAttempt = () => __awaiter(void 0, void 0, void 0, function* () {
+            const { data } = yield refetch();
+            const hasAttempt = data === null || data === void 0 ? void 0 : data.results.some((attempt) => attempt.examId === selectedAllowance.proctoredExam.id);
+            if (hasAttempt) {
+                showModal({
+                    message: intl.formatMessage(messages.cannotModifyAllowance, {
+                        action: pendingAction,
+                        username: selectedAllowance.user.username,
+                    }),
+                    variant: 'warning',
+                });
+                setSelectedAllowance(null);
+                setPendingAction(null);
+            }
+            else if (pendingAction === 'edit') {
+                openEditModal();
+                setPendingAction(null);
+            }
+            else {
+                openDeleteModal();
+                setPendingAction(null);
+            }
+        });
+        checkAttempt();
+    }, [selectedAllowance, pendingAction, refetch, showModal, intl, openEditModal, openDeleteModal]);
+    const handleEditAllowance = (allowance) => {
+        setSelectedAllowance(allowance);
+        setPendingAction('edit');
+    };
+    const handleDeleteAllowance = (allowance) => {
+        setSelectedAllowance(allowance);
+        setPendingAction('delete');
+    };
+    const handleCloseEditModal = () => {
+        setSelectedAllowance(null);
+        setPendingAction(null);
+        closeEditModal();
+    };
+    const handleCloseDeleteModal = () => {
+        setSelectedAllowance(null);
+        setPendingAction(null);
+        closeDeleteModal();
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(AllowancesList, { onClickAdd: openAddModal, onEdit: handleEditAllowance, onDelete: handleDeleteAllowance }), _jsx(AddAllowanceModal, { isOpen: isAddModalOpen, onClose: closeAddModal }), selectedAllowance && _jsx(EditAllowanceModal, { isOpen: isEditModalOpen, onClose: handleCloseEditModal, allowance: selectedAllowance }), selectedAllowance && _jsx(DeleteAllowanceModal, { isOpen: isDeleteModalOpen, onClose: handleCloseDeleteModal, allowance: selectedAllowance })] }));
+};
+export default Allowances;
+//# sourceMappingURL=Allowances.js.map

package/dist/specialExams/components/Allowances.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Allowances.js","sourceRoot":"","sources":["../../../src/specialExams/components/Allowances.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAC/E,OAAO,cAAc,MAAM,6CAA6C,CAAC;AACzE,OAAO,kBAAkB,MAAM,iDAAiD,CAAC;AACjF,OAAO,oBAAoB,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,MAAM,UAAU,GAAG,GAAG,EAAE;;IACtB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAwB,CAAC;IAC5D,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAC;IACjC,MAAM,CAAC,cAAc,EAAE,YAAY,EAAE,aAAa,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,CAAC,eAAe,EAAE,aAAa,EAAE,cAAc,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC1E,MAAM,CAAC,iBAAiB,EAAE,eAAe,EAAE,gBAAgB,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAChF,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IACnF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAEnF,MAAM,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,QAAQ,EAAE;QACxC,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,GAAG;QACb,eAAe,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,CAAC,QAAQ,mCAAI,EAAE;QACvD,QAAQ,EAAE,EAAE;KACb,EAAE,KAAK,CAAC,CAAC,CAAC,6CAA6C;IAExD,6EAA6E;IAC7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,IAAI,CAAC,aAAa,EAAE,CAAC;YACzC,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,GAAS,EAAE;YAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,OAAO,EAAE,CAAC;YACjC,MAAM,UAAU,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,IAAI,CACnC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,iBAAiB,CAAC,aAAa,CAAC,EAAE,CACnE,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACf,SAAS,CAAC;oBACR,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,EAAE;wBAC1D,MAAM,EAAE,aAAa;wBACrB,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,QAAQ;qBAC1C,CAAC;oBACF,OAAO,EAAE,SAAS;iBACnB,CAAC,CAAC;gBACH,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBAC3B,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC;iBAAM,IAAI,aAAa,KAAK,MAAM,EAAE,CAAC;gBACpC,aAAa,EAAE,CAAC;gBAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,eAAe,EAAE,CAAC;gBAClB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAA,CAAC;QAEF,YAAY,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,iBAAiB,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC;IAEjG,MAAM,mBAAmB,GAAG,CAAC,SAAoB,EAAE,EAAE;QACnD,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAChC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,SAAoB,EAAE,EAAE;QACrD,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAChC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,cAAc,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,gBAAgB,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,cAAc,IAAC,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,mBAAmB,EAAE,QAAQ,EAAE,qBAAqB,GAAI,EAC1G,KAAC,iBAAiB,IAAC,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,GAAI,EACpE,iBAAiB,IAAI,KAAC,kBAAkB,IAAC,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,iBAAiB,GAAI,EACjI,iBAAiB,IAAI,KAAC,oBAAoB,IAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,iBAAiB,GAAI,IACvI,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { useToggle } from '@openedx/paragon';\nimport AddAllowanceModal from '@src/specialExams/components/AddAllowanceModal';\nimport AllowancesList from '@src/specialExams/components/AllowancesList';\nimport EditAllowanceModal from '@src/specialExams/components/EditAllowanceModal';\nimport DeleteAllowanceModal from '@src/specialExams/components/DeleteAllowanceModal';\nimport { useAttempts } from '@src/specialExams/data/apiHook';\nimport messages from '@src/specialExams/messages';\nimport { Allowance } from '@src/specialExams/types';\nimport { useAlert } from '@src/providers/AlertProvider';\n\nconst Allowances = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { showModal } = useAlert();\n  const [isAddModalOpen, openAddModal, closeAddModal] = useToggle(false);\n  const [isEditModalOpen, openEditModal, closeEditModal] = useToggle(false);\n  const [isDeleteModalOpen, openDeleteModal, closeDeleteModal] = useToggle(false);\n  const [selectedAllowance, setSelectedAllowance] = useState<Allowance | null>(null);\n  const [pendingAction, setPendingAction] = useState<'edit' | 'delete' | null>(null);\n\n  const { refetch } = useAttempts(courseId, {\n    page: 0,\n    pageSize: 100,\n    emailOrUsername: selectedAllowance?.user.username ?? '',\n    ordering: '',\n  }, false); // disabled by default — only runs on refetch\n\n  // Handle the attempt check after selectedAllowance and pendingAction are set\n  useEffect(() => {\n    if (!selectedAllowance || !pendingAction) {\n      return;\n    }\n\n    const checkAttempt = async () => {\n      const { data } = await refetch();\n      const hasAttempt = data?.results.some(\n        (attempt) => attempt.examId === selectedAllowance.proctoredExam.id\n      );\n\n      if (hasAttempt) {\n        showModal({\n          message: intl.formatMessage(messages.cannotModifyAllowance, {\n            action: pendingAction,\n            username: selectedAllowance.user.username,\n          }),\n          variant: 'warning',\n        });\n        setSelectedAllowance(null);\n        setPendingAction(null);\n      } else if (pendingAction === 'edit') {\n        openEditModal();\n        setPendingAction(null);\n      } else {\n        openDeleteModal();\n        setPendingAction(null);\n      }\n    };\n\n    checkAttempt();\n  }, [selectedAllowance, pendingAction, refetch, showModal, intl, openEditModal, openDeleteModal]);\n\n  const handleEditAllowance = (allowance: Allowance) => {\n    setSelectedAllowance(allowance);\n    setPendingAction('edit');\n  };\n\n  const handleDeleteAllowance = (allowance: Allowance) => {\n    setSelectedAllowance(allowance);\n    setPendingAction('delete');\n  };\n\n  const handleCloseEditModal = () => {\n    setSelectedAllowance(null);\n    setPendingAction(null);\n    closeEditModal();\n  };\n\n  const handleCloseDeleteModal = () => {\n    setSelectedAllowance(null);\n    setPendingAction(null);\n    closeDeleteModal();\n  };\n\n  return (\n    <>\n      <AllowancesList onClickAdd={openAddModal} onEdit={handleEditAllowance} onDelete={handleDeleteAllowance} />\n      <AddAllowanceModal isOpen={isAddModalOpen} onClose={closeAddModal} />\n      {selectedAllowance && <EditAllowanceModal isOpen={isEditModalOpen} onClose={handleCloseEditModal} allowance={selectedAllowance} />}\n      {selectedAllowance && <DeleteAllowanceModal isOpen={isDeleteModalOpen} onClose={handleCloseDeleteModal} allowance={selectedAllowance} />}\n    </>\n  );\n};\n\nexport default Allowances;\n"]}

package/dist/specialExams/components/AllowancesList.d.ts

@@ -0,0 +1,8 @@
+import { Allowance } from '../../specialExams/types';
+interface AllowanceList {
+    onClickAdd: () => void;
+    onEdit: (allowance: Allowance) => void;
+    onDelete: (allowance: Allowance) => void;
+}
+declare const AllowancesList: ({ onClickAdd, onEdit, onDelete }: AllowanceList) => import("react/jsx-runtime").JSX.Element;
+export default AllowancesList;

package/dist/specialExams/components/AllowancesList.js

@@ -0,0 +1,63 @@
+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 { Button, DataTable, IconButton, OverlayTrigger, Popover } from '@openedx/paragon';
+import { MoreVert, Plus } from '@openedx/paragon/icons';
+import UsernameFilter from '../../components/UsernameFilter';
+import { ALLOWANCES_PAGE_SIZE, allowanceTypesOptions } from '../../specialExams/constants';
+import { useAllowances } from '../../specialExams/data/apiHook';
+import messages from '../../specialExams/messages';
+const AllowancesList = ({ onClickAdd, onEdit, onDelete }) => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const [filters, setFilters] = useState({ page: 0, emailOrUsername: '', ordering: '' });
+    const { data = { results: [], count: 0, numPages: 1 }, isLoading = false } = useAllowances(courseId, Object.assign({ pageSize: ALLOWANCES_PAGE_SIZE }, filters));
+    const ActionCustomCell = ({ row: { original } }) => {
+        const popoverContent = (_jsx(Popover, { id: `popover-${original.user.username}-${original.proctoredExam.examName}`, className: "border-0 shadow-sm", children: _jsx(Popover.Content, { className: "p-0 border-0", children: _jsxs("div", { className: "dropdown-menu show position-static border shadow-sm", children: [_jsx("button", { type: "button", className: "dropdown-item", onClick: () => onEdit(original), children: intl.formatMessage(messages.edit) }), _jsx("button", { type: "button", className: "dropdown-item", onClick: () => onDelete(original), children: intl.formatMessage(messages.delete) })] }) }) }));
+        return (_jsx(_Fragment, { children: _jsx(OverlayTrigger, { trigger: "click", placement: "bottom-end", overlay: popoverContent, rootClose: true, children: _jsx(IconButton, { alt: intl.formatMessage(messages.actions), className: "lead", iconAs: MoreVert }) }) }));
+    };
+    const columns = [
+        { accessor: 'user.username', Header: intl.formatMessage(messages.username), Filter: UsernameFilter, },
+        { accessor: 'user.email', Header: intl.formatMessage(messages.email), disableFilters: true, },
+        { accessor: 'proctoredExam.examName', Header: intl.formatMessage(messages.examName), disableFilters: true, },
+        { accessor: 'key', Header: intl.formatMessage(messages.allowanceType), disableFilters: true,
+            Cell: ({ value }) => {
+                const allowanceType = allowanceTypesOptions.find(option => option.value === value);
+                return allowanceType ? intl.formatMessage(allowanceType.label) : '';
+            }
+        },
+        { accessor: 'value', Header: intl.formatMessage(messages.allowanceValue), disableFilters: true, },
+    ];
+    const additionalColumns = [{
+            id: 'actions',
+            Header: '',
+            Cell: ActionCustomCell,
+        }];
+    const handleFetchData = (data) => {
+        var _a, _b;
+        const emailOrUsernameFilter = (_a = data.filters) === null || _a === void 0 ? void 0 : _a.find((f) => f.id === 'user.username');
+        const newEmailOrUsername = emailOrUsernameFilter ? emailOrUsernameFilter.value : '';
+        const newOrdering = ((_b = data.sortBy) === null || _b === void 0 ? void 0 : _b[0]) ? `${data.sortBy[0].desc ? '-' : ''}${data.sortBy[0].id}` : '';
+        const filtersChanged = newEmailOrUsername !== filters.emailOrUsername || newOrdering !== filters.ordering;
+        if (filtersChanged) {
+            setFilters((prevFilters) => (Object.assign(Object.assign({}, prevFilters), { emailOrUsername: newEmailOrUsername, ordering: newOrdering, page: 0 })));
+            return;
+        }
+        if (data.pageIndex !== filters.page) {
+            setFilters((prevFilters) => (Object.assign(Object.assign({}, prevFilters), { page: data.pageIndex })));
+        }
+    };
+    return (_jsxs(DataTable, { additionalColumns: additionalColumns, className: "mt-3", columns: columns, data: data.results, state: {
+            pageIndex: filters.page,
+            pageSize: ALLOWANCES_PAGE_SIZE,
+            filters: [
+                { id: 'emailOrUsername', value: filters.emailOrUsername }
+            ],
+            sortBy: [
+                { id: filters.ordering.replace(/^-/, ''), desc: filters.ordering.startsWith('-') }
+            ]
+        }, fetchData: handleFetchData, isFilterable: true, isLoading: isLoading, isPaginated: true, isSortable: true, itemCount: data.count, manualFilters: true, manualPagination: true, manualSortBy: true, pageSize: ALLOWANCES_PAGE_SIZE, pageCount: data.numPages, FilterStatusComponent: () => null, children: [_jsxs("div", { className: "bg-light-200 d-flex justify-content-between align-items-center p-3", children: [_jsx(DataTable.TableControlBar, { className: "p-0" }), _jsx(Button, { iconBefore: Plus, variant: "primary", onClick: onClickAdd, children: intl.formatMessage(messages.addAllowance) })] }), _jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: intl.formatMessage(messages.noAllowances) }), _jsx(DataTable.TableFooter, {})] }));
+};
+export default AllowancesList;
+//# sourceMappingURL=AllowancesList.js.map

package/dist/specialExams/components/AllowancesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllowancesList.js","sourceRoot":"","sources":["../../../src/specialExams/components/AllowancesList.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, DataTable, IconButton, OverlayTrigger, Popover } from '@openedx/paragon';\nimport { MoreVert, Plus } from '@openedx/paragon/icons';\nimport UsernameFilter from '@src/components/UsernameFilter';\nimport { ALLOWANCES_PAGE_SIZE, allowanceTypesOptions } from '@src/specialExams/constants';\nimport { useAllowances } from '@src/specialExams/data/apiHook';\nimport messages from '@src/specialExams/messages';\nimport { Allowance } from '@src/specialExams/types';\nimport { DataTableFetchDataProps, TableCellValue } from '@src/types';\n\ninterface AllowanceList {\n  onClickAdd: () => void,\n  onEdit: (allowance: Allowance) => void,\n  onDelete: (allowance: Allowance) => void,\n}\n\nconst AllowancesList = ({ onClickAdd, onEdit, onDelete }: AllowanceList) => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [filters, setFilters] = useState({ page: 0, emailOrUsername: '', ordering: '' });\n  const { data = { results: [], count: 0, numPages: 1 }, isLoading = false } = useAllowances(courseId, {\n    pageSize: ALLOWANCES_PAGE_SIZE,\n    ...filters,\n  });\n\n  const ActionCustomCell = ({ row: { original } }: TableCellValue<Allowance>) => {\n    const popoverContent = (\n      <Popover\n        id={`popover-${original.user.username}-${original.proctoredExam.examName}`}\n        className=\"border-0 shadow-sm\"\n      >\n        <Popover.Content className=\"p-0 border-0\">\n          <div className=\"dropdown-menu show position-static border shadow-sm\">\n            <button\n              type=\"button\"\n              className=\"dropdown-item\"\n              onClick={() => onEdit(original)}\n            >\n              {intl.formatMessage(messages.edit)}\n            </button>\n            <button\n              type=\"button\"\n              className=\"dropdown-item\"\n              onClick={() => onDelete(original)}\n            >\n              {intl.formatMessage(messages.delete)}\n            </button>\n          </div>\n        </Popover.Content>\n      </Popover>\n    );\n    return (\n      <>\n        <OverlayTrigger\n          trigger=\"click\"\n          placement=\"bottom-end\"\n          overlay={popoverContent}\n          rootClose\n        >\n          <IconButton\n            alt={intl.formatMessage(messages.actions)}\n            className=\"lead\"\n            iconAs={MoreVert}\n          />\n        </OverlayTrigger>\n      </>\n    );\n  };\n\n  const columns = [\n    { accessor: 'user.username', Header: intl.formatMessage(messages.username), Filter: UsernameFilter, },\n    { accessor: 'user.email', Header: intl.formatMessage(messages.email), disableFilters: true, },\n    { accessor: 'proctoredExam.examName', Header: intl.formatMessage(messages.examName), disableFilters: true, },\n    { accessor: 'key', Header: intl.formatMessage(messages.allowanceType), disableFilters: true,\n      Cell: ({ value }: { value: string }) => {\n        const allowanceType = allowanceTypesOptions.find(option => option.value === value);\n        return allowanceType ? intl.formatMessage(allowanceType.label) : '';\n      }\n    },\n    { accessor: 'value', Header: intl.formatMessage(messages.allowanceValue), disableFilters: true, },\n  ];\n\n  const additionalColumns = [{\n    id: 'actions',\n    Header: '',\n    Cell: ActionCustomCell,\n  }];\n\n  const handleFetchData = (data: DataTableFetchDataProps) => {\n    const emailOrUsernameFilter = data.filters?.find((f) => f.id === 'user.username');\n    const newEmailOrUsername = emailOrUsernameFilter ? emailOrUsernameFilter.value : '';\n    const newOrdering = data.sortBy?.[0] ? `${data.sortBy[0].desc ? '-' : ''}${data.sortBy[0].id}` : '';\n    const filtersChanged = newEmailOrUsername !== filters.emailOrUsername || newOrdering !== filters.ordering;\n    if (filtersChanged) {\n      setFilters((prevFilters) => ({ ...prevFilters, emailOrUsername: newEmailOrUsername, ordering: newOrdering, page: 0 }));\n      return;\n    }\n    if (data.pageIndex !== filters.page) {\n      setFilters((prevFilters) => ({ ...prevFilters, page: data.pageIndex }));\n    }\n  };\n\n  return (\n    <DataTable\n      additionalColumns={additionalColumns}\n      className=\"mt-3\"\n      columns={columns}\n      data={data.results}\n      state={{\n        pageIndex: filters.page,\n        pageSize: ALLOWANCES_PAGE_SIZE,\n        filters: [\n          { id: 'emailOrUsername', value: filters.emailOrUsername }\n        ],\n        sortBy: [\n          { id: filters.ordering.replace(/^-/, ''), desc: filters.ordering.startsWith('-') }\n        ]\n      }}\n      fetchData={handleFetchData}\n      isFilterable\n      isLoading={isLoading}\n      isPaginated\n      isSortable\n      itemCount={data.count}\n      manualFilters\n      manualPagination\n      manualSortBy\n      pageSize={ALLOWANCES_PAGE_SIZE}\n      pageCount={data.numPages}\n      FilterStatusComponent={() => null}\n    >\n      <div className=\"bg-light-200 d-flex justify-content-between align-items-center p-3\">\n        <DataTable.TableControlBar className=\"p-0\" />\n        <Button iconBefore={Plus} variant=\"primary\" onClick={onClickAdd}>\n          {intl.formatMessage(messages.addAllowance)}\n        </Button>\n      </div>\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noAllowances)} />\n      <DataTable.TableFooter />\n    </DataTable>\n  );\n};\n\nexport default AllowancesList;\n"]}

package/dist/specialExams/components/AttemptsList.d.ts

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