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

package/dist/certificates/components/CertificatesToolbar.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SearchField } from '@openedx/paragon';
+import { SpinnerIcon } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import FilterDropdown from '../../certificates/components/FilterDropdown';
+import { CertificateFilter } from '../../certificates/types';
+import messages from '../../certificates/messages';
+import '../CertificatesPage.scss';
+const getFilterLabel = (filter, intl) => {
+    const filterMessages = {
+        [CertificateFilter.ALL_LEARNERS]: messages.filterAllLearners,
+        [CertificateFilter.RECEIVED]: messages.filterReceived,
+        [CertificateFilter.NOT_RECEIVED]: messages.filterNotReceived,
+        [CertificateFilter.AUDIT_PASSING]: messages.filterAuditPassing,
+        [CertificateFilter.AUDIT_NOT_PASSING]: messages.filterAuditNotPassing,
+        [CertificateFilter.ERROR_STATE]: messages.filterErrorState,
+        [CertificateFilter.GRANTED_EXCEPTIONS]: messages.filterGrantedExceptions,
+        [CertificateFilter.INVALIDATED]: messages.filterInvalidated,
+    };
+    return intl.formatMessage(filterMessages[filter]);
+};
+const CertificatesToolbar = ({ search, onSearchChange, filter, onFilterChange, onRegenerateCertificates, }) => {
+    const intl = useIntl();
+    const buttonText = filter === CertificateFilter.ALL_LEARNERS
+        ? intl.formatMessage(messages.regenerateCertificatesButton)
+        : intl.formatMessage(messages.regenerateCertificatesButtonWithFilter, {
+            filter: getFilterLabel(filter, intl),
+        });
+    return (_jsxs("div", { className: "d-flex flex-wrap align-items-center justify-content-between mb-4 mx-4 mt-3 gap-3", children: [_jsxs("div", { className: "d-flex align-items-center gap-3 flex-shrink-1 certificates-toolbar-wrapper", children: [_jsx(SearchField, { onSubmit: onSearchChange, onChange: onSearchChange, placeholder: intl.formatMessage(messages.searchPlaceholder), value: search, className: "flex-shrink-1 certificates-search-field" }), _jsx(FilterDropdown, { value: filter, onChange: onFilterChange, className: "flex-shrink-0" })] }), _jsx(Button, { variant: "outline-primary", iconBefore: SpinnerIcon, onClick: onRegenerateCertificates, className: "text-nowrap flex-shrink-0", children: buttonText })] }));
+};
+export default CertificatesToolbar;
+//# sourceMappingURL=CertificatesToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CertificatesToolbar.js","sourceRoot":"","sources":["../../../src/certificates/components/CertificatesToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,cAAc,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAClD,OAAO,0BAA0B,CAAC;AAUlC,MAAM,cAAc,GAAG,CAAC,MAAyB,EAAE,IAAS,EAAE,EAAE;IAC9D,MAAM,cAAc,GAAmC;QACrD,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,iBAAiB;QAC5D,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,cAAc;QACrD,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,iBAAiB;QAC5D,CAAC,iBAAiB,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC,kBAAkB;QAC9D,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,QAAQ,CAAC,qBAAqB;QACrE,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,gBAAgB;QAC1D,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,QAAQ,CAAC,uBAAuB;QACxE,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,QAAQ,CAAC,iBAAiB;KAC5D,CAAC;IACF,OAAO,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAC3B,MAAM,EACN,cAAc,EACd,MAAM,EACN,cAAc,EACd,wBAAwB,GACC,EAAE,EAAE;IAC7B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,UAAU,GAAG,MAAM,KAAK,iBAAiB,CAAC,YAAY;QAC1D,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,4BAA4B,CAAC;QAC3D,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,sCAAsC,EAAE;YAClE,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC;SACrC,CAAC,CAAC;IAEP,OAAO,CACL,eAAK,SAAS,EAAC,kFAAkF,aAC/F,eAAK,SAAS,EAAC,4EAA4E,aACzF,KAAC,WAAW,IACV,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAC3D,KAAK,EAAE,MAAM,EACb,SAAS,EAAC,yCAAyC,GACnD,EACF,KAAC,cAAc,IACb,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,eAAe,GACzB,IACE,EACN,KAAC,MAAM,IACL,OAAO,EAAC,iBAAiB,EACzB,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,wBAAwB,EACjC,SAAS,EAAC,2BAA2B,YAEpC,UAAU,GACJ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { Button, SearchField } from '@openedx/paragon';\nimport { SpinnerIcon } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport FilterDropdown from '@src/certificates/components/FilterDropdown';\nimport { CertificateFilter } from '@src/certificates/types';\nimport messages from '@src/certificates/messages';\nimport '../CertificatesPage.scss';\n\ninterface CertificatesToolbarProps {\n  search: string,\n  onSearchChange: (value: string) => void,\n  filter: CertificateFilter,\n  onFilterChange: (value: CertificateFilter) => void,\n  onRegenerateCertificates: () => void,\n}\n\nconst getFilterLabel = (filter: CertificateFilter, intl: any) => {\n  const filterMessages: Record<CertificateFilter, any> = {\n    [CertificateFilter.ALL_LEARNERS]: messages.filterAllLearners,\n    [CertificateFilter.RECEIVED]: messages.filterReceived,\n    [CertificateFilter.NOT_RECEIVED]: messages.filterNotReceived,\n    [CertificateFilter.AUDIT_PASSING]: messages.filterAuditPassing,\n    [CertificateFilter.AUDIT_NOT_PASSING]: messages.filterAuditNotPassing,\n    [CertificateFilter.ERROR_STATE]: messages.filterErrorState,\n    [CertificateFilter.GRANTED_EXCEPTIONS]: messages.filterGrantedExceptions,\n    [CertificateFilter.INVALIDATED]: messages.filterInvalidated,\n  };\n  return intl.formatMessage(filterMessages[filter]);\n};\n\nconst CertificatesToolbar = ({\n  search,\n  onSearchChange,\n  filter,\n  onFilterChange,\n  onRegenerateCertificates,\n}: CertificatesToolbarProps) => {\n  const intl = useIntl();\n\n  const buttonText = filter === CertificateFilter.ALL_LEARNERS\n    ? intl.formatMessage(messages.regenerateCertificatesButton)\n    : intl.formatMessage(messages.regenerateCertificatesButtonWithFilter, {\n        filter: getFilterLabel(filter, intl),\n      });\n\n  return (\n    <div className=\"d-flex flex-wrap align-items-center justify-content-between mb-4 mx-4 mt-3 gap-3\">\n      <div className=\"d-flex align-items-center gap-3 flex-shrink-1 certificates-toolbar-wrapper\">\n        <SearchField\n          onSubmit={onSearchChange}\n          onChange={onSearchChange}\n          placeholder={intl.formatMessage(messages.searchPlaceholder)}\n          value={search}\n          className=\"flex-shrink-1 certificates-search-field\"\n        />\n        <FilterDropdown\n          value={filter}\n          onChange={onFilterChange}\n          className=\"flex-shrink-0\"\n        />\n      </div>\n      <Button\n        variant=\"outline-primary\"\n        iconBefore={SpinnerIcon}\n        onClick={onRegenerateCertificates}\n        className=\"text-nowrap flex-shrink-0\"\n      >\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default CertificatesToolbar;\n"]}

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

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

