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

package/dist/Main.js

@@ -1,25 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { lazy, Suspense } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { CurrentAppProvider } from '@openedx/frontend-base';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { Outlet } from 'react-router-dom';
 import { AlertProvider } from './providers/AlertProvider';
 import { appId } from './constants';
 import PageWrapper from './pageWrapper/PageWrapper';
 import './app.scss';
-/*
- * Use a dynamic import guarded by process.env.NODE_ENV so the consumer's
- * webpack dead-code-eliminates this in production builds.  webpackIgnore
- * tells webpack not to resolve the module at build time in dev mode, and
- * the .catch() gracefully handles the case where it is not installed.
- */
-const loadDevtools = () => import(/* webpackIgnore: true */ '@tanstack/react-query-devtools')
-    .then((m) => ({ default: m.ReactQueryDevtools }))
-    .catch(() => ({ default: () => null }));
-const ReactQueryDevtools = process.env.NODE_ENV === 'development'
-    ? lazy(loadDevtools)
-    : null;
-const queryClient = new QueryClient();
-const Main = () => (_jsx(CurrentAppProvider, { appId: appId, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(AlertProvider, { children: _jsxs("main", { className: "d-flex flex-column flex-grow-1", children: [_jsx(PageWrapper, { children: _jsx(Outlet, {}) }), ReactQueryDevtools && (_jsx(Suspense, { fallback: null, children: _jsx(ReactQueryDevtools, { initialIsOpen: false }) }))] }) }) }) }));
+const Main = () => (_jsx(CurrentAppProvider, { appId: appId, children: _jsx(AlertProvider, { children: _jsx("main", { className: "d-flex flex-column flex-grow-1", children: _jsx(PageWrapper, { children: _jsx(Outlet, {}) }) }) }) }));
 export default Main;
 //# sourceMappingURL=Main.js.map

package/dist/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,OAAO,YAAY,CAAC;AAEpB;;;;;GAKG;AACH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,yBAAyB,CAAC,gCAAgC,CAAC;KAC1F,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC;KAChD,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AAE1C,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;IAC/D,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;IACpB,CAAC,CAAC,IAAI,CAAC;AAET,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;AAEtC,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,CACjB,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,YAC9B,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,KAAC,aAAa,cACZ,gBAAM,SAAS,EAAC,gCAAgC,aAC9C,KAAC,WAAW,cACV,KAAC,MAAM,KAAG,GACE,EACb,kBAAkB,IAAI,CACrB,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,kBAAkB,IAAC,aAAa,EAAE,KAAK,GAAI,GACnC,CACZ,IACI,GACO,GACI,GACH,CACtB,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { lazy, Suspense } from 'react';\nimport { CurrentAppProvider } from '@openedx/frontend-base';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { Outlet } from 'react-router-dom';\nimport { AlertProvider } from './providers/AlertProvider';\nimport { appId } from './constants';\nimport PageWrapper from './pageWrapper/PageWrapper';\n\nimport './app.scss';\n\n/*\n * Use a dynamic import guarded by process.env.NODE_ENV so the consumer's\n * webpack dead-code-eliminates this in production builds.  webpackIgnore\n * tells webpack not to resolve the module at build time in dev mode, and\n * the .catch() gracefully handles the case where it is not installed.\n */\nconst loadDevtools = () => import(/* webpackIgnore: true */ '@tanstack/react-query-devtools')\n  .then((m) => ({ default: m.ReactQueryDevtools }))\n  .catch(() => ({ default: () => null }));\n\nconst ReactQueryDevtools = process.env.NODE_ENV === 'development'\n  ? lazy(loadDevtools)\n  : null;\n\nconst queryClient = new QueryClient();\n\nconst Main = () => (\n  <CurrentAppProvider appId={appId}>\n    <QueryClientProvider client={queryClient}>\n      <AlertProvider>\n        <main className=\"d-flex flex-column flex-grow-1\">\n          <PageWrapper>\n            <Outlet />\n          </PageWrapper>\n          {ReactQueryDevtools && (\n            <Suspense fallback={null}>\n              <ReactQueryDevtools initialIsOpen={false} />\n            </Suspense>\n          )}\n        </main>\n      </AlertProvider>\n    </QueryClientProvider>\n  </CurrentAppProvider>\n);\n\nexport default Main;\n"]}
+{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,OAAO,YAAY,CAAC;AAEpB,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,CACjB,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,YAC9B,KAAC,aAAa,cACZ,eAAM,SAAS,EAAC,gCAAgC,YAC9C,KAAC,WAAW,cACV,KAAC,MAAM,KAAG,GACE,GACT,GACO,GACG,CACtB,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { CurrentAppProvider } from '@openedx/frontend-base';\nimport { Outlet } from 'react-router-dom';\nimport { AlertProvider } from './providers/AlertProvider';\nimport { appId } from './constants';\nimport PageWrapper from './pageWrapper/PageWrapper';\n\nimport './app.scss';\n\nconst Main = () => (\n  <CurrentAppProvider appId={appId}>\n    <AlertProvider>\n      <main className=\"d-flex flex-column flex-grow-1\">\n        <PageWrapper>\n          <Outlet />\n        </PageWrapper>\n      </main>\n    </AlertProvider>\n  </CurrentAppProvider>\n);\n\nexport default Main;\n"]}

package/dist/app.js

@@ -1,18 +1,12 @@
 import { appId } from './constants';
 import routes from './routes';
 import slots from './slots';
-import providers from './providers';
 import provides from './provides';
 const app = {
     appId,
     routes,
-    providers,
     provides,
     slots,
-    config: {
-        NODE_ENV: 'development',
-        LMS_BASE_URL: 'http://local.openedx.io:8000'
-    },
 };
 export default app;
 //# sourceMappingURL=app.js.map

package/dist/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,GAAG,GAAQ;IACf,KAAK;IACL,MAAM;IACN,SAAS;IACT,QAAQ;IACR,KAAK;IACL,MAAM,EAAE;QACN,QAAQ,EAAE,aAAa;QACvB,YAAY,EAAE,8BAA8B;KAC7C;CACF,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { App } from '@openedx/frontend-base';\nimport { appId } from '@src/constants';\nimport routes from '@src/routes';\nimport slots from '@src/slots';\nimport providers from '@src/providers';\nimport provides from '@src/provides';\n\nconst app: App = {\n  appId,\n  routes,\n  providers,\n  provides,\n  slots,\n  config: {\n    NODE_ENV: 'development',\n    LMS_BASE_URL: 'http://local.openedx.io:8000'\n  },\n};\n\nexport default app;\n"]}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,GAAG,GAAQ;IACf,KAAK;IACL,MAAM;IACN,QAAQ;IACR,KAAK;CACN,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { App } from '@openedx/frontend-base';\nimport { appId } from '@src/constants';\nimport routes from '@src/routes';\nimport slots from '@src/slots';\nimport provides from '@src/provides';\n\nconst app: App = {\n  appId,\n  routes,\n  provides,\n  slots,\n};\n\nexport default app;\n"]}

