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

package/dist/courseInfo/components/generalCourseInfo/GeneralCourseInfo.d.ts

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

package/dist/courseInfo/components/generalCourseInfo/GeneralCourseInfo.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Skeleton } from '@openedx/paragon';
+import { StatusBadge } from './StatusBadge';
+import { useCourseInfo } from '../../../data/apiHook';
+import { useParams } from 'react-router';
+import { FormattedDate, useIntl } from '@openedx/frontend-base';
+import { useCallback } from 'react';
+import messages from './messages';
+const COURSE_STATUS = {
+    ACTIVE: 'Active',
+    ARCHIVED: 'Archived',
+    UPCOMING: 'Upcoming',
+};
+const GeneralCourseInfo = () => {
+    var _a, _b, _c, _d;
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { data: courseInfo, isLoading } = useCourseInfo(courseId);
+    const NOT_SET_FALLBACK = intl.formatMessage(messages.courseInfoNotSetFallback);
+    const getCourseStatus = useCallback((courseInfo) => {
+        if (!courseInfo || (courseInfo.hasStarted === undefined && courseInfo.hasEnded === undefined))
+            return NOT_SET_FALLBACK;
+        if (!courseInfo.hasStarted)
+            return COURSE_STATUS.UPCOMING;
+        if (courseInfo.hasStarted && !courseInfo.hasEnded)
+            return COURSE_STATUS.ACTIVE;
+        if (courseInfo.hasStarted && courseInfo.hasEnded)
+            return COURSE_STATUS.ARCHIVED;
+        return NOT_SET_FALLBACK;
+    }, [NOT_SET_FALLBACK]);
+    const renderDate = (date) => {
+        if (!date)
+            return NOT_SET_FALLBACK;
+        /// Added UTC timezone because it was showing the date with 1 day offset
+        return _jsx(FormattedDate, { value: date, year: "numeric", month: "short", day: "2-digit", timeZone: "UTC" });
+    };
+    if (isLoading && !courseInfo) {
+        return (_jsx(Card, { className: "general-course-info", children: _jsx(Card.Section, { children: _jsx(Skeleton, { count: 3 }) }) }));
+    }
+    if (!courseInfo) {
+        return null;
+    }
+    return (_jsx(Card, { className: "general-course-info", children: _jsxs(Card.Section, { children: [_jsxs("div", { className: "x-small mb-1.5", children: [_jsx("span", { className: "mr-2", children: (_a = courseInfo.org) !== null && _a !== void 0 ? _a : NOT_SET_FALLBACK }), "/", _jsx("span", { className: "mx-2", children: (_b = courseInfo.courseId) !== null && _b !== void 0 ? _b : NOT_SET_FALLBACK }), "/", _jsx("span", { className: "ml-2", children: (_c = courseInfo.courseRun) !== null && _c !== void 0 ? _c : NOT_SET_FALLBACK })] }), _jsx("h3", { className: "text-primary-700 mb-3", children: (_d = courseInfo.displayName) !== null && _d !== void 0 ? _d : NOT_SET_FALLBACK }), _jsxs("div", { className: "d-flex align-items-center", children: [_jsx("div", { className: "mr-4", children: _jsx(StatusBadge, { status: getCourseStatus(courseInfo) }) }), _jsx("div", { className: "x-small text-body", children: _jsxs("p", { className: "mb-0", children: [renderDate(courseInfo.start), ' – ', renderDate(courseInfo.end)] }) })] })] }) }));
+};
+export { GeneralCourseInfo };
+//# sourceMappingURL=GeneralCourseInfo.js.map

