@openedx/frontend-app-instructor-dashboard 1.0.0-alpha.2 → 1.0.0-alpha.20

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

@@ -0,0 +1,8 @@
+import { CertificateFilter } from '../types';
+interface FilterDropdownProps {
+    value: CertificateFilter;
+    onChange: (value: CertificateFilter) => void;
+    className?: string;
+}
+declare const FilterDropdown: ({ value, onChange, className }: FilterDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default FilterDropdown;

package/dist/certificates/components/FilterDropdown.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dropdown } from '@openedx/paragon';
+import { FilterList } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import { CertificateFilter } from '../types';
+import messages from '../messages';
+const FILTER_OPTIONS = [
+    {
+        value: CertificateFilter.ALL_LEARNERS,
+        messageKey: 'filterAllLearners',
+    },
+    {
+        value: CertificateFilter.RECEIVED,
+        messageKey: 'filterReceived',
+    },
+    {
+        value: CertificateFilter.NOT_RECEIVED,
+        messageKey: 'filterNotReceived',
+    },
+    {
+        value: CertificateFilter.AUDIT_PASSING,
+        messageKey: 'filterAuditPassing',
+    },
+    {
+        value: CertificateFilter.AUDIT_NOT_PASSING,
+        messageKey: 'filterAuditNotPassing',
+    },
+    {
+        value: CertificateFilter.ERROR_STATE,
+        messageKey: 'filterErrorState',
+    },
+    {
+        value: CertificateFilter.GRANTED_EXCEPTIONS,
+        messageKey: 'filterGrantedExceptions',
+    },
+    {
+        value: CertificateFilter.INVALIDATED,
+        messageKey: 'filterInvalidated',
+    },
+];
+const FilterDropdown = ({ value, onChange, className }) => {
+    const intl = useIntl();
+    const selectedOption = FILTER_OPTIONS.find((option) => option.value === value);
+    const selectedLabel = selectedOption
+        ? intl.formatMessage(messages[selectedOption.messageKey])
+        : intl.formatMessage(messages.filterAllLearners);
+    return (_jsxs(Dropdown, { className: `certificates-filter-dropdown ${className || ''}`, children: [_jsx(Dropdown.Toggle, { id: "filter-dropdown", variant: "outline-primary", className: "d-flex align-items-center justify-content-between w-100", children: _jsxs("span", { className: "d-flex align-items-center", children: [_jsx(FilterList, { className: "mr-2" }), selectedLabel] }) }), _jsx(Dropdown.Menu, { children: FILTER_OPTIONS.map((option) => (_jsx(Dropdown.Item, { active: option.value === value, onClick: () => onChange(option.value), className: "filter-dropdown-item", children: intl.formatMessage(messages[option.messageKey]) }, option.value))) })] }));
+};
+export default FilterDropdown;
+//# sourceMappingURL=FilterDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../src/certificates/components/FilterDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,QAAQ,MAAM,aAAa,CAAC;AAQnC,MAAM,cAAc,GAAG;IACrB;QACE,KAAK,EAAE,iBAAiB,CAAC,YAAY;QACrC,UAAU,EAAE,mBAAmB;KAChC;IACD;QACE,KAAK,EAAE,iBAAiB,CAAC,QAAQ;QACjC,UAAU,EAAE,gBAAgB;KAC7B;IACD;QACE,KAAK,EAAE,iBAAiB,CAAC,YAAY;QACrC,UAAU,EAAE,mBAAmB;KAChC;IACD;QACE,KAAK,EAAE,iBAAiB,CAAC,aAAa;QACtC,UAAU,EAAE,oBAAoB;KACjC;IACD;QACE,KAAK,EAAE,iBAAiB,CAAC,iBAAiB;QAC1C,UAAU,EAAE,uBAAuB;KACpC;IACD;QACE,KAAK,EAAE,iBAAiB,CAAC,WAAW;QACpC,UAAU,EAAE,kBAAkB;KAC/B;IACD;QACE,KAAK,EAAE,iBAAiB,CAAC,kBAAkB;QAC3C,UAAU,EAAE,yBAAyB;KACtC;IACD;QACE,KAAK,EAAE,iBAAiB,CAAC,WAAW;QACpC,UAAU,EAAE,mBAAmB;KAChC;CACO,CAAC;AAEX,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAuB,EAAE,EAAE;IAC7E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAC/E,MAAM,aAAa,GAAG,cAAc;QAClC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QACzD,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAEnD,OAAO,CACL,MAAC,QAAQ,IAAC,SAAS,EAAE,gCAAgC,SAAS,IAAI,EAAE,EAAE,aACpE,KAAC,QAAQ,CAAC,MAAM,IACd,EAAE,EAAC,iBAAiB,EACpB,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAC,yDAAyD,YAEnE,gBAAM,SAAS,EAAC,2BAA2B,aACzC,KAAC,UAAU,IAAC,SAAS,EAAC,MAAM,GAAG,EAC9B,aAAa,IACT,GACS,EAClB,KAAC,QAAQ,CAAC,IAAI,cACX,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,KAAC,QAAQ,CAAC,IAAI,IAEZ,MAAM,EAAE,MAAM,CAAC,KAAK,KAAK,KAAK,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EACrC,SAAS,EAAC,sBAAsB,YAE/B,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAL3C,MAAM,CAAC,KAAK,CAMH,CACjB,CAAC,GACY,IACP,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { Dropdown } from '@openedx/paragon';\nimport { FilterList } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport { CertificateFilter } from '../types';\nimport messages from '../messages';\n\ninterface FilterDropdownProps {\n  value: CertificateFilter,\n  onChange: (value: CertificateFilter) => void,\n  className?: string,\n}\n\nconst FILTER_OPTIONS = [\n  {\n    value: CertificateFilter.ALL_LEARNERS,\n    messageKey: 'filterAllLearners',\n  },\n  {\n    value: CertificateFilter.RECEIVED,\n    messageKey: 'filterReceived',\n  },\n  {\n    value: CertificateFilter.NOT_RECEIVED,\n    messageKey: 'filterNotReceived',\n  },\n  {\n    value: CertificateFilter.AUDIT_PASSING,\n    messageKey: 'filterAuditPassing',\n  },\n  {\n    value: CertificateFilter.AUDIT_NOT_PASSING,\n    messageKey: 'filterAuditNotPassing',\n  },\n  {\n    value: CertificateFilter.ERROR_STATE,\n    messageKey: 'filterErrorState',\n  },\n  {\n    value: CertificateFilter.GRANTED_EXCEPTIONS,\n    messageKey: 'filterGrantedExceptions',\n  },\n  {\n    value: CertificateFilter.INVALIDATED,\n    messageKey: 'filterInvalidated',\n  },\n] as const;\n\nconst FilterDropdown = ({ value, onChange, className }: FilterDropdownProps) => {\n  const intl = useIntl();\n\n  const selectedOption = FILTER_OPTIONS.find((option) => option.value === value);\n  const selectedLabel = selectedOption\n    ? intl.formatMessage(messages[selectedOption.messageKey])\n    : intl.formatMessage(messages.filterAllLearners);\n\n  return (\n    <Dropdown className={`certificates-filter-dropdown ${className || ''}`}>\n      <Dropdown.Toggle\n        id=\"filter-dropdown\"\n        variant=\"outline-primary\"\n        className=\"d-flex align-items-center justify-content-between w-100\"\n      >\n        <span className=\"d-flex align-items-center\">\n          <FilterList className=\"mr-2\" />\n          {selectedLabel}\n        </span>\n      </Dropdown.Toggle>\n      <Dropdown.Menu>\n        {FILTER_OPTIONS.map((option) => (\n          <Dropdown.Item\n            key={option.value}\n            active={option.value === value}\n            onClick={() => onChange(option.value)}\n            className=\"filter-dropdown-item\"\n          >\n            {intl.formatMessage(messages[option.messageKey])}\n          </Dropdown.Item>\n        ))}\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n};\n\nexport default FilterDropdown;\n"]}

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