package/dist/components/SpecifyProblem.d.ts

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

package/dist/components/SpecifyProblem.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SpecifyProblem = () => {
+    return _jsx("div", { children: "Specify Problem" });
+};
+export default SpecifyProblem;
+//# sourceMappingURL=SpecifyProblem.js.map

package/dist/components/SpecifyProblem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecifyProblem.js","sourceRoot":"","sources":["../../src/components/SpecifyProblem.tsx"],"names":[],"mappings":";AAAA,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,4CAA0B,CAAC;AACpC,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["const SpecifyProblem = () => {\n  return <div>Specify Problem</div>;\n};\n\nexport default SpecifyProblem;\n"]}

package/dist/courseInfo/types.d.ts

@@ -25,6 +25,8 @@ export interface CourseInfoResponse {
         dataResearcher: boolean;
         [key: string]: boolean;
     };
+    gradebookUrl: string;
+    studioGradingUrl?: string;
 }
 interface EnrollmentCounts extends Record<string, number> {
     total: number;

package/dist/courseInfo/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/courseInfo/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TabProps } from '@src/instructorNav/InstructorNav';\n\nexport interface CourseInfoResponse {\n  courseId: string,\n  displayName: string,\n  courseNumber: string,\n  courseRun: string,\n  enrollmentCounts: EnrollmentCounts,\n  start: string | null,\n  end: string | null,\n  tabs?: TabProps[],\n  totalEnrollment: number,\n  studioUrl: string,\n  pacing: string,\n  org?: string,\n  numSections: number,\n  hasStarted: boolean,\n  hasEnded: boolean,\n  enrollmentEnd: string | null,\n  enrollmentStart: string | null,\n  gradeCutoffs: string | null,\n  staffCount: number,\n  learnerCount: number,\n  permissions: {\n    admin: boolean,\n    dataResearcher: boolean,\n    [key: string]: boolean,\n  },\n}\n\ninterface EnrollmentCounts extends Record<string, number> {\n  total: number,\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/courseInfo/types.ts"],"names":[],"mappings":"","sourcesContent":["import { TabProps } from '@src/instructorNav/InstructorNav';\n\nexport interface CourseInfoResponse {\n  courseId: string,\n  displayName: string,\n  courseNumber: string,\n  courseRun: string,\n  enrollmentCounts: EnrollmentCounts,\n  start: string | null,\n  end: string | null,\n  tabs?: TabProps[],\n  totalEnrollment: number,\n  studioUrl: string,\n  pacing: string,\n  org?: string,\n  numSections: number,\n  hasStarted: boolean,\n  hasEnded: boolean,\n  enrollmentEnd: string | null,\n  enrollmentStart: string | null,\n  gradeCutoffs: string | null,\n  staffCount: number,\n  learnerCount: number,\n  permissions: {\n    admin: boolean,\n    dataResearcher: boolean,\n    [key: string]: boolean,\n  },\n  gradebookUrl: string,\n  studioGradingUrl?: string,\n}\n\ninterface EnrollmentCounts extends Record<string, number> {\n  total: number,\n}\n"]}

package/dist/courseTeam/CourseTeamPage.js

@@ -1,6 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { Button, Tab, Tabs } from '@openedx/paragon';
+import { Plus } from '@openedx/paragon/icons';
+import MembersContent from '../courseTeam/components/MembersContent';
+import RolesContent from '../courseTeam/components/RolesContent';
+import messages from '../courseTeam/messages';
 const CourseTeamPage = () => {
-    return (_jsx("div", { children: _jsx("h3", { children: "Course Team" }) }));
+    const intl = useIntl();
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "d-flex justify-content-between align-items-center mb-3", children: [_jsx("h3", { className: "text-primary-700 mb-0", children: intl.formatMessage(messages.courseTeamTitle) }), _jsx(Button, { iconBefore: Plus, variant: "primary", children: intl.formatMessage(messages.addTeamMember) })] }), _jsxs(Tabs, { children: [_jsx(Tab, { eventKey: "members", title: intl.formatMessage(messages.membersTab), children: _jsx(MembersContent, {}) }), _jsx(Tab, { eventKey: "roles", title: intl.formatMessage(messages.rolesTab), children: _jsx(RolesContent, {}) })] })] }));
 };
 export default CourseTeamPage;
 //# sourceMappingURL=CourseTeamPage.js.map

package/dist/courseTeam/CourseTeamPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CourseTeamPage.js","sourceRoot":"","sources":["../../src/courseTeam/CourseTeamPage.tsx"],"names":[],"mappings":";AAAA,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,wBACE,uCAAoB,GAChB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["const CourseTeamPage = () => {\n  return (\n    <div>\n      <h3>Course Team</h3>\n    </div>\n  );\n};\n\nexport default CourseTeamPage;\n"]}
+{"version":3,"file":"CourseTeamPage.js","sourceRoot":"","sources":["../../src/courseTeam/CourseTeamPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,cAAc,MAAM,2CAA2C,CAAC;AACvE,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAEhD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,wDAAwD,aACrE,aAAI,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAM,EACzF,KAAC,MAAM,IAAC,UAAU,EAAE,IAAI,EAAE,OAAO,EAAC,SAAS,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAU,IAC7F,EACN,MAAC,IAAI,eACH,KAAC,GAAG,IAAC,QAAQ,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,YACpE,KAAC,cAAc,KAAG,GACd,EACN,KAAC,GAAG,IAAC,QAAQ,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAChE,KAAC,YAAY,KAAG,GACZ,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Button, Tab, Tabs } from '@openedx/paragon';\nimport { Plus } from '@openedx/paragon/icons';\nimport MembersContent from '@src/courseTeam/components/MembersContent';\nimport RolesContent from '@src/courseTeam/components/RolesContent';\nimport messages from '@src/courseTeam/messages';\n\nconst CourseTeamPage = () => {\n  const intl = useIntl();\n\n  return (\n    <>\n      <div className=\"d-flex justify-content-between align-items-center mb-3\">\n        <h3 className=\"text-primary-700 mb-0\">{intl.formatMessage(messages.courseTeamTitle)}</h3>\n        <Button iconBefore={Plus} variant=\"primary\">{intl.formatMessage(messages.addTeamMember)}</Button>\n      </div>\n      <Tabs>\n        <Tab eventKey=\"members\" title={intl.formatMessage(messages.membersTab)}>\n          <MembersContent />\n        </Tab>\n        <Tab eventKey=\"roles\" title={intl.formatMessage(messages.rolesTab)}>\n          <RolesContent />\n        </Tab>\n      </Tabs>\n    </>\n  );\n};\n\nexport default CourseTeamPage;\n"]}