package/dist/courseInfo/components/generalCourseInfo/GeneralCourseInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralCourseInfo.js","sourceRoot":"","sources":["../../../../src/courseInfo/components/generalCourseInfo/GeneralCourseInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,aAAa,GAAG;IACpB,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;;IAC7B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,CAAC;IAE/E,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,UAAU,EAAE,EAAE;QACjD,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,UAAU,KAAK,SAAS,IAAI,UAAU,CAAC,QAAQ,KAAK,SAAS,CAAC;YAAE,OAAO,gBAAgB,CAAC;QACvH,IAAI,CAAC,UAAU,CAAC,UAAU;YAAE,OAAO,aAAa,CAAC,QAAQ,CAAC;QAC1D,IAAI,UAAU,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAO,aAAa,CAAC,MAAM,CAAC;QAC/E,IAAI,UAAU,CAAC,UAAU,IAAI,UAAU,CAAC,QAAQ;YAAE,OAAO,aAAa,CAAC,QAAQ,CAAC;QAChF,OAAO,gBAAgB,CAAC;IAC1B,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,UAAU,GAAG,CAAC,IAAmB,EAAE,EAAE;QACzC,IAAI,CAAC,IAAI;YAAE,OAAO,gBAAgB,CAAC;QACnC,wEAAwE;QACxE,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,GAAG,CAAC;IAClG,CAAC,CAAC;IAEF,IAAI,SAAS,IAAI,CAAC,UAAU,EAAE,CAAC;QAC7B,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,YACnC,KAAC,IAAI,CAAC,OAAO,cACX,KAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,GAAI,GACT,GACV,CACR,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,YACnC,MAAC,IAAI,CAAC,OAAO,eACX,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAM,SAAS,EAAC,MAAM,YAAE,MAAA,UAAU,CAAC,GAAG,mCAAI,gBAAgB,GAAQ,OAClE,eAAM,SAAS,EAAC,MAAM,YAAE,MAAA,UAAU,CAAC,QAAQ,mCAAI,gBAAgB,GAAQ,OACvE,eAAM,SAAS,EAAC,MAAM,YAAE,MAAA,UAAU,CAAC,SAAS,mCAAI,gBAAgB,GAAQ,IACpE,EACN,aAAI,SAAS,EAAC,uBAAuB,YAAE,MAAA,UAAU,CAAC,WAAW,mCAAI,gBAAgB,GAAM,EACvF,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,WAAW,IAAC,MAAM,EAAE,eAAe,CAAC,UAAU,CAAC,GAAI,GAChD,EACN,cAAK,SAAS,EAAC,mBAAmB,YAChC,aAAG,SAAS,EAAC,MAAM,aAChB,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,EAC5B,KAAK,EACL,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,IACzB,GACA,IACF,IACO,GACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import { Card, Skeleton } from '@openedx/paragon';\nimport { StatusBadge } from './StatusBadge';\nimport { useCourseInfo } from '@src/data/apiHook';\nimport { useParams } from 'react-router';\nimport { FormattedDate, useIntl } from '@openedx/frontend-base';\nimport { useCallback } from 'react';\nimport messages from './messages';\n\nconst COURSE_STATUS = {\n  ACTIVE: 'Active',\n  ARCHIVED: 'Archived',\n  UPCOMING: 'Upcoming',\n};\n\nconst GeneralCourseInfo = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams();\n  const { data: courseInfo, isLoading } = useCourseInfo(courseId);\n  const NOT_SET_FALLBACK = intl.formatMessage(messages.courseInfoNotSetFallback);\n\n  const getCourseStatus = useCallback((courseInfo) => {\n    if (!courseInfo || (courseInfo.hasStarted === undefined && courseInfo.hasEnded === undefined)) return NOT_SET_FALLBACK;\n    if (!courseInfo.hasStarted) return COURSE_STATUS.UPCOMING;\n    if (courseInfo.hasStarted && !courseInfo.hasEnded) return COURSE_STATUS.ACTIVE;\n    if (courseInfo.hasStarted && courseInfo.hasEnded) return COURSE_STATUS.ARCHIVED;\n    return NOT_SET_FALLBACK;\n  }, [NOT_SET_FALLBACK]);\n\n  const renderDate = (date: string | null) => {\n    if (!date) return NOT_SET_FALLBACK;\n    /// Added UTC timezone because it was showing the date with 1 day offset\n    return <FormattedDate value={date} year=\"numeric\" month=\"short\" day=\"2-digit\" timeZone=\"UTC\" />;\n  };\n\n  if (isLoading && !courseInfo) {\n    return (\n      <Card className=\"general-course-info\">\n        <Card.Section>\n          <Skeleton count={3} />\n        </Card.Section>\n      </Card>\n    );\n  }\n\n  if (!courseInfo) {\n    return null;\n  }\n\n  return (\n    <Card className=\"general-course-info\">\n      <Card.Section>\n        <div className=\"x-small mb-1.5\">\n          <span className=\"mr-2\">{courseInfo.org ?? NOT_SET_FALLBACK}</span>/\n          <span className=\"mx-2\">{courseInfo.courseId ?? NOT_SET_FALLBACK}</span>/\n          <span className=\"ml-2\">{courseInfo.courseRun ?? NOT_SET_FALLBACK}</span>\n        </div>\n        <h3 className=\"text-primary-700 mb-3\">{courseInfo.displayName ?? NOT_SET_FALLBACK}</h3>\n        <div className=\"d-flex align-items-center\">\n          <div className=\"mr-4\">\n            <StatusBadge status={getCourseStatus(courseInfo)} />\n          </div>\n          <div className=\"x-small text-body\">\n            <p className=\"mb-0\">\n              {renderDate(courseInfo.start)}\n              {' – '}\n              {renderDate(courseInfo.end)}\n            </p>\n          </div>\n        </div>\n      </Card.Section>\n    </Card>\n  );\n};\n\nexport { GeneralCourseInfo };\n"]}

package/dist/courseInfo/components/generalCourseInfo/StatusBadge.d.ts

@@ -0,0 +1,5 @@
+interface StatusBadgeProps {
+    status: string;
+}
+declare const StatusBadge: ({ status }: StatusBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export { StatusBadge };

package/dist/courseInfo/components/generalCourseInfo/StatusBadge.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from '@openedx/paragon';
+const STATUS_VARIANTS = {
+    active: 'success',
+    archived: 'light',
+    upcoming: 'warning',
+};
+const StatusBadge = ({ status }) => {
+    const getBadgeVariant = (status) => {
+        return STATUS_VARIANTS[status.toLowerCase()] || 'light';
+    };
+    return (_jsx(Badge, { variant: getBadgeVariant(status), className: "py-1.5 px-3 x-small font-weight-normal", children: status }));
+};
+export { StatusBadge };
+//# sourceMappingURL=StatusBadge.js.map

package/dist/courseInfo/components/generalCourseInfo/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../../../src/courseInfo/components/generalCourseInfo/StatusBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAMzC,MAAM,eAAe,GAA2B;IAC9C,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,OAAO;IACjB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAoB,EAAE,EAAE;IACnD,MAAM,eAAe,GAAG,CAAC,MAAc,EAAE,EAAE;QACzC,OAAO,eAAe,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,IAAI,OAAO,CAAC;IAC1D,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,SAAS,EAAC,wCAAwC,YAAE,MAAM,GAAS,CAC7G,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import { Badge } from '@openedx/paragon';\n\ninterface StatusBadgeProps {\n  status: string,\n}\n\nconst STATUS_VARIANTS: Record<string, string> = {\n  active: 'success',\n  archived: 'light',\n  upcoming: 'warning',\n};\n\nconst StatusBadge = ({ status }: StatusBadgeProps) => {\n  const getBadgeVariant = (status: string) => {\n    return STATUS_VARIANTS[status.toLowerCase()] || 'light';\n  };\n\n  return (\n    <Badge variant={getBadgeVariant(status)} className=\"py-1.5 px-3 x-small font-weight-normal\">{status}</Badge>\n  );\n};\n\nexport { StatusBadge };\n"]}

package/dist/courseInfo/components/generalCourseInfo/index.d.ts

@@ -0,0 +1 @@
+export { GeneralCourseInfo } from './GeneralCourseInfo';

package/dist/courseInfo/components/generalCourseInfo/index.js

@@ -0,0 +1,2 @@
+export { GeneralCourseInfo } from './GeneralCourseInfo';
+//# sourceMappingURL=index.js.map

package/dist/courseInfo/components/generalCourseInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/courseInfo/components/generalCourseInfo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { GeneralCourseInfo } from './GeneralCourseInfo';\n"]}

package/dist/courseInfo/components/generalCourseInfo/messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    courseInfoNotSetFallback: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/courseInfo/components/generalCourseInfo/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    courseInfoNotSetFallback: {
+        id: 'instruct.courseInfo.generalInfo.notSetFallback',
+        defaultMessage: 'Not Set',
+        description: 'Fallback text used in case any of the course information is not available or provided',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/courseInfo/components/generalCourseInfo/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/courseInfo/components/generalCourseInfo/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,wBAAwB,EAAE;QACxB,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,uFAAuF;KACrG;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  courseInfoNotSetFallback: {\n    id: 'instruct.courseInfo.generalInfo.notSetFallback',\n    defaultMessage: 'Not Set',\n    description: 'Fallback text used in case any of the course information is not available or provided',\n  },\n});\n\nexport default messages;\n"]}

package/dist/courseInfo/messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    courseInfoTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/courseInfo/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    courseInfoTitle: {
+        id: 'instruct.courseInfo.page.title',
+        defaultMessage: 'Course Info',
+        description: 'Title for the course information page',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/courseInfo/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/courseInfo/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,aAAa;QAC7B,WAAW,EAAE,uCAAuC;KACrD;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  courseInfoTitle: {\n    id: 'instruct.courseInfo.page.title',\n    defaultMessage: 'Course Info',\n    description: 'Title for the course information page',\n  },\n});\n\nexport default messages;\n"]}