@@ -0,0 +1,11 @@
+import type { InstructorTask } from '../types';
+interface GenerationHistoryTableProps {
+    data: InstructorTask[];
+    isLoading: boolean;
+    itemCount: number;
+    pageCount: number;
+    currentPage: number;
+    onPageChange: (pageIndex: number) => void;
+}
+declare const GenerationHistoryTable: ({ data, isLoading, itemCount, pageCount, currentPage, onPageChange, }: GenerationHistoryTableProps) => import("react/jsx-runtime").JSX.Element;
+export default GenerationHistoryTable;

package/dist/certificates/components/GenerationHistoryTable.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { DataTable } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from '../messages';
+const GenerationHistoryTable = ({ data, isLoading, itemCount, pageCount, currentPage, onPageChange, }) => {
+    const intl = useIntl();
+    const columns = useMemo(() => [
+        {
+            Header: intl.formatMessage(messages.columnTaskName),
+            accessor: 'taskName',
+        },
+        {
+            Header: intl.formatMessage(messages.columnDate),
+            accessor: 'created',
+            Cell: ({ value }) => {
+                if (!value)
+                    return null;
+                return intl.formatDate(new Date(value), {
+                    year: 'numeric',
+                    month: '2-digit',
+                    day: '2-digit',
+                    hour: '2-digit',
+                    minute: '2-digit',
+                });
+            },
+        },
+        {
+            Header: intl.formatMessage(messages.columnDetails),
+            accessor: 'taskOutput',
+            Cell: ({ row }) => {
+                const { taskState, taskOutput } = row.original;
+                return (_jsxs("div", { children: [_jsxs("div", { children: [_jsx("strong", { children: "Status:" }), " ", taskState] }), taskOutput && (_jsx("div", { className: "mt-1 text-gray-700", children: _jsx("small", { children: taskOutput }) }))] }));
+            },
+        },
+    ], [intl]);
+    return (_jsxs(DataTable, { columns: columns, data: data, isLoading: isLoading, isPaginated: true, itemCount: itemCount, pageCount: pageCount, manualPagination: true, fetchData: ({ pageIndex }) => onPageChange(pageIndex), initialState: { pageIndex: currentPage, pageSize: 25 }, children: [_jsx(DataTable.Table, {}), _jsx(DataTable.EmptyTable, { content: intl.formatMessage(messages.noTasksMessage) }), itemCount > 0 && (_jsxs(DataTable.TableFooter, { children: [_jsx(DataTable.RowStatus, {}), _jsx(DataTable.TablePagination, {})] }))] }));
+};
+export default GenerationHistoryTable;
+//# sourceMappingURL=GenerationHistoryTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenerationHistoryTable.js","sourceRoot":"","sources":["../../../src/certificates/components/GenerationHistoryTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,aAAa,CAAC;AAWnC,MAAM,sBAAsB,GAAG,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,YAAY,GACgB,EAAE,EAAE;IAChC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC;QACJ;YACE,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC;YACnD,QAAQ,EAAE,UAAU;SACrB;QACD;YACE,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC;YAC/C,QAAQ,EAAE,SAAS;YACnB,IAAI,EAAE,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE;gBACrC,IAAI,CAAC,KAAK;oBAAE,OAAO,IAAI,CAAC;gBACxB,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE;oBACtC,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,SAAS;oBAChB,GAAG,EAAE,SAAS;oBACd,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,SAAS;iBAClB,CAAC,CAAC;YACL,CAAC;SACF;QACD;YACE,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC;YAClD,QAAQ,EAAE,YAAY;YACtB,IAAI,EAAE,CAAC,EAAE,GAAG,EAAyC,EAAE,EAAE;gBACvD,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,QAAQ,CAAC;gBAC/C,OAAO,CACL,0BACE,0BACE,uCAAwB,OAAE,SAAS,IAC/B,EACL,UAAU,IAAI,CACb,cAAK,SAAS,EAAC,oBAAoB,YACjC,0BAAQ,UAAU,GAAS,GACvB,CACP,IACG,CACP,CAAC;YACJ,CAAC;SACF;KACF,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,WAAW,QACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,gBAAgB,QAChB,SAAS,EAAE,CAAC,EAAE,SAAS,EAAyB,EAAE,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,EAC5E,YAAY,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,aAEtD,KAAC,SAAS,CAAC,KAAK,KAAG,EACnB,KAAC,SAAS,CAAC,UAAU,IAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAI,EAC7E,SAAS,GAAG,CAAC,IAAI,CAChB,MAAC,SAAS,CAAC,WAAW,eACpB,KAAC,SAAS,CAAC,SAAS,KAAG,EACvB,KAAC,SAAS,CAAC,eAAe,KAAG,IACP,CACzB,IACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport { DataTable } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport type { InstructorTask } from '../types';\nimport messages from '../messages';\n\ninterface GenerationHistoryTableProps {\n  data: InstructorTask[],\n  isLoading: boolean,\n  itemCount: number,\n  pageCount: number,\n  currentPage: number,\n  onPageChange: (pageIndex: number) => void,\n}\n\nconst GenerationHistoryTable = ({\n  data,\n  isLoading,\n  itemCount,\n  pageCount,\n  currentPage,\n  onPageChange,\n}: GenerationHistoryTableProps) => {\n  const intl = useIntl();\n\n  const columns = useMemo(\n    () => [\n      {\n        Header: intl.formatMessage(messages.columnTaskName),\n        accessor: 'taskName',\n      },\n      {\n        Header: intl.formatMessage(messages.columnDate),\n        accessor: 'created',\n        Cell: ({ value }: { value: string }) => {\n          if (!value) return null;\n          return 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        Header: intl.formatMessage(messages.columnDetails),\n        accessor: 'taskOutput',\n        Cell: ({ row }: { row: { original: InstructorTask } }) => {\n          const { taskState, taskOutput } = row.original;\n          return (\n            <div>\n              <div>\n                <strong>Status:</strong> {taskState}\n              </div>\n              {taskOutput && (\n                <div className=\"mt-1 text-gray-700\">\n                  <small>{taskOutput}</small>\n                </div>\n              )}\n            </div>\n          );\n        },\n      },\n    ],\n    [intl],\n  );\n\n  return (\n    <DataTable\n      columns={columns}\n      data={data}\n      isLoading={isLoading}\n      isPaginated\n      itemCount={itemCount}\n      pageCount={pageCount}\n      manualPagination\n      fetchData={({ pageIndex }: { pageIndex: number }) => onPageChange(pageIndex)}\n      initialState={{ pageIndex: currentPage, pageSize: 25 }}\n    >\n      <DataTable.Table />\n      <DataTable.EmptyTable content={intl.formatMessage(messages.noTasksMessage)} />\n      {itemCount > 0 && (\n        <DataTable.TableFooter>\n          <DataTable.RowStatus />\n          <DataTable.TablePagination />\n        </DataTable.TableFooter>\n      )}\n    </DataTable>\n  );\n};\n\nexport default GenerationHistoryTable;\n"]}

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