package/dist/courseTeam/components/MembersContent.d.ts

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

package/dist/courseTeam/components/MembersContent.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from 'react';
+import { useParams } from 'react-router-dom';
+import { useIntl } from '@openedx/frontend-base';
+import { Button, DataTable } from '@openedx/paragon';
+import { useTeamMembers } from '../../courseTeam/data/apiHook';
+import messages from '../../courseTeam/messages';
+const TEAM_MEMBERS_PAGE_SIZE = 25;
+const MembersContent = () => {
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const [filters, setFilters] = useState({ page: 0, emailOrUsername: '', role: '' });
+    const { data: { results: teamMembers = [], numPages = 1, count = 0 } = {}, isLoading = false } = useTeamMembers(courseId, Object.assign(Object.assign({}, filters), { pageSize: TEAM_MEMBERS_PAGE_SIZE }));
+    const tableColumns = useMemo(() => [
+        { accessor: 'username', Header: intl.formatMessage(messages.username) },
+        { accessor: 'email', Header: intl.formatMessage(messages.email) },
+        { accessor: 'role', Header: intl.formatMessage(messages.role) },
+    ], [intl]);
+    const additionalColumns = useMemo(() => [{
+            id: 'actions',
+            Header: intl.formatMessage(messages.actions),
+            Cell: () => (_jsx(Button, { variant: "link", size: "inline", children: intl.formatMessage(messages.edit) }))
+        }], [intl]);
+    const handleFetchData = useCallback(({ pageIndex, filters: tableFilters }) => {
+        // Filters will be handled in a future iteration, for now we will just update pagination
+        console.log(pageIndex, tableFilters);
+        if (pageIndex !== filters.page) {
+            setFilters(prevFilters => (Object.assign(Object.assign({}, prevFilters), { page: pageIndex })));
+        }
+    }, [filters.page]);
+    const tableState = useMemo(() => ({
+        pageIndex: filters.page,
+        pageSize: TEAM_MEMBERS_PAGE_SIZE,
+    }), [filters.page]);
+    return (_jsxs(DataTable, { additionalColumns: additionalColumns, columns: tableColumns, data: teamMembers, fetchData: handleFetchData, state: tableState, isLoading: isLoading, isPaginated: true, itemCount: count, manualFilters: true, manualPagination: true, pageSize: TEAM_MEMBERS_PAGE_SIZE, pageCount: numPages, RowStatusComponent: () => null, children: [_jsx(DataTable.TableControlBar, {}), _jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: intl.formatMessage(messages.noTeamMembers) }), _jsx(DataTable.TableFooter, {})] }));
+};
+export default MembersContent;
+//# sourceMappingURL=MembersContent.js.map

package/dist/courseTeam/components/MembersContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MembersContent.js","sourceRoot":"","sources":["../../../src/courseTeam/components/MembersContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAEhD,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAElC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAwB,CAAC;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,MAAM,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,WAAW,GAAG,EAAE,EAAE,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,cAAc,CAAC,QAAQ,kCAAO,OAAO,KAAE,QAAQ,EAAE,sBAAsB,IAAG,CAAC;IAE5K,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;QACjC,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QACvE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACjE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;KAChE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;YACvC,EAAE,EAAE,SAAS;YACb,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC5C,IAAI,EAAE,GAAG,EAAE,CAAC,CACV,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,YACjC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,GAC3B,CACV;SACF,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAmE,EAAE,EAAE;QAC5I,wFAAwF;QACxF,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACrC,IAAI,SAAS,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC;YAC/B,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,iCACrB,WAAW,KACd,IAAI,EAAE,SAAS,IACf,CAAC,CAAC;QACN,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAChC,SAAS,EAAE,OAAO,CAAC,IAAI;QACvB,QAAQ,EAAE,sBAAsB;KACjC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,MAAC,SAAS,IACR,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EACjB,SAAS,EAAE,SAAS,EACpB,WAAW,QACX,SAAS,EAAE,KAAK,EAChB,aAAa,QACb,gBAAgB,QAChB,QAAQ,EAAE,sBAAsB,EAChC,SAAS,EAAE,QAAQ,EACnB,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,aAE9B,KAAC,SAAS,CAAC,eAAe,KAAG,EAC7B,KAAC,SAAS,CAAC,KAAK,KAAG,EACnB,KAAC,SAAS,CAAC,UAAU,IAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAI,EAC7E,KAAC,SAAS,CAAC,WAAW,KAAG,IACf,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { useState, useCallback, useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, DataTable } from '@openedx/paragon';\nimport { useTeamMembers } from '@src/courseTeam/data/apiHook';\nimport messages from '@src/courseTeam/messages';\n\nconst TEAM_MEMBERS_PAGE_SIZE = 25;\n\nconst MembersContent = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [filters, setFilters] = useState({ page: 0, emailOrUsername: '', role: '' });\n  const { data: { results: teamMembers = [], numPages = 1, count = 0 } = {}, isLoading = false } = useTeamMembers(courseId, { ...filters, pageSize: TEAM_MEMBERS_PAGE_SIZE });\n\n  const tableColumns = useMemo(() => [\n    { accessor: 'username', Header: intl.formatMessage(messages.username) },\n    { accessor: 'email', Header: intl.formatMessage(messages.email) },\n    { accessor: 'role', Header: intl.formatMessage(messages.role) },\n  ], [intl]);\n\n  const additionalColumns = useMemo(() => [{\n    id: 'actions',\n    Header: intl.formatMessage(messages.actions),\n    Cell: () => (\n      <Button variant=\"link\" size=\"inline\">\n        {intl.formatMessage(messages.edit)}\n      </Button>\n    )\n  }], [intl]);\n\n  const handleFetchData = useCallback(({ pageIndex, filters: tableFilters }: { pageIndex: number, filters: { id: string, value: string }[] }) => {\n    // Filters will be handled in a future iteration, for now we will just update pagination\n    console.log(pageIndex, tableFilters);\n    if (pageIndex !== filters.page) {\n      setFilters(prevFilters => ({\n        ...prevFilters,\n        page: pageIndex,\n      }));\n    }\n  }, [filters.page]);\n\n  const tableState = useMemo(() => ({\n    pageIndex: filters.page,\n    pageSize: TEAM_MEMBERS_PAGE_SIZE,\n  }), [filters.page]);\n\n  return (\n    <DataTable\n      additionalColumns={additionalColumns}\n      columns={tableColumns}\n      data={teamMembers}\n      fetchData={handleFetchData}\n      state={tableState}\n      isLoading={isLoading}\n      isPaginated\n      itemCount={count}\n      manualFilters\n      manualPagination\n      pageSize={TEAM_MEMBERS_PAGE_SIZE}\n      pageCount={numPages}\n      RowStatusComponent={() => null}\n    >\n      <DataTable.TableControlBar />\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noTeamMembers)} />\n      <DataTable.TableFooter />\n    </DataTable>\n  );\n};\n\nexport default MembersContent;\n"]}

package/dist/courseTeam/components/RolesContent.d.ts

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

package/dist/courseTeam/components/RolesContent.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const RolesContent = () => {
+    return (_jsx("div", { className: "mt-4", children: "Roles content goes here." }));
+};
+export default RolesContent;
+//# sourceMappingURL=RolesContent.js.map

package/dist/courseTeam/components/RolesContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RolesContent.js","sourceRoot":"","sources":["../../../src/courseTeam/components/RolesContent.tsx"],"names":[],"mappings":";AAAA,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,yCAEf,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["const RolesContent = () => {\n  return (\n    <div className=\"mt-4\">\n      Roles content goes here.\n    </div>\n  );\n};\n\nexport default RolesContent;\n"]}

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

@@ -0,0 +1,4 @@
+import { DataList } from '../../types';
+import { CourseTeamMember, CourseTeamMemberQueryParams, Role } from '../../courseTeam/types';
+export declare const getTeamMembers: (courseId: string, params: CourseTeamMemberQueryParams) => Promise<DataList<CourseTeamMember>>;
+export declare const getRoles: (courseId: string) => Promise<Omit<DataList<Role>, "numPages" | "count">>;

package/dist/courseTeam/data/api.js

@@ -0,0 +1,30 @@
+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 getTeamMembers = (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('email_or_username', params.emailOrUsername);
+    }
+    if (params.role) {
+        queryParams.append('role', params.role);
+    }
+    const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team?${queryParams.toString()}`);
+    return camelCaseObject(data);
+});
+export const getRoles = (courseId) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team/roles`);
+    return camelCaseObject(data);
+});
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/courseTeam/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,QAAgB,EAChB,MAAmC,EACE,EAAE;IACvC,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,mBAAmB,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC;IAClE,CAAC;IAED,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;QAChB,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,SAAS,WAAW,CAAC,QAAQ,EAAE,EAAE,CAC1F,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAO,QAAgB,EAAuD,EAAE;IACtG,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,aAAa,CACtE,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC","sourcesContent":["import { camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '@src/data/api';\nimport { DataList } from '@src/types';\nimport { CourseTeamMember, CourseTeamMemberQueryParams, Role } from '@src/courseTeam/types';\n\nexport const getTeamMembers = async (\n  courseId: string,\n  params: CourseTeamMemberQueryParams\n): Promise<DataList<CourseTeamMember>> => {\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('email_or_username', params.emailOrUsername);\n  }\n\n  if (params.role) {\n    queryParams.append('role', params.role);\n  }\n\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team?${queryParams.toString()}`\n  );\n  return camelCaseObject(data);\n};\n\nexport const getRoles = async (courseId: string): Promise<Omit<DataList<Role>, 'numPages' | 'count'>> => {\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/team/roles`\n  );\n  return camelCaseObject(data);\n};\n"]}

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