package/dist/courseInfo/types.d.ts

@@ -0,0 +1,27 @@
+import { TabProps } from '../instructorNav/InstructorNav';
+export interface CourseInfoResponse {
+    courseId: string;
+    displayName: string;
+    courseNumber: string;
+    courseRun: string;
+    enrollmentCounts: EnrollmentCounts;
+    start: string | null;
+    end: string | null;
+    tabs?: TabProps[];
+    totalEnrollment: number;
+    studioUrl: string;
+    pacing: string;
+    org?: string;
+    numSections: number;
+    hasStarted: boolean;
+    hasEnded: boolean;
+    enrollmentEnd: string | null;
+    enrollmentStart: string | null;
+    gradeCutoffs: string | null;
+    staffCount: number;
+    learnerCount: number;
+}
+interface EnrollmentCounts extends Record<string, number> {
+    total: number;
+}
+export {};

package/dist/courseInfo/types.js

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

package/dist/courseInfo/types.js.map

@@ -0,0 +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}\n\ninterface EnrollmentCounts extends Record<string, number> {\n  total: number,\n}\n"]}

package/dist/courseTeam/CourseTeamPage.d.ts

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

package/dist/courseTeam/CourseTeamPage.js

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

package/dist/courseTeam/CourseTeamPage.js.map

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

package/dist/data/api.d.ts

@@ -0,0 +1,14 @@
+import { CourseInfoResponse } from '../courseInfo/types';
+export declare const getApiBaseUrl: () => unknown;
+/**
+ * Get course settings.
+ * @param {string} courseId
+ * @returns {Promise<Object>}
+ */
+export declare const getCourseInfo: (courseId: string) => Promise<CourseInfoResponse>;
+/**
+ * Fetch pending instructor tasks for a course.
+ * @param {string} courseId
+ * @returns {Promise<Array>}
+ */
+export declare const fetchPendingTasks: (courseId: string) => Promise<any>;

package/dist/data/api.js