@@ -0,0 +1,8 @@
+interface GrantExceptionsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (learners: string, notes: string) => void;
+    isSubmitting: boolean;
+}
+declare const GrantExceptionsModal: ({ isOpen, onClose, onSubmit, isSubmitting, }: GrantExceptionsModalProps) => import("react/jsx-runtime").JSX.Element;
+export default GrantExceptionsModal;

package/dist/certificates/components/GrantExceptionsModal.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import LearnerActionModal from './LearnerActionModal';
+import messages from '../messages';
+const GrantExceptionsModal = ({ isOpen, onClose, onSubmit, isSubmitting, }) => {
+    const intl = useIntl();
+    return (_jsx(LearnerActionModal, { isOpen: isOpen, onClose: onClose, onSubmit: onSubmit, isSubmitting: isSubmitting, title: intl.formatMessage(messages.grantExceptionsModalTitle), description: intl.formatMessage(messages.grantExceptionsModalDescription), learnersLabel: intl.formatMessage(messages.learnersLabel), learnersPlaceholder: intl.formatMessage(messages.learnersPlaceholder), notesLabel: intl.formatMessage(messages.notesLabel), notesPlaceholder: intl.formatMessage(messages.notesPlaceholder), submitLabel: intl.formatMessage(messages.submit), cancelLabel: intl.formatMessage(messages.cancel) }));
+};
+export default GrantExceptionsModal;
+//# sourceMappingURL=GrantExceptionsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrantExceptionsModal.js","sourceRoot":"","sources":["../../../src/certificates/components/GrantExceptionsModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,QAAQ,MAAM,aAAa,CAAC;AASnC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,GACc,EAAE,EAAE;IAC9B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EAC7D,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,+BAA+B,CAAC,EACzE,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EACzD,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EACrE,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EACnD,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAC/D,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAChD,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAChD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport LearnerActionModal from './LearnerActionModal';\nimport messages from '../messages';\n\ninterface GrantExceptionsModalProps {\n  isOpen: boolean,\n  onClose: () => void,\n  onSubmit: (learners: string, notes: string) => void,\n  isSubmitting: boolean,\n}\n\nconst GrantExceptionsModal = ({\n  isOpen,\n  onClose,\n  onSubmit,\n  isSubmitting,\n}: GrantExceptionsModalProps) => {\n  const intl = useIntl();\n\n  return (\n    <LearnerActionModal\n      isOpen={isOpen}\n      onClose={onClose}\n      onSubmit={onSubmit}\n      isSubmitting={isSubmitting}\n      title={intl.formatMessage(messages.grantExceptionsModalTitle)}\n      description={intl.formatMessage(messages.grantExceptionsModalDescription)}\n      learnersLabel={intl.formatMessage(messages.learnersLabel)}\n      learnersPlaceholder={intl.formatMessage(messages.learnersPlaceholder)}\n      notesLabel={intl.formatMessage(messages.notesLabel)}\n      notesPlaceholder={intl.formatMessage(messages.notesPlaceholder)}\n      submitLabel={intl.formatMessage(messages.submit)}\n      cancelLabel={intl.formatMessage(messages.cancel)}\n    />\n  );\n};\n\nexport default GrantExceptionsModal;\n"]}

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

@@ -0,0 +1,8 @@
+interface InvalidateCertificateModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (learners: string, notes: string) => void;
+    isSubmitting: boolean;
+}
+declare const InvalidateCertificateModal: ({ isOpen, onClose, onSubmit, isSubmitting, }: InvalidateCertificateModalProps) => import("react/jsx-runtime").JSX.Element;
+export default InvalidateCertificateModal;

package/dist/certificates/components/InvalidateCertificateModal.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import LearnerActionModal from './LearnerActionModal';
+import messages from '../messages';
+const InvalidateCertificateModal = ({ isOpen, onClose, onSubmit, isSubmitting, }) => {
+    const intl = useIntl();
+    return (_jsx(LearnerActionModal, { isOpen: isOpen, onClose: onClose, onSubmit: onSubmit, isSubmitting: isSubmitting, title: intl.formatMessage(messages.invalidateCertificateModalTitle), description: intl.formatMessage(messages.invalidateCertificateModalDescription), learnersLabel: intl.formatMessage(messages.learnersLabel), learnersPlaceholder: intl.formatMessage(messages.learnersPlaceholder), notesLabel: intl.formatMessage(messages.notesLabel), notesPlaceholder: intl.formatMessage(messages.notesPlaceholder), submitLabel: intl.formatMessage(messages.submit), cancelLabel: intl.formatMessage(messages.cancel) }));
+};
+export default InvalidateCertificateModal;
+//# sourceMappingURL=InvalidateCertificateModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InvalidateCertificateModal.js","sourceRoot":"","sources":["../../../src/certificates/components/InvalidateCertificateModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,QAAQ,MAAM,aAAa,CAAC;AASnC,MAAM,0BAA0B,GAAG,CAAC,EAClC,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,GACoB,EAAE,EAAE;IACpC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,+BAA+B,CAAC,EACnE,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qCAAqC,CAAC,EAC/E,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EACzD,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EACrE,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EACnD,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAC/D,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,EAChD,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAChD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport LearnerActionModal from './LearnerActionModal';\nimport messages from '../messages';\n\ninterface InvalidateCertificateModalProps {\n  isOpen: boolean,\n  onClose: () => void,\n  onSubmit: (learners: string, notes: string) => void,\n  isSubmitting: boolean,\n}\n\nconst InvalidateCertificateModal = ({\n  isOpen,\n  onClose,\n  onSubmit,\n  isSubmitting,\n}: InvalidateCertificateModalProps) => {\n  const intl = useIntl();\n\n  return (\n    <LearnerActionModal\n      isOpen={isOpen}\n      onClose={onClose}\n      onSubmit={onSubmit}\n      isSubmitting={isSubmitting}\n      title={intl.formatMessage(messages.invalidateCertificateModalTitle)}\n      description={intl.formatMessage(messages.invalidateCertificateModalDescription)}\n      learnersLabel={intl.formatMessage(messages.learnersLabel)}\n      learnersPlaceholder={intl.formatMessage(messages.learnersPlaceholder)}\n      notesLabel={intl.formatMessage(messages.notesLabel)}\n      notesPlaceholder={intl.formatMessage(messages.notesPlaceholder)}\n      submitLabel={intl.formatMessage(messages.submit)}\n      cancelLabel={intl.formatMessage(messages.cancel)}\n    />\n  );\n};\n\nexport default InvalidateCertificateModal;\n"]}

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