@@ -0,0 +1,3 @@
+import { CourseTeamMemberQueryParams } from '../../courseTeam/types';
+export declare const useTeamMembers: (courseId: string, params: CourseTeamMemberQueryParams) => import("@tanstack/react-query").UseQueryResult<import("../../types").DataList<import("../../courseTeam/types").CourseTeamMember>, Error>;
+export declare const useRoles: (courseId: string) => import("@tanstack/react-query").UseQueryResult<Omit<import("../../types").DataList<import("../../courseTeam/types").Role>, "count" | "numPages">, Error>;

package/dist/courseTeam/data/apiHook.js

@@ -0,0 +1,14 @@
+import { useQuery } from '@tanstack/react-query';
+import { getRoles, getTeamMembers } from '../../courseTeam/data/api';
+import { courseTeamQueryKeys } from '../../courseTeam/data/queryKeys';
+export const useTeamMembers = (courseId, params) => (useQuery({
+    queryKey: courseTeamQueryKeys.byCoursePaginated(courseId, params),
+    queryFn: () => getTeamMembers(courseId, params),
+    enabled: !!courseId,
+}));
+export const useRoles = (courseId) => (useQuery({
+    queryKey: courseTeamQueryKeys.roles(courseId),
+    queryFn: () => getRoles(courseId),
+    enabled: !!courseId,
+}));
+//# sourceMappingURL=apiHook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/courseTeam/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAGrE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,MAAmC,EAAE,EAAE,CAAC,CACvF,QAAQ,CAAC;IACP,QAAQ,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC;IACjE,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,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,CAC5C,QAAQ,CAAC;IACP,QAAQ,EAAE,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;IACjC,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { getRoles, getTeamMembers } from '@src/courseTeam/data/api';\nimport { courseTeamQueryKeys } from '@src/courseTeam/data/queryKeys';\nimport { CourseTeamMemberQueryParams } from '@src/courseTeam/types';\n\nexport const useTeamMembers = (courseId: string, params: CourseTeamMemberQueryParams) => (\n  useQuery({\n    queryKey: courseTeamQueryKeys.byCoursePaginated(courseId, params),\n    queryFn: () => getTeamMembers(courseId, params),\n    enabled: !!courseId,\n  })\n);\n\nexport const useRoles = (courseId: string) => (\n  useQuery({\n    queryKey: courseTeamQueryKeys.roles(courseId),\n    queryFn: () => getRoles(courseId),\n    enabled: !!courseId,\n  })\n);\n"]}

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

@@ -0,0 +1,7 @@
+import { CourseTeamMemberQueryParams } from '../../courseTeam/types';
+export declare const courseTeamQueryKeys: {
+    all: readonly ["org.openedx.frontend.app.instructorDashboard", "courseTeam"];
+    byCourse: (courseId: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "courseTeam", string];
+    byCoursePaginated: (courseId: string, params: CourseTeamMemberQueryParams) => readonly ["org.openedx.frontend.app.instructorDashboard", "courseTeam", string, number, number, string, string];
+    roles: (courseId: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "courseTeam", string, "roles"];
+};

package/dist/courseTeam/data/queryKeys.js