package/dist/certificates/components/DisableCertificatesModal.js

@@ -0,0 +1,16 @@
+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 '../../certificates/messages';
+const DisableCertificatesModal = ({ isOpen, isEnabled, onClose, onConfirm, isSubmitting, }) => {
+    const intl = useIntl();
+    const title = isEnabled
+        ? intl.formatMessage(messages.disableCertificatesModalTitle)
+        : intl.formatMessage(messages.enableCertificatesModalTitle);
+    const message = isEnabled
+        ? intl.formatMessage(messages.disableCertificatesModalMessage)
+        : intl.formatMessage(messages.enableCertificatesModalMessage);
+    return (_jsxs(ModalDialog, { title: title, onClose: onClose, isOpen: isOpen, size: "sm", hasCloseButton: false, isOverflowVisible: false, children: [_jsx("div", { className: "mx-4 mt-4 mb-2.5", children: _jsx("p", { children: message }) }), _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.confirm) })] }) })] }));
+};
+export default DisableCertificatesModal;
+//# sourceMappingURL=DisableCertificatesModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DisableCertificatesModal.js","sourceRoot":"","sources":["../../../src/certificates/components/DisableCertificatesModal.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,4BAA4B,CAAC;AAUlD,MAAM,wBAAwB,GAAG,CAAC,EAChC,MAAM,EACN,SAAS,EACT,OAAO,EACP,SAAS,EACT,YAAY,GACkB,EAAE,EAAE;IAClC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,KAAK,GAAG,SAAS;QACrB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC;QAC5D,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC;IAE9D,MAAM,OAAO,GAAG,SAAS;QACvB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,+BAA+B,CAAC;QAC9D,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,8BAA8B,CAAC,CAAC;IAEhE,OAAO,CACL,MAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,IAAI,EACT,cAAc,EAAE,KAAK,EACrB,iBAAiB,EAAE,KAAK,aAExB,cAAK,SAAS,EAAC,kBAAkB,YAC/B,sBAAI,OAAO,GAAK,GACZ,EACN,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,OAAO,CAAC,GAC9B,IACC,GACO,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["import { ActionRow, Button, ModalDialog } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from '@src/certificates/messages';\n\ninterface DisableCertificatesModalProps {\n  isOpen: boolean,\n  isEnabled: boolean,\n  onClose: () => void,\n  onConfirm: () => void,\n  isSubmitting: boolean,\n}\n\nconst DisableCertificatesModal = ({\n  isOpen,\n  isEnabled,\n  onClose,\n  onConfirm,\n  isSubmitting,\n}: DisableCertificatesModalProps) => {\n  const intl = useIntl();\n\n  const title = isEnabled\n    ? intl.formatMessage(messages.disableCertificatesModalTitle)\n    : intl.formatMessage(messages.enableCertificatesModalTitle);\n\n  const message = isEnabled\n    ? intl.formatMessage(messages.disableCertificatesModalMessage)\n    : intl.formatMessage(messages.enableCertificatesModalMessage);\n\n  return (\n    <ModalDialog\n      title={title}\n      onClose={onClose}\n      isOpen={isOpen}\n      size=\"sm\"\n      hasCloseButton={false}\n      isOverflowVisible={false}\n    >\n      <div className=\"mx-4 mt-4 mb-2.5\">\n        <p>{message}</p>\n      </div>\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.confirm)}\n          </Button>\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default DisableCertificatesModal;\n"]}

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