@@ -0,0 +1,33 @@
+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, getAppConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';
+import { appId } from '../constants';
+export const getApiBaseUrl = () => getAppConfig(appId).LMS_BASE_URL;
+/**
+ * Get course settings.
+ * @param {string} courseId
+ * @returns {Promise<Object>}
+ */
+export const getCourseInfo = (courseId) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient()
+        .get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}`);
+    return camelCaseObject(data);
+});
+/**
+ * Fetch pending instructor tasks for a course.
+ * @param {string} courseId
+ * @returns {Promise<Array>}
+ */
+export const fetchPendingTasks = (courseId) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    const response = yield getAuthenticatedHttpClient().post(`${getApiBaseUrl()}/courses/${courseId}/instructor/api/list_instructor_tasks`);
+    return (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.tasks) === null || _b === void 0 ? void 0 : _b.map(camelCaseObject);
+});
+//# sourceMappingURL=api.js.map

package/dist/data/api.js.map

@@ -0,0 +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;AAGvC,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","sourcesContent":["import { camelCaseObject, getAppConfig, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { appId } from '@src/constants';\nimport { CourseInfoResponse } from '@src/courseInfo/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"]}

package/dist/data/apiHook.d.ts

@@ -0,0 +1,4 @@
+export declare const useCourseInfo: (courseId: string) => import("@tanstack/react-query").UseQueryResult<import("../courseInfo/types").CourseInfoResponse, Error>;
+export declare const usePendingTasks: (courseId: string, options?: {
+    enablePolling?: boolean;
+}) => import("@tanstack/react-query").UseQueryResult<any, Error>;

package/dist/data/apiHook.js

@@ -0,0 +1,28 @@
+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 { useQuery } from '@tanstack/react-query';
+import { fetchPendingTasks, getCourseInfo } from './api';
+import { courseInfoQueryKeys, pendingTasksQueryKey } from './queryKeys';
+export const useCourseInfo = (courseId) => (useQuery({
+    queryKey: courseInfoQueryKeys.byCourse(courseId),
+    queryFn: () => getCourseInfo(courseId),
+    enabled: !!courseId,
+    refetchOnWindowFocus: false,
+    refetchOnMount: false,
+}));
+export const usePendingTasks = (courseId, options) => {
+    return useQuery({
+        queryKey: pendingTasksQueryKey.byCourse(courseId),
+        queryFn: () => __awaiter(void 0, void 0, void 0, function* () { return fetchPendingTasks(courseId); }),
+        enabled: !!courseId,
+        refetchInterval: (options === null || options === void 0 ? void 0 : options.enablePolling) ? 3000 : false,
+    });
+};
+//# sourceMappingURL=apiHook.js.map

package/dist/data/apiHook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../src/data/apiHook.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,CACjD,QAAQ,CAAC;IACP,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAChD,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC;IACtC,OAAO,EAAE,CAAC,CAAC,QAAQ;IACnB,oBAAoB,EAAE,KAAK;IAC3B,cAAc,EAAE,KAAK;CACtB,CAAC,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,OAAqC,EAAE,EAAE;IACzF,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACjD,OAAO,EAAE,GAAS,EAAE,kDAAC,OAAA,iBAAiB,CAAC,QAAQ,CAAC,CAAA,GAAA;QAChD,OAAO,EAAE,CAAC,CAAC,QAAQ;QACnB,eAAe,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KACvD,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { fetchPendingTasks, getCourseInfo } from './api';\nimport { courseInfoQueryKeys, pendingTasksQueryKey } from './queryKeys';\n\nexport const useCourseInfo = (courseId: string) => (\n  useQuery({\n    queryKey: courseInfoQueryKeys.byCourse(courseId),\n    queryFn: () => getCourseInfo(courseId),\n    enabled: !!courseId,\n    refetchOnWindowFocus: false,\n    refetchOnMount: false,\n  })\n);\n\nexport const usePendingTasks = (courseId: string, options?: { enablePolling?: boolean }) => {\n  return useQuery({\n    queryKey: pendingTasksQueryKey.byCourse(courseId),\n    queryFn: async () => fetchPendingTasks(courseId),\n    enabled: !!courseId,\n    refetchInterval: options?.enablePolling ? 3000 : false,\n  });\n};\n"]}

package/dist/data/queryKeys.d.ts

@@ -0,0 +1,8 @@
+export declare const courseInfoQueryKeys: {
+    all: readonly ["org.openedx.frontend.app.instructor", "courseInfo"];
+    byCourse: (courseId: string) => readonly ["org.openedx.frontend.app.instructor", "courseInfo", string];
+};
+export declare const pendingTasksQueryKey: {
+    all: readonly ["org.openedx.frontend.app.instructor", "pendingTasks"];
+    byCourse: (courseId: string) => readonly ["org.openedx.frontend.app.instructor", "pendingTasks", string];
+};

package/dist/data/queryKeys.js

@@ -0,0 +1,10 @@
+import { appId } from '../constants';
+export const courseInfoQueryKeys = {
+    all: [appId, 'courseInfo'],
+    byCourse: (courseId) => [appId, 'courseInfo', courseId],
+};
+export const pendingTasksQueryKey = {
+    all: [appId, 'pendingTasks'],
+    byCourse: (courseId) => [appId, 'pendingTasks', courseId],
+};
+//# sourceMappingURL=queryKeys.js.map

package/dist/data/queryKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queryKeys.js","sourceRoot":"","sources":["../../src/data/queryKeys.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,GAAG,EAAE,CAAC,KAAK,EAAE,YAAY,CAAU;IACnC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,CAAU;CACzE,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,CAAU;IACrC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAU;CAC3E,CAAC","sourcesContent":["import { appId } from '@src/constants';\n\nexport const courseInfoQueryKeys = {\n  all: [appId, 'courseInfo'] as const,\n  byCourse: (courseId: string) => [appId, 'courseInfo', courseId] as const,\n};\n\nexport const pendingTasksQueryKey = {\n  all: [appId, 'pendingTasks'] as const,\n  byCourse: (courseId: string) => [appId, 'pendingTasks', courseId] as const,\n};\n"]}

package/dist/dataDownloads/DataDownloadsPage.d.ts

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

package/dist/dataDownloads/DataDownloadsPage.js

@@ -0,0 +1,162 @@
+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 messages from './messages';
+import { useIntl, getAuthenticatedHttpClient } from '@openedx/frontend-base';
+import { DataDownloadTable } from './components/DataDownloadTable';
+import { GenerateReports } from './components/GenerateReports';
+import { useParams } from 'react-router-dom';
+import { useGeneratedReports, useGenerateReportLink } from './data/apiHook';
+import { useCallback, useState, useRef, useEffect } from 'react';
+import { getApiBaseUrl } from '../data/api';
+import { getReportTypeDisplayName } from './utils';
+import PageNotFound from '../components/PageNotFound';
+import { useAlert } from '../providers/AlertProvider';
+import { PendingTasks } from '../components/PendingTasks';
+const DataDownloadsPage = () => {
+    var _a, _b, _c, _d;
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const [isPolling, setIsPolling] = useState(false);
+    const [problemResponsesError, setProblemResponsesError] = useState(undefined);
+    const { showToast, showModal } = useAlert();
+    const pollingTimeoutRef = useRef(null);
+    const initialReportCountRef = useRef(null);
+    const { data: reportsData, isLoading, error } = useGeneratedReports(courseId, { enablePolling: isPolling });
+    const { mutate: generateReportLinkMutate, isPending: isGenerating } = useGenerateReportLink(courseId);
+    // Check if we got a 404 error
+    const is404 = ((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.status) === 404;
+    // Cleanup polling timeout on unmount
+    useEffect(() => {
+        return () => {
+            if (pollingTimeoutRef.current) {
+                clearTimeout(pollingTimeoutRef.current);
+            }
+        };
+    }, []);
+    // Stop polling when new reports appear
+    useEffect(() => {
+        if (!isPolling || !(reportsData === null || reportsData === void 0 ? void 0 : reportsData.downloads)) {
+            return;
+        }
+        const currentCount = reportsData.downloads.length;
+        // If we have a baseline count and it has increased, stop polling
+        if (initialReportCountRef.current !== null && currentCount > initialReportCountRef.current) {
+            setIsPolling(false);
+            if (pollingTimeoutRef.current) {
+                clearTimeout(pollingTimeoutRef.current);
+                pollingTimeoutRef.current = null;
+            }
+            initialReportCountRef.current = null;
+        }
+    }, [reportsData === null || reportsData === void 0 ? void 0 : reportsData.downloads, isPolling]);
+    const startPolling = useCallback(() => {
+        var _a, _b;
+        // Clear any existing timeout before starting new one
+        if (pollingTimeoutRef.current) {
+            clearTimeout(pollingTimeoutRef.current);
+        }
+        // Store the current report count as baseline
+        initialReportCountRef.current = (_b = (_a = reportsData === null || reportsData === void 0 ? void 0 : reportsData.downloads) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+        setIsPolling(true);
+        pollingTimeoutRef.current = setTimeout(() => {
+            setIsPolling(false);
+            pollingTimeoutRef.current = null;
+            initialReportCountRef.current = null;
+        }, 60000);
+    }, [(_b = reportsData === null || reportsData === void 0 ? void 0 : reportsData.downloads) === null || _b === void 0 ? void 0 : _b.length]);
+    // Extract downloads array from API response and transform to match expected format
+    const data = (_d = (_c = reportsData === null || reportsData === void 0 ? void 0 : reportsData.downloads) === null || _c === void 0 ? void 0 : _c.map(report => ({
+        dateGenerated: report.dateGenerated,
+        reportType: getReportTypeDisplayName(report.reportType, intl),
+        reportName: report.reportName,
+        downloadLink: report.reportUrl, // Map reportUrl to downloadLink
+    }))) !== null && _d !== void 0 ? _d : [];
+    const handleDownload = useCallback((downloadLink, reportName) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            // The downloadLink is a relative path, so we need to prepend the LMS base URL
+            const baseUrl = getApiBaseUrl();
+            const fullUrl = downloadLink.startsWith('http') ? downloadLink : `${baseUrl}${downloadLink}`;
+            // Use authenticated HTTP client to fetch the file as a blob
+            const response = yield getAuthenticatedHttpClient().get(fullUrl, {
+                responseType: 'blob',
+            });
+            // Use the reportName from the API as the filename
+            const filename = reportName || 'report.csv';
+            // Create blob URL and trigger download
+            const blob = new Blob([response.data]);
+            const blobUrl = window.URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = blobUrl;
+            link.download = filename;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            // Clean up blob URL
+            window.URL.revokeObjectURL(blobUrl);
+        }
+        catch (error) {
+            showModal({
+                title: intl.formatMessage(messages.downloadReportError),
+                message: intl.formatMessage(messages.downloadReportError),
+                variant: 'danger',
+                confirmText: 'OK',
+            });
+        }
+    }), [intl, showModal]);
+    const handleGenerateReport = useCallback((reportType) => {
+        generateReportLinkMutate({ reportType }, {
+            onSuccess: () => {
+                const reportTypeName = getReportTypeDisplayName(reportType, intl);
+                showToast(intl.formatMessage(messages.generateReportSuccess, { reportType: reportTypeName }));
+                // Start polling for 60 seconds to check for the new report
+                startPolling();
+            },
+            onError: (error) => {
+                var _a, _b;
+                console.error('Error generating report:', error);
+                const errorMessage = ((_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) || intl.formatMessage(messages.generateReportError);
+                showModal({
+                    title: intl.formatMessage(messages.generateReportError),
+                    message: errorMessage,
+                    variant: 'danger',
+                    confirmText: 'OK',
+                });
+            }
+        });
+    }, [generateReportLinkMutate, intl, showToast, showModal, startPolling]);
+    const handleGenerateProblemResponsesReport = useCallback((problemLocation) => {
+        // Clear any previous error
+        setProblemResponsesError(undefined);
+        generateReportLinkMutate({
+            reportType: 'problem_responses',
+            problemLocation,
+        }, {
+            onSuccess: () => {
+                const reportTypeName = getReportTypeDisplayName('problem_responses', intl);
+                showToast(intl.formatMessage(messages.generateReportSuccess, { reportType: reportTypeName }));
+                // Start polling for 60 seconds to check for the new report
+                startPolling();
+            },
+            onError: (error) => {
+                var _a, _b;
+                console.error('Error generating report:', error);
+                const errorMessage = ((_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) || intl.formatMessage(messages.generateReportError);
+                setProblemResponsesError(errorMessage);
+            }
+        });
+    }, [generateReportLinkMutate, intl, showToast, startPolling]);
+    if (is404) {
+        return _jsx(PageNotFound, {});
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("h3", { className: "text-primary-700", children: intl.formatMessage(messages.dataDownloadsTitle) }), _jsx("p", { className: "text-primary-700", children: intl.formatMessage(messages.dataDownloadsDescription) }), _jsx("p", { className: "text-primary-700", children: intl.formatMessage(messages.dataDownloadsReportExpirationPolicyMessage) }), _jsx(DataDownloadTable, { data: data, isLoading: isLoading, onDownloadClick: handleDownload }), _jsx(GenerateReports, { onGenerateReport: handleGenerateReport, onGenerateProblemResponsesReport: handleGenerateProblemResponsesReport, isGenerating: isGenerating, problemResponsesError: problemResponsesError }), _jsx(PendingTasks, {})] }));
+};
+export default DataDownloadsPage;
+//# sourceMappingURL=DataDownloadsPage.js.map

package/dist/dataDownloads/DataDownloadsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataDownloadsPage.js","sourceRoot":"","sources":["../../src/dataDownloads/DataDownloadsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import messages from './messages';\nimport { useIntl, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { DataDownloadTable } from './components/DataDownloadTable';\nimport { GenerateReports } from './components/GenerateReports';\nimport { useParams } from 'react-router-dom';\nimport { useGeneratedReports, useGenerateReportLink } from './data/apiHook';\nimport { useCallback, useState, useRef, useEffect } from 'react';\nimport { getApiBaseUrl } from '@src/data/api';\nimport { getReportTypeDisplayName } from './utils';\nimport PageNotFound from '@src/components/PageNotFound';\nimport { useAlert } from '@src/providers/AlertProvider';\nimport { PendingTasks } from '@src/components/PendingTasks';\n\nconst DataDownloadsPage = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const [isPolling, setIsPolling] = useState(false);\n  const [problemResponsesError, setProblemResponsesError] = useState<string | undefined>(undefined);\n  const { showToast, showModal } = useAlert();\n  const pollingTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const initialReportCountRef = useRef<number | null>(null);\n\n  const { data: reportsData, isLoading, error } = useGeneratedReports(courseId, { enablePolling: isPolling });\n  const { mutate: generateReportLinkMutate, isPending: isGenerating } = useGenerateReportLink(courseId);\n\n  // Check if we got a 404 error\n  const is404 = (error as any)?.response?.status === 404;\n\n  // Cleanup polling timeout on unmount\n  useEffect(() => {\n    return () => {\n      if (pollingTimeoutRef.current) {\n        clearTimeout(pollingTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  // Stop polling when new reports appear\n  useEffect(() => {\n    if (!isPolling || !reportsData?.downloads) {\n      return;\n    }\n\n    const currentCount = reportsData.downloads.length;\n\n    // If we have a baseline count and it has increased, stop polling\n    if (initialReportCountRef.current !== null && currentCount > initialReportCountRef.current) {\n      setIsPolling(false);\n      if (pollingTimeoutRef.current) {\n        clearTimeout(pollingTimeoutRef.current);\n        pollingTimeoutRef.current = null;\n      }\n      initialReportCountRef.current = null;\n    }\n  }, [reportsData?.downloads, isPolling]);\n\n  const startPolling = useCallback(() => {\n    // Clear any existing timeout before starting new one\n    if (pollingTimeoutRef.current) {\n      clearTimeout(pollingTimeoutRef.current);\n    }\n\n    // Store the current report count as baseline\n    initialReportCountRef.current = reportsData?.downloads?.length ?? 0;\n\n    setIsPolling(true);\n    pollingTimeoutRef.current = setTimeout(() => {\n      setIsPolling(false);\n      pollingTimeoutRef.current = null;\n      initialReportCountRef.current = null;\n    }, 60000);\n  }, [reportsData?.downloads?.length]);\n\n  // Extract downloads array from API response and transform to match expected format\n  const data = reportsData?.downloads?.map(report => ({\n    dateGenerated: report.dateGenerated,\n    reportType: getReportTypeDisplayName(report.reportType, intl),\n    reportName: report.reportName,\n    downloadLink: report.reportUrl, // Map reportUrl to downloadLink\n  })) ?? [];\n\n  const handleDownload = useCallback(async (downloadLink: string, reportName: string) => {\n    try {\n      // The downloadLink is a relative path, so we need to prepend the LMS base URL\n      const baseUrl = getApiBaseUrl();\n      const fullUrl = downloadLink.startsWith('http') ? downloadLink : `${baseUrl}${downloadLink}`;\n\n      // Use authenticated HTTP client to fetch the file as a blob\n      const response = await getAuthenticatedHttpClient().get(fullUrl, {\n        responseType: 'blob',\n      });\n\n      // Use the reportName from the API as the filename\n      const filename = reportName || 'report.csv';\n\n      // Create blob URL and trigger download\n      const blob = new Blob([response.data]);\n      const blobUrl = window.URL.createObjectURL(blob);\n      const link = document.createElement('a');\n      link.href = blobUrl;\n      link.download = filename;\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n\n      // Clean up blob URL\n      window.URL.revokeObjectURL(blobUrl);\n    } catch (error) {\n      showModal({\n        title: intl.formatMessage(messages.downloadReportError),\n        message: intl.formatMessage(messages.downloadReportError),\n        variant: 'danger',\n        confirmText: 'OK',\n      });\n    }\n  }, [intl, showModal]);\n\n  const handleGenerateReport = useCallback((reportType: string) => {\n    generateReportLinkMutate(\n      { reportType },\n      {\n        onSuccess: () => {\n          const reportTypeName = getReportTypeDisplayName(reportType, intl);\n          showToast(\n            intl.formatMessage(messages.generateReportSuccess, { reportType: reportTypeName }),\n          );\n          // Start polling for 60 seconds to check for the new report\n          startPolling();\n        },\n        onError: (error: any) => {\n          console.error('Error generating report:', error);\n          const errorMessage = error?.response?.data?.error || intl.formatMessage(messages.generateReportError);\n          showModal({\n            title: intl.formatMessage(messages.generateReportError),\n            message: errorMessage,\n            variant: 'danger',\n            confirmText: 'OK',\n          });\n        }\n      }\n    );\n  }, [generateReportLinkMutate, intl, showToast, showModal, startPolling]);\n\n  const handleGenerateProblemResponsesReport = useCallback((problemLocation?: string) => {\n    // Clear any previous error\n    setProblemResponsesError(undefined);\n\n    generateReportLinkMutate(\n      {\n        reportType: 'problem_responses',\n        problemLocation,\n      },\n      {\n        onSuccess: () => {\n          const reportTypeName = getReportTypeDisplayName('problem_responses', intl);\n          showToast(\n            intl.formatMessage(messages.generateReportSuccess, { reportType: reportTypeName }),\n          );\n          // Start polling for 60 seconds to check for the new report\n          startPolling();\n        },\n        onError: (error: any) => {\n          console.error('Error generating report:', error);\n          const errorMessage = error?.response?.data?.error || intl.formatMessage(messages.generateReportError);\n          setProblemResponsesError(errorMessage);\n        }\n      }\n    );\n  }, [generateReportLinkMutate, intl, showToast, startPolling]);\n\n  if (is404) {\n    return <PageNotFound />;\n  }\n\n  return (\n    <>\n      <h3 className=\"text-primary-700\">{intl.formatMessage(messages.dataDownloadsTitle)}</h3>\n      <p className=\"text-primary-700\">{intl.formatMessage(messages.dataDownloadsDescription)}</p>\n      <p className=\"text-primary-700\">{intl.formatMessage(messages.dataDownloadsReportExpirationPolicyMessage)}</p>\n      <DataDownloadTable data={data} isLoading={isLoading} onDownloadClick={handleDownload} />\n      <GenerateReports\n        onGenerateReport={handleGenerateReport}\n        onGenerateProblemResponsesReport={handleGenerateProblemResponsesReport}\n        isGenerating={isGenerating}\n        problemResponsesError={problemResponsesError}\n      />\n      <PendingTasks />\n    </>\n  );\n};\n\nexport default DataDownloadsPage;\n"]}

package/dist/dataDownloads/components/DataDownloadTable.d.ts

@@ -0,0 +1,8 @@
+import { DownloadReportData } from '../../dataDownloads/types';
+interface DataDownloadTableProps {
+    data: DownloadReportData[];
+    isLoading: boolean;
+    onDownloadClick: (downloadLink: string, reportName: string) => void;
+}
+declare const DataDownloadTable: ({ data, isLoading, onDownloadClick }: DataDownloadTableProps) => import("react/jsx-runtime").JSX.Element;
+export { DataDownloadTable };

package/dist/dataDownloads/components/DataDownloadTable.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { DataTable } from '@openedx/paragon';
+import { useCallback, useMemo } from 'react';
+import messages from '../../dataDownloads/messages';
+import { DownloadLinkCell } from './DownloadLinkCell';
+import { ReportNameCell } from './ReportNameCell';
+const DEFAULT_PAGE_SIZE = 10;
+const DataDownloadTable = ({ data, isLoading, onDownloadClick }) => {
+    const intl = useIntl();
+    const pageCount = Math.ceil(data.length / DEFAULT_PAGE_SIZE);
+    const tableColumns = useMemo(() => [
+        {
+            accessor: 'dateGenerated',
+            Header: intl.formatMessage(messages.dateGeneratedColumnName),
+        },
+        {
+            accessor: 'reportType',
+            Header: intl.formatMessage(messages.reportTypeColumnName),
+        },
+    ], [intl]);
+    const DownloadCustomCell = useCallback(({ row }) => {
+        return _jsx(DownloadLinkCell, { row: row, onDownloadClick: onDownloadClick });
+    }, [onDownloadClick]);
+    return (_jsxs(DataTable, { columns: tableColumns, data: data, isLoading: isLoading, isSortable: true, isPaginated: true, itemCount: data.length, pageCount: pageCount, initialState: {
+            pageSize: DEFAULT_PAGE_SIZE,
+            pageIndex: 0,
+        }, additionalColumns: [
+            {
+                id: 'reportName',
+                Header: intl.formatMessage(messages.reportNameColumnName),
+                Cell: ReportNameCell,
+            },
+            {
+                id: 'downloadLink',
+                Header: '',
+                Cell: DownloadCustomCell,
+            }
+        ], RowStatusComponent: () => null, children: [_jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: intl.formatMessage(messages.noReportsFoundMessage) }), pageCount > 1 && (_jsxs(DataTable.TableFooter, { children: [_jsx(DataTable.RowStatus, {}), _jsx(DataTable.TablePagination, {}), _jsx(DataTable.TablePaginationMinimal, {})] }))] }));
+};
+export { DataDownloadTable };
+//# sourceMappingURL=DataDownloadTable.js.map

package/dist/dataDownloads/components/DataDownloadTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataDownloadTable.js","sourceRoot":"","sources":["../../../src/dataDownloads/components/DataDownloadTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQlD,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAA0B,EAAE,EAAE;IACzF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC;IAE7D,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;QACjC;YACE,QAAQ,EAAE,eAAe;YACzB,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC;SAC7D;QACD;YACE,QAAQ,EAAE,YAAY;YACtB,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC;SAC1D;KACF,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,EAAE,GAAG,EAAgB,EAAE,EAAE;QAC/D,OAAO,KAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,GAAI,CAAC;IAC1E,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,MAAC,SAAS,IACR,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,QACV,WAAW,QACX,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE;YACZ,QAAQ,EAAE,iBAAiB;YAC3B,SAAS,EAAE,CAAC;SACb,EACD,iBAAiB,EAAE;YACjB;gBACE,EAAE,EAAE,YAAY;gBAChB,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC;gBACzD,IAAI,EAAE,cAAc;aACrB;YACD;gBACE,EAAE,EAAE,cAAc;gBAClB,MAAM,EAAE,EAAE;gBACV,IAAI,EAAE,kBAAkB;aACzB;SACF,EACD,kBAAkB,EAAE,GAAG,EAAE,CAAC,IAAI,aAE9B,KAAC,SAAS,CAAC,KAAK,KAAG,EACnB,KAAC,SAAS,CAAC,UAAU,IAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAAI,EACpF,SAAS,GAAG,CAAC,IAAI,CAChB,MAAC,SAAS,CAAC,WAAW,eACpB,KAAC,SAAS,CAAC,SAAS,KAAG,EACvB,KAAC,SAAS,CAAC,eAAe,KAAG,EAC7B,KAAC,SAAS,CAAC,sBAAsB,KAAG,IACd,CACzB,IACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { DataTable } from '@openedx/paragon';\nimport { useCallback, useMemo } from 'react';\nimport messages from '@src/dataDownloads/messages';\nimport { DownloadLinkCell } from './DownloadLinkCell';\nimport { DownloadReportData } from '@src/dataDownloads/types';\nimport { ReportNameCell } from './ReportNameCell';\n\ninterface DataDownloadTableProps {\n  data: DownloadReportData[],\n  isLoading: boolean,\n  onDownloadClick: (downloadLink: string, reportName: string) => void,\n}\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nconst DataDownloadTable = ({ data, isLoading, onDownloadClick }: DataDownloadTableProps) => {\n  const intl = useIntl();\n  const pageCount = Math.ceil(data.length / DEFAULT_PAGE_SIZE);\n\n  const tableColumns = useMemo(() => [\n    {\n      accessor: 'dateGenerated',\n      Header: intl.formatMessage(messages.dateGeneratedColumnName),\n    },\n    {\n      accessor: 'reportType',\n      Header: intl.formatMessage(messages.reportTypeColumnName),\n    },\n  ], [intl]);\n\n  const DownloadCustomCell = useCallback(({ row }: { row: any }) => {\n    return <DownloadLinkCell row={row} onDownloadClick={onDownloadClick} />;\n  }, [onDownloadClick]);\n\n  return (\n    <DataTable\n      columns={tableColumns}\n      data={data}\n      isLoading={isLoading}\n      isSortable\n      isPaginated\n      itemCount={data.length}\n      pageCount={pageCount}\n      initialState={{\n        pageSize: DEFAULT_PAGE_SIZE,\n        pageIndex: 0,\n      }}\n      additionalColumns={[\n        {\n          id: 'reportName',\n          Header: intl.formatMessage(messages.reportNameColumnName),\n          Cell: ReportNameCell,\n        },\n        {\n          id: 'downloadLink',\n          Header: '',\n          Cell: DownloadCustomCell,\n        }\n      ]}\n      RowStatusComponent={() => null}\n    >\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noReportsFoundMessage)} />\n      {pageCount > 1 && (\n        <DataTable.TableFooter>\n          <DataTable.RowStatus />\n          <DataTable.TablePagination />\n          <DataTable.TablePaginationMinimal />\n        </DataTable.TableFooter>\n      )}\n    </DataTable>\n  );\n};\n\nexport { DataDownloadTable };\n"]}

package/dist/dataDownloads/components/DownloadLinkCell.d.ts

@@ -0,0 +1,6 @@
+import { DataDownloadsCellProps } from '../../dataDownloads/types';
+interface DownloadLinkCellProps extends DataDownloadsCellProps {
+    onDownloadClick: (downloadLink: string, reportName: string) => void;
+}
+declare const DownloadLinkCell: ({ row, onDownloadClick }: DownloadLinkCellProps) => import("react/jsx-runtime").JSX.Element;
+export { DownloadLinkCell };