@@ -0,0 +1,18 @@
+import { CertificateData, CertificateFilter } from '../types';
+interface IssuedCertificatesTabProps {
+    data: CertificateData[];
+    isLoading: boolean;
+    itemCount: number;
+    pageCount: number;
+    search: string;
+    onSearchChange: (value: string) => void;
+    filter: CertificateFilter;
+    onFilterChange: (value: CertificateFilter) => void;
+    currentPage: number;
+    onPageChange: (page: number) => void;
+    onRemoveException: (username: string, email: string) => void;
+    onRemoveInvalidation: (username: string, email: string) => void;
+    onRegenerateCertificates: () => void;
+}
+declare const IssuedCertificatesTab: ({ data, isLoading, itemCount, pageCount, search, onSearchChange, filter, onFilterChange, currentPage, onPageChange, onRemoveException, onRemoveInvalidation, onRegenerateCertificates, }: IssuedCertificatesTabProps) => import("react/jsx-runtime").JSX.Element;
+export default IssuedCertificatesTab;

package/dist/certificates/components/IssuedCertificatesTab.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CertificateTable from './CertificateTable';
+import CertificatesToolbar from './CertificatesToolbar';
+const IssuedCertificatesTab = ({ data, isLoading, itemCount, pageCount, search, onSearchChange, filter, onFilterChange, currentPage, onPageChange, onRemoveException, onRemoveInvalidation, onRegenerateCertificates, }) => (_jsxs("div", { className: "d-flex flex-column certificates-tab-container", children: [_jsx(CertificatesToolbar, { search: search, onSearchChange: onSearchChange, filter: filter, onFilterChange: onFilterChange, onRegenerateCertificates: onRegenerateCertificates }), _jsx("div", { className: "certificates-table-wrapper", children: _jsx(CertificateTable, { data: data, isLoading: isLoading, itemCount: itemCount, pageCount: pageCount, currentPage: currentPage, filter: filter, onPageChange: onPageChange, onRemoveException: onRemoveException, onRemoveInvalidation: onRemoveInvalidation }) })] }));
+export default IssuedCertificatesTab;
+//# sourceMappingURL=IssuedCertificatesTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IssuedCertificatesTab.js","sourceRoot":"","sources":["../../../src/certificates/components/IssuedCertificatesTab.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAmBxD,MAAM,qBAAqB,GAAG,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,MAAM,EACN,cAAc,EACd,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,oBAAoB,EACpB,wBAAwB,GACG,EAAE,EAAE,CAAC,CAChC,eAAK,SAAS,EAAC,+CAA+C,aAC5D,KAAC,mBAAmB,IAClB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,wBAAwB,EAAE,wBAAwB,GAClD,EACF,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,GAC1C,GACE,IACF,CACP,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import CertificateTable from './CertificateTable';\nimport CertificatesToolbar from './CertificatesToolbar';\nimport { CertificateData, CertificateFilter } from '../types';\n\ninterface IssuedCertificatesTabProps {\n  data: CertificateData[],\n  isLoading: boolean,\n  itemCount: number,\n  pageCount: number,\n  search: string,\n  onSearchChange: (value: string) => void,\n  filter: CertificateFilter,\n  onFilterChange: (value: CertificateFilter) => void,\n  currentPage: number,\n  onPageChange: (page: number) => void,\n  onRemoveException: (username: string, email: string) => void,\n  onRemoveInvalidation: (username: string, email: string) => void,\n  onRegenerateCertificates: () => void,\n}\n\nconst IssuedCertificatesTab = ({\n  data,\n  isLoading,\n  itemCount,\n  pageCount,\n  search,\n  onSearchChange,\n  filter,\n  onFilterChange,\n  currentPage,\n  onPageChange,\n  onRemoveException,\n  onRemoveInvalidation,\n  onRegenerateCertificates,\n}: IssuedCertificatesTabProps) => (\n  <div className=\"d-flex flex-column certificates-tab-container\">\n    <CertificatesToolbar\n      search={search}\n      onSearchChange={onSearchChange}\n      filter={filter}\n      onFilterChange={onFilterChange}\n      onRegenerateCertificates={onRegenerateCertificates}\n    />\n    <div className=\"certificates-table-wrapper\">\n      <CertificateTable\n        data={data}\n        isLoading={isLoading}\n        itemCount={itemCount}\n        pageCount={pageCount}\n        currentPage={currentPage}\n        filter={filter}\n        onPageChange={onPageChange}\n        onRemoveException={onRemoveException}\n        onRemoveInvalidation={onRemoveInvalidation}\n      />\n    </div>\n  </div>\n);\n\nexport default IssuedCertificatesTab;\n"]}

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

@@ -0,0 +1,16 @@
+interface LearnerActionModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (learners: string, notes: string) => void;
+    isSubmitting: boolean;
+    title: string;
+    description: string;
+    notesLabel: string;
+    notesPlaceholder: string;
+    submitLabel: string;
+    cancelLabel: string;
+    learnersLabel: string;
+    learnersPlaceholder: string;
+}
+declare const LearnerActionModal: ({ isOpen, onClose, onSubmit, isSubmitting, title, description, notesLabel, notesPlaceholder, submitLabel, cancelLabel, learnersLabel, learnersPlaceholder, }: LearnerActionModalProps) => import("react/jsx-runtime").JSX.Element;
+export default LearnerActionModal;