@@ -0,0 +1,8 @@
+import { CertificateFilter } from '../../certificates/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 '../../certificates/types';
+import messages from '../../certificates/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,yBAAyB,CAAC;AAC5D,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAQlD,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 '@src/certificates/types';\nimport messages from '@src/certificates/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 { CertificateGenerationHistory } from '../../certificates/types';
+interface GenerationHistoryTableProps {
+    data: CertificateGenerationHistory[];
+    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,25 @@
+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 '../../certificates/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: 'date',
+        },
+        {
+            Header: intl.formatMessage(messages.columnDetails),
+            accessor: 'details',
+        },
+    ], [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,4BAA4B,CAAC;AAWlD,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,MAAM;SACjB;QACD;YACE,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC;YAClD,QAAQ,EAAE,SAAS;SACpB;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 { CertificateGenerationHistory } from '@src/certificates/types';\nimport messages from '@src/certificates/messages';\n\ninterface GenerationHistoryTableProps {\n  data: CertificateGenerationHistory[],\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: 'date',\n      },\n      {\n        Header: intl.formatMessage(messages.columnDetails),\n        accessor: 'details',\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 '../../certificates/components/LearnerActionModal';
+import messages from '../../certificates/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,iDAAiD,CAAC;AACjF,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AASlD,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 '@src/certificates/components/LearnerActionModal';\nimport messages from '@src/certificates/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 '../../certificates/components/LearnerActionModal';
+import messages from '../../certificates/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,iDAAiD,CAAC;AACjF,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AASlD,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 '@src/certificates/components/LearnerActionModal';\nimport messages from '@src/certificates/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 '../../certificates/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 '../../certificates/components/CertificateTable';
+import CertificatesToolbar from '../../certificates/components/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,+CAA+C,CAAC;AAC7E,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AAmBnF,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 '@src/certificates/components/CertificateTable';\nimport CertificatesToolbar from '@src/certificates/components/CertificatesToolbar';\nimport { CertificateData, CertificateFilter } from '@src/certificates/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,27 @@
+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 = () => {
+        // Parse comma-separated learners and filter out empty strings
+        const learnersArray = learners
+            .split(',')
+            .map((learner) => learner.trim())
+            .filter((learner) => learner.length > 0);
+        if (learnersArray.length > 0) {
+            onSubmit(learnersArray, 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,8DAA8D;QAC9D,MAAM,aAAa,GAAG,QAAQ;aAC3B,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aAChC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAE3C,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7B,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YAC/B,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    // Parse comma-separated learners and filter out empty strings\n    const learnersArray = learners\n      .split(',')\n      .map((learner) => learner.trim())\n      .filter((learner) => learner.length > 0);\n\n    if (learnersArray.length > 0) {\n      onSubmit(learnersArray, 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/RemoveExceptionModal.d.ts

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

package/dist/certificates/components/RemoveExceptionModal.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 '../../certificates/messages';
+const RemoveExceptionModal = ({ isOpen, email, onClose, onConfirm, isSubmitting, }) => {
+    const intl = useIntl();
+    return (_jsxs(ModalDialog, { isOpen: isOpen, onClose: onClose, hasCloseButton: false, title: intl.formatMessage(messages.removeExceptionModalTitle), className: "p-4", isOverflowVisible: false, children: [_jsx(ModalDialog.Header, { children: _jsx(ModalDialog.Title, { children: intl.formatMessage(messages.removeExceptionModalTitle) }) }), _jsx(ModalDialog.Body, { children: _jsx("p", { className: "mb-2.5", children: intl.formatMessage(messages.removeExceptionModalMessage, { 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.removeExceptionAction) })] }) })] }));
+};
+export default RemoveExceptionModal;
+//# sourceMappingURL=RemoveExceptionModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveExceptionModal.js","sourceRoot":"","sources":["../../../src/certificates/components/RemoveExceptionModal.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,4BAA4B,CAAC;AAUlD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,YAAY,GACc,EAAE,EAAE;IAC9B,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,yBAAyB,CAAC,EAC7D,SAAS,EAAC,KAAK,EACf,iBAAiB,EAAE,KAAK,aAExB,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,WAAW,CAAC,KAAK,cACf,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GACrC,GACD,EACrB,KAAC,WAAW,CAAC,IAAI,cACf,YAAG,SAAS,EAAC,QAAQ,YAClB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,2BAA2B,EAAE,EAAE,KAAK,EAAE,CAAC,GAClE,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,qBAAqB,CAAC,GAC5C,IACC,GACO,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { ActionRow, Button, ModalDialog } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\nimport messages from '@src/certificates/messages';\n\ninterface RemoveExceptionModalProps {\n  isOpen: boolean,\n  email: string,\n  onClose: () => void,\n  onConfirm: () => void,\n  isSubmitting: boolean,\n}\n\nconst RemoveExceptionModal = ({\n  isOpen,\n  email,\n  onClose,\n  onConfirm,\n  isSubmitting,\n}: RemoveExceptionModalProps) => {\n  const intl = useIntl();\n\n  return (\n    <ModalDialog\n      isOpen={isOpen}\n      onClose={onClose}\n      hasCloseButton={false}\n      title={intl.formatMessage(messages.removeExceptionModalTitle)}\n      className=\"p-4\"\n      isOverflowVisible={false}\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title>\n          {intl.formatMessage(messages.removeExceptionModalTitle)}\n        </ModalDialog.Title>\n      </ModalDialog.Header>\n      <ModalDialog.Body>\n        <p className=\"mb-2.5\">\n          {intl.formatMessage(messages.removeExceptionModalMessage, { 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.removeExceptionAction)}\n          </Button>\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nexport default RemoveExceptionModal;\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 '../../certificates/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,4BAA4B,CAAC;AAUlD,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 '@src/certificates/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,23 @@
+import type { DataList, PaginationParams } from '../../types';
+import type { CertificateData, CertificateGenerationHistory, CertificateQueryParams, GrantExceptionRequest, InstructorTask, InvalidateCertificateRequest, RemoveExceptionRequest, RemoveInvalidationRequest } from '../../certificates/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<{
+    success: string[];
+    errors: {
+        learner: string;
+        message: string;
+    }[];
+}>;
+export declare const invalidateCertificate: (courseId: string, request: InvalidateCertificateRequest) => Promise<{
+    success: string[];
+    errors: {
+        learner: string;
+        message: string;
+    }[];
+}>;
+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>;
+export declare const regenerateCertificates: (courseId: string, filter: string) => Promise<void>;
+export declare const getCertificateGenerationHistory: (courseId: string, params: PaginationParams) => Promise<DataList<CertificateGenerationHistory>>;