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

package/dist/Main.d.ts

@@ -1,3 +1,3 @@
-import './app.scss';
+import './style.scss';
 declare const Main: () => import("react/jsx-runtime").JSX.Element;
 export default Main;

package/dist/Main.js

@@ -1,25 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { lazy, Suspense } from 'react';
-import { CurrentAppProvider } from '@openedx/frontend-base';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { CurrentAppProvider, getSiteConfig, useIntl } from '@openedx/frontend-base';
+import { Helmet } from 'react-helmet';
 import { Outlet } from 'react-router-dom';
 import { AlertProvider } from './providers/AlertProvider';
+import { AccessErrorProvider } from './providers/AccessErrorProvider';
 import { appId } from './constants';
+import messages from './messages';
 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 }) }))] }) }) }) }));
+import './style.scss';
+const Main = () => {
+    const { formatMessage } = useIntl();
+    return (_jsxs(CurrentAppProvider, { appId: appId, children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages['instructor-dashboard.page.title'], {
+                        siteName: getSiteConfig().siteName,
+                    }) }) }), _jsx(AlertProvider, { children: _jsx(AccessErrorProvider, { 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,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,OAAO,cAAc,CAAC;AAEtB,MAAM,IAAI,GAAG,GAAG,EAAE;IAChB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,MAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,aAC9B,KAAC,MAAM,cACL,0BACG,aAAa,CAAC,QAAQ,CAAC,iCAAiC,CAAC,EAAE;wBAC1D,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ;qBACnC,CAAC,GACI,GACD,EACT,KAAC,aAAa,cACZ,KAAC,mBAAmB,cAClB,eAAM,SAAS,EAAC,gCAAgC,YAC9C,KAAC,WAAW,cACV,KAAC,MAAM,KAAG,GACE,GACT,GACa,GACR,IACG,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { CurrentAppProvider, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Helmet } from 'react-helmet';\nimport { Outlet } from 'react-router-dom';\nimport { AlertProvider } from './providers/AlertProvider';\nimport { AccessErrorProvider } from './providers/AccessErrorProvider';\nimport { appId } from './constants';\nimport messages from './messages';\nimport PageWrapper from './pageWrapper/PageWrapper';\n\nimport './style.scss';\n\nconst Main = () => {\n  const { formatMessage } = useIntl();\n  return (\n    <CurrentAppProvider appId={appId}>\n      <Helmet>\n        <title>\n          {formatMessage(messages['instructor-dashboard.page.title'], {\n            siteName: getSiteConfig().siteName,\n          })}\n        </title>\n      </Helmet>\n      <AlertProvider>\n        <AccessErrorProvider>\n          <main className=\"d-flex flex-column flex-grow-1\">\n            <PageWrapper>\n              <Outlet />\n            </PageWrapper>\n          </main>\n        </AccessErrorProvider>\n      </AlertProvider>\n    </CurrentAppProvider>\n  );\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/certificates/CertificatesPage.d.ts

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

package/dist/certificates/CertificatesPage.js

@@ -1,6 +1,316 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from 'react';
+import { useParams } from 'react-router-dom';
+import { Card, Container, Button, ButtonGroup, Alert } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { useAlert } from '../providers/AlertProvider';
+import { useCourseInfo } from '../data/apiHook';
+import CertificatesPageHeader from '../certificates/components/CertificatesPageHeader';
+import IssuedCertificatesTab from '../certificates/components/IssuedCertificatesTab';
+import GenerationHistoryTable from '../certificates/components/GenerationHistoryTable';
+import GrantExceptionsModal from '../certificates/components/GrantExceptionsModal';
+import InvalidateCertificateModal from '../certificates/components/InvalidateCertificateModal';
+import RemoveExceptionModal from '../certificates/components/RemoveExceptionModal';
+import RemoveInvalidationModal from '../certificates/components/RemoveInvalidationModal';
+import DisableCertificatesModal from '../certificates/components/DisableCertificatesModal';
+import RegenerateCertificatesModal from '../certificates/components/RegenerateCertificatesModal';
+import GenerateCertificatesModal from '../certificates/components/GenerateCertificatesModal';
+import { useCertificateGenerationHistory, useGrantBulkExceptions, useInvalidateCertificate, useIssuedCertificates, useRegenerateCertificates, useRemoveException, useRemoveInvalidation, useToggleCertificateGeneration, useUploadBulkExceptionsCsv, } from '../certificates/data/apiHook';
+import { CertificateFilter } from '../certificates/types';
+import { CERTIFICATES_PAGE_SIZE, TAB_KEYS, MODAL_TITLES, ALERT_VARIANTS } from '../certificates/constants';
+import { getErrorMessage } from '../certificates/utils/errorHandling';
+import messages from '../certificates/messages';
+import './CertificatesPage.scss';
 const CertificatesPage = () => {
-    return (_jsx("div", { children: _jsx("h3", { children: "Certificates" }) }));
+    const intl = useIntl();
+    const { courseId = '' } = useParams();
+    const { showToast, showModal } = useAlert();
+    const { data: courseInfo } = useCourseInfo(courseId);
+    const [filter, setFilter] = useState(CertificateFilter.ALL_LEARNERS);
+    const [search, setSearch] = useState('');
+    const [certificatesPage, setCertificatesPage] = useState(0);
+    const [tasksPage, setTasksPage] = useState(0);
+    const [activeTab, setActiveTab] = useState(TAB_KEYS.ISSUED);
+    const [selectedUsername, setSelectedUsername] = useState('');
+    const [selectedEmail, setSelectedEmail] = useState('');
+    const [isCertificateGenerationEnabled, setIsCertificateGenerationEnabled] = useState(true);
+    const [isGrantExceptionsOpen, setIsGrantExceptionsOpen] = useState(false);
+    const [isInvalidateCertificateOpen, setIsInvalidateCertificateOpen] = useState(false);
+    const [isRemoveExceptionOpen, setIsRemoveExceptionOpen] = useState(false);
+    const [isRemoveInvalidationOpen, setIsRemoveInvalidationOpen] = useState(false);
+    const [isDisableCertificatesOpen, setIsDisableCertificatesOpen] = useState(false);
+    const [isRegenerateModalOpen, setIsRegenerateModalOpen] = useState(false);
+    const [isGenerateModalOpen, setIsGenerateModalOpen] = useState(false);
+    const { data: certificatesData, isLoading: isLoadingCertificates, } = useIssuedCertificates(courseId, {
+        page: certificatesPage,
+        pageSize: CERTIFICATES_PAGE_SIZE,
+        filter,
+        search,
+    });
+    const { data: historyData, isLoading: isLoadingHistory, } = useCertificateGenerationHistory(courseId, {
+        page: tasksPage,
+        pageSize: CERTIFICATES_PAGE_SIZE,
+    });
+    const { mutate: grantExceptions, isPending: isGrantingExceptions } = useGrantBulkExceptions(courseId);
+    const { mutate: uploadCsvExceptions, isPending: isUploadingCsv } = useUploadBulkExceptionsCsv(courseId);
+    const { mutate: invalidateCert, isPending: isInvalidating } = useInvalidateCertificate(courseId);
+    const { mutate: removeExcept, isPending: isRemovingException } = useRemoveException(courseId);
+    const { mutate: removeInval, isPending: isRemovingInvalidation } = useRemoveInvalidation(courseId);
+    const { mutate: toggleGeneration, isPending: isTogglingGeneration } = useToggleCertificateGeneration(courseId);
+    const { mutate: regenerateCerts } = useRegenerateCertificates(courseId);
+    const handleGrantExceptions = useCallback((learners, notes) => {
+        grantExceptions({ learners, notes }, {
+            onSuccess: (data) => {
+                setIsGrantExceptionsOpen(false);
+                if (data.errors && data.errors.length > 0) {
+                    const errorMessages = data.errors.map(err => `${err.learner}: ${err.message}`).join('\n');
+                    showModal({
+                        title: intl.formatMessage(messages.errorModalTitle),
+                        message: `Some exceptions failed:\n${errorMessages}`,
+                        variant: ALERT_VARIANTS.WARNING,
+                    });
+                }
+                if (data.success && data.success.length > 0) {
+                    showToast(intl.formatMessage(messages.exceptionsGrantedToast, { count: data.success.length }));
+                }
+            },
+            onError: (error) => {
+                showModal({
+                    title: intl.formatMessage(messages.errorModalTitle),
+                    message: getErrorMessage(error, intl.formatMessage(messages.errorGrantException)),
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [grantExceptions, showToast, showModal, intl]);
+    const handleUploadCsvExceptions = useCallback((file) => {
+        uploadCsvExceptions(file, {
+            onSuccess: (data) => {
+                setIsGrantExceptionsOpen(false);
+                if (data.errors && data.errors.length > 0) {
+                    const errorMessages = data.errors.map(err => `${err.learner}: ${err.message}`).join('\n');
+                    showModal({
+                        title: intl.formatMessage(messages.errorModalTitle),
+                        message: `Some exceptions failed:\n${errorMessages}`,
+                        variant: ALERT_VARIANTS.WARNING,
+                    });
+                }
+                if (data.success && data.success.length > 0) {
+                    showToast(intl.formatMessage(messages.exceptionsGrantedToast, { count: data.success.length }));
+                }
+            },
+            onError: (error) => {
+                showModal({
+                    title: intl.formatMessage(messages.errorModalTitle),
+                    message: getErrorMessage(error, intl.formatMessage(messages.errorGrantException)),
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [uploadCsvExceptions, showToast, showModal, intl]);
+    const handleInvalidateCertificate = useCallback((learners, notes) => {
+        invalidateCert({ learners, notes }, {
+            onSuccess: (data) => {
+                setIsInvalidateCertificateOpen(false);
+                if (data.errors && data.errors.length > 0) {
+                    const errorMessages = data.errors.map(err => `${err.learner}: ${err.message}`).join('\n');
+                    showModal({
+                        title: intl.formatMessage(messages.errorModalTitle),
+                        message: `Some invalidations failed:\n${errorMessages}`,
+                        variant: ALERT_VARIANTS.WARNING,
+                    });
+                }
+                if (data.success && data.success.length > 0) {
+                    showToast(intl.formatMessage(messages.certificatesInvalidatedToast, { count: data.success.length }));
+                }
+            },
+            onError: (error) => {
+                showModal({
+                    title: intl.formatMessage(messages.errorModalTitle),
+                    message: getErrorMessage(error, intl.formatMessage(messages.errorInvalidateCertificate)),
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [invalidateCert, showToast, showModal, intl]);
+    const handleRemoveExceptionClick = useCallback((username, email) => {
+        setSelectedUsername(username);
+        setSelectedEmail(email);
+        setIsRemoveExceptionOpen(true);
+    }, []);
+    const handleRemoveExceptionConfirm = useCallback(() => {
+        // Backend accepts either username or email - use whichever is available
+        const identifier = selectedUsername || selectedEmail;
+        if (!identifier) {
+            showModal({
+                title: MODAL_TITLES.ERROR,
+                message: intl.formatMessage(messages.errorRemoveException) + ': Username or email is required',
+                variant: ALERT_VARIANTS.DANGER,
+            });
+            return;
+        }
+        removeExcept({ username: identifier }, {
+            onSuccess: () => {
+                setIsRemoveExceptionOpen(false);
+                setSelectedUsername('');
+                setSelectedEmail('');
+                showToast(intl.formatMessage(messages.exceptionRemovedToast, { email: selectedEmail }));
+            },
+            onError: (error) => {
+                showModal({
+                    title: intl.formatMessage(messages.errorModalTitle),
+                    message: getErrorMessage(error, intl.formatMessage(messages.errorRemoveException)),
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [removeExcept, selectedUsername, selectedEmail, showToast, showModal, intl]);
+    const handleRemoveInvalidationClick = useCallback((username, email) => {
+        setSelectedUsername(username);
+        setSelectedEmail(email);
+        setIsRemoveInvalidationOpen(true);
+    }, []);
+    const handleRemoveInvalidationConfirm = useCallback(() => {
+        // Backend accepts either username or email - use whichever is available
+        const identifier = selectedUsername || selectedEmail;
+        if (!identifier) {
+            showModal({
+                title: MODAL_TITLES.ERROR,
+                message: intl.formatMessage(messages.errorRemoveInvalidation) + ': Username or email is required',
+                variant: ALERT_VARIANTS.DANGER,
+            });
+            return;
+        }
+        removeInval({ username: identifier }, {
+            onSuccess: () => {
+                setIsRemoveInvalidationOpen(false);
+                setSelectedUsername('');
+                setSelectedEmail('');
+                showToast(intl.formatMessage(messages.invalidationRemovedToast, { email: selectedEmail }));
+            },
+            onError: (error) => {
+                showModal({
+                    title: intl.formatMessage(messages.errorModalTitle),
+                    message: getErrorMessage(error, intl.formatMessage(messages.errorRemoveInvalidation)),
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [removeInval, selectedUsername, selectedEmail, showToast, showModal, intl]);
+    const handleToggleCertificateGeneration = useCallback(() => {
+        const newState = !isCertificateGenerationEnabled;
+        toggleGeneration(newState, {
+            onSuccess: () => {
+                setIsCertificateGenerationEnabled(newState);
+                setIsDisableCertificatesOpen(false);
+                showToast(newState
+                    ? intl.formatMessage(messages.successEnableCertificates)
+                    : intl.formatMessage(messages.successDisableCertificates));
+            },
+            onError: (error) => {
+                showModal({
+                    title: MODAL_TITLES.ERROR,
+                    message: getErrorMessage(error, intl.formatMessage(messages.errorToggleCertificateGeneration)),
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [isCertificateGenerationEnabled, toggleGeneration, showToast, showModal, intl]);
+    const handleRegenerateCertificatesClick = useCallback(() => {
+        // Don't open modal for disabled filters
+        if (filter === CertificateFilter.ALL_LEARNERS || filter === CertificateFilter.INVALIDATED) {
+            return;
+        }
+        // For granted exceptions, open the generate modal
+        if (filter === CertificateFilter.GRANTED_EXCEPTIONS) {
+            setIsGenerateModalOpen(true);
+        }
+        else {
+            // For other filters, open the regenerate modal
+            setIsRegenerateModalOpen(true);
+        }
+    }, [filter]);
+    const handleRegenerateCertificatesConfirm = useCallback(() => {
+        regenerateCerts({ filter, onlyWithoutCertificate: false }, {
+            onSuccess: () => {
+                setIsRegenerateModalOpen(false);
+                showToast(intl.formatMessage(messages.certificatesRegeneratedToast));
+            },
+            onError: (error) => {
+                setIsRegenerateModalOpen(false);
+                const errorMessage = getErrorMessage(error, intl.formatMessage(messages.errorRegenerateCertificates));
+                showModal({
+                    title: MODAL_TITLES.ERROR,
+                    message: errorMessage,
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [regenerateCerts, filter, showToast, showModal, intl]);
+    const handleGenerateCertificatesConfirm = useCallback((onlyWithoutCertificate) => {
+        regenerateCerts({ filter, onlyWithoutCertificate }, {
+            onSuccess: () => {
+                setIsGenerateModalOpen(false);
+                showToast(intl.formatMessage(messages.certificatesRegeneratedToast));
+            },
+            onError: (error) => {
+                setIsGenerateModalOpen(false);
+                const errorMessage = getErrorMessage(error, intl.formatMessage(messages.errorRegenerateCertificates));
+                showModal({
+                    title: MODAL_TITLES.ERROR,
+                    message: errorMessage,
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [regenerateCerts, filter, showToast, showModal, intl]);
+    const handleTabKeyDown = useCallback((event) => {
+        const tabs = [TAB_KEYS.ISSUED, TAB_KEYS.HISTORY];
+        const currentIndex = tabs.indexOf(activeTab);
+        let nextIndex = currentIndex;
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowDown':
+                event.preventDefault();
+                nextIndex = (currentIndex + 1) % tabs.length;
+                break;
+            case 'ArrowLeft':
+            case 'ArrowUp':
+                event.preventDefault();
+                nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+                break;
+            case 'Home':
+                event.preventDefault();
+                nextIndex = 0;
+                break;
+            case 'End':
+                event.preventDefault();
+                nextIndex = tabs.length - 1;
+                break;
+            default:
+                return;
+        }
+        const nextTab = tabs[nextIndex];
+        setActiveTab(nextTab);
+        // Focus the new tab
+        setTimeout(() => {
+            var _a;
+            (_a = document.getElementById(`certificates-tab-${nextTab}`)) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 0);
+    }, [activeTab]);
+    // Check if certificate management is disabled
+    if (courseInfo && !courseInfo.certificatesEnabled) {
+        return (_jsx(Container, { className: "mt-4.5 mb-4", fluid: true, children: _jsx(Alert, { variant: "warning", children: intl.formatMessage(messages.certificatesDisabledMessage) }) }));
+    }
+    return (_jsxs(Container, { className: "mt-4.5 mb-4", fluid: true, children: [_jsx(CertificatesPageHeader, { onGrantExceptions: () => setIsGrantExceptionsOpen(true), onInvalidateCertificate: () => setIsInvalidateCertificateOpen(true), onStudentGeneratedCertificates: () => setIsDisableCertificatesOpen(true) }), _jsxs(Card, { variant: "muted", className: "pt-3 pt-md-4 pb-4 pb-md-6 certificates-card", children: [_jsxs(ButtonGroup, { className: "d-block mx-4", role: "tablist", children: [_jsx(Button, { id: "certificates-tab-issued", role: "tab", "aria-controls": "certificates-tabpanel-issued", "aria-selected": activeTab === TAB_KEYS.ISSUED, tabIndex: activeTab === TAB_KEYS.ISSUED ? 0 : -1, onClick: () => setActiveTab(TAB_KEYS.ISSUED), onKeyDown: handleTabKeyDown, variant: activeTab === TAB_KEYS.ISSUED ? 'primary' : 'outline-primary', children: intl.formatMessage(messages.issuedCertificatesTab) }), _jsx(Button, { id: "certificates-tab-history", role: "tab", "aria-controls": "certificates-tabpanel-history", "aria-selected": activeTab === TAB_KEYS.HISTORY, tabIndex: activeTab === TAB_KEYS.HISTORY ? 0 : -1, onClick: () => setActiveTab(TAB_KEYS.HISTORY), onKeyDown: handleTabKeyDown, variant: activeTab === TAB_KEYS.HISTORY ? 'primary' : 'outline-primary', children: intl.formatMessage(messages.generationHistoryTab) })] }), _jsx("div", { id: "certificates-tabpanel-issued", role: "tabpanel", "aria-labelledby": "certificates-tab-issued", hidden: activeTab !== TAB_KEYS.ISSUED, children: activeTab === TAB_KEYS.ISSUED && (_jsx(IssuedCertificatesTab, { data: (certificatesData === null || certificatesData === void 0 ? void 0 : certificatesData.results) || [], isLoading: isLoadingCertificates, itemCount: (certificatesData === null || certificatesData === void 0 ? void 0 : certificatesData.count) || 0, pageCount: (certificatesData === null || certificatesData === void 0 ? void 0 : certificatesData.numPages) || 0, search: search, onSearchChange: setSearch, filter: filter, onFilterChange: setFilter, currentPage: certificatesPage, onPageChange: setCertificatesPage, onRemoveException: handleRemoveExceptionClick, onRemoveInvalidation: handleRemoveInvalidationClick, onRegenerateCertificates: handleRegenerateCertificatesClick })) }), _jsx("div", { id: "certificates-tabpanel-history", role: "tabpanel", "aria-labelledby": "certificates-tab-history", hidden: activeTab !== TAB_KEYS.HISTORY, children: activeTab === TAB_KEYS.HISTORY && (_jsx("div", { className: "d-flex flex-column mt-3 mt-md-4", children: _jsx(GenerationHistoryTable, { data: (historyData === null || historyData === void 0 ? void 0 : historyData.results) || [], isLoading: isLoadingHistory, itemCount: (historyData === null || historyData === void 0 ? void 0 : historyData.count) || 0, pageCount: (historyData === null || historyData === void 0 ? void 0 : historyData.numPages) || 0, currentPage: tasksPage, onPageChange: setTasksPage }) })) })] }), _jsx(GrantExceptionsModal, { isOpen: isGrantExceptionsOpen, onClose: () => setIsGrantExceptionsOpen(false), onSubmit: handleGrantExceptions, onUploadCsv: handleUploadCsvExceptions, isSubmitting: isGrantingExceptions || isUploadingCsv }), _jsx(InvalidateCertificateModal, { isOpen: isInvalidateCertificateOpen, onClose: () => setIsInvalidateCertificateOpen(false), onSubmit: handleInvalidateCertificate, isSubmitting: isInvalidating }), _jsx(RemoveExceptionModal, { isOpen: isRemoveExceptionOpen, email: selectedEmail, onClose: () => {
+                    setIsRemoveExceptionOpen(false);
+                    setSelectedUsername('');
+                    setSelectedEmail('');
+                }, onConfirm: handleRemoveExceptionConfirm, isSubmitting: isRemovingException }), _jsx(RemoveInvalidationModal, { isOpen: isRemoveInvalidationOpen, email: selectedEmail, onClose: () => {
+                    setIsRemoveInvalidationOpen(false);
+                    setSelectedUsername('');
+                    setSelectedEmail('');
+                }, onConfirm: handleRemoveInvalidationConfirm, isSubmitting: isRemovingInvalidation }), _jsx(DisableCertificatesModal, { isOpen: isDisableCertificatesOpen, isEnabled: isCertificateGenerationEnabled, onClose: () => setIsDisableCertificatesOpen(false), onConfirm: handleToggleCertificateGeneration, isSubmitting: isTogglingGeneration }), _jsx(RegenerateCertificatesModal, { isOpen: isRegenerateModalOpen, onClose: () => setIsRegenerateModalOpen(false), onConfirm: handleRegenerateCertificatesConfirm, isSubmitting: false, filter: filter, learnerCount: (certificatesData === null || certificatesData === void 0 ? void 0 : certificatesData.count) || 0 }), _jsx(GenerateCertificatesModal, { isOpen: isGenerateModalOpen, onClose: () => setIsGenerateModalOpen(false), onConfirm: handleGenerateCertificatesConfirm, isSubmitting: false, learnerCount: (certificatesData === null || certificatesData === void 0 ? void 0 : certificatesData.count) || 0 })] }));
 };
 export default CertificatesPage;
 //# sourceMappingURL=CertificatesPage.js.map

package/dist/certificates/CertificatesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CertificatesPage.js","sourceRoot":"","sources":["../../src/certificates/CertificatesPage.tsx"],"names":[],"mappings":";AAAA,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,OAAO,CACL,wBACE,wCAAqB,GACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["const CertificatesPage = () => {\n  return (\n    <div>\n      <h3>Certificates</h3>\n    </div>\n  );\n};\n\nexport default CertificatesPage;\n"]}
+{"version":3,"file":"CertificatesPage.js","sourceRoot":"","sources":["../../src/certificates/CertificatesPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Card, Container, Button, ButtonGroup, Alert } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport { useAlert } from '@src/providers/AlertProvider';\nimport { useCourseInfo } from '@src/data/apiHook';\nimport CertificatesPageHeader from '@src/certificates/components/CertificatesPageHeader';\nimport IssuedCertificatesTab from '@src/certificates/components/IssuedCertificatesTab';\nimport GenerationHistoryTable from '@src/certificates/components/GenerationHistoryTable';\nimport GrantExceptionsModal from '@src/certificates/components/GrantExceptionsModal';\nimport InvalidateCertificateModal from '@src/certificates/components/InvalidateCertificateModal';\nimport RemoveExceptionModal from '@src/certificates/components/RemoveExceptionModal';\nimport RemoveInvalidationModal from '@src/certificates/components/RemoveInvalidationModal';\nimport DisableCertificatesModal from '@src/certificates/components/DisableCertificatesModal';\nimport RegenerateCertificatesModal from '@src/certificates/components/RegenerateCertificatesModal';\nimport GenerateCertificatesModal from '@src/certificates/components/GenerateCertificatesModal';\nimport {\n  useCertificateGenerationHistory,\n  useGrantBulkExceptions,\n  useInvalidateCertificate,\n  useIssuedCertificates,\n  useRegenerateCertificates,\n  useRemoveException,\n  useRemoveInvalidation,\n  useToggleCertificateGeneration,\n  useUploadBulkExceptionsCsv,\n} from '@src/certificates/data/apiHook';\nimport { CertificateFilter } from '@src/certificates/types';\nimport { CERTIFICATES_PAGE_SIZE, TAB_KEYS, MODAL_TITLES, ALERT_VARIANTS } from '@src/certificates/constants';\nimport { getErrorMessage } from '@src/certificates/utils/errorHandling';\nimport messages from '@src/certificates/messages';\nimport './CertificatesPage.scss';\n\nconst CertificatesPage = () => {\n  const intl = useIntl();\n  const { courseId = '' } = useParams<{ courseId: string }>();\n  const { showToast, showModal } = useAlert();\n  const { data: courseInfo } = useCourseInfo(courseId);\n\n  const [filter, setFilter] = useState<CertificateFilter>(CertificateFilter.ALL_LEARNERS);\n  const [search, setSearch] = useState('');\n  const [certificatesPage, setCertificatesPage] = useState(0);\n  const [tasksPage, setTasksPage] = useState(0);\n  const [activeTab, setActiveTab] = useState<typeof TAB_KEYS.ISSUED | typeof TAB_KEYS.HISTORY>(TAB_KEYS.ISSUED);\n  const [selectedUsername, setSelectedUsername] = useState('');\n  const [selectedEmail, setSelectedEmail] = useState('');\n  const [isCertificateGenerationEnabled, setIsCertificateGenerationEnabled] = useState(true);\n\n  const [isGrantExceptionsOpen, setIsGrantExceptionsOpen] = useState(false);\n  const [isInvalidateCertificateOpen, setIsInvalidateCertificateOpen] = useState(false);\n  const [isRemoveExceptionOpen, setIsRemoveExceptionOpen] = useState(false);\n  const [isRemoveInvalidationOpen, setIsRemoveInvalidationOpen] = useState(false);\n  const [isDisableCertificatesOpen, setIsDisableCertificatesOpen] = useState(false);\n  const [isRegenerateModalOpen, setIsRegenerateModalOpen] = useState(false);\n  const [isGenerateModalOpen, setIsGenerateModalOpen] = useState(false);\n\n  const {\n    data: certificatesData,\n    isLoading: isLoadingCertificates,\n  } = useIssuedCertificates(courseId, {\n    page: certificatesPage,\n    pageSize: CERTIFICATES_PAGE_SIZE,\n    filter,\n    search,\n  });\n\n  const {\n    data: historyData,\n    isLoading: isLoadingHistory,\n  } = useCertificateGenerationHistory(courseId, {\n    page: tasksPage,\n    pageSize: CERTIFICATES_PAGE_SIZE,\n  });\n\n  const { mutate: grantExceptions, isPending: isGrantingExceptions } = useGrantBulkExceptions(courseId);\n  const { mutate: uploadCsvExceptions, isPending: isUploadingCsv } = useUploadBulkExceptionsCsv(courseId);\n  const { mutate: invalidateCert, isPending: isInvalidating } = useInvalidateCertificate(courseId);\n  const { mutate: removeExcept, isPending: isRemovingException } = useRemoveException(courseId);\n  const { mutate: removeInval, isPending: isRemovingInvalidation } = useRemoveInvalidation(courseId);\n  const { mutate: toggleGeneration, isPending: isTogglingGeneration } = useToggleCertificateGeneration(courseId);\n  const { mutate: regenerateCerts } = useRegenerateCertificates(courseId);\n\n  const handleGrantExceptions = useCallback((learners: string[], notes: string) => {\n    grantExceptions(\n      { learners, notes },\n      {\n        onSuccess: (data) => {\n          setIsGrantExceptionsOpen(false);\n          if (data.errors && data.errors.length > 0) {\n            const errorMessages = data.errors.map(err => `${err.learner}: ${err.message}`).join('\\n');\n            showModal({\n              title: intl.formatMessage(messages.errorModalTitle),\n              message: `Some exceptions failed:\\n${errorMessages}`,\n              variant: ALERT_VARIANTS.WARNING,\n            });\n          }\n          if (data.success && data.success.length > 0) {\n            showToast(intl.formatMessage(messages.exceptionsGrantedToast, { count: data.success.length }));\n          }\n        },\n        onError: (error) => {\n          showModal({\n            title: intl.formatMessage(messages.errorModalTitle),\n            message: getErrorMessage(error, intl.formatMessage(messages.errorGrantException)),\n            variant: ALERT_VARIANTS.DANGER,\n          });\n        },\n      },\n    );\n  }, [grantExceptions, showToast, showModal, intl]);\n\n  const handleUploadCsvExceptions = useCallback((file: File) => {\n    uploadCsvExceptions(\n      file,\n      {\n        onSuccess: (data) => {\n          setIsGrantExceptionsOpen(false);\n          if (data.errors && data.errors.length > 0) {\n            const errorMessages = data.errors.map(err => `${err.learner}: ${err.message}`).join('\\n');\n            showModal({\n              title: intl.formatMessage(messages.errorModalTitle),\n              message: `Some exceptions failed:\\n${errorMessages}`,\n              variant: ALERT_VARIANTS.WARNING,\n            });\n          }\n          if (data.success && data.success.length > 0) {\n            showToast(intl.formatMessage(messages.exceptionsGrantedToast, { count: data.success.length }));\n          }\n        },\n        onError: (error) => {\n          showModal({\n            title: intl.formatMessage(messages.errorModalTitle),\n            message: getErrorMessage(error, intl.formatMessage(messages.errorGrantException)),\n            variant: ALERT_VARIANTS.DANGER,\n          });\n        },\n      },\n    );\n  }, [uploadCsvExceptions, showToast, showModal, intl]);\n\n  const handleInvalidateCertificate = useCallback((learners: string[], notes: string) => {\n    invalidateCert(\n      { learners, notes },\n      {\n        onSuccess: (data) => {\n          setIsInvalidateCertificateOpen(false);\n          if (data.errors && data.errors.length > 0) {\n            const errorMessages = data.errors.map(err => `${err.learner}: ${err.message}`).join('\\n');\n            showModal({\n              title: intl.formatMessage(messages.errorModalTitle),\n              message: `Some invalidations failed:\\n${errorMessages}`,\n              variant: ALERT_VARIANTS.WARNING,\n            });\n          }\n          if (data.success && data.success.length > 0) {\n            showToast(intl.formatMessage(messages.certificatesInvalidatedToast, { count: data.success.length }));\n          }\n        },\n        onError: (error) => {\n          showModal({\n            title: intl.formatMessage(messages.errorModalTitle),\n            message: getErrorMessage(error, intl.formatMessage(messages.errorInvalidateCertificate)),\n            variant: ALERT_VARIANTS.DANGER,\n          });\n        },\n      },\n    );\n  }, [invalidateCert, showToast, showModal, intl]);\n\n  const handleRemoveExceptionClick = useCallback((username: string, email: string) => {\n    setSelectedUsername(username);\n    setSelectedEmail(email);\n    setIsRemoveExceptionOpen(true);\n  }, []);\n\n  const handleRemoveExceptionConfirm = useCallback(() => {\n    // Backend accepts either username or email - use whichever is available\n    const identifier = selectedUsername || selectedEmail;\n\n    if (!identifier) {\n      showModal({\n        title: MODAL_TITLES.ERROR,\n        message: intl.formatMessage(messages.errorRemoveException) + ': Username or email is required',\n        variant: ALERT_VARIANTS.DANGER,\n      });\n      return;\n    }\n\n    removeExcept(\n      { username: identifier },\n      {\n        onSuccess: () => {\n          setIsRemoveExceptionOpen(false);\n          setSelectedUsername('');\n          setSelectedEmail('');\n          showToast(intl.formatMessage(messages.exceptionRemovedToast, { email: selectedEmail }));\n        },\n        onError: (error) => {\n          showModal({\n            title: intl.formatMessage(messages.errorModalTitle),\n            message: getErrorMessage(error, intl.formatMessage(messages.errorRemoveException)),\n            variant: ALERT_VARIANTS.DANGER,\n          });\n        },\n      },\n    );\n  }, [removeExcept, selectedUsername, selectedEmail, showToast, showModal, intl]);\n\n  const handleRemoveInvalidationClick = useCallback((username: string, email: string) => {\n    setSelectedUsername(username);\n    setSelectedEmail(email);\n    setIsRemoveInvalidationOpen(true);\n  }, []);\n\n  const handleRemoveInvalidationConfirm = useCallback(() => {\n    // Backend accepts either username or email - use whichever is available\n    const identifier = selectedUsername || selectedEmail;\n\n    if (!identifier) {\n      showModal({\n        title: MODAL_TITLES.ERROR,\n        message: intl.formatMessage(messages.errorRemoveInvalidation) + ': Username or email is required',\n        variant: ALERT_VARIANTS.DANGER,\n      });\n      return;\n    }\n\n    removeInval(\n      { username: identifier },\n      {\n        onSuccess: () => {\n          setIsRemoveInvalidationOpen(false);\n          setSelectedUsername('');\n          setSelectedEmail('');\n          showToast(intl.formatMessage(messages.invalidationRemovedToast, { email: selectedEmail }));\n        },\n        onError: (error) => {\n          showModal({\n            title: intl.formatMessage(messages.errorModalTitle),\n            message: getErrorMessage(error, intl.formatMessage(messages.errorRemoveInvalidation)),\n            variant: ALERT_VARIANTS.DANGER,\n          });\n        },\n      },\n    );\n  }, [removeInval, selectedUsername, selectedEmail, showToast, showModal, intl]);\n\n  const handleToggleCertificateGeneration = useCallback(() => {\n    const newState = !isCertificateGenerationEnabled;\n    toggleGeneration(newState, {\n      onSuccess: () => {\n        setIsCertificateGenerationEnabled(newState);\n        setIsDisableCertificatesOpen(false);\n        showToast(\n          newState\n            ? intl.formatMessage(messages.successEnableCertificates)\n            : intl.formatMessage(messages.successDisableCertificates),\n        );\n      },\n      onError: (error) => {\n        showModal({\n          title: MODAL_TITLES.ERROR,\n          message: getErrorMessage(error, intl.formatMessage(messages.errorToggleCertificateGeneration)),\n          variant: ALERT_VARIANTS.DANGER,\n        });\n      },\n    });\n  }, [isCertificateGenerationEnabled, toggleGeneration, showToast, showModal, intl]);\n\n  const handleRegenerateCertificatesClick = useCallback(() => {\n    // Don't open modal for disabled filters\n    if (filter === CertificateFilter.ALL_LEARNERS || filter === CertificateFilter.INVALIDATED) {\n      return;\n    }\n\n    // For granted exceptions, open the generate modal\n    if (filter === CertificateFilter.GRANTED_EXCEPTIONS) {\n      setIsGenerateModalOpen(true);\n    } else {\n      // For other filters, open the regenerate modal\n      setIsRegenerateModalOpen(true);\n    }\n  }, [filter]);\n\n  const handleRegenerateCertificatesConfirm = useCallback(() => {\n    regenerateCerts({ filter, onlyWithoutCertificate: false }, {\n      onSuccess: () => {\n        setIsRegenerateModalOpen(false);\n        showToast(intl.formatMessage(messages.certificatesRegeneratedToast));\n      },\n      onError: (error) => {\n        setIsRegenerateModalOpen(false);\n        const errorMessage = getErrorMessage(error, intl.formatMessage(messages.errorRegenerateCertificates));\n        showModal({\n          title: MODAL_TITLES.ERROR,\n          message: errorMessage,\n          variant: ALERT_VARIANTS.DANGER,\n        });\n      },\n    });\n  }, [regenerateCerts, filter, showToast, showModal, intl]);\n\n  const handleGenerateCertificatesConfirm = useCallback((onlyWithoutCertificate: boolean) => {\n    regenerateCerts({ filter, onlyWithoutCertificate }, {\n      onSuccess: () => {\n        setIsGenerateModalOpen(false);\n        showToast(intl.formatMessage(messages.certificatesRegeneratedToast));\n      },\n      onError: (error) => {\n        setIsGenerateModalOpen(false);\n        const errorMessage = getErrorMessage(error, intl.formatMessage(messages.errorRegenerateCertificates));\n        showModal({\n          title: MODAL_TITLES.ERROR,\n          message: errorMessage,\n          variant: ALERT_VARIANTS.DANGER,\n        });\n      },\n    });\n  }, [regenerateCerts, filter, showToast, showModal, intl]);\n\n  const handleTabKeyDown = useCallback((event: React.KeyboardEvent) => {\n    const tabs = [TAB_KEYS.ISSUED, TAB_KEYS.HISTORY];\n    const currentIndex = tabs.indexOf(activeTab);\n\n    let nextIndex = currentIndex;\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        event.preventDefault();\n        nextIndex = (currentIndex + 1) % tabs.length;\n        break;\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        event.preventDefault();\n        nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n        break;\n      case 'Home':\n        event.preventDefault();\n        nextIndex = 0;\n        break;\n      case 'End':\n        event.preventDefault();\n        nextIndex = tabs.length - 1;\n        break;\n      default:\n        return;\n    }\n\n    const nextTab = tabs[nextIndex];\n    setActiveTab(nextTab);\n\n    // Focus the new tab\n    setTimeout(() => {\n      document.getElementById(`certificates-tab-${nextTab}`)?.focus();\n    }, 0);\n  }, [activeTab]);\n\n  // Check if certificate management is disabled\n  if (courseInfo && !courseInfo.certificatesEnabled) {\n    return (\n      <Container className=\"mt-4.5 mb-4\" fluid>\n        <Alert variant=\"warning\">\n          {intl.formatMessage(messages.certificatesDisabledMessage)}\n        </Alert>\n      </Container>\n    );\n  }\n\n  return (\n    <Container className=\"mt-4.5 mb-4\" fluid>\n      <CertificatesPageHeader\n        onGrantExceptions={() => setIsGrantExceptionsOpen(true)}\n        onInvalidateCertificate={() => setIsInvalidateCertificateOpen(true)}\n        onStudentGeneratedCertificates={() => setIsDisableCertificatesOpen(true)}\n      />\n\n      <Card variant=\"muted\" className=\"pt-3 pt-md-4 pb-4 pb-md-6 certificates-card\">\n        <ButtonGroup className=\"d-block mx-4\" role=\"tablist\">\n          <Button\n            id=\"certificates-tab-issued\"\n            role=\"tab\"\n            aria-controls=\"certificates-tabpanel-issued\"\n            aria-selected={activeTab === TAB_KEYS.ISSUED}\n            tabIndex={activeTab === TAB_KEYS.ISSUED ? 0 : -1}\n            onClick={() => setActiveTab(TAB_KEYS.ISSUED)}\n            onKeyDown={handleTabKeyDown}\n            variant={activeTab === TAB_KEYS.ISSUED ? 'primary' : 'outline-primary'}\n          >\n            {intl.formatMessage(messages.issuedCertificatesTab)}\n          </Button>\n          <Button\n            id=\"certificates-tab-history\"\n            role=\"tab\"\n            aria-controls=\"certificates-tabpanel-history\"\n            aria-selected={activeTab === TAB_KEYS.HISTORY}\n            tabIndex={activeTab === TAB_KEYS.HISTORY ? 0 : -1}\n            onClick={() => setActiveTab(TAB_KEYS.HISTORY)}\n            onKeyDown={handleTabKeyDown}\n            variant={activeTab === TAB_KEYS.HISTORY ? 'primary' : 'outline-primary'}\n          >\n            {intl.formatMessage(messages.generationHistoryTab)}\n          </Button>\n        </ButtonGroup>\n        <div\n          id=\"certificates-tabpanel-issued\"\n          role=\"tabpanel\"\n          aria-labelledby=\"certificates-tab-issued\"\n          hidden={activeTab !== TAB_KEYS.ISSUED}\n        >\n          {activeTab === TAB_KEYS.ISSUED && (\n            <IssuedCertificatesTab\n              data={certificatesData?.results || []}\n              isLoading={isLoadingCertificates}\n              itemCount={certificatesData?.count || 0}\n              pageCount={certificatesData?.numPages || 0}\n              search={search}\n              onSearchChange={setSearch}\n              filter={filter}\n              onFilterChange={setFilter}\n              currentPage={certificatesPage}\n              onPageChange={setCertificatesPage}\n              onRemoveException={handleRemoveExceptionClick}\n              onRemoveInvalidation={handleRemoveInvalidationClick}\n              onRegenerateCertificates={handleRegenerateCertificatesClick}\n            />\n          )}\n        </div>\n        <div\n          id=\"certificates-tabpanel-history\"\n          role=\"tabpanel\"\n          aria-labelledby=\"certificates-tab-history\"\n          hidden={activeTab !== TAB_KEYS.HISTORY}\n        >\n          {activeTab === TAB_KEYS.HISTORY && (\n            <div className=\"d-flex flex-column mt-3 mt-md-4\">\n              <GenerationHistoryTable\n                data={historyData?.results || []}\n                isLoading={isLoadingHistory}\n                itemCount={historyData?.count || 0}\n                pageCount={historyData?.numPages || 0}\n                currentPage={tasksPage}\n                onPageChange={setTasksPage}\n              />\n            </div>\n          )}\n        </div>\n      </Card>\n\n      <GrantExceptionsModal\n        isOpen={isGrantExceptionsOpen}\n        onClose={() => setIsGrantExceptionsOpen(false)}\n        onSubmit={handleGrantExceptions}\n        onUploadCsv={handleUploadCsvExceptions}\n        isSubmitting={isGrantingExceptions || isUploadingCsv}\n      />\n      <InvalidateCertificateModal\n        isOpen={isInvalidateCertificateOpen}\n        onClose={() => setIsInvalidateCertificateOpen(false)}\n        onSubmit={handleInvalidateCertificate}\n        isSubmitting={isInvalidating}\n      />\n      <RemoveExceptionModal\n        isOpen={isRemoveExceptionOpen}\n        email={selectedEmail}\n        onClose={() => {\n          setIsRemoveExceptionOpen(false);\n          setSelectedUsername('');\n          setSelectedEmail('');\n        }}\n        onConfirm={handleRemoveExceptionConfirm}\n        isSubmitting={isRemovingException}\n      />\n      <RemoveInvalidationModal\n        isOpen={isRemoveInvalidationOpen}\n        email={selectedEmail}\n        onClose={() => {\n          setIsRemoveInvalidationOpen(false);\n          setSelectedUsername('');\n          setSelectedEmail('');\n        }}\n        onConfirm={handleRemoveInvalidationConfirm}\n        isSubmitting={isRemovingInvalidation}\n      />\n      <DisableCertificatesModal\n        isOpen={isDisableCertificatesOpen}\n        isEnabled={isCertificateGenerationEnabled}\n        onClose={() => setIsDisableCertificatesOpen(false)}\n        onConfirm={handleToggleCertificateGeneration}\n        isSubmitting={isTogglingGeneration}\n      />\n      <RegenerateCertificatesModal\n        isOpen={isRegenerateModalOpen}\n        onClose={() => setIsRegenerateModalOpen(false)}\n        onConfirm={handleRegenerateCertificatesConfirm}\n        isSubmitting={false}\n        filter={filter}\n        learnerCount={certificatesData?.count || 0}\n      />\n      <GenerateCertificatesModal\n        isOpen={isGenerateModalOpen}\n        onClose={() => setIsGenerateModalOpen(false)}\n        onConfirm={handleGenerateCertificatesConfirm}\n        isSubmitting={false}\n        learnerCount={certificatesData?.count || 0}\n      />\n    </Container>\n  );\n};\n\nexport default CertificatesPage;\n"]}

package/dist/certificates/CertificatesPage.scss

@@ -0,0 +1,90 @@
+.filter-dropdown-item {
+  &:hover,
+  &.active {
+    text-decoration: none;
+    color: var(--pgn-color-menu-item-hover-color);
+    border-color: var(--pgn-color-menu-item-hover-border);
+    background: var(--pgn-color-menu-item-hover-bg);
+  }
+
+  &.active {
+    font-weight: 600;
+  }
+}
+
+.certificates-filter-dropdown,
+.certificate-actions-dropdown {
+  position: relative;
+  z-index: 1050;
+
+  .dropdown-menu {
+    position: absolute;
+    z-index: 9999;
+    max-height: 400px;
+    overflow-y: auto;
+  }
+}
+
+.certificate-actions-dropdown {
+  position: static;
+
+  .dropdown-toggle {
+    position: relative;
+    z-index: 1;
+  }
+
+  .dropdown-menu {
+    will-change: transform;
+  }
+}
+
+.certificates-card {
+  position: relative;
+  overflow: visible;
+  overflow-x: hidden;
+
+  .card-body,
+  .pgn__tabs,
+  .tab-content,
+  .tab-pane {
+    overflow: visible;
+  }
+}
+
+.certificates-tab-container {
+  overflow: visible;
+}
+
+.certificates-table-wrapper {
+  overflow-x: auto;
+  overflow-y: visible;
+  position: relative;
+}
+
+.certificates-card .pgn__data-table-layout {
+  overflow: visible;
+
+  table,
+  tbody,
+  tr,
+  td {
+    position: relative;
+  }
+}
+
+.certificates-card {
+  .pgn__data-table-footer,
+  .pgn__data-table-pagination {
+    position: relative;
+    z-index: 1;
+  }
+}
+
+.certificates-toolbar-wrapper {
+  min-width: 0;
+}
+
+.certificates-search-field {
+  min-width: 320px;
+  max-width: 400px;
+}

package/dist/certificates/components/CertificateTable.d.ts

@@ -0,0 +1,14 @@
+import type { CertificateData, CertificateFilter } from '../../certificates/types';
+interface CertificateTableProps {
+    data: CertificateData[];
+    isLoading: boolean;
+    itemCount: number;
+    pageCount: number;
+    currentPage: number;
+    filter: CertificateFilter;
+    onPageChange: (pageIndex: number) => void;
+    onRemoveException: (username: string, email: string) => void;
+    onRemoveInvalidation: (username: string, email: string) => void;
+}
+declare const CertificateTable: ({ data, isLoading, itemCount, filter, onRemoveException, onRemoveInvalidation, }: CertificateTableProps) => import("react/jsx-runtime").JSX.Element;
+export default CertificateTable;