package/dist/certificates/components/LearnerActionModal.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ActionRow, Button, Form, ModalDialog } from '@openedx/paragon';
+const LearnerActionModal = ({ isOpen, onClose, onSubmit, isSubmitting, title, description, notesLabel, notesPlaceholder, submitLabel, cancelLabel, learnersLabel, learnersPlaceholder, }) => {
+    const [learners, setLearners] = useState('');
+    const [notes, setNotes] = useState('');
+    const handleSubmit = () => {
+        if (learners.trim()) {
+            onSubmit(learners, notes);
+            setLearners('');
+            setNotes('');
+        }
+    };
+    const handleClose = () => {
+        setLearners('');
+        setNotes('');
+        onClose();
+    };
+    return (_jsxs(ModalDialog, { isOpen: isOpen, onClose: handleClose, hasCloseButton: true, title: title, className: "p-4", isOverflowVisible: false, children: [_jsx(ModalDialog.Header, { children: _jsx(ModalDialog.Title, { children: title }) }), _jsxs(ModalDialog.Body, { children: [_jsx("p", { className: "mb-3", children: description }), _jsxs(Form.Group, { className: "mb-3", children: [_jsx(Form.Label, { children: learnersLabel }), _jsx(Form.Control, { as: "textarea", rows: 4, placeholder: learnersPlaceholder, value: learners, onChange: (e) => setLearners(e.target.value) })] }), _jsxs(Form.Group, { className: "mt-3", children: [_jsx(Form.Label, { children: notesLabel }), _jsx(Form.Control, { as: "textarea", rows: 3, placeholder: notesPlaceholder, value: notes, onChange: (e) => setNotes(e.target.value) })] })] }), _jsx(ModalDialog.Footer, { children: _jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: handleClose, disabled: isSubmitting, children: cancelLabel }), _jsx(Button, { variant: "primary", onClick: handleSubmit, disabled: isSubmitting || !learners.trim(), children: submitLabel })] }) })] }));
+};
+export default LearnerActionModal;
+//# sourceMappingURL=LearnerActionModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearnerActionModal.js","sourceRoot":"","sources":["../../../src/certificates/components/LearnerActionModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiBxE,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,aAAa,EACb,mBAAmB,GACK,EAAE,EAAE;IAC5B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;YACpB,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1B,WAAW,CAAC,EAAE,CAAC,CAAC;YAChB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,cAAc,QACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,KAAK,EACf,iBAAiB,EAAE,KAAK,aAExB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,WAAW,CAAC,KAAK,cAAE,KAAK,GAAqB,GAC3B,EACrB,MAAC,WAAW,CAAC,IAAI,eACf,YAAG,SAAS,EAAC,MAAM,YAAE,WAAW,GAAK,EACrC,MAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,MAAM,aAC1B,KAAC,IAAI,CAAC,KAAK,cAAE,aAAa,GAAc,EACxC,KAAC,IAAI,CAAC,OAAO,IACX,EAAE,EAAC,UAAU,EACb,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,mBAAmB,EAChC,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC5C,IACS,EACb,MAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,MAAM,aAC1B,KAAC,IAAI,CAAC,KAAK,cAAE,UAAU,GAAc,EACrC,KAAC,IAAI,CAAC,OAAO,IACX,EAAE,EAAC,UAAU,EACb,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,gBAAgB,EAC7B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC,IACS,IACI,EACnB,KAAC,WAAW,CAAC,MAAM,cACjB,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,YACpE,WAAW,GACL,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,YAAY,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,YACxF,WAAW,GACL,IACC,GACO,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { useState } from 'react';\nimport { ActionRow, Button, Form, ModalDialog } from '@openedx/paragon';\n\ninterface LearnerActionModalProps {\n  isOpen: boolean,\n  onClose: () => void,\n  onSubmit: (learners: string, notes: string) => void,\n  isSubmitting: boolean,\n  title: string,\n  description: string,\n  notesLabel: string,\n  notesPlaceholder: string,\n  submitLabel: string,\n  cancelLabel: string,\n  learnersLabel: string,\n  learnersPlaceholder: string,\n}\n\nconst LearnerActionModal = ({\n  isOpen,\n  onClose,\n  onSubmit,\n  isSubmitting,\n  title,\n  description,\n  notesLabel,\n  notesPlaceholder,\n  submitLabel,\n  cancelLabel,\n  learnersLabel,\n  learnersPlaceholder,\n}: LearnerActionModalProps) => {\n  const [learners, setLearners] = useState('');\n  const [notes, setNotes] = useState('');\n\n  const handleSubmit = () => {\n    if (learners.trim()) {\n      onSubmit(learners, notes);\n      setLearners('');\n      setNotes('');\n    }\n  };\n\n  const handleClose = () => {\n    setLearners('');\n    setNotes('');\n    onClose();\n  };\n\n  return (\n    <ModalDialog\n      isOpen={isOpen}\n      onClose={handleClose}\n      hasCloseButton\n      title={title}\n      className=\"p-4\"\n      isOverflowVisible={false}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>{title}</ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body>\n        <p className=\"mb-3\">{description}</p>\n        <Form.Group className=\"mb-3\">\n          <Form.Label>{learnersLabel}</Form.Label>\n          <Form.Control\n            as=\"textarea\"\n            rows={4}\n            placeholder={learnersPlaceholder}\n            value={learners}\n            onChange={(e) => setLearners(e.target.value)}\n          />\n        </Form.Group>\n        <Form.Group className=\"mt-3\">\n          <Form.Label>{notesLabel}</Form.Label>\n          <Form.Control\n            as=\"textarea\"\n            rows={3}\n            placeholder={notesPlaceholder}\n            value={notes}\n            onChange={(e) => setNotes(e.target.value)}\n          />\n        </Form.Group>\n      </ModalDialog.Body>\n      <ModalDialog.Footer>\n        <ActionRow>\n          <Button variant=\"tertiary\" onClick={handleClose} disabled={isSubmitting}>\n            {cancelLabel}\n          </Button>\n          <Button variant=\"primary\" onClick={handleSubmit} disabled={isSubmitting || !learners.trim()}>\n            {submitLabel}\n          </Button>\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default LearnerActionModal;\n"]}

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

@@ -0,0 +1,9 @@
+interface RemoveInvalidationModalProps {
+    isOpen: boolean;
+    email: string;
+    onClose: () => void;
+    onConfirm: () => void;
+    isSubmitting: boolean;
+}
+declare const RemoveInvalidationModal: ({ isOpen, email, onClose, onConfirm, isSubmitting, }: RemoveInvalidationModalProps) => import("react/jsx-runtime").JSX.Element;
+export default RemoveInvalidationModal;

package/dist/certificates/components/RemoveInvalidationModal.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ActionRow, Button, ModalDialog } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from '../messages';
+const RemoveInvalidationModal = ({ isOpen, email, onClose, onConfirm, isSubmitting, }) => {
+    const intl = useIntl();
+    return (_jsxs(ModalDialog, { isOpen: isOpen, onClose: onClose, hasCloseButton: false, title: intl.formatMessage(messages.removeInvalidationModalTitle), className: "p-4", isOverflowVisible: false, children: [_jsx(ModalDialog.Header, { children: _jsx(ModalDialog.Title, { children: intl.formatMessage(messages.removeInvalidationModalTitle) }) }), _jsx(ModalDialog.Body, { children: _jsx("p", { className: "mb-2.5", children: intl.formatMessage(messages.removeInvalidationModalMessage, { email }) }) }), _jsx(ModalDialog.Footer, { children: _jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: onClose, disabled: isSubmitting, children: intl.formatMessage(messages.cancel) }), _jsx(Button, { variant: "primary", onClick: onConfirm, disabled: isSubmitting, children: intl.formatMessage(messages.removeInvalidationAction) })] }) })] }));
+};
+export default RemoveInvalidationModal;
+//# sourceMappingURL=RemoveInvalidationModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveInvalidationModal.js","sourceRoot":"","sources":["../../../src/certificates/components/RemoveInvalidationModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,QAAQ,MAAM,aAAa,CAAC;AAUnC,MAAM,uBAAuB,GAAG,CAAC,EAC/B,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAY,GACiB,EAAE,EAAE;IACjC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,MAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,KAAK,EACrB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,4BAA4B,CAAC,EAChE,SAAS,EAAC,KAAK,EACf,iBAAiB,EAAE,KAAK,aAExB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,WAAW,CAAC,KAAK,cACf,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,4BAA4B,CAAC,GACxC,GACD,EACrB,KAAC,WAAW,CAAC,IAAI,cACf,YAAG,SAAS,EAAC,QAAQ,YAClB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,8BAA8B,EAAE,EAAE,KAAK,EAAE,CAAC,GACrE,GACa,EACnB,KAAC,WAAW,CAAC,MAAM,cACjB,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,YAChE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,GAC7B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,YACjE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,GAC/C,IACC,GACO,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import { ActionRow, Button, ModalDialog } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from '../messages';\n\ninterface RemoveInvalidationModalProps {\n  isOpen: boolean,\n  email: string,\n  onClose: () => void,\n  onConfirm: () => void,\n  isSubmitting: boolean,\n}\n\nconst RemoveInvalidationModal = ({\n  isOpen,\n  email,\n  onClose,\n  onConfirm,\n  isSubmitting,\n}: RemoveInvalidationModalProps) => {\n  const intl = useIntl();\n\n  return (\n    <ModalDialog\n      isOpen={isOpen}\n      onClose={onClose}\n      hasCloseButton={false}\n      title={intl.formatMessage(messages.removeInvalidationModalTitle)}\n      className=\"p-4\"\n      isOverflowVisible={false}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {intl.formatMessage(messages.removeInvalidationModalTitle)}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body>\n        <p className=\"mb-2.5\">\n          {intl.formatMessage(messages.removeInvalidationModalMessage, { email })}\n        </p>\n      </ModalDialog.Body>\n      <ModalDialog.Footer>\n        <ActionRow>\n          <Button variant=\"tertiary\" onClick={onClose} disabled={isSubmitting}>\n            {intl.formatMessage(messages.cancel)}\n          </Button>\n          <Button variant=\"primary\" onClick={onConfirm} disabled={isSubmitting}>\n            {intl.formatMessage(messages.removeInvalidationAction)}\n          </Button>\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default RemoveInvalidationModal;\n"]}