@@ -0,0 +1,14 @@
+import { appId } from '../../constants';
+export const courseTeamQueryKeys = {
+    all: [appId, 'courseTeam'],
+    byCourse: (courseId) => [...courseTeamQueryKeys.all, courseId],
+    byCoursePaginated: (courseId, params) => [
+        ...courseTeamQueryKeys.byCourse(courseId),
+        params.page,
+        params.pageSize,
+        params.emailOrUsername || '',
+        params.role || ''
+    ],
+    roles: (courseId) => [...courseTeamQueryKeys.byCourse(courseId), 'roles'],
+};
+//# sourceMappingURL=queryKeys.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../src/courseTeam/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,GAAG,EAAE,CAAC,KAAK,EAAE,YAAY,CAAU;IACnC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,mBAAmB,CAAC,GAAG,EAAE,QAAQ,CAAU;IAC/E,iBAAiB,EAAE,CACjB,QAAgB,EAChB,MAAmC,EACnC,EAAE,CAAC;QACH,GAAG,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACzC,MAAM,CAAC,IAAI;QACX,MAAM,CAAC,QAAQ;QACf,MAAM,CAAC,eAAe,IAAI,EAAE;QAC5B,MAAM,CAAC,IAAI,IAAI,EAAE;KACT;IACV,KAAK,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAU;CAC3F,CAAC","sourcesContent":["import { appId } from '@src/constants';\nimport { CourseTeamMemberQueryParams } from '@src/courseTeam/types';\n\nexport const courseTeamQueryKeys = {\n  all: [appId, 'courseTeam'] as const,\n  byCourse: (courseId: string) => [...courseTeamQueryKeys.all, courseId] as const,\n  byCoursePaginated: (\n    courseId: string,\n    params: CourseTeamMemberQueryParams\n  ) => [\n    ...courseTeamQueryKeys.byCourse(courseId),\n    params.page,\n    params.pageSize,\n    params.emailOrUsername || '',\n    params.role || ''\n  ] as const,\n  roles: (courseId: string) => [...courseTeamQueryKeys.byCourse(courseId), 'roles'] as const,\n};\n"]}

package/dist/courseTeam/messages.d.ts

@@ -0,0 +1,53 @@
+declare const messages: {
+    courseTeamTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    addTeamMember: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    membersTab: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    rolesTab: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    username: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    email: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    role: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    actions: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    edit: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noTeamMembers: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/courseTeam/messages.js

@@ -0,0 +1,55 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    courseTeamTitle: {
+        id: 'instruct.courseTeam.page.title',
+        defaultMessage: 'Course Team Management',
+        description: 'Title for the course team page',
+    },
+    addTeamMember: {
+        id: 'instruct.courseTeam.addTeamMember',
+        defaultMessage: 'Add Team Member',
+        description: 'Button label for adding a team member',
+    },
+    membersTab: {
+        id: 'instruct.courseTeam.membersTab',
+        defaultMessage: 'Members',
+        description: 'Tab title for course team members',
+    },
+    rolesTab: {
+        id: 'instruct.courseTeam.rolesTab',
+        defaultMessage: 'Roles',
+        description: 'Tab title for course team roles',
+    },
+    username: {
+        id: 'instruct.courseTeam.username',
+        defaultMessage: 'Username',
+        description: 'Column header for team member username',
+    },
+    email: {
+        id: 'instruct.courseTeam.email',
+        defaultMessage: 'Email',
+        description: 'Column header for team member email',
+    },
+    role: {
+        id: 'instruct.courseTeam.role',
+        defaultMessage: 'Role',
+        description: 'Column header for team member role',
+    },
+    actions: {
+        id: 'instruct.courseTeam.actions',
+        defaultMessage: 'Actions',
+        description: 'Column header for team member actions',
+    },
+    edit: {
+        id: 'instruct.courseTeam.edit',
+        defaultMessage: 'Edit',
+        description: 'Button label for editing a team member',
+    },
+    noTeamMembers: {
+        id: 'instruct.courseTeam.noTeamMembers',
+        defaultMessage: 'No team members found.',
+        description: 'Message displayed when there are no team members',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/courseTeam/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/courseTeam/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,gCAAgC;KAC9C;IACD,aAAa,EAAE;QACb,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,uCAAuC;KACrD;IACD,UAAU,EAAE;QACV,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,mCAAmC;KACjD;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,iCAAiC;KAC/C;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,wCAAwC;KACtD;IACD,KAAK,EAAE;QACL,EAAE,EAAE,2BAA2B;QAC/B,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,qCAAqC;KACnD;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,0BAA0B;QAC9B,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,oCAAoC;KAClD;IACD,OAAO,EAAE;QACP,EAAE,EAAE,6BAA6B;QACjC,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,uCAAuC;KACrD;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,0BAA0B;QAC9B,cAAc,EAAE,MAAM;QACtB,WAAW,EAAE,wCAAwC;KACtD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,wBAAwB;QACxC,WAAW,EAAE,kDAAkD;KAChE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  courseTeamTitle: {\n    id: 'instruct.courseTeam.page.title',\n    defaultMessage: 'Course Team Management',\n    description: 'Title for the course team page',\n  },\n  addTeamMember: {\n    id: 'instruct.courseTeam.addTeamMember',\n    defaultMessage: 'Add Team Member',\n    description: 'Button label for adding a team member',\n  },\n  membersTab: {\n    id: 'instruct.courseTeam.membersTab',\n    defaultMessage: 'Members',\n    description: 'Tab title for course team members',\n  },\n  rolesTab: {\n    id: 'instruct.courseTeam.rolesTab',\n    defaultMessage: 'Roles',\n    description: 'Tab title for course team roles',\n  },\n  username: {\n    id: 'instruct.courseTeam.username',\n    defaultMessage: 'Username',\n    description: 'Column header for team member username',\n  },\n  email: {\n    id: 'instruct.courseTeam.email',\n    defaultMessage: 'Email',\n    description: 'Column header for team member email',\n  },\n  role: {\n    id: 'instruct.courseTeam.role',\n    defaultMessage: 'Role',\n    description: 'Column header for team member role',\n  },\n  actions: {\n    id: 'instruct.courseTeam.actions',\n    defaultMessage: 'Actions',\n    description: 'Column header for team member actions',\n  },\n  edit: {\n    id: 'instruct.courseTeam.edit',\n    defaultMessage: 'Edit',\n    description: 'Button label for editing a team member',\n  },\n  noTeamMembers: {\n    id: 'instruct.courseTeam.noTeamMembers',\n    defaultMessage: 'No team members found.',\n    description: 'Message displayed when there are no team members',\n  },\n});\n\nexport default messages;\n"]}

package/dist/courseTeam/types.d.ts

