@openedx/frontend-app-instructor-dashboard 1.0.0-alpha.3 → 1.0.0-alpha.31

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,19 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { lazy, Suspense } from 'react';
-import { CurrentAppProvider, getAppConfig } from '@openedx/frontend-base';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CurrentAppProvider } from '@openedx/frontend-base';
 import { Outlet } from 'react-router-dom';
 import { AlertProvider } from './providers/AlertProvider';
 import { appId } from './constants';
 import PageWrapper from './pageWrapper/PageWrapper';
-import './app.scss';
-// Use a dynamic import guarded by process.env.NODE_ENV so the consumer's
-// webpack dead-code-eliminates this in production builds, meaning
-// @tanstack/react-query-devtools does not need to be installed by consumers.
-const ReactQueryDevtools = process.env.NODE_ENV === 'development'
-    ? lazy(() => import('@tanstack/react-query-devtools').then((m) => ({ default: m.ReactQueryDevtools })))
-    : 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 && getAppConfig(appId).NODE_ENV === 'development' && (_jsx(Suspense, { fallback: null, children: _jsx(ReactQueryDevtools, { initialIsOpen: false }) }))] }) }) }) }));
+import './style.scss';
+const Main = () => (_jsx(CurrentAppProvider, { appId: appId, children: _jsx(AlertProvider, { children: _jsx("main", { className: "d-flex flex-column flex-grow-1", children: _jsx(PageWrapper, { children: _jsx(Outlet, {}) }) }) }) }));
 export default Main;
 //# sourceMappingURL=Main.js.map

package/dist/Main.js.map

@@ -1 +1 @@
-{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC1E,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,yEAAyE;AACzE,kEAAkE;AAClE,6EAA6E;AAC7E,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;IAC/D,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,gCAAgC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC;IACvG,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,YAAY,CAAC,KAAK,CAAC,CAAC,QAAQ,KAAK,aAAa,IAAI,CACvE,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, getAppConfig } 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// Use a dynamic import guarded by process.env.NODE_ENV so the consumer's\n// webpack dead-code-eliminates this in production builds, meaning\n// @tanstack/react-query-devtools does not need to be installed by consumers.\nconst ReactQueryDevtools = process.env.NODE_ENV === 'development'\n  ? lazy(() => import('@tanstack/react-query-devtools').then((m) => ({ default: m.ReactQueryDevtools })))\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 && getAppConfig(appId).NODE_ENV === 'development' && (\n            <Suspense fallback={null}>\n              <ReactQueryDevtools initialIsOpen={false} />\n            </Suspense>\n          )}\n        </main>\n      </AlertProvider>\n    </QueryClientProvider>\n  </CurrentAppProvider>\n);\n\nexport default Main;\n"]}
+{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,OAAO,cAAc,CAAC;AAEtB,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,CACjB,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,YAC9B,KAAC,aAAa,cACZ,eAAM,SAAS,EAAC,gCAAgC,YAC9C,KAAC,WAAW,cACV,KAAC,MAAM,KAAG,GACE,GACT,GACO,GACG,CACtB,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { CurrentAppProvider } from '@openedx/frontend-base';\nimport { Outlet } from 'react-router-dom';\nimport { AlertProvider } from './providers/AlertProvider';\nimport { appId } from './constants';\nimport PageWrapper from './pageWrapper/PageWrapper';\n\nimport './style.scss';\n\nconst Main = () => (\n  <CurrentAppProvider appId={appId}>\n    <AlertProvider>\n      <main className=\"d-flex flex-column flex-grow-1\">\n        <PageWrapper>\n          <Outlet />\n        </PageWrapper>\n      </main>\n    </AlertProvider>\n  </CurrentAppProvider>\n);\n\nexport default Main;\n"]}

package/dist/app.js

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

package/dist/app.js.map

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