package/dist/certificates/constants.d.ts

@@ -0,0 +1,15 @@
+export declare const CERTIFICATES_PAGE_SIZE = 25;
+export declare const CERTIFICATES_TABLE_PAGE_SIZE = 10;
+export declare const TAB_KEYS: {
+    readonly ISSUED: "issued";
+    readonly HISTORY: "history";
+};
+export declare const ALERT_VARIANTS: {
+    readonly SUCCESS: "success";
+    readonly DANGER: "danger";
+    readonly WARNING: "warning";
+    readonly INFO: "info";
+};
+export declare const MODAL_TITLES: {
+    readonly ERROR: "Error";
+};

package/dist/certificates/constants.js

@@ -0,0 +1,16 @@
+export const CERTIFICATES_PAGE_SIZE = 25;
+export const CERTIFICATES_TABLE_PAGE_SIZE = 10;
+export const TAB_KEYS = {
+    ISSUED: 'issued',
+    HISTORY: 'history',
+};
+export const ALERT_VARIANTS = {
+    SUCCESS: 'success',
+    DANGER: 'danger',
+    WARNING: 'warning',
+    INFO: 'info',
+};
+export const MODAL_TITLES = {
+    ERROR: 'Error',
+};
+//# sourceMappingURL=constants.js.map

package/dist/certificates/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/certificates/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AACzC,MAAM,CAAC,MAAM,4BAA4B,GAAG,EAAE,CAAC;AAE/C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;CACN,CAAC","sourcesContent":["export const CERTIFICATES_PAGE_SIZE = 25;\nexport const CERTIFICATES_TABLE_PAGE_SIZE = 10;\n\nexport const TAB_KEYS = {\n  ISSUED: 'issued',\n  HISTORY: 'history',\n} as const;\n\nexport const ALERT_VARIANTS = {\n  SUCCESS: 'success',\n  DANGER: 'danger',\n  WARNING: 'warning',\n  INFO: 'info',\n} as const;\n\nexport const MODAL_TITLES = {\n  ERROR: 'Error',\n} as const;\n"]}

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

@@ -0,0 +1,9 @@
+import type { DataList, PaginationParams } from '../../types';
+import type { CertificateData, CertificateQueryParams, GrantExceptionRequest, InstructorTask, InvalidateCertificateRequest, RemoveExceptionRequest, RemoveInvalidationRequest } from '../types';
+export declare const getIssuedCertificates: (courseId: string, params: CertificateQueryParams) => Promise<DataList<CertificateData>>;
+export declare const getInstructorTasks: (courseId: string, params: PaginationParams) => Promise<DataList<InstructorTask>>;
+export declare const grantBulkExceptions: (courseId: string, request: GrantExceptionRequest) => Promise<void>;
+export declare const invalidateCertificate: (courseId: string, request: InvalidateCertificateRequest) => Promise<void>;
+export declare const removeException: (courseId: string, request: RemoveExceptionRequest) => Promise<void>;
+export declare const removeInvalidation: (courseId: string, request: RemoveInvalidationRequest) => Promise<void>;
+export declare const toggleCertificateGeneration: (courseId: string, enable: boolean) => Promise<void>;

package/dist/certificates/data/api.js