@@ -0,0 +1,15 @@
+export interface CourseTeamMember {
+    username: string;
+    email: string;
+    role: string;
+}
+export interface CourseTeamMemberQueryParams {
+    page: number;
+    pageSize: number;
+    emailOrUsername?: string;
+    role?: string;
+}
+export interface Role {
+    role: string;
+    displayName: string;
+}

package/dist/courseTeam/types.js

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

package/dist/courseTeam/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/courseTeam/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface CourseTeamMember {\n  username: string,\n  email: string,\n  role: string,\n}\n\nexport interface CourseTeamMemberQueryParams {\n  page: number,\n  pageSize: number,\n  emailOrUsername?: string,\n  role?: string,\n}\n\nexport interface Role {\n  role: string,\n  displayName: string,\n}\n"]}

package/dist/data/api.d.ts

@@ -1,6 +1,6 @@
 import { CourseInfoResponse } from '../courseInfo/types';
 import { SelectedLearner } from '../types';
-export declare const getApiBaseUrl: () => unknown;
+export declare const getApiBaseUrl: () => string;
 /**
  * Get course settings.
  * @param {string} courseId

package/dist/data/api.js

@@ -7,9 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { camelCaseObject, getAppConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';
-import { appId } from '../constants';
-export const getApiBaseUrl = () => getAppConfig(appId).LMS_BASE_URL;
+import { camelCaseObject, getSiteConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';
+export const getApiBaseUrl = () => getSiteConfig().lmsBaseUrl;
 /**
  * Get course settings.
  * @param {string} courseId

package/dist/data/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../src/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACnG,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIvC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC;AAEpE;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAO,QAAgB,EAA+B,EAAE;IACnF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE;SAChD,GAAG,CAAC,GAAG,aAAa,EAAE,8BAA8B,QAAQ,EAAE,CAAC,CAAC;IACnE,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAO,QAAgB,EAAE,EAAE;;IAC1D,MAAM,QAAQ,GAAG,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACtD,GAAG,aAAa,EAAE,YAAY,QAAQ,uCAAuC,CAC9E,CAAC;IACF,OAAO,MAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,KAAK,0CAAE,GAAG,CAAC,eAAe,CAAC,CAAC;AACpD,CAAC,CAAA,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAO,QAAgB,EAAE,eAAuB,EAA4B,EAAE;IACtG,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE;SAChD,GAAG,CAAC,GAAG,aAAa,EAAE,8BAA8B,QAAQ,aAAa,eAAe,EAAE,CAAC,CAAC;IAC/F,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC","sourcesContent":["import { camelCaseObject, getAppConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { appId } from '@src/constants';\nimport { CourseInfoResponse } from '@src/courseInfo/types';\nimport { SelectedLearner } from '@src/types';\n\nexport const getApiBaseUrl = () => getAppConfig(appId).LMS_BASE_URL;\n\n/**\n * Get course settings.\n * @param {string} courseId\n * @returns {Promise<Object>}\n */\nexport const getCourseInfo = async (courseId: string): Promise<CourseInfoResponse> => {\n  const { data } = await getAuthenticatedHttpClient()\n    .get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}`);\n  return camelCaseObject(data);\n};\n\n/**\n * Fetch pending instructor tasks for a course.\n * @param {string} courseId\n * @returns {Promise<Array>}\n */\nexport const fetchPendingTasks = async (courseId: string) => {\n  const response = await getAuthenticatedHttpClient().post<{ results: Record<string, any>[] }>(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/list_instructor_tasks`\n  );\n  return response.data?.tasks?.map(camelCaseObject);\n};\n\n/**\n * Get learner information for a course.\n * @param {string} courseId\n * @param {string} emailOrUsername\n * @returns {Promise<SelectedLearner>}\n */\nexport const getLearner = async (courseId: string, emailOrUsername: string): Promise<SelectedLearner> => {\n  const { data } = await getAuthenticatedHttpClient()\n    .get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/learners/${emailOrUsername}`);\n  return camelCaseObject(data);\n};\n"]}
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../src/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AAIpG,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,UAAU,CAAC;AAE9D;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAO,QAAgB,EAA+B,EAAE;IACnF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE;SAChD,GAAG,CAAC,GAAG,aAAa,EAAE,8BAA8B,QAAQ,EAAE,CAAC,CAAC;IACnE,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAO,QAAgB,EAAE,EAAE;;IAC1D,MAAM,QAAQ,GAAG,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACtD,GAAG,aAAa,EAAE,YAAY,QAAQ,uCAAuC,CAC9E,CAAC;IACF,OAAO,MAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,KAAK,0CAAE,GAAG,CAAC,eAAe,CAAC,CAAC;AACpD,CAAC,CAAA,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAO,QAAgB,EAAE,eAAuB,EAA4B,EAAE;IACtG,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE;SAChD,GAAG,CAAC,GAAG,aAAa,EAAE,8BAA8B,QAAQ,aAAa,eAAe,EAAE,CAAC,CAAC;IAC/F,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC","sourcesContent":["import { camelCaseObject, getSiteConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { CourseInfoResponse } from '@src/courseInfo/types';\nimport { SelectedLearner } from '@src/types';\n\nexport const getApiBaseUrl = () => getSiteConfig().lmsBaseUrl;\n\n/**\n * Get course settings.\n * @param {string} courseId\n * @returns {Promise<Object>}\n */\nexport const getCourseInfo = async (courseId: string): Promise<CourseInfoResponse> => {\n  const { data } = await getAuthenticatedHttpClient()\n    .get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}`);\n  return camelCaseObject(data);\n};\n\n/**\n * Fetch pending instructor tasks for a course.\n * @param {string} courseId\n * @returns {Promise<Array>}\n */\nexport const fetchPendingTasks = async (courseId: string) => {\n  const response = await getAuthenticatedHttpClient().post<{ results: Record<string, any>[] }>(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/list_instructor_tasks`\n  );\n  return response.data?.tasks?.map(camelCaseObject);\n};\n\n/**\n * Get learner information for a course.\n * @param {string} courseId\n * @param {string} emailOrUsername\n * @returns {Promise<SelectedLearner>}\n */\nexport const getLearner = async (courseId: string, emailOrUsername: string): Promise<SelectedLearner> => {\n  const { data } = await getAuthenticatedHttpClient()\n    .get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/learners/${emailOrUsername}`);\n  return camelCaseObject(data);\n};\n"]}

package/dist/grading/GradingPage.js

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

package/dist/grading/GradingPage.js.map

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

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

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

package/dist/grading/components/GradingActionRow.js

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

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

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

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

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

package/dist/grading/components/GradingConfigurationModal.js

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

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

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

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

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