package/dist/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,218 @@
-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, Tab, Tabs, 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 { useCertificateGenerationHistory, useGrantBulkExceptions, useInvalidateCertificate, useIssuedCertificates, useRegenerateCertificates, useRemoveException, useRemoveInvalidation, useToggleCertificateGeneration, } 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 { 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: 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: MODAL_TITLES.ERROR,
+                        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: MODAL_TITLES.ERROR,
+                    message: getErrorMessage(error, intl.formatMessage(messages.errorGrantException)),
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [grantExceptions, 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: MODAL_TITLES.ERROR,
+                        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: MODAL_TITLES.ERROR,
+                    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: MODAL_TITLES.ERROR,
+                    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: MODAL_TITLES.ERROR,
+                    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 handleRegenerateCertificates = useCallback(() => {
+        regenerateCerts(filter, {
+            onSuccess: () => {
+                showToast(intl.formatMessage(messages.certificatesRegeneratedToast));
+            },
+            onError: (error) => {
+                showModal({
+                    title: MODAL_TITLES.ERROR,
+                    message: getErrorMessage(error, intl.formatMessage(messages.errorRegenerateCertificates)),
+                    variant: ALERT_VARIANTS.DANGER,
+                });
+            },
+        });
+    }, [regenerateCerts, filter, showToast, showModal, intl]);
+    // 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), onDisableCertificates: () => setIsDisableCertificatesOpen(true) }), _jsx(Card, { variant: "muted", className: "pt-3 pt-md-4 pb-4 pb-md-6 certificates-card", children: _jsxs(Tabs, { activeKey: activeTab, onSelect: (key) => setActiveTab(key || TAB_KEYS.ISSUED), className: "mx-4", variant: "button-group", children: [_jsx(Tab, { eventKey: TAB_KEYS.ISSUED, title: intl.formatMessage(messages.issuedCertificatesTab), children: _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: handleRegenerateCertificates }) }), _jsx(Tab, { eventKey: TAB_KEYS.HISTORY, title: intl.formatMessage(messages.generationHistoryTab), children: _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, isSubmitting: isGrantingExceptions }), _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 })] }));
 };
 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, Tab, Tabs, 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 {\n  useCertificateGenerationHistory,\n  useGrantBulkExceptions,\n  useInvalidateCertificate,\n  useIssuedCertificates,\n  useRegenerateCertificates,\n  useRemoveException,\n  useRemoveInvalidation,\n  useToggleCertificateGeneration,\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(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\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: 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: MODAL_TITLES.ERROR,\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: MODAL_TITLES.ERROR,\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 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: MODAL_TITLES.ERROR,\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: MODAL_TITLES.ERROR,\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: MODAL_TITLES.ERROR,\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: MODAL_TITLES.ERROR,\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 handleRegenerateCertificates = useCallback(() => {\n    regenerateCerts(filter, {\n      onSuccess: () => {\n        showToast(intl.formatMessage(messages.certificatesRegeneratedToast));\n      },\n      onError: (error) => {\n        showModal({\n          title: MODAL_TITLES.ERROR,\n          message: getErrorMessage(error, intl.formatMessage(messages.errorRegenerateCertificates)),\n          variant: ALERT_VARIANTS.DANGER,\n        });\n      },\n    });\n  }, [regenerateCerts, filter, showToast, showModal, intl]);\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        onDisableCertificates={() => setIsDisableCertificatesOpen(true)}\n      />\n\n      <Card variant=\"muted\" className=\"pt-3 pt-md-4 pb-4 pb-md-6 certificates-card\">\n        <Tabs\n          activeKey={activeTab}\n          onSelect={(key) => setActiveTab(key || TAB_KEYS.ISSUED)}\n          className=\"mx-4\"\n          variant=\"button-group\"\n        >\n          <Tab eventKey={TAB_KEYS.ISSUED} title={intl.formatMessage(messages.issuedCertificatesTab)}>\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={handleRegenerateCertificates}\n            />\n          </Tab>\n          <Tab eventKey={TAB_KEYS.HISTORY} title={intl.formatMessage(messages.generationHistoryTab)}>\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          </Tab>\n        </Tabs>\n      </Card>\n\n      <GrantExceptionsModal\n        isOpen={isGrantExceptionsOpen}\n        onClose={() => setIsGrantExceptionsOpen(false)}\n        onSubmit={handleGrantExceptions}\n        isSubmitting={isGrantingExceptions}\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    </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;

package/dist/certificates/components/CertificateTable.js

@@ -0,0 +1,88 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { DataTable, IconButton, OverlayTrigger, Popover, TableFooter } from '@openedx/paragon';
+import { MoreVert } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import { CertificateFilter as FilterEnum } from '../../certificates/types';
+import { CERTIFICATES_TABLE_PAGE_SIZE } from '../../certificates/constants';
+import messages from '../../certificates/messages';
+const CertificateTable = ({ data, isLoading, itemCount, filter, onRemoveException, onRemoveInvalidation, }) => {
+    const intl = useIntl();
+    const baseColumns = useMemo(() => [
+        {
+            Header: intl.formatMessage(messages.columnUsername),
+            accessor: 'username',
+        },
+        {
+            Header: intl.formatMessage(messages.columnEmail),
+            accessor: 'email',
+        },
+        {
+            Header: intl.formatMessage(messages.columnEnrollmentTrack),
+            accessor: 'enrollmentTrack',
+        },
+        {
+            Header: intl.formatMessage(messages.columnCertificateStatus),
+            accessor: 'certificateStatus',
+        },
+        {
+            Header: intl.formatMessage(messages.columnSpecialCase),
+            accessor: 'specialCase',
+        },
+    ], [intl]);
+    const conditionalColumns = useMemo(() => {
+        const columns = [];
+        if (filter === FilterEnum.ALL_LEARNERS || filter === FilterEnum.GRANTED_EXCEPTIONS) {
+            columns.push({
+                Header: intl.formatMessage(messages.columnExceptionGranted),
+                accessor: 'exceptionGranted',
+            }, {
+                Header: intl.formatMessage(messages.columnExceptionNotes),
+                accessor: 'exceptionNotes',
+            });
+        }
+        if (filter === FilterEnum.ALL_LEARNERS || filter === FilterEnum.INVALIDATED) {
+            columns.push({
+                Header: intl.formatMessage(messages.columnInvalidatedBy),
+                accessor: 'invalidatedBy',
+            }, {
+                Header: intl.formatMessage(messages.columnInvalidationDate),
+                accessor: 'invalidationDate',
+                Cell: ({ value }) => {
+                    if (!value)
+                        return null;
+                    return (_jsx(_Fragment, { children: intl.formatDate(new Date(value), {
+                            year: 'numeric',
+                            month: '2-digit',
+                            day: '2-digit',
+                            hour: '2-digit',
+                            minute: '2-digit',
+                        }) }));
+                },
+            }, {
+                Header: intl.formatMessage(messages.columnInvalidationNote),
+                accessor: 'invalidationNote',
+            });
+        }
+        return columns;
+    }, [filter, intl]);
+    const additionalColumns = useMemo(() => {
+        if (filter !== FilterEnum.GRANTED_EXCEPTIONS && filter !== FilterEnum.INVALIDATED) {
+            return [];
+        }
+        return [
+            {
+                id: 'action',
+                Header: intl.formatMessage(messages.columnActions),
+                Cell: ({ row }) => {
+                    const popoverContent = (_jsx(Popover, { id: `popover-${row.original.username}`, className: "border-0 shadow-sm", children: _jsx(Popover.Content, { className: "p-0 border-0", children: _jsxs("div", { className: "dropdown-menu show position-static border shadow-sm", children: [filter === FilterEnum.GRANTED_EXCEPTIONS && (_jsx("button", { type: "button", className: "dropdown-item", onClick: () => onRemoveException(row.original.username, row.original.email), children: intl.formatMessage(messages.removeExceptionAction) })), filter === FilterEnum.INVALIDATED && (_jsx("button", { type: "button", className: "dropdown-item", onClick: () => onRemoveInvalidation(row.original.username, row.original.email), children: intl.formatMessage(messages.removeInvalidationAction) }))] }) }) }));
+                    return (_jsx(OverlayTrigger, { trigger: "click", placement: "bottom-end", overlay: popoverContent, rootClose: true, children: _jsx(IconButton, { alt: intl.formatMessage(messages.columnActions), iconAs: MoreVert }) }));
+                },
+            },
+        ];
+    }, [filter, intl, onRemoveException, onRemoveInvalidation]);
+    const allColumns = useMemo(() => [...baseColumns, ...conditionalColumns, ...additionalColumns], [baseColumns, conditionalColumns, additionalColumns]);
+    return (_jsxs(DataTable, { columns: allColumns, data: data, isLoading: isLoading, isPaginated: true, itemCount: itemCount, initialState: { pageIndex: 0, pageSize: CERTIFICATES_TABLE_PAGE_SIZE }, children: [_jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: intl.formatMessage(messages.noDataMessage) }), _jsx(TableFooter, {})] }));
+};
+export default CertificateTable;
+//# sourceMappingURL=CertificateTable.js.map

package/dist/certificates/components/CertificateTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateTable.js","sourceRoot":"","sources":["../../../src/certificates/components/CertificateTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\nimport { DataTable, IconButton, OverlayTrigger, Popover, TableFooter } from '@openedx/paragon';\nimport { MoreVert } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport type { CertificateData, CertificateFilter } from '@src/certificates/types';\nimport { CertificateFilter as FilterEnum } from '@src/certificates/types';\nimport { CERTIFICATES_TABLE_PAGE_SIZE } from '@src/certificates/constants';\nimport messages from '@src/certificates/messages';\n\ninterface CertificateTableProps {\n  data: CertificateData[],\n  isLoading: boolean,\n  itemCount: number,\n  pageCount: number,\n  currentPage: number,\n  filter: CertificateFilter,\n  onPageChange: (pageIndex: number) => void,\n  onRemoveException: (username: string, email: string) => void,\n  onRemoveInvalidation: (username: string, email: string) => void,\n}\n\ninterface ColumnType {\n  Header: string,\n  accessor?: string,\n  id?: string,\n  Cell?: ({ row, value }: { row?: { original: CertificateData }, value?: string }) => JSX.Element | null,\n}\n\nconst CertificateTable = ({\n  data,\n  isLoading,\n  itemCount,\n  filter,\n  onRemoveException,\n  onRemoveInvalidation,\n}: CertificateTableProps) => {\n  const intl = useIntl();\n\n  const baseColumns = useMemo(\n    () => [\n      {\n        Header: intl.formatMessage(messages.columnUsername),\n        accessor: 'username',\n      },\n      {\n        Header: intl.formatMessage(messages.columnEmail),\n        accessor: 'email',\n      },\n      {\n        Header: intl.formatMessage(messages.columnEnrollmentTrack),\n        accessor: 'enrollmentTrack',\n      },\n      {\n        Header: intl.formatMessage(messages.columnCertificateStatus),\n        accessor: 'certificateStatus',\n      },\n      {\n        Header: intl.formatMessage(messages.columnSpecialCase),\n        accessor: 'specialCase',\n      },\n    ],\n    [intl],\n  );\n\n  const conditionalColumns = useMemo(() => {\n    const columns: ColumnType[] = [];\n\n    if (filter === FilterEnum.ALL_LEARNERS || filter === FilterEnum.GRANTED_EXCEPTIONS) {\n      columns.push(\n        {\n          Header: intl.formatMessage(messages.columnExceptionGranted),\n          accessor: 'exceptionGranted',\n        },\n        {\n          Header: intl.formatMessage(messages.columnExceptionNotes),\n          accessor: 'exceptionNotes',\n        },\n      );\n    }\n\n    if (filter === FilterEnum.ALL_LEARNERS || filter === FilterEnum.INVALIDATED) {\n      columns.push(\n        {\n          Header: intl.formatMessage(messages.columnInvalidatedBy),\n          accessor: 'invalidatedBy',\n        },\n        {\n          Header: intl.formatMessage(messages.columnInvalidationDate),\n          accessor: 'invalidationDate',\n          Cell: ({ value }: { value?: string }) => {\n            if (!value) return null;\n            return (\n              <>\n                {intl.formatDate(new Date(value), {\n                  year: 'numeric',\n                  month: '2-digit',\n                  day: '2-digit',\n                  hour: '2-digit',\n                  minute: '2-digit',\n                })}\n              </>\n            );\n          },\n        },\n        {\n          Header: intl.formatMessage(messages.columnInvalidationNote),\n          accessor: 'invalidationNote',\n        },\n      );\n    }\n\n    return columns;\n  }, [filter, intl]);\n\n  const additionalColumns = useMemo(() => {\n    if (filter !== FilterEnum.GRANTED_EXCEPTIONS && filter !== FilterEnum.INVALIDATED) {\n      return [];\n    }\n\n    return [\n      {\n        id: 'action',\n        Header: intl.formatMessage(messages.columnActions),\n        Cell: ({ row }: { row: { original: CertificateData } }) => {\n          const popoverContent = (\n            <Popover\n              id={`popover-${row.original.username}`}\n              className=\"border-0 shadow-sm\"\n            >\n              <Popover.Content className=\"p-0 border-0\">\n                <div className=\"dropdown-menu show position-static border shadow-sm\">\n                  {filter === FilterEnum.GRANTED_EXCEPTIONS && (\n                    <button\n                      type=\"button\"\n                      className=\"dropdown-item\"\n                      onClick={() => onRemoveException(row.original.username, row.original.email)}\n                    >\n                      {intl.formatMessage(messages.removeExceptionAction)}\n                    </button>\n                  )}\n                  {filter === FilterEnum.INVALIDATED && (\n                    <button\n                      type=\"button\"\n                      className=\"dropdown-item\"\n                      onClick={() => onRemoveInvalidation(row.original.username, row.original.email)}\n                    >\n                      {intl.formatMessage(messages.removeInvalidationAction)}\n                    </button>\n                  )}\n                </div>\n              </Popover.Content>\n            </Popover>\n          );\n\n          return (\n            <OverlayTrigger\n              trigger=\"click\"\n              placement=\"bottom-end\"\n              overlay={popoverContent}\n              rootClose\n            >\n              <IconButton\n                alt={intl.formatMessage(messages.columnActions)}\n                iconAs={MoreVert}\n              />\n            </OverlayTrigger>\n          );\n        },\n      },\n    ];\n  }, [filter, intl, onRemoveException, onRemoveInvalidation]);\n\n  const allColumns = useMemo(\n    () => [...baseColumns, ...conditionalColumns, ...additionalColumns],\n    [baseColumns, conditionalColumns, additionalColumns],\n  );\n\n  return (\n    <DataTable\n      columns={allColumns}\n      data={data}\n      isLoading={isLoading}\n      isPaginated\n      itemCount={itemCount}\n      initialState={{ pageIndex: 0, pageSize: CERTIFICATES_TABLE_PAGE_SIZE }}\n    >\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noDataMessage)} />\n      <TableFooter />\n    </DataTable>\n  );\n};\n\nexport default CertificateTable;\n"]}

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

@@ -0,0 +1,7 @@
+interface CertificatesPageHeaderProps {
+    onGrantExceptions: () => void;
+    onInvalidateCertificate: () => void;
+    onDisableCertificates: () => void;
+}
+declare const CertificatesPageHeader: ({ onGrantExceptions, onInvalidateCertificate, onDisableCertificates, }: CertificatesPageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default CertificatesPageHeader;

package/dist/certificates/components/CertificatesPageHeader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dropdown, IconButton, Stack } from '@openedx/paragon';
+import { Add, Close, MoreVert } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import messages from '../../certificates/messages';
+const CertificatesPageHeader = ({ onGrantExceptions, onInvalidateCertificate, onDisableCertificates, }) => {
+    const intl = useIntl();
+    return (_jsxs("div", { className: "d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-4 gap-3", children: [_jsx("h3", { className: "text-primary-700 mb-0", children: intl.formatMessage(messages.pageTitle) }), _jsxs(Stack, { direction: "horizontal", gap: 2, className: "flex-wrap", children: [_jsxs(Dropdown, { children: [_jsx(Dropdown.Toggle, { as: IconButton, src: MoreVert, alt: intl.formatMessage(messages.disableCertificatesButton), id: "certificates-more-menu" }), _jsx(Dropdown.Menu, { children: _jsx(Dropdown.Item, { onClick: onDisableCertificates, children: intl.formatMessage(messages.disableCertificatesButton) }) })] }), _jsx(Button, { variant: "outline-primary", iconBefore: Close, onClick: onInvalidateCertificate, className: "text-nowrap", children: intl.formatMessage(messages.invalidateCertificateButton) }), _jsx(Button, { variant: "primary", iconBefore: Add, onClick: onGrantExceptions, className: "text-nowrap", children: intl.formatMessage(messages.grantExceptionsButton) })] })] }));
+};
+export default CertificatesPageHeader;
+//# sourceMappingURL=CertificatesPageHeader.js.map

package/dist/certificates/components/CertificatesPageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificatesPageHeader.js","sourceRoot":"","sources":["../../../src/certificates/components/CertificatesPageHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAQlD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,GACO,EAAE,EAAE;IAChC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,eAAK,SAAS,EAAC,2GAA2G,aACxH,aAAI,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAM,EACnF,MAAC,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,WAAW,aACzD,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,MAAM,IACd,EAAE,EAAE,UAAU,EACd,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EAC3D,EAAE,EAAC,wBAAwB,GAC3B,EACF,KAAC,QAAQ,CAAC,IAAI,cACZ,KAAC,QAAQ,CAAC,IAAI,IAAC,OAAO,EAAE,qBAAqB,YAC1C,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GACzC,GACF,IACP,EACX,KAAC,MAAM,IACL,OAAO,EAAC,iBAAiB,EACzB,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,uBAAuB,EAChC,SAAS,EAAC,aAAa,YAEtB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,GAClD,EACT,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,UAAU,EAAE,GAAG,EACf,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAC,aAAa,YAEtB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAC5C,IACH,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { Button, Dropdown, IconButton, Stack } from '@openedx/paragon';\nimport { Add, Close, MoreVert } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from '@src/certificates/messages';\n\ninterface CertificatesPageHeaderProps {\n  onGrantExceptions: () => void,\n  onInvalidateCertificate: () => void,\n  onDisableCertificates: () => void,\n}\n\nconst CertificatesPageHeader = ({\n  onGrantExceptions,\n  onInvalidateCertificate,\n  onDisableCertificates,\n}: CertificatesPageHeaderProps) => {\n  const intl = useIntl();\n\n  return (\n    <div className=\"d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-4 gap-3\">\n      <h3 className=\"text-primary-700 mb-0\">{intl.formatMessage(messages.pageTitle)}</h3>\n      <Stack direction=\"horizontal\" gap={2} className=\"flex-wrap\">\n        <Dropdown>\n          <Dropdown.Toggle\n            as={IconButton}\n            src={MoreVert}\n            alt={intl.formatMessage(messages.disableCertificatesButton)}\n            id=\"certificates-more-menu\"\n          />\n          <Dropdown.Menu>\n            <Dropdown.Item onClick={onDisableCertificates}>\n              {intl.formatMessage(messages.disableCertificatesButton)}\n            </Dropdown.Item>\n          </Dropdown.Menu>\n        </Dropdown>\n        <Button\n          variant=\"outline-primary\"\n          iconBefore={Close}\n          onClick={onInvalidateCertificate}\n          className=\"text-nowrap\"\n        >\n          {intl.formatMessage(messages.invalidateCertificateButton)}\n        </Button>\n        <Button\n          variant=\"primary\"\n          iconBefore={Add}\n          onClick={onGrantExceptions}\n          className=\"text-nowrap\"\n        >\n          {intl.formatMessage(messages.grantExceptionsButton)}\n        </Button>\n      </Stack>\n    </div>\n  );\n};\n\nexport default CertificatesPageHeader;\n"]}

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

@@ -0,0 +1,11 @@
+import { CertificateFilter } from '../../certificates/types';
+import '../CertificatesPage.scss';
+interface CertificatesToolbarProps {
+    search: string;
+    onSearchChange: (value: string) => void;
+    filter: CertificateFilter;
+    onFilterChange: (value: CertificateFilter) => void;
+    onRegenerateCertificates: () => void;
+}
+declare const CertificatesToolbar: ({ search, onSearchChange, filter, onFilterChange, onRegenerateCertificates, }: CertificatesToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export default CertificatesToolbar;