@@ -0,0 +1,63 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';
+import { getApiBaseUrl } from '../../data/api';
+export const getIssuedCertificates = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/courses/${courseId}/instructor/api/get_issued_certificates/`, {
+        params: {
+            page: params.page + 1,
+            page_size: params.pageSize,
+            filter: params.filter,
+            search: params.search,
+        },
+    });
+    return camelCaseObject(data);
+});
+export const getInstructorTasks = (courseId, params) => __awaiter(void 0, void 0, void 0, function* () {
+    const { data } = yield getAuthenticatedHttpClient().get(`${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/instructor_tasks`, {
+        params: {
+            page: params.page + 1,
+            page_size: params.pageSize,
+        },
+    });
+    return camelCaseObject(data);
+});
+export const grantBulkExceptions = (courseId, request) => __awaiter(void 0, void 0, void 0, function* () {
+    yield getAuthenticatedHttpClient().post(`${getApiBaseUrl()}/courses/${courseId}/instructor/api/generate_bulk_certificate_exceptions`, {
+        learners: request.learners,
+        notes: request.notes,
+    });
+});
+export const invalidateCertificate = (courseId, request) => __awaiter(void 0, void 0, void 0, function* () {
+    yield getAuthenticatedHttpClient().post(`${getApiBaseUrl()}/courses/${courseId}/instructor/api/certificate_invalidation_view/`, {
+        learners: request.learners,
+        notes: request.notes,
+    });
+});
+export const removeException = (courseId, request) => __awaiter(void 0, void 0, void 0, function* () {
+    yield getAuthenticatedHttpClient().delete(`${getApiBaseUrl()}/courses/${courseId}/instructor/api/certificate_exception_view/`, {
+        data: {
+            username: request.username,
+        },
+    });
+});
+export const removeInvalidation = (courseId, request) => __awaiter(void 0, void 0, void 0, function* () {
+    yield getAuthenticatedHttpClient().delete(`${getApiBaseUrl()}/courses/${courseId}/instructor/api/certificate_invalidation_view/`, {
+        data: {
+            username: request.username,
+        },
+    });
+});
+export const toggleCertificateGeneration = (courseId, enable) => __awaiter(void 0, void 0, void 0, function* () {
+    yield getAuthenticatedHttpClient().post(`${getApiBaseUrl()}/courses/${courseId}/instructor/api/enable_certificate_generation`, {
+        enabled: enable,
+    });
+});
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../src/certificates/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAY9C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,QAAgB,EAChB,MAA8B,EACM,EAAE;IACtC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,YAAY,QAAQ,0CAA0C,EAChF;QACE,MAAM,EAAE;YACN,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC;YACrB,SAAS,EAAE,MAAM,CAAC,QAAQ;YAC1B,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,MAAM,EAAE,MAAM,CAAC,MAAM;SACtB;KACF,CACF,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,QAAgB,EAChB,MAAwB,EACW,EAAE;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CACrD,GAAG,aAAa,EAAE,8BAA8B,QAAQ,mBAAmB,EAC3E;QACE,MAAM,EAAE;YACN,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC;YACrB,SAAS,EAAE,MAAM,CAAC,QAAQ;SAC3B;KACF,CACF,CAAC;IACF,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAC/B,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,QAAgB,EAChB,OAA8B,EACf,EAAE;IACjB,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACrC,GAAG,aAAa,EAAE,YAAY,QAAQ,sDAAsD,EAC5F;QACE,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,KAAK,EAAE,OAAO,CAAC,KAAK;KACrB,CACF,CAAC;AACJ,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,QAAgB,EAChB,OAAqC,EACtB,EAAE;IACjB,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACrC,GAAG,aAAa,EAAE,YAAY,QAAQ,gDAAgD,EACtF;QACE,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,KAAK,EAAE,OAAO,CAAC,KAAK;KACrB,CACF,CAAC;AACJ,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,QAAgB,EAChB,OAA+B,EAChB,EAAE;IACjB,MAAM,0BAA0B,EAAE,CAAC,MAAM,CACvC,GAAG,aAAa,EAAE,YAAY,QAAQ,6CAA6C,EACnF;QACE,IAAI,EAAE;YACJ,QAAQ,EAAE,OAAO,CAAC,QAAQ;SAC3B;KACF,CACF,CAAC;AACJ,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,QAAgB,EAChB,OAAkC,EACnB,EAAE;IACjB,MAAM,0BAA0B,EAAE,CAAC,MAAM,CACvC,GAAG,aAAa,EAAE,YAAY,QAAQ,gDAAgD,EACtF;QACE,IAAI,EAAE;YACJ,QAAQ,EAAE,OAAO,CAAC,QAAQ;SAC3B;KACF,CACF,CAAC;AACJ,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,QAAgB,EAChB,MAAe,EACA,EAAE;IACjB,MAAM,0BAA0B,EAAE,CAAC,IAAI,CACrC,GAAG,aAAa,EAAE,YAAY,QAAQ,+CAA+C,EACrF;QACE,OAAO,EAAE,MAAM;KAChB,CACF,CAAC;AACJ,CAAC,CAAA,CAAC","sourcesContent":["import { camelCaseObject, getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { getApiBaseUrl } from '@src/data/api';\nimport type { DataList, PaginationParams } from '@src/types';\nimport type {\n  CertificateData,\n  CertificateQueryParams,\n  GrantExceptionRequest,\n  InstructorTask,\n  InvalidateCertificateRequest,\n  RemoveExceptionRequest,\n  RemoveInvalidationRequest,\n} from '../types';\n\nexport const getIssuedCertificates = async (\n  courseId: string,\n  params: CertificateQueryParams,\n): Promise<DataList<CertificateData>> => {\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/get_issued_certificates/`,\n    {\n      params: {\n        page: params.page + 1,\n        page_size: params.pageSize,\n        filter: params.filter,\n        search: params.search,\n      },\n    },\n  );\n  return camelCaseObject(data);\n};\n\nexport const getInstructorTasks = async (\n  courseId: string,\n  params: PaginationParams,\n): Promise<DataList<InstructorTask>> => {\n  const { data } = await getAuthenticatedHttpClient().get(\n    `${getApiBaseUrl()}/api/instructor/v2/courses/${courseId}/instructor_tasks`,\n    {\n      params: {\n        page: params.page + 1,\n        page_size: params.pageSize,\n      },\n    },\n  );\n  return camelCaseObject(data);\n};\n\nexport const grantBulkExceptions = async (\n  courseId: string,\n  request: GrantExceptionRequest,\n): Promise<void> => {\n  await getAuthenticatedHttpClient().post(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/generate_bulk_certificate_exceptions`,\n    {\n      learners: request.learners,\n      notes: request.notes,\n    },\n  );\n};\n\nexport const invalidateCertificate = async (\n  courseId: string,\n  request: InvalidateCertificateRequest,\n): Promise<void> => {\n  await getAuthenticatedHttpClient().post(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/certificate_invalidation_view/`,\n    {\n      learners: request.learners,\n      notes: request.notes,\n    },\n  );\n};\n\nexport const removeException = async (\n  courseId: string,\n  request: RemoveExceptionRequest,\n): Promise<void> => {\n  await getAuthenticatedHttpClient().delete(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/certificate_exception_view/`,\n    {\n      data: {\n        username: request.username,\n      },\n    },\n  );\n};\n\nexport const removeInvalidation = async (\n  courseId: string,\n  request: RemoveInvalidationRequest,\n): Promise<void> => {\n  await getAuthenticatedHttpClient().delete(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/certificate_invalidation_view/`,\n    {\n      data: {\n        username: request.username,\n      },\n    },\n  );\n};\n\nexport const toggleCertificateGeneration = async (\n  courseId: string,\n  enable: boolean,\n): Promise<void> => {\n  await getAuthenticatedHttpClient().post(\n    `${getApiBaseUrl()}/courses/${courseId}/instructor/api/enable_certificate_generation`,\n    {\n      enabled: enable,\n    },\n  );\n};\n"]}

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

@@ -0,0 +1,30 @@
+import type { PaginationParams } from '../../types';
+import type { CertificateQueryParams, GrantExceptionRequest, InvalidateCertificateRequest, RemoveExceptionRequest, RemoveInvalidationRequest } from '../types';
+/**
+ * Hook to fetch issued certificates
+ */
+export declare const useIssuedCertificates: (courseId: string, params: CertificateQueryParams) => import("@tanstack/react-query").UseQueryResult<import("../../types").DataList<import("../types").CertificateData>, Error>;
+/**
+ * Hook to fetch instructor tasks
+ */
+export declare const useInstructorTasks: (courseId: string, params: PaginationParams) => import("@tanstack/react-query").UseQueryResult<import("../../types").DataList<import("../types").InstructorTask>, Error>;
+/**
+ * Hook to grant bulk certificate exceptions
+ */
+export declare const useGrantBulkExceptions: (courseId: string) => import("@tanstack/react-query").UseMutationResult<void, Error, GrantExceptionRequest, unknown>;
+/**
+ * Hook to invalidate certificate
+ */
+export declare const useInvalidateCertificate: (courseId: string) => import("@tanstack/react-query").UseMutationResult<void, Error, InvalidateCertificateRequest, unknown>;
+/**
+ * Hook to remove certificate exception
+ */
+export declare const useRemoveException: (courseId: string) => import("@tanstack/react-query").UseMutationResult<void, Error, RemoveExceptionRequest, unknown>;
+/**
+ * Hook to remove certificate invalidation
+ */
+export declare const useRemoveInvalidation: (courseId: string) => import("@tanstack/react-query").UseMutationResult<void, Error, RemoveInvalidationRequest, unknown>;
+/**
+ * Hook to toggle certificate generation
+ */
+export declare const useToggleCertificateGeneration: (courseId: string) => import("@tanstack/react-query").UseMutationResult<void, Error, boolean, unknown>;