package/dist/grading/components/GradingLearnerContent.js

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

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

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

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

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

package/dist/grading/data/api.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/grading/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAO,QAAgB,EAAE,EAAE;IAChE,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE;SAChD,GAAG,CAAC,GAAG,aAAa,EAAE,8BAA8B,QAAQ,iBAAiB,CAAC,CAAC;IAClF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC","sourcesContent":["import { camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '@src/data/api';\n\nexport const getGradingConfiguration = async (courseId: string) => {\n  const { data } = await getAuthenticatedHttpClient()\n    .get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/grading-config`);\n  return camelCaseObject(data);\n};\n"]}

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

@@ -0,0 +1 @@
+export declare const useGradingConfiguration: (courseId: string) => import("@tanstack/react-query").UseQueryResult<any, Error>;

package/dist/grading/data/apiHook.js

@@ -0,0 +1,9 @@
+import { useQuery } from '@tanstack/react-query';
+import { getGradingConfiguration } from '../../grading/data/api';
+import { gradingQueryKeys } from '../../grading/data/queryKeys';
+export const useGradingConfiguration = (courseId) => (useQuery({
+    queryKey: gradingQueryKeys.gradingConfiguration(courseId),
+    queryFn: () => getGradingConfiguration(courseId),
+    enabled: !!courseId,
+}));
+//# sourceMappingURL=apiHook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/grading/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,CAC3D,QAAQ,CAAC;IACP,QAAQ,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,QAAQ,CAAC;IACzD,OAAO,EAAE,GAAG,EAAE,CAAC,uBAAuB,CAAC,QAAQ,CAAC;IAChD,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CACH,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { getGradingConfiguration } from '@src/grading/data/api';\nimport { gradingQueryKeys } from '@src/grading/data/queryKeys';\n\nexport const useGradingConfiguration = (courseId: string) => (\n  useQuery({\n    queryKey: gradingQueryKeys.gradingConfiguration(courseId),\n    queryFn: () => getGradingConfiguration(courseId),\n    enabled: !!courseId,\n  })\n);\n"]}

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

@@ -0,0 +1,5 @@
+export declare const gradingQueryKeys: {
+    all: readonly ["org.openedx.frontend.app.instructorDashboard", "grading"];
+    byCourse: (courseId: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "grading", string];
+    gradingConfiguration: (courseId: string) => readonly ["org.openedx.frontend.app.instructorDashboard", "grading", string, "gradingConfiguration"];
+};

package/dist/grading/data/queryKeys.js

@@ -0,0 +1,7 @@
+import { appId } from '../../constants';
+export const gradingQueryKeys = {
+    all: [appId, 'grading'],
+    byCourse: (courseId) => [...gradingQueryKeys.all, courseId],
+    gradingConfiguration: (courseId) => [...gradingQueryKeys.byCourse(courseId), 'gradingConfiguration'],
+};
+//# sourceMappingURL=queryKeys.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../../src/grading/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE,CAAC,KAAK,EAAE,SAAS,CAAU;IAChC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAU;IAC5E,oBAAoB,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,GAAG,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,sBAAsB,CAAU;CACtH,CAAC","sourcesContent":["import { appId } from '@src/constants';\n\nexport const gradingQueryKeys = {\n  all: [appId, 'grading'] as const,\n  byCourse: (courseId: string) => [...gradingQueryKeys.all, courseId] as const,\n  gradingConfiguration: (courseId: string) => [...gradingQueryKeys.byCourse(courseId), 'gradingConfiguration'] as const,\n};\n"]}

package/dist/grading/messages.d.ts

@@ -0,0 +1,63 @@
+declare const messages: {
+    pageTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    configurationAlt: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewGradebook: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    singleLearner: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    allLearners: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    descriptionSingleLearner: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    descriptionAllLearners: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    gradingConfiguration: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    close: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewGradingConfiguration: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewCourseGradingSettings: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noGradingConfiguration: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/grading/messages.js

@@ -0,0 +1,65 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    pageTitle: {
+        id: 'instruct.grading.pageTitle',
+        defaultMessage: 'Grading Tools',
+        description: 'Title for the grading page'
+    },
+    configurationAlt: {
+        id: 'instruct.grading.configurationAlt',
+        defaultMessage: 'Grading Configuration and Settings',
+        description: 'Alt text for the configuration icon button'
+    },
+    viewGradebook: {
+        id: 'instruct.grading.viewGradebook',
+        defaultMessage: 'View Gradebook',
+        description: 'Text for the button to view the gradebook'
+    },
+    singleLearner: {
+        id: 'instruct.grading.singleLearner',
+        defaultMessage: 'Single Learner',
+        description: 'Single Learner button label to display corresponding grading tools'
+    },
+    allLearners: {
+        id: 'instruct.grading.allLearners',
+        defaultMessage: 'All Learners',
+        description: 'All learners button label to display corresponding grading tools'
+    },
+    descriptionSingleLearner: {
+        id: 'instruct.grading.descriptionSingleLearner',
+        defaultMessage: 'These grading tools allow for grade review and adjustment for a specific learner on a specific problem.',
+        description: 'Description for single learner grading tools'
+    },
+    descriptionAllLearners: {
+        id: 'instruct.grading.descriptionAllLearners',
+        defaultMessage: 'These grading tools allow for grade review and adjustment all enrolled learners on a specific problem.',
+        description: 'Description for all learners grading tools'
+    },
+    gradingConfiguration: {
+        id: 'instruct.grading.gradingConfiguration',
+        defaultMessage: 'Grading Configuration',
+        description: 'Title for the grading configuration modal'
+    },
+    close: {
+        id: 'instruct.grading.modals.close',
+        defaultMessage: 'Close',
+        description: 'Text for the close button in the grading configuration modal'
+    },
+    viewGradingConfiguration: {
+        id: 'instruct.grading.viewGradingConfiguration',
+        defaultMessage: 'View Grading Configuration',
+        description: 'View grading configuration menu item label'
+    },
+    viewCourseGradingSettings: {
+        id: 'instruct.grading.viewCourseGradingSettings',
+        defaultMessage: 'View Course Grading Settings',
+        description: 'View course grading settings menu item label'
+    },
+    noGradingConfiguration: {
+        id: 'instruct.grading.noGradingConfiguration',
+        defaultMessage: 'No grading configuration found for this course.',
+        description: 'Message to display when there is no grading configuration for the course'
+    }
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/grading/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/grading/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,4BAA4B;KAC1C;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,mCAAmC;QACvC,cAAc,EAAE,oCAAoC;QACpD,WAAW,EAAE,4CAA4C;KAC1D;IACD,aAAa,EAAE;QACb,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,2CAA2C;KACzD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,oEAAoE;KAClF;IACD,WAAW,EAAE;QACX,EAAE,EAAE,8BAA8B;QAClC,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,kEAAkE;KAChF;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,yGAAyG;QACzH,WAAW,EAAE,8CAA8C;KAC5D;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,wGAAwG;QACxH,WAAW,EAAE,4CAA4C;KAC1D;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,uCAAuC;QAC3C,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,2CAA2C;KACzD;IACD,KAAK,EAAE;QACL,EAAE,EAAE,+BAA+B;QACnC,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,8DAA8D;KAC5E;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,2CAA2C;QAC/C,cAAc,EAAE,4BAA4B;QAC5C,WAAW,EAAE,4CAA4C;KAC1D;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,8BAA8B;QAC9C,WAAW,EAAE,8CAA8C;KAC5D;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,yCAAyC;QAC7C,cAAc,EAAE,iDAAiD;QACjE,WAAW,EAAE,0EAA0E;KACxF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  pageTitle: {\n    id: 'instruct.grading.pageTitle',\n    defaultMessage: 'Grading Tools',\n    description: 'Title for the grading page'\n  },\n  configurationAlt: {\n    id: 'instruct.grading.configurationAlt',\n    defaultMessage: 'Grading Configuration and Settings',\n    description: 'Alt text for the configuration icon button'\n  },\n  viewGradebook: {\n    id: 'instruct.grading.viewGradebook',\n    defaultMessage: 'View Gradebook',\n    description: 'Text for the button to view the gradebook'\n  },\n  singleLearner: {\n    id: 'instruct.grading.singleLearner',\n    defaultMessage: 'Single Learner',\n    description: 'Single Learner button label to display corresponding grading tools'\n  },\n  allLearners: {\n    id: 'instruct.grading.allLearners',\n    defaultMessage: 'All Learners',\n    description: 'All learners button label to display corresponding grading tools'\n  },\n  descriptionSingleLearner: {\n    id: 'instruct.grading.descriptionSingleLearner',\n    defaultMessage: 'These grading tools allow for grade review and adjustment for a specific learner on a specific problem.',\n    description: 'Description for single learner grading tools'\n  },\n  descriptionAllLearners: {\n    id: 'instruct.grading.descriptionAllLearners',\n    defaultMessage: 'These grading tools allow for grade review and adjustment all enrolled learners on a specific problem.',\n    description: 'Description for all learners grading tools'\n  },\n  gradingConfiguration: {\n    id: 'instruct.grading.gradingConfiguration',\n    defaultMessage: 'Grading Configuration',\n    description: 'Title for the grading configuration modal'\n  },\n  close: {\n    id: 'instruct.grading.modals.close',\n    defaultMessage: 'Close',\n    description: 'Text for the close button in the grading configuration modal'\n  },\n  viewGradingConfiguration: {\n    id: 'instruct.grading.viewGradingConfiguration',\n    defaultMessage: 'View Grading Configuration',\n    description: 'View grading configuration menu item label'\n  },\n  viewCourseGradingSettings: {\n    id: 'instruct.grading.viewCourseGradingSettings',\n    defaultMessage: 'View Course Grading Settings',\n    description: 'View course grading settings menu item label'\n  },\n  noGradingConfiguration: {\n    id: 'instruct.grading.noGradingConfiguration',\n    defaultMessage: 'No grading configuration found for this course.',\n    description: 'Message to display when there is no grading configuration for the course'\n  }\n});\n\nexport default messages;\n"]}

package/dist/grading/types.d.ts

@@ -0,0 +1 @@
+export type GradingToolsType = 'single' | 'all';

package/dist/grading/types.js

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

package/dist/grading/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/grading/types.ts"],"names":[],"mappings":"","sourcesContent":["export type GradingToolsType = 'single' | 'all';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/frontend-app-instructor-dashboard",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.6",
   "description": "The Open edX Instructor Dashboard",
   "repository": {
     "type": "git",
@@ -62,7 +62,6 @@
   },
   "devDependencies": {
     "@edx/browserslist-config": "^1.5.0",
-    "@tanstack/react-query-devtools": "^5.90.2",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",

package/dist/providers/QueryProvider.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-interface QueryProviderProps {
-    children: ReactNode;
-}
-export declare const QueryProvider: ({ children }: QueryProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/providers/QueryProvider.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-const queryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            staleTime: 5 * 60 * 1000, // 5 minutes
-            retry: 1,
-            refetchOnWindowFocus: false,
-        },
-        mutations: {
-            retry: 1,
-        },
-    },
-});
-export const QueryProvider = ({ children }) => (_jsx(QueryClientProvider, { client: queryClient, children: children }));
-//# sourceMappingURL=QueryProvider.js.map

package/dist/providers/QueryProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QueryProvider.js","sourceRoot":"","sources":["../../src/providers/QueryProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAOzE,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IAClC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE,YAAY;YACtC,KAAK,EAAE,CAAC;YACR,oBAAoB,EAAE,KAAK;SAC5B;QACD,SAAS,EAAE;YACT,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,EAAE,EAAE,CAAC,CACjE,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACrC,QAAQ,GACW,CACvB,CAAC","sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { ReactNode } from 'react';\n\ninterface QueryProviderProps {\n  children: ReactNode,\n}\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 5 * 60 * 1000, // 5 minutes\n      retry: 1,\n      refetchOnWindowFocus: false,\n    },\n    mutations: {\n      retry: 1,\n    },\n  },\n});\n\nexport const QueryProvider = ({ children }: QueryProviderProps) => (\n  <QueryClientProvider client={queryClient}>\n    {children}\n  </QueryClientProvider>\n);\n"]}

package/dist/providers.d.ts

@@ -1,3 +0,0 @@
-import { AppProvider } from '@openedx/frontend-base';
-declare const providers: AppProvider[];
-export default providers;

package/dist/providers.js

@@ -1,8 +0,0 @@
-import { QueryProvider } from './providers/QueryProvider';
-import { AlertProvider } from './providers/AlertProvider';
-const providers = [
-    QueryProvider,
-    AlertProvider,
-];
-export default providers;
-//# sourceMappingURL=providers.js.map

package/dist/providers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"providers.js","sourceRoot":"","sources":["../src/providers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,SAAS,GAAkB;IAC/B,aAAa;IACb,aAAa;CACd,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { AppProvider } from '@openedx/frontend-base';\nimport { QueryProvider } from './providers/QueryProvider';\nimport { AlertProvider } from './providers/AlertProvider';\n\nconst providers: AppProvider[] = [\n  QueryProvider,\n  AlertProvider,\n];\n\nexport default providers;\n"]}