package/dist/certificates/data/apiHook.js

@@ -0,0 +1,90 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { getInstructorTasks, getIssuedCertificates, grantBulkExceptions, invalidateCertificate, removeException, removeInvalidation, toggleCertificateGeneration, } from './api';
+import { certificatesQueryKeys } from './queryKeys';
+/**
+ * Hook to fetch issued certificates
+ */
+export const useIssuedCertificates = (courseId, params) => useQuery({
+    queryKey: certificatesQueryKeys.issued(courseId, params),
+    queryFn: () => getIssuedCertificates(courseId, params),
+    enabled: !!courseId,
+});
+/**
+ * Hook to fetch instructor tasks
+ */
+export const useInstructorTasks = (courseId, params) => useQuery({
+    queryKey: certificatesQueryKeys.tasks(courseId, params),
+    queryFn: () => getInstructorTasks(courseId, params),
+    enabled: !!courseId,
+});
+/**
+ * Hook to grant bulk certificate exceptions
+ */
+export const useGrantBulkExceptions = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (request) => grantBulkExceptions(courseId, request),
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: certificatesQueryKeys.byCourse(courseId),
+            });
+        },
+    });
+};
+/**
+ * Hook to invalidate certificate
+ */
+export const useInvalidateCertificate = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (request) => invalidateCertificate(courseId, request),
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: certificatesQueryKeys.byCourse(courseId),
+            });
+        },
+    });
+};
+/**
+ * Hook to remove certificate exception
+ */
+export const useRemoveException = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (request) => removeException(courseId, request),
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: certificatesQueryKeys.byCourse(courseId),
+            });
+        },
+    });
+};
+/**
+ * Hook to remove certificate invalidation
+ */
+export const useRemoveInvalidation = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (request) => removeInvalidation(courseId, request),
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: certificatesQueryKeys.byCourse(courseId),
+            });
+        },
+    });
+};
+/**
+ * Hook to toggle certificate generation
+ */
+export const useToggleCertificateGeneration = (courseId) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: (enable) => toggleCertificateGeneration(courseId, enable),
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: certificatesQueryKeys.byCourse(courseId),
+            });
+        },
+    });
+};
+//# sourceMappingURL=apiHook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"apiHook.js","sourceRoot":"","sources":["../../../src/certificates/data/apiHook.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAS9E,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAE,MAA8B,EAAE,EAAE,CACxF,QAAQ,CAAC;IACP,QAAQ,EAAE,qBAAqB,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC;IACxD,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC;IACtD,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,MAAwB,EAAE,EAAE,CAC/E,QAAQ,CAAC;IACP,QAAQ,EAAE,qBAAqB,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC;IACvD,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE,MAAM,CAAC;IACnD,OAAO,EAAE,CAAC,CAAC,QAAQ;CACpB,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACzD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,CAAC,OAA8B,EAAE,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;QACtF,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC;gBAC5B,QAAQ,EAAE,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC;aACnD,CAAC,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAgB,EAAE,EAAE;IAC3D,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,CAAC,OAAqC,EAAE,EAAE,CAAC,qBAAqB,CAAC,QAAQ,EAAE,OAAO,CAAC;QAC/F,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC;gBAC5B,QAAQ,EAAE,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC;aACnD,CAAC,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,CAAC,OAA+B,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC;QACnF,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC;gBAC5B,QAAQ,EAAE,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC;aACnD,CAAC,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACxD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,CAAC,OAAkC,EAAE,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC;QACzF,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC;gBAC5B,QAAQ,EAAE,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC;aACnD,CAAC,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,QAAgB,EAAE,EAAE;IACjE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,2BAA2B,CAAC,QAAQ,EAAE,MAAM,CAAC;QAC9E,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC;gBAC5B,QAAQ,EAAE,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC;aACnD,CAAC,CAAC;QACL,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport type { PaginationParams } from '@src/types';\nimport type {\n  CertificateQueryParams,\n  GrantExceptionRequest,\n  InvalidateCertificateRequest,\n  RemoveExceptionRequest,\n  RemoveInvalidationRequest,\n} from '../types';\nimport {\n  getInstructorTasks,\n  getIssuedCertificates,\n  grantBulkExceptions,\n  invalidateCertificate,\n  removeException,\n  removeInvalidation,\n  toggleCertificateGeneration,\n} from './api';\nimport { certificatesQueryKeys } from './queryKeys';\n\n/**\n * Hook to fetch issued certificates\n */\nexport const useIssuedCertificates = (courseId: string, params: CertificateQueryParams) =>\n  useQuery({\n    queryKey: certificatesQueryKeys.issued(courseId, params),\n    queryFn: () => getIssuedCertificates(courseId, params),\n    enabled: !!courseId,\n  });\n\n/**\n * Hook to fetch instructor tasks\n */\nexport const useInstructorTasks = (courseId: string, params: PaginationParams) =>\n  useQuery({\n    queryKey: certificatesQueryKeys.tasks(courseId, params),\n    queryFn: () => getInstructorTasks(courseId, params),\n    enabled: !!courseId,\n  });\n\n/**\n * Hook to grant bulk certificate exceptions\n */\nexport const useGrantBulkExceptions = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (request: GrantExceptionRequest) => grantBulkExceptions(courseId, request),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: certificatesQueryKeys.byCourse(courseId),\n      });\n    },\n  });\n};\n\n/**\n * Hook to invalidate certificate\n */\nexport const useInvalidateCertificate = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (request: InvalidateCertificateRequest) => invalidateCertificate(courseId, request),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: certificatesQueryKeys.byCourse(courseId),\n      });\n    },\n  });\n};\n\n/**\n * Hook to remove certificate exception\n */\nexport const useRemoveException = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (request: RemoveExceptionRequest) => removeException(courseId, request),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: certificatesQueryKeys.byCourse(courseId),\n      });\n    },\n  });\n};\n\n/**\n * Hook to remove certificate invalidation\n */\nexport const useRemoveInvalidation = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (request: RemoveInvalidationRequest) => removeInvalidation(courseId, request),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: certificatesQueryKeys.byCourse(courseId),\n      });\n    },\n  });\n};\n\n/**\n * Hook to toggle certificate generation\n */\nexport const useToggleCertificateGeneration = (courseId: string) => {\n  const queryClient = useQueryClient();\n  return useMutation({\n    mutationFn: (enable: boolean) => toggleCertificateGeneration(courseId, enable),\n    onSuccess: () => {\n      queryClient.invalidateQueries({\n        queryKey: certificatesQueryKeys.byCourse(courseId),\n      });\n    },\n  });\n};\n"]}

package/dist/certificates/data/dummyData.d.ts

@@ -0,0 +1,2 @@
+import { CertificateData } from '../types';
+export declare const dummyCertificateData: CertificateData[];